paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 15:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

lightbox_overlay: Migrate to handlebars.

Browse Source
This commit is contained in:
Ganesh Pawar
2021-06-13 09:25:50 +05:30
committed by Tim Abbott
parent c507931ac8
commit f5f5943ee0
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
static/js/lightbox.js
View File

@@ -1,5 +1,7 @@
import $ from "jquery"; import $ from "jquery";
import render_lightbox_overlay from "../templates/lightbox_overlay.hbs";
import * as blueslip from "./blueslip"; import * as blueslip from "./blueslip";
import {LightboxCanvas} from "./lightbox_canvas"; import {LightboxCanvas} from "./lightbox_canvas";
import * as message_store from "./message_store"; import * as message_store from "./message_store";
@@ -280,6 +282,9 @@ export function next() {
// this is a block of events that are required for the lightbox to work. // this is a block of events that are required for the lightbox to work.
export function initialize() { export function initialize() {
const rendered_lightbox_overlay = render_lightbox_overlay();
$("body").append(rendered_lightbox_overlay);
$("#main_div, #compose .preview_content").on("click", ".message_inline_image a", function (e) { $("#main_div, #compose .preview_content").on("click", ".message_inline_image a", function (e) {
// prevent the link from opening in a new page. // prevent the link from opening in a new page.
e.preventDefault(); e.preventDefault();

10
templates/zerver/app/lightbox_overlay.html → static/templates/lightbox_overlay.hbs
View File

@@ -4,14 +4,14 @@
<div class="title"></div> <div class="title"></div>
<div class="user"></div> <div class="user"></div>
</div> </div>
<div class="exit" aria-label="{{ _('Close') }}"><span aria-hidden="true">x</span></div> <div class="exit" aria-label="{{t 'Close' }}"><span aria-hidden="true">x</span></div>
<div class="image-actions"> <div class="image-actions">
<div class="lightbox-canvas-trigger"> <div class="lightbox-canvas-trigger">
<div class="title">{{ _('Pan &amp; Zoom') }}</div> <div class="title">{{t "Pan &amp; Zoom" }}</div>
<div class="status" data-disabled="{{ _('Disabled') }}" data-enabled="{{ _('Enabled') }}"></div> <div class="status" data-disabled="{{t 'Disabled' }}" data-enabled="{{t 'Enabled' }}"></div>
</div> </div>
<a class="button small open" rel="noopener noreferrer" target="_blank">{{ _('Open') }}</a> <a class="button small open" rel="noopener noreferrer" target="_blank">{{t "Open" }}</a>
<a class="button small download" download>{{ _('Download') }}</a> <a class="button small download" download>{{t "Download" }}</a>
</div> </div>
<div class="clear-float"></div> <div class="clear-float"></div>
</div> </div>

1
templates/zerver/app/index.html
View File

@@ -42,7 +42,6 @@
</script> </script>
</div> </div>
{% include "zerver/app/lightbox_overlay.html" %}
<div class="subscriptions"> <div class="subscriptions">
<div id="subscriptions_table"> <div id="subscriptions_table">
</div> </div>