电子档案
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

146 lines
7.8 KiB

  1. <div class="subheader editor-toolbar" id="editor-header">
  2. <div class="fixed-container">
  3. <div class="btn-group">
  4. <div class="btn-toolbar pull-left" ng-controller="AppDefinitionToolbarController" 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 class="btn-group pull-right" ng-show="!secondaryItems.length">
  18. <div class="btn-toolbar pull-right" ng-controller="AppDefinitionToolbarController">
  19. <button title="{{item.title | translate}}" ng-repeat="item in secondaryItems" ng-switch on="item.type" class="btn btn-inverse" ng-class="{'separator': item.type == 'separator'}"
  20. ng-disabled="item.type == 'separator'" ng-click="toolbarSecondaryButtonClicked($index)" id="{{item.id}}">
  21. <i ng-switch-when="button" ng-class="item.cssClass" class="toolbar-button" data-toggle="tooltip" title="{{item.title | translate}}"></i>
  22. <div ng-switch-when="separator" ng-class="item.cssClass"></div>
  23. </button>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="container-fluid content" ng-if="currentAppDefinition" auto-height offset="40">
  29. <h2>{{'APP.DETAILS.TITLE' | translate:currentAppDefinition}}</h2>
  30. <div class="content-canvas-wrapper">
  31. <div class="content-canvas">
  32. <div class="row">
  33. <div class="col-xs-4">
  34. <div class="preview-wrapper active">
  35. <h3>{{'APP.TITLE.PREVIEW' | translate}}</h3>
  36. <div class="app preview {{currentAppDefinition.definition.theme}}">
  37. <div class="app-content">
  38. <h3>{{currentAppDefinition.name}}</h3>
  39. <p>{{currentAppDefinition.description}}</p>
  40. </div>
  41. <div class="backdrop">
  42. <i ng-show="!currentAppDefinition.definition.icon" class="icon icon-choice"></i>
  43. <i ng-show="currentAppDefinition.definition.icon" class="glyphicon {{currentAppDefinition.definition.icon}}"></i>
  44. </div>
  45. <div class="logo">
  46. <i ng-show="!currentAppDefinition.definition.icon" class="icon icon-choice"></i>
  47. <i ng-show="currentAppDefinition.definition.icon" class="glyphicon {{currentAppDefinition.definition.icon}}"></i>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="col-xs-8">
  53. <div class="form-group">
  54. <label>{{'APP.ICON' | translate}}</label>
  55. <div id="toggle-icon-select" class="selection" ng-click="changeIcon($event)">
  56. <i class="glyphicon {{currentAppDefinition.definition.icon}}"></i> {{'APP.ACTION.SELECT-ICON' | translate}} <i class="icon icon-caret-down"></i>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="col-xs-8">
  61. <div class="form-group">
  62. <label>{{'APP.THEME' | translate}}</label>
  63. <div id="toggle-theme-select" class="selection" ng-click="changeTheme($event)">
  64. <span class="app app-swatch {{currentAppDefinition.definition.theme}}"></span> {{'APP.ACTION.SELECT-THEME' | translate}} <i class="icon icon-caret-down"></i>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="col-xs-8">
  69. <div class="form-group">
  70. <label for="groupAccessApp">{{'APP.GROUPS-ACCESS' | translate}}</label>
  71. <input ng-disabled="model.loading" type="text" class="form-control"
  72. id="groupAccessApp" ng-model="currentAppDefinition.definition.groupsAccess"
  73. custom-keys enter-pressed="changeGroups($event)" />
  74. </div>
  75. </div>
  76. <div class="col-xs-8">
  77. <div class="form-group">
  78. <label for="userAccessApp">{{'APP.USERS-ACCESS' | translate}}</label>
  79. <input ng-disabled="model.loading" type="text" class="form-control"
  80. id="userAccessApp" ng-model="currentAppDefinition.definition.usersAccess"
  81. custom-keys enter-pressed="changeUsers($event)" />
  82. </div>
  83. </div>
  84. </div>
  85. <div class="row">
  86. <div class="col-xs-12">
  87. <h3>{{'APP.DETAILS.MODELS-TITLE' | translate}}
  88. </h3>
  89. <div class="btn-group">
  90. <button id="toggle-included-models" class="btn btn-default" ng-click="editIncludedModels($event)" class="stencil-info-edit-properties">
  91. {{'APP.ACTION.EDIT-MODELS' | translate}}
  92. </button>
  93. </div>
  94. <div class="no-results" ng-show="!currentAppDefinition.definition.models.length && !currentAppDefinition.definition.cmmnModels.length">
  95. {{'APP.DETAILS.NO-MODELS-SELECTED' | translate}}
  96. </div>
  97. </div>
  98. </div>
  99. <br/>
  100. <div class="row">
  101. <div class="tabs-wrapper">
  102. <div tab-control="tabs" active-tab="appBuilder.activeTab">
  103. </div>
  104. <div class="col-xs-12 item-wrapper" ng-show="appBuilder.activeTab == 'bpmn'">
  105. <div class="item fadein" ng-repeat="model in currentAppDefinition.definition.models">
  106. <div class="item-box" ng-style="{'background-image': 'url(\'' + getModelThumbnailUrl(model.id) + '\')'}">
  107. <div class="actions">
  108. <span class="badge">v{{model.version}}</span>
  109. </div>
  110. <div class="details">
  111. <h3 class="truncate" title="{{model.name}}">
  112. {{model.name}}
  113. </h3>
  114. <p>{{model.description}}</p>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="col-xs-12 item-wrapper" ng-show="appBuilder.activeTab == 'cmmn'">
  120. <div class="item fadein" ng-repeat="model in currentAppDefinition.definition.cmmnModels">
  121. <div class="item-box" ng-style="{'background-image': 'url(\'' + getModelThumbnailUrl(model.id) + '\')'}">
  122. <div class="actions">
  123. <span class="badge">v{{model.version}}</span>
  124. </div>
  125. <div class="details">
  126. <h3 class="truncate" title="{{model.name}}">
  127. {{model.name}}
  128. </h3>
  129. <p>{{model.description}}</p>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>