@burh/nuxt-core 1.0.503 → 1.0.505

package/components/burh-ds/Jobs/JobDetail.vue

@@ -1,432 +1,432 @@
-<template>
-	<div :class="classes" class="job-detail printable">
-		<template v-if="searchEmpty == false">
-			<img src="/img/brand/burh-imagotipo.svg" alt="BURH" class="printable__logoburh">
-			<div class="job-detail__wrapper">
-				<div class="container">
-					<div class="job-detail__header mt-4">
-						<div>
-							<h1 class="display-1">{{title}}</h1>
-							<!-- NB - Vaga Horizontal -->
-							<div class="d-flex w-100 company-info">
-								<span class="avatar rounded-circle">
-									<img :alt="company" :src="!company_private ? img : '/img/content/logoempresaconfidencial.png'" onerror="this.src='/img/content/company-logo-not-found.svg'" v-if="company != ''"/>
-								</span>
-								<div>
-									<span class="job-detail__company">
-										<a @click.prevent="$router.push('/empresas/' + company_slug)" v-if="!company_private && company != ''" href="#">{{company}}</a>
-										<p class="job-detail__company-confidential" v-if="company_private && company != ''">Empresa Confidencial</p>
-									</span>
-									<span class="job-detail__local">
-										{{location}}
-										<font-awesome-icon class="ml-2" v-if="handicapped" :icon="['fas', 'wheelchair']" legend="Vaga para pessoas com deficiência."/>
-									</span>
-									<p class="job-detail__published" v-if="fromNow() != null">{{ fromNow() }}</p>
-								</div>
-							</div>
-							<div class="urgency-container" v-if="urgency">
-								<font-awesome-icon :icon="['fas', 'exclamation-triangle']" />
-								<span>Urgente</span>
-							</div>
-						</div>
-						<ul class="list-inline job-detail__controls d-md-block d-none" v-if="!skeleton">
-							<li class="list-inline-item">
-								<a href="javascript:void(0)" class="btn btn-link active"  @click.prevent="$emit('save-click')">
-									<font-awesome-icon :icon="[!fullHeart ? 'far' : 'fas', 'heart']" size="lg" class="mr-2"/>
-								</a>
-							</li>
-							<li class="list-inline-item d-none d-sm-inline-block">
-								<a href="#" class="btn btn-link" @click.prevent="printJob()">
-									<font-awesome-icon :icon="['fas', 'print']" size="lg"/>
-								</a>
-							</li>
-							<li class="list-inline-item">
-								<a href="#" class="btn btn-link" @click.prevent="$emit('share-click', link);">
-									<font-awesome-icon :icon="['fas', 'share']" size="lg"/>
-								</a>
-							</li>
-
-						</ul>
-						<slot name="qrcode"></slot>
-					</div>
-					<div class="job-detail__info" v-if="hiring != null && salary != null && hiring != '' && salary != ''">
-						<div class="box-icon" v-if="hiring">
-							<div class="avatar">
-								<font-awesome-icon :icon="['far', 'clipboard']" />
-							</div>
-							<div class="box-icon__text">
-								<span class="text-muted">Tipo da Vaga</span>
-								<b class="lead">{{hiring}}</b>
-							</div>
-						</div>
-						<div class="box-icon" v-if="salary">
-							<div class="avatar">
-								<font-awesome-icon :icon="['fas', 'dollar-sign']" />
-							</div>
-							<div class="box-icon__text">
-								<span class="text-muted">Salário</span>
-								<b class="lead">R$ {{salary}}</b>
-							</div>
-						</div>
-					</div>
-
-					<!-- BURH-L1-RESP-AC-VAGAS-POST -->
-					<!-- <adsbygoogle
-            style="display:block"
-            ad-client="ca-pub-1909661490063210"
-            ad-slot="9477312927"
-            ad-format="link"
-            full-width-responsive="true"/> -->
-
-					<base-alert type="warning" v-if="location != actualCity && currentUser != null">
-						<span class="alert-inner--text"><strong>Atenção:</strong> esta vaga é em uma cidade diferente da sua.</span>
-						<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                  <span aria-hidden="true">&times;</span>
-              </button> -->
-					</base-alert>
-					<div class="job-detail__body">
-						<h2 class="display-3"><span v-if="!description == ''">Descrição</span></h2>
-						<div><pre class="default-text default-text--pre">{{description}}</pre></div>
-						<adsbygoogle
-							ad-slot="1008492397"
-						/>
-
-						<hr v-if="benefits != null && benefits.length > 0">
-						<h2 class="display-3" v-if="benefits != null && benefits.length > 0">Benefícios</h2>
-						<ul class="list-inline d-none d-md-block">
-							<li class="list-inline-item mb-2" v-for="benefit in benefits" :key="benefit.name">
-								<badge rounded type="outline-default" size="lg">{{translateBenefit(benefit.name)}}</badge>
-							</li>
-						</ul>
-						<hr v-if="benefits != null && benefits.length > 0">
-						<!-- BURH-L3-RESP-AC-VAGAS-POST -->
-						<!-- <adsbygoogle
-              style="display:block"
-              ad-client="ca-pub-1909661490063210"
-              ad-slot="4059542709"
-              ad-format="link"
-              full-width-responsive="true"/> -->
-						<ul class="list-unstyled d-sm-block d-md-none">
-							<li>
-								<ul class="pl-4">
-									<li class="mb-2" v-for="benefit in benefits" :key="benefit.name">
-										{{translateBenefit(benefit.name)}}
-									</li>
-								</ul>
-							</li>
-						</ul>
-						<hr class="d-sm-block d-md-none">
-						<base-button outline class="d-sm-block d-md-none w-100 mb-0" :type="skeleton ? 'disabled' : 'primary'" :disabled="skeleton" v-on:click.prevent="$emit('share-click', link);">
-							Compartilhar
-						</base-button>
-						<base-button outline class="d-sm-block d-md-none w-100" :type="skeleton ? 'disabled' : 'primary'" :disabled="skeleton" v-on:click.prevent="$emit('save-click');">
-							<font-awesome-icon :icon="[!fullHeart ? 'far' : 'fas', 'heart']" class="mr-2"/>Salvar
-						</base-button>
-					</div>
-				</div>
-			</div>
-			<div class="job-detail__footer" slot="footer-content" :class="{
-				'bg-success': (applied && job_status == 1)
-			}">
-				<div class="container">
-					<div class="box-icon" v-if="handicapped">
-						<div class="avatar">
-							<font-awesome-icon :icon="['fas', 'wheelchair']" />
-						</div>
-						<div class="box-icon__text">
-							<span class="text-muted"><template>Vaga exclusiva para</template></span>
-							<b class="lead"> PCD</b>
-						</div>
-					</div>
-					<!-- <div class="box-icon" v-if="urgency">
-						<div class="avatar">
-							<font-awesome-icon :icon="['fas', 'exclamation-triangle']" />
-						</div>
-						<div class="box-icon__text">
-							<b class="lead">Urgente</b>
-						</div>
-					</div> -->
-					<div class="box-icon" v-if="hiring">
-						<div class="avatar">
-							<font-awesome-icon :icon="['far', 'clipboard']" />
-						</div>
-						<div class="box-icon__text">
-							<span class="text-muted"><template v-if="hiring">Tipo da Vaga</template></span>
-							<b class="lead" v-if="hiring">{{hiring}}</b>
-							<b class="lead" v-if="!hiring"></b>
-						</div>
-					</div>
-					<div class="box-icon" v-if="salary">
-						<div class="avatar">
-							<font-awesome-icon :icon="['fas', 'dollar-sign']" />
-						</div>
-						<div class="box-icon__text">
-							<span class="text-muted">Salário</span>
-							<b class="lead">R$ {{maskSalary(salary, false, false)}}</b>
-						</div>
-					</div>
-					<base-button v-if="!applied && job_status == 1" class="btn-subscribe" slot="reference" :loading="currentUser != null ? loadingApply : false" :type="skeleton ? 'disabled' : 'primary'" :disabled="skeleton" v-on:click.prevent="apply(true);">
-						Candidatar-se
-					</base-button>
-					<base-button v-if="applied && job_status == 1" class="btn-subscribe" slot="reference" :loading="currentUser != null ? loadingApply : false" :type="skeleton ? 'disabled' : 'white'" :disabled="skeleton || !canUnSubscribe" v-on:click.prevent="apply(false);">
-						Desistir da vaga
-					</base-button>
-					<span style="color: rgb(29, 161, 241);" v-if="job_status != 1">Vaga Encerrada</span>
-				</div>
-			</div>
-		</template>
-		<template v-else>
-			<job-detail-empty></job-detail-empty>
-		</template>
-	</div>
-</template>
-<script>
-import jobDetailEmpty from '~/components/burh-ds/Jobs/JobDetailEmpty.vue';
-import { Tooltip, Popover } from 'element-ui';
-import moment from 'moment';
-import 'moment/locale/pt-br';
-import https from 'https';
-
-export default {
-	name: 'base-spa',
-	components: {
-		Tooltip,
-		Popover,
-		jobDetailEmpty
-	},
-	props: {
-		title: String,
-		company: String,
-		img: String,
-		location: String,
-		description: String,
-		classes: String,
-		salary: [String, Number],
-		benefits: Array,
-		hiring: String,
-		company_private: Boolean,
-		company_slug: String,
-		link: String,
-		date: String,
-		handicapped: Boolean,
-		urgency: Boolean,
-		fullHeart: {
-			type: Boolean,
-			default: false
-		},
-		loadingApply: {
-			type: Boolean,
-			default: false
-		},
-		canUnSubscribe: {
-			type: Boolean,
-			default: false
-		},
-		applied: {
-			type: Boolean,
-			default: false
-		},
-		skeleton: {
-			type: Boolean,
-			default: false
-		},
-		searchEmpty: {
-			type: Boolean,
-			defaut: false
-		},
-		job_status: {
-			type: Number,
-			// default: true
-		}
-	},
-	model: {},
-	computed: {},
-	async mounted() {
-		this.actualCity = await this.$location();
-		this.getUserLocation();
-		this.currentUser = this.$store.state.localStorage.currentUser;
-	},
-	data() {
-		return {
-			user_location: null,
-			actualCity: null,
-			currentUser: null,
-		};
-	},
-	methods: {
-		apply(apply) {
-			this.$emit('apply-to-job', apply);
-		},
-		async getUserLocation() {
-			if (this.$store.state.localStorage.currentUser == null ){
-				return;
-			}
-			let getProfile = process.env.routes.api.user.getProfile.replace(':userIdOrSlug', this.$store.state.localStorage.currentUser.slug);
-
-			let { data } = await this.$axios.post(
-				getProfile,
-				{
-					get: [
-						'address'
-					]
-				},
-				{
-					httpsAgent: new https.Agent({
-						rejectUnauthorized: false
-					})
-				}
-			);
-
-			this.user_location = data.data.address.city_name || null;
-		},
-		printJob(){
-			window.print();
-		},
-		maskSalary(num, symbol = true, clear = false) {
-			num = num || 0;
-			num = parseFloat(num);
-			let n = num.toFixed(2).replace('.', ',').replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.');
-			if (clear) {
-				n = n.replace(/\./g, '').replace(',', '.');
-			}
-			if (symbol && !clear) {
-				return 'R$' + n;
-			} else {
-				return n;
-			}
-		},
-		fromNow() {
-			return this.date != null ? moment(this.date).locale('pt-BR').fromNow() : null;
-		},
-		translateBenefit(name) {
-			let tag = name.toLowerCase().split(' ').join('_');
-			let arr = [
-				{
-					tag: 'medical_assistance',
-					translate: 'Convênio Médico'
-				},
-				{
-					tag: 'food_voucher',
-					translate: 'Vale Alimentação'
-				},
-				{
-					tag: 'meal_voucher',
-					translate: 'Vale Refeição'
-				},
-				{
-					tag: 'commuter_benefits',
-					translate: 'Vale Transporte'
-				},
-				{
-					tag: 'food_stamps',
-					translate: 'Cesta Básica'
-				},
-				{
-					tag: 'fuel',
-					translate: 'Combustível'
-				},
-				{
-					tag: 'dental_care',
-					translate: 'Assistência Odontológica'
-				},
-				{
-					tag: 'profit_sharing',
-					translate: 'Participação nos Lucros'
-				},
-				{
-					tag: 'shuttle_bus',
-					translate: 'Transporte da Empresa'
-				},
-				{
-					tag: 'restaurant_in_the_company',
-					translate: 'Restaurante na Empresa'
-				},
-				{
-					tag: 'private_pension_plans',
-					translate: 'Previdência Privada'
-				},
-				{
-					tag: 'parking',
-					translate: 'Estacionamento'
-				},
-				{
-					tag: 'childcare_assistance',
-					translate: 'Auxílio Creche'
-				},
-				{
-					tag: 'language_course',
-					translate: 'Curso de Idiomas'
-				},
-				{
-					tag: 'university_scholarship',
-					translate: 'Bolsa Universitária'
-				},
-				{
-					tag: 'graduate',
-					translate: 'Bolsa Pós Graduação / MBA'
-				},
-				{
-					tag: 'drugstore_assistance',
-					translate: 'Convênio com Farmácia'
-				},
-				{
-					tag: 'company_car',
-					translate: 'Carro da Empresa'
-				},
-				{
-					tag: 'company_cellphone',
-					translate: 'Celular da Empresa'
-				},
-			];
-
-			return arr.filter((benefit) => {
-				return benefit.tag == tag;
-			})[0].translate;
-		}
-	},
-	watch: {
-		async '$store.state.localStorage.currentUser'(newValue, oldValue) {
-			if(newValue == null){
-				this.actualCity = await this.$location();
-			}
-		}
-		// searchEmpty(searchEmpty) {
-		//   
-		//   return searchEmpty;
-		// }
-	}
-};
-</script>
-<style lang="scss">
-//.list-inline, .list-inline li {display: inline-block;margin:0px 10px 10px 0px;}
-.company-info {align-items: center;}
-.job-detail__footer {
-  &.bg-success {
-    .box-icon,
-    .box-icon .avatar,
-    .box-icon__text > *,
-    .text-muted {
-      color: #ffffff !important;
-      border-color: #ffffff;
-    }
-  }
-
-  .btn {
-    &.btn-subscribe {
-      margin-left: 1rem;
-      margin-right: 1rem;
-      width: 100%;
-      @media screen and (min-width: 768px){
-        margin: initial;
-        width: initial;
-      }
-    }
-  }
-}
-.urgency-container {
-    padding-right: 24px;
-    color: red;
-    text-align: left;
-    padding-top: 10px;
-}
-</style>
+<template>
+	<div :class="classes" class="job-detail printable">
+		<template v-if="searchEmpty == false">
+			<img src="/img/brand/burh-imagotipo.svg" alt="BURH" class="printable__logoburh">
+			<div class="job-detail__wrapper">
+				<div class="container">
+					<div class="job-detail__header mt-4">
+						<div>
+							<h1 class="display-1">{{title}}</h1>
+							<!-- NB - Vaga Horizontal -->
+							<div class="d-flex w-100 company-info">
+								<span class="avatar rounded-circle">
+									<img :alt="company" :src="!company_private ? img : '/img/content/logoempresaconfidencial.png'" onerror="this.src='/img/content/company-logo-not-found.svg'" v-if="company != ''"/>
+								</span>
+								<div>
+									<span class="job-detail__company">
+										<a @click.prevent="$router.push('/empresas/' + company_slug)" v-if="!company_private && company != ''" href="#">{{company}}</a>
+										<p class="job-detail__company-confidential" v-if="company_private && company != ''">Empresa Confidencial</p>
+									</span>
+									<span class="job-detail__local">
+										{{location}}
+										<font-awesome-icon class="ml-2" v-if="handicapped" :icon="['fas', 'wheelchair']" legend="Vaga para pessoas com deficiência."/>
+									</span>
+									<p class="job-detail__published" v-if="fromNow() != null">{{ fromNow() }}</p>
+								</div>
+							</div>
+							<div class="urgency-container" v-if="urgency">
+								<font-awesome-icon :icon="['fas', 'exclamation-triangle']" />
+								<span>Urgente</span>
+							</div>
+						</div>
+						<ul class="list-inline job-detail__controls d-md-block d-none" v-if="!skeleton">
+							<li class="list-inline-item">
+								<a href="javascript:void(0)" class="btn btn-link active"  @click.prevent="$emit('save-click')">
+									<font-awesome-icon :icon="[!fullHeart ? 'far' : 'fas', 'heart']" size="lg" class="mr-2"/>
+								</a>
+							</li>
+							<li class="list-inline-item d-none d-sm-inline-block">
+								<a href="#" class="btn btn-link" @click.prevent="printJob()">
+									<font-awesome-icon :icon="['fas', 'print']" size="lg"/>
+								</a>
+							</li>
+							<li class="list-inline-item">
+								<a href="#" class="btn btn-link" @click.prevent="$emit('share-click', link);">
+									<font-awesome-icon :icon="['fas', 'share']" size="lg"/>
+								</a>
+							</li>
+
+						</ul>
+						<slot name="qrcode"></slot>
+					</div>
+					<div class="job-detail__info" v-if="hiring != null && salary != null && hiring != '' && salary != ''">
+						<div class="box-icon" v-if="hiring">
+							<div class="avatar">
+								<font-awesome-icon :icon="['far', 'clipboard']" />
+							</div>
+							<div class="box-icon__text">
+								<span class="text-muted">Tipo da Vaga</span>
+								<b class="lead">{{hiring}}</b>
+							</div>
+						</div>
+						<div class="box-icon" v-if="salary">
+							<div class="avatar">
+								<font-awesome-icon :icon="['fas', 'dollar-sign']" />
+							</div>
+							<div class="box-icon__text">
+								<span class="text-muted">Salário</span>
+								<b class="lead">R$ {{salary}}</b>
+							</div>
+						</div>
+					</div>
+
+					<!-- BURH-L1-RESP-AC-VAGAS-POST -->
+					<!-- <adsbygoogle
+            style="display:block"
+            ad-client="ca-pub-1909661490063210"
+            ad-slot="9477312927"
+            ad-format="link"
+            full-width-responsive="true"/> -->
+
+					<base-alert type="warning" v-if="location != actualCity && currentUser != null">
+						<span class="alert-inner--text"><strong>Atenção:</strong> esta vaga é em uma cidade diferente da sua.</span>
+						<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+              </button> -->
+					</base-alert>
+					<div class="job-detail__body">
+						<h2 class="display-3"><span v-if="!description == ''">Descrição</span></h2>
+						<div><pre class="default-text default-text--pre">{{description}}</pre></div>
+						<adsbygoogle
+							ad-slot="1008492397"
+						/>
+
+						<hr v-if="benefits != null && benefits.length > 0">
+						<h2 class="display-3" v-if="benefits != null && benefits.length > 0">Benefícios</h2>
+						<ul class="list-inline d-none d-md-block">
+							<li class="list-inline-item mb-2" v-for="benefit in benefits" :key="benefit.name">
+								<badge rounded type="outline-default" size="lg">{{translateBenefit(benefit.name)}}</badge>
+							</li>
+						</ul>
+						<hr v-if="benefits != null && benefits.length > 0">
+						<!-- BURH-L3-RESP-AC-VAGAS-POST -->
+						<!-- <adsbygoogle
+              style="display:block"
+              ad-client="ca-pub-1909661490063210"
+              ad-slot="4059542709"
+              ad-format="link"
+              full-width-responsive="true"/> -->
+						<ul class="list-unstyled d-sm-block d-md-none">
+							<li>
+								<ul class="pl-4">
+									<li class="mb-2" v-for="benefit in benefits" :key="benefit.name">
+										{{translateBenefit(benefit.name)}}
+									</li>
+								</ul>
+							</li>
+						</ul>
+						<hr class="d-sm-block d-md-none">
+						<base-button outline class="d-sm-block d-md-none w-100 mb-0" :type="skeleton ? 'disabled' : 'primary'" :disabled="skeleton" v-on:click.prevent="$emit('share-click', link);">
+							Compartilhar
+						</base-button>
+						<base-button outline class="d-sm-block d-md-none w-100" :type="skeleton ? 'disabled' : 'primary'" :disabled="skeleton" v-on:click.prevent="$emit('save-click');">
+							<font-awesome-icon :icon="[!fullHeart ? 'far' : 'fas', 'heart']" class="mr-2"/>Salvar
+						</base-button>
+					</div>
+				</div>
+			</div>
+			<div class="job-detail__footer" slot="footer-content" :class="{
+				'bg-success': (applied && job_status == 1)
+			}">
+				<div class="container">
+					<div class="box-icon" v-if="handicapped">
+						<div class="avatar">
+							<font-awesome-icon :icon="['fas', 'wheelchair']" />
+						</div>
+						<div class="box-icon__text">
+							<span class="text-muted"><template>Vaga exclusiva para</template></span>
+							<b class="lead"> PCD</b>
+						</div>
+					</div>
+					<!-- <div class="box-icon" v-if="urgency">
+						<div class="avatar">
+							<font-awesome-icon :icon="['fas', 'exclamation-triangle']" />
+						</div>
+						<div class="box-icon__text">
+							<b class="lead">Urgente</b>
+						</div>
+					</div> -->
+					<div class="box-icon" v-if="hiring">
+						<div class="avatar">
+							<font-awesome-icon :icon="['far', 'clipboard']" />
+						</div>
+						<div class="box-icon__text">
+							<span class="text-muted"><template v-if="hiring">Tipo da Vaga</template></span>
+							<b class="lead" v-if="hiring">{{hiring}}</b>
+							<b class="lead" v-if="!hiring"></b>
+						</div>
+					</div>
+					<div class="box-icon" v-if="salary">
+						<div class="avatar">
+							<font-awesome-icon :icon="['fas', 'dollar-sign']" />
+						</div>
+						<div class="box-icon__text">
+							<span class="text-muted">Salário</span>
+							<b class="lead">R$ {{maskSalary(salary, false, false)}}</b>
+						</div>
+					</div>
+					<base-button v-if="!applied && job_status == 1" class="btn-subscribe" slot="reference" :loading="currentUser != null ? loadingApply : false" :type="skeleton ? 'disabled' : 'primary'" :disabled="skeleton" v-on:click.prevent="apply(true);">
+						Candidatar-se
+					</base-button>
+					<base-button v-if="applied && job_status == 1" class="btn-subscribe" slot="reference" :loading="currentUser != null ? loadingApply : false" :type="skeleton ? 'disabled' : 'white'" :disabled="skeleton || !canUnSubscribe" v-on:click.prevent="apply(false);">
+						Desistir da vaga
+					</base-button>
+					<span style="color: rgb(29, 161, 241);" v-if="job_status != 1">Vaga Encerrada</span>
+				</div>
+			</div>
+		</template>
+		<template v-else>
+			<job-detail-empty></job-detail-empty>
+		</template>
+	</div>
+</template>
+<script>
+import jobDetailEmpty from '~/components/burh-ds/Jobs/JobDetailEmpty.vue';
+import { Tooltip, Popover } from 'element-ui';
+import moment from 'moment';
+import 'moment/locale/pt-br';
+import https from 'https';
+
+export default {
+	name: 'base-spa',
+	components: {
+		Tooltip,
+		Popover,
+		jobDetailEmpty
+	},
+	props: {
+		title: String,
+		company: String,
+		img: String,
+		location: String,
+		description: String,
+		classes: String,
+		salary: [String, Number],
+		benefits: Array,
+		hiring: String,
+		company_private: Boolean,
+		company_slug: String,
+		link: String,
+		date: String,
+		handicapped: Boolean,
+		urgency: Boolean,
+		fullHeart: {
+			type: Boolean,
+			default: false
+		},
+		loadingApply: {
+			type: Boolean,
+			default: false
+		},
+		canUnSubscribe: {
+			type: Boolean,
+			default: false
+		},
+		applied: {
+			type: Boolean,
+			default: false
+		},
+		skeleton: {
+			type: Boolean,
+			default: false
+		},
+		searchEmpty: {
+			type: Boolean,
+			defaut: false
+		},
+		job_status: {
+			type: Number,
+			// default: true
+		}
+	},
+	model: {},
+	computed: {},
+	async mounted() {
+		this.actualCity = await this.$location();
+		this.getUserLocation();
+		this.currentUser = this.$store.state.localStorage.currentUser;
+	},
+	data() {
+		return {
+			user_location: null,
+			actualCity: null,
+			currentUser: null,
+		};
+	},
+	methods: {
+		apply(apply) {
+			this.$emit('apply-to-job', apply);
+		},
+		async getUserLocation() {
+			if (this.$store.state.localStorage.currentUser == null ){
+				return;
+			}
+			let getProfile = process.env.routes.api.user.getProfile.replace(':userIdOrSlug', this.$store.state.localStorage.currentUser.slug);
+
+			let { data } = await this.$axios.post(
+				getProfile,
+				{
+					get: [
+						'address'
+					]
+				},
+				{
+					httpsAgent: new https.Agent({
+						rejectUnauthorized: false
+					})
+				}
+			);
+
+			this.user_location = data.data.address.city_name || null;
+		},
+		printJob(){
+			window.print();
+		},
+		maskSalary(num, symbol = true, clear = false) {
+			num = num || 0;
+			num = parseFloat(num);
+			let n = num.toFixed(2).replace('.', ',').replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.');
+			if (clear) {
+				n = n.replace(/\./g, '').replace(',', '.');
+			}
+			if (symbol && !clear) {
+				return 'R$' + n;
+			} else {
+				return n;
+			}
+		},
+		fromNow() {
+			return this.date != null ? moment(this.date).locale('pt-BR').fromNow() : null;
+		},
+		translateBenefit(name) {
+			let tag = name.toLowerCase().split(' ').join('_');
+			let arr = [
+				{
+					tag: 'medical_assistance',
+					translate: 'Convênio Médico'
+				},
+				{
+					tag: 'food_voucher',
+					translate: 'Vale Alimentação'
+				},
+				{
+					tag: 'meal_voucher',
+					translate: 'Vale Refeição'
+				},
+				{
+					tag: 'commuter_benefits',
+					translate: 'Vale Transporte'
+				},
+				{
+					tag: 'food_stamps',
+					translate: 'Cesta Básica'
+				},
+				{
+					tag: 'fuel',
+					translate: 'Combustível'
+				},
+				{
+					tag: 'dental_care',
+					translate: 'Assistência Odontológica'
+				},
+				{
+					tag: 'profit_sharing',
+					translate: 'Participação nos Lucros'
+				},
+				{
+					tag: 'shuttle_bus',
+					translate: 'Transporte da Empresa'
+				},
+				{
+					tag: 'restaurant_in_the_company',
+					translate: 'Restaurante na Empresa'
+				},
+				{
+					tag: 'private_pension_plans',
+					translate: 'Previdência Privada'
+				},
+				{
+					tag: 'parking',
+					translate: 'Estacionamento'
+				},
+				{
+					tag: 'childcare_assistance',
+					translate: 'Auxílio Creche'
+				},
+				{
+					tag: 'language_course',
+					translate: 'Curso de Idiomas'
+				},
+				{
+					tag: 'university_scholarship',
+					translate: 'Bolsa Universitária'
+				},
+				{
+					tag: 'graduate',
+					translate: 'Bolsa Pós Graduação / MBA'
+				},
+				{
+					tag: 'drugstore_assistance',
+					translate: 'Convênio com Farmácia'
+				},
+				{
+					tag: 'company_car',
+					translate: 'Carro da Empresa'
+				},
+				{
+					tag: 'company_cellphone',
+					translate: 'Celular da Empresa'
+				},
+			];
+
+			return arr.filter((benefit) => {
+				return benefit.tag == tag;
+			})[0].translate;
+		}
+	},
+	watch: {
+		async '$store.state.localStorage.currentUser'(newValue, oldValue) {
+			if(newValue == null){
+				this.actualCity = await this.$location();
+			}
+		}
+		// searchEmpty(searchEmpty) {
+		//   
+		//   return searchEmpty;
+		// }
+	}
+};
+</script>
+<style lang="scss">
+//.list-inline, .list-inline li {display: inline-block;margin:0px 10px 10px 0px;}
+.company-info {align-items: center;}
+.job-detail__footer {
+  &.bg-success {
+    .box-icon,
+    .box-icon .avatar,
+    .box-icon__text > *,
+    .text-muted {
+      color: #ffffff !important;
+      border-color: #ffffff;
+    }
+  }
+
+  .btn {
+    &.btn-subscribe {
+      margin-left: 1rem;
+      margin-right: 1rem;
+      width: 100%;
+      @media screen and (min-width: 768px){
+        margin: initial;
+        width: initial;
+      }
+    }
+  }
+}
+.urgency-container {
+    padding-right: 24px;
+    color: red;
+    text-align: left;
+    padding-top: 10px;
+}
+</style>