2 files changed, 68 insertions, 0 deletions
diff --git a/catalog-ui/app/scripts/directives/sdc-tabs/sdc-single-tab/sdc-single-tab-directive.ts b/catalog-ui/app/scripts/directives/sdc-tabs/sdc-single-tab/sdc-single-tab-directive.ts
new file mode 100644
index 0000000000..26390a7501
--- /dev/null
+++ b/catalog-ui/app/scripts/directives/sdc-tabs/sdc-single-tab/sdc-single-tab-directive.ts
@@ -0,0 +1,67 @@
+/*-
+ * ============LICENSE_START=======================================================
+ * SDC
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+/// <reference path="../../../references"/>
+module Sdc.Directives {
+    'use strict';
+
+    export class SdcSingleTabDirective implements ng.IDirective {
+
+        constructor(private $compile:ng.ICompileService, private $parse:ng.IParseService) {
+        }
+        restrict = 'E';
+
+        link = (scope, elem:any, attrs:any, ctrl:any) => {
+            if(!elem.attr('inner-sdc-single-tab')) {
+                let name = this.$parse(elem.attr('ctrl'))(scope);
+                elem = elem.removeAttr('ctrl');
+                elem.attr('inner-sdc-single-tab', name);
+                this.$compile(elem)(scope);
+            }
+        };
+
+        public static factory = ($compile:ng.ICompileService, $parse:ng.IParseService)=> {
+            return new SdcSingleTabDirective($compile, $parse);
+        };
+    }
+
+    export class InnerSdcSingleTabDirective implements ng.IDirective {
+
+        constructor(private $templateCache:ng.ITemplateCacheService) {
+        }
+
+        scope = {
+            singleTab: "=",
+            isViewOnly: "="
+        };
+
+        replace = true;
+        restrict = 'A';
+        controller = '@';
+        template = '<div ng-include src="singleTab.templateUrl"></div>';
+
+        public static factory = ($templateCache:ng.ITemplateCacheService)=> {
+            return new InnerSdcSingleTabDirective($templateCache);
+        };
+    }
+
+    SdcSingleTabDirective.factory.$inject = ['$compile', '$parse'];
+    InnerSdcSingleTabDirective.factory.$inject = ['$templateCache'];
+
+}
diff --git a/catalog-ui/app/scripts/directives/sdc-tabs/sdc-single-tab/sdc-single-tab.less b/catalog-ui/app/scripts/directives/sdc-tabs/sdc-single-tab/sdc-single-tab.less
new file mode 100644
index 0000000000..8b13789179
--- /dev/null
+++ b/catalog-ui/app/scripts/directives/sdc-tabs/sdc-single-tab/sdc-single-tab.less
@@ -0,0 +1 @@
+