Remove legacy Backbone lightbox
This commit is contained in:
parent
d797ede791
commit
b0e1cc49a5
2 changed files with 0 additions and 50 deletions
|
@ -12,9 +12,6 @@
|
||||||
(function () {
|
(function () {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
const ESCAPE_KEY_CODE = 27;
|
|
||||||
const { Signal } = window;
|
|
||||||
|
|
||||||
const FileView = Whisper.View.extend({
|
const FileView = Whisper.View.extend({
|
||||||
tagName: 'div',
|
tagName: 'div',
|
||||||
className: 'fileView',
|
className: 'fileView',
|
||||||
|
@ -261,42 +258,4 @@
|
||||||
this.trigger('update');
|
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>
|
<span class='time'>0:00</span>
|
||||||
<button class='close'><span class='icon'></span></button>
|
<button class='close'><span class='icon'></span></button>
|
||||||
</script>
|
</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'>
|
<script type='text/x-tmpl-mustache' id='confirmation-dialog'>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class='message'>{{ message }}</div>
|
<div class='message'>{{ message }}</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue