Merge pull request #7859 from colinux/css-remove-reset

CSS: remove reset, generic & obsolete rules
This commit is contained in:
Colin Darie 2022-10-11 10:02:51 +02:00 committed by GitHub
commit 968c781fa3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
98 changed files with 429 additions and 1045 deletions

View file

@ -0,0 +1,28 @@
@import "placeholders";
turbo-events {
display: none;
}
.page-wrapper {
position: relative;
min-height: 100%;
}
// Mobile Safari doesn't bubble mouse events by default, unless:
//
// - the target element of the event is a link or a form field.
// - the target element, or any of its ancestors up to but not including the <body>, has an explicit event handler set for any of the mouse events. This event handler may be an empty function.
// - the target element, or any of its ancestors up to and including the document has a cursor: pointer CSS declarations.
//
// (See https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
//
// This is a problem for us, because we bind a lot of click events as
// `document.on('click', '.my-element', )` which requires proper bubbling.
.ios .page-wrapper {
cursor: pointer;
}
.container {
@extend %container;
}

View file

@ -1,3 +1,5 @@
@import "constants";
@mixin horizontal-padding($value) {
padding-left: $value;
padding-right: $value;
@ -20,3 +22,4 @@
background-image: image-url($image-url);
}
}

View file

@ -1,4 +1,5 @@
@import "colors";
@import "mixins";
@import "constants";
%horizontal-list {
@ -25,3 +26,10 @@
outline: 3px solid $blue-france-500;
}
}
%container { // TODO: switch to new design with preview in two view not in two column https://github.com/betagouv/demarches-simplifiees.fr/issues/7882
@include horizontal-padding($default-padding);
max-width: $page-width + 2 * $default-padding;
margin-left: auto;
margin-right: auto;
}

View file

@ -1,12 +0,0 @@
@import "colors";
%new-type {
font-family: "Marianne", system-ui, -apple-system, sans-serif;
color: $black;
}
ol {
line-height: 28px;
list-style-type: decimal;
list-style-position: inside;
}

View file

@ -11,7 +11,7 @@
.admin-procedures-list-row.infos {
align-items: flex-start;
a {
color: $blue-france-500;
a:not(:hover) {
background-image: none; // remove DSFR underline
}
}

View file

@ -1,6 +1 @@
// = require ./reset
// = require ./custom_reset
// = require ./common
// = require ./utils
// = require ./fonts
// = require_tree .

View file

@ -12,4 +12,8 @@ table.archive-table {
td {
padding: 3 * $default-spacer $default-spacer;
}
a.button {
background-image: none; // remove DSFR underline
}
}

View file

@ -11,6 +11,14 @@
.button {
text-transform: lowercase;
background-image: none; // remove DSFR underline, TODO: switch to DSFR download links https://github.com/betagouv/demarches-simplifiees.fr/issues/7883
}
}
.attachment-link {
a:not(:hover) {
background-image: none; // remove DSFR underline
}
}

View file

@ -1,5 +1,4 @@
@import "colors";
@import "common";
@import "constants";
.give-avis {
@ -75,18 +74,6 @@
}
.list-avis {
.count {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
border: 1px solid $grey;
text-align: center;
font-size: 12px;
font-weight: normal;
margin-left: 8px;
}
.one-avis {
border-top: 1px solid $grey;
padding: $default-padding 0;
@ -128,12 +115,6 @@
}
}
.date,
.waiting {
font-size: 12px;
color: $dark-grey;
}
.date {
float: right;
}

View file

@ -1,6 +1,3 @@
@import "typography";
@import "colors";
.avis-sign-up {
.left {
p {

View file

@ -183,6 +183,11 @@
top: 5 * $default-spacer;
cursor: default;
z-index: 10;
list-style: none;
a {
background-image: none; // remove DSFR underline
}
&.left-aligned {
left: 0;
@ -256,6 +261,7 @@
a {
color: $dark-grey;
background-image: none; // remove DSFR underline
}
// Make child links fill the whole clickable area
@ -311,6 +317,10 @@
[disabled] {
display: none;
}
ul {
list-style: none;
}
}
.link {

View file

@ -2,7 +2,6 @@
@import "constants";
.card-admin {
color: $black;
padding-top: 10px;
padding-bottom: 10px;
width: 236px;
@ -45,6 +44,10 @@
margin: auto auto 0 auto;
}
p {
margin-bottom: 0;
}
&:hover {
color: $blue-france-500;

View file

@ -1,86 +0,0 @@
@import "colors";
@import "constants";
@import "mixins";
@import "placeholders";
@import "typography";
body,
input,
textarea,
select {
@extend %new-type;
font-size: 16px;
line-height: 1.42857143;
}
dt {
margin-bottom: 0.5em;
}
.page-wrapper {
position: relative;
min-height: 100%;
}
// Mobile Safari doesn't bubble mouse events by default, unless:
//
// - the target element of the event is a link or a form field.
// - the target element, or any of its ancestors up to but not including the <body>, has an explicit event handler set for any of the mouse events. This event handler may be an empty function.
// - the target element, or any of its ancestors up to and including the document has a cursor: pointer CSS declarations.
//
// (See https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
//
// This is a problem for us, because we bind a lot of click events as
// `document.on('click', '.my-element', )` which requires proper bubbling.
.ios .page-wrapper {
cursor: pointer;
}
h1 {
font-size: 36px;
font-weight: bold;
}
strong {
font-weight: bold;
}
a[target="_blank"]::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;
}
a {
color: $blue-france-500;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
sup {
vertical-align: super;
font-size: 0.83em;
}
small {
font-size: small;
}
.container {
@include horizontal-padding($default-padding);
max-width: $page-width + 2 * $default-padding;
margin-left: auto;
margin-right: auto;
}
.small-container {
@include horizontal-padding($default-padding);
max-width: $small-page-width + 2 * $default-padding;
margin-left: auto;
margin-right: auto;
}

View file

@ -1,28 +0,0 @@
@import "colors";
@import "placeholders";
html,
body {
height: 100%;
background-color: $white;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
a {
@extend %outline;
text-decoration: none;
}
turbo-events {
display: none;
}

View file

@ -1,5 +1,4 @@
@import "colors";
@import "common";
@import "constants";
#dossier-annotations-privees {

View file

@ -17,6 +17,10 @@
color: #000000;
}
a {
background-image: none; // remove DSFR underline
}
.caret-icon {
vertical-align: top;
margin-top: 9px;
@ -81,6 +85,10 @@
.follow-col {
width: 200px;
.fr-btn {
margin-bottom: 0;
}
}
}

View file

@ -1,23 +1,13 @@
@import "colors";
// Hacky override default text underline of DSFR because we don't want to underline links in our legacy UI.
// We don't match links having a dsfr class (prefixed by fr-).
// However DSFR components may contain links without fr- class on them,
// so these links can be artificially matched by adding any fr-class on them, (like fr-underlined)
body [href]:not([class^="fr-"]) {
background-image: none;
}
// override default transparent background on inputs
// override default transparent background on inputs & font-size to 16px by default
input,
textarea,
select {
background: $white;
font-size: 1em;
}
#footer a {
color: #333333;
}
// with Marianne font, weight of font is less bolder, so bold it up
.button.primary {
font-weight: bold;
@ -40,3 +30,9 @@ input[type="radio"] {
textarea {
cursor: auto;
}
fieldset {
border: none;
padding-left: 0;
padding-bottom: 0;
}

View file

@ -1,14 +0,0 @@
@font-face {
font-family: "Marianne";
src: asset-url("Marianne-Regular.woff2") format("woff2"),
asset-url("Marianne-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Spectrale";
src: asset-url("Spectral-Regular.ttf") format("ttf");
font-weight: bold;
font-style: normal;
}

View file

@ -3,10 +3,6 @@
@import "mixins";
@import "placeholders";
.landing {
background-color: #FFFFFF;
}
.landing-panel {
@include vertical-padding(60px);
}
@ -32,13 +28,11 @@ $landing-breakpoint: 1040px;
}
.hero-tagline {
font-size: 40px;
margin-bottom: 0px;
}
.hero-tagline-em {
color: $blue-france-500;
font-size: 40px;
font-style: normal;
font-weight: bold;
}
@ -55,24 +49,10 @@ $landing-breakpoint: 1040px;
}
}
.landing-panel-title {
width: 100%;
font-size: 30px;
font-weight: normal;
text-align: center;
margin-bottom: 40px;
margin-top: 0;
color: $g700;
}
.features-panel {
background-color: $blue-france-500;
}
.features-panel-title {
color: #FFFFFF;
}
.features {
@extend %horizontal-list;
width: 100%;
@ -186,15 +166,17 @@ $landing-breakpoint: 1040px;
}
.number-value {
color: $blue-france-500;
font-weight: bold;
font-size: 36px;
color: var(--text-action-high-blue-france);
font-size: 2rem;
line-height: 2rem;
font-weight: 600;
}
.number-label {
font-weight: bold;
font-size: 20px;
color: $g700;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--text-label-grey);
}
$users-breakpoint: 950px;
@ -238,17 +220,6 @@ $users-breakpoint: 950px;
height: 180px;
}
.cta-role-title {
font-size: 30px;
font-weight: bold;
margin-top: 13px;
}
.cta-role-explanation {
font-size: 30px;
margin-bottom: 10px;
}
.cta-panel {
background-color: $blue-france-500;
color: #FFFFFF;
@ -258,8 +229,7 @@ $users-breakpoint: 950px;
}
}
.role-panel-wrapper,
.cta-panel-wrapper {
.role-panel-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
@ -315,24 +285,6 @@ $users-breakpoint: 950px;
}
}
.half .cta-panel-title,
.half .cta-panel-explanation {
text-align: center;
}
.role-panel-title {
font-size: 30px;
font-weight: bold;
line-height: 36px;
margin-bottom: 15px;
color: $g700;
}
.role-panel-explanation {
font-size: 24px;
margin-bottom: 10px;
}
.role-administrations-image {
text-align: right;
@ -392,84 +344,3 @@ $cta-panel-button-border-size: 2px;
outline: 3px solid #FFFFFF;
}
}
.cta-panel-button-blue {
@include cta-panel-button;
border: $cta-panel-button-border-size solid $blue-france-700;
color: $blue-france-700;
&:hover {
color: #FFFFFF;
background-color: $blue-france-500;
text-decoration: none;
&:focus {
color: #FFFFFF;
}
}
&:focus {
color: $blue-france-500;
text-decoration: none;
}
}
@mixin role-button {
@include horizontal-padding(30px);
display: inline-block;
border-radius: 100px;
font-size: 20px;
text-align: center;
cursor: pointer;
margin-top: 20px;
line-height: 50px;
}
.role-panel-button-primary {
@include role-button;
background-color: $blue-france-700;
color: #FFFFFF;
&:hover {
color: #FFFFFF;
text-decoration: none;
background-color: $blue-france-500;
}
&:focus {
color: #FFFFFF;
text-decoration: none;
}
}
.role-panel-button-secondary {
@include role-button;
border: $cta-panel-button-border-size solid $blue-france-700;
line-height: 50px - 2 * $cta-panel-button-border-size;
color: $blue-france-700;
margin-left: 10px;
@media (max-width: $users-breakpoint) {
margin-left: 0px;
}
&:hover {
color: $blue-france-500;
border: $cta-panel-button-border-size solid $blue-france-500;
text-decoration: none;
}
&:focus {
color: $light-blue;
text-decoration: none;
}
}
.half {
width: 45%;
float: left;
}
.first-half {
margin-right: 10%;
}

