sh-edraft.de/sh_discord_bot
5
1
Fork 1
Code Issues 26 Pull Requests Actions Packages Projects 3 Releases 27 Wiki Activity

Added logic to make achievement config more generic #268_achievements

Browse Source
This commit is contained in:
Sven Heidemann
2023-07-15 12:52:54 +02:00
parent 51928dcb4d
commit 0ec67d41e2
12 changed files with 138 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
kdb-web/src/app/models/data/achievement.model.ts
View File

@@ -1,10 +1,15 @@
import { DataWithHistory } from "./data.model";
import { Server, ServerFilter } from "./server.model";
export interface AchievementAttribute {
name?: string;
type?: string;
}
export interface Achievement extends DataWithHistory {
id?: number;
name?: string;
attribute?: string;
attribute?: string | AchievementAttribute;
operator?: string;
value?: string;
server?: Server;

10
kdb-web/src/app/models/graphql/queries.model.ts
View File

@@ -90,6 +90,16 @@ export class Queries {
}
`;
static achievementTypeQuery = `
query AchievementType {
AchievementOperators
AchievementAttributes {
name
type
}
}
`;
static achievementQuery = `
query AchievementList($serverId: ID, $filter: AchievementFilter, $page: Page, $sort: Sort) {
servers(filter: {id: $serverId}) {

7
kdb-web/src/app/models/graphql/query.model.ts
View File

@@ -3,7 +3,7 @@ import { User } from "../data/user.model";
import { AutoRole, AutoRoleRule } from "../data/auto_role.model";
import { Guild } from "../data/discord.model";
import { Level } from "../data/level.model";
import { Achievement } from "../data/achievement.model";
import { Achievement, AchievementAttribute } from "../data/achievement.model";
export interface Query {
serverCount: number;
@@ -24,6 +24,11 @@ export interface LevelListQuery {
levels: Level[];
}
export interface AchievementTypeQuery {
AchievementAttributes: AchievementAttribute[];
AchievementOperators: string[];
}
export interface AchievementListQuery {
achievementCount: number;
achievements: Achievement[];

16
kdb-web/src/app/modules/view/server/achievements/components/achievement/achievement.component.html
View File

@@ -132,7 +132,8 @@
<td>
<p-cellEditor>
<ng-template pTemplate="input">
<p-dropdown [options]="attributes" [(ngModel)]="achievement.attribute" placeholder="{{'view.server.achievements.headers.attribute' | translate}}"></p-dropdown>
<p-dropdown [options]="attributes" [(ngModel)]="achievement.attribute"
placeholder="{{'view.server.achievements.headers.attribute' | translate}}"></p-dropdown>
</ng-template>
<ng-template pTemplate="output">
{{achievement.attribute}}
@@ -152,9 +153,18 @@
</td>
<td>
<p-cellEditor>
<p-cellEditor *ngIf="getAchievementAttributeByName(achievement.attribute).type === 'number'">
<ng-template pTemplate="input">
<input class="table-edit-input" pInputText min="0" type="text" [(ngModel)]="achievement.value">
<input class="table-edit-input" pInputText min="0" type="number" [(ngModel)]="achievement.value">
</ng-template>
<ng-template pTemplate="output">
{{achievement.value}}
</ng-template>
</p-cellEditor>
<p-cellEditor *ngIf="getAchievementAttributeByName(achievement.attribute).type === 'Level'">
<ng-template pTemplate="input">
<p-dropdown [options]="levels" [(ngModel)]="achievement.value" placeholder="{{'view.server.members.headers.level' | translate}}"></p-dropdown>
</ng-template>
<ng-template pTemplate="output">
{{achievement.value}}

60
kdb-web/src/app/modules/view/server/achievements/components/achievement/achievement.component.ts
View File

@@ -1,5 +1,5 @@
import { Component, OnDestroy, OnInit } from "@angular/core";
import { Achievement, AchievementFilter } from "../../../../../../models/data/achievement.model";
import { Achievement, AchievementAttribute, AchievementFilter } from "../../../../../../models/data/achievement.model";
import { FormBuilder, FormControl, FormGroup } from "@angular/forms";
import { Page } from "../../../../../../models/graphql/filter/page.model";
import { Sort, SortDirection } from "../../../../../../models/graphql/filter/sort.model";
@@ -15,12 +15,12 @@ import { TranslateService } from "@ngx-translate/core";
import { DataService } from "../../../../../../services/data/data.service";
import { SidebarService } from "../../../../../../services/sidebar/sidebar.service";
import { ActivatedRoute } from "@angular/router";
import { AchievementListQuery, Query } from "../../../../../../models/graphql/query.model";
import { AchievementListQuery, AchievementTypeQuery, LevelListQuery, Query } from "../../../../../../models/graphql/query.model";
import { catchError, debounceTime, takeUntil } from "rxjs/operators";
import { LazyLoadEvent } from "primeng/api";
import { LazyLoadEvent, MenuItem } from "primeng/api";
import { Table } from "primeng/table";
import { User } from "../../../../../../models/data/user.model";
import { AchievementMutationResult, UpdateUserMutationResult } from "../../../../../../models/graphql/result.model";
import { AchievementMutationResult } from "../../../../../../models/graphql/result.model";
import { Mutations } from "../../../../../../models/graphql/mutations.model";
@Component({
@@ -60,8 +60,10 @@ export class AchievementComponent implements OnInit, OnDestroy {
private server: Server = {};
public user: UserDTO | null = null;
public operators = ["==", "!=", "<=", ">=", "<", ">"];
public attributes = ["xp", "message_count", "reaction_count", "ontime", "level"]
public operators: string[] = [];
public attributes: MenuItem[] = [];
private achievementsAttributes: AchievementAttribute[] = [];
levels!: MenuItem[];
query: string = Queries.achievementWithHistoryQuery;
@@ -78,10 +80,10 @@ export class AchievementComponent implements OnInit, OnDestroy {
}
public ngOnInit(): void {
this.loading = true;
this.setFilterForm();
this.data.getServerFromRoute(this.route).then(async server => {
this.server = server;
this.loadNextPage();
let authUser = await this.authService.getLoggedInUser();
this.user = authUser?.users?.find(u => u.server == this.server.id) ?? null;
});
@@ -92,8 +94,22 @@ export class AchievementComponent implements OnInit, OnDestroy {
this.unsubscriber.complete();
}
public loadNextPage(): void {
this.loading = true;
private loadLevels() {
this.data.query<LevelListQuery>(Queries.levelQuery, {
serverId: this.server.id
},
(data: Query) => {
return data.servers[0];
}
).subscribe(data => {
this.levels = data.levels.map(level => {
return { label: level.name, value: level.name };
});
});
}
private loadNextData() {
this.data.query<AchievementListQuery>(Queries.achievementQuery, {
serverId: this.server.id, filter: this.filter, page: this.page, sort: this.sort
},
@@ -108,6 +124,19 @@ export class AchievementComponent implements OnInit, OnDestroy {
});
}
public loadNextPage(): void {
this.data.query<AchievementTypeQuery>(Queries.achievementTypeQuery
).subscribe(data => {
this.operators = data.AchievementOperators;
this.achievementsAttributes = data.AchievementAttributes;
this.attributes = data.AchievementAttributes.map(attribute => {
return { label: attribute.name, value: attribute.name };
});
this.loadLevels();
this.loadNextData();
});
}
public setFilterForm(): void {
this.filterForm = this.fb.group({
id: new FormControl<number | null>(null),
@@ -182,9 +211,9 @@ export class AchievementComponent implements OnInit, OnDestroy {
this.spinner.showSpinner();
this.data.mutation<AchievementMutationResult>(Mutations.createAchievement, {
name: newAchievement.name,
attribute: newAchievement.attribute,
operator: newAchievement.operator,
value: newAchievement.value,
attribute: newAchievement.attribute,
operator: newAchievement.operator,
value: newAchievement.value + "",
serverId: this.server.id
}
).pipe(catchError(err => {
@@ -207,7 +236,7 @@ export class AchievementComponent implements OnInit, OnDestroy {
name: newAchievement.name,
attribute: newAchievement.attribute,
operator: newAchievement.operator,
value: newAchievement.value
value: newAchievement.value + ""
}
).pipe(catchError(err => {
this.spinner.hideSpinner();
@@ -268,4 +297,9 @@ export class AchievementComponent implements OnInit, OnDestroy {
this.isEditingNew = true;
}
public getAchievementAttributeByName(name: string): AchievementAttribute {
const [found] = this.achievementsAttributes.filter(x => x.name === name);
return found;
}
}