- daraggable crators and contributors inside Pages/Submitter/Dataset/Create.Vue

- typescript and prettier updates
- FileUpload component with dark mode and dragable uploads
- comment FontFamily in tailwind.config.js

resources/js/Pages/Submitter/Dataset/Create.vue

@@ -127,8 +127,8 @@ if (Object.keys(mainService.dataset).length == 0) {
             { value: '', type: 'uncontrolled', language: language.value },
             { value: '', type: 'uncontrolled', language: language.value },
         ],
-        file: undefined,
-        upload: { label: 'test', sorting: 0 },
+        files: [],
+        // upload: { label: 'test', sorting: 0 },
     };
     // Set the form's current values as the new defaults...
     // mainService.setDataset(dataset, language);
@@ -151,8 +151,8 @@ if (Object.keys(mainService.dataset).length == 0) {
         embargo_date: mainService.dataset.embargo_date,
         coverage: mainService.dataset.coverage,
         subjects: mainService.dataset.subjects,
-        file: mainService.dataset.file,
-        upload: mainService.dataset.upload,
+        files: mainService.dataset.files,
+        // upload: mainService.dataset.upload,
     };
     for (let index in mainService.dataset.titles) {
         let title: Title = mainService.dataset.titles[index];
@@ -217,7 +217,7 @@ watch(depth, (currentValue) => {
 // let time= "no_time";
 
 const isModalActive = ref(false);
-const formStep = ref(4);
+const formStep = ref(1);
 
 const mapOptions: MapOptions = {
     center: [48.208174, 16.373819],
@@ -281,7 +281,7 @@ const submit = async () => {
             rights: form.rights && form.rights == true ? 'true' : 'false',
         }))
         .post(route, {
-            forceFormData: true,
+            // forceFormData: true,
             onSuccess: () => {
                 // console.log(form.data());
                 // mainService.clearDataset();
@@ -324,7 +324,7 @@ const submit = async () => {
                         { value: '', type: 'uncontrolled', language: language.value },
                         { value: '', type: 'uncontrolled', language: language.value },
                     ],
-                    file: undefined,
+                    files: [] as Array<File>,
                     upload: { label: 'test', sorting: 0 },
                 };
                 form = useForm<Dataset>(dataset);
@@ -388,15 +388,15 @@ const addKeyword = () => {
     form.subjects.push(newSubject);
 };
 
-const onChangeFile = (event) => {
-    // let uploadedFile = event.target.files[0];
+// const onChangeFile = (event) => {
+//     // let uploadedFile = event.target.files[0];
 
-    let fileName = String(event.target.files[0].name.replace(/\.[^/.]+$/, ''));
-    form.file = event.target.files[0];
-    form.upload.label = fileName;
-    // form.upload = file;
-    // console.log(file.file);
-};
+//     let fileName = String(event.target.files[0].name.replace(/\.[^/.]+$/, ''));
+//     form.file = event.target.files[0];
+//     form.upload.label = fileName;
+//     // form.upload = file;
+//     // console.log(file.file);
+// };
 /*
         Removes a selected keyword
         */
@@ -1115,7 +1115,7 @@ const onChangeFile = (event) => {
                             </p>                           
                         </div> -->                    
 
-                        <FileUploadComponent></FileUploadComponent>
+                        <FileUploadComponent v-model="form.files"></FileUploadComponent>
 
                         <div class="text-red-400 text-sm" v-if="form.errors['file'] && Array.isArray(form.errors['file'])">
                             {{ form.errors['file'].join(', ') }}

resources/js/Pages/register-view/register-view-component.ts

@@ -33,38 +33,38 @@ import FormInput from '@/Components/FormInput.vue'; //          @/Components/For
 // });
 
 export interface IErrorMessage {
-	[key: string]: Array<string>;
+    [key: string]: Array<string>;
 }
 
 @Component({
-	options: {
-		layout: AuthLayout,
-	},
-	name: 'RegisterViewComponent',
-	components: {
-		NButton,
-		FormInput,
-	},
+    options: {
+        layout: AuthLayout,
+    },
+    name: 'RegisterViewComponent',
+    components: {
+        NButton,
+        FormInput,
+    },
 })
 export default class RegisterViewComponent extends Vue {
-	// Component Property
-	@Prop({
-		type: Object,
-		default: () => ({}),
-	})
-	errors: IErrorMessage;
+    // Component Property
+    @Prop({
+        type: Object,
+        default: () => ({}),
+    })
+    errors: IErrorMessage;
 
-	// Data Property
-	form: InertiaForm<any> = useForm({
-		email: '',
-		password: '',
-	});
+    // Data Property
+    form: InertiaForm<any> = useForm({
+        email: '',
+        password: '',
+    });
 
-	results: Array<any> = [];
+    results: Array<any> = [];
 
-	// Component method
-	public async submit(): Promise<void> {
-		// await Inertia.post('/app/register', this.form);
-		await router.post('/app/register', this.form);
-	}
+    // Component method
+    public async submit(): Promise<void> {
+        // await Inertia.post('/app/register', this.form);
+        await router.post('/app/register', this.form);
+    }
 }