Add creation modal command & fix sort user exp

Author: FunixG

src/app/features/dashboard/funixprod/funixbot/funixbot-commands/funixbot-command-create-modal/funixbot-command-create-modal.component.css

@@ -0,0 +1,44 @@
+<div class="card">
+  <div class="card-header">
+    <h3 mat-dialog-title class="text-primary">Création de commande.</h3>
+  </div>
+
+  <div mat-dialog-content class="card-body">
+    <form class="user">
+
+      <div class="form-group">
+        <input type="text" [(ngModel)]="command.command"
+               name="command"
+               class="form-control form-control-user"
+               placeholder="Commande">
+      </div>
+
+      <div class="form-group">
+        <input type="text" [(ngModel)]="command.message"
+               name="message"
+               class="form-control form-control-user"
+               placeholder="Message de la commande">
+      </div>
+    </form>
+
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-secondary btn-icon-split" (click)="onNoClick()">
+    <span class="icon text-white-50">
+      <i class="fas fa-arrow-right"></i>
+    </span>
+      <span class="text">
+      Annuler
+    </span>
+    </button>
+
+    <button class="btn btn-success btn-icon-split" (click)="onYesClick()">
+    <span class="icon text-white-50">
+      <i class="fas fa-paper-plane"></i>
+    </span>
+      <span class="text">
+      Créer
+    </span>
+    </button>
+  </div>
+</div>

src/app/features/dashboard/funixprod/funixbot/funixbot-commands/funixbot-command-create-modal/funixbot-command-create-modal.component.html

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FunixbotCommandCreateModalComponent } from './funixbot-command-create-modal.component';
+
+describe('FunixCommandCreateModalComponent', () => {
+  let component: FunixbotCommandCreateModalComponent;
+  let fixture: ComponentFixture<FunixbotCommandCreateModalComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FunixbotCommandCreateModalComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(FunixbotCommandCreateModalComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/features/dashboard/funixprod/funixbot/funixbot-commands/funixbot-command-create-modal/funixbot-command-create-modal.component.spec.ts

@@ -0,0 +1,33 @@
+import {Component, Inject} from '@angular/core';
+import {FunixbotCommandDto} from "../../../../../../dto/funix-api/funixbot/funixbot-command-dto";
+import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
+import {
+  FunixbotCommandsCrudService
+} from "../../../../../../services/funix-api/funixbot/funixbot-commands-crud-service";
+
+@Component({
+  selector: 'app-funixbot-command-create-modal',
+  templateUrl: './funixbot-command-create-modal.component.html',
+  styleUrls: ['./funixbot-command-create-modal.component.css']
+})
+export class FunixbotCommandCreateModalComponent {
+
+  command: FunixbotCommandDto = new FunixbotCommandDto();
+
+  constructor(public dialogRef: MatDialogRef<FunixbotCommandCreateModalComponent>,
+              private funixBotCommandsService: FunixbotCommandsCrudService) {
+  }
+
+  onNoClick(): void {
+    this.dialogRef.close();
+  }
+
+  onYesClick(): void {
+    this.funixBotCommandsService.create(this.command).subscribe({
+      next: () => {
+        this.dialogRef.close();
+      }
+    })
+  }
+
+}

src/app/features/dashboard/funixprod/funixbot/funixbot-commands/funixbot-command-create-modal/funixbot-command-create-modal.component.ts

@@ -5,8 +5,17 @@ <h1 class="h3 mb-2 text-gray-800">FunixBot Commandes</h1>
 </p>
 
 <div class="card shadow mb-4">
-  <div class="card-header py-3">
+  <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
     <h4 class="m-0 font-weight-bold text-primary">FunixBot Commandes</h4>
+
+    <button class="btn btn-success btn-icon-split" (click)="openCreationModal()">
+        <span class="icon text-white-50">
+          <i class="fas fa-paper-plane"></i>
+        </span>
+      <span class="text">
+          Créer
+        </span>
+    </button>
   </div>
 
   <div class="card-body">

src/app/features/dashboard/funixprod/funixbot/funixbot-commands/funixbot-commands.component.html

@@ -9,6 +9,9 @@ import {FunixbotCommandsEditComponent} from "./funixbot-commands-edit/funixbot-c
 import {
   FunixbotCommandsRemoveModalComponent
 } from "./funixbot-commands-remove-modal/funixbot-commands-remove-modal.component";
+import {
+  FunixbotCommandCreateModalComponent
+} from "./funixbot-command-create-modal/funixbot-command-create-modal.component";
 
 @Component({
   selector: 'app-funixbot-commands',
@@ -48,6 +51,14 @@ export class FunixbotCommandsComponent implements OnInit {
     });
   }
 
+  openCreationModal(): void {
+    const dialogRef = this.dialog.open(FunixbotCommandCreateModalComponent);
+
+    dialogRef.afterClosed().subscribe(res => {
+      this.updateList();
+    });
+  }
+
   openRemoveDialog(command: FunixbotCommandDto): void {
     const dialogRef = this.dialog.open(FunixbotCommandsRemoveModalComponent, {
       data: {

src/app/features/dashboard/funixprod/funixbot/funixbot-commands/funixbot-commands.component.ts

@@ -16,7 +16,7 @@ export class FunixbotUserExpComponent implements OnInit {
   columnsToDisplay = ['twitch-user-id', 'level', 'xp', 'xp-next-level', 'actions'];
 
   users: Paginated<FunixbotUserExpDto> = new Paginated<FunixbotUserExpDto>();
-  sort: string = 'level:asc,xp:asc';
+  sort: string = 'level:desc,xp:desc';
   page: number = 0;
   elemsPerPage: number = 30;
 

src/app/features/dashboard/funixprod/funixbot/funixbot-user-exp/funixbot-user-exp.component.ts

@@ -16,6 +16,7 @@ import { FunixbotCommandsEditComponent } from './funixbot/funixbot-commands/funi
 import { FunixbotUserExpEditComponent } from './funixbot/funixbot-user-exp/funixbot-user-exp-edit/funixbot-user-exp-edit.component';
 import { FunixbotCommandsRemoveModalComponent } from './funixbot/funixbot-commands/funixbot-commands-remove-modal/funixbot-commands-remove-modal.component';
 import { FunixbotUserExpRemoveModalComponent } from './funixbot/funixbot-user-exp/funixbot-user-exp-remove-modal/funixbot-user-exp-remove-modal.component';
+import { FunixbotCommandCreateModalComponent } from './funixbot/funixbot-commands/funixbot-command-create-modal/funixbot-command-create-modal.component';
 
 
 @NgModule({
@@ -29,7 +30,8 @@ import { FunixbotUserExpRemoveModalComponent } from './funixbot/funixbot-user-ex
     FunixbotCommandsEditComponent,
     FunixbotUserExpEditComponent,
     FunixbotCommandsRemoveModalComponent,
-    FunixbotUserExpRemoveModalComponent
+    FunixbotUserExpRemoveModalComponent,
+    FunixbotCommandCreateModalComponent
   ],
     imports: [
         CommonModule,