box-filelist.html 7.77 KB
Newer Older
Őry Máté committed
1 2
{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
3 4 5 6 7 8 9
<div class="boxes">
    <div class="contentblock">
        <h2>
            Adattár
        </h2>
        <div class="content">
            <ul class="file-list">
Dányi Bence committed
10
                <li class="wm small" id="current-location">
11
                    <div class="summary">
12 13 14 15 16 17
                        <div class="sort">
                            <select data-bind="value: sortBy">
                                <option value="name">Név szerint</option>
                                <option value="date">Dátum szerint</option>
                            </select>
                        </div>
18 19 20 21
                        <div class="name">Jelenlegi hely: <span data-bind="text: currentPath"></span></div>
                        <div class="clear"></div>
                    </div>
                </li>
Dányi Bence committed
22 23
            </ul>
            <ul class="file-list" id="file-list">
24 25 26 27 28 29 30 31 32 33
                <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">
Őry Máté committed
34
                        <div class="name">{% trans "No files." %}</div>
35 36 37 38 39 40 41 42 43
                        <div class="clear"></div>
                    </div>
                </li>
                <!-- ko foreach: {data:files,afterAdd:fadeIn} -->
                <li class="wm real">
                    <div class="summary" data-bind="click: clickHandler">
                        <div class="name" data-bind="text: name, attr: {class: getTypeClass}"></div>
                        <div class="info" data-bind="text: size"></div>
                        <div class="actions">
Dányi Bence committed
44
                            <a href="#" data-bind="click: $parent.rename, clickBubble: false">
Őry Máté committed
45
                                <img src="/static/icons/pencil.png" alt="{% trans "rename" %}" />
46 47
                            </a>
                            <a href="#" data-bind="click: $parent.delete, clickBubble: false">
Őry Máté committed
48
                                <img src="/static/icons/minus-circle.png" alt="{% trans "remove" %}" />
49 50
                            </a>
                            <a href="#" data-bind="click: $parent.download, clickBubble: false">
Őry Máté committed
51
                                <img src="/static/icons/download-cloud.png" alt="{% trans "download" %}" />
52 53 54 55 56 57 58
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="details">
                        <div class="details-container">
                            <ul>
Őry Máté committed
59 60
                                <li>{% trans "Last modification" %}: <span class="value" data-bind="text: mTime"></span></li>
                                <li>{% trans "Type" %}: <span class="value" data-bind="text: type"></span></li>
61 62 63 64 65
                            </ul>
                        </div>
                    </div>
                </li>
                <!-- /ko -->
Dányi Bence committed
66 67
            </ul>
            <ul class="file-list">
68
                <li class="file-details wm small-row" id="load-more-files" data-bind="visible: (files().length>0 && files().length != allFiles.length)">
69 70
                    <div class="summary" data-bind="click: showMore">
                        <div class="name filetype-more">
71
                            {% trans "Show more files…" %} (<span data-bind="text: allFiles.length-files().length"></span> hidden)
72 73 74 75
                        </div>
                        <div class="clear"></div>
                    </div>
                </li>
Dányi Bence committed
76
                <li class="wm small-row">
Dányi Bence committed
77
                    <div class="summary">
Őry Máté committed
78
                        <div class="name filetype-new-folder">{% trans "Create folder" %}</div>
Dányi Bence committed
79
                        <div id="new-folder-form">
Őry Máté committed
80
                            <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;}" />
Dányi Bence committed
81 82 83 84 85
                            <input type="submit" data-bind="click: newFolder, clickBubble: false" value="Létrehozás" />
                        </div>
                        <div class="clear"></div>
                    </div>
                </li>
Dányi Bence committed
86
                <li class="file-upload wm small-row">
87
                    <div class="summary" data-bind="click: getUploadURL">
88 89 90
                        <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>
Őry Máté committed
91
                        <div class="name filetype-up">{% trans "File upload" %}</div>
92 93 94 95
                        <div class="clear"></div>
                    </div>
                    <div class="details">
                        <div class="container">
96
                            <div id="upload-zone" class="upload-zone">
Őry Máté committed
97 98
                                <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>
99
                                <p>{% trans 'Upload limit is 1GB per file!' %}</p>
100
                            </div>
101
                            <div style="display: none" id="upload-progress-text" class="upload-zone"></div>
102 103 104 105 106 107
                            <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>
                            </div>
Dányi Bence committed
108
                            <div style="display: none" class="upload-zone" id="old-upload-form">
109 110 111 112 113
                                <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>
114 115 116 117 118 119
                        </div>
                    </div>
                </li>
                <li class="wm small">
                    <div class="summary">
                        <div class="quota">
Dányi Bence committed
120 121
                            <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>
122
                        </div>
Dányi Bence committed
123
                        <div class="name">
124
                            {% 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>
Őry Máté committed
125
                            (<abbr title="{% trans "hard limit" %}" data-bind="text: quota.hard"></abbr>)
Dányi Bence committed
126
                        </div>
127 128 129 130 131 132 133
                        <div class="clear"></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>