mirror of
https://github.com/documize/community.git
synced 2025-07-24 07:39:43 +02:00
parent
51a25adbdb
commit
5aaa9f874d
2 changed files with 29 additions and 25 deletions
|
@ -30,6 +30,9 @@ export default Component.extend({
|
|||
let page = this.get('page');
|
||||
return `plantuml-preview-${page.id}`;
|
||||
}),
|
||||
emptyDiagram: computed('diagramText', function () {
|
||||
return _.isEmpty(this.get('diagramText'));
|
||||
}),
|
||||
|
||||
generatePreview() {
|
||||
this.set('waiting', true);
|
||||
|
|
|
@ -10,24 +10,25 @@
|
|||
<div class="form-group">
|
||||
<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
|
||||
<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"}}
|
||||
{{#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>
|
||||
|
||||
<Ui::UiSpacer @size="200" />
|
||||
|
||||
{{ui/ui-button color=constants.Color.Yellow light=true label=previewButtonCaption onClick=(action "onPreview")}}
|
||||
|
||||
<Ui::UiSpacer @size="200" />
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue