Skip to content

S
sidekick
Commit f2c94dda authored by Kevin Yumang's avatar Kevin Yumang
Browse files
Options

SERV-2286 - all documentation update. replaced cards inside cards.

parent 5a64ee4f
Show whitespace changes
Inline Side-by-side
Showing with 348 additions and 423 deletions
src/Views/Limitless/Codemirror/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -9,14 +9,12 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Codemirror"])
<p>A themed writable container for codes.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
@Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">Codemirror</h6>
<p class="mb-3 text-muted">A themed writable container for codes.</p>
<p class="font-italic font-size-lg">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -49,10 +47,11 @@
])
@Limitless::TableStop
</div>
@Limitless::Divider
</br>
<h6>Themes</h6>
<div class="mb-3"></div>
<p class="font-italic font-size-lg">Themes</p>
<div class="row mt-2">
<code>
3024-day | 3024-night | abcdef | ambiance | base16-dark | base16-light | bespin | blackboard | cobalt |
codemirror | colorforth | darcula | dracula | duotone-dark | duotone-light | eclipse | elegant | erlang-dark |
......@@ -62,6 +61,9 @@
tomorrow-night-bright | tomorrow-night-eighties | ttcn | twilight | vibrant-ink | xq-dark | xq-light |
yeti | yonce | zenburn
</code>
</div>
</div>
@Limitless::ElementCardStop
......
src/Views/Limitless/Element/Card/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -10,14 +10,13 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "ElementCardStart"])
<p>The opening element for the card.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ElementCardStart</h6>
<p class="mb-3 text-muted">The opening fragment of the card element.</p>
<p class="font-italic font-size-lg">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -54,17 +53,14 @@
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "ElementCardStop"])
<p>The closing element for the card.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ElementCardStop</h6>
<p class="mb-3 text-muted">The closing fragment of the card element.</p>
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
@Limitless::ElementCardStop
......
src/Views/Limitless/Element/Divider/Divider.blade.php
View file @ f2c94dda
<div style="border-top:1px solid #495267;" class="dropdown-divider"></div>
\ No newline at end of file
<div style="border-top:1px solid #ffffff1a;" class="dropdown-divider"></div>
\ No newline at end of file
src/Views/Limitless/Element/Divider/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -9,16 +9,15 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Divider"])
@Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
<p>A styled horizontal line for separating contents.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">Divider</h6>
<p class="mb-3 text-muted">A styled horizontal line for separating contents.</p>
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
@Limitless::ElementCardStop
@Limitless::ElementCardStop
{{-- Sample Output --}}
@Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
......
src/Views/Limitless/Element/Example/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -9,16 +9,13 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Example"])
<p>Example Div element with custom javascript and stylesheet files.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">Example</h6>
<p class="mb-3 text-muted">Example Div element with custom javascript and stylesheet files.</p>
<p class="font-italic font-size-lg">Parameters</p> NONE
</div>
@Limitless::ElementCardStop
......
src/Views/Limitless/Help/Pages/Home.blade.php
View file @ f2c94dda
......@@ -11,58 +11,4 @@
The raw design is available via the emulated <a target="_blank" href="{{secure_url('/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/layout_1/LTR/dark/full/index.html')}}"> <u>CDN</u> </a> of the <i>ceetrox/sidekick</i> package.
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Codemirror Test", 'icon' => 'icon-file-empty' ] )
@Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => 'Hello World!' ])
@Limitless::ElementCardStop
@Limitless::Example
<br/>
@Limitless::ElementCardStart(['title' => "Navigation Sample Output" ] )
@Limitless::NavigationStart
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStart(['title' => 'submenu test', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStart(['title' => 'sub submenu test', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStop
@Limitless::NavigationMenuStop
@Limitless::NavigationStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Table Test" ] )
@Limitless::TableStart([ 'extra' => ['class' => 'table table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => '#'],
['name' => '<a href="#">TestUrl</a>', 'secure' => false],
['name' => 'Two'],
['name' => 'Three']
])
@Limitless::TableAutofillBody([
[
['value' => 'data 1 row 1'],
['value' => 'data 2 row 1'],
['value' => 'data 3 row 1'],
['value' => 'data 4 row 1']
],
[
['value' => 'data 1 row 2'],
['value' => 'data 2 row 2'],
['value' => 'data 3 row 2'],
['value' => 'data 4 row 2']
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
@stop
src/Views/Limitless/Navigation/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -8,19 +8,17 @@
@Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-menu8'])
<p>
A vertical area that displays the items for website page navigation.
Consists of <i>six (6)</i> elements.
</p>
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "NavigationStart"])
<p>The main opening element for the navigation.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationStart</h6>
<p class="mb-3 text-muted">The main opening fragment of the navigation element.</p>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -36,25 +34,22 @@
['value' => 'Adds custom attributes for the main container. existing attributes such as class will be overwritten.']
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "NavigationStop"])
<p>The main closing element for the navigation.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "NavigationMenuSectionTitle"])
<p>Navigation section/group title.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
@Limitless::TableStop
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationStop</h6>
<p class="mb-3 text-muted">The main closing fragment of the navigation element.</p>
<p class="font-italic font-size-lg ">Parameters</p> NONE
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationMenuSectionTitle</h6>
<p class="mb-3 text-muted">Navigation section/group title.</p>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -72,15 +67,14 @@
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "NavigationMenuItem"])
<p>The items that will be displayed for navigation.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationMenuItem</h6>
<p class="mb-3 text-muted">The items that will be displayed for navigation.</p>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -113,15 +107,14 @@
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "NavigationMenuStart"])
<p>The opening and the parent element for the nested navigation items.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationMenuStart</h6>
<p class="mb-3 text-muted">The opening fragment and the parent element of the nested navigation items.</p>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -144,17 +137,14 @@
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "NavigationMenuStop"])
<p>The closing element for the nested navigation items.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationMenuStop</h6>
<p class="mb-3 text-muted">The closing fragment and the parent element of the nested navigation items.</p>
<p class="font-italic font-size-lg ">Parameters</p> NONE
</div>
@Limitless::ElementCardStop
......
src/Views/Limitless/Table/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -9,14 +9,13 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "TableStart"])
<p>The opening element for the table.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableStart</h6>
<p class="mb-3 text-muted">The opening fragment of the table element.</p>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -32,32 +31,29 @@
['value' => 'Adds custom attributes for the table element. existing attributes such as class will be overwritten.']
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "TableStop"])
<p>The closing element for the table.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "TableAutofillHeader"])
<p>Populates column headers. Parameters needs to be inside an array of column arrays.</p>
@Limitless::TableStop
</div>
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableStop</h6>
<p class="mb-3 text-muted">The closing fragment of the table element.</p>
<p class="font-italic font-size-lg ">Parameters</p> NONE
</div>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableAutofillHeader</h6>
<p class="mb-3 text-muted">Populates column headers. Parameters needs to be inside an array of column arrays.</p>
@php
$headerExample = base64_decode("Ly8gbWFpbiBhcnJheQpbCgkvLyBjb2x1bW5zIGFycmF5CglbJ25hbWUnID0+ICdDb2x1bW4xJywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJWyduYW1lJyA9PiAnQ29sdW1uMiddLAoJWyduYW1lJyA9PiAnQ29sdW1uMyddCl0=");
@endphp
@Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $headerExample ])
@Limitless::Divider
</br>
<h6>Parameters</h6>
<div class="mb-3"></div>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -80,22 +76,21 @@
])
@Limitless::TableStop
</div>
</div>
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "TableAutofillBody"])
<p>Populates the table body data. Parameters needs to be inside an array of row array of column arrays.</p>
<div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableAutofillBody</h6>
<p class="mb-3 text-muted">Populates the table body data. Parameters needs to be inside an array of row array of column arrays.</p>
@php
$bodyExample = base64_decode("Ly8gbWFpbiBhcnJheQpbCgkvLyBwZXIgcm93IGFycmF5CglbCgkJLy8gcGVyIGNvbHVtbiBhcnJheQoJCVsndmFsdWUnID0+ICdyb3cgMSBkYXRhIDEnLCAnc2VjdXJlJyA9PiBmYWxzZV0sCgkJWyd2YWx1ZScgPT4gJ3JvdyAxIGRhdGEgMiddCgldLAoJWwoJCVsndmFsdWUnID0+ICdyb3cgMiBkYXRhIDEnXSwKCQlbJ3ZhbHVlJyA9PiAncm93IDIgZGF0YSAyJ10KCV0KXQ==");
@endphp
@Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $bodyExample ])
@Limitless::Divider
</br>
<h6>Parameters</h6>
<div class="mb-3"></div>
<p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
......@@ -118,8 +113,8 @@
])
@Limitless::TableStop
@Limitless::ElementCardStop
</div>
</div>
@Limitless::ElementCardStop
......@@ -137,16 +132,16 @@
@Limitless::TableAutofillBody([
[
['value' => 'Data 1 Row 1'],
['value' => '<i>Data 2 Row 1</i>', 'secure' => false],
['value' => 'Data 3 Row 1'],
['value' => 'Data <span class="text-info">1</span> Row <span class="text-primary">1</span>', 'secure' => false],
['value' => '<i>Data 2 Row </i><sup>1</sup>', 'secure' => false],
['value' => '<u>Data 3 Row 1</u>', 'secure' => false],
['value' => 'Data 4 Row 1']
],
[
['value' => 'Data 1 Row 2'],
['value' => '<code>Data 2 Row 2</code>', 'secure' => false],
['value' => 'Data 3 Row 2'],
['value' => '<b>Data 4 Row 2</b>', 'secure' => false],
['value' => '<code>Data 2 Row <sub>2</sub></code>', 'secure' => false],
['value' => '<mark>Data 3 Row 2</mark>', 'secure' => false],
['value' => '<b><s>Data 4</s> Row 2</b>', 'secure' => false],
]
])
......@@ -155,7 +150,7 @@
@Limitless::ElementCardStop
@php
$example = base64_decode("QExpbWl0bGVzczo6VGFibGVTdGFydChbICdleHRyYScgPT4gWydjbGFzcycgPT4gJ3RhYmxlIHRhYmxlLXN0cmlwZWQnXSBdKQoKCUBMaW1pdGxlc3M6OlRhYmxlQXV0b2ZpbGxIZWFkZXIoWwoJCVsnbmFtZScgPT4gJ0NvbHVtbiAxJ10sCgkJWyduYW1lJyA9PiAnPGEgaHJlZj0iIyI+VXJsIENvbHVtbiAyPC9hPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQlbJ25hbWUnID0+ICdDb2x1bW4gMyddLAoJCVsnbmFtZScgPT4gJ0NvbHVtbiA0J10KCV0pCgoJQExpbWl0bGVzczo6VGFibGVBdXRvZmlsbEJvZHkoWwoJCVsKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgMSBSb3cgMSddLAoJCQlbJ3ZhbHVlJyA9PiAnPGk+RGF0YSAyIFJvdyAxPC9pPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgMyBSb3cgMSddLAoJCQlbJ3ZhbHVlJyA9PiAnRGF0YSA0IFJvdyAxJ10KCQldLAoJCVsKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgMSBSb3cgMiddLAoJCQlbJ3ZhbHVlJyA9PiAnPGNvZGU+RGF0YSAyIFJvdyAyPC9jb2RlPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgMyBSb3cgMiddLAoJCQlbJ3ZhbHVlJyA9PiAnPGI+RGF0YSA0IFJvdyAyPC9iPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQldCgldKQoKQExpbWl0bGVzczo6VGFibGVTdG9w");
$example = base64_decode("QExpbWl0bGVzczo6VGFibGVTdGFydChbICdleHRyYScgPT4gWydjbGFzcycgPT4gJ3RhYmxlIHRhYmxlLXN0cmlwZWQnXSBdKQoKCUBMaW1pdGxlc3M6OlRhYmxlQXV0b2ZpbGxIZWFkZXIoWwoJCVsnbmFtZScgPT4gJ0NvbHVtbiAxJ10sCgkJWyduYW1lJyA9PiAnPGEgaHJlZj0iIyI+VXJsIENvbHVtbiAyPC9hPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQlbJ25hbWUnID0+ICdDb2x1bW4gMyddLAoJCVsnbmFtZScgPT4gJ0NvbHVtbiA0J10KCV0pCgoJQExpbWl0bGVzczo6VGFibGVBdXRvZmlsbEJvZHkoWwoJCVsKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgPHNwYW4gY2xhc3M9InRleHQtaW5mbyI+MTwvc3Bhbj4gUm93IDxzcGFuIGNsYXNzPSJ0ZXh0LXByaW1hcnkiPjE8L3NwYW4+JywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJCQlbJ3ZhbHVlJyA9PiAnPGk+RGF0YSAyIFJvdyA8L2k+PHN1cD4xPC9zdXA+JywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJCQlbJ3ZhbHVlJyA9PiAnPHU+RGF0YSAzIFJvdyAxPC91PicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQkJWyd2YWx1ZScgPT4gJ0RhdGEgNCBSb3cgMSddCgkJXSwKCQlbCgkJCVsndmFsdWUnID0+ICdEYXRhIDEgUm93IDInXSwKCQkJWyd2YWx1ZScgPT4gJzxjb2RlPkRhdGEgMiBSb3cgPHN1Yj4yPC9zdWI+PC9jb2RlPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQkJWyd2YWx1ZScgPT4gJzxtYXJrPkRhdGEgMyBSb3cgMjwvbWFyaz4nLCAnc2VjdXJlJyA9PiBmYWxzZV0sCgkJCVsndmFsdWUnID0+ICc8Yj48cz5EYXRhIDQ8L3M+IFJvdyAyPC9iPicsICdzZWN1cmUnID0+IGZhbHNlXSwKCQldCgldKQoKQExpbWl0bGVzczo6VGFibGVTdG9w");
@endphp
{{-- Sample Code --}}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment