fixup! Add shared items and events for each contact

Signed-off-by: greta <[email protected]>

src/components/ContactDetails.vue

@@ -265,9 +265,6 @@
 						</template>
 					</NcButton>
 				</div>
-				<NcRelatedResourcesPanel v-if="nextcloudVersion"
-					provider-id="account"
-					:item-id="contact.uid" />
 				<!-- contact details -->
 				<section class="contact-details">
 					<!-- properties iteration -->
@@ -310,13 +307,27 @@
 					class="property--groups property--last"
 					@update:value="updateGroups" />
 			</div>
+			<div v-if="nextcloudVersion" class="related-resources">
+				<NcRelatedResourcesPanel provider-id="account"
+					resource-type="files"
+					:item-id="contact.uid" />
+				<NcRelatedResourcesPanel provider-id="account"
+					resource-type="talk"
+					:item-id="contact.uid" />
+				<NcRelatedResourcesPanel provider-id="account"
+					resource-type="calendar"
+					:item-id="contact.uid" />
+				<NcRelatedResourcesPanel provider-id="account"
+					resource-type="deck"
+					:item-id="contact.uid" />
+			</div>
 			<!-- new property select -->
 			<AddNewProp v-if="!isReadOnly"
 				:bus="bus"
 				:contact="contact" />
 
 			<!-- Last modified-->
-			<PropertyRev v-if="contact.rev" :value="contact.rev" />
+			<PropertyRev v-if="contact.rev" :value="contact.rev" class="last-edit" />
 		</template>
 	</AppContentDetails>
 </template>
@@ -682,8 +693,7 @@ export default {
 			return this.contact.addressbook.id === 'z-server-generated--system'
 		},
 		nextcloudVersion() {
-			// TODO: remove it when NC 25 is not supported anymore
-			return parseInt(OC.config.version.split('.')[0]) >= 26
+			return parseInt(OC.config.version.split('.')[0]) >= 28
 		},
 	},
 
@@ -997,6 +1007,7 @@ export default {
 	align-items: flex-start;
 	padding: 50px 0 20px;
 	gap: 15px;
+	float: left;
 }
 @media only screen and (max-width: 600px) {
 	.contact-details-wrapper {
@@ -1066,5 +1077,21 @@ section.contact-details {
 		background-color: var(--color-primary-element-light-hover) !important;
 
 	}
+.related-resources {
+	display:inline-grid;
+	margin-top: 88px;
+	flex-direction: column;
+}
+@media only screen and (max-width: 1600px) {
+	.related-resources {
+		float: left;
+		display: inline-grid;
+		margin-left: 80px;
+		flex-direction: column
+	}
+}
+.last-edit {
+	display: inline-flex;
+}
 
 </style>