Skip to content
Snippets Groups Projects
Commit 0c2f7521 authored by Tifenn Guillas's avatar Tifenn Guillas
Browse files

Design reminder => DONE

parent c0c235c4
No related branches found
No related tags found
2 merge requests!147Develop,!126Resolve "Design result summary box"
<div class="jumbotron py-4">
<div class="jumbotron mb-5 py-4">
<div class="lead">Dataset <span class="bold">{{ datasetName }}</span> selected with <span
class="bold">{{ dataLength }}</span> objects found.</div>
<hr class="my-4">
......
.custom-jumbotron {
background-color: transparent;
}
.tab-content {
min-height: 150px;
border-bottom: #dee2e6 solid 1px;
......@@ -13,7 +9,3 @@
color: #6c757d;
font-size: 90%;
}
.col {
min-width: fit-content;
}
\ No newline at end of file
<div class="jumbotron py-4 custom-jumbotron theme-border">
<div class="lead">
Reminder
</div>
<hr class="my-4">
<tabset [justified]="true">
<tab>
<ng-template tabHeading>
Criteria <span class="badge badge-secondary">{{ nbCriteria() }}</span>
</ng-template>
<div class="tab-content container-fluid pt-3">
<div *ngIf="nbCriteria() === 0" class="text-center font-weight-bold pt-5">
No selected criteria
</div>
<div class="mb-5">
<tabset [justified]="true">
<tab>
<ng-template tabHeading>
Criteria <span class="badge badge-pill badge-secondary">{{ nbCriteria() }}</span>
</ng-template>
<div class="tab-content container-fluid pt-3">
<div *ngIf="nbCriteria() === 0" class="text-center font-weight-bold pt-5">
No selected criteria
</div>
<div *ngIf="nbCriteria() > 0" class="row">
<div *ngIf="coneSearch !== null" class="col-12 col-md-6 col-xl-4 pb-3">
<span class="title">Cone search</span>
<ul class="list-unstyled pl-3">
<li>RA = {{ coneSearch.ra }}°</li>
<li>DEC = {{ coneSearch.dec }}°</li>
<li>radius = {{ coneSearch.radius }} arcsecond</li>
</ul>
</div>
<div *ngIf="nbCriteria() > 0" class="row">
<div *ngIf="coneSearch !== null" class="col-12 col-md-6 col-xl-4 pb-3">
<span class="title">Cone search</span>
<ul class="list-unstyled pl-3">
<li>RA = {{ coneSearch.ra }}°</li>
<li>DEC = {{ coneSearch.dec }}°</li>
<li>radius = {{ coneSearch.radius }} arcsecond</li>
</ul>
</div>
<ng-container *ngFor="let family of criteriaFamilyList">
<ng-container *ngIf="criteriaByFamily(family.id).length > 0">
<div class="col-12 col-md-6 col-xl-4 pb-3">
<span class="title">{{ family.label }}</span>
<ul class="list-unstyled pl-3">
<li *ngFor="let criterion of criteriaByFamily(family.id)">
{{ getAttribute(criterion.id).form_label }} {{ printCriterion(criterion) }}
</li>
</ul>
</div>
</ng-container>
<ng-container *ngFor="let family of criteriaFamilyList">
<ng-container *ngIf="criteriaByFamily(family.id).length > 0">
<div class="col-12 col-md-6 col-xl-4 pb-3">
<span class="title">{{ family.label }}</span>
<ul class="list-unstyled pl-3">
<li *ngFor="let criterion of criteriaByFamily(family.id)">
{{ getAttribute(criterion.id).form_label }} {{ printCriterion(criterion) }}
</li>
</ul>
</div>
</ng-container>
</div>
</ng-container>
</div>
</tab>
<tab>
<ng-template tabHeading>
Outputs <span class="badge badge-secondary">{{ outputList.length }}</span>
</ng-template>
<div class="tab-content container-fluid pt-3">
<div class="row">
<ng-container *ngFor="let family of outputFamilyList">
<ng-container *ngFor="let category of categoryListByFamily(family.id)">
</div>
</tab>
<tab>
<ng-template tabHeading>
Outputs <span class="badge badge-pill badge-secondary">{{ outputList.length }}</span>
</ng-template>
<div class="tab-content container-fluid pt-3">
<div class="row">
<ng-container *ngFor="let family of outputFamilyList">
<ng-container *ngFor="let category of categoryListByFamily(family.id)">
<ng-container *ngIf="outputListByCategory(category.id).length > 0">
<div class="col-12 col-md-6 col-xl-4 pb-3">
<div class="col-12 col-md-6 col-lg-4 col-xl-3 pb-3">
<span class="title">{{ family.label }}</span><br>
<span class="title pl-3">{{ category.label }}</span>
<ul class="list-unstyled pl-5">
......@@ -57,10 +53,10 @@
</ul>
</div>
</ng-container>
</ng-container>
</ng-container>
</div>
</ng-container>
</div>
</tab>
</tabset>
</div>
</tab>
</tabset>
</div>
\ No newline at end of file
......@@ -4,10 +4,6 @@
color: #7AC29A;
}
.theme-border {
border: #7AC29A solid 1px;
}
.dl-btn {
fill: white;
background-color: #50a44b;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment