@intellias/menu 1.0.0 → 1.0.4

package/components/play-pause/PlayPause.ts

@@ -1,156 +0,0 @@
-import { mapGetters } from "vuex";
-import { AxiosError, AxiosResponse } from "axios";
-import * as moment from "moment-timezone";
-import modal from "../modal/Modal.vue";
-import { ResponseState } from "../../helpers/response/ResponseState";
-import * as Response from "../../helpers/response/ResponseInterface";
-import { Status } from "./PlayPauseStatus";
-import TrackedTimeModel from "../../models/TrackedTimeModel";
-import TrackedTimeRepository, {
-  PauseContext,
-  PlayContext,
-} from "../../repositories/TrackedTimeRepository";
-import TrackedTimeHelper from "./helpers/TrackedTimeHelper";
-import PauseHelper from "./helpers/PauseHelper";
-import { ResponseCode } from "../../helpers/response/ResponseCode";
-import { DefaultContext } from "../../helpers/response/ResponseHelper";
-import LatestTrackedTimeDurationHelper from "./helpers/LatestTrackedTimeDurationHelper";
-import ActionButton from "../buttons/action-button/ActionButton.vue";
-import SecondaryButton from "../buttons/secondary-button/SecondaryButton.vue";
-import { myOptions } from "../../wrapper";
-import { isMobile } from "mobile-device-detect";
-
-const groupedDataEndDate = moment().subtract(2, "days");
-const trackedTimeRepository = new TrackedTimeRepository();
-
-export default {
-  name: "playPause",
-  inject: ["storeAdapter"],
-  components: { modal, ActionButton, SecondaryButton },
-  async created(): Promise<void> {
-    this.applyRepositorySubscribers();
-    await this.getTrackedTimes();
-    this.isLoading = false;
-  },
-  computed: {
-    ...mapGetters("User", ["getUser"]),
-    status(): Status {
-      return this.storeAdapter.TrackedTime.getters.status;
-    },
-    iconClass(): string {
-      if (this.isLoading) {
-        return "spinner-solid";
-      }
-      return this.status === Status.Play ? "pause" : "play";
-    },
-    latestTrackedTime(): TrackedTimeModel {
-      return this.storeAdapter.TrackedTime.getters.latest;
-    },
-    isMobile(): boolean {
-      return isMobile;
-    },
-  },
-  watch: {
-    latestTrackedTime(trackedTime): void {
-      this.latestTrackedTimeDurationHelper.calculate(
-        trackedTime,
-        this.getUser.getTimezone()
-      );
-    },
-  },
-  data(): Record<string, unknown> {
-    return {
-      trackedText: "Default Text",
-      duration: undefined,
-      isLoading: true,
-      latestTrackedTimeDurationHelper: new LatestTrackedTimeDurationHelper(),
-    };
-  },
-  methods: {
-    async addNow(): Promise<void> {
-      const timePagePath = myOptions.helperFunctions.getUrlPathByName("Time");
-      this.storeAdapter.TimePage.mutations.setAddNowMode(true);
-      if (this.$router.currentRoute.path !== timePagePath) {
-        await this.$router.replace(timePagePath);
-      }
-
-      this.closeModalWindow();
-    },
-    closeModalWindow(): void {
-      this.$modal.hide("modalTracked");
-    },
-    handlePlayResolved(
-      response: AxiosResponse<Response.Read<TrackedTimeModel>>
-    ): void {
-      const trackedTime = new TrackedTimeModel();
-      trackedTime.fill(response.data.data);
-      this.storeAdapter.TrackedTime.mutations.addTrackedTime(trackedTime);
-      this.storeAdapter.Toasts.mutations.addMessage(
-        "You have started tracking work time"
-      );
-    },
-    handlePauseResolved(
-      response: AxiosResponse<Response.Read<Array<TrackedTimeModel>>>
-    ): void {
-      const trackedTimeHelper = new TrackedTimeHelper(response.data.data);
-      const pauseHelper = new PauseHelper(trackedTimeHelper);
-      const error = pauseHelper.getError();
-      if (error) {
-        this.storeAdapter.Toasts.mutations.addError(error);
-        this.storeAdapter.TrackedTime.mutations.setLatestTrackedTime(undefined);
-        return;
-      }
-
-      this.duration = trackedTimeHelper.today().duration;
-      this.trackedText = pauseHelper.getTrackedText();
-      if (pauseHelper.needOpenModalWindow()) {
-        this.$modal.show("modalTracked");
-      }
-      this.storeAdapter.Toasts.mutations.addMessage(pauseHelper.getMessage());
-    },
-    async handleRejected(error: AxiosError): Promise<void> {
-      if (error.response.status === ResponseCode.UnprocessableEntity) {
-        const firstError = Object.values(error.response.data.errors)[0];
-        this.storeAdapter.Toasts.mutations.addError(firstError[0]);
-
-        await this.getTrackedTimes();
-      }
-    },
-    applyRepositorySubscribers(): void {
-      const responseHelper = trackedTimeRepository.getResponseHelper();
-      responseHelper.subscribe(
-        ResponseState.Resolved,
-        (result) => this.handlePlayResolved(result),
-        PlayContext
-      );
-      responseHelper.subscribe(
-        ResponseState.Resolved,
-        (result) => this.handlePauseResolved(result),
-        PauseContext
-      );
-      responseHelper.subscribe(
-        ResponseState.Rejected,
-        (error) => this.handleRejected(error),
-        DefaultContext
-      );
-    },
-    async getTrackedTimes(): Promise<void> {
-      await this.storeAdapter.TrackedTime.actions.getTrackedTimes({
-        day$gt: groupedDataEndDate.format("YYYY-MM-DD"),
-        day$lte: moment.tz(this.getUser.getTimezone()).format("YYYY-MM-DD"),
-      });
-      if (this.status === undefined) {
-        await this.storeAdapter.TrackedTime.actions.getLatestTrackedTime();
-      }
-    },
-    async toggle(): Promise<void> {
-      this.isLoading = true;
-      if (this.status === Status.Play) {
-        await trackedTimeRepository.pause();
-      } else {
-        await trackedTimeRepository.play();
-      }
-      this.isLoading = false;
-    },
-  },
-};

package/components/play-pause/PlayPause.vue

@@ -1,36 +0,0 @@
-<template>
-  <div class="pointer">
-    <a
-      class="btn play-pause intems maintext"
-      v-on:click="toggle()"
-      :disabled="isLoading"
-      :style="{ 'background-color': '#415464 !important' }"
-    >
-      <i class="icon" :class="iconClass"></i>
-    </a>
-
-    <modal id="modalTracked" name="modalTracked" :size="isMobile ? 'lg' : 'md'">
-      <template slot="header">Tracked time</template>
-      <div slot="content" id="tracked-content">
-        <span id="span-clock"><i class="icon icon-time huge"></i></span>
-        <div v-html="trackedText"></div>
-      </div>
-      <template slot="footer">
-        <secondary-button @click.native="closeModalWindow">
-          Later
-        </secondary-button>
-        <action-button @click.native="addNow">Add now</action-button>
-      </template>
-    </modal>
-  </div>
-</template>
-
-<script>
-import PlayPause from "./PlayPause";
-
-export default PlayPause;
-</script>
-
-<style lang="scss">
-@import "./PlayPause.scss";
-</style>

package/components/play-pause/PlayPauseStatus.ts

@@ -1,4 +0,0 @@
-export enum Status {
-  Play = "play",
-  Pause = "pause",
-}

package/components/play-pause/helpers/LatestTrackedTimeDurationHelper.ts

@@ -1,55 +0,0 @@
-import * as moment from "moment";
-import TrackedTimeModel from "../../../models/TrackedTimeModel";
-import {
-  diffMinutes,
-  nextTimeFiveMinutesWillRound,
-} from "../../../helpers/TimeHelper";
-import { myOptions } from "../../../wrapper";
-
-export default class LatestTrackedTimeDurationHelper {
-  private trackedTime: TrackedTimeModel;
-  private scheduledTimeOutId;
-
-  calculate(trackedTime: TrackedTimeModel, timezone: string) {
-    this.trackedTime = trackedTime;
-    this.cancelScheduledCalculation();
-    if (
-      trackedTime &&
-      trackedTime.isToday(timezone) &&
-      !trackedTime.isFinished()
-    ) {
-      const newDuration = moment.duration(
-        diffMinutes(
-          moment(trackedTime.start.format("YYYY-MM-DD HH:mm:ss")).tz(timezone),
-          moment(moment.tz(timezone).format("YYYY-MM-DD HH:mm:ss"))
-        ),
-        "minutes"
-      );
-      this.update(newDuration);
-      this.scheduleNextCalculation(timezone);
-    }
-  }
-
-  private update(value) {
-    myOptions.storeAdapter.TrackedTime.mutations.updateDuration({
-      id: this.trackedTime.id,
-      duration: value,
-    });
-  }
-
-  private scheduleNextCalculation(timezone: string) {
-    const now = moment(moment.tz(timezone).format("YYYY-MM-DD HH:mm:ss"));
-    const next = nextTimeFiveMinutesWillRound(
-      moment(this.trackedTime.start.format("YYYY-MM-DD HH:mm:ss")).tz(timezone),
-      now
-    );
-    const milliseconds = next.diff(now, "milliseconds");
-    this.scheduledTimeOutId = setTimeout(() => {
-      this.calculate(this.trackedTime, timezone);
-    }, milliseconds);
-  }
-
-  private cancelScheduledCalculation() {
-    clearTimeout(this.scheduledTimeOutId);
-  }
-}

package/components/play-pause/helpers/PauseHelper.ts

@@ -1,55 +0,0 @@
-import TrackedTimeHelper from "./TrackedTimeHelper";
-
-export default class PauseHelper {
-  private trackedTimeHelper: TrackedTimeHelper;
-  constructor(trackedTimeHelper: TrackedTimeHelper) {
-    this.trackedTimeHelper = trackedTimeHelper;
-  }
-
-  getError() {
-    if (this.trackedTimeHelper.today() === null) {
-      const latestTrackedTime = this.trackedTimeHelper.latest();
-      if (
-        latestTrackedTime.duration.asMinutes() === 0 &&
-        latestTrackedTime.calculateDuration().asMinutes() > 0
-      ) {
-        return `INTEMS automatically stops tracking work time after a 12-hour period.`;
-      }
-    }
-    return "";
-  }
-
-  getMessage() {
-    if (this.trackedTimeHelper.isNightWork()) {
-      return "Night work";
-    }
-
-    return "You have put work time tracking on pause.";
-  }
-
-  getTrackedText() {
-    if (this.trackedTimeHelper.isNightWork()) {
-      return `
-                <p>You have been tracking work time since yesterday.</p>
-                <p>The total time is ${this.trackedTimeHelper.totalNightWork()}, including ${this.trackedTimeHelper.totalYesterday()} tracked yesterday and ${this.trackedTimeHelper.totalToday()} tracked today.</p>
-                <p>Please describe the tasks you have been busy with during this time within 5 business days</p>`;
-    }
-
-    const today = this.trackedTimeHelper.today();
-    if (today !== null && today.duration.asMinutes() > 0) {
-      return `
-                <p>Time tracking has been paused.</p>
-                <p>Please describe the tasks you have been busy within 5 business days.</p>`;
-    }
-
-    return "";
-  }
-
-  needOpenModalWindow() {
-    const today = this.trackedTimeHelper.today();
-    return (
-      this.trackedTimeHelper.isNightWork() ||
-      (today && today.duration.asMinutes() > 0)
-    );
-  }
-}

package/components/play-pause/helpers/TrackedTimeHelper.ts

@@ -1,80 +0,0 @@
-import { collect, Collection } from "collect.js";
-import * as moment from "moment";
-import TrackedTimeModel from "../../../models/TrackedTimeModel";
-import { formatDuration } from "../../../helpers/TimeHelper";
-import { myOptions } from "../../../wrapper";
-
-export default class TrackedTimeHelper {
-  private collection: Collection<TrackedTimeModel>;
-
-  constructor(responseData: Array<TrackedTimeModel>) {
-    this.mapToCollection(responseData);
-  }
-
-  today(): TrackedTimeModel {
-    const formattedToday = moment().format("YYYY-MM-DD");
-    return this.collection.firstWhere("day", formattedToday);
-  }
-
-  yesterday(): TrackedTimeModel {
-    const formattedYesterday = moment().subtract(1, "day").format("YYYY-MM-DD");
-    return this.collection.firstWhere("day", formattedYesterday);
-  }
-
-  latest(): TrackedTimeModel {
-    return this.collection.sortByDesc("start").first();
-  }
-
-  isNightWork() {
-    return this.today() && this.yesterday();
-  }
-
-  totalToday() {
-    const today = this.today();
-    const total =
-      today instanceof TrackedTimeModel ? today.duration.asMinutes() : 0;
-    return formatDuration(total);
-  }
-
-  totalYesterday() {
-    const yesterday = this.yesterday();
-    const total =
-      yesterday instanceof TrackedTimeModel
-        ? yesterday.duration.asMinutes()
-        : 0;
-    return formatDuration(total);
-  }
-
-  totalNightWork() {
-    const today = this.today();
-    const yesterday = this.yesterday();
-    const total =
-      today instanceof TrackedTimeModel && yesterday instanceof TrackedTimeModel
-        ? today.duration.asMinutes() + yesterday.duration.asMinutes()
-        : 0;
-    return formatDuration(total);
-  }
-
-  private mapToCollection(responseData: Array<TrackedTimeModel>) {
-    this.collection = collect(
-      responseData.map((resource) => {
-        const trackedTime = new TrackedTimeModel();
-        trackedTime.fill(resource);
-        const trackedTimeAlreadyExists =
-          myOptions.storeAdapter.TrackedTime.state.collection.firstWhere(
-            "id",
-            trackedTime.id
-          );
-        trackedTimeAlreadyExists
-          ? myOptions.storeAdapter.TrackedTime.mutations.updateTrackedTime(
-              trackedTime
-            )
-          : myOptions.storeAdapter.TrackedTime.mutations.addTrackedTime(
-              trackedTime
-            );
-
-        return trackedTime;
-      })
-    );
-  }
-}

package/components/preloader/Preloader.vue

@@ -1,34 +0,0 @@
-<template>
-    <div class="preloader" :class="[size]">
-        <div class="preloader-wrapper active" :class="[size]">
-            <div class="spinner-layer">
-                <div class="circle-clipper left">
-                    <div class="circle"></div>
-                </div>
-                <div class="gap-patch">
-                    <div class="circle"></div>
-                </div>
-                <div class="circle-clipper right">
-                    <div class="circle"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script lang="ts">
-export default {
-    props: {
-        size: {
-            type: String,
-            default: 'big'
-        }
-    }
-};
-</script>
-<style lang="scss">
-.preloader {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-</style>

package/components/request-loader/RequestLoader.scss

@@ -1,20 +0,0 @@
-@use "sass:map";
-@import "../../scss/components/variables";
-
-.progress {
-    margin: 0;
-    position: absolute;
-    .determinate {
-        background-color: map.get($intems-colors, "primary");
-    }
-
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity 1.5s, visibility 1.5s;
-
-    &.show {
-        visibility: visible;
-        opacity: 1;
-        transition: visibility 0s;
-    }
-}

package/components/request-loader/RequestLoader.ts

@@ -1,80 +0,0 @@
-export default {
-  created() {
-    this.resetRealProgress();
-  },
-  inject: ["storeAdapter"],
-  computed: {
-    completed() {
-      return this.storeAdapter.Request.state.completed;
-    },
-
-    sent() {
-      return this.storeAdapter.Request.state.sent;
-    },
-
-    realProgress() {
-      const realProgress = (this.completed / this.sent) * 100;
-      return !Number.isNaN(realProgress) ? realProgress : 0;
-    },
-
-    show() {
-      return this.sent > 0 && this.completed <= this.sent;
-    },
-  },
-  watch: {
-    realProgress(newValue) {
-      this.progress = this.calculateProgress();
-      if (newValue === 100) {
-        this.resetRealProgress();
-      }
-    },
-  },
-  methods: {
-    resetRealProgress() {
-      this.storeAdapter.Request.mutations.reset();
-    },
-
-    needResetProgress() {
-      return (
-        this.progress === 100 &&
-        this.realProgress > 0 &&
-        this.realProgress !== 100
-      );
-    },
-
-    // Progress doesn't changed since last request
-    progressDoesntChange() {
-      return this.realProgress === this.progress;
-    },
-
-    calculateProgress() {
-      if (this.needResetProgress()) {
-        return 0;
-      }
-
-      if (this.progressDoesntChange()) {
-        // Add some animation by adding 1% to existing progress
-        return this.progress + 1;
-      }
-
-      let progress =
-        this.realProgress > this.progress ? this.realProgress : this.progress;
-      if (progress > 100) {
-        progress = 100;
-      }
-
-      return progress;
-    },
-    transitionEnd(e) {
-      // Is progress hidden
-      if (e.propertyName === "opacity" && e.target === this.$el) {
-        this.progress = 0;
-      }
-    },
-  },
-  data() {
-    return {
-      progress: 0,
-    };
-  },
-};

package/components/request-loader/RequestLoader.vue

@@ -1,15 +0,0 @@
-<template>
-    <div class="progress" :class="{ show: show }" @transitionend="transitionEnd">
-        <div class="determinate" :style="{ width: progress + '%' }"></div>
-    </div>
-</template>
-
-<script lang="ts">
-import RequestLoader from './RequestLoader';
-
-export default RequestLoader;
-</script>
-
-<style scoped lang="scss">
-@import './RequestLoader';
-</style>

package/components/sub-menu/SubMenu.scss

@@ -1,33 +0,0 @@
-@use "sass:map";
-@import "../../scss/components/utils";
-@import "../../scss/components/variables";
-
-.sub-menu {
-    overflow: hidden;
-    background-color: map.get($intems-colors, "white");
-    box-shadow: 0 2px 6px 0 rgba(37, 55, 70, 0.1);
-    padding-left: 32px;
-
-    .items {
-        width: 100%;
-        font-size: $font-size-14;
-        font-family: $font-open-sans;
-        white-space: nowrap;
-        a {
-            color: map.get($intems-colors, "dark");
-            padding: 0 5px 5px;
-            margin-right: 15px;
-            float: left;
-            line-height: 29px;
-            height: 29px;
-            border-bottom: 3px solid white;
-            text-decoration: none;
-            box-sizing: content-box;
-            &:hover,
-            &.router-link-exact-active {
-                -webkit-text-stroke: 0.7px map.get($intems-colors, "dark");
-                border-bottom: 3px solid map.get($intems-colors, "primary");
-            }
-        }
-    }
-}

package/components/sub-menu/SubMenu.ts

@@ -1,38 +0,0 @@
-import { collect } from "collect.js";
-import { ProjectName } from "../../wrapper";
-
-export default {
-  name: "SubMenu",
-  inject: ["storeAdapter", "subMenus", "projectName"],
-  computed: {
-    intemsConfig() {
-      return this.storeAdapter.Config.state.data;
-    },
-    currentSubMenuGroup() {
-      return this.$route.meta.subMenu !== undefined &&
-        this.$route.meta.subMenu.group !== undefined
-        ? this.$route.meta.subMenu.group
-        : false;
-    },
-    currentSubMenuItems() {
-      if (this.projectName === ProjectName.Lite) {
-        if (this.currentSubMenuGroup) {
-          const currentGroup = this.subMenus.subMenuList.getByName(
-            this.currentSubMenuGroup
-          );
-          if (currentGroup) {
-            return currentGroup
-              .getItems()
-              .filter((value) => this.$can("read", value.resource));
-          }
-        }
-      }
-      return collect([]);
-    },
-    needToShow() {
-      return this.currentSubMenuGroup && this.currentSubMenuItems.count() > 1;
-    },
-  },
-
-  methods: {},
-};

package/components/sub-menu/SubMenu.vue

@@ -1,21 +0,0 @@
-<template>
-    <div class="sub-menu" v-if="needToShow">
-        <ul class="items">
-            <li v-for="(oneSubMenuItem, index) of currentSubMenuItems" :key="index">
-                <router-link v-if="!oneSubMenuItem.toMainDomain" :to="{ name: oneSubMenuItem.path }" exactPath>
-                    {{ oneSubMenuItem.title }}
-                </router-link>
-                <a v-else :href="intemsConfig.oldSiteUrl + oneSubMenuItem.path">{{ oneSubMenuItem.title }}</a>
-            </li>
-        </ul>
-    </div>
-</template>
-
-<script lang="ts">
-import SubMenu from './SubMenu';
-
-export default SubMenu;
-</script>
-<style lang="scss">
-@import './SubMenu';
-</style>

package/components/time-ago/TimeAgo.ts

@@ -1,34 +0,0 @@
-import moment, { Moment } from "moment";
-import IntemsMath from "../../mixins/IntemsMath";
-
-export default {
-  props: {
-    time: undefined as Moment,
-  },
-  mixins: [IntemsMath],
-  computed: {
-    formattedTime(): string {
-      const seconds = moment().diff(this.time, "second");
-      const minutes = this.round(seconds / 60, 0);
-      const hours = this.round(minutes / 60, 0);
-
-      if (seconds < 5) {
-        return "just now";
-      }
-      if (seconds < 60) {
-        return `${seconds} seconds ago`;
-      }
-      if (seconds < 90) {
-        return "about a minute ago";
-      }
-      if (minutes < 60) {
-        return `${minutes} minute${minutes !== 1 ? "s" : ""} ago`;
-      }
-      if (hours < 24) {
-        return `${hours} hour${hours !== 1 ? "s" : ""} ago`;
-      }
-
-      return this.time.format("MMM DD, YYYY");
-    },
-  },
-};

package/components/time-ago/TimeAgo.vue

@@ -1,9 +0,0 @@
-<template>
-    <span class="time-ago" v-if="time" v-html="formattedTime"></span>
-</template>
-
-<script>
-import TimeAgo from './TimeAgo';
-
-export default TimeAgo;
-</script>