feat: 增加 gist 链接和最近一次检查状态的说明

sub-store-org · Jan 16, 2024 · 683d1ce · 683d1ce
1 parent f1963da
commit 683d1ce
Show file tree

Hide file tree

Showing 6 changed files with 56 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.56",
+  "version": "2.14.57",
   "private": true,
   "scripts": {
     "dev": "vite --host",

diff --git a/src/locales/en.ts b/src/locales/en.ts
@@ -550,6 +550,14 @@ export default {
     selectSource: {
       title: 'Select Source',
     },
+    preview: {
+      title: 'Sub-Store Gist',
+      content: '⚠️ The status of the latest check: {status}.\nYou can update the configuration to trigger a new check.',
+      url: 'The current gist is the last one that was checked successfully.',
+      noUrl: 'Once you have successfully checked and uploaded the synchronized configuration, you can view the gist.',
+      cancel: 'Cancel',
+      confirm: 'View Gist',
+    }
   },
   themeSettingPage: {
     themeSettingTitle: 'Appearance',

diff --git a/src/locales/zh.ts b/src/locales/zh.ts
@@ -551,6 +551,14 @@ export default {
     selectSource: {
       title: '选择来源',
     },
+    preview: {
+      title: 'Sub-Store Gist',
+      content: '最近一次检查的状态: {status}\n更新配置后将自动触发一次检查',
+      url: '当前的 gist 为最后一次检查正常的 gist',
+      noUrl: '检查成功并上传同步配置后 即可查看',
+      cancel: '取消',
+      confirm: '查看 gist',
+    }
   },
   themeSettingPage: {
     themeSettingTitle: '外观设置',

diff --git a/src/store/settings.ts b/src/store/settings.ts
@@ -25,6 +25,7 @@ export const useSettingsStore = defineStore('settingsStore', {
       },
       avatarUrl: '',
       artifactStore: '',
+      artifactStoreStatus: '',
       autoDownloadGistSync: false,
       // ishostApi: localStorage.getItem('hostApi'),
     };
@@ -41,6 +42,7 @@ export const useSettingsStore = defineStore('settingsStore', {
         this.syncTime = res.data.syncTime || 0;
         this.avatarUrl = res.data.avatarUrl || '';
         this.artifactStore = res.data.artifactStore || '';
+        this.artifactStoreStatus = res.data.artifactStoreStatus || '';
 
         this.theme.auto = res.data.theme?.auto ?? true;
         this.theme.name = res.data.theme?.name ?? 'light';
@@ -69,6 +71,7 @@ export const useSettingsStore = defineStore('settingsStore', {
         this.defaultTimeout = res.data.defaultTimeout || '';
         this.avatarUrl = res.data.avatarUrl || '';
         this.artifactStore = res.data.artifactStore || '';
+        this.artifactStoreStatus = res.data.artifactStoreStatus || '';
         showNotify({ type: 'success', title: t(`myPage.notify.save.succeed`) });
       }
     },

diff --git a/src/types/store/settings.d.ts b/src/types/store/settings.d.ts
@@ -4,6 +4,7 @@ interface SettingsBase {
   syncTime: number;
   avatarUrl: string;
   artifactStore: string;
+  artifactStoreStatus?: string;
   // ishostApi: string;
 }
 

diff --git a/src/views/Sync.vue b/src/views/Sync.vue
@@ -55,7 +55,6 @@
             plain
             size="small"
             @click="preview"
-            v-if="artifactStoreUrl"
           >
             <font-awesome-icon icon="fa-solid fa-eye" />
           </nut-button>
@@ -92,6 +91,22 @@
         </template>
       </draggable>
     </div>
+    <div v-else class="subs-list-wrapper">
+      <div class="sticky-title-wrapper sync-title">
+        <p class="list-title">{{ $t(`syncPage.title`) }}</p>
+        <div class="actions-wrapper">
+          <nut-button
+            class="preview-btn btn"
+            type="info"
+            plain
+            size="small"
+            @click="preview"
+          >
+            <font-awesome-icon icon="fa-solid fa-eye" />
+          </nut-button>
+        </div>
+      </div>
+    </div>
 
     <!--没有数据-->
     <div
@@ -156,6 +171,7 @@ import { useSubsApi } from "@/api/subs";
 import { useI18n } from "vue-i18n";
 import { useAppNotifyStore } from "@/store/appNotify";
 import { useBackend } from "@/hooks/useBackend";
+import { Dialog } from '@nutui/nutui';
 
 const { env } = useBackend();
 const subsApi = useSubsApi();
@@ -165,7 +181,7 @@ const artifactsStore = useArtifactsStore();
 const settingsStore = useSettingsStore();
 const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const { artifacts } = storeToRefs(artifactsStore);
-const { artifactStore: artifactStoreUrl } = storeToRefs(settingsStore);
+const { artifactStore: artifactStoreUrl, artifactStoreStatus } = storeToRefs(settingsStore);
 const { showNotify } = useAppNotifyStore();
 const swipeDisabled = ref(false);
 const isEditPanelVisible = ref(false);
@@ -212,8 +228,23 @@ const refresh = () => {
 };
 
 const preview = () => {
-  // console.log(artifactStoreUrl.value);
-  window.open(artifactStoreUrl.value);
+  if (artifactStoreUrl.value && (!artifactStoreStatus.value ||artifactStoreStatus.value === "VALID")) {
+    window.open(artifactStoreUrl.value);
+  } else {
+    Dialog({
+      popClass: 'auto-dialog',
+      title: t(`syncPage.preview.title`),
+      content: artifactStoreUrl.value ? `${t('syncPage.preview.content', { status: artifactStoreStatus.value || 'VALID' })}\n${t('syncPage.preview.url')}` : `${t('syncPage.preview.content', { status: artifactStoreStatus.value || '-' })}\n${t('syncPage.preview.noUrl')}`,
+      noOkBtn: !artifactStoreUrl.value,
+      okText: t(`syncPage.preview.confirm`),
+      cancelText: t(`syncPage.preview.cancel`),
+      // @ts-ignore
+      closeOnClickOverlay: true,
+      onOk: () => {
+        window.open(artifactStoreUrl.value);
+      },
+    });
+  }
 };
 
 const onClickEdit = (artifact: Artifact) => {