11<template >
22 <v-app >
3- <v-app-bar
4- app
5- >
3+ <v-app-bar app >
64 <div class =" d-flex align-center" >
75 <v-img
86 alt =" Ross Program Z Logo"
1715
1816 <v-spacer ></v-spacer >
1917
20- <v-btn v-if =" !profile"
21- to =" /signup"
22- class =" mr-2"
23- text
24- >Create an account</v-btn >
25- <v-btn v-if =" !profile"
26- class =" mr-2"
27- to =" /login"
28- text
29- >Log In</v-btn >
30- <v-menu v-if =" profile"
31- offset-y transition =" slide-y-transition"
32- >
18+ <v-btn v-if =" !profile" to =" /signup" class =" mr-2" text >Create an account</v-btn >
19+ <v-btn v-if =" !profile" class =" mr-2" to =" /login" text >Log In</v-btn >
20+ <v-menu v-if =" profile" offset-y transition =" slide-y-transition" >
3321 <template v-slot :activator =" { on } " >
34- <v-btn
35- text
36- v-on =" on"
37- v-text =" profile.email"
38- >
22+ <v-btn text v-on =" on" v-text =" profile.email" >
3923 <v-icon left >account-circle</v-icon >
4024 </v-btn >
4125 </template >
5438 <v-navigation-drawer v-if =" $route.path.match(/^\/apply/)" permanent app v-model =" drawer" >
5539 <v-list-item >
5640 <v-list-item-content >
57- <v-list-item-title class =" title" >
58- Your Application
59- </v-list-item-title >
60- <v-list-item-subtitle >
61- for Ross {{(new Date()).getFullYear()}}
62- </v-list-item-subtitle >
41+ <v-list-item-title class =" title" > Your Application </v-list-item-title >
42+ <v-list-item-subtitle > for Ross {{ new Date().getFullYear() }} </v-list-item-subtitle >
6343 </v-list-item-content >
6444 </v-list-item >
6545
6646 <v-divider ></v-divider >
6747
68- <v-list
69- dense
70- nav
71- >
48+ <v-list dense nav >
7249 <v-list-item
73- v-for =" item in ( application.juniorCounselor ? jcItems : items) "
50+ v-for =" item in application.juniorCounselor ? jcItems : items"
7451 :key =" item.title"
75- :to =" item.to"
76- :exact =" true"
52+ :to =" item.to"
53+ :exact =" true"
7754 link
7855 >
7956 <v-list-item-icon >
9067 <v-content >
9168 <v-container fluid class =" pa-6" >
9269 <v-fade-transition mode =" out-in" >
93- <router-view />
70+ <router-view />
9471 </v-fade-transition >
9572 </v-container >
9673 </v-content >
97- <Snackbar />
74+ <Snackbar />
9875 </v-app >
9976</template >
10077
10178<script >
102- import { mapState } from ' vuex' ;
103- import Snackbar from ' ./components/Snackbar.vue' ;
79+ import { mapState } from " vuex" ;
80+ import Snackbar from " ./components/Snackbar.vue" ;
10481
10582export default {
106- name: ' App' ,
83+ name: " App" ,
10784 computed: {
108- ... mapState ([' profile' ]),
109- ... mapState ([' application' ]),
85+ ... mapState ([" profile" ]),
86+ ... mapState ([" application" ]),
11087 },
11188
11289 components: {
@@ -116,103 +93,102 @@ name: 'App',
11693 return {
11794 drawer: true ,
11895 jcItems: [
119- {
120- title: ' Instructions' ,
121- icon: ' grading' ,
122- to: ' /apply/' ,
123- },
124- {
125- title: ' Background' ,
126- icon: ' person' ,
127- to: ' /apply/background' ,
128- },
129- {
130- title: ' Parent Information' ,
131- icon: ' supervisor_account' ,
132- to: ' /apply/parent' ,
133- },
134- {
135- title: ' Transcript' ,
136- icon: ' school' ,
137- to: ' /apply/transcript' ,
138- },
139- {
140- title: ' JC Essays' ,
141- icon: ' message' ,
142- to: ' /apply/jc-essays' ,
143- },
144- {
145- title: ' Attachments' ,
146- icon: ' attachment' ,
147- to: ' /apply/attachments' ,
148- },
149- {
150- title: ' Submit' ,
151- icon: ' done' ,
152- to: ' /apply/submit' ,
153- },
96+ {
97+ title: " Instructions" ,
98+ icon: " grading" ,
99+ to: " /apply/" ,
100+ },
101+ {
102+ title: " Background" ,
103+ icon: " person" ,
104+ to: " /apply/background" ,
105+ },
106+ {
107+ title: " Parent Information" ,
108+ icon: " supervisor_account" ,
109+ to: " /apply/parent" ,
110+ },
111+ {
112+ title: " Transcript" ,
113+ icon: " school" ,
114+ to: " /apply/transcript" ,
115+ },
116+ {
117+ title: " JC Essays" ,
118+ icon: " message" ,
119+ to: " /apply/jc-essays" ,
120+ },
121+ {
122+ title: " Attachments" ,
123+ icon: " attachment" ,
124+ to: " /apply/attachments" ,
125+ },
126+ {
127+ title: " Submit" ,
128+ icon: " done" ,
129+ to: " /apply/submit" ,
130+ },
154131 ],
155132 items: [
156- {
157- title: ' Instructions' ,
158- icon: ' grading' ,
159- to: ' /apply/' ,
160- },
161- {
162- title: ' Background' ,
163- icon: ' person' ,
164- to: ' /apply/background' ,
165- },
166- {
167- title: ' Parent Information' ,
168- icon: ' supervisor_account' ,
169- to: ' /apply/parent' ,
170- },
171- {
172- title: ' Personal Statement' ,
173- icon: ' face' ,
174- to: ' /apply/statement' ,
175- },
176- {
177- title: ' Short Essays' ,
178- icon: ' message' ,
179- to: ' /apply/essays' ,
180- },
181- {
182- title: ' Solutions' ,
183- icon: ' assignment' ,
184- to: ' /apply/solutions' ,
185- },
186- {
187- title: ' Transcript' ,
188- icon: ' school' ,
189- to: ' /apply/transcript' ,
190- },
191- {
192- title: ' Recommendation' ,
193- icon: ' mail' ,
194- to: ' /apply/recommendation' ,
195- },
196- {
197- title: ' Attachments' ,
198- icon: ' attachment' ,
199- to: ' /apply/attachments' ,
200- },
201- {
202- title: ' Submit' ,
203- icon: ' done' ,
204- to: ' /apply/submit' ,
205- },
133+ {
134+ title: " Instructions" ,
135+ icon: " grading" ,
136+ to: " /apply/" ,
137+ },
138+ {
139+ title: " Background" ,
140+ icon: " person" ,
141+ to: " /apply/background" ,
142+ },
143+ {
144+ title: " Parent Information" ,
145+ icon: " supervisor_account" ,
146+ to: " /apply/parent" ,
147+ },
148+ {
149+ title: " Personal Statement" ,
150+ icon: " face" ,
151+ to: " /apply/statement" ,
152+ },
153+ {
154+ title: " Short Essays" ,
155+ icon: " message" ,
156+ to: " /apply/essays" ,
157+ },
158+ {
159+ title: " Solutions" ,
160+ icon: " assignment" ,
161+ to: " /apply/solutions" ,
162+ },
163+ {
164+ title: " Transcript" ,
165+ icon: " school" ,
166+ to: " /apply/transcript" ,
167+ },
168+ {
169+ title: " Recommendation" ,
170+ icon: " mail" ,
171+ to: " /apply/recommendation" ,
172+ },
173+ {
174+ title: " Attachments" ,
175+ icon: " attachment" ,
176+ to: " /apply/attachments" ,
177+ },
178+ {
179+ title: " Submit" ,
180+ icon: " done" ,
181+ to: " /apply/submit" ,
182+ },
206183 ],
207184 publicPath: process .env .BASE_URL ,
208185 };
209186 },
210187
211188 methods: {
212189 logout () {
213- this .$store .dispatch (' logout' );
190+ this .$store .dispatch (" logout" );
214191 },
215192 },
216-
217193};
218194 </script >
0 commit comments