Adding default domain to hostnames (#2051)

* Adding default domain to hostnames

* fixing params for hostnames

Author: javierbo1989

src/components/operations/operation-details/ko/operationDetailsEditor.html

@@ -18,6 +18,12 @@
                     Use CORS proxy
                 label>
             div>
+            <div class="form-group">
+                <label for="includeAllHostnames" class="form-label">
+                    <input type="checkbox" id="includeAllHostnames" name="includeAllHostnames" data-bind="checked: includeAllHostnames" />
+                    Include all hostnames
+                label>
+            div>
         div>
     div>
 

src/components/operations/operation-details/ko/operationDetailsEditor.ts

@@ -12,13 +12,15 @@ export class OperationDetailsEditor {
     public readonly enableScrollTo: ko.Observable<boolean>;
     public readonly defaultSchemaView: ko.Observable<string>;
     public readonly useCorsProxy: ko.Observable<boolean>;
+    public readonly includeAllHostnames: ko.Observable<boolean>;
     public readonly showExamples: ko.Observable<boolean>;
 
     constructor() {
         this.enableConsole = ko.observable();
         this.enableScrollTo = ko.observable();
         this.defaultSchemaView = ko.observable();
         this.useCorsProxy = ko.observable();
+        this.includeAllHostnames = ko.observable();
         this.showExamples = ko.observable();
     }
 
@@ -32,12 +34,14 @@ export class OperationDetailsEditor {
     public async initialize(): Promise<void> {
         this.enableConsole(this.model.enableConsole);
         this.useCorsProxy(this.model.useCorsProxy);
+        this.includeAllHostnames(this.model.includeAllHostnames);
         this.enableScrollTo(this.model.enableScrollTo);
         this.defaultSchemaView(this.model.defaultSchemaView || "table");
         this.showExamples(this.model.showExamples);
 
         this.enableConsole.subscribe(this.applyChanges);
         this.useCorsProxy.subscribe(this.applyChanges);
+        this.includeAllHostnames.subscribe(this.applyChanges);
         this.enableScrollTo.subscribe(this.applyChanges);
         this.defaultSchemaView.subscribe(this.applyChanges);
         this.showExamples.subscribe(this.applyChanges);
@@ -46,6 +50,7 @@ export class OperationDetailsEditor {
     private applyChanges(): void {
         this.model.enableConsole = this.enableConsole();
         this.model.useCorsProxy = this.useCorsProxy();
+        this.model.includeAllHostnames = this.includeAllHostnames();
         this.model.enableScrollTo = this.enableScrollTo();
         this.model.defaultSchemaView = this.defaultSchemaView();
         this.model.showExamples = this.showExamples();

src/components/operations/operation-details/ko/operationDetailsViewModelBinder.ts

             enableScrollTo: model.enableScrollTo,
             defaultSchemaView: model.defaultSchemaView,
             useCorsProxy: model.useCorsProxy,
+            includeAllHostnames: model.includeAllHostnames,
             showExamples: model.showExamples,
         };
 

src/components/operations/operation-details/ko/runtime/operation-details.ts

@@ -72,6 +72,7 @@ export class OperationDetails {
         this.definitions = ko.observableArray<TypeDefinition>();
         this.defaultSchemaView = ko.observable("table");
         this.useCorsProxy = ko.observable();
+        this.includeAllHostnames = ko.observable();
         this.requestUrlSample = ko.computed(() => {
 
             const api = this.api();
@@ -130,6 +131,9 @@ export class OperationDetails {
     @Param()
     public useCorsProxy: ko.Observable<boolean>;
 
+    @Param()
+    public includeAllHostnames: ko.Observable<boolean>;
+
     @Param()
     public enableScrollTo: boolean;
 
@@ -372,7 +376,7 @@ export class OperationDetails {
     }
 
     public async loadGatewayInfo(apiName: string): Promise<void> {
-        const hostnames = await this.apiService.getApiHostnames(apiName);
+        const hostnames = await this.apiService.getApiHostnames(apiName, this.includeAllHostnames());
 
         if (hostnames.length !== 0) {
             this.sampleHostname(hostnames[0]);

src/components/operations/operation-details/operationDetailsContract.ts

@@ -21,6 +21,11 @@ export interface OperationDetailsContract extends Contract {
      */
     useCorsProxy?: boolean;
 
+     /**
+     * Indicates include all hostnames to the test console.
+     */
+     includeAllHostnames?: boolean;
+
     /**
      * Show operation attribute values examples in a column in tables.
      */

src/components/operations/operation-details/operationDetailsModel.ts

@@ -19,6 +19,11 @@ export class OperationDetailsModel {
      */
     public useCorsProxy?: boolean;
 
+    /**
+     * Indicates include all hostnames to the test console.
+     */
+    public includeAllHostnames?: boolean;
+
     /**
      * Show operation attribute values examples in a column in tables.
      */

src/components/operations/operation-details/operationDetailsModelBinder.ts

         model.enableScrollTo = contract.enableScrollTo !== undefined && contract.enableScrollTo === true;
         model.defaultSchemaView = contract.defaultSchemaView || "table";
         model.useCorsProxy = contract.useCorsProxy;
+        model.includeAllHostnames = contract.includeAllHostnames;
         model.showExamples = contract.showExamples || false;
 
         return model;
             enableScrollTo: model.enableScrollTo,
             defaultSchemaView: model.defaultSchemaView,
             useCorsProxy: model.useCorsProxy,
+            includeAllHostnames: model.includeAllHostnames,
             showExamples: model.showExamples,
         };
 

src/services/apiService.ts

@@ -538,8 +538,11 @@ export class ApiService {
         return page;
     }
 
-    public async getApiHostnames(apiName: string): Promise<string[]> {
-        const query = `apis/${apiName}/hostnames`;
+    public async getApiHostnames(apiName: string, includeAllHostnames: boolean = false): Promise<string[]> {
+        let query = `apis/${apiName}/hostnames`;
+        if(includeAllHostnames) {
+            query+=`?includeAllHostnames=true`
+        }
         const pageOfHostnames = await this.mapiClient.get<Page<Hostname>>(query, [await this.mapiClient.getPortalHeader("getApiHostnames")]);
         const hostnameValues = pageOfHostnames.value.map(x => x.properties.value);