diff --git a/.nvmrc b/.nvmrc index 70324da0..cc5875fa 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v10.15.1 +v10.15.3 diff --git a/client/components/common/nav-header.vue b/client/components/common/nav-header.vue index a036dc8c..39e62074 100644 --- a/client/components/common/nav-header.vue +++ b/client/components/common/nav-header.vue @@ -304,11 +304,7 @@ export default { this.deletePageModal = true }, assets () { - this.$store.commit('showNotification', { - style: 'indigo', - message: `Coming soon...`, - icon: 'directions_boat' - }) + window.location.assign(`/f`) }, logout () { Cookies.remove('jwt') diff --git a/client/components/editor/editor-modal-media.vue b/client/components/editor/editor-modal-media.vue index 7ed83f73..d314ce1a 100644 --- a/client/components/editor/editor-modal-media.vue +++ b/client/components/editor/editor-modal-media.vue @@ -11,46 +11,82 @@ v-btn.ml-3.my-0.radius-7(outline, large, color='teal', disabled) v-icon(left) keyboard_arrow_up span Parent Folder - v-btn.my-0.radius-7(outline, large, color='teal') + v-btn.my-0.mr-0.radius-7(outline, large, color='teal') v-icon(left) add span New Folder v-list.mt-3(dense, two-line) - template(v-for='(item, idx) of [1,2,3,4,5,6,7,8,9,10]') + template(v-for='(asset, idx) of assets') v-list-tile(@click='') v-list-tile-avatar v-avatar.radius-7(color='teal') v-icon(dark) image v-list-tile-content - v-list-tile-title Image {{item}} - v-list-tile-sub-title 1024x768, 10 KBs + v-list-tile-title {{asset.filename}} + v-list-tile-sub-title 1024x768 v-list-tile-action - .caption.pr-3 2019-04-07 + .caption {{asset.updatedAt | moment('from')}} + v-divider.mx-3(vertical) + v-list-tile-action(style='flex-basis: 80px;') + .caption {{asset.fileSize | prettyBytes}} + v-divider.mx-3(vertical) + v-list-tile-action(style='flex-basis: 60px;') + v-chip.teal--text(label, small, color='teal lighten-5') {{asset.ext.toUpperCase().substring(1)}} v-list-tile-action - v-chip.teal--text(label, small, color='teal lighten-5') JPG - v-divider(v-if='idx < 10 - 1') + v-menu(offset-x) + v-btn(icon, slot='activator') + v-icon(color='grey darken-2') more_horiz + v-list.py-0 + v-list-tile + v-list-tile-avatar + v-icon(color='teal') short_text + v-list-tile-content Properties + v-divider + v-list-tile + v-list-tile-avatar + v-icon(color='indigo') crop_rotate + v-list-tile-content Edit + v-divider + v-list-tile + v-list-tile-avatar + v-icon(color='blue') keyboard + v-list-tile-content Rename / Move + v-divider + v-list-tile + v-list-tile-avatar + v-icon(color='red') delete + v-list-tile-content Delete + v-divider(v-if='idx < assets.length - 1') .d-flex.mt-3 v-toolbar.radius-7(flat, color='grey lighten-4', dense, height='44') - .body-2 / universe + .body-2 / #[em root] v-spacer .body-1.grey--text.text--darken-1 10 files - v-btn.ml-3.my-0.radius-7(color='teal', large, @click='insert', disabled) + v-btn.ml-3.mr-0.my-0.radius-7(color='teal', large, @click='insert', disabled) v-icon(left) save_alt span Insert v-flex(xs3) v-card.radius-7.animated.fadeInRight.wait-p3s(light) v-card-text - v-toolbar.radius-7(color='teal lighten-5', dense, flat) - v-icon.mr-3(color='teal') cloud_upload - .body-2.teal--text Upload Images + .d-flex + v-toolbar.radius-7(color='teal lighten-5', dense, flat, height='44') + v-icon.mr-3(color='teal') cloud_upload + .body-2.teal--text Upload Images + v-btn.my-0.ml-3.mr-0.radius-7(outline, large, color='teal', @click='browse') + v-icon(left) touch_app + span Browse file-pond.mt-3( name='mediaUpload' ref='pond' label-idle='Browse or Drop files here...' allow-multiple='true' - accepted-file-types='image/jpeg, image/png, image/gif, image/svg' + :accepted-file-types='[`image/jpeg`, `image/png`, `image/gif`, `image/svg`]' :files='files' max-files='10' + server='/u' + :instant-upload='false' + :allow-revert='false' + @processfile='onFileProcessed' ) v-divider v-card-actions.pa-3 @@ -92,14 +128,14 @@