Remove legacy Backbone lightbox

This commit is contained in:
Daniel Gasienica 2018-04-15 00:53:11 -04:00
parent d797ede791
commit b0e1cc49a5
2 changed files with 0 additions and 50 deletions

View File

@ -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 };
},
});
}());

View File

@ -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>