Merge pull request #15326 from totten/master-headfoot-2
[civicrm-core.git] / ang / crmMailing / EditMailingCtrl / workflow.html
1 <div ng-form="crmMailingSubform">
2 <div class="crm-block crm-form-block crmMailing">
3
4 <div crm-ui-wizard>
5
6 <div crm-ui-wizard-step="10" crm-title="ts('Content')" ng-form="contentForm" ng-if="checkPerm('create mailings') || checkPerm('access CiviMail')">
7 <div crm-mailing-block-summary crm-mailing="mailing"></div>
8 <div crm-mailing-block-mailing crm-mailing="mailing"></div>
9 <div crm-ui-accordion="{title: ts('HTML'), help: hs('html')}">
10 <div crm-mailing-body-html crm-mailing="mailing"></div>
11 </div>
12 <div crm-ui-accordion="{title: ts('Plain Text'), collapsed: !mailing.body_text, help: hs('text')}">
13 <div crm-mailing-body-text crm-mailing="mailing"></div>
14 </div>
15 <span ng-model="placeholder" crm-ui-validate="mailing.body_html || mailing.body_text"></span>
16 <div crm-ui-accordion="{title: ts('Header and Footer'), collapsed: true}" ng-if="mailingFields.header_id.options.length > 0 || mailingFields.footer_id.options.length > 0">
17 <div crm-mailing-block-header-footer crm-mailing="mailing"></div>
18 </div>
19 <div crm-ui-accordion="{title: ts('Attachments'), collapsed: true}">
20 <div crm-attachments="attachments"></div>
21 </div>
22 <div crm-ui-accordion="{title: ts('Preview')}">
23 <div crm-mailing-block-preview crm-mailing="mailing" on-preview="previewMailing(mailing, preview.mode)" on-send="sendTest(mailing, attachments, preview.recipient)"></div>
24 </div>
25 </div>
26
27 <div crm-ui-wizard-step="20" crm-title="ts('Options')" ng-form="optionsForm" ng-if="checkPerm('create mailings') || checkPerm('access CiviMail')">
28 <div crm-ui-accordion="{title: ts('Responses'), collapsed: true}">
29 <div crm-mailing-block-responses crm-mailing="mailing"></div>
30 </div>
31 <div crm-ui-accordion="{title: ts('Tracking'), collapsed: true}">
32 <div crm-mailing-block-tracking crm-mailing="mailing"></div>
33 </div>
34 <div crm-ui-accordion="{title: ts('Publication'), collapsed: true}">
35 <div crm-mailing-block-publication crm-mailing="mailing"></div>
36 </div>
37 </div>
38
39 <div crm-ui-wizard-step="40" crm-title="ts('Review')" ng-form="schedForm" ng-if="checkPerm('schedule mailings') || checkPerm('access CiviMail')">
40 <div crm-ui-accordion="{title: ts('Review')}">
41 <div crm-mailing-block-review crm-mailing="mailing" crm-mailing-attachments="attachments"></div>
42 </div>
43 <div crm-ui-accordion="{title: ts('Schedule')}">
44 <div crm-mailing-block-schedule crm-mailing="mailing"></div>
45 </div>
46 <div crm-ui-accordion="{title: ts('Approval')}" ng-if="checkPerm('approve mailings') || checkPerm('access CiviMail')">
47 <div crm-mailing-block-approve crm-mailing="mailing"></div>
48 </div>
49 <center ng-if="!checkPerm('approve mailings') && !checkPerm('access CiviMail')">
50 <a class="button crmMailing-submit-button crmMailing-btn-primary" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailingSubform.$invalid}">
51 <div>{{ts('Submit Mailing')}}</div>
52 </a>
53 </center>
54 <center ng-if="checkPerm('approve mailings') || checkPerm('access CiviMail')">
55 <a class="button crmMailing-submit-button crmMailing-btn-primary" ng-click="approve('Approved')" ng-class="{blocking: block.check(), disabled: crmMailingSubform.$invalid}">
56 <div>{{ts('Submit and Approve Mailing')}}</div>
57 </a>
58 </center>
59 </div>
60
61 <span crm-ui-wizard-buttons style="float:right;">
62 <button
63 crm-icon="fa-trash"
64 ng-show="checkPerm('delete in CiviMail')"
65 class="crmMailing-btn-danger-outline"
66 ng-disabled="block.check()"
67 crm-confirm="{title:ts('Delete Draft'), message:ts('Are you sure you want to permanently delete this mailing?')}"
68 on-yes="delete()">{{ts('Delete Draft')}}</button>
69 <button crm-icon="fa-floppy-o" ng-disabled="block.check()" ng-click="save().then(leave)" class="crmMailing-btn-secondary-outline">{{ts('Save Draft')}}</button>
70 </span>
71 </div>
72 </div>
73 </div>