feat: add qb iframe page

webui/src/components/layout/ab-sidebar.vue

@@ -64,7 +64,6 @@ const items = [
     icon: Download,
     label: () => t('sidebar.downloader'),
     path: '/downloader',
-    hidden: true,
   },
   {
     id: 6,

webui/src/i18n/en.json

@@ -77,6 +77,9 @@
   "player": {
     "hit": "Please set up the media player"
   },
+  "downloader": {
+    "hit": "Please set up the downloader"
+  },
   "log": {
     "title": "Log",
     "reset": "Reset",

webui/src/i18n/zh-CN.json

@@ -77,6 +77,9 @@
   "player": {
     "hit": "请设置媒体播放器地址"
   },
+  "downloader": {
+    "hit": "请设置下载器"
+  },
   "log": {
     "title": "日志",
     "reset": "重置",

webui/src/pages/index/downloader.vue

@@ -2,8 +2,42 @@
 definePage({
   name: 'Downloader',
 });
+
+const { config } = storeToRefs(useConfigStore());
+const { getConfig } = useConfigStore();
+
+getConfig();
+
+const isNull = computed(() => {
+  return config.value.downloader.host === '';
+});
+
+const url = computed(() => {
+  const downloader = config.value.downloader;
+  const protocol = downloader.ssl ? 'https' : 'http';
+
+  return `${protocol}://${downloader.host}`;
+});
 </script>
 
 <template>
-  <div>null</div>
+  <div overflow-auto mt-12px flex-grow>
+    <template v-if="isNull">
+      <div wh-full f-cer text-h1 text-primary>
+        <RouterLink to="/config" hover:underline>{{
+          $t('downloader.hit')
+        }}</RouterLink>
+      </div>
+    </template>
+
+    <iframe
+      :src="url"
+      frameborder="0"
+      allowfullscreen="true"
+      w-full
+      h-full
+      flex-1
+      rounded-12px
+    ></iframe>
+  </div>
 </template>

webui/types/dts/components.d.ts

@@ -35,7 +35,6 @@ declare module '@vue/runtime-core' {
     AbTag: typeof import('./../../src/components/basic/ab-tag.vue')['default']
     AbTopbar: typeof import('./../../src/components/layout/ab-topbar.vue')['default']
     ConfigDownload: typeof import('./../../src/components/setting/config-download.vue')['default']
-    ConfigExperimental: typeof import('./../../src/components/setting/config-experimental.vue')['default']
     ConfigManage: typeof import('./../../src/components/setting/config-manage.vue')['default']
     ConfigNormal: typeof import('./../../src/components/setting/config-normal.vue')['default']
     ConfigNotification: typeof import('./../../src/components/setting/config-notification.vue')['default']