电子档案
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.

106 lines
6.5 KiB

  1. <div class="subheader" id="list-header">
  2. <div class="fixed-container">
  3. <div class="btn-group pull-right">
  4. <button ng-if="model.activeFilter.type === 'decision-services'" type="button" class="btn btn-default" ng-click="createDecisionService()"
  5. ng-disabled="readOnly" translate>DECISIONS-LIST.ACTION.CREATE-DECISION-SERVICE
  6. </button>
  7. <button ng-if="model.activeFilter.type === 'decision-tables'" type="button" class="btn btn-default" ng-click="createDecisionTable()"
  8. ng-disabled="readOnly" translate>DECISIONS-LIST.ACTION.CREATE
  9. </button>
  10. <button ng-if="model.activeFilter.type === 'decision-services'" type="button" class="btn btn-default" ng-click="importDecisionService()"
  11. ng-disabled="readOnly" translate>DECISIONS-LIST.ACTION.IMPORT-DECISION-SERVICE
  12. </button>
  13. <button ng-if="model.activeFilter.type === 'decision-tables'" type="button" class="btn btn-default" ng-click="importDecisionTable()"
  14. ng-disabled="readOnly" translate>DECISIONS-LIST.ACTION.IMPORT-DECISION-TABLE
  15. </button>
  16. </div>
  17. <h2>{{'DECISIONS-LIST.TITLE' | translate}}</h2>
  18. </div>
  19. </div>
  20. <div class="container-fluid content" id="list-container" auto-height offset="40">
  21. <div class="col-xs-2 filter-wrapper">
  22. <div class="input-group">
  23. <span class="input-group-addon"> <i
  24. class="glyphicon glyphicon-search"></i>
  25. </span> <input type="text" ng-model="model.pendingFilterText" class="form-control" ng-change="filterDelayed()"
  26. placeholder="{{'DECISIONS-LIST.SEARCH-PLACEHOLDER' | translate}}">
  27. </div>
  28. <ul class="filter-list">
  29. <li ng-repeat="filter in model.filters" ng-class="{'current' : filter.id == model.activeFilter.id}">
  30. <a ng-href="#/{{filter.type}}">
  31. {{'DECISIONS-LIST.FILTER.' + filter.labelKey | translate}}
  32. </a>
  33. </li>
  34. </ul>
  35. </div>
  36. <div class="col-xs-10 item-wrapper" id="list-items">
  37. <div class="dropdown-subtle pull-right">
  38. <div class="btn-group btn-group-sm" activiti-fix-dropdown-bug>
  39. <button type="button" class="btn btn-default dropdown-toggle"
  40. data-toggle="dropdown">{{'DECISIONS-LIST.SORT.' + model.activeSort.labelKey | translate}} <i class="caret"></i></button>
  41. <ul class="dropdown-menu pull-right">
  42. <li ng-repeat="sort in model.sorts">
  43. <a ng-click="activateSort(sort)">{{'DECISIONS-LIST.SORT.' + sort.labelKey | translate}}</a>
  44. </li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="message clearfix">
  49. <div class="loading pull-left" ng-show="model.loading">
  50. <div class="l1"></div>
  51. <div class="l2"></div>
  52. <div class="l2"></div>
  53. </div>
  54. <div ng-if="!model.loading">
  55. <span ng-if="model.decisions.size > 1">{{'DECISIONS-LIST.FILTER.' + model.activeFilter.labelKey + '-COUNT' | translate:model.decisions}}</span>
  56. <span ng-if="model.decisions.size == 1">{{'DECISIONS-LIST.FILTER.' + model.activeFilter.labelKey + '-ONE' | translate}}</span>
  57. <span ng-if="model.decisions.size == 0 && (!model.filterText || model.filterText == '')">{{'DECISIONS-LIST.FILTER.' + model.activeFilter.labelKey + '-EMPTY' | translate}}</span>
  58. <span ng-if="model.decisions.size > 0 && model.filterText !='' && model.filterText !== undefined">{{'DECISIONS-LIST.FILTER.FILTER-TEXT' | translate:model}}</span>
  59. <span ng-if="model.decisions.size == 0 && model.filterText !='' && model.filterText !== undefined">{{'DECISIONS-LIST.FILTER.FILTER-TEXT-EMPTY' | translate:model}}</span>
  60. </div>
  61. </div>
  62. <div class="create-inline" ng-if="model.decisions.size == 0 && (!model.filterText || model.filterText == '')">
  63. <span>{{'DECISIONS-LIST.FILTER.' + model.activeFilter.labelKey + '-EMPTY' | translate}}</span>
  64. <span>
  65. <button type="button" class="btn btn-default" ng-click="createDecision()" ng-disabled="readOnly">
  66. <i class="glyphicon glyphicon-plus-sign"></i>{{'DECISIONS-LIST.ACTION.CREATE-' + model.activeFilter.labelKey + '-INLINE' | translate}}
  67. </button>
  68. </span>
  69. </div>
  70. <div class="item fadein" ng-repeat="decision in model.decisions.data track by $index">
  71. <div class="item-box" style="background-size: 90%" ng-style="{'background-image': 'url(\'' + getModelThumbnailUrl(decision.id, imageVersion) + '\')'}"
  72. ng-click="showDecisionDetails(decision);">
  73. <div class="actions">
  74. <span class="badge">v{{decision.version}}</span>
  75. <div class="btn-group pull-right">
  76. <button type="button" ng-click="showDecisionDetails(decision); $event.stopPropagation();" class="btn btn-default"
  77. title="{{'DECISION-TABLE.ACTION.DETAILS' | translate}}">
  78. <i class="glyphicon glyphicon-search"></i>
  79. </button>
  80. <button type="button" ng-click="editDecisionDetails(decision); $event.stopPropagation();" class="btn btn-default"
  81. title="{{'DECISION-TABLE.ACTION.OPEN-IN-EDITOR' | translate}}">
  82. <i class="glyphicon glyphicon-edit"></i>
  83. </button>
  84. </div>
  85. </div>
  86. <div class="details">
  87. <h3 class="truncate" title="{{decision.name}}">
  88. {{decision.name}}
  89. </h3>
  90. <div class="basic-details truncate">
  91. <span><i class="glyphicon glyphicon-user"></i> {{decision.createdBy}}</span> <span title="{{decision.lastUpdated | dateformat:'LLLL'}}"><i
  92. class="glyphicon glyphicon-pencil"></i> {{decision.lastUpdated | dateformat}}</span>
  93. </div>
  94. <p>{{decision.description}}</p>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="show-more" ng-if="model.decisions.data.length < model.decisions.total">
  99. <a>{{'DECISIONS-LIST.ACTION.SHOW-MORE' | translate}}</a>
  100. </div>
  101. </div>
  102. </div>