bit-badger/jobs-jobs-jobs
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases 19 Activity

Help wanted #23

Merged
danieljsummers merged 20 commits from help-wanted into main 2021-09-01 01:16:43 +00:00
Conversation 0 Commits 20 Files Changed 188 +1028 -1404
42 changed files with 1028 additions and 1404 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2eefb44f16 - Show all commits

3
src/JobsJobsJobs/App/package.json
View File

@ -43,6 +43,7 @@
"eslint-plugin-vue": "^7.16.0", "eslint-plugin-vue": "^7.16.0",
"sass": "~1.37.0", "sass": "~1.37.0",
"sass-loader": "^10.0.0", "sass-loader": "^10.0.0",
"typescript": "~4.3.5" "typescript": "~4.3.5",
"vue-cli-plugin-pug": "~2.0.0"
} }
} }

25
src/JobsJobsJobs/App/src/App.vue
View File

@ -1,19 +1,12 @@
<template> <template lang="pug">
<div class="jjj-app"> .jjj-app
<app-nav /> app-nav
<div class="jjj-main"> .jjj-main
<title-bar /> title-bar
<main class="container-fluid"> main.container-fluid: router-view(v-slot="{ Component }"): transition(name='fade' mode='out-in')
<router-view v-slot="{ Component }"> component(:is='Component')
<transition name="fade" mode="out-in"> app-footer
<component :is="Component" /> app-toaster
</transition>
</router-view>
</main>
<app-footer />
<app-toaster />
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

4
src/JobsJobsJobs/App/src/components/AudioClip.vue
View File

@ -1,5 +1,5 @@
<template> <template lang="pug">
<span @click="playFile"><slot></slot><audio :id="clip"><source :src="clipSource"></audio></span> span(@click='playFile') #[slot] #[audio(:id='clip'): source(:src='clipSource')]
</template> </template>
<script lang="ts"> <script lang="ts">

14
src/JobsJobsJobs/App/src/components/CollapsePanel.vue
View File

@ -1,12 +1,8 @@
<template> <template lang="pug">
<div class="card"> .card: .card-body
<div class="card-body"> h6.card-title
<h6 class="card-title"> a(href='#' :class="{ 'cp-c': collapsed, 'cp-o': !collapsed }" @click.prevent='toggle') {{headerText}}
<a href="#" :class="{ 'cp-c': collapsed, 'cp-o': !collapsed }" @click.prevent="toggle">{{headerText}}</a> slot(v-if='!collapsed')
</h6>
<slot v-if="!collapsed"></slot>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

18
src/JobsJobsJobs/App/src/components/ContinentList.vue
View File

@ -1,13 +1,11 @@
<template> <template lang="pug">
<div class="form-floating"> .form-floating
<select id="continentId" :class="{ 'form-select': true, 'is-invalid': isInvalid}" select.form-select(id='continentId' :class="{ 'is-invalid': isInvalid}" :value='continentId'
:value="continentId" @change="continentChanged"> @change='continentChanged')
<option value="">&ndash; {{emptyLabel}} &ndash;</option> option(value='') &ndash; {{emptyLabel}} &ndash;
<option v-for="c in continents" :key="c.id" :value="c.id">{{c.name}}</option> option(v-for='c in continents' :key='c.id' :value='c.id') {{c.name}}
</select> label.jjj-required(for='continentId') Continent
<label for="continentId" class="jjj-required">Continent</label> .invalid-feedback Please select a continent
</div>
<div class="invalid-feedback">Please select a continent</div>
</template> </template>
<script lang="ts"> <script lang="ts">

13
src/JobsJobsJobs/App/src/components/ErrorList.vue
View File

@ -1,11 +1,8 @@
<template> <template lang="pug">
<template v-if="errors.length > 0"> template(v-if='errors.length > 0')
<p>The following error<template v-if="errors.length !== 1">s</template> occurred:</p> p The following error#[template(v-if='errors.length !== 1') s] occurred:
<ul> ul: li(v-for='(error, idx) in errors' :key='idx') {{error}}
<li v-for="(error, idx) in errors" :key="idx">{{error}}</li> slot(v-else)
</ul>
</template>
<slot v-else></slot>
</template> </template>
<script lang="ts"> <script lang="ts">

4
src/JobsJobsJobs/App/src/components/FullDate.vue
View File

@ -1,5 +1,5 @@
<template> <template lang="pug">
<template v-if="true">{{formatted}}</template> template(v-if='true') {{formatted}}
</template> </template>
<script lang="ts"> <script lang="ts">

4
src/JobsJobsJobs/App/src/components/FullDateTime.vue
View File

@ -1,5 +1,5 @@
<template> <template lang="pug">
<template v-if="true">{{formatted}}</template> template(v-if='true') {{formatted}}
</template> </template>
<script lang="ts"> <script lang="ts">

4
src/JobsJobsJobs/App/src/components/Icon.vue
View File

@ -1,5 +1,5 @@
<template> <template lang="pug">
<span :class="iconClass"></span> span(:class='iconClass')
</template> </template>
<script lang="ts"> <script lang="ts">

96
src/JobsJobsJobs/App/src/components/ListingSearchForm.vue
View File

@ -1,52 +1,38 @@
<template> <template lang="pug">
<form class="container"> form.container
<div class="row"> .row
<div class="col col-xs-12 col-sm-6 col-md-4 col-lg-3"> .col.col-xs-12.col-sm-6.col-md-4.col-lg-3
<continent-list v-model="criteria.continentId" topLabel="Any" continent-list(v-model='criteria.continentId' topLabel='Any' @update:modelValue='updateContinent')
@update:modelValue="(c) => updateValue('continentId', c)" /> .col.col-xs-12.col-sm-6.col-lg-3
</div> .form-floating
<div class="col col-xs-12 col-sm-6 col-lg-3"> input.form-control(type='text' id='regionSearch' placeholder='(free-form text)' :value='criteria.region'
<div class="form-floating"> @input="updateValue('region', $event.target.value)")
<input type="text" id="regionSearch" class="form-control" placeholder="(free-form text)" label(for='regionSearch') Region
:value="criteria.region" @input="updateValue('region', $event.target.value)"> .form-text (free-form text)
<label for="regionSearch" class="jjj-label">Region</label> .col.col-xs-12.col-sm-6.col-offset-md-2.col-lg-3.col-offset-lg-0
</div> label.jjj-label Remote Work Opportunity?
<div class="form-text">(free-form text)</div> br
</div> .form-check.form-check-inline
<div class="col col-xs-12 col-sm-6 col-offset-md-2 col-lg-3 col-offset-lg-0"> input.form-check-input(type='radio' id='remoteNull' name='remoteWork' :checked="criteria.remoteWork === ''"
<label class="jjj-label">Remote Work Opportunity?</label><br> @click="updateValue('remoteWork', '')")
<div class="form-check form-check-inline"> label.form-check-label(for='remoteNull') No Selection
<input type="radio" id="remoteNull" name="remoteWork" class="form-check-input" .form-check.form-check-inline
:checked="criteria.remoteWork === ''" @click="updateValue('remoteWork', '')"> input.form-check-input(type='radio' id='remoteYes' name='remoteWork' :checked="criteria.remoteWork === 'yes'"
<label for="remoteNull" class="form-check-label">No Selection</label> @click="updateValue('remoteWork', 'yes')")
</div> label.form-check-label(for='remoteYes') Yes
<div class="form-check form-check-inline"> .form-check.form-check-inline
<input type="radio" id="remoteYes" name="remoteWork" class="form-check-input" input.form-check-input(type='radio' id='remoteNo' name='remoteWork' :checked="criteria.remoteWork === 'no'"
:checked="criteria.remoteWork === 'yes'" @click="updateValue('remoteWork', 'yes')"> @click="updateValue('remoteWork', 'no')")
<label for="remoteYes" class="form-check-label">Yes</label> label.form-check-label(for='remoteNo') No
</div> .col.col-xs-12.col-sm-6.col-lg-3
<div class="form-check form-check-inline"> .form-floating
<input type="radio" id="remoteNo" name="remoteWork" class="form-check-input" input.form-control(type='text' id='textSearch' placeholder='(free-form text)' :value='criteria.text'
:checked="criteria.remoteWork === 'no'" @click="updateValue('remoteWork', 'no')"> @input="updateValue('text', $event.target.value)")
<label for="remoteNo" class="form-check-label">No</label> label(for='textSearch') Job Listing Text
</div> .form-text (free-form text)
</div> .row: .col.col-xs-12
<div class="col col-xs-12 col-sm-6 col-lg-3"> br
<div class="form-floating"> button.btn.btn-outline-primary(type='submit' @click.prevent="$emit('search')") Search
<input type="text" id="textSearch" class="form-control" placeholder="(free-form text)"
:value="criteria.text" @input="updateValue('text', $event.target.value)">
<label for="textSearch" class="jjj-label">Job Listing Text</label>
</div>
<div class="form-text">(free-form text)</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<br>
<button type="submit" class="btn btn-outline-primary" @click.prevent="$emit('search')">Search</button>
</div>
</div>
</form>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -68,12 +54,16 @@ export default defineComponent({
/** The initial search criteria passed; this is what we'll update and emit when data changes */ /** The initial search criteria passed; this is what we'll update and emit when data changes */
const criteria : Ref<ListingSearch> = ref({ ...props.modelValue as ListingSearch }) const criteria : Ref<ListingSearch> = ref({ ...props.modelValue as ListingSearch })
/** Emit a value update */
const updateValue = (key : string, value : string) => {
criteria.value = { ...criteria.value, [key]: value }
emit('update:modelValue', criteria.value)
}
return { return {
criteria, criteria,
updateValue: (key : string, value : string) => { updateContinent: (c : string) => updateValue('continentId', c),
criteria.value = { ...criteria.value, [key]: value } updateValue
emit('update:modelValue', criteria.value)
}
} }
} }
}) })

9
src/JobsJobsJobs/App/src/components/LoadData.vue
View File

@ -1,8 +1,7 @@
<template> <template lang="pug">
<div v-if="loading">Loading&hellip;</div> div(v-if='loading') Loading&hellip;
<error-list v-else :errors="errors"> error-list(v-else :errors='errors')
<slot></slot> slot
</error-list>
</template> </template>
<script lang="ts"> <script lang="ts">

27
src/JobsJobsJobs/App/src/components/MarkdownEditor.vue
View File

@ -1,18 +1,15 @@
<template> <template lang="pug">
<div class="col-12"> .col-12
<nav class="nav nav-pills pb-1"> nav.nav.nav-pills.pb-1
<button :class="sourceClass" @click.prevent="showMarkdown">Markdown</button> &nbsp; button(:class='sourceClass' @click.prevent='showMarkdown') Markdown
<button :class="previewClass" @click.prevent="showPreview">Preview</button> | &nbsp;
</nav> button(:class='previewClass' @click.prevent='showPreview') Preview
<section v-if="preview" class="preview" v-html="previewHtml"> section.preview(v-if='preview' v-html='previewHtml')
</section> .form-floating(v-else)
<div v-else class="form-floating"> textarea(:id='id' :class="{ 'form-control': true, 'md-edit': true, 'is-invalid': isInvalid }" rows='10'
<textarea :id="id" :class="{ 'form-control': true, 'md-edit': true, 'is-invalid': isInvalid }" rows="10" v-text='text' @input="$emit('update:text', $event.target.value)")
v-text="text" @input="$emit('update:text', $event.target.value)"></textarea> .invalid-feedback Please enter some text for {{label}}
<div class="invalid-feedback">Please enter some text for {{label}}</div> label(:for='id') {{label}}
<label :for="id">{{label}}</label>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

26
src/JobsJobsJobs/App/src/components/MaybeSave.vue
View File

@ -1,21 +1,11 @@
<template> <template lang="pug">
<div class="modal fade" id="maybeSaveModal" tabindex="-1" aria-labelledby="maybeSaveLabel" aria-hidden="true"> .modal.fade(id='maybeSaveModal' tabindex='-1' aria-labelledby='maybeSaveLabel' aria-hidden='true'): .modal-dialog: .modal-content
<div class="modal-dialog"> .modal-header: h5.modal-title(id='maybeSaveLabel') Unsaved Changes
<div class="modal-content"> .modal-body You have modified the data on this page since it was last saved. What would you like to do?
<div class="modal-header"> .modal-footer
<h5 class="modal-title" id="maybeSaveLabel">Unsaved Changes</h5> button.btn.btn-secondary(type='button' @click.prevent='onStay') Stay on This Page
</div> button.btn.btn-primary(type='button' @click.prevent='onSave') Save Changes
<div class="modal-body"> button.btn.btn-danger(type='button' @click.prevent='onDiscard') Discard Changes
You have modified the data on this page since it was last saved. What would you like to do?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" @click.prevent="onStay">Stay on This Page</button>
<button type="button" class="btn btn-primary" @click.prevent="onSave">Save Changes</button>
<button type="button" class="btn btn-danger" @click.prevent="onDiscard">Discard Changes</button>
</div>
</div>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

4
src/JobsJobsJobs/App/src/components/PageTitle.vue
View File

@ -1,5 +1,5 @@
<template> <template lang="pug">
<p v-if="false"></p> p(v-if='false')
</template> </template>
<script lang="ts"> <script lang="ts">

11
src/JobsJobsJobs/App/src/components/layout/AppFooter.vue
View File

@ -1,10 +1,7 @@
<template> <template lang="pug">
<footer> footer: p.text-muted.
<p class="text-muted"> Jobs, Jobs, Jobs v{{appVersion}} &bull; #[router-link(to='/privacy-policy') Privacy Policy]
Jobs, Jobs, Jobs v{{appVersion}} &bull; <router-link to="/privacy-policy">Privacy Policy</router-link> &bull; #[router-link(to='/terms-of-service') Terms of Service]
&bull; <router-link to="/terms-of-service">Terms of Service</router-link>
</p>
</footer>
</template> </template>
<script lang="ts"> <script lang="ts">

46
src/JobsJobsJobs/App/src/components/layout/AppNav.vue
View File

