Merge pull request #96 from sgmap/scss-lint

Add SCSS linting
This commit is contained in:
gregoirenovel 2017-04-20 10:39:33 +02:00 committed by GitHub
commit 47936c7be7
142 changed files with 970 additions and 640 deletions

View file

@ -56,6 +56,9 @@ jobs:
- run:
name: Run haml-lint
command: bundle exec haml-lint app/views/
- run:
name: Run scss-lint
command: bundle exec scss-lint app/assets/stylesheets/
- add_ssh_keys:
fingerprints:
- "0a:67:42:7d:7e:b7:e1:3c:48:8f:bf:68:10:51:a8:44"

256
.scss-lint.yml Normal file
View file

@ -0,0 +1,256 @@
linters:
BangFormat:
enabled: true
space_before_bang: true
space_after_bang: false
BemDepth:
enabled: false
max_elements: 1
BorderZero:
enabled: true
convention: none
# To enable later
ChainedClasses:
enabled: false
ColorKeyword:
enabled: true
# To enable later
ColorVariable:
enabled: false
Comment:
enabled: true
style: silent
DebugStatement:
enabled: true
DeclarationOrder:
enabled: true
DisableLinterReason:
enabled: false
DuplicateProperty:
enabled: true
ElsePlacement:
enabled: true
style: same_line
EmptyLineBetweenBlocks:
enabled: true
ignore_single_line_blocks: false
EmptyRule:
enabled: true
ExtendDirective:
enabled: false
FinalNewline:
enabled: true
present: true
HexLength:
enabled: true
style: long
HexNotation:
enabled: true
style: uppercase
HexValidation:
enabled: true
# To enable later
IdSelector:
enabled: false
# To enable later
ImportantRule:
enabled: false
ImportPath:
enabled: false
leading_underscore: false
filename_extension: false
Indentation:
enabled: true
allow_non_nested_indentation: false
character: space
width: 2
LeadingZero:
enabled: true
style: include_zero
MergeableSelector:
enabled: false
force_nesting: true
NameFormat:
enabled: true
allow_leading_underscore: false
convention: hyphenated_lowercase
# To enable later
NestingDepth:
enabled: false
max_depth: 3
ignore_parent_selectors: false
# To enable later
PlaceholderInExtend:
enabled: false
PrivateNamingConvention:
enabled: false
prefix: _
PropertyCount:
enabled: false
include_nested: false
max_properties: 10
PropertySortOrder:
enabled: false
ignore_unspecified: false
min_properties: 2
separate_groups: false
PropertySpelling:
enabled: true
extra_properties: []
disabled_properties: []
# To enable later
PropertyUnits:
enabled: false
global: [
'ch', 'em', 'ex', 'rem', # Font-relative lengths
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
'deg', 'grad', 'rad', 'turn', # Angle
'ms', 's', # Duration
'Hz', 'kHz', # Frequency
'dpi', 'dpcm', 'dppx', # Resolution
'%'] # Other
properties: {}
PseudoElement:
enabled: true
# To enable later
QualifyingElement:
enabled: false
allow_element_with_attribute: false
allow_element_with_class: false
allow_element_with_id: false
# To enable later
SelectorDepth:
enabled: false
max_depth: 3
SelectorFormat:
enabled: true
convention: hyphenated_lowercase
Shorthand:
enabled: false
allowed_shorthands: [1, 2, 3, 4]
SingleLinePerProperty:
enabled: true
allow_single_line_rule_sets: false
SingleLinePerSelector:
enabled: true
SpaceAfterComma:
enabled: true
style: one_space
SpaceAfterComment:
enabled: true
style: one_space
allow_empty_comments: true
SpaceAfterPropertyColon:
enabled: true
style: one_space
SpaceAfterPropertyName:
enabled: true
SpaceAfterVariableColon:
enabled: true
style: one_space
SpaceAfterVariableName:
enabled: true
SpaceAroundOperator:
enabled: true
style: one_space
SpaceBeforeBrace:
enabled: true
style: space
allow_single_line_padding: false
SpaceBetweenParens:
enabled: true
spaces: 0
StringQuotes:
enabled: true
style: double_quotes
TrailingSemicolon:
enabled: true
TrailingWhitespace:
enabled: true
TrailingZero:
enabled: true
# To enable later
TransitionAll:
enabled: false
UnnecessaryMantissa:
enabled: true
UnnecessaryParentReference:
enabled: true
UrlFormat:
enabled: true
UrlQuotes:
enabled: true
VariableForProperty:
enabled: false
properties: []
VendorPrefix:
enabled: true
identifier_list: base
additional_identifiers: []
excluded_identifiers: []
ZeroUnit:
enabled: false
Compass::*:
enabled: false

View file

@ -124,6 +124,7 @@ group :development do
gem 'rack-handlers'
gem 'xray-rails'
gem 'haml-lint'
gem 'scss_lint', require: false
end
group :development, :test do

View file

@ -550,6 +550,9 @@ GEM
scenic (1.3.0)
activerecord (>= 4.0.0)
railties (>= 4.0.0)
scss_lint (0.53.0)
rake (>= 0.9, < 13)
sass (~> 3.4.20)
sdoc (0.4.2)
json (~> 1.7, >= 1.7.7)
rdoc (~> 4.0)
@ -715,6 +718,7 @@ DEPENDENCIES
rspec-rails (~> 3.0)
sass-rails (~> 5.0)
scenic
scss_lint
sdoc (~> 0.4.0)
select2-rails
sentry-raven

View file

