[SpecPicker] First part of implementing spec picker - Handles existing plans within Functions UI (#2497)

* [SpecPicker] First part of implementing spec picker - Handles existing plans within Functions UI

* Updated with PR feedback

Author: ehamai

AzureFunctions.AngularClient/src/app/feature-group/feature-item.ts

@@ -149,3 +149,21 @@ export class TabFeature extends FeatureItem {
         this._broadcastService.broadcastEvent(BroadcastEvent.OpenTab, this.featureId);
     }
 }
+
+export class DisableableTabFeature extends DisableableFeature {
+    constructor(
+        title: string,
+        keywords: string,
+        info: string,
+        imageUrl: string,
+        public featureId: string,
+        private _broadcastService: BroadcastService,
+        disableInfoStream?: Subject<DisableInfo>,
+        overrideDisableInfo?: ScenarioResult) {
+        super(title, keywords, info, imageUrl, disableInfoStream, overrideDisableInfo);
+    }
+
+    click() {
+        this._broadcastService.broadcastEvent(BroadcastEvent.OpenTab, this.featureId);
+    }
+}

AzureFunctions.AngularClient/src/app/shared/components/function-app-context-component.ts

@@ -14,7 +14,7 @@ import { ReplaySubject } from 'rxjs/ReplaySubject';
 
 
 export abstract class FunctionAppContextComponent extends ErrorableComponent implements OnDestroy {
-    public viewInfo: TreeViewInfo<any>;
+    private _viewInfo: TreeViewInfo<any>;
     public context: FunctionAppContext;
 
     protected viewInfoEvents: Observable<TreeViewInfo<any> & {
@@ -30,10 +30,14 @@ export abstract class FunctionAppContextComponent extends ErrorableComponent imp
     private timeout: number;
 
     @Input('viewInfo')
-    private set viewInfoComponent_viewInfo(viewInfo: TreeViewInfo<any>) {
+    public set viewInfo(viewInfo: TreeViewInfo<any>) {
         this.viewInfoSubject.next(viewInfo);
     }
 
+    public get viewInfo() {
+        return this._viewInfo;
+    }
+
     constructor(componentName: string, functionAppService: FunctionAppService, broadcastService: BroadcastService, setBusy?: Function, private clearBusy?: Function) {
         super(componentName, broadcastService);
 

AzureFunctions.AngularClient/src/app/shared/conditional-http-client.ts

@@ -1,4 +1,4 @@
-import { ArmError, HttpError } from './models/http-result';
+import { ArmError, HttpError, ArmPollError } from './models/http-result';
 import { Preconditions as p } from './preconditions';
 import { Observable } from 'rxjs/Observable';
 import { HttpResult, HttpErrorResponse } from 'app/shared/models/http-result';
@@ -132,6 +132,11 @@ export class ConditionalHttpClient {
             }
         }
 
+        const armPollError = <ArmPollError><any>body;
+        if (!mesg && armPollError && armPollError.Message) {
+            mesg = armPollError.Message;
+        }
+
         if (!mesg && response.statusText && response.url) {
             mesg = `${response.statusText} - ${response.url}`;
         }

AzureFunctions.AngularClient/src/app/shared/directives/monaco-editor.directive.ts

@@ -1,7 +1,5 @@
 import { UserService } from './../services/user.service';
 import { Directive, EventEmitter, ElementRef, Input, Output, HostBinding } from '@angular/core';
-import 'rxjs/add/operator/distinctUntilChanged';
-
 import { GlobalStateService } from '../services/global-state.service';
 import { CacheService } from 'app/shared/services/cache.service';
 import { Subject } from 'rxjs/Subject';
@@ -258,8 +256,8 @@ export class MonacoEditorDirective {
 
     setMonacoSchema(schemaName: string) {
         this._cacheService.get('assets/schemas/' + schemaName)
-            .subscribe((schema) => {
-                schema.additionalProperties = false;
+            .subscribe((schema: any) => {
+                schema.additionalProperties = false;    // This is weird.  Seems like it's setting a property on HTTP response object
                 monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
                     validate: true,
                     schemas: [{

AzureFunctions.AngularClient/src/app/shared/models/arm/ArmProviderInfo.ts

@@ -0,0 +1,8 @@
+export interface ArmProviderInfo {
+    resourceTypes: ResourceType[];
+}
+
+export interface ResourceType {
+    resourceType: string;
+    locations: string[];
+}

AzureFunctions.AngularClient/src/app/shared/models/arm/arm-obj.ts

@@ -8,6 +8,7 @@ export interface ArmObj<T> {
     location: string;
     properties: T;
     identity?: Identity;
+    sku?: Sku;
 }
 
 export interface ArmArrayResult<T> {
@@ -19,4 +20,16 @@ export interface Identity {
     principalId: string;
     tenantId: string;
     type: string;
-}
+}
+
+export interface Sku {
+    name: string;
+    tier?: string;
+    size?: string;
+    family?: string;
+    capacity?: number;
+}
+
+export interface AvailableSku {
+    sku: Sku;
+}

AzureFunctions.AngularClient/src/app/shared/models/arm/billingMeter.ts

@@ -0,0 +1,7 @@
+export interface BillingMeter {
+    meterId: string;
+    billingLocation: string;
+    shortName: string;
+    friendlyName: string;
+    resourceType: string;
+}

AzureFunctions.AngularClient/src/app/shared/models/arm/georegion.ts

@@ -0,0 +1,5 @@
+export interface GeoRegion {
+    name: string;
+    displayName: string;
+    sortOrder: number;
+}

AzureFunctions.AngularClient/src/app/shared/models/broadcast-event.ts

@@ -28,13 +28,13 @@ export interface DirtyStateEvent {
     reason: string | null;
 }
 
-export interface BusyStateEvent{
+export interface BusyStateEvent {
     busyComponentName: string;
     action: 'setBusyState' | 'clearBusyState' | 'clearOverallBusyState';
     busyStateKey: string;
 }
 
-export interface TreeUpdateEvent{
+export interface TreeUpdateEvent {
     operation: 'add' | 'remove' | 'removeChild' | 'update' | 'navigate';
     resourceId: string;
     data?: any;

AzureFunctions.AngularClient/src/app/shared/models/constants.ts

@@ -72,6 +72,7 @@ export class SiteTabIds {
     public static readonly deploymentSlotsConfig = 'deploymentSlotsConfig';
     public static readonly deploymentSlotsSwap = 'deploymentSlotsSwap';
     public static readonly deploymentSlotsCreate = 'deploymentSlotsCreate';
+    public static readonly scaleUp = 'scaleUp';
 }
 
 export class Arm {
@@ -112,6 +113,11 @@ export class Links {
     public static clientAffinityLearnMore = 'https://go.microsoft.com/fwlink/?linkid=798249';
 }
 
+export class Kinds {
+    public static readonly linux = 'linux';
+    public static readonly aseV2 = 'ASEV2';
+}
+
 export class LocalStorageKeys {
     public static readonly siteTabs = '/site/tabs';
     public static readonly savedSubsKey = '/subscriptions/selectedIds';
@@ -180,6 +186,7 @@ export class ScenarioIds {
     public static readonly enableProcessExplorer = 'EnableProcessExplorer';
     public static readonly enableBackups = 'EnableBackups';
     public static readonly enableTinfoil = 'EnableTinfoil';
+    public static readonly addScaleUp = 'AddScaleUp';
     public static readonly addSiteFileStorage = 'ShowSiteFileStorage';
     public static readonly showSitePin = 'ShowSitePin';
     public static readonly showCreateRefreshSub = 'ShowCreateRefreshSub';
@@ -248,12 +255,17 @@ export class LogCategories {
     public static readonly functionNew = 'FunctionNew';
     public static readonly cicd = 'CICD';
     public static readonly telemetry = 'Telemetry';
+    public static readonly specPicker = 'SpecPicker';
     public static readonly featureComponent = 'FeatureComponent';
     public static readonly deploymentSlots = 'DeploymentSlots';
     public static readonly swapSlots = 'SwapSlots';
     public static readonly addSlot = 'AddSlot';
 }
 
+export class SubscriptionQuotaIds {
+    public static dreamSparkQuotaId: string = 'DreamSpark_2015-02-01';
+}
+
 export class KeyCodes {
     public static readonly tab = 9;
     public static readonly enter = 13;

AzureFunctions.AngularClient/src/app/shared/models/http-result.ts

@@ -17,6 +17,11 @@ export interface ArmError {
     }
 }
 
+export interface ArmPollError {
+    Code: string;
+    Message: string;
+}
+
 export interface HttpErrorResponse<T> {
     message: string;
     error: any | null;

AzureFunctions.AngularClient/src/app/shared/models/portal.ts

@@ -35,14 +35,14 @@ export interface CrmInfo {
     namespaceId: string;
 }
 
-export interface DataMessage<T>{
+export interface DataMessage<T> {
     operationId: string;
     data: T;
 }
 
-export interface BladeResult{
+export interface DataMessageResult<T> {
     status: 'success' | 'failed' | 'cancelled';
-    result: any;
+    result: T;
 }
 
 export interface Action {
@@ -79,6 +79,8 @@ export class Verbs {
     public static setupOAuth = 'setup-oauth';
     public static pinPart = 'pin-part';
     public static setNotification = 'set-notification';
+    public static getSubscriptionInfo = 'get-subscription-info';
+    public static getSpecCosts = 'get-spec-costs';
 
     // Requests from Ibiza
     public static sendStartupInfo = 'send-startup-info';
@@ -138,11 +140,15 @@ export interface NotificationStartedInfo {
     id: string
 }
 
-export interface DirtyStateInfo{
+export interface DirtyStateInfo {
     dirty: boolean;
     message?: string;
 }
 
+export interface SubscriptionRequest {
+    subscriptionId: string;
+}
+
 export enum PartSize {
     /**
      * A tile that is 1 column x 1 row.

AzureFunctions.AngularClient/src/app/shared/models/server-farm.ts

@@ -1,7 +1,9 @@
-export interface ServerFarm {
+import { HostingEnvironmentProfile } from './arm/hosting-environment';
+export interface ServerFarm {
     serverFarmName: string;
     armId: string;
     subscriptionId: string;
     resoruceGroupName: string;
     geoRegion: string;
-}
+    hostingEnvironmentProfile?: HostingEnvironmentProfile;
+}

AzureFunctions.AngularClient/src/app/shared/models/subscription.ts

@@ -2,4 +2,9 @@ export interface Subscription {
     subscriptionId: string;
     displayName: string;
     state: string;
-}
+    subscriptionPolicies: SubscriptionPolicies;
+}
+
+export interface SubscriptionPolicies {
+    quotaId: string;
+}

AzureFunctions.AngularClient/src/app/shared/services/ase.service.ts

@@ -0,0 +1,28 @@
+// import { ArmService } from './arm.service';
+import { Injectable, Injector } from '@angular/core';
+import { ConditionalHttpClient } from '../conditional-http-client';
+import { UserService } from './user.service';
+import { CacheService } from './cache.service';
+import { ResourceId, ArmObj } from '../models/arm/arm-obj';
+import { Observable } from 'rxjs/Observable';
+import { HttpResult } from '../models/http-result';
+import { HostingEnvironment } from '../models/arm/hosting-environment';
+
+type Result<T> = Observable<HttpResult<T>>;
+
+@Injectable()
+export class AseService {
+    private readonly _client: ConditionalHttpClient;
+
+    constructor(
+        userService: UserService,
+        injector: Injector,
+        private _cacheService: CacheService) {
+        this._client = new ConditionalHttpClient(injector, _ => userService.getStartupInfo().map(i => i.token));
+    }
+
+    getAse(resourceId: ResourceId): Result<ArmObj<HostingEnvironment>> {
+        const getPlan = this._cacheService.getArm(resourceId).map(r => r.json());
+        return this._client.execute({ resourceId: resourceId }, t => getPlan);
+    }
+}

AzureFunctions.AngularClient/src/app/shared/services/billing.service.ts

@@ -0,0 +1,21 @@
+import { Observable } from 'rxjs/Observable';
+import { Injectable, Injector } from '@angular/core';
+import { UserService } from './user.service';
+import { PortalService } from './portal.service';
+@Injectable()
+export class BillingService {
+
+    constructor(
+        userService: UserService,
+        injector: Injector,
+        private _portalService: PortalService) {
+    }
+
+    checkIfSubscriptionHasQuotaId(subscriptionId: string, quotaId: string) {
+        return this._portalService.getSubscription(subscriptionId)
+            .map(s => {
+                return s && s.subscriptionPolicies && s.subscriptionPolicies.quotaId.toLowerCase() === quotaId.toLowerCase();
+            })
+            .catch(e => Observable.of(false));
+    }
+}

AzureFunctions.AngularClient/src/app/shared/services/cache.service.ts

@@ -73,7 +73,7 @@ export class CacheService {
         return this._armService.send('PATCH', url, content);
     }
 
-    get(url: string, force?: boolean, headers?: Headers, invokeApi?: boolean) {
+    get(url: string, force?: boolean, headers?: Headers, invokeApi?: boolean): Observable<Response> {
         return this.send(url, 'GET', force, headers, null, invokeApi);
     }