- extend edit form for submitter
All checks were successful
CI Pipeline / japa-tests (push) Successful in 52s
All checks were successful
CI Pipeline / japa-tests (push) Successful in 52s
- corrected releasUpdate action for submitter - npm updates
This commit is contained in:
parent
4e97e47fbc
commit
5ce4f0b018
|
@ -589,7 +589,7 @@ export default class DatasetController {
|
||||||
|
|
||||||
public async edit({ params, inertia }) {
|
public async edit({ params, inertia }) {
|
||||||
const datasetQuery = Dataset.query().where('id', params.id);
|
const datasetQuery = Dataset.query().where('id', params.id);
|
||||||
datasetQuery.preload('titles');
|
datasetQuery.preload('titles').preload('descriptions').preload('coverage');
|
||||||
const dataset = await datasetQuery.firstOrFail();
|
const dataset = await datasetQuery.firstOrFail();
|
||||||
|
|
||||||
// await dataset.loadMany([
|
// await dataset.loadMany([
|
||||||
|
@ -669,7 +669,7 @@ export default class DatasetController {
|
||||||
return inertia.render('Submitter/Dataset/Edit', {
|
return inertia.render('Submitter/Dataset/Edit', {
|
||||||
dataset,
|
dataset,
|
||||||
titletypes: titleTypes,
|
titletypes: titleTypes,
|
||||||
descriptionTypes,
|
descriptiontypes: descriptionTypes,
|
||||||
contributorTypes,
|
contributorTypes,
|
||||||
nameTypes,
|
nameTypes,
|
||||||
languages,
|
languages,
|
||||||
|
|
73
app/Models/Coverage.ts
Normal file
73
app/Models/Coverage.ts
Normal file
|
@ -0,0 +1,73 @@
|
||||||
|
import { column, BaseModel, SnakeCaseNamingStrategy, belongsTo, BelongsTo } from '@ioc:Adonis/Lucid/Orm';
|
||||||
|
import { DateTime } from 'luxon';
|
||||||
|
import Dataset from './Dataset';
|
||||||
|
|
||||||
|
export default class Coverage extends BaseModel {
|
||||||
|
public static namingStrategy = new SnakeCaseNamingStrategy();
|
||||||
|
public static primaryKey = 'id';
|
||||||
|
public static table = 'coverage';
|
||||||
|
public static selfAssignPrimaryKey = false;
|
||||||
|
|
||||||
|
@column({
|
||||||
|
isPrimary: true,
|
||||||
|
})
|
||||||
|
public id: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public dataset_id: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public elevation_min: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public elevation_max: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public elevation_absolut: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public depth_min: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public depth_max: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public depth_absolut: number;
|
||||||
|
|
||||||
|
@column.dateTime({})
|
||||||
|
public time_min: DateTime;
|
||||||
|
|
||||||
|
@column.dateTime({})
|
||||||
|
public time_max: DateTime;
|
||||||
|
|
||||||
|
@column.dateTime({})
|
||||||
|
public time_absolut: DateTime;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public x_min: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public x_max: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public y_min: number;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public y_max: number;
|
||||||
|
|
||||||
|
@column.dateTime({
|
||||||
|
autoCreate: true,
|
||||||
|
})
|
||||||
|
public created_at: DateTime;
|
||||||
|
|
||||||
|
@column.dateTime({
|
||||||
|
autoCreate: true,
|
||||||
|
autoUpdate: true,
|
||||||
|
})
|
||||||
|
public updated_at: DateTime;
|
||||||
|
|
||||||
|
@belongsTo(() => Dataset, {
|
||||||
|
foreignKey: 'dataset_id',
|
||||||
|
})
|
||||||
|
public dataset: BelongsTo<typeof Dataset>;
|
||||||
|
}
|
|
@ -9,6 +9,8 @@ import {
|
||||||
hasMany,
|
hasMany,
|
||||||
HasMany,
|
HasMany,
|
||||||
computed,
|
computed,
|
||||||
|
hasOne,
|
||||||
|
HasOne,
|
||||||
} from '@ioc:Adonis/Lucid/Orm';
|
} from '@ioc:Adonis/Lucid/Orm';
|
||||||
import { DateTime } from 'luxon';
|
import { DateTime } from 'luxon';
|
||||||
import dayjs from 'dayjs';
|
import dayjs from 'dayjs';
|
||||||
|
@ -19,6 +21,7 @@ import Description from './Description';
|
||||||
import License from './License';
|
import License from './License';
|
||||||
import Subject from './Subject';
|
import Subject from './Subject';
|
||||||
import File from './File';
|
import File from './File';
|
||||||
|
import Coverage from './Coverage';
|
||||||
|
|
||||||
export default class Dataset extends BaseModel {
|
export default class Dataset extends BaseModel {
|
||||||
public static namingStrategy = new SnakeCaseNamingStrategy();
|
public static namingStrategy = new SnakeCaseNamingStrategy();
|
||||||
|
@ -56,9 +59,16 @@ export default class Dataset extends BaseModel {
|
||||||
@column({})
|
@column({})
|
||||||
public reviewer_id: number | null = null;
|
public reviewer_id: number | null = null;
|
||||||
|
|
||||||
|
|
||||||
@column({})
|
@column({})
|
||||||
public reject_editor_note: string | null;
|
public reject_editor_note: string | null;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public preferred_reviewer: string | null;
|
||||||
|
|
||||||
|
@column({})
|
||||||
|
public preferred_reviewer_email: string | null;
|
||||||
|
|
||||||
@column({})
|
@column({})
|
||||||
public reject_reviewer_note: string | null;
|
public reject_reviewer_note: string | null;
|
||||||
|
|
||||||
|
@ -123,6 +133,12 @@ export default class Dataset extends BaseModel {
|
||||||
})
|
})
|
||||||
public files: HasMany<typeof File>;
|
public files: HasMany<typeof File>;
|
||||||
|
|
||||||
|
@hasOne(() => Coverage, {
|
||||||
|
foreignKey: 'dataset_id',
|
||||||
|
})
|
||||||
|
public coverage: HasOne<typeof Coverage>;
|
||||||
|
|
||||||
|
|
||||||
@computed({
|
@computed({
|
||||||
serializeAs: 'main_title',
|
serializeAs: 'main_title',
|
||||||
})
|
})
|
||||||
|
|
|
@ -33,12 +33,12 @@ export enum TitleTypes {
|
||||||
|
|
||||||
// for table dataset_abstracts
|
// for table dataset_abstracts
|
||||||
export enum DescriptionTypes {
|
export enum DescriptionTypes {
|
||||||
abstract = 'Abstract',
|
Abstract = 'Abstract',
|
||||||
methods = 'Methods',
|
Methods = 'Methods',
|
||||||
series_information = 'Series_information',
|
Series_information = 'Series_information',
|
||||||
technical_info = 'Technical_info',
|
Technical_info = 'Technical_info',
|
||||||
translated = 'Translated',
|
Translated = 'Translated',
|
||||||
other = 'Other',
|
Other = 'Other',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum PersonNameTypes {
|
export enum PersonNameTypes {
|
||||||
|
|
64
package-lock.json
generated
64
package-lock.json
generated
|
@ -6724,9 +6724,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/core-js-compat": {
|
"node_modules/core-js-compat": {
|
||||||
"version": "3.31.1",
|
"version": "3.32.0",
|
||||||
"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.31.1.tgz",
|
"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.0.tgz",
|
||||||
"integrity": "sha512-wIDWd2s5/5aJSdpOJHfSibxNODxoGoWOBHt8JSPB41NOE94M7kuTPZCYLOlTtuoXTsBPKobpJ6T+y0SSy5L9SA==",
|
"integrity": "sha512-7a9a3D1k4UCVKnLhrgALyFcP7YCsLOQIxPd0dKjf/6GuPcgyiGP70ewWdCGrSK7evyhymi0qO4EqCmSJofDeYw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"browserslist": "^4.21.9"
|
"browserslist": "^4.21.9"
|
||||||
|
@ -7004,13 +7004,13 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/css-minimizer-webpack-plugin/node_modules/jest-worker": {
|
"node_modules/css-minimizer-webpack-plugin/node_modules/jest-worker": {
|
||||||
"version": "29.6.1",
|
"version": "29.6.2",
|
||||||
"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.6.2.tgz",
|
||||||
"integrity": "sha512-U+Wrbca7S8ZAxAe9L6nb6g8kPdia5hj32Puu5iOqBCMTMWFHXuK6dOV2IFrpedbTV8fjMFLdWNttQTBL6u2MRA==",
|
"integrity": "sha512-l3ccBOabTdkng8I/ORCkADz4eSMKejTYv1vB/Z83UiubqhC1oQ5Li6dWCyqOIvSifGjUBxuvxvlm6KGK2DtuAQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/node": "*",
|
"@types/node": "*",
|
||||||
"jest-util": "^29.6.1",
|
"jest-util": "^29.6.2",
|
||||||
"merge-stream": "^2.0.0",
|
"merge-stream": "^2.0.0",
|
||||||
"supports-color": "^8.0.0"
|
"supports-color": "^8.0.0"
|
||||||
},
|
},
|
||||||
|
@ -7397,9 +7397,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/default-browser/node_modules/execa": {
|
"node_modules/default-browser/node_modules/execa": {
|
||||||
"version": "7.1.1",
|
"version": "7.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/execa/-/execa-7.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
|
||||||
"integrity": "sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==",
|
"integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"cross-spawn": "^7.0.3",
|
"cross-spawn": "^7.0.3",
|
||||||
|
@ -7950,9 +7950,9 @@
|
||||||
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
|
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
|
||||||
},
|
},
|
||||||
"node_modules/electron-to-chromium": {
|
"node_modules/electron-to-chromium": {
|
||||||
"version": "1.4.471",
|
"version": "1.4.475",
|
||||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.471.tgz",
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.475.tgz",
|
||||||
"integrity": "sha512-GpmGRC1vTl60w/k6YpQ18pSiqnmr0j3un//5TV1idPi6aheNfkT1Ye71tMEabWyNDO6sBMgAR+95Eb0eUUr1tA==",
|
"integrity": "sha512-mTye5u5P98kSJO2n7zYALhpJDmoSQejIGya0iR01GpoRady8eK3bw7YHHnjA1Rfi4ZSLdpuzlAC7Zw+1Zu7Z6A==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/emittery": {
|
"node_modules/emittery": {
|
||||||
|
@ -8155,9 +8155,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/eslint-config-prettier": {
|
"node_modules/eslint-config-prettier": {
|
||||||
"version": "8.8.0",
|
"version": "8.9.0",
|
||||||
"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
|
"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.9.0.tgz",
|
||||||
"integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
|
"integrity": "sha512-+sbni7NfVXnOpnRadUA8S28AUlsZt9GjgFvABIRL9Hkn8KqNzOp+7Lw4QWtrwn20KzU3wqu1QoOj2m+7rKRqkA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"bin": {
|
"bin": {
|
||||||
"eslint-config-prettier": "bin/cli.js"
|
"eslint-config-prettier": "bin/cli.js"
|
||||||
|
@ -8843,9 +8843,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/fast-redact": {
|
"node_modules/fast-redact": {
|
||||||
"version": "3.2.0",
|
"version": "3.3.0",
|
||||||
"resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.3.0.tgz",
|
||||||
"integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
|
"integrity": "sha512-6T5V1QK1u4oF+ATxs1lWUmlEk6P2T9HqJG3e2DnHOdVgZy2rFJBoEnrIedcTXlkAHU/zKC+7KETJ+KGGKwxgMQ==",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=6"
|
"node": ">=6"
|
||||||
}
|
}
|
||||||
|
@ -10508,15 +10508,15 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/jest-diff": {
|
"node_modules/jest-diff": {
|
||||||
"version": "29.6.1",
|
"version": "29.6.2",
|
||||||
"resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.6.2.tgz",
|
||||||
"integrity": "sha512-FsNCvinvl8oVxpNLttNQX7FAq7vR+gMDGj90tiP7siWw1UdakWUGqrylpsYrpvj908IYckm5Y0Q7azNAozU1Kg==",
|
"integrity": "sha512-t+ST7CB9GX5F2xKwhwCf0TAR17uNDiaPTZnVymP9lw0lssa9vG+AFyDZoeIHStU3WowFFwT+ky+er0WVl2yGhA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"chalk": "^4.0.0",
|
"chalk": "^4.0.0",
|
||||||
"diff-sequences": "^29.4.3",
|
"diff-sequences": "^29.4.3",
|
||||||
"jest-get-type": "^29.4.3",
|
"jest-get-type": "^29.4.3",
|
||||||
"pretty-format": "^29.6.1"
|
"pretty-format": "^29.6.2"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
|
"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
|
||||||
|
@ -10738,9 +10738,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/jest-util": {
|
"node_modules/jest-util": {
|
||||||
"version": "29.6.1",
|
"version": "29.6.2",
|
||||||
"resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.6.2.tgz",
|
||||||
"integrity": "sha512-NRFCcjc+/uO3ijUVyNOQJluf8PtGCe/W6cix36+M3cTFgiYqFOOW5MgN4JOOcvbUhcKTYVd1CvHz/LWi8d16Mg==",
|
"integrity": "sha512-3eX1qb6L88lJNCFlEADKOkjpXJQyZRiavX1INZ4tRnrBVr2COd3RgcTLyUiEXMNBlDU/cgYq6taUS0fExrWW4w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@jest/types": "^29.6.1",
|
"@jest/types": "^29.6.1",
|
||||||
|
@ -11326,9 +11326,9 @@
|
||||||
"integrity": "sha512-QS9p+Q20YBxpE0dJBnF6CPURP7p1GUsxnhTxTWH5nG3A1F5w8Rg3T4Xyh5UlrFSbHp88oOciVP/0agsNLhkHdQ=="
|
"integrity": "sha512-QS9p+Q20YBxpE0dJBnF6CPURP7p1GUsxnhTxTWH5nG3A1F5w8Rg3T4Xyh5UlrFSbHp88oOciVP/0agsNLhkHdQ=="
|
||||||
},
|
},
|
||||||
"node_modules/magic-string": {
|
"node_modules/magic-string": {
|
||||||
"version": "0.30.1",
|
"version": "0.30.2",
|
||||||
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",
|
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.2.tgz",
|
||||||
"integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==",
|
"integrity": "sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@jridgewell/sourcemap-codec": "^1.4.15"
|
"@jridgewell/sourcemap-codec": "^1.4.15"
|
||||||
},
|
},
|
||||||
|
@ -13831,9 +13831,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/pretty-format": {
|
"node_modules/pretty-format": {
|
||||||
"version": "29.6.1",
|
"version": "29.6.2",
|
||||||
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.2.tgz",
|
||||||
"integrity": "sha512-7jRj+yXO0W7e4/tSJKoR7HRIHLPPjtNaUGG2xxKQnGvPNRkgWcQ0AZX6P4KBRJN4FcTBWb3sa7DVUJmocYuoog==",
|
"integrity": "sha512-1q0oC8eRveTg5nnBEWMXAU2qpv65Gnuf2eCQzSjxpWFkPaPARwqZZDGuNE0zPAZfTCHzIk3A8dIjwlQKKLphyg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@jest/schemas": "^29.6.0",
|
"@jest/schemas": "^29.6.0",
|
||||||
|
|
|
@ -59,7 +59,7 @@ const inputElClass = computed(() => {
|
||||||
const base = [
|
const base = [
|
||||||
'px-3 py-2 max-w-full focus:ring focus:outline-none border-gray-700 rounded w-full',
|
'px-3 py-2 max-w-full focus:ring focus:outline-none border-gray-700 rounded w-full',
|
||||||
'dark:placeholder-gray-400',
|
'dark:placeholder-gray-400',
|
||||||
computedType.value === 'textarea' ? 'h-24' : 'h-12',
|
computedType.value === 'textarea' ? 'h-44' : 'h-12',
|
||||||
props.borderless ? 'border-0' : 'border',
|
props.borderless ? 'border-0' : 'border',
|
||||||
// props.transparent && !props.isReadOnly ? 'bg-transparent' : 'bg-white dark:bg-slate-800',
|
// props.transparent && !props.isReadOnly ? 'bg-transparent' : 'bg-white dark:bg-slate-800',
|
||||||
props.isReadOnly ? 'bg-gray-50 dark:bg-slate-600' : 'bg-white dark:bg-slate-800',
|
props.isReadOnly ? 'bg-gray-50 dark:bg-slate-600' : 'bg-white dark:bg-slate-800',
|
||||||
|
@ -120,7 +120,7 @@ if (props.ctrlKFocus) {
|
||||||
v-else-if="computedType === 'textarea'"
|
v-else-if="computedType === 'textarea'"
|
||||||
:id="id"
|
:id="id"
|
||||||
v-model="computedValue"
|
v-model="computedValue"
|
||||||
:class="inputElClass"
|
:class="inputElClass"
|
||||||
:name="name"
|
:name="name"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
:required="required"
|
:required="required"
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
</FormField>
|
</FormField>
|
||||||
|
|
||||||
<!-- titles -->
|
<!-- titles -->
|
||||||
<CardBox class="mb-6 shadow" :has-form-data="true" title="Titles" :icon="mdiFinance"
|
<CardBox class="mb-6 shadow" :has-form-data="false" title="Titles" :icon="mdiFinance"
|
||||||
:header-icon="mdiPlusCircle" v-on:header-icon-click="addTitle()">
|
:header-icon="mdiPlusCircle" v-on:header-icon-click="addTitle()">
|
||||||
<div class="flex flex-col md:flex-row">
|
<div class="flex flex-col md:flex-row">
|
||||||
<FormField label="Main Title *" help="required: main title"
|
<FormField label="Main Title *" help="required: main title"
|
||||||
|
@ -68,13 +68,13 @@
|
||||||
|
|
||||||
<label v-if="form.titles.length > 1">additional titles </label>
|
<label v-if="form.titles.length > 1">additional titles </label>
|
||||||
<!-- <BaseButton :icon="mdiPlusCircle" @click.prevent="addTitle()" color="modern" rounded-full small /> -->
|
<!-- <BaseButton :icon="mdiPlusCircle" @click.prevent="addTitle()" color="modern" rounded-full small /> -->
|
||||||
<table class="table-auto">
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<!-- <th v-if="checkable" /> -->
|
<!-- <th v-if="checkable" /> -->
|
||||||
<th scope="col">Title Value *</th>
|
<th>Title Value</th>
|
||||||
<th>Title Type*</th>
|
<th>Title Type</th>
|
||||||
<th>Title Language*</th>
|
<th>Title Language</th>
|
||||||
<th />
|
<th />
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
@ -82,7 +82,7 @@
|
||||||
<template v-for="(item, index) in form.titles" :key="index">
|
<template v-for="(item, index) in form.titles" :key="index">
|
||||||
<tr v-if="item.type != 'Main'">
|
<tr v-if="item.type != 'Main'">
|
||||||
<!-- <td scope="row">{{ index + 1 }}</td> -->
|
<!-- <td scope="row">{{ index + 1 }}</td> -->
|
||||||
<td scope="row">
|
<td data-label="Title Value">
|
||||||
<FormControl required v-model="form.titles[index].value" type="text"
|
<FormControl required v-model="form.titles[index].value" type="text"
|
||||||
placeholder="[enter main title]">
|
placeholder="[enter main title]">
|
||||||
<div class="text-red-400 text-sm"
|
<div class="text-red-400 text-sm"
|
||||||
|
@ -91,7 +91,7 @@
|
||||||
</div>
|
</div>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td data-label="Title Type">
|
||||||
<FormControl required v-model="form.titles[index].type" type="select"
|
<FormControl required v-model="form.titles[index].type" type="select"
|
||||||
:options="titletypes" placeholder="[select title type]">
|
:options="titletypes" placeholder="[select title type]">
|
||||||
<div class="text-red-400 text-sm"
|
<div class="text-red-400 text-sm"
|
||||||
|
@ -100,7 +100,7 @@
|
||||||
</div>
|
</div>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td data-label="Title Language">
|
||||||
<FormControl required v-model="form.titles[index].language" type="select"
|
<FormControl required v-model="form.titles[index].language" type="select"
|
||||||
:options="{ de: 'de', en: 'en' }" placeholder="[select title language]">
|
:options="{ de: 'de', en: 'en' }" placeholder="[select title language]">
|
||||||
<div class="text-red-400 text-sm"
|
<div class="text-red-400 text-sm"
|
||||||
|
@ -109,7 +109,6 @@
|
||||||
</div>
|
</div>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
|
||||||
<td class="before:hidden lg:w-1 whitespace-nowrap">
|
<td class="before:hidden lg:w-1 whitespace-nowrap">
|
||||||
<BaseButtons type="justify-start lg:justify-end" no-wrap>
|
<BaseButtons type="justify-start lg:justify-end" no-wrap>
|
||||||
<!-- <BaseButton color="info" :icon="mdiEye" small @click="isModalActive = true" /> -->
|
<!-- <BaseButton color="info" :icon="mdiEye" small @click="isModalActive = true" /> -->
|
||||||
|
@ -117,21 +116,110 @@
|
||||||
@click.prevent="removeTitle(index)" />
|
@click.prevent="removeTitle(index)" />
|
||||||
</BaseButtons>
|
</BaseButtons>
|
||||||
</td>
|
</td>
|
||||||
</td>
|
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</CardBox>
|
</CardBox>
|
||||||
|
|
||||||
|
<CardBox class="mb-6 shadow" :has-form-data="false" title="Descriptions" :icon="mdiFinance"
|
||||||
|
:header-icon="mdiPlusCircle" v-on:header-icon-click="addDescription()">
|
||||||
|
<div class="flex flex-col md:flex-row">
|
||||||
|
<FormField label="Main Abstract *" help="required: main abstract"
|
||||||
|
:class="{ 'text-red-400': form.errors['descriptions.0.value'] }" class="w-full mr-1 flex-1">
|
||||||
|
<FormControl required v-model="form.descriptions[0].value" type="textarea"
|
||||||
|
placeholder="[enter main abstract]">
|
||||||
|
<div class="text-red-400 text-sm"
|
||||||
|
v-if="form.errors['descriptions.0.value'] && Array.isArray(form.errors['descriptions.0.value'])">
|
||||||
|
{{ form.errors['descriptions.0.value'].join(', ') }}
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
</FormField>
|
||||||
|
<FormField label="Main Title Language*" help="required: main abstract language"
|
||||||
|
:class="{ 'text-red-400': form.errors['descriptions.0.language'] }"
|
||||||
|
class="w-full ml-1 flex-1">
|
||||||
|
<FormControl required v-model="form.descriptions[0].language" type="text"
|
||||||
|
:is-read-only="true">
|
||||||
|
<div class="text-red-400 text-sm" v-if="form.errors['descriptions.0.value'] && Array.isArray(form.errors['descriptions.0.language'])
|
||||||
|
">
|
||||||
|
{{ form.errors['descriptions.0.language'].join(', ') }}
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
</FormField>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<!-- <th v-if="checkable" /> -->
|
||||||
|
<th>Title Value</th>
|
||||||
|
<th>Title Type</th>
|
||||||
|
<th>Title Language</th>
|
||||||
|
<th />
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<template v-for="(item, index) in form.descriptions" :key="index">
|
||||||
|
<tr v-if="item.type != 'Abstract'">
|
||||||
|
<!-- <td scope="row">{{ index + 1 }}</td> -->
|
||||||
|
<td data-label="Description Value">
|
||||||
|
<FormControl required v-model="form.descriptions[index].value" type="text"
|
||||||
|
placeholder="[enter main title]">
|
||||||
|
<div class="text-red-400 text-sm"
|
||||||
|
v-if="form.errors[`descriptions.${index}.value`]">
|
||||||
|
{{ form.errors[`descriptions.${index}.value`].join(', ') }}
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
</td>
|
||||||
|
<td data-label="Description Type">
|
||||||
|
<FormControl required v-model="form.descriptions[index].type" type="select"
|
||||||
|
:options="props.descriptiontypes" placeholder="[select title type]">
|
||||||
|
<div class="text-red-400 text-sm"
|
||||||
|
v-if="Array.isArray(form.errors[`descriptions.${index}.type`])">
|
||||||
|
{{ form.errors[`descriptions.${index}.type`].join(', ') }}
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
</td>
|
||||||
|
<td data-label="Description Language">
|
||||||
|
<FormControl required v-model="form.descriptions[index].language" type="select"
|
||||||
|
:options="{ de: 'de', en: 'en' }" placeholder="[select title language]">
|
||||||
|
<div class="text-red-400 text-sm"
|
||||||
|
v-if="form.errors[`descriptions.${index}.language`]">
|
||||||
|
{{ form.errors[`descriptions.${index}.language`].join(', ') }}
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
</td>
|
||||||
|
<td class="before:hidden lg:w-1 whitespace-nowrap">
|
||||||
|
<BaseButtons type="justify-start lg:justify-end" no-wrap>
|
||||||
|
<!-- <BaseButton color="info" :icon="mdiEye" small @click="isModalActive = true" /> -->
|
||||||
|
<BaseButton color="danger" :icon="mdiTrashCan" small
|
||||||
|
@click.prevent="removeDescription(index)" />
|
||||||
|
</BaseButtons>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</CardBox>
|
||||||
|
|
||||||
|
<MapComponent v-if="form.coverage"
|
||||||
|
:mapOptions="mapOptions"
|
||||||
|
:baseMaps="baseMaps"
|
||||||
|
:fitBounds="fitBounds"
|
||||||
|
:coverage="form.coverage"
|
||||||
|
:mapId="mapId"
|
||||||
|
v-bind-event:onMapInitializedEvent="onMapInitialized"
|
||||||
|
></MapComponent>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-4">
|
<!-- <div class="mb-4">
|
||||||
<label for="description" class="block text-gray-700 font-bold mb-2">Description:</label>
|
<label for="description" class="block text-gray-700 font-bold mb-2">Description:</label>
|
||||||
<textarea id="description"
|
<textarea id="description"
|
||||||
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
|
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
|
||||||
v-model="form.type"></textarea>
|
v-model="form.type"></textarea>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<!-- <label for="project" class="block text-gray-700 font-bold mb-2">Project:</label>
|
<!-- <label for="project" class="block text-gray-700 font-bold mb-2">Project:</label>
|
||||||
|
@ -192,6 +280,11 @@ import BaseButtons from '@/Components/BaseButtons.vue';
|
||||||
import CardBox from '@/Components/CardBox.vue';
|
import CardBox from '@/Components/CardBox.vue';
|
||||||
import { stardust } from '@eidellev/adonis-stardust/client';
|
import { stardust } from '@eidellev/adonis-stardust/client';
|
||||||
|
|
||||||
|
import MapComponent from '@/Components/Map/map.component.vue';
|
||||||
|
import { MapOptions } from '@/Components/Map/MapOptions';
|
||||||
|
import { LatLngBoundsExpression } from 'leaflet/src/geo/LatLngBounds';
|
||||||
|
import { LayerOptions } from '@/Components/Map/LayerOptions';
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataset: {
|
dataset: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
@ -206,6 +299,10 @@ const props = defineProps({
|
||||||
type: Object,
|
type: Object,
|
||||||
default: () => ({}),
|
default: () => ({}),
|
||||||
},
|
},
|
||||||
|
descriptiontypes: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
errors: {
|
errors: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: () => ({}),
|
default: () => ({}),
|
||||||
|
@ -215,6 +312,19 @@ const props = defineProps({
|
||||||
// const projects = reactive([]);
|
// const projects = reactive([]);
|
||||||
// const licenses = reactive([]);
|
// const licenses = reactive([]);
|
||||||
|
|
||||||
|
const mapOptions: MapOptions = {
|
||||||
|
center: [48.208174, 16.373819],
|
||||||
|
zoom: 3,
|
||||||
|
zoomControl: false,
|
||||||
|
attributionControl: false,
|
||||||
|
};
|
||||||
|
const baseMaps: Map<string, LayerOptions> = new Map<string, LayerOptions>();
|
||||||
|
const fitBounds: LatLngBoundsExpression = [
|
||||||
|
[46.4318173285, 9.47996951665],
|
||||||
|
[49.0390742051, 16.9796667823],
|
||||||
|
];
|
||||||
|
const mapId = 'test';
|
||||||
|
|
||||||
let form = useForm<Dataset>(props.dataset as Dataset);
|
let form = useForm<Dataset>(props.dataset as Dataset);
|
||||||
// const form = useForm({
|
// const form = useForm({
|
||||||
// _method: 'put',
|
// _method: 'put',
|
||||||
|
@ -241,6 +351,19 @@ const removeTitle = (key) => {
|
||||||
form.titles.splice(key, 1);
|
form.titles.splice(key, 1);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const addDescription = () => {
|
||||||
|
let newDescription = { value: '', language: '', type: '' };
|
||||||
|
//this.dataset.files.push(uploadedFiles[i]);
|
||||||
|
form.descriptions.push(newDescription);
|
||||||
|
};
|
||||||
|
const removeDescription = (key) => {
|
||||||
|
form.descriptions.splice(key, 1);
|
||||||
|
};
|
||||||
|
|
||||||
|
const onMapInitialized = (newItem) => {
|
||||||
|
// notify({ type: 'info', text: message });
|
||||||
|
console.log(newItem);
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- <style>
|
<!-- <style>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user