Merge remote-tracking branch 'mainRepo/master' into task/3377/navbar_rearrange
This commit is contained in:
		
				commit
				
					
						412236f6a1
					
				
			
		
					 100 changed files with 1510 additions and 1699 deletions
				
			
		| 
						 | 
				
			
			@ -29,6 +29,8 @@
 | 
			
		|||
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 | 
			
		||||
    <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
 | 
			
		||||
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
 | 
			
		||||
    <link rel="stylesheet" href="{% static 'hosting/css/owl.carousel.min.css' %}">
 | 
			
		||||
    <link rel="stylesheet" href="{% static 'hosting/css/owl.theme.default.min.css' %}">
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 | 
			
		||||
| 
						 | 
				
			
			@ -115,58 +117,23 @@
 | 
			
		|||
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    <!-- Header -->
 | 
			
		||||
    <a name="about"></a>
 | 
			
		||||
    {% block content %}
 | 
			
		||||
    {% endblock %}
 | 
			
		||||
    <div class="content-dashboard">
 | 
			
		||||
        {% block content %}
 | 
			
		||||
        {% endblock %}
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- Footer -->
 | 
			
		||||
    {% if request.user.is_authenticated %}
 | 
			
		||||
    <footer class="navbar-fixed-bottom">
 | 
			
		||||
    <footer class="footer-vm">
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <div class="row">
 | 
			
		||||
                <div class="col-lg-12 hidden-xs">
 | 
			
		||||
                    <ul class="list-inline">
 | 
			
		||||
                        <li>
 | 
			
		||||
                            <a href="#">{% trans "Home"%}</a>
 | 
			
		||||
                        </li>
 | 
			
		||||
                        <li class="footer-menu-divider">⋅</li>
 | 
			
		||||
                        <li>
 | 
			
		||||
                            <a href="{% url 'hosting:virtual_machines' %}">
 | 
			
		||||
                                {% trans "My Virtual Machines"%}
 | 
			
		||||
                            </a>
 | 
			
		||||
                        </li>
 | 
			
		||||
                        <li class="footer-menu-divider">⋅</li>
 | 
			
		||||
                        <li>
 | 
			
		||||
                           <a href="{% url 'hosting:orders' %}">
 | 
			
		||||
                                {% trans "My Orders"%}
 | 
			
		||||
                            </a>
 | 
			
		||||
                        </li>
 | 
			
		||||
                        <li>⋅</li>
 | 
			
		||||
                        <li>
 | 
			
		||||
                        <li>
 | 
			
		||||
                            <a href="{% url 'hosting:ssh_keys' %}">
 | 
			
		||||
                                {% trans "Keys"%}
 | 
			
		||||
                            </a>
 | 
			
		||||
                        </li>
 | 
			
		||||
                        <li class="footer-menu-divider">⋅</li>
 | 
			
		||||
                        <li>
 | 
			
		||||
                           <a href="{% url 'hosting:notifications' %}">
 | 
			
		||||
                                {% trans "Notifications "%}
 | 
			
		||||
                            </a>
 | 
			
		||||
                        </li>
 | 
			
		||||
 | 
			
		||||
                    </ul>
 | 
			
		||||
                    <p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
 | 
			
		||||
        </div>
 | 
			
		||||
    </footer>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
    <!-- jQuery -->
 | 
			
		||||
    <script src="{% static 'hosting/js/jquery.js' %}"></script>
 | 
			
		||||
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script>
 | 
			
		||||
 | 
			
		||||
    <script src="{% static 'hosting/js/vendor/owl.carousel.min.js'%}"></script>
 | 
			
		||||
    <!-- Copy Clipboard -->
 | 
			
		||||
    <script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -177,6 +144,9 @@
 | 
			
		|||
    <!-- Virtual Machine Detail Javascript -->
 | 
			
		||||
    <script src="{% static 'hosting/js/virtual_machine_detail.js' %}"></script>
 | 
			
		||||
 | 
			
		||||
   <!-- Create Virtual Machine Javascript -->
 | 
			
		||||
    <script src="{% static 'hosting/js/createvm.js' %}"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Init JavaScript -->
 | 
			
		||||
    <script src="{% static 'hosting/js/initial.js' %}"></script>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,7 +3,7 @@
 | 
			
		|||
{% load i18n %}
 | 
			
		||||
{% block content %}
 | 
			
		||||
 | 
			
		||||
<div class="container">
 | 
			
		||||
