Merge pull request Dogfalo#19 from dev10110/v1-dev

Smankusors · Sep 23, 2020 · 898cd1a · 898cd1a
2 parents bf71480 + 85dc066
commit 898cd1a
Show file tree

Hide file tree

Showing 17 changed files with 152 additions and 65 deletions.
diff --git a/jade/page-contents/autocomplete_content.html b/jade/page-contents/autocomplete_content.html
@@ -42,14 +42,22 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.autocomplete');
-    var instances = M.Autocomplete.init(elems, options);
+    var instances = M.Autocomplete.init(elems, {
+      // specify options here
+      data: {
+        "Apple": null,
+        "Microsoft": null,
+        "Google": 'https://placehold.it/250x250'
+      }
+    });
   });
 
 
   // Or with jQuery
 
   $(document).ready(function(){
     $('input.autocomplete').autocomplete({
+      // specify options here
       data: {
         "Apple": null,
         "Microsoft": null,

diff --git a/jade/page-contents/carousel_content.html b/jade/page-contents/carousel_content.html
@@ -45,13 +45,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.carousel');
-    var instances = M.Carousel.init(elems, options);
+    var instances = M.Carousel.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.carousel').carousel();
+    $('.carousel').carousel({
+      // specify options here
+    });
   });
       </code></pre>
         <br>

diff --git a/jade/page-contents/chips_content.html b/jade/page-contents/chips_content.html
@@ -76,35 +76,40 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.chips');
-    var instances = M.Chips.init(elems, options);
+    var instances = M.Chips.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
-
-  $('.chips').chips();
-  $('.chips-initial').chips({
-    data: [{
-      tag: 'Apple',
-    }, {
-      tag: 'Microsoft',
-    }, {
-      tag: 'Google',
-    }],
-  });
-  $('.chips-placeholder').chips({
-    placeholder: 'Enter a tag',
-    secondaryPlaceholder: '+Tag',
-  });
-  $('.chips-autocomplete').chips({
-    autocompleteOptions: {
-      data: {
-        'Apple': null,
-        'Microsoft': null,
-        'Google': null
-      },
-      limit: Infinity,
-      minLength: 1
-    }
+  $(document).ready(function(){
+    $('.chips').chips({
+      // specify options here
+    });
+    $('.chips-initial').chips({
+      data: [{
+        tag: 'Apple',
+      }, {
+        tag: 'Microsoft',
+      }, {
+        tag: 'Google',
+      }],
+    });
+    $('.chips-placeholder').chips({
+      placeholder: 'Enter a tag',
+      secondaryPlaceholder: '+Tag',
+    });
+    $('.chips-autocomplete').chips({
+      autocompleteOptions: {
+        data: {
+          'Apple': null,
+          'Microsoft': null,
+          'Google': null
+        },
+        limit: Infinity,
+        minLength: 1
+      }
+    });
   });
         </code></pre>
         <p class="caption">Chip data object</p>
@@ -325,4 +330,4 @@ <h3 class="header">Properties</h3>
     </div>
 
   </div>
-</div>
+</div>
diff --git a/jade/page-contents/collapsible_content.html b/jade/page-contents/collapsible_content.html
@@ -66,13 +66,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.collapsible');
-    var instances = M.Collapsible.init(elems, options);
+    var instances = M.Collapsible.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.collapsible').collapsible();
+    $('.collapsible').collapsible({
+      // specify options here
+    });
   });
         </code></pre>
 

diff --git a/jade/page-contents/dropdown_content.html b/jade/page-contents/dropdown_content.html
@@ -52,12 +52,18 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.dropdown-trigger');
-    var instances = M.Dropdown.init(elems, options);
+    var instances = M.Dropdown.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
-  $('.dropdown-trigger').dropdown();
+  $(document).ready(function(){
+    $('.dropdown-trigger').dropdown({
+      // specify options here
+    });
+  });
         </code></pre>
       </div>
 
@@ -294,4 +300,4 @@ <h3 class="header">Properties</h3>
     </div>
 
   </div>
-</div>
+</div>
diff --git a/jade/page-contents/featureDiscovery_content.html b/jade/page-contents/featureDiscovery_content.html
@@ -47,13 +47,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.tap-target');
-    var instances = M.TapTarget.init(elems, options);
+    var instances = M.TapTarget.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.tap-target').tapTarget();
+    $('.tap-target').tapTarget({
+      // specify options here
+    });
   });
           </code></pre>
         <br>

diff --git a/jade/page-contents/floating-action-button-content.html b/jade/page-contents/floating-action-button-content.html
@@ -30,13 +30,17 @@ <h3 class="header">Initialization</h5>
           <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.fixed-action-btn');
-    var instances = M.FloatingActionButton.init(elems, options);
+    var instances = M.FloatingActionButton.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.fixed-action-btn').floatingActionButton();
+    $('.fixed-action-btn').floatingActionButton({
+      // specify options here
+    });
   });
         </code></pre>
           <br>

