Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 08:09:43 +02:00
Code Releases Activity

markdown preview pane change

Browse source
This commit is contained in:
Harvey Kandola 2016-11-12 13:13:13 -08:00
parent f8de397f33
commit e7431954a0
4 changed files with 48 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/app/components/document/document-view.js
View file

@ -50,8 +50,9 @@ export default Ember.Component.extend(NotifierMixin, TooltipMixin, {
if (_.isUndefined(exists)) {
link.orphan = true;
} else {
self.attrs.gotoPage(link.targetId);
return false;
if (link.linkType === "section") {
self.attrs.gotoPage(link.targetId);
}
}
}

43
app/app/components/section/markdown/type-editor.js
View file

@ -18,24 +18,22 @@ const {
export default Ember.Component.extend({
link: service(),
editMode: true,
isDirty: false,
pageBody: "",
pagePreview: "",
height: $(document).height() - 450,
didReceiveAttrs() {
this.set("pageBody", this.get("meta.rawBody"));
},
didInsertElement() {
let height = $(document).height() - $(".document-editor > .toolbar").height() - 130;
$("#section-markdown-editor, #section-markdown-preview").css("height", height);
$("#section-markdown-editor").css("height", this.get('height'));
$("#section-markdown-preview").css("height", this.get('height'));
this.renderPreview();
let self = this;
$("#section-markdown-editor").off("keyup").on("keyup", function () {
self.renderPreview();
self.set('isDirty', true);
$("#section-markdown-editor").off("keyup").on("keyup", () => {
this.set('isDirty', true);
});
},
@ -43,15 +41,26 @@ export default Ember.Component.extend({
$("#section-markdown-editor").off("keyup");
},
renderPreview() {
let md = window.markdownit({
linkify: true
});
let result = md.render(this.get("pageBody"));
$("#section-markdown-preview").html(result);
},
actions: {
toggleMode() {
this.set('editMode', !this.get('editMode'));
Ember.run.schedule('afterRender', () => {
if (this.get('editMode')) {
$("#section-markdown-editor").off("keyup").on("keyup", () => {
this.set('isDirty', true);
});
$("#section-markdown-editor").css("height", this.get('height'));
} else {
let md = window.markdownit({ linkify: true });
let result = md.render(this.get("pageBody"));
this.set('pagePreview', result);
$("#section-markdown-preview").css("height", this.get('height'));
}
});
},
onInsertLink(link) {
let linkMarkdown = this.get('link').buildLink(link);

1
app/app/services/link.js
View file

@ -33,7 +33,6 @@ export default Ember.Service.extend({
return this.get('ajax').request(`links/${folderId}/${documentId}/${pageId}`, {
method: 'GET'
}).then((response) => {
console.log(response);
return response;
});
},

28
app/app/templates/components/section/markdown/type-editor.hbs
View file

@ -1,16 +1,26 @@
{{#section/base-editor document=document folder=folder page=page isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
{{focus-textarea id="section-markdown-editor" class="mousetrap bordered" value=pageBody}}
</div>
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
<div id="section-markdown-preview" class="mousetrap bordered wysiwyg">
{{#if editMode}}
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
<div class="margin-bottom-10" >
<a {{action 'toggleMode'}}>Preview</a>
</div>
{{focus-textarea id="section-markdown-editor" class="mousetrap wysiwyg" value=pageBody}}
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
{{document/edit-tools document=document folder=folder page=page onInsertLink=(action 'onInsertLink')}}
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
{{document/edit-tools document=document folder=folder page=page onInsertLink=(action 'onInsertLink')}}
</div>
{{else}}
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="margin-bottom-10" >
<a {{action 'toggleMode'}}>Edit</a>
</div>
<div id="section-markdown-preview" class="mousetrap wysiwyg bordered">
{{{pagePreview}}}
</div>
</div>
{{/if}}
</div>
</div>
{{/section/base-editor}}