-
Notifications
You must be signed in to change notification settings - Fork 0
/
sweetchai.html
71 lines (62 loc) · 1.75 KB
/
sweetchai.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<head>
<title>sweetchai</title>
</head>
<body>
</body>
<template name='home'>
<div class="container-fluid">
{{> player }}
<div class='row'>
{{> queue }}
{{> library }}
</div>
</div>
</template>
<template name="album">
<div class='album row'>
<div class='col-md-3'>
<a class='play'>{{album}}</a>
<span class='label label-default'>{{count}}</span>
<br>{{#each artists}} {{> artist }} {{/each}}
</div>
<div class='songs col-md-offset-3'>{{#each songs}} {{> song}}<br> {{/each}}</div>
</div>
</template>
<template name="artist">
<span class='artist'>{{ artist }}</span>
</template>
<template name="song">
<a id='{{_id}}' class='song {{#if playing}}playing{{/if}}'>{{track}}. {{ title }} </a>
</template>
<template name='player'>
<div style='display:none'>
{{ current }}
</div>
<div id='player'>
<a class='glyphicon glyphicon-backward prev'></a>
<a class='glyphicon glyphicon-step-forward toggle'></a>
<a class='glyphicon glyphicon-forward next'></a>
<a class='current'>{{ current.artist }} - {{ current.title }} {{ timer }} / {{ duration }}</a>
</div>
</template>
<template name="library">
<div id='library'>
<a class='update'>update</a> <a class='random'>random</a> <span class='label label-default'>{{ count }}</span>
{{#each albums}}
{{> album}}
{{/each}}
</div>
</template>
<template name="queue">
<div id='queue'>
<a class='glyphicon glyphicon-minus-sign clear'></a>
<a class='shuffle'>shuffle</a> <span class='label label-default'>{{ count }}</span>
{{#each qsongs }} {{> qsong}} {{/each}}
</div>
</template>
<template name="qsong">
<div class='qsong {{#if playing}}playing{{/if}}'>
<a class='glyphicon glyphicon-minus-sign remove'></a>
<span class='title'>{{ song.artist }} - {{ song.title }}</span>
</div>
</template>