feat: add static domain fields to admin settings (#3463)

Author: abhinavk96

app/components/forms/admin/settings/system-form.js

@@ -29,6 +29,21 @@ export default Component.extend(FormMixin, {
           ]
         },
 
+        apiUrl: {
+          identifier : 'api_url',
+          rules      : [
+            {
+              type   : 'empty',
+              prompt : this.l10n.t('Please enter the API Url')
+            },
+            {
+              type   : 'regExp',
+              value  : protocolLessValidUrlPattern,
+              prompt : this.l10n.t('Please enter a valid URL for the API')
+            }
+          ]
+        },
+
         googleStorageBucketName: {
           identifier : 'google_storage_bucket_name',
           rules      : [
@@ -225,4 +240,4 @@ export default Component.extend(FormMixin, {
       });
     }
   }
-});
+});

app/models/setting.js

@@ -109,5 +109,6 @@ export default ModelBase.extend({
   segmentedGithubUrl     : computedSegmentedLink.bind(this)('githubUrl'),
   segmentedAndroidAppUrl : computedSegmentedLink.bind(this)('androidAppUrl'),
   segmentedWebAppUrl     : computedSegmentedLink.bind(this)('webAppUrl'),
-  segmentedFrontendUrl   : computedSegmentedLink.bind(this)('frontendUrl')
+  segmentedFrontendUrl   : computedSegmentedLink.bind(this)('frontendUrl'),
+  segmentedStaticDomain  : computedSegmentedLink.bind(this)('staticDomain')
 });

app/templates/components/forms/admin/settings/system-form.hbs

@@ -32,6 +32,18 @@
     </label>
     {{input type='text' name='tag_line' value=settings.tagline}}
   </div>
+  <h3 class="ui header">
+    {{t 'API server details'}}
+    <div class="sub header">
+      {{t 'The URL of the API that this frontend will make use of as the backend.'}}
+    </div>
+  </h3>
+  <div class="field">
+    <label>
+      {{t 'API Url'}}
+    </label>
+    {{widgets/forms/link-input segmentedLink=settings.segmentedStaticDomain inputId='api_url'}}
+  </div>
   <div class="ui hidden divider"></div>
   {{forms/admin/settings/system/social-media-token settings=settings}}
   <div class="ui hidden divider"></div>