@intellias/menu 1.0.0

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@intellias/menu",
+  "version": "1.0.0",
+  "description": "Menu for intems project.",
+  "author": "Intems",
+  "scripts": {
+    "dev": "npm run development-build",
+    "development-build": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=./webpack.config.js",
+    "serve": "vue-cli-service serve",
+    "lint": "vue-cli-service lint",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "main": "./dist/js/main.js",
+  "files": [
+    "dist/*",
+    "assets/*",
+    "buses/*",
+    "components/*",
+    "helpers/*",
+    "mixins/*",
+    "models/*",
+    "repositories/*",
+    "requests/*",
+    "scss/*",
+    "*.json",
+    "*.js",
+    "*.ts"
+  ],
+  "dependencies": {
+    "@types/vuelidate": "^0.7.15",
+    "@typescript-eslint/eslint-plugin": "^4.7.0",
+    "@typescript-eslint/parser": "^4.7.0",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "axios": "^0.21.1",
+    "collect.js": "^4.18.1",
+    "core-js": "^3.8.3",
+    "eslint": "^7.13.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-config-prettier": "^6.15.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-vue": "^7.1.0",
+    "lodash.debounce": "^4.0.8",
+    "mobile-device-detect": "^0.4.3",
+    "moment": "^2.29.4",
+    "moment-timezone": "^0.5.43",
+    "prettier": "^2.1.2",
+    "socket.io-client": "^4.4.1",
+    "v-dropdown-menu": "^2.0.2",
+    "v-tooltip": "^2.1.3",
+    "vue": "^2.6.14",
+    "vue-custom-scrollbar": "^1.4.3",
+    "vue-echo-laravel": "^1.0.0",
+    "vue-js-modal": "^2.0.1",
+    "vue-lazyload": "^1.3.3",
+    "vue-router": "^3.5.0",
+    "vue-select": "^3.2.0",
+    "vue-tabs-with-active-line": "^1.2.6",
+    "vuelidate": "^0.7.4",
+    "vuex": "^3.1.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-service": "~5.0.0",
+    "autoprefixer": "^9.8.8",
+    "babel-loader": "^8.0.6",
+    "clean-webpack-plugin": "^3.0.0",
+    "cross-env": "5.1",
+    "css-loader": "^3.2.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "file-loader": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^6.0.0",
+    "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.8.0",
+    "postcss-loader": "^3.0.0",
+    "sass": "^1.23.0",
+    "sass-loader": "^7.1.0",
+    "sass-resources-loader": "^2.0.1",
+    "ts-loader": "^6.2.0",
+    "typescript": "^5.0.4",
+    "vue-loader": "^15.10.1",
+    "vue-style-loader": "^4.1.3",
+    "vue-template-compiler": "^2.7.14",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^3.3.9"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "keywords": [
+    "intems",
+    "menu"
+  ],
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git@ssh.dev.azure.com:v3/IntelliasTS/Intems/Intems-menu"
+  }
+}

package/repositories/BaseRepository.ts

@@ -0,0 +1,42 @@
+import { AxiosResponse } from "axios";
+import Repository from "./Repository";
+import { RequestMethod } from "../models/user/NotificationActionModel";
+import { BaseUrl } from "./BaseUrl";
+
+export default class BaseRepository<
+  TModel extends new (...args: any) => any
+> extends Repository {
+  protected model: TModel;
+  constructor(baseUrl: BaseUrl = BaseUrl.Default, model?: TModel) {
+    super(baseUrl);
+    this.model = model;
+  }
+
+  async get<Result>(
+    parameters?
+  ): Promise<keyof Result extends never ? InstanceType<TModel> : Result> {
+    return await this.getResource(this.model, "", parameters);
+  }
+
+  async post<TData>(data?, parameters?): Promise<TData> {
+    return this.postData("", data, parameters);
+  }
+
+  async request(
+    url: string,
+    method: RequestMethod,
+    data: Record<string, unknown>
+  ): Promise<AxiosResponse> {
+    if (method === RequestMethod.put) {
+      return this.putData(url, data);
+    }
+    if (method === RequestMethod.post) {
+      return this.postData(url, data);
+    }
+    if (method === RequestMethod.patch) {
+      return this.patch(url);
+    }
+
+    return null;
+  }
+}

package/repositories/BaseUrl.ts