<div class="">
 | 
			
		||||
    <div class="orders-container" style="padding-bottom: 15%">
 | 
			
		||||
        {# Adress bar  #}
 | 
			
		||||
        <div class="row">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,8 +3,8 @@
 | 
			
		|||
{% load i18n %}
 | 
			
		||||
{% block content %}
 | 
			
		||||
 | 
			
		||||
<div class="container">
 | 
			
		||||
    <div class="container orders-container">
 | 
			
		||||
<div class="">
 | 
			
		||||
    <div class="orders-container">
 | 
			
		||||
    <h1>Error</h1>
 | 
			
		||||
    <p> Could not get HostingBill object for client. </p>
 | 
			
		||||
    <p> Please create a HostingBill object via the admin page </p>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,7 +5,7 @@
 | 
			
		|||
{% block content %}
 | 
			
		||||
 | 
			
		||||
    <div>
 | 
			
		||||
        <div class="container orders-container">
 | 
			
		||||
        <div class="orders-container">
 | 
			
		||||
            <div class="row">
 | 
			
		||||
                <div class="col-md-8 col-md-offset-2">
 | 
			
		||||
                    <table class="table borderless table-hover">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,11 +3,15 @@
 | 
			
		|||
{% load i18n %}
 | 
			
		||||
 | 
			
		||||
{% block content %}
 | 
			
		||||
    <div class="intro-auth intro-reset-password">
 | 
			
		||||
        <div class="container">
 | 
			
		||||
            <div class="col-md-4"> </div>
 | 
			
		||||
            <div class="col-md-4">
 | 
			
		||||
                <div class="intro-message">
 | 
			
		||||
<div class="auth-container">
 | 
			
		||||
   <div class="auth-bg"></div>
 | 
			
		||||
        <div class="auth-center">
 | 
			
		||||
            <div class="auth-title">
 | 
			
		||||
                <h2>{% trans "Your VM hosted in Switzerland"%}</h2>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="auth-content">
 | 
			
		||||
                <div class="intro-message auth-box sign-up">
 | 
			
		||||
                     <h2  class="section-heading">{% trans "Set your new password"%}</h2>
 | 
			
		||||
                    {% if messages %}
 | 
			
		||||
                        <ul class="list-unstyled">
 | 
			
		||||
                        {% for message in messages %}
 | 
			
		||||
| 
						 | 
				
			
			@ -15,10 +19,7 @@
 | 
			
		|||
                        {% endfor %}
 | 
			
		||||
                        </ul>
 | 
			
		||||
                    {% endif %}
 | 
			
		||||
 | 
			
		||||
                    <h2  class="section-heading">{% trans "Set your new password"%}</h2>
 | 
			
		||||
 | 
			
		||||
                    <form action="" method="post" class="form" novalidate>
 | 
			
		||||
                   <form action="" method="post" class="form" novalidate>
 | 
			
		||||
                        {% csrf_token %}
 | 
			
		||||
                        {% for field in form %}
 | 
			
		||||
                            {% bootstrap_field field show_label=False %}
 | 
			
		||||
| 
						 | 
				
			
			@ -29,11 +30,17 @@
 | 
			
		|||
                            </button>
 | 
			
		||||
                        {% endbuttons %}
 | 
			
		||||
                    </form>
 | 
			
		||||
                    <span>{% trans "Already have an account ?"%}<a class="unlink" href="{% url 'hosting:login' %}">{% trans "Log in"%}</a></span>
 | 
			
		||||
                    <ul class="list-inline intro-social-buttons">
 | 
			
		||||
                    </ul>
 | 
			
		||||
              </div>
 | 
			
		||||
                    <div class="auth-footer">
 | 
			
		||||
                        <div class="text">
 | 
			
		||||
                            <span>{% trans "Already have an account ?"%}</span>
 | 
			
		||||
                        </div>
 | 
			
		||||
                        <div class="links">
 | 
			
		||||
                           <a class="unlink" href="{% url 'hosting:login' %}">{% trans "Login"%}</a>
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
            
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
{% endblock %}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,9 +2,9 @@
 | 
			
		|||
{% load staticfiles bootstrap3 i18n %}
 | 
			
		||||
{% block content %} 
 | 
			
		||||
<div>
 | 
			
		||||
    <div class="container dashboard-container">
 | 
			
		||||
    <div class="dashboard-container" >
 | 
			
		||||
        <div class="row">
 | 
			
		||||
            <div class="col-md-8 col-md-offset-2">
 | 
			
		||||
 | 
			
		||||
                <div class="col-md-12">
 | 
			
		||||
                    <br/>
 | 
			
		||||
                    {% if messages %}
 | 
			
		||||
| 
						 | 
				
			
			@ -16,39 +16,52 @@
 | 
			
		|||
                    {% endif %}
 | 
			
		||||
                </div>
 | 
			
		||||
                {% if not error %}
 | 
			
		||||
                <h3><i class="fa fa-server" aria-hidden="true"></i> {% trans "New Virtual Machine"%} </h3>
 | 
			
		||||
                <hr/>
 | 
			
		||||
                <form  method="POST" action="">
 | 
			
		||||
                <div class="dashboard-title">
 | 
			
		||||
                    <h3>{% trans "New Virtual Machine"%} </h3>
 | 
			
		||||
                    <hr/>
 | 
			
		||||
                </div>
 | 
			
		||||
 | 
			
		||||
                <form method="POST" action="">
 | 
			
		||||
                    {% csrf_token %}
 | 
			
		||||
                    <div class="form-group">
 | 
			
		||||
							{% trans "Select VM Template:" %}
 | 
			
		||||
                        <select name="vm_template_id">
 | 
			
		||||
                            {% for template in templates %}
 | 
			
		||||
                                <option value="{{template.id}}">{{template.name}} </option>
 | 
			
		||||
                            {% endfor %}
 | 
			
		||||
                        </select>
 | 
			
		||||
                    </div> 
 | 
			
		||||
                    <div class="form-group">
 | 
			
		||||
							{% trans "Select VM Configuration:" %}
 | 
			
		||||
                        <select name="configuration">
 | 
			
		||||
                            {% for config in configuration_options %}
 | 
			
		||||
                                <option value="{{config.id}}">
 | 
			
		||||
                                    CORE: {{config.cpu|floatformat}},
 | 
			
		||||
                                    RAM: {{config.memory|floatformat}} GB, 
 | 
			
		||||
                                    SSD: {{config.disk_size|floatformat}} GB,
 | 
			
		||||
									PRICE: {{config.price|floatformat}} {% trans "CHF/Month" %}
 | 
			
		||||
                                </option>
 | 
			
		||||
                            {% endfor %}
 | 
			
		||||
                        </select>
 | 
			
		||||
            
 | 
			
		||||
                    <div class="step-title">
 | 
			
		||||
                        <h4>{% trans "Step 1. Select VM Template:" %} </h4>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="form-group">
 | 
			
		||||
                        <button class="btn btn-success" >{% trans "Start VM"%} </button>                         
 | 
			
		||||
                    <div class="parent-container">
 | 
			
		||||
                        <div class="container-os owl-carousel owl-theme" id="containerOs">
 | 
			
		||||
                            
 | 
			
		||||
                            {% for template in templates %}
 | 
			
		||||
                                <div class="os-circle" data-id="{{template.id}}">
 | 
			
		||||
                                    <span class="text" >{{template.name}}</span>
 | 
			
		||||
                                </div>
 | 
			
		||||
                            {% endfor %}
 | 
			
		||||
                        </div>
 | 
			
		||||
                        <input type="hidden" name="vm_template_id">
 | 
			
		||||
                    </div>
 | 
			
		||||
                     <div class="step-title">
 | 
			
		||||
                        <h4>{% trans "Step2. Select VM Configuration" %}</h4>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="parent-container">
 | 
			
		||||
                        <div class="container-os config owl-carousel owl-theme">
 | 
			
		||||
                           
 | 
			
		||||
                            {% for config in configuration_options %}
 | 
			
		||||
                                <div class="config-box" data-id="{{config.id}}" data-price="{{config.price|floatformat}}">
 | 
			
		||||
                                    <span>CORE: {{config.cpu|floatformat}}</span>
 | 
			
		||||
                                    <span>RAM: {{config.memory|floatformat}} GB</span>
 | 
			
		||||
                                    <span>SSD: {{config.disk_size|floatformat}} GB</span>
 | 
			
		||||
                                </div>
 | 
			
		||||
                            {% endfor %}
 | 
			
		||||
                        </div>
 | 
			
		||||
                         <input type="hidden" name="configuration">
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="container-button">
 | 
			
		||||
                          <div class="price">
 | 
			
		||||
                            <span class="label-price">{% trans "Price " %}<span id="priceValue">0</span>{% trans "CHF/Month" %}</span>
 | 
			
		||||
                          </div>
 | 
			
		||||
                         <button class="btn btn-success" >{% trans "Start VM"%} </button>   
 | 
			
		||||
                    </div>
 | 
			
		||||
                </form>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,29 +5,14 @@
 | 
			
		|||
 | 
			
		||||
<div class="auth-container">
 | 
			
		||||
    <div class="auth-bg"></div>
 | 
			
		||||
    <div class="container">
 | 
			
		||||
 | 
			
		||||
        <div class="auth-center">
 | 
			
		||||
            
 | 
			
		||||
            <div class="auth-title">
 | 
			
		||||
                <h2>{% trans "Your VM hosted in Switzerland"%}</h2>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="auth-content">
 | 
			
		||||
                
 | 
			
		||||
                {% if messages %}
 | 
			
		||||
                    <ul class="list-unstyled" style="color: #fff">
 | 
			
		||||
                    {% for message in messages %}
 | 
			
		||||
                        <li>{{ message }}</li>
 | 
			
		||||
                    {% endfor %}
 | 
			
		||||
                    </ul>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
 | 
			
		||||
                {% block messages %}
 | 
			
		||||
                    {% if request.GET.logged_out %}
 | 
			
		||||
                            <div class="alert">  <!-- singular -->
 | 
			
		||||
                                <a class="close" data-dismiss="alert">×</a>
 | 
			
		||||
                                {% trans "You haven been logged out"%}
 | 
			
		||||
                            </div>
 | 
			
		||||
                    {% endif %}
 | 
			
		||||
                {% endblock %}
 | 
			
		||||
    
 | 
			
		||||
                <div class="intro-message auth-box">
 | 
			
		||||
                    <h2 class="section-heading">{% trans "Login"%}</h2>
 | 
			
		||||
                    <form action="{% url 'hosting:login' %}" method="post" class="form" novalidated>
 | 
			
		||||
| 
						 | 
				
			
			@ -55,9 +40,8 @@
 | 
			
		|||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <!-- /.container -->
 | 
			
		||||
 | 
			
		||||
</div>
 | 
			
		||||
{% endblock %}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,11 +2,11 @@
 | 
			
		|||
{% load staticfiles bootstrap3 i18n %}
 | 
			
		||||
{% block content %} 
 | 
			
		||||
<div>
 | 
			
		||||
	<div class="container virtual-machine-container dashboard-container ">
 | 
			
		||||
	<div class="virtual-machine-container dashboard-container ">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
			<div class="col-md-9 col-md-offset-2">
 | 
			
		||||
			<div class="col-xs-12">
 | 
			
		||||
				 <div  class="col-sm-12">
 | 
			
		||||
				        <h3><i class="fa fa-bell" aria-hidden="true"></i>{% trans "Notifications"%} </h3>
 | 
			
		||||
				        <h3><i class="fa fa-bell fa-separate" aria-hidden="true"></i>{% trans "Notifications"%} </h3>
 | 
			
		||||
				        <hr/>
 | 
			
		||||
				        <div class="col-md-3"> <!-- required for floating -->
 | 
			
		||||
				          <!-- Nav tabs -->
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,9 +3,9 @@
 | 
			
		|||
{% load i18n %}
 | 
			
		||||
{% block content %} 
 | 
			
		||||
 | 
			
		||||
<div class="container  order-detail-container">
 | 
			
		||||
<div class="order-detail-container">
 | 
			
		||||
    <div class="row">
 | 
			
		||||
        <div class="col-xs-8 col-xs-offset-2">
 | 
			
		||||
        <div class="col-xs-12 col-md-8 col-md-offset-2">
 | 
			
		||||
    		<div class="invoice-title">
 | 
			
		||||
    			<h2>{% trans "Invoice"%}</h2><h3 class="pull-right">{% trans "Order #"%} {{order.id}}</h3>
 | 
			
		||||
    		</div>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,11 +5,11 @@
 | 
			
		|||
{% block content %}
 | 
			
		||||
 | 
			
		||||
    <div>
 | 
			
		||||
        <div class="container orders-container">
 | 
			
		||||
        <div class="orders-container">
 | 
			
		||||
            <div class="row">
 | 
			
		||||
                <div class="col-md-8 col-md-offset-2">
 | 
			
		||||
                <div class="container-table col-md-8 col-md-offset-2">
 | 
			
		||||
                    <table class="table borderless table-hover">
 | 
			
		||||
                        <h3><i class="fa fa-credit-card"></i>{% trans "My Orders"%}</h3>
 | 
			
		||||
                        <h3><i class="fa fa-credit-card fa-separate"></i>{% trans "My Orders"%}</h3>
 | 
			
		||||
                        <br/>
 | 
			
		||||
                        <thead>
 | 
			
		||||
                        <tr>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,7 +3,7 @@
 | 
			
		|||
{% block content %} 
 | 
			
		||||
<!-- Credit card form -->
 | 
			
		||||
<div>
 | 
			
		||||
	<div class="container payment-container">
 | 
			
		||||
	<div class="payment-container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		    <div class="col-xs-12 col-md-offset-2 col-md-4 summary-box">
 | 
			
		||||
            	<form role="form" novalidate>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,11 +5,12 @@
 | 
			
		|||
{% block content %}
 | 
			
		||||
<div class="auth-container">
 | 
			
		||||
   <div class="auth-bg"></div>
 | 
			
		||||
    <div class="container">
 | 
			
		||||
        <div class="auth-center">
 | 
			
		||||
            <div class="auth-title">
 | 
			
		||||
                <h2>{% trans "Your VM hosted in Switzerland"%}</h2>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="auth-content">
 | 
			
		||||
                
 | 
			
		||||
                <div class="intro-message auth-box sign-up">
 | 
			
		||||
                    <h2  class="section-heading">{% trans "Reset your password"%}</h2>
 | 
			
		||||
                    <form action="{% url 'hosting:reset_password' %}" method="post" class="form" novalidate>
 | 
			
		||||
| 
						 | 
				
			
			@ -32,7 +33,7 @@
 | 
			
		|||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
{% endblock %}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,9 +2,9 @@
 | 
			
		|||
{% load staticfiles bootstrap3 i18n %}
 | 
			
		||||
 | 
			
		||||
{% block content %}
 | 
			
		||||
<div class="auth-container">
 | 
			
		||||
<div class="auth-container auth-signup">
 | 
			
		||||
   <div class="auth-bg"></div>
 | 
			
		||||
    <div class="container">
 | 
			
		||||
        <div class="auth-center ">
 | 
			
		||||
            <div class="auth-title">
 | 
			
		||||
                <h2>{% trans "Your VM hosted in Switzerland"%}</h2>
 | 
			
		||||
            </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -31,7 +31,8 @@
 | 
			
		|||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
             </div>
 | 
			
		||||
            
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
{% endblock %}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,13 +2,13 @@
 | 
			
		|||
{% load staticfiles bootstrap3 i18n %}
 | 
			
		||||
{% block content %} 
 | 
			
		||||
<div>
 | 
			
		||||
	<div class="container virtual-machine-container dashboard-container ">
 | 
			
		||||
	<div class="virtual-machine-container dashboard-container ">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
			<div class="col-md-9 col-md-offset-2">
 | 
			
		||||
			<div class="container-table col-md-9 col-md-offset-2">
 | 
			
		||||
				 <div  class="col-sm-12">
 | 
			
		||||
                    <form method="POST" action="" novalidate>
 | 
			
		||||
                    <form method="POST" action="" novalidate class="form-ssh">
 | 
			
		||||
                        {% csrf_token %}
 | 
			
		||||
				        <h3><i class="fa fa-key" aria-hidden="true"></i>{% trans "Access Key"%} </h3>
 | 
			
		||||
				        <h3><i class="fa fa-key fa-separate" aria-hidden="true"></i>{% trans "Access Key"%} </h3>
 | 
			
		||||
                        {% if messages %}
 | 
			
		||||
                        <div class="alert alert-warning">
 | 
			
		||||
                            {% for message in messages %}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -4,11 +4,11 @@
 | 
			
		|||
 | 
			
		||||
{% block content %} 
 | 
			
		||||
<div>
 | 
			
		||||
	<div class="container virtual-machine-container dashboard-container ">
 | 
			
		||||
	<div class="virtual-machine-container dashboard-container ">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
			<div class="col-md-9 col-md-offset-2">
 | 
			
		||||
				 <div  class="col-sm-12">
 | 
			
		||||
				        <h3><i class="fa fa-cloud" aria-hidden="true"></i> {{virtual_machine.name}}</h3>
 | 
			
		||||
				        <h3><i class="fa fa-cloud fa-separate" aria-hidden="true"></i> {{virtual_machine.name}}</h3>
 | 
			
		||||
				        <hr/>
 | 
			
		||||
				        <div class="col-md-3"> <!-- required for floating -->
 | 
			
		||||
				          <!-- Nav tabs -->
 | 
			
		||||
| 
						 | 
				
			
			@ -71,20 +71,22 @@
 | 
			
		|||
								  <div class="col-md-12">
 | 
			
		||||
								    <div class="row">
 | 
			
		||||
								      <div class="col-md-3">
 | 
			
		||||
								        <div class="well text-center">
 | 
			
		||||
								        	<i class="fa fa-cubes" aria-hidden="true"></i>{% trans "Cores"%} <br/>
 | 
			
		||||
								        <div class="well text-center box-setting">
 | 
			
		||||
								        	<i class="fa fa-cubes" aria-hidden="true"></i>
 | 
			
		||||
								        	<span>{% trans "Cores"%}</span>
 | 
			
		||||
								        	<span class="label label-success">{{virtual_machine.cores}}</span>
 | 
			
		||||
								        </div>
 | 
			
		||||
								      </div>
 | 
			
		||||
								      <div class="col-md-3">
 | 
			
		||||
								        <div class="well text-center">
 | 
			
		||||
								        <div class="well text-center box-setting">
 | 
			
		||||
								        	<i class="fa fa-tachometer" aria-hidden="true"></i> {% trans "Memory"%} <br/>
 | 
			
		||||
								        	<span class="label label-success">{{virtual_machine.memory}} GiB</span>
 | 
			
		||||
								        </div>
 | 
			
		||||
								      </div>
 | 
			
		||||
								      <div class="col-md-3">
 | 
			
		||||
								        <div class="well text-center">
 | 
			
		||||
								        	<i class="fa fa-hdd-o" aria-hidden="true"></i> {% trans "Disk"%} <br/>
 | 
			
		||||
								        <div class="well text-center box-setting">
 | 
			
		||||
								        	<i class="fa fa-hdd-o" aria-hidden="true"></i> 
 | 
			
		||||
								        	<span>{% trans "Disk"%}</span>
 | 
			
		||||
								        	<span class="label label-success">{{virtual_machine.disk_size|floatformat:2}} GiB</span>
 | 
			
		||||
								        </div>
 | 
			
		||||
								      </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -130,7 +132,7 @@
 | 
			
		|||
				            	</div>
 | 
			
		||||
				            	{% if not virtual_machine.status == 'canceled' %}
 | 
			
		||||
				            	<div class="row">
 | 
			
		||||
									<div class="col-md-12 space-above-big">
 | 
			
		||||
									<div class="col-md-12 separate-md">
 | 
			
		||||
										<div class="pull-right">
 | 
			
		||||
											<form method="POST"
 | 
			
		||||
                 id="virtual_machine_cancel_form" class="cancel-form" action="{% url 'hosting:virtual_machines' virtual_machine.vm_id %}">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,11 +2,11 @@
 | 
			
		|||
{% load staticfiles bootstrap3 i18n %}
 | 
			
		||||
{% block content %} 
 | 
			
		||||
<div>
 | 
			
		||||
	<div class="container dashboard-container">
 | 
			
		||||
	<div class="dashboard-container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
			<div class="col-md-8 col-md-offset-2" style="margin-top: 35px;">
 | 
			
		||||
			<div class="col-xs-12  container-table">
 | 
			
		||||
				<table class="table borderless table-hover"> 
 | 
			
		||||
				<h3 class="pull-left"><i class="fa fa-server" aria-hidden="true"></i> {% trans "Virtual Machines"%} </h3>
 | 
			
		||||
				<h3 class="pull-left"><i class="fa fa-server fa-separate" aria-hidden="true"></i> {% trans "Virtual Machines"%} </h3>
 | 
			
		||||
                <div class="col-md-12">
 | 
			
		||||
                    <br/>
 | 
			
		||||
                    {% if messages %}
 | 
			
		||||
| 
						 | 
				
			
			@ -18,7 +18,7 @@
 | 
			
		|||
                    {% endif %}
 | 
			
		||||
                </div>
 | 
			
		||||
                {% if not error %}
 | 
			
		||||
                <p class="pull-right">
 | 
			
		||||
                <p class="pull-right btn-create-vm">
 | 
			
		||||
                    <a class="btn btn-success" href="{% url 'hosting:create_virtual_machine' %}" >{% trans "Create VM"%} </a>                    
 | 
			
		||||
                </p>
 | 
			
		||||
				<br/>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue