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">
16 {% block title_header_big %}
19 {% block left_sidebar %}
20 {% include 'osm/osm_project_left_sidebar.html' %}
24 {% block breadcrumb_body %}
26 <li><a href=
"{% url 'projects:instances:list' project_id=project_id type=type %}">Instances
</a></li>
29 {% block content_body %}
31 {% include 'modal/instance_create.html' %}
34 <div class=
"col-md-12">
37 <div class=
"box-header with-border">
38 <h3 class=
"box-title">Instances
</h3>
40 <div class="box-tools">
41 <a href="javascript:newVimModal()" class="btn btn-block btn-primary btn-sm"><i
42 class="fa fa-plus"></i><span> New VIM</span></a>
46 <div class=
"box-body">
47 <table id=
"instances_table" class=
"table table-bordered table-striped">
53 <th style=
"width:5%">Operational Status
</th>
54 <th style=
"width:5%">Config Status
</th>
55 <th>Detailed Status
</th>
60 {% for i in instances %}
63 <td>{{ i|get:
"_id" }}
</td>
64 <td>{{ i|get:
"short-name" }}
</td>
65 <td>{{ i|get:
"nsd-name-ref" }}
</td>
67 {% if i|get:
"operational-status" == 'failed' %}
68 <td><span class=
"label label-danger">{{ i|get:
"operational-status" }}
</span> </td>
69 {% elif i|get:
"operational-status" == 'init' %}
70 <td><span class=
"label label-warning">{{ i|get:
"operational-status" }}
</span> </td>
71 {% elif i|get:
"operational-status" == 'running' %}
72 <td><span class=
"label label-success">{{ i|get:
"operational-status" }}
</span> </td>
74 <td>{{ i|get:
"operational-status" }}
</td>
76 {% if i|get:
"config-status" == 'failed' %}
77 <td><span class=
"label label-danger">{{ i|get:
"config-status" }}
</span> </td>
78 {% elif i|get:
"config-status" == 'init' %}
79 <td><span class=
"label label-warning">{{ i|get:
"config-status" }}
</span> </td>
80 {% elif i|get:
"config-status" == 'running' %}
81 <td><span class=
"label label-success">{{ i|get:
"config-status" }}
</span> </td>
82 {% elif i|get:
"config-status" == 'configured' %}
83 <td><span class=
"label label-success">{{ i|get:
"config-status" }}
</span> </td>
85 <td>{{ i|get:
"config-status" }}
</td>
87 <td style=
" max-width:1px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{ i|get:
"detailed-status" }}
</td>
89 <div class=
"btn-group">
90 <button type=
"button" class=
"btn btn-default"
91 onclick=
"javascript:showInstanceDetails('{% url 'projects:instances:show' instance_id=i|get:'_id' project_id=project_id type=type %}')"
92 data-toggle=
"tooltip" data-placement=
"top" data-container=
"body" title=
"Show Info"><i
93 class=
"fa fa-info"></i>
96 <button type=
"button" class=
"btn btn-default"
97 onclick=
"javascript:deleteNs('{% url 'projects:instances:delete' instance_id=i|get:'_id' project_id=project_id type=type %}')"
98 data-toggle=
"tooltip" data-placement=
"top" data-container=
"body" title=
"Delete"><i
99 class=
"fa fa-trash-o"></i></button>
101 <button type=
"button" class=
"btn btn-default dropdown-toggle"
102 data-toggle=
"dropdown" aria-expanded=
"false">Actions
103 <span class=
"fa fa-caret-down"></span></button>
104 <ul class=
"dropdown-menu">
105 <li><a href=
"#" onclick=
"javascript:performAction('{% url 'projects:instances:action' instance_id=i|get:'_id' project_id=project_id type=type %}')">
106 <i class=
"fa fa-magic"></i>Exec NS Primitive
</a></li>
107 <li><a href=
"#"> <i class=
"fa fa-list"></i>Active operations
</a></li>
125 {% include 'modal/instance_show.html' %}
126 {% include 'modal/instance_new_action.html' %}
129 {% block resource_block %}
133 <script src=
"/static/bower_components/codemirror/lib/codemirror.js"></script>
134 <script src=
"/static/bower_components/codemirror/addon/fold/foldcode.js"></script>
135 <script src=
"/static/bower_components/codemirror/addon/fold/foldgutter.js"></script>
136 <script src=
"/static/bower_components/codemirror/addon/fold/brace-fold.js"></script>
137 <script src=
"/static/bower_components/codemirror/mode/javascript/javascript.js"></script>
138 <script src=
"/static/bower_components/codemirror/addon/search/searchcursor.js"></script>
139 <script src=
"/static/bower_components/codemirror/addon/search/search.js"></script>
140 <script src=
"/static/bower_components/codemirror/addon/dialog/dialog.js"></script>
141 <script src=
"/static/bower_components/codemirror/addon/display/autorefresh.js"></script>
142 <script src=
"/static/bower_components/codemirror/addon/edit/matchbrackets.js"></script>
143 <script src=
"/static/bower_components/codemirror/addon/edit/closebrackets.js"></script>
144 <script src=
"/static/bower_components/codemirror/addon/display/fullscreen.js"></script>
145 <script src=
"/static/bower_components/codemirror/keymap/sublime.js"></script>
146 <script src=
"/static/src/instancehandler/instance_list.js"></script>
151 {% include
"footer.html" %}