SSH key change design init

This commit is contained in:
Siarhei Puhach 2017-07-04 15:00:08 +03:00
parent 1f0bb9f72a
commit de0bada84a
3 changed files with 75 additions and 58 deletions

View file

@ -0,0 +1,5 @@
.ssh-key-header {
line-height: 35px;
}
.ssh-container{
}

View file

@ -18,6 +18,7 @@
<!-- Custom CSS --> <!-- Custom CSS -->
<link href="{% static 'hosting/css/landing-page.css' %}" rel="stylesheet"> <link href="{% static 'hosting/css/landing-page.css' %}" rel="stylesheet">
<link href="{% static 'hosting/css/user_keys.css' %}" rel="stylesheet">
<link href="{% static 'hosting/css/payment.css' %}" rel="stylesheet"> <link href="{% static 'hosting/css/payment.css' %}" rel="stylesheet">
<link href="{% static 'hosting/css/order.css' %}" rel="stylesheet"> <link href="{% static 'hosting/css/order.css' %}" rel="stylesheet">
<link href="{% static 'hosting/css/orders.css' %}" rel="stylesheet"> <link href="{% static 'hosting/css/orders.css' %}" rel="stylesheet">

View file

@ -4,9 +4,9 @@
<div> <div>
<div class="container virtual-machine-container dashboard-container "> <div class="container virtual-machine-container dashboard-container ">
<div class="row"> <div class="row">
<div class="col-md-9 col-md-offset-2"> <div class="col-md-12">
<div class="col-sm-12"> <div class="col-sm-12">
<h3><i class="fa fa-key" aria-hidden="true"></i>{% trans "Access Key"%} </h3> <h2><i class="fa fa-key" aria-hidden="true"></i>{% trans "Your SSH Key"%} </h2>
{% if messages %} {% if messages %}
<div class="alert alert-warning"> <div class="alert alert-warning">
{% for message in messages %} {% for message in messages %}
@ -14,18 +14,23 @@
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}
<div class="ssh-container">
<p class="pull-right"> <p class="pull-right">
<a class="btn btn-success" href="{% url 'hosting:create_ssh_key' %}" >{% trans "Add Key"%} </a> <a class="btn btn-primary" href="{% url 'hosting:create_ssh_key' %}" >
<b>+</b> {% trans "Add Key"%}
</a>
</p> </p>
<h5> Use your created key to access to the machine. If you lost it, contact us. </h5> <h5 class="ssh-key-header">To generate a new key pair or to upload your existing key, click "Add Key"</h5>
</div>
<table class="table borderless table-hover"> <table class="table borderless table-hover">
<br/> <br/>
<thead> <thead>
<tr> <tr>
<th>{% trans "Name"%}</th> <th>{% trans "Name"%}</th>
<th>{% trans "Created at"%} </th> <th>{% trans "Delete Key"%}</th>
<th>{% trans "Status"%} </th> <th>{% trans "Public Key"%}</th>
<th></th> <th>{% trans "Private Key"%}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -33,14 +38,11 @@
<tr> <tr>
<td scope="row">{{user_key.name}}</td> <td scope="row">{{user_key.name}}</td>
<td><span id="ssh-created_at-{{user_key.id}}">{{user_key.created_at|date:'Y-m-d H:i' }}</span></td>
<td>
<span class="h3 label label-success"><strong>Active</strong></span>
</td>
<td> <td>
<button type="button" class="btn btn-default" data-toggle="modal" <button type="button" class="btn btn-default" data-toggle="modal"
data-target="#Modal{{ user_key.id }}"><a data-target="#Modal{{ user_key.id }}">
href="#">{% trans "Delete Key"%}</a> <a href="#">
{% trans "Delete"%}</a>
</button> </button>
<div class="modal fade" id="Modal{{user_key.id }}" tabindex="-1" role="dialog"> <div class="modal fade" id="Modal{{user_key.id }}" tabindex="-1" role="dialog">
@ -71,6 +73,15 @@
</div> </div>
</div> </div>
</td> </td>
<td>
<span class="h3">Show</span>
</td>
<td>
<button type="button" class="btn btn-default" data-toggle="modal"
><a
href="#">{% trans "Download"%}</a>
</button>
</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>