Interface one to many (#533)

* Extract edit modal to standalone component

* Fix creating new item from m2o edit modal

* Rename item-modal to modal-detail

* Extract selection modal in standalone component

* Add required primary-key prop to v-form

* Add inline prop to table

* Fetch items in o2m

* Accept numbers for primary key in v-form

* Use correct collection in render template in m2o

* Render modal detail

* Fix edit existing

* Add add-new

* Do things

* Finish o2m

src/modules/activity/routes/detail/detail.vue

@@ -14,7 +14,12 @@
 			<activity-navigation />
 		</template>
 
-		<v-form collection="directus_activity" :loading="loading" :initial-values="item" />
+		<v-form
+			collection="directus_activity"
+			:loading="loading"
+			:initial-values="item"
+			:primary-key="primaryKey"
+		/>
 	</private-view>
 </template>
 

src/modules/collections/routes/detail/detail.vue

@@ -138,6 +138,7 @@
 			:initial-values="item"
 			:collection="collection"
 			:batch-mode="isBatch"
+			:primary-key="primaryKey"
 			v-model="edits"
 		/>
 

src/modules/files/routes/detail/detail.vue

@@ -97,6 +97,7 @@
 				:initial-values="item"
 				collection="directus_files"
 				:batch-mode="isBatch"
+				:primary-key="primaryKey"
 				v-model="edits"
 			/>
 		</div>

src/modules/settings/routes/data-model/fields/components/field-setup/field-setup-advanced.vue

@@ -2,7 +2,7 @@
 	<v-tab-item value="advanced">
 		<h2 class="title" v-if="isNew">{{ $t('advanced_options_title') }}</h2>
 
-		<v-form :initial-values="existingField" v-model="_edits" :fields="fields" />
+		<v-form :initial-values="existingField" v-model="_edits" :fields="fields" primary-key="+" />
 	</v-tab-item>
 </template>
 

src/modules/settings/routes/data-model/fields/components/field-setup/field-setup-display.vue

@@ -10,6 +10,7 @@
 					Array.isArray(selectedDisplay.options)
 				"
 				:fields="selectedDisplay.options"
+				primary-key="+"
 				v-model="_options"
 			/>
 		</transition-expand>

src/modules/settings/routes/data-model/fields/components/field-setup/field-setup-interface.vue

@@ -10,6 +10,7 @@
 					Array.isArray(selectedInterface.options)
 				"
 				:fields="selectedInterface.options"
+				primary-key="+"
 				v-model="_options"
 			/>
 		</transition-expand>

src/modules/settings/routes/data-model/fields/fields.vue

@@ -67,6 +67,7 @@
 				:loading="loading"
 				:initial-values="item"
 				:batch-mode="isBatch"
+				:primary-key="collection"
 				v-model="edits"
 			/>
 		</div>

src/modules/settings/routes/global/global.vue

@@ -17,7 +17,12 @@
 		</template>
 
 		<div class="settings">
-			<v-form :initial-values="initialValues" v-model="edits" :fields="fields" />
+			<v-form
+				:initial-values="initialValues"
+				v-model="edits"
+				:fields="fields"
+				:primary-key="1"
+			/>
 		</div>
 	</private-view>
 </template>

src/modules/settings/routes/presets/detail/detail.vue

@@ -54,6 +54,7 @@
 				:fields="fields"
 				:loading="loading"
 				:initial-values="initialValues"
+				:primary-key="id"
 				v-model="edits"
 			/>
 

src/modules/settings/routes/webhooks/detail/detail.vue

@@ -67,6 +67,7 @@
 			:initial-values="item"
 			collection="directus_webhooks"
 			:batch-mode="isBatch"
+			:primary-key="primaryKey"
 			v-model="edits"
 		/>
 

src/modules/users/routes/detail/detail.vue

@@ -67,6 +67,7 @@
 			:initial-values="item"
 			collection="directus_users"
 			:batch-mode="isBatch"
+			:primary-key="primaryKey"
 			v-model="edits"
 		/>