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
Hide 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,59 +9,61 @@ ...@@ -9,59 +9,61 @@
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Elements --}} {{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5']) @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::ElementCardStart(['title' => "Codemirror"]) @Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
<p>A themed writable container for codes.</p> @Limitless::TableAutofillBody([
@Limitless::Divider [
</br> ['value' => 'language'],
<h6>Parameters</h6> ['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ]) ['value' => 'The language of the code to write. <code>javascript | manticore | python | shell</code>', 'secure' => false]
],
[
['value' => 'theme'],
['value' => '<i>String</i> [Default = <code>"icecoder"</code>]', 'secure' => false],
['value' => 'The theme of the editor.']
],
[
['value' => 'value'],
['value' => '<i>String</i> [Default = <code>"... no value parameter set..."</code>]', 'secure' => false],
['value' => 'The value or text to display.']
],
[
['value' => 'extra'],
['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false],
['value' => 'Adds custom attributes for the codemirror element. existing attributes such as class will be overwritten.']
]
])
@Limitless::TableAutofillHeader([ @Limitless::TableStop
['name' => 'Key'], </div>
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([ <div class="mb-3"></div>
[ <p class="font-italic font-size-lg">Themes</p>
['value' => 'language'], <div class="row mt-2">
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false], <code>
['value' => 'The language of the code to write. <code>javascript | manticore | python | shell</code>', 'secure' => false] 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 |
[ gruvbox-dark | hopscotch | icecoder | idea | isotope | lesser-dark | liquibyte | lucario | material | mbo |
['value' => 'theme'], mdn-like | midnight | monokai | neat | neo | night | nord | oceanic-next | panda-syntax | paraiso-dark |
['value' => '<i>String</i> [Default = <code>"icecoder"</code>]', 'secure' => false], paraiso-light | pastel-on-dark | railscasts | rubyblue | seti | shadowfox | solarized | the-matrix |
['value' => 'The theme of the editor.'] tomorrow-night-bright | tomorrow-night-eighties | ttcn | twilight | vibrant-ink | xq-dark | xq-light |
], yeti | yonce | zenburn
[ </code>
['value' => 'value'], </div>
['value' => '<i>String</i> [Default = <code>"... no value parameter set..."</code>]', 'secure' => false],
['value' => 'The value or text to display.']
],
[
['value' => 'extra'],
['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false],
['value' => 'Adds custom attributes for the codemirror element. existing attributes such as class will be overwritten.']
]
])
@Limitless::TableStop </div>
@Limitless::Divider
</br>
<h6>Themes</h6>
<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 |
gruvbox-dark | hopscotch | icecoder | idea | isotope | lesser-dark | liquibyte | lucario | material | mbo |
mdn-like | midnight | monokai | neat | neo | night | nord | oceanic-next | panda-syntax | paraiso-dark |
paraiso-light | pastel-on-dark | railscasts | rubyblue | seti | shadowfox | solarized | the-matrix |
tomorrow-night-bright | tomorrow-night-eighties | ttcn | twilight | vibrant-ink | xq-dark | xq-light |
yeti | yonce | zenburn
</code>
@Limitless::ElementCardStop @Limitless::ElementCardStop
......
src/Views/Limitless/Element/Card/Documentation/Index.blade.php
View file @ f2c94dda
...@@ -10,61 +10,57 @@ ...@@ -10,61 +10,57 @@
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Elements --}} {{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5']) @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "ElementCardStart"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">ElementCardStart</h6>
<p>The opening element for the card.</p> <p class="mb-3 text-muted">The opening fragment of the card element.</p>
@Limitless::Divider <p class="font-italic font-size-lg">Parameters</p>
</br> <div class="row mt-2">
<h6>Parameters</h6> @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
@Limitless::TableAutofillHeader([ ['name' => 'Key'],
['name' => 'Key'], ['name' => 'Type'],
['name' => 'Type'], ['name' => 'Description']
['name' => 'Description'] ])
])
@Limitless::TableAutofillBody([
@Limitless::TableAutofillBody([ [
[ ['value' => 'title'],
['value' => 'title'], ['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false], ['value' => 'The header title of the card.']
['value' => 'The header title of the card.'] ],
], [
[ ['value' => 'icon'],
['value' => 'icon'], ['value' => '<i>String</i> [Default = <code>"icon-circle2"</code>]', 'secure' => false],
['value' => '<i>String</i> [Default = <code>"icon-circle2"</code>]', 'secure' => false], ['value' => 'The header icon of the card.']
['value' => 'The header icon of the card.'] ],
], [
[ ['value' => 'collapsible'],
['value' => 'collapsible'], ['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false], ['value' => 'Option to make the card body to show or hide.']
['value' => 'Option to make the card body to show or hide.'] ],
], [
[ ['value' => 'removable'],
['value' => 'removable'], ['value' => '<i>Boolean</i> [Default = <code>false</code>]', 'secure' => false],
['value' => '<i>Boolean</i> [Default = <code>false</code>]', 'secure' => false], ['value' => 'Option to show or hide the close button.']
['value' => 'Option to show or hide the close button.'] ],
], [
[ ['value' => 'extra'],
['value' => 'extra'], ['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false],
['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false], ['value' => 'Adds custom attributes for the card div element. existing attributes such as class will be overwritten.']
['value' => 'Adds custom attributes for the card div element. existing attributes such as class will be overwritten.'] ]
] ])
]) @Limitless::TableStop
@Limitless::TableStop </div>
</div>
@Limitless::ElementCardStop
<div class="bg-dark rounded py-2 px-3 mb-3">
@Limitless::ElementCardStart(['title' => "ElementCardStop"]) <h6 class="mb-0 font-weight-semibold">ElementCardStop</h6>
<p class="mb-3 text-muted">The closing fragment of the card element.</p>
<p>The closing element for the card.</p> <p class="font-italic font-size-lg">Parameters</p> NONE
@Limitless::Divider </div>
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
@Limitless::ElementCardStop @Limitless::ElementCardStop
......
src/Views/Limitless/Element/Divider/Divider.blade.php
View file @ f2c94dda
<div style="border-top:1px solid #495267;" class="dropdown-divider"></div> <div style="border-top:1px solid #ffffff1a;" class="dropdown-divider"></div>
\ No newline at end of file \ No newline at end of file
src/Views/Limitless/Element/Divider/Documentation/Index.blade.php
View file @ f2c94dda
...@@ -9,15 +9,14 @@ ...@@ -9,15 +9,14 @@
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Elements --}} {{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5']) @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Divider"])
<p>A styled horizontal line for separating contents.</p> <div class="bg-dark rounded py-2 px-3 mb-3">
@Limitless::Divider <h6 class="mb-0 font-weight-semibold">Divider</h6>
</br> <p class="mb-3 text-muted">A styled horizontal line for separating contents.</p>
<h6>Parameters : NONE</h6> <p class="font-italic font-size-lg">Parameters</p> NONE
</div>
@Limitless::ElementCardStop
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Sample Output --}} {{-- Sample Output --}}
......
src/Views/Limitless/Element/Example/Documentation/Index.blade.php
View file @ f2c94dda
...@@ -9,16 +9,13 @@ ...@@ -9,16 +9,13 @@
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Elements --}} {{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5']) @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Example"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">Example</h6>
<p>Example Div element with custom javascript and stylesheet files.</p> <p class="mb-3 text-muted">Example Div element with custom javascript and stylesheet files.</p>
@Limitless::Divider <p class="font-italic font-size-lg">Parameters</p> NONE
</br> </div>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
@Limitless::ElementCardStop @Limitless::ElementCardStop
......
src/Views/Limitless/Help/Pages/Home.blade.php
View file @ f2c94dda
...@@ -11,58 +11,4 @@ ...@@ -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. 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::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 @stop
src/Views/Limitless/Navigation/Documentation/Index.blade.php
View file @ f2c94dda
...@@ -8,153 +8,143 @@ ...@@ -8,153 +8,143 @@
@Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-menu8']) @Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-menu8'])
<p> <p>
A vertical area that displays the items for website page navigation. A vertical area that displays the items for website page navigation.
Consists of <i>six (6)</i> elements.
</p> </p>
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Elements --}} {{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5']) @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "NavigationStart"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationStart</h6>
<p>The main opening element for the navigation.</p> <p class="mb-3 text-muted">The main opening fragment of the navigation element.</p>
@Limitless::Divider <p class="font-italic font-size-lg ">Parameters</p>
</br> <div class="row mt-2">
<h6>Parameters</h6> @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
@Limitless::TableAutofillHeader([ ['name' => 'Key'],
['name' => 'Key'], ['name' => 'Type'],
['name' => 'Type'], ['name' => 'Description']
['name' => 'Description'] ])
])
@Limitless::TableAutofillBody([
@Limitless::TableAutofillBody([ [
[ ['value' => 'extra'],
['value' => 'extra'], ['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false],
['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false], ['value' => 'Adds custom attributes for the main container. existing attributes such as class will be overwritten.']
['value' => 'Adds custom attributes for the main container. existing attributes such as class will be overwritten.'] ]
] ])
])
@Limitless::TableStop @Limitless::TableStop
</div>
@Limitless::ElementCardStop </div>
@Limitless::ElementCardStart(['title' => "NavigationStop"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationStop</h6>
<p>The main closing element for the navigation.</p> <p class="mb-3 text-muted">The main closing fragment of the navigation element.</p>
@Limitless::Divider <p class="font-italic font-size-lg ">Parameters</p> NONE
</br> </div>
<h6>Parameters : NONE</h6>
<div class="bg-dark rounded py-2 px-3 mb-3">
@Limitless::ElementCardStop <h6 class="mb-0 font-weight-semibold">NavigationMenuSectionTitle</h6>
<p class="mb-3 text-muted">Navigation section/group title.</p>
@Limitless::ElementCardStart(['title' => "NavigationMenuSectionTitle"]) <p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
<p>Navigation section/group title.</p> @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::Divider
</br> @Limitless::TableAutofillHeader([
<h6>Parameters</h6> ['name' => 'Key'],
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ]) ['name' => 'Type'],
['name' => 'Description']
@Limitless::TableAutofillHeader([ ])
['name' => 'Key'],
['name' => 'Type'], @Limitless::TableAutofillBody([
['name' => 'Description'] [
]) ['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
@Limitless::TableAutofillBody([ ['value' => 'The title of the section to display.']
[ ]
['value' => 'title'], ])
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the section to display.'] @Limitless::TableStop
] </div>
]) </div>
@Limitless::TableStop <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationMenuItem</h6>
@Limitless::ElementCardStop <p class="mb-3 text-muted">The items that will be displayed for navigation.</p>
<p class="font-italic font-size-lg ">Parameters</p>
@Limitless::ElementCardStart(['title' => "NavigationMenuItem"]) <div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
<p>The items that will be displayed for navigation.</p>
@Limitless::Divider @Limitless::TableAutofillHeader([
</br> ['name' => 'Key'],
<h6>Parameters</h6> ['name' => 'Type'],
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ]) ['name' => 'Description']
])
@Limitless::TableAutofillHeader([
['name' => 'Key'], @Limitless::TableAutofillBody([
['name' => 'Type'], [
['name' => 'Description'] ['value' => 'url'],
]) ['value' => '<i>String</i> [Default = <code>"#"</code>]', 'secure' => false],
['value' => 'The link of the navigation item.']
@Limitless::TableAutofillBody([ ],
[ [
['value' => 'url'], ['value' => 'target'],
['value' => '<i>String</i> [Default = <code>"#"</code>]', 'secure' => false], ['value' => '<i>String</i> [Default = <code>"_self"</code>]', 'secure' => false],
['value' => 'The link of the navigation item.'] ['value' => "Specifies the window where the linked page will be loaded. <code>_blank | _self | _parent | _top | framename</code>", 'secure' => false]
], ],
[ [
['value' => 'target'], ['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"_self"</code>]', 'secure' => false], ['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => "Specifies the window where the linked page will be loaded. <code>_blank | _self | _parent | _top | framename</code>", 'secure' => false] ['value' => 'The icon of the navigation item.'],
], ],
[ [
['value' => 'icon'], ['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false], ['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The icon of the navigation item.'], ['value' => 'The title of the navigation item to display.']
], ]
[ ])
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false], @Limitless::TableStop
['value' => 'The title of the navigation item to display.'] </div>
] </div>
])
<div class="bg-dark rounded py-2 px-3 mb-3">
@Limitless::TableStop <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>
@Limitless::ElementCardStop <p class="font-italic font-size-lg ">Parameters</p>
<div class="row mt-2">
@Limitless::ElementCardStart(['title' => "NavigationMenuStart"]) @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
<p>The opening and the parent element for the nested navigation items.</p> @Limitless::TableAutofillHeader([
@Limitless::Divider ['name' => 'Key'],
</br> ['name' => 'Type'],
<h6>Parameters</h6> ['name' => 'Description']
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ]) ])
@Limitless::TableAutofillHeader([ @Limitless::TableAutofillBody([
['name' => 'Key'], [
['name' => 'Type'], ['value' => 'title'],
['name' => 'Description'] ['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
]) ['value' => 'The title of the nested navigation item.']
],
@Limitless::TableAutofillBody([ [
[ ['value' => 'icon'],
['value' => 'title'], ['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false], ['value' => 'The icon of the nested navigation item.']
['value' => 'The title of the nested navigation item.'] ]
], ])
[
['value' => 'icon'], @Limitless::TableStop
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false], </div>
['value' => 'The icon of the nested navigation item.'] </div>
]
]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">NavigationMenuStop</h6>
@Limitless::TableStop <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
@Limitless::ElementCardStop </div>
@Limitless::ElementCardStart(['title' => "NavigationMenuStop"])
<p>The closing element for the nested navigation items.</p>
@Limitless::Divider
</br>
<h6>Parameters : NONE</h6>
@Limitless::ElementCardStop
@Limitless::ElementCardStop @Limitless::ElementCardStop
......
src/Views/Limitless/Table/Documentation/Index.blade.php
View file @ f2c94dda
...@@ -9,117 +9,112 @@ ...@@ -9,117 +9,112 @@
@Limitless::ElementCardStop @Limitless::ElementCardStop
{{-- Elements --}} {{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5']) @Limitless::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "TableStart"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableStart</h6>
<p>The opening element for the table.</p> <p class="mb-3 text-muted">The opening fragment of the table element.</p>
@Limitless::Divider <p class="font-italic font-size-lg ">Parameters</p>
</br> <div class="row mt-2">
<h6>Parameters</h6> @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
@Limitless::TableAutofillHeader([ ['name' => 'Key'],
['name' => 'Key'], ['name' => 'Type'],
['name' => 'Type'], ['name' => 'Description']
['name' => 'Description'] ])
])
@Limitless::TableAutofillBody([
@Limitless::TableAutofillBody([ [
[ ['value' => 'extra'],
['value' => 'extra'], ['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false],
['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false], ['value' => 'Adds custom attributes for the table element. existing attributes such as class will be overwritten.']
['value' => 'Adds custom attributes for the table element. existing attributes such as class will be overwritten.'] ]
] ])
])
@Limitless::TableStop @Limitless::TableStop
</div>
@Limitless::ElementCardStop </div>
@Limitless::ElementCardStart(['title' => "TableStop"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableStop</h6>
<p>The closing element for the table.</p> <p class="mb-3 text-muted">The closing fragment of the table element.</p>
@Limitless::Divider <p class="font-italic font-size-lg ">Parameters</p> NONE
</br> </div>
<h6>Parameters : NONE</h6>
<div class="bg-dark rounded py-2 px-3 mb-3">
@Limitless::ElementCardStop <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>
@Limitless::ElementCardStart(['title' => "TableAutofillHeader"])
<p>Populates column headers. Parameters needs to be inside an array of column arrays.</p>
@php @php
$headerExample = base64_decode("Ly8gbWFpbiBhcnJheQpbCgkvLyBjb2x1bW5zIGFycmF5CglbJ25hbWUnID0+ICdDb2x1bW4xJywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJWyduYW1lJyA9PiAnQ29sdW1uMiddLAoJWyduYW1lJyA9PiAnQ29sdW1uMyddCl0="); $headerExample = base64_decode("Ly8gbWFpbiBhcnJheQpbCgkvLyBjb2x1bW5zIGFycmF5CglbJ25hbWUnID0+ICdDb2x1bW4xJywgJ3NlY3VyZScgPT4gZmFsc2VdLAoJWyduYW1lJyA9PiAnQ29sdW1uMiddLAoJWyduYW1lJyA9PiAnQ29sdW1uMyddCl0=");
@endphp @endphp
@Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $headerExample ]) @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $headerExample ])
@Limitless::Divider <div class="mb-3"></div>
</br> <p class="font-italic font-size-lg ">Parameters</p>
<h6>Parameters</h6> <div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ]) @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([ @Limitless::TableAutofillHeader([
['name' => 'Key'], ['name' => 'Key'],
['name' => 'Type'], ['name' => 'Type'],
['name' => 'Description'] ['name' => 'Description']
]) ])
@Limitless::TableAutofillBody([ @Limitless::TableAutofillBody([
[ [
['value' => 'name'], ['value' => 'name'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false], ['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['value' => 'Column header name to display.'] ['value' => 'Column header name to display.']
], ],
[ [
['value' => 'secure'], ['value' => 'secure'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false], ['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Sets the <code>name</code> value to secure or unsecure. If secure is <code>false</code>, value can have HTML tags.', 'secure' => false] ['value' => 'Sets the <code>name</code> value to secure or unsecure. If secure is <code>false</code>, value can have HTML tags.', 'secure' => false]
] ]
]) ])
@Limitless::TableStop @Limitless::TableStop
</div>
@Limitless::ElementCardStop </div>
@Limitless::ElementCardStart(['title' => "TableAutofillBody"]) <div class="bg-dark rounded py-2 px-3 mb-3">
<h6 class="mb-0 font-weight-semibold">TableAutofillBody</h6>
<p>Populates the table body data. Parameters needs to be inside an array of row array of column arrays.</p> <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 @php
$bodyExample = base64_decode("Ly8gbWFpbiBhcnJheQpbCgkvLyBwZXIgcm93IGFycmF5CglbCgkJLy8gcGVyIGNvbHVtbiBhcnJheQoJCVsndmFsdWUnID0+ICdyb3cgMSBkYXRhIDEnLCAnc2VjdXJlJyA9PiBmYWxzZV0sCgkJWyd2YWx1ZScgPT4gJ3JvdyAxIGRhdGEgMiddCgldLAoJWwoJCVsndmFsdWUnID0+ICdyb3cgMiBkYXRhIDEnXSwKCQlbJ3ZhbHVlJyA9PiAncm93IDIgZGF0YSAyJ10KCV0KXQ=="); $bodyExample = base64_decode("Ly8gbWFpbiBhcnJheQpbCgkvLyBwZXIgcm93IGFycmF5CglbCgkJLy8gcGVyIGNvbHVtbiBhcnJheQoJCVsndmFsdWUnID0+ICdyb3cgMSBkYXRhIDEnLCAnc2VjdXJlJyA9PiBmYWxzZV0sCgkJWyd2YWx1ZScgPT4gJ3JvdyAxIGRhdGEgMiddCgldLAoJWwoJCVsndmFsdWUnID0+ICdyb3cgMiBkYXRhIDEnXSwKCQlbJ3ZhbHVlJyA9PiAncm93IDIgZGF0YSAyJ10KCV0KXQ==");
@endphp @endphp
@Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $bodyExample ]) @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $bodyExample ])
@Limitless::Divider <div class="mb-3"></div>
</br> <p class="font-italic font-size-lg ">Parameters</p>
<h6>Parameters</h6> <div class="row mt-2">
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ]) @Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([ @Limitless::TableAutofillHeader([
['name' => 'Key'], ['name' => 'Key'],
['name' => 'Type'], ['name' => 'Type'],
['name' => 'Description'] ['name' => 'Description']
]) ])
@Limitless::TableAutofillBody([ @Limitless::TableAutofillBody([
[ [
['value' => 'value'], ['value' => 'value'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false], ['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['value' => 'Cell value per column to display.'] ['value' => 'Cell value per column to display.']
], ],
[ [
['value' => 'secure'], ['value' => 'secure'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false], ['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Sets the <code>name</code> value to secure or unsecure. If secure is <code>false</code>, value can have HTML tags.', 'secure' => false] ['value' => 'Sets the <code>name</code> value to secure or unsecure. If secure is <code>false</code>, value can have HTML tags.', 'secure' => false]
] ]
]) ])
@Limitless::TableStop @Limitless::TableStop
</div>
@Limitless::ElementCardStop </div>
@Limitless::ElementCardStop @Limitless::ElementCardStop
...@@ -137,16 +132,16 @@ ...@@ -137,16 +132,16 @@
@Limitless::TableAutofillBody([ @Limitless::TableAutofillBody([
[ [
['value' => 'Data 1 Row 1'], ['value' => 'Data <span class="text-info">1</span> Row <span class="text-primary">1</span>', 'secure' => false],
['value' => '<i>Data 2 Row 1</i>', 'secure' => false], ['value' => '<i>Data 2 Row </i><sup>1</sup>', 'secure' => false],
['value' => 'Data 3 Row 1'], ['value' => '<u>Data 3 Row 1</u>', 'secure' => false],
['value' => 'Data 4 Row 1'] ['value' => 'Data 4 Row 1']
], ],
[ [
['value' => 'Data 1 Row 2'], ['value' => 'Data 1 Row 2'],
['value' => '<code>Data 2 Row 2</code>', 'secure' => false], ['value' => '<code>Data 2 Row <sub>2</sub></code>', 'secure' => false],
['value' => 'Data 3 Row 2'], ['value' => '<mark>Data 3 Row 2</mark>', 'secure' => false],
['value' => '<b>Data 4 Row 2</b>', 'secure' => false], ['value' => '<b><s>Data 4</s> Row 2</b>', 'secure' => false],
] ]
]) ])
...@@ -155,7 +150,7 @@ ...@@ -155,7 +150,7 @@
@Limitless::ElementCardStop @Limitless::ElementCardStop
@php @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 @endphp
{{-- Sample Code --}} {{-- 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