summaryrefslogtreecommitdiff
path: root/extensions/mistral/templates/mistral/create.html
diff options
context:
space:
mode:
Diffstat (limited to 'extensions/mistral/templates/mistral/create.html')
-rw-r--r--extensions/mistral/templates/mistral/create.html34
1 files changed, 18 insertions, 16 deletions
diff --git a/extensions/mistral/templates/mistral/create.html b/extensions/mistral/templates/mistral/create.html
index 430d208..27be743 100644
--- a/extensions/mistral/templates/mistral/create.html
+++ b/extensions/mistral/templates/mistral/create.html
@@ -38,34 +38,36 @@
38 38
39{% block main %} 39{% block main %}
40<h3>Create Workbook</h3> 40<h3>Create Workbook</h3>
41 <div id="create-workbook" class="fluid-container" ng-cloak ng-controller="workbookCtrl" 41 <div id="create-workbook" class="fluid-container" ng-cloak ng-controller="WorkbookController as wb"
42 ng-init="init({{ id|default:'undefined' }}, '{{ yaml }}', '{{ commit_url }}', '{{ discard_url }}')"> 42 ng-init="wb.init({{ id|default:'undefined' }}, '{{ yaml }}', '{{ commit_url }}', '{{ discard_url }}')">
43 <div class="well"> 43 <div class="well">
44 <div class="two-panels"> 44 <div class="two-panels">
45 <div class="left-panel"> 45 <div class="left-panel">
46 <div class="pull-left"> 46 <div class="pull-left">
47 <h4><strong>{$ workbook.get('name') $}</strong></h4> 47 <h4><strong>{$ wb.workbook.get('name') $}</strong></h4>
48 </div> 48 </div>
49 <div class="pull-right"> 49 <div class="pull-right">
50 <div class="table-actions clearfix"> 50 <div class="table-actions clearfix">
51 <button ng-click="addAction()" class="btn btn-default btn-sm"><span class="fa fa-plus">Add Action</span></button> 51 <button ng-click="wb.addAction()" class="btn btn-default btn-sm">
52 <button ng-click="addWorkflow()" class="btn btn-default btn-sm"><span class="fa fa-plus">Add Workflow</span></button> 52 <span class="fa fa-plus">Add Action</span></button>
53 <button ng-click="wb.addWorkflow()" class="btn btn-default btn-sm">
54 <span class="fa fa-plus">Add Workflow</span></button>
53 </div> 55 </div>
54 </div> 56 </div>
55 </div> 57 </div>
56 <div class="right-panel"> 58 <div class="right-panel">
57 <div class="btn-group btn-toggle pull-right"> 59 <div class="btn-group btn-toggle pull-right">
58 <button ng-click="isGraphMode = true" class="btn btn-sm" 60 <button ng-click="wb.isGraphMode = true" class="btn btn-sm"
59 ng-class="isGraphMode ? 'active btn-primary' : 'btn-default'">Graph</button> 61 ng-class="wb.isGraphMode ? 'active btn-primary' : 'btn-default'">Graph</button>
60 <button ng-click="isGraphMode = false" class="btn btn-sm" 62 <button ng-click="wb.isGraphMode = false" class="btn btn-sm"
61 ng-class="!isGraphMode ? 'active btn-primary' : 'btn-default'">YAML</button> 63 ng-class="!wb.isGraphMode ? 'active btn-primary' : 'btn-default'">YAML</button>
62 </div> 64 </div>
63 </div> 65 </div>
64 </div> 66 </div>
65 <!-- Data panel start --> 67 <!-- Data panel start -->
66 <div class="two-panels"> 68 <div class="two-panels">
67 <div class="left-panel"> 69 <div class="left-panel">
68 <panel ng-repeat="panel in workbook | extractPanels track by panel.id" 70 <panel ng-repeat="panel in wb.workbook | extractPanels track by panel.id"
69 content="panel"> 71 content="panel">
70 <div ng-repeat="row in panel | extractRows track by row.id"> 72 <div ng-repeat="row in panel | extractRows track by row.id">
71 <div ng-class="{'two-columns': row.index !== undefined }"> 73 <div ng-class="{'two-columns': row.index !== undefined }">
@@ -81,10 +83,10 @@
81 <!-- YAML Panel --> 83 <!-- YAML Panel -->
82 <div class="right-panel"> 84 <div class="right-panel">
83 <div class="panel panel-default"> 85 <div class="panel panel-default">
84 <div class="panel-body" ng-show="!isGraphMode"> 86 <div class="panel-body" ng-show="!wb.isGraphMode">
85 <pre>{$ workbook.toYAML() $}</pre> 87 <pre>{$ wb.workbook.toYAML() $}</pre>
86 </div> 88 </div>
87 <div class="panel-body" ng-show="isGraphMode"> 89 <div class="panel-body" ng-show="wb.isGraphMode">
88 Here will be a fancy Graph View as soon as we implement it! 90 Here will be a fancy Graph View as soon as we implement it!
89 </div> 91 </div>
90 </div> 92 </div>
@@ -94,9 +96,9 @@
94 <div class="two-panels"> 96 <div class="two-panels">
95 <div class="full-width"> 97 <div class="full-width">
96 <div class="pull-right"> 98 <div class="pull-right">
97 <button ng-click="discardWorkbook()" class="btn btn-default cancel">Cancel</button> 99 <button ng-click="wb.discardWorkbook()" class="btn btn-default cancel">Cancel</button>
98 <button ng-click="commitWorkbook()" class="btn btn-primary"> 100 <button ng-click="wb.commitWorkbook()" class="btn btn-primary">
99 {$ workbookID ? 'Modify' : 'Create' $} 101 {$ wb.workbookID ? 'Modify' : 'Create' $}
100 </button> 102 </button>
101 </div> 103 </div>
102 </div> 104 </div>