explorigin/gallery
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Remove unnecessary ThumbnailView.js

Browse Source
This commit is contained in:
Timothy Farrell 2017-09-29 22:44:37 -05:00
parent e998747a2d
commit 62ffed8095
2 changed files with 19 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/gallery/src/interface/image.js
View File

@ -1,5 +1,4 @@
import { defineView, defineElement as el } from 'domvm'; import { defineView, defineElement as el } from 'domvm';
import { ThumbnailView } from './thumbnail.js';
export function ImageView(vm, model) { export function ImageView(vm, model) {
const { addTag } = model; const { addTag } = model;
@ -11,21 +10,30 @@ export function ImageView(vm, model) {
return function(vm, model, key, opts) { return function(vm, model, key, opts) {
const { imageRow, showTags, remove, addTag, removeTag } = model; const { imageRow, showTags, remove, addTag, removeTag } = model;
const { doc } = imageRow; const { doc } = imageRow;
const { _id: id, _rev: rev, tags } = doc;
const { thumbnail } = doc._attachments; const { thumbnail } = doc._attachments;
const _showTags = showTags !== undefined ? showTags : true; const _showTags = showTags !== undefined ? showTags : true;
const filteredTags = _showTags ? Object.entries(doc.tags).filter(([_, visible]) => visible) : [];
if (thumbnail) { if (thumbnail) {
return el('div', [ return el('div', [
defineView(ThumbnailView, { el(`figure#${doc._id}.image`, [
id: doc._id, el('img', {
rev: doc._rev, src: `data:${thumbnail.content_type};base64,${thumbnail.data}`,
name: 'thumbnail', title: `${id} ${name}`,
doc: thumbnail, 'data-id': id,
tags: _showTags ? doc.tags : [], onclick: [remove, id, rev]
remove: remove, }),
removeTag: removeTag filteredTags.length
}), ? el(
addTag ? el('button', { onclick: [onAddTag, doc._id] }, '+') : null 'figcaption',
filteredTags.map(([title, _]) =>
el('span.tag', { onclick: [removeTag, title, id] }, [title])
)
)
: null
]),
addTag ? el('button', { onclick: [onAddTag, id] }, '+') : null
]); ]);
} }

23
packages/gallery/src/interface/thumbnail.js
View File

@ -1,23 +0,0 @@
import { defineElement as el } from 'domvm';
export function ThumbnailView(vm, model) {
return function(vm, model, key, opts) {
const { id, rev, name, doc, tags, remove, removeTag } = model;
const filteredTags = Object.entries(tags).filter(([_, visible]) => visible);
return el(`figure#${id}.image`, [
el('img', {
src: `data:${doc.content_type};base64,${doc.data}`,
title: `${id} ${name}`,
'data-id': id,
onclick: [remove, id, rev]
}),
filteredTags.length
? el(
'figcaption',
filteredTags.map(([title, _]) => el('span.tag', { onclick: [removeTag, title, id] }, [title]))
)
: null
]);
};
}