|
9 | 9 | <h2 class="h4 mb-3 text-dark-beige myuw-font-encode-sans">Tuition & Fees</h2>
|
10 | 10 | </template>
|
11 | 11 | <template #card-body>
|
12 |
| - <div style="text-align: center"> |
| 12 | + <div> |
| 13 | + <div v-if="hasIacData" role="alert" class="alert alert-warning myuw-text-md"> |
| 14 | + <strong>Digital material fees are not included in tuition</strong>, they must be paid |
| 15 | + separately below under "UW Day One Access Fees." |
| 16 | + </div> |
13 | 17 | <div
|
14 | 18 | v-if="hasTuitionDate && tuitionDateFromNow === 'Today' && tuiBalance > 0"
|
15 |
| - class="alert alert-danger text-danger" |
| 19 | + class="alert alert-danger text-danger" style="text-align: center" |
16 | 20 | role="alert"
|
17 | 21 | >
|
18 | 22 | <font-awesome-icon :icon="faExclamationTriangle" /> Tuition and fees are due today.
|
|
41 | 45 | <div class="flex-fill w-50">Student Fiscal Services</div>
|
42 | 46 | <div class="flex-fill w-50 text-end">
|
43 | 47 | <a href="https://sdb.admin.uw.edu/sisStudents/uwnetid/tuition.aspx"
|
44 |
| - >Tuition Statement</a> |
| 48 | + >Tuition Statement</a |
| 49 | + > |
45 | 50 | </div>
|
46 | 51 | </div>
|
47 | 52 | <div v-if="tuiBalance != 0" class="text-end">
|
48 | 53 | <uw-link-button
|
49 | 54 | v-out="'Make tuition payment'"
|
50 | 55 | href="http://f2.washington.edu/fm/sfs/tuition/payment"
|
51 |
| - >Make payment</uw-link-button> |
| 56 | + >Make payment</uw-link-button |
| 57 | + > |
52 | 58 | </div>
|
53 | 59 | </template>
|
54 | 60 | </uw-card-status>
|
|
64 | 70 | <div class="flex-fill w-50 text-end">
|
65 | 71 | No payment needed<br />
|
66 | 72 | <a href="https://sdb.admin.uw.edu/sisStudents/uwnetid/tuition.aspx"
|
67 |
| - >Tuition Statement</a> |
| 73 | + >Tuition Statement</a |
| 74 | + > |
68 | 75 | </div>
|
69 | 76 | </div>
|
70 | 77 | </template>
|
|
84 | 91 | <uw-link-button
|
85 | 92 | v-out="'Make Continuum College tuition payment'"
|
86 | 93 | href="http://portal.continuum.uw.edu"
|
87 |
| - >Make payment</uw-link-button> |
| 94 | + >Make payment</uw-link-button |
| 95 | + > |
88 | 96 | </div>
|
89 | 97 | </div>
|
90 | 98 | </template>
|
|
103 | 111 | v-out="'Continuum College Account Statement'"
|
104 | 112 | href="http://portal.continuum.uw.edu"
|
105 | 113 | class="myuw-text-md"
|
106 |
| - >Account Statement</a> |
| 114 | + >Account Statement</a |
| 115 | + > |
107 | 116 | </div>
|
108 | 117 | </div>
|
109 | 118 | </template>
|
|
129 | 138 | <div class="alert alert-warning myuw-text-md" role="alert">
|
130 | 139 | <p>
|
131 | 140 | One or more of your enrolled courses provides you access to
|
132 |
| - <a :href="textbooksUrl">required digital materials</a>, |
133 |
| - in Canvas, on or before the first day of class. |
| 141 | + <a :href="textbooksUrl">required digital materials</a>, in Canvas, on or before the |
| 142 | + first day of class. |
134 | 143 | </p>
|
135 | 144 | <p class="mb-0">
|
136 |
| - <strong>To maintain access to these materials at Day One Access pricing, |
137 |
| - you must pay for these materials</strong>. |
| 145 | + <strong |
| 146 | + >To maintain access to these materials at Day One Access pricing, you must pay for |
| 147 | + these materials</strong |
| 148 | + >. |
138 | 149 | <a href="https://www.ubookstore.com/day-one-access-faq"
|
139 |
| - >About the Day One Access Program</a>. |
| 150 | + >About the Day One Access Program</a |
| 151 | + >. |
140 | 152 | </p>
|
141 | 153 | </div>
|
142 |
| - <uw-card-status> |
| 154 | + <div v-if="dayOneAccessOverDue" role="alert" class="alert alert-danger myuw-text-md"> |
| 155 | + <strong>The payment deadline has passed.</strong> To learn about your options, please |
| 156 | + |
| 157 | + </div> |
| 158 | + <uw-card-status v-else> |
143 | 159 | <template #status-label>Amount Due</template>
|
144 | 160 | <template v-if="iacData.balance > 0" #status-value>
|
145 | 161 | <span class="text-danger">${{ iacData.balance.toFixed(2) }}</span>
|
|
153 | 169 | <uw-link-button
|
154 | 170 | v-out="'Make bookstore payment'"
|
155 | 171 | :href="iacData.bookstore_checkout_url"
|
156 |
| - >Make payment</uw-link-button> |
| 172 | + >Make payment</uw-link-button |
| 173 | + > |
157 | 174 | </div>
|
158 | 175 | </div>
|
159 | 176 | </template>
|
160 | 177 | </uw-card-status>
|
161 | 178 | </li>
|
162 | 179 |
|
163 |
| - <li v-if="hasIacData && iacData.balance > 0 && Boolean(iacData.payment_due_day)"> |
| 180 | + <li v-if="hasIacData && iacData.balance > 0 && !dayOneAccessOverDue"> |
164 | 181 | <uw-card-status>
|
165 | 182 | <template #status-label>Payment Due</template>
|
166 | 183 | <template #status-value>
|
|
180 | 197 | <a
|
181 | 198 | v-out="'Give Tuition Account Access'"
|
182 | 199 | href="https://sdb.admin.uw.edu/sisStudents/uwnetid/release.aspx"
|
183 |
| - >Give access to your tuition account and financial aid information</a> |
| 200 | + >Give access to your tuition account and financial aid information</a |
| 201 | + > |
184 | 202 | to parents or other third parties.
|
185 | 203 | </p>
|
186 | 204 | <p v-for="(msg, i) in pceTuitionDup" :key="i">
|
|
195 | 213 | <a
|
196 | 214 | href="https://sdb.admin.uw.edu/sisStudents/uwnetid/finaidstatus.aspx"
|
197 | 215 | class="myuw-text-md"
|
198 |
| - >Financial Aid Status</a> |
| 216 | + >Financial Aid Status</a |
| 217 | + > |
199 | 218 | </li>
|
200 | 219 | </ul>
|
201 | 220 | </template>
|
|
209 | 228 | <a
|
210 | 229 | v-out="'Tuition Statement'"
|
211 | 230 | href="https://sdb.admin.uw.edu/sisStudents/uwnetid/tuition.aspx"
|
212 |
| - >Tuition Statement</a> page. |
| 231 | + >Tuition Statement</a |
| 232 | + > |
| 233 | + page. |
213 | 234 | </span>
|
214 | 235 | <span v-else>
|
215 | 236 | <a v-out="'Continuum College Tuition portal'" href="https://portal.continuum.uw.edu"
|
216 |
| - >PCE Tuition</a> portal. |
| 237 | + >PCE Tuition</a |
| 238 | + > |
| 239 | + portal. |
217 | 240 | </span>
|
218 | 241 | </template>
|
219 | 242 | <template #card-error-extra>
|
@@ -344,18 +367,20 @@ export default {
|
344 | 367 | },
|
345 | 368 | hasIacData() {
|
346 | 369 | // MUWM-5272
|
347 |
| - return ( |
348 |
| - (this.seaStud || this.botStud) && this.iacData && |
349 |
| - this.iacData.bookstore_checkout_url); |
| 370 | + return (this.seaStud || this.botStud) && this.iacData && this.iacData.bookstore_checkout_url; |
350 | 371 | },
|
351 | 372 | dayOneAccessDueDateFromNow() {
|
352 | 373 | // MUWM-5272
|
353 | 374 | return this.toFromNowDate(this.iacData.payment_due_day);
|
354 | 375 | },
|
| 376 | + dayOneAccessOverDue() { |
| 377 | + // MUWM-5351 |
| 378 | + return this.hasPassed(this.iacData.payment_due_day); |
| 379 | + }, |
355 | 380 | textbooksUrl() {
|
356 | 381 | // MUWM-5272
|
357 |
| - return "/textbooks/" + this.iacData.year + ',' + this.iacData.quarter; |
358 |
| - } |
| 382 | + return '/textbooks/' + this.iacData.year + ',' + this.iacData.quarter; |
| 383 | + }, |
359 | 384 | },
|
360 | 385 | created() {
|
361 | 386 | if (this.isStudent) {
|
|
0 commit comments