{
- this.userService.findUsers({decorationId: decoration._id}).subscribe(users => {
- this.users = users.filter(user => user.squadId != null);
- });
+ if (this.data.decoration) {
+ const itemId = this.data.decoration._id;
+ this.decorationService.getDecoration(itemId).subscribe(decoration => {
+ this.userService.findUsers({decorationId: decoration._id}).subscribe(users => {
+ this.users = users.filter(user => user.squadId != null);
});
- } else if (this.data.rank) {
- // Rank
- const itemId = this.data.rank._id;
- this.rankService.getRank(itemId).subscribe(rank => {
- this.userService.findUsers({fraction: rank.fraction}).subscribe(users => {
- this.users = users.filter(user => user.squadId != null && user.rankLvl === rank.level);
- });
+ });
+ } else if (this.data.rank) {
+ // Rank
+ const itemId = this.data.rank._id;
+ this.rankService.getRank(itemId).subscribe(rank => {
+ this.userService.findUsers({fraction: rank.fraction}).subscribe(users => {
+ this.users = users.filter(user => user.squadId != null && user.rankLvl === rank.level);
});
- }
+ });
+ }
}
selectUser(user) {
this.bottomSheetRef.dismiss();
- event.preventDefault();
this.router.navigate(['overview', {outlets: {'right': ['member', user._id]}}]);
}
}
diff --git a/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.css b/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.css
new file mode 100644
index 0000000..7b90b1c
--- /dev/null
+++ b/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.css
@@ -0,0 +1,36 @@
+.scroll-btn {
+ position: absolute;
+ height: 53px;
+ width: 32px;
+ cursor: pointer;
+}
+
+.scroll-btn-right {
+ top: 50px;
+ left: 98%;
+ }
+
+.campaign-horizontal-list {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ box-shadow: #dadada 0px 1px 5px;
+}
+
+.campaign-entry {
+ width: fit-content;
+ border: 1px solid #dadada;
+ min-width: 20%;
+ padding: 15px;
+ text-align: center;
+ cursor: pointer;
+ font-size: 16px;
+ float:left;
+}
+
+.campaign-entry:hover {
+ background: #f9f9f9;
+}
diff --git a/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.html b/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.html
new file mode 100644
index 0000000..d71d502
--- /dev/null
+++ b/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Ewige Übersicht
+
+
+ Operation Schmelztiegel
+
+
+ Return to Hell in a Bowl
+
+
+ Operation Schmelztiegel
+
+
+ Return to Hell in a Bowl
+
+
+ Operation Schmelztiegel
+
+
+ Return to Hell in a Bowl
+
+
+
+
+
+
+
diff --git a/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.ts b/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.ts
new file mode 100644
index 0000000..cbd27f6
--- /dev/null
+++ b/static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.ts
@@ -0,0 +1,37 @@
+import {Component, ElementRef, ViewChild} from '@angular/core';
+
+@Component({
+ selector: 'campaign-navigation',
+ templateUrl: './campaign-navigation.component.html',
+ styleUrls: ['./campaign-navigation.component.css']
+})
+export class CampaignNavigationComponent {
+
+ @ViewChild('horizontalList', {read: ElementRef}) public panel: ElementRef
;
+
+ isLeftScrollVisible = false;
+
+ repeater;
+
+ constructor() {
+ }
+
+ public scrollList(scrollValue: number): void {
+ console.log("call")
+ this.panel.nativeElement.scrollLeft += scrollValue;
+ if (this.panel.nativeElement.scrollLeft > 0) {
+ this.isLeftScrollVisible = true
+ } else {
+ this.isLeftScrollVisible = false;
+ this.clearRepeater();
+ }
+ }
+
+ setRepeater(value: number) {
+ this.repeater = setInterval(() => this.scrollList(value), 200);
+ }
+
+ clearRepeater() {
+ clearInterval(this.repeater)
+ }
+}
diff --git a/static/src/app/statistic/stats.routing.ts b/static/src/app/statistic/stats.routing.ts
index b2f7302..1d69368 100644
--- a/static/src/app/statistic/stats.routing.ts
+++ b/static/src/app/statistic/stats.routing.ts
@@ -13,6 +13,7 @@ import {StatisticHighScoreComponent} from './campaign/highscore/highscore.compon
import {WarHeaderComponent} from './war/war-header/war-header.component';
import {WarEditComponent} from './war/war-edit/war-edit.component';
import {LoginGuardMT} from '../login';
+import {CampaignNavigationComponent} from './campaign/campaign-navigation/campaign-navigation.component';
export const statsRoutes: Routes = [{
@@ -24,6 +25,11 @@ export const statsRoutes: Routes = [{
}
]
},
+ {
+ path: 'top',
+ component: CampaignNavigationComponent,
+ outlet: 'top'
+ },
{
path: 'overview/:id',
component: StatisticOverviewComponent,
@@ -73,5 +79,6 @@ export const statsRouterModule: ModuleWithProviders = RouterModule.forChild(stat
export const statsRoutingComponents = [StatisticComponent, StatisticOverviewComponent, StatisticHighScoreComponent,
CampaignSubmitComponent, WarListComponent, WarSubmitComponent, WarEditComponent, WarHeaderComponent,
- ScoreboardComponent, FractionStatsComponent, CampaignPlayerDetailComponent, WarItemComponent];
+ ScoreboardComponent, FractionStatsComponent, CampaignPlayerDetailComponent, WarItemComponent,
+ CampaignNavigationComponent];