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 { .form-container {
} }
.intro {
text-align: left;
font-weight: 400;
letter-spacing: 0px;
color: #212121;
opacity: 1;
margin: 3rem 0rem 3rem 0rem;
}
.dynamic-form-editor { .dynamic-form-editor {
mat-vertical-stepper { mat-vertical-stepper {
background-color: #ffffff; 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-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 { // ::ng-deep
transform: translateY(-1.1em) scale(.75); // .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
width: 133.33333%; // .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 { // ::ng-deep .mat-step-header .mat-step-icon-selected,
background-color: #129D99 !important; // .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 { 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() path: string;
@Input() form: FormGroup; @Input() form: FormGroup;
@Input() visibilityRules: Rule[] = []; @Input() visibilityRules: Rule[] = [];
@ -42,13 +42,13 @@ export class DatasetDescriptionComponent extends BaseComponent implements OnInit
ngOnChanges(changes: SimpleChanges) { ngOnChanges(changes: SimpleChanges) {
// When the form is changed set stepper index to 0. // When the form is changed set stepper index to 0.
if (this.stepper && changes['form'] && !changes['form'].isFirstChange()) { // if (this.stepper && changes['form'] && !changes['form'].isFirstChange()) {
this.stepper.selectedIndex = 0; // this.stepper.selectedIndex = 0;
} else if (this.stepper && changes['linkToScroll'] && changes['linkToScroll'].currentValue) { // } else if (this.stepper && changes['linkToScroll'] && changes['linkToScroll'].currentValue) {
if (changes['linkToScroll'].currentValue.page >= 0) { // if (changes['linkToScroll'].currentValue.page >= 0) {
this.stepper.selectedIndex = changes['linkToScroll'].currentValue.page; // this.stepper.selectedIndex = changes['linkToScroll'].currentValue.page;
} // }
} // }
} }
ngAfterViewInit() { ngAfterViewInit() {