mirror of
https://github.com/retspen/webvirtcloud
synced 2024-12-24 23:25:24 +00:00
Rebuilt all html
This commit is contained in:
parent
44c0e07c7e
commit
3e14977b8f
17 changed files with 313 additions and 226 deletions
|
@ -1,11 +0,0 @@
|
||||||
from django import template
|
|
||||||
import re
|
|
||||||
|
|
||||||
register = template.Library()
|
|
||||||
|
|
||||||
|
|
||||||
@register.simple_tag
|
|
||||||
def class_activebtn(request, pattern):
|
|
||||||
if re.search(pattern, request.path):
|
|
||||||
return 'btn-primary'
|
|
||||||
return ''
|
|
65
static/css/webvirtcloud.css
Normal file
65
static/css/webvirtcloud.css
Normal file
|
@ -0,0 +1,65 @@
|
||||||
|
/*!
|
||||||
|
* WebVirtCloud (http://github.com/retspen/webvirtcloud)
|
||||||
|
* Code licensed under the Apache License v2.0.
|
||||||
|
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Global Styles */
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-nav {
|
||||||
|
background-color: #FFF;
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-nav li a:hover,
|
||||||
|
.side-nav li a:focus {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #5CD062 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse {
|
||||||
|
background-color: #6F5499;
|
||||||
|
border-color: #6F5499;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-brand {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-nav>li>a {
|
||||||
|
color: #767676;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-nav>li>a:focus,
|
||||||
|
.navbar-inverse .navbar-nav>li>a:hover {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #5CD062;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inverse .navbar-nav>.active>a,
|
||||||
|
.navbar-inverse .navbar-nav>.active>a:focus,
|
||||||
|
.navbar-inverse .navbar-nav>.active>a:hover {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #5CD062;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-nav>li>a {
|
||||||
|
color: #FFF6F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-nav>li>a:hover,
|
||||||
|
.top-nav>li>a:focus,
|
||||||
|
.top-nav>.open>a,
|
||||||
|
.top-nav>.open>a:hover,
|
||||||
|
.top-nav>.open>a:focus {
|
||||||
|
background-color: #5CD062;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
margin: 0 0 20px;
|
||||||
|
}
|
|
@ -15,9 +15,12 @@
|
||||||
<!-- Bootstrap Core CSS -->
|
<!-- Bootstrap Core CSS -->
|
||||||
<link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet">
|
<link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
<!-- SB admin CSS -->
|
||||||
<link href="{% static "css/sb-admin.css" %}" rel="stylesheet">
|
<link href="{% static "css/sb-admin.css" %}" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- WebVirtCloud CSS -->
|
||||||
|
<link href="{% static "css/webvirtcloud.css" %}" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Morris Charts CSS -->
|
<!-- Morris Charts CSS -->
|
||||||
<link href="{% static "css/plugins/morris.css" %}" rel="stylesheet">
|
<link href="{% static "css/plugins/morris.css" %}" rel="stylesheet">
|
||||||
|
|
||||||
|
|
|
@ -1,9 +0,0 @@
|
||||||
{% load i18n %}
|
|
||||||
{% load tags_activebtn %}
|
|
||||||
<a href="{% url 'overview' compute.id %}" class="btn btn-default {% class_activebtn request "^/compute/overview" %}">{% trans "Overview" %}</a>
|
|
||||||
<a href="{% url 'storages' compute.id %}" class="btn btn-default {% class_activebtn request "^/compute/stg" %}">{% trans "Storages" %}</a>
|
|
||||||
<a href="{% url 'networks' compute.id %}" class="btn btn-default {% class_activebtn request "^/compute/net" %}">{% trans "Networks" %}</a>
|
|
||||||
<a href="{% url 'interfaces' compute.id %}" class="btn btn-default {% class_activebtn request "^/compute/iface" %}">{% trans "Interfaces" %}</a>
|
|
||||||
<a href="{% url 'secrets' compute.id %}" class="btn btn-default {% class_activebtn request "^/compute/secret" %}">{% trans "Secrets" %}</a>
|
|
||||||
|
|
||||||
<hr>
|
|
|
@ -2,16 +2,14 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Computes" %}{% endblock %}
|
{% block title %}{% trans "Computes" %}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
{% include 'create_comp_block.html' %}
|
||||||
|
<h1 class="page-header">{% trans "Computes" %}</h1>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
</div>
|
||||||
|
</div>
|
||||||
{% include 'create_comp_block.html' %}
|
<!-- /.row -->
|
||||||
|
|
||||||
<h1 class="page-header">Computes</h1>
|
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
|
@ -216,17 +214,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="col-sm-12">
|
<div class="col-lg-12">
|
||||||
<div class="well">
|
<div class="alert alert-warning alert-dismissable">
|
||||||
<h4>{% trans "You have no connection" %}</h4>
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||||
|
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning:" %}</strong> {% trans "Hypervisor doesn't have any Computes" %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -2,7 +2,6 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Instances" %}{% endblock %}
|
{% block title %}{% trans "Instances" %}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<!-- Page Heading -->
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
|
|
|
@ -2,26 +2,41 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Interfaces" %} - {{ compute.name }}{% endblock %}
|
{% block title %}{% trans "Interfaces" %} - {{ compute.name }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
{% include 'create_iface_block.html' %}
|
||||||
|
<h1 class="page-header">{{ compute.name }}</h1>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
<ol class="breadcrumb">
|
||||||
|
<li class="active">
|
||||||
{% include "create_stg_block.html" %}
|
<i class="fa fa-dashboard"></i> <a href="{% url 'overview' compute.id %}">{% trans "Overview" %}</a>
|
||||||
|
</li>
|
||||||
<h1 class="page-header">{{ compute.name }}</h1>
|
<li>
|
||||||
|
<i class="fa fa-hdd-o"></i> <a href="{% url 'storages' compute.id %}">{% trans "Storages" %}</a>
|
||||||
{% include 'compute_block_link.html' %}
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-sitemap"></i> <a href="{% url 'networks' compute.id %}">{% trans "Networks" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-wifi"></i> {% trans "Interfaces" %}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-key"></i> <a href="{% url 'secrets' compute.id %}">{% trans "Secrets" %}</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
{% if not ifaces_all %}
|
{% if not ifaces_all %}
|
||||||
<div class="well">
|
<div class="col-lg-12">
|
||||||
<h4>{% trans "You do not have any storage pools" %}</h4>
|
<div class="alert alert-warning alert-dismissable">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||||
|
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning:" %}</strong> {% trans "Hypervisor doesn't have any Interfaces" %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
{% for iface in ifaces_all %}
|
{% for iface in ifaces_all %}
|
||||||
|
@ -32,18 +47,20 @@
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<p>{% trans "Type" %}: {{ iface.type }}</p>
|
<div class="row">
|
||||||
|
<div class="col-xs-4 col-sm-4">
|
||||||
<p>{% trans "MAC" %}: {{ iface.mac }}</p>
|
<p><strong>{% trans "Type:" %}</strong></p>
|
||||||
|
<p><strong>{% trans "MAC:" %}</strong></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-7">
|
||||||
|
<p>{{ iface.type }}</p>
|
||||||
|
<p>{{ iface.mac }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -13,7 +13,7 @@
|
||||||
<!-- Top Menu Items -->
|
<!-- Top Menu Items -->
|
||||||
<ul class="nav navbar-right top-nav">
|
<ul class="nav navbar-right top-nav">
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b class="caret"></b></a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> {{ request.user.username }} <b class="caret"></b></a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li>
|
<li>
|
||||||
<a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
|
<a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
|
||||||
|
|
|
@ -2,47 +2,64 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Networks" %} - {{ compute.name }}{% endblock %}
|
{% block title %}{% trans "Networks" %} - {{ compute.name }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
{% include 'create_net_block.html' %}
|
||||||
|
<h1 class="page-header">{{ compute.name }}</h1>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
<ol class="breadcrumb">
|
||||||
|
<li class="active">
|
||||||
{% include "create_stg_block.html" %}
|
<i class="fa fa-dashboard"></i> <a href="{% url 'overview' compute.id %}">{% trans "Overview" %}</a>
|
||||||
|
</li>
|
||||||
<h1 class="page-header">{{ compute.name }}</h1>
|
<li>
|
||||||
|
<i class="fa fa-hdd-o"></i> <a href="{% url 'storages' compute.id %}">{% trans "Storages" %}</a>
|
||||||
{% include 'compute_block_link.html' %}
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-sitemap"></i> {% trans "Networks" %}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-wifi"></i> <a href="{% url 'interfaces' compute.id %}">{% trans "Interfaces" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-key"></i> <a href="{% url 'secrets' compute.id %}">{% trans "Secrets" %}</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
{% if not networks %}
|
{% if not networks %}
|
||||||
<div class="well">
|
<div class="col-lg-12">
|
||||||
<h4>{% trans "You do not have any virtual networks" %}</h4>
|
<div class="alert alert-warning alert-dismissable">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||||
|
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning:" %}</strong> {% trans "Hypervisor doesn't have any Networks" %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
{% for pool in networks %}
|
{% for pool in networks %}
|
||||||
<div class="col-xs-6 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
<div class="panel {% if pool.status %}panel-success{% else %}panel-danger{% endif %} panel-data">
|
<div class="panel {% if pool.status %}panel-success{% else %}panel-danger{% endif %} panel-data">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title"><a href="{% url 'network' compute.id pool.name %}">{{ pool.name }}</a></h3>
|
<h3 class="panel-title"><a href="{% url 'network' compute.id pool.name %}">{{ pool.name }}</a></h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<p>{% trans "Device" %}: {{ pool.device }}</p>
|
<div class="row">
|
||||||
|
<div class="col-xs-4 col-sm-4">
|
||||||
<p>{% trans "Forward" %}: {{ pool.forward|upper }}</p>
|
<p><strong>{% trans "Device:" %}</strong></p>
|
||||||
|
<p><strong>{% trans "Forward:" %}</strong></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-7">
|
||||||
|
<p>{{ pool.device }}</p>
|
||||||
|
<p>{{ pool.forward|upper }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -2,57 +2,51 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Overview" %} - {{ compute.name }}{% endblock %}
|
{% block title %}{% trans "Overview" %} - {{ compute.name }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
<h1 class="page-header">{{ compute.name }}</h1>
|
||||||
|
<ol class="breadcrumb">
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
<li class="active">
|
||||||
|
<i class="fa fa-dashboard"></i> {% trans "Overview" %}
|
||||||
<h1 class="page-header">{{ compute.name }}</h1>
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-hdd-o"></i> <a href="{% url 'storages' compute.id %}">{% trans "Storages" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-sitemap"></i> <a href="{% url 'networks' compute.id %}">{% trans "Networks" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-wifi"></i> <a href="{% url 'interfaces' compute.id %}">{% trans "Interfaces" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-key"></i> <a href="{% url 'secrets' compute.id %}">{% trans "Secrets" %}</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
{% include 'compute_block_link.html' %}
|
<div class="row">
|
||||||
|
<div class="col-xs-4 col-sm-3">
|
||||||
<h4>{% trans "Basic details" %}</h4>
|
<p>{% trans "Hostname" %}</p>
|
||||||
|
<p>{% trans "Hypervisor" %}</p>
|
||||||
<div class="table-responsive">
|
<p>{% trans "Memory" %}</p>
|
||||||
<table class="table">
|
<p>{% trans "Architecture" %}</p>
|
||||||
<tbody>
|
<p>{% trans "Logical CPUs" %}</p>
|
||||||
<tr>
|
<p>{% trans "Processor" %}</p>
|
||||||
<td>{% trans "Connection" %}</td>
|
<p>{% trans "Connection" %}</p>
|
||||||
<td>{{ uri_conn }}</td>
|
</div>
|
||||||
</tr>
|
<div class="col-xs-8 col-sm-7">
|
||||||
<tr>
|
<p>{{ hostname }}</p>
|
||||||
<td>{% trans "Hostname" %}</td>
|
<p>{{ hypervisor }}</p>
|
||||||
<td>{{ hostname }}</td>
|
<p>{{ host_arch }}</p>
|
||||||
</tr>
|
<p>{{ host_memory|filesizeformat }}</p>
|
||||||
<tr>
|
<p>{{ logical_cpu }}</p>
|
||||||
<td>{% trans "Hypervisor" %}</td>
|
<p>{{ model_cpu }}</p>
|
||||||
<td>{{ hypervisor }}</td>
|
<p>{{ uri_conn }}</p>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
|
||||||
<td>{% trans "Memory" %}</td>
|
|
||||||
<td>{{ host_memory|filesizeformat }}</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>{% trans "Logical CPUs" %}</td>
|
|
||||||
<td>{{ logical_cpu }}</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>{% trans "Processor" %}</td>
|
|
||||||
<td>{{ model_cpu }}</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>{% trans "Architecture" %}</td>
|
|
||||||
<td>{{ host_arch }}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -2,26 +2,41 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Secrets" %} - {{ compute.name }}{% endblock %}
|
{% block title %}{% trans "Secrets" %} - {{ compute.name }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
{% include 'create_secret_block.html' %}
|
||||||
|
<h1 class="page-header">{{ compute.name }}</h1>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
<ol class="breadcrumb">
|
||||||
|
<li class="active">
|
||||||
{% include "create_stg_block.html" %}
|
<i class="fa fa-dashboard"></i> <a href="{% url 'overview' compute.id %}">{% trans "Overview" %}</a>
|
||||||
|
</li>
|
||||||
<h1 class="page-header">{{ compute.name }}</h1>
|
<li>
|
||||||
|
<i class="fa fa-hdd-o"></i> <a href="{% url 'storages' compute.id %}">{% trans "Storages" %}</a>
|
||||||
{% include 'compute_block_link.html' %}
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-sitemap"></i> <a href="{% url 'networks' compute.id %}">{% trans "Networks" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-wifi"></i> <a href="{% url 'interfaces' compute.id %}">{% trans "Interfaces" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-key"></i> {% trans "Secrets" %}
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
{% if not secrets_all %}
|
{% if not secrets_all %}
|
||||||
<div class="well" role="main">
|
<div class="col-lg-12">
|
||||||
<h4>{% trans "You do not have any Secrets" %}</h4>
|
<div class="alert alert-warning alert-dismissable">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||||
|
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning:" %}</strong> {% trans "Hypervisor doesn't have any Secrets" %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<table class="table table-responsive">
|
<table class="table table-responsive">
|
||||||
|
@ -91,18 +106,14 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div> <!-- /.modal-content -->
|
</div> <!-- /.modal-content -->
|
||||||
</div> <!-- /.modal-dialog -->
|
</div> <!-- /.tab-content -->
|
||||||
</div> <!-- /.modal -->
|
</div> <!-- /.modal-dialog -->
|
||||||
|
</div> <!-- /.modal -->
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -2,19 +2,16 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Logs" %}{% endblock %}
|
{% block title %}{% trans "Logs" %}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
<h1 class="page-header">{% trans "Logs" %}</h1>
|
||||||
|
</div>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
<h1 class="page-header">{% trans "Logs" %}</h1>
|
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -4,17 +4,17 @@
|
||||||
<div class="collapse navbar-collapse navbar-ex1-collapse">
|
<div class="collapse navbar-collapse navbar-ex1-collapse">
|
||||||
<ul class="nav navbar-nav side-nav">
|
<ul class="nav navbar-nav side-nav">
|
||||||
<li {% class_active request "^/instance" %}">
|
<li {% class_active request "^/instance" %}">
|
||||||
<a href="{% url 'instances' %}"><i class="fa fa-fw fa-dashboard"></i> {% trans "Instances" %}</a>
|
<a href="{% url 'instances' %}"><i class="fa fa-fw fa-desktop"></i> {% trans "Instances" %}</a>
|
||||||
</li>
|
</li>
|
||||||
{% if request.user.is_superuser %}
|
{% if request.user.is_superuser %}
|
||||||
<li {% class_active request "^/compute" %}>
|
<li {% class_active request "^/compute" %}>
|
||||||
<a href="{% url 'computes' %}"><i class="fa fa-fw fa-bar-chart-o"></i> {% trans "Coputes" %}</a>
|
<a href="{% url 'computes' %}"><i class="fa fa-fw fa-tasks"></i> {% trans "Coputes" %}</a>
|
||||||
</li>
|
</li>
|
||||||
<li {% class_active request "^/user" %}>
|
<li {% class_active request "^/user" %}>
|
||||||
<a href="{% url 'users' %}"><i class="fa fa-fw fa-table"></i> {% trans "User" %}</a>
|
<a href="{% url 'users' %}"><i class="fa fa-fw fa-users"></i> {% trans "Users" %}</a>
|
||||||
</li>
|
</li>
|
||||||
<li {% class_active request "^/log" %}>
|
<li {% class_active request "^/log" %}>
|
||||||
<a href="{% url 'showlogs' %}"><i class="fa fa-fw fa-edit"></i> {% trans "Logs" %}</a>
|
<a href="{% url 'showlogs' %}"><i class="fa fa-fw fa-list-alt"></i> {% trans "Logs" %}</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -2,51 +2,68 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Storages" %} - {{ compute.name }}{% endblock %}
|
{% block title %}{% trans "Storages" %} - {{ compute.name }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
{% include 'create_stg_block.html' %}
|
||||||
|
<h1 class="page-header">{{ compute.name }}</h1>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
<ol class="breadcrumb">
|
||||||
|
<li class="active">
|
||||||
{% include "create_stg_block.html" %}
|
<i class="fa fa-dashboard"></i> <a href="{% url 'overview' compute.id %}">{% trans "Overview" %}</a>
|
||||||
|
</li>
|
||||||
<h1 class="page-header">{{ compute.name }}</h1>
|
<li>
|
||||||
|
<i class="fa fa-hdd-o"></i> {% trans "Storages" %}
|
||||||
{% include 'compute_block_link.html' %}
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-sitemap"></i> <a href="{% url 'networks' compute.id %}">{% trans "Networks" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-wifi"></i> <a href="{% url 'interfaces' compute.id %}">{% trans "Interfaces" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa fa-key"></i> <a href="{% url 'secrets' compute.id %}">{% trans "Secrets" %}</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
{% if not storages %}
|
{% if not storages %}
|
||||||
<div class="well">
|
<div class="col-lg-12">
|
||||||
<h4>{% trans "You do not have any storage pools" %}</h4>
|
<div class="alert alert-warning alert-dismissable">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||||
|
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning:" %}</strong> {% trans "Hypervisor doesn't have any Storages" %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
{% for pool in storages %}
|
{% for pool in storages %}
|
||||||
<div class="col-xs-6 col-sm-4">
|
<div class="col-xs-12 col-sm-4">
|
||||||
<div class="panel {% if pool.status %}panel-success{% else %}panel-danger{% endif %} panel-data">
|
<div class="panel {% if pool.status %}panel-success{% else %}panel-danger{% endif %} panel-data">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title"><a href="{% url 'storage' compute.id pool.name %}">{{ pool.name }}</a></h3>
|
<h3 class="panel-title"><a href="{% url 'storage' compute.id pool.name %}">{{ pool.name }}</a></h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<p>{% trans "Type" %}: {{ pool.type|upper }}</p>
|
<div class="row">
|
||||||
|
<div class="col-xs-4 col-sm-4">
|
||||||
<p>{% trans "Size" %}: {{ pool.size|filesizeformat }}</p>
|
<p><strong>{% trans "Type:" %}</strong></p>
|
||||||
|
<p><strong>{% trans "Size:" %}</strong></p>
|
||||||
<p>{% trans "Volumes" %}: {{ pool.volumes }}</p>
|
<p><strong>{% trans "Volumes:" %}</strong></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6 col-sm-7">
|
||||||
|
<p>{{ pool.type|upper }}</p>
|
||||||
|
<p>{{ pool.size|filesizeformat }}</p>
|
||||||
|
<p>{{ pool.volumes }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -1,21 +1,18 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Accounts" %}{% endblock %}
|
{% block title %}{% trans "User" %} - {{ user }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
<h1 class="page-header">{{ user }}</h1>
|
||||||
|
</div>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
</div>
|
||||||
<button type="button" class="btn btn-success pull-right"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
|
<!-- /.row -->
|
||||||
<h1 class="page-header">{{ user.username }}</h1>
|
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
{{ user }}
|
{{ user }}
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -2,14 +2,14 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% block title %}{% trans "Users" %}{% endblock %}
|
{% block title %}{% trans "Users" %}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container-fluid">
|
<!-- Page Heading -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
{% include 'sidebar.html' %}
|
{% include 'create_user_block.html' %}
|
||||||
|
<h1 class="page-header">{% trans "Users" %}</h1>
|
||||||
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
</div>
|
||||||
<button type="button" class="btn btn-success pull-right"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
|
</div>
|
||||||
<h1 class="page-header">{% trans "Accounts" %}</h1>
|
<!-- /.row -->
|
||||||
|
|
||||||
{% include 'errors_block.html' %}
|
{% include 'errors_block.html' %}
|
||||||
|
|
||||||
|
@ -31,8 +31,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
Loading…
Reference in a new issue