@@ -0,0 +1,107 @@
+export enum BaseUrl {
+  Default = "",
+  LoggedInUser = "/api/users/me",
+  ProgressBar = "/api/users/me/progress-bar",
+  LogOut = "/logout",
+  SessionMessages = "/api/session-messages",
+  Config = "/api/config",
+  DescribedTime = "/api/described-times",
+  TrackedTimes = "/api/tracked-times",
+  Holidays = "/api/holidays",
+  News = "/api/news",
+  Tags = "/api/tags",
+  Roles = "/api/roles",
+  ScheduledMaintenance = "/api/scheduled-maintenance",
+  StatsFilter = "api/stats/filter",
+  MinReportDate = "api/stats/min-date",
+  AnniversaryUsers = "/api/anniversary-users",
+  RequestedDays = "/api/requested-days",
+  WallOfGlory = "/api/wall-of-glory",
+  WorkingNorm = "api/users/working-norm",
+  BirthdayUsers = "/api/birthday-users",
+  SendRecommendation = "/api/send-recommendation",
+  Stats = "/api/stats",
+  TalentPlanner = "/api/talent-planner",
+  Projects = "api/projects",
+  ProjectsTree = "api/projects-tree",
+  ImportEffort = "api/users/import-effort",
+  JobProfileGroup = "/api/users/job-profiles",
+  WelcomeProgram = "/api/welcome-program",
+  Rotation = "api/rotation",
+  Cities = "api/cities",
+  ReleaseNotes = "api/release-notes",
+  ZabbixMap = "api/network-map",
+  Sows = "/api/sows",
+  Clients = "/api/clients",
+  Engagements = "/api/engagements",
+  OrganisationStructure = "/api/organisation-structure",
+  NewCollegues = "/api/new-collegues",
+  OvertimeRequests = "/api/overtime-requests",
+  CompensationPackage = "/api/users/me/compensation-package",
+  BabyBorn = "/api/baby-born",
+  WeddingUser = "/api/wedding-user",
+  CostCenters = "/api/cost-centers",
+  Users = "/api/users",
+  KudosAndSmartsStatistic = "/api/kudos-and-smarts/statistic",
+  MyReferrals = "/api/referrals/my-referrals",
+  MyReferralLogs = "/api/referrals/my-referral-logs",
+  TopRecommenders = "/api/referrals/top-recommenders",
+  LastActions = "/api/kudos-and-smarts/last-actions",
+  GiveKudos = "/api/kudos-and-smarts/give-kudos",
+  CostCenterCategory = "/api/cost-center-category",
+  Department = "/api/departments",
+  GiveKudosUsersList = "/api/kudos-and-smarts/users-list",
+  Tasks = "/api/tasks",
+  Folder = "api/tasks/folder",
+  DonationCampaign = "/api/donation-campaign",
+  Donation = "/api/donation-transaction",
+  Upload = "/api/upload",
+  DonationAttachment = "/api/donation-attachment",
+  PipeDriveOption = "/api/pipedrive-option",
+  Banner = "/api/banners",
+  Assets = "/api/users/assets",
+  PositionSubscription = "/api/position-subscription",
+  Currency = "/api/currency",
+  Rate = "/api/rates",
+  Timesheet = "/api/timesheets",
+  TimesheetDiscount = "/api/timesheets/discount",
+  TimesheetReimbursed = "/api/timesheets/reimbursed",
+  JobProfile = "/api/job-profile",
+  EmployeeReport = "/api/report/employees",
+  Locations = "/api/location",
+  MyProfile = "/api/users/my-profile",
+  Employees = "/api/employees",
+  EmploymentTypes = "/api/employment-types",
+  EmergencyContacts = "/api/emergency-contact",
+  LeavesAndAbsences = "/api/leaves-and-absences",
+  Delivery = "/api/delivery-address",
+  Trainings = "/api/events",
+  Skills = "/api/skills",
+  JiraSatisfactionSurvey = "/api/enps-survey",
+  IntelliStoreCategory = "/api/smart-catalog/category",
+  IntelliStoreType = "/api/smart-catalog/type",
+  IntelliStoreAttribute = "/api/smart-catalog/attribute",
+  IntelliStoreProduct = "/api/smart-catalog/product",
+  IntelliStoreOrder = "/api/smart-catalog/order",
+  IntelliStoreStat = "/api/smart-catalog/statistic",
+  IntelliStoreClient = "/api/smart-catalog/shop",
+  IntelliStoreWishlist = "/api/smart-catalog/wish-list",
+  Dictionary = "/api/dictionary",
+  Offices = "/api/offices",
+  Calendars = "/api/calendars",
+  ImprovementsHub = "/api/improvements-hub",
+  ViewLogs = "/api/logs",
+  TotalRewardsPortal = "/api/total-rewards-portal",
+  CompensationPackages = "/api/compensation-package",
+  Timezones = "/api/available-timezones",
+  AccessCards = "/api/access_card",
+  ValidationCompensation = "/api/validation-compensations",
+  VacationAndSickBalance = "/api/vacation-and-sick-balance",
+  TechnicalWorks = "/api/technical-work",
+  PDUSystem = "/api/pdu-system",
+  Logger = "/api/logger",
+  BenefitsPackages = "/api/benefits-package",
+  OnCallRate = "/api/on-call-rate",
+  OnCallSupport = "/api/on-call-support",
+  OnCallSupportEmployee = "/api/on-call-support-employee",
+}

