new style, first version (header, login, dashboard)

[myslice.git] / portal / templates / dashboard.html

diff --git a/portal/templates/dashboard.html b/portal/templates/dashboard.html
index 9ba4c4e..3ef7914 100644 (file)
--- a/portal/templates/dashboard.html
+++ b/portal/templates/dashboard.html
@@ -1,44 +1,45 @@
 {% extends "layout-unfold1.html" %}
 
 {% block head %}
-<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/dashboard.css" />
 {% endblock %}
 
-{% block unfold1_main %}
+{% block unfold_main %}
 
 <div id='tophat_status'></div>
 <div id='ms-dashboard'>
+  <div class="container">
+    <div class="row">
+      <div class='col-xs-4' id="ms-dashboard-profile">
+       <div class='ms-dashboard-caption'>
+         <h2>User profile</h2>
+       </div>
+       <div class='ms-dashboard-content'>
+         <ul>
+           {% if person.last_name %} <li><span id='username'>{{person.first_name}} {{person.last_name}}</span></li> {% endif %}
+           <li><b>Email: </b><a href='mailto:{{person.email}}'>{{person.email}}</a></li>
+         </ul>
+         <button id="account" onclick="location.href='/portal/account/'" class="btn btn-default">Modify</button>
+       </div>
+      </div>
 
-  <div class='ms-dashboard-panel' id="ms-dashboard-profile">
-    <div class='ms-dashboard-caption'>
-      <h2>User profile</h2>
-    </div>
-    <div class='ms-dashboard-content'>
-      <ul>
-        <li><span id='username'>{{person.first_name}} {{person.last_name}}</span></li>
-        <li><b>Email: </b><a href='mailto:#'>{{person.email}}</a></li>
-      </ul>
-      <button id="account" onclick="location.href='account'" class="btn">Modify</button>
-    </div>
-  </div>
+    <div class='col-xs-4' id='ms-dashboard-testbeds'>
+               <div class='ms-dashboard-caption'>
+                       <h2>Testbeds</h2>
+               </div>
+               <div class='ms-dashboard-content' id='tophat__list__platform__network_name'>
+               {{testbeds}}
+               </div>
+   </div>
 
-  <div class='ms-dashboard-panel' id='ms-dashboard-testbeds'>
-    <div class='ms-dashboard-caption'>
-      <h2>Testbeds access</h2>
-    </div>
-    <div class='ms-dashboard-content' id='tophat__list__network_hrn__network_name'>
-    {{networks}}
+      <div class='col-xs-4' id='ms-dashboard-slices'>
+       <div class='ms-dashboard-caption'>
+         <h2>Slices</h2>
        </div>
-  </div>
-
-  <div class='ms-dashboard-panel' id='ms-dashboard-slices'>
-    <div class='ms-dashboard-caption'>
-      <h2>Slices</h2>
-    </div>
-    <div class='ms-dashboard-content' id='tophat__list__slice_hrn__slice_hrn'>
-    {{slices}}
+       <div class='ms-dashboard-content' id='tophat__list__slice_hrn__slice_hrn'>
+         {{slices}}
+       </div>
+      </div>
     </div>
   </div>
 </div>
-
 {% endblock %}