MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Removes stepper from dataset description form

This commit is contained in:
apapachristou 2020-09-23 10:21:26 +03:00
parent 7897d9072d
commit 49c08f5061
2 changed files with 34 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
dmp-frontend/src/app/ui/misc/dataset-description-form/dataset-description.component.scss
View File

@ -9,6 +9,15 @@
.form-container {
}
.intro {
text-align: left;
font-weight: 400;
letter-spacing: 0px;
color: #212121;
opacity: 1;
margin: 3rem 0rem 3rem 0rem;
}
.dynamic-form-editor {
mat-vertical-stepper {
background-color: #ffffff;
@ -16,15 +25,23 @@
}
// ::ng-deep .mat-form-field-flex > .mat-form-field-infix {padding: 0.4em 0px !important;}
::ng-deep .mat-form-field-label-wrapper { top: -1.5em; }
// ::ng-deep .mat-form-field-label-wrapper {
// top: -1.5em;
// }
::ng-deep .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
transform: translateY(-1.1em) scale(.75);
width: 133.33333%;
}
// ::ng-deep
// .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
// .mat-form-field-label {
// transform: translateY(-1.1em) scale(0.75);
// width: 133.33333%;
// }
::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {background: #fafafa !important;}
// ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
// background: #fafafa !important;
// }
::ng-deep .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
background-color: #129D99 !important;
}
// ::ng-deep .mat-step-header .mat-step-icon-selected,
// .mat-step-header .mat-step-icon-state-done,
// .mat-step-header .mat-step-icon-state-edit {
// background-color: #129d99 !important;
// }

16
dmp-frontend/src/app/ui/misc/dataset-description-form/dataset-description.component.ts
View File

@ -14,7 +14,7 @@ import { takeUntil } from 'rxjs/operators';
})
export class DatasetDescriptionComponent extends BaseComponent implements OnInit, AfterViewInit, OnChanges {
@ViewChild('stepper', { static: false }) stepper: MatHorizontalStepper;
// @ViewChild('stepper', { static: false }) stepper: MatHorizontalStepper;
@Input() path: string;
@Input() form: FormGroup;
@Input() visibilityRules: Rule[] = [];
@ -42,13 +42,13 @@ export class DatasetDescriptionComponent extends BaseComponent implements OnInit
ngOnChanges(changes: SimpleChanges) {
// When the form is changed set stepper index to 0.
if (this.stepper && changes['form'] && !changes['form'].isFirstChange()) {
this.stepper.selectedIndex = 0;
} else if (this.stepper && changes['linkToScroll'] && changes['linkToScroll'].currentValue) {
if (changes['linkToScroll'].currentValue.page >= 0) {
this.stepper.selectedIndex = changes['linkToScroll'].currentValue.page;
}
}
// if (this.stepper && changes['form'] && !changes['form'].isFirstChange()) {
// this.stepper.selectedIndex = 0;
// } else if (this.stepper && changes['linkToScroll'] && changes['linkToScroll'].currentValue) {
// if (changes['linkToScroll'].currentValue.page >= 0) {
// this.stepper.selectedIndex = changes['linkToScroll'].currentValue.page;
// }
// }
}
ngAfterViewInit() {