@ -16,27 +16,27 @@ function destroy_action(){
$(this).closest('td').find(".confirm").hide();
});
$("#liste_gestionnaire #libelle").on('click', function(){
$("#liste-gestionnaire #libelle").on('click', function(){
setTimeout(destroy_action, 500);
});
}
function on_change_type_de_champ_select (){
$("select.form-control.type_champ").on('change', function(e){
$("select.form-control.type-champ").on('change', function(e){
parent = $(this).parent().parent();
parent.removeClass('header_section');
parent.children(".drop_down_list").removeClass('show_inline');
parent.removeClass('header-section');
parent.children(".drop-down-list").removeClass('show-inline');
$('.mandatory', parent).show();
switch(this.value){
case 'header_section':
parent.addClass('header_section');
parent.addClass('header-section');
break;
case 'drop_down_list':
case 'multiple_drop_down_list':
parent.children(".drop_down_list").addClass('show_inline');
parent.children(".drop-down-list").addClass('show-inline');
break;
case 'explication':
$('.mandatory', parent).hide();

View file

@ -8,16 +8,16 @@ function init_path_modal() {
}
function path_modal_action() {
$('#publishModal').on('show.bs.modal', function (event) {
$("#publishModal .modal-body .table .tr_content").hide();
$('#publish-modal').on('show.bs.modal', function (event) {
$("#publish-modal .modal-body .table .tr-content").hide();
var button = $(event.relatedTarget) // Button that triggered the modal
var modal_title = button.data('modal_title'); // Extract info from data-* attributes
var modal_index = button.data('modal_index'); // Extract info from data-* attributes
var modal = $(this)
modal.find('#publishModal_title').html(modal_title);
$("#publishModal .modal-body .table #"+modal_index).show();
modal.find('#publish-modal-title').html(modal_title);
$("#publish-modal .modal-body .table #"+modal_index).show();
})
}
@ -29,7 +29,7 @@ function path_validation_action() {
}
function togglePathMessage(valid, mine) {
$('#path_messages .message').hide();
$('#path-messages .message').hide();
if (valid === true && mine === true) {
$('#path_is_mine').show();
@ -40,9 +40,9 @@ function togglePathMessage(valid, mine) {
}
if ((valid && mine === null) || mine === true)
$('#publishModal #publish').removeAttr('disabled')
$('#publish-modal #publish').removeAttr('disabled')
else
$('#publishModal #publish').attr('disabled', 'disabled')
$('#publish-modal #publish').attr('disabled', 'disabled')
}
function path_validation(el) {
@ -77,7 +77,7 @@ function path_type_init() {
source: bloodhound,
templates: {
empty: 'Ce lien est disponible !',
suggestion: Handlebars.compile("<div class='path_mine_{{mine}}'>{{label}}</div>")
suggestion: Handlebars.compile("<div class='path-mine-{{mine}}'>{{label}}</div>")
},
limit: 5
});

View file

@ -152,11 +152,11 @@ function jsObject_to_array(qp_list) {
}
function add_event_search_address() {
$("#search_by_address input[type='address']").bind('typeahead:select', function (ev, seggestion) {
$("#search-by-address input[type='address']").bind('typeahead:select', function (ev, seggestion) {
get_address_point(seggestion['label']);
});
$("#search_by_address input[type='address']").keypress(function (e) {
$("#search-by-address input[type='address']").keypress(function (e) {
if (e.keyCode == 13)
get_address_point($(this).val());
});

View file

@ -1,7 +1,7 @@
//App.messages = App.cable.subscriptions.create('NotificationsChannel', {
// received: function (data) {
// if (window.location.href.indexOf('backoffice') !== -1) {
// $("#notification_alert").html(data['message']);
// $("#notification-alert").html(data['message']);
//
// slideIn_notification_alert();
// }
@ -9,7 +9,7 @@
//});
function slideIn_notification_alert (){
$("#notification_alert").animate({
$("#notification-alert").animate({
right: '20px'
}, 250);
@ -17,7 +17,7 @@ function slideIn_notification_alert (){
}
function slideOut_notification_alert (){
$("#notification_alert").animate({
$("#notification-alert").animate({
right: '-250px'
}, 200);
}

View file

@ -1,20 +1,20 @@
$(document).on('turbolinks:load', init_default_data_block);
function init_default_data_block() {
$('.default_data_block #dossier .body').toggle();
$('.default_data_block #dossier .carret-right').toggle();
$('.default_data_block #dossier .carret-down').toggle();
$('.default-data-block #dossier .body').toggle();
$('.default-data-block #dossier .carret-right').toggle();
$('.default-data-block #dossier .carret-down').toggle();
$('.default_data_block .title').click(function () {
$('.default-data-block .title').click(function () {
toggle_default_data_bloc(this, 400);
});
$('.new-action').click(function () {
var messages_block = $(this).parents().closest('.default_data_block').find('.title')
var messages_block = $(this).parents().closest('.default-data-block').find('.title')
toggle_default_data_bloc(messages_block, 400);
});
$('.default_data_block.default_visible').each(function() {
$('.default-data-block.default_visible').each(function() {
toggle_default_data_bloc($(this).find('.title'), 0);
});

View file

@ -3,14 +3,14 @@ $(document).on('turbolinks:load', pannel_switch);
function pannel_switch() {
$('#switch-notifications').click(function () {
$('#procedure_list').addClass('hidden');
$('#notifications_list').removeClass('hidden');
$('#procedure-list').addClass('hidden');
$('#notifications-list').removeClass('hidden');
$(this).addClass('active');
$('#switch-procedures').removeClass('active');
})
$('#switch-procedures').click(function () {
$('#notifications_list').addClass('hidden');
$('#procedure_list').removeClass('hidden');
$('#notifications-list').addClass('hidden');
$('#procedure-list').removeClass('hidden');
$(this).addClass('active');
$('#switch-notifications').removeClass('active');
})
@ -44,16 +44,16 @@ function error_form_siret(invalid_siret) {
$("input[type='submit']").removeClass('btn-success').addClass('btn-danger');
$("#dossier_siret").addClass('input-error').val(invalid_siret).on('input', reset_form_siret);
$("#dossier-siret").addClass('input-error').val(invalid_siret).on('input', reset_form_siret);
}
function reset_form_siret() {
$("input[type='submit']").removeClass('btn-danger').addClass('btn-success').val('Valider');
$("#dossier_siret").removeClass('input-error');
$("#dossier-siret").removeClass('input-error');
}
function toggle_etape_1() {
$('.row.etape.etape_1 .etapes_menu #logos').toggle(100);
$('.row.etape.etape_1 .etapes_informations #description_procedure').toggle(100);
$('.row.etape.etape_1 .etapes-menu #logos').toggle(100);
$('.row.etape.etape_1 .etapes-informations #description_procedure').toggle(100);
}

View file

@ -1,7 +1,7 @@
$(document).on('turbolinks:load', link_init);
function link_init() {
$('#dossiers_list tr').on('click', function () {
$('#dossiers-list tr').on('click', function () {
$(location).attr('href', $(this).data('dossier_url'))
});
}

View file

@ -1,15 +1,15 @@
$(document).on('turbolinks:load', modal_action);
function modal_action() {
$('#PJmodal').on('show.bs.modal', function (event) {
$("#PJmodal .modal-body .table .tr_content").hide();
$('#pj-modal').on('show.bs.modal', function (event) {
$("#pj-modal .modal-body .table .tr-content").hide();
var button = $(event.relatedTarget) // Button that triggered the modal
var modal_title = button.data('modal_title'); // Extract info from data-* attributes
var modal_index = button.data('modal_index'); // Extract info from data-* attributes
var modal = $(this)
modal.find('#PJmodal_title').html(modal_title);
$("#PJmodal .modal-body .table #"+modal_index).show();
modal.find('#pj-modal-title').html(modal_title);
$("#pj-modal .modal-body .table #"+modal_index).show();
})
}

View file

@ -6,25 +6,25 @@ function pref_list_dossier_actions() {
}
function pref_list_dossier_open_action() {
$("#pref_list_dossier_open_action").on('click', function () {
$("#pref_list_menu").css('display', 'block');
$("#pref_list_menu").css('visibility', 'visible');
$("#pref-list-dossier-open-action").on('click', function () {
$("#pref-list-menu").css('display', 'block');
$("#pref-list-menu").css('visibility', 'visible');
$("#pref_list_menu").animate({
$("#pref-list-menu").animate({
right: 0
}, 250);
});
}
function pref_list_dossier_close_action() {
$("#pref_list_dossier_close_action").on('click', function () {
$("#pref_list_menu").animate({
right: parseInt($("#pref_list_menu").css('width'), 10)*(-1)+'px'
$("#pref-list-dossier-close-action").on('click', function () {
$("#pref-list-menu").animate({
right: parseInt($("#pref-list-menu").css('width'), 10)*(-1)+'px'
},{
duration: 250,
complete: function () {
$("#pref_list_menu").css('display', 'none');
$("#pref_list_menu").css('visibility', 'hidden');
$("#pref-list-menu").css('display', 'none');
$("#pref-list-menu").css('visibility', 'hidden');
}
}
)

View file

@ -8,30 +8,30 @@ function button_edit_procedure_init(){
function buttons_api_carto () {
$("#procedure_module_api_carto_use_api_carto").on('change', function() {
$("#modules_api_carto").toggle()
$("#procedure-module-api-carto-use-api-carto").on('change', function() {
$("#modules-api-carto").toggle()
});
if ($('#procedure_module_api_carto_use_api_carto').is(':checked'))
$("#modules_api_carto").show();
if ($('#procedure-module-api-carto-use-api-carto').is(':checked'))
$("#modules-api-carto").show();
}
function button_cerfa () {
$("#procedure_cerfa_flag").on('change', function() {
$("#procedure_lien_demarche").toggle()
$("#procedure-lien-demarche").toggle()
});
if ($('#procedure_cerfa_flag').is(':checked'))
$("#procedure_lien_demarche").show();
$("#procedure-lien-demarche").show();
}
function button_individual () {
$("#procedure_for_individual").on('change', function() {
$("#individual_with_siret").toggle()
$("#individual-with-siret").toggle()
});
if ($('#procedure_for_individual').is(':checked'))
$("#individual_with_siret").show();
$("#individual-with-siret").show();
}

View file

@ -1,11 +1,11 @@
$(document).on('turbolinks:load', init_search_anim);
function init_search_anim(){
$("#search_area").on('click', search_fadeIn);
$("#search-area").on('click', search_fadeIn);
}
function search_fadeIn(){
var search_area = $("#search_area");
var search_area = $("#search-area");
var body_dom = $('body');
var positions = search_area.position();
var width = search_area.width();
@ -16,10 +16,10 @@ function search_fadeIn(){
search_area.css('z-index', 300);
search_area.css('width', width);
search_area.find('#q').animate({ height: '50px' });
search_area.find('#search_button').animate({ height: '50px' });
search_area.find('#search-button').animate({ height: '50px' });
body_dom.append(search_area);
$('#mask_search').fadeIn(200);
$('#mask-search').fadeIn(200);
var body_width = body_dom.width();
@ -30,16 +30,16 @@ function search_fadeIn(){
left: (body_width/2 - search_area_width/2 + 40)
}, 400, function() {
search_area.off();
$("#search_area input").focus();
$("#search-area input").focus();
$('#mask_search').on('click', search_fadeOut)
$('#mask-search').on('click', search_fadeOut)
});
}
function search_fadeOut(){
var search_area = $("#search_area");
var search_area = $("#search-area");
$('#mask_search').fadeOut(200);
$('#mask-search').fadeOut(200);
search_area.fadeOut(200, function(){
search_area.css('position', 'static');
@ -48,7 +48,7 @@ function search_fadeOut(){
search_area.css('z-index', '');
search_area.css('width', 'auto');
search_area.find('#q').css('height', 34);
search_area.find('#search_button').css('height', 34);
search_area.find('#search-button').css('height', 34);
$('#search-block').append(search_area);
search_area.fadeIn(200);

View file

@ -1,6 +1,6 @@
.card {
background: white;
background: #FFFFFF;
padding: 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
}

View file

@ -1,22 +0,0 @@
#admin_index{
margin-left: 2em;
margin-right: 2em;
.table {
#id {
width: 5%;
}
#libelle {
width: 40%;
}
#organisation {
width: 28%;
}
#direction {
width: 22%;
}
}
}

View file

@ -1,17 +1,18 @@
.path_mine_false {
color: red
.path-mine-false {
color: #FF0000;
}
#path_messages {
#path-messages {
.message {
display: none
display: none;
}
}
#publishModal {
#publish-modal {
.twitter-typeahead {
width: 300px;
}
.tt-menu {
width: 300px;
}

View file

@ -1,13 +1,13 @@
.header_section{
.header-section {
background-color: rgb(0, 49, 137);
margin-top: 20px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
text-align:center;
text-align: center;
padding-bottom: 8px;
color: white;
color: #FFFFFF;
.form-control.libelle {
font-weight: bold;
@ -22,26 +22,27 @@
}
}
#liste_champ{
#liste-champ {
.form-inline {
margin-bottom: 30px;
}
.show_inline {
.show-inline {
display: inline-block !important;
}
.form-group.drop_down_list{
.form-group.drop-down-list {
display: none;
}
.form-group {
vertical-align: top;
margin-right: 15px;
margin-right: 15px;
}
.description {
padding: 0;
textarea {
padding: 6px 12px;
}

View file

@ -1,27 +1,27 @@
//= depend_on_asset "layers.png"
//= depend_on_asset "layers-2x.png"
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
*= require bootstrap-datepicker3
*= require leaflet
*= require font-awesome
*= require franceconnect
*= require bootstrap-wysihtml5
*= require select2
*= require select2-bootstrap
*/
// = depend_on_asset "layers.png"
// = depend_on_asset "layers-2x.png"
// This is a manifest file that'll be compiled into application.css, which will include all the files
// listed below.
//
// Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
// or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
//
// You're free to add application-wide styles to this file and they'll appear at the bottom of the
// compiled file so the styles you add here take precedence over styles defined in any styles
// defined in the other CSS/SCSS files in this directory. It is generally better to create a new
// file per style scope.
//
// = require_tree .
// = require_self
// = require bootstrap-datepicker3
// = require leaflet
// = require font-awesome
// = require franceconnect
// = require bootstrap-wysihtml5
// = require select2
// = require select2-bootstrap
@import "variables";
@import "bootstrap-sprockets";
@import "bootstrap";
@ -30,7 +30,8 @@ body {
background-color: $light-blue;
}
html, body {
html,
body {
height: 100%;
}
@ -53,12 +54,13 @@ form {
overflow: hidden;
}
#wrap:after {
#wrap::after {
content: "";
display: block;
}
#footer, #wrap:after {
#footer,
#wrap::after {
height: 50px;
}
@ -66,35 +68,32 @@ form {
background-color: $light-blue;
text-align: center;
padding: 0;
a, p {
a,
p {
color: #000000;
}
a:hover {
color: #000000;
}
p {
line-height: 40px;
padding: 0;
}
}
.beta_staging {
.beta-staging {
background-color: #B00100 !important;
}
.staging_warning {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.text-purple {
color: #8B008B
color: #8B008B;
}
.text-default {
color: grey;
color: #808080;
}
.progress-bar-purple {
@ -122,16 +121,16 @@ form {
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
filter: alpha(opacity = 0);
opacity: 0;
outline: none;
background: white;
background: #FFFFFF;
cursor: inherit;
display: block;
}
.vr {
border-left: 1px solid grey;
border-left: 1px solid #808080;
}
.center {
@ -142,10 +141,6 @@ textarea#description {
width: 100%;
}
.logo_fc_small {
max-width: 27px;
}
div.pagination {
padding-top: 20px;
display: block;
@ -156,7 +151,7 @@ div.pagination {
margin-bottom: 0px;
}
.alert.alert-success.move_up,
.alert.alert-success.move-up,
.alert.alert-danger.siret {
position: fixed;
top: 0px;
@ -199,11 +194,11 @@ div.pagination {
right: 50px;
}
#fconnect-access:before {
#fconnect-access::before {
left: 22.7% !important;
}
#fconnect-access:after {
#fconnect-access::after {
left: 23% !important;
}
@ -217,7 +212,6 @@ div.pagination {
font-size: 16px !important;
margin-right: 0px !important;
}
}
.no-padding {

View file

@ -1,33 +1,31 @@
#backoffice_index, #backoffice_search {
#backoffice-index,
#backoffice-search {
margin-left: 2rem;
margin-right: 2rem;
.default_data_block {
.default-data-block {
background-color: #FFFFFF;
margin-top: 20px;
.show-block {
width: 100%;
}
.body {
height: auto;
}
}
.fixed-right {
position: fixed;
right: 20px;
}
}
#pref_list {
.dropdown-menu {
padding: 10px;
width: 500px;
}
}
#onglets {
ul {
li, li.active {
li,
li.active {
a {
margin-top: 12px;
height: 45px;

View file

@ -3,26 +3,19 @@
// You can use Sass (SCSS) here: http://sass-lang.com/
@import "bootstrap";
#carte_page {
#carte-page {
#map {
@extend .col-md-12;
@extend .col-lg-12;
margin-left: 15px;
width: 90%;
height: 600px;
}
#map.qp, #map.cadastre {
@extend .col-md-9;
@extend .col-lg-9;
#map.qp,
#map.cadastre {
width: 70%;
}
.list {
@extend .col-md-3;
@extend .col-lg-3;
margin-bottom: 20px;
h3 {
@ -36,10 +29,10 @@
}
.leaflet-container path {
cursor: url('/assets/edit.png'), default !important;
cursor: url("/assets/edit.png"), default !important;
}
#infos_dossier {
#infos-dossiers {
#map.mini {
height: 300px;
width: 100%;
@ -51,14 +44,14 @@
top: 0;
left: 0;
pointer-events: none;
box-shadow: inset -100px 0 100px -100px rgba(0, 0, 0, .25);
box-shadow: inset -100px 0 100px -100px rgba(0, 0, 0, 0.25);
width: 100%;
height: 100%;
z-index: 2001;
}
#map.mode-create {
cursor: url('/assets/pencil.png'), crosshair !important;
cursor: url("/assets/pencil.png"), crosshair !important;
}
#map g path.tracer {
@ -69,8 +62,7 @@
position: absolute;
z-index: 1001;
fill: #D7217E;
fill-opacity: .75;
-webkit-filter: none;
fill-opacity: 0.75;
}
#map.mode-delete path {
@ -78,12 +70,11 @@
}
#map.mode-delete path:hover {
fill: #4d4d4d !important;
fill: #4D4D4D !important;
}
#map div.polygon-elbow {
-webkit-transition: opacity .25s;
box-shadow: 0 0 0 2px white, 0 0 10px rgba(0, 0, 0, .35);
box-shadow: 0 0 0 2px #FFFFFF, 0 0 10px rgba(0, 0, 0, 0.35);
border: 5px solid #D7217E;
border-radius: 10px;
transition: opacity 0.25s;
@ -98,7 +89,7 @@
#map div.polygon-elbow.non-polygon {
opacity: 0 !important;
pointer-events: none !important;
border: 5px solid darkgray;
border: 5px solid #A9A9A9;
}
#map.mode-edit div.polygon-elbow {
@ -119,7 +110,6 @@
.info {
padding: 6px 8px;
font: 14px/16px Arial, Helvetica, sans-serif;
background: white;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
border-radius: 5px;
@ -127,13 +117,14 @@
.info h4 {
margin: 0 0 5px;
color: #777;
color: #777777;
}
#search_by_address {
#search-by-address {
.twitter-typeahead {
width: 555px;
}
.tt-menu {
width: 555px;
}

View file

@ -2,7 +2,7 @@
padding: 20px;
.wrapper {
background-color: #FFF;
background-color: #FFFFFF;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
margin: 15px auto;
max-width: 800px;

View file

@ -1,6 +1,6 @@
@import "variables";
.default_data_block {
.default-data-block {
font-family: Arial;
.show-block {
@ -9,6 +9,7 @@
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
margin-bottom: 40px;
}
.carret-right {
float: left;
width: 0;
@ -18,6 +19,7 @@
border-left: 14px solid #FFFFFF;
margin: 12px 12px 0 15px;
}
.carret-down {
float: left;
width: 0;
@ -28,24 +30,34 @@
border-top: 14px solid #FFFFFF;
margin: 12px 12px 0 15px;
}
.header {
background-color: #003C92;
height: 40px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
.title, .title-no-expanse, .action, .count {
.title,
.title-no-expanse,
.action,
.count {
height: 100%;
line-height: 40px;
padding: 0px;
text-transform: uppercase;
}
.title-no-expanse {
cursor: not-allowed;
}
.title, .action, .count {
.title,
.action,
.count {
cursor: pointer;
}
.action {
background-color: #E45B51;
text-align: center;
@ -54,14 +66,17 @@
text-decoration: none;
color: #FFFFFF;
}
.action:hover {
color: $light-blue;
}
.count {
font-size: 16px;
text-align: center;
}
}
.body {
background-color: #FFFFFF;
display: none;

View file

@ -1,12 +1,13 @@
@import "bootstrap";
@import "bootstrap-datepicker3";
#description_page #liste_champs {
#description-page #liste-champs {
.default_data_block {
.default-data-block {
.show-block {
width: 90%;
.body{
.body {
padding: 15px;
}
}
@ -18,16 +19,16 @@
}
}
.page-header{
.page-header {
border-bottom: 1px solid #CCCCCC !important;
}
.input-error {
color: darkred !important;
border-color: darkred !important
color: #8B0000 !important;
border-color: #8B0000 !important;
}
.type_champ-text {
.type-champ-text {
@extend .col-md-6;
@extend .col-lg-6;
@ -36,28 +37,30 @@
}
}
.type_champ-header_section {
.type-champ-header-section {
@extend .col-md-12;
@extend .col-lg-12;
}
.type_champ-address {
.type-champ-address {
@extend .col-md-6;
@extend .col-lg-6;
.twitter-typeahead {
width: 100%;
input {
width: 100%;
display: block !important;
}
}
.tt-menu {
width: 100%;
}
}
.type_champ-email {
.type-champ-email {
@extend .col-md-4;
@extend .col-lg-4;
@ -66,23 +69,26 @@
}
}
.type_champ-drop_down_list, .type_champ-regions, .type_champ-departements, .type_champ-pays {
.type-champ-drop-down-list,
.type-champ-regions,
.type-champ-departements,
.type-champ-pays {
@extend .col-md-4;
@extend .col-lg-4;
}
.type_champ-civilite {
.type-champ-civilite {
@extend .col-md-3;
@extend .col-lg-3;
}
.type_champ-yes_no {
.type-champ-yes-no {
@extend .col-md-3;
@extend .col-lg-3;
}
.type_champ-phone {
.type-champ-phone {
@extend .col-md-2;
@extend .col-lg-2;
@ -92,11 +98,11 @@
}
.datepicker-switch {
color: #0086b3;
color: #0086B3;
text-decoration: underline;
}
.type_champ-textarea {
.type-champ-textarea {
@extend .col-md-8;
@extend .col-lg-8;
@ -106,7 +112,7 @@
}
}
.type_champ-number {
.type-champ-number {
@extend .col-md-3;
@extend .col-lg-3;
@ -115,7 +121,7 @@
}
}
.type_champ-date {
.type-champ-date {
@extend .col-md-2;
@extend .col-lg-2;
@ -124,7 +130,7 @@
}
}
.type_champ-datetime {
.type-champ-datetime {
@extend .col-md-5;
@extend .col-lg-5;

View file

@ -1,27 +1,35 @@
#backoffice_dossier_show, #users_recapitulatif_dossier_show {
#backoffice-dossier-show,
#users-recapitulatif-dossier-show {
#messages {
.last-commentaire {
display: block;
background-color: #FFFFFF;
.content, .new-action {
.content,
.new-action {
margin-bottom: 20px;
}
}
.body {
.commentaires {
max-height: 350px;
overflow-y: scroll;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(219, 219, 219, 0) 50%, rgba(250, 251, 253, 0.18) 51%, #ffffff 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(219, 219, 219, 0) 50%, rgba(250, 251, 253, 0.18) 51%, #FFFFFF 100%);
}
.no-commentaires {
text-align: center;
font-size: 18px;
padding-top: 20px;
}
}
.last-commentaire, .commentaire {
.last-commentaire,
.commentaire {
padding: 20px 0 0 20px;
.comment-header {
font-family: Arial;
font-size: 14px;
@ -30,10 +38,12 @@
color: #000000;
margin-bottom: 10px;
}
.file {
padding-right: 70px;
text-align: center;
margin-bottom: 20px;
.link {
span {
width: 100%;
@ -42,41 +52,48 @@
}
}
}
.split-hr {
margin: 20px 20px 0 20px;
border-bottom: 1px solid #979797;
}
#new-commentaire {
padding: 15px;
}
}
.infos {
.split-row {
margin: 0 0 20px 0;
}
.entreprise-info {
font-size: 14px;
}
.entreprise-label {
font-weight: bold;
text-align: end;
}
}
#carto {
}
#private-fields {
.text-primary {
color: #337ab7;
color: #337AB7;
}
}
#pieces-jointes {
.piece-row {
margin: 20px;
.piece-label {
text-align: right;
font-weight: bold;
}
}
.modal-title {
color: #000000;
}
@ -89,31 +106,40 @@
}
}
#dossier, #pieces-jointes, .infos, #carto, #private-fields {
#dossier,
#pieces-jointes,
.infos,
#carto,
#private-fields {
.body {
padding: 20px 20px 0 20px;
color: #000000;
.libelle-procedure {
font-style: italic;
padding: 10px;
}
.depositaire-label {
font-weight: bold;
text-align: end;
}
.depositaire-info {
}
.btn-action{
.btn-action {
border: none;
margin: 20px 0 40px 0;
}
.btn-action:hover {
color: #EEEEEE;
}
.action {
margin: 50px 0 0 15px;
}
.action, .btn-action {
.action,
.btn-action {
background-color: #E45B51;
text-align: center;
cursor: pointer;
@ -125,44 +151,55 @@
font-size: 16px;
font-weight: bold;
text-decoration: none;
a:hover {
color: #EEEEEE;
}
}
.historique {
color: #000000;
margin-left: 20px;
}
.comments {
margin-right: -10px;
}
.comments-off {
margin-right: -35px;
}
.dossier-title {
font-size: 16px;
min-height: 40px;
text-align: center;
}
.split-hr {
border-bottom: 1px solid #979797;
height: 12px;
min-height: 10px;
}
.title-row {
margin: 20px 10px 10px 10px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-bot-40 {
margin-bottom: 40px;
}
}
#pieces_justificatives {
#pieces-justificatives {
.piece-row {
margin: 0 0 0 0;
}

View file

@ -3,10 +3,10 @@
// You can use Sass (SCSS) here: http://sass-lang.com/
h5 span {
font-weight: normal
font-weight: normal;
}
#insee_infogreffe {
#insee-infogreffe {
font-size: 17px;
}
@ -23,13 +23,7 @@ h5 span {
}
}
#recap_dossier {
#validate_button {
float: right;
}
}
#dossiers_list {
#dossiers-list {
.filter {
cursor: pointer;
font-size: 1.1em;
@ -37,30 +31,40 @@ h5 span {
}
}
#dossiers_list tr:hover{
background-color: #eeeeee;
#dossiers-list tr:hover {
background-color: #EEEEEE;
cursor: pointer;
}
#procedure_list, #notifications_list {
#procedure-list,
#notifications-list {
margin-left: -10px;
margin-top: 20px;
a, a:hover {
a,
a:hover {
color: #FFFFFF;
text-decoration: none;
}
.procedure_list_element.active, .notification.active {
.procedure-list-element.active,
.notification.active {
background-color: #668ABD;
}
.procedure_list_element, .notification {
.procedure-list-element,
.notification {
padding: 15px 40px 15px 20px;
cursor: pointer;
line-height: 1.8em;
.progress-bar-warning {
background-color: #E4594F;
}
}
.procedure_list_element:hover, .notification:hover {
.procedure-list-element:hover,
.notification:hover {
background-color: #668ABD;
cursor: pointer;
}

View file

@ -1,14 +1,15 @@
.etape_2{
.etapes_menu{
#dossier_siret{
.etape-2 {
.etapes-menu {
#dossier-siret {
width: 200px;
}
button{
button {
margin-top: 8px;
}
}
.etapes_informations{
.etapes-informations {
padding-top: 15px;
}
}

View file

@ -1,5 +1,5 @@
#france_connect_particulier_email{
#france-connect-particulier-email {
width: 300px;
margin-left:auto;
margin-right:auto;
margin-left: auto;
margin-right: auto;
}

View file

@ -3,14 +3,14 @@
}
#landing {
background-image: image-url('landing_background.png');
background-image: image-url("landing_background.png");
background-attachment: fixed;
background-size: 130% auto;
background-position: top center;
background-repeat: no-repeat;
h5{
color: grey;
h5 {
color: #808080;
}
.logos {
@ -20,6 +20,8 @@
#title {
padding-bottom: 2%;
padding-top: 1%;
color: #FFFFFF;
text-shadow: 0px 0px 10px rgb(0, 0, 0);
h2 {
font-size: 35px;
@ -28,22 +30,15 @@
.btn {
text-shadow: none;
}
color: white;
text-shadow: 0px 0px 10px rgb(0, 0, 0);
}
}
.background-tps{
.background-tps {
background-color: #668AEA;
color: white;
color: #FFFFFF;
}
.latest_release{
margin-left: 1%
}
#landing_body{
#landing-body {
.split-hr-left {
margin-left: auto;
margin-right: auto;
@ -51,11 +46,12 @@
margin-top: 40px;
margin-bottom: 20px;
border-color: grey;
border-color: #808080;
width: 40%;
}
#etapes, #request_access{
#etapes,
#request-access {
margin-top: 20px;
margin-bottom: 20px;
}

View file

@ -7,7 +7,7 @@
top: 0;
left: 0;
bottom: 0;
color: white;
color: #FFFFFF;
overflow-y: scroll;
#first-block {
@ -15,16 +15,19 @@
font-size: 16px;
line-height: 18px;
margin-top: 20px;
.infos {
font-size: 25px;
text-align: center;
margin: 10px 10px 30px 0;
.projet-name {
font-size: 25px;
line-height: normal;
padding: 5px;
}
}
.count {
display: inline-block;
padding: 3px;
@ -33,37 +36,49 @@
text-align: center;
line-height: 23px;
}
.text {
display: inline-block;
width: 30px;
margin: 0 0 0 8px;
}
.dossiers-en-cours, .en-cours {
.dossiers-en-cours,
.en-cours {
margin-top: 20px;
}
.dossiers-en-cours {
.count {
border: 1px solid #FFFFFF;
}
}
.nouveaux-dossiers {
.count {
background-color: #5CB85C;
}
}
.nouvelles-notifications {
.count {
background-color: #E4594F;
}
}
.dossiers-en-cours, .nouveaux-dossiers, .nouvelles-notifications, .en-cours {
.dossiers-en-cours,
.nouveaux-dossiers,
.nouvelles-notifications,
.en-cours {
margin: 5px auto 0 20px;
width: 150px;
}
}
#action-block {
text-align: center;
margin: 10px;
.action {
background-color: #E45B51;
text-align: center;
@ -78,7 +93,10 @@
border: none;
width: 100%;
}
.close-dossier, .refuse-dossier, .forget-dossier {
.close-dossier,
.refuse-dossier,
.forget-dossier {
border: 1px solid #FFFFFF;
border-radius: 25px;
margin: 5px;
@ -86,20 +104,27 @@
margin-right: auto;
width: 60px;
}
.close-dossier:hover, .refuse-dossier:hover, .forget-dossier:hover {
.close-dossier:hover,
.refuse-dossier:hover,
.forget-dossier:hover {
color: #000000;
border-color: #000000;
}
.close-dossier {
background-color: #2A9E2A;
}
.refuse-dossier {
background-color: #E4594F;
}
.forget-dossier {
background-color: #FF8300;
}
}
#menu-block {
#switch-buttons {
height: 30px;
@ -113,19 +138,24 @@
padding: 0 0 0 10px;
border-radius: 25px;
cursor: pointer;
.active {
background-color: #668ABD !important;
cursor: default;
}
.separator {
height: 26px;
width: 1px;
display: inline-block;
background-color: #FFFFFF;
}
#switch-procedures:hover, #switch-notifications:hover {
#switch-procedures:hover,
#switch-notifications:hover {
background-color: #668AEA;
}
#switch-procedures {
height: 28px;
margin: 0 0 0 -10px;
@ -134,6 +164,7 @@
display: inline-block;
border-radius: 25px 0 0 25px;
}
#switch-notifications {
width: 103px;
display: inline-block;
@ -143,45 +174,55 @@
padding: 0 0 0 5px;
}
}
.split-hr {
border-bottom: 1px solid #FFFFFF;
width: 200px;
margin: 20px 0 20px 0;
}
}
#infos-block {
.split-hr {
border-bottom: 1px solid #FFFFFF;
width: 200px;
margin: 20px 0 20px 0;
}
.dossier-state {
text-align: center;
font-size: 25px;
width: 200px;
margin-top: 20px;
width: 200px;
margin-left: auto;
margin-right: auto;
}
#notifications_list {
#notifications-list {
.no-notification {
margin: 0 30px 0 30px;
}
.notification {
padding: 10px 2px 10px 15px;
.dossier, .updated-at {
.dossier,
.updated-at {
display: inline-block;
color: #CCCCCC;
font-size: 12px;
text-align: left;
}
.dossier-index, .updated-at-index, .count {
.dossier-index,
.updated-at-index,
.count {
display: inline-block;
color: #FFFFFF;
font-size: 14px;
text-align: left;
}
.count {
background-color: #F0AD4E;
border-radius: 25px;
@ -189,33 +230,41 @@
width: 25px;
text-align: center;
}
.type-notif {
font-size: 16px;
}
}
}
.notifications {
margin: 20px 10px 0 5px;
.fa {
font-size: 25px;
width: 100%;
margin: 0 0 15px 0;
}
.type-notif {
font-size: 16px;
float: right;
width: 30px;
}
.notification {
margin: 10px 0 10px 10px;
.type {
margin-bottom: 20px;
}
.updated-at {
color: #CCCCCC;
font-size: 12px;
text-align: left;
}
.split-hr {
width: 40px;
margin: auto;

View file

@ -1,28 +1,28 @@
#form_login{
#form-login {
text-align: center;
max-width:500px;
max-width: 500px;
margin-left:auto;
margin-right:auto;
margin-left: auto;
margin-right: auto;
padding: 20px;
.btn_fc {
.btn-fc {
img {
height: 100px;
}
}
#new_user{
#new-user {
width: 80%;
margin-left:auto;
margin-right:auto;
margin-left: auto;
margin-right: auto;
}
hr {
margin-bottom: 40px;
border: 0;
border: none;
height: 1px;
background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
}

View file

@ -8,25 +8,30 @@
z-index: 10;
border-radius: 0;
height: 60px;
#title_navbar{
color: white;
#title-navbar {
color: #FFFFFF;
font-weight: bold;
font-size: 1.8em;
z-index: 10;
overflow: hidden;
}
#title_navbar:hover{
#title-navbar:hover {
text-decoration: none;
}
#home {
text-align: center;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
background-color: #003189;
height: 60px;
.logo {
margin-top: 10px;
height: 40px;
}
#tps-title {
font-family: Arial;
font-size: 24px;
@ -35,11 +40,13 @@
margin-top: 17px;
}
}
#navbar-body {
min-height: 60px;
background-color: #FFFFFF;
box-shadow: 0 1px 2px 0 rgba(50,50,50,0.5);
box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
padding-left: 50px;
.main-info {
font-family: Arial;
font-size: 18px;
@ -51,6 +58,7 @@
white-space: nowrap;
text-overflow: ellipsis;
}
.options {
font-family: Arial;
font-size: 14px;
@ -60,18 +68,22 @@
padding: 8px;
border-right: 1px solid #C8C6C8;
min-height: 60px;
.dropdown-toggle {
cursor: pointer;
}
.dropdown-pannel {
min-height: 100px;
width: 400px;
padding-left: 10px;
}
.centered-option {
line-height: 40px;
height: 40px;
}
.caret-right {
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
@ -84,15 +96,16 @@
}
}
#sign_in{
#sign-in {
margin-top: 7px;
.btn {
float: right;
margin-right: 15px;
}
}
#sign_out{
#sign-out {
height: 60px;
.fa {
@ -103,6 +116,7 @@
margin-right: 0.5em;
font-size: 40px;
}
.fa:hover {
color: #668ABD;
}
@ -118,37 +132,33 @@
}
.btn-nav {
color: white;
color: #FFFFFF;
background-color: transparent;
margin-top: 6px;
height: 36px;
}
.btn-nav:hover {
background-color: #eeeeee;
border-color: #eeeeee #eeeeee #ddd;
background-color: #EEEEEE;
border-color: #EEEEEE #EEEEEE #DDDDDD;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.btn-nav.text-info:hover {
color: #23527c;
color: #23527C;
}
.btn-nav.text-success:hover {
color: #3c763d;
color: #3C763D;
}
.btn-nav.text-danger:hover {
color: #a94442;
color: #A94442;
}
.navbar {
border: 0 !important;
.sign_in_FC {
margin-top: -18px;
height: 70px;
}
}
#beta {
@ -159,15 +169,15 @@
right: -35px;
transform: rotate(-45deg);
width: 150px;
background-color: #008cba;
color: #fff;
background-color: #008CBA;
color: #FFFFFF;
padding: 5px;
font-size: 15px;
font-weight: 700;
z-index: 10;
}
.button_navbar {
.button-navbar {
color: #666666;
cursor: pointer;
}
@ -181,16 +191,19 @@
text-align: center;
padding: 2px;
float: right;
.fa {
font-size: 20px;
margin-right: 10px;
}
}
.button-navbar-action:hover {
color: $light-blue;
}
.button_navbar:hover, .button-navbar-action:hover {
.button-navbar:hover,
.button-navbar-action:hover {
text-decoration: none;
}
@ -200,6 +213,7 @@
padding: 10px;
left: -130px;
text-align: center;
.description {
font-weight: bold;
font-size: 20px;

View file

@ -1,4 +1,4 @@
#notification_alert {
#notification-alert {
position: fixed;
top: 20px;
right: -250px;
@ -8,5 +8,5 @@
width: 250px;
height: 80px;
border: solid black 1px;
border: solid #000000 1px;
}

View file

@ -1,3 +1,5 @@
.pieces_justificatives_fields {
.form-inline > .form-group { vertical-align: top; }
.pieces-justificatives-fields {
.form-inline > .form-group {
vertical-align: top;
}
}

View file

@ -1,7 +1,7 @@
#PJmodal {
#pj-modal {
.modal-body {
.table {
.tr_content {
.tr-content {
display: none;
}
}

View file

@ -1,4 +1,4 @@
#pref_list_menu{
#pref-list-menu {
z-index: 100;
display: none;
position: fixed;
@ -6,15 +6,10 @@
top: 10px;
right: -470px;
background-color: rgba(255, 255, 255, 0.95);
border-left: solid 1px lightgrey;
border-left: solid 1px #D3D3D3;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
width: 470px;
height: calc(100% - 25px);
padding: 15px;
overflow-y: scroll;
}
.open_pref_list {
right: 0 !important;
display: block !important;
}

View file

@ -1,30 +1,18 @@
@media print {
html, body {
html,
body {
margin: 0;
}
#main_div{
margin-left: 50px;
margin-right: 0;
}
#commentaire_new {
#infos-dossiers .row:last-child {
display: none;
}
#commentaires_flux {
margin-top: -50px;
}
#infos_dossier .row:last-child {
display: none;
}
#infos_dossier {
#infos-dossiers {
margin-bottom: -70px;
}
#backoffice_dossier_show .nav-tabs {
#backoffice-dossier-show .nav-tabs {
display: none;
}

View file

@ -1,12 +1,12 @@
#modules_api_carto {
#modules-api-carto {
display: none;
}
#procedure_lien_demarche{
#procedure-lien-demarche {
display: none;
}
#individual_with_siret {
#individual-with-siret {
display: none;
}

View file

@ -1,4 +1,4 @@
#UploadPJmodal {
#upload-pj-modal {
text-align: left;
table {

View file

@ -1,13 +1,13 @@
#search-block{
#search-block {
margin: 15px 10px 0 10px;
height: 30px;
}
#search_button {
#search-button {
height: 34px;
}
#mask_search{
#mask-search {
display: none;
position: fixed;
background-color: rgba(0, 0, 0, 0.4);

View file

@ -6,7 +6,7 @@
display: none;
}
#titre_procedure {
#titre-procedure {
margin-top: 3%;
margin-bottom: 2%;
}

View file

@ -8,6 +8,7 @@ $blue-hover: rgba(61, 149, 236, 0.8);
$default-space: 15px;
$new-h1-margin-bottom: 4 * $default-space;
.new-h1 {
color: $dark-grey;
text-align: center;
@ -16,6 +17,7 @@ $new-h1-margin-bottom: 4 * $default-space;
}
$statistiques-padding-top: $default-space * 2;
.statistiques {
width: 1040px;
margin: 0 auto;
@ -29,8 +31,8 @@ $statistiques-padding-top: $default-space * 2;
}
$stat-card-margin-bottom: 3 * $default-space;
.stat-card {
@extend .card;
margin-bottom: $stat-card-margin-bottom;
border-radius: 5px;
box-shadow: none;
@ -38,6 +40,7 @@ $stat-card-margin-bottom: 3 * $default-space;
}
$stat-card-half-horizontal-spacing: 4 * $default-space;
.stat-card-half {
width: calc((100% - #{$stat-card-half-horizontal-spacing}) / 2);
margin-right: 3 * $default-space;
@ -51,6 +54,7 @@ $stat-card-half-horizontal-spacing: 4 * $default-space;
}
$segmented-control-margin-top: $default-space;
.segmented-control {
border-radius: 36px;
height: 36px;
@ -63,8 +67,8 @@ $segmented-control-margin-top: $default-space;
$segmented-control-item-horizontal-padding: $default-space;
$segmented-control-item-border-radius: 2 * $default-space;
.segmented-control-item {
color: $blue;
display: inline-block;
font-size: 15px;
border: 2px solid $blue;
@ -84,14 +88,14 @@ $segmented-control-item-border-radius: 2 * $default-space;
&:hover {
background-color: $blue-hover;
color: white;
color: #FFFFFF;
cursor: pointer;
}
}
.segmented-control-item-active {
background-color: $blue;
color: white;
color: #FFFFFF;
}
.chart-container {
@ -103,6 +107,7 @@ $segmented-control-item-border-radius: 2 * $default-space;
}
$big-number-card-padding: 2 * $segmented-control-item-border-radius;
.big-number-card {
padding: $big-number-card-padding;
}

View file

@ -1,15 +1,16 @@
#support_navigator_banner{
#support-navigator-banner {
position: fixed;
text-align:center;
text-align: center;
line-height: 2em;
color: white;
color: #FFFFFF;
background-color: #990000;
width: 100%;
margin: 0;
bottom: 0;
left: 0;
z-index: 1000;
a{
color: #c3d9ff;
a {
color: #C3D9FF;
}
}

View file

@ -1,4 +1,4 @@
#switch_menu{
#switch-menu {
position: fixed;
left: 10px;
bottom: 10px;

View file

@ -1,18 +1,13 @@
.twitter-typeahead {
width: 100%; // http://stackoverflow.com/questions/17957513/extending-the-width-of-bootstrap-typeahead-to-match-input-field
width: 100%; // http://stackoverflow.com/questions/17957513/extending-the-width-of-bootstrap-typeahead-to-match-input-field
}
.tt-menu {
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
@ -23,12 +18,12 @@
.tt-suggestion:hover {
cursor: pointer;
color: #fff;
background-color: #0097cf;
color: #FFFFFF;
background-color: #0097CF;
}
.tt-suggestion.tt-cursor {
color: #fff;
background-color: #0097cf;
color: #FFFFFF;
background-color: #0097CF;
}

View file

@ -1,14 +0,0 @@
.dynamic_ul {
margin-left: 20px;
margin-top: 13%;
li {
font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
margin-top: 15px;
margin-bottom: 15px;
}
li:last-child {
border: none;
}
}

View file

@ -1,43 +1,48 @@
@import "variables";
#users_index, #admins_index{
#users-index,
#admins-index {
margin-left: 2rem;
margin-right: 2rem;
.default_data_block {
.default-data-block {
margin-top: 20px;
background-color: #FFFFFF;
.show-block {
width: 100%;
}
.body {
height: auto;
}
}
}
#users_siret_index {
#users-siret-index {
margin: 20px;
}
#description_page {
}
#carto_page {
#carto-page {
margin: 20px;
}
.white-back {
margin: 20px !important;
#previsualisation {
margin-top: 30px;
}
}
.white-back, #users_siret_index, #description_page, #carto_page {
.white-back,
#users-siret-index,
#description-page,
#carto-page {
background-color: #FFFFFF;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
padding: 20px;
.action {
background-color: #E45B51;
text-align: center;
@ -49,12 +54,15 @@
border: none;
padding: 10px;
}
.action:hover {
color: $light-blue;
}
.padding-left-30 {
padding-left: 30px;
}
h3 {
margin-bottom: 20px;
}

View file

@ -1,7 +1,7 @@
.row{ style: 'height: 34px;' }
- unless smart_listing.empty?
%table.table#liste_gestionnaire
%table.table#liste-gestionnaire
%thead
%th Enlever
%th#email{ style: 'text-align: right;' } Email

View file

@ -7,7 +7,7 @@
- unless smart_listing.empty?
%table.table#liste_gestionnaire
%table.table#liste-gestionnaire
%thead
%th#email Email
%th Ajouter

View file

@ -1,5 +1,5 @@
- unless smart_listing.empty?
%table.table#liste_gestionnaire
%table.table#liste-gestionnaire
%thead
%th#libelle= smart_listing.sortable 'Email', 'email'
%th

View file

@ -1,4 +1,4 @@
.pieces_justificatives_fields
.pieces-justificatives-fields
= f.fields_for :types_de_piece_justificative, types_de_piece_justificative, remote: true do |ff|
.form-inline
.form-group

View file

@ -1,4 +1,4 @@
<% flash.each do |type, message| %>
$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
<% end %>
$('#piece_justificative_form').html("<%= escape_javascript(render partial: 'form', locals: { procedure: @procedure } ) %>");

View file

@ -37,10 +37,10 @@
= f.fields_for :module_api_carto, @procedure.module_api_carto do |ff|
.checkbox
%label
= ff.check_box :use_api_carto, id: :procedure_module_api_carto_use_api_carto
= ff.check_box :use_api_carto, id: "procedure-module-api-carto-use-api-carto"
Utilisation de la cartographie
%ul#modules_api_carto
%ul#modules-api-carto
%li
.checkbox
%label
@ -73,7 +73,7 @@
ne possède pas (ou pas encore) de numéro SIRET,
qui doivent donc s'identifier en tant que personne physique.
%ul#individual_with_siret
%ul#individual-with-siret
%li
.checkbox
%label

View file

@ -1,5 +1,5 @@
- unless smart_listing.empty?
%table.table#dossiers_list
%table.table#dossiers-list
%thead
%th#ID= smart_listing.sortable 'ID', 'id'
%th#libelle= smart_listing.sortable 'Libellé', 'libelle'

View file

@ -1,4 +1,4 @@
#publishModal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
#publish-modal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
.modal-dialog.modal-lg{ :role => "document" }
= form_tag admin_procedure_publish_path(procedure_id: @procedure.id), method: :put, remote: true do
.modal-content
@ -8,7 +8,7 @@
%h4#myModalLabel.modal-title
= @procedure.archived? ? 'Réactiver' : 'Publier'
la procédure
%span#publishModal_title
%span#publish-modal-title
.modal-body
Vous vous apprêtez à
= @procedure.archived? ? 'republier' : 'publier'
@ -30,7 +30,7 @@
class: 'form-control',
maxlength: 30,
style: 'width: 300px; display: inline;')
#path_messages
#path-messages
#path_is_mine.text-warning.center.message
Ce lien est déjà utilisé par une de vos procédure.
%br

View file

@ -1,5 +1,5 @@
#admins_index
.default_data_block.default_visible
#admins-index
.default-data-block.default_visible
.row.show-block#new_dossiers
.header
.col-lg-10.col-md-10.col-sm-10.col-xs-10.title

View file

@ -6,7 +6,7 @@
%i.fa.fa-eraser
Publier
- else
%a.btn.btn-success{ "data-target" => "#publishModal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;', id: 'publish-procedure' }
%a.btn.btn-success{ "data-target" => "#publish-modal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;', id: 'publish-procedure' }
%i.fa.fa-eraser
Publier
@ -19,7 +19,7 @@
= render partial: '/admin/procedures/modal_transfer'
- if @facade.procedure.archived?
%a#reenable.btn.btn-small.btn-default.text-info{ "data-target" => "#publishModal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;' }
%a#reenable.btn.btn-small.btn-default.text-info{ "data-target" => "#publish-modal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;' }
%i.fa.fa-eraser
Réactiver
@ -80,7 +80,7 @@
- @facade.procedure.types_de_champ_private.order(:order_place).each do |champ|
%li= champ.libelle
.pieces_justificatives.col-xs-6.col-md-3
.pieces-justificatives.col-xs-6.col-md-3
%h4.text-info
Pièces jointes
.badge.progress-bar-info

View file

@ -1,20 +1,20 @@
= f.fields_for @types_de_champ_facade.fields_for_var, types_de_champ, remote: true do |ff|
- type_champ = ff.object.object.type_champ
.form-inline{ class: (type_champ == 'header_section' ? 'header_section' : nil) }
.form-inline{ class: (type_champ == 'header_section' ? 'header-section' : nil) }
.form-group.libelle
%h4 Libellé
= ff.text_field :libelle, class: 'form-control libelle', placeholder: 'Libellé'
.form-group.type
%h4 Type
= ff.select :type_champ, TypeDeChamp.type_de_champs_list_fr, {}, { class: 'form-control type_champ' }
= ff.select :type_champ, TypeDeChamp.type_de_champs_list_fr, {}, { class: 'form-control type-champ' }
.form-group.description
%h4 Description
= ff.text_area :description, class: 'form-control description', placeholder: 'Description', rows: 3
.form-group.drop_down_list{ class: (%w(drop_down_list multiple_drop_down_list).include?(type_champ) ? 'show_inline' : nil), style: 'margin-right: 5px;' }
.form-group.drop-down-list{ class: (%w(drop_down_list multiple_drop_down_list).include?(type_champ) ? 'show-inline' : nil), style: 'margin-right: 5px;' }
%h4 Liste déroulante
= ff.fields_for :drop_down_list_attributes, ff.object.object.drop_down_list do |fff|
~ fff.text_area :value, class: 'form-control drop_down_list', placeholder: "Ecrire une valeur par ligne et --valeur-- pour un séparateur.", rows: 3, cols: 30

View file

@ -1,3 +1,3 @@
.row.white-back
#liste_champ
#liste-champ
= render partial: 'admin/types_de_champ/form'

View file

@ -1,5 +1,5 @@
<% flash.each do |type, message| %>
$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
<% end %>
$('#liste_champ').html("<%= escape_javascript(render partial: 'admin/types_de_champ/form', locals: { procedure: @procedure, types_de_champ: @types_de_champ } ) %>");
on_change_type_de_champ_select ();
$('#liste-champ').html("<%= escape_javascript(render partial: 'admin/types_de_champ/form', locals: { procedure: @procedure, types_de_champ: @types_de_champ } ) %>");
on_change_type_de_champ_select ();

View file

@ -1,4 +1,4 @@
#form_login
#form-login
%br
= image_tag(image_url(LOGO_NAME))
%br
@ -7,7 +7,7 @@
%br
%br
#new_user
#new-user
= form_for @administrateur, url: { controller: 'administrateurs/sessions', action: :create } do |f|
%h4
= f.label :email

View file

@ -1,4 +1,4 @@
%table#dossiers_list.table
%table#dossiers-list.table
%thead
- if smart_listing.name.to_s == 'follow_dossiers'
%th.col-xs-1.center

View file

@ -1,4 +1,4 @@
%button#pref_list_dossier_close_action.btn.btn-danger.btn-xs.fixed-right
%button#pref-list-dossier-close-action.btn.btn-danger.btn-xs.fixed-right
%i.fa.fa-close
%h3
= t('dynamics.backoffice.pref_list.title')

View file

@ -9,6 +9,6 @@ $.ajax({
url: '/backoffice/preference_list_dossier/reload_pref_list?procedure_id=<%= @procedure_id %>',
async: true
}).done(function (data) {
$("#pref_list_menu").html(data);
$("#pref-list-menu").html(data);
pref_list_dossier_actions();
});

View file

@ -1,4 +1,4 @@
<% flash.each do |type, message| %>
$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
<% end %>
<% flash.clear %>

View file

@ -1,8 +1,8 @@
#backoffice_index
#pref_list_menu
#backoffice-index
#pref-list-menu
= render partial: 'backoffice/dossiers/pref_list'
.default_data_block
.default-data-block
.row.show-block#new_dossiers
.header
.col-xs-10.title
@ -24,7 +24,7 @@
.col-xs-3
= link_to 'Terminés', '?liste=termine', class: 'text-success', style: "text-decoration: #{@facade_data_view.liste == 'termine'? 'underline' : ''}"
.default_data_block.default_visible
.default-data-block.default_visible
.row.show-block#follow_dossiers
.header
.col-xs-10.title
@ -36,7 +36,7 @@
.body
= smart_listing_render :follow_dossiers
.default_data_block
.default-data-block
.row.show-block#all_dossiers
.header
.col-xs-10.title
@ -50,7 +50,7 @@
- if @archived_dossiers
.default_data_block
.default-data-block
.row.show-block#archived_dossiers
.header
.col-xs-10.title

View file

@ -1,8 +1,8 @@
#backoffice_search
#pref_list_menu
#backoffice-search
#pref-list-menu
= render partial: 'backoffice/dossiers/pref_list'
.default_data_block.default_visible
.default-data-block.default_visible
.row.show-block#new_dossiers
.header
.col-lg-10.col-md-10.col-sm-10.col-xs-10.title

View file

@ -1,2 +1,2 @@
#backoffice_dossier_show.col-xs-12
#backoffice-dossier-show.col-xs-12
= render partial: "dossiers/dossier_show"

View file

@ -1,7 +1,7 @@
= render partial: 'dossiers/messagerie', locals: { dossier_facade: @facade }
- if @facade.procedure.individual_with_siret
.default_data_block
.default-data-block
.row.show-block.infos
.header
.col-xs-8.title-no-expanse
@ -13,7 +13,7 @@
Renseigner un SIRET
- unless @facade.entreprise.nil?
.default_data_block
.default-data-block
.row.show-block.infos#infos_entreprise
.header
.col-xs-12.title
@ -23,8 +23,8 @@
.body.display-block-on-print
= render partial: '/dossiers/infos_entreprise'
.default_data_block.default_visible
.row.show-block.infos#infos_dossier
.default-data-block.default_visible
.row.show-block.infos#infos-dossiers
.header
.col-xs-10.title
.carret-right
@ -35,7 +35,7 @@
= render partial: '/dossiers/infos_dossier'
- if @facade.dossier.procedure.module_api_carto.use_api_carto
.default_data_block.default_visible.no-page-break-inside
.default-data-block.default_visible.no-page-break-inside
.row.show-block#carto
.header
.col-xs-10.title
@ -53,7 +53,7 @@
- if @current_gestionnaire && gestionnaire_signed_in? && @champs_private.count > 0
.default_data_block.default_visible
.default-data-block.default_visible
.row.show-block#private-fields
.header
.col-xs-10.title

View file

@ -1,5 +1,5 @@
.dropdown.pull-right#download-menu
%a.dropdown-toggle.button_navbar{ type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
%a.dropdown-toggle.button-navbar{ type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
%i.fa.fa-download
Télécharger tous les dossiers
%span.caret

View file

@ -2,7 +2,7 @@
- if user_signed_in? && (@facade.dossier.owner?(current_user.email) || @facade.dossier.invite_by_user?(current_user.email))
- if @facade.procedure.cerfa_flag? || @facade.dossier.types_de_piece_justificative.size > 0
.col-lg-4.col-md-4.col-sm-4.col-xs-4.action
%a#maj_pj.action{ "data-target" => "#UploadPJmodal",
%a#maj_pj.action{ "data-target" => "#upload-pj-modal",
"data-toggle" => "modal",
:type => "button",
style: 'margin-bottom: 15px; margin-top: -30px;' }

View file

@ -62,7 +62,7 @@
.col-xs-4.dossier-title= t('utils.pieces').upcase
.col-xs-4.split-hr
.col-xs-12#pieces_justificatives.margin-bot-40
.col-xs-12#pieces-justificatives.margin-bot-40
.row
- if @facade.procedure.cerfa_flag?
.col-xs-12#piece_justificative_0
@ -74,7 +74,7 @@
%a{ href: "#{@facade.dossier.cerfa.last.content_url}", target: '_blank' } Consulter
%span{ style: 'margin-left: 12px;' }
\-
= link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#PJmodal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => 'cerfa' do
= link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#pj-modal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => 'cerfa' do
%span.fa.fa-clock-o
- else
Pièce non fournie
@ -94,7 +94,7 @@
%span{ style: 'margin-left: 12px;' }
\-
- if @facade.dossier.pieces_justificatives.where(type_de_piece_justificative_id: type_de_piece_justificative.id).count > 1
= link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#PJmodal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => "type_de_pj_#{type_de_piece_justificative.id}" do
= link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#pj-modal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => "type_de_pj_#{type_de_piece_justificative.id}" do
%span.fa.fa-clock-o
- else
Pièce non fournie
@ -104,7 +104,7 @@
- if @facade.procedure.cerfa_flag? || @facade.dossier.types_de_piece_justificative.size > 0
.row
.col-xs-4
%a#maj_pj.action{ "data-target" => "#UploadPJmodal", "data-toggle" => "modal", :type => "button" }
%a#maj_pj.action{ "data-target" => "#upload-pj-modal", "data-toggle" => "modal", :type => "button" }
.col-xs-4.action
Modifier les documents
%br
@ -112,7 +112,7 @@
.col-xs-4
- if gestionnaire_signed_in?
#PJmodal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
#pj-modal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
.modal-dialog.modal-lg{ :role => "document" }
.modal-content
.modal-header
@ -120,7 +120,7 @@
%span{ "aria-hidden" => "true" } ×
%h4#myModalLabel.modal-title
Historique des
%span#PJmodal_title
%span#pj-modal-title
.modal-body
%table.table
%thead
@ -130,7 +130,7 @@
Date d'envoi
%th
Lien
%thead.tr_content#cerfa
%thead.tr-content#cerfa
- if @facade.procedure.cerfa_flag?
- if @facade.dossier.cerfa_available?
- @facade.cerfas_ordered.each do |cerfa|
@ -142,7 +142,7 @@
%td.col-md-6.col-sm-6.col-xs-6.col-lg-4
= link_to 'Récupérer', cerfa.content_url, { target: :blank }
- @facade.dossier.types_de_piece_justificative.each do |type_de_piece_justificative|
%tbody.tr_content{ id: "type_de_pj_#{type_de_piece_justificative.id}" }
%tbody.tr-content{ id: "type_de_pj_#{type_de_piece_justificative.id}" }
- @facade.dossier.retrieve_all_piece_justificative_by_type(type_de_piece_justificative.id).each do |piece_justificative|
%tr
%td.col-md-6.col-sm-6.col-xs-6.col-lg-4

View file

@ -1,4 +1,4 @@
#pieces_justificatives
#pieces-justificatives
.row
- if @facade.procedure.cerfa_flag?
.col-xs-12#piece_justificative_0
@ -11,7 +11,7 @@
%span{ style: 'margin-left: 12px;' }
\-
%a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
"data-target" => "#PJmodal",
"data-target" => "#pj-modal",
"data-toggle" => "modal",
:type => "button",
"data-modal_title" => 'formulaires',
@ -37,7 +37,7 @@
%span{ style: 'margin-left: 12px;' }
\-
%a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
"data-target" => "#PJmodal",
"data-target" => "#pj-modal",
"data-toggle" => "modal",
:type => "button",
"data-modal_title" => type_de_piece_justificative.libelle,

View file

@ -1,4 +1,4 @@
.default_data_block{ style: 'margin-top: 40px;' }
.default-data-block{ style: 'margin-top: 40px;' }
.row.show-block.clearfix#messages
.header
.col-xs-10.title

View file

@ -1,4 +1,4 @@
#pieces_justificatives
#pieces-justificatives
%table.table
- if @facade.procedure.cerfa_flag?
%tr{ id: "piece_justificative_0" }
@ -10,7 +10,7 @@
%span{ style: 'margin-left: 12px;' }
\-
%a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
"data-target" => "#PJmodal",
"data-target" => "#pj-modal",
"data-toggle" => "modal",
:type => "button",
"data-modal_title" => 'formulaires',
@ -33,7 +33,7 @@
%span{ style: 'margin-left: 12px;' }
\-
%a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
"data-target" => "#PJmodal",
"data-target" => "#pj-modal",
"data-toggle" => "modal",
:type => "button",
"data-modal_title" => type_de_piece_justificative.libelle,

View file

@ -1,9 +1,9 @@
#users_siret_index
#users-siret-index
.row.etape.etape_1
= render partial: '/dossiers/etapes/etape1'
.row.etape.etape_2
.row.etape.etape-2
= render partial: '/dossiers/etapes/etape2'
-# - if @facade.procedure.module_api_carto.use_api_carto?

View file

@ -1,6 +1,6 @@
<% if flash.empty? %>
$('.row.etape.etape_2').hide(300, render_new_siret);
$('.row.etape.etape_2').slideDown(400, the_terms);
$('.row.etape.etape-2').hide(300, render_new_siret);
$('.row.etape.etape-2').slideDown(400, the_terms);
<% else %>
error_form_siret('<%= invalid_siret %>');
<% end %>
@ -8,5 +8,5 @@ error_form_siret('<%= invalid_siret %>');
<% flash.clear %>
function render_new_siret(){
$('.row.etape.etape_2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape_2/entreprise', locals: { facade: @facade } ) %>");
$('.row.etape.etape-2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape_2/entreprise', locals: { facade: @facade } ) %>");
}

View file

@ -9,10 +9,10 @@
#logo_procedure.flag
= image_tag( @facade.procedure.decorate.logo_img )
.etape.etapes_informations.col-xs-9
.etape.etapes-informations.col-xs-9
.row
.col-xs-12.padding-left-30
%h2#titre_procedure.text-info
%h2#titre-procedure.text-info
= @facade.procedure.libelle
%p#description_procedure{ style: 'width: 95%;', class: (@facade.entreprise.nil? ? '' : 'mask') }

View file

@ -1,6 +1,6 @@
.etape.etapes_menu.col-xs-3
.etape.etapes-menu.col-xs-3
%h3
Ma zone d'intervention
.etape.etapes_informations.col-xs-9
.etape.etapes-informations.col-xs-9
.row

View file

@ -1,6 +1,6 @@
.etape.etapes_menu.col-xs-3
.etape.etapes-menu.col-xs-3
%h3
Mon dossier
.etape.etapes_informations.col-xs-9
.etape.etapes-informations.col-xs-9
.row

View file

@ -1,4 +1,4 @@
.etape.etapes_menu.col-xs-3
.etape.etapes-menu.col-xs-3
%h3
Mes informations
%br
@ -12,21 +12,21 @@
= f.submit 'Changer de SIRET', class: %w(btn btn-xs btn-primary)
.etape.etapes_informations.col-xs-9
.etape.etapes-informations.col-xs-9
.row
- if @facade.entreprise.nil?
#new_siret{ style: 'margin-left: 20%; margin-top: 5%;' }
= form_for @facade.dossier, html: { class: 'form-inline' }, url: users_dossier_siret_informations_path(dossier_id: @facade.dossier.id), method: :post, remote: true do |f|
.form-group.form-group-lg
= f.text_field :siret, class: "form-control", placeholder: "Entrez votre Siret", value: @siret
= f.text_field :siret, id: "dossier-siret", class: "form-control", placeholder: "Entrez votre Siret", value: @siret
= f.hidden_field :dossier_id, value: @facade.dossier.id
= f.submit 'Valider', class: %w(btn btn-lg btn-success), id: 'submit-siret', data: { disable_with: "Recherche en cours ..." }
- else
%br
#recap_info_entreprise
#recap-info-entreprise
= render partial: '/dossiers/infos_entreprise'
%p#insee_infogreffe{ style: 'color: grey; float: right;' }
%p#insee-infogreffe{ style: 'color: grey; float: right;' }
%i
Informations récupérées auprès de l'INSEE et d'INFOGREFFE

View file

@ -5,7 +5,7 @@
%br
vous concernant.
.etape.etapes_informations.col-xs-9
.etape.etapes-informations.col-xs-9
= form_for @facade.dossier, url: { controller: '/users/dossiers', action: :update } do |f|
.row
.col-xs-12.padding-left-30

View file

@ -1,6 +1,6 @@
<% if flash.empty? %>
$('.row.etape.etape_2').hide(300, render_new_siret);
$('.row.etape.etape_2').slideDown(400, the_terms);
$('.row.etape.etape-2').hide(300, render_new_siret);
$('.row.etape.etape-2').slideDown(400, the_terms);
toggle_etape_1();
<% else %>
error_form_siret('<%= invalid_siret %>');
@ -9,5 +9,5 @@ error_form_siret('<%= invalid_siret %>');
<% flash.clear %>
function render_new_siret(){
$('.row.etape.etape_2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape2', locals: { facade: @facade } ) %>");
$('.row.etape.etape-2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape2', locals: { facade: @facade } ) %>");
}

View file

@ -12,7 +12,7 @@
Afin d'associer ce compte à votre identifiant France Connect, merci de saisir votre mot de passe TPS.
%br
.center
#france_connect_particulier_email
#france-connect-particulier-email
= form_for @user, url: { controller: 'france_connect/particulier', action: :check_email }, method: :post do |f|
.form-group.form-group-lg
= f.text_field :email_france_connect, class: "form-control", readonly: 'readonly'

View file

@ -23,7 +23,7 @@
%br
.center
#france_connect_particulier_email
#france-connect-particulier-email
= form_for @user, url: { controller: 'france_connect/particulier', action: :check_email }, method: :post do |f|
.form-group.form-group-lg
= f.text_field :email_france_connect, class: "form-control", placeholder: "Entrez votre email"

View file

@ -1,13 +1,13 @@
= devise_error_messages!
#form_login
#form-login
= image_tag(image_url(LOGO_NAME))
%br
%h2#gestionnaire_login Changement de mot de passe
%br
%br
#new_user
#new-user
= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
= f.hidden_field :reset_password_token
%h4

View file

@ -1,14 +1,14 @@
= devise_error_messages!
%br
#form_login
#form-login
= image_tag(image_url(LOGO_NAME))
%br
%h2#gestionnaire_login Mot de passe oublié
%br
%br
#new_user
#new-user
= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
%h4
= f.label :email

View file

@ -1,4 +1,4 @@
#form_login
#form-login
%br
= image_tag(image_url(LOGO_NAME))
%br
@ -6,7 +6,7 @@
%br
%br
#new_user
#new-user
= form_for @gestionnaire, url: gestionnaire_session_path, method: :post do |f|
%h4
= f.label :email

View file

@ -1,5 +1,5 @@
.col-xs-2
%a#title_navbar{ href: '/' }
%a#title-navbar{ href: '/' }
.row#home
.col-lg-6.no-padding
= image_tag('marianne_small.png', class: 'logo')

View file

@ -1 +1 @@
#notification_alert.alert.alert-success
#notification-alert.alert.alert-success

View file

@ -1,5 +1,5 @@
- unless BrowserService.recommended_browser?
#support_navigator_banner.row
#support-navigator-banner.row
.col-xs-12
= BROWSER.value.name
= BROWSER.value.version

View file

@ -1,5 +1,5 @@
- if SwitchDeviseProfileService.new(warden).multiple_devise_profile_connect?
#switch_menu.dropdown.dropup
#switch-menu.dropdown.dropup
%button.btn.btn-default.dropdown-toggle{ type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
%i.fa.fa-toggle-on
%span.caret

View file

@ -18,7 +18,7 @@
= action_cable_meta_tag
%body
= render partial: 'layouts/support_navigator_banner'
#beta{ class: (Rails.env == 'production' ? '' : 'beta_staging') }
#beta{ class: (Rails.env == 'production' ? '' : 'beta-staging') }
- if Rails.env == 'production'
Beta
- else
@ -49,7 +49,7 @@
- main_container_size = 12
= render partial: 'layouts/main_container', locals: { main_container_size: main_container_size }
#mask_search
#mask-search
%h1
%i.fa.fa-times{ style: 'position: fixed; top: 10; right: 30; color: white;' }

View file

@ -8,21 +8,21 @@
%div#menu-block
.split-hr-left
#procedure_list
#procedure-list
%a{ :href => "#{url_for :admin_procedures_draft}", id: "draft-procedures" }
.procedure_list_element{ class: @draft_class }
.procedure-list-element{ class: @draft_class }
Brouillons
.badge.progress-bar-default
= current_administrateur.procedures.where(published: false, archived: false).count
%a{ :href => "#{url_for :admin_procedures}", id: "active-procedures" }
.procedure_list_element{ class: @active_class }
.procedure-list-element{ class: @active_class }
Actives
.badge.progress-bar-success
= current_administrateur.procedures.where(published: true, archived: false).count
%a{ :href => "#{url_for :admin_procedures_archived}", id: "archived-procedures" }
.procedure_list_element{ class: @archived_class }
.procedure-list-element{ class: @archived_class }
Archivées
.badge.progress-bar-purple
= current_administrateur.procedures.where(archived: true).count

View file

@ -9,40 +9,40 @@
%div#menu-block
.split-hr-left
#procedure_list
#procedure-list
%a{ :href => "#{url_for admin_procedure_path(@procedure)}", id: 'onglet-infos' }
.procedure_list_element{ class: ('active' if active == 'Informations') }
.procedure-list-element{ class: ('active' if active == 'Informations') }
Informations
%a{ :href => "#{url_for admin_procedure_accompagnateurs_path(@procedure)}", id: 'onglet-accompagnateurs' }
.procedure_list_element{ class: ('active' if active == 'Accompagnateurs') }
.procedure-list-element{ class: ('active' if active == 'Accompagnateurs') }
= t('dynamics.admin.procedure.onglets.accompagnateurs')
%a{ :href => "#{url_for edit_admin_procedure_path(@procedure)}", id: 'onglet-description' }
.procedure_list_element{ class: ('active' if active == 'Description') }
.procedure-list-element{ class: ('active' if active == 'Description') }
Description
- unless @procedure.locked?
%a{ :href => "#{url_for admin_procedure_types_de_champ_path(@procedure)}", id: 'onglet-champs' }
.procedure_list_element{ class: ('active' if active == 'Champs') }
.procedure-list-element{ class: ('active' if active == 'Champs') }
Champs
- unless @procedure.locked?
%a{ :href => "#{url_for admin_procedure_pieces_justificatives_path(@procedure)}", id: 'onglet-pieces' }
.procedure_list_element{ class: ('active' if active == 'Pieces') }
.procedure-list-element{ class: ('active' if active == 'Pieces') }
Pièces jointes
- unless @procedure.locked?
%a{ :href => "#{url_for admin_procedure_types_de_champ_private_path(@procedure)}", id: 'onglet-private-champs' }
.procedure_list_element{ class: ('active' if active == 'Champs privés') }
.procedure-list-element{ class: ('active' if active == 'Champs privés') }
Champs privés
%a{ :href => "#{url_for admin_procedure_mail_templates_path(@procedure)}", id: 'onglet-inemailsfos' }
.procedure_list_element{ class: ('active' if active == 'E-mails') }
.procedure-list-element{ class: ('active' if active == 'E-mails') }
E-mails
%a{ :href => "#{url_for admin_procedure_previsualisation_path(@procedure)}", id: 'onglet-preview' }
.procedure_list_element{ class: ('active' if active == 'Prévisualisation') }
.procedure-list-element{ class: ('active' if active == 'Prévisualisation') }
Prévisualisation
.split-hr-left

View file

@ -19,11 +19,11 @@
%div#infos-block
.split-hr-left
#procedure_list
#procedure-list
- @facade_data_view.gestionnaire_procedures_name_and_id_list.each do |procedure|
= link_to backoffice_dossiers_procedure_path(procedure[:id]), { title: procedure[:libelle] } do
.procedure_list_element{ class: ('active' if procedure[:id] == @facade_data_view.procedure.id rescue '') }
.procedure-list-element{ class: ('active' if procedure[:id] == @facade_data_view.procedure.id rescue '') }
= truncate(procedure[:libelle], length: 50)
- total_new = @facade_data_view.new_dossier_number procedure[:id]
- if total_new > 0
@ -32,7 +32,7 @@
- if procedure[:unread_notifications] > 0
.badge.progress-bar-warning{ title: 'Notifications' }
= procedure[:unread_notifications]
#notifications_list.hidden
#notifications-list.hidden
- if @facade_data_view.dossiers_with_unread_notifications.empty?
.no-notification Aucune notification pour le moment.
- else

View file

@ -1,53 +1,53 @@
%div#cgu_menu_block
#procedure_list{ style: 'margin-top: 0;' }
#procedure-list{ style: 'margin-top: 0;' }
= link_to cgu_path(:anchor => "editeur") do
.procedure_list_element
.procedure-list-element
Editeur
= link_to cgu_path(:anchor => "ingenieurie_hebergement") do
.procedure_list_element
.procedure-list-element
Ingénierie et hébergement informatique
= link_to cgu_path(:anchor => "object_website") do
.procedure_list_element
.procedure-list-element
Object du site internet
= link_to cgu_path(:anchor => "acteurs") do
.procedure_list_element
.procedure-list-element
Acteurs de TPS
= link_to cgu_path(:anchor => "CNIL") do
.procedure_list_element
.procedure-list-element
Déclaration CNIL
= link_to cgu_path(:anchor => "data_collects") do
.procedure_list_element
.procedure-list-element
Données collectées et responsabilité des organismes utilisateurs
= link_to cgu_path(:anchor => "individual_data") do
.procedure_list_element
.procedure-list-element
Traitement des données à caractère personnel
= link_to cgu_path(:anchor => "entreprise_information") do
.procedure_list_element
.procedure-list-element
Règles relatives aux informations sur les entreprises mises à disposibition
= link_to cgu_path(:anchor => "reproduction") do
.procedure_list_element
.procedure-list-element
Droit de reproduction
= link_to cgu_path(:anchor => "propriete_intellectuelle") do
.procedure_list_element
.procedure-list-element
Propriété intellectuelle
= link_to cgu_path(:anchor => "navigateurs") do
.procedure_list_element
.procedure-list-element
Logiciels nécessaires à la consultation
= link_to cgu_path(:anchor => "conception") do
.procedure_list_element
.procedure-list-element
Conception et Réalisation
.procedure_list_element
.procedure-list-element
.procedure_list_element
.procedure-list-element

View file

@ -9,34 +9,34 @@
%div#menu-block
.split-hr-left
#procedure_list
#procedure-list
- unless current_user.dossiers.count == 0
%a{ :href => "#{url_for users_dossiers_path(liste: 'brouillon')}", 'data-toggle' => :tooltip, title: 'Les dossiers jamais proposés à la relecture.' }
.procedure_list_element{ class: @dossiers_list_facade.brouillon_class, id: 'brouillon' }
.procedure-list-element{ class: @dossiers_list_facade.brouillon_class, id: 'brouillon' }
Brouillons
.badge.progress-bar-default
= @dossiers_list_facade.brouillon_total
%a{ :href => "#{url_for users_dossiers_path(liste: 'a_traiter')}", 'data-toggle' => :tooltip, title: 'Les dossiers qui requièrent une action de votre part.' }
.procedure_list_element{ class: @dossiers_list_facade.en_construction_class, id: 'a_traiter' }
.procedure-list-element{ class: @dossiers_list_facade.en_construction_class, id: 'a_traiter' }
En construction
.badge.progress-bar-danger
= @dossiers_list_facade.en_construction_total
%a{ :href => "#{url_for users_dossiers_path(liste: 'en_instruction')}", 'data-toggle' => :tooltip, title: 'Les dossiers en cours d\'examen par l\'administration compétante.' }
.procedure_list_element{ class: @dossiers_list_facade.en_instruction_class, id: 'en_instruction' }
.procedure-list-element{ class: @dossiers_list_facade.en_instruction_class, id: 'en_instruction' }
En instruction
.badge.progress-bar-default
= @dossiers_list_facade.en_instruction_total
%a{ :href => "#{url_for users_dossiers_path(liste: 'termine')}", 'data-toggle' => :tooltip, title: 'Les dossiers cloturés qui peuvent être "Accepté", "Refusé" ou "Sans suite".' }
.procedure_list_element{ class: @dossiers_list_facade.termine_class, id: 'termine' }
.procedure-list-element{ class: @dossiers_list_facade.termine_class, id: 'termine' }
Terminé
.badge.progress-bar-success
= @dossiers_list_facade.termine_total
%a{ :href => "#{url_for users_dossiers_path(liste: 'invite')}" }
.procedure_list_element{ class: @dossiers_list_facade.invite_class, id: 'invite' }
.procedure-list-element{ class: @dossiers_list_facade.invite_class, id: 'invite' }
Invitation
.badge.progress-bar-warning
= @dossiers_list_facade.invite_total

View file

@ -1,7 +1,7 @@
#search_area
#search-area
= form_tag(backoffice_dossiers_search_url, method: :get) do
.input-group
= text_field_tag('q', "#{@search_terms unless @search_terms.nil?}", id: 'q', placeholder: "Recherchez parmi tous vos dossiers", class: 'form-control')
%span.input-group-btn
%button.btn.btn-default{ id: 'search_button' }
%button.btn.btn-default{ id: 'search-button' }
%i.fa.fa-search

Some files were not shown because too many files have changed in this diff Show more