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}">
|
||||
<div class="d-flex flex-direction-row">
|
||||
<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>
|
||||
<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}}
|
||||
|
|
|
@ -355,6 +355,11 @@ a:hover {
|
|||
cursor: auto !important;
|
||||
}
|
||||
|
||||
.add-dataset-btn:hover {
|
||||
color: #129d99 !important;
|
||||
border: 1px solid #129d99;
|
||||
}
|
||||
|
||||
.dataset-list {
|
||||
list-style-type: none;
|
||||
padding-left: 0px;
|
||||
|
|
|
@ -103,13 +103,13 @@
|
|||
<p class="title-2 text-uppercase">Argos</p> <p class="title-2">experience</p>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -45,3 +45,19 @@ window.onclick = function (event) {
|
|||
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