diff --git a/Resources/public/js/chill.js b/Resources/public/js/chill.js index a7d661679..54d2ceb80 100644 --- a/Resources/public/js/chill.js +++ b/Resources/public/js/chill.js @@ -93,7 +93,7 @@ var chill = function() { * * @param{string} form_id An identification string of the form * @param{string} alert_message The alert message to display - * @param{boolean} check_unsaved_data If true display the alert message only when the form + * @param{boolean} check_unsaved_data If true display the alert message only when the form * contains some modified fields otherwise always display the alert when leaving * @return nothing */ @@ -123,12 +123,12 @@ var chill = function() { }); } - /** - * Mark the choices "not specified" as check by default. - * - * This function apply to `custom field choices` when the `required` + /** + * Mark the choices "not specified" as check by default. + * + * This function apply to `custom field choices` when the `required` * option is false and `expanded` is true (checkboxes or radio buttons). - * + * * @param{string} choice_name the name of the input */ function checkNullValuesInChoices(choice_name) { @@ -184,21 +184,21 @@ var chill = function() { * child) of a given form : each parent option has a category, the * child select only display options that have the same category of the * parent optionn - * - * The parent must have the class "chill-category-link-parent". - * + * + * The parent must have the class "chill-category-link-parent". + * * The children must have the class "chill-category-link-child". Each option * of the parent must have the attribute `data-link-category`, with the value of * the connected option in parent. - * + * * Example : - * + * * ```html * - * + * * * ``` - * + * * TODO ECRIRE LA DOC METTRE LES TESTS DANS git : * tester que init est ok : - quand vide @@ -224,7 +224,7 @@ var chill = function() { form.old_category = null; form.link_parent = $(form).find('.chill-category-link-parent'); form.link_child = $(form).find('.chill-category-link-child'); - + // check if the parent allow multiple or single results parent_multiple = $(form).find('.chill-category-link-parent').get(0).multiple; // if we use select2, parent_multiple will be `undefined` @@ -233,10 +233,10 @@ var chill = function() { // we suppose that multiple is false (old behaviour) parent_multiple = false } - + $(form.link_parent).addClass('select2'); $(form.link_parant).select2({allowClear: true}); // it is weird: when I fix the typo here, the whole stuff does not work anymore... - + if (parent_multiple == false) { form.old_category = null; @@ -279,9 +279,9 @@ var chill = function() { } }); } else { - var i=0, + var i=0, selected_items = $(form.link_parent).find(':selected'); - + form.old_categories = []; for (i=0;i < selected_items.length; i++) { form.old_categories.push(selected_items[i].value); @@ -314,13 +314,13 @@ var chill = function() { }); form.link_parent.change(function() { - var new_categories = [], + var new_categories = [], selected_items = $(form.link_parent).find(':selected'), visible; for (i=0;i < selected_items.length; i++) { new_categories.push(selected_items[i].value); } - + if(new_categories != form.old_categories) { $(form.link_child).find('option') .each(function(i,e) { @@ -352,16 +352,16 @@ var chill = function() { form.old_categories = new_categories; } }); - } + } }); } - + function _displayHideTargetWithCheckbox(checkbox) { var target = checkbox.dataset.displayTarget, hideableElements; - + hideableElements = document.querySelectorAll('[data-display-show-hide="' + target + '"]'); - + if (checkbox.checked) { for (let i=0; i < hideableElements.length; i = i+1) { hideableElements[i].style.display = "unset"; @@ -371,36 +371,36 @@ var chill = function() { hideableElements[i].style.display = "none"; } } - + } - + /** - * create an interaction between a checkbox and element to show if the + * create an interaction between a checkbox and element to show if the * checkbox is checked, or hide if the checkbox is not checked. - * - * The checkbox must have the data `data-display-target` with an id, + * + * The checkbox must have the data `data-display-target` with an id, * and the parts to show/hide must have the data `data-display-show-hide` * with the same value. - * - * Example : - * + * + * Example : + * * ``` * - * + * *
* *
* ``` - * + * * Hint: for forms in symfony, you could use the `id` of the form element, * accessible through `{{ form.vars.id }}`. This id should be unique. - * - * + * + * * @returns {undefined} */ function listenerDisplayCheckbox() { var elements = document.querySelectorAll("[data-display-target]"); - + for (let i=0; i < elements.length; i = i+1) { elements[i].addEventListener("change", function(e) { _displayHideTargetWithCheckbox(e.target); @@ -421,3 +421,5 @@ var chill = function() { listenerDisplayCheckbox: listenerDisplayCheckbox, }; } (); + +export { chill }; diff --git a/Resources/public/sass/_custom.scss b/Resources/public/sass/_custom.scss index 10f6d5e2e..b355a533e 100644 --- a/Resources/public/sass/_custom.scss +++ b/Resources/public/sass/_custom.scss @@ -1,4 +1,6 @@ // YOUR CUSTOM SCSS +@import 'custom/config/colors'; +@import 'custom/config/variables'; @import 'custom/timeline'; @import 'custom/mixins/entity'; @import 'custom/activity'; @@ -11,7 +13,7 @@ @import 'custom/flash_messages'; -html,body { +html,body { min-height:100%; font-family: 'Open Sans'; } @@ -83,9 +85,9 @@ ul.custom_fields.choice li { font-family: 'Open Sans'; font-weight: 300; } - - a { - color: white; + + a { + color: white; text-decoration: underline; } } @@ -97,7 +99,7 @@ ul.custom_fields.choice li { display: inline-block; text-align: center; } - + .separator { margin-left: 0.2em; margin-right: 0.2em; @@ -107,7 +109,7 @@ ul.custom_fields.choice li { .open_sansbold { font-family: 'Open Sans'; font-weight: bold; - + } @@ -140,21 +142,21 @@ div.input_with_post_text input { dl.chill_report_view_data, dl.chill_view_data { - + dt { margin-top: 1.5em; color: $chill-blue; } - + dd { padding-left: 1.5em; margin-top: 0.2em; - + ul { padding-left: 0; } } - + } @@ -164,13 +166,13 @@ blockquote.chill-user-quote { padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; background-color: $chill-llight-gray; - - + + p { display: inline; } - + } .chill-no-data-statement { font-style: italic; - + } diff --git a/Resources/views/layout.html.twig b/Resources/views/layout.html.twig index e6d193894..effc1624e 100644 --- a/Resources/views/layout.html.twig +++ b/Resources/views/layout.html.twig @@ -1,5 +1,5 @@ {# - * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS, + * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS, / * * This program is free software: you can redistribute it and/or modify @@ -22,19 +22,19 @@ - + {{ installation.name }} - {% block title %}{% endblock %} - - {% stylesheets output="css/all.css" filter="cssrewrite" + + + {% block css%}{% endblock %} @@ -107,7 +107,7 @@ {% endfor %} - + {% for flashMessage in app.session.flashbag.get('error') %}
@@ -115,14 +115,14 @@
{% endfor %} - + {% for flashMessage in app.session.flashbag.get('notice') %}
{{ flashMessage|raw }}
- {% endfor %} + {% endfor %} {% block content %}
@@ -137,12 +137,12 @@
- +
{{ chill_widget('homepage', {} ) }}
{% endblock %} - + {% endblock %} @@ -150,8 +150,8 @@

{{ 'This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License'|trans|raw }}
{{ 'User manual'|trans }}

- - {% javascripts output="js/libs.js" + + + +