explorigin/portfolio
1
0
Fork 0
Code Releases Activity

Fix deleting all images can leave the appbar shadow around

Browse Source
This commit is contained in:
Timothy Farrell 2018-01-18 13:35:10 -06:00
parent bde9896fb2
commit 0e25f943fe
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
packages/gallery/src/interface/allImages.js
View File

@ -39,14 +39,31 @@ export function AllImagesView(vm, params) {
const selectedIds = container(new Set(), hashSet); const selectedIds = container(new Set(), hashSet);
const selectMode = computed(sIds => sIds.size > 0, [selectedIds]); const selectMode = computed(sIds => sIds.size > 0, [selectedIds]);
const sections = computed(
imageArr => {
const sectionMap = imageArr.reduce((acc, i) => {
const date = i.originalDate.substr(0, 10);
return Object.assign(acc, { [date]: (acc[date] || []).concat(i) });
}, {});
return Object.entries(sectionMap)
.sort((a, b) => a[0].localeCompare(b[0]))
.map(([date, _images]) => ({
title: format(date, 'MMMM D, YYYY'),
sectionId: date,
images: _images
}));
},
[images]
);
const appBarTitle = computed(s => (s.size > 0 ? `${s.size} selected` : 'Photos'), [selectedIds]); const appBarTitle = computed(s => (s.size > 0 ? `${s.size} selected` : 'Photos'), [selectedIds]);
const appBarStyle = computed( const appBarStyle = computed(
t => ({ (t, s) => ({
width: 'inherit', width: 'inherit',
marginRight: '40px', marginRight: '40px',
boxShadow: t === 0 ? 'none' : `0px 3px 3px rgba(0, 0, 0, .2)` boxShadow: t === 0 || s.length === 0 ? 'none' : `0px 3px 3px rgba(0, 0, 0, .2)`
}), }),
[containerScrollTop] [containerScrollTop, sections]
); );
const appBarUp = computed(s => (s ? { name: 'x', action: deSelect } : undefined), [selectMode]); const appBarUp = computed(s => (s ? { name: 'x', action: deSelect } : undefined), [selectMode]);
const appBarActions = computed( const appBarActions = computed(
@ -95,23 +112,6 @@ export function AllImagesView(vm, params) {
[selectMode] [selectMode]
); );
const sections = computed(
imageArr => {
const sectionMap = imageArr.reduce((acc, i) => {
const date = i.originalDate.substr(0, 10);
return Object.assign(acc, { [date]: (acc[date] || []).concat(i) });
}, {});
return Object.entries(sectionMap)
.sort((a, b) => a[0].localeCompare(b[0]))
.map(([date, _images]) => ({
title: format(date, 'MMMM D, YYYY'),
sectionId: date,
images: _images
}));
},
[images]
);
function deSelect() { function deSelect() {
selectedIds.clear(); selectedIds.clear();
} }