diff options
20 files changed, 159 insertions, 72 deletions
diff --git a/accounts/templates/accounts/index.html b/accounts/templates/accounts/index.html index 9a1f873..8769a61 100644 --- a/accounts/templates/accounts/index.html +++ b/accounts/templates/accounts/index.html @@ -6,7 +6,7 @@ <a class="breadcrumb hide-on-med-and-down">Account</a> {% endblock %} {% block toolbar %} - <div class="nav-content teal"> + <div class="nav-content {{color}}"> <ul class="tabs tabs-transparent"> <li class="tab"><a class="active" href="#personal">Info Personali</a></li> <li class="tab"><a href="#medic">Info Mediche</a></li> @@ -91,7 +91,7 @@ </div> </div> <div class="fixed-action-btn"> - <a class="btn-floating btn-large teal" onclick="send('save')"> + <a class="btn-floating btn-large {{color}}" onclick="send('save')"> <i class="large material-icons">save</i> </a> </div> @@ -207,7 +207,7 @@ </label> </div> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b>In caso dovesse assumere farmaci, avvisare comunque i capi</b></p> </div> @@ -240,7 +240,7 @@ <div class="card-content"> Certificato di vacinazione <div class="file-field input-field"> - <div class="btn teal"> + <div class="btn {{color}}"> <span><i class="material-icons left">file_upload</i>File</span> <input type="file" name="vac_certificate" id="vac_certificate" multiple> </div> @@ -249,8 +249,8 @@ </div> </div> {% if vac_certificate != ''%} - <a class="btn teal" onclick="send('download_vac')"><i class="material-icons left">file_download</i>Download</a> - <a class="btn teal" onclick="delete_vac()"><i class="material-icons left">delete</i><span>Elimina</span></a> + <a class="btn {{color}}" onclick="send('download_vac')"><i class="material-icons left">file_download</i>Download</a> + <a class="btn {{color}}" onclick="delete_vac()"><i class="material-icons left">delete</i><span>Elimina</span></a> {% endif %} </div> </div> @@ -260,7 +260,7 @@ <div class="card-content"> Tessera cassa malati <div class="file-field input-field"> - <div class="btn teal"> + <div class="btn {{color}}"> <span><i class="material-icons left">file_upload</i>File</span> <input type="file" name="health_care_certificate" id="health_care_certificate" multiple> </div> @@ -269,15 +269,15 @@ </div> </div> {% if health_care_certificate != ''%} - <a class="btn teal" onclick="send('download_health')"><i class="material-icons left">file_download</i>Download</a> - <a class="btn teal" onclick="delete_health()"><i class="material-icons left">delete</i><span>Elimina</span></a> + <a class="btn {{color}}" onclick="send('download_health')"><i class="material-icons left">file_download</i>Download</a> + <a class="btn {{color}}" onclick="delete_health()"><i class="material-icons left">delete</i><span>Elimina</span></a> {% endif %} </div> </div> </div> </div> <div class="fixed-action-btn"> - <a class="btn-floating btn-large teal" onclick="send('save')"> + <a class="btn-floating btn-large {{color}}" onclick="send('save')"> <i class="large material-icons">save</i> </a> </div> diff --git a/accounts/templates/accounts/signup.html b/accounts/templates/accounts/signup.html index 56b5a4c..0decf9e 100644 --- a/accounts/templates/accounts/signup.html +++ b/accounts/templates/accounts/signup.html @@ -18,7 +18,7 @@ </label> <br> <br> - <button class="btn waves-effect waves-light" type="submit">Invia</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Invia</button> </form> </div> </div> diff --git a/client/templates/client/doc_create.html b/client/templates/client/doc_create.html index 33aeb96..d7c3edd 100644 --- a/client/templates/client/doc_create.html +++ b/client/templates/client/doc_create.html @@ -45,7 +45,7 @@ {% if personal_data %} <div class="row"> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b> Il documento conterrà le informazioni personali, prego verificare che siano corrette e aggiornate @@ -58,7 +58,7 @@ {% if medical_data %} <div class="row"> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b> Il documento conterrà le informazioni mediche, prego verificare che siano corrette e aggiornate @@ -71,7 +71,7 @@ {% if custom_message %} <div class="row"> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b> {{custom_message_text}} diff --git a/client/templates/client/doc_edit.html b/client/templates/client/doc_edit.html index e969013..87efee4 100644 --- a/client/templates/client/doc_edit.html +++ b/client/templates/client/doc_edit.html @@ -25,7 +25,7 @@ {% if personal_data %} <div class="row"> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b> Il documento conterrà le informazioni personali, prego verificare che siano corrette e aggiornate @@ -38,7 +38,7 @@ {% if medical_data %} <div class="row"> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b> Il documento conterrà le informazioni mediche, prego verificare che siano corrette e aggiornate @@ -51,7 +51,7 @@ {% if custom_message %} <div class="row"> <div class="col s12"> - <div class="card teal"> + <div class="card {{color}}"> <div class="card-content"> <p style="color:white"><b> {{custom_message_text}} diff --git a/client/templates/client/index.html b/client/templates/client/index.html index 33cf493..e0f09db 100644 --- a/client/templates/client/index.html +++ b/client/templates/client/index.html @@ -3,7 +3,7 @@ {% block title %}Home{% endblock %} {% block content %} -<div class="tap-target teal" data-target="add"> +<div class="tap-target {{color}}" data-target="add"> <div class="tap-target-content"> <h5 style="color:white">Aggiungi un documento</h5> <p style="color:white">Usa questo bottone per creare un nuovo documento</p> @@ -35,18 +35,18 @@ <div class="collapsible-body"><span> {% if doc.0.status == "wait" %} <div class="hide-on-med-and-down"> - <a class="waves-effect waves-light btn teal" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a> - <a class="waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a> - <a class="waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a> </div> <div style="margin-bottom: 0px;" class="hide-on-large-only row"> - <a class="col s12 waves-effect waves-light btn teal" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a> + <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a> <br> <br> - <a class="col s12 waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a> + <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a> <br> <br> - <a class="col s12 waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a> + <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a> </div> <br> <br> @@ -64,18 +64,18 @@ </div> </div> <div class="hide-on-med-and-down"> - <a class="waves-effect waves-light btn teal modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a> - <a class="waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a> - <a class="waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a> + <a class="waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a> </div> <div style="margin-bottom: 0px;" class="hide-on-large-only row"> - <a class="col s12 waves-effect waves-light btn teal modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a> + <a class="col s12 waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a> <br> <br> - <a class="col s12 waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a> + <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a> <br> <br> - <a class="col s12 waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a> + <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a> </div> <br> <br> @@ -341,7 +341,7 @@ </ul> {% endif %} <div class="fixed-action-btn"> - <a id="add" class="btn-floating btn-large teal" href="{% url 'create'%}"> + <a id="add" class="btn-floating btn-large {{color}}" href="{% url 'create'%}"> <i class="large material-icons">add</i> </a> </div> diff --git a/server/templates/server/approve_doc.html b/server/templates/server/approve_doc.html index 42f4436..23eef4f 100644 --- a/server/templates/server/approve_doc.html +++ b/server/templates/server/approve_doc.html @@ -33,7 +33,7 @@ <textarea name="codes" class="materialize-textarea"></textarea> </div> <div class="card-action"> - <a class="waves-effect waves-light btn red lighten-1" href="#" onclick="document.getElementById('form').submit()">Invia</a> + <a class="waves-effect waves-light btn {{color}}" href="#" onclick="document.getElementById('form').submit()">Invia</a> </div> </form> </div> diff --git a/server/templates/server/approve_user.html b/server/templates/server/approve_user.html index 288b4f9..3b7da2f 100644 --- a/server/templates/server/approve_user.html +++ b/server/templates/server/approve_user.html @@ -33,7 +33,7 @@ <textarea name="codes" class="materialize-textarea"></textarea> </div> <div class="card-action"> - <a class="waves-effect waves-light btn red lighten-1" href="#" onclick="document.getElementById('form').submit()">Invia</a> + <a class="waves-effect waves-light btn {{color}}" href="#" onclick="document.getElementById('form').submit()">Invia</a> </div> </form> </div> diff --git a/server/templates/server/data_request.html b/server/templates/server/data_request.html index 1f65ff1..1db580c 100644 --- a/server/templates/server/data_request.html +++ b/server/templates/server/data_request.html @@ -26,8 +26,8 @@ <textarea id="data" class="materialize-textarea">{{data}}</textarea> </div> <div class="card-action"> - <a class="waves-effect waves-light btn red lighten-1" href="#" onclick="document.getElementById('form').submit()">Invia</a> - <a class="waves-effect waves-light btn red lighten-1" onclick="copy()">Copia risultato</a> + <a class="waves-effect waves-light btn {{color}}" href="#" onclick="document.getElementById('form').submit()">Invia</a> + <a class="waves-effect waves-light btn {{color}}" onclick="copy()">Copia risultato</a> </div> </form> </div> diff --git a/server/templates/server/doc_create.html b/server/templates/server/doc_create.html index a9877a3..9549a9d 100644 --- a/server/templates/server/doc_create.html +++ b/server/templates/server/doc_create.html @@ -96,7 +96,7 @@ </div> </div> <div class="fixed-action-btn"> - <a class="btn-floating btn-large red lighten-1" onclick="document.getElementById('form').submit()"> + <a class="btn-floating btn-large {{color}}" onclick="document.getElementById('form').submit()"> <i class="large material-icons">save</i> </a> </div> diff --git a/server/templates/server/doc_list.html b/server/templates/server/doc_list.html index b9f1b1b..2499245 100644 --- a/server/templates/server/doc_list.html +++ b/server/templates/server/doc_list.html @@ -7,7 +7,7 @@ <a class="breadcrumb hide-on-med-and-down">Documenti</a> {% endblock %} {% block toolbar %} - <div class="nav-wrapper red lighten-1"> + <div class="nav-wrapper {{color}}"> <ul> <li> <input id="select-all" type="checkbox" class="filled-in"/> @@ -165,7 +165,7 @@ </div> <div class="collapsible-body"><span> {% if doc.0.status == "ok" or doc.0.status == 'archive' %} - <a class="waves-effect waves-light btn red lighten-1" onclick="send('k{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('k{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento</a> <br> <br> {% endif %} diff --git a/server/templates/server/doc_type.html b/server/templates/server/doc_type.html index f621e07..8c3093d 100644 --- a/server/templates/server/doc_type.html +++ b/server/templates/server/doc_type.html @@ -7,7 +7,7 @@ <a class="breadcrumb hide-on-med-and-down">Tipo Doc</a> {% endblock %} {% block toolbar %} - <div class="nav-wrapper red lighten-1"> + <div class="nav-wrapper {{color}}"> <ul> <li> <input id="select-all" type="checkbox" class="filled-in"/> @@ -138,7 +138,7 @@ <i class="material-icons">assignment_turned_in</i> {% endif %} {{doctype.0.name}} - <span class="new badge red lighten-1" data-badge-caption="">{{doctype.2}}</span> + <span class="new badge {{color}}" data-badge-caption="">{{doctype.2}}</span> </div> <div class="collapsible-body"><span> <ul class="collection"> @@ -196,7 +196,7 @@ </ul> </form> <div class="fixed-action-btn"> - <a class="btn-floating btn-large red lighten-1" href="{% url 'doccreate'%}"> + <a class="btn-floating btn-large {{color}}" href="{% url 'doccreate'%}"> <i class="large material-icons">add</i> </a> </div> diff --git a/server/templates/server/index.html b/server/templates/server/index.html index f2a2242..aa4681e 100644 --- a/server/templates/server/index.html +++ b/server/templates/server/index.html @@ -31,19 +31,19 @@ </div> <div class="card-action"> <div class="hide-on-med-and-down"> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'ulist' %}">Lista utenti</a> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'uapprove' %}">Approva utente</a> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'request' %}">Richiedi dati</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'ulist' %}">Lista utenti</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'uapprove' %}">Approva utente</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'request' %}">Richiedi dati</a> </div> <div class="hide-on-large-only"> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'ulist' %}">Lista utenti</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'ulist' %}">Lista utenti</a> <br> <br> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'uapprove' %}">Approva utente</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'uapprove' %}">Approva utente</a> <br> <br> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'request' %}">Richiedi dati</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'request' %}">Richiedi dati</a> </div> </div> </div> @@ -69,29 +69,29 @@ <i class="material-icons left">assignment_turned_in</i> {% endif %} {{doctype.0.name}} - <span class="new badge red lighten-1" data-badge-caption="">{{doctype.1}}</span> + <span class="new badge {{color}}" data-badge-caption="">{{doctype.1}}</span> {% endfor %} </ul> </div> <div class="card-action"> <div class="hide-on-med-and-down"> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'doctype' %}">Lista tipo doc</a> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'doclist' %}">Lista documenti</a> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'docapprove' %}">Approva documento</a> - <a class="waves-effect waves-light btn red lighten-1" href="{% url 'docupload' %}">Carica firma</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'doctype' %}">Lista tipo doc</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'doclist' %}">Lista documenti</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'docapprove' %}">Approva documento</a> + <a class="waves-effect waves-light btn {{color}}" href="{% url 'docupload' %}">Carica firma</a> </div> <div class="hide-on-large-only"> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'doctype' %}">Lista tipo doc</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'doctype' %}">Lista tipo doc</a> <br> <br> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'doclist' %}">Lista documenti</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'doclist' %}">Lista documenti</a> <br> <br> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'docapprove' %}">Approva documento</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'docapprove' %}">Approva documento</a> <br> <br> - <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'docupload' %}">Carica firma</a> + <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'docupload' %}">Carica firma</a> </div> </div> </div> diff --git a/server/templates/server/upload_doc.html b/server/templates/server/upload_doc.html index b29e2ae..78f3e81 100644 --- a/server/templates/server/upload_doc.html +++ b/server/templates/server/upload_doc.html @@ -27,7 +27,7 @@ </div> <div class="row"> <div class="file-field input-field col s12"> - <div class="btn red lighten-1"> + <div class="btn {{color}}"> <span><i class="material-icons left">file_upload</i>File</span> <input type="file" name="doc_sign" id="doc_sign" onchange="loadFile(event)"> </div> @@ -38,8 +38,8 @@ </div> </div> <div class="card-action"> - <a id="send_button" class="waves-effect waves-light btn red lighten-1" href="#" onclick="confirm()">Approva</a> - <a class="right waves-effect waves-light btn red lighten-1" onclick="send()">Anteprima documento</a> + <a id="send_button" class="waves-effect waves-light btn {{color}}" href="#" onclick="confirm()">Approva</a> + <a class="right waves-effect waves-light btn {{color}}" onclick="send()">Anteprima documento</a> </div> </form> </div> diff --git a/server/templates/server/user_list.html b/server/templates/server/user_list.html index 0537ab0..afd4163 100644 --- a/server/templates/server/user_list.html +++ b/server/templates/server/user_list.html @@ -7,7 +7,7 @@ <a class="breadcrumb hide-on-med-and-down">Lista Utenti</a> {% endblock %} {% block toolbar %} - <div class="nav-wrapper red lighten-1"> + <div class="nav-wrapper {{color}}"> <form> <div class="input-field"> <input autocomplete="off" id="search" type="search" onkeyup="filterResults()" required> @@ -48,14 +48,14 @@ </div> </div> <div class="hide-on-med-and-down"> - <a class="waves-effect waves-light btn red lighten-1 modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a> - <a class="waves-effect waves-light btn red lighten-1" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a> + <a class="waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a> + <a class="waves-effect waves-light btn {{color}}" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a> </div> <div style="margin-bottom: 0px;" class="hide-on-large-only row"> - <a class="col s12 waves-effect waves-light btn red lighten-1 modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a> + <a class="col s12 waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a> <br> <br> - <a class="col s12 waves-effect waves-light btn red lighten-1" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a> + <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a> </div> <br><br> {% endif %} diff --git a/templates/registration/base_admin.html b/templates/registration/base_admin.html index a06c54d..4a12892 100644 --- a/templates/registration/base_admin.html +++ b/templates/registration/base_admin.html @@ -1,16 +1,42 @@ +{% with color="red lighten-1" %} +{% with hexcolor="#ef5350" %} +{% with hexlightcolor="#ef9a9a" %} <!DOCTYPE html> <html> <head> {% load static %} <link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}"> + <style> + .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label { + color: {{hexcolor}} !important; + } + + .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid {{hexcolor}} !important; + box-shadow: 0 1px 0 0 {{hexcolor}} !important; + } + + [type="checkbox"].filled-in:checked + span:not(.lever)::after { + border: 2px solid {{hexcolor}} !important; + background-color: {{hexcolor}} !important; + } + + .switch label input[type="checkbox"]:checked + .lever { + background-color: {{hexlightcolor}}; + } + + .switch label input[type="checkbox"]:checked + .lever::after { + background-color: {{hexcolor}}; + } + </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8"> <title>{% block title %}Scout Brega{% endblock %}</title> </head> <body> <nav class="nav-extended"> - <div class="nav-wrapper red lighten-1"> + <div class="nav-wrapper {{color}}"> <a style="margin-left: 10px;" href="{% url 'index' %}" class="breadcrumb hide-on-small-only">Home</a> <ul class="left hide-on-med-and-up"> <li><a href="{% url 'index' %}"><i class="material-icons">home</i></a></li> @@ -54,4 +80,7 @@ {% endblock%} </script> </body> -</html>
\ No newline at end of file +</html> +{% endwith %} +{% endwith %} +{% endwith %}
\ No newline at end of file diff --git a/templates/registration/base_client.html b/templates/registration/base_client.html index 241f7ce..8155e88 100644 --- a/templates/registration/base_client.html +++ b/templates/registration/base_client.html @@ -1,16 +1,42 @@ +{% with color="teal" %} +{% with hexcolor="#009688" %} +{% with hexlightcolor="#80cbc4" %} <!DOCTYPE html> <html> <head> {% load static %} <link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}"> + <style> + .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label { + color: {{hexcolor}} !important; + } + + .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid {{hexcolor}} !important; + box-shadow: 0 1px 0 0 {{hexcolor}} !important; + } + + [type="checkbox"].filled-in:checked + span:not(.lever)::after { + border: 2px solid {{hexcolor}} !important; + background-color: {{hexcolor}} !important; + } + + .switch label input[type="checkbox"]:checked + .lever { + background-color: {{hexlightcolor}}; + } + + .switch label input[type="checkbox"]:checked + .lever::after { + background-color: {{hexcolor}}; + } + </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8"> <title>{% block title %}Scout Brega{% endblock %}</title> </head> <body> <nav class="nav-extended"> - <div class="nav-wrapper teal"> + <div class="nav-wrapper {{color}}"> <a style="margin-left: 10px;" href="{% url 'index' %}" class="breadcrumb hide-on-small-only">Home</a> <ul class="left hide-on-med-and-up"> <li><a href="{% url 'index' %}"><i class="material-icons">home</i></a></li> @@ -54,4 +80,7 @@ {% endblock%} </script> </body> -</html>
\ No newline at end of file +</html> +{% endwith %} +{% endwith %} +{% endwith %}
\ No newline at end of file diff --git a/templates/registration/base_simple.html b/templates/registration/base_simple.html index 6876e83..f8c74bc 100644 --- a/templates/registration/base_simple.html +++ b/templates/registration/base_simple.html @@ -1,9 +1,35 @@ +{% with color="teal" %} +{% with hexcolor="#009688" %} +{% with hexlightcolor="#80cbc4" %} <!DOCTYPE html> <html> <head> {% load static %} <link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}"> + <style> + .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label { + color: {{hexcolor}} !important; + } + + .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid {{hexcolor}} !important; + box-shadow: 0 1px 0 0 {{hexcolor}} !important; + } + + [type="checkbox"].filled-in:checked + span:not(.lever)::after { + border: 2px solid {{hexcolor}} !important; + background-color: {{hexcolor}} !important; + } + + .switch label input[type="checkbox"]:checked + .lever { + background-color: {{hexlightcolor}}; + } + + .switch label input[type="checkbox"]:checked + .lever::after { + background-color: {{hexcolor}}; + } + </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8"> <title>{% block title %}Scout Brega{% endblock %}</title> @@ -19,4 +45,7 @@ {% endblock %} </script> </body> -</html>
\ No newline at end of file +</html> +{% endwith %} +{% endwith %} +{% endwith %}
\ No newline at end of file diff --git a/templates/registration/login.html b/templates/registration/login.html index 9ee3bb8..022309e 100644 --- a/templates/registration/login.html +++ b/templates/registration/login.html @@ -14,7 +14,7 @@ <a href={% url 'password_reset' %}>Password dimenticata</a> <br> <br> - <button class="btn waves-effect waves-light" type="submit">Login</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Login</button> </form> </div> </div> diff --git a/templates/registration/password_reset_confirm.html b/templates/registration/password_reset_confirm.html index b0b46a4..e77ecfe 100644 --- a/templates/registration/password_reset_confirm.html +++ b/templates/registration/password_reset_confirm.html @@ -11,7 +11,7 @@ {% csrf_token %} {{ form.as_p }} <br> - <button class="btn waves-effect waves-light" type="submit">Invia</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Invia</button> </form> {% else %} <p> diff --git a/templates/registration/password_reset_form.html b/templates/registration/password_reset_form.html index 5789900..94a3269 100644 --- a/templates/registration/password_reset_form.html +++ b/templates/registration/password_reset_form.html @@ -10,7 +10,7 @@ {% csrf_token %} {{ form.as_p }} <br> - <button class="btn waves-effect waves-light" type="submit">Invia</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Invia</button> </form> </div> </div> |