SSH keys list template changed

This commit is contained in:
Siarhei Puhach 2017-07-04 17:55:43 +03:00
parent de0bada84a
commit b96d13772e
2 changed files with 90 additions and 10 deletions

View File

@ -1,5 +1,58 @@
.ssh-keys-table thead tr th,
.ssh-keys-table tbody tr td{
color: #717274;
text-align: center;
border-bottom: 1px solid #cbcbcb;
}
.ssh-keys-table tbody tr{
border-bottom: 1px solid #cbcbcb;
}
.ssh-keys-table thead tr th:first-of-type,
.ssh-keys-table tbody tr td:first-of-type{
text-align: left;
}
.ssh-keys-table thead tr th:last-of-type,
.ssh-keys-table tbody tr td:last-of-type{
width: 20%;
}
.ssh-key-header {
line-height: 35px;
color: #717274;
font-size: 16px;
font-weight: 300;
}
.ssh-container{
.ssh-header-container{
display: flex;
flex-direction: row-reverse;
vertical-align: middle;
align-items: center;
justify-content: space-between;
}
.ssh-header-container p{
margin: 0;
padding: 0;
}
.borderless tbody:before {
display: none !important;
}
.btn-custom-download{
background-color: #337ab7;
margin-top: auto;
margin-bottom: auto;
font-weight: 600;
vertical-align: middle;
margin-right: 25px;
}
.btn-custom-delete{
width: 100px;
background-color: #f1f0f0;
}
.btn-custom-delete a, .btn-custom-download a{
text-decoration: none;
}
.modal-body p{
width: 85%;
word-wrap: break-word;
text-align: left;
}

View File

@ -14,16 +14,16 @@
{% endfor %}
</div>
{% endif %}
<div class="ssh-container">
<p class="pull-right">
<a class="btn btn-primary" href="{% url 'hosting:create_ssh_key' %}" >
<b>+</b> {% trans "Add Key"%}
<div class="ssh-header-container">
<p>
<a class="btn btn-primary btn-custom-download" href="{% url 'hosting:create_ssh_key' %}" >
<span class="button-plus"></span> {% trans "Add Key"%}
</a>
</p>
<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 ssh-keys-table">
<br/>
<thead>
<tr>
@ -39,7 +39,7 @@
<td scope="row">{{user_key.name}}</td>
<td>
<button type="button" class="btn btn-default" data-toggle="modal"
<button type="button" class="btn btn-default btn-custom-delete" data-toggle="modal"
data-target="#Modal{{ user_key.id }}">
<a href="#">
{% trans "Delete"%}</a>
@ -56,7 +56,6 @@
</div>
<div class="modal-body">
<h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete this key?"%}</h4>
<form method="post" action="{% url 'hosting:delete_ssh_key' user_key.id %}">
{% csrf_token %}
<div class="modal-footer">
@ -74,7 +73,35 @@
</div>
</td>
<td>
<span class="h3">Show</span>
<p type="button" data-toggle="modal" style="margin: 0"
data-target="#Modal_public_key{{ user_key.id }}">
<a href="#">
{% trans "Show"%}</a>
</p>
<div class="modal fade" id="Modal_public_key{{user_key.id }}" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Confirm"><span
aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<h4 class="modal-title" id="ModalLabel_Public_Key">{% trans "Public ssh key"%}</h4>
<p>{{ user_key.public_key }}</p>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">
{% trans "Close"%}
</button>
</div>
</div>
</div>
</div>
</div>
</td>
</td>
<td>
<button type="button" class="btn btn-default" data-toggle="modal"