Show some sort of header if we have some images.

This commit is contained in:
Timothy Farrell 2017-11-13 21:48:07 -06:00
parent 5c433f1231
commit 547002902b

View File

@ -40,12 +40,6 @@ export function GalleryView(vm, model) {
}); });
return function(vm, model, key, opts) { return function(vm, model, key, opts) {
if (!data || !data.ready()) {
return el('h1', 'Loading...');
}
const members = data();
return el('.gallery', [ return el('.gallery', [
header([ header([
el('div', { css: { fontSize: '20pt' } }, 'Gallery'), el('div', { css: { fontSize: '20pt' } }, 'Gallery'),
@ -56,11 +50,14 @@ export function GalleryView(vm, model) {
onchange: uploadImages onchange: uploadImages
}) })
]), ]),
...(!data || !data.ready()
? [el('h1', 'Loading...')]
: [
el('a', { href: router.href('images') }, 'Images'), el('a', { href: router.href('images') }, 'Images'),
el('a', { href: router.href('albums') }, 'Albums'), el('a', { href: router.href('albums') }, 'Albums'),
el('h1', title), el('h1', title),
...(title === 'Images' ...(title === 'Images'
? members.map(i => { ? data().map(i => {
return defineView( return defineView(
ThumbnailView, ThumbnailView,
{ {
@ -73,7 +70,7 @@ export function GalleryView(vm, model) {
i._id i._id
); );
}) })
: members.map(a => { : data().map(a => {
return defineView( return defineView(
AlbumView, AlbumView,
{ {
@ -85,6 +82,7 @@ export function GalleryView(vm, model) {
a._id a._id
); );
})) }))
])
]); ]);
}; };
} }