s407562/System_konkursow_edukacyjnych
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

SKE-51 SKE-52 changes in competitions list

Browse Source
This commit is contained in:
Przemysław Stawujak 2018-12-13 20:57:45 +01:00
parent d519712c2d
commit dfcb5e97d7
3 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
SystemKonkursow/4.2.1/angular/src/app/categories-list/categories-list.component.css
View File

@ -14,9 +14,13 @@
line-height: 90px;
font-size: 25px;
border-radius: 25px;
border: 1px solid gray;
border: 1px solid white;
color: darkolivegreen;
text-shadow: 2px 2px 6px ghostwhite;
font-weight: bold;
cursor: pointer;
}
.flex-item:hover {
box-shadow: 0px 0px 10px #2196F3;
}

26
SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
View File

@ -7,16 +7,32 @@
}
.flex-item {
background-color: darkgrey;
width: 300px;
background-color: #DED4F4;
width: 450px;
margin: 10px;
text-align: center;
line-height: 90px;
font-size: 20px;
border-radius: 25px;
border-radius: 5px;
border: 1px solid gray;
border-left: 10px #739CB9 solid;
color: darkblue;
text-shadow: 2px 2px 6px ghostwhite;
text-shadow: 2px 2px 6px #ab93ab;
font-weight: bold;
cursor: pointer;
}
.flex-item:hover {
box-shadow: 0px 0px 10px #2196F3;
}
.organizer {
font-size: 14px;
color: #f44336;
font-weight: bold;
margin-bottom: 6px;
}
.bottom-flex {
color: white;
background-color: #2196F3;
}

10
SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
View File

@ -1,5 +1,11 @@
<div class="flex-container" id="competitions-list-area">
<div class="flex-item" (click)="goToDetail(competition)" *ngFor="let competition of (competitionsList | filterClasses : [2, 6])">
{{ competition.name }}
<div class="flex-item" (click)="goToDetail(competition)" *ngFor="let competition of (competitionsList | filterClasses : [1, 8])">
<p><u>{{ competition.name }}</u></p>
<div class="organizer">Organizowany przez: {{ competition.creatorName }}</div>
<div class="bottom-flex">
<p>Czas trwania: {{ competition.startDate | date:"dd/MM/yyyy" }} - {{ competition.endDate | date:"dd/MM/yyyy" }}</p>
<p>Przedział klasowy: {{ competition.minClass }}-{{ competition.maxClass }}</p>
</div>
</div>
</div>