Mise à jour pour la version alpha8 du CMS.

soosyze-extension · Sep 20, 2019 · 2efa96e · 2efa96e
1 parent 24e0133
commit 2efa96e
Show file tree

Hide file tree

Showing 7 changed files with 191 additions and 106 deletions.
diff --git a/assets/css/admin.css b/assets/css/admin.css
@@ -314,4 +314,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 */
+#page-wrapper .block-actions {
+    position: relative;
+    margin-right: 0;
+    float: right;
+}
+/* Ajustement de l'éditeur Trumbowyg. */
+#page-wrapper .trumbowyg-button-pane button {
+    font-size: initial;
+    box-shadow: initial;
+    min-width: auto;
+}
+#page-wrapper .trumbowyg-modal-box .trumbowyg-modal-button {
+    font-size: initial;
+    min-width: auto;
+    box-shadow: initial;
+    padding: initial;
+}
+#page-wrapper .trumbowyg-dropdown button {
+    border-radius: initial;
+    box-shadow: initial;
+}
+#page-wrapper.trumbowyg-modal-box label input {
+    box-shadow: initial;
 }
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/twenty",
+    "type": "soosyze-theme",
+    "description": "This is Twenty, a minimal, multi-page responsive site template for HTML5 UP.",
+    "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/admin.css" />
@@ -28,13 +28,15 @@
         <!-- 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.dropotron.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/jquery.scrolly.min.js"></script>
         <script src="<?php echo $base_theme; ?>assets/js/jquery.scrollex.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/menu-user.php b/menu-user.php
@@ -1,6 +1,5 @@
 <ul class="copyright">
     <li>&copy; Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
-    <li>Power by <a href="https://soosyze.com">SoosyzeCMS</a></li>
     <?php foreach ($menu as $link): ?>
 
         <li class="<?php echo $link[ 'link_active' ]; ?>">

diff --git a/page-front.php b/page-front.php
@@ -31,17 +31,9 @@
             <h2><?php echo $title; ?></h2>
         </header>
 
-        <p>This is <strong>Twenty</strong>, a free
-            <br />
-            responsive template
-            <br />
-            by <a href="http://html5up.net">HTML5 UP</a>.</p>
-
-        <footer>
-            <ul class="buttons stacked">
-                <li><a href="#main" class="button fit scrolly">Tell Me More</a></li>
-            </ul>
-        </footer>
+        <?php if (!empty($section[ 'header' ])): ?>
+            <?php echo $section[ 'header' ]; ?>
+        <?php endif; ?>
     </div>
 </section>
 
@@ -55,80 +47,33 @@
             <?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; ?>
     </section>
 
-    <section class="wrapper style1 container special">
-        <div class="row">
-            <div class="col-4 col-12-narrower">
-                <section>
-                    <header>
-                        <h3>This is Something</h3>
-                    </header>
-                    <p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo suscipit dolor nec nibh. Proin a ullamcorper elit, et sagittis turpis. Integer ut fermentum.</p>
-                    <footer>
-                        <ul class="buttons">
-                            <li><a href="#" class="button small">Learn More</a></li>
-                        </ul>
-                    </footer>
-                </section>
-            </div>
-
-            <div class="col-4 col-12-narrower">
-                <section>
-                    <header>
-                        <h3>Also Something</h3>
-                    </header>
-                    <p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo suscipit dolor nec nibh. Proin a ullamcorper elit, et sagittis turpis. Integer ut fermentum.</p>
-                    <footer>
-                        <ul class="buttons">
-                            <li><a href="#" class="button small">Learn More</a></li>
-                        </ul>
-                    </footer>
-                </section>
-            </div>
-
-            <div class="col-4 col-12-narrower">
-                <section>
-                    <header>
-                        <h3>Probably Something</h3>
-                    </header>
-                    <p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo suscipit dolor nec nibh. Proin a ullamcorper elit, et sagittis turpis. Integer ut fermentum.</p>
-                    <footer>
-                        <ul class="buttons">
-                            <li><a href="#" class="button small">Learn More</a></li>
-                        </ul>
-                    </footer>
-                </section>
-            </div>
-        </div>
-    </section>
+    <?php if (!empty($section[ 'footer_first' ])): ?>
+        <section class="wrapper style1 container special">
+            <?php echo $section[ 'footer_first' ]; ?>
+        </section>
+    <?php endif; ?>
 </article>
 
