1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-05 05:25:27 +02:00

PlantUML integration

This commit is contained in:
sauls8t 2018-02-07 13:44:18 +00:00
parent 0f3de51ad5
commit 7d3473365a
18 changed files with 521 additions and 291 deletions

View file

@ -1,5 +1,4 @@
<div id="section-editor-{{pageId}}">
<div class="row">
<div class="col-8 section-editor">
<div class="form-group">
@ -11,7 +10,6 @@
</div>
{{/if}}
</div>
<div class="col-4">
<div class="float-right">
{{#if busy}}
@ -23,7 +21,6 @@
</div>
</div>
</div>
<div class="row">
<div class="col section-editor">
<div class="canvas rounded">
@ -31,7 +28,6 @@
</div>
</div>
</div>
</div>
<div id={{concat "discard-modal"}} class="modal" tabindex="-1" role="dialog">

View file

@ -1,30 +0,0 @@
{{#section/base-editor document=document folder=folder page=page tip="Concise name that describes the diagram" isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="section-mermaid-diagram">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6">
<div class="form-group">
<label>Diagram Text&nbsp;&nbsp;&nbsp;</label> <a href="https://mermaidjs.github.io/" target="_blank">(Mermaid User Guide)</a>
<textarea rows=20 id={{editorId}} class="diagram-editor form-control mousetrap">{{diagramText}}</textarea>
<div class="mt-3">
<p>Insert sample diagrams:</p>
<p>
<button type="button" class="btn btn-light btn-sm" {{action 'onInsertFlowchart'}}>Flowchart</button>
<button type="button" class="btn btn-light btn-sm" {{action 'onInsertSequence'}}>Sequence</button>
<button type="button" class="btn btn-light btn-sm" {{action 'onInsertGantt'}}>Gantt</button>
</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="form-group">
<label>Diagram Preview</label>
<div id={{previewId}}>
{{{diagramPreview}}}
</div>
</div>
</div>
</div>
</div>
</div>
{{/section/base-editor}}

View file

@ -0,0 +1,36 @@
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Concise name that describes the diagram" isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="section-plantuml-diagram">
<div class="container">
<div class="row">
<div class="col-12">
<div class="form-group">
<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
<div class="my-3">
<p>Insert sample diagrams:</p>
<p>
<button type="button" class="btn btn-light" {{action 'onInsertSequence'}}>Sequence</button>
<button type="button" class="btn btn-light" {{action 'onInsertUseCase'}}>Use Case</button>
<button type="button" class="btn btn-light" {{action 'onInsertClass'}}>Class</button>
<button type="button" class="btn btn-light" {{action 'onInsertActivity'}}>Activity</button>
<button type="button" class="btn btn-light" {{action 'onInsertActivityNew'}}>Activity (new syntax)</button>
<button type="button" class="btn btn-light" {{action 'onInsertComponent'}}>Component</button>
<button type="button" class="btn btn-light" {{action 'onInsertState'}}>State</button>
</p>
</div>
{{focus-textarea value=diagramText rows=30 id=editorId class="diagram-editor form-control mousetrap"}}
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group">
<button type="button" class="btn btn-secondary" {{action 'onPreview'}}>{{previewButtonCaption}}</button>
<div id={{previewId}} class="text-center my-5">
<img src="{{diagramPreview}}" />
</div>
</div>
</div>
</div>
</div>
</div>
{{/section/base-editor}}

View file

@ -1,3 +1,3 @@
<div class="text-center">
{{{page.body}}}
<img src="{{page.body}}" />
</div>