Skip to content

CIRCLE / cloud

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

webui: verbose markup removed

parent 82809985
Showing with 222 additions and 226 deletions
one/templates/box-filelist.html
...@@ -3,135 +3,133 @@ ...@@ -3,135 +3,133 @@
<div class="boxes"> <div class="boxes">
<div class="contentblock"> <div class="contentblock">
<h2>{% trans "Data store" %}</h2> <h2>{% trans "Data store" %}</h2>
<div class="content"> <ul class="file-list">
<ul class="file-list"> <li class="wm small" id="current-location">
<li class="wm small" id="current-location"> <div class="summary">
<div class="summary"> <div class="sort">
<div class="sort"> <select data-bind="value: sortBy">
<select data-bind="value: sortBy"> <option value="name">Név szerint</option>
<option value="name">Név szerint</option> <option value="date">Dátum szerint</option>
<option value="date">Dátum szerint</option> <option value="size">Méret szerint</option>
<option value="size">Méret szerint</option> </select>
</select>
</div>
<div class="name">
<small>
Jelenlegi hely:
<span data-bind="text: currentPath"></span>
</small>
</div>
<div class="clear"></div>
</div> </div>
</li> <div class="name">
</ul> <small>
<ul class="file-list" id="file-list"> Jelenlegi hely:
<li class="wm real" data-bind="visible: notInRoot, click: jumpUp"> <span data-bind="text: currentPath"></span>
<div class="summary"> </small>
<div class="name filetype-jump-out">..</div>
<div class="clear"></div>
</div> </div>
</li> <div class="clear"></div>
<li class="wm small real" data-bind="visible: files().length == 0"> </div>
<div class="summary"> </li>
<div class="name">{% trans "No files." %}</div> </ul>
<div class="clear"></div> <ul class="file-list" id="file-list">
<li class="wm real" data-bind="visible: notInRoot, click: jumpUp">
<div class="summary">
<div class="name filetype-jump-out">..</div>
<div class="clear"></div>
</div>
</li>
<li class="wm small real" data-bind="visible: files().length == 0">
<div class="summary">
<div class="name">{% trans "No files." %}</div>
<div class="clear"></div>
</div>
</li>
<!-- ko foreach: {data:files,afterAdd:fadeIn,beforeRemove:fadeOutFile} -->
<li class="wm real">
<div class="summary" data-bind="click: clickHandler">
<div class="name" data-bind="text: name, attr: {class: getTypeClass, title: originalName}"></div>
<div class="info" data-bind="text: size"></div>
<div class="actions">
<a href="#" data-bind="click: $parent.rename, clickBubble: false">
<img src="/static/icons/pencil.png" alt="{% trans "rename" %}" />
</a>
<a href="#" data-bind="click: $parent.delete, clickBubble: false">
<img src="/static/icons/minus-circle.png" alt="{% trans "remove" %}" />
</a>
<a href="#" data-bind="click: $parent.download, clickBubble: false">
<img src="/static/icons/download-cloud.png" alt="{% trans "download" %}" />
</a>
</div> </div>
</li> <div class="clear"></div>
<!-- ko foreach: {data:files,afterAdd:fadeIn,beforeRemove:fadeOutFile} --> </div>
<li class="wm real"> <div class="details">
<div class="summary" data-bind="click: clickHandler"> <div class="details-container">
<div class="name" data-bind="text: name, attr: {class: getTypeClass, title: originalName}"></div> <ul>
<div class="info" data-bind="text: size"></div> <li class="date">
<div class="actions"> {% trans "Last modification" %}:
<a href="#" data-bind="click: $parent.rename, clickBubble: false"> <small class="value" data-bind="text: mTime"></small>
<img src="/static/icons/pencil.png" alt="{% trans "rename" %}" /> </li>
</a> <li class="filetype-text">
<a href="#" data-bind="click: $parent.delete, clickBubble: false"> {% trans "Type" %}:
<img src="/static/icons/minus-circle.png" alt="{% trans "remove" %}" /> <span class="value" data-bind="text: type"></span>
</a> </li>
<a href="#" data-bind="click: $parent.download, clickBubble: false"> </ul>
<img src="/static/icons/download-cloud.png" alt="{% trans "download" %}" />
</a>
</div>
<div class="clear"></div>
</div>
<div class="details">
<div class="details-container">
<ul>
<li class="date">
{% trans "Last modification" %}:
<small class="value" data-bind="text: mTime"></small>
</li>
<li class="filetype-text">
{% trans "Type" %}:
<span class="value" data-bind="text: type"></span>
</li>
</ul>
</div>
</div> </div>
</li> </div>
<!-- /ko --> </ul> </li>
<ul class="file-list"> <!-- /ko --> </ul>
<li class="wm small-row"> <ul class="file-list">
<div class="summary" id="new-folder"> <li class="wm small-row">
<div class="name filetype-new-folder">{% trans "Create folder" %}</div> <div class="summary" id="new-folder">
<div id="new-folder-form"> <div class="name filetype-new-folder">{% trans "Create folder" %}</div>
<input type="text" placeholder="{% trans "Name of new folder" %}" data-bind="value: newFolderName, click: function(m,e){console.log(arguments); e.preventDefault(); e.stopPropagation(); return false;}" /> <div id="new-folder-form">
<input type="submit" data-bind="click: newFolder, clickBubble: false" value="Létrehozás" /> <input type="text" placeholder="{% trans "Name of new folder" %}" data-bind="value: newFolderName, click: function(m,e){console.log(arguments); e.preventDefault(); e.stopPropagation(); return false;}" />
</div> <input type="submit" data-bind="click: newFolder, clickBubble: false" value="Létrehozás" />
<div class="clear"></div>
</div> </div>
</li> <div class="clear"></div>
<li class="file-upload wm small-row"> </div>
<div class="summary" data-bind="click: getUploadURL"> </li>
<div class="quota"> <li class="file-upload wm small-row">
<div id="upload-progress" class="used" style="background-color: rgba(0,255,0,0.2);" data-bind="style: {width: uploadProgress}"></div> <div class="summary" data-bind="click: getUploadURL">
</div> <div class="quota">
<div class="name filetype-up">{% trans "File upload" %}</div> <div id="upload-progress" class="used" style="background-color: rgba(0,255,0,0.2);" data-bind="style: {width: uploadProgress}"></div>
<div class="clear"></div>
</div> </div>
<div class="details"> <div class="name filetype-up">{% trans "File upload" %}</div>
<div class="container"> <div class="clear"></div>
<div id="upload-zone" class="upload-zone"> </div>
<p>{% trans "Drag and drop files here to start uploading." %}</p> <div class="details">
<p> <div class="container">
{% trans 'You can also use the <a href="#" id="old-upload">the traditional upload form</a>.' %} <div id="upload-zone" class="upload-zone">
</p> <p>{% trans "Drag and drop files here to start uploading." %}</p>
<p>{% trans 'Upload limit is 1GB per file!' %}</p> <p>
</div> {% trans 'You can also use the <a href="#" id="old-upload">the traditional upload form</a>.' %}
<div style="display: none" id="upload-progress-text" class="upload-zone"></div> </p>
<div style="display: none" id="upload-error" class="upload-zone"> <p>{% trans 'Upload limit is 1GB per file!' %}</p>
<p id="upload-error-size" style="display: none">{% trans "Error: File is bigger than 1GB!" %}</p>
<p id="upload-error-server" style="display: none">{% trans "Error: Upload server is not available!" %}</p>
<p id="upload-error-overwrite" style="display: none">{% trans "Error: File already exists!" %}</p>
<p id="upload-error-unknown" style="display: none"></p>
</div>
<div style="display: none" class="upload-zone" id="old-upload-form">
<form action="/" method="POST" data-bind="attr: {action: uploadURL}" enctype="multipart/form-data">
<input type="file" name="data" />
<input type="submit" value="Feltöltés" />
</form>
</div>
</div> </div>
</div> <div style="display: none" id="upload-progress-text" class="upload-zone"></div>
</li> <div style="display: none" id="upload-error" class="upload-zone">
<li class="wm small"> <p id="upload-error-size" style="display: none">{% trans "Error: File is bigger than 1GB!" %}</p>
<div class="summary"> <p id="upload-error-server" style="display: none">{% trans "Error: Upload server is not available!" %}</p>
<div class="quota"> <p id="upload-error-overwrite" style="display: none">{% trans "Error: File already exists!" %}</p>
<div class="used" style="background-color: rgba(0,255,0,0.2)" data-bind="style: {width: quota.usedBar}"></div> <p id="upload-error-unknown" style="display: none"></p>
<div class="softLimit" data-bind="style: {left: quota.softPos}"></div>
</div> </div>
<div class="name"> <div style="display: none" class="upload-zone" id="old-upload-form">
{% trans "File quota" %}: <abbr data-bind="text: quota.used" title="{% trans "Used space" %}"></abbr> <form action="/" method="POST" data-bind="attr: {action: uploadURL}" enctype="multipart/form-data">
/ <abbr data-bind="text: quota.soft" title="{% trans "soft limit" %}"></abbr> <input type="file" name="data" />
( <input type="submit" value="Feltöltés" />
<abbr title="{% trans "hard limit" %}" data-bind="text: quota.hard"></abbr> </form>
)
</div> </div>
<div class="clear"></div>
</div> </div>
</li> </div>
</ul> </li>
</div> <li class="wm small">
<div class="summary">
<div class="quota">
<div class="used" style="background-color: rgba(0,255,0,0.2)" data-bind="style: {width: quota.usedBar}"></div>
<div class="softLimit" data-bind="style: {left: quota.softPos}"></div>
</div>
<div class="name">
{% trans "File quota" %}: <abbr data-bind="text: quota.used" title="{% trans "Used space" %}"></abbr>
/ <abbr data-bind="text: quota.soft" title="{% trans "soft limit" %}"></abbr>
(
<abbr title="{% trans "hard limit" %}" data-bind="text: quota.hard"></abbr>
)
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div> </div>
</div> </div>
one/templates/box-vmlist.html
...@@ -4,114 +4,112 @@ ...@@ -4,114 +4,112 @@
{% for i in instances %} {% for i in instances %}
<li class="wm {% if id == i.id %}opened{% endif %}"> <li class="wm {% if id == i.id %}opened{% endif %}">
<div class="summary {% if id == i.id %}selected-summary{% endif %} {% if i.template.state == "NEW" %}unfinished{% endif %}"> <div class="summary {% if id == i.id %}selected-summary{% endif %} {% if i.template.state == "NEW" %}unfinished{% endif %}">
<!--<div class="id"></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="name {% if i.state == 'ACTIVE' %}wm-on{% else %}wm-off{% endif %}">{{i.name|truncatechars:20}}</div> <div class="actions">
<div class="status">{{i.state}}</div> {% if i.waiting %}
<div class="actions"> <img src="/static/load.gif" />
{% if i.waiting %} {% elif i.state == 'ACTIVE' %}
<img src="/static/load.gif" /> <a href="{{i.get_connect_uri}}" data-id="{{ i.id }}" class="connect-vm-button" title="{% trans "Connect" %}">
{% elif i.state == 'ACTIVE' %} <img src="/static/icons/plug.png" alt="{% trans "Connect" %}" />
<a href="{{i.get_connect_uri}}" data-id="{{ i.id }}" class="connect-vm-button" title="{% trans "Connect" %}"> </a>
<img src="/static/icons/plug.png" alt="{% trans "Connect" %}" /> <a href="#" class="stop-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Pause" %}">
</a> <img src="/static/icons/control-pause.png" alt="{% trans "Pause" %}" />
<a href="#" class="stop-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Pause" %}"> </a>
<img src="/static/icons/control-pause.png" alt="{% trans "Pause" %}" /> <a href="#" class="delete-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Delete" %}">
</span> <img src="/static/icons/minus-circle.png" alt="{% trans "Delete" %}" />
<a href="#" class="delete-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Delete" %}"> </a>
<img src="/static/icons/minus-circle.png" alt="{% trans "Delete" %}" /> <a href="#" class="restart-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Restart" %}">
</a> <img src="/static/icons/arrow-circle-double.png" alt="↺" />
<a href="#" class="restart-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Restart" %}"> </a>
<img src="/static/icons/arrow-circle-double.png" alt="↺" /> {% elif i.state == 'PENDING' %}
</a> <img src="/static/load.gif" />
{% elif i.state == 'PENDING' %} {% trans "starting…" %}
<img src="/static/load.gif" /> {% elif i.state == 'STOPPED' %}
{% trans "starting…" %} <a href="#" class="resume-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Resume" %}">
{% elif i.state == 'STOPPED' %} <img src="/static/icons/control.png" alt="{% trans "Resume" %}" />
<a href="#" class="resume-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Resume" %}"> </a>
<img src="/static/icons/control.png" alt="{% trans "Resume" %}" /> <a href="#" class="delete-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Delete" %}">
</span> <img src="/static/icons/minus-circle.png" alt="{% trans "Delete" %}" />
<a href="#" class="delete-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Delete" %}"> </a>
<img src="/static/icons/minus-circle.png" alt="{% trans "Delete" %}" /> {% elif i.state == 'FAILED' %}
</a> <a href="#" class="delete-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Delete" %}">
{% elif i.state == 'FAILED' %} <img src="/static/icons/minus-circle.png" alt="{% trans "Delete" %}" />
<a href="#" class="delete-vm-button" data-name="{{ i.name}}" data-id="{{ i.id }}" title="{% trans "Delete" %}"> </a>
<img src="/static/icons/minus-circle.png" alt="{% trans "Delete" %}" />
</a>
{% endif %}
</div>
<div class="clear"></div>
</div>
<div class="details">
<div class="details-container">
<ul>
<li class="name">
{% trans "Hostname" %}:
<span class="value">{{i.name}}</span>
<div class="clear"></div>
</li>
<li class="os-{{i.template.os_type}}">
{% trans "System" %}:
<span class="value">{{i.template.system}}</span>
<div class="clear"></div>
</li>
<li class="template">
{% trans "Type" %}:
<span class="value">{{i.share.type}}</span>
<div class="clear"></div>
</li>
<li class="template">
{% trans "Share" %}:
<span class="value">{{i.share.name}}</span>
<div class="clear"></div>
</li>
<li class="template">
{% trans "Template" %}:
<span class="value">{{i.template.name}}</span>
<div class="clear"></div>
</li>
<li class="type">
{% trans "Size" %}:
<span class="value">
{{i.template.instance_type.name}}:
<span class="cpu">{{i.template.instance_type.CPU}}</span>
<span class="memory">{{i.template.instance_type.RAM}}</span>
<span class="credit">{{i.template.instance_type.credit}}</span>
</span>
</li>
<li class="date">
{% trans "Created at" %}:
<span class="value">{{i.created_at}}</span>
</li>
{% if i.time_of_suspend %}
<li class="date">
{% trans "time of suspend"|capfirst %}:
<span class="value"> <abbr title="{{i.time_of_suspend}}">{{i.time_of_suspend|timeuntil}}</abbr>
<a href="#" class="renew-vm-button renew-suspend-vm-button" data-id="{{ i.id }}" title="{% trans "Renew suspend time" %}">
<img src="/static/icons/control-double.png" alt="{% trans "Renew suspend time" %}" />
</a>
</span>
</li>
{% endif %}
{% if i.time_of_delete %}
<li class="date">
{% trans "time of delete"|capfirst %}:
<span class="value"> <abbr title="{{i.time_of_delete}}">{{i.time_of_delete|timeuntil}}</abbr>
<a href="#" class="renew-vm-button renew-delete-vm-button" data-id="{{ i.id }}" title="{% trans "Renew deletion time" %}">
<img src="/static/icons/control-double.png" alt="{% trans "Renew deletion time" %}" />
</a>
</span>
</li>
{% endif %} {% endif %}
<li> </div>
&nbsp; <div class="clear"></div>
<span class="value"> </div>
<a href="/vm/show/{{i.id}}/" title="{{i.name}}">{% trans "More details" %}</a> <div class="details">
</span> <div class="details-container">
</li> <ul>
</ul> <li class="name">
{% trans "Hostname" %}:
<span class="value">{{i.name}}</span>
<div class="clear"></div>
</li>
<li class="os-{{i.template.os_type}}">
{% trans "System" %}:
<span class="value">{{i.template.system}}</span>
<div class="clear"></div>
</li>
<li class="template">
{% trans "Type" %}:
<span class="value">{{i.share.type}}</span>
<div class="clear"></div>
</li>
<li class="template">
{% trans "Share" %}:
<span class="value">{{i.share.name}}</span>
<div class="clear"></div>
</li>
<li class="template">
{% trans "Template" %}:
<span class="value">{{i.template.name}}</span>
<div class="clear"></div>
</li>
<li class="type">
{% trans "Size" %}:
<span class="value">
{{i.template.instance_type.name}}:
<span class="cpu">{{i.template.instance_type.CPU}}</span>
<span class="memory">{{i.template.instance_type.RAM}}</span>
<span class="credit">{{i.template.instance_type.credit}}</span>
</span>
</li>
<li class="date">
{% trans "Created at" %}:
<span class="value">{{i.created_at}}</span>
</li>
{% if i.time_of_suspend %}
<li class="date">
{% trans "time of suspend"|capfirst %}:
<span class="value"> <abbr title="{{i.time_of_suspend}}">{{i.time_of_suspend|timeuntil}}</abbr>
<a href="#" class="renew-vm-button renew-suspend-vm-button" data-id="{{ i.id }}" title="{% trans "Renew suspend time" %}">
<img src="/static/icons/control-double.png" alt="{% trans "Renew suspend time" %}" />
</a>
</span>
</li>
{% endif %}
{% if i.time_of_delete %}
<li class="date">
{% trans "time of delete"|capfirst %}:
<span class="value"> <abbr title="{{i.time_of_delete}}">{{i.time_of_delete|timeuntil}}</abbr>
<a href="#" class="renew-vm-button renew-delete-vm-button" data-id="{{ i.id }}" title="{% trans "Renew deletion time" %}">
<img src="/static/icons/control-double.png" alt="{% trans "Renew deletion time" %}" />
</a>
</span>
</li>
{% endif %}
<li>
&nbsp;
<span class="value">
<a href="/vm/show/{{i.id}}/" title="{{i.name}}">{% trans "More details" %}</a>
</span>
</li>
</ul>
</div>
</div> </div>
</div>
</li> </li>
{% endfor %} {% endfor %}
{% else %} {% else %}
......
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