212bb33142
* Projects page * Continue work on bulk edit * editLinks is now bulkEdit * Bulk Edit Links completed * Edit URL clear fields. * Create project button + other bulk buttons. * Pagination (w/o reactivity.) * Apply suggestions from code review Co-authored-by: triphora <emmaffle@modrinth.com> * Sorting fixed, broken page count though? * Only make editable projects selectable + remove delete button * Shorthand * Start using computed * Fix pagination * Add Pagination Switching * Final Style Changes * Cleanup * Action Affects dropdown * Switch to checkbox swizzle * Projects dashboard, the most hellish thing I have ever worked on * Rewrite project dashboard without tables * why's that there * Fix mod message icon * New project settings page * Remove extra slash * Bulk project route and improve styling of links UI * Remove beta label from Monetization * Relevant page links in project settings * Don't vertically center header rows * Improve error messages, add remove project icon button, add saving feedback, begin project checklist, fix license settings * Remove contextual link from project settings, disable WIP checklist * Fix bulk edit * Project checklist, add featured gallery image to project pages, fix random bugs * Remove old check * Remove icon border on grid mode and hide project status card when unnecessary * Fix build * Make checklist progress smaller and add collapsing * Remove uneven gap on nav cards * Improve wrapping of checklist * Replace project settings header link with status * Fix bugs + status stuff * Fix warns + compile error * Update wording * Hide environment type nag for project types without it * Make member dropdown match Co-authored-by: mineblock11 <93472213+mineblock11@users.noreply.github.com> Co-authored-by: triphora <emmaffle@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
62 lines
1.6 KiB
Vue
62 lines
1.6 KiB
Vue
<template>
|
|
<div class="normal-page">
|
|
<div class="normal-page__sidebar">
|
|
<aside class="universal-card">
|
|
<h1>Dashboard<span class="beta-badge">BETA</span></h1>
|
|
<NavStack>
|
|
<NavStackItem link="/dashboard" label="Overview">
|
|
<DashboardIcon />
|
|
</NavStackItem>
|
|
<NavStackItem link="/dashboard/projects" label="Projects">
|
|
<ListIcon />
|
|
</NavStackItem>
|
|
<!-- <NavStackItem link="/dashboard/analytics" label="Analytics">-->
|
|
<!-- <ChartIcon />-->
|
|
<!-- </NavStackItem>-->
|
|
<NavStackItem
|
|
v-if="hasMonetization()"
|
|
link="/dashboard/revenue"
|
|
label="Revenue"
|
|
>
|
|
<CurrencyIcon />
|
|
</NavStackItem>
|
|
</NavStack>
|
|
</aside>
|
|
</div>
|
|
<div class="normal-page__content">
|
|
<NuxtChild />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import NavStack from '~/components/ui/NavStack'
|
|
import NavStackItem from '~/components/ui/NavStackItem'
|
|
|
|
import DashboardIcon from '~/assets/images/utils/dashboard.svg?inline'
|
|
// import ChartIcon from '~/assets/images/utils/chart.svg?inline'
|
|
import CurrencyIcon from '~/assets/images/utils/currency.svg?inline'
|
|
import ListIcon from '~/assets/images/utils/list.svg?inline'
|
|
|
|
const monetization = true
|
|
|
|
export default {
|
|
name: 'Dashboard',
|
|
components: {
|
|
NavStack,
|
|
NavStackItem,
|
|
DashboardIcon,
|
|
// ChartIcon,
|
|
CurrencyIcon,
|
|
ListIcon,
|
|
},
|
|
methods: {
|
|
hasMonetization() {
|
|
return monetization
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|