afHtmlEditor - Use more BS3
[civicrm-core.git] / ext / afform / html / ang / afHtmlEditor.aff.html
1 <div af-api4-ctrl="apiData" af-api4="['Afform', 'get', {layoutFormat: 'html', where: [['name', '=', options.name]]}]">
2
3 <div ng-if="apiData.result.length == 0">
4 {{ts('Failed to find requested form.')}}
5 </div>
6
7 <div ng-repeat="resultForm in apiData.result" ng-if="apiData.result.length > 0" class="container-fluid">
8
9 <div class="row">
10
11 <div class="col-sm-12 col-md-4">
12 <div class="panel panel-default">
13 <div class="panel-heading">{{ts('Properties')}}</div>
14 <div class="panel-body">
15
16 <div crm-ui-debug="resultForm"></div>
17
18 <div class="form-group">
19 <label class="control-label">{{ts('Name')}}</label>
20 <p class="form-control-static">{{resultForm.name}}</p>
21 </div>
22 <div class="form-group">
23 <label class="control-label">{{ts('Title')}}</label>
24 <input ng-model="resultForm.title" type="text" class="form-control" />
25 </div>
26 <div class="form-group">
27 <label class="control-label">{{ts('Path')}}</label>
28 <input ng-model="resultForm.server_route" type="text" class="form-control" />
29 </div>
30 <div class="form-group">
31 <label class="control-label">{{ts('Permission')}}</label>
32 <input ng-model="resultForm.permission" type="text" class="form-control" />
33 </div>
34 <div class="form-group">
35 <label class="control-label">{{ts('Description')}}</label>
36 <textarea class="form-control" ng-model="resultForm.description"></textarea>
37 </div>
38
39 </div>
40 </div>
41
42 <div class="clearfix"></div>
43 </div>
44
45 <div class="col-sm-12 col-md-8">
46 <div class="panel panel-default">
47 <div class="panel-heading">
48 <div class="btn-group btn-group-xs pull-right" role="group" aria-label="{{ts('Actions')}}">
49
50 <a class="btn btn-default" target="_blank" ng-href="{{crmUrl(resultForm.server_route)}}" ng-if="resultForm.server_route">
51 <i class="crm-i fa-location-arrow"></i>
52 {{ts('Open')}}
53 </a>
54
55 <a class="btn btn-default"
56 af-api4-action="['Afform', 'update', {layoutFormat: 'html', where: [['name', '=', resultForm.name]], values:resultForm}]">
57 <i class="crm-i fa-floppy-o"></i>
58 {{ts('Save')}}
59 </a>
60
61 </div>
62
63 {{ts('Markup')}}
64 </div>
65 <div class="panel-body">
66 <div af-monaco ng-model="resultForm.layout"></div>
67 </div>
68 </div>
69 </div>
70
71 </div>
72 </div>
73
74 </div>