Bring in links to listing pages

This commit is contained in:
Daniel J. Summers 2021-08-10 19:23:22 -04:00
parent ce96973c51
commit a0d079c67a
4 changed files with 29 additions and 12 deletions

View File

@ -1,21 +1,27 @@
<template>
<aside class="collapse show p-3">
<p class="home-link"><router-link to="/">Jobs, Jobs, Jobs</router-link></p>
<p class="home-link pb-3"><router-link to="/">Jobs, Jobs, Jobs</router-link></p>
<p>&nbsp;</p>
<nav>
<template v-if="isLoggedOn">
<router-link to="/citizen/dashboard"><icon icon="view-dashboard-variant" /> Dashboard</router-link>
<router-link to="/citizen/profile"><icon icon="pencil" /> Edit Your Profile</router-link>
<router-link to="/profile/search"><icon icon="view-list-outline" /> View Profiles</router-link>
<router-link to="/success-story/list"><icon icon="thumb-up" /> Success Stories</router-link>
<router-link to="/citizen/log-off"><icon icon="logout-variant" /> Log Off</router-link>
<router-link to="/citizen/dashboard"><icon icon="view-dashboard-variant" />&nbsp; Dashboard</router-link>
<router-link to="/citizen/profile"><icon icon="pencil" />&nbsp; My Profile</router-link>
<router-link to="/profile/search" class="separator">
<icon icon="view-list-outline" />&nbsp; View Profiles
</router-link>
<router-link to="/listings/mine"><icon icon="sign-text" />&nbsp; My Job Listings</router-link>
<router-link to="/listings/search" class="separator">
<icon icon="newspaper-variant-multiple-outline" />&nbsp; View Listings
</router-link>
<router-link to="/success-story/list"><icon icon="thumb-up" />&nbsp; Success Stories</router-link>
<router-link to="/citizen/log-off"><icon icon="logout-variant" />&nbsp; Log Off</router-link>
</template>
<template v-else>
<router-link to="/"><icon icon="home" /> Home</router-link>
<router-link to="/profile/seeking"><icon icon="view-list-outline" /> Job Seekers</router-link>
<router-link to="/citizen/log-on"><icon icon="login-variant" /> Log On</router-link>
<router-link to="/"><icon icon="home" />&nbsp; Home</router-link>
<router-link to="/profile/seeking"><icon icon="view-list-outline" />&nbsp; Job Seekers</router-link>
<router-link to="/citizen/log-on"><icon icon="login-variant" />&nbsp; Log On</router-link>
</template>
<router-link to="/how-it-works"><icon icon="help-circle-outline" /> How It Works</router-link>
<router-link to="/how-it-works"><icon icon="help-circle-outline" />&nbsp; How It Works</router-link>
</nav>
</aside>
</template>
@ -42,7 +48,7 @@ aside
background-image: linear-gradient(180deg, darkgreen 0%, green 70%)
color: white
font-size: 1.2rem
height: 100vh
min-height: 100vh
width: 250px
min-width: 250px
position: sticky
@ -72,4 +78,7 @@ nav > a
&:hover
background-color: rgba(255, 255, 255, .5)
color: black
text-decoration: none
nav > a.separator
border-bottom: solid 1px white
</style>

View File

@ -83,6 +83,11 @@ const routes: Array<RouteRecordRaw> = [
name: 'MyListings',
component: () => import(/* webpackChunkName: "joblist" */ '../views/listing/MyListings.vue')
},
{
path: '/listings/search',
name: 'SearchListings',
component: () => import(/* webpackChunkName: "joblist" */ '../views/listing/ListingSearch.vue')
},
// Profile URLs
{
path: '/profile/:id/view',

View File

@ -0,0 +1,3 @@
<template>
<p>TODO: write this</p>
</template>

View File

@ -3,7 +3,7 @@
<page-title title="My Job Listings" />
<h3 class="pb-3">My Job Listings</h3>
<p>
<router-link class="btn btn-primary-outline" to="/listing/new/edit">Add a New Job Listing</router-link>
<router-link class="btn btn-outline-primary" to="/listing/new/edit">Add a New Job Listing</router-link>
</p>
<load-data :load="getListings">
<table v-if="listings.length > 0">