init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>

1 files changed, 20 insertions, 0 deletions

diff --git a/src/angular/form-elements/radios/radio-buttons-group.component.html.ts b/src/angular/form-elements/radios/radio-buttons-group.component.html.ts
new file mode 100644
index 0000000..28a27af
--- /dev/null
+++ b/src/angular/form-elements/radios/radio-buttons-group.component.html.ts
@@ -0,0 +1,20 @@
+export default `
+<label class='sdc-radio-group__legend'>{{legend}}</label>
+<div class='sdc-radio-group__radios {{direction}}'>
+    <template *ngFor="let item of options.items">
+        <div class="sdc-radio">
+            <label class="sdc-radio__animation-wrapper" SdcRippleClickAnimation [rippleClickDisabled]="disabled">
+                <input class="sdc-radio__input"
+                    type="radio"
+                    name="{{item.name}}"
+                    value="{{item.value}}"
+                    disabled="{{disabled || item.disabled || false}}"
+                    (change)="onValueChanged(item.value)"
+                    [(ngModel)]="value"
+                    />
+                <span class="sdc-radio__label">{{ item.label }}</span>
+            </label>
+        </div>
+    </template>
+</div>
+`;