Commit f2c94dda authored by Kevin Yumang's avatar Kevin Yumang

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

parent 5a64ee4f
...@@ -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
......
...@@ -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
......
<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
...@@ -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 --}}
......
...@@ -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
......
...@@ -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
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