-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(network): add emailing of Locals about their Antenna Criteria fu…
…lfilment (#2206) * feat(network): Add assignment of NetCommie to Local * chore(network): Update permission checking * feat(network): Add editing of AC mail template text * chore(network): Change intend of mail modal * chore(network): Remove the button to send emails to all Locals * feat(network): Add modal to send AC fulfilment emails with template text Also adds the missing 'Agora attendance' that I missed when making the previous modal * chore(network): Correctly capitalise Local type * feat(network): Add assigned NetCom in copy of mail * chore(network): Restructure logic of needed Antenna Criteria * fix(network): Fix correctly showing of tags for fulfilment Fixes that some criteria did not display exceptions correctly TODO: update the display of the detailed information to have the same structure * chore(network): Fix lint * fix(network): correctly use mail template * chore(network): update AC to be in line with CIA 35.1 * fix(network): correct find NetCom body in database * chore(network): fix lint * fix(network): correctly rerender updating NetCom assignment Also removes previous merging error with permissions
- Loading branch information
1 parent
1678d39
commit 6671d8d
Showing
4 changed files
with
404 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| <template> | ||
| <div class="modal-card" style="height: 75vh"> | ||
| <header class="modal-card-head"> | ||
| <p class="modal-card-title">Change fulfilment email text</p> | ||
| <button class="delete" aria-label="close" @click="$parent.close()" /> | ||
| </header> | ||
|
|
||
| <section class="modal-card-body"> | ||
| <div class="notification is-warning"> | ||
| You can type the following to be replaced with the actual data: | ||
| <ul style="list-style: inside"> | ||
| <li><em>{body_name}</em> - name of the body</li> | ||
| <li><em>{agora_name}</em> - name of the Agora</li> | ||
| <li><em>{netcom_name}</em> - name of the assigned NetCommie</li> | ||
| <li><em>{local_type}</em> - type of the Local</li> | ||
| <li><em>{antenna_criteria_amount}</em> - the amount of Antenna Criteria to fulfil</li> | ||
| </ul> | ||
| You can also use Markdown, here are some basic functions: | ||
| <ul style="list-style: inside"> | ||
| <li>Placing * around a word makes it <em>italic</em></li> | ||
| <li>Placing ** around a word makes it <strong>bold</strong></li> | ||
| <li>A link can be made by typing it like "[text to display](url)"</li> | ||
| <li>Enters can be inserted by typing "<br>"</li> | ||
| <li>Placing "<r>XXX</r>" around a word makes it <span style="color: red">red</span></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <b-field label="Introduction text"> | ||
| <b-input type="textarea" v-model="parts.introduction" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Communication"> | ||
| <b-input type="textarea" v-model="parts.communication" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Board election"> | ||
| <b-input type="textarea" v-model="parts.boardElection" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Members list"> | ||
| <b-input type="textarea" v-model="parts.membersList" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Membership fee"> | ||
| <b-input type="textarea" v-model="parts.membershipFee" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Events"> | ||
| <b-input type="textarea" v-model="parts.events" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Agora attendance"> | ||
| <b-input type="textarea" v-model="parts.agoraAttendance" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Development plan"> | ||
| <b-input type="textarea" v-model="parts.developmentPlan" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Fulfilment Report"> | ||
| <b-input type="textarea" v-model="parts.fulfilmentReport" /> | ||
| </b-field> | ||
|
|
||
| <b-field label="Closing"> | ||
| <b-input type="textarea" v-model="parts.closing" /> | ||
| </b-field> | ||
|
|
||
| <hr /> | ||
|
|
||
| <h2 class="subtitle">Preview of full mail</h2> | ||
| <span v-html="$options.filters.markdown(mail)" /> | ||
|
|
||
| </section> | ||
|
|
||
| <footer class="modal-card-foot"> | ||
| <button class="button is-primary" @click="save()">Save</button> | ||
| <button class="button" @click="$parent.close()">Cancel</button> | ||
| </footer> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| export default { | ||
| name: 'AntennaCriteriaMail', | ||
| props: ['agora', 'mailComponents', 'permissions', 'services', 'showError', 'showSuccess', 'router'], | ||
| data () { | ||
| return { | ||
| parts: { | ||
| introduction: '', | ||
| communication: '', | ||
| boardElection: '', | ||
| membersList: '', | ||
| membershipFee: '', | ||
| events: '', | ||
| agoraAttendance: '', | ||
| developmentPlan: '', | ||
| fulfilmentReport: '', | ||
| closing: '' | ||
| } | ||
| } | ||
| }, | ||
| methods: { | ||
| async setMailComponent (component, text) { | ||
| const data = { | ||
| 'agora_id': this.agora.id, | ||
| 'mail_component': component, | ||
| 'text': text | ||
| } | ||
| await this.axios.put( | ||
| this.services['network'] + '/mailComponent', | ||
| data | ||
| ).catch((err) => { | ||
| this.showError('Error saving mail component', err) | ||
| }) | ||
| }, | ||
| async save () { | ||
| const promises = [] | ||
| for (const part in this.parts) { | ||
| const component = part.replace(/([a-z])([A-Z])/g, '$1 $2').toLowerCase() | ||
| const original = this.mailComponents.find(c => c.mail_component === component) | ||
| if (original !== this.parts[part]) { | ||
| promises.push(this.setMailComponent(component, this.parts[part])) | ||
| } | ||
| } | ||
| await Promise.all(promises).then(() => { | ||
| this.showSuccess('Mail components updated.') | ||
| this.router.go(0) | ||
| }).catch((err) => { | ||
| this.showError('Something went wrong', err) | ||
| }) | ||
| } | ||
| }, | ||
| computed: { | ||
| mail () { | ||
| // Combine all the different items in parts, in order | ||
| const rawMail = Object.values(this.parts).join('<br><br>') | ||
| return rawMail.replaceAll('<r>', '<span style="color: red">').replaceAll('</r>', '</span>') | ||
| } | ||
| }, | ||
| mounted () { | ||
| for (const component of this.mailComponents) { | ||
| const part = component.mail_component.replace(/ (\w)/g, (_, c) => c.toUpperCase()) | ||
| this.parts[part] = component.text | ||
| } | ||
| } | ||
| } | ||
| </script> |
Oops, something went wrong.