Resolve "Introduce non-dialog object form"

Closes #1110 (closed)

aleksis/core/frontend/components/generic/crud/FullscreenDialogObjectForm.vue

+<script>
+import SaveButton from "../buttons/SaveButton.vue";
+import ObjectForm from "./ObjectForm.vue";
+import CancelButton from "../buttons/CancelButton.vue";
+import objectFormPropsMixin from "../../../mixins/objectFormPropsMixin";
+import loadingMixin from "../../../mixins/loadingMixin";
+import FullscreenDialogPage from "../dialogs/FullscreenDialogPage.vue";
+
+export default {
+  name: "FullscreenDialogObjectForm",
+  components: { FullscreenDialogPage, CancelButton, ObjectForm, SaveButton },
+  mixins: [objectFormPropsMixin, loadingMixin],
+  props: {
+    successRedirectUrl: {
+      type: [String, Object],
+      default: null,
+    },
+    fallbackUrl: {
+      type: [Object, String],
+      default: null,
+    },
+  },
+  methods: {
+    cancel() {
+      this.$backOrElse(this.fallbackUrl);
+    },
+    save() {
+      this.$router.push(this.successRedirectUrl);
+    },
+  },
+  data() {
+    return {
+      valid: false,
+    };
+  },
+  mounted() {
+    this.$setToolBarTitle(this?.$refs?.form?.title);
+  },
+};
+</script>
+
+<template>
+  <fullscreen-dialog-page v-bind="$attrs">
+    <object-form
+      ref="form"
+      v-bind="objectFormProps"
+      v-on="$listeners"
+      :valid.sync="valid"
+      @loading="handleLoading"
+      @save="save"
+      @cancel="cancel"
+    >
+      <template v-for="(_, slot) of $scopedSlots" #[slot]="scope"
+        ><slot :name="slot" v-bind="scope"
+      /></template>
+    </object-form>
+
+    <template #actions>
+      <v-spacer />
+      <cancel-button @click="cancel" :disabled="loading" />
+      <save-button
+        @click="$refs?.form.submit()"
+        :loading="loading"
+        :disabled="!valid"
+      />
+    </template>
+  </fullscreen-dialog-page>
+</template>