v2.1.12

* Add responsive embeds.
Rundiz · Jan 18, 2021 · 01d4a27 · 01d4a27
1 parent 70723c1
commit 01d4a27
Show file tree

Hide file tree

Showing 81 changed files with 734 additions and 170 deletions.
diff --git a/_original-source-php/embeds.php b/_original-source-php/embeds.php
@@ -0,0 +1,75 @@
+<?php require 'includes/functions.php'; ?>
+<!DOCTYPE html>
+<html class="rd-template-admin">
+    <head>
+<?php
+$title = 'Embeds';
+include 'includes/html-head.php'; 
+?> 
+        <link rel="stylesheet" href="<?php echo assetUrl('assets/css/rdta/components/rdta-embeds.css'); ?>">
+    </head>
+    <body ontouchstart="">
+<?php include 'includes/partials/page-header.php'; ?> 
+        <div class="rd-page-wrapper">
+<?php include 'includes/partials/page-sidebar.php'; ?> 
+            <main>
+                <?php
+                echo renderBreadcrumb(['./' => 'Home', '#' => $title]);
+                ?> 
+                <div class="rd-page-content">
+                    <h1>Embeds</h1>
+                    <p>Responsive video, embeded elements, or iframe.</p>
+                    <p>
+                        In order to make responsive embeds works, add this file.
+                        <strong>assets/css/rdta/components/rdta-embeds.css</strong>
+                    </p>
+                    <hr>
+
+                    <h2>Examples</h2>
+                    <div class="rd-embed-responsive rd-embed-responsive16by9">
+                        <iframe class="rd-embed-responsive-item" src="https://www.youtube.com/embed/KX3OnQeETdI"></iframe>
+                    </div>
+                    <pre>&lt;div class=&quot;rd-embed-responsive rd-embed-responsive16by9&quot;&gt;
+    &lt;iframe class=&quot;rd-embed-responsive-item&quot; src=&quot;https://www.youtube.com/embed/KX3OnQeETdI&quot;&gt;&lt;/iframe&gt;
+&lt;/div&gt;</pre>
+
+                    <h3>Aspect ratios</h3>
+<?php
+$ratios = [
+    [21, 9],
+    [16, 9],
+    [8, 5],
+    [4, 3],
+    [3, 2],
+    [1, 1],
+];
+?>
+                    <pre>
+<?php
+foreach ($ratios as $eachRatio) {                    
+?>
+&lt;!-- <?php echo $eachRatio[0]; ?>:<?php echo $eachRatio[1]; ?> --&gt;
+&lt;div class=&quot;rd-embed-responsive rd-embed-responsive<?php echo $eachRatio[0]; ?>by<?php echo $eachRatio[1]; ?>&quot;&gt;
+    &lt;iframe class=&quot;rd-embed-responsive-item&quot; src=&quot;...&quot;&gt;&lt;/iframe&gt;
+&lt;/div&gt;
+
+<?php 
+}// endforeach;
+unset($eachRatio, $ratios);
+?></pre>
+                    <h3>Video element</h3>
+                    <div class="rd-embed-responsive rd-embed-responsive16by9">
+                        <video class="rd-embed-responsive-item" controls height="1080" width="1920"></video>
+                    </div>
+                    <pre>&lt;div class=&quot;rd-embed-responsive rd-embed-responsive16by9&quot;&gt;
+    &lt;video class=&quot;rd-embed-responsive-item&quot; controls height=&quot;1080&quot; width=&quot;1920&quot;&gt;&lt;/video&gt;
+&lt;/div&gt;</pre>
+                </div><!--.rd-page-content-->
+            </main>
+<?php include 'includes/partials/page-footer.php'; ?> 
+        </div><!--.rd-page-wrapper-->
+
+
+<?php include 'includes/js-end-body.php'; ?> 
+    </body>
+</html>
diff --git a/_original-source-php/includes/partials/page-sidebar.php b/_original-source-php/includes/partials/page-sidebar.php
@@ -144,6 +144,7 @@
                                 <li><a href="columns-flex.php">Columns flex</a></li>
                                 <li><a href="datatable.php">Data table</a></li>
                                 <li><a href="dialog.php">Dialog</a></li>
+                                <li><a href="embeds.php">Embeds</a></li>
                                 <li><a href="form.php">Form</a></li>
                                 <li><a href="helpers.php">Helpers</a></li>
                                 <li><a href="pagination.php">Pagination</a></li>

