forked from projects/fipamo
added notification for adding images in post editor, added animation to working icon
This commit is contained in:
parent
fdde954822
commit
ca481d2b91
3 changed files with 22 additions and 3 deletions
|
@ -21,6 +21,7 @@ html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en")
|
||||||
svg(viewBox="0 0 20 20" class="icons")
|
svg(viewBox="0 0 20 20" class="icons")
|
||||||
use#submit-update(xlink:href='/assets/images/global/sprite.svg#entypo-emoji-sad')
|
use#submit-update(xlink:href='/assets/images/global/sprite.svg#entypo-emoji-sad')
|
||||||
.notify-icon#notify-working
|
.notify-icon#notify-working
|
||||||
|
#notify-working-box
|
||||||
svg(viewBox="0 0 20 20" class="icons")
|
svg(viewBox="0 0 20 20" class="icons")
|
||||||
use#submit-update(xlink:href='/assets/images/global/sprite.svg#entypo-cog')
|
use#submit-update(xlink:href='/assets/images/global/sprite.svg#entypo-cog')
|
||||||
p#message-text This is a message
|
p#message-text This is a message
|
||||||
|
|
|
@ -225,13 +225,16 @@ export default class PostEditor {
|
||||||
}
|
}
|
||||||
handleImageUpload(type, files) {
|
handleImageUpload(type, files) {
|
||||||
let self = this;
|
let self = this;
|
||||||
|
notify.alert('Uploading Image', null);
|
||||||
admin
|
admin
|
||||||
.imageUpload(type, files)
|
.imageUpload(type, files)
|
||||||
.then(r => {
|
.then(r => {
|
||||||
if (r.type == DataEvent.POST_IMAGE_ADDED)
|
if (r.type == DataEvent.POST_IMAGE_ADDED)
|
||||||
self.editor.notify(EditorEvent.EDITOR_UPLOAD_POST_IMAGE, r.url);
|
self.editor.notify(EditorEvent.EDITOR_UPLOAD_POST_IMAGE, r.url);
|
||||||
|
notify.alert('Image Added to Entry', true);
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
|
notify.alert('Uh oh. Image not added', false);
|
||||||
//console.log('ERROR', err);
|
//console.log('ERROR', err);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -42,7 +42,22 @@ svg.icons
|
||||||
transform: rotateX(-120deg)
|
transform: rotateX(-120deg)
|
||||||
transform-origin: 50% 0
|
transform-origin: 50% 0
|
||||||
#notify-good, #notify-lame, #notify-working
|
#notify-good, #notify-lame, #notify-working
|
||||||
display: none
|
display: block
|
||||||
|
#notify-working-box
|
||||||
|
-webkit-animation: spin 2s linear infinite
|
||||||
|
-moz-animation: spin 2s linear infinite
|
||||||
|
animation: spin 2s linear infinite
|
||||||
|
@-moz-keyframes spin
|
||||||
|
100%
|
||||||
|
-moz-transform: rotate(360deg)
|
||||||
|
@-webkit-keyframes spin
|
||||||
|
100%
|
||||||
|
-webkit-transform: rotate(360deg)
|
||||||
|
@keyframes spin
|
||||||
|
100%
|
||||||
|
-webkit-transform: rotate(360deg)
|
||||||
|
transform: rotate(360deg)
|
||||||
|
|
||||||
.notify-icon
|
.notify-icon
|
||||||
background: $black
|
background: $black
|
||||||
padding: 8px 5px 5px 5px
|
padding: 8px 5px 5px 5px
|
||||||
|
|
Loading…
Reference in a new issue