Skip to content

CIRCLE / cloud

Go to a project
Commit 612c7262 by Dányi Bence
Options

webui: markup refactoring

parent 256c58e4
Showing with 20 additions and 20 deletions
one/templates/box-filelist.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="contentblock"> <div class="contentblock">
<h2>{% trans "Data store" %}</h2> <h2>{% trans "Data store" %}</h2>
<ul class="file-list"> <ul class="file-list">
<li class="wm small" id="current-location"> <li class="entry 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">
...@@ -24,20 +24,20 @@ ...@@ -24,20 +24,20 @@
</li> </li>
</ul> </ul>
<ul class="file-list" id="file-list"> <ul class="file-list" id="file-list">
<li class="wm real" data-bind="visible: notInRoot, click: jumpUp"> <li class="entry real" data-bind="visible: notInRoot, click: jumpUp">
<div class="summary"> <div class="summary">
<div class="name filetype-jump-out">..</div> <div class="name filetype-jump-out">..</div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</li> </li>
<li class="wm small real" data-bind="visible: files().length == 0"> <li class="entry small real" data-bind="visible: files().length == 0">
<div class="summary"> <div class="summary">
<div class="name">{% trans "No files." %}</div> <div class="name">{% trans "No files." %}</div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</li> </li>
<!-- ko foreach: {data:files,afterAdd:fadeIn,beforeRemove:fadeOutFile} --> <!-- ko foreach: {data:files,afterAdd:fadeIn,beforeRemove:fadeOutFile} -->
<li class="wm real"> <li class="entry real">
<div class="summary" data-bind="click: clickHandler"> <div class="summary" data-bind="click: clickHandler">
<div class="name" data-bind="text: name, attr: {class: getTypeClass, title: originalName}"></div> <div class="name" data-bind="text: name, attr: {class: getTypeClass, title: originalName}"></div>
<div class="info" data-bind="text: size"></div> <div class="info" data-bind="text: size"></div>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
</li> </li>
<!-- /ko --> </ul> <!-- /ko --> </ul>
<ul class="file-list"> <ul class="file-list">
<li class="wm small-row"> <li class="entry small-row">
<div class="summary" id="new-folder"> <div class="summary" id="new-folder">
<div class="name filetype-new-folder">{% trans "Create folder" %}</div> <div class="name filetype-new-folder">{% trans "Create folder" %}</div>
<div id="new-folder-form"> <div id="new-folder-form">
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</li> </li>
<li class="file-upload wm small-row"> <li class="file-upload entry small-row">
<div class="summary" data-bind="click: getUploadURL"> <div class="summary" data-bind="click: getUploadURL">
<div class="quota"> <div class="quota">
<div id="upload-progress" class="used" style="background-color: rgba(0,255,0,0.2);" data-bind="style: {width: uploadProgress}"></div> <div id="upload-progress" class="used" style="background-color: rgba(0,255,0,0.2);" data-bind="style: {width: uploadProgress}"></div>
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
</div> </div>
</div> </div>
</li> </li>
<li class="wm small"> <li class="entry small">
<div class="summary"> <div class="summary">
<div class="quota"> <div class="quota">
<div class="used" style="background-color: rgba(0,255,0,0.2)" data-bind="style: {width: quota.usedBar}"></div> <div class="used" style="background-color: rgba(0,255,0,0.2)" data-bind="style: {width: quota.usedBar}"></div>
......
one/templates/box-grouplist.html
...@@ -4,10 +4,10 @@ ...@@ -4,10 +4,10 @@
<div class="contentblock"> <div class="contentblock">
<h2>{% trans "My Groups" %}</h2> <h2>{% trans "My Groups" %}</h2>
<div class="content"> <div class="content">
<ul class="wm-list"> <ul class="vm-list entry-list">
{% if groups %} {% if groups %}
{% for group in groups %} {% for group in groups %}
<li class="wm"> <li class="entry">
<div class="summary"> <div class="summary">
<div class="name">{{ group.name }}</div> <div class="name">{{ group.name }}</div>
<div class="actions"> <div class="actions">
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
<li class="wm" id="new-group"> <li class="entry" id="new-group">
<div class="summary"> <div class="summary">
<div class="name">{% trans "Create new group" %}</div> <div class="name">{% trans "Create new group" %}</div>
<div class="clear"></div> <div class="clear"></div>
......
one/templates/box-templatelist.html
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
{% get_current_language as LANGUAGE_CODE %} {% get_current_language as LANGUAGE_CODE %}
<div class="contentblock" id="template"> <div class="contentblock" id="template">
<h2>{% trans "Templates" %}</h2> <h2>{% trans "Templates" %}</h2>
<ul class="wm-list"> <ul class="vm-list entry-list">
{% for t in mytemplates %} {% for t in mytemplates %}
<li class="wm" id="t{{t.id }}"> <li class="entry" id="t{{t.id }}">
<div class="summary {% if t.state == 'NEW' or t.state == 'SAVING'%}unfinished{% endif %}"> <div class="summary {% if t.state == 'NEW' or t.state == 'SAVING'%}unfinished{% endif %}">
<div class="name">{{t.name}}</div> <div class="name">{{t.name}}</div>
<div class="status">{{t.state}}</div> <div class="status">{{t.state}}</div>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
</div> </div>
{% endif %} {% endif %}
{% if not group %} {% if not group %}
<li id="new-template-button" class="wm new"> <li id="new-template-button" class="entry new">
<div class="summary"> <div class="summary">
<div class="name">Új Sablon</div> <div class="name">Új Sablon</div>
<div class="clear"></div> <div class="clear"></div>
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
{% endif %} {% endif %}
{% if publictemplates %} {% if publictemplates %}
{% for t in publictemplates %} {% for t in publictemplates %}
<li class="wm" id="t{{t.id }}"> <li class="entry" id="t{{t.id }}">
<div class="summary public-template"> <div class="summary public-template">
<div class="name"> <div class="name">
{{t.name}} {{t.name}}
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,7 @@
</li> </li>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
<li class="wm small"> <li class="entry small">
<div class="summary"> <div class="summary">
<div class="quota"> <div class="quota">
<div class="used" style="background-color: rgba(0,255,0,0.2); width: {{userdetails.get_share_pc|unlocalize}}%"></div> <div class="used" style="background-color: rgba(0,255,0,0.2); width: {{userdetails.get_share_pc|unlocalize}}%"></div>
......
one/templates/box/box-vm.html
...@@ -24,21 +24,21 @@ ...@@ -24,21 +24,21 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
<li id="new-wm-button" class="wm new"> <li id="new-vm-button" class="entry new">
<div class="summary"> <div class="summary">
<div class="name">{% trans "Start new machine" %}</div> <div class="name">{% trans "Start new machine" %}</div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</li> </li>
<li id="new-wm" style="display: none"> <li id="new-vm" style="display: none">
<h2>{% trans "Available shares" %}</h2> <h2>{% trans "Available shares" %}</h2>
<p> <p>
{% trans "Choose one of the following shared templates to launch." %} {% trans "Choose one of the following shared templates to launch." %}
</p> </p>
<div class="container"> <div class="container">
<ul class="wm-list modal"> <ul class="vm-list entry-list">
{% for s in shares %} {% for s in shares %}
<li class="wm"> <li class="entry">
<div class="summary"> <div class="summary">
<div class="quota"> <div class="quota">
<div class="used" style="width:{% if s.running_shared >= s.per_user_limit %}100%{% else %}{{ s.get_instance_pc|unlocalize }}%{% endif %}"/> <div class="used" style="width:{% if s.running_shared >= s.per_user_limit %}100%{% else %}{{ s.get_instance_pc|unlocalize }}%{% endif %}"/>
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
</ul> </ul>
</div> </div>
</li> </li>
<li class="wm small"> <li class="entry small">
<div class="summary"> <div class="summary">
<div class="quota"> <div class="quota">
<div class="used" style="background-color: rgba(0,255,0,0.2); width: {{userdetails.get_instance_pc|unlocalize}}%"></div> <div class="used" style="background-color: rgba(0,255,0,0.2); width: {{userdetails.get_instance_pc|unlocalize}}%"></div>
......
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