Rename extension (ang `msgtplui` => `crmMsgadm`, hyphen-form)
[civicrm-core.git] / ext / msgtplui / ang / msgtplui / Edit.html
1 <div id="bootstrap-theme">
2
3 <div crm-ui-debug="$ctrl"></div>
4
5 <ng-form name="edit_form">
6
7 <div class="form-group">
8 <label for="msgtpl_title">
9 {{:: ts('Message Title') }} <span class="crm-marker">*</span>
10 </label>
11 <input ng-model="$ctrl.records.main.msg_title" class="form-control" id="msgtpl_title" required title="{{:: ts('Required') }}" ng-disabled="!!$ctrl.records.main.workflow_name" />
12 <p class="help-block">{{:: ts('Descriptive title of the message - used for template selection') }}</p>
13 </div>
14
15 <div class="form-group" ng-if="$ctrl.lang">
16 <label for="msgtpl_language">
17 {{:: ts('Locale') }} <span class="crm-marker">*</span>
18 </label>
19 <input ng-model="$ctrl.locales[$ctrl.lang]" class="form-control" id="msgtpl_language" required title="{{:: ts('Required') }}" ng-disabled="true" />
20 <!-- TODO: Pretty name -->
21 </div>
22
23 <a name="crm-msgadm-tabs"></a>
24 <div class="panel panel-info">
25 <div class="panel-heading" role="navigation">
26 <ul class="nav nav-pills">
27 <li role="presentation" class="navitem" ng-class="{active: $ctrl.tab == 'main'}" ng-if="!$ctrl.lang">
28 <a crm-icon="fa-file-text" class="nav-link" ng-click="$ctrl.tab = 'main'">
29 {{::ts('Current')}}
30 </a>
31 </li>
32 <li role="presentation" class="navitem" ng-class="{active: $ctrl.tab == 'txActive'}" ng-if="!!$ctrl.lang">
33 <a crm-icon="fa-file-text" class="nav-link" ng-click="$ctrl.tab = 'txActive'">
34 {{::ts('Current')}}
35 </a>
36 </li>
37 <li role="presentation" class="navitem" ng-class="{active: $ctrl.tab == 'txDraft'}" ng-if="$ctrl.hasDraft()">
38 <a crm-icon="fa-file-text-o" class="nav-link" ng-click="$ctrl.tab = 'txDraft'">
39 {{::ts('Draft')}}
40 </a>
41 </li>
42 <li role="presentation" class="navitem" ng-class="{active: $ctrl.tab == 'original'}">
43 <a crm-icon="fa-file-text-o" class="nav-link" ng-click="$ctrl.tab = 'original'">
44 {{::ts('Original')}}
45 </a>
46 </li>
47 <li role="presentation" class="navitem pull-right" ng-show="$ctrl.tab.match('txActive|original') && !$ctrl.hasDraft() && $ctrl.allowDraft()">
48 <a crm-icon="fa-plus" class="nav-link text-success" ng-click="$ctrl.createDraft($ctrl.records[$ctrl.tab])">
49 {{::ts('Create draft')}}
50 </a>
51 </li>
52 <li role="presentation" class="navitem pull-right" ng-show="$ctrl.tab.match('txActive|original') && $ctrl.hasDraft() && $ctrl.allowDraft()">
53 <a crm-icon="fa-plus" class="nav-link text-warning" crm-confirm="{title: ts('Create draft?'), message: ts('There is already an existing draft. If you continue, it will be replaced with a clean draft. (Note: Changes will not take full effect until you save.)')}" on-yes="$ctrl.createDraft($ctrl.records[$ctrl.tab])">
54 {{::ts('Create draft')}}
55 </a>
56 </li>
57 <li role="presentation" class="navitem pull-right" ng-show="$ctrl.tab === 'txDraft'">
58 <a crm-icon="fa-trash" class="nav-link text-danger" crm-confirm="{type: 'delete', obj: {}, title: ts('Abandon draft?'), message: ts('Are you sure you want to abandon this draft? (Note: Changes will not take full effect until you save.)')}" on-yes="$ctrl.deleteDraft()">
59 {{ts('Abandon draft')}}
60 </a>
61 </li>
62 <li role="presentation" class="navitem pull-right" ng-show="$ctrl.tab === 'txDraft'">
63 <a crm-icon="fa-rocket" class="nav-link text-success" crm-confirm="{title: ts('Activate draft?'), message: ts('Are you sure you want to activate this draft? (Note: Changes will not take full effect until you save.)')}" on-yes="$ctrl.activateDraft()">
64 {{::ts('Activate draft')}}
65 </a>
66 </li>
67 </ul>
68 </div>
69 <div class="panel-body">
70 <crm-msgadm-edit-content options="{record: $ctrl.records[$ctrl.tab], tokenList: $ctrl.tokenList, disabled: true}" ng-if="$ctrl.tab==='original'"></crm-msgadm-edit-content>
71 <crm-msgadm-edit-content options="{record: $ctrl.records[$ctrl.tab], tokenList: $ctrl.tokenList}" ng-if="$ctrl.tab!=='original'"></crm-msgadm-edit-content>
72 </div>
73 </div>
74
75 <div class="btn-group pull-right">
76 <button crm-icon="fa-check" type="button" class="btn btn-primary" ng-click="$ctrl.save()">
77 {{:: ts('Save') }}
78 </button>
79 <button crm-icon="fa-check-circle" type="button" class="btn btn-primary" ng-click="$ctrl.save().then($ctrl.cancel)">
80 {{:: ts('Save and Done') }}
81 </button>
82 <button crm-icon="fa-times" type="button" class="btn btn-primary" ng-click="$ctrl.cancel()">
83 {{:: ts('Cancel') }}
84 </button>
85 <button crm-icon="fa-trash" type="button" class="btn btn-danger" crm-confirm="{type: 'delete', obj: {}, title: ts('Delete translation?'), message: ts('Are you sure want to delete this translation (%1)? This will remove any current and draft versions.', {1: $ctrl.lang})}" on-yes="$ctrl.delete()" ng-if="!!$ctrl.lang">
86 {{:: ts('Delete') }}
87 </button>
88 </div>
89
90 <div class="clearfix"></div>
91
92 </ng-form>
93
94 </div>