box-vmlist.html

{% if instances %}
{% for i in instances %}
<li class="wm">
    <div class="summary">
        <!--<div class="id">161</div>-->
        <div class="name {% if i.state == 'ACTIVE' %}wm-on{% else %}wm-off{% endif %}">
            {{i.name|truncatechars:20}}
        </div>
        <div class="status">
            {{i.state}}
        </div>
        <div class="actions">
        	{% if i.state == 'ACTIVE' %}
			<a href="{{i.get_connect_uri}}" title="Csatlakozás">
                <img src="static/icons/plug.png" alt="connect" />
            </a>
			<a href="/vm/suspend/{{i.id}}/" onclick="alert('Hamarosan a mozikban.'); return false" title="Felfüggesztés">
                <img src="/static/icons/control-pause.png" alt="pause" />
            </a>
			<a href="/vm/delete/{{i.id}}/" onclick="return confirm('Biztosan törli a gépet?')" title="Törlés">
                <img src="/static/icons/minus-circle.png" alt="delete" />
            </a>
			<a href="/vm/reset/{{i.id}}/" onclick="alert('Hamarosan a mozikban.'); return false" title="Újraindítás">
                <img src="/static/icons/arrow-circle-double.png" alt="↺" />
            </a>
			{% endif %}
			{% if i.state == 'PENDING' %}
			<img src="/static/load-2.gif" /> indítás...
			{% endif %}
			{% if i.state == 'SUSPENDED' %}
			<a href="/vm/continue/{{i.id}}/" title="Folytatás">
                <img src="/static/icons/control.png" alt="resume" />
            </a>
			<a href="/vm/delete/{{i.id}}/" onclick="return confirm('Biztosan törli a gépet?')" title="Törlés">
                <img src="/static/icons/minus-circle.png" alt="delete" />
            </a>
			{% endif %}
			{% if i.state == 'FAILED' %}
			<a href="/vm/delete/{{i.id}}/" title="Törlés">
                <img src="/static/icons/minus-circle.png" alt="delete" />
            </a>
			{% endif %}
        </div>
        <div class="clear"></div>
    </div>
    <div class="details">
        <div class="details-container"><h3>Részletek</h3>
            <ul>
                <li class="name">Gép neve: <span class="value">{{i.name}}</span></li>
                <li class="os-linux">Operációs rendszer: <span class="value">{{i.template.disk.name}}</span></li>
                <li class="type">Instance típus: <span class="value">{{i.template.instance_type.name}}</span></li>
                <li class="date">Létrehozás dátuma: <span class="value">{{i.created_at}}</span></li>
                <li class="date">Lejáratig: <span class="value"><abbr title="1 nap, 5 óra, 34 perc">1 nap</abbr></span></li>
                <li>&nbsp;<span class="value"><a href="/vm/show/{{i.id}}/" title="{{i.name}}">További részletek</a></span></li>
            </ul>
        </div>
    </div>
</li>
{% endfor %}
{% else %}
<div id="new-wm-tooltip">
    <div id="new-wm-tooltip-container">
        <p>
            Még nem indított egy gépet sem.
        </p>
        <p>
            Válasszon sablont, és septiben használhatja a kiválasztott rendszert.
        </p>
    </div>
</div>
{% endif %}