Browse Source

Cleanup of some workflow actions and quick nav

kb/add-usage-guide
Matthew Aaron Raymer 2 years ago
parent
commit
ba143dfccd
  1. 14
      src/router/index.ts
  2. 34
      src/views/AccountViewView.vue
  3. 3
      src/views/CommitmentsView.vue
  4. 3
      src/views/ProjectsView.vue
  5. 2
      src/views/StartView.vue

14
src/router/index.ts

@ -88,6 +88,20 @@ const routes: Array<RouteRecordRaw> = [
component: () =>
import(/* webpackChunkName: "project" */ "../views/ProjectViewView.vue"),
},
{
path: "/projects",
name: "projects",
component: () =>
import(/* webpackChunkName: "projects" */ "../views/ProjectsView.vue"),
},
{
path: "/commitments",
name: "commitments",
component: () =>
import(
/* webpackChunkName: "commitments" */ "../views/CommitmentsView.vue"
),
},
];
const router = createRouter({

34
src/views/AccountViewView.vue

@ -4,33 +4,41 @@
<ul class="flex text-2xl p-2 gap-2">
<!-- Home Feed -->
<li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1"
<router-link :to="{ name: 'home' }" class="block text-center py-3 px-1"
><fa icon="house-chimney" class="fa-fw"></fa
></a>
></router-link>
</li>
<!-- Search -->
<li class="basis-1/5 rounded-md text-slate-500">
<a href="search.html" class="block text-center py-3 px-1"
<router-link
:to="{ name: 'discover' }"
class="block text-center py-3 px-1"
><fa icon="magnifying-glass" class="fa-fw"></fa
></a>
></router-link>
</li>
<!-- Projects -->
<li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1"
<router-link
:to="{ name: 'projects' }"
class="block text-center py-3 px-1"
><fa icon="folder-open" class="fa-fw"></fa
></a>
></router-link>
</li>
<!-- Commitments -->
<li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1"
<router-link
:to="{ name: 'commitments' }"
class="block text-center py-3 px-1"
><fa icon="hand" class="fa-fw"></fa
></a>
></router-link>
</li>
<!-- Profile -->
<li class="basis-1/5 rounded-md bg-slate-400 text-white">
<a href="account-view.html" class="block text-center py-3 px-1"
<router-link
:to="{ name: 'account' }"
class="block text-center py-3 px-1"
><fa icon="circle-user" class="fa-fw"></fa
></a>
></router-link>
</li>
</ul>
</nav>
@ -101,10 +109,10 @@
</div>
</div>
<a
href="account-edit.html"
<router-link
:to="{ name: 'new-edit-account' }"
class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
>Edit Identity</a
>Edit Identity</router-link
>
<h3 class="text-sm uppercase font-semibold mb-3">Contact Actions</h3>

3
src/views/CommitmentsView.vue

@ -0,0 +1,3 @@
<template>
<section id="Content" class="p-6 pb-24"></section>
</template>

3
src/views/ProjectsView.vue

@ -0,0 +1,3 @@
<template>
<section id="Content" class="p-6 pb-24"></section>
</template>

2
src/views/StartView.vue

@ -13,7 +13,7 @@
Do you already have an identity to import?
</p>
<router-link
:to="{ name: 'new-edit-account' }"
:to="{ name: 'account' }"
class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
>
No

Loading…
Cancel
Save