summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDan Timoney <dtimoney@att.com>2019-02-14 19:46:58 +0000
committerGerrit Code Review <gerrit@onap.org>2019-02-14 19:46:58 +0000
commite2580df9820286b10a2d28a3e83c633aa5111b40 (patch)
tree730a13c75ef180a80e66e2c0cee17d50e25d89cf
parentc6e2a790671568cc02a01085a1ca624383485d3e (diff)
parent18772549040b4942523e1dff0b89a7ed65879441 (diff)
Merge "Stepper form style and formatting"
-rw-r--r--cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.scss8
-rw-r--r--cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html47
-rw-r--r--cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss21
3 files changed, 45 insertions, 31 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.scss
index 1c0c05a54..21c06784c 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/blueprint.component.scss
@@ -21,4 +21,12 @@ limitations under the License.
.mat-card {
padding: 0px !important;
+}
+
+.matStepNextBtn {
+ color: white;
+ background: gray;
+ margin-top: 10px;
+ position: absolute;
+ margin-bottom: 5px;
} \ No newline at end of file
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html
index bcd78323e..a9c604224 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html
@@ -19,30 +19,27 @@ limitations under the License.
============LICENSE_END============================================
-->
<mat-vertical-stepper linear>
- <mat-step [stepControl]="step1FormGroup">
- <ng-template matStepLabel>Choose CBA Template file</ng-template>
- <app-template-options></app-template-options>
- <br>
- <div>
- <button mat-button matStepperNext class="matStepNextBtn">Proceed</button>
- </div>
- </mat-step>
+ <mat-step [stepControl]="step1FormGroup">
+ <ng-template matStepLabel>Choose CBA Template file</ng-template>
+ <app-template-options></app-template-options>
+ <br>
+ <div>
+ <button mat-button matStepperNext class="matStepNextBtn">Proceed</button>
+ </div>
+ </mat-step>
- <mat-step [stepControl]="step2FormGroup">
- <ng-template matStepLabel>Browse CBA Template file</ng-template>
- <app-search-template (change)="fileChange(fileupload.files)"></app-search-template>
- <br>
- <div>
- <button mat-button matStepperNext class="matStepNextBtn">Upload</button>
- </div>
- </mat-step>
- <mat-step [stepControl]="step3FormGroup">
- <ng-template matStepLabel>Enter Metadata details</ng-template>
- <app-metadata></app-metadata>
- <br>
- </mat-step>
+ <mat-step [stepControl]="step2FormGroup">
+ <ng-template matStepLabel>Browse CBA Template file</ng-template>
+ <app-search-template (cbaFile)="fileChange($event)"></app-search-template>
+ <br>
+ <div>
+ <button mat-button matStepperNext class="matStepNextBtn">Upload</button>
+ </div>
+ </mat-step>
+ <mat-step [stepControl]="step3FormGroup">
+ <ng-template matStepLabel>Enter Metadata details</ng-template>
+ <app-metadata (metadataform)="metaDataDetail($event)"></app-metadata>
+ <br>
+ </mat-step>
</mat-vertical-stepper>
-<button mat-button matStepperNext class="matStepNextBtn">Next</button>
-<!-- <router-outlet></router-outlet> -->
-
-<!-- </form> --> \ No newline at end of file
+<button mat-button matStepperNext class="matStepNextBtn" (click)="saveBlueprintModel()">Next</button> \ No newline at end of file
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss
index 47ae92a20..c0e3dfb99 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss
@@ -19,10 +19,19 @@ limitations under the License.
============LICENSE_END============================================
*/
-.matStepNextBtn{
- color:white;
- background:gray;
- margin-top: 10px;
+.matStepNextBtn {
+ color: white;
+ background: gray;
+ margin-top: 10px;
position: absolute;
-
-} \ No newline at end of file
+ margin-bottom: 5px;
+}
+
+.matStep {
+ margin-top: 15px !important;
+ margin-bottom: 20px !important;
+}
+
+// .mat-vertical-content {
+// margin: 10px !important;
+// } \ No newline at end of file