From bda2b38eb4533c73722aab754b72931d393dd0d1 Mon Sep 17 00:00:00 2001 From: "Daniel J. Summers" Date: Sun, 29 Aug 2021 22:12:41 -0400 Subject: [PATCH] Change to individual icons The bundle size was huge; this also has tweaks to flow, and a revisiting of the data access code --- src/JobsJobsJobs/Api/Data.fs | 404 +++++++++--------- src/JobsJobsJobs/App/package.json | 6 +- src/JobsJobsJobs/App/src/App.vue | 1 - src/JobsJobsJobs/App/src/components/Icon.vue | 12 +- .../App/src/components/layout/AppNav.vue | 38 +- src/JobsJobsJobs/App/src/views/Home.vue | 10 +- src/JobsJobsJobs/App/src/views/HowItWorks.vue | 2 +- .../App/src/views/citizen/Dashboard.vue | 4 +- .../App/src/views/citizen/EditProfile.vue | 5 +- .../App/src/views/listing/ListingEdit.vue | 3 +- .../App/src/views/listing/ListingExpire.vue | 3 +- .../App/src/views/profile/ProfileView.vue | 3 +- .../App/src/views/success-story/StoryEdit.vue | 3 +- 13 files changed, 250 insertions(+), 244 deletions(-) diff --git a/src/JobsJobsJobs/Api/Data.fs b/src/JobsJobsJobs/Api/Data.fs index 4397209..5d5f2c9 100644 --- a/src/JobsJobsJobs/Api/Data.fs +++ b/src/JobsJobsJobs/Api/Data.fs @@ -176,22 +176,42 @@ module Startup = /// Determine if a record type (not nullable) is null let toOption x = match x |> box |> isNull with true -> None | false -> Some x -/// A retry policy where we will reconnect to RethinkDB if it has gone away -let withReconn (conn : IConnection) = - Policy - .Handle() - .RetryAsync(System.Action(fun ex _ -> - printf "Encountered RethinkDB exception: %s" ex.Message - match ex.Message.Contains "socket" with - | true -> - printf "Reconnecting to RethinkDB" - (conn :?> Connection).Reconnect() - | false -> ())) +[] +module private Reconnect = + + open System.Threading.Tasks + + /// Execute a query with a retry policy that will reconnect to RethinkDB if it has gone away + let withReconn (conn : IConnection) (f : IConnection -> Task<'T>) = + Policy + .Handle() + .RetryAsync(System.Action (fun ex _ -> + printf "Encountered RethinkDB exception: %s" ex.Message + match ex.Message.Contains "socket" with + | true -> + printf "Reconnecting to RethinkDB" + (conn :?> Connection).Reconnect false + | false -> ())) + .ExecuteAsync(fun () -> f conn) + + /// Execute a query that returns one or none item, using the reconnect logic + let withReconnOption (conn : IConnection) (f : IConnection -> Task<'T>) = + fun c -> task { + let! it = f c + return toOption it + } + |> withReconn conn + + /// Execute a query that does not return a result, using the above reconnect logic + let withReconnIgnore (conn : IConnection) (f : IConnection -> Task<'T>) = + fun c -> task { + let! _ = f c + () + } + |> withReconn conn /// Sanitize user input, and create a "contains" pattern for use with RethinkDB queries -let regexContains (it : string) = - System.Text.RegularExpressions.Regex.Escape it - |> sprintf "(?i)%s" +let regexContains = System.Text.RegularExpressions.Regex.Escape >> sprintf "(?i)%s" open JobsJobsJobs.Domain open JobsJobsJobs.Domain.SharedTypes @@ -202,127 +222,120 @@ open RethinkDb.Driver.Ast module Profile = let count conn = - withReconn(conn).ExecuteAsync(fun () -> - r.Table(Table.Profile) - .Count() - .RunResultAsync conn) + r.Table(Table.Profile) + .Count() + .RunResultAsync + |> withReconn conn /// Find a profile by citizen ID let findById (citizenId : CitizenId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! profile = - r.Table(Table.Profile) - .Get(citizenId) - .RunResultAsync conn - return toOption profile - }) + r.Table(Table.Profile) + .Get(citizenId) + .RunResultAsync + |> withReconnOption conn /// Insert or update a profile let save (profile : Profile) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Profile) - .Get(profile.id) - .Replace(profile) - .RunWriteAsync conn - () - }) + r.Table(Table.Profile) + .Get(profile.id) + .Replace(profile) + .RunWriteAsync + |> withReconnIgnore conn /// Delete a citizen's profile let delete (citizenId : CitizenId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Profile) - .Get(citizenId) - .Delete() - .RunWriteAsync conn - () - }) + r.Table(Table.Profile) + .Get(citizenId) + .Delete() + .RunWriteAsync + |> withReconnIgnore conn /// Search profiles (logged-on users) let search (srch : ProfileSearch) conn = - withReconn(conn).ExecuteAsync(fun () -> + fun c -> (seq { match srch.continentId with | Some conId -> yield (fun (q : ReqlExpr) -> - q.Filter(r.HashMap(nameof srch.continentId, ContinentId.ofString conId)) :> ReqlExpr) + q.Filter (r.HashMap (nameof srch.continentId, ContinentId.ofString conId)) :> ReqlExpr) | None -> () match srch.remoteWork with | "" -> () - | _ -> yield (fun q -> q.Filter(r.HashMap(nameof srch.remoteWork, srch.remoteWork = "yes")) :> ReqlExpr) + | _ -> yield (fun q -> q.Filter (r.HashMap (nameof srch.remoteWork, srch.remoteWork = "yes")) :> ReqlExpr) match srch.skill with | Some skl -> - yield (fun q -> q.Filter(ReqlFunction1(fun it -> - upcast it.G("skills").Contains(ReqlFunction1(fun s -> - upcast s.G("description").Match(regexContains skl))))) :> ReqlExpr) + yield (fun q -> q.Filter (ReqlFunction1(fun it -> + upcast it.G("skills").Contains (ReqlFunction1(fun s -> + upcast s.G("description").Match (regexContains skl))))) :> ReqlExpr) | None -> () match srch.bioExperience with | Some text -> let txt = regexContains text - yield (fun q -> q.Filter(ReqlFunction1(fun it -> - upcast it.G("biography").Match(txt).Or(it.G("experience").Match(txt)))) :> ReqlExpr) + yield (fun q -> q.Filter (ReqlFunction1(fun it -> + upcast it.G("biography").Match(txt).Or (it.G("experience").Match txt))) :> ReqlExpr) | None -> () } |> Seq.toList |> List.fold (fun q f -> f q) (r.Table(Table.Profile) - .EqJoin("id", r.Table(Table.Citizen)) - .Without(r.HashMap("right", "id")) - .Zip() :> ReqlExpr)) - .Merge(ReqlFunction1(fun it -> + .EqJoin("id", r.Table Table.Citizen) + .Without(r.HashMap ("right", "id")) + .Zip () :> ReqlExpr)) + .Merge(ReqlFunction1 (fun it -> upcast r .HashMap("displayName", - r.Branch(it.G("realName" ).Default_("").Ne(""), it.G("realName"), - it.G("displayName").Default_("").Ne(""), it.G("displayName"), - it.G("naUser"))) - .With("citizenId", it.G("id")))) + r.Branch (it.G("realName" ).Default_("").Ne "", it.G "realName", + it.G("displayName").Default_("").Ne "", it.G "displayName", + it.G "naUser")) + .With ("citizenId", it.G "id"))) .Pluck("citizenId", "displayName", "seekingEmployment", "remoteWork", "fullTime", "lastUpdatedOn") - .RunResultAsync conn) + .OrderBy(ReqlFunction1 (fun it -> upcast it.G("displayName").Downcase ())) + .RunResultAsync c + |> withReconn conn // Search profiles (public) let publicSearch (srch : PublicSearch) conn = - withReconn(conn).ExecuteAsync(fun () -> + fun c -> (seq { match srch.continentId with | Some conId -> yield (fun (q : ReqlExpr) -> - q.Filter(r.HashMap(nameof srch.continentId, ContinentId.ofString conId)) :> ReqlExpr) + q.Filter (r.HashMap (nameof srch.continentId, ContinentId.ofString conId)) :> ReqlExpr) | None -> () match srch.region with | Some reg -> yield (fun q -> - q.Filter(ReqlFunction1(fun it -> upcast it.G("region").Match(regexContains reg))) :> ReqlExpr) + q.Filter (ReqlFunction1 (fun it -> upcast it.G("region").Match (regexContains reg))) :> ReqlExpr) | None -> () match srch.remoteWork with | "" -> () - | _ -> yield (fun q -> q.Filter(r.HashMap(nameof srch.remoteWork, srch.remoteWork = "yes")) :> ReqlExpr) + | _ -> yield (fun q -> q.Filter (r.HashMap (nameof srch.remoteWork, srch.remoteWork = "yes")) :> ReqlExpr) match srch.skill with | Some skl -> - yield (fun q -> q.Filter(ReqlFunction1(fun it -> - upcast it.G("skills").Contains(ReqlFunction1(fun s -> - upcast s.G("description").Match(regexContains skl))))) :> ReqlExpr) + yield (fun q -> q.Filter (ReqlFunction1 (fun it -> + upcast it.G("skills").Contains (ReqlFunction1(fun s -> + upcast s.G("description").Match (regexContains skl))))) :> ReqlExpr) | None -> () } |> Seq.toList |> List.fold (fun q f -> f q) (r.Table(Table.Profile) - .EqJoin("continentId", r.Table(Table.Continent)) - .Without(r.HashMap("right", "id")) + .EqJoin("continentId", r.Table Table.Continent) + .Without(r.HashMap ("right", "id")) .Zip() - .Filter(r.HashMap("isPublic", true)) :> ReqlExpr)) - .Merge(ReqlFunction1(fun it -> + .Filter(r.HashMap ("isPublic", true)) :> ReqlExpr)) + .Merge(ReqlFunction1 (fun it -> upcast r .HashMap("skills", - it.G("skills").Map(ReqlFunction1(fun skill -> - upcast r.Branch(skill.G("notes").Default_("").Eq(""), skill.G("description"), - skill.G("description").Add(" (").Add(skill.G("notes")).Add(")"))))) - .With("continent", it.G("name")))) + it.G("skills").Map (ReqlFunction1 (fun skill -> + upcast r.Branch(skill.G("notes").Default_("").Eq "", skill.G "description", + skill.G("description").Add(" (").Add(skill.G("notes")).Add ")")))) + .With("continent", it.G "name"))) .Pluck("continent", "region", "skills", "remoteWork") - .RunResultAsync conn) - + .RunResultAsync c + |> withReconn conn /// Citizen data access functions [] @@ -330,78 +343,64 @@ module Citizen = /// Find a citizen by their ID let findById (citizenId : CitizenId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! citizen = - r.Table(Table.Citizen) - .Get(citizenId) - .RunResultAsync conn - return toOption citizen - }) + r.Table(Table.Citizen) + .Get(citizenId) + .RunResultAsync + |> withReconnOption conn /// Find a citizen by their No Agenda Social username let findByNaUser (naUser : string) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! citizen = - r.Table(Table.Citizen) - .GetAll(naUser).OptArg("index", "naUser").Nth(0) - .RunResultAsync conn - return toOption citizen - }) + r.Table(Table.Citizen) + .GetAll(naUser).OptArg("index", "naUser").Nth(0) + .RunResultAsync + |> withReconnOption conn /// Add a citizen let add (citizen : Citizen) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Citizen) - .Insert(citizen) - .RunWriteAsync conn - () - }) + r.Table(Table.Citizen) + .Insert(citizen) + .RunWriteAsync + |> withReconnIgnore conn /// Update the display name and last seen on date for a citizen let logOnUpdate (citizen : Citizen) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Citizen) - .Get(citizen.id) - .Update(r.HashMap(nameof citizen.displayName, citizen.displayName) - .With(nameof citizen.lastSeenOn, citizen.lastSeenOn)) - .RunWriteAsync conn - () - }) + r.Table(Table.Citizen) + .Get(citizen.id) + .Update(r.HashMap( nameof citizen.displayName, citizen.displayName) + .With (nameof citizen.lastSeenOn, citizen.lastSeenOn)) + .RunWriteAsync + |> withReconnIgnore conn /// Delete a citizen let delete citizenId conn = - withReconn(conn).ExecuteAsync(fun () -> task { - do! Profile.delete citizenId conn + fun c -> task { + do! Profile.delete citizenId c let! _ = r.Table(Table.Success) .GetAll(citizenId).OptArg("index", "citizenId") .Delete() - .RunWriteAsync conn + .RunWriteAsync c let! _ = r.Table(Table.Listing) .GetAll(citizenId).OptArg("index", "citizenId") .Delete() - .RunWriteAsync conn + .RunWriteAsync c let! _ = r.Table(Table.Citizen) .Get(citizenId) .Delete() - .RunWriteAsync conn + .RunWriteAsync c () - }) + } + |> withReconnIgnore conn /// Update a citizen's real name let realNameUpdate (citizenId : CitizenId) (realName : string option) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Citizen) - .Get(citizenId) - .Update(r.HashMap(nameof realName, realName)) - .RunWriteAsync conn - () - }) + r.Table(Table.Citizen) + .Get(citizenId) + .Update(r.HashMap (nameof realName, realName)) + .RunWriteAsync + |> withReconnIgnore conn /// Continent data access functions @@ -410,19 +409,16 @@ module Continent = /// Get all continents let all conn = - withReconn(conn).ExecuteAsync(fun () -> - r.Table(Table.Continent) - .RunResultAsync conn) + r.Table(Table.Continent) + .RunResultAsync + |> withReconn conn /// Get a continent by its ID let findById (contId : ContinentId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! continent = - r.Table(Table.Continent) - .Get(contId) - .RunResultAsync conn - return toOption continent - }) + r.Table(Table.Continent) + .Get(contId) + .RunResultAsync + |> withReconnOption conn /// Job listing data access functions @@ -433,101 +429,91 @@ module Listing = /// Find all job listings posted by the given citizen let findByCitizen (citizenId : CitizenId) conn = - withReconn(conn).ExecuteAsync(fun () -> - r.Table(Table.Listing) - .GetAll(citizenId).OptArg("index", nameof citizenId) - .EqJoin("continentId", r.Table(Table.Continent)) - .Map(ReqlFunction1(fun it -> upcast r.HashMap("listing", it.G("left")).With("continent", it.G("right")))) - .RunResultAsync conn) + r.Table(Table.Listing) + .GetAll(citizenId).OptArg("index", nameof citizenId) + .EqJoin("continentId", r.Table Table.Continent) + .Map(ReqlFunction1 (fun it -> upcast r.HashMap("listing", it.G "left").With ("continent", it.G "right"))) + .RunResultAsync + |> withReconn conn /// Find a listing by its ID let findById (listingId : ListingId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! listing = - r.Table(Table.Listing) - .Get(listingId) - .RunResultAsync conn - return toOption listing - }) + r.Table(Table.Listing) + .Get(listingId) + .RunResultAsync+ |> withReconnOption conn /// Find a listing by its ID for viewing (includes continent information) let findByIdForView (listingId : ListingId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { + fun c -> task { let! listing = r.Table(Table.Listing) - .Filter(r.HashMap("id", listingId)) - .EqJoin("continentId", r.Table(Table.Continent)) - .Map(ReqlFunction1(fun it -> upcast r.HashMap("listing", it.G("left")).With("continent", it.G("right")))) - .RunResultAsync conn + .Filter(r.HashMap ("id", listingId)) + .EqJoin("continentId", r.Table Table.Continent) + .Map(ReqlFunction1 (fun it -> upcast r.HashMap("listing", it.G "left").With ("continent", it.G "right"))) + .RunResultAsync c return List.tryHead listing - }) + } + |> withReconn conn /// Add a listing let add (listing : Listing) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Listing) - .Insert(listing) - .RunWriteAsync conn - () - }) + r.Table(Table.Listing) + .Insert(listing) + .RunWriteAsync + |> withReconnIgnore conn /// Update a listing let update (listing : Listing) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Listing) - .Get(listing.id) - .Replace(listing) - .RunWriteAsync conn - () - }) + r.Table(Table.Listing) + .Get(listing.id) + .Replace(listing) + .RunWriteAsync + |> withReconnIgnore conn /// Expire a listing let expire (listingId : ListingId) (fromHere : bool) (now : Instant) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Listing) - .Get(listingId) - .Update(r.HashMap("isExpired", true).With("wasFilledHere", fromHere).With("updatedOn", now)) - .RunWriteAsync conn - () - }) + r.Table(Table.Listing) + .Get(listingId) + .Update(r.HashMap("isExpired", true).With("wasFilledHere", fromHere).With ("updatedOn", now)) + .RunWriteAsync + |> withReconnIgnore conn /// Search job listings let search (srch : ListingSearch) conn = - withReconn(conn).ExecuteAsync(fun () -> + fun c -> (seq { match srch.continentId with | Some conId -> yield (fun (q : ReqlExpr) -> - q.Filter(r.HashMap(nameof srch.continentId, ContinentId.ofString conId)) :> ReqlExpr) + q.Filter (r.HashMap (nameof srch.continentId, ContinentId.ofString conId)) :> ReqlExpr) | None -> () match srch.region with | Some rgn -> yield (fun q -> - q.Filter(ReqlFunction1(fun it -> - upcast it.G(nameof srch.region).Match(regexContains rgn))) :> ReqlExpr) + q.Filter (ReqlFunction1 (fun it -> + upcast it.G(nameof srch.region).Match (regexContains rgn))) :> ReqlExpr) | None -> () match srch.remoteWork with | "" -> () | _ -> - yield (fun q -> q.Filter(r.HashMap(nameof srch.remoteWork, srch.remoteWork = "yes")) :> ReqlExpr) + yield (fun q -> q.Filter (r.HashMap (nameof srch.remoteWork, srch.remoteWork = "yes")) :> ReqlExpr) match srch.text with | Some text -> yield (fun q -> - q.Filter(ReqlFunction1(fun it -> - upcast it.G(nameof srch.text).Match(regexContains text))) :> ReqlExpr) + q.Filter (ReqlFunction1 (fun it -> + upcast it.G(nameof srch.text).Match (regexContains text))) :> ReqlExpr) | None -> () } |> Seq.toList |> List.fold (fun q f -> f q) (r.Table(Table.Listing) - .GetAll(false).OptArg("index", "isExpired") :> ReqlExpr)) - .EqJoin("continentId", r.Table(Table.Continent)) - .Map(ReqlFunction1(fun it -> upcast r.HashMap("listing", it.G("left")).With("continent", it.G("right")))) - .RunResultAsync conn) + .GetAll(false).OptArg ("index", "isExpired") :> ReqlExpr)) + .EqJoin("continentId", r.Table Table.Continent) + .Map(ReqlFunction1 (fun it -> upcast r.HashMap("listing", it.G "left").With ("continent", it.G "right"))) + .RunResultAsync c + |> withReconn conn /// Success story data access functions @@ -536,39 +522,33 @@ module Success = /// Find a success report by its ID let findById (successId : SuccessId) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! success = - r.Table(Table.Success) - .Get(successId) - .RunResultAsync conn - return toOption success - }) + r.Table(Table.Success) + .Get(successId) + .RunResultAsync + |> withReconnOption conn /// Insert or update a success story let save (success : Success) conn = - withReconn(conn).ExecuteAsync(fun () -> task { - let! _ = - r.Table(Table.Success) - .Get(success.id) - .Replace(success) - .RunWriteAsync conn - () - }) + r.Table(Table.Success) + .Get(success.id) + .Replace(success) + .RunWriteAsync + |> withReconnIgnore conn // Retrieve all success stories let all conn = - withReconn(conn).ExecuteAsync(fun () -> - r.Table(Table.Success) - .EqJoin("citizenId", r.Table(Table.Citizen)) - .Without(r.HashMap("right", "id")) - .Zip() - .Merge(ReqlFunction1(fun it -> - upcast r - .HashMap("citizenName", - r.Branch(it.G("realName" ).Default_("").Ne(""), it.G("realName"), - it.G("displayName").Default_("").Ne(""), it.G("displayName"), - it.G("naUser"))) - .With("hasStory", it.G("story").Default_("").Gt("")))) - .Pluck("id", "citizenId", "citizenName", "recordedOn", "fromHere", "hasStory") - .OrderBy(r.Desc("recordedOn")) - .RunResultAsync conn) + r.Table(Table.Success) + .EqJoin("citizenId", r.Table Table.Citizen) + .Without(r.HashMap ("right", "id")) + .Zip() + .Merge(ReqlFunction1 (fun it -> + upcast r + .HashMap("citizenName", + r.Branch(it.G("realName" ).Default_("").Ne "", it.G "realName", + it.G("displayName").Default_("").Ne "", it.G "displayName", + it.G "naUser")) + .With ("hasStory", it.G("story").Default_("").Gt ""))) + .Pluck("id", "citizenId", "citizenName", "recordedOn", "fromHere", "hasStory") + .OrderBy(r.Desc "recordedOn") + .RunResultAsync + |> withReconn conn diff --git a/src/JobsJobsJobs/App/package.json b/src/JobsJobsJobs/App/package.json index 7023022..ff9210a 100644 --- a/src/JobsJobsJobs/App/package.json +++ b/src/JobsJobsJobs/App/package.json @@ -4,12 +4,12 @@ "private": true, "scripts": { "serve": "vue-cli-service serve", - "build": "vue-cli-service build --mode development", + "build": "vue-cli-service build", "lint": "vue-cli-service lint", - "apiserve": "vue-cli-service build --mode development && cd ../Api && dotnet run -c Debug" + "apiserve": "vue-cli-service build && cd ../Api && dotnet run -c Debug" }, "dependencies": { - "@mdi/font": "5.9.55", + "@mdi/js": "^5.9.55", "@vuelidate/core": "^2.0.0-alpha.24", "@vuelidate/validators": "^2.0.0-alpha.21", "bootstrap": "^5.1.0", diff --git a/src/JobsJobsJobs/App/src/App.vue b/src/JobsJobsJobs/App/src/App.vue index dd516fe..b4cac8a 100644 --- a/src/JobsJobsJobs/App/src/App.vue +++ b/src/JobsJobsJobs/App/src/App.vue @@ -13,7 +13,6 @@ import { defineComponent } from "vue" import "bootstrap/dist/css/bootstrap.min.css" -import "@mdi/font/css/materialdesignicons.css" import { Citizen } from "./api" import AppFooter from "./components/layout/AppFooter.vue" diff --git a/src/JobsJobsJobs/App/src/components/Icon.vue b/src/JobsJobsJobs/App/src/components/Icon.vue index 4140786..b5c6e2f 100644 --- a/src/JobsJobsJobs/App/src/components/Icon.vue +++ b/src/JobsJobsJobs/App/src/components/Icon.vue @@ -1,12 +1,16 @@ + + diff --git a/src/JobsJobsJobs/App/src/components/layout/AppNav.vue b/src/JobsJobsJobs/App/src/components/layout/AppNav.vue index 3b86a0a..299bf6c 100644 --- a/src/JobsJobsJobs/App/src/components/layout/AppNav.vue +++ b/src/JobsJobsJobs/App/src/components/layout/AppNav.vue @@ -4,25 +4,37 @@ aside.collapse.show.p-3 p   nav template(v-if="isLoggedOn") - router-link(to="/citizen/dashboard") #[icon(icon="view-dashboard-variant")]  Dashboard - router-link(to="/help-wanted") #[icon(icon="newspaper-variant-multiple-outline")]  Help Wanted! - router-link(to="/profile/search") #[icon(icon="view-list-outline")]  Employment Profiles - router-link(to="/success-story/list") #[icon(icon="thumb-up")]  Success Stories + router-link(to="/citizen/dashboard") #[icon(:icon="mdiViewDashboardVariant")]  Dashboard + router-link(to="/help-wanted") #[icon(:icon="mdiNewspaperVariantMultipleOutline")]  Help Wanted! + router-link(to="/profile/search") #[icon(:icon="mdiViewListOutline")]  Employment Profiles + router-link(to="/success-story/list") #[icon(:icon="mdiThumbUp")]  Success Stories .separator - router-link(to="/listings/mine") #[icon(icon="sign-text")]  My Job Listings - router-link(to="/citizen/profile") #[icon(icon="pencil")]  My Employment Profile + router-link(to="/listings/mine") #[icon(:icon="mdiSignText")]  My Job Listings + router-link(to="/citizen/profile") #[icon(:icon="mdiPencil")]  My Employment Profile .separator - router-link(to="/citizen/log-off") #[icon(icon="logout-variant")]  Log Off + router-link(to="/citizen/log-off") #[icon(:icon="mdiLogoutVariant")]  Log Off template(v-else) - router-link(to="/") #[icon(icon="home")]  Home - router-link(to="/profile/seeking") #[icon(icon="view-list-outline")]  Job Seekers - router-link(to="/citizen/log-on") #[icon(icon="login-variant")]  Log On - router-link(to="/how-it-works") #[icon(icon="help-circle-outline")]  How It Works + router-link(to="/") #[icon(:icon="mdiHome")]  Home + router-link(to="/profile/seeking") #[icon(:icon="mdiViewListOutline")]  Job Seekers + router-link(to="/citizen/log-on") #[icon(:icon="mdiLoginVariant")]  Log On + router-link(to="/how-it-works") #[icon(:icon="mdiHelpCircleOutline")]  How It Works