From: Vincent Vanwaelscappel Date: Thu, 29 Sep 2022 14:08:47 +0000 (+0200) Subject: wip #5497 @0.5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=11a307df51681bddeb15eac75dda28a487a4849b;p=eif-extranet.git wip #5497 @0.5 --- diff --git a/inc/svg-sprite.php b/inc/svg-sprite.php index db8fa08..c35f8d4 100644 --- a/inc/svg-sprite.php +++ b/inc/svg-sprite.php @@ -1 +1,588 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/js/script.js b/js/script.js index e8bcce2..3c3a4d7 100644 --- a/js/script.js +++ b/js/script.js @@ -18,7 +18,11 @@ $(function () { }, 50); }); - // Ajouter les symboles SVG + /** + * Ajouter les symboles SVG dans les élements ayant l'attribut data-icon + * Par défaut, l'icône est ajoutée à la fin de l'élement. + * Si l'attribut data-icon-prepend est présent, l'icône est ajoutée au début de l'élement. + */ var updateIcons = function () { $("[data-icon]").each(function () { var iconId = 'eif-' + $(this).data('icon'); @@ -66,7 +70,7 @@ $(function () { }); updateSwitchSelection(); - // Tables + // Tables (Selectionner les lignes dont la checkbox est cochée) var updateTable = function () { $('table').each(function () { $(this).find('td input[type=checkbox]').each(function () { @@ -101,18 +105,9 @@ $(function () { resize(); return false; }); - - - $(window).on('resize', function () { - resize(); - }); }); -function resize() { - -} - -// +// Générer le code qui affiche une icône du Sprite SVG function getSpriteIcon(icon, attrs) { var a = []; var iconSymbol = $('svg symbol[id="' + icon + '"]'); diff --git a/style/inc/common.sass b/style/inc/common.sass index b7e7e09..5d1d76b 100644 --- a/style/inc/common.sass +++ b/style/inc/common.sass @@ -28,6 +28,7 @@ svg height: auto main + // Le site est élastique jusqu'à 1650px, puis une scrollbar horizontale apparaît min-width: 1650px padding: $space $space $space $space*3+150px @@ -44,8 +45,6 @@ main font-weight: 900 margin-bottom: 9px - - article position: relative background-color: #fff diff --git a/style/inc/forms.sass b/style/inc/forms.sass index d4df4bc..7a4f0ad 100644 --- a/style/inc/forms.sass +++ b/style/inc/forms.sass @@ -40,6 +40,7 @@ form top: -16px left: 0 + // Formulaires de filtre &.filter-form &.section margin-bottom: 40px @@ -67,6 +68,7 @@ form svg height: 12px + // Formulaire détail projet &.details input[type="text"], input[type="search"], select, textarea height: 38px @@ -116,6 +118,7 @@ form background-color: $background-color width: 100% + // Formulaire observations calcul projet &.notes label height: 175px diff --git a/style/inc/menu.sass b/style/inc/menu.sass index d2b3720..5d94a9f 100644 --- a/style/inc/menu.sass +++ b/style/inc/menu.sass @@ -14,9 +14,11 @@ font-size: 14px z-index: 1 + // Logo client #logo-client padding: $space + // Logo EIF en bas du menu #logo-eif @media(max-height: 880px) display: none @@ -37,6 +39,7 @@ .large display: block + // Elements de menu nav position: absolute top: 90px @@ -93,6 +96,7 @@ a color: #fff + // Bouton de passage en mode compact .toggle-menu $width: 20px position: absolute @@ -109,6 +113,7 @@ transform-origin: 50% 50% transform: scale(-1, 1) +// Le menu est forcé en mode compact sur des hauteurs de fenêtre inférieures à 780px @media(max-height: 780px) @include menu-compact @@ -118,6 +123,7 @@ .menu-compact @include menu-compact +// Style des tooltips du menu .tippy-box[data-theme~='menu'] $tooltip-menu-background: #292929 background-color: $tooltip-menu-background diff --git a/style/inc/mixins.sass b/style/inc/mixins.sass index a702378..9333e99 100644 --- a/style/inc/mixins.sass +++ b/style/inc/mixins.sass @@ -1,10 +1,12 @@ @import "variables" +// Blocs blancs avec bords arrondis @mixin white-block border-radius: 6px background-color: #fff padding: $space +// Menu compact @mixin menu-compact $compact-menu-space: 15px $width: 70px diff --git a/style/inc/msie.sass b/style/inc/msie.sass index d67834c..2c630a3 100644 --- a/style/inc/msie.sass +++ b/style/inc/msie.sass @@ -1,3 +1,4 @@ +// Code spécifique à IE11 .msie #logo-client .compact diff --git a/style/inc/page-dashboard.sass b/style/inc/page-dashboard.sass index a82b7bc..7061dae 100644 --- a/style/inc/page-dashboard.sass +++ b/style/inc/page-dashboard.sass @@ -1,3 +1,4 @@ +// Styles des pages de type dashboard (Missions > Tableau de bord ou Patrimoine) main section @@ -6,6 +7,7 @@ main grid-template-columns: repeat( 3, 1fr) grid-gap: 25px + // Indicateurs numériques (Tableau de bord et Patrimoine) &.indicators article height: 100px @@ -38,6 +40,7 @@ main left: 15px height: 70px + // Graphiques (Tableau de bord) &.charts article position: relative diff --git a/style/inc/page-table.sass b/style/inc/page-table.sass index 1fcdfa2..bc17ee3 100644 --- a/style/inc/page-table.sass +++ b/style/inc/page-table.sass @@ -1,3 +1,4 @@ +// Pages de tableaux main section &.table diff --git a/style/inc/reset.sass b/style/inc/reset.sass index 3a8aa7c..d9535e1 100644 --- a/style/inc/reset.sass +++ b/style/inc/reset.sass @@ -1,3 +1,5 @@ +// @see https://www.boag.online/blog/css-reset + *, *:before, *:after box-sizing: border-box diff --git a/style/inc/switch.sass b/style/inc/switch.sass index 5b592c7..ff61bd5 100644 --- a/style/inc/switch.sass +++ b/style/inc/switch.sass @@ -1,3 +1,4 @@ +// Style des switch (Interrupteurs Afficher Tout / Ma sélection) .switch-large margin-bottom: 40px .switch diff --git a/style/inc/tags.sass b/style/inc/tags.sass index dfa202b..fd999e4 100644 --- a/style/inc/tags.sass +++ b/style/inc/tags.sass @@ -1,3 +1,4 @@ +// Tags de la page simulations .tag color: #fff width: 180px diff --git a/style/inc/variables.sass b/style/inc/variables.sass index 2a502da..ac40508 100644 --- a/style/inc/variables.sass +++ b/style/inc/variables.sass @@ -2,24 +2,30 @@ $font: Lato, sans-serif $background-color: #F0EDEB $menu-background: #363636 +// Couleurs des tableaux $thead-background: #363636 $table-odd-background: rgba(240, 237, 235, 0.5) $table-selected-background: #F9CABB $table-odd-selected-background: #F9CABB +// Réinitialiser les filtrers $cancel-color: #D6231A +// Boutons $button-color: #c1ce3a +// Couleurs des textes $input-text-color: #454565 $headings-color: #454565 $light-color: #a2a1bc $space: 25px +// Tags (simulations) $tag-green: #c1ce3a $tag-yellow: #F7D000 $tag-orange: #f07800 $tag-red: #d6231a +// Flèches évolution (projections) $evolution-stable: #BCBDC0 $evolution-asc: #D6231A $evolution-desc: #C1CE3A \ No newline at end of file