SSH key change design init
This commit is contained in:
		
					parent
					
						
							
								1f0bb9f72a
							
						
					
				
			
			
				commit
				
					
						de0bada84a
					
				
			
		
					 3 changed files with 75 additions and 58 deletions
				
			
		
							
								
								
									
										5
									
								
								hosting/static/hosting/css/user_keys.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										5
									
								
								hosting/static/hosting/css/user_keys.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,5 @@
 | 
			
		|||
.ssh-key-header {
 | 
			
		||||
    line-height: 35px;
 | 
			
		||||
}
 | 
			
		||||
.ssh-container{
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -18,6 +18,7 @@
 | 
			
		|||
 | 
			
		||||
    <!-- Custom CSS -->
 | 
			
		||||
    <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/order.css' %}" rel="stylesheet">
 | 
			
		||||
    <link href="{% static 'hosting/css/orders.css' %}" rel="stylesheet">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -4,9 +4,9 @@
 | 
			
		|||
<div>
 | 
			
		||||
	<div class="container virtual-machine-container dashboard-container ">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
			<div class="col-md-9 col-md-offset-2">
 | 
			
		||||
			<div class="col-md-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 %}
 | 
			
		||||
                    <div class="alert alert-warning">
 | 
			
		||||
                        {% for message in messages %}
 | 
			
		||||
| 
						 | 
				
			
			@ -14,18 +14,23 @@
 | 
			
		|||
                        {% endfor %}
 | 
			
		||||
                    </div>
 | 
			
		||||
                    {% endif %}
 | 
			
		||||
                     <div class="ssh-container">
 | 
			
		||||
                         <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>
 | 
			
		||||
                    <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">
 | 
			
		||||
                        <br/>
 | 
			
		||||
                        <thead>
 | 
			
		||||
                        <tr>
 | 
			
		||||
                            <th>{% trans "Name"%}</th>
 | 
			
		||||
                            <th>{% trans "Created at"%} </th>
 | 
			
		||||
                            <th>{% trans "Status"%} </th>
 | 
			
		||||
                            <th></th>
 | 
			
		||||
                            <th>{% trans "Delete Key"%}</th>
 | 
			
		||||
                            <th>{% trans "Public Key"%}</th>
 | 
			
		||||
                            <th>{% trans "Private Key"%}</th>
 | 
			
		||||
                        </tr>
 | 
			
		||||
                        </thead>
 | 
			
		||||
                        <tbody>
 | 
			
		||||
| 
						 | 
				
			
			@ -33,14 +38,11 @@
 | 
			
		|||
                            <tr>
 | 
			
		||||
                                <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>
 | 
			
		||||
                                    <button type="button" class="btn btn-default" data-toggle="modal"
 | 
			
		||||
                                        data-target="#Modal{{ user_key.id }}"><a
 | 
			
		||||
                                        href="#">{% trans "Delete Key"%}</a>
 | 
			
		||||
                                            data-target="#Modal{{ user_key.id }}">
 | 
			
		||||
                                        <a href="#">
 | 
			
		||||
                                            {% trans "Delete"%}</a>
 | 
			
		||||
                                    </button>
 | 
			
		||||
 | 
			
		||||
                                    <div class="modal fade" id="Modal{{user_key.id }}" tabindex="-1" role="dialog">
 | 
			
		||||
| 
						 | 
				
			
			@ -71,6 +73,15 @@
 | 
			
		|||
                                        </div>
 | 
			
		||||
                                    </div>
 | 
			
		||||
                                 </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>
 | 
			
		||||
                            {% endfor %}
 | 
			
		||||
                                </tbody>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue