Add guide page and privacy page (#85) (#88)

Author: sheepzh

src/app/components/common/button-filter-item.ts

@@ -5,8 +5,8 @@
  * https://opensource.org/licenses/MIT
  */
 
-import { ElementButtonType } from "@app/element-ui/button"
-import ElementIcon from "@app/element-ui/icon"
+import { ElementButtonType } from "@src/element-ui/button"
+import ElementIcon from "@src/element-ui/icon"
 import { ElButton } from "element-plus"
 import { defineComponent, PropType, h, Ref, computed } from "vue"
 

src/app/components/common/date-range-filter-item.ts

@@ -7,7 +7,7 @@
 
 import { ElDatePicker } from "element-plus"
 import { defineComponent, h, PropType, ref, Ref } from "vue"
-import { ElementDatePickerShortcut } from "@app/element-ui/date"
+import { ElementDatePickerShortcut } from "@src/element-ui/date"
 import { t } from "@app/locale"
 
 const _default = defineComponent({

src/app/components/common/popup-confirm-button.ts

@@ -5,8 +5,8 @@
  * https://opensource.org/licenses/MIT
  */
 
-import { ElementButtonType } from "@app/element-ui/button"
-import ElementIcon from "@app/element-ui/icon"
+import { ElementButtonType } from "@src/element-ui/button"
+import ElementIcon from "@src/element-ui/icon"
 import { t } from "@app/locale"
 import { ElButton, ElPopconfirm } from "element-plus"
 import { defineComponent, PropType, h, computed } from "vue"

src/app/components/data-manage/clear/filter/operation-button.ts

@@ -6,14 +6,14 @@
  */
 
 import { ElButton, ElMessage, ElMessageBox, ElTooltip } from "element-plus"
-import ElementIcon from "@src/app/element-ui/icon"
+import ElementIcon from "@src/element-ui/icon"
 import { Ref, h } from "vue"
 import TimerDatabase, { TimerCondition } from "@db/timer-database"
 import { ItemMessage } from "@util/i18n/components/item"
 import { t } from "@src/app/locale"
 import { DataManageMessage } from "@src/app/locale/components/data-manage"
 import { MILL_PER_DAY } from "@util/time"
-import { ElementButtonType } from "@app/element-ui/button"
+import { ElementButtonType } from "@src/element-ui/button"
 
 const timerDatabase = new TimerDatabase(chrome.storage.local)
 

src/app/components/habit/component/filter.ts

@@ -11,7 +11,7 @@ import { daysAgo } from "@util/time"
 import { t } from "@app/locale"
 import { HabitMessage } from "@app/locale/components/habit"
 import SwitchFilterItem from "@app/components/common/switch-filter-item"
-import { ElementDatePickerShortcut } from "@app/element-ui/date"
+import { ElementDatePickerShortcut } from "@src/element-ui/date"
 import DateRangeFilterItem from "@app/components/common/date-range-filter-item"
 
 export type HabitFilterOption = {

src/app/components/report/filter/index.ts

@@ -6,7 +6,7 @@
  */
 import type { FileFormat } from "./download-file"
 import type { Ref, PropType } from "vue"
-import type { ElementDatePickerShortcut } from "@app/element-ui/date"
+import type { ElementDatePickerShortcut } from "@src/element-ui/date"
 import type { ReportMessage } from "@app/locale/components/report"
 
 import DownloadFile from "./download-file"

src/app/components/trend/components/filter.ts

@@ -14,7 +14,7 @@ import { t } from "@app/locale"
 import { TrendMessage } from "@app/locale/components/trend"
 import DateRangeFilterItem from "@app/components/common/date-range-filter-item"
 import SelectFilterItem from "@app/components/common/select-filter-item"
-import { ElementDatePickerShortcut } from "@app/element-ui/date"
+import { ElementDatePickerShortcut } from "@src/element-ui/date"
 import { labelOfHostInfo } from "./common"
 
 async function handleRemoteSearch(queryStr: string, trendDomainOptions: Ref<timer.app.trend.HostInfo[]>, searching: Ref<boolean>) {

src/app/layout/menu.ts

@@ -5,7 +5,7 @@
  * https://opensource.org/licenses/MIT
  */
 import type { UnwrapRef } from "vue"
-import type ElementIcon from "../element-ui/icon"
+import type ElementIcon from "../../element-ui/icon"
 import type { RouteLocationNormalizedLoaded, Router } from "vue-router"
 import type { I18nKey } from "@app/locale"
 import type { MenuMessage } from "@app/locale/components/menu"

src/background/browser-action-menu-manager.ts

@@ -6,7 +6,7 @@
  */
 
 import { OPTION_ROUTE } from "../app/router/constants"
-import { getAppPageUrl, SOURCE_CODE_PAGE, TU_CAO_PAGE } from "@util/constant/url"
+import { getAppPageUrl, getGuidePageUrl, SOURCE_CODE_PAGE, TU_CAO_PAGE } from "@util/constant/url"
 import { t2Chrome } from "@util/i18n/chrome/t"
 import { IS_SAFARI } from "@util/constant/environment"
 
@@ -57,11 +57,19 @@ const feedbackPageProps: chrome.contextMenus.CreateProperties = {
     ...baseProps
 }
 
+const guidePageProps: chrome.contextMenus.CreateProperties = {
+    id: chrome.runtime.id + '_timer_menu_item_guide_link',
+    title: titleOf('📖', t2Chrome(msg => msg.contextMenus.guidePage)),
+    onclick: () => chrome.tabs.create({ url: getGuidePageUrl(true) }),
+    ...baseProps
+}
+
 function init() {
     create(allFunctionProps)
     create(optionPageProps)
     create(repoPageProps)
     create(feedbackPageProps)
+    create(guidePageProps)
 }
 
 function create(props: chrome.contextMenus.CreateProperties) {