+<!--
+Copyright 2019 ETSI
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
{% extends "base.html" %}
{% load get %}
{% load staticfiles %}
{% block head_block %}
{{ block.super }}
-
+ <link rel="stylesheet" href="/static/node_modules/datatables.net-bs/css/dataTables.bootstrap.min.css">
{% endblock %}
{% block title_header_big %}
{{ block.super }}
{% block breadcrumb_body %}
{{ block.super }}
- <li><a href="{% url "projects:vims:list" project_id=project_id %}">VIMS</a></li>
+ <li><a href="{% url "vims:list" %}">VIMS</a></li>
{% endblock %}
{% block content_body %}
{{ block.super }}
+ {% include 'modal/vim_create.html' %}
{% include 'modal/vim_details.html' %}
{% csrf_token %}
<div class="row">
<div class="box-header with-border">
<h3 class="box-title">Registered VIM</h3>
<div class="box-tools">
- <a href='{% url "projects:vims:create" project_id=project_id %}' class="btn btn-block btn-primary btn-sm"><i
- class="fa fa-plus"></i><span> New VIM</span></a>
+ <button type="button" class="btn btn-default" data-container="body"
+ data-toggle="tooltip" data-placement="top" title="New VIM"
+ onclick="javascript:openModalCreateVIM()">
+ <i class="fa fa-plus"></i> <span> New VIM</span>
+ </button>
</div>
</div>
<div class="box-body">
- <table id="projects_table" class="table table-bordered table-striped">
+ <table id="vims_table" class="table table-bordered table-striped">
<thead>
<tr>
- <th>Id</th>
<th>Name</th>
+ <th>Identifier</th>
<th>Type</th>
<th>Operational State</th>
<th>Description</th>
</tr>
</thead>
<tbody>
- {% for p in datacenters %}
-
- <tr>
-
- <td>{{ p|get:"_id" }}</td>
- <td>{{ p|get:"name" }}</td>
- <td>{{ p|get:"vim_type" }}</td>
- <td>{{ p|get_sub:"_admin,operationalState"}}</td>
- <td>{{ p|get_sub:"_admin,description" }}</td>
-
-
- <td>
- <div class="btn-group">
- <button type="button" class="btn btn-default"
- onclick="location.href='{% url "projects:vims:show" project_id=project_id vim_id=p|get:"_id" %}'" data-toggle="tooltip" data-placement="top" data-container="body" title="Show Info"><i
- class="fa fa-info"></i></button>
- <button type="button" class="btn btn-default"
- onclick="javascript:deleteVim('{% url "projects:vims:delete" project_id=project_id vim_id=p|get:"_id" %}')" data-toggle="tooltip" data-placement="top" data-container="body" title="Delete"><i
- class="far fa-trash-alt" ></i></button>
- </div>
- </td>
-
- </tr>
- {% endfor %}
+
</tbody>
</table>
</div>
{% block resource_block %}
{{ block.super }}
- <!-- Utility JS -->
-
+ <script src="/static/node_modules/datatables.net/js/jquery.dataTables.min.js"></script>
+ <script src="/static/node_modules/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
+ <script src="/static/src/vimhandler/vim_list.js"></script>
<script>
+ var table;
- function deleteVim(url) {
- bootbox.confirm("Are you sure want to delete?", function (result) {
- if (result) {
- location.href = url//'/vims/' + vim_uuid + '/delete'
- }
- })
- }
+
</script>
{% endblock %}
-
-{% block footer %}
- {% include "footer.html" %}
-{% endblock %}
\ No newline at end of file