@ -1,29 +1,23 @@
<template> <template lang="pug">
<aside class="collapse show p-3"> aside.collapse.show.p-3
<p class="home-link pb-3"><router-link to="/">Jobs, Jobs, Jobs</router-link></p> p.home-link.pb-3: router-link(to='/') Jobs, Jobs, Jobs
<p>&nbsp;</p> p &nbsp;
<nav> nav
<template v-if="isLoggedOn"> template(v-if='isLoggedOn')
<router-link to="/citizen/dashboard"><icon icon="view-dashboard-variant" />&nbsp; Dashboard</router-link> router-link(to='/citizen/dashboard') #[icon(icon='view-dashboard-variant')]&nbsp; Dashboard
<router-link to="/help-wanted"> router-link(to='/help-wanted') #[icon(icon='newspaper-variant-multiple-outline')]&nbsp; Help Wanted!
<icon icon="newspaper-variant-multiple-outline" />&nbsp; Help Wanted! router-link(to='/profile/search') #[icon(icon='view-list-outline')]&nbsp; Employment Profiles
</router-link> router-link(to='/success-story/list') #[icon(icon='thumb-up')]&nbsp; Success Stories
<router-link to="/profile/search"><icon icon="view-list-outline" />&nbsp; Employment Profiles</router-link> .separator
<router-link to="/success-story/list"><icon icon="thumb-up" />&nbsp; Success Stories</router-link> router-link(to='/listings/mine') #[icon(icon='sign-text')]&nbsp; My Job Listings
<div class="separator"></div> router-link(to='/citizen/profile') #[icon(icon='pencil')]&nbsp; My Employment Profile
<router-link to="/listings/mine"><icon icon="sign-text" />&nbsp; My Job Listings</router-link> .separator
<router-link to="/citizen/profile"><icon icon="pencil" />&nbsp; My Employment Profile</router-link> router-link(to='/citizen/log-off') #[icon(icon='logout-variant')]&nbsp; Log Off
<div class="separator"></div> template(v-else)
<router-link to="/citizen/log-off"><icon icon="logout-variant" />&nbsp; Log Off</router-link> router-link(to='/') #[icon(icon='home')]&nbsp; Home
</template> router-link(to='/profile/seeking') #[icon(icon='view-list-outline')]&nbsp; Job Seekers
<template v-else> router-link(to='/citizen/log-on') #[icon(icon='login-variant')]&nbsp; Log On
<router-link to="/"><icon icon="home" />&nbsp; Home</router-link> router-link(to='/how-it-works') #[icon(icon='help-circle-outline')]&nbsp; How It Works
<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" />&nbsp; How It Works</router-link>
</nav>
</aside>
</template> </template>
<script lang="ts"> <script lang="ts">

7
src/JobsJobsJobs/App/src/components/layout/AppToaster.vue
View File

@ -1,7 +1,6 @@
<template> <template lang="pug">
<div aria-live="polite" aria-atomic="true" id="toastHost"> div(aria-live='polite' aria-atomic='true' id='toastHost')
<div class="toast-container position-absolute p-3 bottom-0 start-50 translate-middle-x" id="toasts"></div> .toast-container.position-absolute.p-3.bottom-0.start-50.translate-middle-x(id='toasts')
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

12
src/JobsJobsJobs/App/src/components/layout/TitleBar.vue
View File

@ -1,10 +1,8 @@
<template> <template lang="pug">
<nav class="navbar navbar-light bg-light"> nav.navbar.navbar-light.bg-light
<span></span> span &nbsp;
<span class="navbar-text"> span.navbar-text.
(...and Jobs &ndash; <audio-clip clip="pelosi-jobs">Let's Vote for Jobs!</audio-clip>) (...and Jobs &ndash; #[audio-clip(clip='pelosi-jobs') Let's Vote for Jobs!])
</span>
</nav>
</template> </template>
<script lang="ts"> <script lang="ts">

96
src/JobsJobsJobs/App/src/components/profile/PublicSearchForm.vue
View File

@ -1,52 +1,38 @@
<template> <template lang="pug">
<form class="container"> form.container
<div class="row"> .row
<div class="col col-xs-12 col-sm-6 col-md-4 col-lg-3"> .col.col-xs-12.col-sm-6.col-md-4.col-lg-3
<continent-list v-model="criteria.continentId" topLabel="Any" continent-list(v-model='criteria.continentId' topLabel='Any' @update:modelValue='updateContinent')
@update:modelValue="(c) => updateValue('continentId', c)" /> .col.col-xs-12.col-sm-6.col-md-4.col-lg-3
</div> .form-floating
<div class="col col-xs-12 col-sm-6 col-md-4 col-lg-3"> input.form-control.form-control-sm(type='text' id='region' placeholder='(free-form text)'
<div class="form-floating"> :value='criteria.region' @input="updateValue('region', $event.target.value)")
<input type="text" id="region" class="form-control form-control-sm" placeholder="(free-form text)" label(for='region') Region
:value="criteria.region" @input="updateValue('region', $event.target.value)"> .form-text (free-form text)
<label for="region">Region</label> .col.col-xs-12.col-sm-6.col-offset-md-2.col-lg-3.col-offset-lg-0
</div> label.jjj-label Seeking Remote Work?
<div class="form-text">(free-form text)</div> br
</div> .form-check.form-check-inline
<div class="col col-xs-12 col-sm-6 col-offset-md-2 col-lg-3 col-offset-lg-0"> input.form-check-input(type='radio' id='remoteNull' name='remoteWork' :checked="criteria.remoteWork === ''"
<label class="jjj-label">Seeking Remote Work?</label><br> @click="updateValue('remoteWork', '')")
<div class="form-check form-check-inline"> label.form-check-label(for='remoteNull') No Selection
<input type="radio" id="remoteNull" name="remoteWork" class="form-check-input" .form-check.form-check-inline
:checked="criteria.remoteWork === ''" @click="updateValue('remoteWork', '')"> input.form-check-input(type='radio' id='remoteYes' name='remoteWork' :checked="criteria.remoteWork === 'yes'"
<label for="remoteNull" class="form-check-label">No Selection</label> @click="updateValue('remoteWork', 'yes')")
</div> label.form-check-label(for='remoteYes') Yes
<div class="form-check form-check-inline"> .form-check.form-check-inline
<input type="radio" id="remoteYes" name="remoteWork" class="form-check-input" input.form-check-input(type='radio' id='remoteNo' name='remoteWork' :checked="criteria.remoteWork === 'no'"
:checked="criteria.remoteWork === 'yes'" @click="updateValue('remoteWork', 'yes')"> @click="updateValue('remoteWork', 'no')")
<label for="remoteYes" class="form-check-label">Yes</label> label.form-check-label(for='remoteNo') No
</div> .col.col-xs-12.col-sm-6.col-lg-3
<div class="form-check form-check-inline"> .form-floating
<input type="radio" id="remoteNo" name="remoteWork" class="form-check-input" input.form-control.form-control-sm(type='text' id='skillSearch' placeholder="(free-form text)"
:checked="criteria.remoteWork === 'no'" @click="updateValue('remoteWork', 'no')"> :value="criteria.skill" @input="updateValue('skill', $event.target.value)")
<label for="remoteNo" class="form-check-label">No</label> label(for='skillSearch') Skill
</div> .form-text (free-form text)
</div> .row: .col.col-xs-12
<div class="col col-xs-12 col-sm-6 col-lg-3"> br
<div class="form-floating"> button.btn.btn-outline-primary(type='submit' @click.prevent="$emit('search')") Search
<input type="text" id="skillSearch" class="form-control form-control-sm" placeholder="(free-form text)"
:value="criteria.skill" @input="updateValue('skill', $event.target.value)">
<label for="skillSearch">Skill</label>
</div>
<div class="form-text">(free-form text)</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<br>
<button type="submit" class="btn btn-outline-primary" @click.prevent="$emit('search')">Search</button>
</div>
</div>
</form>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -68,12 +54,16 @@ export default defineComponent({
/** The initial search criteria passed; this is what we'll update and emit when data changes */ /** The initial search criteria passed; this is what we'll update and emit when data changes */
const criteria : Ref<PublicSearch> = ref({ ...props.modelValue as PublicSearch }) const criteria : Ref<PublicSearch> = ref({ ...props.modelValue as PublicSearch })
/** Emit a value update */
const updateValue = (key : string, value : string) => {
criteria.value = { ...criteria.value, [key]: value }
emit('update:modelValue', criteria.value)
}
return { return {
criteria, criteria,
updateValue: (key : string, value : string) => { updateContinent: (c : string) => updateValue('continentId', c),
criteria.value = { ...criteria.value, [key]: value } updateValue
emit('update:modelValue', criteria.value)
}
} }
} }
}) })

96
src/JobsJobsJobs/App/src/components/profile/SearchForm.vue
View File

@ -1,52 +1,38 @@
<template> <template lang="pug">
<form class="container"> form.container
<div class="row"> .row
<div class="col col-xs-12 col-sm-6 col-md-4 col-lg-3"> .col.col-xs-12.col-sm-6.col-md-4.col-lg-3
<continent-list v-model="criteria.continentId" topLabel="Any" continent-list(v-model='criteria.continentId' topLabel='Any' @update:modelValue='updateContinent')
@update:modelValue="(c) => updateValue('continentId', c)" /> .col.col-xs-12.col-sm-6.col-offset-md-2.col-lg-3.col-offset-lg-0
</div> label.jjj-label Seeking Remote Work?
<div class="col col-xs-12 col-sm-6 col-offset-md-2 col-lg-3 col-offset-lg-0"> br
<label class="jjj-label">Seeking Remote Work?</label><br> .form-check.form-check-inline
<div class="form-check form-check-inline"> input.form-check-input(type='radio' id='remoteNull' name='remoteWork' :checked="criteria.remoteWork === ''"
<input type="radio" id="remoteNull" name="remoteWork" class="form-check-input" @click="updateValue('remoteWork', '')")
:checked="criteria.remoteWork === ''" @click="updateValue('remoteWork', '')"> label.form-check-label(for='remoteNull') No Selection
<label for="remoteNull" class="form-check-label">No Selection</label> .form-check.form-check-inline
</div> input.form-check-input(type='radio' id='remoteYes' name='remoteWork' :checked="criteria.remoteWork === 'yes'"
<div class="form-check form-check-inline"> @click="updateValue('remoteWork', 'yes')")
<input type="radio" id="remoteYes" name="remoteWork" class="form-check-input" label.form-check-label(for='remoteYes') Yes
:checked="criteria.remoteWork === 'yes'" @click="updateValue('remoteWork', 'yes')"> .form-check.form-check-inline
<label for="remoteYes" class="form-check-label">Yes</label> input.form-check-input(type='radio' id='remoteNo' name='remoteWork' :checked="criteria.remoteWork === 'no'"
</div> @click="updateValue('remoteWork', 'no')")
<div class="form-check form-check-inline"> label.form-check-label(for='remoteNo') No
<input type="radio" id="remoteNo" name="remoteWork" class="form-check-input" .col.col-xs-12.col-sm-6.col-lg-3
:checked="criteria.remoteWork === 'no'" @click="updateValue('remoteWork', 'no')"> .form-floating
<label for="remoteNo" class="form-check-label">No</label> input.form-control(type='text' id='skillSearch' placeholder="(free-form text)" :value='criteria.skill'
</div> @input="updateValue('skill', $event.target.value)")
</div> label(for='skillSearch') Skill
<div class="col col-xs-12 col-sm-6 col-lg-3"> .form-text (free-form text)
<div class="form-floating"> .col.col-xs-12.col-sm-6.col-lg-3
<input type="text" id="skillSearch" class="form-control" placeholder="(free-form text)" .form-floating
:value="criteria.skill" @input="updateValue('skill', $event.target.value)"> input.form-control(type='text' id='bioSearch' placeholder="(free-form text)" :value='criteria.bioExperience'
<label for="skillSearch" class="jjj-label">Skill</label> @input="updateValue('bioExperience', $event.target.value)")
</div> label(for='bioSearch') Bio / Experience
<div class="form-text">(free-form text)</div> .form-text (free-form text)
</div> .row: .col.col-xs-12
<div class="col col-xs-12 col-sm-6 col-lg-3"> br
<div class="form-floating"> button.btn.btn-outline-primary(type='submit' @click.prevent="$emit('search')") Search
<input type="text" id="bioSearch" class="form-control" placeholder="(free-form text)"
:value="criteria.bioExperience" @input="updateValue('bioExperience', $event.target.value)">
<label for="bioSearch" class="jjj-label">Bio / Experience</label>
</div>
<div class="form-text">(free-form text)</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<br>
<button type="submit" class="btn btn-outline-primary" @click.prevent="$emit('search')">Search</button>
</div>
</div>
</form>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -68,12 +54,16 @@ export default defineComponent({
/** The initial search criteria passed; this is what we'll update and emit when data changes */ /** The initial search criteria passed; this is what we'll update and emit when data changes */
const criteria : Ref<ProfileSearch> = ref({ ...props.modelValue as ProfileSearch }) const criteria : Ref<ProfileSearch> = ref({ ...props.modelValue as ProfileSearch })
/** Emit a value update */
const updateValue = (key : string, value : string) => {
criteria.value = { ...criteria.value, [key]: value }
emit('update:modelValue', criteria.value)
}
return { return {
criteria, criteria,
updateValue: (key : string, value : string) => { updateContinent: (c : string) => updateValue('continentId', c),
criteria.value = { ...criteria.value, [key]: value } updateValue
emit('update:modelValue', criteria.value)
}
} }
} }
}) })

44
src/JobsJobsJobs/App/src/components/profile/SkillEdit.vue
View File

@ -1,29 +1,21 @@
<template> <template lang="pug">
<div class="row pb-3"> .row.pb-3
<div class="col col-xs-2 col-md-1 align-self-center"> .col.col-xs-2.col-md-1.align-self-center
<button class="btn btn-sm btn-outline-danger rounded-pill" title="Delete" @click.prevent="$emit('remove')"> button.btn.btn-sm.btn-outline-danger.rounded-pill(title='Delete' @click.prevent="$emit('remove')") &nbsp;&minus;&nbsp;
&nbsp;&minus;&nbsp; .col.col-xs-10.col-md-6
</button> .form-floating
</div> input.form-control(type='text' :id='`skillDesc${skill.id}`' maxlength='100'
<div class="col col-xs-10 col-md-6"> placeholder='A skill (language, design technique, process, etc.)' :value='skill.description'
<div class="form-floating"> @input="updateValue('description', $event.target.value)")
<input type="text" :id="`skillDesc${skill.id}`" class="form-control" maxlength="100" label.jjj-label(:for='`skillDesc${skill.id}`') Skill
placeholder="A skill (language, design technique, process, etc.)" .form-text A skill (language, design technique, process, etc.)
:value="skill.description" @input="updateValue('description', $event.target.value)"> .col.col-xs-12.col-md-5
<label :for="`skillDesc${skill.id}`" class="jjj-label">Skill</label> .form-floating
</div> input.form-control(type='text' :id='`skillNotes${skill.id}`' maxlength='100'
<div class="form-text">A skill (language, design technique, process, etc.)</div> placeholder='A further description of the skill (100 characters max)' :value='skill.notes'
</div> @input="updateValue('notes', $event.target.value)")
<div class="col col-xs-12 col-md-5"> label.jjj-label(:for='`skillNotes${skill.id}`') Notes
<div class="form-floating"> .form-text A further description of the skill (100 characters max)
<input type="text" :id="`skillNotes${skill.id}`" class="form-control" maxlength="100"
placeholder="A further description of the skill (100 characters max)"
:value="skill.notes" @input="updateValue('notes', $event.target.value)">
<label :for="`skillNotes${skill.id}`" class="jjj-label">Notes</label>
</div>
<div class="form-text">A further description of the skill (100 characters max)</div>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

