2 files changed, 47 insertions, 0 deletions
diff --git a/catalog-ui/src/app/view-models/plugins/plugins-tab-view-model.ts b/catalog-ui/src/app/view-models/plugins/plugins-tab-view-model.ts
new file mode 100644
index 0000000000..ce098009f3
--- /dev/null
+++ b/catalog-ui/src/app/view-models/plugins/plugins-tab-view-model.ts
@@ -0,0 +1,40 @@
+import {Plugin, IUserProperties} from "app/models";
+import {CacheService} from "app/services";
+import {PluginsService} from "../../ng2/services/plugins.service";
+
+
+interface IPluginsTabViewModelScope extends ng.IScope {
+    plugin: Plugin
+    user: IUserProperties;
+    version: string;
+    queryParams: Object;
+}
+
+export class PluginsTabViewModel {
+    static '$inject' = [
+        '$scope',
+        '$stateParams',
+        'Sdc.Services.CacheService',
+        'PluginsService'
+    ];
+
+    constructor(private $scope:IPluginsTabViewModelScope,
+                private $stateParams:any,
+                private cacheService:CacheService,
+                private pluginsService:PluginsService) {
+
+        this.initScope();
+    }
+
+    private initScope = ():void => {
+        this.$scope.plugin = this.pluginsService.getPluginByStateUrl(this.$stateParams.path);
+
+        this.$scope.version = this.cacheService.get('version');
+
+        this.$scope.user = this.cacheService.get('user');
+
+        this.$scope.queryParams = {
+            userId: this.$scope.user.userId
+        };
+    }
+}
diff --git a/catalog-ui/src/app/view-models/plugins/plugins-tab-view.html b/catalog-ui/src/app/view-models/plugins/plugins-tab-view.html
new file mode 100644
index 0000000000..3695434463
--- /dev/null
+++ b/catalog-ui/src/app/view-models/plugins/plugins-tab-view.html
@@ -0,0 +1,7 @@
+<div class="sdc-catalog-container">
+
+    <top-nav [version]="version" [hide-search]="true"></top-nav>
+
+    <plugin-frame [plugin]="plugin" [query-params]="queryParams"></plugin-frame>
+
+</div>