Change for showing the attachment for issues
This commit is contained in:
parent
2f73d454bb
commit
c1fb9cfa50
@ -2,38 +2,61 @@
|
||||
<template>
|
||||
<div class="header-container">
|
||||
<div class="header-content">
|
||||
<div class="information-bar" @click="gotoMessages"
|
||||
:class="{ active: activePath == 'message', unread: unreadConversationCount > 0 }">
|
||||
<div
|
||||
class="information-bar"
|
||||
@click="gotoMessages"
|
||||
:class="{ active: activePath == 'message', unread: unreadConversationCount > 0 }"
|
||||
>
|
||||
<img alt="freeleaps message" src="@/assets/message.png" />
|
||||
</div>
|
||||
<div class="navigation-container" role="navigation">
|
||||
<button class="navigation-item" @click="gotoWorkspace"
|
||||
:class="{ active: activePath == 'Workspace', badge: unreadWorkspace }">
|
||||
<button
|
||||
class="navigation-item"
|
||||
@click="gotoWorkspace"
|
||||
:class="{ active: activePath == 'Workspace', badge: unreadWorkspace }"
|
||||
>
|
||||
<svg-icon icon="workspace" class-name="icon" />
|
||||
{{ $t('My Work') }}
|
||||
<div v-if="unreadWorkspace" class="navigation-item-tip">
|
||||
{{ $t('Some update in your work') }}
|
||||
</div>
|
||||
</button>
|
||||
<button class="navigation-item" @click="gotoRequests"
|
||||
:class="{ active: activePath == 'Requests', badge: unreadRequest }">
|
||||
<button
|
||||
class="navigation-item"
|
||||
@click="gotoRequests"
|
||||
:class="{ active: activePath == 'Requests', badge: unreadRequest }"
|
||||
>
|
||||
<svg-icon icon="requests" class-name="icon" />
|
||||
{{ $t('Jobs') }}
|
||||
<div v-if="unreadRequest" class="navigation-item-tip">
|
||||
{{ $t('Some update in your request') }}
|
||||
</div>
|
||||
</button>
|
||||
<button class="navigation-item" @click="gotoProviders" :class="activePath == 'Providers' ? 'active' : ''">
|
||||
<button
|
||||
class="navigation-item"
|
||||
@click="gotoProviders"
|
||||
:class="activePath == 'Providers' ? 'active' : ''"
|
||||
>
|
||||
<svg-icon icon="providers" class-name="icon" />
|
||||
{{ $t('Workers') }}
|
||||
</button>
|
||||
<button class="navigation-item" @click="gotoIssueRequest" :class="activePath == 'Post' ? 'active' : ''">
|
||||
<button
|
||||
class="navigation-item"
|
||||
@click="gotoIssueRequest"
|
||||
:class="activePath == 'Post' ? 'active' : ''"
|
||||
>
|
||||
<svg-icon icon="post" class-name="icon" />
|
||||
{{ $t('Post a Job') }}
|
||||
</button>
|
||||
<div class="form-check form-switch header-switch-container" @click="gotoProfile">
|
||||
<input class="form-check-input" type="checkbox" role="switch"
|
||||
:checked="userProfile?.account?.provider?.accepting_request" id="personal-earning-now-checkbox" disabled />
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
role="switch"
|
||||
:checked="userProfile?.account?.provider?.accepting_request"
|
||||
id="personal-earning-now-checkbox"
|
||||
disabled
|
||||
/>
|
||||
<label class="form-check-label" for="personal-earning-now-checkbox">
|
||||
<span>{{ $t('Providing service') }}</span>
|
||||
</label>
|
||||
@ -44,10 +67,17 @@
|
||||
<laguage-switch class="laguage-switch" />
|
||||
</div>
|
||||
<div class="profile-container">
|
||||
<img alt="freeleaps logo" data-bs-toggle="dropdown" aria-expanded="false" id="accountButton" :src="userProfile?.account?.basic?.photo?.base64
|
||||
? userProfile?.account?.basic?.photo?.base64
|
||||
: profileUrl
|
||||
" />
|
||||
<img
|
||||
alt="freeleaps logo"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
id="accountButton"
|
||||
:src="
|
||||
userProfile?.account?.basic?.photo?.base64
|
||||
? userProfile?.account?.basic?.photo?.base64
|
||||
: profileUrl
|
||||
"
|
||||
/>
|
||||
<ul class="dropdown-menu" aria-labelledby="accountButton">
|
||||
<li>
|
||||
<button class="account-menu-button" @click="gotoProfile">{{ $t('Profile') }}</button>
|
||||
|
||||
@ -8,7 +8,13 @@
|
||||
<div class="form-group">
|
||||
<div class="input-group-container">
|
||||
<div class="form-floating">
|
||||
<input class="input-email" id="inputEmail" type="text" placeholder="name@example.com" v-model="email" />
|
||||
<input
|
||||
class="input-email"
|
||||
id="inputEmail"
|
||||
type="text"
|
||||
placeholder="name@example.com"
|
||||
v-model="email"
|
||||
/>
|
||||
<label for="inputEmail">{{ $t('Enter email address to start') }}</label>
|
||||
</div>
|
||||
<button class="btn-start" ref="submitButton" @click="trySigninWithEmail()">
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
<template>
|
||||
<div class="directories_containter">
|
||||
<div class="directory_container" v-for="(directory, index) in directories" :key="index">
|
||||
<div class="directory_cover_image" :style="{ 'background-image': `url(${directory.cover_picture})` }" />
|
||||
<div
|
||||
class="directory_cover_image"
|
||||
:style="{ 'background-image': `url(${directory.cover_picture})` }"
|
||||
/>
|
||||
<p class="directory-title">{{ directory.title_text }}</p>
|
||||
<p class="directory-subtitle">{{ directory.summary_text }}</p>
|
||||
<button class="btn btn-link directory-btn" @click="view_link(directory)">
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
<template>
|
||||
<div v-if="blogs" class="blogs_containter">
|
||||
<div class="blog_containter" v-for="(blog, index) in blogs" :key="index" @click="view_blog(blog)">
|
||||
<div
|
||||
class="blog_containter"
|
||||
v-for="(blog, index) in blogs"
|
||||
:key="index"
|
||||
@click="view_blog(blog)"
|
||||
>
|
||||
<h2>{{ blog.blog_name }}</h2>
|
||||
<div class="blog_cover_image" :style="{ 'background-image': `url(${blog.cover_picture})` }" />
|
||||
<p v-text="retrieve_summary(blog)"></p>
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
<template>
|
||||
<div class="career_containter">
|
||||
<div class="career-item" v-for="(directory, index) in directories" :key="index" @click="view_link(directory)">
|
||||
<div
|
||||
class="career-item"
|
||||
v-for="(directory, index) in directories"
|
||||
:key="index"
|
||||
@click="view_link(directory)"
|
||||
>
|
||||
<p class="career-title">
|
||||
{{ directory.title_text }}
|
||||
</p>
|
||||
|
||||
@ -7,8 +7,13 @@
|
||||
<span v-if="accountNeedAttention">!</span>
|
||||
</div>
|
||||
<div class="panel-content-container" id="account-summary">
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-user-id"
|
||||
aria-expanded="false" aria-controls="collapse-user-id">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-user-id"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-user-id"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="account-summary-user-id">{{
|
||||
$t('User ID')
|
||||
@ -18,8 +23,13 @@
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-password"
|
||||
aria-expanded="false" aria-controls="collapse-password">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-password"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-password"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="account-summary-password">{{
|
||||
$t('Password')
|
||||
@ -27,8 +37,13 @@
|
||||
<span class="profile-item-span" id="account-summary-password"> ******** </span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-user-email"
|
||||
aria-expanded="false" aria-controls="collapse-user-email">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-user-email"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-user-email"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="account-summary-email">{{
|
||||
$t('Email')
|
||||
@ -38,8 +53,13 @@
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-user-mobile"
|
||||
aria-expanded="false" aria-controls="collapse-user-mobile">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-user-mobile"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-user-mobile"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="account-summary-mobile">{{
|
||||
$t('Mobile')
|
||||
@ -51,29 +71,61 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-user-id" aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-user-id"
|
||||
aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel"
|
||||
>
|
||||
<div class="collapse-item-container">
|
||||
<div class="collapse-item-input">
|
||||
<input type="text" v-model="userProfile.account.basic.FLID.identity" readonly="true" v-tooltip
|
||||
title="Generated automatically" delay='{"show":"500", "hide":"100"}' />
|
||||
<input
|
||||
type="text"
|
||||
v-model="userProfile.account.basic.FLID.identity"
|
||||
readonly="true"
|
||||
v-tooltip
|
||||
title="Generated automatically"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-password" aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-password"
|
||||
aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel"
|
||||
>
|
||||
<div class="collapse-item-container">
|
||||
<div class="collapse-item-input">
|
||||
<input type="password" v-model="passwordOperation.password" :placeholder="passwordOperation.placeholder"
|
||||
readonly="true" v-tooltip title="Click to edit" delay='{"show":"500", "hide":"100"}'
|
||||
@click="edittingPassword($event)" @blur="stopEdittingPassword($event)" @keyup.enter="blurInput($event)" />
|
||||
<input
|
||||
type="password"
|
||||
v-model="passwordOperation.password"
|
||||
:placeholder="passwordOperation.placeholder"
|
||||
readonly="true"
|
||||
v-tooltip
|
||||
title="Click to edit"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
@click="edittingPassword($event)"
|
||||
@blur="stopEdittingPassword($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
/>
|
||||
<svg-icon icon="msg-enter" class-name="enter-icon" />
|
||||
</div>
|
||||
<div class="collapse-item-input">
|
||||
<input type="password" v-model="passwordOperation.password2" :placeholder="passwordOperation.placeholder2"
|
||||
readonly=" true" v-tooltip title="Click to edit" delay='{"show":"500", "hide":"100"}'
|
||||
@click="edittingPassword2($event)" @blur="stopEdittingPassword2($event)" @keyup.enter="blurInput($event)"
|
||||
ref="password2Input" />
|
||||
<input
|
||||
type="password"
|
||||
v-model="passwordOperation.password2"
|
||||
:placeholder="passwordOperation.placeholder2"
|
||||
readonly=" true"
|
||||
v-tooltip
|
||||
title="Click to edit"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
@click="edittingPassword2($event)"
|
||||
@blur="stopEdittingPassword2($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
ref="password2Input"
|
||||
/>
|
||||
<svg-icon icon="msg-enter" class-name="enter-icon" />
|
||||
<p v-if="passwordOperation.message" class="error-message">
|
||||
{{ passwordOperation.message }}
|
||||
@ -81,51 +133,104 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-user-email" aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-user-email"
|
||||
aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel"
|
||||
>
|
||||
<div class="collapse-item-container">
|
||||
<div class="collapse-item-input">
|
||||
<input type="text" v-model="emailOperation.email.address" readonly="true" v-tooltip title="Click to update"
|
||||
delay='{"show":"500", "hide":"100"}' @click="edittingEmail($event)" @blur="stopEdittingEmail($event)"
|
||||
@keyup.enter="blurInput($event)" />
|
||||
<input
|
||||
type="text"
|
||||
v-model="emailOperation.email.address"
|
||||
readonly="true"
|
||||
v-tooltip
|
||||
title="Click to update"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
@click="edittingEmail($event)"
|
||||
@blur="stopEdittingEmail($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="emailOperation.verifyingMode" class="collapse-item-input">
|
||||
<input type="text" v-model="emailOperation.verificationCode" placeholder="verification code" v-tooltip
|
||||
title="Put the verification code received in the email" delay='{"show":"500", "hide":"100"}'
|
||||
@blur="stopEdittingEmailVerificationCode($event)" @keyup.enter="blurInput($event)" />
|
||||
<input
|
||||
type="text"
|
||||
v-model="emailOperation.verificationCode"
|
||||
placeholder="verification code"
|
||||
v-tooltip
|
||||
title="Put the verification code received in the email"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
@blur="stopEdittingEmailVerificationCode($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
/>
|
||||
<svg-icon icon="msg-enter" class-name="enter-icon" />
|
||||
<p v-if="emailOperation.message" class="error-message">{{ emailOperation.message }}</p>
|
||||
</div>
|
||||
|
||||
<button v-if="!emailOperation.verifyingMode" class="btn btn-link" :disabled="emailOperation.email.verified"
|
||||
@click="startVerifyingEmail()" v-tooltip :title="emailOperation.email.verified
|
||||
? 'The email has been verified'
|
||||
: 'The email needs to be verify'
|
||||
" delay='{"show":"500", "hide":"100"}'>
|
||||
<button
|
||||
v-if="!emailOperation.verifyingMode"
|
||||
class="btn btn-link"
|
||||
:disabled="emailOperation.email.verified"
|
||||
@click="startVerifyingEmail()"
|
||||
v-tooltip
|
||||
:title="
|
||||
emailOperation.email.verified
|
||||
? 'The email has been verified'
|
||||
: 'The email needs to be verify'
|
||||
"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
>
|
||||
{{ emailOperation.email.verified ? 'Verified' : 'Verify' }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-user-mobile" aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-user-mobile"
|
||||
aria-labelledby="account-summary"
|
||||
data-bs-parent="#account-panel"
|
||||
>
|
||||
<div class="collapse-item-container">
|
||||
<div class="collapse-item-input">
|
||||
<input type="text" v-model="mobileOperation.mobile.number" readonly="true" v-tooltip
|
||||
<input
|
||||
type="text"
|
||||
v-model="mobileOperation.mobile.number"
|
||||
readonly="true"
|
||||
v-tooltip
|
||||
title="Click to update, be sure to prepend country code, i.e. +86 for China"
|
||||
@click="edittingMobile($event)" @blur="stopEdittingMobile($event)" @keyup.enter="blurInput($event)" />
|
||||
@click="edittingMobile($event)"
|
||||
@blur="stopEdittingMobile($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="mobileOperation.verifyingMode" class="collapse-item-input">
|
||||
<input type="text" v-model="mobileOperation.verificationCode" placeholder="verification code" v-tooltip
|
||||
title="Put the verification code received in the mobile number" delay='{"show":"500", "hide":"100"}'
|
||||
@blur="stopEdittingMobileVerificationCode($event)" @keyup.enter="blurInput($event)" />
|
||||
<input
|
||||
type="text"
|
||||
v-model="mobileOperation.verificationCode"
|
||||
placeholder="verification code"
|
||||
v-tooltip
|
||||
title="Put the verification code received in the mobile number"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
@blur="stopEdittingMobileVerificationCode($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
/>
|
||||
<svg-icon icon="msg-enter" class-name="enter-icon" />
|
||||
<p v-if="mobileOperation.message" class="error-input">{{ mobileOperation.message }}</p>
|
||||
</div>
|
||||
<button v-if="!mobileOperation.verifyingMode" class="btn btn-link" :disabled="mobileOperation.mobile.verified"
|
||||
@click="startVerifyingMobile()" v-tooltip :title="mobileOperation.mobile.verified
|
||||
? 'The mobile number has been verified'
|
||||
: 'The mobile number needs to be verify'
|
||||
" delay='{"show":"500", "hide":"100"}'>
|
||||
<button
|
||||
v-if="!mobileOperation.verifyingMode"
|
||||
class="btn btn-link"
|
||||
:disabled="mobileOperation.mobile.verified"
|
||||
@click="startVerifyingMobile()"
|
||||
v-tooltip
|
||||
:title="
|
||||
mobileOperation.mobile.verified
|
||||
? 'The mobile number has been verified'
|
||||
: 'The mobile number needs to be verify'
|
||||
"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
>
|
||||
{{ mobileOperation.mobile.verified ? 'Verified' : 'Verify' }}
|
||||
</button>
|
||||
</div>
|
||||
@ -137,8 +242,13 @@
|
||||
<label for="personal-summary">{{ $t('Personal') }}</label>
|
||||
</div>
|
||||
<div class="panel-content-container" id="personal-summary">
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-user-identity"
|
||||
aria-expanded="false" aria-controls="collapse-user-identity">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-user-identity"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-user-identity"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="account-summary-user-fullname">{{
|
||||
$t('Full name')
|
||||
@ -149,20 +259,36 @@
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-personal-user-photo"
|
||||
aria-expanded="false" aria-controls="collapse-personal-user-photo">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-personal-user-photo"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-personal-user-photo"
|
||||
>
|
||||
<div class="profile-item-container profile-photo-container">
|
||||
<img class="profile-photo" alt="user portrait" id="personal-photo-operation-image" :src="userProfile.account.basic.photo.base64
|
||||
? userProfile.account.basic.photo.base64
|
||||
: profileUrl
|
||||
" />
|
||||
<img
|
||||
class="profile-photo"
|
||||
alt="user portrait"
|
||||
id="personal-photo-operation-image"
|
||||
:src="
|
||||
userProfile.account.basic.photo.base64
|
||||
? userProfile.account.basic.photo.base64
|
||||
: profileUrl
|
||||
"
|
||||
/>
|
||||
<label class="profile-item-label" for="personal-photo-operation-image">{{
|
||||
$t('Portrait')
|
||||
}}</label>
|
||||
</div>
|
||||
</button>
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-personal-user-intro"
|
||||
aria-expanded="false" aria-controls="collapse-personal-user-intro">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-personal-user-intro"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-personal-user-intro"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="personal-summary-self-intro">{{
|
||||
$t('Self-intro')
|
||||
@ -172,8 +298,13 @@
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="panel-item-container" data-bs-toggle="collapse" data-bs-target="#collapse-personal-earning-now"
|
||||
aria-expanded="false" aria-controls="collapse-personal-earning-now">
|
||||
<button
|
||||
class="panel-item-container"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse-personal-earning-now"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-personal-earning-now"
|
||||
>
|
||||
<div class="profile-item-container">
|
||||
<label class="profile-item-label" for="personal-summary-earning-now">{{
|
||||
$t('Earning now')
|
||||
@ -185,95 +316,185 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-user-identity" aria-labelledby="personal-summary"
|
||||
data-bs-parent="#personal-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-user-identity"
|
||||
aria-labelledby="personal-summary"
|
||||
data-bs-parent="#personal-panel"
|
||||
>
|
||||
<div class="collapse-item-container">
|
||||
<div class="collapse-item-input">
|
||||
<input type="text" v-model="identityOperation.first_name" placeholder="First Name" v-tooltip
|
||||
title="Click to edit" delay='{"show":"500", "hide":"100"}' readonly="true"
|
||||
@click="edittingFirstname($event)" @blur="stopEdittingFirstname($event)"
|
||||
@keyup.enter="blurInput($event)" />
|
||||
<input
|
||||
type="text"
|
||||
v-model="identityOperation.first_name"
|
||||
placeholder="First Name"
|
||||
v-tooltip
|
||||
title="Click to edit"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
readonly="true"
|
||||
@click="edittingFirstname($event)"
|
||||
@blur="stopEdittingFirstname($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
/>
|
||||
</div>
|
||||
<div class="collapse-item-input">
|
||||
<input type="text" v-model="identityOperation.last_name" placeholder="Last Name" readonly="true"
|
||||
@click="edittingLastname($event)" @blur="stopEdittingLastname($event)" @keyup.enter="blurInput($event)"
|
||||
v-tooltip title="Click to edit" delay='{"show":"500", "hide":"100"}' />
|
||||
<input
|
||||
type="text"
|
||||
v-model="identityOperation.last_name"
|
||||
placeholder="Last Name"
|
||||
readonly="true"
|
||||
@click="edittingLastname($event)"
|
||||
@blur="stopEdittingLastname($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
v-tooltip
|
||||
title="Click to edit"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="collapse collapse-content-container" id="collapse-personal-user-photo"
|
||||
aria-labelledby="personal-summary" data-bs-parent="#personal-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-personal-user-photo"
|
||||
aria-labelledby="personal-summary"
|
||||
data-bs-parent="#personal-panel"
|
||||
>
|
||||
<div class="collapse-item-container column-flex">
|
||||
<label class="btn btn-link" for="personal-photo-operation-image">
|
||||
<img class="user-portrait-img" id="personal-photo-operation-image" alt="user portrait" :src="userProfile.account.basic.photo.base64
|
||||
? userProfile.account.basic.photo.base64
|
||||
: profileUrl
|
||||
" v-tooltip title="Click to update" @click="selectUserPhoto()" />
|
||||
<img
|
||||
class="user-portrait-img"
|
||||
id="personal-photo-operation-image"
|
||||
alt="user portrait"
|
||||
:src="
|
||||
userProfile.account.basic.photo.base64
|
||||
? userProfile.account.basic.photo.base64
|
||||
: profileUrl
|
||||
"
|
||||
v-tooltip
|
||||
title="Click to update"
|
||||
@click="selectUserPhoto()"
|
||||
/>
|
||||
<div v-if="photoLoading" class="spinner-container">
|
||||
<div class="spinner-border text-primary" role="status" />
|
||||
</div>
|
||||
</label>
|
||||
<input ref="uploadUserPhotoInput" type="file" :accept="identityOperation.photo.acceptableType" hidden
|
||||
@change="onUserPhotoChange($event)" />
|
||||
<input
|
||||
ref="uploadUserPhotoInput"
|
||||
type="file"
|
||||
:accept="identityOperation.photo.acceptableType"
|
||||
hidden
|
||||
@change="onUserPhotoChange($event)"
|
||||
/>
|
||||
<p v-if="message">{{ message }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-personal-user-intro"
|
||||
aria-labelledby="personal-summary" data-bs-parent="#personal-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-personal-user-intro"
|
||||
aria-labelledby="personal-summary"
|
||||
data-bs-parent="#personal-panel"
|
||||
>
|
||||
<div class="collapse-item-container">
|
||||
<div class="collapse-item-editor">
|
||||
<freeleaps-editor v-model:content="personalOperation.self_intro.content_html"
|
||||
:disabled="!personalOperation.self_intro.is_editing" />
|
||||
<freeleaps-editor
|
||||
v-model:content="personalOperation.self_intro.content_html"
|
||||
:disabled="!personalOperation.self_intro.is_editing"
|
||||
/>
|
||||
<div class="btn-group-container">
|
||||
<button v-if="!personalOperation.self_intro.is_editing" class="btn btn-link"
|
||||
@click="personalOperation.self_intro.is_editing = true">
|
||||
<button
|
||||
v-if="!personalOperation.self_intro.is_editing"
|
||||
class="btn btn-link"
|
||||
@click="personalOperation.self_intro.is_editing = true"
|
||||
>
|
||||
{{ $t('Edit') }}
|
||||
</button>
|
||||
<button v-if="personalOperation.self_intro.is_editing" class="btn btn-link" type="button"
|
||||
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-template" aria-controls="offcanvas-template">
|
||||
<button
|
||||
v-if="personalOperation.self_intro.is_editing"
|
||||
class="btn btn-link"
|
||||
type="button"
|
||||
data-bs-toggle="offcanvas"
|
||||
data-bs-target="#offcanvas-template"
|
||||
aria-controls="offcanvas-template"
|
||||
>
|
||||
{{ $t('Templates') }}
|
||||
</button>
|
||||
<button v-if="personalOperation.self_intro.is_editing" @click="updateSelfIntro()" class="btn btn-link">
|
||||
<button
|
||||
v-if="personalOperation.self_intro.is_editing"
|
||||
@click="updateSelfIntro()"
|
||||
class="btn btn-link"
|
||||
>
|
||||
{{ $t('Update') }}
|
||||
</button>
|
||||
<button v-if="personalOperation.self_intro.is_editing" @click="stopEdittingSelfintro($event)"
|
||||
class="btn btn-link">
|
||||
<button
|
||||
v-if="personalOperation.self_intro.is_editing"
|
||||
@click="stopEdittingSelfintro($event)"
|
||||
class="btn btn-link"
|
||||
>
|
||||
{{ $t('Cancel') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-content-container" id="collapse-personal-earning-now"
|
||||
aria-labelledby="personal-summary" data-bs-parent="#personal-panel">
|
||||
<div
|
||||
class="collapse collapse-content-container"
|
||||
id="collapse-personal-earning-now"
|
||||
aria-labelledby="personal-summary"
|
||||
data-bs-parent="#personal-panel"
|
||||
>
|
||||
<div class="collapse-checkbox-container">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" role="switch" id="personal-earning-now-checkbox"
|
||||
v-model="personalOperation.accepting_request" @click="updateAcceptingRequest($event)"
|
||||
:disabled="!paymentOperation.ready_to_receive_money" />
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
role="switch"
|
||||
id="personal-earning-now-checkbox"
|
||||
v-model="personalOperation.accepting_request"
|
||||
@click="updateAcceptingRequest($event)"
|
||||
:disabled="!paymentOperation.ready_to_receive_money"
|
||||
/>
|
||||
<label class="form-check-label" for="personal-earning-now-checkbox">
|
||||
<span>{{ $t('I want to be a service provider and earn money') }}</span>
|
||||
<span v-if="personalOperation.show_stripe_status" style="color: red">* {{ $t('Stripe account' +
|
||||
'onboarding is not completed.') }}</span>
|
||||
<span v-if="personalOperation.show_stripe_status" style="color: red"
|
||||
>* {{ $t('Stripe account' + 'onboarding is not completed.') }}</span
|
||||
>
|
||||
</label>
|
||||
</div>
|
||||
<div class="flex-1" />
|
||||
<div class="collapse-item-input">
|
||||
<input id="personal-expected-salary" v-tooltip title="Click to edit" delay='{"show":"500", "hide":"100"}'
|
||||
readonly="true" @click="edittingExpectedSalary($event)" @blur="stopedittingExpectedSalary($event)"
|
||||
@keyup.enter="blurInput($event)" v-model="personalOperation.expected_salary.hourly" />
|
||||
<input
|
||||
id="personal-expected-salary"
|
||||
v-tooltip
|
||||
title="Click to edit"
|
||||
delay='{"show":"500", "hide":"100"}'
|
||||
readonly="true"
|
||||
@click="edittingExpectedSalary($event)"
|
||||
@blur="stopedittingExpectedSalary($event)"
|
||||
@keyup.enter="blurInput($event)"
|
||||
v-model="personalOperation.expected_salary.hourly"
|
||||
/>
|
||||
<span class="collapse-item-currency">{{
|
||||
userProfile.account.provider.expected_salary.currency
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse-item-container column-flex">
|
||||
<label v-if="Is_Wechat_QR_Code_Payment()" class="collapse-item-uploader" for="qr-uploader">
|
||||
<img v-if="paymentOperation.wechat_qr_code_img.data" class="uploader-img-show"
|
||||
:src="paymentOperation.wechat_qr_code_img.data" />
|
||||
<img v-if="!paymentOperation.wechat_qr_code_img.data" class="uploader-img-btn"
|
||||
src="@/assets/images/qr-code.png" />
|
||||
<label
|
||||
v-if="Is_Wechat_QR_Code_Payment()"
|
||||
class="collapse-item-uploader"
|
||||
for="qr-uploader"
|
||||
>
|
||||
<img
|
||||
v-if="paymentOperation.wechat_qr_code_img.data"
|
||||
class="uploader-img-show"
|
||||
:src="paymentOperation.wechat_qr_code_img.data"
|
||||
/>
|
||||
<img
|
||||
v-if="!paymentOperation.wechat_qr_code_img.data"
|
||||
class="uploader-img-btn"
|
||||
src="@/assets/images/qr-code.png"
|
||||
/>
|
||||
<span v-if="!paymentOperation.wechat_qr_code_img.data" class="upload-text-btn">{{
|
||||
$t('Upload QR code to receive payment')
|
||||
}}</span>
|
||||
@ -281,14 +502,20 @@
|
||||
<div class="spinner-border text-primary" role="status" />
|
||||
</div>
|
||||
</label>
|
||||
<input v-if="Is_Wechat_QR_Code_Payment()" ref="uploadWechatQRCodePhotoInput" type="file" id="qr-uploader"
|
||||
:accept="paymentOperation.wechat_qr_code_img.acceptableType" hidden
|
||||
@change="onUploadWechatQRCodePhoto($event)" />
|
||||
<input
|
||||
v-if="Is_Wechat_QR_Code_Payment()"
|
||||
ref="uploadWechatQRCodePhotoInput"
|
||||
type="file"
|
||||
id="qr-uploader"
|
||||
:accept="paymentOperation.wechat_qr_code_img.acceptableType"
|
||||
hidden
|
||||
@change="onUploadWechatQRCodePhoto($event)"
|
||||
/>
|
||||
<p v-if="message">{{ message }}</p>
|
||||
</div>
|
||||
<div v-if="Is_Stripe_Payment()" class="collapse-item-container">
|
||||
<span>{{ $t('Have you linked your strip account?') }}</span><button class="btn btn-link"
|
||||
@click="visitStripe()">{{ $t('Visit Stripe') }}</button>
|
||||
<span>{{ $t('Have you linked your strip account?') }}</span
|
||||
><button class="btn btn-link" @click="visitStripe()">{{ $t('Visit Stripe') }}</button>
|
||||
</div>
|
||||
<div v-if="personalOperation.accepting_request" class="collapse-item-container">
|
||||
<span>{{
|
||||
@ -453,26 +680,49 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="offcanvas offcanvas-end offcanvas-container" tabindex="-1" id="offcanvas-template"
|
||||
aria-labelledby="offcanvas-template">
|
||||
<div
|
||||
class="offcanvas offcanvas-end offcanvas-container"
|
||||
tabindex="-1"
|
||||
id="offcanvas-template"
|
||||
aria-labelledby="offcanvas-template"
|
||||
>
|
||||
<div class="offcanvas-header">
|
||||
<h5 class="offcanvas-title" id="offcanvas-template">
|
||||
{{ $t('Apply self-intro template') }}
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn-close"
|
||||
data-bs-dismiss="offcanvas"
|
||||
aria-label="Close"
|
||||
></button>
|
||||
</div>
|
||||
<div class="offcanvas-body">
|
||||
<div class="accordion" id="template-item-container">
|
||||
<div v-for="(template, index) in availableTemplates" :key="index" :id="'template' + index"
|
||||
class="accordion-item">
|
||||
<div
|
||||
v-for="(template, index) in availableTemplates"
|
||||
:key="index"
|
||||
:id="'template' + index"
|
||||
class="accordion-item"
|
||||
>
|
||||
<h2 class="accordion-header" :id="'heading' + index">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
:data-bs-target="'#' + 'collapse' + index" aria-expanded="false" :aria-controls="'collapse' + index">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
:data-bs-target="'#' + 'collapse' + index"
|
||||
aria-expanded="false"
|
||||
:aria-controls="'collapse' + index"
|
||||
>
|
||||
<span class="dashed-container">{{ template.title }}</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div :id="'collapse' + index" class="accordion-collapse collapse" :aria-labelledby="'heading' + index"
|
||||
data-bs-parent="#template-item-container">
|
||||
<div
|
||||
:id="'collapse' + index"
|
||||
class="accordion-collapse collapse"
|
||||
:aria-labelledby="'heading' + index"
|
||||
data-bs-parent="#template-item-container"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<button class="select-template-button" @click="selectTemplate(template)">
|
||||
{{ $t('Choose') }}
|
||||
|
||||
@ -3,11 +3,20 @@
|
||||
<div class="message-hub-conainter">
|
||||
<template v-if="!receiver_id">
|
||||
<div v-if="conversations && conversations.length > 0" class="conversation-list-container">
|
||||
<div v-for="(conversation, index) in conversations" :key="index" class="conversation-container" :class="{
|
||||
selected: selConversation?.id === conversation?.id
|
||||
}" @click="selectConversation(conversation)">
|
||||
<img class="participant-portrait" alt="user portrait"
|
||||
:src="conversation?.photo?.base64 ? conversation.photo.base64 : profileUrl" />
|
||||
<div
|
||||
v-for="(conversation, index) in conversations"
|
||||
:key="index"
|
||||
class="conversation-container"
|
||||
:class="{
|
||||
selected: selConversation?.id === conversation?.id
|
||||
}"
|
||||
@click="selectConversation(conversation)"
|
||||
>
|
||||
<img
|
||||
class="participant-portrait"
|
||||
alt="user portrait"
|
||||
:src="conversation?.photo?.base64 ? conversation.photo.base64 : profileUrl"
|
||||
/>
|
||||
<div class="conversation-summary-container">
|
||||
<div class="conversation-summary-header-container">
|
||||
<span class="participant-fullname">
|
||||
@ -24,23 +33,40 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!conversations || conversations.length == 0" class="conversation-list-empty-container">
|
||||
<div
|
||||
v-if="!conversations || conversations.length == 0"
|
||||
class="conversation-list-empty-container"
|
||||
>
|
||||
{{ $t('Empty conversation') }}
|
||||
</div>
|
||||
</template>
|
||||
<div class="message-panel-container">
|
||||
<div v-if="messages && messages.length > 0" class="message-thread-container" ref="messageThreadContainer">
|
||||
<div v-for="(item, index) in messages" :key="index" class="message-item-container"
|
||||
:class="item.sender_id == userIdentityNote ? 'me' : ''">
|
||||
<div
|
||||
v-if="messages && messages.length > 0"
|
||||
class="message-thread-container"
|
||||
ref="messageThreadContainer"
|
||||
>
|
||||
<div
|
||||
v-for="(item, index) in messages"
|
||||
:key="index"
|
||||
class="message-item-container"
|
||||
:class="item.sender_id == userIdentityNote ? 'me' : ''"
|
||||
>
|
||||
<div class="message-item-header-container">
|
||||
<img class="message-item-sender-portrait" alt="user portrait" :src="conversation?.sender_photo?.base64 ? conversation.sender_photo.base64 : profileUrl
|
||||
" />
|
||||
<img
|
||||
class="message-item-sender-portrait"
|
||||
alt="user portrait"
|
||||
:src="
|
||||
conversation?.sender_photo?.base64 ? conversation.sender_photo.base64 : profileUrl
|
||||
"
|
||||
/>
|
||||
<span class="message-item-sender-fullname">
|
||||
{{ item.sender_firstname }}
|
||||
{{ item.sender_lastname }}
|
||||
</span>
|
||||
<span class="message-item-create-time">
|
||||
{{ getDateFromFulltimeString(item.create_time) }}</span>
|
||||
{{ getDateFromFulltimeString(item.create_time) }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="message-item-message-body">{{ item.message_body }}</div>
|
||||
</div>
|
||||
@ -50,8 +76,12 @@
|
||||
</div>
|
||||
<div class="message-writing-panel-container">
|
||||
<svg-icon icon="msg-enter" class-name="writing-message-enter" />
|
||||
<input class="writing-message-input" type="text" v-model="writtenMessage"
|
||||
@keypress.enter="sendMessage(selConversation?.id)" />
|
||||
<input
|
||||
class="writing-message-input"
|
||||
type="text"
|
||||
v-model="writtenMessage"
|
||||
@keypress.enter="sendMessage(selConversation?.id)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,11 +2,21 @@
|
||||
<empty-content :loading="loading" :empty="recommendedProviders?.length === 0" />
|
||||
<div class="provider-hub-container" id="provider-accordion-container">
|
||||
<template v-if="recommendedProviders">
|
||||
<div class="accordion accordion-list" v-for="(provider, index) in recommendedProviders" :key="index">
|
||||
<div
|
||||
class="accordion accordion-list"
|
||||
v-for="(provider, index) in recommendedProviders"
|
||||
:key="index"
|
||||
>
|
||||
<div class="accordion-item my-3">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
:data-bs-target="'#collapse' + index" aria-expanded="false" :aria-controls="'collapse' + index">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
:data-bs-target="'#collapse' + index"
|
||||
aria-expanded="false"
|
||||
:aria-controls="'collapse' + index"
|
||||
>
|
||||
<div class="provider-summary-containter dashed-container">
|
||||
<div class="provider-portrait-containter">
|
||||
<img class="provider-portrait" alt="user portrait" src="@/assets/profile.png" />
|
||||
@ -15,7 +25,8 @@
|
||||
<label class="provider-name-label" for="provider-name">{{ $t('Name') }}</label>
|
||||
<span class="provider-name-span" id="provider-name">
|
||||
{{ provider.user_profile.first_name }}
|
||||
{{ provider.user_profile.last_name }}</span>
|
||||
{{ provider.user_profile.last_name }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="provider-stay-on-freeleaps-container">
|
||||
<label class="provider-stay-on-freeleaps-label" for="provider-stay-on-freeleaps">
|
||||
@ -23,11 +34,16 @@
|
||||
</label>
|
||||
<span class="provider-stay-on-freeleaps-span" id="provider-stay-on-freeleaps">
|
||||
{{ provider.activeness_achievement.days_of_staying_on }}
|
||||
{{ $t('day(s)') }}</span>
|
||||
{{ $t('day(s)') }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="provider-delivered-projects-container">
|
||||
<label class="provider-delivered-projects-label" for="provider-delivered-projects">
|
||||
{{ $t('Delivered projects') }}</label>
|
||||
<label
|
||||
class="provider-delivered-projects-label"
|
||||
for="provider-delivered-projects"
|
||||
>
|
||||
{{ $t('Delivered projects') }}</label
|
||||
>
|
||||
<span class="provider-delivered-projects-span" id="provider-delivered-projects">
|
||||
{{ provider.provider_achievement.delivered_projects }}
|
||||
</span>
|
||||
@ -35,7 +51,7 @@
|
||||
<div class="provider-responding-time-container">
|
||||
<label class="provider-responding-time-label" for="provider-responding-time">{{
|
||||
$t('Responding time')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="provider-responding-time-span" id="provider-responding-time">
|
||||
{{
|
||||
provider.provider_achievement.activities.responding_time_in_minutes ?? 'N/A'
|
||||
@ -46,33 +62,40 @@
|
||||
<div class="provider-credit-score-container">
|
||||
<label class="provider-credit-score-label" for="provider-credit-score">{{
|
||||
$t('Credit score')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="provider-credit-score-span" id="provider-credit-score">
|
||||
{{ provider.provider_achievement.credit }}</span>
|
||||
{{ provider.provider_achievement.credit }}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</h2>
|
||||
<div :id="'collapse' + index" class="accordion-collapse collapse"
|
||||
data-bs-parent="#provider-accordion-container">
|
||||
<div
|
||||
:id="'collapse' + index"
|
||||
class="accordion-collapse collapse"
|
||||
data-bs-parent="#provider-accordion-container"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<div class="self-intro-container">
|
||||
<label class="self-intro-content-label" for="self-intro-content">{{
|
||||
$t('Self intro')
|
||||
}}</label>
|
||||
<div class="self-intro-content-container" id="self-intro-content"
|
||||
v-html="provider.user_profile.self_intro.content_html"></div>
|
||||
}}</label>
|
||||
<div
|
||||
class="self-intro-content-container"
|
||||
id="self-intro-content"
|
||||
v-html="provider.user_profile.self_intro.content_html"
|
||||
></div>
|
||||
</div>
|
||||
<div class="statistics-container">
|
||||
<label class="self-intro-content-label" for="statistics-content">{{
|
||||
$t('Profile')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<div class="statistics-content-container" id="statistics-content">
|
||||
<div class="delivery-container">
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="delivery-delivered-projects">{{
|
||||
$t('Delivered projects')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="delivery-delivered-projects">
|
||||
{{ provider.provider_achievement.delivered_projects }}
|
||||
</span>
|
||||
@ -80,7 +103,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="delivery-time-per-project">{{
|
||||
$t('Project delivering time')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="delivery-time-per-project">
|
||||
{{ provider.provider_deliveries.delivering_time_per_project_in_day }}
|
||||
{{ $t('day(s)') }}
|
||||
@ -89,11 +112,17 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="delivery-top-programming-language">{{
|
||||
$t('Top programming languages')
|
||||
}}</label>
|
||||
<div class="delivery-top-programming-language-content-container"
|
||||
id="delivery-top-programming-language">
|
||||
<span v-for="(lang, index) in provider.provider_deliveries
|
||||
.top_programming_languages" :key="index" class="dd-project-span">
|
||||
}}</label>
|
||||
<div
|
||||
class="delivery-top-programming-language-content-container"
|
||||
id="delivery-top-programming-language"
|
||||
>
|
||||
<span
|
||||
v-for="(lang, index) in provider.provider_deliveries
|
||||
.top_programming_languages"
|
||||
:key="index"
|
||||
class="dd-project-span"
|
||||
>
|
||||
#{{ lang }}
|
||||
</span>
|
||||
</div>
|
||||
@ -101,7 +130,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="delivery-weekly-produced-code">{{
|
||||
$t('Weekly produced code')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="delivery-weekly-produced-code">
|
||||
{{ provider.provider_deliveries.lines_of_code_per_week }}
|
||||
{{ $t('line(s)') }}
|
||||
@ -112,7 +141,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="activity-ongoing-projects">{{
|
||||
$t('Ongoing projects')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="activity-ongoing-projects">
|
||||
{{ provider.provider_activities.ongoing_projects }}
|
||||
</span>
|
||||
@ -120,7 +149,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="activity-invitation-to-requests">{{
|
||||
$t('Invitations to requests')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="activity-invitation-to-requests">
|
||||
{{ provider.provider_activities.invitations_to_open_requests }}
|
||||
</span>
|
||||
@ -128,7 +157,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="activity-active-proposals">{{
|
||||
$t('Active proposals')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="activity-active-proposals">
|
||||
{{ provider.provider_activities.active_proposals }}
|
||||
</span>
|
||||
@ -136,7 +165,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="activity-hourly-rate">{{
|
||||
$t('Expected hourly rate')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="activity-hourly-rate">
|
||||
{{ provider.provider_profile.expected_salary.hourly }}
|
||||
{{ provider.provider_profile.expected_salary.currency }}
|
||||
@ -147,7 +176,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="quality-issue-rate">{{
|
||||
$t('Code issue rate')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="quality-issue-rate">
|
||||
{{ provider.provider_work_quality.issues_per_thousand_lines_of_codes }}
|
||||
</span>
|
||||
@ -155,7 +184,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="quality-online-issue-rate">{{
|
||||
$t('Online issue rate')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="quality-online-issue-rate">
|
||||
{{ provider.provider_work_quality.issues_after_delivery_per_project }}
|
||||
</span>
|
||||
@ -163,7 +192,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="quality-issue-fixing-rate">{{
|
||||
$t('Issue fixing rate')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="quality-issue-fixing-rate">
|
||||
{{ provider.provider_work_quality.issue_fixing_rate_pencentage }}%
|
||||
</span>
|
||||
@ -171,7 +200,7 @@
|
||||
<div class="dd-project-container">
|
||||
<label class="dd-project-label" for="quality-issue-fixing-time">{{
|
||||
$t('Issue fixing time')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<span class="dd-project-span" id="quality-issue-fixing-time">
|
||||
{{ provider.provider_work_quality.issue_fixing_time_minutes }}
|
||||
{{ $t('min(s)') }}
|
||||
@ -183,26 +212,37 @@
|
||||
<div v-if="requests" class="statistics-container">
|
||||
<label class="self-intro-content-label marb-10" for="statistics-content">{{
|
||||
$t('Action panel')
|
||||
}}</label>
|
||||
}}</label>
|
||||
<div class="invite-to-request-container">
|
||||
<label class="invite-to-request-content-label" for="invite-to-request-content">{{ $t('Invite') }}
|
||||
<span class="invite-to-request-name-span">{{ provider.user_profile.first_name }}
|
||||
{{ provider.user_profile.last_name }}</span>
|
||||
{{ $t('to my open requests') }}</label>
|
||||
<label class="invite-to-request-content-label" for="invite-to-request-content"
|
||||
>{{ $t('Invite') }}
|
||||
<span class="invite-to-request-name-span"
|
||||
>{{ provider.user_profile.first_name }}
|
||||
{{ provider.user_profile.last_name }}</span
|
||||
>
|
||||
{{ $t('to my open requests') }}</label
|
||||
>
|
||||
<div class="invite-to-request-content-container" id="invite-to-request-content">
|
||||
<div class="form-check" v-for="(request, index) in requests" :key="index">
|
||||
<input class="form-check-input" type="checkbox" :value="request.id" :id="'check' + request.id"
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
:value="request.id"
|
||||
:id="'check' + request.id"
|
||||
v-model="checkedRequests"
|
||||
@change="checkRequest($event, request.id, provider.user_profile.user_id)" />
|
||||
@change="checkRequest($event, request.id, provider.user_profile.user_id)"
|
||||
/>
|
||||
<label class="form-check-label" :for="'check' + request.id">{{
|
||||
request.title
|
||||
}}</label>
|
||||
}}</label>
|
||||
</div>
|
||||
<span class="invite-to-request-note-text">*{{
|
||||
$t(
|
||||
'Once the request is selected, the provider will be invited to see the request.'
|
||||
)
|
||||
}}</span>
|
||||
<span class="invite-to-request-note-text"
|
||||
>*{{
|
||||
$t(
|
||||
'Once the request is selected, the provider will be invited to see the request.'
|
||||
)
|
||||
}}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -669,10 +669,10 @@ export default {
|
||||
methods: {
|
||||
// To be called with initiating zoom call
|
||||
redirectToZoomOAuth() {
|
||||
const clientId = "YwetcrCFTzS_fHELZjkhPw"
|
||||
const redirectUri = "http://localhost:5173/api/messages/oauth/zoom/callback"
|
||||
const clientId = 'YwetcrCFTzS_fHELZjkhPw'
|
||||
const redirectUri = 'http://localhost:5173/api/messages/oauth/zoom/callback'
|
||||
const zoomOAuthUrl = `https://zoom.us/oauth/authorize?response_type=code&client_id=${clientId}&redirect_uri=${redirectUri}&scope=meeting:write:meeting`
|
||||
|
||||
|
||||
// Redirect the user to Zoom's OAuth 2.0 consent page
|
||||
window.location.href = zoomOAuthUrl
|
||||
},
|
||||
|
||||
@ -112,6 +112,17 @@
|
||||
<p v-if="!updatingIssue || updatingIssue.issue_id !== issue.id" class="project-item-text">
|
||||
{{ issue.description }}
|
||||
</p>
|
||||
<!-- Show attachment if existing -->
|
||||
<p v-if="issue.attachments" class="project-item-text">
|
||||
<div class="project-issue-container" v-for="(attachment, issue_index) in issue.attachments"
|
||||
:key="issue_index" :id="'project-issue-' + issue_index">
|
||||
<button class="btn btn-link"
|
||||
@click="downloadAttachedFile(issue.id, attachment.document_id, attachment.file_name)">
|
||||
{{ $t('Download') }} {{ attachment.file_name }}
|
||||
</button>
|
||||
</div>
|
||||
</p>
|
||||
<!-- Ending of showing attachment if existing -->
|
||||
<div v-if="updatingIssue && updatingIssue.issue_id === issue.id"
|
||||
class="project-issue-description-container">
|
||||
<div class="project-issue-description">
|
||||
@ -196,6 +207,26 @@ export default {
|
||||
this.mnx_backendErrorHandler(error)
|
||||
})
|
||||
},
|
||||
downloadAttachedFile(request_id, document_id, file_name) {
|
||||
WorksapceApi.fetchAttachedFileAsDownload(request_id, document_id)
|
||||
.then((response) => {
|
||||
console.log('resposne', response)
|
||||
const link = document.createElement('a')
|
||||
console.log('this is link', link)
|
||||
link.href = response.data.download_url
|
||||
link.download = file_name
|
||||
link.target = '_blank'
|
||||
document.body.appendChild(link)
|
||||
link.click()
|
||||
|
||||
// clean up "a" element & remove ObjectURL
|
||||
document.body.removeChild(link)
|
||||
// URL.revokeObjectURL(href) //TODO: navigate to the preview page
|
||||
})
|
||||
.catch((error) => {
|
||||
this.mnx_backendErrorHandler(error)
|
||||
})
|
||||
},
|
||||
isOngoingProject(project) {
|
||||
return project.status == projectStatusEnum.ONGOING
|
||||
},
|
||||
@ -249,7 +280,9 @@ export default {
|
||||
fdata.append('issue_id', this.updatingIssue.issue_id)
|
||||
fdata.append('issue_title', this.updatingIssue.issue_title)
|
||||
fdata.append('issue_description', this.updatingIssue.issue_description)
|
||||
fdata.append('issue_attachment', this.updatingIssue.issue_attachment)
|
||||
if (this.updatingIssue.issue_attachment != null) {
|
||||
fdata.append('issue_attachment', this.updatingIssue.issue_attachment)
|
||||
}
|
||||
WorksapceApi.updateIssueForProduct(fdata)
|
||||
.then(() => {
|
||||
// this.$refs.issueBtn.blur()
|
||||
|
||||
@ -1,26 +1,48 @@
|
||||
<template>
|
||||
<div class="request-issue-container offcanvas-parent">
|
||||
<div class="offcanvas offcanvas-end offcanvas-container" tabindex="-1" id="offcanvas-copy-existing"
|
||||
aria-labelledby="offcanvas-copy-existing">
|
||||
<div
|
||||
class="offcanvas offcanvas-end offcanvas-container"
|
||||
tabindex="-1"
|
||||
id="offcanvas-copy-existing"
|
||||
aria-labelledby="offcanvas-copy-existing"
|
||||
>
|
||||
<div class="offcanvas-header">
|
||||
<h5 class="offcanvas-title" id="offcanvas-copy-existing">
|
||||
{{ $t('Copy from existing request') }}
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn-close"
|
||||
data-bs-dismiss="offcanvas"
|
||||
aria-label="Close"
|
||||
></button>
|
||||
</div>
|
||||
<div class="offcanvas-body">
|
||||
<div class="accordion" id="existing-request-item-container">
|
||||
<div v-for="(existingRequest, index) in existingRequests" :key="index" :id="'existing-request' + index"
|
||||
class="accordion-item">
|
||||
<div
|
||||
v-for="(existingRequest, index) in existingRequests"
|
||||
:key="index"
|
||||
:id="'existing-request' + index"
|
||||
class="accordion-item"
|
||||
>
|
||||
<h2 class="accordion-header" :id="'existing-heading' + index">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
:data-bs-target="'#' + 'existing-request-collapse' + index" aria-expanded="false"
|
||||
:aria-controls="'collapse' + index">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
:data-bs-target="'#' + 'existing-request-collapse' + index"
|
||||
aria-expanded="false"
|
||||
:aria-controls="'collapse' + index"
|
||||
>
|
||||
<span class="dashed-container">{{ existingRequest.title }}</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div :id="'existing-request-collapse' + index" class="accordion-collapse collapse"
|
||||
:aria-labelledby="'existing-heading' + index" data-bs-parent="#existing-request-item-container">
|
||||
<div
|
||||
:id="'existing-request-collapse' + index"
|
||||
class="accordion-collapse collapse"
|
||||
:aria-labelledby="'existing-heading' + index"
|
||||
data-bs-parent="#existing-request-item-container"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<button class="copy-existing-button" @click="copyRequest(existingRequest)">
|
||||
{{ $t('Choose') }}
|
||||
@ -32,26 +54,52 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offcanvas offcanvas-end offcanvas-container" tabindex="-1" id="offcanvas-template"
|
||||
aria-labelledby="offcanvas-template">
|
||||
<div
|
||||
class="offcanvas offcanvas-end offcanvas-container"
|
||||
tabindex="-1"
|
||||
id="offcanvas-template"
|
||||
aria-labelledby="offcanvas-template"
|
||||
>
|
||||
<div class="offcanvas-header">
|
||||
<h5 class="offcanvas-title" id="offcanvas-template">{{ $t('Apply request template') }}</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn-close"
|
||||
data-bs-dismiss="offcanvas"
|
||||
aria-label="Close"
|
||||
></button>
|
||||
</div>
|
||||
<div class="offcanvas-body">
|
||||
<div class="accordion" id="template-item-container">
|
||||
<div v-for="(template, index) in availableTemplates" :key="index" :id="'template' + index"
|
||||
class="accordion-item">
|
||||
<div
|
||||
v-for="(template, index) in availableTemplates"
|
||||
:key="index"
|
||||
:id="'template' + index"
|
||||
class="accordion-item"
|
||||
>
|
||||
<h2 class="accordion-header" :id="'heading' + index">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
:data-bs-target="'#' + 'collapse' + index" aria-expanded="false" :aria-controls="'collapse' + index">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
:data-bs-target="'#' + 'collapse' + index"
|
||||
aria-expanded="false"
|
||||
:aria-controls="'collapse' + index"
|
||||
>
|
||||
<span class="dashed-container">{{ template.title }}</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div :id="'collapse' + index" class="accordion-collapse collapse" :aria-labelledby="'heading' + index"
|
||||
data-bs-parent="#template-item-container">
|
||||
<div
|
||||
:id="'collapse' + index"
|
||||
class="accordion-collapse collapse"
|
||||
:aria-labelledby="'heading' + index"
|
||||
data-bs-parent="#template-item-container"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<button class="select-template-button btn btn-link" @click="selectTemplate(template)">
|
||||
<button
|
||||
class="select-template-button btn btn-link"
|
||||
@click="selectTemplate(template)"
|
||||
>
|
||||
{{ $t('Apply') }}
|
||||
</button>
|
||||
<div class="template-content-textarea" v-html="template.content"></div>
|
||||
@ -62,23 +110,42 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="action-bar">
|
||||
<input-selector :select-list="products" :selected="selectedProduct" @selectedChange="selectedChange" />
|
||||
<input-selector
|
||||
:select-list="products"
|
||||
:selected="selectedProduct"
|
||||
@selectedChange="selectedChange"
|
||||
/>
|
||||
<div class="upload-contianer">
|
||||
<label class="btn btn-link">
|
||||
<span v-if="!uploadFile">{{ $t('Upload file') }}</span>
|
||||
<span v-if="uploadFile">{{ uploadFile.name }}</span>
|
||||
<input type="file" hidden @change="handleFileUpload" />
|
||||
</label>
|
||||
<svg-icon v-if="uploadFile" icon="delete" class-name="delete-icon" @click.stop="clearFile" />
|
||||
<svg-icon
|
||||
v-if="uploadFile"
|
||||
icon="delete"
|
||||
class-name="delete-icon"
|
||||
@click.stop="clearFile"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-1" />
|
||||
<button class="action-button btn btn-link" type="button" data-bs-toggle="offcanvas"
|
||||
data-bs-target="#offcanvas-template" aria-controls="offcanvas-template">
|
||||
<button
|
||||
class="action-button btn btn-link"
|
||||
type="button"
|
||||
data-bs-toggle="offcanvas"
|
||||
data-bs-target="#offcanvas-template"
|
||||
aria-controls="offcanvas-template"
|
||||
>
|
||||
<svg-icon icon="btn-templates" />
|
||||
{{ $t('Templates') }}
|
||||
</button>
|
||||
<button class="action-button btn btn-link" type="button" data-bs-toggle="offcanvas"
|
||||
data-bs-target="#offcanvas-copy-existing" aria-controls="offcanvas-copy-existing">
|
||||
<button
|
||||
class="action-button btn btn-link"
|
||||
type="button"
|
||||
data-bs-toggle="offcanvas"
|
||||
data-bs-target="#offcanvas-copy-existing"
|
||||
aria-controls="offcanvas-copy-existing"
|
||||
>
|
||||
<svg-icon icon="btn-history" />
|
||||
{{ $t('Copy') }}
|
||||
</button>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user