SERV-2286 - modal element WIP

src/Views/Limitless/Element/Alert/Documentation/Index.blade.php

@@ -4,7 +4,7 @@
 @section('Limitless::Content')
 
     {{-- Description --}}
-    @Limitless::ElementCardStart(['title' => "Alert", 'icon' => 'icon-comments'])
+    @Limitless::ElementCardStart(['title' => "Alert", 'icon' => 'icon-bubble-notification'])
     <p>A styled container for alert messages.</p>
     @Limitless::ElementCardStop
 

src/Views/Limitless/Help/Config.php

@@ -69,6 +69,9 @@
                     case "navigation":
                         $path = 'Limitless::Navigation.Documentation.Index';
                         break;
+                    case "modal":
+                        $path = 'Limitless::Modal.Documentation.Index';
+                        break;
                     case "randomselect":
                         $path = 'Limitless::Element.RandomSelect.Documentation.Index';
                         break;

src/Views/Limitless/Help/Layout/Master.blade.php

@@ -23,18 +23,22 @@
 
 @section('Limitless::SidebarContent')
     @Limitless::NavigationStart
+
         @Limitless::NavigationMenuSectionTitle(['title' => 'Main'])
         @Limitless::NavigationMenuItem(['url' => '/', 'target' => '_self', 'icon' => 'icon-home2', 'title' => 'Home'])
+
         @Limitless::NavigationMenuSectionTitle(['title' => 'Elements'])
         @Limitless::NavigationMenuItem(['url' => '?page=example', 'target' => '_self', 'icon' => 'icon-exclamation', 'title' => 'Example'])
-        @Limitless::NavigationMenuItem(['url' => '?page=alert', 'target' => '_self', 'icon' => 'icon-comments', 'title' => 'Alert'])
+        @Limitless::NavigationMenuItem(['url' => '?page=alert', 'target' => '_self', 'icon' => 'icon-bubble-notification', 'title' => 'Alert'])
         @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_self', 'icon' => 'icon-newspaper', 'title' => 'Card'])
         @Limitless::NavigationMenuItem(['url' => '?page=codemirror', 'target' => '_self', 'icon' => 'icon-circle-code', 'title' => 'Code Mirror'])
         @Limitless::NavigationMenuItem(['url' => '?page=divider', 'target' => '_self', 'icon' => 'icon-minus2', 'title' => 'Divider'])
         @Limitless::NavigationMenuItem(['url' => '?page=loremipsum', 'target' => '_self', 'icon' => 'icon-bubble-lines3', 'title' => 'Lorem Ipsum'])
         @Limitless::NavigationMenuItem(['url' => '?page=navigation', 'target' => '_self', 'icon' => 'icon-menu8', 'title' => 'Navigation'])
+        @Limitless::NavigationMenuItem(['url' => '?page=modal', 'target' => '_self', 'icon' => 'icon-stack', 'title' => 'Modal'])
         @Limitless::NavigationMenuItem(['url' => '?page=randomselect', 'target' => '_self', 'icon' => 'icon-shuffle', 'title' => 'Random Select'])
         @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_self', 'icon' => 'icon-table2', 'title' => 'Table'])
+
         @Limitless::NavigationMenuSectionTitle(['title' => 'Icons'])
         @Limitless::NavigationMenuItem(['url' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/layout_1/LTR/dark/full/icons_icomoon.html', 'target' => '_blank', 'icon' => 'icon-file-picture', 'title' => 'Icomoon'])
         @Limitless::NavigationMenuItem(['url' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/layout_1/LTR/dark/full/icons_material.html', 'target' => '_blank', 'icon' => 'mi-photo', 'title' => 'Material'])

src/Views/Limitless/Modal/Documentation/Index.blade.php

+{{-- Layout Reference --}}
+@extends('Limitless::Help.Layout.Master')
+
+@section('Limitless::Content')
+
+
+    {{-- Description --}}
+    @Limitless::ElementCardStart(['title' => "Modal", 'icon' => 'icon-stack'])
+        <p>A styled container for grouping contents.</p>
+    @Limitless::ElementCardStop
+
+    {{-- Elements --}}
+    @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">ModalStart</h6>
+            <p class="mb-3 text-muted">The opening fragment of the modal 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' => 'param'],
+                            ['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
+                            ['value' => 'desc here.']
+                        ]
+                    ])
+                @Limitless::TableStop
+            </div>
+        </div>
+
+        <div class="bg-dark rounded py-2 px-3 mb-3">
+            <h6 class="mb-0 font-weight-semibold">ModalStop</h6>
+            <p class="mb-3 text-muted">The closing fragment of the modal element.</p>
+            <p class="font-italic font-size-lg">Parameters</p> NONE
+        </div>
+
+    @Limitless::ElementCardStop
+
+    {{-- Sample Output --}}
+    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
+        modal samples here.
+    @Limitless::ElementCardStop
+
+    @php
+        $example = base64_decode("");
+    @endphp
+
+    {{-- Sample Code --}}
+    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
+        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
+    @Limitless::ElementCardStop
+
+
+
+@stop