init

2024-11-05 10:11:11 +01:00
parent 59bd5f6b78
commit c2bf40c1a4
80 changed files with 7291 additions and 1 deletions
@@ -0,0 +1,116 @@
+<template>
+  <div>
+    <h2 id="page-heading" data-cy="RegistrationHeading">
+      <span id="registration-heading">Registrations</span>
+      <div class="d-flex justify-content-end">
+        <button class="btn btn-info mr-2" @click="handleSyncList" :disabled="isFetching">
+          <font-awesome-icon icon="sync" :spin="isFetching"></font-awesome-icon> <span>Refresh list</span>
+        </button>
+        <router-link :to="{ name: 'RegistrationCreate' }" custom v-slot="{ navigate }">
+          <button
+            @click="navigate"
+            id="jh-create-entity"
+            data-cy="entityCreateButton"
+            class="btn btn-primary jh-create-entity create-registration"
+          >
+            <font-awesome-icon icon="plus"></font-awesome-icon>
+            <span>Create a new Registration</span>
+          </button>
+        </router-link>
+      </div>
+    </h2>
+    <br />
+    <div class="alert alert-warning" v-if="!isFetching && registrations && registrations.length === 0">
+      <span>No Registrations found</span>
+    </div>
+    <div class="table-responsive" v-if="registrations && registrations.length > 0">
+      <table class="table table-striped" aria-describedby="registrations">
+        <thead>
+          <tr>
+            <th scope="row"><span>ID</span></th>
+            <th scope="row"><span>Date Time</span></th>
+            <th scope="row"><span>Active</span></th>
+            <th scope="row"><span>Player Name</span></th>
+            <th scope="row"><span>Comment</span></th>
+            <th scope="row"><span>User</span></th>
+            <th scope="row"><span>Event</span></th>
+            <th scope="row"></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="registration in registrations" :key="registration.id" data-cy="entityTable">
+            <td>
+              <router-link :to="{ name: 'RegistrationView', params: { registrationId: registration.id } }">{{
+                registration.id
+              }}</router-link>
+            </td>
+            <td>{{ formatDateShort(registration.dateTime) || '' }}</td>
+            <td>{{ registration.active }}</td>
+            <td>{{ registration.playerName }}</td>
+            <td>{{ registration.comment }}</td>
+            <td>
+              {{ registration.user ? registration.user.login : '' }}
+            </td>
+            <td>
+              <div v-if="registration.event">
+                <router-link :to="{ name: 'EventView', params: { eventId: registration.event.id } }">{{
+                  registration.event.name
+                }}</router-link>
+              </div>
+            </td>
+            <td class="text-right">
+              <div class="btn-group">
+                <router-link :to="{ name: 'RegistrationView', params: { registrationId: registration.id } }" custom v-slot="{ navigate }">
+                  <button @click="navigate" class="btn btn-info btn-sm details" data-cy="entityDetailsButton">
+                    <font-awesome-icon icon="eye"></font-awesome-icon>
+                    <span class="d-none d-md-inline">View</span>
+                  </button>
+                </router-link>
+                <router-link :to="{ name: 'RegistrationEdit', params: { registrationId: registration.id } }" custom v-slot="{ navigate }">
+                  <button @click="navigate" class="btn btn-primary btn-sm edit" data-cy="entityEditButton">
+                    <font-awesome-icon icon="pencil-alt"></font-awesome-icon>
+                    <span class="d-none d-md-inline">Edit</span>
+                  </button>
+                </router-link>
+                <b-button
+                  @click="prepareRemove(registration)"
+                  variant="danger"
+                  class="btn btn-sm"
+                  data-cy="entityDeleteButton"
+                  v-b-modal.removeEntity
+                >
+                  <font-awesome-icon icon="times"></font-awesome-icon>
+                  <span class="d-none d-md-inline">Delete</span>
+                </b-button>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <b-modal ref="removeEntity" id="removeEntity">
+      <template #modal-title>
+        <span id="sasiedziApp.registration.delete.question" data-cy="registrationDeleteDialogHeading">Confirm delete operation</span>
+      </template>
+      <div class="modal-body">
+        <p id="jhi-delete-registration-heading">Are you sure you want to delete Registration {{ removeId }}?</p>
+      </div>
+      <template #modal-footer>
+        <div>
+          <button type="button" class="btn btn-secondary" @click="closeDialog()">Cancel</button>
+          <button
+            type="button"
+            class="btn btn-primary"
+            id="jhi-confirm-delete-registration"
+            data-cy="entityConfirmDeleteButton"
+            @click="removeRegistration()"
+          >
+            Delete
+          </button>
+        </div>
+      </template>
+    </b-modal>
+  </div>
+</template>
+
+<script lang="ts" src="./registration.component.ts"></script>