Remove legacy Backbone lightbox
This commit is contained in:
parent
d797ede791
commit
b0e1cc49a5
|
@ -12,9 +12,6 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
const ESCAPE_KEY_CODE = 27;
|
||||
const { Signal } = window;
|
||||
|
||||
const FileView = Whisper.View.extend({
|
||||
tagName: 'div',
|
||||
className: 'fileView',
|
||||
|
@ -261,42 +258,4 @@
|
|||
this.trigger('update');
|
||||
},
|
||||
});
|
||||
|
||||
Whisper.LightboxView = Whisper.View.extend({
|
||||
templateName: 'lightbox',
|
||||
className: 'modal lightbox',
|
||||
initialize() {
|
||||
this.window = window;
|
||||
this.$document = $(this.window.document);
|
||||
this.listener = this.onkeyup.bind(this);
|
||||
this.$document.on('keyup', this.listener);
|
||||
},
|
||||
events: {
|
||||
'click .save': 'save',
|
||||
'click .close': 'remove',
|
||||
click: 'onclick',
|
||||
},
|
||||
save() {
|
||||
this.model.saveFile();
|
||||
},
|
||||
onclick(e) {
|
||||
const $el = this.$(e.target);
|
||||
if (!$el.hasClass('image') && !$el.closest('.controls').length) {
|
||||
e.preventDefault();
|
||||
this.remove();
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
onkeyup(e) {
|
||||
if (e.keyCode === ESCAPE_KEY_CODE) {
|
||||
this.remove();
|
||||
this.$document.off('keyup', this.listener);
|
||||
}
|
||||
},
|
||||
render_attributes() {
|
||||
return { url: this.model.objectUrl };
|
||||
},
|
||||
});
|
||||
}());
|
||||
|
|
|
@ -169,15 +169,6 @@
|
|||
<span class='time'>0:00</span>
|
||||
<button class='close'><span class='icon'></span></button>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='lightbox'>
|
||||
<div class='content'>
|
||||
<div class='controls'>
|
||||
<a class='x close' alt='Close image.' href='#'></a>
|
||||
<a class='save' alt='Save as...' href='#'></a>
|
||||
</div>
|
||||
<img class='image' src='{{ url }}' />
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='confirmation-dialog'>
|
||||
<div class="content">
|
||||
<div class='message'>{{ message }}</div>
|
||||
|
|
Loading…
Reference in New Issue