|
@@ -1,17 +1,3 @@
|
|
-<style>
|
|
|
|
-#outgoingEmailTemplate .ql-editor {
|
|
|
|
- padding: 0 15px 15px 15px;
|
|
|
|
-}
|
|
|
|
-#outgoingEmailTemplate .ql-snow.ql-toolbar button,
|
|
|
|
-#outgoingEmailTemplate .ql-snow .ql-toolbar button {
|
|
|
|
- min-width: initial;
|
|
|
|
- border: none;
|
|
|
|
- background-color: #f7f7f7;
|
|
|
|
-}
|
|
|
|
-#outgoingEmailTemplate .ql-toolbar.ql-snow {
|
|
|
|
- background-color: #f7f7f7;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|
|
<div class="d-inline" id="outgoingEmailTemplate">
|
|
<div class="d-inline" id="outgoingEmailTemplate">
|
|
<div moe wide center class="ml-auto">
|
|
<div moe wide center class="ml-auto">
|
|
<a show href="" start>Send Email</a>
|
|
<a show href="" start>Send Email</a>
|
|
@@ -51,7 +37,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<button class="btn btn-primary btn-sm" submit>Submit</button>
|
|
<button class="btn btn-primary btn-sm" submit>Submit</button>
|
|
- <button class="btn btn-primary btn-sm" cancel>Cancel</button>
|
|
|
|
|
|
+ <button class="btn btn-secondary btn-sm" cancel>Cancel</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@@ -70,7 +56,8 @@
|
|
},
|
|
},
|
|
fromEmailAddresses: [
|
|
fromEmailAddresses: [
|
|
'carelink@leadershiphealth.org'
|
|
'carelink@leadershiphealth.org'
|
|
- ]
|
|
|
|
|
|
+ ],
|
|
|
|
+ quill: null
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
setTemplate: function(evt) {
|
|
setTemplate: function(evt) {
|
|
@@ -84,7 +71,7 @@
|
|
self.template = self.templates[value];
|
|
self.template = self.templates[value];
|
|
self.quill.root.innerHTML = self.template.default_message_body_tpl;
|
|
self.quill.root.innerHTML = self.template.default_message_body_tpl;
|
|
},
|
|
},
|
|
- loadOugoingEmailTemplates: function() {
|
|
|
|
|
|
+ loadOutgoingEmailTemplates: function() {
|
|
var self = this;
|
|
var self = this;
|
|
$.get("{{ route('outgoingEmailTemplates') }}", {}, function(response) {
|
|
$.get("{{ route('outgoingEmailTemplates') }}", {}, function(response) {
|
|
self.templates = response.data;
|
|
self.templates = response.data;
|
|
@@ -95,7 +82,6 @@
|
|
self.quill = new Quill('#htmlBody', {
|
|
self.quill = new Quill('#htmlBody', {
|
|
theme: 'snow',
|
|
theme: 'snow',
|
|
modules:{
|
|
modules:{
|
|
- 'syntax': true,
|
|
|
|
'toolbar': [
|
|
'toolbar': [
|
|
[{ 'font': [] }, { 'size': [] }],
|
|
[{ 'font': [] }, { 'size': [] }],
|
|
[ 'bold', 'italic', 'underline', 'strike' ],
|
|
[ 'bold', 'italic', 'underline', 'strike' ],
|
|
@@ -114,7 +100,7 @@
|
|
});
|
|
});
|
|
},
|
|
},
|
|
init: function() {
|
|
init: function() {
|
|
- this.loadOugoingEmailTemplates();
|
|
|
|
|
|
+ this.loadOutgoingEmailTemplates();
|
|
this.initQuillEditor();
|
|
this.initQuillEditor();
|
|
}
|
|
}
|
|
},
|
|
},
|