195195 :calendar-object-instance =" calendarObjectInstance"
196196 :is-read-only =" isReadOnlyOrViewing" />
197197 </div >
198+ <AttachmentsList
199+ v-if =" !isLoading && isViewing && hasAttachments"
200+ :calendar-object-instance =" calendarObjectInstance"
201+ :is-read-only =" true" />
198202 </div >
199203
200204 <!-- Footer -->
@@ -257,6 +261,7 @@ import EditIcon from 'vue-material-design-icons/PencilOutline.vue'
257261import Delete from ' vue-material-design-icons/TrashCanOutline.vue'
258262import Download from ' vue-material-design-icons/TrayArrowDown.vue'
259263import AlarmList from ' ../components/Editor/Alarm/AlarmList.vue'
264+ import AttachmentsList from ' ../components/Editor/Attachments/AttachmentsList.vue'
260265import CalendarPickerHeader from ' ../components/Editor/CalendarPickerHeader.vue'
261266import InvitationResponseButtons
262267 from ' ../components/Editor/InvitationResponseButtons.vue'
@@ -286,6 +291,7 @@ export default {
286291 ActionLink,
287292 AlarmList,
288293 Bell,
294+ AttachmentsList,
289295 EmptyContent,
290296 CalendarBlank,
291297 Close,
@@ -323,6 +329,7 @@ export default {
323329 hasDescription: false ,
324330 hasAttendees: false ,
325331 hasAlarms: false ,
332+ hasAttachments: false ,
326333 boundaryElement: null ,
327334 isVisible: true ,
328335 isViewing: true ,
@@ -413,6 +420,7 @@ export default {
413420 this .hasDescription = false
414421 this .hasAttendees = false
415422 this .hasAlarms = false
423+ this .hasAttachments = false
416424
417425 if (typeof this .calendarObjectInstance .location === ' string' && this .calendarObjectInstance .location .trim () !== ' ' ) {
418426 this .hasLocation = true
@@ -426,6 +434,9 @@ export default {
426434 if (Array .isArray (this .calendarObjectInstance .alarms ) && this .calendarObjectInstance .alarms .length > 0 ) {
427435 this .hasAlarms = true
428436 }
437+ if (Array .isArray (this .calendarObjectInstance .attachments ) && this .calendarObjectInstance .attachments .length > 0 ) {
438+ this .hasAttachments = true
439+ }
429440
430441 // Reposition after content changes
431442 this .$nextTick (() => {
0 commit comments