@byu-oit/vue-decision-processing-components 8.35.8 → 8.35.9

package/DecisionDialog.vue

@@ -1,178 +1,178 @@
-<!--
-   Copyright 2018 Brigham Young University
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
--->
-<template>
-  <modal
-  name="decision-modal"
-  height="auto"
-  draggable
-  @before-close="beforeClose"
-  >
-    <div class="bg-light p-1 text-uppercase">Enter Decision</div>
-    <div class="decision-dialog content-padding">
-      <div class="decision-buttons">
-        <span v-if="admitReasonList.length > 0" class="radio">
-          <input id="admit" type="radio" v-model="decision" value="A" name="decision">
-          <label for="admit">Admit</label>
-        </span>
-
-        <span v-if="denyReasonList.length > 0" class="radio">
-          <input id="deny" type="radio" v-model="decision" value="D" name="decision">
-          <label for="deny">Deny</label>
-        </span>
-
-        <span v-if="holdReasonList.length > 0" class="radio">
-          <input id="hold" type="radio" v-model="decision" value="H" name="decision">
-          <label for="hold">Hold</label>
-        </span>
-
-        <span v-if="archiveReasonList.length > 0" class="radio">
-          <input id="archive" type="radio" v-model="decision" value="V" name="decision">
-          <label for="archive">Archive</label>
-        </span>
-
-        <slot>
-          <select v-model="reason" class="full-span">
-            <option value="">Reason</option>
-            <option v-for="( r, i ) of reasons" :key="i" :value="r">
-              {{ r }}
-            </option>
-          </select>
-        </slot>
-        <div class="full-span">
-          <slot name="model"></slot>
-        </div>
-      </div>
-      <textarea
-        v-model="note"
-        class="new-note form-control"
-        placeholder="Note regarding this decision (optional)..."></textarea>
-      <span class="modal-footer">
-        <button class="btn btn-outline-primary" @click="saveDecision" :disabled="reason.length<1">Save</button>
-        <button class="btn btn-outline-secondary" @click="close">Cancel</button>
-      </span>
-    </div>
-  </modal>
-</template>
-<script>
-  import { mapActions } from 'vuex'
-
-  export default {
-    name: 'DecisionDialog',
-    props: {
-      admitReasonList: {
-        type: Array,
-        default() {
-          return [ 'Admit' ]
-        }
-      },
-      denyReasonList: {
-        type: Array,
-        default() {
-          return [ 'Deny' ]
-        }
-      },
-      holdReasonList: {
-        type: Array,
-        default() {
-          return [ 'Hold' ]
-        }
-      },
-      archiveReasonList: {
-        type: Array,
-        default() {
-          return [ 'Admit Period Closed', 'Wrong Admit Period', 'Duplicate Application' ]
-        }
-      },
-      appId: {
-        type: String,
-        required: true
-      },
-      model: {
-        type: String
-      }
-    },
-    data() {
-      return {
-        decision: 'OPEN',
-        reason: '',
-        note: ''
-      }
-    },
-    computed: {
-      reasons () {
-        switch(this.decision) {
-          case 'A':
-            return this.admitReasonList
-          case 'D':
-            return this.denyReasonList
-          case 'H':
-            return this.holdReasonList
-          case 'V':
-            return this.archiveReasonList
-          default:
-            return []
-        }
-      }
-    },
-    methods: {
-      ...mapActions(['enterDecision']),
-      beforeClose () {
-        this.decision = 'OPEN'
-      },
-      close () {
-        this.$modal.hide('decision-modal')
-      },
-      async saveDecision () {
-        await this.enterDecision({
-          appId: this.appId,
-          decision: this.decision,
-          reason: this.reason,
-          model: this.model
-        })
-        this.$modal.hide('decision-modal')
-      }
-    }
-  }
-</script>
-<style scoped>
-  .radio {
-    padding: 0rem 0.5rem;
-    white-space: nowrap;
-  }
-  .full-span {
-    grid-column: 1 / -1;
-  }
-  .decision-dialog {
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-template-rows: auto 1fr auto;
-    height: 100%;
-    min-height: 15rem;
-  }
-  .decision-buttons {
-    padding: 0.5rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
-    grid-gap: 0.5rem;
-  }
-  .edit-area {
-    display: flex;
-    flex-direction: column;
-  }
-  .new-note {
-    height: 10rem;
-  }
-</style>
+<!--
+   Copyright 2018 Brigham Young University
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+-->
+<template>
+  <modal
+  name="decision-modal"
+  height="auto"
+  draggable
+  @before-close="beforeClose"
+  >
+    <div class="bg-light p-1 text-uppercase">Enter Decision</div>
+    <div class="decision-dialog content-padding">
+      <div class="decision-buttons">
+        <span v-if="admitReasonList.length > 0" class="radio">
+          <input id="admit" type="radio" v-model="decision" value="A" name="decision">
+          <label for="admit">Admit</label>
+        </span>
+
+        <span v-if="denyReasonList.length > 0" class="radio">
+          <input id="deny" type="radio" v-model="decision" value="D" name="decision">
+          <label for="deny">Deny</label>
+        </span>
+
+        <span v-if="holdReasonList.length > 0" class="radio">
+          <input id="hold" type="radio" v-model="decision" value="H" name="decision">
+          <label for="hold">Hold</label>
+        </span>
+
+        <span v-if="archiveReasonList.length > 0" class="radio">
+          <input id="archive" type="radio" v-model="decision" value="V" name="decision">
+          <label for="archive">Archive</label>
+        </span>
+
+        <slot>
+          <select v-model="reason" class="full-span">
+            <option value="">Reason</option>
+            <option v-for="( r, i ) of reasons" :key="i" :value="r">
+              {{ r }}
+            </option>
+          </select>
+        </slot>
+        <div class="full-span">
+          <slot name="model"></slot>
+        </div>
+      </div>
+      <textarea
+        v-model="note"
+        class="new-note form-control"
+        placeholder="Note regarding this decision (optional)..."></textarea>
+      <span class="modal-footer">
+        <button class="btn btn-outline-primary" @click="saveDecision" :disabled="reason.length<1">Save</button>
+        <button class="btn btn-outline-secondary" @click="close">Cancel</button>
+      </span>
+    </div>
+  </modal>
+</template>
+<script>
+  import { mapActions } from 'vuex'
+
+  export default {
+    name: 'DecisionDialog',
+    props: {
+      admitReasonList: {
+        type: Array,
+        default() {
+          return [ 'Admit' ]
+        }
+      },
+      denyReasonList: {
+        type: Array,
+        default() {
+          return [ 'Deny' ]
+        }
+      },
+      holdReasonList: {
+        type: Array,
+        default() {
+          return [ 'Hold' ]
+        }
+      },
+      archiveReasonList: {
+        type: Array,
+        default() {
+          return [ 'Admit Period Closed', 'Wrong Admit Period', 'Duplicate Application' ]
+        }
+      },
+      appId: {
+        type: String,
+        required: true
+      },
+      model: {
+        type: String
+      }
+    },
+    data() {
+      return {
+        decision: 'OPEN',
+        reason: '',
+        note: ''
+      }
+    },
+    computed: {
+      reasons () {
+        switch(this.decision) {
+          case 'A':
+            return this.admitReasonList
+          case 'D':
+            return this.denyReasonList
+          case 'H':
+            return this.holdReasonList
+          case 'V':
+            return this.archiveReasonList
+          default:
+            return []
+        }
+      }
+    },
+    methods: {
+      ...mapActions(['enterDecision']),
+      beforeClose () {
+        this.decision = 'OPEN'
+      },
+      close () {
+        this.$modal.hide('decision-modal')
+      },
+      async saveDecision () {
+        await this.enterDecision({
+          appId: this.appId,
+          decision: this.decision,
+          reason: this.reason,
+          model: this.model
+        })
+        this.$modal.hide('decision-modal')
+      }
+    }
+  }
+</script>
+<style scoped>
+  .radio {
+    padding: 0rem 0.5rem;
+    white-space: nowrap;
+  }
+  .full-span {
+    grid-column: 1 / -1;
+  }
+  .decision-dialog {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr auto;
+    height: 100%;
+    min-height: 15rem;
+  }
+  .decision-buttons {
+    padding: 0.5rem;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
+    grid-gap: 0.5rem;
+  }
+  .edit-area {
+    display: flex;
+    flex-direction: column;
+  }
+  .new-note {
+    height: 10rem;
+  }
+</style>

