mirror of
https://github.com/a2nt/silverstripe-elemental-basics.git
synced 2024-10-22 17:05:54 +02:00
Initial Element Templates
This commit is contained in:
parent
b701d85ebc
commit
5d13db9f58
@ -31,7 +31,7 @@ DNADesign\Elemental\Models\ElementalArea:
|
|||||||
- A2nt\ElementalBasics\Extensions\ElementalArea
|
- A2nt\ElementalBasics\Extensions\ElementalArea
|
||||||
|
|
||||||
DNADesign\Elemental\Models\BaseElement:
|
DNADesign\Elemental\Models\BaseElement:
|
||||||
default_global_elements: true
|
default_global_elements: false
|
||||||
extensions:
|
extensions:
|
||||||
- A2nt\ElementalBasics\Extensions\BaseElementEx
|
- A2nt\ElementalBasics\Extensions\BaseElementEx
|
||||||
- A2nt\ElementalBasics\Extensions\ElementRows
|
- A2nt\ElementalBasics\Extensions\ElementRows
|
||||||
|
9
templates/A2nt/ElementalBasics/Elements/AccordionElement.ss
Executable file
9
templates/A2nt/ElementalBasics/Elements/AccordionElement.ss
Executable file
@ -0,0 +1,9 @@
|
|||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<div class="element__content" data-listelement-count="{$Elements.Elements.Count}">
|
||||||
|
<div id="ElementAccordion{$Elements.ID}" class="accordion">
|
||||||
|
$Accordion
|
||||||
|
</div>
|
||||||
|
</div>
|
25
templates/A2nt/ElementalBasics/Elements/AccordionElement_AccordionArea.ss
Executable file
25
templates/A2nt/ElementalBasics/Elements/AccordionElement_AccordionArea.ss
Executable file
@ -0,0 +1,25 @@
|
|||||||
|
<% if $ElementFilteredControllers %>
|
||||||
|
<% loop $ElementFilteredControllers %>
|
||||||
|
<div class="card">
|
||||||
|
<div
|
||||||
|
id="ElementHeader{$ID}"
|
||||||
|
class="card-header accordion-header a h4"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target="#ElementContent{$ID}"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="ElementContent{$ID}"
|
||||||
|
>
|
||||||
|
$Title
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
id="ElementContent{$ID}"
|
||||||
|
class="accordion-content collapse"
|
||||||
|
aria-labelledby="ElementHeader{$ID}"
|
||||||
|
data-bs-parent="#ElementAccordion{$Parent.ID}"
|
||||||
|
>
|
||||||
|
$Me
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end_loop %>
|
||||||
|
<% end_if %>
|
22
templates/A2nt/ElementalBasics/Elements/BlockElement.ss
Executable file
22
templates/A2nt/ElementalBasics/Elements/BlockElement.ss
Executable file
@ -0,0 +1,22 @@
|
|||||||
|
<div
|
||||||
|
data-aos="fade-up"
|
||||||
|
class="element__content<% if $BlockLink %> has-blockLink<% end_if %><% if $BlockIcon %> has-blockIcon<% end_if %><% if $Style %> $CssStyle<% end_if %>"
|
||||||
|
>
|
||||||
|
<% if $BlockIcon %>
|
||||||
|
<i class="element__icon $BlockIcon"></i>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<div class="element__html typography">
|
||||||
|
$HTML
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if $BlockLink %>
|
||||||
|
<a href="$BlockLink.LinkURL" class="element__link btn btn-default stretched-link">
|
||||||
|
$BlockLink.Title
|
||||||
|
</a>
|
||||||
|
<% end_if %>
|
||||||
|
</div>
|
15
templates/A2nt/ElementalBasics/Elements/CustomSnippetElement.ss
Executable file
15
templates/A2nt/ElementalBasics/Elements/CustomSnippetElement.ss
Executable file
@ -0,0 +1,15 @@
|
|||||||
|
<div class="element__content<% if $Style %> $CssStyle<% end_if %>">
|
||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<div class="element__html typography">
|
||||||
|
$HTML
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if $BlockLink %>
|
||||||
|
<a href="$BlockLink.LinkURL" class="element__link btn btn-default stretched-link">
|
||||||
|
$BlockLink.Title
|
||||||
|
</a>
|
||||||
|
<% end_if %>
|
||||||
|
</div>
|
8
templates/A2nt/ElementalBasics/Elements/InstagramElement.ss
Executable file
8
templates/A2nt/ElementalBasics/Elements/InstagramElement.ss
Executable file
@ -0,0 +1,8 @@
|
|||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<div class="element__content">
|
||||||
|
<div class="element__feed jsInstagramFeed" $AttributesHTML></div>
|
||||||
|
<div class="feed__link"><a href="{$FeedLink}" target="_blank">{$FeedTitle}</a></div>
|
||||||
|
</div>
|
23
templates/A2nt/ElementalBasics/Elements/MapElement.ss
Executable file
23
templates/A2nt/ElementalBasics/Elements/MapElement.ss
Executable file
@ -0,0 +1,23 @@
|
|||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<% if $Content %>
|
||||||
|
<div class="element__html typography">$Content</div>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<div class="element__content">
|
||||||
|
<% include Objects\Map %>
|
||||||
|
|
||||||
|
<% if $Locations %>
|
||||||
|
<div class="locations">
|
||||||
|
<div class="row">
|
||||||
|
<% loop $Locations %>
|
||||||
|
<div class="col">
|
||||||
|
$forTemplate
|
||||||
|
</div>
|
||||||
|
<% end_loop %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end_if %>
|
||||||
|
</div>
|
24
templates/A2nt/ElementalBasics/Elements/SliderElement.ss
Executable file
24
templates/A2nt/ElementalBasics/Elements/SliderElement.ss
Executable file
@ -0,0 +1,24 @@
|
|||||||
|
<% if $ShowTitle || $Content %>
|
||||||
|
<div class="slider-caption">
|
||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
<% if $Content %><div class="element__html typography">$Content</div><% end_if %>
|
||||||
|
</div>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<% if $SlideShow %>
|
||||||
|
<div class="element__content">
|
||||||
|
<div id="Carousel{$ID}" class="element__carousel carousel slide js-carousel"<% if $SlideShow.count > 1 %><% if $Interval %> data-interval="$Interval"<% end_if %> data-indicators="true" data-arrows="true"<% end_if %>>
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<% loop $SlideShow %>
|
||||||
|
<div class="carousel-item carousel-item-{$SlideType}<% if no $Controls %> carousel-item-nocontrols<% end_if %><% if $First %> active<% end_if %>">
|
||||||
|
<div class="carousel-slide">
|
||||||
|
<% include SlideItem %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end_loop %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end_if %>
|
17
templates/A2nt/ElementalBasics/Elements/TeamMembersElement.ss
Executable file
17
templates/A2nt/ElementalBasics/Elements/TeamMembersElement.ss
Executable file
@ -0,0 +1,17 @@
|
|||||||
|
<% if $Members %>
|
||||||
|
<div class="element__content<% if $Style %> $CssStyle<% end_if %>">
|
||||||
|
<% if $ShowTitle %>
|
||||||
|
<h2 class="element__title">$Title</h2>
|
||||||
|
<% end_if %>
|
||||||
|
|
||||||
|
<div class="element__content">
|
||||||
|
<div class="row">
|
||||||
|
<% loop $Members %>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<% include Objects\HCard %>
|
||||||
|
</div>
|
||||||
|
<% end_loop %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end_if %>
|
Loading…
Reference in New Issue
Block a user