Merge remote-tracking branch 'origin/ui-redesign' into ui-redesign
This commit is contained in:
commit
73b8eb7203
|
@ -86,7 +86,7 @@
|
||||||
<li *ngFor="let dataset of datasets.controls; let i = index" (click)="changeStep(i + stepsBeforeDatasets, dataset)" [ngClass]="{'active-dataset': this.step === i + stepsBeforeDatasets}">
|
<li *ngFor="let dataset of datasets.controls; let i = index" (click)="changeStep(i + stepsBeforeDatasets, dataset)" [ngClass]="{'active-dataset': this.step === i + stepsBeforeDatasets}">
|
||||||
<div class="d-flex flex-direction-row">
|
<div class="d-flex flex-direction-row">
|
||||||
<div class="label">{{'DMP-EDITOR.STEPPER.DATASET' | translate}}</div>
|
<div class="label">{{'DMP-EDITOR.STEPPER.DATASET' | translate}}</div>
|
||||||
<mat-icon class="ml-auto remove-dataset" matTooltip="{{'DMP-EDITOR.ACTIONS.DELETE' | translate}}" (click)="$event.stopPropagation(); removeDataset(dataset.get('id').value, i)">remove_circle_outline</mat-icon>
|
<mat-icon *ngIf="dataset.get('status').value !== 1 && !isNewDataset" class="ml-auto remove-dataset" matTooltip="{{'DMP-EDITOR.ACTIONS.DELETE' | translate}}" (click)="$event.stopPropagation(); removeDataset(dataset.get('id').value, i)">remove_circle_outline</mat-icon>
|
||||||
</div>
|
</div>
|
||||||
<span *ngIf="dataset.get('status').value === 1" class="finalized-label">
|
<span *ngIf="dataset.get('status').value === 1" class="finalized-label">
|
||||||
<mat-icon class="status-icon check-icon">check</mat-icon>{{'TYPES.DATASET-STATUS.FINALISED' | translate}}
|
<mat-icon class="status-icon check-icon">check</mat-icon>{{'TYPES.DATASET-STATUS.FINALISED' | translate}}
|
||||||
|
|
|
@ -355,6 +355,11 @@ a:hover {
|
||||||
cursor: auto !important;
|
cursor: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.add-dataset-btn:hover {
|
||||||
|
color: #129d99 !important;
|
||||||
|
border: 1px solid #129d99;
|
||||||
|
}
|
||||||
|
|
||||||
.dataset-list {
|
.dataset-list {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
|
|
|
@ -103,13 +103,13 @@
|
||||||
<p class="title-2 text-uppercase">Argos</p> <p class="title-2">experience</p>
|
<p class="title-2 text-uppercase">Argos</p> <p class="title-2">experience</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="options">
|
<div class="options">
|
||||||
<div class="selected d-flex flex-direction-row option-row" id="id1" onclick="document.getElementById('template-preview').src='assets/img/template-preview-1.svg'; toggleClass(['id1','id2','id3'], 'id1')">
|
<div class="selected d-flex flex-direction-row option-row" id="id1" onclick="document.getElementById('template-preview').src='assets/img/template-preview-1.svg'; toggleClass(['id1','id2','id3'], 'id1'); clearInterval(slides)">
|
||||||
<p class="option-number">1</p> <p class="option-text">Select Templates</p>
|
<p class="option-number">1</p> <p class="option-text">Select Templates</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="not-selected d-flex flex-direction-row option-row" id="id2" onclick="document.getElementById('template-preview').src='assets/img/template-preview-2.svg'; toggleClass(['id1','id2','id3'], 'id2')">
|
<div class="not-selected d-flex flex-direction-row option-row" id="id2" onclick="document.getElementById('template-preview').src='assets/img/template-preview-2.svg'; toggleClass(['id1','id2','id3'], 'id2'); clearInterval(slides)">
|
||||||
<p class="option-number">2</p> <p class="option-text">Fill the information</p>
|
<p class="option-number">2</p> <p class="option-text">Fill the information</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="not-selected d-flex flex-direction-row option-row" id="id3" onclick="document.getElementById('template-preview').src='assets/img/template-preview-3.svg'; toggleClass(['id1','id2','id3'], 'id3')">
|
<div class="not-selected d-flex flex-direction-row option-row" id="id3" onclick="document.getElementById('template-preview').src='assets/img/template-preview-3.svg'; toggleClass(['id1','id2','id3'], 'id3'); clearInterval(slides)">
|
||||||
<p class="option-number">3</p> <p class="option-text">Share DMP</p>
|
<p class="option-number">3</p> <p class="option-text">Share DMP</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -393,4 +393,4 @@
|
||||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -45,3 +45,19 @@ window.onclick = function (event) {
|
||||||
this.closeOpenDropdowns();
|
this.closeOpenDropdowns();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Slideshow per 3 sec, stops on option click
|
||||||
|
window.onload = function slideImages() {
|
||||||
|
var x = -1;
|
||||||
|
slides = setInterval(function displayNextImage() {
|
||||||
|
x = (x === images.length - 1) ? 0 : x + 1;
|
||||||
|
document.getElementById('template-preview').src = images[x];
|
||||||
|
toggleClass(['id1','id2','id3'], 'id'.concat((x + 1).toString()));
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
|
||||||
|
var slides;
|
||||||
|
var images = [];
|
||||||
|
images[0] = 'assets/img/template-preview-1.svg';
|
||||||
|
images[1] = 'assets/img/template-preview-2.svg';
|
||||||
|
images[2] = 'assets/img/template-preview-3.svg';
|
||||||
|
|
Loading…
Reference in New Issue