27
src/JobsJobsJobs/App/src/views/Home.vue
View File

@ -1,18 +1,15 @@
<template> <template lang="pug">
<article> article
<page-title title="Welcome!" /> page-title(title='Welcome!')
<p>&nbsp;</p> p &nbsp;
<p> p.
Welcome to Jobs, Jobs, Jobs (AKA No Agenda Careers), where citizens of Gitmo Nation can assist one another in Welcome to Jobs, Jobs, Jobs (AKA No Agenda Careers), where citizens of Gitmo Nation can assist one another in
finding employment. This will enable them to continue providing value-for-value to Adam and John, as they continue finding employment. This will enable them to continue providing value-for-value to Adam and John, as they continue
their work deconstructing the misinformation that passes for news on a day-to-day basis. their work deconstructing the misinformation that passes for news on a day-to-day basis.
</p> p.
<p> Do you not understand the terms in the paragraph above? No worries; just head over to
Do you not understand the terms in the paragraph above? No worries; just head over to #[a(href='https://noagendashow.net' target='_blank') The Best Podcast in the Universe]
<a href="https://noagendashow.net" target="_blank">The Best Podcast in the Universe</a> #[em &nbsp;#[audio-clip(clip='thats-true') (that&rsquo;s true!)]] and find out what you&rsquo;re missing.
<em><audio-clip clip="thats-true"> (that&rsquo;s true!)</audio-clip></em> and find out what you&rsquo;re missing.
</p>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

142
src/JobsJobsJobs/App/src/views/HowItWorks.vue
View File

@ -1,83 +1,69 @@
<template> <template lang="pug">
<article> article
<page-title title="How It Works" /> page-title(title='How It Works')
<h3>How It Works</h3> h3 How It Works
h4 Completing Your Profile
ul
li.
The &ldquo;View Your Employment Profile&rdquo; link (which you&rdquo;ll see on this page, once your profile is
established) shows your profile the way all other validated users will be able to see it. While this site does not
perform communication with others over No Agenda Social, the name on employment profiles is a link to that
user&rsquo;s profile; from there, others can communicate further with you using the tools Mastodon provides.
li.
The &ldquo;Professional Biography&rdquo; and &ldquo;Experience&rdquo; sections support Markdown, a plain-text way
to specify formatting quite similar to that provided by word processors. The
#[a(href='https://daringfireball.net/projects/markdown/' target='_blank') original page] for the project is a
good overview of its capabilities, and the pages at
#[a(href='https://www.markdownguide.org/' target='_blank') Markdown Guide] give in-depth lessons to make the most
of this language. The version of Markdown employed here supports many popular extensions, include smart quotes
(turning "a quote" into &ldquo;a quote&rdquo;), tables, super/subscripts, and more.
li.
Skills are optional, but they are the place to record skills you have. Along with the skill, there is a
&ldquo;Notes&rdquo; section, which can be used to indicate the time you&rsquo;ve practiced a particular skill, the
mastery you have of that skill, etc. It is free-form text, so it is all up to you how you utilize the field.
li.
The &ldquo;Experience&rdquo; field is intended to capture a chronological or topical employment history; with this
&ldquo;quick-n-dirty&rdquo; implementation, this Markdown box can be used to capture that information however you
would like it presented to fellow citizens.
li.
If you check the &ldquo;Allow my profile to be searched publicly&rdquo; checkbox, #[strong and] you are seeking
employment, your continent, region, and skills fields will be searchable and displayed to public users of the
site. They will not be tied to your No Agenda Social handle or real name; they are there to let people peek
behind the curtain a bit, and hopefully inspire them to join us.
<h4>Completing Your Profile</h4> h4 Searching Profiles
<ul> p.
<li> The &ldquo;View Profiles&rdquo; link at the side allows you to search for profiles by continent, the citizen&rsquo;s
The &ldquo;View Your Employment Profile&rdquo; link (which you&rdquo;ll see on this page, once your profile is desire for remote work, a skill, or any text in their professional biography and experience. If you find someone
established) shows your profile the way all other validated users will be able to see it. While this site does with whom you&rsquo;d like to discuss potential opportunities, the name at the top of the profile links to their No
not perform communication with others over No Agenda Social, the name on employment profiles is a link to that Agenda Social account, where you can use its features to get in touch.
user&rsquo;s profile; from there, others can communicate further with you using the tools Mastodon provides.
</li>
<li>
The &ldquo;Professional Biography&rdquo; and &ldquo;Experience&rdquo; sections support Markdown, a plain-text
way to specify formatting quite similar to that provided by word processors. The
<a href="https://daringfireball.net/projects/markdown/" target="_blank">original page</a> for the project is a
good overview of its capabilities, and the pages at
<a href="https://www.markdownguide.org/" target="_blank">Markdown Guide</a> give in-depth lessons to make the
most of this language. The version of Markdown employed here supports many popular extensions, include smart
quotes (turning "a quote" into &ldquo;a quote&rdquo;), tables, super/subscripts, and more.
</li>
<li>
Skills are optional, but they are the place to record skills you have. Along with the skill, there is a
&ldquo;Notes&rdquo; section, which can be used to indicate the time you&rsquo;ve practiced a particular skill,
the mastery you have of that skill, etc. It is free-form text, so it is all up to you how you utilize the field.
</li>
<li>
The &ldquo;Experience&rdquo; field is intended to capture a chronological or topical employment history; with
this &ldquo;quick-n-dirty&rdquo; implementation, this Markdown box can be used to capture that information
however you would like it presented to fellow citizens.
</li>
<li>
If you check the &ldquo;Allow my profile to be searched publicly&rdquo; checkbox, <strong>and</strong> you are
seeking employment, your continent, region, and skills fields will be searchable and displayed to public users
of the site. They will not be tied to your No Agenda Social handle or real name; they are there to let people
peek behind the curtain a bit, and hopefully inspire them to join us.
</li>
</ul>
<h4>Searching Profiles</h4> h4 Finding Employment
<p> p.
The &ldquo;View Profiles&rdquo; link at the side allows you to search for profiles by continent, the If your profile indicates that you are seeking employment, and you secure employment, that is something you will
citizen&rsquo;s desire for remote work, a skill, or any text in their professional biography and experience. If want to update (and &ndash; congratulations!). From both the Dashboard and the Edit Profile pages, you will see a
you find someone with whom you&rsquo;d like to discuss potential opportunities, the name at the top of the profile link that encourages you to tell us about it. Click either of those links, and you will be brought to a page that
links to their No Agenda Social account, where you can use its features to get in touch. allows you to indicate whether your employment actually came from someone finding your profile on Jobs, Jobs, Jobs,
</p> and gives you a place to write about the experience. These stories are only viewable by validated users, so feel
free to use as much (or as little) identifying information as you&rsquo;d like. You can also submit this page with
all the fields blank; in that case, your &ldquo;Seeking Employment&rdquo; flag is cleared, and the
&ldquo;story&rdquo; is recorded.
p.
As a validated user, you can also view others success stories. Clicking &ldquo;Success Stories&rdquo; in the sidebar
will display a list of all the stories that have been recorded. If there is a story to be read, there will be a link
to read it; if you submitted the story, there will also be an &ldquo;Edit&rdquo; link.
<h4>Finding Employment</h4> h4 Publicly Available Information
<p> p.
If your profile indicates that you are seeking employment, and you secure employment, that is something you will The &ldquo;Job Seekers&rdquo; page for profile information will allow users to search for and display the continent,
want to update (and &ndash; congratulations!). From both the Dashboard and the Edit Profile pages, you will see a region, skills, and notes of users who are seeking employment #[strong and] have opted in to their information being
link that encourages you to tell us about it. Click either of those links, and you will be brought to a page that publicly searchable. If you are a public user, this information is always the latest we have; check out the link at
allows you to indicate whether your employment actually came from someone finding your profile on Jobs, Jobs, the top of the search results for how you can learn more about these fine human resources!
Jobs, and gives you a place to write about the experience. These stories are only viewable by validated users, so
feel free to use as much (or as little) identifying information as you&rsquo;d like. You can also submit this page
with all the fields blank; in that case, your &ldquo;Seeking Employment&rdquo; flag is cleared, and the
&ldquo;story&rdquo; is recorded.
</p>
<p>
As a validated user, you can also view others success stories. Clicking &ldquo;Success Stories&rdquo; in the
sidebar will display a list of all the stories that have been recorded. If there is a story to be read, there will
be a link to read it; if you submitted the story, there will also be an &ldquo;Edit&rdquo; link.
</p>
<h4>Publicly Available Information</h4> h4 Help / Suggestions
<p> p.
The &ldquo;Job Seekers&rdquo; page for profile information will allow users to search for and display the This is open-source software
continent, region, skills, and notes of users who are seeking employment <strong>and</strong> have opted in to #[a(href='https://github.com/bit-badger/jobs-jobs-jobs' _target='_blank') developed on Github]; feel free to
their information being publicly searchable. If you are a public user, this information is always the latest we #[a(href='https://github.com/bit-badger/jobs-jobs-jobs/issues' target='_blank') create an issue there], or look up
have; check out the link at the top of the search results for how you can learn more about these fine human @danieljsummers on No Agenda Social.
resources!
</p>
<h4>Help / Suggestions</h4>
<p>
This is open-source software
<a href="https://github.com/bit-badger/jobs-jobs-jobs" _target="_blank">developed on Github</a>; feel free to
<a href="https://github.com/bit-badger/jobs-jobs-jobs/issues" target="_blank">create an issue there</a>, or look
up @danieljsummers on No Agenda Social.
</p>
</article>
</template> </template>

686
src/JobsJobsJobs/App/src/views/PrivacyPolicy.vue
View File