diff --git a/accordion.html b/accordion.html
@@ -8,16 +8,16 @@
         <link rel="stylesheet" href="assets/css/sanitize/typography.css?npm-v=12.0.1">
         <link rel="stylesheet" href="assets/css/sanitize/forms.css?npm-v=12.0.1">
 
-        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css?npm-v=5.15.1">
+        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css?npm-v=5.15.2">
 
         <link rel="stylesheet" href="assets/css/smartmenus/sm-core-css.css?npm-v=1.1.1">
-        <link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?mt=1610957833">
 
-        <link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?mt=1608365551">
-        <link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?mt=1610957833">
+        <link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?mt=1610957833">
 
         <link rel="stylesheet" href="assets/css/rdta-demo-pages.css?mt=1598859694"> 
-        <link rel="stylesheet" href="assets/css/rdta/components/rdta-accordion.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/rdta/components/rdta-accordion.css?mt=1610957833">
     </head>
     <body ontouchstart="">
         <header class="rd-navbar">
@@ -240,6 +240,7 @@
                                 <li><a href="columns-flex.html">Columns flex</a></li>
                                 <li><a href="datatable.html">Data table</a></li>
                                 <li><a href="dialog.html">Dialog</a></li>
+                                <li><a href="embeds.html">Embeds</a></li>
                                 <li><a href="form.html">Form</a></li>
                                 <li><a href="helpers.html">Helpers</a></li>
                                 <li><a href="pagination.html">Pagination</a></li>
@@ -396,7 +397,7 @@ <h3 id="ex3-accordion-heading3" class="rd-accordion-header"><a data-toggle="acco
         <script src="assets/js/sticky-sidebar/jquery.sticky-sidebar.min.js?npm-v=3.3.1"></script>
         <script src="assets/js/resize-sensor/ResizeSensor.js?mt=1591342428"></script><!-- use with sticky sidebar js, manual update. -->
 