package/Details.vue

@@ -1,124 +1,124 @@
-<!--
-   Copyright 2018 Brigham Young University
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
--->
-<template>
-  <section class="content-padding">
-    <div v-if="applicantName || !loading">
-      <div v-if="errorText" class="alert alert-danger" role="alert">
-        {{errorText}}
-      </div>
-      <div data-v-else class="grid">
-        <DetailsHeader class="header bg-dark text-white" />
-        <DetailsDecision class="decision" />
-        <DetailsContact class="contact" />
-        <DetailsActions class="actions" />
-        <DetailsCollege class="college" />
-        <DetailsBackground class="background" />
-        <DetailsEndorsement class="endorsement" />
-        <DetailsNotes class="notes" />
-      </div>
-      <button class="btn btn-outline-primary" @click="goBack">Back</button>
-    </div>
-    <div v-else style="margin-top: 25rem;">
-      Applicant Name: {{applicantName}}
-    </div>
-    <v-dialog />
-    <FlagDialog />
-    <DecisionDialog />
-    <NoteDialog />
-    <SupportDialog />
-  </section>
-</template>
-<script>
-  import safeGet from 'lodash.get'
-  import { dateTimeFilter } from './dateTimeFormat'
-  import Spinner from './Spinner'
-  import DetailsHeader from './DetailsHeader'
-  import DetailsContact from './DetailsContact'
-  import DetailsDecision from './DetailsDecision'
-  import DetailsCollege from './DetailsCollege'
-  import DetailsBackground from './DetailsBackground'
-  import DetailsEndorsement from './DetailsEndorsement'
-  import DetailsActions from './DetailsActions'
-  import DetailsNotes from './DetailsNotes'
-  import FlagDialog from './FlagDialog'
-  import DecisionDialog from './DecisionDialog'
-  import NoteDialog from './NoteDialog'
-  import SupportDialog from './SupportDialog'
-  import { mapState, mapGetters, mapActions } from 'vuex'
-
-  export default {
-    name: "Details",
-    props: ["application_uuid"],
-    components: {
-      DetailsHeader,
-      DetailsContact,
-      DetailsDecision,
-      DetailsCollege,
-      DetailsBackground,
-      DetailsEndorsement,
-      DetailsActions,
-      DetailsNotes,
-      FlagDialog,
-      DecisionDialog,
-      NoteDialog,
-      SupportDialog,
-      Spinner
-    },
-    created() {
-      this.fetchApplication(this.application_uuid)
-    },
-    computed: {
-      ...mapGetters(['loading']),
-      ...mapState({
-        errorText: state => state.apiError.message,
-        applicantName: state => state.application.applicantName
-      })
-    },
-    methods: {
-      ...mapActions({
-        fetchApplication: 'fetchApplication'
-      }),
-      safeGet,
-      goBack () {
-        window.history.back()
-      }
-    }
-  }
-</script>
-<style scoped>
-  .grid {
-    display: grid;
-    grid-template-columns: 1fr minmax(15rem, 20rem);
-    grid-gap: 0.5rem;
-    grid-auto-rows: auto;
-    grid-template-areas:
-    "header decision"
-    "contact contact"
-    "college actions"
-    "background actions"
-    "endorsement action"
-    "notes notes";
-    margin-bottom: 0.5rem;
-  }
-  .header { grid-area: header; }
-  .decision { grid-area: decision; }
-  .contact { grid-area: contact; }
-  .college { grid-area: college; }
-  .background { grid-area: background; }
-  .endorsement { grid-area: endorsement; }
-  .actions { grid-area: actions; }
-  .notes { grid-area: notes; }
-</style>
+<!--
+   Copyright 2018 Brigham Young University
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+-->
+<template>
+  <section class="content-padding">
+    <div v-if="applicantName || !loading">
+      <div v-if="errorText" class="alert alert-danger" role="alert">
+        {{errorText}}
+      </div>
+      <div data-v-else class="grid">
+        <DetailsHeader class="header bg-dark text-white" />
+        <DetailsDecision class="decision" />
+        <DetailsContact class="contact" />
+        <DetailsActions class="actions" />
+        <DetailsCollege class="college" />
+        <DetailsBackground class="background" />
+        <DetailsEndorsement class="endorsement" />
+        <DetailsNotes class="notes" />
+      </div>
+      <button class="btn btn-outline-primary" @click="goBack">Back</button>
+    </div>
+    <div v-else style="margin-top: 25rem;">
+      Applicant Name: {{applicantName}}
+    </div>
+    <v-dialog />
+    <FlagDialog />
+    <DecisionDialog />
+    <NoteDialog />
+    <SupportDialog />
+  </section>
+</template>
+<script>
+  import safeGet from 'lodash.get'
+  import { dateTimeFilter } from './dateTimeFormat'
+  import Spinner from './Spinner'
+  import DetailsHeader from './DetailsHeader'
+  import DetailsContact from './DetailsContact'
+  import DetailsDecision from './DetailsDecision'
+  import DetailsCollege from './DetailsCollege'
+  import DetailsBackground from './DetailsBackground'
+  import DetailsEndorsement from './DetailsEndorsement'
+  import DetailsActions from './DetailsActions'
+  import DetailsNotes from './DetailsNotes'
+  import FlagDialog from './FlagDialog'
+  import DecisionDialog from './DecisionDialog'
+  import NoteDialog from './NoteDialog'
+  import SupportDialog from './SupportDialog'
+  import { mapState, mapGetters, mapActions } from 'vuex'
+
+  export default {
+    name: "Details",
+    props: ["application_uuid"],
+    components: {
+      DetailsHeader,
+      DetailsContact,
+      DetailsDecision,
+      DetailsCollege,
+      DetailsBackground,
+      DetailsEndorsement,
+      DetailsActions,
+      DetailsNotes,
+      FlagDialog,
+      DecisionDialog,
+      NoteDialog,
+      SupportDialog,
+      Spinner
+    },
+    created() {
+      this.fetchApplication(this.application_uuid)
+    },
+    computed: {
+      ...mapGetters(['loading']),
+      ...mapState({
+        errorText: state => state.apiError.message,
+        applicantName: state => state.application.applicantName
+      })
+    },
+    methods: {
+      ...mapActions({
+        fetchApplication: 'fetchApplication'
+      }),
+      safeGet,
+      goBack () {
+        window.history.back()
+      }
+    }
+  }
+</script>
+<style scoped>
+  .grid {
+    display: grid;
+    grid-template-columns: 1fr minmax(15rem, 20rem);
+    grid-gap: 0.5rem;
+    grid-auto-rows: auto;
+    grid-template-areas:
+    "header decision"
+    "contact contact"
+    "college actions"
+    "background actions"
+    "endorsement action"
+    "notes notes";
+    margin-bottom: 0.5rem;
+  }
+  .header { grid-area: header; }
+  .decision { grid-area: decision; }
+  .contact { grid-area: contact; }
+  .college { grid-area: college; }
+  .background { grid-area: background; }
+  .endorsement { grid-area: endorsement; }
+  .actions { grid-area: actions; }
+  .notes { grid-area: notes; }
+</style>