Mise à jour pour la version alpha8 du CMS.

soosyze-extension · Sep 20, 2019 · c51a79a · c51a79a
1 parent 345e9b6
commit c51a79a
Show file tree

Hide file tree

Showing 7 changed files with 181 additions and 56 deletions.
diff --git a/assets/css/admin.css b/assets/css/admin.css
@@ -311,4 +311,107 @@ label[data-tooltip]:before {
 }
 .icon-publish{
     background-color: #2ecc71;
+}
+
+
+/* --------------------------- */
+/* --------- MODALE----------- */
+/* --------------------------- */
+/* The Modal (background) */
+.modal-open{
+    overflow: hidden;
+}
+.modal {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1050;
+    display: none;
+    -webkit-overflow-scrolling: touch;
+    outline: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+.modal-dialog {
+    background-color: #fefefe;
+    margin: 30px auto;
+    width: 80%;
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+    -webkit-animation-name: animatetop;
+    -webkit-animation-duration: 0.4s;
+    animation-name: animatetop;
+    animation-duration: 0.4s
+}
+/* Modal Content */
+.modal-content {
+    position: relative;
+    background-color: #fff;
+    background-clip: padding-box;
+    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
+    box-shadow: 0 3px 9px rgba(0,0,0,.5);
+    outline: 0;
+}
+/* Add Animation */
+@-webkit-keyframes animatetop {
+    from {top:-300px; opacity:0} 
+    to {top:0; opacity:1}
+}
+@keyframes animatetop {
+    from {top:-300px; opacity:0}
+    to {top:0; opacity:1}
+}
+
+/* The Close Button */
+.close {
+    color: white;
+    float: right;
+    font-weight: bold;
+}
+.close:hover,
+.close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+}
+.modal-header {
+    padding: 1em;
+    background-color: #20222d;
+    color: white;
+}
+.modal-header h2, 
+.modal-header h3, 
+.modal-header h4 {
+    padding: 0;
+    margin: 0;
+}
+.modal-body {
+    padding: 2px 16px;
+}
+
+/* Ajustement actions block */
+#wrapper .block-actions {
+    position: relative;
+    margin-right: 0;
+    float: right;
+}
+/* Ajustement de l'éditeur Trumbowyg. */
+#wrapper .trumbowyg-button-pane button {
+    font-size: initial;
+    box-shadow: initial;
+    min-width: auto;
+}
+#wrapper .trumbowyg-modal-box .trumbowyg-modal-button {
+    font-size: initial;
+    min-width: auto;
+    box-shadow: initial;
+    padding: initial;
+}
+#wrapper .trumbowyg-dropdown button {
+    border-radius: initial;
+    box-shadow: initial;
+}
+#wrapper .trumbowyg-modal-box label input {
+    box-shadow: initial;
 }
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -2051,6 +2051,7 @@ select {
 
 textarea {
     padding: 0.75em 1em;
+    resize: vertical;
 }
 
 input[type="checkbox"],
@@ -3267,7 +3268,7 @@ body.is-preload #header.alt .logo {
     background-color: rgba(247, 247, 247, 0.95);
     border-top-left-radius: 0;
     border-top-right-radius: 0;
-    z-index: 10000;
+    z-index: 100;
 }
 
 #nav.alt ul li {

diff --git a/assets/js/admin.js b/assets/js/admin.js
@@ -0,0 +1,16 @@
+$(function () {
+    /* MODAL */
+    var target = '';
+    $('[data-toogle="modal"]').click(function (evt) {
+        evt.preventDefault();
+        target = $(this).data('target');
+        $(target).show();
+        $('body').toggleClass('modal-open');
+    });
+    $(window).click(function (evt) {
+        if (evt.target.className === 'modal' || evt.target.className === 'close') {
+            $(target).hide();
+            $('body').toggleClass('modal-open');
+        }
+    });
+});
diff --git a/composer.json b/composer.json
@@ -0,0 +1,18 @@
+{
+    "name": "soosyze-extension/stellar",
+    "type": "soosyze-theme",
+    "description": "Say hello to Stellar, a slick little one-pager with a super vibrant color palette (which I guess you can always tone down if it's a little too vibrant for you).",
+    "version": "1.0",
+    "extra": {
+        "soosyze-theme": {
+            "sections": [
+                "header",
+                "content_header",
+                "content_footer",
+                "footer",
+                "footer_first",
+                "footer_second"
+            ]
+        }
+    }
+}
diff --git a/html.php b/html.php
@@ -4,7 +4,7 @@
     html5up.net | @ajlkn
     Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 -->
-<html>
+<html lang="fr">
     <head>
         <meta charset="utf-8" />
         <title><?php echo $title; ?></title>
@@ -13,7 +13,7 @@
         <?php endif; ?>
         <meta name="description" content="<?php echo $description; ?>"/>
         <meta name="keywords" content="<?php echo $keyboard; ?>"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
         <link rel="stylesheet" href="<?php echo $base_theme; ?>assets/css/main.css" />
         <link rel="stylesheet" href="<?php echo $base_theme; ?>assets/css/layout.css" />
@@ -30,12 +30,14 @@
         <!-- Scripts -->
         <script src="<?php echo $base_theme; ?>assets/js/jquery.min.js"></script>
         <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.8.3/Sortable.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/jquery.scrollex.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/jquery.scrolly.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/browser.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/breakpoints.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/util.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/main.js"></script>
