SSH keys list template changed
This commit is contained in:
Siarhei Puhach
parent
de0bada84a
commit
b96d13772e
2 changed files with 90 additions and 10 deletions
|
|
@ -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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,16 +14,16 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="ssh-container">
|
<div class="ssh-header-container">
|
||||||
<p class="pull-right">
|
<p>
|
||||||
<a class="btn btn-primary" href="{% url 'hosting:create_ssh_key' %}" >
|
<a class="btn btn-primary btn-custom-download" href="{% url 'hosting:create_ssh_key' %}" >
|
||||||
<b>+</b> {% trans "Add Key"%}
|
<span class="button-plus">✚</span> {% trans "Add Key"%}
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<h5 class="ssh-key-header">To generate a new key pair or to upload your existing key, click "Add Key"</h5>
|
<h5 class="ssh-key-header">To generate a new key pair or to upload your existing key, click "Add Key"</h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table class="table borderless table-hover">
|
<table class="table borderless table-hover ssh-keys-table">
|
||||||
<br/>
|
<br/>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
<td scope="row">{{user_key.name}}</td>
|
<td scope="row">{{user_key.name}}</td>
|
||||||
|
|
||||||
<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 }}">
|
data-target="#Modal{{ user_key.id }}">
|
||||||
<a href="#">
|
<a href="#">
|
||||||
{% trans "Delete"%}</a>
|
{% trans "Delete"%}</a>
|
||||||
|
|
@ -56,7 +56,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete this key?"%}</h4>
|
<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 %}">
|
<form method="post" action="{% url 'hosting:delete_ssh_key' user_key.id %}">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
|
|
@ -74,7 +73,35 @@
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<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">×</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>
|
||||||
<td>
|
<td>
|
||||||
<button type="button" class="btn btn-default" data-toggle="modal"
|
<button type="button" class="btn btn-default" data-toggle="modal"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue