diff --git a/core/layout/common.css b/core/layout/common.css index ef6e4d48..52d990a0 100755 --- a/core/layout/common.css +++ b/core/layout/common.css @@ -13,7 +13,7 @@ /** * Police des icônes */ - @import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css); +@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css); @@ -28,7 +28,7 @@ body { } -@media (min-width: 768px) { +@media (min-width: 769px) { body { /*margin:0px 10px;*/ margin: 0; @@ -42,17 +42,21 @@ body { */ @media (max-width: 768px) { body { - margin:0px; + margin: 0px; } + #site { - margin:0px auto; + margin: 0px auto; } - body > header { - margin:0px 0px; + + body>header { + margin: 0px 0px; } + .tippy-tooltip { - font-size:.8rem !important; + font-size: .8rem !important; } + section { padding: 5px; } @@ -65,13 +69,16 @@ body { display: flex; flex-direction: column; } - .siteContainer > #contentLeft { + + .siteContainer>#contentLeft { order: 1; } - .siteContainer > #contentRight { + + .siteContainer>#contentRight { order: 3; } - .siteContainer > #contentSite { + + .siteContainer>#contentSite { order: 2; } } @@ -86,6 +93,7 @@ body { a { text-decoration: none; } + a:hover { text-decoration: underline; } @@ -94,6 +102,7 @@ a:hover { a:focus { outline: none; } + a:active { outline: none; } @@ -102,12 +111,15 @@ a:active { h1 { font-size: 1.8em; } + h2 { font-size: 1.6em; } + h3 { font-size: 1.4em; } + h4 { font-size: 1.0em; } @@ -116,6 +128,7 @@ h4 { ul { list-style: square; } + li ul { margin: 0; } @@ -147,9 +160,11 @@ img { max-width: 100%; height: auto; } + img[align='left'] { margin-right: 10px; } + img[align='right'] { margin-left: 10px; } @@ -180,61 +195,81 @@ Signature dans les articles blog et news .newsContent { clear: left; - margin-left: 10px; - /* padding: 5px;*/ + margin-left: 10px; + /* padding: 5px;*/ } + .newsSignature { - margin-right:10px; - float:right; - font-size:0.8em; + margin-right: 10px; + float: right; + font-size: 0.8em; font-style: italic; color: grey; } /* Tableau */ -:not([class^="col"]) > .tableWrapper { +:not([class^="col"])>.tableWrapper { margin: 10px 0; } + .table { width: 100%; border-spacing: 0; border-collapse: collapse; } + .table thead tr { background: #212223; color: #FFF; text-align: left; } + .table tbody tr { background: #F6F7F8; transition: background .3s ease-out; } + .table tbody tr:nth-child(2n + 2) { background: #ECEFF1; } + .table tbody tr:hover { background: #FCF2E8; } + .table th { font-weight: normal; padding: 15px 10px; } + /* Supprime le padding des cols dans les cellules des tableaux */ -td > .col1, -td > .col2, -td > .col3, -td > .col4, -td > .col5, -td > .col6, -td > .col7, -td > .col8, -td > .col9, -td > .col10, -td > .col11, -td > .col12 { +td>.col1, +td>.col2, +td>.col3, +td>.col4, +td>.col5, +td>.col6, +td>.col7, +td>.col8, +td>.col9, +td>.col10, +td>.col11, +td>.col12 { padding: 0 !important; } +/* Tableau sur les écrans de petites tailles */ +@media (max-width: 768px) { + .table thead { + font-size: 0.8em; + } +} +@media (max-width: 668px) { + .table thead { + display:none; + } +} + /* Notifications */ #notification { padding: 14px; @@ -250,20 +285,25 @@ td > .col12 { top: 30px; border-radius: 2px; } + #notification.notificationSuccess { background: #27AE60; } + #notification.notificationError { background: #E74C3C; } + #notification.notificationOther { background: #F39C12; } + #notificationClose { cursor: pointer; float: right; opacity: .8; } + #notificationProgress { position: absolute; left: 0; @@ -272,31 +312,40 @@ td > .col12 { height: 6px; border-radius: 2px; } + #notification.notificationSuccess #notificationProgress { background: #219251; } + #notification.notificationError #notificationProgress { background: #D62C1A; } + #notification.notificationOther #notificationProgress { background: #D8890B; } + #notificationClose:hover { opacity: 1; } + @keyframes notificationBounce { 0% { transform: translateX(-50%) translateY(-30px); } + 40% { transform: translateX(-50%) translateY(10px); } + 60% { transform: translateX(-50%) translateY(-10px); } + 80% { transform: translateX(-50%) translateY(5px); } + 100% { transform: translateX(-50%) translateY(-5px); } @@ -319,27 +368,32 @@ td > .col12 { .container-large-fixed { width: 100%; - position:fixed; - z-index: 15 ; - } + position: fixed; + z-index: 15; +} /* Barre de membre */ #bar { background: #212223; - padding-left: 5px; /* Pour éviter que le select touche le bord lorsque la fenêtre est redimensionnée */ - margin: 0; /*-10px;*/ + padding-left: 5px; + /* Pour éviter que le select touche le bord lorsque la fenêtre est redimensionnée */ + margin: 0; + /*-10px;*/ text-align: right; - position: -webkit-sticky; /* Safari */ + position: -webkit-sticky; + /* Safari */ position: sticky; top: 0; z-index: 19; } + /* fin barre pour les membres */ #bar:after { content: " "; clear: both; display: block; } + #bar ul { padding: 0; margin: 0; @@ -358,13 +412,16 @@ td > .col12 { color: #FFF; transition: background .3s ease-out; } + #bar a:hover { background: #191A1A; text-decoration: none; } + #bar a:active { background: #111112; } + #bar select { width: 250px; border: 0; @@ -373,10 +430,11 @@ td > .col12 { background-color: rgba(255, 255, 255, 1); } -@media (min-width: 768px) { +@media (min-width: 769px) { #bar #barLeft { float: left; } + #bar #barRight { float: right; font-size: 12px; @@ -389,20 +447,25 @@ td > .col12 { padding: 0 1; margin: 0 1; } + #bar ul { height: auto; } + #bar #barSelectPage { - width: 40% ; + width: 40%; font-size: 1em; } + #bar #barLeft { font-size: 1.2em; - float : none; + float: none; } + #bar #barRight { font-size: 1.4em; } + #bar #displayUsername { display: none; } @@ -414,7 +477,7 @@ td > .col12 { overflow: hidden; } -@media (min-width:769px) { +@media (min-width:768px) { #site { margin: 20px auto; } @@ -422,25 +485,29 @@ td > .col12 { /* Bannière */ -@media (min-width:769px) { - body > header { - margin: 0 ;/*-10px;*/ +@media (min-width:768px) { + body>header { + margin: 0; + /*-10px;*/ } + header { - margin:0; + margin: 0; } } header { position: relative; - padding:0; + padding: 0; } + header span { display: inline-block; vertical-align: middle; line-height: 1.2; margin: 0 10px; } + header .container { overflow: hidden; height: 100%; @@ -460,7 +527,7 @@ body > nav { */ /* Items du menu */ -nav a > img { +nav a>img { margin: -4px 0; vertical-align: middle; } @@ -526,51 +593,60 @@ nav #menuLeft { display: flex; float: left; } + nav #menuRight { display: flex; float: right; } + /* fin barre de menu */ nav::after { content: " "; clear: both; display: flex; } + nav::before { content: " "; clear: left; display: flex; } -@media (min-width: 768px) { +@media (min-width: 769px) { nav #menu { display: block; } } @media (max-width: 768px) { - body > nav { - margin:0; + body>nav { + margin: 0; } + nav #toggle, - nav #menuLeft { + nav #menuLeft { display: block; float: none; } - nav #menuLeft { + + nav #menuLeft { flex-direction: column; float: none; } + nav #menuRight { font-size: 2em; } + nav #menu { display: none; text-align: left; } + nav li { display: block; } + nav li ul { z-index: 1; opacity: 1; @@ -578,28 +654,32 @@ nav::before { min-width: inherit; width: auto; } + /* Taille du menu hamburger */ nav .zwiico-menu { - font-size:1.5em; + font-size: 1.5em; } + nav .zwiico-cancel { - font-size:1.5em; + font-size: 1.5em; } } /* Barre de navigation fixe quand le menu est en-dehors du site */ #navfixedlogout { - position: -webkit-sticky; /* Safari */ + position: -webkit-sticky; + /* Safari */ position: sticky; - top:0px; - z-index:10; + top: 0px; + z-index: 10; } #navfixedconnected { - top:45px; - z-index:10; - position: -webkit-sticky; /* Safari */ + top: 45px; + z-index: 10; + position: -webkit-sticky; + /* Safari */ position: sticky; } @@ -610,19 +690,21 @@ nav::before { /* Menu vertical */ -.menuSide, .menuSideChild { +.menuSide, +.menuSideChild { padding-left: 10px; margin: 0px; list-style: none; } -ul .menuSideChild, li .menuSideChild { - padding-left:10px; +ul .menuSideChild, +li .menuSideChild { + padding-left: 10px; } /* Corps */ -@media (min-width:769px) { +@media (min-width:768px) { section { padding: 20px; } @@ -636,7 +718,8 @@ section #sectionTitle { margin-top: 0; } -.userLogin, .updateForm { +.userLogin, +.updateForm { min-height: 0px; } @@ -654,8 +737,9 @@ section:after { } /* Pied de page */ -body > footer { - margin: 0;/* -10px;*/ +body>footer { + margin: 0; + /* -10px;*/ } /* @@ -664,36 +748,44 @@ footer { } */ -#footerbody, #footersite { +#footerbody, +#footersite { margin: 0; } .footerbodyFixed { position: fixed; bottom: 0; - left: 0; + left: 0; width: 100%; - z-index:50; + z-index: 50; background-color: inherit; padding: inherit; } -#footersiteRight, #footersiteLeft, #footersiteCenter, -#footerbodyRight, #footerbodyLeft, #footerbodyCenter { +#footersiteRight, +#footersiteLeft, +#footersiteCenter, +#footerbodyRight, +#footerbodyLeft, +#footerbodyCenter { vertical-align: middle; padding: 0; } -footer #footerbody > div { +footer #footerbody>div { margin: 0 } -footer #footersite > div { - padding:0 + +footer #footersite>div { + padding: 0 } -footer #footerbody > div { - padding:0 + +footer #footerbody>div { + padding: 0 } -#footerText > p { + +#footerText>p { margin-top: 0; margin-bottom: 0; } @@ -710,13 +802,17 @@ footer #footerbody > div { /* Conserve le pied de page sur une ligne */ @media (max-width: 768px) { - body > footer { - margin:0; + body>footer { + margin: 0; } + footer .col4 { - width:100%; + width: 100%; } - #footerCopyright, #footerText, #footerSocials { + + #footerCopyright, + #footerText, + #footerSocials { display: flex; justify-content: center; } @@ -730,45 +826,59 @@ footer #footerSocials span { border-radius: 2px; transition: background .3s ease-out; } + footer #footerSocials .zwiico-facebook { background: #3B5999; } + footer #footerSocials .zwiico-facebook:hover { background: #324B80; } + footer #footerSocials .zwiico-linkedin { background: #007BB6; } + footer #footerSocials .zwiico-linkedin:hover { background: #006881; } + footer #footerSocials .zwiico-instagram { background: #E4405F; } + footer #footerSocials .zwiico-instagram:hover { background: #E02246; } + footer #footerSocials .zwiico-pinterest { background: #BD081C; } + footer #footerSocials .zwiico-pinterest:hover { background: #9C0717; } + footer #footerSocials .zwiico-twitter { background: #55ACEE; } + footer #footerSocials .zwiico-twitter:hover { background: #369DEB; } + footer #footerSocials .zwiico-youtube { background: #CD201F; } + footer #footerSocials .zwiico-youtube:hover { background: #AF1B1B; } + footer #footerSocials .zwiico-github { background: #000; } + footer #footerSocials .zwiico-github:hover { background: #000; } @@ -778,10 +888,12 @@ footer #footerSocials .zwiico-github:hover { margin: 16px; text-align: center; } + .speechMimi { display: block; margin: auto; } + .speechBubble { display: block; padding: 20px; @@ -793,6 +905,7 @@ footer #footerSocials .zwiico-github:hover { border-radius: 2px; transition: background .3s ease-out; } + .speechBubble:before { content: " "; position: absolute; @@ -818,9 +931,11 @@ footer #footerSocials .zwiico-github:hover { border-radius: 50%; transition: background .3s ease-out; } + #backToTop:hover { background: rgba(33, 34, 35, .9); } + #backToTop:active { background: rgba(33, 34, 35, 1); } @@ -839,6 +954,7 @@ footer #footerSocials .zwiico-github:hover { text-align: center; font-size: .9em; } + #cookieConsentConfirm { cursor: pointer; margin-left: 10px; @@ -847,32 +963,36 @@ footer #footerSocials .zwiico-github:hover { display: inline-block; transition: background .3s ease-out; } + #cookieConsentConfirm:hover { background: #777; } /* Bloc */ .block { -/* border: 1px solid #D8DFE3;*/ + /* border: 1px solid #D8DFE3;*/ padding: 20px 20px 10px; margin: 20px 0; word-wrap: break-word; border-radius: 2px; } + .block:first-of-type { margin-top: 0; } + .block:last-of-type { margin-bottom: 0; } + .block h4 { margin: -20px -20px 10px -20px; padding: 10px; -/* background: #ECEFF1;*/ + /* background: #ECEFF1;*/ } .block h4 .openClose { - display: inline-flex ; + display: inline-flex; float: right; } @@ -894,13 +1014,16 @@ footer #footerSocials .zwiico-github:hover { padding: 20px; } -.lightbox > span { + +.lightbox>span { color: black; } + .lightbox .lightboxButtons { text-align: center; margin-top: 30px; } + .lightbox .lightboxButtons .button { width: 100%; max-width: 80px; @@ -918,7 +1041,8 @@ input[type='password'], .inputFile, select, textarea { - padding: 10px; /* -1px à cause des bordures */ + padding: 10px; + /* -1px à cause des bordures */ /*background: #FFF;*/ border: 1px solid #D8DFE3; width: 100%; @@ -926,9 +1050,11 @@ textarea { font-family: inherit; transition: border .3s ease-out; } + select { padding: 7px; } + input[type='email']:hover, input[type='text']:hover, input[type='password']:hover, @@ -937,6 +1063,7 @@ select:hover, textarea:hover { border: 1px solid; } + input[type='email'].notice, input[type='text'].notice, input[type='password'].notice, @@ -946,6 +1073,7 @@ textarea.notice { border: 1px solid #E74C3C; /*background: #FAD7D3;*/ } + input[type='email'].notice:hover, input[type='text'].notice:hover, input[type='password'].notice:hover, @@ -954,6 +1082,7 @@ select.notice:hover, textarea.notice:hover { border: 1px solid #A82315; } + button:disabled, input:disabled, select:disabled, @@ -961,9 +1090,12 @@ textarea:disabled { background: #F6F7F8 !important; color: #94A5B0 !important; } + button:disabled .zwiico-spin { - color: #50616C !important /* Icône de soumission unique */ + color: #50616C !important + /* Icône de soumission unique */ } + button { width: 100%; padding: 11px; @@ -973,20 +1105,24 @@ button { border-radius: 2px; transition: background .3s ease-out; } + textarea { height: 100px; resize: vertical; } + label { display: inline-block; margin-bottom: 4px; } + /* Simule le padding des cols pour les inputs en dehors des cols */ -:not([class^="col"]) > .inputWrapper { +:not([class^="col"])>.inputWrapper { padding: 10px 0; } + /* Supprime le padding d'une row dans un col */ -[class^="col"] > .row { +[class^="col"]>.row { margin: -10px; } @@ -1004,14 +1140,17 @@ label { border-radius: 2px; transition: background .3s ease-out; } + /* Bouton redimensionnable pour le formulaire*/ #formSubmit { width: max-content; float: right; } + .button:hover { text-decoration: none; } + .button.disabled { pointer-events: none; cursor: default; @@ -1025,6 +1164,7 @@ label { display: inline-block; width: 88%; } + .inputFileDelete { display: block; width: 10%; @@ -1032,44 +1172,51 @@ label { background: #F5F5F5; text-align: center; float: right; - min-height: 100%; + min-height: 100%; } + .inputFile:hover { text-decoration: none; } /* Empêche le débordement et les sauts de ligne */ .inputFileManagerWrapper { - display: inline; + display: inline; } -.inputFileManagerWrapper > .inputFile { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + +.inputFileManagerWrapper>.inputFile { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } /* Pagination */ .pagination { padding: 10px 0; } + .pagination a { display: inline-block; padding: 10px; margin: 5px; text-align: center; } + .pagination a:hover { text-decoration: none; } + .pagination a.disabled { pointer-events: none; cursor: default; background: #F6F7F8 !important; color: #94A5B0 !important; } + .pagination a:first-child { margin-left: 0; } + .pagination a:last-child { margin-right: 0; } @@ -1083,15 +1230,18 @@ input[type='checkbox'] { height: 0; width: 0; } -input[type='checkbox'] + label { + +input[type='checkbox']+label { display: inline-block; margin-right: 10px; cursor: pointer; } -input[type='checkbox'] + label span { + +input[type='checkbox']+label span { vertical-align: middle; } -input[type='checkbox'] + label:before { + +input[type='checkbox']+label:before { content: '\2713'; display: inline-block; text-align: center; @@ -1107,14 +1257,17 @@ input[type='checkbox'] + label:before { vertical-align: top; border-radius: 2px; } -input[type='checkbox'].notice + label:before { + +input[type='checkbox'].notice+label:before { background: #E74C3C; } -input[type='checkbox']:hover + label:before, -input[type='checkbox']:checked:active + label:before { + +input[type='checkbox']:hover+label:before, +input[type='checkbox']:checked:active+label:before { background: #ECEFF1; } -input[type='checkbox']:disabled + label:before{ + +input[type='checkbox']:disabled+label:before { background: #F6F7F8 !important; } @@ -1122,8 +1275,10 @@ input[type='checkbox']:disabled + label:before{ .datepicker { cursor: text; } + .pika-select { - padding: 0; /* À cause du padding ajouté aux selects */ + padding: 0; + /* À cause du padding ajouté aux selects */ } /* Paramètres de l'étiquette dans form */ @@ -1131,7 +1286,7 @@ input[type='checkbox']:disabled + label:before{ margin-top: 20px; } -.formLabel hr { +.formLabel hr { border: 1px solid; margin: 5px 0 5px; } @@ -1148,17 +1303,22 @@ input[type='checkbox']:disabled + label:before{ -moz-box-sizing: border-box; box-sizing: border-box; } + .row { margin: 0 -10px; - font-size: 0; /* Hack whitespace */ + font-size: 0; + /* Hack whitespace */ } + /* Supprime les margins du premier et du dernier élément d'un col, utile pour les cols générés depuis l'éditeur de texte. (Ne s'applique pas aux rows pour ne pas supprimer les margins négatifs) */ -.row > div > :first-child:not(.row) { +.row>div> :first-child:not(.row) { margin-top: 0; } -.row > div > :last-child:not(.row) { + +.row>div> :last-child:not(.row) { margin-bottom: 0; } + .col1, .col2, .col3, @@ -1177,73 +1337,96 @@ input[type='checkbox']:disabled + label:before{ min-height: 1px; display: inline-block; } -@media (min-width: 768px) { + +@media (min-width: 769px) { .col1 { width: 8.33333333%; } + .col2 { width: 16.66666667%; } + .col3 { width: 25%; } + .col4 { width: 33.33333333%; } + .col5 { width: 41.66666667%; } + .col6 { width: 50%; } + .col7 { width: 58.33333333%; } + .col8 { width: 66.66666667%; } + .col9 { width: 75%; } + .col10 { width: 83.33333333%; } + .col11 { width: 91.66666667%; } + .col12 { width: 100%; } + .offset1 { margin-left: 8.33333333%; } + .offset2 { margin-left: 16.66666667%; } + .offset3 { margin-left: 25%; } + .offset4 { margin-left: 33.33333333%; } + .offset5 { margin-left: 41.66666667%; } + .offset6 { margin-left: 50%; } + .offset7 { margin-left: 58.33333333%; } + .offset8 { margin-left: 66.66666667%; } + .offset9 { margin-left: 75%; } + .offset10 { margin-left: 83.33333333%; } + .offset11 { margin-left: 91.66666667%; } @@ -1282,50 +1465,62 @@ th.col12 { min-height: 1px; display: table-cell; } + td.col1, th.col1 { width: 8.33333333%; } + td.col2, th.col2 { width: 16.66666667%; } + td.col3, th.col3 { width: 25%; } + td.col4, th.col4 { width: 33.33333333%; } + td.col5, th.col5 { width: 41.66666667%; } + td.col6, th.col6 { width: 50%; } + td.col7, th.col7 { width: 58.33333333%; } + td.col8, th.col8 { width: 66.66666667%; } + td.col9, th.col9 { width: 75%; } + td.col10, th.col10 { width: 83.33333333%; } + td.col11, th.col11 { width: 91.66666667%; } + td.col12, th.col12 { width: 100%; @@ -1339,27 +1534,35 @@ th.col12 { .displayNone { display: none; } + .textAlignCenter { text-align: center; } + .textAlignRight { text-align: right; } + .verticalAlignBottom { vertical-align: bottom; } + .verticalAlignMiddle { vertical-align: middle; } + .clearBoth { clear: both; } + .colorGreen { color: #27AE60; } + .colorRed { color: #E74C3C; } + .colorOrange { color: #F39C12; } @@ -1374,6 +1577,7 @@ th.col12 { padding: 0; list-style: none; } + .accordion-title { display: block; margin: 0; @@ -1382,22 +1586,25 @@ th.col12 { text-decoration: none; cursor: pointer; } + .accordion-title:hover { background: lightgrey; } + .accordion-content { padding: 7px; } /* Captcha */ -.captcha img{ +.captcha img { height: 30px; vertical-align: middle; padding-left: 10px; padding-right: 10px; } -.captcha input[type='text'] { + +.captcha input[type='text'] { width: 4em; text-align: center; margin: auto auto auto 2em; @@ -1411,15 +1618,21 @@ th.col12 { color: #D8890B; font-size: 1.3em !important; } + .zwiico-minus-circled, .zwiico-plus-circled { transition: all 1s ease; - } +} + .zwiico-minus-circled:hover, .zwiico-plus-circled:hover { - -webkit-transform:scale(1.25); /* Safari et Chrome */ - -moz-transform:scale(1.25); /* Firefox */ - -ms-transform:scale(1.25); /* Internet Explorer 9 */ - -o-transform:scale(1.25); /* Opera */ - transform:scale(1.25); - } + -webkit-transform: scale(1.25); + /* Safari et Chrome */ + -moz-transform: scale(1.25); + /* Firefox */ + -ms-transform: scale(1.25); + /* Internet Explorer 9 */ + -o-transform: scale(1.25); + /* Opera */ + transform: scale(1.25); +} \ No newline at end of file diff --git a/index.php b/index.php index 868c6738..66ee4da0 100644 --- a/index.php +++ b/index.php @@ -25,7 +25,7 @@ if(version_compare(PHP_VERSION, '5.6.0', '<')) { *Localisation */ date_default_timezone_set('Europe/Paris'); -setlocale (LC_ALL, 'fr_FR.utf8','fra'); +setlocale(LC_ALL, 'fr','fr_FR','fr_FR.utf8','fr-FR','fra'); /** * Initialisation de Zwii diff --git a/module/blog/blog.php b/module/blog/blog.php index 409123d9..e5ba9b49 100644 --- a/module/blog/blog.php +++ b/module/blog/blog.php @@ -348,7 +348,6 @@ class blog extends common { '' . $this->getData(['module', $this->getUrl(0), $articleIds[$i], 'title']) . '', - // date('d/m/Y H:i', $this->getData(['module', $this->getUrl(0), $articleIds[$i], 'publishedOn'])), strftime('%d %B %Y', $this->getData(['module', $this->getUrl(0), $articleIds[$i], 'publishedOn'])) .' à '. strftime('%H:%M', $this->getData(['module', $this->getUrl(0), $articleIds[$i], 'publishedOn'])), @@ -358,7 +357,6 @@ class blog extends common { 'class' => ($toApprove || $approved ) > 0 ? 'buttonBlue' : 'buttonGrey' , 'href' => ($toApprove || $approved ) > 0 ? helper::baseUrl() . $this->getUrl(0) . '/comment/' . $articleIds[$i] : '', 'value' => $toApprove > 0 ? $toApprove . '/' . $approved : $approved - //'value' => count($this->getData(['module', $this->getUrl(0), $articleIds[$i],'comment'])) ]), template::button('blogConfigEdit' . $articleIds[$i], [ 'href' => helper::baseUrl() . $this->getUrl(0) . '/edit/' . $articleIds[$i] . '/' . $_SESSION['csrf'],