Skip to content

CIRCLE / cloud

Go to a project
Commit d7e47e81 by Dányi Bence
Options

one: show.html reindent

parent 49339f20
Showing with 158 additions and 84 deletions
one/templates/show.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
{% block js %} {% block js %}
<script type="text/javascript"> <script type="text/javascript">
{% if booting %} {% if booting %}
var timer=setInterval(function(){ var timer=setInterval(function(){
$.ajax({ $.ajax({
type: 'GET', type: 'GET',
...@@ -22,96 +22,170 @@ ...@@ -22,96 +22,170 @@
{% block content %} {% block content %}
<div class="boxes"> <div class="boxes">
<div class="contentblock" id="state"> <div class="contentblock" id="state">
<h2>{{name}}</h2> <h2>{{name}}</h2>
<div class="content"> <div class="content">
{% if state == "PENDING" or state == "ACTIVE" and booting %} {% if state == "PENDING" or state == "ACTIVE" and booting %}
<p style="font-size:25px; line-height:2em;text-align:center;"><img src="/static/load-2.gif" /> Gép indítása..</p> <p style="font-size:25px; line-height:2em;text-align:center;">
<p style="font-size:25px; line-height:2em;text-align:center;"> <img src="/static/load-2.gif" />
<form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">{% csrf_token %}<input type="submit" class="icon-delete" value="Törlés" /></form> Gép indítása..
<a href="/"><img src="/static/icons/Go-home.png" alt="&lt;-" /></a> </p>
</p> <p style="font-size:25px; line-height:2em;text-align:center;">
{% endif %} <form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">
{% if state == "ACTIVE" and not booting %} {% csrf_token %}
{% if age < 15 %} <input type="submit" class="icon-delete" value="Törlés" />
<p id="wait" style="font-size:25px; line-height:2em;text-align:center;"><img src="/static/load-2.gif" /> Gép indítása...</p> </form>
<p id="connect" style="display:none; font-size:25px; line-height:2em;text-align:center;"> <a href="/">
<a href="{{uri}}" class="button" onclick="return connectbutton();"> <img src="/static/icons/Go-home.png" alt="&lt;-" />
<img src="/static/load-1.gif" id="connecting" style="display:none;" /> Csatlakozás </a>
</a> </p>
</p> {% endif %}
<p style="font-size:25px; line-height:2em;text-align:center;"> {% if state == "ACTIVE" and not booting %}
<form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">{% csrf_token %}<input type="submit" class="icon-delete" value="Törlés" /></form> {% if age
<a href="/"><img src="/static/icons/Go-home.png" alt="&lt;-" /></a> < 15 %}
</p> <p id="wait" style="font-size:25px; line-height:2em;text-align:center;">
{% else %} <img src="/static/load-2.gif" />
<p id="connect" style="font-size:25px; line-height:2em;text-align:center;"> Gép indítása...
<a href="{{uri}}" class="button" onclick="return connectbutton();"> </p>
<img src="/static/load-1.gif" id="connecting" style="display:none;" /> Csatlakozás <p id="connect" style="display:none; font-size:25px; line-height:2em;text-align:center;">
</a> <a href="{{uri}}" class="button" onclick="return connectbutton();">
</p> <img src="/static/load-1.gif" id="connecting" style="display:none;" />
<p style="font-size:25px; line-height:2em;text-align:center;"> Csatlakozás
<form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">{% csrf_token %}<input type="submit" class="icon-delete" value="Törlés" /></form> </a>
<a href="/"><img src="/static/icons/Go-home.png" alt="&lt;-" /></a> </p>
</p> <p style="font-size:25px; line-height:2em;text-align:center;">
{% endif %} <form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">
{% endif %} {% csrf_token %}
{% if state == "DONE" %} <input type="submit" class="icon-delete" value="Törlés" />
<p style="font-size:25px; line-height:2em;text-align:center;">A gép törölve van!</p> </form>
<p style="font-size:25px; line-height:2em;text-align:center;"> <a href="/">
<a href="/"><img src="/static/icons/Go-home.png" alt="⌫" /></a> <img src="/static/icons/Go-home.png" alt="&lt;-" />
</p> </a>
{% endif %} </p>
{% if state == "FAILED" %} {% else %}
<p style="font-size:25px; line-height:2em;text-align:center;">Váratlan hiba lépett fel.</p> <p id="connect" style="font-size:25px; line-height:2em;text-align:center;">
<p style="font-size:25px; line-height:2em;text-align:center;"> <a href="{{uri}}" class="button" onclick="return connectbutton();">
<form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">{% csrf_token %}<input type="submit" class="icon-delete" value="Törlés" /></form> <img src="/static/load-1.gif" id="connecting" style="display:none;" />
<a href="/"><img src="/static/icons/Go-home.png" alt="⌫" /></a> Csatlakozás
</p> </a>
{% endif %} </p>
{% if state == "SUSPENDED" %} <p style="font-size:25px; line-height:2em;text-align:center;">
<p style="font-size:25px; line-height:2em;text-align:center;"> <form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">
<a href="/vm/suspend/{{i.id}}/"><img src="/static/icons/Media-playback-start.png" alt="&gt;" /></a> {% csrf_token %}
<a href="/"><img src="/static/icons/Go-home.png" alt="⌫" /></a> <input type="submit" class="icon-delete" value="Törlés" />
</p> </form>
{% endif %} <a href="/">
</div> <img src="/static/icons/Go-home.png" alt="&lt;-" />
</a>
</p>
{% endif %}
{% endif %}
{% if state == "DONE" %}
<p style="font-size:25px; line-height:2em;text-align:center;">A gép törölve van!</p>
<p style="font-size:25px; line-height:2em;text-align:center;">
<a href="/">
<img src="/static/icons/Go-home.png" alt="⌫" />
</a>
</p>
{% endif %}
{% if state == "FAILED" %}
<p style="font-size:25px; line-height:2em;text-align:center;">Váratlan hiba lépett fel.</p>
<p style="font-size:25px; line-height:2em;text-align:center;">
<form action="{% url vm_delete id %}" method="post" onsubmit="return confirm('Biztosan törli a gépet?')">
{% csrf_token %}
<input type="submit" class="icon-delete" value="Törlés" />
</form>
<a href="/">
<img src="/static/icons/Go-home.png" alt="⌫" />
</a>
</p>
{% endif %}
{% if state == "SUSPENDED" %}
<p style="font-size:25px; line-height:2em;text-align:center;">
<a href="/vm/suspend/{{i.id}}/">
<img src="/static/icons/Media-playback-start.png" alt="&gt;" />
</a>
<a href="/">
<img src="/static/icons/Go-home.png" alt="⌫" />
</a>
</p>
{% endif %}
</div> </div>
<div class="contentblock" id="state"> </div>
<h2>Bejelentkezési adatok</h2> <div class="contentblock" id="state">
<div class="content"> <h2>Bejelentkezési adatok</h2>
<table><tr><th>Protokoll:</th><td>{{i.template.access_type|upper}}</td></tr> <div class="content">
<tr><th>IP:</th><td>{{ i.firewall_host.pub_ipv4}}</td></tr> <table>
<tr><th>Port:</th><td>{{ i.get_port}}</td></tr> <tr>
<tr><th>Felhasználónév:</th><td>cloud</td></tr> <th>Protokoll:</th>
<tr><th>Jelszó:</th><td>{{ i.pw }}</td></tr> <td>{{i.template.access_type|upper}}</td>
</table> </tr>
</div> <tr>
<th>IP:</th>
<td>{{ i.firewall_host.pub_ipv4}}</td>
</tr>
<tr>
<th>Port:</th>
<td>{{ i.get_port}}</td>
</tr>
<tr>
<th>Felhasználónév:</th>
<td>cloud</td>
</tr>
<tr>
<th>Jelszó:</th>
<td>{{ i.pw }}</td>
</tr>
</table>
</div> </div>
<div class="contentblock" id="state"> </div>
<h2>Portok kezelése</h2> <div class="contentblock" id="state">
<div class="content"> <h2>Portok kezelése</h2>
<form action="{% url vm_port_add i.id %}" method="post"> <div class="content">
{% csrf_token %} <form action="{% url vm_port_add i.id %}" method="post">
<table><tr><th>Protokoll</th><th>Külső port</th><th>Belső port</th></tr> {% csrf_token %}
{% for port in ports %} <table>
<tr><td>{{port.proto}}</td><td>{{port.public}}</td><td>{{port.private}}</td><td><a href="/vm/port_del/{{i.id}}/{{port.proto}}/{{port.public}}/">Törlés</a></td></tr> <tr>
{% endfor %} <th>Protokoll</th>
<tr><td><select style="min-width:50px;" name=proto><option value="tcp">tcp</option><option value="udp">udp</option></select></td> <th>Külső port</th>
<td><input style="min-width:70px;width:70px;" type="text" name="public"/></td> <th>Belső port</th>
<td><input style="min-width:70px;width:70px;" type="text" name="private"/></td> </tr>
<td><input type="submit" value="Hozzáadás" /></td></tr> {% for port in ports %}
<tr>
<td>{{port.proto}}</td>
<td>{{port.public}}</td>
<td>{{port.private}}</td>
<td>
<a href="/vm/port_del/{{i.id}}/{{port.proto}}/{{port.public}}/">Törlés</a>
</td>
</tr>
{% endfor %}
<tr>
<td>
<select style="min-width:50px;" name=proto>
<option value="tcp">tcp</option>
<option value="udp">udp</option>
</select>
</td>
<td>
<input style="min-width:70px;width:70px;" type="text" name="public"/>
</td>
<td>
<input style="min-width:70px;width:70px;" type="text" name="private"/>
</td>
<td>
<input type="submit" value="Hozzáadás" />
</td>
</tr>
</table> </table>
</form> </form>
</div>
</div> </div>
</div>
</div> </div>
<div class="boxes"> <div class="boxes">
<div class="contentblock" id="state"> <div class="contentblock" id="state">
<h2>Virtuális gépek</h2> <h2>Virtuális gépek</h2>
<ul class="wm-list"> <ul class="wm-list">{% include "box-vmlist.html" %}</ul>
{% include "box-vmlist.html" %} </div>
</ul>
</div>
</div> </div>
{% endblock %} {% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment