mirror of
https://github.com/documize/community.git
synced 2025-08-05 13:35:25 +02:00
PlantUML integration
This commit is contained in:
parent
0f3de51ad5
commit
7d3473365a
18 changed files with 521 additions and 291 deletions
|
@ -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">
|
||||
|
|
|
@ -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 </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}}
|
|
@ -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}}
|
|
@ -1,3 +1,3 @@
|
|||
<div class="text-center">
|
||||
{{{page.body}}}
|
||||
<img src="{{page.body}}" />
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue