Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/static/templates/message_edit_form.hbs

67 lines
4.8 KiB
Handlebars
Raw Normal View History

Fix comment to describe the file it's in rather than a file it may have been copied from. (imported from commit 889b5d421c43c62d17a108ae112eff4b7807539f)
2013-06-11 16:31:02 +02:00
{{! Client-side Mustache template for rendering the message edit form. }}
Add user interface frontend for editing messages. The only known outstanding bug with this is that it doesn't properly handle the updating of a message's highlighting/presence in a narrowed view (e.g. in theory, a message should disappear if it is edited such that its subject doesn't match your narrow or it no longer matches your search). I think I'll just open a trac ticket about that once this is merged, since it's a little hairy to deal with and kinda a marginal use case. Also it's not pretty, but that should be easy to tweak once we get the framework merged. Conflicts: tools/jslint/check-all.js (imported from commit 2d0e3a440bcd885546bd8e28aff97bf379649950)
2013-05-15 00:22:16 +02:00
message-feed: Change message edit buttons to new style. This changes the button styles for the message editing confirmation/cancel to the new button class ".button", rather than ".btn".
2018-01-24 21:19:48 +01:00
<form id="message_edit_form" class="form-horizontal new-style">
message edit: Allow uploading files. Fixes: #198.
2017-11-28 22:36:58 +01:00
<div class="alert" id="message-edit-send-status-{{message_id}}">
<span class="send-status-close">&times;</span>
<span class="error-msg"></span>
</div>
Clean message_edit_form.handlebars to use 4 space indents.
2017-04-15 04:05:55 +02:00
{{#if is_stream}}
Fix message topic edit CSS. This fixes the overflowing issues, the broken styling of the topic edit input box, and makes it somewhat more responsive. Fixes: #1270.
2016-08-26 21:36:10 +02:00
<div class="control-group no-margin">
Style the message edit form. (imported from commit ddbdb3b90c421ed25b781a172a8fac2581ffb65c)
2013-05-21 19:12:27 +02:00
<div class="controls edit-controls">
Clean message_edit_form.handlebars to use 4 space indents.
2017-04-15 04:05:55 +02:00
<input type="text" placeholder="{{topic}}" value="{{topic}}" class="message_edit_topic" id="message_edit_topic" />
<select class='message_edit_topic_propagate' style='display:none;'>
<option selected="selected" value="change_one"> {{t "Change only this message topic" }}</option>
<option value="change_later"> {{t "Change later messages to this topic" }}</option>
<option value="change_all"> {{t "Change previous and following messages to this topic" }}</option>
</select>
Style the message edit form. (imported from commit ddbdb3b90c421ed25b781a172a8fac2581ffb65c)
2013-05-21 19:12:27 +02:00
</div>
</div>
Clean message_edit_form.handlebars to use 4 space indents.
2017-04-15 04:05:55 +02:00
{{/if}}
Show markdown help in message editing UI. Fixes #2578.
2016-12-14 05:38:59 +01:00
<div class="control-group no-margin">
Style the message edit form. (imported from commit ddbdb3b90c421ed25b781a172a8fac2581ffb65c)
2013-05-21 19:12:27 +02:00
<div class="controls edit-controls">
Change edit_message_content to have unique IDs for different messages. Fixes bugs of when multiple messages are being edited simultaneously. Specifically, typeahead is no longer broken, copying messages to clipboard is less buggy, and resizing is no longer broken when multiple messages are being edited.
2017-04-26 05:14:33 +02:00
<button class="btn pull-right copy_message" data-toggle="tooltip" title="{{t "Copy and close" }}" data-clipboard-target="#message_edit_content_{{message_id}}">
message_edit: Replace image tag with inline SVG tag for clipboard image.
2017-04-06 15:57:50 +02:00
<svg height="20" width="18" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" id="clipboard_image">
Clean message_edit_form.handlebars to use 4 space indents.
2017-04-15 04:05:55 +02:00
<path fill="#777" d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
message_edit: Replace image tag with inline SVG tag for clipboard image.
2017-04-06 15:57:50 +02:00
</svg>
message_edit: Added copy to clipboard button. A copy-to-clipboard button is added over message-edit textarea. Closes #3239.
2017-01-17 20:51:30 +01:00
</button>
markdown: Add .rendered_markdown for all elements with rendered MD content. This adds a class `rendered_markdown` for all the elements which have rendered markdown content; This is done to add different styles for rendered content in day mode and night mode. Also replace the element selectors from CSS to use the class.
2019-03-22 17:03:19 +01:00
<textarea class="message_edit_content rendered_markdown" maxlength="10000" id="message_edit_content_{{message_id}}">{{content}}</textarea>
message edit: Add "preview" option to edit UI. This add the "Preview" option to message edit controls similar to that in compose UI. Fixes #11438.
2019-02-05 15:27:17 +01:00
<div class="scrolling_list preview_message_area" id="preview_message_area_{{message_id}}" style="display:none;">
<div id="markdown_preview_spinner_{{message_id}}"></div>
markdown: Add .rendered_markdown for all elements with rendered MD content. This adds a class `rendered_markdown` for all the elements which have rendered markdown content; This is done to add different styles for rendered content in day mode and night mode. Also replace the element selectors from CSS to use the class.
2019-03-22 17:03:19 +01:00
<div id="preview_content_{{message_id}}" class="preview_content rendered_markdown"></div>
message edit: Add "preview" option to edit UI. This add the "Preview" option to message edit controls similar to that in compose UI. Fixes #11438.
2019-02-05 15:27:17 +01:00
</div>
Style the message edit form. (imported from commit ddbdb3b90c421ed25b781a172a8fac2581ffb65c)
2013-05-21 19:12:27 +02:00
</div>
</div>
Fix the position of the edit message label. This fixes the position of the "Topic" label to be above the input and adds a "Content" label to improve consistency.
2017-01-31 22:01:49 +01:00
<div class="control-group action-buttons">
Style the message edit form. (imported from commit ddbdb3b90c421ed25b781a172a8fac2581ffb65c)
2013-05-21 19:12:27 +02:00
<div class="controls edit-controls">
frontend: Allow users to see the source of messages they can't edit. Previously we showed an "Edit" item in the actions popover menu when a user could edit the content or topic of a message, and nothing otherwise. We now show "Edit", "Edit Topic", or "View Source" in the popover menu for every message, depending on the editability of the message, and present an appropriate version of message_edit_form when the menu item is clicked. Finishes #1604 and #1761.
2016-10-22 02:38:56 +02:00
{{#if is_editable}}
message_edit: Fix compose icons appearing for topic-editable messages. The is_editable field includes topic edits, so we need a separate field for whether to display these icons which are all for content editing. Fixes #11666.
2019-02-24 20:27:53 +01:00
<button type="button" class="button small rounded sea-green message_edit_save">{{t "Save" }}</button>
<button type="button" class="button small rounded message_edit_cancel">{{t "Cancel" }}</button>
{{#if is_content_editable}}
<div class="message-edit-feature-group">
<input type="file" id="message_edit_file_input_{{message_id}}" class="notvisible pull-left" multiple />
<a class="message-control-button fa fa-smile-o" aria-hidden="true" id="emoji_map" href="#" data-message-id="{{message_id}}" title="{{t 'Add emoji' }}"></a>
<a class="message-control-button fa fa-font" aria-hidden="true" title="{{t 'Formatting' }}" data-overlay-trigger="message-formatting" ></a>
uploads: Remove unusable UI elements if file uploading is disabled. If MAX_FILE_UPLOAD_SIZE is set to 0, then UI elements like the upload icon in the compose and message edit UI and "Attachments" menu in "/#settings" are not displayed. A different error message is also displayed if a user tries to drag and drop or paste a file into the compose message box. Fixes #12152.
2019-05-04 20:24:36 +02:00
{{#if file_upload_enabled}}
message_edit: Fix compose icons appearing for topic-editable messages. The is_editable field includes topic edits, so we need a separate field for whether to display these icons which are all for content editing. Fixes #11666.
2019-02-24 20:27:53 +01:00
<a class="message-control-button fa fa-paperclip notdisplayed" aria-hidden="true" id="attach_files_{{message_id}}" href="#" title="{{t "Attach files" }}"></a>
uploads: Remove unusable UI elements if file uploading is disabled. If MAX_FILE_UPLOAD_SIZE is set to 0, then UI elements like the upload icon in the compose and message edit UI and "Attachments" menu in "/#settings" are not displayed. A different error message is also displayed if a user tries to drag and drop or paste a file into the compose message box. Fixes #12152.
2019-05-04 20:24:36 +02:00
{{/if}}
message_edit: Fix compose icons appearing for topic-editable messages. The is_editable field includes topic edits, so we need a separate field for whether to display these icons which are all for content editing. Fixes #11666.
2019-02-24 20:27:53 +01:00
<a class="message-control-button fa fa-video-camera video_link" aria-hidden="true" href="#" data-message-id="{{message_id}}" title="{{t "Add video call" }}"></a>
<a id="undo_markdown_preview_{{message_id}}" class="message-control-button fa fa-edit" aria-hidden="true" style="display:none;" title="{{t 'Write' }}"></a>
<a id="markdown_preview_{{message_id}}" class="message-control-button fa fa-eye" aria-hidden="true" title="{{t 'Preview' }}"></a>
</div>
{{/if}}
message_edit: Fix content editing icons appearing in "view source". These icons was misplaced during a recent refactoring, resulting in the compose icons appearing even for non-editable messages. Fixes part of #11666.
2019-02-24 20:24:50 +01:00
{{else}}
message_edit: Fix compose icons appearing for topic-editable messages. The is_editable field includes topic edits, so we need a separate field for whether to display these icons which are all for content editing. Fixes #11666.
2019-02-24 20:27:53 +01:00
<button type="button" class="button small rounded message_edit_close">{{t "Close" }}</button>
message_edit: Fix content editing icons appearing in "view source". These icons was misplaced during a recent refactoring, resulting in the compose icons appearing even for non-editable messages. Fixes part of #11666.
2019-02-24 20:24:50 +01:00
{{/if}}
{{#if has_been_editable}}
Add realm setting to time-limit editing of message content. This is controlled through the admin tab and a new field in the Realms table. Notes: * The admin tab setting takes a value in minutes, whereas the backend stores it in seconds. * This setting is unused when allow_message_editing is false. * There is some generosity in how the limit is enforced. For instance, if the user sees the hovering edit button, we ensure they have at least 5 seconds to click it, and if the user gets to the message edit form, we ensure they have at least 10 seconds to make the edit, by relaxing the limit. * This commit also includes a countdown timer in the message edit form. Resolves #903.
2016-07-08 02:25:55 +02:00
<div class="message-edit-timer-control-group">
<span class="message_edit_countdown_timer"></span>
message_edit_form.handlebars: Upgrade font-awesome icon style.
2017-06-08 07:09:55 +02:00
<span><i id="message_edit_tooltip" class="message_edit_tooltip fa fa-question-circle" aria-hidden="true" data-toggle="tooltip"
Clean message_edit_form.handlebars to use 4 space indents.
2017-04-15 04:05:55 +02:00
title="{{#tr this}}This organization is configured to restrict editing of message content to __minutes_to_edit__ minutes after it is sent.{{/tr}}"></i>
Add realm setting to time-limit editing of message content. This is controlled through the admin tab and a new field in the Realms table. Notes: * The admin tab setting takes a value in minutes, whereas the backend stores it in seconds. * This setting is unused when allow_message_editing is false. * There is some generosity in how the limit is enforced. For instance, if the user sees the hovering edit button, we ensure they have at least 5 seconds to click it, and if the user gets to the message edit form, we ensure they have at least 10 seconds to make the edit, by relaxing the limit. * This commit also includes a countdown timer in the message edit form. Resolves #903.
2016-07-08 02:25:55 +02:00
</span>
</div>
frontend: Allow users to see the source of messages they can't edit. Previously we showed an "Edit" item in the actions popover menu when a user could edit the content or topic of a message, and nothing otherwise. We now show "Edit", "Edit Topic", or "View Source" in the popover menu for every message, depending on the editability of the message, and present an appropriate version of message_edit_form when the menu item is clicked. Finishes #1604 and #1761.
2016-10-22 02:38:56 +02:00
{{/if}}
Style the message edit form. (imported from commit ddbdb3b90c421ed25b781a172a8fac2581ffb65c)
2013-05-21 19:12:27 +02:00
</div>
</div>
Allow anyone to edit a "no topic" message This change would allow anyone in the realm to set a topic for a "no topic" message. As soon as the message topic is set, only the sender can change it again. (imported from commit 0a91a93b8fd14549965cedc79f45ffd869d82307)
2013-08-16 23:45:13 +02:00
<div class="alert alert-error edit_error hide"></div>
Add user interface frontend for editing messages. The only known outstanding bug with this is that it doesn't properly handle the updating of a message's highlighting/presence in a narrowed view (e.g. in theory, a message should disappear if it is edited such that its subject doesn't match your narrow or it no longer matches your search). I think I'll just open a trac ticket about that once this is merged, since it's a little hairy to deal with and kinda a marginal use case. Also it's not pretty, but that should be easy to tweak once we get the framework merged. Conflicts: tools/jslint/check-all.js (imported from commit 2d0e3a440bcd885546bd8e28aff97bf379649950)
2013-05-15 00:22:16 +02:00
</form>