refactor: move ts folder to shared folder

Tomas

2021-12-22 abfd26bb700d93a92da6a04703b0187d4acaaeb5

refactor: move ts folder to shared folder

 PAMapp/components/AddAndReservedBtns.vue

@@ -12,7 +12,7 @@

<script lang="ts">
import { Vue, Component, Prop, Emit, Action, State, namespace } from 'nuxt-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { Consultant } from '~/shared/models/consultant.model';

const localStorage = namespace('localStorage');
@Component
@@ -41,4 +41,4 @@
                ? true : false
    }
}
</script>
</script>

 PAMapp/components/BackActionBar.vue

@@ -11,13 +11,14 @@
import { namespace } from 'nuxt-property-decorator';
import { Vue, Component,} from 'vue-property-decorator';
import * as _ from 'lodash';
import { Role } from '~/assets/ts/models/enum/role';
import { Role } from '~/shared/models/enum/role';

const roleStorage = namespace('localStorage');
@Component
export default class UiCarousel extends Vue {
  @roleStorage.Getter currentRole!:string;
  get label(): string {

    if (this.$route.name) {
      const routeName = this.$route.name.split('-')[0];
      let featureLabel = '';

 PAMapp/components/Client/ClientCard.vue

@@ -96,10 +96,10 @@
<script lang="ts">
import { Vue, Component, Prop, Action } from 'nuxt-property-decorator';

import appointmentService from '~/assets/ts/services/appointment.service';
import { isMobileDevice } from '~/assets/ts/device';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { ClientInfo } from '~/assets/ts/models/client.model';
import appointmentService from '~/shared/services/appointment.service';
import { isMobileDevice } from '~/shared/device';
import { hideReviews } from '~/shared/const/hide-reviews';
import { ClientInfo } from '~/shared/models/client.model';


@Component({

 PAMapp/components/Client/ClientList.vue

@@ -18,7 +18,7 @@
<script lang='ts'>
import { Vue, Component, Prop } from 'nuxt-property-decorator';

import { ClientInfo } from '~/assets/ts/models/client.model';
import { ClientInfo } from '~/shared/models/client.model';

@Component
export default class ClientList extends Vue {

 PAMapp/components/Consultant/ConsultantCard.vue

@@ -129,12 +129,12 @@
<script lang="ts">
import { Vue, Component, Prop, Action, namespace } from 'nuxt-property-decorator';

import appointmentService from '~/assets/ts/services/appointment.service';
import { isMobileDevice } from '~/assets/ts/device';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { UserReviewsConsultantsParams, userReviewsConsultants } from '~/assets/ts/api/consultant';
import { Consultant, ConsultantWithAppointmentId } from '~/assets/ts/models/consultant.model';
import { Appointment } from '~/assets/ts/models/appointment.model';
import appointmentService from '~/shared/services/appointment.service';
import { isMobileDevice } from '~/shared/device';
import { hideReviews } from '~/shared/const/hide-reviews';
import { UserReviewsConsultantsParams, userReviewsConsultants } from '~/shared/api/consultant';
import { Consultant, ConsultantWithAppointmentId } from '~/shared/models/consultant.model';
import { Appointment } from '~/shared/models/appointment.model';

const localStorage = namespace('localStorage');
@Component({

 PAMapp/components/Consultant/ConsultantList.vue

@@ -24,7 +24,7 @@

<script lang="ts">
import { Vue, Component, Prop, namespace } from 'nuxt-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { Consultant } from '~/shared/models/consultant.model';

const roleStorage = namespace('localStorage');


 PAMapp/components/Consultant/ConsultantSwiper.vue

@@ -29,8 +29,8 @@
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import { SwiperOptions } from 'swiper';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { Consultant } from '~/shared/models/consultant.model';
import { hideReviews } from '~/shared/const/hide-reviews';

@Component
export default class UiSwiper extends Vue {
@@ -38,7 +38,7 @@
    @Prop() agents!: Consultant[];

    hideReviews = hideReviews ;
    

    swiperOptions: SwiperOptions = {
      loop: false,
        slideToClickedSlide: false,

 PAMapp/components/NavBar.vue

@@ -34,7 +34,7 @@
<script lang="ts">
  import { Vue, Component } from 'vue-property-decorator';
  import { namespace } from 'nuxt-property-decorator';
  import { Role } from '~/assets/ts/models/enum/role';
  import { Role } from '~/shared/models/enum/role';
  import * as _ from 'lodash';

  const roleStorage = namespace('localStorage');

 PAMapp/components/QuickFilter/QuickFilterConsultantList.vue

@@ -82,8 +82,8 @@
<script lang="ts">
import { ElCarousel } from 'element-ui/types/carousel';
import { Vue, Component, Prop } from 'vue-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { Consultant } from '~/shared/models/consultant.model';
import { hideReviews } from '~/shared/const/hide-reviews';

@Component
export default class QuickFilterConsultantList extends Vue {
@@ -219,4 +219,4 @@
        }
    }

</style>
</style>

 PAMapp/components/QuickFilter/QuickFilterSelector.vue

@@ -44,7 +44,7 @@
            </el-radio-group>
        </div>

        <div v-else> 
        <div v-else>
            <el-rate
            v-if="!hideReviews"
                class="pam-quickFilter-rate"
@@ -66,8 +66,8 @@

<script lang="ts">
import { Vue, Component, Prop, Watch, Emit } from 'nuxt-property-decorator';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { FastQueryParams, QuestionOption, Selected } from '~/assets/ts/models/quickFilter.model';
import { hideReviews } from '~/shared/const/hide-reviews';
import { FastQueryParams, QuestionOption, Selected } from '~/shared/models/quickFilter.model';
@Component
export default class QuickFilterDrawer extends Vue {
    pickedItem: FastQueryParams = {
@@ -140,4 +140,4 @@
        flex-wrap: wrap;
    }

</style>
</style>

 PAMapp/components/Ui/UiField.vue

@@ -13,7 +13,7 @@

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import { isMobileDevice } from '~/assets/ts/device';
import { isMobileDevice } from '~/shared/device';

@Component
export default class UiField extends Vue {

 PAMapp/components/Ui/UiPagination.vue

@@ -12,7 +12,7 @@

<script lang="ts">
import { Vue, Component, Prop, Emit, Watch } from 'nuxt-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { Consultant } from '~/shared/models/consultant.model';

@Component
export default class UiPagination extends Vue {

 PAMapp/components/popUpFrame.vue

@@ -15,7 +15,7 @@

<script lang="ts">
  import { Vue, Component, Prop,Emit, Watch, PropSync} from 'vue-property-decorator';
  import { isMobileDevice } from '../assets/ts/device';
  import { isMobileDevice } from '~/shared/device';
  @Component
  export default class PopUpFrame extends Vue {
    @PropSync('isOpen',{type:Boolean,default:false}) syncIsOpen!:boolean;
@@ -32,7 +32,7 @@
    private get isUseDialog() : boolean {
      return this.syncIsOpen && !isMobileDevice();
    }
    

    private set isUseDialog(value: boolean) {
      this.$emit('update:isOpen',value);
    }

 PAMapp/pages/accountSetting/index.vue

@@ -70,8 +70,8 @@

<script lang="ts">
import { Vue,Component } from 'vue-property-decorator'
import { getUserAccountSetting, updateAccountSetting } from '~/assets/ts/api/consultant';
import { UserSetting } from '~/assets/ts/models/account.model';
import { getUserAccountSetting, updateAccountSetting } from '~/shared/api/consultant';
import { UserSetting } from '~/shared/models/account.model';

@Component
export default class AccountSetting extends Vue {

 PAMapp/pages/agentInfo/_agentNo.vue

@@ -190,10 +190,10 @@
import { namespace } from 'nuxt-property-decorator';
import { Vue, Component } from 'vue-property-decorator';

import myConsultantService from '~/assets/ts/services/my-consultant.service';
import { AgentInfo } from '~/assets/ts/models/agent-info.model';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { Role } from '~/assets/ts/models/enum/role';
import myConsultantService from '~/shared/services/my-consultant.service';
import { AgentInfo } from '~/shared/models/agent-info.model';
import { hideReviews } from '~/shared/const/hide-reviews';
import { Role } from '~/shared/models/enum/role';

const roleStorage = namespace('localStorage');


 PAMapp/pages/consultantLogin/index.vue

@@ -58,9 +58,9 @@
<script lang="ts">
  import { Vue, Component , namespace } from 'nuxt-property-decorator';
  import { AxiosError } from 'axios';
  import { Role } from '~/assets/ts/models/enum/role';
  import ErrorMessageBox from '~/assets/ts/errorService';
  import loginService from '~/assets/ts/services/login.service'
  import { Role } from '~/shared/models/enum/role';
  import ErrorMessageBox from '~/shared/errorService';
  import loginService from '~/shared/services/login.service'

  const roleStorage = namespace('localStorage');
  @Component({

 PAMapp/pages/faq.vue

@@ -9,7 +9,7 @@

<script lang="ts">
import { Vue, Component } from 'nuxt-property-decorator';
import { faqList } from '~/assets/ts/const/faqList';
import { faqList } from '~/shared/const/faqList';

@Component
export default class Faq extends Vue {
@@ -22,4 +22,4 @@
}
</script>

<style lang="scss" scoped></style>
<style lang="scss" scoped></style>

 PAMapp/pages/index.vue

@@ -44,7 +44,7 @@

<script lang="ts">
  import { Vue, Component, State, Action, Watch, namespace } from 'nuxt-property-decorator';
  import { Consultant } from '~/assets/ts/models/consultant.model';
  import { Consultant } from '~/shared/models/consultant.model';

  const localStorage = namespace('localStorage');
  @Component({

 PAMapp/pages/login/index.vue

@@ -335,14 +335,14 @@
<script lang="ts">
import { namespace } from 'nuxt-property-decorator';
import { Vue, Component, Ref } from 'vue-property-decorator';
import ErrorMessageBox from '~/assets/ts/errorService';
import { OtpErrorCode } from '~/assets/ts/models/enum/otpErrorCode';
import { Role } from '~/assets/ts/models/enum/role';
import { LoginRequest } from '~/assets/ts/models/loginRequest.model';
import { LoginVerify } from '~/assets/ts/models/loginVerify.model';
import { OtpInfo } from '~/assets/ts/models/otpInfo.model';
import { RegisterInfo } from '~/assets/ts/models/registerInfo';
import loginService from '~/assets/ts/services/login.service';
import ErrorMessageBox from '~/shared/errorService';
import { OtpErrorCode } from '~/shared/models/enum/otpErrorCode';
import { Role } from '~/shared/models/enum/role';
import { LoginRequest } from '~/shared/models/loginRequest.model';
import { LoginVerify } from '~/shared/models/loginVerify.model';
import { OtpInfo } from '~/shared/models/otpInfo.model';
import { RegisterInfo } from '~/shared/models/registerInfo';
import loginService from '~/shared/services/login.service';

const roleStorage = namespace('localStorage');


 PAMapp/pages/myAppointmentList.vue

@@ -45,7 +45,7 @@

import * as _ from 'lodash';

import { ClientInfo } from '~/assets/ts/models/client.model';
import { ClientInfo } from '~/shared/models/client.model';

@Component({
    layout: 'home',

 PAMapp/pages/myAppointmentList/appointmentList.vue

@@ -25,7 +25,7 @@
<script lang="ts">
import { Vue, Component, State, Watch } from 'nuxt-property-decorator';

import { ClientInfo } from '~/assets/ts/models/client.model';
import { ClientInfo } from '~/shared/models/client.model';

@Component
export default class ClientReservedList extends Vue {

 PAMapp/pages/myAppointmentList/contactedList.vue

@@ -29,7 +29,7 @@
<script lang="ts">
import { Vue, Component, Watch, State } from 'nuxt-property-decorator';

import { ClientInfo } from '~/assets/ts/models/client.model';
import { ClientInfo } from '~/shared/models/client.model';

@Component
export default class ClientContactedList extends Vue {

 PAMapp/pages/myConsultantList.vue

@@ -26,7 +26,7 @@

<script lang='ts'>
import { Vue, Component, Watch, State, Action } from 'nuxt-property-decorator';
import { Consultant, ConsultantWithAppointmentId } from '~/assets/ts/models/consultant.model';
import { Consultant, ConsultantWithAppointmentId } from '~/shared/models/consultant.model';

@Component
export default class myConsultantList extends Vue {

 PAMapp/pages/myConsultantList/consultantList.vue

@@ -14,7 +14,7 @@

<script lang="ts">
import { Vue, Component, Prop } from 'nuxt-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { Consultant } from '~/shared/models/consultant.model';


@Component
@@ -27,4 +27,4 @@
    }

}
</script>
</script>

 PAMapp/pages/myConsultantList/contactedList.vue

@@ -14,7 +14,7 @@

<script lang="ts">
import { Vue, Component, Prop } from 'nuxt-property-decorator' ;
import { Consultant } from '~/assets/ts/models/consultant.model';
import { Consultant } from '~/shared/models/consultant.model';


@Component
@@ -26,4 +26,4 @@
        this.pageList = pageList;
    }
}
</script>
</script>

 PAMapp/pages/questionnaire/_agentNo.vue

@@ -140,13 +140,13 @@

<script lang="ts">
import { Vue, Component, State, Action, Watch, namespace } from 'nuxt-property-decorator';
import { addFavoriteConsultant, appointmentDemand, AppointmentParams, AppointmentRequests ,editAppointment } from '~/assets/ts/api/consultant';
import { getRequestQuestionFromStorage, getRequestsFromStorage, removeRequestQuestionFromStorage, setRequestsToStorage } from '~/assets/ts/storageRequests';
import { addFavoriteConsultant, appointmentDemand, AppointmentParams, AppointmentRequests ,editAppointment } from '~/shared/api/consultant';
import { getRequestQuestionFromStorage, getRequestsFromStorage, removeRequestQuestionFromStorage, setRequestsToStorage } from '~/shared/storageRequests';
import _ from 'lodash';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { ContactType } from '~/assets/ts/models/enum/ContactType';
import { Gender } from '~/assets/ts/models/enum/Gender';
import { RegisterInfo } from '~/assets/ts/models/registerInfo';
import { Consultant } from '~/shared/models/consultant.model';
import { ContactType } from '~/shared/models/enum/ContactType';
import { Gender } from '~/shared/models/enum/Gender';
import { RegisterInfo } from '~/shared/models/registerInfo';

  const roleStorage = namespace('localStorage');
  @Component

 PAMapp/pages/quickFilter/index.vue

@@ -66,10 +66,10 @@

<script lang="ts">
import { Vue, Component, namespace } from 'nuxt-property-decorator';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { fastQuery } from '~/assets/ts/api/consultant';
import { questionList } from '~/assets/ts/const/quickFilter-questionList';
import { FastQueryParams, QuestionOption, Selected } from '~/assets/ts/models/quickFilter.model';
import { Consultant } from '~/shared/models/consultant.model';
import { fastQuery } from '~/shared/api/consultant';
import { questionList } from '~/shared/const/quickFilter-questionList';
import { FastQueryParams, QuestionOption, Selected } from '~/shared/models/quickFilter.model';

const localStorage = namespace('localStorage');
@Component
@@ -232,4 +232,4 @@
        }
    }

</style>
</style>

 PAMapp/pages/recommendConsultant/index.vue

@@ -95,7 +95,7 @@
    State
  } from 'nuxt-property-decorator';
  import * as _ from 'lodash';
  import { Seniority } from '~/assets/ts/models/enum/seniority';
  import { Seniority } from '~/shared/models/enum/seniority';

  const localStorage = namespace('localStorage');


 PAMapp/pages/recommendConsultant/result.vue

@@ -83,8 +83,8 @@
</template>
<script lang="ts">
import {Vue,Component, State, namespace, Action} from 'nuxt-property-decorator';
import { AgentOfStrictQuery } from '~/assets/ts/api/consultant';
import { hideReviews } from '~/assets/ts/const/hide-reviews';
import { AgentOfStrictQuery } from '~/shared/api/consultant';
import { hideReviews } from '~/shared/const/hide-reviews';

const localStorage = namespace('localStorage');


 PAMapp/pages/record/index.vue

@@ -12,7 +12,7 @@
    </section>

    <section class="user-reviews-content">
        <div 
        <div
            class="user-reviews-card"
            v-for="(appointmentLog, index) in myAppointmentReviewLogList"
            :key="index">
@@ -24,25 +24,25 @@
            </div>
            <div class="user-reviews-card-date">
                <div class="date">
                    <UiDateFormat 
                    <UiDateFormat
                        :date="appointmentLog.lastModifiedDate"
                        onlyShowSection="DAY" />
                </div>
                <div class="time">
                    <UiDateFormat 
                    <UiDateFormat
                        :date="appointmentLog.lastModifiedDate"
                        onlyShowSection="TIME" />
                </div>
            </div>
        </div>
    </section>
  

</div>

</template>
<script lang="ts">
import { Vue, Component, Action, State, namespace } from 'nuxt-property-decorator';
import { AppointmentLog } from '~/assets/ts/models/appointment.model';
import { AppointmentLog } from '~/shared/models/appointment.model';

const roleStorage = namespace('localStorage');

@@ -63,8 +63,8 @@
        this.storeMyAppointmentReviewLog();
    }

    
    


}
</script>
<style lang="scss" scoped>
@@ -101,7 +101,7 @@
                width:52px;
                .date{
                    margin-bottom: 2px;
                    

                }
            }
        }
@@ -112,4 +112,4 @@
        flex: 1;
    }
}
</style>
</style>

 PAMapp/pages/userReviews/index.vue

@@ -1,9 +1,9 @@
<template> 
<template>
<div class="reviews-page">
    <!-- é¡§å®¢ç™¼é€æ»¿æ„åº¦çµ¦é¡§å• -->
    <div class="reviews-banner"></div>

    <section class="reviews-container"> 
    <section class="reviews-container">
        <section class="reviews-header">
            <div class="reviews-header-container">
                <div class="reviews-header-title">滿意度調查</div>
@@ -20,17 +20,17 @@
                    <div class="card-txt">
                        å°æ–¼é¡§å•
                        <span class="p">{{item.name}}</span>的整體服務,您給予幾顆星的評價?
                        <div 
                        <div
                            class="card-score"
                            v-if="!isMobileDevice">
                            <el-rate class="user-reviews-rate" v-model="item.avgScore"></el-rate>
                        </div>
                    </div>
                </div>
                <div 
                <div
                    class="card-score"
                    v-if="isMobileDevice">
                    <el-rate 
                    <el-rate
                        class="user-reviews-rate"
                        v-model="item.avgScore"></el-rate>
                </div>
@@ -49,13 +49,13 @@
            <el-button type="primary" class="reviews-dialog-btn" @click.native="reviewsDialogCheck">我知道了</el-button>
        </div>
    </PopUpFrame>
    


</div>
</template>
<script lang="ts">
import { Vue,Component } from 'vue-property-decorator'
import { isMobileDevice } from '~/assets/ts/device';
import { isMobileDevice } from '~/shared/device';


@Component({
@@ -209,4 +209,4 @@

}

</style>
</style>

 PAMapp/pages/userReviewsRecord/index.vue

@@ -12,7 +12,7 @@
    </section>

    <section class="user-reviews-content">
        <div 
        <div
            class="user-reviews-card"
            v-for="(appointmentLog, index) in myAppointmentReviewLogList"
            :key="index">
@@ -24,25 +24,25 @@
            </div>
            <div class="user-reviews-card-date">
                <div class="date">
                    <UiDateFormat 
                    <UiDateFormat
                        :date="appointmentLog.lastModifiedDate"
                        onlyShowSection="DAY" />
                </div>
                <div class="time">
                    <UiDateFormat 
                    <UiDateFormat
                        :date="appointmentLog.lastModifiedDate"
                        onlyShowSection="TIME" />
                </div>
            </div>
        </div>
    </section>
  

</div>

</template>
<script lang="ts">
import { Vue, Component, Action, State, namespace } from 'nuxt-property-decorator';
import { AppointmentLog } from '~/assets/ts/models/appointment.model';
import { AppointmentLog } from '~/shared/models/appointment.model';

const roleStorage = namespace('localStorage');

@@ -62,7 +62,7 @@
    mounted() {
        this.storeMyAppointmentReviewLog();
    }
    

}
</script>
<style lang="scss" scoped>
@@ -99,7 +99,7 @@
                width:52px;
                .date{
                    margin-bottom: 2px;
                    

                }
            }
        }
@@ -110,4 +110,4 @@
        flex: 1;
    }
}
</style>
</style>

 PAMapp/shared/api/appointment.ts

@@ -1,4 +1,4 @@
import { http } from '~/assets/ts/services/httpClient';
import { http } from '~/shared/services/httpClient';

import { AppointmentLog } from '../models/appointment.model';


 PAMapp/shared/api/consultant.ts

@@ -2,7 +2,7 @@
import { ConsultantLoginInfo } from '../models/ConsultantLoginInfo';
import _ from 'lodash';
import { UserSetting } from '../models/account.model';
import { Consultant } from '~/assets/ts/models/consultant.model';
import { Consultant } from '~/shared/models/consultant.model';
import { http } from '../services/httpClient';
import { FastQueryParams } from '../models/quickFilter.model';


 PAMapp/shared/models/enum/Role.ts

@@ -1,5 +1,5 @@
export enum Role{
    ADMIN = 'admin',
    USER = 'user',
    ADMIN     = 'admin',
    USER      = 'user',
    NOT_LOGIN = ''
}
}

 PAMapp/shared/services/my-consultant.service.ts

@@ -1,6 +1,6 @@
import { http } from "./httpClient";

import { AgentInfo } from '~/assets/ts/models/agent-info.model';
import { AgentInfo } from '~/shared/models/agent-info.model';
import { Consultant } from "../models/consultant.model";

class MyConsultantService {

 PAMapp/shared/services/pamService.service.ts

Àɮפw§R°£

 PAMapp/store/localStorage.ts

@@ -1,5 +1,5 @@
import { Module, Mutation, VuexModule ,Action } from 'vuex-module-decorators';
import { Role } from '~/shared/models/enum/Role';
import { Role } from '~/shared/models/enum/role';
import { Selected } from '~/shared/models/quickFilter.model';
@Module
export default class LocalStorage extends VuexModule {