FVDE/ennstatus Changeset - cc88f5c6132d · Chaos Computer Club Lëtzebuerg Projects

Changeset - cc88f5c6132d

Parent rev.

Child rev.

[Not reviewed]

version_5

0 2 0

Dennis Fink - 10 years ago 2015-07-20 23:27:09
dennis.fink@c3l.lu

Added fancy checkboxes and radio buttons

2 files changed with 72 insertions and 6 deletions:

ennstatus/static/css/ennstatus.css

ennstatus/templates/root/membership.html

0 comments (0 inline, 0 general)

ennstatus/static/css/ennstatus.css

➞

Show inline comments

@@ @@ -102,6 +102,60 @@ h1, h2, h3, h4 { @@
     left: -100%;
     margin-left: 10px;
     -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
     border-radius: 6px 0 6px 6px;
+}
 /* fancy bootstrap checkboxes */
 .form-group input[type="checkbox"] {
     display: none;
+}
 .form-group input[type="checkbox"] + .btn-group > label span {
     width: 20px;
+}
 .form-group input[type="checkbox"] + .btn-group > label span:first-child {
     display: none;
+}
 .form-group input[type="checkbox"] + .btn-group > label span:last-child {
     display: inline-block;
+}
 .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
     display: inline-block;
+}
 .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
     display: none;
+}
 .form-group input[type="radio"] {
     display: none;
+}
 .form-group input[type="radio"] + .btn-group > label span {
     width: 20px;
+}
 .form-group input[type="radio"] + .btn-group > label span:first-child {
     display: none;
+}
 .form-group input[type="radio"] + .btn-group > label span:last-child {
     display: inline-block;
+}
 .form-group input[type="radio"]:checked + .btn-group > label span:first-child {
     display: inline-block;
+}
 .form-group input[type="radio"]:checked + .btn-group > label span:last-child {
     display: none;
+}
 .checkbox label, .radio label {
     padding-left: 12px;
+}

ennstatus/templates/root/membership.html

➞

Show inline comments

@@ @@ -20,15 +20,22 @@ @@
       {{ wtf.form_field(form.gpg, form_type='horizontal') }}
       <div class="form-group {% if form.membership.errors %} has-error {% endif %} required">
         {{ form.membership.label(class_='control-label col-lg-2') }}
         <div class="col-lg-10">
         {% for field in form.membership %}
           <div class="radio">
             <label>
               {{ field() }} {{ field.label.text }}
             </label>
             {{ field() }}
             <div class="btn-group">
               <label class="btn btn-success" for="{{ field.id }}">
                 <span class="glyphicon glyphicon-plus"></span>
                 <span class="glyphicon glyphicon-minus"></span>
               </label>
               <label class="btn btn-default" for="{{ field.id }}">
                 {{ field.label.text }}
               </label>
             </div>
           </div>
         {% endfor %}
         </div>
         {% if form.membership.errors %}
           <div class="col-lg-offset-2 col-lg-10">
             {% for error in form.membership.errors %}
@@ @@ -37,15 +44,20 @@ @@
           </div>
         {% endif %}
       </div>
       <div class="form-group">
         <label class="control-label col-lg-2">Double membership</label>
         <div class="col-lg-10">
           <div class="checkbox">
             <label>
               {{ form.c3l() }} {{ form.c3l.label.text|safe }}
           {{ form.c3l() }}
           <div class="btn-group">
             <label class="btn btn-success" for="c3l">
               <span class="glyphicon glyphicon-plus"></span>
               <span class="glyphicon glyphicon-minus"></span>
             </label>
             <label class="btn btn-default" for="c3l">
               {{ form.c3l.label.text|safe }}
             </label>
           </div>
         </div>
       </div>
       <div class="form-group">
         <div class="col-lg-offset-2 col-lg-10">

0 comments (0 inline, 0 general)