Merge branch 'main' of ssh://git.entrouvert.org/imio-publik-themes into main
This commit is contained in:
commit
b332f67a10
|
|
@ -1,10 +1,17 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@charset "UTF-8";
|
||||
|
||||
/* Custom selection color because that can be done and it's cool */
|
||||
::selection {
|
||||
color: white;
|
||||
background-color: darken($primary-color, 10%);
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
/* darker cell links hover for better contrast/accessibility */
|
||||
div#account-management ul > li > a:hover::after,
|
||||
div.wcsformsofcategorycell ul > li > a:hover::after,
|
||||
div.wcscurrentdraftscell ul > li > a:hover::after,
|
||||
div.wcscurrentformscell ul > li > a:hover::after {
|
||||
background: $secondary-color;
|
||||
}
|
||||
|
||||
/* remove annoying border I can't remove with EO vars at the moment */
|
||||
|
|
@ -12,6 +19,26 @@ div.links-list ul > li:not(:last-child) {
|
|||
border-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
/* logo adjustmts */
|
||||
|
||||
h1#logo a img {
|
||||
max-height: 140px;
|
||||
display: none; // only for demo cause logo is in the upper banner
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
h1#logo a img {
|
||||
max-height: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
h1#logo a {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* center "Code de suivi" title */
|
||||
|
||||
div#tracking-code h3 {
|
||||
|
|
@ -19,186 +46,4 @@ div#tracking-code h3 {
|
|||
color: #333333;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 300;
|
||||
src: url('fonts/Oswald-Light.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 400;
|
||||
src: url('fonts/Oswald-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-style: 500;
|
||||
src: url('fonts/Oswald-Medium.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 700;
|
||||
src: url('fonts/Oswald-Bold.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 600;
|
||||
src: url('fonts/Oswald-SemiBold.ttf');
|
||||
}
|
||||
a#publik-portal-agent {
|
||||
display: none;
|
||||
}
|
||||
div#header{
|
||||
height:auto;
|
||||
padding:1em 0;
|
||||
}
|
||||
|
||||
div#header > div#top {
|
||||
background: none;
|
||||
}
|
||||
h1#logo a{
|
||||
padding:0;
|
||||
font-weight:normal;
|
||||
}
|
||||
#toplinks {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border-width: 0;
|
||||
padding-right: 0.5em;
|
||||
right: 0.5em;
|
||||
}
|
||||
#toplinks span.connected-user {
|
||||
padding-right: 0;
|
||||
}
|
||||
#toplinks a {
|
||||
color: #666;
|
||||
margin-right: 1em;
|
||||
position: relative;
|
||||
}
|
||||
#toplinks a:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
#toplinks a:last-child::after {
|
||||
display: none;
|
||||
}
|
||||
#toplinks a:hover {
|
||||
border-bottom: 1px solid #666;
|
||||
}
|
||||
div#nav {
|
||||
background: #f2f2f2;
|
||||
font-family: "Din";
|
||||
}
|
||||
div#nav ul li.selected a,
|
||||
div#nav ul li:hover a {
|
||||
background: #D8297B;
|
||||
}
|
||||
div.gru-nav > ul > li a {
|
||||
margin-right: 2px;
|
||||
text-transform: uppercase;
|
||||
padding: 0.5em 1em;
|
||||
transition: background 0.5s, color 0.25s;
|
||||
}
|
||||
div#rub_service div.category h3, .gru-content div.a2-block h2,
|
||||
.gru-content div.block h2, div.links-list h2, div#services > ul > li > strong > a,
|
||||
.gru-content div.textcell h2:first-child, .gru-content div.cell h2:first-child,
|
||||
div#tracking-code h3, div#rub_service h2 {
|
||||
color: #111;
|
||||
background: transparent;
|
||||
}
|
||||
.gru-content .cell.textcell {
|
||||
border: 0px solid #ccc;
|
||||
background: #f2f2f2;
|
||||
padding: 1em;
|
||||
}
|
||||
.gru-content div.cell{
|
||||
border:0px solid #ccc;
|
||||
}
|
||||
#content h2 {
|
||||
text-transform: uppercase;
|
||||
color: $cell-title-color;
|
||||
font-family: "Din";
|
||||
font-weight: bold;
|
||||
padding: 0.7rem 1rem 0.7rem 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.gru-content div.cell h2 + div {
|
||||
padding-left: 0;
|
||||
}
|
||||
#content #columns .cell ul > li > a,
|
||||
#content #columns #account-management ul > li > a {
|
||||
background: #f2f2f2;
|
||||
border-bottom: 0px;
|
||||
margin-bottom: 3px;
|
||||
color: #d8297b;
|
||||
border-radius: 3px;
|
||||
z-index:1;
|
||||
transition: color 0.25s ease-in-out;
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#content #columns .cell ul > li > a:hover,
|
||||
#content #columns #account-management ul > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
#content #columns .cell ul > li > a::after,
|
||||
#content #columns #account-management ul > li > a::after {
|
||||
width: 0.5em;
|
||||
opacity: 1;
|
||||
background: $primary-color;
|
||||
}
|
||||
#content #columns .cell ul > li > a:hover::after,
|
||||
#content #columns #account-management ul > li > a:hover::after {
|
||||
z-index: -1;
|
||||
background: #d8297b;
|
||||
border-radius: 3px;
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
}
|
||||
#content #columns .cell ul > li > a .form-number {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
//PWA
|
||||
.pwa-navigation {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.pwa-navigation div > ul li a,
|
||||
.pwa-navigation div#nav ul li a{
|
||||
color: #FFF;
|
||||
height: 75px;
|
||||
padding-top: 48px;
|
||||
background-color: #d8297b;
|
||||
background-size: 48px 36px;
|
||||
font-weight: bold;
|
||||
border-right: 1px solid lighten(#d8297b, 10%);
|
||||
}
|
||||
.pwa-navigation div > ul li:hover a,
|
||||
.pwa-navigation div#nav ul li:hover a {
|
||||
background-color: #d8297b;
|
||||
}
|
||||
.pwa-navigation div > ul li a span, .pwa-navigation div#nav ul li a span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px){
|
||||
div#header h1 {
|
||||
padding-left: 0.5em;
|
||||
margin-top: 0;
|
||||
}
|
||||
#toplinks {
|
||||
top: 6em;
|
||||
}
|
||||
.gru-nav-wrapper {
|
||||
margin-top: 0px;
|
||||
}
|
||||
div.gru-nav .gru-nav-button {
|
||||
background: #D8297B;
|
||||
}
|
||||
div.gru-nav > ul > li a {
|
||||
padding: 0.25em 1em;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
div#nav {
|
||||
background: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,204 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
|
||||
/* Custom selection color because that can be done and it's cool */
|
||||
::selection {
|
||||
color: white;
|
||||
background-color: darken($primary-color, 10%);
|
||||
}
|
||||
|
||||
/* remove annoying border I can't remove with EO vars at the moment */
|
||||
div.links-list ul > li:not(:last-child) {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* center "Code de suivi" title */
|
||||
|
||||
div#tracking-code h3 {
|
||||
padding: 0;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 300;
|
||||
src: url('fonts/Oswald-Light.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 400;
|
||||
src: url('fonts/Oswald-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-style: 500;
|
||||
src: url('fonts/Oswald-Medium.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 700;
|
||||
src: url('fonts/Oswald-Bold.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
font-weight: 600;
|
||||
src: url('fonts/Oswald-SemiBold.ttf');
|
||||
}
|
||||
a#publik-portal-agent {
|
||||
display: none;
|
||||
}
|
||||
div#header{
|
||||
height:auto;
|
||||
padding:1em 0;
|
||||
}
|
||||
|
||||
div#header > div#top {
|
||||
background: none;
|
||||
}
|
||||
h1#logo a{
|
||||
padding:0;
|
||||
font-weight:normal;
|
||||
}
|
||||
#toplinks {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border-width: 0;
|
||||
padding-right: 0.5em;
|
||||
right: 0.5em;
|
||||
}
|
||||
#toplinks span.connected-user {
|
||||
padding-right: 0;
|
||||
}
|
||||
#toplinks a {
|
||||
color: #666;
|
||||
margin-right: 1em;
|
||||
position: relative;
|
||||
}
|
||||
#toplinks a:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
#toplinks a:last-child::after {
|
||||
display: none;
|
||||
}
|
||||
#toplinks a:hover {
|
||||
border-bottom: 1px solid #666;
|
||||
}
|
||||
div#nav {
|
||||
background: #f2f2f2;
|
||||
font-family: "Din";
|
||||
}
|
||||
div#nav ul li.selected a,
|
||||
div#nav ul li:hover a {
|
||||
background: #D8297B;
|
||||
}
|
||||
div.gru-nav > ul > li a {
|
||||
margin-right: 2px;
|
||||
text-transform: uppercase;
|
||||
padding: 0.5em 1em;
|
||||
transition: background 0.5s, color 0.25s;
|
||||
}
|
||||
div#rub_service div.category h3, .gru-content div.a2-block h2,
|
||||
.gru-content div.block h2, div.links-list h2, div#services > ul > li > strong > a,
|
||||
.gru-content div.textcell h2:first-child, .gru-content div.cell h2:first-child,
|
||||
div#tracking-code h3, div#rub_service h2 {
|
||||
color: #111;
|
||||
background: transparent;
|
||||
}
|
||||
.gru-content .cell.textcell {
|
||||
border: 0px solid #ccc;
|
||||
background: #f2f2f2;
|
||||
padding: 1em;
|
||||
}
|
||||
.gru-content div.cell{
|
||||
border:0px solid #ccc;
|
||||
}
|
||||
#content h2 {
|
||||
text-transform: uppercase;
|
||||
color: $cell-title-color;
|
||||
font-family: "Din";
|
||||
font-weight: bold;
|
||||
padding: 0.7rem 1rem 0.7rem 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.gru-content div.cell h2 + div {
|
||||
padding-left: 0;
|
||||
}
|
||||
#content #columns .cell ul > li > a,
|
||||
#content #columns #account-management ul > li > a {
|
||||
background: #f2f2f2;
|
||||
border-bottom: 0px;
|
||||
margin-bottom: 3px;
|
||||
color: #d8297b;
|
||||
border-radius: 3px;
|
||||
z-index:1;
|
||||
transition: color 0.25s ease-in-out;
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#content #columns .cell ul > li > a:hover,
|
||||
#content #columns #account-management ul > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
#content #columns .cell ul > li > a::after,
|
||||
#content #columns #account-management ul > li > a::after {
|
||||
width: 0.5em;
|
||||
opacity: 1;
|
||||
background: $primary-color;
|
||||
}
|
||||
#content #columns .cell ul > li > a:hover::after,
|
||||
#content #columns #account-management ul > li > a:hover::after {
|
||||
z-index: -1;
|
||||
background: #d8297b;
|
||||
border-radius: 3px;
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
}
|
||||
#content #columns .cell ul > li > a .form-number {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
//PWA
|
||||
.pwa-navigation {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.pwa-navigation div > ul li a,
|
||||
.pwa-navigation div#nav ul li a{
|
||||
color: #FFF;
|
||||
height: 75px;
|
||||
padding-top: 48px;
|
||||
background-color: #d8297b;
|
||||
background-size: 48px 36px;
|
||||
font-weight: bold;
|
||||
border-right: 1px solid lighten(#d8297b, 10%);
|
||||
}
|
||||
.pwa-navigation div > ul li:hover a,
|
||||
.pwa-navigation div#nav ul li:hover a {
|
||||
background-color: #d8297b;
|
||||
}
|
||||
.pwa-navigation div > ul li a span, .pwa-navigation div#nav ul li a span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px){
|
||||
div#header h1 {
|
||||
padding-left: 0.5em;
|
||||
margin-top: 0;
|
||||
}
|
||||
#toplinks {
|
||||
top: 6em;
|
||||
}
|
||||
.gru-nav-wrapper {
|
||||
margin-top: 0px;
|
||||
}
|
||||
div.gru-nav .gru-nav-button {
|
||||
background: #D8297B;
|
||||
}
|
||||
div.gru-nav > ul > li a {
|
||||
padding: 0.25em 1em;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
div#nav {
|
||||
background: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
// Steps
|
||||
$form-sidebar-position: top; // possible values are: left, right, top
|
||||
$steps-background: transparent;
|
||||
$wcs-steps-spacing: 0.30rem !default; // half of default 0.7rem used in publik
|
||||
$wcs-step-color: white !default; // color for default marker & label
|
||||
$wcs-step-current-color: white !default;
|
||||
$wcs-step-background: darken($secondary-color, 12%) !default;
|
||||
$wcs-step-current-background: $secondary-color !default;
|
||||
$wcs-step-border-bottom: 1px solid $wcs-step-color !default;
|
||||
$wcs-step-current-border-bottom: none;
|
||||
@if ($wcs-step-border-bottom == none) {
|
||||
$wcs-step-current-border-bottom: none;
|
||||
}
|
||||
// Step option
|
||||
$wsc-step-before-piled: false !default;
|
||||
|
||||
// marker
|
||||
$wcs-step-marker-color: $wcs-step-color !default;
|
||||
$wcs-step-current-marker-color: $wcs-step-current-color !default;
|
||||
$wcs-step-marker-background: $wcs-step-background !default;
|
||||
$wcs-step-current-marker-background: $wcs-step-current-background !default;
|
||||
// marker options
|
||||
$wcs-step-marker-size: 2.1em !default;
|
||||
$wcs-step-current-marker-enlarge: 1.2 !default;
|
||||
$wcs-step-marker-type: square; // square || tied || disc || disc tied
|
||||
$wcs-step-marker-tie-color: #F2F2F2 !default;
|
||||
$wcs-step-marker-tie-width: 5px !default;
|
||||
$wcs-step-marker-background-type: gradient; // solid || gradien
|
||||
|
||||
// Label
|
||||
$wcs-step-current-label-color: $primary-color !default;
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
/*STYLE*/
|
||||
$primary-color: #6e123d;
|
||||
$secondary-color: #52112f;
|
||||
$width: 1200px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 16px !default;
|
||||
$button-color: white;
|
||||
$cell-entry-hover-effect: left-to-right;
|
||||
$theme2019: true;
|
||||
$link-color: $primary-color;
|
||||
$font-family: "Din";
|
||||
$border-radius: 3px;
|
||||
|
||||
/*BASKET*/
|
||||
|
||||
|
||||
/*CELL*/
|
||||
$cell-border: 0px;
|
||||
$cell-entry-hover-background: $secondary-color;
|
||||
$cell-title-color: #333333;
|
||||
|
||||
/*FORM-BUTTON*/
|
||||
$button-hover-background-color: $secondary-color;
|
||||
$button-background: $primary-color;
|
||||
|
||||
/*FOOTER*/
|
||||
$footer-background-color: hsl( 0, 0%, 19%);
|
||||
$footer-text-color: hsl(0, 0, 84%);
|
||||
$footer-hover-text-color: hsl(0, 0, 100%);
|
||||
|
||||
|
||||
/*HEADER*/
|
||||
$header-banner: none;
|
||||
$header-banner-image: true;
|
||||
$header-banner-height: auto;
|
||||
$header-logo: None;
|
||||
$header-logo-margin: 1.7em 0 0 0.55em !default;
|
||||
$header-logo-padding: 0;
|
||||
$toplinks-border: 0;
|
||||
$toplinks-radius: 0;
|
||||
$toplinks-shadow: none;
|
||||
|
||||
/*LOGIN*/
|
||||
|
||||
|
||||
/*MENU*/
|
||||
$nav-background: #F2F2F2;
|
||||
$nav-color: #333;
|
||||
$nav-active-color: $primary-color;
|
||||
$nav-item-selected-color: #FFF;
|
||||
$nav-text-uppercase: uppercase;
|
||||
|
||||
/*MENU RESPONSIVE*/
|
||||
$nav-button-color: #FFF;
|
||||
$nav-menu-color: $primary-color;
|
||||
|
||||
/*PWA*/
|
||||
$nav-mobile-bottom-bar-height: 75px;
|
||||
$nav-mobile-bottom-bar-background: $primary-color;
|
||||
$nav-mobile-bottom-bar-color: #FFF;
|
||||
$nav-mobile-bottom-bar-item-hover-background: $primary-color;
|
||||
|
||||
/*RESPONSIVE*/
|
||||
|
||||
|
||||
/*SHARE*/
|
||||
$hidden-description: false;
|
||||
|
||||
/*TITLE*/
|
||||
$title-color: #525252;
|
||||
$title-padding: 1em 0em 1em 0.8em;
|
||||
$title-weight: 600;
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 107 B After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 370 B After Width: | Height: | Size: 370 B |
|
|
@ -1,52 +1,21 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
$primary-color: #D8297B;
|
||||
$secondary-color: #666;
|
||||
$title-color: $secondary-color;
|
||||
@import 'vars';
|
||||
|
||||
$width: 950px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 16px !default;
|
||||
$font-family: "Din", sans-serif !default;
|
||||
$nav-background: #CCCCCC;
|
||||
$nav-color: $secondary-color;
|
||||
$nav-active-color: transparent;
|
||||
$nav-item-selected-color: white;
|
||||
$border-radius: 3px;
|
||||
$button-background: $primary-color;
|
||||
$button-color: white;
|
||||
$title-background: $nav-item-selected-color;
|
||||
$title-color: white;
|
||||
$cell-entry-hover-effect: left-to-right;
|
||||
$href-color: $title-background;
|
||||
$highlight-text-color: $primary-color;
|
||||
$header-logo-margin: 1.7em 0 0 0.5em !default;
|
||||
|
||||
/*CELLS*/
|
||||
$cell-border: none;
|
||||
$cell-title-color: $secondary-color;
|
||||
$cell-title-bg-color: transparent;
|
||||
|
||||
/*IMIO SHARE : Affichage du message de connexion au portail agent*/
|
||||
$a_portal_agent_background: None;
|
||||
$a_portal_agent_color: black;
|
||||
$a_portal_agent_top: 30px;
|
||||
$a_portal_agent_right: 6%;
|
||||
$a_portal_agent_border: None;
|
||||
/*end IMIO SHARE*/
|
||||
|
||||
@import '../imio/steps-config';
|
||||
@import 'steps-config';
|
||||
|
||||
@import '../../publik-base-theme/static/includes/publik';
|
||||
@import '../../publik-base-theme/static/includes/fonts/din';
|
||||
|
||||
@import '../imio/form-buttons';
|
||||
@import '../imio/calendar';
|
||||
@import '../imio/header';
|
||||
@import '../imio/menu';
|
||||
@import '../imio/login';
|
||||
@import '../imio/basket';
|
||||
@import '../imio/basketv2';
|
||||
@import '../imio/footer';
|
||||
@import '../imio/extra';
|
||||
@import '../imio/share';
|
||||
@import '../imio/cells';
|
||||
@import '../imio/responsive';
|
||||
|
||||
@import 'custom';
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ $footer-hover-text-color: hsl(0, 0, 100%);
|
|||
|
||||
/*HEADER*/
|
||||
$header-banner: none;
|
||||
$header-banner-image: false;
|
||||
$header-banner-image: true;
|
||||
$header-banner-height: auto;
|
||||
$header-logo: None;
|
||||
$header-logo-margin: 1.7em 0 0 0.55em !default;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 107 B After Width: | Height: | Size: 91 KiB |
|
|
@ -48,4 +48,3 @@ a#publik-portal-agent {
|
|||
div.widget div.title {
|
||||
margin-bottom: 0.7em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
{% load i18n %}
|
||||
<div class="wcs-tracking-code-input">
|
||||
<h2>Suivez chaque démarche à la trace</h2>
|
||||
<div>
|
||||
<form data-wcs-url="{{ url }}" method="post" action="{{ site_base }}{% url 'wcs-tracking-code' %}">
|
||||
<p>
|
||||
Un code suivi accompagne chaque démarche. Il est communiqué au citoyen et vos agents
|
||||
peuvent ainsi facilement retrouver la demande citoyenne et les informations qui l'accompagne.
|
||||
</p>
|
||||
<input id="_cell_url_{{ cell.id }}" name="url" value="" type="hidden"/>
|
||||
<input name="cell" value="{{ cell.id }}" type="hidden"/>
|
||||
<div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
|
||||
{% trans "The tracking code could not been found." %}
|
||||
</div>
|
||||
<input aria-label="{% trans "Tracking Code" %}" required id="tracking-code" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/>
|
||||
<button aria-label="{% trans 'Submit' %}">{% block submit-content %}{% trans 'Submit' %}{% endblock %}</button>
|
||||
<script>
|
||||
$(function() {
|
||||
$('#_cell_url_{{ cell.id }}').val(window.location);
|
||||
if (window.location.search.indexOf('unknown-tracking-code') != -1) {
|
||||
$('#_cell_error_{{ cell.id }}').show();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{% extends "theme.html" %}
|
||||
|
||||
{% block header-bottom %}
|
||||
<img src="{{ portal_url }}static/{{ commune_slug }}/images/banner.png" alt="illustration e-guichet (guichet citoyen et démarches en ligne) de la commune de {{ commune_name }}"/>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue