Initial Commit
This commit is contained in:
khaccount committed
1 parent
4f495177e4
commit
b6d2142214
166 files changed
+13952
-178
No files matched your search
@@ -0,0 +1,165 @@
|
||||
<f:comment>
|
||||
### This template renders a single solution with different layouts
|
||||
<f:debug>{_all}</f:debug>
|
||||
File path: EXT:vitec/Resources/Private/Templates/Solution/Show.html
|
||||
</f:comment>
|
||||
|
||||
<f:layout name="Default" />
|
||||
|
||||
<f:section name="main">
|
||||
|
||||
<!-- Layout Selection -->
|
||||
<f:switch expression="{settings.layout}">
|
||||
|
||||
<f:case value="card">
|
||||
<f:render section="cardLayout" arguments="{solution: solution, settings: settings}" />
|
||||
</f:case>
|
||||
|
||||
<f:case value="hero">
|
||||
<f:render section="heroLayout" arguments="{solution: solution, settings: settings}" />
|
||||
</f:case>
|
||||
|
||||
<f:case value="compact">
|
||||
<f:render section="compactLayout" arguments="{solution: solution, settings: settings}" />
|
||||
</f:case>
|
||||
|
||||
<f:defaultCase>
|
||||
<f:render section="defaultLayout" arguments="{solution: solution, settings: settings}" />
|
||||
</f:defaultCase>
|
||||
|
||||
</f:switch>
|
||||
</f:section>
|
||||
|
||||
<!-- Default Layout -->
|
||||
<f:section name="defaultLayout">
|
||||
<f:if condition="{settings.debug}">
|
||||
<f:debug>{_all}</f:debug>
|
||||
<code>
|
||||
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
|
||||
</code>
|
||||
</f:if>
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card shadow-sm border-0 rounded-4">
|
||||
<f:if condition="{solution.image}">
|
||||
<f:then>
|
||||
<f:image src="{solution.image.originalResource.originalFile.uid}" title="{solution.title} {solution.subtitle}" alt="{solution.title} - {solution.subtitle}" class="img-fluid card-img-top rounded-top-4" />
|
||||
</f:then>
|
||||
<f:else>
|
||||
No image available
|
||||
</f:else>
|
||||
</f:if>
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<h5 class="card-title mb-0">{solution.title}</h5>
|
||||
<small class="text-muted">{solution.subtitle}</small><br />
|
||||
<f:format.html>{solution.description}</f:format.html>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
<!-- Card Layout -->
|
||||
<f:section name="cardLayout">
|
||||
<f:if condition="{settings.debug}">
|
||||
<f:debug>{_all}</f:debug>
|
||||
<code>
|
||||
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
|
||||
</code>
|
||||
</f:if>
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-lg-6 mx-auto">
|
||||
<div class="card shadow-lg border-0 rounded-5">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
<f:if condition="{solution.image}">
|
||||
<f:image src="{solution.image.originalResource.originalFile.uid}" title="{solution.title}" alt="{solution.title}" class="img-fluid rounded-start h-100 object-cover" />
|
||||
</f:if>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card-body h-100 d-flex flex-column">
|
||||
<div class="mb-3">
|
||||
<h4 class="card-title mb-0">{solution.title}</h4>
|
||||
<small class="text-primary fw-bold">{solution.subtitle}</small>
|
||||
</div>
|
||||
<p class="card-text flex-grow-1">
|
||||
<f:format.html>{solution.description}</f:format.html>
|
||||
</p>
|
||||
<f:if condition="{solution.categories}">
|
||||
<div class="mb-3">
|
||||
<f:for each="{solution.categories}" as="category">
|
||||
<f:if condition="{category.parent.uid} == 18">
|
||||
<span class="badge bg-danger me-1">{category.title}</span>
|
||||
</f:if>
|
||||
</f:for>
|
||||
</div>
|
||||
</f:if>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
<!-- Hero Layout -->
|
||||
<f:section name="heroLayout">
|
||||
<f:if condition="{settings.debug}">
|
||||
<f:debug>{_all}</f:debug>
|
||||
<code>
|
||||
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
|
||||
</code>
|
||||
</f:if>
|
||||
<div class="hero-section position-relative" style="min-height: 60vh;">
|
||||
<f:if condition="{solution.image}">
|
||||
<div class="hero-bg position-absolute w-100 h-100" style="background-image: url('{f:uri.image(src: solution.image.originalResource.originalFile.uid)}'); background-size: cover; background-position: center; opacity: 0.3;"></div>
|
||||
</f:if>
|
||||
<div class="container position-relative h-100 d-flex align-items-center">
|
||||
<div class="row w-100">
|
||||
<div class="col-lg-8 col-xl-6">
|
||||
<div class="mb-4">
|
||||
<h1 class="display-4 fw-bold mb-2">{solution.title}</h1>
|
||||
<h2 class="h4 text-primary">{solution.subtitle}</h2>
|
||||
</div>
|
||||
<div class="lead mb-4">
|
||||
<f:format.html>{solution.description}</f:format.html>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
<!-- Compact Layout -->
|
||||
<f:section name="compactLayout">
|
||||
<f:if condition="{settings.debug}">
|
||||
<f:debug>{_all}</f:debug>
|
||||
<code>
|
||||
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
|
||||
</code>
|
||||
</f:if>
|
||||
<div class="container py-3">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex align-items-center p-3 border rounded-3 bg-light">
|
||||
<f:if condition="{solution.image}">
|
||||
<f:image src="{solution.image.originalResource.originalFile.uid}" title="{solution.title}" alt="{solution.title}" class="me-3 rounded" style="width: 60px; height: 60px; object-fit: contain;"/>
|
||||
</f:if>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-1">{solution.title}</h5>
|
||||
<p class="mb-1 text-muted">{solution.subtitle}</p>
|
||||
<small class="text-truncate d-block">
|
||||
<f:format.stripTags><f:format.crop maxCharacters="100">{solution.description}</f:format.crop></f:format.stripTags>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:section>
|
||||
Reference in new issue
Block a user