-        <script src="assets/js/rdta/rundiz-template-admin.js?mt=1608365548"></script> 
+        <script src="assets/js/rdta/rundiz-template-admin.js?mt=1610957831"></script> 
         <script src="assets/js/rdta/components/rdta-accordion.js"></script>
         <script>
             document.addEventListener('DOMContentLoaded', function() {

diff --git a/alert-box.html b/alert-box.html
@@ -8,13 +8,13 @@
         <link rel="stylesheet" href="assets/css/sanitize/typography.css?npm-v=12.0.1">
         <link rel="stylesheet" href="assets/css/sanitize/forms.css?npm-v=12.0.1">
 
-        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css?npm-v=5.15.1">
+        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css?npm-v=5.15.2">
 
         <link rel="stylesheet" href="assets/css/smartmenus/sm-core-css.css?npm-v=1.1.1">
-        <link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?mt=1610957833">
 
-        <link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?mt=1608365551">
-        <link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?mt=1610957833">
+        <link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?mt=1610957833">
 
         <link rel="stylesheet" href="assets/css/rdta-demo-pages.css?mt=1598859694"> 
     </head>
@@ -239,6 +239,7 @@
                                 <li><a href="columns-flex.html">Columns flex</a></li>
                                 <li><a href="datatable.html">Data table</a></li>
                                 <li><a href="dialog.html">Dialog</a></li>
+                                <li><a href="embeds.html">Embeds</a></li>
                                 <li><a href="form.html">Form</a></li>
                                 <li><a href="helpers.html">Helpers</a></li>
                                 <li><a href="pagination.html">Pagination</a></li>
@@ -403,7 +404,7 @@ <h3>Placement</h3>
         <script src="assets/js/sticky-sidebar/jquery.sticky-sidebar.min.js?npm-v=3.3.1"></script>
         <script src="assets/js/resize-sensor/ResizeSensor.js?mt=1591342428"></script><!-- use with sticky sidebar js, manual update. -->
 
-        <script src="assets/js/rdta/rundiz-template-admin.js?mt=1608365548"></script> 
+        <script src="assets/js/rdta/rundiz-template-admin.js?mt=1610957831"></script> 
         <script>
             var timeout1, timeout2, timeout3, timeout4;
 

diff --git a/alert-dialog.html b/alert-dialog.html
@@ -8,17 +8,17 @@
         <link rel="stylesheet" href="assets/css/sanitize/typography.css?npm-v=12.0.1">
         <link rel="stylesheet" href="assets/css/sanitize/forms.css?npm-v=12.0.1">
 
-        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css?npm-v=5.15.1">
+        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css?npm-v=5.15.2">
 
         <link rel="stylesheet" href="assets/css/smartmenus/sm-core-css.css?npm-v=1.1.1">
-        <link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?mt=1610957833">
 
-        <link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?mt=1608365551">
-        <link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?mt=1608365550">
+        <link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?mt=1610957833">
+        <link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?mt=1610957833">
 
         <link rel="stylesheet" href="assets/css/rdta-demo-pages.css?mt=1598859694"> 
-        <link rel="stylesheet" href="assets/css/rdta/components/rdta-dialog.css?mt=1608365551">
-        <link rel="stylesheet" href="assets/css/rdta/components/rdta-alertdialog.css?mt=1608365551">
+        <link rel="stylesheet" href="assets/css/rdta/components/rdta-dialog.css?mt=1610957833">
+        <link rel="stylesheet" href="assets/css/rdta/components/rdta-alertdialog.css?mt=1610957833">
     </head>
     <body ontouchstart="">
         <header class="rd-navbar">
@@ -241,6 +241,7 @@
                                 <li><a href="columns-flex.html">Columns flex</a></li>
                                 <li><a href="datatable.html">Data table</a></li>
                                 <li><a href="dialog.html">Dialog</a></li>
+                                <li><a href="embeds.html">Embeds</a></li>
                                 <li><a href="form.html">Form</a></li>
                                 <li><a href="helpers.html">Helpers</a></li>
                                 <li><a href="pagination.html">Pagination</a></li>
@@ -386,7 +387,7 @@ <h3>Events</h3>
         <script src="assets/js/sticky-sidebar/jquery.sticky-sidebar.min.js?npm-v=3.3.1"></script>
         <script src="assets/js/resize-sensor/ResizeSensor.js?mt=1591342428"></script><!-- use with sticky sidebar js, manual update. -->
 
-        <script src="assets/js/rdta/rundiz-template-admin.js?mt=1608365548"></script> 
+        <script src="assets/js/rdta/rundiz-template-admin.js?mt=1610957831"></script> 
         <script src="assets/js/rdta/components/rdta-dialog.js"></script>
         <script src="assets/js/rdta/components/rdta-alertdialog.js"></script>
         <script>

diff --git a/assets/css/rdta/components/rdta-embeds.css b/assets/css/rdta/components/rdta-embeds.css
diff --git a/assets/css/rdta/components/rdta-embeds.css.map b/assets/css/rdta/components/rdta-embeds.css.map
diff --git a/assets/css/rdta/components/rdta-embeds.min.css b/assets/css/rdta/components/rdta-embeds.min.css
diff --git a/assets/css/rdta/components/rdta-embeds.min.css.map b/assets/css/rdta/components/rdta-embeds.min.css.map
diff --git a/assets/css/rdta/rundiz-template-admin.css b/assets/css/rdta/rundiz-template-admin.css
diff --git a/assets/css/rdta/rundiz-template-admin.min.css b/assets/css/rdta/rundiz-template-admin.min.css
diff --git a/assets/font-awesome/css/all.css b/assets/font-awesome/css/all.css
@@ -1,5 +1,5 @@
 /*!
- * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
 .fa,

diff --git a/assets/font-awesome/css/all.min.css b/assets/font-awesome/css/all.min.css
diff --git a/assets/font-awesome/css/brands.css b/assets/font-awesome/css/brands.css
@@ -1,5 +1,5 @@
 /*!
- * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
 @font-face {

diff --git a/assets/font-awesome/css/brands.min.css b/assets/font-awesome/css/brands.min.css
diff --git a/assets/font-awesome/css/fontawesome.css b/assets/font-awesome/css/fontawesome.css
@@ -1,5 +1,5 @@
 /*!
- * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
 .fa,

diff --git a/assets/font-awesome/css/fontawesome.min.css b/assets/font-awesome/css/fontawesome.min.css
diff --git a/assets/font-awesome/css/regular.css b/assets/font-awesome/css/regular.css
@@ -1,5 +1,5 @@
 /*!
- * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
 @font-face {