Skip to content

Commit adcb590

Browse files
pannalruuk
authored andcommitted
Playlists visuals (#246)
* adapt audio playlist display for large track numbers; closely follow the zoom perspective in the playlist view and position the elements the same (relatively) as in the current playlist view; temporarily remove the options button * move duration slightly to the right; fix visuals for current video playlist as well * fix visuals for album view
1 parent b0eebfe commit adcb590

File tree

4 files changed

+67
-49
lines changed

4 files changed

+67
-49
lines changed

resources/skins/Main/1080i/script-plex-album.xml

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -157,19 +157,19 @@
157157
<posy>24</posy>
158158
<control type="label">
159159
<visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
160-
<posx>0</posx>
160+
<posx>-10</posx>
161161
<posy>0</posy>
162-
<width>50</width>
162+
<width>60</width>
163163
<height>76</height>
164164
<font>font10</font>
165-
<align>left</align>
165+
<align>center</align>
166166
<aligny>center</aligny>
167167
<textcolor>D8FFFFFF</textcolor>
168168
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
169169
</control>
170170
<control type="image">
171171
<visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
172-
<posx>0</posx>
172+
<posx>2</posx>
173173
<posy>21</posy>
174174
<width>35</width>
175175
<height>35</height>
@@ -238,19 +238,19 @@
238238
<posy>24</posy>
239239
<control type="label">
240240
<visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
241-
<posx>0</posx>
241+
<posx>-10</posx>
242242
<posy>0</posy>
243-
<width>50</width>
243+
<width>60</width>
244244
<height>76</height>
245245
<font>font10</font>
246-
<align>left</align>
246+
<align>center</align>
247247
<aligny>center</aligny>
248248
<textcolor>D8FFFFFF</textcolor>
249249
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
250250
</control>
251251
<control type="image">
252252
<visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
253-
<posx>0</posx>
253+
<posx>2</posx>
254254
<posy>21</posy>
255255
<width>35</width>
256256
<height>35</height>
@@ -327,7 +327,7 @@
327327
</control>
328328
<control type="image">
329329
<visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
330-
<posx>48</posx>
330+
<posx>36</posx>
331331
<posy>21</posy>
332332
<width>35</width>
333333
<height>35</height>

resources/skins/Main/1080i/script-plex-music_current_playlist.xml

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -149,19 +149,19 @@
149149
<posy>24</posy>
150150
<control type="label">
151151
<visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
152-
<posx>0</posx>
152+
<posx>-10</posx>
153153
<posy>0</posy>
154-
<width>50</width>
154+
<width>60</width>
155155
<height>100</height>
156156
<font>font10</font>
157-
<align>left</align>
157+
<align>center</align>
158158
<aligny>center</aligny>
159159
<textcolor>D8FFFFFF</textcolor>
160160
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
161161
</control>
162162
<control type="image">
163163
<visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
164-
<posx>0</posx>
164+
<posx>2</posx>
165165
<posy>32.5</posy>
166166
<width>35</width>
167167
<height>35</height>
@@ -234,12 +234,12 @@
234234
<posy>24</posy>
235235
<control type="label">
236236
<visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
237-
<posx>0</posx>
237+
<posx>-10</posx>
238238
<posy>0</posy>
239-
<width>50</width>
239+
<width>60</width>
240240
<height>100</height>
241241
<font>font10</font>
242-
<align>left</align>
242+
<align>center</align>
243243
<aligny>center</aligny>
244244
<textcolor>D8FFFFFF</textcolor>
245245
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
@@ -288,7 +288,7 @@
288288
</control>
289289
</control>
290290
<control type="label">
291-
<posx>661</posx>
291+
<posx>669</posx>
292292
<posy>0</posy>
293293
<width>200</width>
294294
<height>100</height>
@@ -330,19 +330,19 @@
330330
</control>
331331
<control type="label">
332332
<visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
333-
<posx>48</posx>
333+
<posx>24</posx>
334334
<posy>0</posy>
335-
<width>50</width>
335+
<width>60</width>
336336
<height>100</height>
337337
<font>font12</font>
338-
<align>left</align>
338+
<align>center</align>
339339
<aligny>center</aligny>
340340
<textcolor>B8000000</textcolor>
341341
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
342342
</control>
343343
<control type="image">
344344
<visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
345-
<posx>48</posx>
345+
<posx>36</posx>
346346
<posy>32.5</posy>
347347
<width>35</width>
348348
<height>35</height>
@@ -384,7 +384,7 @@
384384
</control>
385385
</control>
386386
<control type="label">
387-
<posx>727</posx>
387+
<posx>735</posx>
388388
<posy>0</posy>
389389
<width>200</width>
390390
<height>100</height>

resources/skins/Main/1080i/script-plex-playlist.xml

Lines changed: 22 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -156,19 +156,19 @@
156156
<posy>24</posy>
157157
<control type="label">
158158
<visible>String.IsEmpty(ListItem.Property(track.ID)) | !StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
159-
<posx>0</posx>
159+
<posx>-10</posx>
160160
<posy>0</posy>
161-
<width>50</width>
161+
<width>60</width>
162162
<height>100</height>
163163
<font>font10</font>
164-
<align>left</align>
164+
<align>center</align>
165165
<aligny>center</aligny>
166166
<textcolor>D8FFFFFF</textcolor>
167167
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
168168
</control>
169169
<control type="image">
170170
<visible>!String.IsEmpty(ListItem.Property(track.ID)) + StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
171-
<posx>0</posx>
171+
<posx>2</posx>
172172
<posy>32.5</posy>
173173
<width>35</width>
174174
<height>35</height>
@@ -289,12 +289,12 @@
289289
<posy>24</posy>
290290
<control type="label">
291291
<visible>String.IsEmpty(ListItem.Property(track.ID)) | !StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
292-
<posx>0</posx>
292+
<posx>-10</posx>
293293
<posy>0</posy>
294-
<width>50</width>
294+
<width>60</width>
295295
<height>100</height>
296296
<font>font10</font>
297-
<align>left</align>
297+
<align>center</align>
298298
<aligny>center</aligny>
299299
<textcolor>D8FFFFFF</textcolor>
300300
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
@@ -424,6 +424,15 @@
424424
<texture border="40">script.plex/square-rounded-shadow.png</texture>
425425
</control>
426426
<control type="image">
427+
<posx>0</posx>
428+
<posy>0</posy>
429+
<width>1044</width>
430+
<height>100</height>
431+
<texture border="12">script.plex/white-square-rounded.png</texture>
432+
<colordiffuse>FFE5A00D</colordiffuse>
433+
</control>
434+
<!-- comment the previous and uncomment the following for re-enabling options button -->
435+
<!--<control type="image">
427436
<posx>0</posx>
428437
<posy>0</posy>
429438
<width>999</width>
@@ -438,22 +447,22 @@
438447
<height>100</height>
439448
<texture>script.plex/buttons/more-vertical.png</texture>
440449
<colordiffuse>99FFFFFF</colordiffuse>
441-
</control>
450+
</control>-->
442451
<control type="label">
443452
<visible>String.IsEmpty(ListItem.Property(track.ID)) | !StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
444-
<posx>48</posx>
453+
<posx>24</posx>
445454
<posy>0</posy>
446-
<width>50</width>
455+
<width>60</width>
447456
<height>100</height>
448457
<font>font12</font>
449-
<align>left</align>
458+
<align>center</align>
450459
<aligny>center</aligny>
451460
<textcolor>B8000000</textcolor>
452461
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
453462
</control>
454463
<control type="image">
455464
<visible>!String.IsEmpty(ListItem.Property(track.ID)) + StringCompare(ListItem.Property(track.ID),Window(10000).Property(script.plex.track.ID))</visible>
456-
<posx>48</posx>
465+
<posx>36</posx>
457466
<posy>32.5</posy>
458467
<width>35</width>
459468
<height>35</height>
@@ -544,7 +553,7 @@
544553
</control>
545554
</control>
546555
<control type="label">
547-
<posx>776</posx>
556+
<posx>802</posx>
548557
<posy>0</posy>
549558
<width>200</width>
550559
<height>100</height>

resources/skins/Main/1080i/script-plex-video_current_playlist.xml

Lines changed: 23 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -43,19 +43,19 @@
4343
<posy>24</posy>
4444
<control type="label">
4545
<visible>String.IsEmpty(ListItem.Property(playing))</visible>
46-
<posx>0</posx>
46+
<posx>-10</posx>
4747
<posy>0</posy>
48-
<width>50</width>
48+
<width>60</width>
4949
<height>100</height>
5050
<font>font10</font>
51-
<align>left</align>
51+
<align>center</align>
5252
<aligny>center</aligny>
5353
<textcolor>D8FFFFFF</textcolor>
5454
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
5555
</control>
5656
<control type="image">
5757
<visible>!String.IsEmpty(ListItem.Property(playing))</visible>
58-
<posx>0</posx>
58+
<posx>2</posx>
5959
<posy>32.5</posy>
6060
<width>35</width>
6161
<height>35</height>
@@ -176,12 +176,12 @@
176176
<posy>24</posy>
177177
<control type="label">
178178
<visible>String.IsEmpty(ListItem.Property(playing))</visible>
179-
<posx>0</posx>
179+
<posx>-10</posx>
180180
<posy>0</posy>
181-
<width>50</width>
181+
<width>60</width>
182182
<height>100</height>
183183
<font>font10</font>
184-
<align>left</align>
184+
<align>center</align>
185185
<aligny>center</aligny>
186186
<textcolor>D8FFFFFF</textcolor>
187187
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
@@ -278,7 +278,7 @@
278278
</control>
279279
</control>
280280
<control type="label">
281-
<posx>730</posx>
281+
<posx>756</posx>
282282
<posy>0</posy>
283283
<width>200</width>
284284
<height>100</height>
@@ -311,6 +311,15 @@
311311
<texture border="40">script.plex/square-rounded-shadow.png</texture>
312312
</control>
313313
<control type="image">
314+
<posx>0</posx>
315+
<posy>0</posy>
316+
<width>1044</width>
317+
<height>100</height>
318+
<texture border="12">script.plex/white-square-rounded.png</texture>
319+
<colordiffuse>FFE5A00D</colordiffuse>
320+
</control>
321+
<!-- comment the previous and uncomment the following for re-enabling options button -->
322+
<!--<control type="image">
314323
<posx>0</posx>
315324
<posy>0</posy>
316325
<width>999</width>
@@ -325,22 +334,22 @@
325334
<height>100</height>
326335
<texture>script.plex/buttons/more-vertical.png</texture>
327336
<colordiffuse>99FFFFFF</colordiffuse>
328-
</control>
337+
</control>-->
329338
<control type="label">
330339
<visible>String.IsEmpty(ListItem.Property(playing))</visible>
331-
<posx>48</posx>
340+
<posx>24</posx>
332341
<posy>0</posy>
333-
<width>50</width>
342+
<width>60</width>
334343
<height>100</height>
335344
<font>font12</font>
336-
<align>left</align>
345+
<align>center</align>
337346
<aligny>center</aligny>
338347
<textcolor>B8000000</textcolor>
339348
<label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
340349
</control>
341350
<control type="image">
342351
<visible>!String.IsEmpty(ListItem.Property(playing))</visible>
343-
<posx>48</posx>
352+
<posx>36</posx>
344353
<posy>32.5</posy>
345354
<width>35</width>
346355
<height>35</height>
@@ -431,7 +440,7 @@
431440
</control>
432441
</control>
433442
<control type="label">
434-
<posx>776</posx>
443+
<posx>802</posx>
435444
<posy>0</posy>
436445
<width>200</width>
437446
<height>100</height>

0 commit comments

Comments
 (0)