From c13ba104d6ca6bcf225bde0eab008d21ecd96cf8 Mon Sep 17 00:00:00 2001 From: noelma Date: Sun, 13 Sep 2020 16:02:45 +0200 Subject: [PATCH] =?UTF-8?q?Mise=20=C3=A0=20jour=20pour=20la=20version=20be?= =?UTF-8?q?ta2=20du=20CMS.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/admin.css | 390 +++++++++++++++++++++++++++++++++++++++++ assets/css/styles.css | 276 +++++++++++++++++++++++++++++ assets/files/arrow.png | Bin 0 -> 495 bytes assets/files/logo.svg | 38 ++++ assets/js/script.js | 44 +++++ composer.json | 16 ++ html.php | 36 ++++ menu-user.php | 27 +++ menu.php | 27 +++ messages.php | 38 ++++ page.php | 68 +++++++ 11 files changed, 960 insertions(+) create mode 100644 assets/css/admin.css create mode 100644 assets/css/styles.css create mode 100644 assets/files/arrow.png create mode 100644 assets/files/logo.svg create mode 100644 assets/js/script.js create mode 100644 composer.json create mode 100644 html.php create mode 100644 menu-user.php create mode 100644 menu.php create mode 100644 messages.php create mode 100644 page.php diff --git a/assets/css/admin.css b/assets/css/admin.css new file mode 100644 index 0000000..dfd6ffb --- /dev/null +++ b/assets/css/admin.css @@ -0,0 +1,390 @@ +.btn.btn-action { + margin-right: 5px; +} +.btn-toogle-password { + background: none; + border: 1px solid #ccc; + color: #337ab7; + font-weight: 600; + z-index: 9; +} +.btn-toogle-password i { + width: 18px; +} +.sticky{ + position: initial; + top: 5em; +} +@media (min-width: 992px){ + .sticky{ + position: -webkit-sticky; + position: sticky; + } +} +.action_bar { + margin-bottom: 1em; +} +.is-invalid{ + border-color:#a94442; +} + +/* --------------------------- */ +/* -------- FORM FLEX-- ------ */ +/* --------------------------- */ +.form-group-inline { + display: inline-block; +} +.form-group-flex{ + align-items: stretch; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: stretch; + position: relative; + width: 100%; +} +.form-group-flex > input{ + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-bottom: 0; + position: relative; + width: 1%; +} +.form-flex-prepend{ + display: -ms-flexbox; + display: flex; +} +.form-group-flex span{ + background-color: #eee; + padding: .5em; +} +.form-group-flex > button, +.form-group-flex > .form-control:not(:first-child){ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.form-group-flex > button, +.form-group-flex > .form-control:not(:last-child){ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + + +/* --------------------------- */ +/* ------ CONFIGURATION ------ */ +/* --------------------------- */ +#nav_config ul{ + padding: 0; +} +#nav_config ul li{ + list-style: none; +} +#nav_config ul li a{ + display:block; + padding: .5em 1em; +} +#nav_config ul li a:hover{ + background: #e1e4e8; +} +#nav_config ul li.active a{ + color: #FFF; + background: #1a92bb; +} + + +/* --------------------------- */ +/* ---------- FILE ----------- */ +/* --------------------------- */ +.input-file-img { + max-height: 200px; + max-width: 100%; +} + + +/* --------------------------- */ +/* ---------- USER ----------- */ +/* --------------------------- */ +#nav_user{ + padding-bottom: 1em; +} +#nav_user ul{ + list-style-type: none; + padding: 0; +} +#nav_user li{ + display: inline; +} +.user-picture, +.user-picture_default{ + border: 1px solid #e1e4e8; + border-bottom-color: rgb(225, 228, 232); + border-bottom-style: solid; + border-bottom-width: 1px; +} +.user-picture_default { + position: relative; + width: 100%; + white-space: nowrap; + background: #e6e7f4; +} +.user-picture_default:after { + content: ""; + display: block; + padding-bottom: 100%; +} +.user-picture_default_username { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 5em; + color: #FFF; +} +.user-title{ + padding-top: 1em; + padding-bottom: 1em; + margin: 0; +} +.user-fullname, +.user-username{ + display:block; +} +.user-fullname{ + color: #333; + font-size: 26px; + line-height: 30px; + font-weight: bold; +} +.user-username { + color: #666; + font-size: 20px; + font-style: normal; + font-weight: 300; + line-height: 24px; +} + + +/* --------------------------- */ +/* ---------- ROLE ----------- */ +/* --------------------------- */ +.badge-role { + border-radius: 1em; + box-shadow: 0 2px 2px rgba(0,0,0,.2); + color: #fff; + display: inline-block; + height: 1.5em; + line-height: 1.3em; + text-align: center; + vertical-align: middle; + width: 1.5em; +} +.badge-role i { + font-size: .8em; +} +#role_color_btn{ + color: #fff; + text-shadow: rgba(0,0,0,.75) 0 0 1px; +} + + +/* --------------------------- */ +/* ---------- TABLE ---------- */ +/* --------------------------- */ +.table > tbody > tr > td, +.table > tbody > tr > th, +.table > tfoot > tr > td, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > thead > tr > th { + vertical-align: middle; + padding: 1em; +} +thead{ + background-color: #1c889e; + color: #fff; + font-family: "Open Sans","Segoe UI","Helvetica",sans-serif; + font-size: 14px; + font-weight: bold; + text-transform: uppercase; +} +.responsive thead tr th{ + padding: 1em; +} +@media (max-width: 768px) { + .table > tbody > tr > td, + .table > tbody > tr > th, + .table > tfoot > tr > td, + .table > tfoot > tr > th, + .table > thead > tr > td, + .table > thead > tr > th { + border: 0; + } + .responsive table, + .responsive thead, + .responsive tbody, + .responsive th, + .responsive td, + .responsive tr { + display: block; + } + .responsive thead { + display:none; + } + .responsive td { + position: relative; + border: 0px solid transparent; + padding-left: 50% !important; + white-space: normal; + text-align:right; + border-bottom: 0; + } + .responsive td:before { + content: attr(data-title); + position: absolute; + left: 0; + width: 45%; + height:100%; + white-space: nowrap; + text-overflow: ellipsis !important; + overflow:hidden !important; + text-align:left; + font-weight: 600; + padding-left: 1em; + } + .responsive tbody tr th a, + .responsive tbody tr th{ + background-color:#1c889e; + color: #fff; + } +} + + +/* --------------------------- */ +/* -------- TOOLTIP ---------- */ +/* --------------------------- */ +label[data-tooltip] { + display: block; +} +[data-tooltip] { + cursor: help; + position: relative; +} +[data-tooltip]:before, +[data-tooltip]:after { + opacity: 0; + visibility: hidden; + z-index: 9999; +} +[data-tooltip]:before { + bottom: 100%; + background: #20222d; + background: rgba(32, 34, 45, 0.8); + color: #fff; + content: attr(data-tooltip); + font-size: 14px; + left: -10px; + transform: translateX(-50%) translateY(0); + margin-bottom: 9px; + padding: 8px 10px; + position: absolute; +} +label[data-tooltip]:before { + transform: none; +} +/* Triangle */ +[data-tooltip]:after { + border-top: 10px solid #20222d; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + bottom: 100%; + content: ""; + left: 0; + position: absolute; +} +[data-tooltip]:hover:before, +[data-tooltip]:hover:after { + opacity: 1; + transition: opacity .5s; + visibility: visible; +} + + +/* --------------------------- */ +/* -------- MODULES ---------- */ +/* --------------------------- */ +.module-icon { + width: 4em; + background: #e6e7f4; + background-color: rgb(230, 231, 244); + color: #666999; + font-size: 1em; + display: inline-block; + line-height: 2em; + text-align: center; + padding: 1em; + border-radius: 4em; +} +@media (max-width: 768px) { + .module-icon { + width: 100%; + border-radius: 0; + } + .table-modules > tbody > tr > td.th, + .table-modules > tbody > tr > th{ + padding: 0 !important; + } +} + + +/* --------------------------- */ +/* ---------- MENU ----------- */ +/* --------------------------- */ +.nested-sortable { + cursor: move; + list-style-type: none; + padding: 0; +} +.nested-sortable .link-item { + background-color: #fff; + border: 1px solid rgba(0,0,0,.125); + margin-top: 1em; + padding: 1em; +} +.nested-sortable .link-item:hover { + border: 1px dashed rgba(0,0,0,.5); +} +.nested-sortable .link-item.placeholder { + background: #e1e4e8; + opacity: .5; +} +.nested-sortable .link-title { + margin-bottom: 5px; +} + + +/* --------------------------- */ +/* ---------- NODE ----------- */ +/* --------------------------- */ +.icon-archived, +.icon-draft, +.icon-pending_publication, +.icon-publish{ + display: block; + width: 16px; + height: 16px; + margin-left: auto; + margin-right: auto; +} +.icon-archived{ + color: #d14; +} +.icon-draft{ + color: #666; +} +.icon-pending_publication{ + color: #dd9f3a; +} +.icon-publish{ + color: #2ecc71; +} \ No newline at end of file diff --git a/assets/css/styles.css b/assets/css/styles.css new file mode 100644 index 0000000..e2470d1 --- /dev/null +++ b/assets/css/styles.css @@ -0,0 +1,276 @@ +#header_main{ + padding: 2em; + margin-top: 50px; + padding-top: 4em; + margin-bottom: 1em; + background: #21244F; /* Old browsers */ + background: -moz-linear-gradient(top, #21244f 0%, #1c889e 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #21244f 0%,#1c889e 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #21244f 0%,#1c889e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21244f', endColorstr='#1c889e',GradientType=0 ); /* IE6-9 */ +} +h1{ + color: #FFF; +} +fieldset{ + border: solid 1px #DDD; + border-top: none; + box-shadow: 0px -3px 0 #9769ac; + padding: 12px; + margin: 0 0 20px; +} +fieldset legend{ + border: 0; + background: #FFF; + padding: 0 6px; + margin: 0; + margin-left: -3px; + font-family: "Open Sans","Segoe UI","Helvetica",sans-serif; + font-size: 20px; + font-weight: 300; + width:auto; +} +textarea{ + resize:vertical; + min-height: 34px; +} +.form-inline .form-control{ + transition: width .2s; +} +.img-thumbnail{ + max-height: 150px; +} +.souligne{ + transition: width .2s; + height: 11px; + margin-left: -2em; + width: 80%; + background-color: #FFF; + border-radius: 0 20px 20px 0; + -moz-border-radius: 0 20px 20px 0; + -webkit-border-radius: 0 20px 20px 0; + border: 0 solid #000; +} +.form-required{ + color: #C00; +} +.div-thead tr, +.div-thead{ + background-color: #1C889E; + padding: 1em 0 1em 1em; + font-size: 14px; + color: #FFF; + font-family: "Open Sans","Segoe UI","Helvetica",sans-serif; + text-transform: uppercase; +} +.div-tbody{ + padding-bottom: 15px; + padding-top: 15px; +} +.div-tbody h3{ + margin: 0; + padding: 0; +} +.div-tbody:hover +{ + background-color: #EEE; + -webkit-transition: background-color .2s; + -moz-transition: background-color .2s; + -ms-transition: background-color .2s; + -o-transition: background-color .2s; + transition: background-color .2s; +} +@media (min-width: 768px){ + .form-inline .form-control{ + width: 50%; + } + .souligne{ + width: 20%; + } +} +/* Navbar */ +.navbar-grey{ + background-color: #21244F; + border: 0; +} +.navbar-grey button, +.navbar-grey li a{ + color: #FFF; + position: relative; + line-height: 1.5; + z-index: 1; +} +.navbar-grey li a:focus, +.navbar-grey li a:hover{ + background-color: rgba(255, 255, 255, 0.2); + color: #FFF; + -webkit-transition: background-color .2s; + -moz-transition: background-color .2s; + -ms-transition: background-color .2s; + -o-transition: background-color .2s; + transition: background-color .2s; +} +.navbar-grey li.active a{ + background-color: rgba(255, 255, 255, 0.2); +} +.navbar-grey li a::after{ + width: 0; + height: 2px; + z-index: -1; + background-color: #FFF; + position: absolute; + bottom: 0; + left: 0; + content: ""; + -webkit-transition: width .4s cubic-bezier(.8,0,.2,1); + -moz-transition: width .4s cubic-bezier(.8,0,.2,1); + -ms-transition: width .4s cubic-bezier(.8,0,.2,1); + -o-transition: width .4s cubic-bezier(.8,0,.2,1); + transition: width .4s cubic-bezier(.8,0,.2,1); +} +.navbar-grey li a:hover::after{ + width: 100%; +} +.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { + background-color: rgba(255, 255, 255, 0.2); +} +.navbar-grey .dropdown-menu { + border:0; +} +.navbar-grey .dropdown-menu a, +.navbar-grey .dropdown-menu a:hover{ + color: #1c889e; +} +/* Demo CSS code */ +[type="checkbox"]:not(:checked), +[type="checkbox"]:checked { + position: absolute; + left: -9999px; +} +[type="checkbox"]:not(:checked) + label, +[type="checkbox"]:checked + label { + position: relative; + padding-left: 75px; + cursor: pointer; +} +[type="checkbox"] + label{ + min-height: 1em; +} +[type="checkbox"]:not(:checked) + label:before, +[type="checkbox"]:checked + label:before, +[type="checkbox"]:not(:checked) + label:after, +[type="checkbox"]:checked + label:after { + content: ''; + position: absolute; +} +[type="checkbox"]:not(:checked) + label:before, +[type="checkbox"]:checked + label:before { + left: 0; + top: -3px; + width: 65px; + height: 30px; + background: #D9534F; + border-radius: 15px; + -webkit-transition: background-color .2s; + -moz-transition: background-color .2s; + -ms-transition: background-color .2s; + transition: background-color .2s; +} +[type="checkbox"]:not(:checked) + label:after, +[type="checkbox"]:checked + label:after { + width: 20px; + height: 20px; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; + border-radius: 50%; + background: #FFF; + top: 2px; + left: 5px; +} +/* on checked */ +[type="checkbox"]:checked + label:before { + background:#5CD85C; +} +[type="checkbox"]:checked + label:after { + background: #FFF; + top: 2px; + left: 40px; +} +[type="checkbox"]:checked + label .ui, +[type="checkbox"]:not(:checked) + label .ui:before, +[type="checkbox"]:checked + label .ui:after { + position: absolute; + left: 6px; + border-radius: 15px; + font-size: 14px; + font-weight: bold; + line-height: 22px; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; +} +[type="checkbox"]:not(:checked) + label .ui:before { + content: "✗"; + color: #FFF; + left: 32px +} +[type="checkbox"]:checked + label .ui:after { + content: "✔"; + color: #FFF; +} +[type="checkbox"]:focus + label:before { + outline: none; +} +[type="checkbox"][disabled]:checked + label:before, +[type="checkbox"][disabled]:not(:checked) + label:before{ + background:#666; +} +.btn-action{ + color: #333; +} +.btn-action:hover{ + text-decoration: underline; +} +#btn_up { + bottom: 15px; + cursor: pointer; + display: none; + position: fixed; + right: 25px; +} +.module-is_required{ + color: #D9534F; +} +.module-is_required_for_module{ + color:#5CD85C +} +.permission-module { + border-bottom: #9769ac 3px solid; +} +#breadcrumb{ + margin-bottom: 1em; +} + +label.radio-button { + display: inline-block; + color: #555; + padding: 0.5em; + cursor: pointer; +} +label.radio-button:hover { + background-color: #eee; +} +input[type="radio"].radio-button { + display: none; +} +input[type="radio"].radio-button:checked ~ label { + background-color: #5cb85c; + border: 1px #398439 solid; + color: #fff; +} +input[type="radio"].radio-button:not(:checked) ~ label { + border: 1px #555 solid; +} \ No newline at end of file diff --git a/assets/files/arrow.png b/assets/files/arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..cf081a72bfdbe6bed38dbd08815a80236c1e6a5b GIT binary patch literal 495 zcmVPx#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T2#9JBRpdbYj5E!&Ws~givOx!uS*0Rk4N(cR;!g{Uc*}Uu=fII#=WsvsqJ=)^EtYK z?RGm1heHHGVB#dOhrOIZIFqxV@$%l6%jMvC9(>>b5loBYIH=WXST2|5BYB3sjB2q` lTC9{7E2YIsX|Yl|fN$h!l1aq)5SRb}002ovPDHLkV1k9+)$9NO literal 0 HcmV?d00001 diff --git a/assets/files/logo.svg b/assets/files/logo.svg new file mode 100644 index 0000000..085e7f9 --- /dev/null +++ b/assets/files/logo.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..1185683 --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,44 @@ +$(function () { + /* SCROLL TOP */ + $('#btn_up').click(function () { + $('html,body').animate({scrollTop: 0}, 'slow'); + }); + $(window).scroll(function () { + if ($(window).scrollTop() < 300) { + $('#btn_up').fadeOut(); + } else { + $('#btn_up').fadeIn(); + } + }); + /* MODAL */ + var target = ''; + $(document).delegate('[data-toogle="modal"]', 'click', function (evt) { + evt.preventDefault(); + target = $(this).data('target'); + $('body').toggleClass('modal-open'); + $(target).show(); + }); + $(window).click(function (evt) { + if (evt.target.className === 'modal' || evt.target.className === 'close') { + $(target).hide(); + $('body').toggleClass('modal-open'); + } + }); + /* NUMBER TEXTAREA */ + var textarea = document.querySelectorAll('textarea'); + Array.prototype.forEach.call(textarea, function (el) { + if (el.maxLength > 0) { + $('
' + el.value.length + '/' + el.maxLength + '
').appendTo(el.parentNode); + } + }); + $('textarea').keyup(function () { + $this = $(this); + $this.parent() + .find('.maxlength_show') + .html('
' + $this.val().length + '/' + $this.attr('maxLength') + '
'); + }); + /* INPUT ICON RENDER */ + $('.text_icon').keyup(function () { + $(this).parent().find('.render_icon i').attr('class', this.value); + }); +}); \ No newline at end of file diff --git a/composer.json b/composer.json new file mode 100644 index 0000000..a044167 --- /dev/null +++ b/composer.json @@ -0,0 +1,16 @@ +{ + "name": "soosyze-core/admin", + "type": "soosyze-theme", + "description": "Thème dédié à l'administration, utilisant la bibliothèque d'affichage Bootstrap 3, avec un menu horizontal fixe sur plusieurs niveaux.", + "version": "1.0", + "extra": { + "soosyze-theme": { + "sections": [ + "header", + "content_header", + "content_footer", + "footer" + ] + } + } +} \ No newline at end of file diff --git a/html.php b/html.php new file mode 100644 index 0000000..41caaa0 --- /dev/null +++ b/html.php @@ -0,0 +1,36 @@ + + + + + + + <?php echo $title ?> + + + + + + + + + + + + + + + + + +
+ Scroll to top +
+ + + + + + + + + \ No newline at end of file diff --git a/menu-user.php b/menu-user.php new file mode 100644 index 0000000..75a74ad --- /dev/null +++ b/menu-user.php @@ -0,0 +1,27 @@ + + \ No newline at end of file diff --git a/menu.php b/menu.php new file mode 100644 index 0000000..fd6670f --- /dev/null +++ b/menu.php @@ -0,0 +1,27 @@ + + \ No newline at end of file diff --git a/messages.php b/messages.php new file mode 100644 index 0000000..591949d --- /dev/null +++ b/messages.php @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/page.php b/page.php new file mode 100644 index 0000000..10256eb --- /dev/null +++ b/page.php @@ -0,0 +1,68 @@ + +
+ +

+
+
+
+
+
+ + +
+ + +
+ + + +
+ + +
+ + + + '; ?> + + '; ?> + + + + + + + + + + '; ?> + +
+
+
+
+
+
+ +
+
+
\ No newline at end of file