box-filelist.html 7.21 KB
Newer Older
1 2 3 4
{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
<div class="boxes">
    <div class="contentblock">
Dányi Bence committed
5
        <h2>{% trans "Data store" %}</h2>
6
        <ul class="file-list">
Dányi Bence committed
7
            <li class="entry small" id="current-location">
8 9 10 11 12 13 14
                <div class="summary">
                    <div class="sort">
                        <select data-bind="value: sortBy">
                            <option value="name">Név szerint</option>
                            <option value="date">Dátum szerint</option>
                            <option value="size">Méret szerint</option>
                        </select>
15
                    </div>
16 17 18 19 20
                    <div class="name">
                        <small>
                            Jelenlegi hely:
                            <span data-bind="text: currentPath"></span>
                        </small>
21
                    </div>
22 23 24 25 26
                    <div class="clear"></div>
                </div>
            </li>
        </ul>
        <ul class="file-list" id="file-list">
Dányi Bence committed
27
            <li class="entry real" data-bind="visible: notInRoot, click: jumpUp">
28 29 30 31 32
                <div class="summary">
                    <div class="name filetype-jump-out">..</div>
                    <div class="clear"></div>
                </div>
            </li>
Dányi Bence committed
33
            <li class="entry small real" data-bind="visible: files().length == 0">
34 35 36 37 38 39
                <div class="summary">
                    <div class="name">{% trans "No files." %}</div>
                    <div class="clear"></div>
                </div>
            </li>
            <!-- ko foreach: {data:files,afterAdd:fadeIn,beforeRemove:fadeOutFile} -->
Dányi Bence committed
40
            <li class="entry real">
41 42 43 44 45 46 47 48 49 50 51 52 53
                <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>
54
                    </div>
55 56 57 58 59 60 61 62 63 64 65 66 67 68
                    <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>
69
                    </div>
70 71 72 73
                </div>
            </li>
            <!-- /ko --> </ul>
        <ul class="file-list">
Dányi Bence committed
74
            <li class="entry small-row">
75 76 77 78 79
                <div class="summary" id="new-folder">
                    <div class="name filetype-new-folder">{% trans "Create folder" %}</div>
                    <div id="new-folder-form">
                        <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;}" />
                        <input type="submit" data-bind="click: newFolder, clickBubble: false" value="Létrehozás" />
80
                    </div>
81 82 83
                    <div class="clear"></div>
                </div>
            </li>
Dányi Bence committed
84
            <li class="file-upload entry small-row">
85 86 87
                <div class="summary" data-bind="click: getUploadURL">
                    <div class="quota">
                        <div id="upload-progress" class="used" style="background-color: rgba(0,255,0,0.2);" data-bind="style: {width: uploadProgress}"></div>
88
                    </div>
89 90 91 92 93 94 95 96 97 98 99
                    <div class="name filetype-up">{% trans "File upload" %}</div>
                    <div class="clear"></div>
                </div>
                <div class="details">
                    <div class="container">
                        <div id="upload-zone" class="upload-zone">
                            <p>{% trans "Drag and drop files here to start uploading." %}</p>
                            <p>
                                {% trans 'You can also use the <a href="#" id="old-upload">the traditional upload form</a>.' %}
                            </p>
                            <p>{% trans 'Upload limit is 1GB per file!' %}</p>
100
                        </div>
101 102 103 104 105 106
                        <div style="display: none" id="upload-progress-text" class="upload-zone"></div>
                        <div style="display: none" id="upload-error" class="upload-zone">
                            <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>
107
                        </div>
108 109 110 111 112
                        <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>
113 114
                        </div>
                    </div>
115 116
                </div>
            </li>
Dányi Bence committed
117
            <li class="entry small">
118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
                <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>
134 135
    </div>
</div>