3wordchant/capsul-flask
1
0
Fork 1
Code Issues Pull Requests 1 Releases Wiki Activity

implement deleting capsuls

Browse Source
This commit is contained in:
forest
2020-05-15 12:23:42 -05:00
parent 8e8705da7b
commit 0434c4d43b
7 changed files with 190 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
capsulflask/templates/base.html
View File

@ -10,11 +10,12 @@
</head>
<body>
<nav>
<div class="nav-row half-margin">
<div class="row justify-space-between half-margin">
<div>
<a href="/"><b>Capsul</b></a>💊
</div>
<div>
&nbsp;
{% if session["account"] %}
{ {{ session["account"] }} <a href="{{ url_for('auth.logout') }}">Log Out</a> }
{% else %}
@ -22,7 +23,7 @@
{% endif %}
</div>
</div>
<div class="nav-row half-margin wrap">
<div class="row justify-center half-margin wrap nav-links">
<a href="/faq">FAQ</a>
<a href="/changelog">Changelog</a>

209
capsulflask/templates/capsul-detail.html
View File

@ -3,103 +3,138 @@
{% block title %}{{ vm['id'] }}{% endblock %}
{% block content %}
<div class="row third-margin">
<h1>{{ vm['id'] }}</h1>
</div>
<div class="row wrap grid-large third-margin">
{% if delete %}
{% if are_you_sure %}
<div class="row third-margin">
<h1>DELETED</h1>
</div>
<div class="row third-margin">
<p>{{ vm['id'] }} has been deleted.</p>
</div>
{% else %}
<div class="row third-margin">
<h1>Are you sure?</h1>
</div>
<div class="row third-margin">
<p>Are you sure you want to delete {{ vm['id'] }}?</p>
</div>
<div class="row third-margin">
<a href="/console/{{ vm['id'] }}">No, Cancel!</a>
<form id="delete_action" method="post">
<input type="hidden" name="delete" value="True"/>
<input type="hidden" name="are_you_sure" value="True"/>
<input type="submit" class="form-submit-link" value="Yes, Delete">
</form>
</div>
<div class="row justify-start">
<label class="align" for="created">Created</label>
<span id=created>{{ vm['created'] }}</span>
{% endif %}
{% else %}
<div class="row third-margin">
<h1>{{ vm['id'] }}</h1>
</div>
<div class="row justify-start">
<label class="align" for="size">Capsul Size</label>
<span id=size>{{ vm['size'] }}</span>
<div class="row wrap grid-large third-margin">
<div class="row justify-start">
<label class="align" for="created">Created</label>
<span id="created">{{ vm['created'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="size">Capsul Size</label>
<span id="size">{{ vm['size'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="dollars_per_month">Monthly Cost</label>
<span id="dollars_per_month">${{ vm['dollars_per_month'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="ipv4">IPv4 Address</label>
<span id="ipv4">{{ vm['ipv4'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="os_description">Operating System</label>
<span id="os_description">{{ vm['os_description'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="vcpus">VCPUs</label>
<span id="vcpus">{{ vm['vcpus'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="memory_mb">Memory</label>
<span id="memory_mb">{{ vm['memory_mb'] }}MB</span>
</div>
<div class="row justify-start">
<label class="align" for="bandwidth_gb_per_month">Bandwidth</label>
<span id="bandwidth_gb_per_month">{{ vm['bandwidth_gb_per_month'] }}GB/month</span>
</div>
<div class="row justify-start">
<label class="align" for="ssh_username">SSH Username</label>
<span id="ssh_username">cyberian</span>
</div>
<div class="row justify-start">
<label class="align" for="ssh_public_keys">SSH Public Keys</label>
<a id="ssh_public_keys" href="/console/ssh">{{ vm['ssh_public_keys'] }}</a>
</div>
<div class="row center justify-start">
<label class="align" for="delete_action">Actions</label>
<form id="delete_action" method="post">
<input type="hidden" name="delete" value="True"/>
<input type="submit" class="form-submit-link" value="Delete...">
</form>
</div>
</div>
<div class="row justify-start">
<label class="align" for="dollars_per_month">Monthly Cost</label>
<span id=dollars_per_month>${{ vm['dollars_per_month'] }}</span>
<div class="row ">
<hr/>
</div>
<div class="row justify-start">
<label class="align" for="ipv4">IPv4 Address</label>
<span id=ipv4>{{ vm['ipv4'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="os_description">Operating System</label>
<span id=os_description>{{ vm['os_description'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="vcpus">VCPUs</label>
<span id=vcpus>{{ vm['vcpus'] }}</span>
</div>
<div class="row justify-start">
<label class="align" for="memory_mb">Memory</label>
<span id=memory_mb>{{ vm['memory_mb'] }}MB</span>
</div>
<div class="row justify-start">
<label class="align" for="bandwidth_gb_per_month">Bandwidth</label>
<span id=bandwidth_gb_per_month>{{ vm['bandwidth_gb_per_month'] }}GB/month</span>
</div>
<div class="row justify-start">
<label class="align" for="ssh_username">SSH Username</label>
<span id=ssh_username>cyberian</span>
</div>
<div class="row justify-start">
<label class="align" for="ssh_public_keys">SSH Public Keys</label>
<a id=ssh_public_keys href="/console/ssh">{{ vm['ssh_public_keys'] }}</a>
</div>
</div>
<div class="row ">
<hr/>
</div>
<div class="row third-margin">
{% for d in durations %}
<a href="/console/{{ vm['id'] }}?duration={{ d }}">
{% if d == duration %}
<span class="code">{{ d }}</span>
{% else %}
{{ d }}
{% endif %}
<div class="row third-margin">
{% for d in durations %}
<a href="/console/{{ vm['id'] }}?duration={{ d }}">
{% if d == duration %}
<span class="code">{{ d }}</span>
{% else %}
{{ d }}
{% endif %}
</a>
{% endfor %}
</div>
<div class="row wrap grid-small justify-end">
<div class="metric">
<h1>cpu</h1>
<a href="/metrics/html/cpu/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/cpu/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</a>
{% endfor %}
</div>
<div class="row wrap grid-small justify-end">
<div class="metric">
<h1>cpu</h1>
<a href="/metrics/html/cpu/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/cpu/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>memory</h1>
<a href="/metrics/html/memory/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/memory/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>network_in</h1>
<a href="/metrics/html/network_in/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/network_in/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>memory</h1>
<a href="/metrics/html/memory/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/memory/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>network_in</h1>
<a href="/metrics/html/network_in/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/network_in/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>network_out</h1>
<a href="/metrics/html/network_out/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/network_out/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>network_out</h1>
<a href="/metrics/html/network_out/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/network_out/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
<div class="metric">
<h1>disk</h1>
<a href="/metrics/html/disk/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/disk/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
<div class="metric">
<h1>disk</h1>
<a href="/metrics/html/disk/{{ vm['id'] }}/{{ duration }}">
<img src="/metrics/disk/{{ vm['id'] }}/{{ duration }}/m"/>
</a>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% block pagesource %}/templates/create-capsul.html{% endblock %}

6
capsulflask/templates/capsuls.html
View File

@ -27,7 +27,7 @@
<tbody>
{% for vm in vms %}
<tr>
<td><a href="/console/{{ vm['id'] }}">{{ vm["id"] }}</a></td>
<td><a class="no-shadow" href="/console/{{ vm['id'] }}">{{ vm["id"] }}</a></td>
<td>{{ vm["size"] }}</td>
<td class="metrics"><img src="/metrics/cpu/{{ vm['id'] }}/5m/s"/></td>
<td class="metrics"><img src="/metrics/memory/{{ vm['id'] }}/5m/s"/></td>
@ -41,7 +41,9 @@
</div>
{% else %}
<div class="row">You don't have any Capsuls running. <a href="/console/create">Create one</a> today!</div>
<div class="row">
<p>You don't have any Capsuls running. <a href="/console/create">Create one</a> today!</p>
</div>
{% endif %}
</div>
{% endblock %}