Welcome, pug
This commit is contained in:
parent
5485ad0717
commit
2eefb44f16
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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="">– {{emptyLabel}} –</option>
|
option(value='') – {{emptyLabel}} –
|
||||||
<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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<span :class="iconClass"></span>
|
span(:class='iconClass')
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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 })
|
||||||
|
|
||||||
return {
|
/** Emit a value update */
|
||||||
criteria,
|
const updateValue = (key : string, value : string) => {
|
||||||
updateValue: (key : string, value : string) => {
|
|
||||||
criteria.value = { ...criteria.value, [key]: value }
|
criteria.value = { ...criteria.value, [key]: value }
|
||||||
emit('update:modelValue', criteria.value)
|
emit('update:modelValue', criteria.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
criteria,
|
||||||
|
updateContinent: (c : string) => updateValue('continentId', c),
|
||||||
|
updateValue
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -1,8 +1,7 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<div v-if="loading">Loading…</div>
|
div(v-if='loading') Loading…
|
||||||
<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">
|
||||||
|
|
|
@ -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>
|
button(:class='sourceClass' @click.prevent='showMarkdown') Markdown
|
||||||
<button :class="previewClass" @click.prevent="showPreview">Preview</button>
|
|
|
||||||
</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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -1,10 +1,7 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<footer>
|
footer: p.text-muted.
|
||||||
<p class="text-muted">
|
Jobs, Jobs, Jobs v{{appVersion}} • #[router-link(to='/privacy-policy') Privacy Policy]
|
||||||
Jobs, Jobs, Jobs v{{appVersion}} • <router-link to="/privacy-policy">Privacy Policy</router-link>
|
• #[router-link(to='/terms-of-service') Terms of Service]
|
||||||
• <router-link to="/terms-of-service">Terms of Service</router-link>
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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> </p>
|
p
|
||||||
<nav>
|
nav
|
||||||
<template v-if="isLoggedOn">
|
template(v-if='isLoggedOn')
|
||||||
<router-link to="/citizen/dashboard"><icon icon="view-dashboard-variant" /> Dashboard</router-link>
|
router-link(to='/citizen/dashboard') #[icon(icon='view-dashboard-variant')] Dashboard
|
||||||
<router-link to="/help-wanted">
|
router-link(to='/help-wanted') #[icon(icon='newspaper-variant-multiple-outline')] Help Wanted!
|
||||||
<icon icon="newspaper-variant-multiple-outline" /> Help Wanted!
|
router-link(to='/profile/search') #[icon(icon='view-list-outline')] Employment Profiles
|
||||||
</router-link>
|
router-link(to='/success-story/list') #[icon(icon='thumb-up')] Success Stories
|
||||||
<router-link to="/profile/search"><icon icon="view-list-outline" /> Employment Profiles</router-link>
|
.separator
|
||||||
<router-link to="/success-story/list"><icon icon="thumb-up" /> Success Stories</router-link>
|
router-link(to='/listings/mine') #[icon(icon='sign-text')] My Job Listings
|
||||||
<div class="separator"></div>
|
router-link(to='/citizen/profile') #[icon(icon='pencil')] My Employment Profile
|
||||||
<router-link to="/listings/mine"><icon icon="sign-text" /> My Job Listings</router-link>
|
.separator
|
||||||
<router-link to="/citizen/profile"><icon icon="pencil" /> My Employment Profile</router-link>
|
router-link(to='/citizen/log-off') #[icon(icon='logout-variant')] Log Off
|
||||||
<div class="separator"></div>
|
template(v-else)
|
||||||
<router-link to="/citizen/log-off"><icon icon="logout-variant" /> Log Off</router-link>
|
router-link(to='/') #[icon(icon='home')] Home
|
||||||
</template>
|
router-link(to='/profile/seeking') #[icon(icon='view-list-outline')] Job Seekers
|
||||||
<template v-else>
|
router-link(to='/citizen/log-on') #[icon(icon='login-variant')] Log On
|
||||||
<router-link to="/"><icon icon="home" /> Home</router-link>
|
router-link(to='/how-it-works') #[icon(icon='help-circle-outline')] How It Works
|
||||||
<router-link to="/profile/seeking"><icon icon="view-list-outline" /> Job Seekers</router-link>
|
|
||||||
<router-link to="/citizen/log-on"><icon icon="login-variant" /> Log On</router-link>
|
|
||||||
</template>
|
|
||||||
<router-link to="/how-it-works"><icon icon="help-circle-outline" /> How It Works</router-link>
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -1,10 +1,8 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<nav class="navbar navbar-light bg-light">
|
nav.navbar.navbar-light.bg-light
|
||||||
<span></span>
|
span
|
||||||
<span class="navbar-text">
|
span.navbar-text.
|
||||||
(...and Jobs – <audio-clip clip="pelosi-jobs">Let's Vote for Jobs!</audio-clip>)
|
(...and Jobs – #[audio-clip(clip='pelosi-jobs') Let's Vote for Jobs!])
|
||||||
</span>
|
|
||||||
</nav>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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 })
|
||||||
|
|
||||||
return {
|
/** Emit a value update */
|
||||||
criteria,
|
const updateValue = (key : string, value : string) => {
|
||||||
updateValue: (key : string, value : string) => {
|
|
||||||
criteria.value = { ...criteria.value, [key]: value }
|
criteria.value = { ...criteria.value, [key]: value }
|
||||||
emit('update:modelValue', criteria.value)
|
emit('update:modelValue', criteria.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
criteria,
|
||||||
|
updateContinent: (c : string) => updateValue('continentId', c),
|
||||||
|
updateValue
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -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 })
|
||||||
|
|
||||||
return {
|
/** Emit a value update */
|
||||||
criteria,
|
const updateValue = (key : string, value : string) => {
|
||||||
updateValue: (key : string, value : string) => {
|
|
||||||
criteria.value = { ...criteria.value, [key]: value }
|
criteria.value = { ...criteria.value, [key]: value }
|
||||||
emit('update:modelValue', criteria.value)
|
emit('update:modelValue', criteria.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
criteria,
|
||||||
|
updateContinent: (c : string) => updateValue('continentId', c),
|
||||||
|
updateValue
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -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')") −
|
||||||
−
|
.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">
|
||||||
|
|
|
@ -1,18 +1,15 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<article>
|
article
|
||||||
<page-title title="Welcome!" />
|
page-title(title='Welcome!')
|
||||||
<p> </p>
|
p
|
||||||
<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>
|
#[a(href='https://noagendashow.net' target='_blank') The Best Podcast in the Universe]
|
||||||
<em><audio-clip clip="thats-true"> (that’s true!)</audio-clip></em> and find out what you’re missing.
|
#[em #[audio-clip(clip='thats-true') (that’s true!)]] and find out what you’re missing.
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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
|
||||||
<h4>Completing Your Profile</h4>
|
ul
|
||||||
<ul>
|
li.
|
||||||
<li>
|
|
||||||
The “View Your Employment Profile” link (which you”ll see on this page, once your profile is
|
The “View Your Employment Profile” link (which you”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
|
established) shows your profile the way all other validated users will be able to see it. While this site does not
|
||||||
not perform communication with others over No Agenda Social, the name on employment profiles is a link to that
|
perform communication with others over No Agenda Social, the name on employment profiles is a link to that
|
||||||
user’s profile; from there, others can communicate further with you using the tools Mastodon provides.
|
user’s profile; from there, others can communicate further with you using the tools Mastodon provides.
|
||||||
</li>
|
li.
|
||||||
<li>
|
The “Professional Biography” and “Experience” sections support Markdown, a plain-text way
|
||||||
The “Professional Biography” and “Experience” sections support Markdown, a plain-text
|
to specify formatting quite similar to that provided by word processors. The
|
||||||
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
|
||||||
<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
|
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
|
#[a(href='https://www.markdownguide.org/' target='_blank') Markdown Guide] give in-depth lessons to make the most
|
||||||
most of this language. The version of Markdown employed here supports many popular extensions, include smart
|
of this language. The version of Markdown employed here supports many popular extensions, include smart quotes
|
||||||
quotes (turning "a quote" into “a quote”), tables, super/subscripts, and more.
|
(turning "a quote" into “a quote”), tables, super/subscripts, and more.
|
||||||
</li>
|
li.
|
||||||
<li>
|
|
||||||
Skills are optional, but they are the place to record skills you have. Along with the skill, there is a
|
Skills are optional, but they are the place to record skills you have. Along with the skill, there is a
|
||||||
“Notes” section, which can be used to indicate the time you’ve practiced a particular skill,
|
“Notes” section, which can be used to indicate the time you’ve practiced a particular skill, the
|
||||||
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.
|
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.
|
||||||
<li>
|
The “Experience” field is intended to capture a chronological or topical employment history; with this
|
||||||
The “Experience” field is intended to capture a chronological or topical employment history; with
|
“quick-n-dirty” implementation, this Markdown box can be used to capture that information however you
|
||||||
this “quick-n-dirty” implementation, this Markdown box can be used to capture that information
|
would like it presented to fellow citizens.
|
||||||
however you would like it presented to fellow citizens.
|
li.
|
||||||
</li>
|
If you check the “Allow my profile to be searched publicly” checkbox, #[strong and] you are seeking
|
||||||
<li>
|
employment, your continent, region, and skills fields will be searchable and displayed to public users of the
|
||||||
If you check the “Allow my profile to be searched publicly” checkbox, <strong>and</strong> you are
|
site. They will not be tied to your No Agenda Social handle or real name; they are there to let people peek
|
||||||
seeking employment, your continent, region, and skills fields will be searchable and displayed to public users
|
behind the curtain a bit, and hopefully inspire them to join us.
|
||||||
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 Searching Profiles
|
||||||
<p>
|
p.
|
||||||
The “View Profiles” link at the side allows you to search for profiles by continent, the
|
The “View Profiles” link at the side allows you to search for profiles by continent, the citizen’s
|
||||||
citizen’s desire for remote work, a skill, or any text in their professional biography and experience. If
|
desire for remote work, a skill, or any text in their professional biography and experience. If you find someone
|
||||||
you find someone with whom you’d like to discuss potential opportunities, the name at the top of the profile
|
with whom you’d like to discuss potential opportunities, the name at the top of the profile links to their No
|
||||||
links to their No Agenda Social account, where you can use its features to get in touch.
|
Agenda Social account, where you can use its features to get in touch.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Finding Employment</h4>
|
h4 Finding Employment
|
||||||
<p>
|
p.
|
||||||
If your profile indicates that you are seeking employment, and you secure employment, that is something you will
|
If your profile indicates that you are seeking employment, and you secure employment, that is something you will
|
||||||
want to update (and – congratulations!). From both the Dashboard and the Edit Profile pages, you will see a
|
want to update (and – congratulations!). From both the Dashboard and the Edit Profile pages, you will see a
|
||||||
link that encourages you to tell us about it. Click either of those links, and you will be brought to a page that
|
link that encourages you to tell us about it. Click either of those links, and you will be brought to a page that
|
||||||
allows you to indicate whether your employment actually came from someone finding your profile on Jobs, Jobs,
|
allows you to indicate whether your employment actually came from someone finding your profile on Jobs, Jobs, Jobs,
|
||||||
Jobs, and gives you a place to write about the experience. These stories are only viewable by validated users, so
|
and gives you a place to write about the experience. These stories are only viewable by validated users, so feel
|
||||||
feel free to use as much (or as little) identifying information as you’d like. You can also submit this page
|
free to use as much (or as little) identifying information as you’d like. You can also submit this page with
|
||||||
with all the fields blank; in that case, your “Seeking Employment” flag is cleared, and the
|
all the fields blank; in that case, your “Seeking Employment” flag is cleared, and the
|
||||||
“story” is recorded.
|
“story” is recorded.
|
||||||
</p>
|
p.
|
||||||
<p>
|
As a validated user, you can also view others success stories. Clicking “Success Stories” in the sidebar
|
||||||
As a validated user, you can also view others success stories. Clicking “Success Stories” in the
|
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
|
||||||
sidebar will display a list of all the stories that have been recorded. If there is a story to be read, there will
|
to read it; if you submitted the story, there will also be an “Edit” link.
|
||||||
be a link to read it; if you submitted the story, there will also be an “Edit” link.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Publicly Available Information</h4>
|
h4 Publicly Available Information
|
||||||
<p>
|
p.
|
||||||
The “Job Seekers” page for profile information will allow users to search for and display the
|
The “Job Seekers” page for profile information will allow users to search for and display the continent,
|
||||||
continent, region, skills, and notes of users who are seeking employment <strong>and</strong> have opted in to
|
region, skills, and notes of users who are seeking employment #[strong and] have opted in to their information being
|
||||||
their information being publicly searchable. If you are a public user, this information is always the latest we
|
publicly searchable. If you are a public user, this information is always the latest we have; check out the link at
|
||||||
have; check out the link at the top of the search results for how you can learn more about these fine human
|
the top of the search results for how you can learn more about these fine human resources!
|
||||||
resources!
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Help / Suggestions</h4>
|
h4 Help / Suggestions
|
||||||
<p>
|
p.
|
||||||
This is open-source software
|
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' _target='_blank') developed on Github]; feel free to
|
||||||
<a href="https://github.com/bit-badger/jobs-jobs-jobs/issues" target="_blank">create an issue there</a>, or look
|
#[a(href='https://github.com/bit-badger/jobs-jobs-jobs/issues' target='_blank') create an issue there], or look up
|
||||||
up @danieljsummers on No Agenda Social.
|
@danieljsummers on No Agenda Social.
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -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
|
our application, {{name}}. By accessing or using our Service, you signify that you have read, understood, and agree
|
||||||
agree to our collection, storage, use, and disclosure of your personal information as described in this Privacy
|
to our collection, storage, use, and disclosure of your personal information as described in this Privacy Policy and
|
||||||
Policy and our Terms of Service.
|
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.
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Cookie: small amount of data generated by a website and saved by your web browser. It is used to identify your
|
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
|
browser, provide analytics, remember information about you such as your language preference or login information.
|
||||||
information.
|
li.
|
||||||
</li>
|
Company: when this policy mentions “Company,” “we,” “us,” or “our,” it refers to {{name}}, that is responsible for
|
||||||
<li>
|
your information under this Privacy Policy.
|
||||||
Company: when this policy mentions “Company,” “we,” “us,” or “our,” it refers to {{name}}, that is responsible
|
li Country: where {{name}} or the owners/founders of {{name}} are based, in this case is US.
|
||||||
for your information under this Privacy Policy.
|
li.
|
||||||
</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
|
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.
|
relationships with your consumers or service users.
|
||||||
</li>
|
li.
|
||||||
<li>
|
|
||||||
Device: any internet connected device such as a phone, tablet, computer or any other device that can be used to
|
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.
|
visit {{name}} and use the services.
|
||||||
</li>
|
li.
|
||||||
<li>
|
|
||||||
IP address: Every device connected to the Internet is assigned a number known as an Internet protocol (IP)
|
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
|
address. These numbers are usually assigned in geographic blocks. An IP address can often be used to identify the
|
||||||
the location from which a device is connecting to the Internet.
|
location from which a device is connecting to the Internet.
|
||||||
</li>
|
li.
|
||||||
<li>
|
Personnel: refers to those individuals who are employed by {{name}} or are under contract to perform a service on
|
||||||
Personnel: refers to those individuals who are employed by {{name}} or are under contract to perform a service
|
behalf of one of the parties.
|
||||||
on behalf of one of the parties.
|
li.
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Personal Data: any information that directly, indirectly, or in connection with other information — including a
|
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.
|
personal identification number — allows for the identification or identifiability of a natural person.
|
||||||
</li>
|
li.
|
||||||
<li>
|
Service: refers to the service provided by {{name}} as described in the relative terms (if available) and on this
|
||||||
Service: refers to the service provided by {{name}} as described in the relative terms (if available) and on
|
platform.
|
||||||
this platform.
|
li.
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Third-party service: refers to advertisers, contest sponsors, promotional and marketing partners, and others who
|
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.
|
provide our content or whose products or services we think may interest you.
|
||||||
</li>
|
li.
|
||||||
<li>
|
|
||||||
Website: {{name}}’s site, which can be accessed via this URL:
|
Website: {{name}}’s site, which can be accessed via this URL:
|
||||||
<router-link to="/">https://noagendacareers.com/</router-link>
|
#[router-link(to='/') https://noagendacareers.com/]
|
||||||
</li>
|
li You: a person or entity that is registered with {{name}} to use the Services.
|
||||||
<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 What Information Do We Collect?
|
||||||
<p>
|
p We collect information from you when you visit our website, register on our site, or fill out a form.
|
||||||
We collect information from you when you visit our website, register on our site, or fill out a form.
|
ul
|
||||||
</p>
|
li Name / Username
|
||||||
|
li Coarse Geographic Location
|
||||||
|
li Employment History
|
||||||
|
li No Agenda Social Account Name / Profile
|
||||||
|
|
||||||
<ul>
|
h4 How Do We Use The Information We Collect?
|
||||||
<li>Name / Username</li>
|
p Any of the information we collect from you may be used in one of the following ways:
|
||||||
<li>Coarse Geographic Location</li>
|
ul
|
||||||
<li>Employment History</li>
|
li To personalize your experience (your information helps us to better respond to your individual needs)
|
||||||
<li>No Agenda Social Account Name / Profile</li>
|
li.
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h4>How Do We Use The Information We Collect?</h4>
|
|
||||||
<p>
|
|
||||||
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
|
To improve our website (we continually strive to improve our website offerings based on the information and
|
||||||
feedback we receive from you)
|
feedback we receive from you)
|
||||||
</li>
|
li.
|
||||||
<li>
|
|
||||||
To improve customer service (your information helps us to more effectively respond to your customer service
|
To improve customer service (your information helps us to more effectively respond to your customer service
|
||||||
requests and support needs)
|
requests and support needs)
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h4>When does {{name}} use end user information from third parties?</h4>
|
h4 When does {{name}} use end user information from third parties?
|
||||||
<p>{{name}} will collect End User Data necessary to provide the {{name}} services to our customers.</p>
|
p {{name}} will collect End User Data necessary to provide the {{name}} services to our customers.
|
||||||
<p>
|
p.
|
||||||
End users may voluntarily provide us with information they have made available on social media websites
|
End users may voluntarily provide us with information they have made available on social media websites
|
||||||
(specifically No Agenda Social). If you provide us with any such information, we may collect publicly available
|
(specifically No Agenda Social). If you provide us with any such information, we may collect publicly available
|
||||||
information from the social media websites you have indicated. You can control how much of your information social
|
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.
|
media websites make public by visiting these websites and changing your privacy settings.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>When does {{name}} use customer information from third parties?</h4>
|
h4 When does {{name}} use customer information from third parties?
|
||||||
<p>We do not utilize third party information apart from the end-user data described above.</p>
|
p We do not utilize third party information apart from the end-user data described above.
|
||||||
|
|
||||||
<h4>Do we share the information we collect with third parties?</h4>
|
h4 Do we share the information we collect with third parties?
|
||||||
<p>
|
p.
|
||||||
We may disclose personal and non-personal information about you to government or law enforcement officials or
|
We may disclose personal and non-personal information about you to government or law enforcement officials or
|
||||||
private parties as we, in our sole discretion, believe necessary or appropriate in order to respond to claims,
|
private parties as we, in our sole discretion, believe necessary or appropriate in order to respond to claims, legal
|
||||||
legal process (including subpoenas), to protect our rights and interests or those of a third party, the safety of
|
process (including subpoenas), to protect our rights and interests or those of a third party, the safety of the
|
||||||
the public or any person, to prevent or stop any illegal, unethical, or legally actionable activity, or to
|
public or any person, to prevent or stop any illegal, unethical, or legally actionable activity, or to otherwise
|
||||||
otherwise comply with applicable court orders, laws, rules and regulations.
|
comply with applicable court orders, laws, rules and regulations.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Where and when is information collected from customers and end users?</h4>
|
h4 Where and when is information collected from customers and end users?
|
||||||
<p>
|
p.
|
||||||
{{name}} will collect personal information that you submit to us. We may also receive personal information about
|
{{name}} will collect personal information that you submit to us. We may also receive personal information about you
|
||||||
you from third parties as described above.
|
from third parties as described above.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>How Do We Use Your E-mail Address?</h4>
|
h4 How Do We Use Your E-mail Address?
|
||||||
<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 do not collect nor use an e-mail address. If you have provided it in the free text areas of the site, other
|
||||||
validated users may be able to view it, but {{name}} does not search for nor utilize e-mail addresses from those
|
validated users may be able to view it, but {{name}} does not search for nor utilize e-mail addresses from those
|
||||||
areas.
|
areas.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>How Long Do We Keep Your Information?</h4>
|
h4 How Long Do We Keep Your Information?
|
||||||
<p>
|
p.
|
||||||
We keep your information only so long as we need it to provide {{name}} to you and fulfill the purposes described
|
We keep your information only so long as we need it to provide {{name}} to you and fulfill the purposes described in
|
||||||
in this policy. When we no longer need to use your information and there is no need for us to keep it to comply
|
this policy. When we no longer need to use your information and there is no need for us to keep it to comply with
|
||||||
with our legal or regulatory obligations, we’ll either remove it from our systems or depersonalize it so that we
|
our legal or regulatory obligations, we’ll either remove it from our systems or depersonalize it so that we
|
||||||
can’t identify you.
|
can’t identify you.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>How Do We Protect Your Information?</h4>
|
h4 How Do We Protect Your Information?
|
||||||
<p>
|
p.
|
||||||
We implement a variety of security measures to maintain the safety of your personal information when you enter,
|
We implement a variety of security measures to maintain the safety of your personal information when you enter,
|
||||||
submit, or access your personal information. We mandate the use of a secure server. We cannot, however, ensure or
|
submit, or access your personal information. We mandate the use of a secure server. We cannot, however, ensure or
|
||||||
warrant the absolute security of any information you transmit to {{name}} or guarantee that your information on
|
warrant the absolute security of any information you transmit to {{name}} or guarantee that your information on the
|
||||||
the Service may not be accessed, disclosed, altered, or destroyed by a breach of any of our physical, technical,
|
Service may not be accessed, disclosed, altered, or destroyed by a breach of any of our physical, technical, or
|
||||||
or managerial safeguards.
|
managerial safeguards.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Could my information be transferred to other countries?</h4>
|
h4 Could my information be transferred to other countries?
|
||||||
<p>
|
p.
|
||||||
{{name}} is hosted in the US. Information collected via our website may be viewed and hosted anywhere in the
|
{{name}} is hosted in the US. Information collected via our website may be viewed and hosted anywhere in the world,
|
||||||
world, including countries that may not have laws of general applicability regulating the use and transfer of such
|
including countries that may not have laws of general applicability regulating the use and transfer of such data. To
|
||||||
data. To the fullest extent allowed by applicable law, by using any of the above, you voluntarily consent to the
|
the fullest extent allowed by applicable law, by using any of the above, you voluntarily consent to the trans-border
|
||||||
trans-border transfer and hosting of such information.
|
transfer and hosting of such information.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Is the information collected through the {{name}} Service secure?</h4>
|
h4 Is the information collected through the {{name}} Service secure?
|
||||||
<p>
|
p.
|
||||||
We take precautions to protect the security of your information. We have physical, electronic, and managerial
|
We take precautions to protect the security of your information. We have physical, electronic, and managerial
|
||||||
procedures to help safeguard, prevent unauthorized access, maintain data security, and correctly use your
|
procedures to help safeguard, prevent unauthorized access, maintain data security, and correctly use your
|
||||||
information. However, neither people nor security systems are foolproof, including encryption systems. In
|
information. However, neither people nor security systems are foolproof, including encryption systems. In addition,
|
||||||
addition, people can commit intentional crimes, make mistakes, or fail to follow policies. Therefore, while we use
|
people can commit intentional crimes, make mistakes, or fail to follow policies. Therefore, while we use reasonable
|
||||||
reasonable efforts to protect your personal information, we cannot guarantee its absolute security. If applicable
|
efforts to protect your personal information, we cannot guarantee its absolute security. If applicable law imposes
|
||||||
law imposes any non-disclaimable duty to protect your personal information, you agree that intentional misconduct
|
any non-disclaimable duty to protect your personal information, you agree that intentional misconduct will be the
|
||||||
will be the standards used to measure our compliance with that duty.
|
standards used to measure our compliance with that duty.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Can I update or correct my information?</h4>
|
h4 Can I update or correct my information?
|
||||||
<p>
|
p.
|
||||||
The rights you have to request updates or corrections to the information {{name}} collects depend on your
|
The rights you have to request updates or corrections to the information {{name}} collects depend on your
|
||||||
relationship with {{name}}.
|
relationship with {{name}}.
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
Customers have the right to request the restriction of certain uses and disclosures of personally identifiable
|
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 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
|
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
|
the following paragraph), by cancelling your account. Such updates, corrections, changes and deletions will have no
|
||||||
no effect on other information that we maintain in accordance with this Privacy Policy prior to such update,
|
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
|
correction, change, or deletion. You are responsible for maintaining the secrecy of your unique password and account
|
||||||
account information at all times.
|
information at all times.
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
{{name}} also provides ways for users to modify or remove the information we have collected from them from the
|
{{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.
|
application; these actions will have the same effect as contacting us to modify or remove data.
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
You should be aware that it is not technologically possible to remove each and every record of the information you
|
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
|
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
|
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,
|
to locate. Promptly after receiving your request, all personal information stored in databases we actively use, and
|
||||||
and other readily searchable media will be updated, corrected, changed, or deleted, as appropriate, as soon as and
|
other readily searchable media will be updated, corrected, changed, or deleted, as appropriate, as soon as and to
|
||||||
to the extent reasonably and technically practicable.
|
the extent reasonably and technically practicable.
|
||||||
</p>
|
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
|
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.
|
contacting the organization of which you are a customer.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Governing Law</h4>
|
h4 Governing Law
|
||||||
<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 is governed by the laws of US without regard to its conflict of laws provision. You consent to
|
||||||
the exclusive jurisdiction of the courts in connection with any action or dispute arising between the parties
|
the exclusive jurisdiction of the courts in connection with any action or dispute arising between the parties under
|
||||||
under or in connection with this Privacy Policy except for those individuals who may have rights to make claims
|
or in connection with this Privacy Policy except for those individuals who may have rights to make claims under
|
||||||
under Privacy Shield, or the Swiss-US framework.
|
Privacy Shield, or the Swiss-US framework.
|
||||||
</p>
|
p.
|
||||||
<p>
|
The laws of US, excluding its conflicts of law rules, shall govern this Agreement and your use of the website. Your
|
||||||
The laws of US, excluding its conflicts of law rules, shall govern this Agreement and your use of the website.
|
use of the website may also be subject to other local, state, national, or international laws.
|
||||||
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
|
||||||
<p>
|
to this Privacy Policy, you should not engage with our website, or use our services. Continued use of the website,
|
||||||
By using {{name}} or contacting us directly, you signify your acceptance of this Privacy Policy. If you do not
|
direct engagement with us, or following the posting of changes to this Privacy Policy that do not significantly
|
||||||
agree to this Privacy Policy, you should not engage with our website, or use our services. Continued use of the
|
affect the use or disclosure of your personal information will mean that you accept those changes.
|
||||||
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 Your Consent
|
||||||
<p>
|
p.
|
||||||
We’ve updated our Privacy Policy to provide you with complete transparency into what is being set when you
|
We’ve updated our Privacy Policy to provide you with complete transparency into what is being set when you
|
||||||
visit our site and how it’s being used. By using our website, registering an account, or making a purchase,
|
visit our site and how it’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.
|
you hereby consent to our Privacy Policy and agree to its terms.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Links to Other Websites</h4>
|
h4 Links to Other Websites
|
||||||
<p>
|
p.
|
||||||
This Privacy Policy applies only to the Services. The Services may contain links to other websites not operated or
|
This Privacy Policy applies only to the Services. The Services may contain links to other websites not operated or
|
||||||
controlled by {{name}}. We are not responsible for the content, accuracy or opinions expressed in such websites,
|
controlled by {{name}}. We are not responsible for the content, accuracy or opinions expressed in such websites, and
|
||||||
and such websites are not investigated, monitored or checked for accuracy or completeness by us. Please remember
|
such websites are not investigated, monitored or checked for accuracy or completeness by us. Please remember that
|
||||||
that when you use a link to go from the Services to another website, our Privacy Policy is no longer in effect.
|
when you use a link to go from the Services to another website, our Privacy Policy is no longer in effect. Your
|
||||||
Your browsing and interaction on any other website, including those that have a link on our platform, is subject
|
browsing and interaction on any other website, including those that have a link on our platform, is subject to that
|
||||||
to that website’s own rules and policies. Such third parties may use their own cookies or other methods to collect
|
website’s own rules and policies. Such third parties may use their own cookies or other methods to collect
|
||||||
information about you.
|
information about you.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Cookies</h4>
|
h4 Cookies
|
||||||
<p>{{name}} does not use Cookies.</p>
|
p {{name}} does not use Cookies.
|
||||||
|
|
||||||
<h4>Kids' Privacy</h4>
|
h4 Kids' Privacy
|
||||||
<p>
|
p.
|
||||||
We do not address anyone under the age of 13. We do not knowingly collect personally identifiable information from
|
We do not address anyone under the age of 13. We do not knowingly collect personally identifiable information from
|
||||||
anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with
|
anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with
|
||||||
Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the
|
Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age
|
||||||
age of 13 without verification of parental consent, We take steps to remove that information from Our servers.
|
of 13 without verification of parental consent, We take steps to remove that information from Our servers.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Changes To Our Privacy Policy</h4>
|
h4 Changes To Our Privacy Policy
|
||||||
<p>
|
p.
|
||||||
We may change our Service and policies, and we may need to make changes to this Privacy Policy so that they
|
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,
|
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
|
through our Service) before we make changes to this Privacy Policy and give you an opportunity to review them before
|
||||||
before they go into effect. Then, if you continue to use the Service, you will be bound by the updated Privacy
|
they go into effect. Then, if you continue to use the Service, you will be bound by the updated Privacy Policy. If
|
||||||
Policy. If you do not want to agree to this or any updated Privacy Policy, you can delete your account.
|
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 Third-Party Services
|
||||||
<p>
|
p.
|
||||||
We may display, include or make available third-party content (including data, information, applications and other
|
We may display, include or make available third-party content (including data, information, applications and other
|
||||||
products services) or provide links to third-party websites or services (“Third-Party Services”).
|
products services) or provide links to third-party websites or services (“Third-Party Services”).
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
You acknowledge and agree that {{name}} shall not be responsible for any Third-Party Services, including their
|
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
|
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
|
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.
|
entity for any Third-Party Services.
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
Third-Party Services and links thereto are provided solely as a convenience to you and you access and use them
|
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.
|
entirely at your own risk and subject to such third parties' terms and conditions.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Tracking Technologies</h4>
|
h4 Tracking Technologies
|
||||||
<p>
|
p.
|
||||||
{{name}} does not use any tracking technologies. When an authorization code is received from No Agenda Social,
|
{{name}} does not use any tracking technologies. When an authorization code is received from No Agenda Social, that
|
||||||
that token is stored in the browser’s memory, and the Service uses tokens on each request for data. If the
|
token is stored in the browser’s memory, and the Service uses tokens on each request for data. If the page is
|
||||||
page is refreshed or the browser window/tab is closed, this token disappears, and a new one must be generated
|
refreshed or the browser window/tab is closed, this token disappears, and a new one must be generated before the
|
||||||
before the application can be used again.
|
application can be used again.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Information about General Data Protection Regulation (GDPR)</h4>
|
h4 Information about General Data Protection Regulation (GDPR)
|
||||||
<p>
|
p.
|
||||||
We may be collecting and using information from you if you are from the European Economic Area (EEA), and in this
|
We may be collecting and using information from you if you are from the European Economic Area (EEA), and in this
|
||||||
section of our Privacy Policy we are going to explain exactly how and why is this data collected, and how we
|
section of our Privacy Policy we are going to explain exactly how and why is this data collected, and how we
|
||||||
maintain this data under protection from being replicated or used in the wrong way.
|
maintain this data under protection from being replicated or used in the wrong way.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>What is GDPR?</h4>
|
h5 What is GDPR?
|
||||||
<p>
|
p.
|
||||||
GDPR is an EU-wide privacy and data protection law that regulates how EU residents’ data is protected by
|
GDPR is an EU-wide privacy and data protection law that regulates how EU residents’ data is protected by
|
||||||
companies and enhances the control the EU residents have, over their personal data.
|
companies and enhances the control the EU residents have, over their personal data.
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
The GDPR is relevant to any globally operating company and not just the EU-based businesses and EU residents. Our
|
The GDPR is relevant to any globally operating company and not just the EU-based businesses and EU residents. Our
|
||||||
customers’ data is important irrespective of where they are located, which is why we have implemented GDPR
|
customers’ data is important irrespective of where they are located, which is why we have implemented GDPR controls
|
||||||
controls as our baseline standard for all our operations worldwide.
|
as our baseline standard for all our operations worldwide.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>What is personal data?</h4>
|
h5 What is personal data?
|
||||||
<p>
|
p.
|
||||||
Any data that relates to an identifiable or identified individual. GDPR covers a broad spectrum of information
|
Any data that relates to an identifiable or identified individual. GDPR covers a broad spectrum of information that
|
||||||
that could be used on its own, or in combination with other pieces of information, to identify a person. Personal
|
could be used on its own, or in combination with other pieces of information, to identify a person. Personal data
|
||||||
data extends beyond a person’s name or email address. Some examples include financial information, political
|
extends beyond a person’s name or email address. Some examples include financial information, political opinions,
|
||||||
opinions, genetic data, biometric data, IP addresses, physical address, sexual orientation, and ethnicity.
|
genetic data, biometric data, IP addresses, physical address, sexual orientation, and ethnicity.
|
||||||
</p>
|
p The Data Protection Principles include requirements such as:
|
||||||
<p>The Data Protection Principles include requirements such as:</p>
|
ul
|
||||||
<ul>
|
li.
|
||||||
<li>
|
|
||||||
Personal data collected must be processed in a fair, legal, and transparent way and should only be used in a way
|
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.
|
that a person would reasonably expect.
|
||||||
</li>
|
li.
|
||||||
<li>
|
|
||||||
Personal data should only be collected to fulfil a specific purpose and it should only be used for that purpose.
|
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.
|
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>Personal data should be held no longer than necessary to fulfil its purpose.</li>
|
li.
|
||||||
<li>
|
People covered by the GDPR have the right to access their own personal data. They can also request a copy of their
|
||||||
People covered by the GDPR have the right to access their own personal data. They can also request a copy of
|
data, and that their data be updated, deleted, restricted, or moved to another organization.
|
||||||
their data, and that their data be updated, deleted, restricted, or moved to another organization.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h4>Why is GDPR important?</h4>
|
h5 Why is GDPR important?
|
||||||
<p>
|
p.
|
||||||
GDPR adds some new requirements regarding how companies should protect individuals’ personal data that they
|
GDPR adds some new requirements regarding how companies should protect individuals’ personal data that they
|
||||||
collect and process. It also raises the stakes for compliance by increasing enforcement and imposing greater fines
|
collect and process. It also raises the stakes for compliance by increasing enforcement and imposing greater fines
|
||||||
for breach. Beyond these facts, it’s simply the right thing to do. At {{name}} we strongly believe that your
|
for breach. Beyond these facts, it’s simply the right thing to do. At {{name}} we strongly believe that your
|
||||||
data privacy is very important and we already have solid security and privacy practices in place that go beyond
|
data privacy is very important and we already have solid security and privacy practices in place that go beyond the
|
||||||
the requirements of this regulation.
|
requirements of this regulation.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Individual Data Subject’s Rights - Data Access, Portability, and Deletion</h4>
|
h5 Individual Data Subject’s Rights - Data Access, Portability, and Deletion
|
||||||
<p>
|
p.
|
||||||
We are committed to helping our customers meet the data subject rights requirements of GDPR. {{name}} processes or
|
We are committed to helping our customers meet the data subject rights requirements of GDPR. {{name}} processes or
|
||||||
stores all personal data in fully vetted, DPA compliant vendors. We do store all conversation and personal data
|
stores all personal data in fully vetted, DPA compliant vendors. We do store all conversation and personal data for
|
||||||
for up to 6 years unless your account is deleted. In which case, we dispose of all data in accordance with our
|
up to 6 years unless your account is deleted. In which case, we dispose of all data in accordance with our Terms of
|
||||||
Terms of Service and Privacy Policy, but we will not hold it longer than 60 days.
|
Service and Privacy Policy, but we will not hold it longer than 60 days.
|
||||||
</p>
|
p.
|
||||||
<p>
|
|
||||||
We are aware that if you are working with EU customers, you need to be able to provide them with the ability to
|
We are aware that if you are working with EU customers, you need to be able to provide them with the ability to
|
||||||
access, update, retrieve and remove personal data. We got you! We've been set up as self service from the start
|
access, update, retrieve and remove personal data. We got you! We've been set up as self service from the start and
|
||||||
and have always given you access to your data. Our customer support team is here for you to answer any questions
|
have always given you access to your data. Our customer support team is here for you to answer any questions you
|
||||||
you might have about working with the API.
|
might have about working with the API.
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>California Residents</h4>
|
h4 California Residents
|
||||||
<p>
|
p.
|
||||||
The California Consumer Privacy Act (CCPA) requires us to disclose categories of Personal Information we collect
|
The California Consumer Privacy Act (CCPA) requires us to disclose categories of Personal Information we collect and
|
||||||
and how we use it, the categories of sources from whom we collect Personal Information, and the third parties with
|
how we use it, the categories of sources from whom we collect Personal Information, and the third parties with whom
|
||||||
whom we share it, which we have explained above.
|
we share it, which we have explained above.
|
||||||
</p>
|
p.
|
||||||
<p>
|
We are also required to communicate information about rights California residents have under California law. You may
|
||||||
We are also required to communicate information about rights California residents have under California law. You
|
exercise the following rights:
|
||||||
may exercise the following rights:
|
ul
|
||||||
</p>
|
li.
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Right to Know and Access. You may submit a verifiable request for information regarding the: (1) categories of
|
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
|
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
|
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.
|
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>Right to Equal Service. We will not discriminate against you if you exercise your privacy rights.</li>
|
li.
|
||||||
<li>
|
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal Information
|
||||||
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal
|
about you that we have collected.
|
||||||
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.
|
||||||
</li>
|
p.
|
||||||
<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,
|
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.
|
please contact us.
|
||||||
</p>
|
p We do not sell the Personal Information of our users.
|
||||||
<p>We do not sell the Personal Information of our users.</p>
|
p For more information about these rights, please contact us.
|
||||||
<p>For more information about these rights, please contact us.</p>
|
|
||||||
|
|
||||||
<h4>California Online Privacy Protection Act (CalOPPA)</h4>
|
h5 California Online Privacy Protection Act (CalOPPA)
|
||||||
<p>
|
p.
|
||||||
CalOPPA requires us to disclose categories of Personal Information we collect and how we use it, the categories of
|
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
|
sources from whom we collect Personal Information, and the third parties with whom we share it, which we have
|
||||||
explained above.
|
explained above.
|
||||||
</p>
|
p CalOPPA users have the following rights:
|
||||||
<p>CalOPPA users have the following rights:</p>
|
ul
|
||||||
<ul>
|
li.
|
||||||
<li>
|
|
||||||
Right to Know and Access. You may submit a verifiable request for information regarding the: (1) categories of
|
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
|
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
|
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.
|
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>Right to Equal Service. We will not discriminate against you if you exercise your privacy rights.</li>
|
li.
|
||||||
<li>
|
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal Information
|
||||||
Right to Delete. You may submit a verifiable request to close your account and we will delete Personal
|
about you that we have collected.
|
||||||
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.
|
||||||
</li>
|
p.
|
||||||
<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,
|
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.
|
please contact us.
|
||||||
</p>
|
p We do not sell the Personal Information of our users.
|
||||||
<p>We do not sell the Personal Information of our users.</p>
|
p For more information about these rights, please contact us.
|
||||||
<p>For more information about these rights, please contact us.</p>
|
|
||||||
|
|
||||||
<h4>Contact Us</h4>
|
h4 Contact Us
|
||||||
<p>Don't hesitate to contact us if you have any questions.</p>
|
p Don't hesitate to contact us if you have any questions.
|
||||||
<ul>
|
ul: li Via this Link: #[router-link(to='/how-it-works') https://noagendacareers.com/how-it-works]
|
||||||
<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">
|
||||||
|
|
|
@ -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’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’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 “as is”, and no warranty (express or implied) exists. The service and its
|
This service is provided “as is”, 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>
|
||||||
|
|
|
@ -1,9 +1,8 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<article>
|
article
|
||||||
<page-title title="Logging on..." />
|
page-title(title='Logging on...')
|
||||||
<p> </p>
|
p
|
||||||
<p v-html="message"></p>
|
p(v-html='message')
|
||||||
</article>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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 “Edit Profile” 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 “Edit Profile” in the
|
|
|
||||||
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>
|
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’s just you…
|
||||||
</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…
|
||||||
</div>
|
.card-footer: router-link.btn.btn-outline-secondary(to='/profile/search') Search Profiles
|
||||||
<div class="col">
|
p
|
||||||
<div class="card h-100">
|
p.
|
||||||
<h5 class="card-header">Other Citizens</h5>
|
|
||||||
<div class="card-body">
|
|
||||||
<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’s just you…
|
|
||||||
</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…
|
|
||||||
</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> </p>
|
|
||||||
<p>
|
|
||||||
To see how this application works, check out “How It Works” in the sidebar (last updated June
|
To see how this application works, check out “How It Works” in the sidebar (last updated June
|
||||||
14<sup>th</sup>, 2021).
|
14#[sup th], 2021).
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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 #[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’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
|
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')] 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" />
|
|
|
||||||
<div class="col-12">
|
router-link.btn.btn-outline-secondary(:to='`/profile/${user.citizenId}/view`').
|
||||||
<hr>
|
#[icon(icon='file-account-outline')] 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’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" /> Save
|
|
||||||
</button>
|
|
||||||
<template v-if="!isNew">
|
|
||||||
|
|
||||||
<router-link class="btn btn-outline-secondary" :to="`/profile/${user.citizenId}/view`">
|
|
||||||
<icon icon="file-account-outline" /> 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">
|
||||||
|
|
|
@ -1,9 +1,8 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<article>
|
article
|
||||||
<page-title title="Logging off..." />
|
page-title(title='Logging off...')
|
||||||
<p> </p>
|
p
|
||||||
<p class="fst-italic">Logging off…</p>
|
p.fst-italic Logging off…
|
||||||
</article>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -1,8 +1,7 @@
|
||||||
<template>
|
<template lang="pug">
|
||||||
<article>
|
article
|
||||||
<p> </p>
|
p
|
||||||
<p class="fst-italic">Sending you over to No Agenda Social to log on; see you back in just a second…</p>
|
p.fst-italic Sending you over to No Agenda Social to log on; see you back in just a second…
|
||||||
</article>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -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 “Search” to see all current job listings.
|
Enter relevant criteria to find results, or just click “Search” to see all current job listings.
|
||||||
</p>
|
collapse-panel(headerText='Search Criteria' :collapsed='isCollapsed' @toggle='toggleCollapse')
|
||||||
<collapse-panel headerText="Search Criteria" :collapsed="isCollapsed" @toggle="toggleCollapse">
|
listing-search-form(v-model='criteria' @search='doSearch')
|
||||||
<listing-search-form v-model="criteria" @search="doSearch" />
|
error-list(:errors='errors')
|
||||||
</collapse-panel>
|
p.pt-3(v-if='searching') Searching job listings…
|
||||||
<error-list :errors="errors">
|
template(v-else)
|
||||||
<p v-if="searching" class="pt-3">Searching job listings...</p>
|
table.table.table-sm.table-hover.pt-3(v-if='results.length > 0')
|
||||||
<template v-else>
|
thead: tr
|
||||||
<table v-if="results.length > 0" class="table table-sm table-hover pt-3">
|
th(scope='col') Listing
|
||||||
<thead>
|
th(scope='col') Title
|
||||||
<tr>
|
th(scope='col') Location
|
||||||
<th scope="col">Listing</th>
|
th.text-center(scope='col') Remote?
|
||||||
<th scope="col">Title</th>
|
th.text-center(scope='col') Needed By
|
||||||
<th scope="col">Location</th>
|
tbody: tr(v-for='it in results' :key='it.listing.id')
|
||||||
<th scope="col" class="text-center">Remote?</th>
|
td: router-link(:to='`/listing/${it.listing.id}/view`') View
|
||||||
<th scope="col" class="text-center">Needed By</th>
|
td {{it.listing.title}}
|
||||||
</tr>
|
td {{it.continent.name}} / {{it.listing.region}}
|
||||||
</thead>
|
td.text-center {{yesOrNo(it.listing.remoteWork)}}
|
||||||
<tbody>
|
td.text-center(v-if='it.listing.neededBy') {{formatNeededBy(it.listing.neededBy)}}
|
||||||
<tr v-for="it in results" :key="it.listing.id">
|
td.text-center(v-else) N/A
|
||||||
<td><router-link :to="`/listing/${it.listing.id}/view`">View</router-link></td>
|
p.pt-3(v-else-if='searched') No job listings found for the specified criteria
|
||||||
<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">
|
||||||
|
|
|
@ -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')] 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" /> 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">
|
||||||
|
|
|
@ -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> •
|
#[strong #[em NEEDED BY {{neededBy(it.listing.neededBy)}}]] •
|
||||||
</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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 “Search” to list all profiles.
|
Enter one or more criteria to filter results, or just click “Search” to list all profiles.
|
||||||
</p>
|
collapse-panel(headerText='Search Criteria' :collapsed='isCollapsed' @toggle='toggleCollapse')
|
||||||
<collapse-panel headerText="Search Criteria" :collapsed="isCollapsed" @toggle="toggleCollapse">
|
profile-search-form(v-model='criteria' @search='doSearch')
|
||||||
<profile-search-form v-model="criteria" @search="doSearch" />
|
error-list(:errors='errors')
|
||||||
</collapse-panel>
|
p.pt-3(v-if='searching') Searching profiles…
|
||||||
<error-list :errors="errors">
|
template(v-else)
|
||||||
<p v-if="searching" class="pt-3">Searching profiles...</p>
|
table.table.table-sm.table-hover.pt-3(v-if='results.length > 0')
|
||||||
<template v-else>
|
thead: tr
|
||||||
<table v-if="results.length > 0" class="table table-sm table-hover pt-3">
|
th(scope='col') Profile
|
||||||
<thead>
|
th(scope='col') Name
|
||||||
<tr>
|
th.text-center(scope='col') Seeking?
|
||||||
<th scope="col">Profile</th>
|
th.text-center(scope='col') Remote?
|
||||||
<th scope="col">Name</th>
|
th.text-center(scope='col') Full-Time?
|
||||||
<th scope="col" class="text-center">Seeking?</th>
|
th(scope='col') Last Updated
|
||||||
<th scope="col" class="text-center">Remote?</th>
|
tbody: tr(v-for='profile in results' :key='profile.citzenId')
|
||||||
<th scope="col" class="text-center">Full-Time?</th>
|
td: router-link(:to='`/profile/${profile.citizenId}/view`') View
|
||||||
<th scope="col">Last Updated</th>
|
td(:class="{ 'font-weight-bold' : profile.seekingEmployment }") {{profile.displayName}}
|
||||||
</tr>
|
td.text-center {{yesOrNo(profile.seekingEmployment)}}
|
||||||
</thead>
|
td.text-center {{yesOrNo(profile.remoteWork)}}
|
||||||
<tbody>
|
td.text-center {{yesOrNo(profile.fullTime)}}
|
||||||
<tr v-for="profile in results" :key="profile.citzenId">
|
td: full-date(:date='profile.lastUpdatedOn')
|
||||||
<td><router-link :to="`/profile/${profile.citizenId}/view`">View</router-link></td>
|
p.pt-3(v-else-if='searched') No results found for the specified criteria
|
||||||
<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">
|
||||||
|
|
|
@ -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')] 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" /> 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)),
|
||||||
|
|
|
@ -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 “Search” to list all profiles.
|
Enter one or more criteria to filter results, or just click “Search” to list all profiles.
|
||||||
</p>
|
collapse-panel(headerText='Search Criteria' :collapsed='isCollapsed' @toggle='toggleCollapse')
|
||||||
<collapse-panel headerText="Search Criteria" :collapsed="isCollapsed" @toggle="toggleCollapse">
|
profile-public-search-form(v-model='criteria' @search='doSearch')
|
||||||
<profile-public-search-form v-model="criteria" @search="doSearch" />
|
error-list(:errors='errors')
|
||||||
</collapse-panel>
|
p(v-if='searching') Searching profiles…
|
||||||
<error-list :errors="errors">
|
template(v-else)
|
||||||
<p v-if="searching">Searching profiles...</p>
|
template(v-if='results.length > 0')
|
||||||
<template v-else>
|
p.pb-3.pt-3.
|
||||||
<template v-if="results.length > 0">
|
|
||||||
<p class="pb-3 pt-3">
|
|
||||||
These profiles match your search criteria. To learn more about these people, join the merry band of human
|
These profiles match your search criteria. To learn more about these people, join the merry band of human
|
||||||
resources in the <a href="https://noagendashow.net" target="_blank">No Agenda</a> tribe!
|
resources in the #[a(href='https://noagendashow.net' target='_blank') No Agenda] tribe!
|
||||||
</p>
|
table.table.table-sm.table-hover
|
||||||
<table class="table table-sm table-hover">
|
thead: tr
|
||||||
<thead>
|
th(scope='col') Continent
|
||||||
<tr>
|
th.text-center(scope='col') Region
|
||||||
<th scope="col">Continent</th>
|
th.text-center(scope='col') Remote?
|
||||||
<th scope="col" class="text-center">Region</th>
|
th.text-center(scope='col') Skills
|
||||||
<th scope="col" class="text-center">Remote?</th>
|
tbody: tr(v-for='(profile, idx) in results' :key='idx')
|
||||||
<th scope="col" class="text-center">Skills</th>
|
td {{profile.continent}}
|
||||||
</tr>
|
td {{profile.region}}
|
||||||
</thead>
|
td.text-center {{yesOrNo(profile.remoteWork)}}
|
||||||
<tbody>
|
td: template(v-for='(skill, idx) in profile.skills' :key='idx') {{skill}}#[br]
|
||||||
<tr v-for="(profile, idx) in results" :key="idx">
|
p.pt-3(v-else-if='searched') No results found for the specified criteria
|
||||||
<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">
|
||||||
|
|
|
@ -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 – Delete Your Profile
|
||||||
<h4 class="pb-3">Option 1 – 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’s knowledge of you. This is what you want to use if you
|
||||||
stories you may have written, and preserves this application’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’ view).
|
||||||
use if you want to clear out your profile and start again (and remove the current one from others’ 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 – 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 – Delete Your Account</h4>
|
|
||||||
<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 <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’s permissions on No Agenda Social; you will have to remove this
|
(This will not revoke this application’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
|
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>× Revoke</strong> link for that entry.)
|
#[strong Jobs, Jobs, Jobs] entry, and click the #[strong × Revoke] link for that entry.)
|
||||||
</em>
|
p.text-center: button.btn.btn-danger(@click.prevent='deleteAccount') Delete Your Entire Account
|
||||||
</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">
|
||||||
|
|
|
@ -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>× Revoke</strong>. Otherwise, clicking “Log On” in the left-hand menu will create a new,
|
#[strong × Revoke]. Otherwise, clicking “Log On” 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>
|
||||||
|
|
|
@ -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.)</em>
|
about it below! #[em (These will be visible to other users, but not to the general public.)]
|
||||||
</p>
|
form.row.g-3
|
||||||
<form class="row g-3">
|
.col-12: .form-check
|
||||||
<div class="col-12">
|
input.form-check-input(type='checkbox' id='fromHere' v-model='v$.fromHere.$model')
|
||||||
<div class="form-check">
|
label.form-check-label(for='fromHere') I found my employment here
|
||||||
<input type="checkbox" id="fromHere" class="form-check-input" v-model="v$.fromHere.$model">
|
markdown-editor(id='story' label='The Success Story' v-model:text='v$.story.$model')
|
||||||
<label for="fromHere" class="form-check-label">I found my employment here</label>
|
.col-12
|
||||||
</div>
|
button.btn.btn-primary(type='submit' @click.prevent='saveStory(true)').
|
||||||
</div>
|
#[icon(icon='content-save-outline')] Save
|
||||||
<markdown-editor id="story" label="The Success Story" v-model:text="v$.story.$model" />
|
p(v-if='isNew'): em (Saving this will set “Seeking Employment” to “No” on your profile.)
|
||||||
<div class="col-12">
|
maybe-save(:isShown='confirmNavShown' :toRoute='nextRoute' :saveAction='doSave' :validator='v$' @close='confirmClose')
|
||||||
<button type="submit" class="btn btn-primary" @click.prevent="saveStory(true)">
|
|
||||||
<icon icon="content-save-outline" /> Save
|
|
||||||
</button>
|
|
||||||
<p v-if="isNew">
|
|
||||||
<em>(Saving this will set “Seeking Employment” to “No” 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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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}}’s Success Story</h3>
|
h3.pb-3 {{citizenName}}’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">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user