code.grnet.gr Git - astakos/blob - snf-astakos-app/astakos/im/templates/im/astakosgroup_form_demo.html.LOCAL.21131.html

   1 {% extends "im/account_base.html" %}
   2
   3 {% load filters %}
   4 {% block headjs %}
   5         {{ block.super }}
   6         <script src="{{ IM_STATIC_URL }}js/quotas.js"></script>
   7 {% endblock %}
   8 {% block page.body %}
   9
  10
  11 <form action="" method="post" class="withlabels quotas-form">{% csrf_token %}
  12
  13     <fieldset class="with-info">
  14         <legend>
  15                 1. CREATE GROUP
  16                         <span class="info">
  17                         <em>more info</em>
  18                         <span>Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text</span>
  19                 </span>
  20         </legend>
  21
  22         {% include "im/form_render.html" %}
  23
  24 <!--
  25                 <div class="double-checks">
  26                 <label>Max users per group</label>
  27                 <div class="form-row">
  28                         <p class="clearfix">
  29                                 <label for="members_unlimited">Unlimited</label>
  30                                 <input type="checkbox" id="members_unlimited" name="members_unlimited" class="unlimited" checked="checked">
  31                                 <span class="info">
  32                                         <em>more info</em>
  33                                         <span>Help Text Help Text Help Text Text Help Text Help Text</span>
  34                                 </span>
  35                         </p>
  36                 </div>
  37                 <div class="form-row">
  38                         <p class="clearfix">
  39                                 <label for="members_limited">Limited</label>
  40                                 <input type="checkbox" id="members_limited" name="members_limited" class="limited">
  41                                 <input type="text" id="members_uplimit" name="members_uplimit" />
  42
  43                         </p>
  44
  45                 </div>
  46
  47         </div>
  48  -->
  49     </fieldset>
  50
  51     <fieldset id="icons">
  52         <legend>
  53                 2. CHOOSE RESOURCES
  54                 <span class="info">
  55                         <em>more info</em>
  56                         <span>Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text</span>
  57                 </span>
  58         </legend>
  59
  60     {% with resource_catalog|lookup:'resources' as resources %}
  61     {% with resource_catalog|lookup:'groups' as groups %}
  62         <ul class="clearfix">
  63             {% for g, rs in groups.items %}
  64             {% with resource_presentation|lookup:g as group_info %}
  65                 <li>
  66                         <a href="#{{ g }}" id="{{'group_'|add:g}}"><img src="/static/im/images/create-{{ g }}.png" alt="vm"/></a>
  67                         <input type="hidden" name="{{ 'is_selected_'|add:g }}"  id="{{ 'id_is_selected_'|add:g }}" value="0">
  68                         <p class="msg">{{ group_info.help_text }}</p>
  69                 </li>
  70                 {% endwith %}
  71             {% endfor %}
  72         </ul>
  73
  74     </fieldset>
  75
  76     <div class="foo">
  77
  78     </div>
  79     <div class="not-foo">
  80         {% for g, rs in groups.items %}
  81
  82         <div class="group {{'group_'|add:g}}" id="{{ g }}">
  83                         <a href="#icons" class="delete">X remove resource</a>
  84                     {% for r in rs %}
  85                     {% with resource_presentation|lookup:r as resource_info %}
  86                     {% with resources|lookup:r as resource%}
  87                     <fieldset class="quota">
  88                         <legend>
  89                                 {% if resource_info.is_abbreviation %}
  90                                         {{ r|get_value_after_dot|upper }}
  91                                 {% else %}
  92                                         {{ r|get_value_after_dot|capfirst }}
  93                                 {% endif %}
  94                                 <span class="info">
  95                                         <em>more info</em>
  96                                         <span>{{ resource_info.help_text }}</span>
  97                                 </span>
  98                         </legend>
  99 <!--            <div class="form-row">
 100                                 <p class="clearfix">
 101                                         <label for="num_storage">Total storage</label>
 102                                         <input type="text" name="num_storage">
 103                                         <span class="extra-img">&nbsp;</span>
 104                                         <span class="info"><em>more info</em><span>Help Text</span></span>
 105                                 </p>
 106                         </div>-->
 107                                 <!--
 108                                 <div class="double-checks">
 109                                 <label>
 110                                         Max {% if resource_info.is_abbreviation %}{{ r|get_value_after_dot|upper }}{% else %}{{ r|get_value_after_dot }}{% endif %}{% if not resource.unit %}s {% endif  %} per user
 111                                                 {% if resource.unit %}
 112                                                         ({{ resource.unit }})
 113                                                 {% endif  %}
 114                                         </label>
 115                                 <div class="form-row">
 116                                         <p class="clearfix">
 117                                                 <label for="{{r|add:'_unlimited'}}">Unlimited</label>
 118                                                 <input type="checkbox" id="{{'id_'|add:r|add:'_unlimited'}}" name="{{r|add:'_unlimited'}}_proxy" class="unlimited radio" checked="checked">
 119                                         </p>
 120                                 </div>
 121                                 <div class="form-row">
 122                                         <p class="clearfix">
 123                                                 <label for="{{r|add:'_limited'}}">Limited</label>
 124                                                 <input type="checkbox" id="id_storage_per_user_limited" name="{{r|add:'_limited'}}_proxy" class="radio limited">
 125                                                 <input  type="text"
 126                                                                 id="{{'id_'|add:r|add:'_uplimit'}}"
 127                                                                 name="{{r|add:'_uplimit'}}_proxy"
 128                                                                 placeholder="{{ resource_info.placeholder}} "
 129                                                                 {% if resource.unit == 'bytes' %}
 130                                                                                 class="dehumanize"
 131                                                                         {% endif  %}
 132                                                                 />
 133                                         </p>
 134                                         <p class="msg"></p>
 135                                 </div>
 136
 137                         </div>
 138                         -->
 139                         <div class="form-row">
 140                                 <p class="clearfix">
 141                                         <label for="num_storage">
 142                                                         Max {% if resource_info.is_abbreviation %}{{ r|get_value_after_dot|upper }}{% else %}{{ r|get_value_after_dot }}{% endif %}{% if not resource.unit %}s {% endif  %} per user
 143                                                 </label>
 144                                         <input  type="text"
 145                                                                 id="{{'id_'|add:r|add:'_uplimit'}}_proxy"
 146                                                                 name="{{r|add:'_uplimit'}}_proxy"
 147                                                                 placeholder="{{ resource_info.placeholder}} "
 148                                                                 {% if resource.unit == 'bytes' %}
 149                                                                                 class="dehumanize"
 150                                                                         {% endif  %}
 151                                                                 />
 152                                         <span class="extra-img">&nbsp;</span>
 153                                         <span class="info"><em>more info</em><span>Help Text</span></span>
 154                                 </p>
 155                                 <p class="msg"></p>
 156                         </div>
 157
 158
 159                     </fieldset>
 160                     {% endwith %}
 161                     {% endwith %}
 162                     {% endfor %}
 163             </div>
 164
 165         {% endfor %}
 166         </div>
 167     {% endwith %}
 168     {% endwith %}
 169
 170     <div class="form-row submit">
 171                 <input type="submit" value="CONTINUE" class="submit altcol" autocomplete="off">
 172         </div>
 173 </form>
 174
 175 <script>
 176
 177 </script>
 178
 179 {% endblock %}