1 {% extends "base.html" %}
6 <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=yaml"></script>
7 <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
11 <div class="container-fluid">
13 <div class="col-lg-6">
14 <div class="panel panel-default">
15 <div class="panel-heading clearfix">
16 <h4 style="display: inline;">Overview</h4>
17 <a data-toggle="collapse" data-target="#panel_overview" class="btn pull-right" style="line-height: 1;" >Expand</a>
19 <div class="panel-body" id="panel_overview">
23 <td>{{ booking.purpose }}</td>
27 <td>{{ booking.project }}</td>
31 <td>{{ booking.start }}</td>
35 <td>{{ booking.end }}</td>
38 <td>Pod Definition</td>
39 <td>{{ booking.resource.template }}</td>
42 <td>Pod Configuration</td>
43 <td>{{ booking.config_bundle }}</td>
46 <td>Lab Deployed At</td>
47 <td>{{ booking.lab }}</td>
54 <div class="col-lg-6">
56 <div class="panel panel-default">
57 <div class="panel-heading clearfix">
58 <h4 style="display: inline;">Pod</h4>
59 <a data-toggle="collapse" data-target="#pod_panel" class="btn pull-right" style="line-height: 1;" >Expand</a>
61 <div class="panel-body pod_panel" id="pod_panel">
63 {% for host in booking.resource.hosts.all %}
65 <td><h4>{{host.template.resource.name}}</h4></td>
70 <td>{{host.template.resource.name}}</td>
74 <td>{{host.name}}</td>
78 <td>{{host.config.opnfvRole}}</td>
82 <td>{{host.config.image}}</td>
86 <td>{{host.profile.ramprofile.first.amount}}G,
87 {{host.profile.ramprofile.first.channels}} channels</td>
95 <td>{{host.profile.cpuprofile.first.architecture}}</td>
99 <td>{{host.profile.cpuprofile.first.cores}}</td>
103 <td>{{host.profile.cpuprofile.first.cpus}}</td>
111 <table class="table">
114 <td>{{host.profile.diskprofile.first.size}}GiB</td>
118 <td>{{host.profile.diskprofile.first.media_type}}</td>
121 <td>Mount Point:</td>
122 <td>{{host.profile.diskprofile.first.name}}</td>
132 border: none !important;
135 <table class="table">
136 {% for intprof in host.profile.interfaceprofile.all %}
139 <table class="table borderless">
142 <td>{{intprof.name}}</td>
146 <td>{{intprof.speed}}</td>
166 <div class="col-lg-6">
168 <div class="panel panel-default">
169 <div class="panel-heading clearfix">
170 <h4 style="display: inline;">PDF</h4>
171 <a data-toggle="collapse" data-target="#pdf_panel" class="btn pull-right" style="line-height: 1;" >Expand</a>
174 <div class="panel-body" id="pdf_panel" style="padding: 0px;">
175 <pre class="prettyprint lang-yaml" style="margin: 0px; padding: 0px; border: none;">
183 <div class="col-lg-6">
184 <div class="panel panel-default">
185 <div class="panel-heading clearfix">
186 <h4 style="display: inline;">Deployment Progress</h4>
187 <p style="display: inline; margin-left: 10px;"> These are the different tasks that have to be completed before your deployment is ready</p>
188 <a data-toggle="collapse" data-target="#panel_tasks" class="btn pull-right" style="line-height: 1;" >Expand</a>
191 <div class="panel-body" id="panel_tasks">
192 <table class="table">
195 display: inline-block;
196 border: 3px solid #f3f3f3;
198 border-top: 3px solid #12aebb;
201 -webkit-animation: spin 2s linear infinite; /* Safari */
202 animation: spin 2s linear infinite;
206 0% {transform: rotate(0deg);}
207 100% {transform: rotate(360deg);}
211 display: inline-block;
216 animation: fadeInOut 1s infinite alternate;
220 @keyframes fadeInOut {
224 display: inline-block;
234 <th>Lab Response</th>
237 {% for task in booking.job.get_tasklist %}
240 {% if task.status < 100 %}
241 <div class="new"></div>
242 {% elif task.status < 200 %}
243 <div class="progress"></div>
245 <div class="done"></div>
251 {% if task.status < 100 %}
253 {% elif task.status < 200 %}
261 {% if task.message %}
262 {% if task.type_str == "Access Task" and user_id != task.config.user.id %}
263 Message from Lab: <pre>--secret--</pre>
265 Message from Lab: <pre>{{ task.message }}</pre>
268 No response provided (yet)
285 {% endblock content %}