13
13
<div class =" navbar-iconWrapper hairlineWrapper no-hover" >
14
14
<img class =" navbar-icon hairline" src =" @/assets/images/navbar/hairline.svg" />
15
15
</div >
16
- <div class =" navbar-buttonWrapper desktop" @click =" openPlan" :class =" { 'active': activePage === 'plan' }" data-cyId =" openPlan" >
16
+ <div
17
+ class =" navbar-buttonWrapper desktop"
18
+ @click =" openPlan"
19
+ :class =" { active: activePage === 'plan' }"
20
+ data-cyId =" openPlan"
21
+ >
17
22
<button class =" navbar-iconWrapper plan-icon full-opacity-on-hover" />
18
23
<div class =" navbar-iconText" >
19
24
<span >Plan</span >
20
25
</div >
21
26
</div >
22
- <div class =" navbar-buttonWrapper desktop" @click =" openTools" :class =" { 'active': activePage === 'tools' }" data-cyId =" openTools" >
27
+ <div
28
+ class =" navbar-buttonWrapper desktop"
29
+ @click =" openTools"
30
+ :class =" { active: activePage === 'tools' }"
31
+ data-cyId =" openTools"
32
+ >
23
33
<button class =" navbar-iconWrapper tools-icon full-opacity-on-hover" />
24
34
<div class =" navbar-iconText" >
25
35
<span >Tools</span >
34
44
<div
35
45
class =" navbar-buttonWrapper desktop"
36
46
@click =" openCollection"
37
- :class =" { ' active' : activePage === 'collection' }"
47
+ :class =" { active: activePage === 'collection' }"
38
48
data-cyId =" openCollection"
39
49
>
40
50
<button class =" navbar-iconWrapper saved-courses-icon full-opacity-on-hover" />
41
51
<div class =" navbar-iconText" >
42
52
<span >Saved</span >
43
53
</div >
44
54
</div >
45
- <div class =" navbar-buttonWrapper desktop" :class =" { 'active': activePage === 'scheduleGenerate' }" >
55
+ <div
56
+ class =" navbar-buttonWrapper desktop"
57
+ :class =" { active: activePage === 'scheduleGenerate' }"
58
+ >
46
59
<button
47
60
id =" schedule-generator"
48
61
class =" navbar-iconWrapper schedule-builder-icon full-opacity-on-hover"
@@ -133,7 +146,7 @@ export default defineComponent({
133
146
],
134
147
data() {
135
148
return {
136
- activePage: " plan" ,
149
+ activePage: ' plan' ,
137
150
menuOpen: false ,
138
151
};
139
152
},
@@ -164,17 +177,17 @@ export default defineComponent({
164
177
},
165
178
openCollection() {
166
179
this .menuOpen = false ;
167
- this .activePage = " collection" ;
180
+ this .activePage = ' collection' ;
168
181
this .$emit (' openCollection' );
169
182
},
170
183
openPlan() {
171
184
this .menuOpen = false ;
172
- this .activePage = " plan" ;
185
+ this .activePage = ' plan' ;
173
186
this .$emit (' openPlan' );
174
187
},
175
188
openTools() {
176
189
this .menuOpen = false ;
177
- this .activePage = " tools" ;
190
+ this .activePage = ' tools' ;
178
191
this .$emit (' openTools' );
179
192
},
180
193
editProfile() {
@@ -186,7 +199,7 @@ export default defineComponent({
186
199
},
187
200
openScheduleGenerate() {
188
201
this .menuOpen = false ;
189
- this .activePage = " scheduleGenerate" ;
202
+ this .activePage = ' scheduleGenerate' ;
190
203
this .$emit (' openScheduleGenerate' );
191
204
},
192
205
toggleRequirementsMobile() {
0 commit comments