1<form class="forms">
2<div class="dialog-lg dialog-resizable" style="height:80vh">
3  <div class="panel-header">
4    <h2 class="ellipsis">{{header}}</h2>
5  </div>
6  <div class="alert alert-warning" ng-if="error_message">{{error_message}}</div>
7  <div class="panel-content" style="height:calc(100% - 100px)">
8    <div class="row margin-bottom-half">
9      <h4 class="ellipsis margin-right-half">{{doc_id}}</h4>
10      <span ng-show="doc_meta" class="blue-1 text-small nowrap cursor-pointer" uib-tooltip-html="{{doc_meta}}"
11        tooltip-placement="right" tooltip-append-to-body="true"
12        tooltip-trigger="'mousedown'">metadata</span>
13    </div>
14    <div
15       ui-ace="ace_options"
16       ng-model="doc_json"
17       style="height:98%;"
18       class="wb-ace-editor column flex-grow-2">
19    </div>
20  </div>
21  <div class="panel-footer">
22    <a ng-click="$dismiss('cancel')" ng-hide="readonly">
23      Cancel
24    </a>
25    <button
26       ng-hide="readonly"
27       type="submit"
28       ng-disabled="errors()"
29       ng-click="!errors() && $close('ok')">
30       Save
31     </button>
32    <button
33       ng-show="readonly"
34       type="submit"
35       ng-click="$close('ok')">
36      Done
37    </button>
38  </div>
39</div>
40</form>
41