@@ -131,122 +131,121 @@ export default defineComponent({
131131 const selected = ref (types[ 0 ])
132132 const el = ref (null )
133133 const agenda = reactive ({
134- // value represents day of the week
135- 1 : [
136- {
137- time: ' 08:00' ,
138- avatar: ' https://cdn.quasar.dev/img/boy-avatar.png' ,
139- desc: ' Meeting with CEO'
140- },
141- {
142- time: ' 08:30' ,
143- avatar: ' https://cdn.quasar.dev/img/avatar.png' ,
144- desc: ' Meeting with HR'
145- },
146- {
147- time: ' 10:00' ,
148- avatar: ' https://cdn.quasar.dev/img/avatar1.jpg' ,
149- desc: ' Meeting with Karen'
150- }
151- ],
152- 2 : [
153- {
154- time: ' 11:30' ,
155- avatar: ' https://cdn.quasar.dev/img/avatar2.jpg' ,
156- desc: ' Meeting with Alisha'
157- },
158- {
159- time: ' 17:00' ,
160- avatar: ' https://cdn.quasar.dev/img/avatar3.jpg' ,
161- desc: ' Meeting with Sarah'
162- }
163- ],
164- 3 : [
165- {
166- time: ' 08:00' ,
167- desc: ' Stand-up SCRUM' ,
168- avatar: ' https://cdn.quasar.dev/img/material.png'
169- },
170- {
171- time: ' 09:00' ,
172- avatar: ' https://cdn.quasar.dev/img/boy-avatar.png'
173- },
174- {
175- time: ' 10:00' ,
176- desc: ' Sprint planning' ,
177- avatar: ' https://cdn.quasar.dev/img/material.png'
178- },
179- {
180- time: ' 13:00' ,
181- avatar: ' https://cdn.quasar.dev/img/avatar1.jpg'
182- }
183- ],
184- 4 : [
185- {
186- time: ' 09:00' ,
187- avatar: ' https://cdn.quasar.dev/img/avatar3.jpg'
188- },
189- {
190- time: ' 10:00' ,
191- avatar: ' https://cdn.quasar.dev/img/avatar2.jpg'
192- },
193- {
194- time: ' 13:00' ,
195- avatar: ' https://cdn.quasar.dev/img/material.png'
196- }
197- ],
198- 5 : [
199- {
200- time: ' 08:00' ,
201- avatar: ' https://cdn.quasar.dev/img/boy-avatar.png'
202- },
203- {
204- time: ' 09:00' ,
205- avatar: ' https://cdn.quasar.dev/img/avatar2.jpg'
206- },
207- {
208- time: ' 09:30' ,
209- avatar: ' https://cdn.quasar.dev/img/avatar4.jpg'
210- },
211- {
212- time: ' 10:00' ,
213- avatar: ' https://cdn.quasar.dev/img/avatar5.jpg'
214- },
215- {
216- time: ' 11:30' ,
217- avatar: ' https://cdn.quasar.dev/img/material.png'
218- },
219- {
220- time: ' 13:00' ,
221- avatar: ' https://cdn.quasar.dev/img/avatar6.jpg'
222- },
223- {
224- time: ' 13:30' ,
225- avatar: ' https://cdn.quasar.dev/img/avatar3.jpg'
226- },
227- {
228- time: ' 14:00' ,
229- avatar: ' https://cdn.quasar.dev/img/linux-avatar.png'
230- },
231- {
232- time: ' 14:30' ,
233- avatar: ' https://cdn.quasar.dev/img/avatar.png'
234- },
235- {
236- time: ' 15:00' ,
237- avatar: ' https://cdn.quasar.dev/img/boy-avatar.png'
238- },
239- {
240- time: ' 15:30' ,
241- avatar: ' https://cdn.quasar.dev/img/avatar2.jpg'
242- },
243- {
244- time: ' 16:00' ,
245- avatar: ' https://cdn.quasar.dev/img/avatar6.jpg'
246- }
247- ]
248- })
249-
134+ // value represents day of the week
135+ 1 : [
136+ {
137+ time: ' 08:00' ,
138+ avatar: ' https://cdn.quasar.dev/img/boy-avatar.png' ,
139+ desc: ' Meeting with CEO'
140+ },
141+ {
142+ time: ' 08:30' ,
143+ avatar: ' https://cdn.quasar.dev/img/avatar.png' ,
144+ desc: ' Meeting with HR'
145+ },
146+ {
147+ time: ' 10:00' ,
148+ avatar: ' https://cdn.quasar.dev/img/avatar1.jpg' ,
149+ desc: ' Meeting with Karen'
150+ }
151+ ],
152+ 2 : [
153+ {
154+ time: ' 11:30' ,
155+ avatar: ' https://cdn.quasar.dev/img/avatar2.jpg' ,
156+ desc: ' Meeting with Alisha'
157+ },
158+ {
159+ time: ' 17:00' ,
160+ avatar: ' https://cdn.quasar.dev/img/avatar3.jpg' ,
161+ desc: ' Meeting with Sarah'
162+ }
163+ ],
164+ 3 : [
165+ {
166+ time: ' 08:00' ,
167+ desc: ' Stand-up SCRUM' ,
168+ avatar: ' https://cdn.quasar.dev/img/material.png'
169+ },
170+ {
171+ time: ' 09:00' ,
172+ avatar: ' https://cdn.quasar.dev/img/boy-avatar.png'
173+ },
174+ {
175+ time: ' 10:00' ,
176+ desc: ' Sprint planning' ,
177+ avatar: ' https://cdn.quasar.dev/img/material.png'
178+ },
179+ {
180+ time: ' 13:00' ,
181+ avatar: ' https://cdn.quasar.dev/img/avatar1.jpg'
182+ }
183+ ],
184+ 4 : [
185+ {
186+ time: ' 09:00' ,
187+ avatar: ' https://cdn.quasar.dev/img/avatar3.jpg'
188+ },
189+ {
190+ time: ' 10:00' ,
191+ avatar: ' https://cdn.quasar.dev/img/avatar2.jpg'
192+ },
193+ {
194+ time: ' 13:00' ,
195+ avatar: ' https://cdn.quasar.dev/img/material.png'
196+ }
197+ ],
198+ 5 : [
199+ {
200+ time: ' 08:00' ,
201+ avatar: ' https://cdn.quasar.dev/img/boy-avatar.png'
202+ },
203+ {
204+ time: ' 09:00' ,
205+ avatar: ' https://cdn.quasar.dev/img/avatar2.jpg'
206+ },
207+ {
208+ time: ' 09:30' ,
209+ avatar: ' https://cdn.quasar.dev/img/avatar4.jpg'
210+ },
211+ {
212+ time: ' 10:00' ,
213+ avatar: ' https://cdn.quasar.dev/img/avatar5.jpg'
214+ },
215+ {
216+ time: ' 11:30' ,
217+ avatar: ' https://cdn.quasar.dev/img/material.png'
218+ },
219+ {
220+ time: ' 13:00' ,
221+ avatar: ' https://cdn.quasar.dev/img/avatar6.jpg'
222+ },
223+ {
224+ time: ' 13:30' ,
225+ avatar: ' https://cdn.quasar.dev/img/avatar3.jpg'
226+ },
227+ {
228+ time: ' 14:00' ,
229+ avatar: ' https://cdn.quasar.dev/img/linux-avatar.png'
230+ },
231+ {
232+ time: ' 14:30' ,
233+ avatar: ' https://cdn.quasar.dev/img/avatar.png'
234+ },
235+ {
236+ time: ' 15:00' ,
237+ avatar: ' https://cdn.quasar.dev/img/boy-avatar.png'
238+ },
239+ {
240+ time: ' 15:30' ,
241+ avatar: ' https://cdn.quasar.dev/img/avatar2.jpg'
242+ },
243+ {
244+ time: ' 16:00' ,
245+ avatar: ' https://cdn.quasar.dev/img/avatar6.jpg'
246+ }
247+ ]
248+ })
250249
251250 watch (() => selected .value , (current , prev ) => {
252251 removeClass (prev)
0 commit comments