← Back to branch summary

~stephen-stewart/online-services-common-js/update-global-nav

« back to all changes in this revision

Viewing changes to src/files/js/templates/templates-micro.html

  • Committer: Stephen Stewart
  • Date: 2014-02-22 15:05:16 UTC
  • Revision ID: stephen.stewart@canonical.com-20140222150516-rkzti2c43ggwr2ta
import latest js, convert

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/files/js/templates/templates-micro.html
 
1
 
1
2
<script id="t-uploader-base" type="x-template">
2
 
<p class="<%= data.headerClass %>">
3
 
    <span class="yui3-filename">File name</span>
4
 
    <span class="yui3-filesize">File size</span>
5
 
    <span class="yui3-filestatus">Progress</span>
 
3
 
 
4
<p class="uploader-header">
 
5
    <span class="uploader-filename">File name</span>
 
6
    <span class="uploader-filesize">File size</span>
 
7
    <span class="uploader-filestatus">Progress</span>
6
8
</p>
7
9
 
8
 
<div class="<%= data.filesClass %>">
9
 
    <ul class="yui3-followscrolling">
10
 
        <li class="<%= data.noFilesClass %>">
11
 
            <span><%= data.noFilesSelectedLabel %></span>
12
 
            <div class="yui3-dd-proxy"></div>
13
 
        </li>
14
 
    </ul>
15
 
</div>
16
 
 
17
 
<div class="<%= data.uploaderWrapperClass %>"></div>
18
 
 
19
 
<div class="<%= data.statusClass %>">
20
 
    <div class="<%= data.statusClass %>-vitals"><%= data.noFilesSelectedLabel %></div>
21
 
    <div class="<%= data.statusClass %>-timeremaining yui3-timeremaining"></div>
22
 
</div>
23
 
 
24
 
<div class="<%= data.controlsClass %>">
25
 
    <button disabled="disabled" class="cta <%= data.startClass %>"><%= data.uploadLabel %></button>
26
 
    <a class="cta secondary <%= data.cancelClass %>"><%= data.cancelLabel %></a>
 
10
<div class="uploader-body uploader-follow">
 
11
 
 
12
    <div class="uploader-nofiles">
 
13
        <p class="uploader-dd-area"><%= data.noFilesSelectedLabel %></p>
 
14
        <div class="uploader-dd-proxy"></div>
 
15
    </div>
 
16
 
 
17
    <ul class="uploader-files"></ul>
 
18
 
 
19
</div>
 
20
 
 
21
<div class="uploader-status">
 
22
    <%= data.noFilesSelectedLabel %>
 
23
</div>
 
24
 
 
25
<div class="uploader-controls">
 
26
    <a class="cta secondary uploader-cancel"><%= data.cancelLabel %></a>
 
27
    <button disabled="disabled" class="cta uploader-start"><%= data.uploadLabel %></button>
27
28
</div>
28
29
 
29
30
</script>
31
32
 
32
33
<script id="t-uploader-filerow" type="x-template">
33
34
 
34
 
<li data-id="<%= data.fileId %>" id="<%= data.fileId %>_row" class="yui3-file"></li>
 
35
<li data-id="<%= data.fileId %>" id="<%= data.fileId %>_row" class="uploader-file"></li>
35
36
 
36
37
</script>
37
38
 
38
39
 
39
40
<script id="t-uploader-file" type="x-template">
40
41
 
41
 
<div class="yui3-filename">
42
 
    <span class="fn"><%= data.fileName %></span>
 
42
<div class="file-name uploader-filename">
 
43
    <span class="fn"><%= data.file.get('name') %></span>
43
44
</div>
44
45
 
45
 
<div class="yui3-filesize"><%= data.fileSize %></div>
 
46
<div class="file-size uploader-filesize"><%= data.host.getFriendlySize(data.file.get('size')) %></div>
46
47
 
47
 
<% if (data.progress) { %>
48
 
    <div class="yui3-filestatus yui3-fileprogress">
49
 
        <span><%=data.progress%> %</span>
50
 
    </div>
51
 
<% } else if (data.fail) { %>
52
 
    <div class="yui3-filestatus yui3-fail">
53
 
        <span><dfn title="<%= data.information %>">Failed</dfn><% if (data.retryAble) { %> - <a class="<%= data.retryClass %>">retry</a><% } %></span>
54
 
    </div>
55
 
<% } else if (data.complete) { %>
56
 
    <div class="yui3-filestatus yui3-complete">
57
 
        <span>Complete</span>
58
 
    </div>
59
 
<% } else { %>
60
 
    <div class="yui3-filestatus"><%= data.status %></div>
 
48
<div class="uploader-filestatus file-status file-<%=data.file.get('status').toLowerCase()%>">
 
49
<% switch (data.file.get('status')) { case Y.U1.Widgets.Uploader.CANCELLED: %>
 
50
        <span><%= data.host.get('strings.cancelled') %></span>
 
51
    <% break; case Y.U1.Widgets.Uploader.COMPLETE: %>
 
52
        <span><%= data.host.get('strings.complete') %></span>
 
53
    <% break; case Y.U1.Widgets.Uploader.UPLOADING: %>
 
54
        <progress max="100" value="<%= data.percent %>"></progress>
 
55
    <% break; case Y.U1.Widgets.Uploader.FAILED: %>
 
56
        <span><%= data.host.get('strings.failed') %></span>
 
57
    <% break; default: %>
 
58
        <%= data.host.get('strings.not_started') %>
61
59
<% } %>
62
 
 
63
 
<% if (!data.complete && !data.fail) { %>
64
 
    <div class="<%= data.fileCancelClass %>">
 
60
</div>
 
61
 
 
62
<%
 
63
// no cancel link for completed, cancelled or failed files
 
64
if(!data.host.testFileState(data.file, [
 
65
    Y.U1.Widgets.Uploader.COMPLETE,
 
66
    Y.U1.Widgets.Uploader.FAILED,
 
67
    Y.U1.Widgets.Uploader.CANCELLED
 
68
])) {
 
69
 
 
70
%>
 
71
    <div class="file-cancel uploader-filecancel">
65
72
        <span>×</span>
66
73
    </div>
 
74
 
 
75
<% }
 
76
 
 
77
if (data.host.testFileState(data.file, Y.U1.Widgets.Uploader.FAILED)) {
 
78
 
 
79
%>
 
80
    <div class="file-retry uploader-fileretry">
 
81
        <span>↻</span>
 
82
    </div>
 
83
 
67
84
<% } %>
68
85
 
 
86
 
 
87
 
69
88
</script>