Template Option Component

Change-Id: I7262b53e1599e4c16a645da186a1d672987aab50
Issue-ID: CCSDK-703
Signed-off-by: ezhil <ezhrajam@in.ibm.com>

2 files changed, 14 insertions, 7 deletions

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.html b/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.html
index 7f520ff9d..9c2d721e0 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.html
@@ -18,7 +18,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 ============LICENSE_END============================================
 -->
-<p>
-  template-options works!
-</p>
-<button (click)="loadTemplateData()">Load Template Data</button>
\ No newline at end of file
+<mat-radio-group>
+  <mat-radio-button value="1" (click)="selected(1)">Upload Template file</mat-radio-button><br><br>
+  <mat-radio-button value="2" (click)="selected(2)">Starter Template</mat-radio-button><br><br>
+  <mat-radio-button value="3" (click)="selected(3)">Existing Model File</mat-radio-button>
+</mat-radio-group>
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.ts b/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.ts
index b9a7fa362..3b598b24e 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.ts
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/template-options/template-options.component.ts
@@ -19,7 +19,7 @@ limitations under the License.
 ============LICENSE_END============================================
 */
 
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Output, EventEmitter} from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 @Component({
   selector: 'app-template-options',
@@ -27,13 +27,19 @@ import { HttpClient } from '@angular/common/http';
   styleUrls: ['./template-options.component.scss']
 })
 export class TemplateOptionsComponent implements OnInit {
+  selectedOption: string;
+  @Output() option = new EventEmitter();
 
   constructor() { }
 
   ngOnInit() {
   }
 
-  loadTemplateData() {
-   // to do
+  selected(value){
+    console.log(value);
+    this.option.emit(value);
   }
+  // loadTemplateData() {
+  //  // to do
+  // }
 }