@byu-oit/vue-decision-processing-components 9.7.11 → 9.7.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/AssignmentDialog.vue +4 -1
  2. package/DecisionDialog.vue +4 -1
  3. package/DetailsHeader.vue +4 -4
  4. package/Queues.vue +12 -8
  5. package/QuickLinks.vue +6 -1
  6. package/Report.vue +1 -1
  7. package/RoleSelector.vue +2 -1
  8. package/SearchForm.vue +1 -1
  9. package/package.json +1 -1
package/AssignmentDialog.vue CHANGED
@@ -34,10 +34,13 @@
34
34
  >{{ user.name }}</option>
35
35
  <option value="UNASSIGNED">Unassigned</option>
36
36
  </select>
37
+ <label for="note" class="sr-only">Note(optional)</label>
37
38
  <textarea
38
39
  v-model="note"
39
40
  class="new-note form-control"
40
- placeholder="Note (optional)..."></textarea>
41
+ placeholder="Note (optional)..."
42
+ id="note"
43
+ ></textarea>
41
44
  <span class="modal-footer">
42
45
  <button class="btn btn-outline-primary" @click="saveAssignment" :disabled="!pool && newAssignee === assignedTo">Save</button>
43
46
  <button class="btn btn-outline-secondary" @click="close">Cancel</button>
package/DecisionDialog.vue CHANGED
@@ -44,7 +44,8 @@
44
44
  </span>
45
45
 
46
46
  <slot>
47
- <select v-model="reason" class="full-span">
47
+ <label for="decision-reason" class="sr-only">Reason</label>
48
+ <select id="decision-reason" v-model="reason" class="full-span">
48
49
  <option value="">Reason</option>
49
50
  <option v-for="( r, i ) of reasons" :key="i" :value="r">
50
51
  {{ r }}
@@ -55,7 +56,9 @@
55
56
  <slot name="model"></slot>
56
57
  </div>
57
58
  </div>
59
+ <label for="decision-note" class="sr-only">Note regarding this decision (optional)</label>
58
60
  <textarea
61
+ id="decision-note"
59
62
  v-model="note"
60
63
  class="new-note form-control"
61
64
  placeholder="Note regarding this decision (optional)..."></textarea>
package/DetailsHeader.vue CHANGED
@@ -34,8 +34,8 @@
34
34
  <slot name="actionsCompact"></slot>
35
35
  </div>
36
36
  <div class="bug" v-if="!hideBug">
37
- <button class="btn btn-sm btn-outline-warning" title="Submit an incident" @click="openSupportModal">
38
- <font-awesome-icon :icon="bug" />
37
+ <button type="button" class="btn btn-sm btn-outline-warning" aria-label="Submit an incident" title="Submit an incident" @click="openSupportModal">
38
+ <font-awesome-icon :icon="bug" aria-hidden="true" />
39
39
  </button>
40
40
  </div>
41
41
  </div>
@@ -60,8 +60,8 @@
60
60
  <slot name="actions"></slot>
61
61
  </div>
62
62
  <div class="bug" v-if="!hideBug">
63
- <button class="btn btn-sm btn-outline-warning" @click="openSupportModal">
64
- <font-awesome-icon :icon="bug" />
63
+ <button type="button" class="btn btn-sm btn-outline-warning" aria-label="Submit an incident" @click="openSupportModal">
64
+ <font-awesome-icon :icon="bug" aria-hidden="true" />
65
65
  </button>
66
66
  </div>
67
67
  </div>
package/Queues.vue CHANGED
@@ -28,12 +28,13 @@
28
28
  </h1>
29
29
  <div>
30
30
  <div>
31
+ <nav aria-label="Pagination controls at top">
31
32
  <ul class="pagination">
32
33
  <li class="page-item" v-if="notFirstPage">
33
- <a class="page-link" href="`?offset=0`" aria-label="First" @click.prevent="loadPage('first')">First</a>
34
+ <a class="page-link" :href="`?offset=0`" aria-label="First, top pagination" @click.prevent="loadPage('first')">First</a>
34
35
  </li>
35
36
  <li class="page-item" v-if="notFirstPage">
36
- <a class="page-link" :href="`?offset=${prevPageOffset}`" aria-label="Previous" @click.prevent="loadPage('prev')">
37
+ <a class="page-link" :href="`?offset=${prevPageOffset}`" aria-label="Previous, top pagination" @click.prevent="loadPage('prev')">
37
38
  <span aria-hidden="true"><font-awesome-icon :icon="prevIcon" /></span>
38
39
  <span class="sr-only">Previous</span>
39
40
  </a>
@@ -46,15 +47,16 @@
46
47
  <span v-else class="page-link disabled">{{page}}</span>
47
48
  </li>
48
49
  <li class="page-item" v-if="notLastPage">
49
- <a class="page-link" :href="`?offset=${nextPageOffset}`" aria-label="Next" @click.prevent="loadPage('next')">
50
+ <a class="page-link" :href="`?offset=${nextPageOffset}`" aria-label="Next, top pagination" @click.prevent="loadPage('next')">
50
51
  <span aria-hidden="true"><font-awesome-icon :icon="nextIcon" /></span>
51
52
  <span class="sr-only">Next</span>
52
53
  </a>
53
54
  </li>
54
55
  <li class="page-item" v-if="notLastPage">
