home.html 10.7 KB
Newer Older
Dudás Ádám committed
1 2
{% extends "base.html" %}
{% load i18n %}
Őry Máté committed
3 4
{% get_current_language as LANGUAGE_CODE %}

Dudás Ádám committed
5 6 7

{% block content %}
<div class="boxes">
Danyi Bence committed
8 9 10 11
    <div class="contentblock" id="state">
        <h2>Virtuális gépek</h2>
        <ul class="wm-list">
            {% include "box-vmlist.html" %}
Danyi Bence committed
12
            <li id="new-wm-button" class="wm new">
Danyi Bence committed
13
                <div class="summary">
Őry Máté committed
14
                    <div class="name">{% trans "Start new machine" %}</div>
Danyi Bence committed
15 16 17 18
                    <div class="clear"></div>
                </div>
            </li>
            <li id="new-wm" style="display: none">
Őry Máté committed
19
            <h2>{% trans "Available templates" %}</h2>
Dányi Bence committed
20
                <p>
Őry Máté committed
21
                {% trans "Choose one of the following templates to launch." %}
Dányi Bence committed
22
                </p>
Danyi Bence committed
23 24 25 26 27 28 29 30
                <div class="container">
                    <ul class="wm-list modal">
                        {% for m in templates %}
                        <li class="wm">
                            <form method="POST" action="/vm/new/{{m.pk}}/">{% csrf_token %}
                                <div class="summary">
                                    <div class="name wm-on">{{m.name}}</div>
                                    <div class="status">
Dányi Bence committed
31
                                        3/10
Danyi Bence committed
32 33
                                    </div>
                                    <div class="clear"></div>
Danyi Bence committed
34
                                </div>
Danyi Bence committed
35 36
                                <div class="details">
                                    <h3>
Őry Máté committed
37
                                        {% trans "Details" %}
Danyi Bence committed
38 39
                                    </h3>
                                    <ul>
Őry Máté committed
40 41 42 43 44 45
                                        <li class="name">{% trans "System" %}: <span class="value">{{m.disk.name}}</span></li>
                                        <li class="type">{% trans "Size" %}: <span class="value">{{m.instance_type.name}}</span></li>
                                        <li class="memory">{% trans "Memory" %}:
                                            <span class="value">{% blocktrans with m=m.instance_type.RAM %}{{m}} MiB{% endblocktrans %}</span></li>
                                        <li class="cpu">{% trans "CPU cores" %}: <span class="value">{{m.instance_type.CPU}}</span></li>
                                        <li>&nbsp;<span class="value"><input type="submit" value="{% trans "Launch" %}"/></span></li>
Danyi Bence committed
46 47 48 49 50 51 52
                                    </ul>
                                </div>
                            </form>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
Danyi Bence committed
53
            </li>
Dányi Bence committed
54 55 56 57 58
            <li class="wm small">
                <div class="summary">
                    <div class="quota">
                        <div class="used" style="background-color: rgba(0,255,0,0.2); width: 0%"></div>
                    </div>
Őry Máté committed
59
                    <div class="name">{% blocktrans with used=3 all=10 %}Personal quota: {{used}}/{{all}}{% endblocktrans %}</div>
Dányi Bence committed
60 61 62
                    <div class="clear"></div>
                </div>
            </li>
Danyi Bence committed
63 64 65
        </ul>
    </div>
    <div class="contentblock" id="template">
Őry Máté committed
66
        <h2>{% trans "My templates" %}</h2>
Danyi Bence committed
67
        <ul class="wm-list">
Danyi Bence committed
68 69
            <li class="wm">
                <div class="summary">
Dányi Bence committed
70
                    <div class="quota">
Dányi Bence committed
71
                        <div class="used" style="background-color: rgba(0,255,0,0.2); width: 20%"></div>
Dányi Bence committed
72 73 74 75
                    </div>
                    <div class="name">Win7 Matlab</div>
                    <div class="status">2/10</div>
                    <div class="actions">
Őry Máté committed
76 77 78
                        <a href="#" title="{% trans "Rename" %}"><img src="/static/icons/pencil.png" alt="{% trans "Rename" %}" /></a>
                        <a href="#" title="{% trans "Remove" %}"><img src="/static/icons/minus-circle.png" alt="{% trans "Remove" %}" /></a>
                        <a href="#" title="{% trans "Share" %}"><img src="static/icons/user-share.png" alt="{% trans "Share" %}" /></a>
Dányi Bence committed
79 80 81 82 83
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="details">
                    <ul>
Őry Máté committed
84 85 86
                        <li class="name">{% trans "System" %}: <span class="value">Windows 7 Desktop</span></li>
                        <li class="description">{% trans "Description" %}: <span class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh arcu, cursus et sodales eu, iaculis id metus. Suspendisse et mauris nisi, luctus feugiat nisi. Nullam elementum tincidunt urna a luctus.</span><div class="clear"></div></li>
                        <li class="date">{% trans "Created at" %}: <span class="value">2013.01.10. 13:40:22</span></li>
Őry Máté committed
87
                        <li class="date">{% trans "Modified at" %}: <span class="value">2013.01.10. 13:40:22</span></li>
Őry Máté committed
88
                        <li class="count">{% trans "Running instances" %}: <span class="value">1</span></li>