@ -1,414 +1,338 @@
<template> <template lang="pug">
<article> article
<page-title title="Privacy Policy" /> page-title(title='Privacy Policy')
<h3>Privacy Policy</h3> h3 Privacy Policy
<p><em>(as of February 6<sup>th</sup>, 2021)</em></p> p: em (as of February 6#[sup th], 2021)
<p> p.
{{name}} (“we,” “our,” or “us”) is committed to protecting your privacy. This Privacy Policy explains how your {{name}} (“we,” “our,” or “us”) is committed to protecting your privacy. This Privacy Policy explains how your
personal information is collected, used, and disclosed by {{name}}. personal information is collected, used, and disclosed by {{name}}.
</p> p.
<p> This Privacy Policy applies to our website, and its associated subdomains (collectively, our “Service”) alongside
This Privacy Policy applies to our website, and its associated subdomains (collectively, our “Service”) alongside our application, {{name}}. By accessing or using our Service, you signify that you have read, understood, and agree
our application, {{name}}. By accessing or using our Service, you signify that you have read, understood, and to our collection, storage, use, and disclosure of your personal information as described in this Privacy Policy and
agree to our collection, storage, use, and disclosure of your personal information as described in this Privacy our Terms of Service.
Policy and our Terms of Service.
</p>
<h4>Definitions and key terms</h4> h4 Definitions and key terms
<p> p.
To help explain things as clearly as possible in this Privacy Policy, every time any of these terms are To help explain things as clearly as possible in this Privacy Policy, every time any of these terms are referenced,
referenced, are strictly defined as: are strictly defined as:
</p> ul
li.
Cookie: small amount of data generated by a website and saved by your web browser. It is used to identify your
browser, provide analytics, remember information about you such as your language preference or login information.
li.
Company: when this policy mentions “Company,” “we,” “us,” or “our,” it refers to {{name}}, that is responsible for
your information under this Privacy Policy.
li Country: where {{name}} or the owners/founders of {{name}} are based, in this case is US.
li.
Customer: refers to the company, organization or person that signs up to use the {{name}} Service to manage the
relationships with your consumers or service users.
li.
Device: any internet connected device such as a phone, tablet, computer or any other device that can be used to
visit {{name}} and use the services.
li.
IP address: Every device connected to the Internet is assigned a number known as an Internet protocol (IP)
address. These numbers are usually assigned in geographic blocks. An IP address can often be used to identify the
location from which a device is connecting to the Internet.
li.
Personnel: refers to those individuals who are employed by {{name}} or are under contract to perform a service on
behalf of one of the parties.
li.
Personal Data: any information that directly, indirectly, or in connection with other information — including a
personal identification number — allows for the identification or identifiability of a natural person.
li.
Service: refers to the service provided by {{name}} as described in the relative terms (if available) and on this
platform.
li.
Third-party service: refers to advertisers, contest sponsors, promotional and marketing partners, and others who
provide our content or whose products or services we think may interest you.
li.
Website: {{name}}&rsquo;s site, which can be accessed via this URL:
#[router-link(to='/') https://noagendacareers.com/]
li You: a person or entity that is registered with {{name}} to use the Services.
<ul> h4 What Information Do We Collect?
<li> p We collect information from you when you visit our website, register on our site, or fill out a form.
Cookie: small amount of data generated by a website and saved by your web browser. It is used to identify your ul
browser, provide analytics, remember information about you such as your language preference or login li Name / Username
information. li Coarse Geographic Location
</li> li Employment History
<li> li No Agenda Social Account Name / Profile
Company: when this policy mentions “Company,” “we,” “us,” or “our,” it refers to {{name}}, that is responsible
for your information under this Privacy Policy.
</li>
<li>Country: where {{name}} or the owners/founders of {{name}} are based, in this case is US.</li>
<li>
Customer: refers to the company, organization or person that signs up to use the {{name}} Service to manage the
relationships with your consumers or service users.
</li>
<li>
Device: any internet connected device such as a phone, tablet, computer or any other device that can be used to
visit {{name}} and use the services.
</li>
<li>
IP address: Every device connected to the Internet is assigned a number known as an Internet protocol (IP)
address. These numbers are usually assigned in geographic blocks. An IP address can often be used to identify
the location from which a device is connecting to the Internet.
</li>
<li>
Personnel: refers to those individuals who are employed by {{name}} or are under contract to perform a service
on behalf of one of the parties.
</li>
<li>
Personal Data: any information that directly, indirectly, or in connection with other information — including a
personal identification number — allows for the identification or identifiability of a natural person.
</li>
<li>
Service: refers to the service provided by {{name}} as described in the relative terms (if available) and on
this platform.
</li>
<li>
Third-party service: refers to advertisers, contest sponsors, promotional and marketing partners, and others who
provide our content or whose products or services we think may interest you.
</li>
<li>
Website: {{name}}&rsquo;s site, which can be accessed via this URL:
<router-link to="/">https://noagendacareers.com/</router-link>
</li>
<li>You: a person or entity that is registered with {{name}} to use the Services.</li>
</ul>
<h4>What Information Do We Collect?</h4> h4 How Do We Use The Information We Collect?
<p> p Any of the information we collect from you may be used in one of the following ways:
We collect information from you when you visit our website, register on our site, or fill out a form. ul
</p> li To personalize your experience (your information helps us to better respond to your individual needs)
li.
To improve our website (we continually strive to improve our website offerings based on the information and
feedback we receive from you)
li.
To improve customer service (your information helps us to more effectively respond to your customer service
requests and support needs)
<ul> h4 When does {{name}} use end user information from third parties?
<li>Name / Username</li> p {{name}} will collect End User Data necessary to provide the {{name}} services to our customers.
<li>Coarse Geographic Location</li> p.
<li>Employment History</li> End users may voluntarily provide us with information they have made available on social media websites
<li>No Agenda Social Account Name / Profile</li> (specifically No Agenda Social). If you provide us with any such information, we may collect publicly available
</ul> information from the social media websites you have indicated. You can control how much of your information social
media websites make public by visiting these websites and changing your privacy settings.
<h4>How Do We Use The Information We Collect?</h4> h4 When does {{name}} use customer information from third parties?
<p> p We do not utilize third party information apart from the end-user data described above.
Any of the information we collect from you may be used in one of the following ways:
</p>
<ul>
<li>To personalize your experience (your information helps us to better respond to your individual needs)</li>
<li>
To improve our website (we continually strive to improve our website offerings based on the information and
feedback we receive from you)
</li>
<li>
To improve customer service (your information helps us to more effectively respond to your customer service
requests and support needs)
</li>
</ul>
<h4>When does {{name}} use end user information from third parties?</h4> h4 Do we share the information we collect with third parties?
<p>{{name}} will collect End User Data necessary to provide the {{name}} services to our customers.</p> p.
<p> We may disclose personal and non-personal information about you to government or law enforcement officials or
End users may voluntarily provide us with information they have made available on social media websites private parties as we, in our sole discretion, believe necessary or appropriate in order to respond to claims, legal
(specifically No Agenda Social). If you provide us with any such information, we may collect publicly available process (including subpoenas), to protect our rights and interests or those of a third party, the safety of the
information from the social media websites you have indicated. You can control how much of your information social public or any person, to prevent or stop any illegal, unethical, or legally actionable activity, or to otherwise
media websites make public by visiting these websites and changing your privacy settings. comply with applicable court orders, laws, rules and regulations.
</p>
<h4>When does {{name}} use customer information from third parties?</h4> h4 Where and when is information collected from customers and end users?
<p>We do not utilize third party information apart from the end-user data described above.</p> p.
{{name}} will collect personal information that you submit to us. We may also receive personal information about you
from third parties as described above.
<h4>Do we share the information we collect with third parties?</h4> h4 How Do We Use Your E-mail Address?
<p> p.
We may disclose personal and non-personal information about you to government or law enforcement officials or We do not collect nor use an e-mail address. If you have provided it in the free text areas of the site, other
private parties as we, in our sole discretion, believe necessary or appropriate in order to respond to claims, validated users may be able to view it, but {{name}} does not search for nor utilize e-mail addresses from those
legal process (including subpoenas), to protect our rights and interests or those of a third party, the safety of areas.
the public or any person, to prevent or stop any illegal, unethical, or legally actionable activity, or to
otherwise comply with applicable court orders, laws, rules and regulations.
</p>
<h4>Where and when is information collected from customers and end users?</h4> h4 How Long Do We Keep Your Information?
<p> p.
{{name}} will collect personal information that you submit to us. We may also receive personal information about We keep your information only so long as we need it to provide {{name}} to you and fulfill the purposes described in
you from third parties as described above. this policy. When we no longer need to use your information and there is no need for us to keep it to comply with
</p> our legal or regulatory obligations, we’ll either remove it from our systems or depersonalize it so that we
can&rsquo;t identify you.
<h4>How Do We Use Your E-mail Address?</h4> h4 How Do We Protect Your Information?
<p> p.
We do not collect nor use an e-mail address. If you have provided it in the free text areas of the site, other We implement a variety of security measures to maintain the safety of your personal information when you enter,
validated users may be able to view it, but {{name}} does not search for nor utilize e-mail addresses from those submit, or access your personal information. We mandate the use of a secure server. We cannot, however, ensure or
areas. warrant the absolute security of any information you transmit to {{name}} or guarantee that your information on the
</p> Service may not be accessed, disclosed, altered, or destroyed by a breach of any of our physical, technical, or
managerial safeguards.
<h4>How Long Do We Keep Your Information?</h4> h4 Could my information be transferred to other countries?
<p> p.
We keep your information only so long as we need it to provide {{name}} to you and fulfill the purposes described {{name}} is hosted in the US. Information collected via our website may be viewed and hosted anywhere in the world,
in this policy. When we no longer need to use your information and there is no need for us to keep it to comply including countries that may not have laws of general applicability regulating the use and transfer of such data. To
with our legal or regulatory obligations, we’ll either remove it from our systems or depersonalize it so that we the fullest extent allowed by applicable law, by using any of the above, you voluntarily consent to the trans-border
can&rsquo;t identify you. transfer and hosting of such information.
</p>
<h4>How Do We Protect Your Information?</h4> h4 Is the information collected through the {{name}} Service secure?
<p> p.
We implement a variety of security measures to maintain the safety of your personal information when you enter, We take precautions to protect the security of your information. We have physical, electronic, and managerial
submit, or access your personal information. We mandate the use of a secure server. We cannot, however, ensure or procedures to help safeguard, prevent unauthorized access, maintain data security, and correctly use your
warrant the absolute security of any information you transmit to {{name}} or guarantee that your information on information. However, neither people nor security systems are foolproof, including encryption systems. In addition,
the Service may not be accessed, disclosed, altered, or destroyed by a breach of any of our physical, technical, people can commit intentional crimes, make mistakes, or fail to follow policies. Therefore, while we use reasonable
or managerial safeguards. efforts to protect your personal information, we cannot guarantee its absolute security. If applicable law imposes
</p> any non-disclaimable duty to protect your personal information, you agree that intentional misconduct will be the
standards used to measure our compliance with that duty.
<h4>Could my information be transferred to other countries?</h4> h4 Can I update or correct my information?
<p> p.
{{name}} is hosted in the US. Information collected via our website may be viewed and hosted anywhere in the The rights you have to request updates or corrections to the information {{name}} collects depend on your
world, including countries that may not have laws of general applicability regulating the use and transfer of such relationship with {{name}}.
data. To the fullest extent allowed by applicable law, by using any of the above, you voluntarily consent to the p.
trans-border transfer and hosting of such information. Customers have the right to request the restriction of certain uses and disclosures of personally identifiable
</p> information as follows. You can contact us in order to (1) update or correct your personally identifiable
information, or (3) delete the personally identifiable information maintained about you on our systems (subject to
the following paragraph), by cancelling your account. Such updates, corrections, changes and deletions will have no
effect on other information that we maintain in accordance with this Privacy Policy prior to such update,
correction, change, or deletion. You are responsible for maintaining the secrecy of your unique password and account
information at all times.
p.
{{name}} also provides ways for users to modify or remove the information we have collected from them from the
application; these actions will have the same effect as contacting us to modify or remove data.
p.
You should be aware that it is not technologically possible to remove each and every record of the information you
have provided to us from our system. The need to back up our systems to protect information from inadvertent loss
means that a copy of your information may exist in a non-erasable form that will be difficult or impossible for us
to locate. Promptly after receiving your request, all personal information stored in databases we actively use, and
other readily searchable media will be updated, corrected, changed, or deleted, as appropriate, as soon as and to
the extent reasonably and technically practicable.
p.
If you are an end user and wish to update, delete, or receive any information we have about you, you may do so by
contacting the organization of which you are a customer.
<h4>Is the information collected through the {{name}} Service secure?</h4> h4 Governing Law
<p> p.
We take precautions to protect the security of your information. We have physical, electronic, and managerial This Privacy Policy is governed by the laws of US without regard to its conflict of laws provision. You consent to
procedures to help safeguard, prevent unauthorized access, maintain data security, and correctly use your the exclusive jurisdiction of the courts in connection with any action or dispute arising between the parties under
information. However, neither people nor security systems are foolproof, including encryption systems. In or in connection with this Privacy Policy except for those individuals who may have rights to make claims under
addition, people can commit intentional crimes, make mistakes, or fail to follow policies. Therefore, while we use Privacy Shield, or the Swiss-US framework.
reasonable efforts to protect your personal information, we cannot guarantee its absolute security. If applicable p.
law imposes any non-disclaimable duty to protect your personal information, you agree that intentional misconduct The laws of US, excluding its conflicts of law rules, shall govern this Agreement and your use of the website. Your
will be the standards used to measure our compliance with that duty. use of the website may also be subject to other local, state, national, or international laws.
</p> p.
By using {{name}} or contacting us directly, you signify your acceptance of this Privacy Policy. If you do not agree
to this Privacy Policy, you should not engage with our website, or use our services. Continued use of the website,
direct engagement with us, or following the posting of changes to this Privacy Policy that do not significantly
affect the use or disclosure of your personal information will mean that you accept those changes.
<h4>Can I update or correct my information?</h4> h4 Your Consent
<p> p.
The rights you have to request updates or corrections to the information {{name}} collects depend on your We&rsquo;ve updated our Privacy Policy to provide you with complete transparency into what is being set when you
relationship with {{name}}. visit our site and how it&rsquo;s being used. By using our website, registering an account, or making a purchase,
</p> you hereby consent to our Privacy Policy and agree to its terms.
<p>
Customers have the right to request the restriction of certain uses and disclosures of personally identifiable
information as follows. You can contact us in order to (1) update or correct your personally identifiable
information, or (3) delete the personally identifiable information maintained about you on our systems (subject to
the following paragraph), by cancelling your account. Such updates, corrections, changes and deletions will have
no effect on other information that we maintain in accordance with this Privacy Policy prior to such update,
correction, change, or deletion. You are responsible for maintaining the secrecy of your unique password and
account information at all times.
</p>
<p>
{{name}} also provides ways for users to modify or remove the information we have collected from them from the
application; these actions will have the same effect as contacting us to modify or remove data.
</p>
<p>
You should be aware that it is not technologically possible to remove each and every record of the information you
have provided to us from our system. The need to back up our systems to protect information from inadvertent loss
means that a copy of your information may exist in a non-erasable form that will be difficult or impossible for us
to locate. Promptly after receiving your request, all personal information stored in databases we actively use,
and other readily searchable media will be updated, corrected, changed, or deleted, as appropriate, as soon as and
to the extent reasonably and technically practicable.
</p>
<p>
If you are an end user and wish to update, delete, or receive any information we have about you, you may do so by
contacting the organization of which you are a customer.
</p>
<h4>Governing Law</h4> h4 Links to Other Websites
<p> p.
This Privacy Policy is governed by the laws of US without regard to its conflict of laws provision. You consent to This Privacy Policy applies only to the Services. The Services may contain links to other websites not operated or
the exclusive jurisdiction of the courts in connection with any action or dispute arising between the parties controlled by {{name}}. We are not responsible for the content, accuracy or opinions expressed in such websites, and
under or in connection with this Privacy Policy except for those individuals who may have rights to make claims such websites are not investigated, monitored or checked for accuracy or completeness by us. Please remember that
under Privacy Shield, or the Swiss-US framework. when you use a link to go from the Services to another website, our Privacy Policy is no longer in effect. Your
</p> browsing and interaction on any other website, including those that have a link on our platform, is subject to that
<p> website’s own rules and policies. Such third parties may use their own cookies or other methods to collect
The laws of US, excluding its conflicts of law rules, shall govern this Agreement and your use of the website. information about you.
Your use of the website may also be subject to other local, state, national, or international laws.
</p>
<p>
By using {{name}} or contacting us directly, you signify your acceptance of this Privacy Policy. If you do not
agree to this Privacy Policy, you should not engage with our website, or use our services. Continued use of the
website, direct engagement with us, or following the posting of changes to this Privacy Policy that do not
significantly affect the use or disclosure of your personal information will mean that you accept those changes.
</p>
<h4>Your Consent</h4> h4 Cookies
<p> p {{name}} does not use Cookies.
We&rsquo;ve updated our Privacy Policy to provide you with complete transparency into what is being set when you
visit our site and how it&rsquo;s being used. By using our website, registering an account, or making a purchase,
you hereby consent to our Privacy Policy and agree to its terms.
</p>
<h4>Links to Other Websites</h4> h4 Kids' Privacy
<p> p.
This Privacy Policy applies only to the Services. The Services may contain links to other websites not operated or We do not address anyone under the age of 13. We do not knowingly collect personally identifiable information from
controlled by {{name}}. We are not responsible for the content, accuracy or opinions expressed in such websites, anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with
and such websites are not investigated, monitored or checked for accuracy or completeness by us. Please remember Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age
that when you use a link to go from the Services to another website, our Privacy Policy is no longer in effect. of 13 without verification of parental consent, We take steps to remove that information from Our servers.
Your browsing and interaction on any other website, including those that have a link on our platform, is subject
to that website’s own rules and policies. Such third parties may use their own cookies or other methods to collect
information about you.
</p>
<h4>Cookies</h4> h4 Changes To Our Privacy Policy
<p>{{name}} does not use Cookies.</p> p.
We may change our Service and policies, and we may need to make changes to this Privacy Policy so that they
accurately reflect our Service and policies. Unless otherwise required by law, we will notify you (for example,
through our Service) before we make changes to this Privacy Policy and give you an opportunity to review them before
they go into effect. Then, if you continue to use the Service, you will be bound by the updated Privacy Policy. If
you do not want to agree to this or any updated Privacy Policy, you can delete your account.
<h4>Kids' Privacy</h4> h4 Third-Party Services
<p> p.
We do not address anyone under the age of 13. We do not knowingly collect personally identifiable information from We may display, include or make available third-party content (including data, information, applications and other
anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with products services) or provide links to third-party websites or services (&ldquo;Third-Party Services&rdquo;).
Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the p.
age of 13 without verification of parental consent, We take steps to remove that information from Our servers. You acknowledge and agree that {{name}} shall not be responsible for any Third-Party Services, including their
</p> accuracy, completeness, timeliness, validity, copyright compliance, legality, decency, quality or any other aspect
thereof. {{name}} does not assume and shall not have any liability or responsibility to you or any other person or
entity for any Third-Party Services.
p.
Third-Party Services and links thereto are provided solely as a convenience to you and you access and use them
entirely at your own risk and subject to such third parties' terms and conditions.
<h4>Changes To Our Privacy Policy</h4> h4 Tracking Technologies
<p> p.
We may change our Service and policies, and we may need to make changes to this Privacy Policy so that they {{name}} does not use any tracking technologies. When an authorization code is received from No Agenda Social, that
accurately reflect our Service and policies. Unless otherwise required by law, we will notify you (for example, token is stored in the browser&rsquo;s memory, and the Service uses tokens on each request for data. If the page is
through our Service) before we make changes to this Privacy Policy and give you an opportunity to review them refreshed or the browser window/tab is closed, this token disappears, and a new one must be generated before the
before they go into effect. Then, if you continue to use the Service, you will be bound by the updated Privacy application can be used again.
Policy. If you do not want to agree to this or any updated Privacy Policy, you can delete your account.
</p>
<h4>Third-Party Services</h4> h4 Information about General Data Protection Regulation (GDPR)
<p> p.
We may display, include or make available third-party content (including data, information, applications and other We may be collecting and using information from you if you are from the European Economic Area (EEA), and in this
products services) or provide links to third-party websites or services (&ldquo;Third-Party Services&rdquo;). section of our Privacy Policy we are going to explain exactly how and why is this data collected, and how we
</p> maintain this data under protection from being replicated or used in the wrong way.
<p>
You acknowledge and agree that {{name}} shall not be responsible for any Third-Party Services, including their
accuracy, completeness, timeliness, validity, copyright compliance, legality, decency, quality or any other aspect
thereof. {{name}} does not assume and shall not have any liability or responsibility to you or any other person or
entity for any Third-Party Services.
</p>
<p>
Third-Party Services and links thereto are provided solely as a convenience to you and you access and use them
entirely at your own risk and subject to such third parties' terms and conditions.
</p>
<h4>Tracking Technologies</h4> h5 What is GDPR?
<p> p.
{{name}} does not use any tracking technologies. When an authorization code is received from No Agenda Social, GDPR is an EU-wide privacy and data protection law that regulates how EU residents&rsquo; data is protected by
that token is stored in the browser&rsquo;s memory, and the Service uses tokens on each request for data. If the companies and enhances the control the EU residents have, over their personal data.
page is refreshed or the browser window/tab is closed, this token disappears, and a new one must be generated p.
before the application can be used again. The GDPR is relevant to any globally operating company and not just the EU-based businesses and EU residents. Our
</p> customers’ data is important irrespective of where they are located, which is why we have implemented GDPR controls
as our baseline standard for all our operations worldwide.
<h4>Information about General Data Protection Regulation (GDPR)</h4> h5 What is personal data?
<p> p.
We may be collecting and using information from you if you are from the European Economic Area (EEA), and in this Any data that relates to an identifiable or identified individual. GDPR covers a broad spectrum of information that
section of our Privacy Policy we are going to explain exactly how and why is this data collected, and how we could be used on its own, or in combination with other pieces of information, to identify a person. Personal data
maintain this data under protection from being replicated or used in the wrong way. extends beyond a person’s name or email address. Some examples include financial information, political opinions,
</p> genetic data, biometric data, IP addresses, physical address, sexual orientation, and ethnicity.
p The Data Protection Principles include requirements such as:
ul
li.
Personal data collected must be processed in a fair, legal, and transparent way and should only be used in a way
that a person would reasonably expect.
li.
Personal data should only be collected to fulfil a specific purpose and it should only be used for that purpose.
Organizations must specify why they need the personal data when they collect it.
li Personal data should be held no longer than necessary to fulfil its purpose.
li.
People covered by the GDPR have the right to access their own personal data. They can also request a copy of their
data, and that their data be updated, deleted, restricted, or moved to another organization.
<h4>What is GDPR?</h4> h5 Why is GDPR important?
<p> p.
GDPR is an EU-wide privacy and data protection law that regulates how EU residents&rsquo; data is protected by GDPR adds some new requirements regarding how companies should protect individuals&rsquo; personal data that they
companies and enhances the control the EU residents have, over their personal data. collect and process. It also raises the stakes for compliance by increasing enforcement and imposing greater fines
</p> for breach. Beyond these facts, it&rsquo;s simply the right thing to do. At {{name}} we strongly believe that your
<p> data privacy is very important and we already have solid security and privacy practices in place that go beyond the
The GDPR is relevant to any globally operating company and not just the EU-based businesses and EU residents. Our requirements of this regulation.
customers’ data is important irrespective of where they are located, which is why we have implemented GDPR
controls as our baseline standard for all our operations worldwide.
</p>
<h4>What is personal data?</h4> h5 Individual Data Subject&rsquo;s Rights - Data Access, Portability, and Deletion
<p> p.
Any data that relates to an identifiable or identified individual. GDPR covers a broad spectrum of information We are committed to helping our customers meet the data subject rights requirements of GDPR. {{name}} processes or
that could be used on its own, or in combination with other pieces of information, to identify a person. Personal stores all personal data in fully vetted, DPA compliant vendors. We do store all conversation and personal data for
data extends beyond a person’s name or email address. Some examples include financial information, political up to 6 years unless your account is deleted. In which case, we dispose of all data in accordance with our Terms of
opinions, genetic data, biometric data, IP addresses, physical address, sexual orientation, and ethnicity. Service and Privacy Policy, but we will not hold it longer than 60 days.
</p> p.
<p>The Data Protection Principles include requirements such as:</p> We are aware that if you are working with EU customers, you need to be able to provide them with the ability to
<ul> access, update, retrieve and remove personal data. We got you! We've been set up as self service from the start and
<li> have always given you access to your data. Our customer support team is here for you to answer any questions you
Personal data collected must be processed in a fair, legal, and transparent way and should only be used in a way might have about working with the API.
that a person would reasonably expect.
</li>
<li>
Personal data should only be collected to fulfil a specific purpose and it should only be used for that purpose.
Organizations must specify why they need the personal data when they collect it.
</li>
<li>Personal data should be held no longer than necessary to fulfil its purpose.</li>
<li>
People covered by the GDPR have the right to access their own personal data. They can also request a copy of
their data, and that their data be updated, deleted, restricted, or moved to another organization.
</li>
</ul>
<h4>Why is GDPR important?</h4> h4 California Residents
<p> p.
GDPR adds some new requirements regarding how companies should protect individuals&rsquo; personal data that they The California Consumer Privacy Act (CCPA) requires us to disclose categories of Personal Information we collect and
collect and process. It also raises the stakes for compliance by increasing enforcement and imposing greater fines how we use it, the categories of sources from whom we collect Personal Information, and the third parties with whom
for breach. Beyond these facts, it&rsquo;s simply the right thing to do. At {{name}} we strongly believe that your we share it, which we have explained above.
data privacy is very important and we already have solid security and privacy practices in place that go beyond p.
the requirements of this regulation. We are also required to communicate information about rights California residents have under California law. You may
</p> exercise the following rights:
ul
li.
Right to Know and Access. You may submit a verifiable request for information regarding the: (1) categories of
Personal Information we collect, use, or share; (2) purposes for which categories of Personal Information are
collected or used by us; (3) categories of sources from which we collect Personal Information; and (4) specific
pieces of Personal Information we have collected about you.
li Right to Equal Service. We will not discriminate against you if you exercise your privacy rights.
li.
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal Information
about you that we have collected.
li Request that a business that sells a consumer's personal data, not sell the consumer's personal data.
p.
If you make a request, we have one month to respond to you. If you would like to exercise any of these rights,
please contact us.
p We do not sell the Personal Information of our users.
p For more information about these rights, please contact us.
<h4>Individual Data Subject&rsquo;s Rights - Data Access, Portability, and Deletion</h4> h5 California Online Privacy Protection Act (CalOPPA)
<p> p.
We are committed to helping our customers meet the data subject rights requirements of GDPR. {{name}} processes or CalOPPA requires us to disclose categories of Personal Information we collect and how we use it, the categories of
stores all personal data in fully vetted, DPA compliant vendors. We do store all conversation and personal data sources from whom we collect Personal Information, and the third parties with whom we share it, which we have
for up to 6 years unless your account is deleted. In which case, we dispose of all data in accordance with our explained above.
Terms of Service and Privacy Policy, but we will not hold it longer than 60 days. p CalOPPA users have the following rights:
</p> ul
<p> li.
We are aware that if you are working with EU customers, you need to be able to provide them with the ability to Right to Know and Access. You may submit a verifiable request for information regarding the: (1) categories of
access, update, retrieve and remove personal data. We got you! We've been set up as self service from the start Personal Information we collect, use, or share; (2) purposes for which categories of Personal Information are
and have always given you access to your data. Our customer support team is here for you to answer any questions collected or used by us; (3) categories of sources from which we collect Personal Information; and (4) specific
you might have about working with the API. pieces of Personal Information we have collected about you.
</p> li Right to Equal Service. We will not discriminate against you if you exercise your privacy rights.
li.
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal Information
about you that we have collected.
li Right to request that a business that sells a consumer's personal data, not sell the consumer's personal data.
p.
If you make a request, we have one month to respond to you. If you would like to exercise any of these rights,
please contact us.
p We do not sell the Personal Information of our users.
p For more information about these rights, please contact us.
<h4>California Residents</h4> h4 Contact Us
<p> p Don't hesitate to contact us if you have any questions.
The California Consumer Privacy Act (CCPA) requires us to disclose categories of Personal Information we collect ul: li Via this Link: #[router-link(to='/how-it-works') https://noagendacareers.com/how-it-works]
and how we use it, the categories of sources from whom we collect Personal Information, and the third parties with
whom we share it, which we have explained above.
</p>
<p>
We are also required to communicate information about rights California residents have under California law. You
may exercise the following rights:
</p>
<ul>
<li>
Right to Know and Access. You may submit a verifiable request for information regarding the: (1) categories of
Personal Information we collect, use, or share; (2) purposes for which categories of Personal Information are
collected or used by us; (3) categories of sources from which we collect Personal Information; and (4) specific
pieces of Personal Information we have collected about you.
</li>
<li>Right to Equal Service. We will not discriminate against you if you exercise your privacy rights.</li>
<li>
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal
Information about you that we have collected.
</li>
<li>Request that a business that sells a consumer's personal data, not sell the consumer's personal data.</li>
</ul>
<p>
If you make a request, we have one month to respond to you. If you would like to exercise any of these rights,
please contact us.
</p>
<p>We do not sell the Personal Information of our users.</p>
<p>For more information about these rights, please contact us.</p>
<h4>California Online Privacy Protection Act (CalOPPA)</h4>
<p>
CalOPPA requires us to disclose categories of Personal Information we collect and how we use it, the categories of
sources from whom we collect Personal Information, and the third parties with whom we share it, which we have
explained above.
</p>
<p>CalOPPA users have the following rights:</p>
<ul>
<li>
Right to Know and Access. You may submit a verifiable request for information regarding the: (1) categories of
Personal Information we collect, use, or share; (2) purposes for which categories of Personal Information are
collected or used by us; (3) categories of sources from which we collect Personal Information; and (4) specific
pieces of Personal Information we have collected about you.
</li>
<li>Right to Equal Service. We will not discriminate against you if you exercise your privacy rights.</li>
<li>
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal
Information about you that we have collected.
</li>
<li>
Right to request that a business that sells a consumer's personal data, not sell the consumer's personal data.
</li>
</ul>
<p>
If you make a request, we have one month to respond to you. If you would like to exercise any of these rights,
please contact us.
</p>
<p>We do not sell the Personal Information of our users.</p>
<p>For more information about these rights, please contact us.</p>
<h4>Contact Us</h4>
<p>Don't hesitate to contact us if you have any questions.</p>
<ul>
<li>Via this Link: <router-link to="/how-it-works">https://noagendacareers.com/how-it-works</router-link></li>
</ul>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

66
src/JobsJobsJobs/App/src/views/TermsOfService.vue
View File

@ -1,43 +1,37 @@
<template> <template lang="pug">
<article> article
<page-title title="Terms of Service" /> page-title(title='Terms of Service')
<h3>Terms of Service</h3> h3 Terms of Service
<p><em>(as of February 6<sup>th</sup>, 2021)</em></p> p: em (as of February 6#[sup th], 2021)
<h4>Acceptance of Terms</h4> h4 Acceptance of Terms
<p> p.
By accessing this web site, you are agreeing to be bound by these Terms and Conditions, and that you are By accessing this web site, you are agreeing to be bound by these Terms and Conditions, and that you are responsible
responsible to ensure that your use of this site complies with all applicable laws. Your continued use of this to ensure that your use of this site complies with all applicable laws. Your continued use of this site implies your
site implies your acceptance of these terms. acceptance of these terms.
</p>
<h4>Description of Service and Registration</h4> h4 Description of Service and Registration
<p> p.
Jobs, Jobs, Jobs is a service that allows individuals to enter and amend employment profiles, restricting access Jobs, Jobs, Jobs is a service that allows individuals to enter and amend employment profiles, restricting access
to the details of these profiles to other users of <a href="https://noagendasocial.com" target="_blank">No Agenda to the details of these profiles to other users of
Social</a>. Registration is accomplished by allowing Jobs, Jobs, Jobs to read one&rsquo;s No Agenda Social #[a(href='https://noagendasocial.com' target='_blank') No Agenda Social]. Registration is accomplished by allowing
profile. See our <router-link to="/privacy-policy">privacy policy</router-link> for details on the personal (user) Jobs, Jobs, Jobs to read one&rsquo;s No Agenda Social profile. See our
information we maintain. #[router-link(to='/privacy-policy') privacy policy] for details on the personal (user) information we maintain.
</p>
<h4>Liability</h4> h4 Liability
<p> p.
This service is provided &ldquo;as is&rdquo;, and no warranty (express or implied) exists. The service and its This service is provided &ldquo;as is&rdquo;, and no warranty (express or implied) exists. The service and its
developers may not be held liable for any damages that may arise through the use of this service. developers may not be held liable for any damages that may arise through the use of this service.
</p>
<h4>Updates to Terms</h4> h4 Updates to Terms
<p> p.
These terms and conditions may be updated at any time. When these terms are updated, users will be notified via a These terms and conditions may be updated at any time. When these terms are updated, users will be notified via a
notice on the dashboard page. Additionally, the date at the top of this page will be updated, and any substantive notice on the dashboard page. Additionally, the date at the top of this page will be updated, and any substantive
updates will also be accompanied by a summary of those changes. updates will also be accompanied by a summary of those changes.
</p>
<hr> hr
<p> p.
You may also wish to review our <router-link to="/privacy-policy">privacy policy</router-link> to learn how we You may also wish to review our #[router-link(to='/privacy-policy') privacy policy] to learn how we handle your
handle your data. data.
</p>
</article>
</template> </template>

11
src/JobsJobsJobs/App/src/views/citizen/Authorized.vue
View File

@ -1,9 +1,8 @@
<template> <template lang="pug">
<article> article
<page-title title="Logging on..." /> page-title(title='Logging on...')
<p>&nbsp;</p> p &nbsp;
<p v-html="message"></p> p(v-html='message')
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

109
src/JobsJobsJobs/App/src/views/citizen/Dashboard.vue
View File

@ -1,71 +1,44 @@
<template> <template lang="pug">
<article class="container"> article.container
<page-title title="Dashboard" /> page-title(title='Dashboard')
<h3 class="pb-4">Welcome, {{user.name}}</h3> h3.pb-4 Welcome, {{user.name}}
<load-data :load="retrieveData"> load-data(:load='retrieveData'): .row.row-cols-1.row-cols-md-2
<div class="row row-cols-1 row-cols-md-2"> .col: .card.h-100
<div class="col"> h5.card-header Your Profile
<div class="card h-100"> .card-body
<h5 class="card-header">Your Profile</h5> h6.card-subtitle.mb-3.text-muted.fst-italic Last updated #[full-date-time(:date='profile.lastUpdatedOn')]
<div class="card-body"> p.card-text(v-if='profile')
<h6 class="card-subtitle mb-3 text-muted fst-italic"> | Your profile currently lists {{profile.skills.length}}
Last updated <full-date-time :date="profile.lastUpdatedOn" /> | skill#[template(v-if='profile.skills.length !== 1') s].
</h6> span(v-if='profile.seekingEmployment')
<p v-if="profile" class="card-text"> br
Your profile currently lists {{profile.skills.length}} br
skill<template v-if="profile.skills.length !== 1">s</template>. | Your profile indicates that you are seeking employment. Once you find it,
<span v-if="profile.seekingEmployment"> router-link(to='/success-story/add') tell your fellow citizens about it!
<br><br> p.card-text(v-else).
Your profile indicates that you are seeking employment. Once you find it, You do not have an employment profile established; click below (or &ldquo;Edit Profile&rdquo; in the menu) to
<router-link to="/success-story/add">tell your fellow citizens about it!</router-link> get started!
</span> .card-footer
</p> template(v-if='profile')
<p v-else class="card-text"> router-link.btn.btn-outline-secondary(:to='`/profile/${user.citizenId}/view`') View Profile
You do not have an employment profile established; click below (or &ldquo;Edit Profile&rdquo; in the | &nbsp; &nbsp;
menu) to get started! router-link.btn.btn-outline-secondary(to='/citizen/profile') Edit Profile
</p> router-link.btn.btn-primary(v-else to='/citizen/profile') Create Profile
</div> .col: .card.h-100
<div class="card-footer"> h5.card-header Other Citizens
<template v-if="profile"> .card-body
<router-link class="btn btn-outline-secondary" h6.card-subtitle.mb-3.text-muted.fst-italic
:to="`/profile/${user.citizenId}/view`">View Profile</router-link> &nbsp; &nbsp; template(v-if='profileCount === 0') No
<router-link class="btn btn-outline-secondary" to="/citizen/profile">Edit Profile</router-link> template(v-else) {{profileCount}} Total
</template> | Employment Profile#[template(v-if='profileCount !== 1') s]
<router-link v-else class="btn btn-primary" to="/citizen/profile">Create Profile</router-link> p.card-text(v-if='profileCount === 1 && profile') It looks like, for now, it&rsquo;s just you&hellip;
</div> p.card-text(v-else-if='profileCount > 0') Take a look around and see if you can help them find work!
</div> p.card-text(v-else) You can click below, but you will not find anything&hellip;
</div> .card-footer: router-link.btn.btn-outline-secondary(to='/profile/search') Search Profiles
<div class="col"> p &nbsp;
<div class="card h-100"> p.
<h5 class="card-header">Other Citizens</h5> To see how this application works, check out &ldquo;How It Works&rdquo; in the sidebar (last updated June
<div class="card-body"> 14#[sup th], 2021).
<h6 class="card-subtitle mb-3 text-muted fst-italic">
<template v-if="profileCount === 0">No</template><template v-else>{{profileCount}} Total</template>
Employment Profile<template v-if="profileCount !== 1">s</template>
</h6>
<p v-if="profileCount === 1 && profile" class="card-text">
It looks like, for now, it&rsquo;s just you&hellip;
</p>
<p v-else-if="profileCount > 0" class="card-text">
Take a look around and see if you can help them find work!
</p>
<p v-else class="card-text">
You can click below, but you will not find anything&hellip;
</p>
</div>
<div class="card-footer">
<router-link class="btn btn-outline-secondary" to="/profile/search">Search Profiles</router-link>
</div>
</div>
</div>
</div>
</load-data>
<p>&nbsp;</p>
<p>
To see how this application works, check out &ldquo;How It Works&rdquo; in the sidebar (last updated June
14<sup>th</sup>, 2021).
</p>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

168
src/JobsJobsJobs/App/src/views/citizen/EditProfile.vue
View File

@ -1,103 +1,71 @@
<template> <template lang="pug">
<article> article
<page-title title="Edit Profile" /> page-title(title='Edit Profile')
<h3 class="pb-3">My Employment Profile</h3> h3.pb-3 My Employment Profile
<load-data :load="retrieveData"> load-data(:load='retrieveData'): form.row.g-3
<form class="row g-3"> .col-12.col-sm-10.col-md-8.col-lg-6
<div class="col-12 col-sm-10 col-md-8 col-lg-6"> .form-floating
<div class="form-floating"> input.form-control(type='text' id='realName' v-model='v$.realName.$model' maxlength='255'
<input type="text" id="realName" class="form-control" v-model="v$.realName.$model" maxlength="255" placeholder='Leave blank to use your NAS display name')
placeholder="Leave blank to use your NAS display name"> label(for='realName') Real Name
<label for="realName">Real Name</label> .form-text Leave blank to use your NAS display name
</div> .col-12
<div class="form-text">Leave blank to use your NAS display name</div> .form-check
</div> input.form-check-input(type='checkbox' id='isSeeking' v-model='v$.isSeekingEmployment.$model')
<div class="col-12"> label.form-check-label(for='isSeeking') I am currently seeking employment
<div class="form-check"> p(v-if='profile.isSeekingEmployment'): em.
<input type="checkbox" id="isSeeking" class="form-check-input" v-model="v$.isSeekingEmployment.$model"> If you have found employment, consider
<label for="isSeeking" class="form-check-label">I am currently seeking employment</label> #[router-link(to='/success-story/new/edit') telling your fellow citizens about it!]
</div> .col-12.col-sm-6.col-md-4
<p v-if="profile.isSeekingEmployment"> continent-list(v-model='v$.continentId.$model' :isInvalid='v$.continentId.$error'
<em>If you have found employment, consider <router-link to="/success-story/new/edit">telling your fellow @touch='v$.continentId.$touch() || true')
citizens about it!</router-link></em> .col-12.col-sm-6.col-md-8
</p> .form-floating
</div> input.form-control(type='text' id='region' :class="{ 'is-invalid': v$.region.$error }"
<div class="col-12 col-sm-6 col-md-4"> v-model='v$.region.$model' maxlength='255'
<continent-list v-model="v$.continentId.$model" :isInvalid="v$.continentId.$error" placeholder='Country, state, geographic area, etc.')
@touch="v$.continentId.$touch() || true" /> #regionFeedback.invalid-feedback Please enter a region
</div> label.jjj-required(for='region') Region
<div class="col-12 col-sm-6 col-md-8"> .form-text Country, state, geographic area, etc.
<div class="form-floating"> markdown-editor(id='bio' label='Professional Biography' v-model:text='v$.biography.$model'
<input type="text" id="region" :class="{ 'form-control': true, 'is-invalid': v$.region.$error }" :isInvalid='v$.biography.$error')
v-model="v$.region.$model" maxlength="255" placeholder="Country, state, geographic area, etc."> .col-12.col-offset-md-2.col-md-4
<div id="regionFeedback" class="invalid-feedback">Please enter a region</div> .form-check
<label for="region" class="jjj-required">Region</label> input.form-check-input(type='checkbox' id='isRemote' v-model='v$.remoteWork.$model')
</div> label.form-check-label(for='isRemote') I am looking for remote work
<div class="form-text">Country, state, geographic area, etc.</div> .col-12.col-md-4
</div> .form-check
<markdown-editor id="bio" label="Professional Biography" v-model:text="v$.biography.$model" input.form-check-input(type='checkbox' id='isFullTime' v-model='v$.fullTime.$model')
:isInvalid="v$.biography.$error" /> label.form-check-label(for='isFullTime') I am looking for full-time work
<div class="col-12 col-offset-md-2 col-md-4"> .col-12
<div class="form-check"> hr
<input type="checkbox" id="isRemote" class="form-check-input" v-model="v$.remoteWork.$model"> h4.pb-2 Skills &nbsp;#[button.btn.btn-sm.btn-outline-primary.rounded-pill(@click.prevent='addSkill') Add a Skill]
<label class="form-check-label" for="isRemote">I am looking for remote work</label> profile-skill-edit(v-for='(skill, idx) in profile.skills' :key='skill.id' v-model='profile.skills[idx]'
</div> @remove='removeSkill(skill.id)' @input='v$.skills.$touch')
</div> .col-12
<div class="col-12 col-md-4"> hr
<div class="form-check"> h4 Experience
<input type="checkbox" id="isFullTime" class="form-check-input" v-model="v$.fullTime.$model"> p.
<label class="form-check-label" for="isFullTime">I am looking for full-time work</label> This application does not have a place to individually list your chronological job history; however, you can use
</div> this area to list prior jobs, their dates, and anything else you want to include that&rsquo;s not already a part
</div> of your Professional Biography above.
<div class="col-12"> markdown-editor(id='experience' label='Experience' v-model:text='v$.experience.$model')
<hr> .col-12: .form-check
<h4 class="pb-2"> input.form-check-input(type='checkbox' id='isPublic' v-model='v$.isPublic.$model')
Skills &nbsp; label.form-check-label(for='isPublic') Allow my profile to be searched publicly (outside NA Social)
<button class="btn btn-sm btn-outline-primary rounded-pill" @click.prevent="addSkill">Add a Skill</button> .col-12
</h4> p.text-danger(v-if='v$.$error') Please correct the errors above
</div> button.btn.btn-primary(@click.prevent='saveProfile') #[icon(icon='content-save-outline')]&nbsp; Save
<profile-skill-edit v-for="(skill, idx) in profile.skills" :key="skill.id" v-model="profile.skills[idx]" template(v-if='!isNew')
@remove="removeSkill(skill.id)" @input="v$.skills.$touch" /> | &nbsp; &nbsp;
<div class="col-12"> router-link.btn.btn-outline-secondary(:to='`/profile/${user.citizenId}/view`').
<hr> #[icon(icon='file-account-outline')]&nbsp; View Your User Profile
<h4>Experience</h4> hr
<p> p.text-muted.fst-italic.
This application does not have a place to individually list your chronological job history; however, you can (If you want to delete your profile, or your entire account,
use this area to list prior jobs, their dates, and anything else you want to include that&rsquo;s not #[router-link(to='/so-long/options') see your deletion options here].)
already a part of your Professional Biography above. maybe-save(:isShown='confirmNavShown' :toRoute='nextRoute' :saveAction='saveProfile' :validator='v$'
</p> @close='confirmClose')
</div>
<markdown-editor id="experience" label="Experience" v-model:text="v$.experience.$model" />
<div class="col-12">
<div class="form-check">
<input type="checkbox" id="isPublic" class="form-check-input" v-model="v$.isPublic.$model">
<label class="form-check-label" for="isPublic">
Allow my profile to be searched publicly (outside NA Social)
</label>
</div>
</div>
<div class="col-12">
<p v-if="v$.$error" class="text-danger">Please correct the errors above</p>
<button class="btn btn-primary" @click.prevent="saveProfile">
<icon icon="content-save-outline" />&nbsp; Save
</button>
<template v-if="!isNew">
&nbsp; &nbsp;
<router-link class="btn btn-outline-secondary" :to="`/profile/${user.citizenId}/view`">
<icon icon="file-account-outline" />&nbsp; View Your User Profile
</router-link>
</template>
</div>
</form>
</load-data>
<hr>
<p class="text-muted fst-italic">
(If you want to delete your profile, or your entire account, <router-link to="/so-long/options">see your deletion
options here</router-link>.)
</p>
<maybe-save :isShown="confirmNavShown" :toRoute="nextRoute" :saveAction="saveProfile" :validator="v$"
@close="confirmClose" />
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

11
src/JobsJobsJobs/App/src/views/citizen/LogOff.vue
View File

@ -1,9 +1,8 @@
<template> <template lang="pug">
<article> article
<page-title title="Logging off..." /> page-title(title='Logging off...')
<p>&nbsp;</p> p &nbsp;
<p class="fst-italic">Logging off&hellip;</p> p.fst-italic Logging off&hellip;
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

9
src/JobsJobsJobs/App/src/views/citizen/LogOn.vue
View File

@ -1,8 +1,7 @@
<template> <template lang="pug">
<article> article
<p>&nbsp;</p> p &nbsp;
<p class="fst-italic">Sending you over to No Agenda Social to log on; see you back in just a second&hellip;</p> p.fst-italic Sending you over to No Agenda Social to log on; see you back in just a second&hellip;
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

66
src/JobsJobsJobs/App/src/views/listing/HelpWanted.vue
View File

@ -1,43 +1,29 @@
<template> <template lang="pug">
<article> article
<page-title title="Help Wanted" /> page-title(title='Help Wanted')
<h3 class="pb-3">Help Wanted</h3> h3.pb-3 Help Wanted
p(v-if="!searched").
<p v-if="!searched"> Enter relevant criteria to find results, or just click &ldquo;Search&rdquo; to see all current job listings.
Enter relevant criteria to find results, or just click &ldquo;Search&rdquo; to see all current job listings. collapse-panel(headerText='Search Criteria' :collapsed='isCollapsed' @toggle='toggleCollapse')
</p> listing-search-form(v-model='criteria' @search='doSearch')
<collapse-panel headerText="Search Criteria" :collapsed="isCollapsed" @toggle="toggleCollapse"> error-list(:errors='errors')
<listing-search-form v-model="criteria" @search="doSearch" /> p.pt-3(v-if='searching') Searching job listings&hellip;
</collapse-panel> template(v-else)
<error-list :errors="errors"> table.table.table-sm.table-hover.pt-3(v-if='results.length > 0')
<p v-if="searching" class="pt-3">Searching job listings...</p> thead: tr
<template v-else> th(scope='col') Listing
<table v-if="results.length > 0" class="table table-sm table-hover pt-3"> th(scope='col') Title
<thead> th(scope='col') Location
<tr> th.text-center(scope='col') Remote?
<th scope="col">Listing</th> th.text-center(scope='col') Needed By
<th scope="col">Title</th> tbody: tr(v-for='it in results' :key='it.listing.id')
<th scope="col">Location</th> td: router-link(:to='`/listing/${it.listing.id}/view`') View
<th scope="col" class="text-center">Remote?</th> td {{it.listing.title}}
<th scope="col" class="text-center">Needed By</th> td {{it.continent.name}} / {{it.listing.region}}
</tr> td.text-center {{yesOrNo(it.listing.remoteWork)}}
</thead> td.text-center(v-if='it.listing.neededBy') {{formatNeededBy(it.listing.neededBy)}}
<tbody> td.text-center(v-else) N/A
<tr v-for="it in results" :key="it.listing.id"> p.pt-3(v-else-if='searched') No job listings found for the specified criteria
<td><router-link :to="`/listing/${it.listing.id}/view`">View</router-link></td>
<td>{{it.listing.title}}</td>
<td>{{it.continent.name}} / {{it.listing.region}}</td>
<td class="text-center">{{yesOrNo(it.listing.remoteWork)}}</td>
<td v-if="it.listing.neededBy" class="text-center">{{formatNeededBy(it.listing.neededBy)}}</td>
<td v-else class="text-center">N/A</td>
</tr>
</tbody>
</table>
<p v-else-if="searched" class="pt-3">No job listings found for the specified criteria</p>
</template>
</error-list>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

92
src/JobsJobsJobs/App/src/views/listing/ListingEdit.vue
View File

@ -1,60 +1,38 @@
<template> <template lang="pug">
<article> article
<page-title :title="isNew ? 'Add a Job Listing' : 'Edit Job Listing'" /> page-title(:title="isNew ? 'Add a Job Listing' : 'Edit Job Listing'")
<h3 v-if="isNew" class="pb-3">Add a Job Listing</h3> h3.pb-3(v-if="isNew") Add a Job Listing
<h3 v-else class="pb-3">Edit Job Listing</h3> h3.pb-3(v-else) Edit Job Listing
<load-data :load="retrieveData"> load-data(:load='retrieveData'): form.row.g-3
<form class="row g-3"> .col-12.col-sm-10.col-md-8.col-lg-6
<div class="col-12 col-sm-10 col-md-8 col-lg-6"> .form-floating
<div class="form-floating"> input.form-control(type='text' id='title' :class="{ 'is-invalid': v$.title.$error }" maxlength='255'
<input type="text" id="title" :class="{ 'form-control': true, 'is-invalid': v$.title.$error }" v-model='v$.title.$model' placeholder='The title for the job listing')
v-model="v$.title.$model" maxlength="255" placeholder="The title for the job listing"> #titleFeedback.invalid-feedback Please enter a title for the job listing
<div id="titleFeedback" class="invalid-feedback">Please enter a title for the job listing</div> label.jjj-required(for='title') Title
<label class="jjj-required" for="title">Title</label> .form-text No need to put location here; it will always be show to seekers with continent and region
</div> .col-12.col-sm-6.col-md-4
<div class="form-text"> continent-list(v-model='v$.continentId.$model' :isInvalid='v$.continentId.$error'
No need to put location here; it will always be show to seekers with continent and region @touch='v$.continentId.$touch() || true')
</div> .col-12.col-sm-6.col-md-8
</div> .form-floating
<div class="col-12 col-sm-6 col-md-4"> input.form-control(type='text' id='region' :class="{ 'is-invalid': v$.region.$error }" maxlength='255'
<continent-list v-model="v$.continentId.$model" :isInvalid="v$.continentId.$error" v-model='v$.region.$model' placeholder='Country, state, geographic area, etc.')
@touch="v$.continentId.$touch() || true" /> #regionFeedback.invalid-feedback Please enter a region
</div> label.jjj-required(for='region') Region
<div class="col-12 col-sm-6 col-md-8"> .form-text Country, state, geographic area, etc.
<div class="form-floating"> .col-12: .form-check
<input type="text" id="region" :class="{ 'form-control': true, 'is-invalid': v$.region.$error }" input.form-check-input(type='checkbox' id='isRemote' v-model='v$.remoteWork.$model')
v-model="v$.region.$model" maxlength="255" placeholder="Country, state, geographic area, etc."> label.form-check-label(for='isRemote') This opportunity is for remote work
<div id="regionFeedback" class="invalid-feedback">Please enter a region</div> markdown-editor(id='description' label='Job Description' v-model:text='v$.text.$model' :isInvalid='v$.text.$error')
<label for="region" class="jjj-required">Region</label> .col-12.col-md-4: .form-floating
</div> input.form-control(type='date' id='neededBy' v-model='v$.neededBy.$model'
<div class="form-text">Country, state, geographic area, etc.</div> placeholder='Date by which this position needs to be filled')
</div> label(for='neededBy') Needed By
<div class="col-12"> .col-12
<div class="form-check"> p.text-danger(v-if='v$.$error') Please correct the errors above
<input type="checkbox" id="isRemote" class="form-check-input" v-model="v$.remoteWork.$model"> button.btn.btn-primary(@click.prevent='saveListing(true)') #[icon(icon='content-save-outline')]&nbsp; Save
<label class="form-check-label" for="isRemote">This opportunity is for remote work</label> maybe-save(:isShown='confirmNavShown' :toRoute='nextRoute' :saveAction='doSave' :validator='v$' @close='confirmClose')
</div>
</div>
<markdown-editor id="description" label="Job Description" v-model:text="v$.text.$model"
:isInvalid="v$.text.$error" />
<div class="col-12 col-md-4">
<div class="form-floating">
<input type="date" id="neededBy" class="form-control" v-model="v$.neededBy.$model"
placeholder="Date by which this position needs to be filled">
<label for="neededBy">Needed By</label>
</div>
</div>
<div class="col-12">
<p v-if="v$.$error" class="text-danger">Please correct the errors above</p>
<button class="btn btn-primary" @click.prevent="saveListing(true)">
<icon icon="content-save-outline" />&nbsp; Save
</button>
</div>
</form>
</load-data>
<maybe-save :isShown="confirmNavShown" :toRoute="nextRoute" :saveAction="doSave" :validator="v$"
@close="confirmClose" />
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

28
src/JobsJobsJobs/App/src/views/listing/ListingView.vue
View File

@ -1,19 +1,15 @@
<template> <template lang="pug">
<article> article
<page-title :title="pageTitle" /> page-title(:title='pageTitle')
<load-data :load="retrieveListing"> load-data(:load='retrieveListing')
<h3>{{it.listing.title}}</h3> h3 {{it.listing.title}}
<h4 class="pb-3 text-muted">{{it.continent.name}} / {{it.listing.region}}</h4> h4.pb-3.text-muted {{it.continent.name}} / {{it.listing.region}}
<p> p
<template v-if="it.listing.neededBy"> template(v-if='it.listing.neededBy').
<strong><em>NEEDED BY {{neededBy(it.listing.neededBy)}}</em></strong> &bull; #[strong #[em NEEDED BY {{neededBy(it.listing.neededBy)}}]] &bull;
</template> | Listed by #[a(:href='profileUrl' target='_blank') {{citizenName(citizen)}}]
Listed by <a :href="profileUrl" target="_blank">{{citizenName(citizen)}}</a> hr
</p> div(v-html='details')
<hr>
<div v-html="details"></div>
</load-data>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

51
src/JobsJobsJobs/App/src/views/listing/MyListings.vue
View File

@ -1,34 +1,23 @@
<template> <template lang="pug">
<article> article
<page-title title="My Job Listings" /> page-title(title='My Job Listings')
<h3 class="pb-3">My Job Listings</h3> h3.pb-3 My Job Listings
<p> p: router-link.btn.btn-outline-primary(to='/listing/new/edit') Add a New Job Listing
<router-link class="btn btn-outline-primary" to="/listing/new/edit">Add a New Job Listing</router-link> load-data(:load="getListings")
</p> table.table.table-sm.table-hover.pt-3(v-if='listings.length > 0')
<load-data :load="getListings"> thead: tr
<table v-if="listings.length > 0" class="table table-sm table-hover pt-3"> th(scope='col') Action
<thead> th(scope='col') Title
<tr> th(scope='col') Continent / Region
<th>Action</th> th(scope='col') Created
<th>Title</th> th(scope='col') Updated
<th>Continent / Region</th> tbody: tr(v-for='it in listings' :key='it.listing.id')
<th>Created</th> td: router-link(:to='`/listing/${it.listing.id}/edit`') Edit
<th>Updated</th> td {{it.listing.title}}
</tr> td {{it.continent.name}} / {{it.listing.region}}
</thead> td: full-date-time(:date='it.listing.createdOn')
<tbody> td: full-date-time(:date='it.listing.updatedOn')
<tr v-for="it in listings" :key="it.listing.id"> p.fst-italic(v-else) No job listings found
<td><router-link :to="`/listing/${it.listing.id}/edit`">Edit</router-link></td>
<td>{{it.listing.title}}</td>
<td>{{it.continent.name}} / {{it.listing.region}}</td>
<td><full-date-time :date="it.listing.createdOn" /></td>
<td><full-date-time :date="it.listing.updatedOn" /></td>
</tr>
</tbody>
</table>
<p v-else class="fst-italic">No job listings found</p>
</load-data>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

67
src/JobsJobsJobs/App/src/views/profile/ProfileSearch.vue
View File

@ -1,43 +1,30 @@
<template> <template lang="pug">
<article> article
<page-title title="Search Profiles" /> page-title(title='Search Profiles')
<h3 class="pb-3">Search Profiles</h3> h3.pb-3 Search Profiles
p(v-if='!searched').
<p v-if="!searched"> Enter one or more criteria to filter results, or just click &ldquo;Search&rdquo; to list all profiles.
Enter one or more criteria to filter results, or just click &ldquo;Search&rdquo; to list all profiles. collapse-panel(headerText='Search Criteria' :collapsed='isCollapsed' @toggle='toggleCollapse')
</p> profile-search-form(v-model='criteria' @search='doSearch')
<collapse-panel headerText="Search Criteria" :collapsed="isCollapsed" @toggle="toggleCollapse"> error-list(:errors='errors')
<profile-search-form v-model="criteria" @search="doSearch" /> p.pt-3(v-if='searching') Searching profiles&hellip;
</collapse-panel> template(v-else)
<error-list :errors="errors"> table.table.table-sm.table-hover.pt-3(v-if='results.length > 0')
<p v-if="searching" class="pt-3">Searching profiles...</p> thead: tr
<template v-else> th(scope='col') Profile
<table v-if="results.length > 0" class="table table-sm table-hover pt-3"> th(scope='col') Name
<thead> th.text-center(scope='col') Seeking?
<tr> th.text-center(scope='col') Remote?
<th scope="col">Profile</th> th.text-center(scope='col') Full-Time?
<th scope="col">Name</th> th(scope='col') Last Updated
<th scope="col" class="text-center">Seeking?</th> tbody: tr(v-for='profile in results' :key='profile.citzenId')
<th scope="col" class="text-center">Remote?</th> td: router-link(:to='`/profile/${profile.citizenId}/view`') View
<th scope="col" class="text-center">Full-Time?</th> td(:class="{ 'font-weight-bold' : profile.seekingEmployment }") {{profile.displayName}}
<th scope="col">Last Updated</th> td.text-center {{yesOrNo(profile.seekingEmployment)}}
</tr> td.text-center {{yesOrNo(profile.remoteWork)}}
</thead> td.text-center {{yesOrNo(profile.fullTime)}}
<tbody> td: full-date(:date='profile.lastUpdatedOn')
<tr v-for="profile in results" :key="profile.citzenId"> p.pt-3(v-else-if='searched') No results found for the specified criteria
<td><router-link :to="`/profile/${profile.citizenId}/view`">View</router-link></td>
<td :class="{ 'font-weight-bold' : profile.seekingEmployment }">{{profile.displayName}}</td>
<td class="text-center">{{yesOrNo(profile.seekingEmployment)}}</td>
<td class="text-center">{{yesOrNo(profile.remoteWork)}}</td>
<td class="text-center">{{yesOrNo(profile.fullTime)}}</td>
<td><full-date :date="profile.lastUpdatedOn" /></td>
</tr>
</tbody>
</table>
<p v-else-if="searched" class="pt-3">No results found for the specified criteria</p>
</template>
</error-list>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

58
src/JobsJobsJobs/App/src/views/profile/ProfileView.vue
View File

@ -1,37 +1,26 @@
<template> <template lang="pug">
<article> article
<page-title :title="pageTitle" /> page-title(:title='pageTitle')
<load-data :load="retrieveProfile"> load-data(:load='retrieveProfile')
<h2><a :href="it.citizen.profileUrl" target="_blank">{{it.citizen.citizenName()}}</a></h2> h2: a(:href='it.citizen.profileUrl' target='_blank') {{citizenName(it.citizen)}}
<h4 class="pb-3">{{it.continent.name}}, {{it.profile.region}}</h4> h4.pb-3 {{it.continent.name}}, {{it.profile.region}}
<p v-html="workTypes"></p> p(v-html='workTypes')
<hr> hr
<div v-html="bioHtml"></div> div(v-html='bioHtml')
template(v-if='it.profile.skills.length > 0')
<template v-if="it.profile.skills.length > 0"> hr
<hr> h4.pb-3 Skills
<h4 class="pb-3">Skills</h4> ul
<ul> li(v-for='(skill, idx) in it.profile.skills' :key='idx').
<li v-for="(skill, idx) in it.profile.skills" :key="idx"> {{skill.description}}#[template(v-if='skill.notes') ({{skill.notes}})]
{{skill.description}}<template v-if="skill.notes"> ({{skill.notes}})</template> template(v-if='it.profile.experience')
</li> hr
</ul> h4.pb-3 Experience / Employment History
</template> div(v-html='expHtml')
template(v-if='user.citizenId === it.citizen.id')
<template v-if="it.profile.experience"> br
<hr> br
<h4 class="pb-3">Experience / Employment History</h4> router-link.btn.btn-primary(to='/citizen/profile') #[icon(icon='pencil')]&nbsp; Edit Your Profile
<div v-html="expHtml"></div>
</template>
<template v-if="user.citizenId === it.citizen.id">
<br><br>
<router-link class="btn btn-primary" to="/citizen/profile">
<icon icon="pencil" />&nbsp; Edit Your Profile
</router-link>
</template>
</load-data>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -90,6 +79,7 @@ export default defineComponent({
it.value ? `Employment profile for ${citizenName(it.value.citizen)}` : 'Loading Profile...'), it.value ? `Employment profile for ${citizenName(it.value.citizen)}` : 'Loading Profile...'),
user, user,
retrieveProfile, retrieveProfile,
citizenName,
it, it,
workTypes, workTypes,
bioHtml: computed(() => marked(it.value?.profile.biography || '', markedOptions)), bioHtml: computed(() => marked(it.value?.profile.biography || '', markedOptions)),

71
src/JobsJobsJobs/App/src/views/profile/Seeking.vue
View File

@ -1,47 +1,30 @@
<template> <template lang="pug">
<article> article
<page-title title="People Seeking Work" /> page-title(title='People Seeking Work')
<h3 class="pb-3">People Seeking Work</h3> h3.pb-3 People Seeking Work
p(v-if='!searched').
<p v-if="!searched"> Enter one or more criteria to filter results, or just click &ldquo;Search&rdquo; to list all profiles.
Enter one or more criteria to filter results, or just click &ldquo;Search&rdquo; to list all profiles. collapse-panel(headerText='Search Criteria' :collapsed='isCollapsed' @toggle='toggleCollapse')
</p> profile-public-search-form(v-model='criteria' @search='doSearch')
<collapse-panel headerText="Search Criteria" :collapsed="isCollapsed" @toggle="toggleCollapse"> error-list(:errors='errors')
<profile-public-search-form v-model="criteria" @search="doSearch" /> p(v-if='searching') Searching profiles&hellip;
</collapse-panel> template(v-else)
<error-list :errors="errors"> template(v-if='results.length > 0')
<p v-if="searching">Searching profiles...</p> p.pb-3.pt-3.
<template v-else> These profiles match your search criteria. To learn more about these people, join the merry band of human
<template v-if="results.length > 0"> resources in the #[a(href='https://noagendashow.net' target='_blank') No Agenda] tribe!
<p class="pb-3 pt-3"> table.table.table-sm.table-hover
These profiles match your search criteria. To learn more about these people, join the merry band of human thead: tr
resources in the <a href="https://noagendashow.net" target="_blank">No Agenda</a> tribe! th(scope='col') Continent
</p> th.text-center(scope='col') Region
<table class="table table-sm table-hover"> th.text-center(scope='col') Remote?
<thead> th.text-center(scope='col') Skills
<tr> tbody: tr(v-for='(profile, idx) in results' :key='idx')
<th scope="col">Continent</th> td {{profile.continent}}
<th scope="col" class="text-center">Region</th> td {{profile.region}}
<th scope="col" class="text-center">Remote?</th> td.text-center {{yesOrNo(profile.remoteWork)}}
<th scope="col" class="text-center">Skills</th> td: template(v-for='(skill, idx) in profile.skills' :key='idx') {{skill}}#[br]
</tr> p.pt-3(v-else-if='searched') No results found for the specified criteria
</thead>
<tbody>
<tr v-for="(profile, idx) in results" :key="idx">
<td>{{profile.continent}}</td>
<td>{{profile.region}}</td>
<td class="text-center">{{yesOrNo(profile.remoteWork)}}</td>
<td>
<template v-for="(skill, idx) in profile.skills" :key="idx">{{skill}}<br></template>
</td>
</tr>
</tbody>
</table>
</template>
<p v-else-if="searched" class="pt-3">No results found for the specified criteria</p>
</template>
</error-list>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

56
src/JobsJobsJobs/App/src/views/so-long/DeletionOptions.vue
View File

@ -1,38 +1,24 @@
<template> <template lang="pug">
<article> article
<page-title title="Account Deletion Options" /> page-title(title='Account Deletion Options')
<h3 class="pb-3">Account Deletion Options</h3> h3.pb-3 Account Deletion Options
h4.pb-3 Option 1 &ndash; Delete Your Profile
<h4 class="pb-3">Option 1 &ndash; Delete Your Profile</h4> p.
<p> Utilizing this option will remove your current employment profile and skills. This will preserve any success stories
Utilizing this option will remove your current employment profile and skills. This will preserve any success you may have written, and preserves this application&rsquo;s knowledge of you. This is what you want to use if you
stories you may have written, and preserves this application&rsquo;s knowledge of you. This is what you want to want to clear out your profile and start again (and remove the current one from others&rsquo; view).
use if you want to clear out your profile and start again (and remove the current one from others&rsquo; view). p.text-center: button.btn.btn-danger(@click.prevent='deleteProfile') Delete Your Profile
</p> hr
<p class="text-center"> h4.pb-3 Option 2 &ndash; Delete Your Account
<button class="btn btn-danger" @click.prevent="deleteProfile">Delete Your Profile</button> p.
</p> This option will make it like you never visited this site. It will delete your profile, skills, success stories, and
account. This is what you want to use if you want to disappear from this application. Clicking the button below
<hr> #[strong will not] affect your No Agenda Social account in any way; its effects are limited to Jobs, Jobs, Jobs.
p: em.
<h4 class="pb-3">Option 2 &ndash; Delete Your Account</h4> (This will not revoke this application&rsquo;s permissions on No Agenda Social; you will have to remove this
<p> yourself. The confirmation message has a link where you can do this; once the page loads, find the
This option will make it like you never visited this site. It will delete your profile, skills, success stories, #[strong Jobs, Jobs, Jobs] entry, and click the #[strong &times; Revoke] link for that entry.)
and account. This is what you want to use if you want to disappear from this application. Clicking the button p.text-center: button.btn.btn-danger(@click.prevent='deleteAccount') Delete Your Entire Account
below <strong>will not</strong> affect your No Agenda Social account in any way; its effects are limited to Jobs,
Jobs, Jobs.
</p>
<p>
<em>
(This will not revoke this application&rsquo;s permissions on No Agenda Social; you will have to remove this
yourself. The confirmation message has a link where you can do this; once the page loads, find the
<strong>Jobs, Jobs, Jobs</strong> entry, and click the <strong>&times; Revoke</strong> link for that entry.)
</em>
</p>
<p class="text-center">
<button class="btn btn-danger" @click.prevent="deleteAccount">Delete Your Entire Account</button>
</p>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

24
src/JobsJobsJobs/App/src/views/so-long/DeletionSuccess.vue
View File

@ -1,15 +1,11 @@
<template> <template lang="pug">
<article> article
<page-title title="Account Deletion Success" /> page-title(title='Account Deletion Success')
<h3 class="pb-3">Account Deletion Success</h3> h3.pb-3 Account Deletion Success
<p> p.
Your account has been successfully deleted. To revoke the permissions you have previously granted to this Your account has been successfully deleted. To revoke the permissions you have previously granted to this
application, find it in <a href="https://noagendasocial.com/oauth/authorized_applications">this list</a> and click application, find it in #[a(href='https://noagendasocial.com/oauth/authorized_applications') this list] and click
<strong>&times; Revoke</strong>. Otherwise, clicking &ldquo;Log On&rdquo; in the left-hand menu will create a new, #[strong &times; Revoke]. Otherwise, clicking &ldquo;Log On&rdquo; in the left-hand menu will create a new, empty
empty account without prompting you further. account without prompting you further.
</p> p Thank you for participating, and thank you for your courage. #GitmoNation
<p>
Thank you for participating, and thank you for your courage. #GitmoNation
</p>
</article>
</template> </template>

49
src/JobsJobsJobs/App/src/views/success-story/StoryEdit.vue
View File

@ -1,34 +1,21 @@
<template> <template lang="pug">
<article> article
<page-title :title="title" /> page-title(:title='title')
<h3 class="pb-3">{{title}}</h3> h3.pb-3 {{title}}
load-data(:load='retrieveStory')
<load-data :load="retrieveStory"> p(v-if='isNew').
<p v-if="isNew"> Congratulations on your employment! Your fellow citizens would enjoy hearing how it all came about; tell us
Congratulations on your employment! Your fellow citizens would enjoy hearing how it all came about; tell us about it below! #[em (These will be visible to other users, but not to the general public.)]
about it below! <em>(These will be visible to other users, but not to the general public.)</em> form.row.g-3
</p> .col-12: .form-check
<form class="row g-3"> input.form-check-input(type='checkbox' id='fromHere' v-model='v$.fromHere.$model')
<div class="col-12"> label.form-check-label(for='fromHere') I found my employment here
<div class="form-check"> markdown-editor(id='story' label='The Success Story' v-model:text='v$.story.$model')
<input type="checkbox" id="fromHere" class="form-check-input" v-model="v$.fromHere.$model"> .col-12
<label for="fromHere" class="form-check-label">I found my employment here</label> button.btn.btn-primary(type='submit' @click.prevent='saveStory(true)').
</div> #[icon(icon='content-save-outline')]&nbsp; Save
</div> p(v-if='isNew'): em (Saving this will set &ldquo;Seeking Employment&rdquo; to &ldquo;No&rdquo; on your profile.)
<markdown-editor id="story" label="The Success Story" v-model:text="v$.story.$model" /> maybe-save(:isShown='confirmNavShown' :toRoute='nextRoute' :saveAction='doSave' :validator='v$' @close='confirmClose')
<div class="col-12">
<button type="submit" class="btn btn-primary" @click.prevent="saveStory(true)">
<icon icon="content-save-outline" />&nbsp; Save
</button>
<p v-if="isNew">
<em>(Saving this will set &ldquo;Seeking Employment&rdquo; to &ldquo;No&rdquo; on your profile.)</em>
</p>
</div>
</form>
</load-data>
<maybe-save :isShown="confirmNavShown" :toRoute="nextRoute" :saveAction="doSave" :validator="v$"
@close="confirmClose" />
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

58
src/JobsJobsJobs/App/src/views/success-story/StoryList.vue
View File

@ -1,38 +1,26 @@
<template> <template lang="pug">
<article> article
<page-title title="Success Stories" /> page-title(title='Success Stories')
<h3 class="pb-3">Success Stories</h3> h3.pb-3 Success Stories
<load-data :load="retrieveStories"> load-data(:load='retrieveStories')
<table v-if="stories?.length > 0" class="table table-sm table-hover"> table.table.table-sm.table-hover(v-if='stories?.length > 0')
<thead> thead: tr
<tr> th(scope='col') Story
<th scope="col">Story</th> th(scope='col') From
<th scope="col">From</th> th(scope='col') Found Here?
<th scope="col">Found Here?</th> th(scope='col') Recorded On
<th scope="col">Recorded On</th> tbody: tr(v-for='story in stories' :key='story.id')
</tr> td
</thead> router-link(v-if='story.hasStory' :to='`/success-story/${story.id}/view`') View
<tbody> em(v-else) None
<tr v-for="story in stories" :key="story.id"> template(v-if='story.citizenId === user.citizenId')
<td> | ~ #[router-link(:to='`/success-story/${story.id}/edit`') Edit]
<router-link v-if="story.hasStory" :to="`/success-story/${story.id}/view`">View</router-link> td {{story.citizenName}}
<em v-else>None</em> td
<template v-if="story.citizenId === user.citizenId"> strong(v-if='story.fromHere') Yes
~ <router-link :to="`/success-story/${story.id}/edit`">Edit</router-link> template(v-else) No
</template> td: full-date(:date='story.recordedOn')
</td> p(v-else) There are no success stories recorded #[em (yet)]
<td>{{story.citizenName}}</td>
<td>
<strong v-if="story.fromHere">Yes</strong>
<template v-else>No</template>
</td>
<td><full-date :date="story.recordedOn" /></td>
</tr>
</tbody>
</table>
<p v-else>There are no success stories recorded <em>(yet)</em></p>
</load-data>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">

20
src/JobsJobsJobs/App/src/views/success-story/StoryView.vue
View File

@ -1,14 +1,12 @@
<template> <template lang="pug">
<article> article
<page-title title="Success Story" /> page-title(title='Success Story')
<load-data :load="retrieveStory"> load-data(:load='retrieveStory')
<h3 class="pb-3">{{citizenName}}&rsquo;s Success Story</h3> h3.pb-3 {{citizenName}}&rsquo;s Success Story
<h4 class="text-muted"><full-date-time :date="story.recordedOn" /></h4> h4.text-muted: full-date-time(:date='story.recordedOn')
<p v-if="story.fromHere" class="fst-italic"><strong>Found via Jobs, Jobs, Jobs</strong></p> p.fst-italic(v-if='story.fromHere'): strong Found via Jobs, Jobs, Jobs
<hr> hr
<div v-if="story.story" v-html="successStory"></div> div(v-if='story.story' v-html='successStory')
</load-data>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">