Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-23 15:19:42 +02:00
Code Releases Activity

Hide PlantUML sample diagrams when you have content

Browse source 
Closes #346
This commit is contained in:
HarveyKandola 2019-12-06 10:13:15 +00:00
parent 51a25adbdb
commit 5aaa9f874d
2 changed files with 29 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

3
gui/app/components/section/plantuml/type-editor.js
View file

@ -30,6 +30,9 @@ export default Component.extend({
let page = this.get('page'); let page = this.get('page');
return `plantuml-preview-${page.id}`; return `plantuml-preview-${page.id}`;
}), }),
emptyDiagram: computed('diagramText', function () {
return _.isEmpty(this.get('diagramText'));
}),
generatePreview() { generatePreview() {
this.set('waiting', true); this.set('waiting', true);

29
gui/app/templates/components/section/plantuml/type-editor.hbs
View file

@ -10,24 +10,25 @@
<div class="form-group"> <div class="form-group">
<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label> <label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
<Ui::UiSpacer @size="200" /> <Ui::UiSpacer @size="200" />
<div>
<p>Insert sample diagrams:</p>
<p>
{{ui/ui-button color=constants.Color.Gray light=true label="Sequence" onClick=(action "onInsertSequence")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Use Case" onClick=(action "onInsertUseCase")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Class" onClick=(action "onInsertClass")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Activity" onClick=(action "onInsertActivity")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Activity (new syntax)" onClick=(action "onInsertActivityNew")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Component" onClick=(action "onInsertComponent")}}
{{ui/ui-button color=constants.Color.Gray light=true label="State" onClick=(action "onInsertState")}}
</p>
</div>
{{focus-textarea value=diagramText rows=30 id=editorId class="diagram-editor form-control mousetrap"}} {{focus-textarea value=diagramText rows=30 id=editorId class="diagram-editor form-control mousetrap"}}
{{#if emptyDiagram}}
<div>
<Ui::UiSpacer @size="100" />
<p>Insert sample diagrams:</p>
<p>
{{ui/ui-button color=constants.Color.Gray light=true label="Sequence" onClick=(action "onInsertSequence")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Use Case" onClick=(action "onInsertUseCase")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Class" onClick=(action "onInsertClass")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Activity" onClick=(action "onInsertActivity")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Activity (new syntax)" onClick=(action "onInsertActivityNew")}}
{{ui/ui-button color=constants.Color.Gray light=true label="Component" onClick=(action "onInsertComponent")}}
{{ui/ui-button color=constants.Color.Gray light=true label="State" onClick=(action "onInsertState")}}
</p>
</div>
{{/if}}
</div> </div>
</div> </div>
<Ui::UiSpacer @size="200" />
{{ui/ui-button color=constants.Color.Yellow light=true label=previewButtonCaption onClick=(action "onPreview")}} {{ui/ui-button color=constants.Color.Yellow light=true label=previewButtonCaption onClick=(action "onPreview")}}
<Ui::UiSpacer @size="200" /> <Ui::UiSpacer @size="200" />