美的
查看 | 历史 | 提交 | 提交对比
cl
2024-05-23 ba1a7a9ef126296e2798e313dc5b43f775a1123c
提交 | 用户 | 时间
71e81e 1 <div ng-controller="StencilController">
懒 2   <div class="subheader editor-toolbar" id="editor-header">
3       <div class="btn-group">
4         <div class="btn-toolbar pull-left" ng-controller="ToolbarController" ng-cloak>
5             <button id="{{item.id}}"
6                     title="{{item.title | translate}}"
7                     ng-repeat="item in items"
8                     ng-switch on="item.type"
9                     class="btn btn-inverse" ng-class="{'separator': item.type == 'separator'}"
10                     ng-disabled="item.type == 'separator' || item.enabled == false"
11                     ng-click="toolbarButtonClicked($index)">
12                 <i ng-switch-when="button" ng-class="item.cssClass" class="toolbar-button" data-toggle="tooltip" title="{{item.title | translate}}"></i>
13                 <div ng-switch-when="separator" ng-class="item.cssClass"></div>
14             </button>
15             </div>
16         </div>
17   </div>
18   <div class="full">
19       <div class="row row-no-gutter">
20           <div id="paletteHelpWrapper" class="col-xs-3">
21               <div class="stencils" id="paletteSection">
22                 <div ng-if="stencilItemGroups.length > 1">
23                     <div ng-repeat="group in stencilItemGroups">
24
25                         <ul ng-if="group.visible && group.items" class="stencil-group"  ng-class="{collapsed: !group.expanded, 'first': $first}">
26                             <li ng-include="'editor-app/partials/stencil-item-template.html?version=4'"></li>
27                         </ul>
28
29                         <div ng-if="!group.items" ng-include="'editor-app/partials/root-stencil-item-template.html?version=4'"></div>
30
31                     </div>
32                 </div>
33                 <div ng-if="stencilItemGroups.length == 1">
34                     <ul class="stencil-group">
35                         <li ng-repeat="item in stencilItemGroups[0].paletteItems" class="stencil-item"
36                              id="{{item.id}}"
37                              title="{{item.description}}"
38                              ng-model="draggedElement"
39                              data-drag="true"
40                              jqyoui-draggable="{onStart:'startDragCallback', onDrag:'dragCallback'}"
41                              data-jqyoui-options="{revert: 'invalid', helper: 'clone', opacity : 0.5}">
42                              
43                             <img ng-src="editor-app/stencilsets/bpmn2.0/icons/{{item.icon}}" width="16px;" height="16px;"/>
44                             {{item.name}}
45                         </li>
46                     </ul>
47                  </div>
48               </div>
49           </div>
50           <div id="canvasHelpWrapper" class="col-xs-9">
51               <div class="canvas-wrapper" id="canvasSection" 
52                   ng-model="droppedElement"
53                   ng-model="droppedElement"
54                   data-drop="true"
55                   data-jqyoui-options
56                   jqyoui-droppable="{onDrop:'dropCallback',onOver: 'overCallback', onOut: 'outCallback'}"> 
57                 <div class="canvas-message" id="model-modified-date"></div>
58                 <div class="Oryx_button" 
59                      id="delete-button" 
60                      title="{{'BUTTON.ACTION.DELETE.TOOLTIP' | translate}}"
61                      ng-click="deleteShape()"
62                      style="display:none">
63                     <img src="editor-app/images/delete.png"/>
64                 </div>
65                 <div class="Oryx_button" 
66                      id="morph-button"
67                      title="{{'BUTTON.ACTION.MORPH.TOOLTIP' | translate}}"
68                      ng-click="morphShape()"
69                      style="display:none">
70                     <img src="editor-app/images/wrench.png"/>
71                 </div>
72                 <div class="Oryx_button"
73                      ng-repeat="item in quickMenuItems"
74                      id="{{item.id}}"
75                      title="{{item.description}}"
76                      ng-click="quickAddItem(item.id)"
77                      ng-model="draggedElement"
78                      data-drag="true"
79                      jqyoui-draggable="{onStart:'startDragCallbackQuickMenu', onDrag:'dragCallbackQuickMenu'}"
80                      data-jqyoui-options="{revert: 'invalid', helper: 'clone', opacity : 0.5}"
81                      style="display:none">
82                      <img ng-src="editor-app/stencilsets/bpmn2.0/icons/{{item.icon}}"/>
83                  </div>
84              </div>
85            </div>
86            <div id="propertiesHelpWrapper" class="col-xs-9">
87                 <div class="propertySection" id="propertySection"
88                     ng-class="{collapsed: propertyWindowState.collapsed}">
89                     <div class="selected-item-section">
90                         <div class="clearfix">
91                             <div class="pull-right" ng-if="selectedItem.auditData.createDate">
92                                 <strong>{{'ELEMENT.DATE_CREATED' | translate}}: </strong> {{selectedItem.auditData.createDate}}
93                             </div>
94                             <div class="pull-right" ng-if="selectedItem.auditData.author">
95                                 <strong>{{'ELEMENT.AUTHOR' | translate}}: </strong> {{selectedItem.auditData.author}}
96                             </div>
97                             <div class="selected-item-title">
98                                 <a ng-click="propertyWindowState.toggle()"> 
99                                     <i class="glyphicon" ng-class="{'glyphicon-chevron-right': propertyWindowState.collapsed, 'glyphicon-chevron-down': !propertyWindowState.collapsed}"></i>
100                                     <span ng-show="selectedItem.title != undefined && selectedItem.title != null && selectedItem.title.length > 0">{{selectedItem.title}}</span> 
101                                     <span ng-show="!selectedItem || selectedItem.title == undefined || selectedItem.title == null || selectedItem.title.length == 0">{{modelData.name}}</span>
102                                 </a>
103                             </div>
104                         </div>
105                         <div class="selected-item-body">
106                             <div>
107                                  <div class="property-row" ng-repeat="property in selectedItem.properties"
108                                     ng-click="propertyClicked($index)" ng-class="{'clear' : $index%2 == 0}">
109                                     <span class="title" ng-if="!property.hidden">{{ property.title }}&nbsp;:</span>
110                                     <span class="title-removed" ng-if="property.hidden"><i>{{ property.title }}&nbsp;({{'PROPERTY.REMOVED' | translate}})&nbsp;:</i></span>
111                                     <span class="value"> 
112                                         <ng-include
113                                             src="getPropertyTemplateUrl($index)" ng-if="!property.hasReadWriteMode"></ng-include>
114                                         <ng-include src="getPropertyReadModeTemplateUrl($index)"
115                                             ng-if="property.hasReadWriteMode && property.mode == 'read'"></ng-include>
116                                         <ng-include src="getPropertyWriteModeTemplateUrl($index)"
117                                             ng-if="property.hasReadWriteMode && property.mode == 'write'"></ng-include>
118                                     </span>
119                                 </div>
120                             </div>
121                         </div>
122                     </div>     
123                 </div>            
124             </div>
125          </div>
126     </div>
127 </div>