Skip to content
This repository was archived by the owner on May 13, 2022. It is now read-only.

Commit a5fd546

Browse files
dough10dough10
committed
Merge pull request #27 from dough10/newList
new list mode for album wall / performance enhancements
2 parents 8f3b9f7 + 934f351 commit a5fd546

13 files changed

+1603
-1559
lines changed

‎brackets-bower.log

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,3 +8,4 @@
88
[2015-04-09 19:15:18.569] [TRACE] brackets-bower - BracketsBower domain
99
[2015-04-10 20:02:38.100] [TRACE] brackets-bower - BracketsBower domain
1010
[2015-04-12 16:40:37.590] [TRACE] brackets-bower - BracketsBower domain
11+
[2015-04-17 06:15:57.469] [TRACE] brackets-bower - BracketsBower domain

‎build/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"short_name": "__MSG_appName__",
55
"description": "__MSG_appDesc__",
66
"default_locale": "en",
7-
"version": "0.1.9",
7+
"version": "0.2.0",
88
"minimum_chrome_version": "38",
99

1010
"icons": {

‎build/vulcanized.html

Lines changed: 24 additions & 9 deletions
Large diffs are not rendered by default.

‎build/vulcanized.js

Lines changed: 11 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/elements/subsonic/album-art.html

Lines changed: 81 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<style shim-shadowdom>
1414
:host {
1515
display:inline-block;
16-
margin:4px;
16+
margin-top:2px;
1717
}
1818
#card {
1919
border-radius:2px;
@@ -24,7 +24,6 @@
2424
background-position: center;
2525
background-origin: content-box;
2626
background-size:{{width}};
27-
font-family: 'Helvetica Neue', Helvetica, Arial;
2827
}
2928
core-animated-pages {
3029
height:100%;
@@ -59,10 +58,9 @@
5958
}
6059
#overlay-high-small {
6160
position:absolute;
62-
top:10%;
61+
top:0%;
6362
height:{{height}};
6463
width:{{width}};
65-
padding:0.5em;
6664
background:rgba(255,255,255, 1);
6765
border:1px solid #d8d8d8;
6866
text-align:left;
@@ -203,6 +201,32 @@
203201
.spinner::shadow .circle {
204202
border-color: #000;
205203
}
204+
.spinnerW::shadow .circle {
205+
border-color: #FFF;
206+
}
207+
#smallCover {
208+
margin-left:16px;
209+
margin-right:8px;
210+
height:43px;
211+
width:43px;
212+
border-radius:50%;
213+
background-image:url("../../../images/default-cover-art.png");
214+
background-repeat: no-repeat;
215+
background-position: center;
216+
background-origin: content-box;
217+
background-size:43px;
218+
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
219+
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
220+
display: -ms-flexbox; /* TWEENER - IE 10 */
221+
display: -webkit-flex; /* NEW - Chrome */
222+
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
223+
-webkit-justify-content: center;
224+
-webkit-align-items: center;
225+
justify-content: center;
226+
align-items: center;
227+
margin-top:16px;
228+
border: 1px solid #444;
229+
}
206230
</style>
207231
<div id="card">
208232
<core-animated-pages selected="{{page}}" valueattr="page" transitions="cross-fade hero-transition">
@@ -253,27 +277,61 @@
253277
</div>
254278
</div>
255279
</paper-shadow>
256-
<paper-shadow page="small">
280+
<div page="small">
257281
<div class="wrapper">
258282
<div id="overlay-high-small" hero-id="hero" hero="">
259-
<core-item>
260-
<div flex style="overflow:hidden">
261-
{{artist}} - {{album}}
283+
<div horizontal layout>
284+
<div id="smallCover">
285+
<template if="{{isLoading}}">
286+
<paper-spinner class="spinnerW" active></paper-spinner>
287+
</template>
262288
</div>
263-
<paper-icon-button on-tap="{{doPlayback}}" icon="av:play-arrow"></paper-icon-button>
264-
<paper-icon-button on-tap="{{doAdd2Playlist}}" icon="av:playlist-add" title="{{add2PlayQueue}}"></paper-icon-button>
265-
<template if="{{!isFavorite}}">
266-
<paper-icon-button on-tap="{{addFavorite}}" ident="{{item}}" icon="favorite-outline" title="{{favoriteAlbum}}"></paper-icon-button>
267-
</template>
268-
<template if="{{isFavorite}}">
269-
<paper-icon-button on-tap="{{removeFavorite}}" ident="{{item}}" icon="favorite" title="{{favoriteAlbum}}"></paper-icon-button>
270-
</template>
271-
<paper-icon-button on-tap="{{doDownload}}" ident="{{albumID}}" icon="file-download" title="{{downloadButton}}" ></paper-icon-button>
272-
<paper-icon-button class="bumpMargin" on-tap="{{doDetails}}" icon="reorder"></paper-icon-button>
273-
</core-item>
289+
<div flex vertical layout>
290+
<core-item style="margin-top:16px;">
291+
<div flex>
292+
<div style="overflow:hidden;font-size: 12px;top: 2px;position: absolute;max-width: 350px;">
293+
{{artist}}
294+
</div>
295+
<br>
296+
<div style="overflow:hidden;font-size: 16px;position: absolute;top: 22px;left: 0px;max-width: 350px;">
297+
{{album}}
298+
</div>
299+
</div>
300+
<paper-icon-button on-tap="{{doPlayback}}" icon="av:play-arrow"></paper-icon-button>
301+
<paper-menu-button>
302+
<paper-icon-button icon="more-vert" class="bumpMargin"></paper-icon-button>
303+
<paper-dropdown class="dropdown" halign="right" layered>
304+
<core-menu class="menu">
305+
<core-item>
306+
<paper-icon-button on-tap="{{doAdd2Playlist}}" icon="av:playlist-add" title="{{add2PlayQueue}}"></paper-icon-button>
307+
{{add2PlayQueue}}
308+
</core-item>
309+
<core-item>
310+
<template if="{{!isFavorite}}">
311+
<paper-icon-button on-tap="{{addFavorite}}" ident="{{item}}" icon="favorite-outline" title="{{favoriteAlbum}}"></paper-icon-button>
312+
</template>
313+
<template if="{{isFavorite}}">
314+
<paper-icon-button on-tap="{{removeFavorite}}" ident="{{item}}" icon="favorite" title="{{favoriteAlbum}}"></paper-icon-button>
315+
</template>
316+
{{favoriteAlbum}}
317+
</core-item>
318+
<core-item>
319+
<paper-icon-button on-tap="{{doDownload}}" ident="{{albumID}}" icon="file-download" title="{{downloadButton}}"></paper-icon-button>
320+
{{downloadButton}}
321+
</core-item>
322+
<core-item>
323+
<paper-icon-button on-tap="{{doDetails}}" icon="reorder"></paper-icon-button>
324+
{{albumTracklist}}
325+
</core-item>
326+
</core-menu>
327+
</paper-dropdown>
328+
</paper-menu-button>
329+
</core-item>
330+
</div>
331+
</div>
274332
</div>
275333
</div>
276-
</paper-shadow>
334+
</div>
277335
<div page="search">
278336
<div class="wrapper search">
279337
<div id="overlay-full" hero-id="hero" hero="">
@@ -324,7 +382,7 @@
324382
left:0;
325383
right:0;
326384
bottom:0;
327-
padding:16px;
385+
padding-left:16px;
328386
padding-right:8px;
329387
}
330388
paper-dialog::shadow #scroller {
@@ -352,6 +410,8 @@
352410
<template repeat="{{track in playlist}}">
353411
<core-item>
354412
<div flex style="margin-right:8px; overflow: hidden;">
413+
<template if="{{track.disk}}">D.{{track.disk}}.</template>
414+
<template if="{{track.track}}">T.{{track.track}}: </template>
355415
{{track.title}}
356416
</div>
357417
<paper-icon-button icon="av:play-arrow" on-tap="{{playTrack}}" title="{{track.title}}" artist="{{track.artist}}" ident="{{track.id}}" cover="{{track.cover}}" duration="{{track.duration}}"></paper-icon-button>

0 commit comments

Comments
 (0)