use col-xs-<n> instead of col-md-<n> as the bootstrap doc states
[myslice.git] / portal / templates / dashboard.html
1 {% extends "layout-unfold1.html" %}
2
3 {% block head %}
4 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/dashboard.css" />
5 {% endblock %}
6
7 {% block unfold1_main %}
8
9 <div id='tophat_status'></div>
10 <div id='ms-dashboard'>
11
12   <div class="container">
13     <div class="row">
14       <div class='col-xs-4' id="ms-dashboard-profile">
15         <div class='ms-dashboard-caption'>
16           <h2>User profile</h2>
17         </div>
18         <div class='ms-dashboard-content'>
19           <ul>
20             {% if person.last_name %} <li><span id='username'>{{person.first_name}} {{person.last_name}}</span></li> {% endif %}
21             <li><b>Email: </b><a href='mailto:#'>{{person.email}}</a></li>
22           </ul>
23           <button id="account" onclick="location.href='/portal/account/'" class="btn btn-default">Modify</button>
24         </div>
25       </div>
26
27       <div class='col-xs-4' id='ms-dashboard-testbeds'>
28         <div class='ms-dashboard-caption'>
29           <h2>Testbeds</h2>
30         </div>
31         <div class='ms-dashboard-content' id='tophat__list__network_hrn__network_name'>
32           {{networks}}
33         </div>
34       </div>
35
36       <div class='col-xs-4' id='ms-dashboard-slices'>
37         <div class='ms-dashboard-caption'>
38           <h2>Slices</h2>
39         </div>
40         <div class='ms-dashboard-content' id='tophat__list__slice_hrn__slice_hrn'>
41           {{slices}}
42         </div>
43       </div>
44     </div>
45   </div>
46 </div>
47 {% endblock %}