Skip to content

Commit

Permalink
#1757 - Included default slot for BodyHeaderContainer
Browse files Browse the repository at this point in the history
  • Loading branch information
@sh16011993
sh16011993 committed Mar 16, 2023
1 parent 41b8f7e commit 930d773
Show file tree
Hide file tree
Showing 10 changed files with 438 additions and 432 deletions.
222 changes: 111 additions & 111 deletions sources/packages/web/src/components/aest/StudentApplications.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,124 +7,124 @@
:recordsCount="applicationsAndCount.count"
></body-header>
</template>
</body-header-container>
<content-group>
<DataTable
:value="applicationsAndCount.results"
:lazy="true"
:paginator="true"
:rows="DEFAULT_PAGE_LIMIT"
:rowsPerPageOptions="PAGINATION_LIST"
:totalRecords="applicationsAndCount.count"
@page="paginationAndSortEvent($event)"
@sort="paginationAndSortEvent($event)"
:loading="loading"
>
<template #empty>
<p class="text-center font-weight-bold">No records found.</p>
</template>
<Column
:field="StudentApplicationFields.ApplicationNumber"
:sortable="true"
header="Application #"
<content-group>
<DataTable
:value="applicationsAndCount.results"
:lazy="true"
:paginator="true"
:rows="DEFAULT_PAGE_LIMIT"
:rowsPerPageOptions="PAGINATION_LIST"
:totalRecords="applicationsAndCount.count"
@page="paginationAndSortEvent($event)"
@sort="paginationAndSortEvent($event)"
:loading="loading"
>
</Column>
<Column :field="StudentApplicationFields.ApplicationName" header="Name">
<template #body="slotProps">
<v-btn
v-if="clientType === ClientIdType.Student"
variant="plain"
@click="$emit('goToApplication', slotProps.data.id)"
color="primary"
>{{ slotProps.data.applicationName }}
<v-tooltip activator="parent" location="start"
>Click To View this Application</v-tooltip
>
</v-btn>

<span v-if="clientType === ClientIdType.AEST"
>{{ slotProps.data.applicationName }}
</span>
<template #empty>
<p class="text-center font-weight-bold">No records found.</p>
</template>
</Column>
<Column
:field="StudentApplicationFields.Submitted"
header="Submitted"
></Column>
<Column
:field="StudentApplicationFields.StudyPeriod"
header="Study Period"
>
<template #body="slotProps">
<span>
{{ dateOnlyLongString(slotProps.data.studyStartPeriod) }} -
{{ dateOnlyLongString(slotProps.data.studyEndPeriod) }}
</span>
</template></Column
>
<Column
:field="StudentApplicationFields.Status"
header="Status"
:sortable="true"
>
<template #body="slotProps">
<status-chip-application :status="slotProps.data.status" />
</template>
</Column>
<Column :field="StudentApplicationFields.Actions" header="Actions">
<template #body="slotProps">
<span v-if="clientType === ClientIdType.Student">
<span
v-if="
!(
slotProps.data.status === ApplicationStatus.Cancelled ||
slotProps.data.status === ApplicationStatus.Completed
)
"
>
<v-btn
:disabled="sinValidStatus !== SINStatusEnum.VALID"
variant="plain"
color="primary"
class="label-bold"
@click="
$emit(
'editApplicationAction',
slotProps.data.status,
slotProps.data.id,
<Column
:field="StudentApplicationFields.ApplicationNumber"
:sortable="true"
header="Application #"
>
</Column>
<Column :field="StudentApplicationFields.ApplicationName" header="Name">
<template #body="slotProps">
<v-btn
v-if="clientType === ClientIdType.Student"
variant="plain"
@click="$emit('goToApplication', slotProps.data.id)"
color="primary"
>{{ slotProps.data.applicationName }}
<v-tooltip activator="parent" location="start"
>Click To View this Application</v-tooltip
>
</v-btn>

<span v-if="clientType === ClientIdType.AEST"
>{{ slotProps.data.applicationName }}
</span>
</template>
</Column>
<Column
:field="StudentApplicationFields.Submitted"
header="Submitted"
></Column>
<Column
:field="StudentApplicationFields.StudyPeriod"
header="Study Period"
>
<template #body="slotProps">
<span>
{{ dateOnlyLongString(slotProps.data.studyStartPeriod) }} -
{{ dateOnlyLongString(slotProps.data.studyEndPeriod) }}
</span>
</template></Column
>
<Column
:field="StudentApplicationFields.Status"
header="Status"
:sortable="true"
>
<template #body="slotProps">
<status-chip-application :status="slotProps.data.status" />
</template>
</Column>
<Column :field="StudentApplicationFields.Actions" header="Actions">
<template #body="slotProps">
<span v-if="clientType === ClientIdType.Student">
<span
v-if="
!(
slotProps.data.status === ApplicationStatus.Cancelled ||
slotProps.data.status === ApplicationStatus.Completed
)
"
append-icon="mdi-pencil-outline"
><span class="label-bold">Edit</span>
<v-tooltip activator="parent" location="start"
>Click To Edit this Application</v-tooltip
>
</v-btn>
>
<v-btn
:disabled="sinValidStatus !== SINStatusEnum.VALID"
variant="plain"
color="primary"
class="label-bold"
@click="
$emit(
'editApplicationAction',
slotProps.data.status,
slotProps.data.id,
)
"
append-icon="mdi-pencil-outline"
><span class="label-bold">Edit</span>
<v-tooltip activator="parent" location="start"
>Click To Edit this Application</v-tooltip
>
</v-btn>

<v-btn
:disabled="sinValidStatus !== SINStatusEnum.VALID"
variant="plain"
color="primary"
class="label-bold"
@click="emitCancel(slotProps.data.id)"
><span class="label-bold">Cancel</span>
<v-tooltip activator="parent" location="start"
>Click To Cancel this Application</v-tooltip
>
</v-btn>
</span>
</span>
<span v-if="clientType === ClientIdType.AEST">
<v-btn
:disabled="sinValidStatus !== SINStatusEnum.VALID"
variant="plain"
color="primary"
class="label-bold"
@click="emitCancel(slotProps.data.id)"
><span class="label-bold">Cancel</span>
<v-tooltip activator="parent" location="start"
>Click To Cancel this Application</v-tooltip
>
</v-btn>
variant="outlined"
@click="$emit('goToApplication', slotProps.data.id)"
>View</v-btn
>
</span>
</span>
<span v-if="clientType === ClientIdType.AEST">
<v-btn
variant="outlined"
@click="$emit('goToApplication', slotProps.data.id)"
>View</v-btn
>
</span>
</template>
</Column>
</DataTable>
</content-group>
</template>
</Column>
</DataTable>
</content-group>
</body-header-container>
</template>

<script lang="ts">
Expand Down
Loading

0 comments on commit 930d773

Please sign in to comment.