1 {% extends
"base.html" %}
9 <!-- Codemirror core CSS -->
10 <link rel=
"stylesheet" href=
"/static/bower_components/codemirror/lib/codemirror.css">
11 <link rel=
"stylesheet" href=
"/static/bower_components/codemirror/addon/fold/foldgutter.css" />
12 <link rel=
"stylesheet" href=
"/static/bower_components/codemirror/theme/neat.css">
13 <link rel=
"stylesheet" href=
"/static/bower_components/codemirror/addon/dialog/dialog.css">
14 <link rel=
"stylesheet" href=
"/static/bower_components/codemirror/addon/display/fullscreen.css">
15 <link rel=
"stylesheet" href=
"/static/bower_components/select2/dist/css/select2.min.css">
17 {% block title_header_big %}
20 {% block left_sidebar %}
21 {% include 'osm/osm_project_left_sidebar.html' %}
25 {% block breadcrumb_body %}
27 <li><a href=
"{% url 'projects:instances:list' project_id=project_id type=type %}">Instances
</a></li>
30 {% block content_body %}
32 {% include 'modal/instance_create.html' %}
35 <div class=
"col-md-12">
38 <div class=
"box-header with-border">
39 <h3 class=
"box-title">Instances
</h3>
41 <div class=
"box-tools">
43 <button type=
"button" class=
"btn btn-default" data-container=
"body"
44 data-toggle=
"tooltip" data-placement=
"top" title=
"Instantiate NS"
45 onclick=
"javascript:openModalCreateNS({ 'project_id':'{{project_id}}','vim_list_url': '{% url "vim:list
" %}'})" disabled
>
46 <i class=
"fa fa-paper-plane"></i> <span> New NS
</span></button>
51 <div class=
"box-body">
52 <table id=
"instances_table" class=
"table table-bordered table-striped">
58 <th style=
"width:5%">Operational Status
</th>
59 <th style=
"width:5%">Config Status
</th>
60 <th>Detailed Status
</th>
65 {% for i in instances %}
68 <td>{{ i|get:
"_id" }}
</td>
69 <td>{{ i|get:
"short-name" }}
</td>
70 <td>{{ i|get:
"nsd-name-ref" }}
</td>
72 {% if i|get:
"operational-status" == 'failed' %}
73 <td><span class=
"label label-danger">{{ i|get:
"operational-status" }}
</span> </td>
74 {% elif i|get:
"operational-status" == 'init' %}
75 <td><span class=
"label label-warning">{{ i|get:
"operational-status" }}
</span> </td>
76 {% elif i|get:
"operational-status" == 'running' %}
77 <td><span class=
"label label-success">{{ i|get:
"operational-status" }}
</span> </td>
79 <td>{{ i|get:
"operational-status" }}
</td>
81 {% if i|get:
"config-status" == 'failed' %}
82 <td><span class=
"label label-danger">{{ i|get:
"config-status" }}
</span> </td>
83 {% elif i|get:
"config-status" == 'init' %}
84 <td><span class=
"label label-warning">{{ i|get:
"config-status" }}
</span> </td>
85 {% elif i|get:
"config-status" == 'running' %}
86 <td><span class=
"label label-success">{{ i|get:
"config-status" }}
</span> </td>
87 {% elif i|get:
"config-status" == 'configured' %}
88 <td><span class=
"label label-success">{{ i|get:
"config-status" }}
</span> </td>
90 <td>{{ i|get:
"config-status" }}
</td>
92 <td style=
" max-width:1px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{ i|get:
"detailed-status" }}
</td>
94 <div class=
"btn-group">
95 <button type=
"button" class=
"btn btn-default"
96 onclick=
"javascript:showInstanceDetails('{% url 'projects:instances:show' instance_id=i|get:'_id' project_id=project_id type=type %}')"
97 data-toggle=
"tooltip" data-placement=
"top" data-container=
"body" title=
"Show Info"><i
98 class=
"fa fa-info"></i>
101 <button type=
"button" class=
"btn btn-default"
102 onclick=
"javascript:deleteNs('{% url 'projects:instances:delete' instance_id=i|get:'_id' project_id=project_id type=type %}')"
103 data-toggle=
"tooltip" data-placement=
"top" data-container=
"body" title=
"Delete"><i
104 class=
"fa fa-trash-o"></i></button>
106 <button type=
"button" class=
"btn btn-default dropdown-toggle"
107 data-toggle=
"dropdown" aria-expanded=
"false">Actions
108 <span class=
"fa fa-caret-down"></span></button>
109 <ul class=
"dropdown-menu">
110 <li><a href=
"#" onclick=
"javascript:performAction('{% url 'projects:instances:action' instance_id=i|get:'_id' project_id=project_id type=type %}')">
111 <i class=
"fa fa-magic"></i>Exec NS Primitive
</a></li>
112 <li><a href=
"#"> <i class=
"fa fa-list"></i>Active operations
</a></li>
130 {% include 'modal/instance_create.html' %}
131 {% include 'modal/instance_show.html' %}
132 {% include 'modal/instance_new_action.html' %}
135 {% block resource_block %}
138 <script src=
"/static/bower_components/select2/dist/js/select2.js"></script>
139 <script src=
"/static/bower_components/codemirror/lib/codemirror.js"></script>
140 <script src=
"/static/bower_components/codemirror/addon/fold/foldcode.js"></script>
141 <script src=
"/static/bower_components/codemirror/addon/fold/foldgutter.js"></script>
142 <script src=
"/static/bower_components/codemirror/addon/fold/brace-fold.js"></script>
143 <script src=
"/static/bower_components/codemirror/mode/javascript/javascript.js"></script>
144 <script src=
"/static/bower_components/codemirror/addon/search/searchcursor.js"></script>
145 <script src=
"/static/bower_components/codemirror/addon/search/search.js"></script>
146 <script src=
"/static/bower_components/codemirror/addon/dialog/dialog.js"></script>
147 <script src=
"/static/bower_components/codemirror/addon/display/autorefresh.js"></script>
148 <script src=
"/static/bower_components/codemirror/addon/edit/matchbrackets.js"></script>
149 <script src=
"/static/bower_components/codemirror/addon/edit/closebrackets.js"></script>
150 <script src=
"/static/bower_components/codemirror/addon/display/fullscreen.js"></script>
151 <script src=
"/static/bower_components/codemirror/keymap/sublime.js"></script>
152 <script src=
"/static/src/instancehandler/instance_list.js"></script>
153 <script src=
"/static/src/instancehandler/instance_create.js"></script>
158 {% include
"footer.html" %}