diff --git a/jade/page-contents/media_content.html b/jade/page-contents/media_content.html
@@ -21,13 +21,17 @@ <h4>Initialization</h4>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.materialboxed');
-    var instances = M.Materialbox.init(elems, options);
+    var instances = M.Materialbox.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.materialboxed').materialbox();
+    $('.materialboxed').materialbox({
+      // specify options here
+    });
   });
         </code></pre>
         <br>
@@ -278,13 +282,17 @@ <h4>Initialization</h4>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.slider');
-    var instances = M.Slider.init(elems, options);
+    var instances = M.Slider.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.slider').slider();
+    $('.slider').slider({
+      // specify options here
+    });
   });
         </code></pre>
         <br>

diff --git a/jade/page-contents/modals_content.html b/jade/page-contents/modals_content.html
@@ -131,13 +131,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.modal');
-    var instances = M.Modal.init(elems, options);
+    var instances = M.Modal.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.modal').modal();
+    $('.modal').modal({
+      // specify options here
+    });
   });
           </code></pre>
       </div>

diff --git a/jade/page-contents/navbar_content.html b/jade/page-contents/navbar_content.html
@@ -346,12 +346,18 @@ <h3 class="header">Navbar Dropdown Menu</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.dropdown-trigger');
-    var instances = M.Dropdown.init(elems, options);
+    var instances = M.Dropdown.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
-  $('.dropdown-trigger').dropdown();
+  $(document).ready(function(){
+    $('.dropdown-trigger').dropdown({
+      // specify options here
+    });
+  });
         </code></pre>
         <h5>Trigger dropdown menu on click</h5>
         <p>
@@ -713,4 +719,4 @@ <h5>Initialization</h5>
     </div>
 
   </div>
-</div>
+</div>
diff --git a/jade/page-contents/parallax_content.html b/jade/page-contents/parallax_content.html
@@ -23,13 +23,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.parallax');
-    var instances = M.Parallax.init(elems, options);
+    var instances = M.Parallax.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.parallax').parallax();
+    $('.parallax').parallax({
+      // specify options here
+    });
   });
         </code></pre>
       </div>

diff --git a/jade/page-contents/pickers_content.html b/jade/page-contents/pickers_content.html
@@ -20,13 +20,17 @@ <h5>Initialization</h5>
           <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.datepicker');
-    var instances = M.Datepicker.init(elems, options);
+    var instances = M.Datepicker.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.datepicker').datepicker();
+    $('.datepicker').datepicker({
+      // specify options here
+    });
   });
           </code></pre>
         </div>
@@ -504,13 +508,17 @@ <h5>Initialization</h5>
           <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.timepicker');
-    var instances = M.Timepicker.init(elems, options);
+    var instances = M.Timepicker.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.timepicker').timepicker();
+    $('.timepicker').timepicker({
+      // specify options here
+    });
   });
           </code></pre>
         </div>

diff --git a/jade/page-contents/pushpin_content.html b/jade/page-contents/pushpin_content.html
@@ -37,13 +37,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript col s12">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.pushpin');
-    var instances = M.Pushpin.init(elems, options);
+    var instances = M.Pushpin.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.pushpin').pushpin();
+    $('.pushpin').pushpin({
+      // specify options here
+    });
   });
         </code></pre>
       </div>

diff --git a/jade/page-contents/scrollspy_content.html b/jade/page-contents/scrollspy_content.html
@@ -42,13 +42,17 @@ <h3 class="header">Initialization</h3>
         <pre><code class="language-javascript">
   document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.scrollspy');
-    var instances = M.ScrollSpy.init(elems, options);
+    var instances = M.ScrollSpy.init(elems, {
+      // specify options here
+    });
   });
 
   // Or with jQuery
 
   $(document).ready(function(){
-    $('.scrollspy').scrollSpy();
+    $('.scrollspy').scrollSpy({
+      // specify options here
+    });
   });
         </code></pre>
         <br>