-<!-- CTA -->
-<section id="cta">
-    <header>
-        <h2>Ready to do <strong>something</strong>?</h2>
-        <p>Proin a ullamcorper elit, et sagittis turpis integer ut fermentum.</p>
-    </header>
-
-    <footer>
-        <ul class="buttons">
-            <li><a href="#" class="button primary">Take My Money</a></li>
-            <li><a href="#" class="button">LOL Wut</a></li>
-        </ul>
-    </footer>
-</section>
+<?php if (!empty($section[ 'footer_second' ])): ?>
+    <!-- CTA -->
+    <section id="cta">
+        <?php echo $section[ 'footer_second' ]; ?>
+    </section>
+<?php endif; ?>
 
 <!-- Footer -->
 <footer id="footer">
-    <ul class="icons">
-        <li><a href="#" class="icon circle fab fa-twitter"><span class="label">Twitter</span></a></li>
-        <li><a href="#" class="icon circle fab fa-facebook"><span class="label">Facebook</span></a></li>
-        <li><a href="#" class="icon circle fab fa-google-plus"><span class="label">Google+</span></a></li>
-        <li><a href="#" class="icon circle fab fa-github"><span class="label">Github</span></a></li>
-        <li><a href="#" class="icon circle fab fa-dribbble"><span class="label">Dribbble</span></a></li>
-    </ul>
-
+    <?php if (!empty($section[ 'footer' ])): ?>
+        <?php echo $section[ 'footer' ]; ?>
+    <?php endif; ?>
     <?php echo $section[ 'second_menu' ]; ?>
-</footer>
+</footer>
diff --git a/page.php b/page.php
@@ -22,6 +22,9 @@
 <article id="main">
     <header class="container">
         <h2><?php echo $title_main; ?></h2>
+        <?php if (!empty($section[ 'header' ])): ?>
+            <?php echo $section[ 'header' ]; ?>
+        <?php endif; ?>
     </header>
 
     <!-- One -->
@@ -32,36 +35,35 @@
                 <?php if (!empty($section[ 'messages' ])): ?>
                     <?php echo $section[ 'messages' ]; ?>
                 <?php endif; ?>
-                <?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; ?>
             </section>
         </div>
     </section>
-</article>
 
-<!-- CTA -->
-<section id="cta">
-    <header>
-        <h2>Ready to do <strong>something</strong>?</h2>
-        <p>Proin a ullamcorper elit, et sagittis turpis integer ut fermentum.</p>
-    </header>
+    <?php if (!empty($section[ 'footer_first' ])): ?>
+        <section class="wrapper style1 container special">
+            <?php echo $section[ 'footer_first' ]; ?>
+        </section>
+    <?php endif; ?>
+</article>
 
-    <footer>
-        <ul class="buttons">
-            <li><a href="#" class="button primary">Take My Money</a></li>
-            <li><a href="#" class="button">LOL Wut</a></li>
-        </ul>
-    </footer>
-</section>
+<?php if (!empty($section[ 'footer_second' ])): ?>
+    <!-- CTA -->
+    <section id="cta">
+        <?php echo $section[ 'footer_second' ]; ?>
+    </section>
+<?php endif; ?>
 
 <!-- Footer -->
 <footer id="footer">
-    <ul class="icons">
-        <li><a href="#" class="icon circle fab fa-twitter"><span class="label">Twitter</span></a></li>
-        <li><a href="#" class="icon circle fab fa-facebook"><span class="label">Facebook</span></a></li>
-        <li><a href="#" class="icon circle fab fa-google-plus"><span class="label">Google+</span></a></li>
-        <li><a href="#" class="icon circle fab fa-github"><span class="label">Github</span></a></li>
-        <li><a href="#" class="icon circle fab fa-dribbble"><span class="label">Dribbble</span></a></li>
-    </ul>
-
+    <?php if (!empty($section[ 'footer' ])): ?>
+        <?php echo $section[ 'footer' ]; ?>
+    <?php endif; ?>
     <?php echo $section[ 'second_menu' ]; ?>
 </footer>