View file

@ -1,6 +1,6 @@
@import "colors";
@import "common";
@import "constants";
@import "placeholders";
.two-columns {
background-color: $white;
@ -9,8 +9,8 @@
background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, $light-grey 50%, $light-grey 100%);
}
.columns-container {
@extend .container;
.columns-container { // TODO: https://github.com/betagouv/demarches-simplifiees.fr/issues/7882, once implemented, we won't need container anymore
@extend %container;
display: flex;
flex-direction: column;
justify-content: center;

View file

@ -1,5 +1,3 @@
@import "colors";
@import "common";
@import "constants";
.merci .monavis {

View file

@ -25,12 +25,6 @@
font-weight: bold;
}
.guest,
.date {
font-size: 12px;
color: $dark-grey;
}
.date {
float: right;
}

View file

@ -1,7 +1,4 @@
@import "colors";
@import "constants";
@import "mixins";
@import "placeholders";
.landing-footer {
@include vertical-padding(72px);
@ -12,50 +9,6 @@
line-height: 24px;
}
.footer-columns {
@extend %horizontal-list;
justify-content: flex-start;
margin: 0 -15px;
}
.footer-column {
@extend %horizontal-list-item;
font-size: 14px;
vertical-align: top;
flex: 0 0 33.333333%;
min-width: 280px;
margin-bottom: 30px;
@media (max-width: 550px) {
width: 100%;
}
}
.footer-logos,
.footer-links {
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-header {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.footer-link {
margin-bottom: 14px;
&:last-of-type {
margin-bottom: 0;
}
}
.footer-text {
margin-bottom: 14px;
}
.footer-logo:hover {
opacity: 0.8;
}
@ -67,56 +20,3 @@
height: 25px;
margin-top: 14px;
}
.footer-logo-france {
@include ie-compatible-background-image("republique-francaise-logo.svg");
width: 105px;
height: 90px;
}
.footer-link a,
.footer-text a {
color: $black;
text-decoration: none;
&:hover,
&:focus {
color: $blue-france-700;
text-decoration: none;
}
}
.footer-bottom-line {
text-align: center;
font-size: small;
@media (max-width: 550px) {
text-align: left;
}
}
.footer-row {
margin-bottom: 30px;
// In this case, the bottom margin is defined directly on each individual column
&.footer-columns {
margin-bottom: 0;
}
}
.footer-site-links {
li {
display: inline;
&::before {
content: "-";
margin: $default-spacer;
}
&:first-child::before {
content: none;
}
}
}

View file

@ -1,17 +1,3 @@
@import "colors";
@import "common";
@import "constants";
@import "mixins";
@import "utils";
$header-landing-breakpoint: 1040px;
$header-mobile-breakpoint: 550px;
// FIXME: Rename when the header is generalized
.new-header {
background-color: #FFFFFF;
}
// No drop shadow when a notice is shown.
.fr-header.fr-header__with-notice-info {
&,
@ -19,233 +5,3 @@ $header-mobile-breakpoint: 550px;
filter: none;
}
}
.header-inner-content {
@extend .container;
display: flex;
justify-content: space-between;
min-height: 72px;
}
.header-logo {
display: flex;
flex-wrap: wrap;
align-items: center;
color: $blue-france-500;
img {
margin-right: 10px;
}
.site-title {
font-size: 24px;
font-weight: bold;
&.small {
@media (min-width: $header-mobile-breakpoint) {
display: none;
}
}
&.big {
@media (max-width: $header-mobile-breakpoint) {
display: none;
}
}
}
}
.header-tabs {
li {
@include horizontal-padding($default-padding);
display: inline-block;
}
.tab-link {
display: inline-block;
height: 72px;
line-height: 72px;
font-size: 18px;
color: $black;
&.active,
&:hover {
color: $blue-france-500;
border-bottom: 2px solid $blue-france-500;
&.contact-link {
position: relative;
border-bottom: none;
.contact-details {
display: block;
}
}
}
}
}
.contact-details {
display: none;
position: absolute;
left: -165px;
background: #FFFFFF;
border: 2px solid $blue-france-500;
border-radius: 5px;
padding: 15px;
width: 400px;
color: $black;
z-index: 100;
font-size: initial;
line-height: 1.6;
&::after,
&::before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
&::after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFFFFF;
border-width: 15px;
margin-left: -15px;
}
&::before {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: $blue-france-500;
border-width: 18px;
margin-left: -18px;
}
ul {
list-style-type: disc;
}
}
.header-right-content {
display: flex;
align-items: center;
> li {
@include horizontal-padding(8px);
&:last-child {
padding-right: 0;
}
}
}
.header-search {
position: relative;
.form input[type=text] {
padding: 9px;
padding-right: 42px;
float: right;
max-width: 300px;
min-width: 90px;
margin: 0;
}
label.hidden {
@extend .hidden;
}
button {
@extend %outline;
padding: 9px;
border: none;
background: none;
cursor: pointer;
position: absolute;
right: 0;
&:hover {
opacity: 0.8;
}
}
}
.header-menu-opener {
position: relative;
img {
cursor: pointer;
&:hover {
opacity: 0.8;
}
}
}
.header-menu-button {
border: none;
padding: 0;
line-height: 14px;
vertical-align: middle;
&:hover {
background: none;
}
}
.header-menu {
display: none;
position: absolute;
right: 0;
top: 34px;
font-size: 14px;
background: #FFFFFF;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
border: 1px solid $border-grey;
min-width: 270px;
max-width: 340px;
z-index: 20;
&.open {
display: block;
}
li {
border-bottom: 1px solid $border-grey;
&:last-child {
border-bottom: none;
}
.menu-item {
align-items: center;
padding: 14px;
color: $dark-grey;
overflow: hidden;
text-overflow: ellipsis;
img {
margin-right: 14px;
}
}
.menu-link {
display: flex;
color: $black;
&.active {
font-weight: bold;
}
&:hover {
background: $light-grey;
}
}
}
}

View file

@ -1,5 +1,4 @@
@import "colors";
@import "fonts";
@media print {
.new-header,

View file

@ -1,7 +1,10 @@
.procedure-grid {
display: flex;
flex-wrap: wrap;
> a { // TODO, re-use DSFR https://github.com/betagouv/demarches-simplifiees.fr/issues/7884
background-image: none; // remove DSFR underline
}
}
.procedure-admin-container {
@ -12,6 +15,10 @@
.button {
margin-right: 10px;
}
a {
background-image: none; // remove DSFR underline
}
}
.procedure-admin-listing-container {

View file

@ -158,9 +158,6 @@
font-size: 14px;
a {
text-decoration: underline;
text-decoration-style: dotted;
// Remove the icon indicating an external link (for less visual noise)
&[target="_blank"]::after {
display: none;

View file

@ -4,25 +4,11 @@
.procedure-list {
.procedure-item {
border-bottom: 1px solid $border-grey;
&:last-child {
border-bottom: none;
background-color: rgba(0, 0, 0, 0.02);
}
a {
@include vertical-padding(24px);
color: $black;
width: 100%;
&:hover {
background-color: $light-grey;
.procedure-title {
text-decoration: underline;
}
}
}
.procedure-logo-link {
background-image: none;
}
.procedure-logo {
@ -34,30 +20,29 @@
background-position: 95% 50%;
}
.procedure-title {
min-height: 40px;
font-size: 20px;
margin-bottom: 16px;
}
.procedure-status {
margin-left: auto;
}
.procedure-stats {
list-style-type: none;
padding-inline-start: 0;
li {
min-height: 36px;
border-left: 1px solid $border-grey;
width: 90px;
position: relative;
border-left: 1px solid $border-grey;
&:first-child {
border-left: none;
}
&:hover {
background-color: rgba(0, 0, 0, 0.05);
}
&:last-child {
border-right: 1px solid $border-grey;
}
.stats-number,
.stats-legend {

View file

@ -1,5 +1,4 @@
@import "colors";
@import "common";
@import "constants";
.procedure-header {

View file

@ -1,48 +0,0 @@
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
}

View file

@ -10,4 +10,13 @@
.container {
margin-bottom: -1px;
}
.breadcrumbs {
list-style: none;
padding-inline-start: 0;
a:not(:hover) {
background-image: none; // remove DSFR underline
}
}
}

View file

@ -2,6 +2,10 @@
@import "mixins";
.tabs {
ul {
margin-bottom: 0;
}
li {
display: inline-block;
line-height: 36px;
@ -16,6 +20,7 @@
padding-left: 20px;
padding-right: 20px;
color: $black;
background-image: none;
}
&.active {

View file

@ -2,10 +2,12 @@
- if template&.attached?
%p.mb-1
Veuillez télécharger, remplir et joindre
= link_to('le modèle suivant', url_for(template), target: '_blank', rel: 'noopener')
= link_to(url_for(template), download: "", class: "fr-link fr-link--icon-right fr-icon-download-line") do
le modèle suivant
- if helpers.administrateur_signed_in?
%em.fr-text-mention--grey.fr-text--xs.visible-on-previous-hover
%span.ml-2.fr-text--xs.fr-text-mention--grey.visible-on-previous-hover
%span.fr-text-action-high--blue-france.fr-icon-questionnaire-line{ "aria-hidden": "true" }
= t('shared.ephemeral_link')
- if persisted?

View file

@ -1,12 +1,12 @@
= image_tag(icon_path, class: 'person-icon', alt: '')
.width-100
%h2
%h2.fr-h6
%span.mail
= commentaire_issuer
- if commentaire_from_guest?
%span.guest= t('.guest')
%span.date{ class: highlight_if_unseen_class, data: scroll_to_target }
%span.fr-text--xs.fr-text-mention--grey.font-weight-normal= t('.guest')
%span.date{ class: ["fr-text--xs", "fr-text-mention--grey", "font-weight-normal", highlight_if_unseen_class], data: scroll_to_target }
= commentaire_date
.rich-text= commentaire_body

View file

@ -7,6 +7,6 @@
= text_field_tag :query, params[:query], required: true, placeholder: 'politique de la ville', minlength: "3"
= submit_tag 'Rechercher', class: 'button primary'
= submit_tag 'Rechercher', class: 'fr-btn'
= render Procedure::ResultsComponent.new(grouped_procedures: @grouped_procedures)

View file

@ -128,4 +128,8 @@ module ApplicationHelper
def external_link_attributes
{ target: "_blank", rel: "noopener noreferrer" }
end
def download_details(attachment)
"#{attachment.filename.extension.upcase} #{number_to_human_size(attachment.byte_size)}"
end
end

View file

@ -8,11 +8,17 @@ module ProcedureHelper
end
def procedure_libelle(procedure)
parts = procedure.brouillon? ? [tag.span(t('helpers.procedure.testing_procedure'), class: 'badge')] : []
parts = procedure.brouillon? ? [procedure_badge(procedure)] : []
parts << procedure.libelle
safe_join(parts, ' ')
end
def procedure_badge(procedure)
return nil unless procedure.brouillon?
tag.span(t('helpers.procedure.testing_procedure'), class: 'fr-badge')
end
def procedure_publish_label(procedure, key)
# i18n-tasks-use t('modal.publish.body.publish')
# i18n-tasks-use t('modal.publish.body.reopen')

View file

@ -12,6 +12,7 @@
@import '@gouvfr/dsfr/dist/component/breadcrumb/breadcrumb.css';
@import '@gouvfr/dsfr/dist/component/callout/callout.css';
@import '@gouvfr/dsfr/dist/component/connect/connect.css';
@import '@gouvfr/dsfr/dist/component/download/download.css';
@import '@gouvfr/dsfr/dist/component/highlight/highlight.css';
@import '@gouvfr/dsfr/dist/component/input/input.css';
@import '@gouvfr/dsfr/dist/component/checkbox/checkbox.css';

View file

@ -17,8 +17,8 @@
- if defined?(preview) && preview
.mb-2
= link_to t('preview', scope: [:layouts, :breadcrumb]), apercu_admin_procedure_path(@procedure), target: "_blank", rel: "noopener", class: 'button'
= link_to t('continue', scope: [:layouts, :breadcrumb]), admin_procedure_path(@procedure), title: t('continue_title', scope: [:layouts, :breadcrumb]), class: 'button accepted'
= link_to t('preview', scope: [:layouts, :breadcrumb]), apercu_admin_procedure_path(@procedure), target: "_blank", rel: "noopener", class: 'fr-btn fr-btn--secondary'
= link_to t('continue', scope: [:layouts, :breadcrumb]), admin_procedure_path(@procedure), title: t('continue_title', scope: [:layouts, :breadcrumb]), class: 'fr-btn fr-ml-2w fr-btn--icon-right fr-icon-arrow-right-fill'
- if defined?(metadatas)
.metadatas.pb-3

View file

@ -36,8 +36,8 @@
%span.toggle-switch-label.off Attestation désactivée
.actions-right
= link_to 'Annuler', edit_admin_procedure_attestation_template_path(id: @procedure), class: 'button', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
= f.button 'Enregistrer', class: 'button primary send'
= link_to 'Annuler', edit_admin_procedure_attestation_template_path(id: @procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
= f.button 'Enregistrer', class: 'fr-btn'
.procedure-form__column--preview
.procedure-form__preview.sticky--top

View file

@ -18,7 +18,7 @@
label: 'Emails',
acceptNewValues: true)
= f.submit 'Affecter', class: 'button primary send', disabled: disabled_as_super_admin
= f.submit 'Affecter', class: 'fr-btn', disabled: disabled_as_super_admin
%table.table.mt-2
%thead
@ -32,11 +32,11 @@
#{instructeur.email}
- confirmation_message = procedure.routee? ? "Êtes-vous sûr de vouloir retirer linstructeur « #{instructeur.email} » du groupe « #{groupe_instructeur.label} » ?" : "Êtes-vous sûr de vouloir retirer linstructeur « #{instructeur.email} » de la démarche ?"
%td.actions= button_to 'retirer',
%td.actions= button_to 'Retirer',
{ action: :remove_instructeur, id: groupe_instructeur.id },
{ method: :delete,
data: { confirm: confirmation_message },
params: { instructeur: { id: instructeur.id }},
class: 'button' }
class: 'fr-btn fr-btn--secondary' }
= paginate instructeurs

View file

@ -6,9 +6,9 @@
- if procedure.routee?
- if procedure.routing_enabled? && procedure.groupe_instructeurs.size == 1
= link_to t('.button.routing_disable'), update_routing_enabled_admin_procedure_groupe_instructeurs_path(procedure, routing: :disable), class: 'button primary mt-1', method: 'patch'
= link_to t('.button.routing_disable'), update_routing_enabled_admin_procedure_groupe_instructeurs_path(procedure, routing: :disable), class: 'fr-btn', method: 'patch'
- else
= link_to t('.button.routing_enable'), update_routing_enabled_admin_procedure_groupe_instructeurs_path(procedure, routing: :enable), class: 'button primary mt-1', method: 'patch'
= link_to t('.button.routing_enable'), update_routing_enabled_admin_procedure_groupe_instructeurs_path(procedure, routing: :enable), class: 'fr-btn', method: 'patch'
.card
%h2.card-title Lautogestion des instructeurs
%p.notice= t('.self_managment_notice_html')

View file

@ -15,4 +15,4 @@
%span.badge.baseline modifié le #{mail_template.updated_at.strftime('%d-%m-%Y')}
%div
= link_to 'Modifier', edit_admin_procedure_mail_template_path(@procedure, mail_template.class.const_get(:SLUG)), class: 'button'
= link_to 'Modifier', edit_admin_procedure_mail_template_path(@procedure, mail_template.class.const_get(:SLUG)), class: 'fr-btn'

View file

@ -6,7 +6,7 @@
.flex.column.ml-1
.card-title
= link_to procedure.libelle, admin_procedure_path(procedure), style: 'color: black;'
= link_to(procedure_lien(procedure), procedure_lien(procedure), class: 'mb-1')
= link_to(procedure_lien(procedure), procedure_lien(procedure), class: 'fr-link fr-mb-1w')
.admin-procedures-list-timestamps
%p.notice N° #{procedure.id}
@ -36,13 +36,13 @@
%span.icon.folder
%span.badge.baseline= procedure.dossiers.state_not_brouillon.visible_by_administration.count
%div
%ul.fr-btns-group.fr-btns-group--sm.fr-btns-group--inline.fr-btns-group--icon-right
- unless procedure.discarded?
= link_to admin_procedure_path(procedure), class: 'button mr-1 edit-procedure' do
%span.icon.edit
%li
= link_to admin_procedure_path(procedure), class: 'fr-btn fr-icon-draft-line fr-btn--tertiary' do
Modifier
.dropdown{ data: { controller: 'menu-button' } }
%button.button.dropdown-button.procedures-actions-btn{ data: { menu_button_target: 'button' } }
%li.dropdown{ data: { controller: 'menu-button' } }
%button.fr-btn.fr-btn--tertiary.dropdown-button.procedures-actions-btn{ data: { menu_button_target: 'button' } }
Actions
.dropdown-content.fade-in-down{ data: { menu_button_target: 'menu' }, id: dom_id(procedure, :actions_menu) }
%ul.dropdown-items.pl-0

View file

@ -17,8 +17,8 @@
.procedure-form__actions.sticky--bottom
.actions-right
= link_to 'Annuler', admin_procedure_path(id: @procedure), class: 'button', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
= f.button 'Enregistrer', class: 'button primary send'
= link_to 'Annuler', admin_procedure_path(id: @procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
= f.button 'Enregistrer', class: 'fr-btn'
.procedure-form__column--preview
.procedure-form__preview.sticky--top

View file

@ -1,6 +1,6 @@
.sub-header
.procedure-admin-listing-container
= link_to "Nouvelle Démarche", new_from_existing_admin_procedures_path, id: 'new-procedure', class: 'button primary'
= link_to "Nouvelle Démarche", new_from_existing_admin_procedures_path, id: 'new-procedure', class: 'fr-btn'
.container
%nav.tabs

View file

@ -17,8 +17,8 @@
.procedure-form__actions.sticky--bottom
.actions-right
= link_to 'Annuler', admin_procedures_path, class: 'button', data: { confirm: 'Êtes-vous sûr de vouloir annuler la création de cette démarche ?'}
= f.button 'Créer la démarche', class: 'button primary send'
= link_to 'Annuler', admin_procedures_path, class: 'fr-btn fr-btn--secondary fr-mr-2w', data: { confirm: 'Êtes-vous sûr de vouloir annuler la création de cette démarche ?'}
= f.button 'Créer la démarche', class: 'fr-btn'
.procedure-form__column--preview
.procedure-form__preview.sticky--top

View file

@ -34,11 +34,11 @@
.form
.send-wrapper
%a#from-scratch.button.primary{ href: new_admin_procedure_path }
%a#from-scratch.fr-btn.fr-btn--lg{ href: new_admin_procedure_path }
Créer une nouvelle démarche de zéro
.card
%h2.header-section
%h2.fr-h4.header-section
Créer une nouvelle démarche à partir dune démarche existante
= render Procedure::SearchComponent.new(grouped_procedures: @grouped_procedures)

View file

@ -49,8 +49,8 @@
= t(:has_changes, scope: [:administrateurs, :revision_changes])
= render partial: 'revision_changes', locals: { changes: @procedure.revision_changes }
.flex.mt-2.justify-end
= button_to "Réinitialiser les modifications", admin_procedure_reset_draft_path(@procedure), class: 'button mr-1', method: :put
= link_to 'Publier les modifications', admin_procedure_publication_path(@procedure), class: 'button primary', id: 'publish-procedure-link', data: { disable_with: "Publication..." }
= button_to "Réinitialiser les modifications", admin_procedure_reset_draft_path(@procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w', method: :put
= link_to 'Publier les modifications', admin_procedure_publication_path(@procedure), class: 'fr-btn', id: 'publish-procedure-link', data: { disable_with: "Publication..." }
- if !@procedure.procedure_expires_when_termine_enabled?
= render partial: 'administrateurs/procedures/suggest_expires_when_termine', locals: { procedure: @procedure }

View file

@ -11,7 +11,7 @@
%span.citizen= t('.you_are_a_citizen')
%br
%br
= link_to t('.citizen_page'), new_user_session_path, class: "button expend secondary"
= link_to t('.citizen_page'), new_user_session_path, class: "fr-btn fr-btn--secondary"
.column
%h1.fr-my-2
@ -23,7 +23,7 @@
= t('.signin_with')
%span.fr-connect__brand AgentConnect
%p
= link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', target: '_blank', rel: "noopener", class: "fr-underlined"
= link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', target: '_blank', rel: "noopener"
.france-connect-login-separator
@ -45,7 +45,7 @@
.text-right
= link_to t('views.users.sessions.new.reset_password'), new_user_password_path, class: "link"
= f.submit t('views.users.sessions.new.connection'), class: "button large primary expand"
= f.submit t('views.users.sessions.new.connection'), class: "fr-btn fr-btn--lg"
- content_for :footer do
= render partial: 'users/dossiers/index_footer'

View file

@ -4,11 +4,11 @@
- if !user_signed_in?
%h2.huge-title= t('views.commencer.show.start_procedure')
= render partial: 'shared/france_connect_login', locals: { url: commencer_france_connect_path(path: @procedure.path) }
= link_to commencer_sign_up_path(path: @procedure.path), class: ['button large expand primary'] do
= link_to commencer_sign_up_path(path: @procedure.path), class: 'fr-btn fr-btn--lg fr-my-2w' do
= t('views.shared.account.create')
%span.optional-on-small-screens
%span.optional-on-small-screens.fr-ml-1v
#{APPLICATION_NAME}
= link_to t('views.shared.account.already_user'), commencer_sign_in_path(path: @procedure.path), class: ['button large expand']
= link_to t('views.shared.account.already_user'), commencer_sign_in_path(path: @procedure.path), class: 'fr-btn fr-btn--secondary fr-btn--lg fr-my-2w'
- else
- revision = @revision.draft? ? @revision : @procedure.revisions.where.not(id: @procedure.draft_revision_id)
@ -17,28 +17,28 @@
- not_drafts = dossiers.merge(Dossier.state_not_brouillon)
- if dossiers.empty?
= link_to t('views.commencer.show.start_procedure'), url_for_new_dossier(@revision), class: ['button large expand primary']
= link_to t('views.commencer.show.start_procedure'), url_for_new_dossier(@revision), class: 'fr-btn fr-btn--lg fr-my-2w'
- elsif drafts.size == 1 && not_drafts.empty?
- dossier = drafts.first
%h2.huge-title= t('views.commencer.show.already_draft')
%p
= t('views.commencer.show.already_draft_detail_html', time_ago: time_ago_in_words(dossier.created_at), procedure: dossier.procedure.libelle)
= link_to t('views.commencer.show.continue_file'), brouillon_dossier_path(dossier), class: ['button large expand primary']
= link_to t('views.commencer.show.start_new_file'), url_for_new_dossier(@revision), class: ['button large expand']
= link_to t('views.commencer.show.continue_file'), brouillon_dossier_path(dossier), class: 'fr-btn fr-btn--lg fr-my-2w'
= link_to t('views.commencer.show.start_new_file'), url_for_new_dossier(@revision), class: 'fr-btn fr-btn--lg fr-btn--secondary fr-my-2w'
- elsif not_drafts.size == 1
- dossier = not_drafts.first
%h2.huge-title= t('views.commencer.show.already_not_draft')
%p
= t('views.commencer.show.already_not_draft_detail_html', time_ago: time_ago_in_words(dossier.depose_at), procedure: dossier.procedure.libelle)
= link_to t('views.commencer.show.show_my_submitted_file'), dossier_path(dossier), class: ['button large expand primary']
= link_to t('views.commencer.show.start_new_file'), url_for_new_dossier(@revision), class: ['button large expand']
= link_to t('views.commencer.show.show_my_submitted_file'), dossier_path(dossier), class: 'fr-btn fr-btn--lg fr-my-2w'
= link_to t('views.commencer.show.start_new_file'), url_for_new_dossier(@revision), class: 'fr-btn fr-btn--lg fr-btn--secondary fr-my-2w'
- else
%h2.huge-title= t('views.commencer.show.existing_dossiers')
= link_to t('views.commencer.show.show_dossiers'), dossiers_path, class: ['button large expand primary']
= link_to t('views.commencer.show.start_new_file'), url_for_new_dossier(@revision), class: ['button large expand']
= link_to t('views.commencer.show.show_dossiers'), dossiers_path, class: "fr-btn fr-btn--lg fr-my-2w"
= link_to t('views.commencer.show.start_new_file'), url_for_new_dossier(@revision), class: "fr-btn fr-btn--lg fr-btn--secondary fr-my-2w"
- if @procedure.feature_enabled?(:dossier_pdf_vide)
- pdf_link = @revision.draft? ? commencer_dossier_vide_test_path(path: @procedure.path) : commencer_dossier_vide_path(path: @procedure.path)
@ -46,4 +46,4 @@
%p= t('views.commencer.show.want_empty_pdf', service: @procedure&.service&.nom, adresse: @procedure&.service&.adresse)
%br
= link_to t('views.commencer.show.download_empty_pdf'), pdf_link, class: ['button large expand']
= link_to t('views.commencer.show.download_empty_pdf'), pdf_link, class: "fr-btn fr-btn--lg fr-btn--secondary fr-my-2w"

View file

@ -16,4 +16,4 @@
= f.label :email, 'Email'
= f.email_field :email, autofocus: true
= f.submit t('devise.passwords.new.request_new_password'), class: 'button expand primary'
= f.submit t('devise.passwords.new.request_new_password'), class: 'fr-btn fr-btn--lg'

View file

@ -3,7 +3,9 @@
.flex.justify-between
%ul.breadcrumbs
%li= link_to('Avis', expert_all_avis_path)
%li= link_to(dossier.procedure.libelle.truncate_words(10), procedure_expert_avis_index_path(avis.procedure))
%li
= link_to(dossier.procedure.libelle.truncate_words(10), procedure_expert_avis_index_path(avis.procedure), class: "fr-link")
= procedure_badge(dossier.procedure)
%li= link_to("Dossier nº #{dossier.id}", expert_avis_path(avis.procedure, avis))
.header-actions

View file

@ -5,15 +5,16 @@
%ul.procedure-list
- @avis_by_procedure.each do |p, procedure_avis|
%li.procedure-item.flex.align-start
= link_to(procedure_instructeur_avis_index_path(p)) do
%li.procedure-item.flex.align-start.fr-my-3w.fr-p-2w
.flex
= link_to instructeur_procedure_path(p), class: 'procedure-logo-link' do
.procedure-logo{ style: "background-image: url(#{p.logo_url})" }
.procedure-details
%p.procedure-title
= procedure_libelle p
%p.fr-mb-2w
= procedure_badge(p)
= link_to(p.libelle, procedure_instructeur_avis_index_path(p), class: "fr-link fr-ml-1w")
%ul.procedure-stats.flex
%li
%object

View file

@ -7,8 +7,8 @@
%h1.tab-title Donner votre avis
%h2.claimant
Demandeur :
%span.email= safe_claimant_email(@avis.claimant)
%span.date Demande davis envoyée le #{l(@avis.created_at, format: '%d/%m/%y')}
%span.email.font-weight-normal= safe_claimant_email(@avis.claimant)
%span.date.font-weight-normal Demande davis envoyée le #{l(@avis.created_at, format: '%d/%m/%y')}
%p.introduction= @avis.introduction
- if @avis.introduction_file.attached?
@ -29,7 +29,7 @@
%span
Cet avis est partagé avec les autres experts
.send-wrapper
= f.submit 'Envoyer votre avis', class: 'button send'
= f.submit 'Envoyer votre avis', class: 'fr-btn'
- if !@dossier.termine? && !@avis.procedure.feature_enabled?(:expert_not_allowed_to_invite)
= render partial: "experts/shared/avis/form", locals: { url: avis_expert_avis_path(@avis.procedure, @avis), linked_dossiers: @dossier.linked_dossiers_for(current_expert), must_be_confidentiel: @avis.confidentiel?, avis: @new_avis }

View file

@ -1,36 +1,36 @@
%section.list-avis
%h1.tab-title
Avis des invités
%span.count= avis.count
%span.fr-badge= avis.count
%ul
- avis.each do |avis|
%li.one-avis.flex.align-start
.width-100
%h2.claimant
%h2.claimant.fr-h6
= "#{t('claimant', scope: 'activerecord.attributes.avis')} :"
%span.email= (safe_claimant_email(avis.claimant) == current_expert.email) ? 'Vous' : safe_claimant_email(avis.claimant)
%span.fr-text--xs.fr-text-mention--grey.font-weight-normal= (safe_claimant_email(avis.claimant) == current_expert.email) ? 'Vous' : safe_claimant_email(avis.claimant)
- if avis.confidentiel?
%span.confidentiel
%span.confidentiel.font-weight-normal
= t('confidentiel', scope: 'activerecord.attributes.avis')
%span.icon.lock{ title: t('confidentiel', scope: 'helpers.hint') }
%span.date{ class: highlight_if_unseen_class(avis_seen_at, avis.created_at) }
%span.date.fr-text--xs.fr-text-mention--grey.font-weight-normal{ class: highlight_if_unseen_class(avis_seen_at, avis.created_at) }
= t('demande_envoyee_le', scope: 'views.shared.avis', date: l(avis.created_at, format: '%d/%m/%y à %H:%M'))
%p= avis.introduction
.answer.flex.align-start
%span.icon.bubble.avis-icon
.width-100
%h2.instructeur
%h2.instructeur.fr-h6
= (avis.expert.email == current_expert.email) ? 'Vous' : avis.expert.email
- if avis.answer.present?
- if avis.revoked?
%span.waiting{ class: highlight_if_unseen_class(avis_seen_at, avis.revoked_at) }
%span.waiting.font-weight-normal{ class: highlight_if_unseen_class(avis_seen_at, avis.revoked_at) }
= t('demande_revoquee_le', scope: 'views.shared.avis', date: l(avis.revoked_at, format: '%d/%m/%y à %H:%M'))
%span.date{ class: highlight_if_unseen_class(avis_seen_at, avis.updated_at) }
%span.date.fr-text--xs.fr-text-mention--grey.font-weight-normal{ class: highlight_if_unseen_class(avis_seen_at, avis.updated_at) }
= t('reponse_donnee_le', scope: 'views.shared.avis', date: l(avis.updated_at, format: '%d/%m/%y à %H:%M'))
- else
%span.waiting
%span.waiting.font-weight-normal
= t('en_attente', scope: 'views.shared.avis')
- if avis.piece_justificative_file.attached?
= render Attachment::ShowComponent.new(attachment: avis.piece_justificative_file.attachment)

View file

@ -2,7 +2,9 @@
.container
%ul.breadcrumbs
%li= link_to('Avis', instructeur_all_avis_path)
%li= link_to(dossier.procedure.libelle, procedure_instructeur_avis_index_path(avis.procedure))
%li
= link_to(procedure.libelle, procedure_instructeur_avis_index_path(avis.procedure), class: "fr-link")
= procedure_badge(dossier.procedure)
%li= link_to("Dossier nº #{dossier.id}", instructeur_avis_path(avis.procedure, avis))
%nav.tabs

View file

@ -3,10 +3,8 @@
.flex.justify-between
%ul.breadcrumbs
%li
= link_to instructeur_procedure_path(dossier.procedure), title: dossier.procedure.libelle do
- if dossier.procedure.brouillon?
%span.badge démarche en test
= dossier.procedure.libelle.truncate_words(10)
= link_to dossier.procedure.libelle.truncate_words(10), instructeur_procedure_path(dossier.procedure), title: dossier.procedure.libelle, class: "fr-link"
= procedure_badge(dossier.procedure)
%li
= "Dossier nº #{dossier.id}"

View file

@ -1,6 +1,6 @@
%span.dropdown.print-menu-opener{ data: { controller: 'menu-button' } }
%button.button.dropdown-button.icon-only{ title: 'imprimer', 'aria-label': 'imprimer', data: { menu_button_target: 'button' } }
%span.icon.printer
%ul.fr-btns-group.fr-btns-group--sm.fr-btns-group--inline-md.fr-btns-group--icon-right
%li.dropdown.print-menu-opener{ data: { controller: 'menu-button' } }
%button.fr-btn.fr-btn--tertiary.fr-icon-printer-line.dropdown-button{ title: 'imprimer', 'aria-label': 'Imprimer', data: { menu_button_target: 'button' } } Imprimer
%ul#print-menu.print-menu.dropdown-content{ data: { menu_button_target: 'menu' } }
%li
= link_to "Tout le dossier", print_instructeur_dossier_path(dossier.procedure, dossier), target: "_blank", rel: "noopener", class: "menu-item menu-link"
@ -12,13 +12,13 @@
%li
= link_to "Export GeoJSON", geo_data_instructeur_dossier_path(dossier.procedure, dossier), target: "_blank", rel: "noopener", class: "menu-item menu-link"
%span.dropdown.print-menu-opener{ data: { controller: 'menu-button' } }
%button.button.dropdown-button.icon-only{ data: { menu_button_target: 'button' } }
%span.icon.attached
%li.dropdown.print-menu-opener{ data: { controller: 'menu-button' } }
%button.fr-btn.fr-btn--tertiary.fr-icon-download-line.dropdown-button{ data: { menu_button_target: 'button', 'aria-label': 'Télécharger' } } Télécharger
%ul#print-pj-menu.print-menu.dropdown-content{ data: { menu_button_target: 'menu' } }
%li= link_to "Télécharger le dossier et toutes ses pièces jointes", telecharger_pjs_instructeur_dossier_path(dossier.procedure, dossier), target: "_blank", rel: "noopener", class: "menu-item menu-link"
= render partial: "instructeurs/procedures/dossier_actions",
%li
= render partial: "instructeurs/procedures/dossier_actions",
locals: { procedure_id: dossier.procedure.id,
dossier_id: dossier.id,
state: dossier.state,
@ -27,6 +27,5 @@
close_to_expiration: dossier.close_to_expiration?,
hidden_by_administration: dossier.hidden_by_administration? }
.state-button
%li.state-button
= render partial: "state_button", locals: { dossier: dossier }

View file

@ -1,6 +1,6 @@
.dropdown{ data: { controller: 'menu-button', popover: 'true' } }
-# Dropdown button title
%button.button.primary.dropdown-button{ class: button_or_label_class(dossier), data: { menu_button_target: 'button' } }
%button.fr-btn.dropdown-button{ class: button_or_label_class(dossier), data: { menu_button_target: 'button' } }
= dossier_display_state dossier
-# Dropdown content

View file

@ -1,5 +1,5 @@
.motivation.hidden{ class: popup_class }
%h3
%h3.fr-h5
%span.icon{ class: popup_class }
#{popup_title}

View file

@ -1,9 +1,9 @@
- if hidden_by_administration
= link_to restore_instructeur_dossier_path(procedure_id, dossier_id), method: :patch, class: "button" do
= link_to restore_instructeur_dossier_path(procedure_id, dossier_id), method: :patch, class: "fr-btn fr-btn--secondary" do
= t('views.instructeurs.dossiers.restore')
- elsif close_to_expiration || Dossier::TERMINE.include?(state)
.dropdown.user-dossier-actions{ data: { controller: 'menu-button' } }
%button.button.dropdown-button{ data: { menu_button_target: 'button' } }
%button.fr-btn.dropdown-button{ data: { menu_button_target: 'button' } }
Actions
.dropdown-content.fade-in-down{ data: { menu_button_target: 'menu' }, id: "dossier_#{dossier_id}_actions_menu" }
%ul.dropdown-items
@ -33,10 +33,8 @@
- elsif Dossier::EN_CONSTRUCTION_OU_INSTRUCTION.include?(state)
- if dossier_is_followed
= link_to unfollow_instructeur_dossier_path(procedure_id, dossier_id), method: :patch, class: 'button' do
%span.icon.unfollow>
= link_to unfollow_instructeur_dossier_path(procedure_id, dossier_id), method: :patch, class: 'fr-btn fr-btn--secondary fr-icon-star-fill' do
= t('views.instructeurs.dossiers.stop_follow')
- else
= link_to follow_instructeur_dossier_path(procedure_id, dossier_id), method: :patch, class: 'button' do
%span.icon.follow>
= link_to follow_instructeur_dossier_path(procedure_id, dossier_id), method: :patch, class: 'fr-btn fr-btn--secondary fr-icon-star-line' do
= t('views.instructeurs.dossiers.follow_file')

View file

@ -1,12 +1,12 @@
%li.procedure-item.flex.align-start
= link_to(instructeur_procedure_path(p)) do
%li.procedure-item.flex.align-start.fr-my-3w.fr-p-2w
.flex
= link_to instructeur_procedure_path(p), class: 'procedure-logo-link' do
.procedure-logo{ style: "background-image: url(#{p.logo_url})" }
.procedure-details
%p.procedure-title
= procedure_libelle p
%p.fr-mb-2w
= procedure_badge(p)
= link_to(p.libelle, instructeur_procedure_path(p), class: "fr-link fr-ml-1w")
%ul.procedure-stats.flex
%li
%object

View file

@ -89,5 +89,5 @@
= t('.utils.negative')
.send-wrapper
= link_to t('.buttons.back_to_procedure'), instructeur_procedure_path(@procedure), class: 'button mr-1'
= form.submit t('.buttons.save'), class: "button primary"
= link_to t('.buttons.back_to_procedure'), instructeur_procedure_path(@procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w'
= form.submit t('.buttons.save'), class: "fr-btn"

View file

@ -14,7 +14,7 @@
%section.list-avis.mt-8
%h1.tab-title
Messages envoyés précedemment
%span.count= @bulk_messages.count
%span.fr-badge= @bulk_messages.count
%ul
- @bulk_messages.each do |message|

View file

@ -134,8 +134,9 @@
- else
%a.cell-link{ href: path }= status_badge(p.state)
%td.action-col.follow-col= render partial: 'dossier_actions',
locals: { procedure_id: @procedure.id,
%td.action-col.follow-col
%ul.inline.fr-btns-group.fr-btns-group--sm.fr-btns-group--inline.fr-btns-group--icon-right
= render partial: 'dossier_actions', locals: { procedure_id: @procedure.id,
dossier_id: p.dossier_id,
state: p.state,
archived: p.archived,

View file

@ -1,7 +1,7 @@
%section.list-avis
%h1.tab-title
Avis des invités
%span.count= avis.count
%span.fr-badge= avis.count
%ul
- avis.each do |avis|

View file

@ -26,4 +26,4 @@
= label_tag :invite_message, t('views.invites.form.invite_message')
= text_area_tag :invite_message, '', class: 'small', placeholder: t('views.invites.form.invite_message')
.col
= submit_tag t('views.invites.form.send_invitation'), class: 'button accepted'
= submit_tag t('views.invites.form.send_invitation'), class: 'fr-btn fr-btn--secondary'

View file

@ -38,7 +38,7 @@
- if request.path == new_user_registration_path
%li
.fr-hidden-sm.fr-unhidden-lg.fr-link--sm= t('views.shared.account.already_user_question')
%li= link_to t('views.shared.account.signin'), new_user_session_path, class: "fr-btn"
%li= link_to t('views.shared.account.signin'), new_user_session_path, class: "fr-btn fr-btn--tertiary fr-icon-account-circle-fill fr-btn--icon-left"
%li
- if dossier.present? && nav_bar_profile == :user

View file

@ -12,4 +12,4 @@
%span.small-simple= t('.are_you_new', app_name: APPLICATION_NAME.gsub("-","&#8209;")).html_safe
%br
%br
= link_to t('views.users.sessions.new.find_procedure'), COMMENT_TROUVER_MA_DEMARCHE_URL, target: "_blank", class: "button expend secondary"
= link_to t('views.users.sessions.new.find_procedure'), COMMENT_TROUVER_MA_DEMARCHE_URL, target: "_blank", class: "fr-btn fr-btn--secondary"

View file

@ -50,9 +50,9 @@
.fr-footer__content
%p.fr-footer__content-desc
= t('links.footer.description_1')
= link_to t('links.footer.link_1_label'), t('links.footer.link_1_url'), target: '_blank', class: "fr-underlined"
= link_to t('links.footer.link_1_label'), t('links.footer.link_1_url'), target: '_blank'
%p.fr-footer__content-desc
= link_to t('links.footer.link_2_label'), t("links.footer.code.url"), target: '_blank', class: "fr-underlined"
= link_to t('links.footer.link_2_label'), t("links.footer.code.url"), target: '_blank'
= t('links.footer.description_2')
%ul.fr-footer__content-list
%li.fr-footer__content-item
@ -66,8 +66,4 @@
.fr-footer__bottom
= render partial: 'users/general_footer_row'
.fr-footer__bottom-copy
%p
Sauf mention contraire, tous les contenus de ce site sont sous
%a{ href: "https://github.com/etalab/licence-ouverte/blob/master/LO.md", target:"_blank" } licence etalab-2.0
%br
= render partial: 'shared/footer_copy'

View file

@ -1,6 +1,6 @@
.landing-panel
.container
%h2.landing-panel-title Ce que les utilisateurs pensent du service
%h2.center.fr-mb-4w Ce que les utilisateurs pensent du service
%ul.quotes
%li.quote

View file

@ -1,6 +1,6 @@
.landing-panel.users-panel
.container
%h2.landing-panel-title Ils utilisent déjà #{APPLICATION_NAME}
%h2.center.fr-mb-4w Ils utilisent déjà #{APPLICATION_NAME}
%ul.users
%li.user

View file

@ -6,7 +6,7 @@
.container
.hero-wrapper
.hero-text
%p.hero-tagline
%h1.hero-tagline
%em.hero-tagline-em Dématérialisez et simplifiez
vos démarches administratives
@ -17,8 +17,8 @@
.container
.role-panel-wrapper.role-administrations-panel
.role-panel-70
%h1.role-panel-title Est-ce fait pour mon administration ?
%p.role-panel-explanation Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation
%h2 Est-ce fait pour mon administration ?
%p.fr-h5 Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation
= link_to "Participer à notre démonstration en ligne", INSCRIPTION_WEBINAIRE_URL, class: "fr-btn fr-btn--lg fr-mr-1w fr-mb-2w", **external_link_attributes
= link_to "Documentation", DOC_URL, class: "fr-btn fr-btn--secondary fr-btn--lg", **external_link_attributes
@ -33,8 +33,8 @@
%img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" }
.role-panel-70
%h1.role-panel-title Votre administration est prête pour dématérialiser
%p.role-panel-explanation Créez un premier formulaire de test en quelques minutes
%h2 Votre administration est prête pour dématérialiser
%p.fr-h5 Créez un premier formulaire de test en quelques minutes
= link_to "Créer votre compte administrateur", DEMANDE_INSCRIPTION_ADMIN_PAGE_URL, class: "fr-btn fr-btn--lg"
@ -75,7 +75,7 @@
- cache "numbers-panel", :expires_in => 3.hours do
.landing-panel.numbers-panel
.container
%h2.landing-panel-title #{APPLICATION_NAME} en chiffres
%h2.center.fr-mb-4w #{APPLICATION_NAME} en chiffres
%ul.numbers
%li.number
.number-value

View file

@ -23,8 +23,8 @@
%img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: '', width: 176, height: 180, loading: 'lazy' }
.role-panel-70
%h2.role-panel-title Vous souhaitez effectuer une demande auprès dune administration ?
%p.role-panel-explanation Réalisez vos demandes en toute simplicité et retrouvez vos dossiers en ligne
%h2 Vous souhaitez effectuer une demande auprès dune administration ?
%p.fr-h5 Réalisez vos demandes en toute simplicité et retrouvez vos dossiers en ligne
= link_to "Comment trouver ma démarche ?", COMMENT_TROUVER_MA_DEMARCHE_URL, class: "fr-btn fr-btn--lg fr-mr-1w fr-mb-2w", **external_link_attributes
= link_to "Se connecter", new_user_session_path, class: "fr-btn fr-btn--secondary fr-btn--lg"
@ -32,7 +32,7 @@
- cache "numbers-panel", :expires_in => 3.hours do
.landing-panel
.container
%h2.landing-panel-title #{APPLICATION_NAME} en chiffres
%h2.center.fr-mb-4w #{APPLICATION_NAME} en chiffres
%ul.numbers
%li.number
.number-value
@ -77,7 +77,7 @@
.container
.cta-panel-wrapper
%div
%h2.cta-panel-title.grey Administration : vous voulez dématerialiser ?
%h2.fr-h4 Administration : vous voulez dématerialiser ?
%p.cta-panel-explanation.grey Proposez à vos usagers de remplir leurs dossiers en ligne
%div
= link_to "Découvrez notre outil", administration_path, class: "fr-btn fr-btn--lg"

View file

@ -282,7 +282,7 @@
%section.list-avis
%h1.title
Avis des invités
%span.count 1
%span.fr-badge 1
%ul
%li.one-avis

View file

@ -0,0 +1,4 @@
.fr-footer__bottom-copy
%p
Sauf mention contraire, tous les contenus de ce site sont sous
%a{ href: "https://github.com/etalab/licence-ouverte/blob/master/LO.md", target:"_blank", rel: "noopener", title: "licence etalab-2.0 - nouvelle fenêtre" } licence etalab-2.0

View file

@ -11,7 +11,7 @@
= t('views.shared.france_connect_login.login_button')
%span.fr-connect__brand FranceConnect
%p
= link_to t('views.shared.france_connect_login.help_link'), "https://franceconnect.gouv.fr/", target: "_blank", rel: "noopener", class: "fr-underlined"
= link_to t('views.shared.france_connect_login.help_link'), "https://franceconnect.gouv.fr/", target: "_blank", rel: "noopener"
.france-connect-login-separator
= t('views.shared.france_connect_login.separator')

View file

@ -1,11 +1,11 @@
.autosave.autosave-state-idle{ data: { controller: 'autosave-status' } }
%p.autosave-explanation
%p.autosave-explanation.fr-text--sm
%span.autosave-explanation-text
- if dossier.brouillon?
= t('views.users.dossiers.autosave.draft_explanation')
- else
= t('views.users.dossiers.autosave.explanation')
= link_to t('views.users.dossiers.autosave.more_information'), FAQ_AUTOSAVE_URL, target: '_blank', rel: 'noopener', class: 'autosave-more-infos'
= link_to t('views.users.dossiers.autosave.more_information'), FAQ_AUTOSAVE_URL, target: '_blank', rel: 'noopener', class: 'autosave-more-infos fr-link fr-link--sm'
%p.autosave-status.succeeded
%span.autosave-icon.icon.accept
@ -14,7 +14,7 @@
= t('views.users.dossiers.autosave.draft_confirmation')
- else
= t('views.users.dossiers.autosave.confirmation')
= link_to t('views.users.dossiers.autosave.more_information'), FAQ_AUTOSAVE_URL, target: '_blank', rel: 'noopener', class: 'autosave-more-infos'
= link_to t('views.users.dossiers.autosave.more_information'), FAQ_AUTOSAVE_URL, target: '_blank', rel: 'noopener', class: 'autosave-more-infos fr-link fr-link--sm'
%p.autosave-status.failed
%span.autosave-icon ⚠️

View file

@ -21,14 +21,17 @@
= t('views.shared.dossiers.edit.autosave')
- if notice_url(dossier.procedure).present?
%br
= link_to t("views.shared.dossiers.edit.notice"), notice_url(dossier.procedure),
class: "fr-btn fr-btn--secondary mt-2",
title: t("views.shared.dossiers.edit.notice_title"), **external_link_attributes
.fr-download
%p
= link_to notice_url(dossier.procedure), download: "", class: "fr-download__link mr-2", title: t("views.shared.dossiers.edit.notice_title") do
= t("views.shared.dossiers.edit.notice")
- if dossier.procedure.notice.attached?
%span.fr-download__detail
= download_details(dossier.procedure.notice)
- if administrateur_signed_in?
%em.ml-1.fr-text-mention--grey.visible-on-previous-hover
%span.fr-icon-feedback-line{ "aria-hidden": "true" }
%span.fr-text--xs.fr-text-mention--grey.visible-on-previous-hover
%span.fr-text-action-high--blue-france.fr-icon-questionnaire-line{ "aria-hidden": "true" }
= t('shared.ephemeral_link')
- if dossier.show_groupe_instructeur_selector?
@ -53,7 +56,7 @@
= f.button t('views.shared.dossiers.edit.submit_dossier'),
name: :submit_draft,
value: true,
class: 'button send primary',
class: 'fr-btn fr-btn--sm',
disabled: !current_user.owns?(dossier),
data: { 'disable-with': "Envoi en cours…" }

View file

@ -65,4 +65,4 @@
- if super_admin_signed_in?
%h2.new-h2 Téléchargement
= link_to "Télécharger les statistiques (CSV)", stats_download_path(format: :csv), class: 'button secondary'
= link_to "Télécharger les statistiques (CSV)", stats_download_path(format: :csv), class: 'fr-btn fr-btn-primary mb-4'

View file

@ -81,8 +81,4 @@
.fr-footer__bottom
= render partial: 'users/general_footer_row', locals: { dossier: dossier }
.fr-footer__bottom-copy
%p
Sauf mention contraire, tous les contenus de ce site sont sous
%a.fr-underlined{ href: "https://github.com/etalab/licence-ouverte/blob/master/LO.md", target:"_blank" } licence etalab-2.0
%br
= render partial: 'shared/footer_copy'

View file

@ -7,7 +7,7 @@
= render partial: "shared/dossiers/identite_individual", locals: { individual: dossier.individual }
.center
= link_to t('views.shared.dossiers.demande.edit_identity'), identite_dossier_path(dossier), class: 'button'
= link_to t('views.shared.dossiers.demande.edit_identity'), identite_dossier_path(dossier), class: 'fr-btn fr-btn--secondary'
- elsif dossier.etablissement
= render partial: "shared/dossiers/identite_entreprise", locals: { etablissement: dossier.etablissement, short_identity: true, profile: "usager" }

View file

@ -19,8 +19,8 @@
%p.m-2= procedure.active_dossier_submitted_message.message_on_submit_by_usager
.flex.column.align-center
= link_to t('views.users.dossiers.merci.acces_dossier'), dossier ? dossier_path(dossier) : "#dossier" , class: 'button large primary mt-4'
= link_to t('views.users.dossiers.merci.submit_dossier'), procedure_lien(procedure), class: 'mt-4'
= link_to t('views.users.dossiers.merci.acces_dossier'), dossier ? dossier_path(dossier) : "#dossier" , class: 'fr-btn fr-btn--xl fr-mt-5w'
= link_to t('views.users.dossiers.merci.submit_dossier'), procedure_lien(procedure), class: 'fr-btn fr-btn--secondary fr-mt-3w'
.monavis
!= procedure.monavis_embed

View file

@ -41,5 +41,5 @@
= render partial: 'users/dossiers/etablissement/infos_entreprise', locals: { etablissement: etablissement }
.actions
= link_to 'Utiliser un autre numéro SIRET', siret_dossier_path(@dossier), class: 'button'
= link_to 'Continuer avec ces informations', brouillon_dossier_path(@dossier), class: 'button primary'
= link_to 'Utiliser un autre numéro SIRET', siret_dossier_path(@dossier), class: 'fr-btn fr-btn--secondary'
= link_to 'Continuer avec ces informations', brouillon_dossier_path(@dossier), class: 'fr-btn'

View file

@ -32,4 +32,4 @@
= f.label :birthdate
= f.date_field :birthdate, value: @dossier.individual.birthdate, placeholder: 'format : AAAA-MM-JJ', required: true, class: "small"
= f.submit t('views.users.dossiers.identite.continue'), class: "button large primary expand"
= f.submit t('views.users.dossiers.identite.continue'), class: "fr-btn fr-btn--lg"

View file

@ -6,6 +6,5 @@
.message.inverted-background
= render Dossiers::MessageComponent.new(commentaire: latest_message, connected_user: current_user)
= link_to messagerie_dossier_url(dossier, anchor: 'new_commentaire'), class: 'button send' do
%span.icon.reply
= link_to messagerie_dossier_url(dossier, anchor: 'new_commentaire'), class: 'fr-btn fr-btn--icon-left fr-icon-discuss-line' do
= commentaire_answer_action(latest_message, current_user)

View file

@ -1,4 +1,3 @@
.papertrail.mb-2
= link_to papertrail_dossier_url(dossier, format: :pdf), class: "button", download: t('.filename'), target: "_blank" do
%span.icon.justificatif
.papertrail.center.fr-my-5w
= link_to papertrail_dossier_url(dossier, format: :pdf), class: "fr-link", download: t('.filename'), target: "_blank" do
= t('.get_papertrail')

View file

@ -22,11 +22,11 @@
.text-right
= link_to t('views.users.sessions.new.reset_password'), new_user_password_path, class: "link"
= f.submit t('views.users.sessions.new.connection'), class: "button large primary expand"
= f.submit t('views.users.sessions.new.connection'), class: "fr-btn fr-btn--lg"
- if AgentConnectService.enabled?
.france-connect-login-separator
= t('views.shared.france_connect_login.separator')
.center
%h2.important-header.mb-1= t('views.users.sessions.new.state_civil_servant')
= link_to t('views.users.sessions.new.connect_with_agent_connect'), agent_connect_path, class: "button expend secondary"
= link_to t('views.users.sessions.new.connect_with_agent_connect'), agent_connect_path, class: "fr-btn fr-btn--secondary"

View file

@ -136,7 +136,7 @@ en:
dossiers:
edit:
autosave: Your file is automatically saved after each modification. You can close the window at any time and pick up where you left off later.
notice: "Notice to the procedure"
notice: "Download the notice of the procedure"
notice_title: "To help you complete your file, you can consult the notice to this procedure."
submit_dossier: Submit the file
messages:

View file

@ -47,7 +47,7 @@ fr:
unpublished: Dépubliée
commentaire:
send_message_to_instructeur: "Envoyer un message à linstructeur"
reply_in_mailbox: "Répondre dans la messagerie."
reply_in_mailbox: "Répondre dans la messagerie"
layouts:
commencer:
no_procedure:
@ -131,7 +131,7 @@ fr:
dossiers:
edit:
autosave: Votre dossier est enregistré automatiquement après chaque modification. Vous pouvez à tout moment fermer la fenêtre et reprendre plus tard là où vous en étiez.
notice: Guide de la démarche
notice: Télécharger le guide de la démarche
notice_title: "Pour vous aider à remplir votre dossier, vous pouvez consulter le guide de cette démarche."
submit_dossier: Déposer le dossier
messages:

View file

@ -5,7 +5,7 @@ en:
you_are_here: "You are here"
show: Show breadcrumb
preview: "Preview the form"
continue: "Continue >"
continue: "Continue"
continue_title: "You can comeback using this link"
created_at: "Created at %{date} - n° %{number}"
closed_at: "Closed at %{date}"

View file

@ -5,7 +5,7 @@ fr:
you_are_here: "Vous êtes ici"
show: "Voir le fil dAriane"
preview: "Prévisualiser le formulaire"
continue: "Continuer >"
continue: "Continuer"
continue_title: "Vous pourrez revenir ici par la suite"
created_at: "Créée le %{date} - n° %{number}"
closed_at: "Close le %{date}"

View file

@ -19,4 +19,4 @@ fr:
already_user_question: 'Vous avez déjà un compte ?'
already_user: 'Jai déjà un compte'
create: 'Créer un compte'
signin: 'Connexion'
signin: 'Se connecter'

View file

@ -4,7 +4,7 @@ describe 'Signin in:' do
scenario 'an existing user can sign-in' do
visit root_path
click_on 'Connexion'
click_on 'Se connecter', match: :first
sign_in_with user.email, 'invalid-password'
expect(page).to have_content 'Courriel ou mot de passe incorrect.'
@ -16,7 +16,7 @@ describe 'Signin in:' do
scenario 'an existing user can lock its account' do
visit root_path
click_on 'Connexion'
click_on 'Se connecter', match: :first
5.times { sign_in_with user.email, 'bad password' }
expect(user.reload.access_locked?).to be false
@ -60,7 +60,7 @@ describe 'Signin in:' do
# For now only test the default behavior (an error message is displayed).
scenario 'they get an error message' do
visit root_path
click_on 'Connexion'
click_on 'Se connecter', match: :first
sign_in_with user.email, password
expect(page).to have_content('Vous devez confirmer votre compte par courriel.')

View file

@ -6,7 +6,7 @@ describe 'Managing password:', js: true do
scenario 'a simple user can reset their password' do
visit root_path
within('.fr-header .fr-container .fr-header__tools .fr-btns-group') do
click_on 'Connexion'
click_on 'Se connecter'
end
click_on 'Mot de passe oublié ?'
expect(page).to have_current_path(new_user_password_path)
@ -37,7 +37,7 @@ describe 'Managing password:', js: true do
scenario 'an admin can reset their password', js: true do
visit root_path
within('.fr-header .fr-container .fr-header__tools .fr-btns-group') do
click_on 'Connexion'
click_on 'Se connecter'
end
click_on 'Mot de passe oublié ?'
expect(page).to have_current_path(new_user_password_path)

View file

@ -19,8 +19,9 @@ describe 'users/dossiers/brouillon.html.haml', type: :view do
end
it 'affiche un lien vers la notice' do
expect(response).to have_css("a[href*='/rails/active_storage/blobs/']", text: "Guide de la démarche")
expect(response).to have_css("a[href*='/rails/active_storage/blobs/']", text: "Télécharger le guide de la démarche")
expect(rendered).not_to have_text("Ce lien est éphémère")
expect(rendered).to have_text("TXT 11 octets")
end
it 'affiche les boutons de validation' do
@ -33,7 +34,7 @@ describe 'users/dossiers/brouillon.html.haml', type: :view do
context 'quand la démarche ne comporte pas de notice' do
let(:procedure) { create(:procedure) }
it { is_expected.not_to have_link("Guide de la démarche") }
it { is_expected.not_to have_link("Télécharger le guide de la démarche") }
end
end