geolba/tethys.backend
2
0
Fork 1
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity
cb51a4136f
tethys.backend/resources/js/Pages/Dashboard.vue

176 lines
7.5 KiB
Vue
Raw Normal View History

- second commit
2023-03-17 15:13:37 +00:00
<script setup lang="ts">
initial commit
2023-03-03 15:54:28 +00:00
import { Head } from '@inertiajs/vue3';
- npm updates - removed all controller methods from 'app/Controlles/Http/Admin/UsersControllers.ts' - merged all authentication methods inside 'app/Controllers/Http/Auth/UserController.ts'
2024-02-06 15:39:33 +00:00
import { computed, onMounted } from 'vue';
initial commit
2023-03-03 15:54:28 +00:00
import { MainService } from '@/Stores/main';
- second commit
2023-03-17 15:13:37 +00:00
// import { Inertia } from '@inertiajs/inertia';
initial commit
2023-03-03 15:54:28 +00:00
import {
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
mdiAccountMultiple,
mdiDatabaseOutline,
mdiChartTimelineVariant,
mdiFinance,
mdiMonitorCellphone,
mdiReload,
mdiGithub,
mdiChartPie,
initial commit
2023-03-03 15:54:28 +00:00
} from '@mdi/js';
- second commit
2023-03-17 15:13:37 +00:00
// import { containerMaxW } from '@/config.js'; // "xl:max-w-6xl xl:mx-auto"
- HomeController.ts: addes api method for showing number of publications per month for given year - adapted command ValidateChecksum.ts: on published files are checked. better information logging - better LineChart.vue component: showing real statistics - start/routes/apu.ts: added Route.get('/statistic/:year', 'HomeController.findPublicationsPerMonth');
2024-02-02 13:00:54 +00:00
// import * as chartConfig from '@/Components/Charts/chart.config.js';
initial commit
2023-03-03 15:54:28 +00:00
import LineChart from '@/Components/Charts/LineChart.vue';
import SectionMain from '@/Components/SectionMain.vue';
import CardBoxWidget from '@/Components/CardBoxWidget.vue';
import CardBox from '@/Components/CardBox.vue';
import TableSampleClients from '@/Components/TableSampleClients.vue';
import NotificationBar from '@/Components/NotificationBar.vue';
import BaseButton from '@/Components/BaseButton.vue';
import CardBoxTransaction from '@/Components/CardBoxTransaction.vue';
import CardBoxClient from '@/Components/CardBoxClient.vue';
import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
import SectionBannerStarOnGitHub from '@/Components/SectionBannerStarOnGitea.vue';
- HomeController.ts: addes api method for showing number of publications per month for given year - adapted command ValidateChecksum.ts: on published files are checked. better information logging - better LineChart.vue component: showing real statistics - start/routes/apu.ts: added Route.get('/statistic/:year', 'HomeController.findPublicationsPerMonth');
2024-02-02 13:00:54 +00:00
const mainService = MainService()
// const chartData = ref();
const fillChartData = async () => {
await mainService.fetchChartData(2022);
// chartData.value = chartConfig.sampleChartData();
// chartData.value = mainService.graphData;
initial commit
2023-03-03 15:54:28 +00:00
};
- HomeController.ts: addes api method for showing number of publications per month for given year - adapted command ValidateChecksum.ts: on published files are checked. better information logging - better LineChart.vue component: showing real statistics - start/routes/apu.ts: added Route.get('/statistic/:year', 'HomeController.findPublicationsPerMonth');
2024-02-02 13:00:54 +00:00
const chartData = computed(() => mainService.graphData);
onMounted(async () => {
await mainService.fetchChartData(2022);
initial commit
2023-03-03 15:54:28 +00:00
});
- HomeController.ts: addes api method for showing number of publications per month for given year - adapted command ValidateChecksum.ts: on published files are checked. better information logging - better LineChart.vue component: showing real statistics - start/routes/apu.ts: added Route.get('/statistic/:year', 'HomeController.findPublicationsPerMonth');
2024-02-02 13:00:54 +00:00
;
initial commit
2023-03-03 15:54:28 +00:00
/* Fetch sample data */
mainService.fetch('clients');
mainService.fetch('history');
mainService.fetchApi('authors');
mainService.fetchApi('datasets');
- second commit
2023-03-17 15:13:37 +00:00
// const clientBarItems = computed(() => mainService.clients.slice(0, 4));
initial commit
2023-03-03 15:54:28 +00:00
const transactionBarItems = computed(() => mainService.history);
const authorBarItems = computed(() => mainService.authors.slice(0, 4));
const authors = computed(() => mainService.authors);
const datasets = computed(() => mainService.datasets);
// const props = defineProps({
// user: {
// type: Object,
// default: () => ({}),
// }
// });
</script>
<template>
- add AvatarController.ts - adapted menu.ts, NavBar.vue, NavBarItem.vue for highlighting active nav item - NavBarItemLabel.vue for app menu highlighting - adapted routes.ts - adapted app.edge for new favicon - adapted LayoutAuthenticated.vue (:showAsideMenu="false") for showing AsideMenu optional - new material icons: BriefcaseCheck.vue, SwapHorizontal.vue, AccountGroup.vue, Lock.vue - started with FirstRunWizard
2023-12-15 16:17:33 +00:00
<LayoutAuthenticated :showAsideMenu="false">
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<Head title="Dashboard" />
initial commit
2023-03-03 15:54:28 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<!-- <section class="p-6" v-bind:class="containerMaxW"> -->
<SectionMain>
<SectionTitleLineWithButton v-bind:icon="mdiChartTimelineVariant" title="Overview" main>
<BaseButton
href="https://gitea.geologie.ac.at/geolba/tethys"
target="_blank"
:icon="mdiGithub"
label="Star on Gitea"
color="contrast"
rounded-full
small
/>
</SectionTitleLineWithButton>
initial commit
2023-03-03 15:54:28 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<div class="grid grid-cols-1 gap-6 lg:grid-cols-3 mb-6">
<CardBoxWidget
trend="12%"
trend-type="up"
color="text-emerald-500"
:icon="mdiAccountMultiple"
:number="authors.length"
label="Authors"
/>
<CardBoxWidget
trend="193"
trend-type="info"
color="text-blue-500"
:icon="mdiDatabaseOutline"
:number="datasets.length"
label="Publications"
/>
<!-- <CardBoxWidget trend="193" trend-type="info" color="text-blue-500" :icon="mdiCartOutline" :number="datasets.length"
initial commit
2023-03-03 15:54:28 +00:00
prefix="$" label="Publications" /> -->
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<CardBoxWidget
trend="Overflow"
trend-type="alert"
color="text-red-500"
:icon="mdiChartTimelineVariant"
:number="256"
suffix="%"
label="Performance"
/>
</div>
initial commit
2023-03-03 15:54:28 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
<div class="flex flex-col justify-between">
<CardBoxClient
v-for="client in authorBarItems"
:key="client.id"
:name="client.name"
:email="client.email"
:date="client.created_at"
:text="client.datasetCount"
/>
</div>
<div class="flex flex-col justify-between">
<CardBoxTransaction
v-for="(transaction, index) in transactionBarItems"
:key="index"
:amount="transaction.amount"
:date="transaction.date"
:business="transaction.business"
:type="transaction.type"
:name="transaction.name"
:account="transaction.account"
/>
</div>
</div>
initial commit
2023-03-03 15:54:28 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<SectionBannerStarOnGitHub />
initial commit
2023-03-03 15:54:28 +00:00
- HomeController.ts: addes api method for showing number of publications per month for given year - adapted command ValidateChecksum.ts: on published files are checked. better information logging - better LineChart.vue component: showing real statistics - start/routes/apu.ts: added Route.get('/statistic/:year', 'HomeController.findPublicationsPerMonth');
2024-02-02 13:00:54 +00:00
<SectionTitleLineWithButton :icon="mdiChartPie" title="Trends overview: Publications per month" />
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<CardBox title="Performance" :icon="mdiFinance" :header-icon="mdiReload" class="mb-6" @header-icon-click="fillChartData">
<div v-if="chartData">
<line-chart :data="chartData" class="h-96" />
</div>
</CardBox>
initial commit
2023-03-03 15:54:28 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<SectionTitleLineWithButton :icon="mdiAccountMultiple" title="Submitters (to do)" />
initial commit
2023-03-03 15:54:28 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<NotificationBar color="info" :icon="mdiMonitorCellphone"> <b>Responsive table.</b> Collapses on mobile </NotificationBar>
- use latest prettier 3.0 with eslint-plugin-prettier: 5.0.0-alpha.2 - npm normal updates - add all xslt and style asstes in extra folder public/assets2 - linting corrections - delete local .env.test from git tracking: git rm --cached .env.test - add .env.test into .gitignore file - add edit functionality for editing by submitter - npm updates -added xslt3 packeage for builfing sef files - added Language.ts class vor language table - added version to datasetxml2oai-pmh.xslt
2023-07-17 17:13:30 +00:00
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<CardBox :icon="mdiMonitorCellphone" title="Responsive table" has-table>
<TableSampleClients />
</CardBox>
initial commit
2023-03-03 15:54:28 +00:00
- added NcModal.vue, NcActions.vue, NcButton.vue, FirstrunWizard.vue, Card.vue, Page0.vue, Page1.vue, Page2.vue, Page3.vue and some icons - added lime color inside tailwind.config.js - added some utilities scripts needed for components - npm updates - changed postcss.config.js for nesting css styles - added about function to NavBar.vue
2023-12-21 08:30:21 +00:00
<!-- <CardBox>
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
<p class="mb-3 text-gray-500 dark:text-gray-400">
Discover the power of Tethys, the cutting-edge web backend solution that revolutionizes the way you handle research
data. At the heart of Tethys lies our meticulously developed research data repository, which leverages state-of-the-art
CI/CD techniques to deliver a seamless and efficient experience.
</p>
<p class="mb-3 text-gray-500 dark:text-gray-400">
CI/CD, or Continuous Integration and Continuous Deployment, is a modern software development approach that ensures your
code undergoes automated testing, continuous integration, and frequent deployment. By embracing CI/CD techniques, we
ensure that every code change in our research data repository is thoroughly validated, enhancing reliability and
accelerating development cycles.
</p>
<p class="mb-3 text-gray-500 dark:text-gray-400">
With Tethys, you can say goodbye to the complexities of manual deployments and embrace a streamlined process that
eliminates errors and minimizes downtime. Our CI/CD pipeline automatically verifies each code commit, runs comprehensive
tests, and deploys the repository seamlessly, ensuring that your research data is always up-to-date and accessible.
</p>
- added NcModal.vue, NcActions.vue, NcButton.vue, FirstrunWizard.vue, Card.vue, Page0.vue, Page1.vue, Page2.vue, Page3.vue and some icons - added lime color inside tailwind.config.js - added some utilities scripts needed for components - npm updates - changed postcss.config.js for nesting css styles - added about function to NavBar.vue
2023-12-21 08:30:21 +00:00
</CardBox> -->
- prettier formatting - npm updates - new SearchMap.vue component
2023-10-31 14:38:43 +00:00
</SectionMain>
<!-- </section> -->
</LayoutAuthenticated>
initial commit
2023-03-03 15:54:28 +00:00
</template>
Reference in New Issue Copy Permalink