geolba/tethys.backend
2
0
Fork 1
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

- add methods for releasing datasets from submitter
All checks were successful
CI Pipeline / japa-tests (push) Successful in 54s
Details

Browse Source 
- npm updates
- side menu with child items
- flash messages via HttpContext response (extended via macro)
This commit is contained in:
Kaimbacher 2023-06-27 18:23:18 +02:00
parent e0ff71b117
commit f403c3109f
37 changed files with 1020 additions and 482 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
app/Controllers/Http/Submitter/DatasetController.ts
View File

@ -17,8 +17,68 @@ import { TransactionClientContract } from '@ioc:Adonis/Lucid/Database';
import Subject from 'App/Models/Subject'; import Subject from 'App/Models/Subject';
import CreateDatasetValidator from 'App/Validators/CreateDatasetValidator'; import CreateDatasetValidator from 'App/Validators/CreateDatasetValidator';
import { TitleTypes, DescriptionTypes } from 'Contracts/enums'; import { TitleTypes, DescriptionTypes } from 'Contracts/enums';
import type { ModelQueryBuilderContract } from '@ioc:Adonis/Lucid/Orm';
export default class DatasetController { export default class DatasetController {
public async index({ auth, request, inertia }: HttpContextContract) {
const user = (await User.find(auth.user?.id)) as User;
const page = request.input('page', 1);
let datasets: ModelQueryBuilderContract<typeof Dataset, Dataset> = Dataset.query();
// if (request.input('search')) {
// // users = users.whereRaw('name like %?%', [request.input('search')])
// const searchTerm = request.input('search');
// datasets.where('name', 'ilike', `%${searchTerm}%`);
// }
if (request.input('sort')) {
type SortOrder = 'asc' | 'desc' | undefined;
let attribute = request.input('sort');
let sort_order: SortOrder = 'asc';
if (attribute.substr(0, 1) == '-') {
sort_order = 'desc';
// attribute = substr(attribute, 1);
attribute = attribute.substr(1);
}
datasets.orderBy(attribute, sort_order);
} else {
// users.orderBy('created_at', 'desc');
datasets.orderBy('id', 'asc');
}
// const users = await User.query().orderBy('login').paginate(page, limit);
const myDatasets = await datasets
.whereIn('server_state', [
'inprogress',
'released',
'editor_accepted',
'approved',
'reviewed',
'rejected_editor',
'rejected_reviewer',
])
.where('account_id', user.id)
.preload('titles')
.preload('user', (query) => query.select('id', 'login'))
// .preload('titles', (builder) => {
// // pull the actual preload data
// builder.where('type', 'Main');
// })
.paginate(page, 10);
return inertia.render('Submitter/Dataset/Index', {
// testing: 'this is a test',
datasets: myDatasets.serialize(),
filters: request.all(),
can: {
// create: await auth.user?.can(['user-create']),
edit: await auth.user?.can(['dataset-edit']),
delete: await auth.user?.can(['dataset-delete']),
},
});
}
public async create({ inertia }: HttpContextContract) { public async create({ inertia }: HttpContextContract) {
const licenses = await License.query().select('id', 'name_long').pluck('name_long', 'id'); const licenses = await License.query().select('id', 'name_long').pluck('name_long', 'id');
@ -423,4 +483,89 @@ export default class DatasetController {
'files.*.size': 'file size is to big', 'files.*.size': 'file size is to big',
'files.extnames': 'file extension is not supported', 'files.extnames': 'file extension is not supported',
}; };
// public async release({ params, view }) {
public async release({ request, inertia }: HttpContextContract) {
const id = request.param('id');
const dataset = await Dataset.query()
.preload('user', (builder) => {
builder.select('id', 'login');
})
.where('id', id)
.firstOrFail();
// const editors = await User.query()
// .whereHas('roles', (builder) => {
// builder.where('name', 'editor');
// })
// .pluck('login', 'id');
return inertia.render('Submitter/Dataset/Release', {
dataset,
});
}
public async releaseUpdate({ request, response }: HttpContextContract) {
const id = request.param('id');
const dataset = await Dataset.query().preload('files').where('id', id).firstOrFail();
if (dataset.files.length === 0) {
return response.flash('message', 'At least minimum one file is required.').redirect('back');
}
const preferation = request.input('preferation', '');
const preferredReviewer = request.input('preferred_reviewer');
const preferredReviewerEmail = request.input('preferred_reviewer_email');
if (preferation === 'yes_preferation') {
const newSchema = schema.create({
preferred_reviewer: schema.string({ trim: true }, [rules.minLength(3), rules.maxLength(255)]),
preferred_reviewer_email: schema.string([rules.email()]),
});
try {
await request.validate({ schema: newSchema });
} catch (error) {
// return response.badRequest(error.messages);
throw error;
}
}
const input = {
preferred_reviewer: preferredReviewer || null,
preferred_reviewer_email: preferredReviewerEmail || null,
server_state: 'released',
editor_id: null,
reviewer_id: null,
reject_editor_note: null,
reject_reviewer_note: null,
};
// Clear editor_id if it exists
if (dataset.editor_id !== null) {
input.editor_id = null;
}
// Clear reject_editor_note if it exists
if (dataset.reject_editor_note !== null) {
input.reject_editor_note = null;
}
// Clear reviewer_id if it exists
if (dataset.reviewer_id !== null) {
input.reviewer_id = null;
}
// Clear reject_reviewer_note if it exists
if (dataset.reject_reviewer_note !== null) {
input.reject_reviewer_note = null;
}
// if (await dataset.merge(input).save()) {
// return response.redirect().route('publish.workflow.submit.index').flash('flash_message', 'You have released your dataset!');
// }
return response.toRoute('dataset.list').flash('message', 'You have released your dataset');
// throw new GeneralException(trans('exceptions.publish.release.update_error'));
}
} }

34
app/FlashResponse.ts Normal file
View File

@ -0,0 +1,34 @@
import { Response } from '@adonisjs/http-server/build/src/Response';
import { ServerResponse, IncomingMessage } from 'http';
import { RouterContract } from '@ioc:Adonis/Core/Route';
import { EncryptionContract } from '@ioc:Adonis/Core/Encryption';
import { ResponseConfig, ResponseContract } from '@ioc:Adonis/Core/Response';
class FlashResponse extends Response implements ResponseContract {
protected static macros = {};
protected static getters = {};
constructor(
public request: IncomingMessage,
public response: ServerResponse,
flashEncryption: EncryptionContract,
flashConfig: ResponseConfig,
flashRouter: RouterContract,
) {
super(request, response, flashEncryption, flashConfig, flashRouter);
}
nonce: string;
public flash(key: string, message: any): this {
// Store the flash message in the session
this.ctx?.session.flash(key, message);
return this;
}
public toRoute(route: string): this {
// Redirect to the specified route
super.redirect().toRoute(route);
return this;
}
}
export default FlashResponse;

42
app/Models/Dataset.ts
View File

@ -8,14 +8,17 @@ import {
BelongsTo, BelongsTo,
hasMany, hasMany,
HasMany, HasMany,
computed,
} from '@ioc:Adonis/Lucid/Orm'; } from '@ioc:Adonis/Lucid/Orm';
import { DateTime } from 'luxon'; import { DateTime } from 'luxon';
import dayjs from 'dayjs';
import Person from './Person'; import Person from './Person';
import User from './User'; import User from './User';
import Title from './Title'; import Title from './Title';
import Description from './Description'; import Description from './Description';
import License from './License'; import License from './License';
import Subject from './Subject'; import Subject from './Subject';
import File from './File';
export default class Dataset extends BaseModel { export default class Dataset extends BaseModel {
public static namingStrategy = new SnakeCaseNamingStrategy(); public static namingStrategy = new SnakeCaseNamingStrategy();
@ -47,10 +50,29 @@ export default class Dataset extends BaseModel {
@column({}) @column({})
public account_id: number | null = null; public account_id: number | null = null;
@column({})
public editor_id: number | null = null;
@column({})
public reviewer_id: number | null = null;
@column({})
public reject_editor_note: string;
@column({})
public reject_reviewer_note: string;
@column.dateTime({ columnName: 'server_date_published' }) @column.dateTime({ columnName: 'server_date_published' })
public serverDatePublished: DateTime; public serverDatePublished: DateTime;
@column.dateTime({ autoCreate: true, columnName: 'created_at' }) // @column.dateTime({ autoCreate: true, columnName: 'created_at' })
@column.dateTime({
serialize: (value: Date | null) => {
return value ? dayjs(value).format('MMMM D YYYY HH:mm a') : value;
},
autoCreate: true,
columnName: 'created_at',
})
public createdAt: DateTime; public createdAt: DateTime;
@column.dateTime({ autoCreate: true, autoUpdate: true, columnName: 'server_date_modified' }) @column.dateTime({ autoCreate: true, autoUpdate: true, columnName: 'server_date_modified' })
@ -100,9 +122,17 @@ export default class Dataset extends BaseModel {
}) })
public subjects: ManyToMany<typeof Subject>; public subjects: ManyToMany<typeof Subject>;
// async save(): Promise<this> { @hasMany(() => File, {
// // Call the parent save method to persist changes to the database foreignKey: 'document_id',
// await super.save(); })
// return this; public files: HasMany<typeof File>;
// }
@computed({
serializeAs: 'main_title',
})
public get mainTitle() {
// return `${this.firstName} ${this.lastName}`;
const mainTitle = this.titles?.find((title) => title.type === 'Main');
return mainTitle ? mainTitle.value : null;
}
} }

14
app/Models/File.ts
View File

@ -4,11 +4,14 @@ import {
BaseModel, BaseModel,
hasMany, hasMany,
HasMany, HasMany,
belongsTo,
BelongsTo,
// manyToMany, // manyToMany,
// ManyToMany, // ManyToMany,
SnakeCaseNamingStrategy, SnakeCaseNamingStrategy,
} from '@ioc:Adonis/Lucid/Orm'; } from '@ioc:Adonis/Lucid/Orm';
import HashValue from './HashValue'; import HashValue from './HashValue';
import Dataset from './Dataset';
export default class File extends BaseModel { export default class File extends BaseModel {
public static namingStrategy = new SnakeCaseNamingStrategy(); public static namingStrategy = new SnakeCaseNamingStrategy();
@ -21,6 +24,9 @@ export default class File extends BaseModel {
}) })
public id: number; public id: number;
@column({})
public document_id: number;
@column({}) @column({})
public pathName: string; public pathName: string;
@ -51,10 +57,14 @@ export default class File extends BaseModel {
@column.dateTime({ autoCreate: true, autoUpdate: true }) @column.dateTime({ autoCreate: true, autoUpdate: true })
public updatedAt: DateTime; public updatedAt: DateTime;
// public function hashvalues() // public function dataset()
// { // {
// return $this->hasMany(HashValue::class, 'file_id', 'id'); // return $this->belongsTo(Dataset::class, 'document_id', 'id');
// } // }
@belongsTo(() => Dataset, {
foreignKey: 'document_id',
})
public dataset: BelongsTo<typeof Dataset>;
@hasMany(() => HashValue, { @hasMany(() => HashValue, {
foreignKey: 'file_id', foreignKey: 'file_id',

7
contracts/response.ts Normal file
View File

@ -0,0 +1,7 @@
declare module '@ioc:Adonis/Core/Response' {
interface ResponseContract {
flash(key: string, message: any): this;
toRoute(route: string): this;
}
}

1
database/migrations/dataset_6_collection_roles.ts
View File

@ -37,4 +37,3 @@ export default class CollectionsRoles extends BaseSchema {
// REVOKE ALL ON TABLE collections_roles FROM tethys_app; // REVOKE ALL ON TABLE collections_roles FROM tethys_app;
// GRANT ALL ON TABLE collections_roles TO tethys_admin; // GRANT ALL ON TABLE collections_roles TO tethys_admin;
// GRANT DELETE, UPDATE, INSERT, SELECT ON TABLE collections_roles TO tethys_app; // GRANT DELETE, UPDATE, INSERT, SELECT ON TABLE collections_roles TO tethys_app;

20
database/migrations/dataset_8_link_documents_collections.ts
View File

@ -7,18 +7,18 @@ export default class LinkDocumentsCollections extends BaseSchema {
this.schema.createTable(this.tableName, (table) => { this.schema.createTable(this.tableName, (table) => {
table.integer('collection_id').index('link_documents_collections_collection_id_index').notNullable(); table.integer('collection_id').index('link_documents_collections_collection_id_index').notNullable();
table table
.foreign('collection_id', 'link_documents_collections_collection_id_foreign') .foreign('collection_id', 'link_documents_collections_collection_id_foreign')
.references('id') .references('id')
.inTable('collections') .inTable('collections')
.onDelete('CASCADE') // don't delete this when collection is deleted .onDelete('CASCADE') // don't delete this when collection is deleted
.onUpdate('CASCADE'); .onUpdate('CASCADE');
table.integer('document_id').index('link_documents_collections_document_id_index').notNullable(); table.integer('document_id').index('link_documents_collections_document_id_index').notNullable();
table table
.foreign('document_id', 'link_documents_collections_document_id_foreign') .foreign('document_id', 'link_documents_collections_document_id_foreign')
.references('id') .references('id')
.inTable('documents') .inTable('documents')
.onDelete('CASCADE') // don't delete this when document is deleted .onDelete('CASCADE') // don't delete this when document is deleted
.onUpdate('CASCADE'); .onUpdate('CASCADE');
table.primary(['collection_id', 'document_id']); table.primary(['collection_id', 'document_id']);
}); });
} }

1
database/migrations/dataset_9_persons.ts
View File

@ -29,7 +29,6 @@ export default class Persons extends BaseSchema {
} }
} }
// -- Table: persons // -- Table: persons
// CREATE TABLE IF NOT EXISTS persons // CREATE TABLE IF NOT EXISTS persons
// ( // (

10
database/migrations/files_4_link_documents_licences.ts
View File

@ -15,11 +15,11 @@ export default class LinkDocumentsLicences extends BaseSchema {
// table.index('licence_id', 'link_documents_licences_licence_id_index') // table.index('licence_id', 'link_documents_licences_licence_id_index')
table.integer('document_id').index('link_documents_licences_document_id_index').notNullable(); table.integer('document_id').index('link_documents_licences_document_id_index').notNullable();
table table
.foreign('document_id', 'link_documents_licences_document_id_foreign') .foreign('document_id', 'link_documents_licences_document_id_foreign')
.references('id') .references('id')
.inTable('documents') .inTable('documents')
.onDelete('CASCADE') // delete this when document is deleted .onDelete('CASCADE') // delete this when document is deleted
.onUpdate(' CASCADE'); .onUpdate(' CASCADE');
// table.index('licence_id', 'link_documents_licences_document_id_index') // table.index('licence_id', 'link_documents_licences_document_id_index')
table.primary(['licence_id', 'document_id']); table.primary(['licence_id', 'document_id']);
}); });

177
package-lock.json generated
View File

