astakos_group_form_demo page

astakos_group_ressources_statistics page

diff --git a/snf-astakos-app/astakos/im/static/im/css/modules.css b/snf-astakos-app/astakos/im/static/im/css/modules.css
index 8add963..5006ad3 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/css/modules.css
+++ b/snf-astakos-app/astakos/im/static/im/css/modules.css
@@ -55,7 +55,7 @@ img.right                                                             { margin:0 0 1em 1em; float:right;}
 .two-cols .lt                                   { float:left; width:400px;}\r
 .two-cols-blog .rt                              { float:right; width:220px; margin-left:80px; padding-right:65px;}\r
 .two-cols-blog .lt                                 { overflow:hidden;}\r
-.container h2                                                                  { font-weight:700; font-size:1.308em; margin-bottom:1em; }\r
+.container h2                                                                  { font-weight:normal; font-size:1.308em; margin-bottom:1em; }\r
 .container h3                                                  { font-weight:normal; margin-bottom:1em; }\r
 .container h2 em                                                               { color: #3582AC; font-style:normal; }\r
 /*.content a                                                           { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }\r
@@ -336,14 +336,14 @@ dl.alt-style dt:nth-child(2n)                                     { background:black; }
 .billing table.alt-style .last                                 { text-align:right; }\r
 \r
 .table_sorting tr th                                                   { cursor:pointer; }\r
-
+\r
 .table_sorting tr th:hover                                             { text-decoration:underline }\r
 \r
 table.alt-style tr.tr1 td,\r
 table.alt-style tr.tmore1 td                                   { background:#F2F2F2 }\r
 table.alt-style tr.tr2 td,\r
 table.alt-style tr.tmore2 td                                   { background:#fff }\r
-table.alt-style tr td.info-td                                  { padding:5px; }
+table.alt-style tr td.info-td                                  { padding:5px; }\r
 table.alt-style tr td.info-td div                              { padding:15px; border:1px dashed #000 }\r
 table.alt-style tr td a.more-info                              { display:inline-block;  width:17px; height:16px; background:url(../images/plus-minus.png) no-repeat 0 0; margin-left:10px; }\r
 table.alt-style tr td a.more-info:hover                        { background-image:url(../images/plus-minus-hover.png); text-decoration:none;}\r
@@ -351,4 +351,50 @@ table.alt-style tr td a.open                                       { background-position:-16px 0}
 \r
 .projects .details a.edit                                              { float:right; margin-left:20px;  }\r
 .projects .details .data                                               { overflow:hidden; }\r
-.projects .editable form textarea                              { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
\ No newline at end of file
+.projects .editable form textarea                              { width:70%; height:50px; max-width:70%; width:270px; height:120px;}\r
+\r
+\r
+/* quotas-form  */\r
+.quotas-form fieldset                                                  { background:url(../images/dots.jpg) repeat-x scroll center bottom transparent; margin-bottom:3em; padding-bottom:3em; position:relative; }\r
+.quotas-form fieldset legend                                   { color:#55B577; font-size:1.308em; margin-bottom:2em; }\r
+.quotas-form .with-checkbox .checkbox-widget   { margin-top:14px; } \r
+.quotas-form .with-checkbox span.info                  { bottom:19px; }\r
+.quotas-form .form-row.submit                                  { text-align:center; }\r
+.quotas-form input[type="submit"]                              { margin:15px 0; background-color:#B3B3B3 }\r
+.quotas-form input[type="submit"]:hover                        { background:#55B577 }\r
+.quotas-form input[type="submit"]:focus                        { border-color: #B3B3B3}\r
+.quotas-form input[type="submit"]:focus:hover  { border-color: #55B577}\r
+.quotas-form fieldset ul                                               { padding:0; margin:0 0 1em; }\r
+.quotas-form fieldset ul li                                            { list-style:none outside none; float:left; padding:0 0 0 59px; margin:0; }\r
+.quotas-form fieldset ul li:first-child                        { padding-left:0; }\r
+.quotas-form fieldset ul li a                                  { display:block; border:1px solid #222; color:#222; padding:10px 20px; }\r
+.quotas-form fieldset ul li a:hover                            { text-decoration:none; border-color:#55B577; color:#55B577; }\r
+.quotas-form fieldset ul li a.selected                 { background:#55B577; color:#fff; border-color:#55B577; }\r
+.quotas-form p.msg                                                             { color:#B3B3B3; }\r
+.quotas-form fieldset legend                                   { margin-bottom:1em; font-size:1.154em }\r
+.quotas-form a.delete                                                  { position:absolute; right:0; top:0; color:#B3B3B3; }\r
+.quotas-form .quota                                                            { display:none; }\r
+.quotas-form fieldset ul li.rel+li.rel                 { background:url(../images/quota-related-bg.png) no-repeat left center; }\r
+\r
+/* stats */\r
+.stats ul                                                                              { margin:0; padding:0; list-style:none outside none; }\r
+.stats ul li                                                                   { margin:0 0 1em 0; padding:0 0 1em 0; list-style:none outside none; background:url(../images/stats-line.jpg) repeat-x left bottom}\r
+.stats .bar                                                                            { padding:20px 0; text-align:center;  float:left; width:200px;}\r
+.stats .bar div                                                                        { width:340px; height:30px; border:1px solid #000;}\r
+.stats .bar span                                                               { text-align:right; display:block; height:100%; color:#fff;  line-height:30px; font-size:1.231em; text-indent:50px;}\r
+.stats .red .bar span                                                  { background:#ef4f54; }\r
+.stats .yellow .bar span                                               { background:#f6921e; }\r
+.stats .green .bar span                                                        { background:#55b577; }\r
+.stats .img-wrap                                                               { float:left; width:100px; background:url(../images/statistics_icons.png) no-repeat center center; padding:30px 0; }\r
+.stats .info                                                                   { margin:0 25px ; width:320px; float:left;  }\r
+.stats .info p                                                                 { color:#999; margin:0; }\r
+.stats .info h3                                                                        { font-size:1.231em; }\r
+.stats .red.vm .img-wrap                                               { background-position: 15px 7px; }\r
+.stats .yellow.vm .img-wrap                                            { background-position: -124px 7px; }\r
+.stats .green.vm .img-wrap                                             { background-position: -263px 7px; }\r
+.stats .red.ram .img-wrap                                              { background-position: 15px -125px; }\r
+.stats .yellow.ram .img-wrap                                   { background-position: -124px -125px; }\r
+.stats .green.ram .img-wrap                                            { background-position: -263px -125px;}\r
+.stats .red.disks .img-wrap                                            { background-position: 15px -248px; }\r
+.stats .yellow.disks .img-wrap                                 { background-position: -124px -248px; }\r
+.stats .green.disks .img-wrap                                  { background-position: -263px -248px;}\r

diff --git a/snf-astakos-app/astakos/im/static/im/images/create.png b/snf-astakos-app/astakos/im/static/im/images/create.png
new file mode 100644 (file)
index 0000000..d020a39
Binary files /dev/null and b/snf-astakos-app/astakos/im/static/im/images/create.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/images/join.png b/snf-astakos-app/astakos/im/static/im/images/join.png
new file mode 100644 (file)
index 0000000..cea84d9
Binary files /dev/null and b/snf-astakos-app/astakos/im/static/im/images/join.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/images/quota-related-bg.png b/snf-astakos-app/astakos/im/static/im/images/quota-related-bg.png
new file mode 100644 (file)
index 0000000..b08726a
Binary files /dev/null and b/snf-astakos-app/astakos/im/static/im/images/quota-related-bg.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/images/statistics_icons.png b/snf-astakos-app/astakos/im/static/im/images/statistics_icons.png
new file mode 100644 (file)
index 0000000..1bc6608
Binary files /dev/null and b/snf-astakos-app/astakos/im/static/im/images/statistics_icons.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/images/stats-line.jpg b/snf-astakos-app/astakos/im/static/im/images/stats-line.jpg
new file mode 100644 (file)
index 0000000..efd88f4
Binary files /dev/null and b/snf-astakos-app/astakos/im/static/im/images/stats-line.jpg differ

diff --git a/snf-astakos-app/astakos/im/static/im/images/symbols2.png b/snf-astakos-app/astakos/im/static/im/images/symbols2.png
new file mode 100644 (file)
index 0000000..5fda343
Binary files /dev/null and b/snf-astakos-app/astakos/im/static/im/images/symbols2.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/js/common.js b/snf-astakos-app/astakos/im/static/im/js/common.js
index 7e8266e..43e0349 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/js/common.js
+++ b/snf-astakos-app/astakos/im/static/im/js/common.js
@@ -175,6 +175,23 @@ $(document).ready(function() {
                                }\r
                        });\r
                }\r
+               \r
+               if($("#id_issue_date_demo").length > 0 ){\r
+                       $( "#id_issue_date_demo" ).datepicker({\r
+                               defaultDate: "+0", \r
+                               dateFormat: "yy-mm-dd",\r
+                               onSelect: function( selectedDate ) {\r
+                                       $( "#id_expiration_date_demo" ).datepicker( "option", "minDate", selectedDate );\r
+                               }\r
+                       });\r
+                       $( "#id_expiration_date_demo" ).datepicker({\r
+                               defaultDate: "+1w", \r
+                               dateFormat: "yy-mm-dd",\r
+                               onSelect: function( selectedDate ) {\r
+                                       $( "#id_issue_date_demo" ).datepicker( "option", "maxDate", selectedDate );\r
+                               }\r
+                       });\r
+               }\r
        });\r
        \r
        \r
@@ -201,6 +218,36 @@ $(document).ready(function() {
                $(this).hide();\r
        })\r
        \r
+       // quota form actions\r
+       \r
+       $('.quotas-form ul li a').click(function(e){\r
+               e.preventDefault();\r
+               $(this).addClass('selected');\r
+               var id = $(this).attr('id');\r
+               $('.quotas-form fieldset').each(function() {\r
+                       if($(this).hasClass(id)) {\r
+                               $(this).show('slow');\r
+                       }\r
+               });     \r
+               \r
+       });\r
+       \r
+       $('.quotas-form fieldset .delete').click(function(e){\r
+               e.preventDefault();\r
+               $(this).parents('fieldset').find('input').val('');\r
+               $(this).parents('fieldset').hide('slow');\r
+               fieldsetClass = $(this).parents('fieldset').attr('class').replace('quota ', '');\r
+               $('.quotas-form ul li a').each(function() {\r
+                       if($(this).attr('id')==fieldsetClass) {\r
+                               $(this).removeClass('selected');\r
+                       }\r
+               }); \r
+                \r
+                \r
+       })\r
+       \r
+       \r
+       \r
 });\r
 \r
 $(window).resize(function() {\r

diff --git a/snf-astakos-app/astakos/im/templates/im/astakosgroup_form_demo.html b/snf-astakos-app/astakos/im/templates/im/astakosgroup_form_demo.html
new file mode 100644 (file)
index 0000000..dfb83bd
--- /dev/null
+++ b/snf-astakos-app/astakos/im/templates/im/astakosgroup_form_demo.html
@@ -0,0 +1,171 @@
+{% extends "im/account_base.html" %}
+
+{% block page.body %}
+ 
+        
+<form action="" method="post" class="withlabels quotas-form">{% csrf_token %}
+    <fieldset>
+       <legend>1. CREATE GROUP</legend>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="id">ID</label>
+                       <input type="text" name="id">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+       <div class="form-row with-errors ">
+               
+               <p class="clearfix">
+                       <label for="name">Name</label>
+                       <input type="text" name="name">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+               <div class="form-error" style="left: 270.1px; top: 21.2px; width: 292px; margin-left: 224px; margin-bottom: 5px;">This field is required.<br></div>
+       </div>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="description">Description</label>
+                       <textarea name="description"></textarea>
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="id_issue_date_demo">Issue Date</label>
+                       <input type="text" id="id_issue_date_demo" name="id_issue_date_demo" class="hasDatepicker">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+       
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="id_expiration_date_demo">Expiration Date</label>
+                       <input type="text" name="id_expiration_date_demo" id="id_expiration_date_demo" class="hasDatepicker">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+       <div class="form-row    with-checkbox">
+                    <p class="clearfix ">
+                       <a href="javascript:void(0)" class="checkbox-widget"></a><label for="id_moderation_enabled" class="checkbox-label">Moderation enabled</label>
+                       <input type="checkbox" id="id_moderation_enabled" name="moderation_enabled" autocomplete="off" style="display: none;">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                                   <em>more info</em>
+                                   <span>Check if you want to approve members participation manually</span>
+                           </span>
+                    </p>
+               </div>
+    </fieldset>       
+    <fieldset>
+       <legend>2. CHOOSE RESOURCES</legend>
+       <ul class="clearfix">
+               <li><a href="#" id="vm">VM</a></li>
+               <li><a href="#" id="storage">STORAGE</a></li>
+               <li class="rel"><a href="#" id="cpu">CPU</a></li>
+               <li class="rel"><a href="#" id="ram">RAM</a></li>
+               <li class="rel"><a href="#" id="diskspace">DISKSPACE</a></li>
+       </ul>
+       <p class="msg">if you choose CPU without selecting any VMs you must also select RAM and DISKSPACE</p>
+    </fieldset>   
+    <fieldset class="quota vm">
+       <a href="#" class="delete"><strong>X</strong> remove resource</a>
+       <legend>VM</legend>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="num_vms">Total VM</label>
+                       <input type="text" name="num_vms">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+    </fieldset>
+    <fieldset class="quota storage">
+       <a href="#" class="delete"><strong>X</strong> remove resource</a>
+       <legend>STORAGE</legend>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="num_vms">Total storage</label>
+                       <input type="text" name="num_vms">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+    </fieldset>
+    <fieldset class="quota cpu">
+       <a href="#" class="delete"><strong>X</strong> remove resource</a>
+       <legend>CPU</legend>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="num_vms">Total cpu</label>
+                       <input type="text" name="num_cpu">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+    </fieldset>
+    <fieldset class="quota ram">
+       <a href="#" class="delete"><strong>X</strong> remove resource</a>
+       <legend>RAM</legend>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="num_ram">Total ram</label>
+                       <input type="text" name="num_ram">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+    </fieldset>
+    <fieldset class="quota diskspace">
+       <a href="#" class="delete"><strong>X</strong> remove resource</a>
+       <legend>DISKSPACE</legend>
+       <div class="form-row">
+               <p class="clearfix">
+                       <label for="num_diskspace">Total diskspace</label>
+                       <input type="text" name="num_diskspace">
+                       <span class="extra-img">&nbsp;</span>
+                       <span class="info"> 
+                               <em>more info</em>
+                               <span>Help Text</span>
+                       </span>
+               </p>
+       </div>
+    </fieldset>
+    <div class="form-row submit">
+          <input type="submit" value="SUBMIT" class="submit altcol" autocomplete="off">
+       </div>     
+</form>
+        
+ 
+{% endblock %}

diff --git a/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html b/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
index b51c188..fc9fd35 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
+++ b/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
@@ -23,18 +23,20 @@
            {% else %}
     
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br>You can <a href="{% url group_create_list %}">create a new group</a> or <a href="{% url group_search %}">join</a> to an existing one.</p>
+               
                <div class="widjets"> 
                        <a href="#" class="widjet-x" title="remove boxes">X</a>
                        <ul class="clearfix">   
                                <li>
                                        <div>
-                                               <p>WELCOME!<br>Connect with a world of people who share your passions.<br>With millions of groups at your fingertips, it's easy to find the group that's best for you -- no matter your interest.</p>
+                                               <p>WELCOME!<br>Connect with a world of people who share your passions.<br>With millions of groups at your fingertips, it's easy to find the group that's best for you -- no matter your interest.</p><p style="text-align: center"><img alt="THINK ABOUT IT" src="/static/im/images/create.png"></p>
                                                <p class="btn"><a href="{% url group_create_list %}" class="submit">CREATE</a></p>
                                        </div>
                                </li>
                                <li>
                                        <div>
-                                               <p>LOOKING FOR A GROUP?</p><p>Well, this is the place to start!<br>sdofuisd ofuaofi usdiof uiofu osifuaoi ufisdfiousf oiusd<br><img alt="THINK ABOUT IT" src="/static/medialibrary/2012/06/behind_okeanos.png"></p>
+                                               <p>LOOKING FOR A GROUP?</p><p>Well, this is the place to start!<br>sdofuisd ofuaofi usdiof uiofu osifuaoi ufisdfiousf oiusd<br></p>
+                                               <p style="text-align: center"><img alt="THINK ABOUT IT" src="/static/im/images/join.png"></p>
                                                <p class="btn"><a href="{% url group_search %}" class="submit">JOIN</a></p>
                                        </div>
                                </li>
@@ -257,11 +259,7 @@
                                        <th>Type</th>
                                        <th>Issued</th>
                                        <th>Expires</th>
-
-                                        
                                        <th>Enrolled</th>
-                                      
-                                        
                                        <th>Enrollment status</th>
                                        <th>&nbsp;</th>
                                      

diff --git a/snf-astakos-app/astakos/im/templates/im/astakosuserquota_list.html b/snf-astakos-app/astakos/im/templates/im/astakosuserquota_list.html
index fbb0fc2..c51350a 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/astakosuserquota_list.html
+++ b/snf-astakos-app/astakos/im/templates/im/astakosuserquota_list.html
@@ -4,6 +4,50 @@
 
 {% block page.body %}
 <div class="maincol {% block innerpage.class %}{% endblock %}">
+    <div class="stats clearfix">
+       <ul>
+               <li class="clearfix red vm">
+                       <div class="img-wrap">&nbsp;</div>
+                       <div class="info">
+                               <h3>Number of Vms</h3>
+                               <p>
+                                       XX% Used<br>
+                                       That is XXX of your XXX MB of virtual RAM - Aouch!
+                               </p>
+                       </div>
+                       <div class="bar">
+                               <div><span style="width:89%;">89%&nbsp;</span></div>
+                       </div>
+               </li>
+               <li class="clearfix yellow ram">
+                       <div class="img-wrap">&nbsp;</div>
+                       <div class="info">
+                               <h3>Number of RAMs</h3>
+                               <p>
+                                       XX% Used<br>
+                                       That is XXX of your XXX MB of virtual RAM - Aouch!
+                               </p>
+                       </div>
+                       <div class="bar">
+                               <div><span style="width:30%;">30%&nbsp;</span></div>
+                       </div>
+               </li>
+               <li class="clearfix green disks">
+                       <div class="img-wrap">&nbsp;</div>
+                       <div class="info">
+                               <h3>Number of Vms</h3>
+                               <p>
+                                       XX% Used<br>
+                                       That is XXX of your XXX MB of virtual RAM - Aouch!
+                               </p>
+                       </div>
+                       <div class="bar">
+                               <div><span style="width:60%;">30%&nbsp;</span></div>
+                       </div>
+               </li>
+       </ul>
+    </div>    
+    <!--
     <div class="section">
             {% for k, v in user.quota|items %}
                 <strong>{{k}}</strong>
@@ -15,6 +59,7 @@
                       </tr>
                     </thead>
  -->
+ <!--
                     <tbody>
                     {% for m in user.membership_set.select_related.all %}
                         {% if m.group.is_enabled %}
@@ -38,6 +83,6 @@
                     </tbody>
                 </table>
             {% endfor %}
-    </div>
+    </div>-->
 </div>
 {% endblock %}

diff --git a/snf-astakos-app/astakos/im/templates/im/base.html b/snf-astakos-app/astakos/im/templates/im/base.html
index 1efd582..8ccc746 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/base.html
+++ b/snf-astakos-app/astakos/im/templates/im/base.html
@@ -27,7 +27,7 @@
 
   {% block page.css %}
        
-      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
+      <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/global.css">
       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/print.css" media="print">
       <!--[if lte IE 7]>
@@ -35,7 +35,7 @@
       <![endif]-->
       <link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ IM_STATIC_URL }}css/max960.css"/>
       <link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ IM_STATIC_URL }}css/max768.css"/>  
-      <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ IM_STATIC_URL }}css/max480.css"/>  
+      <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ IM_STATIC_URL }}css/max480.css"/> 
       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/jquery-ui-1.8.21.custom.css"/>
       
   {% endblock page.css %}

diff --git a/snf-astakos-app/astakos/im/urls.py b/snf-astakos-app/astakos/im/urls.py
index 3759b78..a7fb358 100644 (file)
--- a/snf-astakos-app/astakos/im/urls.py
+++ b/snf-astakos-app/astakos/im/urls.py
@@ -80,6 +80,8 @@ urlpatterns = patterns('astakos.im.views',
                            'disapprove_member', {}, name='disapprove_member'),
                        url(r'^group/create/?$', 'group_create_list', {},
                            name='group_create_list'),
+                       url(r'^group/create_demo/?$', 'group_create_demo', {},
+                           name='group_create_demo'),
                        )
 
 if EMAILCHANGE_ENABLED:

diff --git a/snf-astakos-app/astakos/im/views.py b/snf-astakos-app/astakos/im/views.py
index 46f1a04..0daa4c9 100644 (file)
--- a/snf-astakos-app/astakos/im/views.py
+++ b/snf-astakos-app/astakos/im/views.py
@@ -1097,4 +1097,10 @@ def _clear_billing_data(data):
     data['bill_diskspace'] = filter(servicefilter('diskspace'), data['bill'])
     data['bill_addcredits'] = filter(servicefilter('addcredits'), data['bill'])
         
-    return data
\ No newline at end of file
+    return data
+
+def group_create_demo(request):
+    return render_response(
+        template='im/astakosgroup_form_demo.html',
+        context_instance=get_context(request))
+    
\ No newline at end of file