+        <script src="<?php echo $base_theme; ?>assets/js/admin.js"></script>
         <?php echo $scripts ?>
     </body>
 </html>
diff --git a/page-front.php b/page-front.php
@@ -35,36 +35,23 @@
 
 <!-- Footer -->
 <footer id="footer">
+    <?php if (!empty($section[ 'footer_first' ])): ?>
+        <section>
+            <?php echo $section[ 'footer_first' ]; ?>
+        </section>
+    <?php endif; ?>
+    <?php if (!empty($section[ 'footer_second' ])): ?>
+        <section>
+            <?php echo $section[ 'footer_second' ]; ?>
+        </section>
+    <?php endif; ?>
     <section>
-        <h2>Aliquam sed mauris</h2>
-        <p>Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat 
-            magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris. 
-            Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas velit, 
-            vitae tincidunt odio.</p>
-    </section>
-
-    <section>
-        <h2>Etiam feugiat</h2>
-        <dl class="alt">
-            <dt>Address</dt>
-            <dd>1234 Somewhere Road &bull; Nashville, TN 00000 &bull; USA</dd>
-            <dt>Phone</dt>
-            <dd>(000) 000-0000 x 0000</dd>
-            <dt>Email</dt>
-            <dd><a href="#">[email protected]</a></dd>
-        </dl>
-        <ul class="icons">
-            <li><a href="#" class="icon fab fa-twitter alt"><span class="label">Twitter</span></a></li>
-            <li><a href="#" class="icon fab fa-facebook alt"><span class="label">Facebook</span></a></li>
-            <li><a href="#" class="icon fab fa-instagram alt"><span class="label">Instagram</span></a></li>
-            <li><a href="#" class="icon fab fa-github alt"><span class="label">GitHub</span></a></li>
-            <li><a href="#" class="icon fab fa-dribbble alt"><span class="label">Dribbble</span></a></li>
-        </ul>
         <?php echo $section[ 'second_menu' ]; ?>
     </section>
-
     <p class="copyright">
-        Built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a> | 
-        Power by <a href="https://soosyze.com">SoosyzeCMS</a>.
+        Built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>.
     </p>
+    <?php if (!empty($section[ 'footer' ])): ?>
+        <?php echo $section[ 'footer' ]; ?>
+    <?php endif; ?>
 </footer>
diff --git a/page.php b/page.php
@@ -7,6 +7,9 @@
         </span>
     <?php endif; ?>
     <h2><a href="<?php echo $base_path; ?>"><?php echo $title; ?></a></h2>
+    <?php if (!empty($section[ 'header' ])): ?>
+        <?php echo $section[ 'header' ]; ?>
+    <?php endif; ?>
 </header>
 <!-- Nav -->
 <nav id="nav">
@@ -23,42 +26,37 @@
                         <?php echo $section[ 'messages' ]; ?>
                     <?php endif; ?>
                 </header>
-                <?php echo $section[ 'content' ] ?>
+                <?php if (!empty($section[ 'content_header' ])): ?>
+                    <?php echo $section[ 'content_header' ]; ?>
+                <?php endif; ?>
+                <?php echo $section[ 'content' ]; ?>
+                <?php if (!empty($section[ 'content_footer' ])): ?>
+                    <?php echo $section[ 'content_footer' ]; ?>
+                <?php endif; ?>
             </div>
         </div>
     </section>
 </div>
 <!-- Footer -->
 <footer id="footer">
+    <?php if (!empty($section[ 'footer_first' ])): ?>
+        <section>
+            <?php echo $section[ 'footer_first' ]; ?>
+        </section>
+    <?php endif; ?>
+    <?php if (!empty($section[ 'footer_second' ])): ?>
+        <section>
+            <?php echo $section[ 'footer_second' ]; ?>
+        </section>
+    <?php endif; ?>
     <section>
-        <h2>Aliquam sed mauris</h2>
-        <p>Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat 
-            magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris. 
-            Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas velit, 
-            vitae tincidunt odio.</p>
-    </section>
-    <section>
-        <h2>Etiam feugiat</h2>
-        <dl class="alt">
-            <dt>Address</dt>
-            <dd>1234 Somewhere Road &bull; Nashville, TN 00000 &bull; USA</dd>
-            <dt>Phone</dt>
-            <dd>(000) 000-0000 x 0000</dd>
-            <dt>Email</dt>
-            <dd><a href="#">[email protected]</a></dd>
-        </dl>
-        <ul class="icons">
-            <li><a href="#" class="icon fab fa-twitter alt"><span class="label">Twitter</span></a></li>
-            <li><a href="#" class="icon fab fa-facebook alt"><span class="label">Facebook</span></a></li>
-            <li><a href="#" class="icon fab fa-instagram alt"><span class="label">Instagram</span></a></li>
-            <li><a href="#" class="icon fab fa-github alt"><span class="label">GitHub</span></a></li>
-            <li><a href="#" class="icon fab fa-dribbble alt"><span class="label">Dribbble</span></a></li>
-        </ul>
         <?php echo $section[ 'second_menu' ]; ?>
     </section>
     <p class="copyright">
-        Built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a> | 
-        Power by <a href="http://soosyze.com/">SoosyzeCMS</a>.
+        Built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>.
     </p>
+    <?php if (!empty($section[ 'footer' ])): ?>
+        <?php echo $section[ 'footer' ]; ?>
+    <?php endif; ?>
 </footer>