@ -3848,6 +3848,12 @@
"resolved": "https://registry.npmjs.org/@types/he/-/he-1.2.0.tgz", "resolved": "https://registry.npmjs.org/@types/he/-/he-1.2.0.tgz",
"integrity": "sha512-uH2smqTN4uGReAiKedIVzoLUAXIYLBTbSofhx3hbNqj74Ua6KqFsLYszduTrLCMEAEAozF73DbGi/SC1bzQq4g==" "integrity": "sha512-uH2smqTN4uGReAiKedIVzoLUAXIYLBTbSofhx3hbNqj74Ua6KqFsLYszduTrLCMEAEAozF73DbGi/SC1bzQq4g=="
}, },
"node_modules/@types/http-errors": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz",
"integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==",
"dev": true
},
"node_modules/@types/http-proxy": { "node_modules/@types/http-proxy": {
"version": "1.17.11", "version": "1.17.11",
"resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz", "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz",
@ -3941,9 +3947,9 @@
"dev": true "dev": true
}, },
"node_modules/@types/node": { "node_modules/@types/node": {
"version": "20.3.1", "version": "20.3.2",
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.1.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.2.tgz",
"integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==" "integrity": "sha512-vOBLVQeCQfIcF/2Y7eKFTqrMnizK5lRNQ7ykML/5RuwVXVWxYkgwS7xbt4B6fKCUPgbSL5FSsjHQpaGQP/dQmw=="
}, },
"node_modules/@types/pino": { "node_modules/@types/pino": {
"version": "6.3.12", "version": "6.3.12",
@ -4027,11 +4033,12 @@
} }
}, },
"node_modules/@types/serve-static": { "node_modules/@types/serve-static": {
"version": "1.15.1", "version": "1.15.2",
"resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.1.tgz", "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz",
"integrity": "sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==", "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@types/http-errors": "*",
"@types/mime": "*", "@types/mime": "*",
"@types/node": "*" "@types/node": "*"
} }
@ -4094,15 +4101,15 @@
"dev": true "dev": true
}, },
"node_modules/@typescript-eslint/eslint-plugin": { "node_modules/@typescript-eslint/eslint-plugin": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.1.tgz",
"integrity": "sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==", "integrity": "sha512-KSWsVvsJsLJv3c4e73y/Bzt7OpqMCADUO846bHcuWYSYM19bldbAeDv7dYyV0jwkbMfJ2XdlzwjhXtuD7OY6bw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@eslint-community/regexpp": "^4.4.0", "@eslint-community/regexpp": "^4.4.0",
"@typescript-eslint/scope-manager": "5.60.0", "@typescript-eslint/scope-manager": "5.60.1",
"@typescript-eslint/type-utils": "5.60.0", "@typescript-eslint/type-utils": "5.60.1",
"@typescript-eslint/utils": "5.60.0", "@typescript-eslint/utils": "5.60.1",
"debug": "^4.3.4", "debug": "^4.3.4",
"grapheme-splitter": "^1.0.4", "grapheme-splitter": "^1.0.4",
"ignore": "^5.2.0", "ignore": "^5.2.0",
@ -4128,14 +4135,14 @@
} }
}, },
"node_modules/@typescript-eslint/parser": { "node_modules/@typescript-eslint/parser": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.1.tgz",
"integrity": "sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==", "integrity": "sha512-pHWlc3alg2oSMGwsU/Is8hbm3XFbcrb6P5wIxcQW9NsYBfnrubl/GhVVD/Jm/t8HXhA2WncoIRfBtnCgRGV96Q==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/scope-manager": "5.60.0", "@typescript-eslint/scope-manager": "5.60.1",
"@typescript-eslint/types": "5.60.0", "@typescript-eslint/types": "5.60.1",
"@typescript-eslint/typescript-estree": "5.60.0", "@typescript-eslint/typescript-estree": "5.60.1",
"debug": "^4.3.4" "debug": "^4.3.4"
}, },
"engines": { "engines": {
@ -4155,13 +4162,13 @@
} }
}, },
"node_modules/@typescript-eslint/scope-manager": { "node_modules/@typescript-eslint/scope-manager": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.1.tgz",
"integrity": "sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==", "integrity": "sha512-Dn/LnN7fEoRD+KspEOV0xDMynEmR3iSHdgNsarlXNLGGtcUok8L4N71dxUgt3YvlO8si7E+BJ5Fe3wb5yUw7DQ==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/types": "5.60.0", "@typescript-eslint/types": "5.60.1",
"@typescript-eslint/visitor-keys": "5.60.0" "@typescript-eslint/visitor-keys": "5.60.1"
}, },
"engines": { "engines": {
"node": "^12.22.0 || ^14.17.0 || >=16.0.0" "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@ -4172,13 +4179,13 @@
} }
}, },
"node_modules/@typescript-eslint/type-utils": { "node_modules/@typescript-eslint/type-utils": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.1.tgz",
"integrity": "sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==", "integrity": "sha512-vN6UztYqIu05nu7JqwQGzQKUJctzs3/Hg7E2Yx8rz9J+4LgtIDFWjjl1gm3pycH0P3mHAcEUBd23LVgfrsTR8A==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/typescript-estree": "5.60.0", "@typescript-eslint/typescript-estree": "5.60.1",
"@typescript-eslint/utils": "5.60.0", "@typescript-eslint/utils": "5.60.1",
"debug": "^4.3.4", "debug": "^4.3.4",
"tsutils": "^3.21.0" "tsutils": "^3.21.0"
}, },
@ -4199,9 +4206,9 @@
} }
}, },
"node_modules/@typescript-eslint/types": { "node_modules/@typescript-eslint/types": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.1.tgz",
"integrity": "sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==", "integrity": "sha512-zDcDx5fccU8BA0IDZc71bAtYIcG9PowaOwaD8rjYbqwK7dpe/UMQl3inJ4UtUK42nOCT41jTSCwg76E62JpMcg==",
"dev": true, "dev": true,
"engines": { "engines": {
"node": "^12.22.0 || ^14.17.0 || >=16.0.0" "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@ -4212,13 +4219,13 @@
} }
}, },
"node_modules/@typescript-eslint/typescript-estree": { "node_modules/@typescript-eslint/typescript-estree": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.1.tgz",
"integrity": "sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==", "integrity": "sha512-hkX70J9+2M2ZT6fhti5Q2FoU9zb+GeZK2SLP1WZlvUDqdMbEKhexZODD1WodNRyO8eS+4nScvT0dts8IdaBzfw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/types": "5.60.0", "@typescript-eslint/types": "5.60.1",
"@typescript-eslint/visitor-keys": "5.60.0", "@typescript-eslint/visitor-keys": "5.60.1",
"debug": "^4.3.4", "debug": "^4.3.4",
"globby": "^11.1.0", "globby": "^11.1.0",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
@ -4289,17 +4296,17 @@
} }
}, },
"node_modules/@typescript-eslint/utils": { "node_modules/@typescript-eslint/utils": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.1.tgz",
"integrity": "sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==", "integrity": "sha512-tiJ7FFdFQOWssFa3gqb94Ilexyw0JVxj6vBzaSpfN/8IhoKkDuSAenUKvsSHw2A/TMpJb26izIszTXaqygkvpQ==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/eslint-utils": "^4.2.0",
"@types/json-schema": "^7.0.9", "@types/json-schema": "^7.0.9",
"@types/semver": "^7.3.12", "@types/semver": "^7.3.12",
"@typescript-eslint/scope-manager": "5.60.0", "@typescript-eslint/scope-manager": "5.60.1",
"@typescript-eslint/types": "5.60.0", "@typescript-eslint/types": "5.60.1",
"@typescript-eslint/typescript-estree": "5.60.0", "@typescript-eslint/typescript-estree": "5.60.1",
"eslint-scope": "^5.1.1", "eslint-scope": "^5.1.1",
"semver": "^7.3.7" "semver": "^7.3.7"
}, },
@ -4337,12 +4344,12 @@
} }
}, },
"node_modules/@typescript-eslint/visitor-keys": { "node_modules/@typescript-eslint/visitor-keys": {
"version": "5.60.0", "version": "5.60.1",
"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.1.tgz",
"integrity": "sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==", "integrity": "sha512-xEYIxKcultP6E/RMKqube11pGjXH1DCo60mQoWhVYyKfLkwbIVVjYxmOenNMxILx0TjCujPTjjnTIVzm09TXIw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/types": "5.60.0", "@typescript-eslint/types": "5.60.1",
"eslint-visitor-keys": "^3.3.0" "eslint-visitor-keys": "^3.3.0"
}, },
"engines": { "engines": {
@ -5943,9 +5950,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001506", "version": "1.0.30001508",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001506.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001508.tgz",
"integrity": "sha512-6XNEcpygZMCKaufIcgpQNZNf00GEqc7VQON+9Rd0K1bMYo8xhMZRAo5zpbnbMNizi4YNgIDAFrdykWsvY3H4Hw==", "integrity": "sha512-sdQZOJdmt3GJs1UMNpCCCyeuS2IEGLXnHyAo9yIO5JJDjbjoVRij4M1qep6P6gFpptD1PqIYgzM+gwJbOi92mw==",
"dev": true, "dev": true,
"funding": [ "funding": [
{ {
@ -7648,9 +7655,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.436", "version": "1.4.441",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.436.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.441.tgz",
"integrity": "sha512-aktOxo8fnrMC8vOIBMVS3PXbT1nrPQ+SouUuN7Y0a+Rw3pOMrvIV92Ybnax7x4tugA+ZpYA5fOHTby7ama8OQQ==", "integrity": "sha512-LlCgQ8zgYZPymf5H4aE9itwiIWH4YlCiv1HFLmmcBeFYi5E+3eaIFnjHzYtcFQbaKfAW+CqZ9pgxo33DZuoqPg==",
"dev": true "dev": true
}, },
"node_modules/emittery": { "node_modules/emittery": {
@ -7729,9 +7736,9 @@
} }
}, },
"node_modules/envinfo": { "node_modules/envinfo": {
"version": "7.9.0", "version": "7.10.0",
"resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.9.0.tgz", "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
"integrity": "sha512-RODB4txU+xImYDemN5DqaKC0CHk05XSVkOX4pq0hK26Qx+1LChkuOyUDlGEjYb3ACr0n9qBhFjg37hQuJvpkRQ==", "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==",
"dev": true, "dev": true,
"peer": true, "peer": true,
"bin": { "bin": {
@ -9571,9 +9578,9 @@
} }
}, },
"node_modules/html-entities": { "node_modules/html-entities": {
"version": "2.3.6", "version": "2.4.0",
"resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.6.tgz", "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz",
"integrity": "sha512-9o0+dcpIw2/HxkNuYKxSJUF/MMRZQECK4GnF+oQOmJ83yCVHTWgCH5aOXxK5bozNRmM8wtgryjHD3uloPBDEGw==", "integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==",
"funding": [ "funding": [
{ {
"type": "github", "type": "github",
@ -12377,14 +12384,14 @@
} }
}, },
"node_modules/pg": { "node_modules/pg": {
"version": "8.11.0", "version": "8.11.1",
"resolved": "https://registry.npmjs.org/pg/-/pg-8.11.0.tgz", "resolved": "https://registry.npmjs.org/pg/-/pg-8.11.1.tgz",
"integrity": "sha512-meLUVPn2TWgJyLmy7el3fQQVwft4gU5NGyvV0XbD41iU9Jbg8lCH4zexhIkihDzVHJStlt6r088G6/fWeNjhXA==", "integrity": "sha512-utdq2obft07MxaDg0zBJI+l/M3mBRfIpEN3iSemsz0G5F2/VXx+XzqF4oxrbIZXQxt2AZzIUzyVg/YM6xOP/WQ==",
"dependencies": { "dependencies": {
"buffer-writer": "2.0.0", "buffer-writer": "2.0.0",
"packet-reader": "1.0.0", "packet-reader": "1.0.0",
"pg-connection-string": "^2.6.0", "pg-connection-string": "^2.6.1",
"pg-pool": "^3.6.0", "pg-pool": "^3.6.1",
"pg-protocol": "^1.6.0", "pg-protocol": "^1.6.0",
"pg-types": "^2.1.0", "pg-types": "^2.1.0",
"pgpass": "1.x" "pgpass": "1.x"
@ -12393,7 +12400,7 @@
"node": ">= 8.0.0" "node": ">= 8.0.0"
}, },
"optionalDependencies": { "optionalDependencies": {
"pg-cloudflare": "^1.1.0" "pg-cloudflare": "^1.1.1"
}, },
"peerDependencies": { "peerDependencies": {
"pg-native": ">=3.0.1" "pg-native": ">=3.0.1"
@ -12405,9 +12412,9 @@
} }
}, },
"node_modules/pg-cloudflare": { "node_modules/pg-cloudflare": {
"version": "1.1.0", "version": "1.1.1",
"resolved": "https://registry.npmjs.org/pg-cloudflare/-/pg-cloudflare-1.1.0.tgz", "resolved": "https://registry.npmjs.org/pg-cloudflare/-/pg-cloudflare-1.1.1.tgz",
"integrity": "sha512-tGM8/s6frwuAIyRcJ6nWcIvd3+3NmUKIs6OjviIm1HPPFEt5MzQDOTBQyhPWg/m0kCl95M6gA1JaIXtS8KovOA==", "integrity": "sha512-xWPagP/4B6BgFO+EKz3JONXv3YDgvkbVrGw2mTo3D6tVDQRh1e7cqVGvyR3BE+eQgAvx1XhW/iEASj4/jCWl3Q==",
"optional": true "optional": true
}, },
"node_modules/pg-connection-string": { "node_modules/pg-connection-string": {
@ -12424,9 +12431,9 @@
} }
}, },
"node_modules/pg-pool": { "node_modules/pg-pool": {
"version": "3.6.0", "version": "3.6.1",
"resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.6.0.tgz", "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.6.1.tgz",
"integrity": "sha512-clFRf2ksqd+F497kWFyM21tMjeikn60oGDmqMT8UBrynEwVEX/5R5xd2sdvdo1cZCFlguORNpVuqxIj+aK4cfQ==", "integrity": "sha512-jizsIzhkIitxCGfPRzJn1ZdcosIt3pz9Sh3V01fm1vZnbnCMgmGl5wvGGdNN2EL9Rmb0EcFoCkixH4Pu+sP9Og==",
"peerDependencies": { "peerDependencies": {
"pg": ">=8.0" "pg": ">=8.0"
} }
@ -12452,9 +12459,9 @@
} }
}, },
"node_modules/pg/node_modules/pg-connection-string": { "node_modules/pg/node_modules/pg-connection-string": {
"version": "2.6.0", "version": "2.6.1",
"resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.6.0.tgz", "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.6.1.tgz",
"integrity": "sha512-x14ibktcwlHKoHxx9X3uTVW9zIGR41ZB6QNhHb21OPNdCCO3NaRnpJuwKIQSR4u+Yqjx4HCvy7Hh7VSy1U4dGg==" "integrity": "sha512-w6ZzNu6oMmIzEAYVw+RLK0+nqHPt8K3ZnknKi+g48Ak2pr3dtljJW3o+D/n2zzCG07Zoe9VOX3aiKpj+BN0pjg=="
}, },
"node_modules/pgpass": { "node_modules/pgpass": {
"version": "1.0.5", "version": "1.0.5",
@ -12622,9 +12629,9 @@
} }
}, },
"node_modules/pino-std-serializers": { "node_modules/pino-std-serializers": {
"version": "6.2.1", "version": "6.2.2",
"resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.1.tgz", "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
"integrity": "sha512-wHuWB+CvSVb2XqXM0W/WOYUkVSPbiJb9S5fNB7TBhd8s892Xq910bRxwHtC4l71hgztObTjXL6ZheZXFjhDrDQ==" "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
}, },
"node_modules/pino/node_modules/pino-std-serializers": { "node_modules/pino/node_modules/pino-std-serializers": {
"version": "3.2.0", "version": "3.2.0",
@ -14206,9 +14213,9 @@
} }
}, },
"node_modules/semver": { "node_modules/semver": {
"version": "7.5.2", "version": "7.5.3",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.2.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz",
"integrity": "sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==", "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==",
"dependencies": { "dependencies": {
"lru-cache": "^6.0.0" "lru-cache": "^6.0.0"
}, },
@ -15843,9 +15850,9 @@
} }
}, },
"node_modules/tslib": { "node_modules/tslib": {
"version": "2.5.3", "version": "2.6.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
"integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==" "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
}, },
"node_modules/tsscmp": { "node_modules/tsscmp": {
"version": "1.0.6", "version": "1.0.6",
@ -17001,9 +17008,9 @@
} }
}, },
"node_modules/youch-terminal": { "node_modules/youch-terminal": {
"version": "2.2.0", "version": "2.2.1",
"resolved": "https://registry.npmjs.org/youch-terminal/-/youch-terminal-2.2.0.tgz", "resolved": "https://registry.npmjs.org/youch-terminal/-/youch-terminal-2.2.1.tgz",
"integrity": "sha512-LLYtvG/4XoRO/vhf2eBkzT6dI1hWliLSp7NuXRKsvBAITuIxODS61X7AQOHl5Aaf8oquS9JlHSpjTFjX140XKA==", "integrity": "sha512-enW8MxCaZKbss1zwJEP5IGP7b3/QWOc00payGqMaCzfia+QnFJYg0rLrboHXLd/rLsISc2VpRWaTqMsY8kmfMw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"kleur": "^4.1.5", "kleur": "^4.1.5",

20
providers/AppProvider.ts
View File

@ -1,5 +1,7 @@
import type { ApplicationContract } from '@ioc:Adonis/Core/Application'; import type { ApplicationContract } from '@ioc:Adonis/Core/Application';
import Hash from '@ioc:Adonis/Core/Hash'; import type Hash from '@ioc:Adonis/Core/Hash';
// import HttpContextContract from '@ioc:Adonis/Core/HttpContext';
import type Response from '@ioc:Adonis/Core/Response';
import { LaravelHash } from './HashDriver'; import { LaravelHash } from './HashDriver';
export default class AppProvider { export default class AppProvider {
@ -15,6 +17,22 @@ export default class AppProvider {
hashInstance.extend('bcrypt', () => { hashInstance.extend('bcrypt', () => {
return new LaravelHash(); return new LaravelHash();
}); });
const responseInstance: typeof Response = this.app.container.use('Adonis/Core/Response');
responseInstance.macro('flash', function (key: string, message: any) {
this.ctx!.session.flash(key, message);
return this;
});
responseInstance.macro('toRoute', function (route: string) {
this.redirect().toRoute(route);
return this;
});
// this.app.container.singleton('Adonis/Core/Response', () => {
// return FlashResponse;
// });
// this.app.container.singleton('Adonis/Core/HttpContext', () => {
// });
} }
public async ready() { public async ready() {

8
providers/HashDriver/index.ts
View File

@ -1,6 +1,6 @@
import { HashDriverContract } from "@ioc:Adonis/Core/Hash"; import { HashDriverContract } from '@ioc:Adonis/Core/Hash';
// const bcrypt = require("bcrypt"); // const bcrypt = require("bcrypt");
import bcrypt from "bcryptjs"; import bcrypt from 'bcryptjs';
const saltRounds = 10; const saltRounds = 10;
export class LaravelHash implements HashDriverContract { export class LaravelHash implements HashDriverContract {
@ -11,8 +11,8 @@ export class LaravelHash implements HashDriverContract {
public async verify(hashedValue: string, plainValue: string) { public async verify(hashedValue: string, plainValue: string) {
let newHash: string; let newHash: string;
if (hashedValue.includes("$2y$10$")) { if (hashedValue.includes('$2y$10$')) {
newHash = hashedValue.replace("$2y$10$", "$2a$10$"); newHash = hashedValue.replace('$2y$10$', '$2a$10$');
} else { } else {
newHash = hashedValue; newHash = hashedValue;
} }

13
resources/js/Components/AsideMenuItem.vue
View File

@ -31,7 +31,7 @@ const hasColor = computed(() => props.item && props.item.color);
const isDropdownActive = ref(false); const isDropdownActive = ref(false);
const componentClass = computed(() => [ const componentClass = computed(() => [
props.isDropdownList ? 'py-3 px-6 text-sm' : 'py-3 px-6', props.isDropdownList ? 'py-3 px-6 text-sm font-semibold' : 'py-3 px-6',
hasColor.value ? getButtonColor(props.item.color, false, true) : styleService.asideMenuItemStyle, hasColor.value ? getButtonColor(props.item.color, false, true) : styleService.asideMenuItemStyle,
]); ]);
@ -76,18 +76,19 @@ const is = computed(() => {
<!-- <component :is="itemHref ? 'div' : Link" :href="itemHref ? itemHref : itemRoute" --> <!-- <component :is="itemHref ? 'div' : Link" :href="itemHref ? itemHref : itemRoute" -->
<component :is="is" :href="itemRoute ? stardust.route(props.item.route) : props.item.href" <component :is="is" :href="itemRoute ? stardust.route(props.item.route) : props.item.href"
class="flex cursor-pointer dark:text-slate-300 dark:hover:text-white" :class="componentClass" class="flex cursor-pointer dark:text-slate-300 dark:hover:text-white" :class="componentClass"
@click="menuClick" v-bind:target="props.item.target ?? null"> @click.prevent="menuClick" v-bind:target="props.item.target ?? null">
<BaseIcon v-if="item.icon" :path="item.icon" class="flex-none" :class="activeInactiveStyle" w="w-16" <BaseIcon v-if="item.icon" :path="item.icon" class="flex-none" :class="activeInactiveStyle" w="w-16"
:size="18" /> :size="18" />
<span class="grow text-ellipsis line-clamp-1" :class="activeInactiveStyle"> <span class="grow text-ellipsis line-clamp-1" :class="activeInactiveStyle">
{{ item.label }} {{ item.label }}
</span> </span>
<!-- <BaseIcon v-if="hasDropdown" :path="isDropdownActive ? mdiMinus : mdiPlus" class="flex-none" <!-- plus icon for expanding sub menu -->
:class="activeInactiveStyle" w="w-12" /> --> <BaseIcon v-if="hasDropdown" :path="isDropdownActive ? mdiMinus : mdiPlus" class="flex-none"
:class="activeInactiveStyle" w="w-12" @click.prevent="menuClick"/>
</component> </component>
<!-- <AsideMenuList v-if="hasDropdown" :menu="item.children" :class="[ <AsideMenuList v-if="hasDropdown" :menu="item.children" :class="[
styleService.asideMenuDropdownStyle, styleService.asideMenuDropdownStyle,
isDropdownActive ? 'block dark:bg-slate-800/50' : 'hidden', isDropdownActive ? 'block dark:bg-slate-800/50' : 'hidden',
]" is-dropdown-list /> --> ]" is-dropdown-list />
</li> </li>
</template> </template>

2
resources/js/Components/AsideMenuLayer.vue
View File

@ -55,7 +55,7 @@ const menuClick = (event, item) => {
</div> </div>
<div :class="styleStore.darkMode ? 'aside-scrollbars-[slate]' : styleStore.asideScrollbarsStyle" <div :class="styleStore.darkMode ? 'aside-scrollbars-[slate]' : styleStore.asideScrollbarsStyle"
class="flex-1 overflow-y-auto overflow-x-hidden"> class="flex-1 overflow-y-auto overflow-x-hidden">
<AsideMenuList v-bind:menu="menu" @menu-click="menuClick" /> <AsideMenuList v-bind:menu="menu" @menu-click="menuClick" />
</div> </div>
<!-- <p class="menu-label">About</p>> --> <!-- <p class="menu-label">About</p>> -->
<ul class="menu-list"> <ul class="menu-list">

4
resources/js/Components/AsideMenuList.vue
View File

@ -1,4 +1,4 @@
<script setup> <script setup lang="ts">
import AsideMenuItem from '@/Components/AsideMenuItem.vue'; import AsideMenuItem from '@/Components/AsideMenuItem.vue';
defineProps({ defineProps({
@ -22,7 +22,7 @@ const menuClick = (event, item) => {
v-for="(item, index) in menu" v-for="(item, index) in menu"
:key="index" :key="index"
v-bind:item="item" v-bind:item="item"
:is-dropdown-list="isDropdownList" :is-dropdown-list="item.children?.length > 0"
@menu-click="menuClick" @menu-click="menuClick"
/> />
</ul> </ul>

84
resources/js/Components/Charts/chart.config.js
View File

@ -1,54 +1,50 @@
export const chartColors = { export const chartColors = {
default: { default: {
primary: '#00D1B2', primary: '#00D1B2',
info: '#209CEE', info: '#209CEE',
danger: '#FF3860' danger: '#FF3860',
} },
} };
const randomChartData = n => { const randomChartData = (n) => {
const data = [] const data = [];
for (let i = 0; i < n; i++) { for (let i = 0; i < n; i++) {
data.push(Math.round(Math.random() * 200)) data.push(Math.round(Math.random() * 200));
} }
return data return data;
} };
const datasetObject = (color, points) => { const datasetObject = (color, points) => {
return { return {
fill: false, fill: false,
borderColor: chartColors.default[color], borderColor: chartColors.default[color],
borderWidth: 2, borderWidth: 2,
borderDash: [], borderDash: [],
borderDashOffset: 0.0, borderDashOffset: 0.0,
pointBackgroundColor: chartColors.default[color], pointBackgroundColor: chartColors.default[color],
pointBorderColor: 'rgba(255,255,255,0)', pointBorderColor: 'rgba(255,255,255,0)',
pointHoverBackgroundColor: chartColors.default[color], pointHoverBackgroundColor: chartColors.default[color],
pointBorderWidth: 20, pointBorderWidth: 20,
pointHoverRadius: 4, pointHoverRadius: 4,
pointHoverBorderWidth: 15, pointHoverBorderWidth: 15,
pointRadius: 4, pointRadius: 4,
data: randomChartData(points), data: randomChartData(points),
tension: 0.5, tension: 0.5,
cubicInterpolationMode: 'default' cubicInterpolationMode: 'default',
} };
} };
export const sampleChartData = (points = 9) => { export const sampleChartData = (points = 9) => {
const labels = [] const labels = [];
for (let i = 1; i <= points; i++) { for (let i = 1; i <= points; i++) {
labels.push(`0${i}`) labels.push(`0${i}`);
} }
return { return {
labels, labels,
datasets: [ datasets: [datasetObject('primary', points), datasetObject('info', points), datasetObject('danger', points)],
datasetObject('primary', points), };
datasetObject('info', points), };
datasetObject('danger', points)
]
}
}

14
resources/js/Components/Map/Control.ts
View File

@ -3,7 +3,6 @@ import { EventEmitter } from './EventEmitter';
import type { Map } from 'leaflet/src/map/index'; import type { Map } from 'leaflet/src/map/index';
export abstract class Control<T> extends EventEmitter<T> { export abstract class Control<T> extends EventEmitter<T> {
// @section // @section
// @aka Control options // @aka Control options
options = { options = {
@ -31,22 +30,21 @@ export abstract class Control<T> extends EventEmitter<T> {
abstract onRemove(map): void; abstract onRemove(map): void;
abstract onAdd(map: any) : HTMLElement; abstract onAdd(map: any): HTMLElement;
addTo(map: Map): Control<T> { addTo(map: Map): Control<T> {
this._map = map; this._map = map;
let container = this._container = this.onAdd(map); let container = (this._container = this.onAdd(map));
let pos = this.getPosition();//"topright" let pos = this.getPosition(); //"topright"
let corner = map.controlCorners[pos]; let corner = map.controlCorners[pos];
if (container) { if (container) {
// $(container).addClass('gba-control'); // $(container).addClass('gba-control');
container.classList.add("gba-control"); container.classList.add('gba-control');
if (pos.indexOf('bottom') !== -1) { if (pos.indexOf('bottom') !== -1) {
corner.insertBefore(container, corner.firstChild); corner.insertBefore(container, corner.firstChild);
} } else {
else {
corner.appendChild(container); corner.appendChild(container);
} }
} }
@ -65,6 +63,4 @@ export abstract class Control<T> extends EventEmitter<T> {
} }
return this; return this;
} }
} }

3
resources/js/Components/Map/LayerOptions.ts
View File

@ -10,5 +10,4 @@ export interface LayerOptions {
// export type LayerMap = Map<string, LayerOptions>; // export type LayerMap = Map<string, LayerOptions>;
export class LayerMap extends Map<string, LayerOptions> { export class LayerMap extends Map<string, LayerOptions> {}
}

16
resources/js/Components/Map/utilities.ts
View File

@ -1,12 +1,12 @@
// extend an object with properties of one or more other objects // extend an object with properties of one or more other objects
export function extend(dest) { export function extend(dest) {
var i, j, len, src; var i, j, len, src;
for (j = 1, len = arguments.length; j < len; j++) { for (j = 1, len = arguments.length; j < len; j++) {
src = arguments[j]; src = arguments[j];
for (i in src) { for (i in src) {
dest[i] = src[i]; dest[i] = src[i];
} }
} }
return dest; return dest;
} }

15
resources/js/Components/TablePersons.vue
View File

@ -33,8 +33,8 @@ const items = computed({
set(value) { set(value) {
// Note: we are using destructuring assignment syntax here. // Note: we are using destructuring assignment syntax here.
props.persons.length = 0; props.persons.length = 0;
props.persons.push(...value); props.persons.push(...value);
}, },
}); });
@ -52,8 +52,8 @@ const itemsPaginated = computed({
set(value) { set(value) {
// Note: we are using destructuring assignment syntax here. // Note: we are using destructuring assignment syntax here.
props.persons.length = 0; props.persons.length = 0;
props.persons.push(...value); props.persons.push(...value);
}, },
}); });
@ -118,13 +118,13 @@ const removeAuthor = (key) => {
<thead> <thead>
<tr> <tr>
<!-- <th v-if="checkable" /> --> <!-- <th v-if="checkable" /> -->
<th scope="col">ID</th> <th scope="col">Sort</th>
<th class="hidden lg:table-cell"></th> <th class="hidden lg:table-cell"></th>
<th>Name</th> <th>Name</th>
<th>Email</th> <th>Email</th>
<!-- <th>Name Type</th> --> <!-- <th>Name Type</th> -->
<!-- <th>Progress</th> --> <!-- <th>Progress</th> -->
<th>Created</th> <!-- <th>Created</th> -->
<th /> <th />
</tr> </tr>
</thead> </thead>
@ -155,9 +155,6 @@ const removeAuthor = (key) => {
{{ client.progress }} {{ client.progress }}
</progress> </progress>
</td> --> </td> -->
<td data-label="Created" class="lg:w-1 whitespace-nowrap">
<small class="text-gray-500 dark:text-slate-400" :title="element.created_at">{{ element.created_at }}</small>
</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" /> -->

223
resources/js/Pages/Admin/User/AccountInfo.vue
View File

@ -3,14 +3,14 @@
import { useForm } from '@inertiajs/vue3'; import { useForm } from '@inertiajs/vue3';
// import { reactive } from 'vue'; // import { reactive } from 'vue';
import { import {
mdiAccount, mdiAccount,
mdiAccountCircle, mdiAccountCircle,
mdiLock, mdiLock,
mdiMail, mdiMail,
mdiAsterisk, mdiAsterisk,
mdiFormTextboxPassword, mdiFormTextboxPassword,
mdiArrowLeftBoldOutline, mdiArrowLeftBoldOutline,
// mdiAlertBoxOutline, // mdiAlertBoxOutline,
} from '@mdi/js'; } from '@mdi/js';
import SectionMain from '@/Components/SectionMain.vue'; import SectionMain from '@/Components/SectionMain.vue';
import CardBox from '@/Components/CardBox.vue'; import CardBox from '@/Components/CardBox.vue';
@ -26,29 +26,29 @@ import { stardust } from '@eidellev/adonis-stardust/client';
// import { Inertia } from '@inertiajs/inertia'; // import { Inertia } from '@inertiajs/inertia';
const props = defineProps({ const props = defineProps({
// user will be returned from controller action // user will be returned from controller action
user: { user: {
type: Object, type: Object,
default: () => ({}), default: () => ({}),
}, },
errors: { errors: {
type: Object, type: Object,
default: () => ({}), default: () => ({}),
}, },
}); });
const profileForm = useForm({ const profileForm = useForm({
login: props.user.login, login: props.user.login,
email: props.user.email, email: props.user.email,
}); });
const profileSubmit = async () => { const profileSubmit = async () => {
await profileForm.post(stardust.route('admin.account.info.store', [props.user.id])); await profileForm.post(stardust.route('admin.account.info.store', [props.user.id]));
}; };
const passwordForm = useForm({ const passwordForm = useForm({
old_password: "", old_password: '',
new_password: "", new_password: '',
confirm_password: "", confirm_password: '',
}); });
const passwordSubmit = async () => { const passwordSubmit = async () => {
await passwordForm.post(stardust.route('admin.account.info.store'), { await passwordForm.post(stardust.route('admin.account.info.store'), {
@ -56,97 +56,128 @@ const passwordSubmit = async () => {
onSuccess: (resp) => { onSuccess: (resp) => {
console.log(resp); console.log(resp);
passwordForm.reset(); passwordForm.reset();
} },
}); });
}; };
</script> </script>
<template> <template>
<LayoutAuthenticated> <LayoutAuthenticated>
<SectionMain> <SectionMain>
<SectionTitleLineWithButton :icon="mdiAccount" title="Profile" main> <SectionTitleLineWithButton :icon="mdiAccount" title="Profile" main>
<BaseButton :route-name="stardust.route('dashboard')" :icon="mdiArrowLeftBoldOutline" label="Back" color="white" <BaseButton
rounded-full small /> :route-name="stardust.route('dashboard')"
</SectionTitleLineWithButton> :icon="mdiArrowLeftBoldOutline"
label="Back"
color="white"
rounded-full
small
/>
</SectionTitleLineWithButton>
<!-- <NotificationBar v-if="$page.props.flash.message" color="success" :icon="mdiAlertBoxOutline"> <!-- <NotificationBar v-if="$page.props.flash.message" color="success" :icon="mdiAlertBoxOutline">
{{ $page.props.flash.message }} {{ $page.props.flash.message }}
</NotificationBar> --> </NotificationBar> -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- password form -->
<!-- <CardBox title="Edit Profile" :icon="mdiAccountCircle" form @submit.prevent="profileForm.post(route('admin.account.info.store'))"> -->
<CardBox title="Edit Profile" :icon="mdiAccountCircle" form @submit.prevent="profileSubmit()">
<FormField label="Login" help="Required. Your login name" :class="{ 'text-red-400': errors.login }">
<FormControl v-model="profileForm.login" v-bind:icon="mdiAccount" name="login" required :error="errors.login">
<div class="text-red-400 text-sm" v-if="errors.login">
{{ errors.login }}
</div>
</FormControl>
</FormField>
<FormField label="Email" help="Required. Your e-mail" :class="{ 'text-red-400': errors.email }">
<FormControl v-model="profileForm.email" :icon="mdiMail" type="email" name="email" required :error="errors.email">
<div class="text-red-400 text-sm" v-if="errors.email">
{{ errors.email }}
</div>
</FormControl>
</FormField>
<!-- password form --> <template #footer>
<!-- <CardBox title="Edit Profile" :icon="mdiAccountCircle" form @submit.prevent="profileForm.post(route('admin.account.info.store'))"> --> <BaseButtons>
<CardBox title="Edit Profile" :icon="mdiAccountCircle" form @submit.prevent="profileSubmit()"> <BaseButton color="info" type="submit" label="Submit" />
<FormField label="Login" help="Required. Your login name" :class="{ 'text-red-400': errors.login }"> </BaseButtons>
<FormControl v-model="profileForm.login" v-bind:icon="mdiAccount" name="login" required :error="errors.login"> </template>
<div class="text-red-400 text-sm" v-if="errors.login"> </CardBox>
{{ errors.login }}
</div>
</FormControl>
</FormField>
<FormField label="Email" help="Required. Your e-mail" :class="{ 'text-red-400': errors.email }">
<FormControl v-model="profileForm.email" :icon="mdiMail" type="email" name="email" required
:error="errors.email">
<div class="text-red-400 text-sm" v-if="errors.email">
{{ errors.email }}
</div>
</FormControl>
</FormField>
<template #footer> <!-- password form -->
<BaseButtons> <!-- <CardBox title="Change Password" :icon="mdiLock" form @submit.prevent="passwordForm.post(route('admin.account.password.store'), {
<BaseButton color="info" type="submit" label="Submit" />
</BaseButtons>
</template>
</CardBox>
<!-- password form -->
<!-- <CardBox title="Change Password" :icon="mdiLock" form @submit.prevent="passwordForm.post(route('admin.account.password.store'), {
preserveScroll: true, preserveScroll: true,
onSuccess: () => passwordForm.reset(), onSuccess: () => passwordForm.reset(),
}) })
"> --> "> -->
<CardBox title="Change Password" :icon="mdiLock" form @submit.prevent="passwordSubmit()"> <CardBox title="Change Password" :icon="mdiLock" form @submit.prevent="passwordSubmit()">
<FormField label="Current password" help="Required. Your current password" <FormField
:class="{ 'text-red-400': passwordForm.errors.old_password }"> label="Current password"
<FormControl v-model="passwordForm.old_password" :icon="mdiAsterisk" name="old_password" type="password" help="Required. Your current password"
required :error="passwordForm.errors.old_password"> :class="{ 'text-red-400': passwordForm.errors.old_password }"
<div class="text-red-400 text-sm" v-if="passwordForm.errors.old_password"> >
{{ passwordForm.errors.old_password }} <FormControl
</div> v-model="passwordForm.old_password"
</FormControl> :icon="mdiAsterisk"
</FormField> name="old_password"
type="password"
required
:error="passwordForm.errors.old_password"
>
<div class="text-red-400 text-sm" v-if="passwordForm.errors.old_password">
{{ passwordForm.errors.old_password }}
</div>
</FormControl>
</FormField>
<BaseDivider /> <BaseDivider />
<FormField label="New password" help="Required. New password" :class="{ 'text-red-400': passwordForm.errors.new_password }"> <FormField
<FormControl v-model="passwordForm.new_password" :icon="mdiFormTextboxPassword" name="new_password" label="New password"
type="password" required :error="passwordForm.errors.new_password"> help="Required. New password"
<div class="text-red-400 text-sm" v-if="passwordForm.errors.new_password"> :class="{ 'text-red-400': passwordForm.errors.new_password }"
{{ passwordForm.errors.new_password }} >
</div> <FormControl
</FormControl> v-model="passwordForm.new_password"
</FormField> :icon="mdiFormTextboxPassword"
name="new_password"
type="password"
required
:error="passwordForm.errors.new_password"
>
<div class="text-red-400 text-sm" v-if="passwordForm.errors.new_password">
{{ passwordForm.errors.new_password }}
</div>
</FormControl>
</FormField>
<FormField label="Confirm password" help="Required. New password one more time" <FormField
:class="{ 'text-red-400': passwordForm.errors.confirm_password }"> label="Confirm password"
<FormControl v-model="passwordForm.confirm_password" :icon="mdiFormTextboxPassword" name="confirm_password" help="Required. New password one more time"
type="password" required :error="passwordForm.errors.confirm_password"> :class="{ 'text-red-400': passwordForm.errors.confirm_password }"
<div class="text-red-400 text-sm" v-if="passwordForm.errors.confirm_password"> >
{{ passwordForm.errors.confirm_password }} <FormControl
</div> v-model="passwordForm.confirm_password"
</FormControl> :icon="mdiFormTextboxPassword"
</FormField> name="confirm_password"
type="password"
required
:error="passwordForm.errors.confirm_password"
>
<div class="text-red-400 text-sm" v-if="passwordForm.errors.confirm_password">
{{ passwordForm.errors.confirm_password }}
</div>
</FormControl>
</FormField>
<template #footer> <template #footer>
<BaseButtons> <BaseButtons>
<BaseButton type="submit" color="info" label="Submit" /> <BaseButton type="submit" color="info" label="Submit" />
</BaseButtons> </BaseButtons>
</template> </template>
</CardBox> </CardBox>
</div>
</div> </SectionMain>
</SectionMain> </LayoutAuthenticated>
</LayoutAuthenticated>
</template> </template>

141
resources/js/Pages/Submitter/Dataset/Index.vue Normal file
View File

@ -0,0 +1,141 @@
<script setup lang="ts">
// import { Head, Link, useForm, usePage } from '@inertiajs/inertia-vue3';
import { Head, usePage } from '@inertiajs/vue3';
import { ComputedRef } from 'vue';
import { mdiSquareEditOutline, mdiTrashCan, mdiAlertBoxOutline } from '@mdi/js';
import { computed } from 'vue';
import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
import SectionMain from '@/Components/SectionMain.vue';
// import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
import BaseButton from '@/Components/BaseButton.vue';
import CardBox from '@/Components/CardBox.vue';
import BaseButtons from '@/Components/BaseButtons.vue';
import NotificationBar from '@/Components/NotificationBar.vue';
import Pagination from '@/Components/Admin/Pagination.vue';
// import Sort from '@/Components/Admin/Sort.vue';
import { stardust } from '@eidellev/adonis-stardust/client';
const props = defineProps({
datasets: {
type: Object,
default: () => ({}),
},
filters: {
type: Object,
default: () => ({}),
},
can: {
type: Object,
default: () => ({}),
},
// user: {
// type: Object,
// default: () => ({}),
// }
});
// const search = computed(() => {
// return props.filters.search;
// });
const flash: ComputedRef<any> = computed(() => {
// let test = usePage();
// console.log(test);
return usePage().props.flash;
});
// const form = useForm({
// search: props.filters.search,
// });
// const formDelete = useForm({});
// async function destroy(id) {
// const destroy = async (id) => {
// // if (confirm('Are you sure you want to delete?')) {
// // await formDelete.delete(stardust.route('dataset.destroy', [id]));
// // }
// };
</script>
<template>
<LayoutAuthenticated>
<Head title="Submit Dataset" />
<SectionMain>
<NotificationBar v-if="flash.message" color="success" :icon="mdiAlertBoxOutline">
{{ flash.message }}
</NotificationBar>
<!-- table -->
<CardBox class="mb-6" has-table>
<table>
<thead>
<tr>
<th>
<!-- <Sort label="Dataset Title" attribute="title" :search="form.search" /> -->
Dataset Title
</th>
<th>
<!-- <Sort label="Email" attribute="email" :search="form.search" /> -->
<th>Server State</th>
</th>
<th>Date of last modification</th>
<th v-if="can.edit || can.delete">Actions</th>
</tr>
</thead>
<tbody>
<tr v-for="dataset in props.datasets.data" :key="dataset.id">
<td data-label="Login">
<!-- <Link v-bind:href="stardust.route('user.show', [user.id])"
class="no-underline hover:underline text-cyan-600 dark:text-cyan-400">
{{ user.login }}
</Link> -->
<!-- {{ user.id }} -->
{{ dataset.main_title }}
</td>
<td>
{{ dataset.server_state }}
</td>
<td data-label="Created" class="lg:w-1 whitespace-nowrap">
<small class="text-gray-500 dark:text-slate-400" :title="dataset.server_date_modified">{{ dataset.updated_at }}</small>
</td>
<td v-if="can.edit || can.delete" class="before:hidden lg:w-1 whitespace-nowrap">
<BaseButtons type="justify-start lg:justify-end" no-wrap>
<!-- release created dataset -->
<BaseButton
v-if="can.delete && (dataset.server_state === 'inprogress' || dataset.server_state === 'rejected_editor')"
:route-name="stardust.route('dataset.release', [dataset.id])"
color="info"
:icon="mdiSquareEditOutline"
:label="'Release'"
small
/>
<!-- @click="destroy(dataset.id)" -->
<BaseButton v-if="can.delete" color="danger" :icon="mdiTrashCan" small />
</BaseButtons>
</td>
</tr>
</tbody>
</table>
<div class="py-4">
<Pagination v-bind:data="datasets.meta" />
<!-- <ul>
<li>
<a href="{{ users.page == 1 ? '#' : '?page=' + (users.page - 1) }}">Previous</a>
</li>
@each(page in ???)
<li>
<a href="?page={{ page }}">{{ page }}</a>
</li>
@endeach
<li>
<a href="{{ users.lastPage == users.page ? '#' : '?page=' + (users.page + 1) }}">Next</a>
</li>
</ul> -->
</div>
</CardBox>
</SectionMain>
</LayoutAuthenticated>
</template>

131
resources/js/Pages/Submitter/Dataset/Release.vue Normal file
View File

@ -0,0 +1,131 @@
<script setup lang="ts">
import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
import SectionMain from '@/Components/SectionMain.vue';
import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
import { useForm, Head, usePage } from '@inertiajs/vue3';
// import { Inertia } from '@inertiajs/inertia';
import { computed, Ref } from 'vue';
import CardBox from '@/Components/CardBox.vue';
import FormField from '@/Components/FormField.vue';
import FormControl from '@/Components/FormControl.vue';
import BaseButton from '@/Components/BaseButton.vue';
import BaseButtons from '@/Components/BaseButtons.vue';
import { stardust } from '@eidellev/adonis-stardust/client';
import { mdiArrowLeftBoldOutline, mdiLockOpen } from '@mdi/js';
import FormValidationErrors from '@/Components/FormValidationErrors.vue';
const props = defineProps({
dataset: {
type: Object,
default: () => ({}),
},
});
const flash: Ref<any> = computed(() => {
return usePage().props.flash;
});
const errors: Ref<any> = computed(() => {
return usePage().props.errors;
});
const form = useForm({
preferred_reviewer: '',
preferred_reviewer_email: '',
preferation: 'yes_preferation',
// preferation: '',
// isPreferationRequired: false,
});
// const preferation = ref('yes_preferation');
// const isPreferationRequired = ref(false);
const isPreferationRequired = computed(() => form.preferation === 'yes_preferation');
const handleSubmit = async (e) => {
e.preventDefault();
await form.put(stardust.route('dataset.releaseUpdate', [props.dataset.id]));
};
</script>
<template>
<LayoutAuthenticated>
<Head title="Release saved datasets" />
<SectionMain>
<SectionTitleLineWithButton :icon="mdiLockOpen" title="Release your dataset for Editor" main>
<BaseButton
:route-name="stardust.route('dataset.list')"
:icon="mdiArrowLeftBoldOutline"
label="Back"
color="white"
rounded-full
small
/>
</SectionTitleLineWithButton>
<CardBox form @submit.prevent="handleSubmit">
<FormValidationErrors v-bind:errors="errors" />
<div class="lex flex-col md:flex-row mb-3">
<label for="elevation-option-one" class="pure-radio">
<input id="elevation-option-one" type="radio" v-model="form.preferation" value="yes_preferation" />
preferred reviewer
</label>
<label for="elevation-option-two" class="pure-radio">
<input id="elevation-option-two" type="radio" v-model="form.preferation" value="no_preferation" />
no preferred reviewer
</label>
</div>
<div v-if="isPreferationRequired == true">
<FormField label="preferred reviewer" :class="{ 'text-red-400': form.errors.preferred_reviewer }">
<FormControl
v-model="form.preferred_reviewer"
type="text"
placeholder="-- enter name of preferred reviewer --"
required
:error="form.errors.preferred_reviewer"
>
<div class="text-red-400 text-sm" v-if="form.errors.preferred_reviewer">
{{ form.errors.preferred_reviewer }}
</div>
</FormControl>
</FormField>
<FormField label="reviewer email" :class="{ 'text-red-400': form.errors.preferred_reviewer_email }">
<FormControl
v-model="form.preferred_reviewer_email"
type="text"
placeholder="-- enter email of reviewer --"
required
:error="form.errors.preferred_reviewer_email"
>
<div class="text-red-400 text-sm" v-if="form.errors.preferred_reviewer_email">
{{ form.errors.preferred_reviewer_email }}
</div>
</FormControl>
</FormField>
</div>
<!-- <NotificationBar v-if="flash && flash.message" color="warning" :icon="mdiAlertBoxOutline">
{{ flash.message }}
class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"
</NotificationBar> -->
<div v-if="flash && flash.message" class="flex flex-col mt-6 animate-fade-in">
<div class="bg-yellow-500 border-l-4 border-orange-400 text-white p-4" role="alert">
<p class="font-bold">Be Warned</p>
<p>{{ flash.message }}</p>
</div>
</div>
<template #footer>
<BaseButtons>
<BaseButton
type="submit"
color="info"
label="Release"
:class="{ 'opacity-25': form.processing }"
:disabled="form.processing"
/>
</BaseButtons>
</template>
</CardBox>
</SectionMain>
</LayoutAuthenticated>
</template>

18
resources/js/Stores/layout.ts
View File

@ -1,14 +1,14 @@
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
export const LayoutService = defineStore('layout', { export const LayoutService = defineStore('layout', {
state: () => ({ state: () => ({
isAsideMobileExpanded: false, // via action isAsideMobileExpanded: false, // via action
isAsideLgActive: false, isAsideLgActive: false,
}), }),
actions: { actions: {
asideMobileToggle() { asideMobileToggle() {
this.isAsideMobileExpanded = !this.isAsideMobileExpanded; this.isAsideMobileExpanded = !this.isAsideMobileExpanded;
}, },
}, },
}); });

6
resources/js/Stores/map.service.ts
View File

@ -1,14 +1,11 @@
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
// import axios from 'axios'; // import axios from 'axios';
export const MapService = defineStore('map', { export const MapService = defineStore('map', {
state: () => ({ state: () => ({
// dataset: {} as Dataset, // dataset: {} as Dataset,
mapService: new Map<string, any>(), mapService: new Map<string, any>(),
}), }),
actions: { actions: {
// payload = authenticated user // payload = authenticated user
@ -30,7 +27,6 @@ export const MapService = defineStore('map', {
setMap(id: string, map) { setMap(id: string, map) {
this.mapService.set(id, map); this.mapService.set(id, map);
}, },
hasMap(id: string): boolean { hasMap(id: string): boolean {
@ -40,7 +36,5 @@ export const MapService = defineStore('map', {
deleteMap(id: string): boolean { deleteMap(id: string): boolean {
return this.mapService.delete(id); return this.mapService.delete(id);
}, },
}, },
}); });

84
resources/js/Stores/style.ts
View File

@ -3,55 +3,53 @@ import * as styles from '@/styles';
import { darkModeKey, styleKey } from '@/config'; import { darkModeKey, styleKey } from '@/config';
export const StyleService = defineStore('style', { export const StyleService = defineStore('style', {
state: () => ({ state: () => ({
/* Styles */ /* Styles */
asideStyle: '', asideStyle: '',
asideScrollbarsStyle: '', asideScrollbarsStyle: '',
asideBrandStyle: '', asideBrandStyle: '',
asideMenuItemStyle: '', asideMenuItemStyle: '',
asideMenuItemActiveStyle: '', asideMenuItemActiveStyle: '',
asideMenuDropdownStyle: '', asideMenuDropdownStyle: '',
navBarItemLabelStyle: '', navBarItemLabelStyle: '',
navBarItemLabelHoverStyle: '', navBarItemLabelHoverStyle: '',
navBarItemLabelActiveColorStyle: '', navBarItemLabelActiveColorStyle: '',
overlayStyle: '', overlayStyle: '',
/* Dark mode default false */ /* Dark mode default false */
darkMode: false, darkMode: false,
}), }),
actions: { actions: {
// style payload = 'basic' or 'white' with blue font // style payload = 'basic' or 'white' with blue font
setStyle(payload) { setStyle(payload) {
if (!styles[payload]) { if (!styles[payload]) {
return; return;
} }
if (typeof localStorage !== 'undefined') { if (typeof localStorage !== 'undefined') {
localStorage.setItem(styleKey, payload); localStorage.setItem(styleKey, payload);
} }
const style = styles[payload]; const style = styles[payload];
for (const key in style) { for (const key in style) {
this[`${key}Style`] = style[key]; this[`${key}Style`] = style[key];
} }
}, },
// toggle dark mode // toggle dark mode
setDarkMode(payload = null) { setDarkMode(payload = null) {
this.darkMode = payload !== null ? payload : !this.darkMode; this.darkMode = payload !== null ? payload : !this.darkMode;
if (typeof localStorage !== 'undefined') { if (typeof localStorage !== 'undefined') {
localStorage.setItem(darkModeKey, this.darkMode ? '1' : '0'); localStorage.setItem(darkModeKey, this.darkMode ? '1' : '0');
} }
if (typeof document !== 'undefined') { if (typeof document !== 'undefined') {
document.body.classList[this.darkMode ? 'add' : 'remove']('dark-scrollbars'); document.body.classList[this.darkMode ? 'add' : 'remove']('dark-scrollbars');
document.documentElement.classList[this.darkMode ? 'add' : 'remove']( document.documentElement.classList[this.darkMode ? 'add' : 'remove']('dark-scrollbars-compat');
'dark-scrollbars-compat' }
); },
} },
},
},
}); });

4
resources/js/Stores/time.service.ts
View File

@ -8,14 +8,12 @@ export const TimeService = defineStore('map', {
mapService: new Map<string, any>(), mapService: new Map<string, any>(),
}), }),
actions: { actions: {
getMap(id: string) { getMap(id: string) {
return this.mapService.get(id); return this.mapService.get(id);
}, },
setMap(id: string, map) { setMap(id: string, map) {
this.mapService.set(id, map); this.mapService.set(id, map);
}, },
hasMap(id: string): boolean { hasMap(id: string): boolean {
@ -31,7 +29,5 @@ export const TimeService = defineStore('map', {
// const to = dayjs(timespan.to); // const to = dayjs(timespan.to);
// return dayjs.duration(to.diff(from)); // return dayjs.duration(to.diff(from));
// }, // },
}, },
}); });

5
resources/js/app.js
View File

@ -58,10 +58,7 @@ const layoutService = LayoutService(pinia);
styleService.setStyle(localStorage[styleKey] ?? 'basic'); styleService.setStyle(localStorage[styleKey] ?? 'basic');
/* Dark mode */ /* Dark mode */
if ( if ((!localStorage[darkModeKey] && window.matchMedia('(prefers-color-scheme: dark)').matches) || localStorage[darkModeKey] === '1') {
(!localStorage[darkModeKey] && window.matchMedia('(prefers-color-scheme: dark)').matches) ||
localStorage[darkModeKey] === '1'
) {
styleService.setDarkMode(true); styleService.setDarkMode(true);
} }

171
resources/js/colors.js
View File

@ -5,106 +5,99 @@ export const gradientBgPinkRed = `${gradientBgBase} from-pink-400 via-red-500 to
export const gradientBgGreenBlue = `${gradientBgBase} from-green-400 to-blue-400`; export const gradientBgGreenBlue = `${gradientBgBase} from-green-400 to-blue-400`;
export const colorsBgLight = { export const colorsBgLight = {
white: 'bg-white text-black', white: 'bg-white text-black',
light: 'bg-white text-black dark:bg-slate-900/70 dark:text-white', light: 'bg-white text-black dark:bg-slate-900/70 dark:text-white',
contrast: 'bg-gray-800 text-white dark:bg-white dark:text-black', contrast: 'bg-gray-800 text-white dark:bg-white dark:text-black',
success: 'bg-emerald-500 border-emerald-500 text-white', success: 'bg-emerald-500 border-emerald-500 text-white',
danger: 'bg-red-500 border-red-500 text-white', danger: 'bg-red-500 border-red-500 text-white',
warning: 'bg-yellow-500 border-yellow-500 text-white', warning: 'bg-yellow-500 border-yellow-500 text-white',
info: 'bg-blue-500 border-blue-500 text-white', info: 'bg-blue-500 border-blue-500 text-white',
}; };
export const colorsText = { export const colorsText = {
white: 'text-black dark:text-slate-100', white: 'text-black dark:text-slate-100',
light: 'text-gray-700 dark:text-slate-400', light: 'text-gray-700 dark:text-slate-400',
contrast: 'dark:text-white', contrast: 'dark:text-white',
success: 'text-emerald-500', success: 'text-emerald-500',
danger: 'text-red-500', danger: 'text-red-500',
warning: 'text-yellow-500', warning: 'text-yellow-500',
info: 'text-blue-500', info: 'text-blue-500',
modern: 'text-teal-500', modern: 'text-teal-500',
}; };
export const colorsOutline = { export const colorsOutline = {
white: [colorsText.white, 'border-gray-100'], white: [colorsText.white, 'border-gray-100'],
light: [colorsText.light, 'border-gray-100'], light: [colorsText.light, 'border-gray-100'],
contrast: [colorsText.contrast, 'border-gray-900 dark:border-slate-100'], contrast: [colorsText.contrast, 'border-gray-900 dark:border-slate-100'],
success: [colorsText.success, 'border-emerald-500'], success: [colorsText.success, 'border-emerald-500'],
danger: [colorsText.danger, 'border-red-500'], danger: [colorsText.danger, 'border-red-500'],
warning: [colorsText.warning, 'border-yellow-500'], warning: [colorsText.warning, 'border-yellow-500'],
info: [colorsText.info, 'border-blue-500'], info: [colorsText.info, 'border-blue-500'],
}; };
export const getButtonColor = (color, isOutlined, hasHover) => { export const getButtonColor = (color, isOutlined, hasHover) => {
const colors = { const colors = {
bg: { bg: {
white: 'bg-white text-black', white: 'bg-white text-black',
contrast: 'bg-gray-800 text-white dark:bg-white dark:text-black', contrast: 'bg-gray-800 text-white dark:bg-white dark:text-black',
light: 'bg-gray-50 text-black', light: 'bg-gray-50 text-black',
success: 'bg-emerald-600 dark:bg-emerald-500 text-white', success: 'bg-emerald-600 dark:bg-emerald-500 text-white',
danger: 'bg-red-600 dark:bg-red-500 text-white', danger: 'bg-red-600 dark:bg-red-500 text-white',
warning: 'bg-yellow-600 dark:bg-yellow-500 text-white', warning: 'bg-yellow-600 dark:bg-yellow-500 text-white',
info: 'bg-blue-600 dark:bg-blue-500 text-white', info: 'bg-blue-600 dark:bg-blue-500 text-white',
modern: 'bg-teal-600 dark:bg-teal-500 text-white', modern: 'bg-teal-600 dark:bg-teal-500 text-white',
}, },
bgHover: { bgHover: {
white: 'hover:bg-gray-50', white: 'hover:bg-gray-50',
contrast: 'hover:bg-gray-900 hover:dark:bg-slate-100', contrast: 'hover:bg-gray-900 hover:dark:bg-slate-100',
light: 'hover:bg-gray-200', light: 'hover:bg-gray-200',
success: success: 'hover:bg-emerald-700 hover:border-emerald-700 hover:dark:bg-emerald-600 hover:dark:border-emerald-600',
'hover:bg-emerald-700 hover:border-emerald-700 hover:dark:bg-emerald-600 hover:dark:border-emerald-600', danger: 'hover:bg-red-700 hover:border-red-700 hover:dark:bg-red-600 hover:dark:border-red-600',
danger: warning: 'hover:bg-yellow-700 hover:border-yellow-700 hover:dark:bg-yellow-600 hover:dark:border-yellow-600',
'hover:bg-red-700 hover:border-red-700 hover:dark:bg-red-600 hover:dark:border-red-600', info: 'hover:bg-blue-700 hover:border-blue-700 hover:dark:bg-blue-600 hover:dark:border-blue-600',
warning: modern: 'hover:bg-emerald-700 hover:border-emerald-700 hover:dark:bg-emerald-600 hover:dark:border-emerald-600',
'hover:bg-yellow-700 hover:border-yellow-700 hover:dark:bg-yellow-600 hover:dark:border-yellow-600', },
info: 'hover:bg-blue-700 hover:border-blue-700 hover:dark:bg-blue-600 hover:dark:border-blue-600', borders: {
modern: 'hover:bg-emerald-700 hover:border-emerald-700 hover:dark:bg-emerald-600 hover:dark:border-emerald-600', white: 'border-gray-100',
}, contrast: 'border-gray-900 dark:border-slate-100',
borders: { light: 'border-gray-100 dark:border-slate-700',
white: 'border-gray-100', success: 'border-emerald-600 dark:border-emerald-500',
contrast: 'border-gray-900 dark:border-slate-100', danger: 'border-red-600 dark:border-red-500',
light: 'border-gray-100 dark:border-slate-700', warning: 'border-yellow-600 dark:border-yellow-500',
success: 'border-emerald-600 dark:border-emerald-500', info: 'border-blue-600 dark:border-blue-500',
danger: 'border-red-600 dark:border-red-500', modern: 'border-teal-600 dark:border-teal-500',
warning: 'border-yellow-600 dark:border-yellow-500', },
info: 'border-blue-600 dark:border-blue-500', text: {
modern: 'border-teal-600 dark:border-teal-500', white: 'text-black dark:text-slate-100',
}, contrast: 'dark:text-slate-100',
text: { light: 'text-gray-700 dark:text-slate-400',
white: 'text-black dark:text-slate-100', success: 'text-emerald-600 dark:text-emerald-500',
contrast: 'dark:text-slate-100', danger: 'text-red-600 dark:text-red-500',
light: 'text-gray-700 dark:text-slate-400', warning: 'text-yellow-600 dark:text-yellow-500',
success: 'text-emerald-600 dark:text-emerald-500', info: 'text-blue-600 dark:text-blue-500',
danger: 'text-red-600 dark:text-red-500', modern: 'text-teal-600 dark:text-teal-500',
warning: 'text-yellow-600 dark:text-yellow-500', },
info: 'text-blue-600 dark:text-blue-500', outlineHover: {
modern: 'text-teal-600 dark:text-teal-500', white: 'hover:bg-gray-100 hover:text-gray-900 dark:hover:text-slate-900',
}, contrast: 'hover:bg-gray-800 hover:text-gray-100 hover:dark:bg-slate-100 hover:dark:text-black',
outlineHover: { light: 'hover:bg-gray-100 hover:text-gray-900 dark:hover:text-slate-900',
white: 'hover:bg-gray-100 hover:text-gray-900 dark:hover:text-slate-900', success: 'hover:bg-emerald-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-emerald-600',
contrast: danger: 'hover:bg-red-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-red-600',
'hover:bg-gray-800 hover:text-gray-100 hover:dark:bg-slate-100 hover:dark:text-black', warning: 'hover:bg-yellow-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-yellow-600',
light: 'hover:bg-gray-100 hover:text-gray-900 dark:hover:text-slate-900', info: 'hover:bg-blue-600 hover:text-white hover:dark:text-white hover:dark:border-blue-600',
success: modern: 'hover:bg-teal-600 hover:text-teal hover:dark:bg-teal-100 hover:dark:text-black',
'hover:bg-emerald-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-emerald-600', },
danger: };
'hover:bg-red-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-red-600',
warning:
'hover:bg-yellow-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-yellow-600',
info: 'hover:bg-blue-600 hover:text-white hover:dark:text-white hover:dark:border-blue-600',
modern: 'hover:bg-teal-600 hover:text-teal hover:dark:bg-teal-100 hover:dark:text-black',
},
};
if (!colors.bg[color]) { if (!colors.bg[color]) {
return color; return color;
} }
const base = [isOutlined ? colors.text[color] : colors.bg[color], colors.borders[color]]; const base = [isOutlined ? colors.text[color] : colors.bg[color], colors.borders[color]];
if (hasHover) { if (hasHover) {
base.push(isOutlined ? colors.outlineHover[color] : colors.bgHover[color]); base.push(isOutlined ? colors.outlineHover[color] : colors.bgHover[color]);
} }
return base; return base;
}; };

6
resources/js/config.js
View File

@ -1,5 +1,5 @@
export const darkModeKey = "darkMode"; export const darkModeKey = 'darkMode';
export const styleKey = "style"; export const styleKey = 'style';
export const containerMaxW = "xl:max-w-6xl xl:mx-auto"; export const containerMaxW = 'xl:max-w-6xl xl:mx-auto';

29
resources/js/menu.ts
View File

@ -1,10 +1,4 @@
import { import { mdiMonitor, mdiGithub, mdiAccountEye, mdiAccountGroup, mdiDatabasePlus } from '@mdi/js';
mdiMonitor,
mdiGithub,
mdiAccountEye,
mdiAccountGroup,
mdiDatabasePlus,
} from '@mdi/js';
export default [ export default [
{ {
@ -33,10 +27,27 @@ export default [
label: 'Roles', label: 'Roles',
}, },
{ {
route: 'dataset.create', // route: 'dataset.create',
icon: mdiDatabasePlus, icon: mdiDatabasePlus,
label: 'Create Dataset', label: 'Submitter',
children: [
{
route: 'dataset.list',
icon: mdiDatabasePlus,
label: 'All my datasets',
},
{
route: 'dataset.create',
icon: mdiDatabasePlus,
label: 'Create Dataset',
},
],
}, },
// {
// route: 'dataset.create',
// icon: mdiDatabasePlus,
// label: 'Create Dataset',
// },
{ {
href: 'https://gitea.geologie.ac.at/geolba/tethys', href: 'https://gitea.geologie.ac.at/geolba/tethys',
icon: mdiGithub, icon: mdiGithub,

9
start/routes.ts
View File

@ -138,6 +138,7 @@ Route.post('/edit-account-info/store/:id', 'UsersController.accountInfoStore')
Route.group(() => { Route.group(() => {
// Route.get('/user', 'UsersController.index').as('user.index'); // Route.get('/user', 'UsersController.index').as('user.index');
Route.get('/dataset', 'DatasetController.index').as('dataset.list').middleware(['auth']); //.middleware(['can:dataset-list']);
Route.get('/dataset/create', 'DatasetController.create').as('dataset.create').middleware(['auth', 'can:dataset-submit']); Route.get('/dataset/create', 'DatasetController.create').as('dataset.create').middleware(['auth', 'can:dataset-submit']);
Route.post('/dataset/first/first-step', 'DatasetController.firstStep') Route.post('/dataset/first/first-step', 'DatasetController.firstStep')
.as('dataset.first.step') .as('dataset.first.step')
@ -151,6 +152,14 @@ Route.group(() => {
Route.post('/dataset/submit', 'DatasetController.store').as('dataset.submit').middleware(['auth', 'can:dataset-submit']); Route.post('/dataset/submit', 'DatasetController.store').as('dataset.submit').middleware(['auth', 'can:dataset-submit']);
Route.get('/dataset/:id/release', 'DatasetController.release')
.as('dataset.release')
.where('id', Route.matchers.number())
.middleware(['auth', 'can:dataset-submit']);
Route.put('/dataset/:id/releaseupdate', 'DatasetController.releaseUpdate')
.as('dataset.releaseUpdate')
.middleware(['auth', 'can:dataset-submit']);
// Route.get('/user/:id', 'UsersController.show').as('user.show').where('id', Route.matchers.number()); // Route.get('/user/:id', 'UsersController.show').as('user.show').where('id', Route.matchers.number());
// Route.get('/user/:id/edit', 'UsersController.edit').as('user.edit').where('id', Route.matchers.number()); // Route.get('/user/:id/edit', 'UsersController.edit').as('user.edit').where('id', Route.matchers.number());
// Route.put('/user/:id/update', 'UsersController.update').as('user.update').where('id', Route.matchers.number()); // Route.put('/user/:id/update', 'UsersController.update').as('user.update').where('id', Route.matchers.number());

1
tests/functional/home.spec.ts
View File

@ -5,4 +5,3 @@ test.group('Home', () => {
assert.equal(2 + 2, 4); assert.equal(2 + 2, 4);
}); });
}); });