From cbad207d520e166305de58e5c23bda3c78781a69 Mon Sep 17 00:00:00 2001
From: Ezhilarasi <ezhrajam@in.ibm.com>
Date: Thu, 7 Feb 2019 14:53:53 +0530
Subject: CBA Blueprint Wizard

Change-Id: Ia64999d65cd6e3175f0056c8193f9c9e8b352ee4
Issue-ID: CCSDK-703
Signed-off-by: Ezhilarasi <ezhrajam@in.ibm.com>
---
 .../blueprint/blueprint.component.html             | 32 ++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

(limited to 'cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.html')

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.html b/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.html
index 68d0ade67..31c7a6ab7 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.html
@@ -16,5 +16,33 @@ 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============================================ -->
-<app-cbawizard [appName]="appName"></app-cbawizard>
-<router-outlet></router-outlet>
+<!-- <app-cbawizard [appName]="appName"></app-cbawizard>
+<router-outlet></router-outlet> -->
+<mat-card class="CBAform">
+    <mat-card-content>
+      <mat-horizontal-stepper [linear]="isLinear" #stepper>
+        <mat-step [stepControl]="firstFormGroup">
+          <ng-template matStepLabel>CBA Metadata</ng-template>
+          <app-select-template></app-select-template>
+          <div>
+              <button mat-button matStepperNext style="color:white;background:gray">Proceed</button>
+            </div>
+        </mat-step>
+        <mat-step [stepControl]="secondFormGroup">
+          <ng-template matStepLabel>Controller Blueprint Designer</ng-template>
+          <app-modify-template></app-modify-template>
+          <div style="position:relative">
+              <button mat-button matStepperNext style="color:white;background:gray; right: 20px; position: absolute;bottom:5px; ">Proceed</button>
+          </div>
+        </mat-step>
+        <mat-step [stepControl]="thirdFormGroup">
+          <ng-template matStepLabel>Test</ng-template>
+          <app-test-template></app-test-template>
+        </mat-step>
+        <mat-step [stepControl]="thirdFormGroup">
+            <ng-template matStepLabel>Test</ng-template>
+            <app-deploy-template></app-deploy-template>
+          </mat-step>
+      </mat-horizontal-stepper>
+    </mat-card-content>
+  </mat-card>
-- 
cgit 1.2.3-korg