package/repositories/Repository.ts

@@ -0,0 +1,291 @@
+import { AxiosRequestConfig, AxiosResponse } from "axios";
+import * as moment from "moment";
+import { Collection } from "collect.js";
+import DefaultSubscribers from "./subscribers/DefaultSubscribers";
+import { BaseUrl } from "./BaseUrl";
+import AxiosProxy from "../helpers/response/AxiosProxy";
+import * as Response from "../helpers/response/ResponseInterface";
+import * as ModelHelper from "../helpers/model/ModelHelper";
+import { ResponseCode } from "../helpers/response/ResponseCode";
+import { Meta } from "../helpers/response/ResponseInterface";
+import NotificationModel from "../models/user/NotificationModel";
+import Model from "../models/Model";
+import ResponseHelper, {
+  DefaultContext,
+} from "../helpers/response/ResponseHelper";
+
+export type PaginatedResponse = {
+  collection: Collection<Model>;
+  meta: Meta;
+};
+export default abstract class Repository {
+  protected baseUrl: BaseUrl;
+  protected responseHelper: ResponseHelper;
+  protected axiosProxy: AxiosProxy;
+
+  protected constructor(baseUrl: BaseUrl) {
+    this.baseUrl = baseUrl;
+    this.responseHelper = new ResponseHelper();
+    this.responseHelper.applySubscribers(
+      new DefaultSubscribers(),
+      DefaultContext
+    );
+    this.axiosProxy = new AxiosProxy(this.responseHelper);
+  }
+
+  getResponseHelper() {
+    return this.responseHelper;
+  }
+
+  protected async getData<TData>(
+    resource = "",
+    parameters?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.get<TData>(
+      this.getUrl(resource),
+      this.getConfig({ params: parameters }),
+      context
+    );
+
+    return response.data;
+  }
+
+  protected async getResource<TData>(
+    model,
+    resource = "",
+    parameters?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.get<Response.Read<TData>>(
+      this.getUrl(resource),
+      this.getConfig({ params: parameters }),
+      context
+    );
+
+    if (response.data.data === undefined) {
+      console.error(
+        'Key "data" does not exist in response from API',
+        response.data
+      );
+    }
+
+    return response.status < ResponseCode.BadRequest
+      ? this.map(model, response.data.data)
+      : null;
+  }
+
+  protected async getPaginatedResource<TData>(
+    model: typeof Model,
+    resource = "",
+    parameters?: Record<string, unknown>,
+    context: string = DefaultContext
+  ): Promise<PaginatedResponse> {
+    const response = await this.axiosProxy.get<{
+      data: { data: Record<string, unknown> };
+      meta: Meta;
+    }>(this.getUrl(resource), this.getConfig({ params: parameters }), context);
+    if (response.status < ResponseCode.BadRequest) {
+      return {
+        collection: this.map(
+          model !== undefined ? model : NotificationModel,
+          response.data.data
+        ),
+        meta: response.data.meta,
+      };
+    }
+
+    return null;
+  }
+
+  protected async getFile<TData>(
+    model,
+    resource = "",
+    parameters?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.get<Response.Read<TData>>(
+      this.getUrl(resource),
+      this.getConfig({ params: parameters, responseType: "blob" }),
+      context
+    );
+    return response.status < ResponseCode.BadRequest
+      ? this.map(model, response.data)
+      : null;
+  }
+
+  protected async postData<TData>(
+    resource = "",
+    data?,
+    parameters?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.post<TData>(
+      this.getUrl(resource),
+      data,
+      this.getConfig({ params: parameters }),
+      context
+    );
+    return response.data;
+  }
+
+  protected async post<TData>(
+    resource = "",
+    data?,
+    parameters?,
+    context: string = DefaultContext
+  ): Promise<AxiosResponse<TData>> {
+    return this.axiosProxy.post<TData>(
+      this.getUrl(resource),
+      data,
+      this.getConfig({ params: parameters }),
+      context
+    );
+  }
+
+  protected async putResource<TData>(
+    model,
+    resource = "",
+    data?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.put<Response.Read<TData>>(
+      this.getUrl(resource),
+      data,
+      this.getConfig({ params: {} }),
+      context
+    );
+
+    return response.status < ResponseCode.BadRequest
+      ? this.map(model, response.data.data)
+      : null;
+  }
+
+  protected async postResource<TData>(
+    model,
+    resource = "",
+    data?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.post<Response.Read<TData>>(
+      this.getUrl(resource),
+      data,
+      this.getConfig({ params: {} }),
+      context
+    );
+
+    return response.status < ResponseCode.BadRequest
+      ? this.map(model, response.data.data)
+      : null;
+  }
+
+  protected async putData<TData>(
+    resource = "",
+    data?,
+    parameters?,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.put<TData>(
+      this.getUrl(resource),
+      data,
+      this.getConfig({ params: parameters }),
+      context
+    );
+
+    return response.data;
+  }
+
+  protected async put<TData>(
+    resource = "",
+    data?,
+    parameters?,
+    context: string = DefaultContext
+  ): Promise<AxiosResponse<TData>> {
+    return this.axiosProxy.put<TData>(
+      this.getUrl(resource),
+      data,
+      this.getConfig({ params: parameters }),
+      context
+    );
+  }
+
+  protected async deleteData(
+    resource = "",
+    parameters?: unknown,
+    context: string = DefaultContext
+  ) {
+    const response = await this.axiosProxy.delete(
+      this.getUrl(resource),
+      this.getConfig({ params: parameters }),
+      context
+    );
+
+    return response.data;
+  }
+
+  protected async deleteResource(
+    resource = "",
+    parameters?: unknown,
+    context: string = DefaultContext
+  ): Promise<AxiosResponse> {
+    return this.axiosProxy.delete(
+      this.getUrl(resource),
+      this.getConfig({ params: parameters }),
+      context
+    );
+  }
+
+  protected async patch(resource = "", context: string = DefaultContext) {
+    return this.axiosProxy.patch(
+      this.getUrl(resource),
+      this.getConfig(),
+      context
+    );
+  }
+
+  protected async patchData<TData>(
+    resource = "",
+    data?,
+    parameters?,
+    context: string = DefaultContext
+  ) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    const response = await this.axiosProxy.patch<TData>(
+      this.getUrl(resource),
+      { ...data, ...this.getConfig({ params: parameters }) },
+      context
+    );
+    return response.data;
+  }
+
+  protected map(model, resource) {
+    // Todo: model must be specified each time, remove this!!!
+    if (!model) {
+      return resource;
+    }
+    return ModelHelper.map(model, resource);
+  }
+  protected getUrl(resource: string): string {
+    if (this.baseUrl === null) {
+      throw new Error("baseUrl is not specified");
+    }
+    return this.baseUrl + resource;
+  }
+
+  protected getQueryString(params): string {
+    return Object.keys(params)
+      .map((key) => `${key}=${params[key]}`)
+      .join("&");
+  }
+
+  protected getConfig(
+    parameters?: Record<string, unknown>
+  ): AxiosRequestConfig {
+    return {
+      ...parameters,
+      headers: {
+        tz: moment.tz?.guess(),
+      },
+    };
+  }
+}

