3 files changed, 53 insertions, 0 deletions
diff --git a/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.html b/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.html
new file mode 100644
index 0000000000..b31fae5d73
--- /dev/null
+++ b/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.html
@@ -0,0 +1,5 @@
+<div class="tlv-radio">
+    <input name="{{elemName}}" id="{{elemId}}" class="tlv-radio-i" type="radio" ng-model="sdcModel" ng-click="onValueChange()"
+        ng-disabled="disabled" value="{{value}}" />
+    <label for="{{elemId}}" sdc-smart-tooltip class="tlv-radio-label">{{text}}</label>
+</div>
diff --git a/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.less b/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.less
new file mode 100644
index 0000000000..e69de29bb2
--- /dev/null
+++ b/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.less
diff --git a/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.ts b/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.ts
new file mode 100644
index 0000000000..1384a82674
--- /dev/null
+++ b/catalog-ui/src/app/directives/elements/radiobutton/radiobutton.ts
@@ -0,0 +1,48 @@
+import INgModelController = angular.INgModelController;
+'use strict';
+
+export interface IRadiobuttonElementScope extends ng.IScope {
+    elemId:string;
+    elemName:string;
+    text:string;
+    sdcModel:any;
+    value:any;
+    disabled:boolean;
+    onValueChange:Function;
+}
+
+export class RadiobuttonElementDirective implements ng.IDirective {
+
+    constructor(private $filter:ng.IFilterService) {
+    }
+
+    public replace = true;
+    public restrict = 'E';
+    public transclude = false;
+
+    scope = {
+        elemId: '@',
+        elemName: '@',
+        text: '@',
+        sdcModel: '=',
+        value: '@',
+        disabled: '=',
+        onValueChange: '&'
+    };
+
+    template = ():string => {
+        return require('./radiobutton.html');
+    };
+
+    public link = (scope:IRadiobuttonElementScope, $elem:ng.IAugmentedJQuery, $attrs:angular.IAttributes) => {
+        //$elem.removeAttr("id")
+        //console.log(scope.sdcChecklistValue);
+    };
+
+    public static factory = ($filter:ng.IFilterService)=> {
+        return new RadiobuttonElementDirective($filter);
+    };
+
+}
+
+RadiobuttonElementDirective.factory.$inject = ['$filter'];