diff options
| author | Robin Appelman <robin@icewind.nl> | 2017-02-22 23:28:36 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-02-22 23:28:36 +0300 |
| commit | 73ad6f636232893a8593f95b81a8ae24e2475bb1 (patch) | |
| tree | 88f1982d7f4659fb49058d36d75727d13f844511 /js | |
| parent | 3f12e605d2f1d9494adc8450b69e8fc8ab382848 (diff) | |
| parent | cb2fcfe1181f0828648eb9b6add04f258f7b0903 (diff) | |
Merge pull request #28 from nextcloud/preview-toggle
Add toggle between edit only/edit with preview/preview only
Diffstat (limited to 'js')
| -rw-r--r-- | js/editor.js | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/js/editor.js b/js/editor.js index 2735e47..84305ab 100644 --- a/js/editor.js +++ b/js/editor.js @@ -318,6 +318,7 @@ var Files_Texteditor = { var text = window.aceEditor.getSession().getValue(); _self.previewPluginOnChange(text, _self.preview); window.aceEditor.resize(); + _self.loadPreviewControlBar(); } else { _self.previewPluginOnChange = null; } @@ -351,6 +352,54 @@ var Files_Texteditor = { }, + setPreviewMode: function(mode) { + var container = $('#app-content-texteditor'); + var controlBar = $('#preview_editor_controls'); + controlBar.find('button').removeClass('active'); + controlBar.find('button[data-type="' + mode + '"]').addClass('active'); + switch (mode) { + case 'mixed': + container.find('#editor_container').addClass('hasPreview'); + container.find('#editor').show(); + container.find('#preview_wrap').css('width', '50%'); + break; + case 'text': + container.find('#editor_container').removeClass('hasPreview'); + container.find('#editor').show(); + container.find('#preview_wrap').css('width', '50%'); + break; + case 'image': + container.find('#editor_container').addClass('hasPreview'); + container.find('#editor').hide(); + container.find('#preview_wrap').css('width', '100%'); + break; + } + }, + + loadPreviewControlBar: function() { + var makeButton = function (type, tooltip, active) { + var button = $('<button/>'); + button.tooltip({ + title: tooltip, + container: 'body', + placement: 'bottom', + delay: {show: 500, hide: 0} + }); + if (active) { + button.addClass('active'); + } + button.click(this.setPreviewMode.bind(this, type)); + button.attr('data-type', type); + return button.css('background-image', 'url("' + OC.imagePath('files_texteditor', type) + '")'); + }.bind(this); + + var controls = $('<span/>').attr('id', 'preview_editor_controls'); + controls.append(makeButton('text', t('files_texteditor', 'Edit'))); + controls.append(makeButton('mixed', t('files_texteditor', 'Mixed'), true)); + controls.append(makeButton('image', t('files_texteditor', 'Preview'))); + $('#editor_close').after(controls); + }, + /** * Removes the control bar */ |