diff options
Diffstat (limited to 'web/html')
| -rw-r--r-- | web/html/settings.html | 4 | ||||
| -rw-r--r-- | web/html/settings/panel/subscription/general.html | 86 | ||||
| -rw-r--r-- | web/html/settings/panel/subscription/json.html | 26 | ||||
| -rw-r--r-- | web/html/settings/panel/subscription/subpage.html | 17 |
4 files changed, 99 insertions, 34 deletions
diff --git a/web/html/settings.html b/web/html/settings.html index 48aad524..441e62de 100644 --- a/web/html/settings.html +++ b/web/html/settings.html @@ -79,10 +79,10 @@ </template> {{ template "settings/panel/subscription/general" . }} </a-tab-pane> - <a-tab-pane key="5" v-if="allSetting.subJsonEnable" :style="{ paddingTop: '20px' }"> + <a-tab-pane key="5" v-if="allSetting.subJsonEnable || allSetting.subClashEnable" :style="{ paddingTop: '20px' }"> <template #tab> <a-icon type="code"></a-icon> - <span>{{ i18n "pages.settings.subSettings" }} (JSON)</span> + <span>{{ i18n "pages.settings.subSettings" }} (Formats)</span> </template> {{ template "settings/panel/subscription/json" . }} </a-tab-pane> diff --git a/web/html/settings/panel/subscription/general.html b/web/html/settings/panel/subscription/general.html index 5d83aa37..725a9359 100644 --- a/web/html/settings/panel/subscription/general.html +++ b/web/html/settings/panel/subscription/general.html @@ -3,43 +3,58 @@ <a-collapse-panel key="1" header='{{ i18n "pages.xray.generalConfigs"}}'> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subEnable"}}</template> - <template #description>{{ i18n "pages.settings.subEnableDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subEnableDesc"}}</template> <template #control> <a-switch v-model="allSetting.subEnable"></a-switch> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>JSON Subscription</template> - <template #description>{{ i18n "pages.settings.subJsonEnable"}}</template> + <template #description>{{ i18n + "pages.settings.subJsonEnable"}}</template> <template #control> <a-switch v-model="allSetting.subJsonEnable"></a-switch> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> + <template #title>Clash / Mihomo Subscription</template> + <template #description>Enable direct Clash and Mihomo YAML + subscriptions.</template> + <template #control> + <a-switch v-model="allSetting.subClashEnable"></a-switch> + </template> + </a-setting-list-item> + <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subListen"}}</template> - <template #description>{{ i18n "pages.settings.subListenDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subListenDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subListen"></a-input> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subDomain"}}</template> - <template #description>{{ i18n "pages.settings.subDomainDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subDomainDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subDomain"></a-input> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subPort"}}</template> - <template #description>{{ i18n "pages.settings.subPortDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subPortDesc"}}</template> <template #control> - <a-input-number v-model="allSetting.subPort" :min="1" :min="65535" + <a-input-number v-model="allSetting.subPort" :min="1" + :min="65535" :style="{ width: '100%' }"></a-input-number> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subPath"}}</template> - <template #description>{{ i18n "pages.settings.subPathDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subPathDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subPath" @input="allSetting.subPath = ((typeof $event === 'string' ? $event : ($event && $event.target ? $event.target.value : '')) || '').replace(/[:*]/g, '')" @@ -49,9 +64,11 @@ </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subURI"}}</template> - <template #description>{{ i18n "pages.settings.subURIDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subURIDesc"}}</template> <template #control> - <a-input type="text" placeholder="(http|https)://domain[:port]/path/" + <a-input type="text" + placeholder="(http|https)://domain[:port]/path/" v-model="allSetting.subURI"></a-input> </template> </a-setting-list-item> @@ -59,14 +76,16 @@ <a-collapse-panel key="2" header='{{ i18n "pages.settings.information" }}'> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subEncrypt"}}</template> - <template #description>{{ i18n "pages.settings.subEncryptDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subEncryptDesc"}}</template> <template #control> <a-switch v-model="allSetting.subEncrypt"></a-switch> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subShowInfo"}}</template> - <template #description>{{ i18n "pages.settings.subShowInfoDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subShowInfoDesc"}}</template> <template #control> <a-switch v-model="allSetting.subShowInfo"></a-switch> </template> @@ -74,59 +93,72 @@ <a-divider>{{ i18n "pages.xray.basicTemplate"}}</a-divider> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subTitle"}}</template> - <template #description>{{ i18n "pages.settings.subTitleDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subTitleDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subTitle"></a-input> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subSupportUrl"}}</template> - <template #description>{{ i18n "pages.settings.subSupportUrlDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subSupportUrlDesc"}}</template> <template #control> - <a-input type="text" v-model="allSetting.subSupportUrl" placeholder="https://example.com"></a-input> + <a-input type="text" v-model="allSetting.subSupportUrl" + placeholder="https://example.com"></a-input> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subProfileUrl"}}</template> - <template #description>{{ i18n "pages.settings.subProfileUrlDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subProfileUrlDesc"}}</template> <template #control> - <a-input type="text" v-model="allSetting.subProfileUrl" placeholder="https://example.com"></a-input> + <a-input type="text" v-model="allSetting.subProfileUrl" + placeholder="https://example.com"></a-input> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subAnnounce"}}</template> - <template #description>{{ i18n "pages.settings.subAnnounceDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subAnnounceDesc"}}</template> <template #control> <a-textarea v-model="allSetting.subAnnounce"></a-textarea> </template> </a-setting-list-item> <a-divider>{{ i18n "pages.xray.advancedTemplate"}} (Happ)</a-divider> <a-setting-list-item paddings="small"> - <template #title>{{ i18n "pages.settings.subEnableRouting"}}</template> - <template #description>{{ i18n "pages.settings.subEnableRoutingDesc"}}</template> + <template #title>{{ i18n + "pages.settings.subEnableRouting"}}</template> + <template #description>{{ i18n + "pages.settings.subEnableRoutingDesc"}}</template> <template #control> <a-switch v-model="allSetting.subEnableRouting"></a-switch> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> - <template #title>{{ i18n "pages.settings.subRoutingRules"}}</template> - <template #description>{{ i18n "pages.settings.subRoutingRulesDesc"}}</template> + <template #title>{{ i18n + "pages.settings.subRoutingRules"}}</template> + <template #description>{{ i18n + "pages.settings.subRoutingRulesDesc"}}</template> <template #control> - <a-textarea v-model="allSetting.subRoutingRules" placeholder="happ://routing/add/..."></a-textarea> + <a-textarea v-model="allSetting.subRoutingRules" + placeholder="happ://routing/add/..."></a-textarea> </template> </a-setting-list-item> </a-collapse-panel> <a-collapse-panel key="3" header='{{ i18n "pages.settings.certs" }}'> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subCertPath"}}</template> - <template #description>{{ i18n "pages.settings.subCertPathDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subCertPathDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subCertFile"></a-input> </template> </a-setting-list-item> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subKeyPath"}}</template> - <template #description>{{ i18n "pages.settings.subKeyPathDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subKeyPathDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subKeyFile"></a-input> </template> @@ -135,9 +167,11 @@ <a-collapse-panel key="4" header='{{ i18n "pages.settings.intervals"}}'> <a-setting-list-item paddings="small"> <template #title>{{ i18n "pages.settings.subUpdates"}}</template> - <template #description>{{ i18n "pages.settings.subUpdatesDesc"}}</template> + <template #description>{{ i18n + "pages.settings.subUpdatesDesc"}}</template> <template #control> - <a-input-number :min="1" v-model="allSetting.subUpdates" :style="{ width: '100%' }"></a-input-number> + <a-input-number :min="1" v-model="allSetting.subUpdates" + :style="{ width: '100%' }"></a-input-number> </template> </a-setting-list-item> </a-collapse-panel> diff --git a/web/html/settings/panel/subscription/json.html b/web/html/settings/panel/subscription/json.html index e8642305..9b83571a 100644 --- a/web/html/settings/panel/subscription/json.html +++ b/web/html/settings/panel/subscription/json.html @@ -1,8 +1,8 @@ {{define "settings/panel/subscription/json"}} <a-collapse default-active-key="1"> <a-collapse-panel key="1" header='{{ i18n "pages.xray.generalConfigs"}}'> - <a-setting-list-item paddings="small"> - <template #title>{{ i18n "pages.settings.subPath"}}</template> + <a-setting-list-item paddings="small" v-if="allSetting.subJsonEnable"> + <template #title>{{ i18n "pages.settings.subPath"}} (JSON)</template> <template #description>{{ i18n "pages.settings.subPathDesc"}}</template> <template #control> <a-input type="text" v-model="allSetting.subJsonPath" @@ -11,14 +11,32 @@ placeholder="/json/"></a-input> </template> </a-setting-list-item> - <a-setting-list-item paddings="small"> - <template #title>{{ i18n "pages.settings.subURI"}}</template> + <a-setting-list-item paddings="small" v-if="allSetting.subJsonEnable"> + <template #title>{{ i18n "pages.settings.subURI"}} (JSON)</template> <template #description>{{ i18n "pages.settings.subURIDesc"}}</template> <template #control> <a-input type="text" placeholder="(http|https)://domain[:port]/path/" v-model="allSetting.subJsonURI"></a-input> </template> </a-setting-list-item> + <a-setting-list-item paddings="small" v-if="allSetting.subClashEnable"> + <template #title>{{ i18n "pages.settings.subPath"}} (Clash)</template> + <template #description>{{ i18n "pages.settings.subPathDesc"}}</template> + <template #control> + <a-input type="text" v-model="allSetting.subClashPath" + @input="allSetting.subClashPath = ((typeof $event === 'string' ? $event : ($event && $event.target ? $event.target.value : '')) || '').replace(/[:*]/g, '')" + @blur="allSetting.subClashPath = (p => { p = p || '/'; if (!p.startsWith('/')) p='/' + p; if (!p.endsWith('/')) p += '/'; return p.replace(/\/+/g,'/'); })(allSetting.subClashPath)" + placeholder="/clash/"></a-input> + </template> + </a-setting-list-item> + <a-setting-list-item paddings="small" v-if="allSetting.subClashEnable"> + <template #title>{{ i18n "pages.settings.subURI"}} (Clash)</template> + <template #description>{{ i18n "pages.settings.subURIDesc"}}</template> + <template #control> + <a-input type="text" placeholder="(http|https)://domain[:port]/path/" + v-model="allSetting.subClashURI"></a-input> + </template> + </a-setting-list-item> </a-collapse-panel> <a-collapse-panel key="2" header='{{ i18n "pages.settings.fragment"}}'> <a-setting-list-item paddings="small"> diff --git a/web/html/settings/panel/subscription/subpage.html b/web/html/settings/panel/subscription/subpage.html index 794c67c3..64c1224d 100644 --- a/web/html/settings/panel/subscription/subpage.html +++ b/web/html/settings/panel/subscription/subpage.html @@ -83,7 +83,7 @@ <a-form-item> <a-space direction="vertical" align="center"> <a-row type="flex" :gutter="[8,8]" justify="center" style="width:100%"> - <a-col :xs="24" :sm="app.subJsonUrl ? 12 : 24" style="text-align:center;"> + <a-col :xs="24" :sm="app.subJsonUrl || app.subClashUrl ? 12 : 24" style="text-align:center;"> <tr-qr-box class="qr-box"> <a-tag color="purple" class="qr-tag"> <span>{{ i18n @@ -112,6 +112,19 @@ </tr-qr-bg> </tr-qr-box> </a-col> + <a-col v-if="app.subClashUrl" :xs="24" :sm="12" style="text-align:center;"> + <tr-qr-box class="qr-box"> + <a-tag color="purple" class="qr-tag"> + <span>Clash / Mihomo</span> + </a-tag> + <tr-qr-bg class="qr-bg-sub"> + <tr-qr-bg-inner class="qr-bg-sub-inner"> + <canvas id="qrcode-subclash" class="qr-cv" title='{{ i18n "copy" }}' + @click="copy(app.subClashUrl)"></canvas> + </tr-qr-bg-inner> + </tr-qr-bg> + </tr-qr-box> + </a-col> </a-row> </a-space> </a-form-item> @@ -242,7 +255,7 @@ </a-layout> <!-- Bootstrap data for external JS --> -<template id="subscription-data" data-sid="{{ .sId }}" data-sub-url="{{ .subUrl }}" data-subjson-url="{{ .subJsonUrl }}" +<template id="subscription-data" data-sid="{{ .sId }}" data-sub-url="{{ .subUrl }}" data-subjson-url="{{ .subJsonUrl }}" data-subclash-url="{{ .subClashUrl }}" data-download="{{ .download }}" data-upload="{{ .upload }}" data-used="{{ .used }}" data-total="{{ .total }}" data-remained="{{ .remained }}" data-expire="{{ .expire }}" data-lastonline="{{ .lastOnline }}" data-downloadbyte="{{ .downloadByte }}" data-uploadbyte="{{ .uploadByte }}" data-totalbyte="{{ .totalByte }}" |