theme: WIP

glwthemes/default/pages/album.view

@@ -25,7 +25,12 @@ widget(keyintercept, {
 
  widget(container_y, {
  filterConstraintX: true;
- PageTitle($page.model.metadata.title);
+ padding: 8;
+ widget(label, {
+ caption: $page.model.metadata.title;
+ sizeScale: 2;
+ TextStyleItem();
+ });
  widget(label, {
  caption: $page.model.metadata.artist_name;
  TextStyleItem();

glwthemes/default/pages/array.view

@@ -0,0 +1,54 @@
+#import "theme:https://common.view"
+
+widget(container_y, {
+
+ alpha: 1 - iir(clamp(getLayer(), 0, 1), 7) * 0.5;
+ blur: iir(clamp(getLayer(), 0, 1), 7);
+
+ PageTitle($page.model.metadata.title);
+
+// VerticalSeparator();
+ widget(dummy, {
+ height: $ui.size;
+ });
+
+ widget(container_x, {
+ padding: [$ui.size + 8, 0, $ui.size, 0];
+ spacing: 4;
+ widget(array, {
+ id: "array";
+
+ scrollThreshold: 100;
+
+ alphaFallOff: 0.1;
+ blurFallOff: 0.1;
+
+ Yspacing: $ui.size / 2;
+ Xspacing: $ui.size / 2;
+
+ childTilesX: 6;
+
+ cloner($page.model.nodes, loader, {
+ time: 0.1;
+ effect: blend;
+ source: "squareitems/" + 
+ translate($self.type, "default",
+ "album", "album")
+ + ".view";
+ });
+ });
+
+ widget(slider_y, {
+ bind("array");
+ width: 4;
+ focusable: canScroll();
+ navFocusable: true;
+ alpha: iir(canScroll(), 16);
+
+ widget(quad, {
+ alpha: iir(0.3 + 0.3 * (isFocused() || isPressed()), 4) + isHovered();
+ });
+ });
+
+ });
+});

glwthemes/default/pages/biglist.view

@@ -0,0 +1,51 @@
+#import "theme:https://common.view"
+
+
+widget(container_y, {
+ alpha: 1 - iir(clamp(getLayer(), 0, 1), 7) * 0.5;
+ blur: iir(clamp(getLayer(), 0, 1), 7);
+
+ PageTitle($page.model.metadata.title);
+ VerticalSeparator();
+
+ widget(container_x, {
+
+ filterConstraintY: true;
+ padding: [5, 5, 5, $ui.playdeckheight];
+ spacing: 10;
+
+ // ------ The list --------------------------------------
+
+ widget(container_x, {
+ filterConstraintX: true;
+ spacing: 5;
+ widget(list_y, {
+ id: "list";
+ &clone.focused = focusedChild();
+ spacing: 5;
+
+ cloner($page.model.nodes, loader, {
+ time: 0.1;
+ effect: blend;
+ source: "biglistitems/" + 
+ translate($self.type, "default",
+ "video", "video"
+ )
+ + ".view";
+ });
+ });
+
+ widget(slider_y, {
+ bind("list");
+ width: 4;
+ focusable: canScroll();
+ navFocusable: true;
+ alpha: iir(canScroll(), 16);
+
+ widget(quad, {
+ alpha: iir(0.3 + 0.3 * (isFocused() || isPressed()), 4) + isHovered();
+ });
+ });
+ });
+ });
+});

glwthemes/default/pages/biglistitems/default.view

@@ -0,0 +1,57 @@
+widget(container_x, {
+ focusable: true;
+ height: $ui.size * 6;
+ spacing: 3;
+
+ widget(container_z, {
+ weight: 0.3;
+ widget(quad, {
+ color: 0;
+ alpha: 0;
+ });
+
+/*
+ widget(image, {
+ color: select(isFocused(), 1.0, 0.6);
+ source: 
+ "dataroot:https://resources/svg/" + 
+ translate($self.type, "File",
+ "archive", "Archive",
+ "artist", "User",
+ "directory", "Folder",
+ "dvd", "Disc",
+ "playlist", "List",
+ "video", "Movie",
+ "album", "Disc",
+ "load", "Load",
+ "font", "Font",
+ "image", "Pictures"
+ ) + ".svg";
+ .shadow = true;
+ });
+*/
+
+ widget(image, {
+ source: $self.metadata.icon;
+ align: right;
+ });
+
+ });
+
+
+
+ widget(container_z, {
+ filterConstraintX: true;
+ widget(quad, {
+ color: 0;
+ alpha: 0.5;
+ });
+
+ widget(container_y, {
+ widget(label, {
+ caption: $self.metadata.title;
+ sizeScale: 2;
+ });
+ });
+ });
+});

glwthemes/default/pages/biglistitems/video.view

@@ -0,0 +1,43 @@
+#import "theme:https://common.view"
+
+widget(container_x, {
+ focusable: true;
+ height: $ui.size * 6;
+ spacing: 3;
+
+
+ widget(container_x, {
+ filterConstraintX: true;
+ weight: 0.33;
+ space(1);
+ widget(frontdrop, {
+ source: "theme:https://graphics/boxart-overlay.png";
+ border: 8;
+ margin: -8;
+ widget(image, {
+ height: $ui.size * 6;
+ source: $self.metadata.icon;
+ });
+ });
+ });
+
+ widget(container_z, {
+ filterConstraintX: true;
+ widget(quad, {
+ color: 0;
+ alpha: 0.5;
+ });
+
+ widget(container_y, {
+ padding: [$ui.size, $ui.size / 2];
+ widget(label, {
+ caption: $self.metadata.title + '<font color="#888" size="1">' +
+ fmt(" (%d)", $self.metadata.year);
+ sizeScale: 1.5;
+ TextStyleItem();
+ });
+ });
+ });
+
+ space(0.33);
+});

glwthemes/default/pages/directory.view

@@ -22,7 +22,10 @@ multiopt($view.path,
  ),
  select($page.model.contents == "images", 
  link(_("Slideshow"), "slideshow.view"), void),
- link(_("List"), "list.view"));
+ link(_("List"), "list.view"),
+ link(_("Big list"), "biglist.view"),
+ link(_("Movies"), "movies.view"),
+ link(_("Array"), "array.view"));
 
 widget(layer, {
 

glwthemes/default/pages/home_tiles.view

@@ -5,7 +5,7 @@ $view.sizer = $ui.size / 2;
 #define HOMEITEM(CAPTION, ICON, ACTION, BADGE, WEIGHT=1) {
  widget(container_y, {
  align: center;
- spacing: $ui.size / 3;
+ spacing: $ui.size / 2;
  focusable: WEIGHT;
  onEvent(activate, ACTION);
 
@@ -195,11 +195,10 @@ widget(array, {
  alphaFallOff: 0.1;
  blurFallOff: 0.1;
 
- Yspacing: $ui.size;
- Xspacing: $ui.size;
+ Yspacing: $ui.size / 2;
+ Xspacing: $ui.size / 2;
 
- childWidth: $ui.size * 8;
- childHeight: $ui.size * 8;
+ childTilesX: 7;
 
  cloner($global.services.stable, container_z, {
  HOMEITEM($self.title,

glwthemes/default/pages/movies.view

@@ -0,0 +1,70 @@
+#import "theme:https://common.view"
+
+
+widget(container_y, {
+ padding: $ui.size * 4;
+
+ widget(fader, {
+ weight: 1;
+ plane: [0,1,0,1];
+ alphaFallOff: 1;
+ blurFallOff: 0.2;
+ widget(mirror, {
+ alpha: 0.2;
+
+
+ widget(coverflow, {
+// alphaFallOff: 0.2;
+ height: $ui.size * 16;
+ spacing: 10;
+ debug: true;
+
+ cloner($page.model.nodes, displacement, {
+ widget(frontdrop, {
+ source: "theme:https://graphics/boxart-overlay.png";
+ border: 8;
+ margin: -8;
+ focusable: true;
+ onEvent(activate, navOpen($self.url));
+ color: iir(isFocused(), 4);
+
+ widget(container_z, {
+
+ widget(image, {
+ height: $ui.size * 16;
+ source: $self.metadata.icon;
+ color: iir(isFocused(), 4) + 0.4;
+ debug: true;
+ });
+ widget(container_y, {
+ filterConstraintX: true;
+ space(6);
+
+ widget(container_z, {
+ widget(quad, {
+ color: 0;
+ alpha: 0.75;
+ });
+
+ widget(container_y, {
+ align: center;
+ padding: [$ui.size/2, 0];
+ widget(label, {
+ color: iir(isFocused(), 4) + 0.3;
+ caption: $self.metadata.title;
+ align: center;
+ shadow: true;
+ outline: true;
+ font: "theme:https://fonts/OpenSans-CondBold.ttf";
+ });
+ });
+ });
+ });
+ });
+ });
+ });
+ });
+ });
+ });
+ space(0.5);
+});

glwthemes/default/pages/squareitems/album.view

@@ -0,0 +1,47 @@
+
+widget(frontdrop, {
+ source: "theme:https://graphics/boxart-overlay.png";
+ border: 8;
+ focusable: true;
+ onEvent(activate, navOpen($self.url));
+ color: iir(isFocused(), 4);
+
+ widget(container_z, {
+
+ widget(image, {
+ source: $self.metadata.album_art;
+ color: iir(isFocused(), 4) + 0.4;
+ });
+ widget(container_y, {
+ filterConstraintX: true;
+ space(2);
+
+ widget(container_z, {
+ widget(quad, {
+ color: 0;
+ alpha: 0.75;
+ });
+
+ widget(container_y, {
+ align: center;
+ padding: [$ui.size/2, 0];
+ widget(label, {
+ color: iir(isFocused(), 4) + 0.3;
+ caption: $self.metadata.title;
+ shadow: true;
+ outline: true;
+ font: "theme:https://fonts/OpenSans-CondBold.ttf";
+ });
+ widget(label, {
+ color: iir(isFocused(), 4) + 0.3;
+ caption: $self.metadata.artist;
+ shadow: true;
+ outline: true;
+ font: "theme:https://fonts/OpenSans-CondBold.ttf";
+ });
+ });
+ });
+ });
+ });
+});
+