paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 08:33:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

org settings: Deduplicate the template code for logo widget.

Browse Source
This commit is contained in:
Pragati Agrawal
2019-08-21 18:11:27 +05:30
committed by Tim Abbott
parent 4d0a94a3b1
commit 5df6065bed
2 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
static/templates/settings/organization_profile_admin.hbs
View File

@@ -66,46 +66,13 @@
</div>
<p>{{t "A wide image for the upper left corner of the app." }}</p>
<div id="day-logo-section" class="realm-logo-section">
<div class="inline-block realm-logo-block">
<img class="realm-logo-img" src="{{ realm_logo_url }}"/>
<input type="file" name="realm-logo-file-input"
class="realm-logo-file-input notvisible" value="{{t 'Upload logo' }}"/>
</div>
<div class="inline-block avatar-controls">
<div class="realm-logo-file-input-error alert text-error"></div>
{{#if plan_includes_wide_organization_logo}}
<button class="realm-logo-upload-button button rounded sea-green w-200 block input-size day-settings">
<span class="upload-logo-button-text">{{t 'Upload new logo' }}</span>
<span class="upload-logo-spinner"></span>
</button>
<button class="realm-logo-delete-button button rounded btn-danger w-200 m-t-10 block input-size">
{{t 'Delete logo' }}
</button>
{{/if}}
</div>
</div>
{{> realm-logo-widget
theme_mode="day"
logo_url=realm_logo_url}}
<p>{{t "A wide logo for night mode. Logo will be shown against a dark background." }}</p>
<div id="night-logo-section" class="realm-logo-section">
<div class="inline-block realm-logo-block">
<img class="realm-logo-img" src="{{ realm_night_logo_url }}">
<input type="file" name="realm-logo-file-input"
class="realm-logo-file-input notvisible" value="{{t 'Upload logo' }}"/>
</div>
<div class="inline-block avatar-controls">
<div class="realm-logo-file-input-error alert text-error"></div>
{{#if plan_includes_wide_organization_logo}}
<button class="realm-logo-upload-button button rounded sea-green w-200 block input-size night-settings">
<span class="upload-logo-button-text">{{t 'Upload new logo' }}</span>
<span class="upload-logo-spinner"></span>
</button>
<button class="realm-logo-delete-button button rounded btn-danger w-200 m-t-10 block input-size">
{{t 'Delete logo' }}
</button>
{{/if}}
</div>
</div>
{{> realm-logo-widget
theme_mode="night"
logo_url=realm_night_logo_url}}
<h3 class="light">{{t "Deactivate organization" }}</h3>
<div class="deactivate-realm-section">

19
static/templates/settings/realm-logo-widget.hbs Normal file
View File

@@ -0,0 +1,19 @@
<div id="{{theme_mode}}-logo-section" class="realm-logo-section">
<div class="inline-block realm-logo-block">
<img class="realm-logo-img" src="{{ logo_url }}"/>
<input type="file" name="realm-logo-file-input"
class="realm-logo-file-input notvisible" value="{{t 'Upload logo' }}"/>
</div>
<div class="inline-block avatar-controls">
<div class="realm-logo-file-input-error alert text-error"></div>
{{#if plan_includes_wide_organization_logo}}
<button class="realm-logo-upload-button button rounded sea-green w-200 block input-size {{theme_mode}}-settings">
<span class="upload-logo-button-text">{{t 'Upload new logo' }}</span>
<span class="upload-logo-spinner"></span>
</button>
<button class="realm-logo-delete-button button rounded btn-danger w-200 m-t-10 block input-size">
{{t 'Delete logo' }}
</button>
{{/if}}
</div>
</div>