|
10 | 10 | </template>
|
11 | 11 | <template #card-body>
|
12 | 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 |
| 13 | + <!--<div v-if="hasIacData" role="alert" class="alert alert-warning myuw-text-md"> |
| 14 | + <font-awesome-icon :icon="faExclamationTriangle" /> |
| 15 | + <strong>Digital material fees are not included in tuition</strong>. They must be paid |
15 | 16 | separately below under "UW Day One Access Fees."
|
16 |
| - </div> |
| 17 | + </div>--> |
17 | 18 | <div
|
18 | 19 | v-if="hasTuitionDate && tuitionDateFromNow === 'Today' && tuiBalance > 0"
|
19 | 20 | class="alert alert-danger text-danger" style="text-align: center"
|
|
35 | 36 | <!-- If there is some or no tuition due -->
|
36 | 37 | <li v-if="tuiBalance >= 0">
|
37 | 38 | <uw-card-status>
|
38 |
| - <template #status-label>Amount Due</template> |
| 39 | + <template #status-label>Student Fiscal Services (SFS)</template> |
39 | 40 | <template v-if="tuiBalance > 0" #status-value>
|
40 | 41 | <span class="text-danger">${{ tuiBalance.toFixed(2) }}</span>
|
41 | 42 | </template>
|
42 | 43 | <template v-else #status-value>$ 0</template>
|
43 | 44 | <template #status-content>
|
44 |
| - <div class="d-flex mb-2 myuw-text-md"> |
45 |
| - <div class="flex-fill w-50">Student Fiscal Services</div> |
46 |
| - <div class="flex-fill w-50 text-end"> |
| 45 | + <div class="d-flex mb-1 myuw-text-md row"> |
| 46 | + <div class="col">Amount Due</div> |
| 47 | + <div class="col text-end"> |
47 | 48 | <a href="https://sdb.admin.uw.edu/sisStudents/uwnetid/tuition.aspx"
|
48 | 49 | >Tuition Statement</a
|
49 | 50 | >
|
50 | 51 | </div>
|
51 | 52 | </div>
|
52 | 53 | <div v-if="tuiBalance != 0" class="text-end">
|
53 | 54 | <uw-link-button
|
54 |
| - v-out="'Make tuition payment'" |
| 55 | + v-out="'Pay SFS tuition'" |
| 56 | + class="" |
| 57 | + style="width: 10rem;" |
55 | 58 | href="http://f2.washington.edu/fm/sfs/tuition/payment"
|
56 |
| - >Make payment</uw-link-button |
| 59 | + >Pay SFS tuition</uw-link-button |
57 | 60 | >
|
58 | 61 | </div>
|
59 | 62 | </template>
|
|
62 | 65 | <!-- If there is credit on account -->
|
63 | 66 | <li v-else-if="tuiBalance < 0">
|
64 | 67 | <uw-card-status>
|
65 |
| - <template #status-label>Account Credit</template> |
| 68 | + <template #status-label>Student Fiscal Services (SFS)</template> |
66 | 69 | <template #status-value> +${{ Math.abs(tuiBalance).toFixed(2) }} CR </template>
|
67 | 70 | <template #status-content>
|
68 |
| - <div class="d-flex mb-2 myuw-text-md"> |
69 |
| - <div class="flex-fill w-50">Student Fiscal Services</div> |
70 |
| - <div class="flex-fill w-50 text-end"> |
| 71 | + <div class="d-flex mb-2 myuw-text-md row"> |
| 72 | + <div class="col">Account Credit</div> |
| 73 | + <div class="col text-end"> |
71 | 74 | No payment needed<br />
|
72 | 75 | <a href="https://sdb.admin.uw.edu/sisStudents/uwnetid/tuition.aspx"
|
73 | 76 | >Tuition Statement</a
|
|
80 | 83 | <!-- If there is a PCE balance -->
|
81 | 84 | <li v-if="pceBalance > 0">
|
82 | 85 | <uw-card-status>
|
83 |
| - <template #status-label>Amount Due</template> |
| 86 | + <template #status-label>PCE - Continuum College</template> |
84 | 87 | <template #status-value>
|
85 | 88 | <span class="text-danger">${{ pceBalance.toFixed(2) }}</span>
|
86 | 89 | </template>
|
87 | 90 | <template #status-content>
|
88 |
| - <div class="d-flex mb-2 myuw-text-md"> |
89 |
| - <div class="flex-fill w-50">PCE-Continuum College</div> |
90 |
| - <div class="flex-fill w-50 text-end"> |
| 91 | + <div class="d-flex mb-2 myuw-text-md row"> |
| 92 | + <div class="col">Amount Due</div> |
| 93 | + <div class="text-end col"> |
91 | 94 | <uw-link-button
|
92 |
| - v-out="'Make Continuum College tuition payment'" |
| 95 | + v-out="'Pay PCE tuition'" |
| 96 | + style="width: 10rem;" |
93 | 97 | href="http://portal.continuum.uw.edu"
|
94 |
| - >Make payment</uw-link-button |
| 98 | + >Pay PCE tuition</uw-link-button |
95 | 99 | >
|
96 | 100 | </div>
|
97 | 101 | </div>
|
|
101 | 105 | <!-- If there is no PCE balance, either not pce or paid off -->
|
102 | 106 | <li v-else-if="isC2">
|
103 | 107 | <uw-card-status>
|
104 |
| - <template #status-label>Amount Due</template> |
| 108 | + <template #status-label>PCE-Continuum College</template> |
105 | 109 | <template #status-value>$ 0</template>
|
106 | 110 | <template #status-content>
|
107 | 111 | <div class="d-flex mb-2 myuw-text-md">
|
108 |
| - <div class="flex-fill w-50">PCE-Continuum College</div> |
| 112 | + <div class="flex-fill w-50">Amount Due</div> |
109 | 113 | <div class="flex-fill w-50 text-end">
|
110 | 114 | <a
|
111 | 115 | v-out="'Continuum College Account Statement'"
|
|
134 | 138 | </li>
|
135 | 139 |
|
136 | 140 | <li v-if="hasIacData">
|
137 |
| - <h3 class="h6 text-dark-beige myuw-font-encode-sans">UW Day One Access Fees</h3> |
| 141 | + <h3 class="h6 text-dark-beige myuw-font-encode-sans mt-4">UW Day One Access Fees</h3> |
138 | 142 | <div class="alert alert-warning myuw-text-md" role="alert">
|
139 | 143 | <p>
|
140 | 144 | One or more of your enrolled courses provides you access to
|
|
156 | 160 |
|
157 | 161 | </div>
|
158 | 162 | <uw-card-status v-else>
|
159 |
| - <template #status-label>Amount Due</template> |
| 163 | + <template #status-label>University Book Store</template> |
160 | 164 | <template v-if="iacData.balance > 0" #status-value>
|
161 | 165 | <span class="text-danger">${{ iacData.balance.toFixed(2) }}</span>
|
162 | 166 | </template>
|
163 | 167 | <template v-else #status-value>$ 0</template>
|
164 | 168 |
|
165 | 169 | <template v-if="iacData.balance > 0" #status-content>
|
166 |
| - <div class="d-flex mb-2 myuw-text-md"> |
167 |
| - <div class="flex-fill w-50">University Book Store</div> |
168 |
| - <div class="flex-fill w-50 text-end"> |
| 170 | + <div class="d-flex mb-2 myuw-text-md row"> |
| 171 | + <div class="col">Amount Due</div> |
| 172 | + <div class="text-end col"> |
169 | 173 | <uw-link-button
|
170 |
| - v-out="'Make bookstore payment'" |
| 174 | + v-out="'Pay book store tuition'" |
| 175 | + style="width: 10rem;" |
171 | 176 | :href="iacData.bookstore_checkout_url"
|
172 |
| - >Make payment</uw-link-button |
| 177 | + >Pay book store fees</uw-link-button |
173 | 178 | >
|
174 | 179 | </div>
|
175 | 180 | </div>
|
|
0 commit comments