proxy setting, init http tab, broken

src/components/settings_modal/admin_tabs/links_tab.js

@@ -11,7 +11,7 @@ import Checkbox from 'src/components/checkbox/checkbox.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { get } from 'lodash'
 
-const MediaProxyTab = {
+const LinksTab = {
   provide () {
     return {
       defaultDraftMode: true,
@@ -106,4 +106,4 @@ const MediaProxyTab = {
   }
 }
 
-export default MediaProxyTab
+export default LinksTab

src/components/settings_modal/helpers/setting.js

@@ -46,6 +46,7 @@ export default {
       default: undefined
     },
     hideDraftButtons: { // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
+      required: false,
       type: Boolean
     },
     hideLabel: {
@@ -254,8 +255,8 @@ export default {
       }
     },
     canHardReset () {
-      return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths &&
-             this.$store.state.adminSettings.modifiedPaths.has(this.canonPath.join(' -> '))
+      console.log('MP', this.$store.state.adminSettings.modifiedPaths.has)
+      return this.realSource === 'admin' && this.$store.state.adminSettings.modifiedPaths?.has(this.canonPath.join(' -> '))
     },
     matchesExpertLevel () {
       return (this.expert || 0) <= this.$store.state.config.expertLevel > 0

src/components/settings_modal/helpers/tuple_setting.vue

@@ -38,6 +38,16 @@
       @change="e => update({ e, side: 1 })"
     >
     {{ ' ' }}
+    <input
+      :id="path"
+      class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
+      :disabled="shouldBeDisabled"
+      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
+      :value="visibleState?.tuple?.[2]"
+      @change="e => update({ e, side: 2 })"
+    >
+    {{ ' ' }}
     <ModifiedIndicator
       :changed="isChanged"
       :onclick="reset"

src/components/settings_modal/settings_modal_admin_content.js

@@ -11,6 +11,7 @@ import MailerTab from './admin_tabs/mailer_tab.vue'
 import MonitoringTab from './admin_tabs/monitoring_tab.vue'
 import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import AuthTab from './admin_tabs/auth_tab.vue'
+import HTTPTab from './admin_tabs/http_tab.vue'
 import FederationTab from './admin_tabs/federation_tab.vue'
 import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -20,6 +21,7 @@ import {
   faWrench,
   faHand,
   faChain,
+  faGlobe,
   faLaptopCode,
   faTowerBroadcast,
   faEnvelope,
@@ -35,6 +37,7 @@ library.add(
   faWrench,
   faHand,
   faChain,
+  faGlobe,
   faLaptopCode,
   faTowerBroadcast,
   faEnvelope,
@@ -62,6 +65,7 @@ const SettingsModalAdminContent = {
     LinksTab,
     JobQueuesTab,
     AuthTab,
+    HTTPTab,
     MonitoringTab
   },
   computed: {

src/components/settings_modal/settings_modal_admin_content.vue

@@ -92,14 +92,6 @@
       <LimitsTab />
     </div>
 
-    <div
-      :label="$t('admin_dash.tabs.mailer')"
-      icon="envelope"
-      data-tab-name="mailer"
-    >
-      <MailerTab />
-    </div>
-
     <div
       :label="$t('admin_dash.tabs.uploads')"
       icon="upload"
@@ -124,6 +116,14 @@
       <LinksTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.mailer')"
+      icon="envelope"
+      data-tab-name="mailer"
+    >
+      <MailerTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.federation')"
       icon="circle-nodes"
@@ -132,6 +132,14 @@
       <FederationTab />
     </div>
 
+    <div
+      :label="$t('admin_dash.tabs.http')"
+      icon="globe"
+      data-tab-name="http"
+    >
+      <HTTPTab />
+    </div>
+
     <div
       :label="$t('admin_dash.tabs.job_queues')"
       icon="gears"

src/i18n/en.json

@@ -1161,6 +1161,7 @@
       "links": "Links",
       "job_queues": "Job Queues",
       "auth": "Auth",
+      "http": "HTTP",
       "federation": "Federation"
     },
     "federation": {
@@ -1168,7 +1169,12 @@
       "restrictions": "Restrictions",
       "activitypub": "ActivityPub"
     },
+    "http": {
+      "outbound": "Outbound HTTP requests",
+      "socks5": "SOCKS5"
+    },
     "auth": {
+      "MFA": "Multi-factor Authentication",
       "LDAP": "LDAP Settings",
       "OAuth": "Oauth2 settings",
       "TOTP": "One-time Passwords (TOTP)",