Dányi Bence committed
89 90 91 92 93 94
                    </ul>
                </div>
            </li>
            <li class="wm">
                <div class="summary">
                    <div class="quota">
Dányi Bence committed
95
                        <div class="used" style="background-color: rgba(255,128,0,0.2); width: 70%"></div>
Dányi Bence committed
96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118
                    </div>
                    <div class="name">Win7 Matlab</div>
                    <div class="status">7/10</div>
                    <div class="actions">
                        <a href="#" title="Átnevezés"><img src="/static/icons/pencil.png" alt="rename" /></a>
                        <a href="#" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                        <a href="#" title="Megosztás"><img src="static/icons/user-share.png" alt="share" /></a>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="details">
                    <ul>
                        <li class="name">Rendszer: <span class="value">Windows 7 Desktop</span></li>
                        <li class="description">Leírás: <span class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh arcu, cursus et sodales eu, iaculis id metus. Suspendisse et mauris nisi, luctus feugiat nisi. Nullam elementum tincidunt urna a luctus.</span><div class="clear"></div></li>
                        <li class="date">Létrehozva: <span class="value">2013.01.10. 13:40:22</span></li>
                        <li class="date">Módosítva: <span class="value">2013.01.10. 13:40:22</span></li>
                        <li class="count">Futó példányok: <span class="value">5 db</span></li>
                    </ul>
                </div>
            </li>
            <li class="wm">
                <div class="summary">
                    <div class="quota">
Dányi Bence committed
119
                        <div class="used" style="background-color: rgba(255,0,0,0.2); width: 100%"></div>
Dányi Bence committed
120
                    </div>
Danyi Bence committed
121
                    <div class="name">Win7 Matlab</div>
Dányi Bence committed
122
                    <div class="status">10/10</div>
Danyi Bence committed
123 124 125 126 127 128 129 130 131 132 133 134 135
                    <div class="actions">
                        <a href="#" title="Átnevezés"><img src="/static/icons/pencil.png" alt="rename" /></a>
                        <a href="#" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                        <a href="#" title="Megosztás"><img src="static/icons/user-share.png" alt="share" /></a>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="details">
                    <ul>
                        <li class="name">Rendszer: <span class="value">Windows 7 Desktop</span></li>
                        <li class="description">Leírás: <span class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh arcu, cursus et sodales eu, iaculis id metus. Suspendisse et mauris nisi, luctus feugiat nisi. Nullam elementum tincidunt urna a luctus.</span><div class="clear"></div></li>
                        <li class="date">Létrehozva: <span class="value">2013.01.10. 13:40:22</span></li>
                        <li class="date">Módosítva: <span class="value">2013.01.10. 13:40:22</span></li>
Dányi Bence committed
136
                        <li class="count">Futó példányok: <span class="value">10 db</span></li>
Danyi Bence committed
137 138 139 140 141 142
                    </ul>
                </div>
            </li>
            <li class="wm">
                <div class="summary unfinished">
                    <div class="name">Win7 Matlab</div>
Őry Máté committed
143
                    <div class="status">{% trans "unfinished" %}</div>
Danyi Bence committed
144 145 146 147 148 149 150 151 152 153 154 155
                    <div class="actions">
                        <a href="#" title="Átnevezés"><img src="/static/icons/pencil.png" alt="rename" /></a>
                        <a href="#" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="details">
                    <ul>
                        <li class="name">Rendszer: <span class="value">Windows 7 Desktop</span></li>
                        <li class="description">Leírás: <span class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh arcu, cursus et sodales eu, iaculis id metus. Suspendisse et mauris nisi, luctus feugiat nisi. Nullam elementum tincidunt urna a luctus.</span><div class="clear"></div></li>
                        <li class="date">Létrehozva: <span class="value">2013.01.10. 13:40:22</span></li>
                        <li class="date">Módosítva: <span class="value">2013.01.10. 13:40:22</span></li>
Dányi Bence committed
156
                        <li class="count">Futó példányok: <span class="value">8 db</span></li>
Danyi Bence committed
157 158 159
                    </ul>
                </div>
            </li>
Danyi Bence committed
160 161 162 163 164 165
            <li id="new-template-button" class="wm new">
                <div class="summary">
                    <div class="name">Új Sablon</div>
                    <div class="clear"></div>
                </div>
            </li>
Dányi Bence committed
166 167 168
            <li class="wm small">
                <div class="summary">
                    <div class="quota">
Dányi Bence committed
169
                        <div class="used" style="background-color: rgba(0,255,0,0.2); width: 19%"></div>
Dányi Bence committed
170
                    </div>
Őry Máté committed
171
                    <div class="name">{% blocktrans with used=19 all=100 %}Share quota: {{used}}/{{all}}{% endblocktrans %}</div>
Dányi Bence committed
172 173 174
                    <div class="clear"></div>
                </div>
            </li>
Danyi Bence committed
175 176
        </ul>
    </div>
Dudás Ádám committed
177 178 179 180 181 182 183 184 185 186 187
    {% for box in boxes %}
    {% if forloop.counter0|divisibleby:2 %}
        <div class="contentblock">
            <h2>{{ box.title }}</h2>
            <div class="content">
                {{ box.text|safe }}
            </div>
        </div>
    {% endif %}
    {% endfor %}
</div>
188
{% include "box-filelist.html" %}
Dudás Ádám committed
189
{% endblock %}