|
@@ -1,33 +1,88 @@
|
|
|
-<div moe wide center class="ml-auto">
|
|
|
- <a show href="" start>Send Email</a>
|
|
|
- <form url="/api/imail/create">
|
|
|
- <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
|
|
|
+<div class="d-inline" id="outgoingEmailTemplate">
|
|
|
+ <div moe wide center class="ml-auto">
|
|
|
+ <a show href="" start>Send Email</a>
|
|
|
+ <form url="/api/imail/create">
|
|
|
+ <div id="outgoingEmailTemplateComponent" v-cloak>
|
|
|
+ <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
|
|
|
|
|
|
- <div class="form-group">
|
|
|
- <label for="" class="control-label">From Email</label>
|
|
|
- <select name="fromEmailAddress" class="form-control input-sm">
|
|
|
- <option value="carelink@leadershiphealth.org">carelink@leadershiphealth.org</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="" class="control-label">From Name</label>
|
|
|
- <input class="form-control input-sm" type="text" name="fromName" >
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="" class="control-label">To Email</label>
|
|
|
- <input class="form-control input-sm" type="email" name="toEmailAddress" value="{{$patient->email_address}}" >
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="" class="control-label">Subject</label>
|
|
|
- <input class="form-control input-sm" type="text" name="subject" >
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="" class="control-label">Body</label>
|
|
|
- <textarea rte class="form-control " name="htmlBody"></textarea>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <button class="btn btn-primary btn-sm" submit>Submit</button>
|
|
|
- <button class="btn btn-primary btn-sm" cancel>Cancel</button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
-</div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="" class="control-label">Ougoing Email Template</label>
|
|
|
+ <select name="fromEmailAddress" class="form-control input-sm" @change="setTemplate">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="(template,i) in templates" v-bind:value="i">@{{ template.default_subject_tpl }}</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="" class="control-label">From Email</label>
|
|
|
+ <input type="email" name="fromEmailAddress" class="form-control input-sm" v-model="template.default_from_email" />
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="" class="control-label">From Name</label>
|
|
|
+ <input class="form-control input-sm" type="text" name="fromName" v-model="template.default_from_name">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="" class="control-label">To Email</label>
|
|
|
+ <input class="form-control input-sm" type="email" name="toEmailAddress" value="{{$patient->email_address}}">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="" class="control-label">Subject</label>
|
|
|
+ <input class="form-control input-sm" type="text" name="subject" v-model="template.default_subject_tpl">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="" class="control-label">Body</label>
|
|
|
+ <textarea rte class="form-control " name="htmlBody" v-model="template.default_message_body_tpl"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <button class="btn btn-primary btn-sm" submit>Submit</button>
|
|
|
+ <button class="btn btn-primary btn-sm" cancel>Cancel</button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+<script>
|
|
|
+ (function() {
|
|
|
+ function init() {
|
|
|
+ var outgoingEmailTemplate = new Vue({
|
|
|
+ el: '#outgoingEmailTemplateComponent',
|
|
|
+ data: {
|
|
|
+ templates:[],
|
|
|
+ template:{
|
|
|
+ default_from_email:'carelink@leadershiphealth.org'
|
|
|
+ },
|
|
|
+ fromEmailAddresses:[
|
|
|
+ 'carelink@leadershiphealth.org'
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setTemplate: function(evt){
|
|
|
+ var self = this;
|
|
|
+ var input = evt.target;
|
|
|
+ var value = parseInt(evt.target.value);
|
|
|
+ if(isNaN(value)){
|
|
|
+ self.template = {};
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ self.template = self.templates[value];
|
|
|
+ },
|
|
|
+ loadOugoingEmailTemplates: function(){
|
|
|
+ var self = this;
|
|
|
+ $.get("{{ route('outgoingEmailTemplates') }}", {}, function(response){
|
|
|
+ self.templates = response.data;
|
|
|
+ }, 'json');
|
|
|
+ },
|
|
|
+ init: function() {
|
|
|
+ this.loadOugoingEmailTemplates();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
+ this.init();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ addMCInitializer('outgoingEmailTemplate', init);
|
|
|
+ })();
|
|
|
+</script>
|