Replace arcodion
parent
99a4e0ceb6
commit
5f0dcae272
|
@ -9,11 +9,12 @@ import {CampaignService} from '../services/logs/campaign.service';
|
|||
import {NgxDatatableModule} from '@swimlane/ngx-datatable';
|
||||
import {PlayerService} from '../services/logs/player.service';
|
||||
import {LogsService} from '../services/logs/logs.service';
|
||||
import {MatExpansionModule, MatFormFieldModule} from '@angular/material';
|
||||
|
||||
@NgModule({
|
||||
declarations: statsRoutingComponents,
|
||||
imports: [CommonModule, SharedModule, statsRouterModule, NgxChartsModule,
|
||||
AccordionModule.forRoot(), ButtonsModule.forRoot(), NgxDatatableModule],
|
||||
imports: [CommonModule, SharedModule, statsRouterModule, NgxChartsModule, ButtonsModule.forRoot(), NgxDatatableModule,
|
||||
MatExpansionModule, MatFormFieldModule],
|
||||
providers: [WarService, CampaignService, PlayerService, LogsService]
|
||||
})
|
||||
export class StatsModule {
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<div class="row">
|
||||
<div [ngClass]="[loginService.hasPermission(3) ? 'col-xs-9' : 'col-xs-11']">
|
||||
<span>
|
||||
<a style="font-size: 22px;">{{war.title}}</a>
|
||||
<a style="font-size: 20px;">{{war.title}}</a>
|
||||
</span>
|
||||
<br>
|
||||
<small>vom {{war.date | date: 'dd.MM.yyyy'}}</small>
|
||||
|
|
|
@ -1,14 +1,18 @@
|
|||
:host /deep/ .card-header {
|
||||
background-color: rgba(34, 34, 34, 0.80);
|
||||
cursor: pointer;
|
||||
padding: 15px;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
.top-list-entry {
|
||||
display: flex;
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
.top-list-entry {
|
||||
margin-top: -16px;
|
||||
margin-bottom: 10px;
|
||||
.top-list-entry > div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.war-interaction-panel {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.war-interaction-panel > span {
|
||||
color: #4b4b4b;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
|
|
@ -8,42 +8,39 @@
|
|||
</a>
|
||||
</div>
|
||||
|
||||
<accordion *ngFor="let campaign of campaigns; let isFirstRow=first">
|
||||
<accordion-group [isOpen]="isFirstRow">
|
||||
<div accordion-heading>
|
||||
<mat-accordion *ngFor="let campaign of campaigns;">
|
||||
<mat-expansion-panel>
|
||||
<mat-expansion-panel-header style="height:auto; padding: 30px 15px;">
|
||||
<mat-panel-title style="font-size: 20px; font-weight: 700; border-bottom: 1px solid;">
|
||||
{{campaign.title}}
|
||||
</mat-panel-title>
|
||||
<mat-panel-description class="war-interaction-panel" *ngIf="loginService.hasPermission(3)">
|
||||
<span (click)="editCampaign(campaign); $event.stopPropagation()" title="Bearbeiten"
|
||||
style="color: whitesmoke; padding-top: 0; padding-right: 10px;"
|
||||
class="glyphicon glyphicon-edit trash pull-left"
|
||||
*ngIf="loginService.hasPermission(3)">
|
||||
class="glyphicon glyphicon-edit trash">
|
||||
</span>
|
||||
<span (click)="deleteCampaign(campaign); $event.stopPropagation()" title="Löschen"
|
||||
style="color: whitesmoke; padding-top: 0; padding-right: 10px;"
|
||||
class="glyphicon glyphicon-trash trash pull-left"
|
||||
*ngIf="loginService.hasPermission(3)">
|
||||
class="glyphicon glyphicon-trash trash">
|
||||
</span>
|
||||
{{campaign.title}}
|
||||
<span class="pull-right">▼</span>
|
||||
</div>
|
||||
|
||||
<div class="fade-in list-entry top-list-entry"
|
||||
</mat-panel-description>
|
||||
</mat-expansion-panel-header>
|
||||
<div class="top-list-entry">
|
||||
<div class="fade-in list-entry"
|
||||
[ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
|
||||
<div style="margin: auto;">
|
||||
<span style="margin:auto">
|
||||
<a style="font-size: 22px;">Übersicht</a>
|
||||
<div>
|
||||
<span>
|
||||
<a style="font-size: 20px;">Übersicht</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fade-in list-entry top-list-entry"
|
||||
<div class="fade-in list-entry"
|
||||
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
|
||||
<div style="margin: auto">
|
||||
<span style="margin:auto">
|
||||
<a style="font-size: 22px;">Highscore</a>
|
||||
<a style="font-size: 20px;">Highscore</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="padding-top: 40px;">
|
||||
</div>
|
||||
<div *ngFor="let war of campaign.wars">
|
||||
<pjm-war-item
|
||||
[war]="war"
|
||||
|
@ -53,15 +50,14 @@
|
|||
[selected]="war._id == selectedWarId">
|
||||
</pjm-war-item>
|
||||
</div>
|
||||
</div>
|
||||
</accordion-group>
|
||||
</accordion>
|
||||
</mat-expansion-panel>
|
||||
</mat-accordion>
|
||||
|
||||
<div class="fade-in list-entry" style="margin-top: 20px; margin-bottom: 20px;"
|
||||
[ngClass]="{selected : selectedWarId == 'all'}" (click)="selectOverview('all')">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<span style="margin:auto">
|
||||
<span>
|
||||
<a style="font-size: 22px;">Gesamtübersicht</a>
|
||||
</span>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue