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 @@
@Limitless::ElementCardStop
{{-- 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::Divider
</br>
<h6>Parameters</h6>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillBody([
[
['value' => 'language'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableStop
</div>
@Limitless::TableAutofillBody([
[
['value' => 'language'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['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.']
]
])
<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 |
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>
</div>
@Limitless::TableStop
@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>
</div>
@Limitless::ElementCardStop
......
src/Views/Limitless/Element/Card/Documentation/Index.blade.php
View file @ f2c94dda
......@@ -10,61 +10,57 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "ElementCardStart"])
<p>The opening element for the card.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The header title of the card.']
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-circle2"</code>]', 'secure' => false],
['value' => 'The header icon of the card.']
],
[
['value' => 'collapsible'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Option to make the card body to show or hide.']
],
[
['value' => 'removable'],
['value' => '<i>Boolean</i> [Default = <code>false</code>]', 'secure' => false],
['value' => 'Option to show or hide the close button.']
],
[
['value' => 'extra'],
['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.']
]
])
@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
@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">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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The header title of the card.']
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-circle2"</code>]', 'secure' => false],
['value' => 'The header icon of the card.']
],
[
['value' => 'collapsible'],
['value' => '<i>Boolean</i> [Default = <code>true</code>]', 'secure' => false],
['value' => 'Option to make the card body to show or hide.']
],
[
['value' => 'removable'],
['value' => '<i>Boolean</i> [Default = <code>false</code>]', 'secure' => false],
['value' => 'Option to show or hide the close button.']
],
[
['value' => 'extra'],
['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.']
]
])
@Limitless::TableStop
</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,15 +9,14 @@
@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 --}}
......
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,153 +8,143 @@
@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' => "NavigationStart"])
<p>The main opening element for the navigation.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'extra'],
['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.']
]
])
@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::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the section to display.']
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "NavigationMenuItem"])
<p>The items that will be displayed for navigation.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'url'],
['value' => '<i>String</i> [Default = <code>"#"</code>]', 'secure' => false],
['value' => 'The link of the navigation item.']
],
[
['value' => 'target'],
['value' => '<i>String</i> [Default = <code>"_self"</code>]', 'secure' => false],
['value' => "Specifies the window where the linked page will be loaded. <code>_blank | _self | _parent | _top | framename</code>", 'secure' => false]
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => 'The icon of the navigation item.'],
],
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the navigation item to display.']
]
])
@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>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the nested navigation item.']
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => 'The icon of the nested navigation item.']
]
])
@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
@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">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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'extra'],
['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.']
]
])
@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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['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>
<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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'url'],
['value' => '<i>String</i> [Default = <code>"#"</code>]', 'secure' => false],
['value' => 'The link of the navigation item.']
],
[
['value' => 'target'],
['value' => '<i>String</i> [Default = <code>"_self"</code>]', 'secure' => false],
['value' => "Specifies the window where the linked page will be loaded. <code>_blank | _self | _parent | _top | framename</code>", 'secure' => false]
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => 'The icon of the navigation item.'],
],
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the navigation item to display.']
]
])
@Limitless::TableStop
</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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the nested navigation item.']
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => 'The icon of the nested navigation item.']
]
])
@Limitless::TableStop
</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,117 +9,112 @@
@Limitless::ElementCardStop
{{-- Elements --}}
@Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "TableStart"])
<p>The opening element for the table.</p>
@Limitless::Divider
</br>
<h6>Parameters</h6>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'extra'],
['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.']
]
])
@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::ElementCardStart(['title' => "Fragments", 'icon' => 'icon-grid5'])
<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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'extra'],
['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.']
]
])
@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>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'name'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['value' => 'Column header name to display.']
],
[
['value' => 'secure'],
['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]
]
])
@Limitless::TableStop
@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="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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'name'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['value' => 'Column header name to display.']
],
[
['value' => 'secure'],
['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]
]
])
@Limitless::TableStop
</div>
</div>
<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>
@Limitless::TableStart([ 'extra' => ['class' => 'table table-xs table-striped'] ])
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'value'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['value' => 'Cell value per column to display.']
],
[
['value' => 'secure'],
['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]
]
])
@Limitless::TableStop
@Limitless::ElementCardStop
<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([
['name' => 'Key'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'value'],
['value' => '<i>String</i> [Default = <code>""</code>]', 'secure' => false],
['value' => 'Cell value per column to display.']
],
[
['value' => 'secure'],
['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]
]
])
@Limitless::TableStop
</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