Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-08 06:55:28 +02:00
Code Releases Activity

markdown s/s refactoring

Browse source
This commit is contained in:
Harvey Kandola 2016-06-05 14:12:13 +01:00
parent 9fca266423
commit 40d61d4146
4 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,19 +10,19 @@ export default Ember.Component.extend({
didInsertElement() { didInsertElement() {
let height = $(document).height() - $(".document-editor > .toolbar").height() - 130; let height = $(document).height() - $(".document-editor > .toolbar").height() - 130;
$("#markdown-editor, #markdown-preview").css("height", height); $("#section-markdown-editor, #section-markdown-preview").css("height", height);
this.renderPreview(); this.renderPreview();
let self = this; let self = this;
$("#markdown-editor").off("keyup").on("keyup", function() { $("#section-markdown-editor").off("keyup").on("keyup", function() {
self.renderPreview(); self.renderPreview();
self.set('isDirty', true); self.set('isDirty', true);
}); });
}, },
willDestroyElement() { willDestroyElement() {
$("#markdown-editor").off("keyup"); $("#section-markdown-editor").off("keyup");
}, },
renderPreview() { renderPreview() {
@ -30,7 +30,7 @@ export default Ember.Component.extend({
linkify: true linkify: true
}); });
let result = md.render(this.get("pageBody")); let result = md.render(this.get("pageBody"));
$("#markdown-preview").html(result); $("#section-markdown-preview").html(result);
}, },
actions: { actions: {

1
app/app/styles/app.scss
View file

@ -33,3 +33,4 @@
@import "section/trello.scss"; @import "section/trello.scss";
@import "section/gemini.scss"; @import "section/gemini.scss";
@import "section/github.scss"; @import "section/github.scss";
@import "section/markdown.scss";

13
app/app/styles/section/markdown.scss Normal file
View file

@ -0,0 +1,13 @@
#section-markdown-editor {
width: 100%;
resize: none;
padding: 10px;
background-color: white;
}
#section-markdown-preview {
width: 100%;
padding: 10px;
background-color: white;
overflow: auto;
}

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

@ -1,26 +1,11 @@
<style>
#markdown-editor {
width: 100%;
resize: none;
padding: 10px;
background-color: white;
}
#markdown-preview {
width: 100%;
padding: 10px;
background-color: white;
overflow: auto;
}
</style>
{{#section/base-editor document=document folder=folder page=page isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}} {{#section/base-editor document=document folder=folder page=page isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-6">
{{focus-textarea value=pageBody id="markdown-editor" class="mousetrap bordered"}} {{focus-textarea id="section-markdown-editor" class="mousetrap bordered" value=pageBody}}
</div> </div>
<div class="col-xs-6"> <div class="col-xs-6">
<div id="markdown-preview" class="mousetrap bordered wysiwyg"> <div id="section-markdown-preview" class="mousetrap bordered wysiwyg">
</div> </div>
</div> </div>
</div> </div>