package/repositories/ResourceRepository.ts

@@ -0,0 +1,99 @@
+import { Collection } from "collect.js";
+import { ResponseCode } from "../helpers/response/ResponseCode";
+import { BaseUrl } from "./BaseUrl";
+import { Read } from "../helpers/response/ResponseInterface";
+import { DefaultContext } from "../helpers/response/ResponseHelper";
+import CreateSubscribers from "./subscribers/CreateSubscribers";
+import UpdateSubscribers from "./subscribers/UpdateSubscribers";
+import DeleteSubscribers from "./subscribers/DeleteSubscribers";
+import Repository from "./Repository";
+import DownloadSubscribers from "./subscribers/DownloadSubscribers";
+
+export type Config = {
+  resourceName?: string;
+  successMessage?: string;
+};
+
+export const CreateContext = "create";
+export const UpdateContext = "update";
+export const DeleteContext = "delete";
+export const DownloadContext = "download";
+export const RejectContext = "reject";
+export const ConfirmContext = "confirm";
+export const ApproveContext = "approve";
+export const HeadContext = "head";
+
+export default abstract class ResourceRepository<
+  TModel extends new (...args: any) => any
+> extends Repository {
+  protected model: TModel;
+  protected config: Config;
+
+  protected constructor(baseUrl: BaseUrl, model: TModel, config?: Config) {
+    super(baseUrl);
+    this.model = model;
+    this.responseHelper.applySubscribers(
+      new CreateSubscribers(config?.resourceName),
+      CreateContext
+    );
+    this.responseHelper.applySubscribers(
+      new UpdateSubscribers(config?.resourceName, config?.successMessage),
+      UpdateContext
+    );
+    this.responseHelper.applySubscribers(
+      new DeleteSubscribers(config?.resourceName),
+      DeleteContext
+    );
+    this.responseHelper.applySubscribers(
+      new DownloadSubscribers(config?.resourceName),
+      DownloadContext
+    );
+  }
+
+  async getById(
+    id: number | string,
+    context: string = DefaultContext
+  ): Promise<TModel> {
+    return await this.getResource(this.model, `/${id}`, {}, context);
+  }
+
+  async all(
+    parameters?,
+    context: string = DefaultContext
+  ): Promise<Collection<TModel>> {
+    return await this.getResource(this.model, "", parameters, context);
+  }
+
+  async create(model: TModel) {
+    const response = await this.axiosProxy.post<Read<TModel>>(
+      this.getUrl(""),
+      model,
+      this.getConfig(),
+      CreateContext
+    );
+    return response.status === ResponseCode.Created
+      ? this.map(this.model, response.data.data)
+      : null;
+  }
+
+  async update(id: number | string, model: InstanceType<TModel>) {
+    const response = await this.axiosProxy.put<Read<TModel>>(
+      this.getUrl(`/${id}`),
+      model,
+      this.getConfig(),
+      UpdateContext
+    );
+    return response.status === ResponseCode.Ok
+      ? this.map(this.model, response.data.data)
+      : null;
+  }
+
+  async delete(id: number | string) {
+    const response = await this.axiosProxy.delete(
+      this.getUrl(`/${id}`),
+      this.getConfig(),
+      DeleteContext
+    );
+    return response.status === ResponseCode.NoContent;
+  }
+}

package/repositories/TrackedTimeRepository.ts

@@ -0,0 +1,43 @@
+import TrackedTimeModel from "../models/TrackedTimeModel";
+import * as Response from "../helpers/response/ResponseInterface";
+import { ResponseCode } from "../helpers/response/ResponseCode";
+import ResourceRepository from "./ResourceRepository";
+import { BaseUrl } from "./BaseUrl";
+
+export const PlayContext = "play";
+export const PauseContext = "pause";
+
+export default class TrackedTimeRepository extends ResourceRepository<
+  typeof TrackedTimeModel
+> {
+  constructor() {
+    super(BaseUrl.TrackedTimes, TrackedTimeModel, {
+      resourceName: "Worked Time",
+    });
+  }
+
+  async latest(): Promise<TrackedTimeModel> {
+    return await this.getResource(this.model, "/latest");
+  }
+
+  async play() {
+    const response = await this.axiosProxy.post<
+      Response.Read<TrackedTimeModel>
+    >(this.baseUrl, {}, this.getConfig(), PlayContext);
+    return response.status === ResponseCode.Created
+      ? this.map(this.model, response.data.data)
+      : null;
+  }
+
+  async pause() {
+    const response = await this.axiosProxy.put<Response.Read<string>>(
+      this.baseUrl,
+      {},
+      this.getConfig(),
+      PauseContext
+    );
+    return response.status === ResponseCode.Ok
+      ? this.map(this.model, response.data.data)
+      : null;
+  }
+}