55
- <a class="page-link" :href="`?offset=${lastPageOffset}`" aria-label="Last" @click.prevent="loadPage('last')">Last</a>
56
+ <a class="page-link" :href="`?offset=${lastPageOffset}`" aria-label="Last, top pagination" @click.prevent="loadPage('last')">Last</a>
56
57
  </li>
57
58
  </ul>
59
+ </nav>
58
60
  <span class="match-caption">
59
61
  {{currentPage}} of {{total}}
60
62
  </span>
@@ -87,12 +89,13 @@
87
89
  </tr>
88
90
  </tbody>
89
91
  </table>
92
+ <nav aria-label="Pagination controls at bottom">
90
93
  <ul class="pagination">
91
94
  <li class="page-item" v-if="notFirstPage">
92
- <a class="page-link" href="`?offset=0`" aria-label="First" @click.prevent="loadPage('first')">First</a>
95
+ <a class="page-link" href="`?offset=0`" aria-label="First, bottom pagination" @click.prevent="loadPage('first')">First</a>
93
96
  </li>
94
97
  <li class="page-item" v-if="notFirstPage">
95
- <a class="page-link" :href="`?offset=${prevPageOffset}`" aria-label="Previous" @click.prevent="loadPage('prev')">
98
+ <a class="page-link" :href="`?offset=${prevPageOffset}`" aria-label="Previous, bottom pagination" @click.prevent="loadPage('prev')">
96
99
  <span aria-hidden="true"><font-awesome-icon :icon="prevIcon" /></span>
97
100
  <span class="sr-only">Previous</span>
98
101
  </a>
@@ -105,15 +108,16 @@
105
108
  <span v-else class="page-link disabled">{{page}}</span>
106
109
  </li>
107
110
  <li class="page-item" v-if="notLastPage">
108
- <a class="page-link" :href="`?offset=${nextPageOffset}`" aria-label="Next" @click.prevent="loadPage('next')">
111
+ <a class="page-link" :href="`?offset=${nextPageOffset}`" aria-label="Next, bottom pagination" @click.prevent="loadPage('next')">
109
112
  <span aria-hidden="true"><font-awesome-icon :icon="nextIcon" /></span>
110
113
  <span class="sr-only">Next</span>
111
114
  </a>
112
115
  </li>
113
116
  <li class="page-item" v-if="notLastPage">
114
- <a class="page-link" :href="`?offset=${lastPageOffset}`" aria-label="Last" @click.prevent="loadPage('last')">Last</a>
117
+ <a class="page-link" :href="`?offset=${lastPageOffset}`" aria-label="Last, bottom pagination" @click.prevent="loadPage('last')">Last</a>
115
118
  </li>
116
119
  </ul>
120
+ </nav>
117
121
  </div>
118
122
  </div>
119
123
  </section>
package/QuickLinks.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <svg class="corner-cutout" height="25px" width="25px" viewBox="0 0 25 25">
4
4
  <path d="M0,0 L25,0 0,25 Z" fill="white" />
5
5
  </svg>
6
- <h3>Quick Links</h3>
6
+ <h2 class="quick-links-heading">Quick Links</h2>
7
7
  <slot></slot>
8
8
  </div>
9
9
  </template>
@@ -22,4 +22,9 @@
22
22
  left: -1px;
23
23
  top: -1px;
24
24
  }
25
+ .quick-links-heading{
26
+ font-size: 1.75rem;
27
+ font-weight: 500;
28
+ text-transform: uppercase;
29
+ }
25
30
  </style>
package/Report.vue CHANGED
@@ -24,7 +24,7 @@
24
24
  :error="error"/>
25
25
  <template v-if="!hideDescription">
26
26
  <h1 v-if="metadata.description">{{metadata.description}}</h1>
27
- <h4 v-if="metadata.long_description" class="no-uppercase">{{metadata.long_description}}</h4>
27
+ <h2 v-if="metadata.long_description" class="no-uppercase">{{metadata.long_description}}</h2>
28
28
 
29
29
  <!-- Admit Period Selector -->
30
30
  <template v-if="metadata.parameters.includes('admitPeriod')">
package/RoleSelector.vue CHANGED
@@ -1,5 +1,6 @@
1
1
  <template>
2
- <select :value="role" @input="updateRole($event.target.value)" class="form-control" aria-label="Select user role">
2
+ <label for="role-select" class="sr-only">Select User Role</label>
3
+ <select id="role-select" :value="role" @input="updateRole($event.target.value)" class="form-control">
3
4
  <option v-for="role of roles" :key="role" :value="role">
4
5
  {{role}}
5
6
  </option>
package/SearchForm.vue CHANGED
@@ -8,7 +8,7 @@
8
8
  </div>
9
9
 
10
10
  <label for="lastNameInput">Last Name/ID</label>
11
- <input id="lastName00Input" v-model="lastName" @focus="$event.target.select()">
11
+ <input id="lastNameInput" v-model="lastName" @focus="$event.target.select()">
12
12
 
13
13
  <label for="firstNameInput">First Name</label>
14
14
  <input id="firstNameInput" v-model="firstName" @focus="$event.target.select()">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@byu-oit/vue-decision-processing-components",
3
- "version": "9.7.11",
3
+ "version": "9.7.13",
4
4
  "description": "Vue components shared between decision processing systems for the CES schools.",
5
5
  "dependencies": {
6
6
  "@fortawesome/fontawesome-free": "^5.15.4",