mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-19 06:43:51 +02:00
use tailwind class
This commit is contained in:
@@ -57,8 +57,7 @@
|
||||
v-model="notificationTable.filters[1].value"
|
||||
:placeholder="t('view.notification.search_placeholder')"
|
||||
clearable
|
||||
class="flex-[0.4]"
|
||||
style="margin: 0 10px" />
|
||||
class="flex-[0.4] my-0 mx-2" />
|
||||
<TooltipWrapper side="bottom" :content="t('view.notification.refresh_tooltip')">
|
||||
<Button
|
||||
class="rounded-full"
|
||||
@@ -139,6 +138,10 @@
|
||||
paginationHeight: 52
|
||||
});
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function getNotificationCreatedAt(row) {
|
||||
if (typeof row?.created_at === 'string' && row.created_at.length > 0) {
|
||||
return row.created_at;
|
||||
@@ -149,6 +152,10 @@
|
||||
return '';
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function getNotificationCreatedAtTs(row) {
|
||||
const createdAtRaw = row?.created_at ?? row?.createdAt;
|
||||
if (typeof createdAtRaw === 'number') {
|
||||
@@ -263,6 +270,9 @@
|
||||
|
||||
const sendInviteRequestResponseDialogVisible = ref(false);
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function saveTableFilters() {
|
||||
configRepository.setString(
|
||||
'VRCX_notificationTableFilters',
|
||||
@@ -270,15 +280,27 @@
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param value
|
||||
*/
|
||||
function handleNotificationFilterChange(value) {
|
||||
notificationTable.value.filters[0].value = Array.isArray(value) ? value : [];
|
||||
saveTableFilters();
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param url
|
||||
*/
|
||||
function getSmallThumbnailUrl(url) {
|
||||
return convertFileUrlToImageUrl(url);
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param invite
|
||||
*/
|
||||
function showSendInviteResponseDialog(invite) {
|
||||
sendInviteResponseDialog.value.invite = invite;
|
||||
sendInviteResponseDialog.value.messageSlot = {};
|
||||
@@ -287,6 +309,10 @@
|
||||
sendInviteResponseDialogVisible.value = true;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param invite
|
||||
*/
|
||||
function showSendInviteRequestResponseDialog(invite) {
|
||||
sendInviteResponseDialog.value.invite = invite;
|
||||
sendInviteResponseDialog.value.messageSlot = {};
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
</template>
|
||||
|
||||
<DataTableLayout
|
||||
style="margin-top: 10px"
|
||||
style="margin-top: 8px"
|
||||
:table="inviteRequestResponseTable"
|
||||
:loading="false"
|
||||
:show-pagination="false"
|
||||
@@ -102,10 +102,18 @@
|
||||
initialSorting: [{ id: 'slot', desc: false }]
|
||||
});
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function handleInviteRequestResponseRowClick(row) {
|
||||
showSendInviteResponseConfirmDialog(row?.original);
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function showEditAndSendInviteResponseDialog(row) {
|
||||
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
|
||||
editAndSendInviteResponseDialog.value = {
|
||||
@@ -114,15 +122,25 @@
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function showSendInviteResponseConfirmDialog(row) {
|
||||
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
|
||||
sendInviteResponseConfirmDialog.value.visible = true;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function closeInviteDialog() {
|
||||
cancelSendInviteRequestResponse();
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function closeResponseConfirmDialog() {
|
||||
sendInviteResponseConfirmDialog.value.visible = false;
|
||||
editAndSendInviteResponseDialog.value.visible = false;
|
||||
@@ -132,6 +150,9 @@
|
||||
// inviteMessagesRequest.refreshInviteMessageTableData(arg);
|
||||
// }
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function cancelSendInviteRequestResponse() {
|
||||
emit('update:sendInviteRequestResponseDialogVisible', false);
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</template>
|
||||
|
||||
<DataTableLayout
|
||||
style="margin-top: 10px"
|
||||
style="margin-top: 8px"
|
||||
:table="inviteResponseTable"
|
||||
:loading="false"
|
||||
:show-pagination="false"
|
||||
@@ -101,23 +101,40 @@
|
||||
initialSorting: [{ id: 'slot', desc: false }]
|
||||
});
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function handleInviteResponseRowClick(row) {
|
||||
showSendInviteResponseConfirmDialog(row?.original);
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function closeInviteDialog() {
|
||||
cancelSendInviteResponse();
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function cancelSendInviteResponse() {
|
||||
emit('update:sendInviteResponseDialogVisible', false);
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
function closeResponseConfirmDialog() {
|
||||
sendInviteResponseConfirmDialog.value.visible = false;
|
||||
editAndSendInviteResponseDialog.value.visible = false;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function showEditAndSendInviteResponseDialog(row) {
|
||||
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
|
||||
editAndSendInviteResponseDialog.value = {
|
||||
@@ -125,6 +142,10 @@
|
||||
visible: true
|
||||
};
|
||||
}
|
||||
/**
|
||||
*
|
||||
* @param row
|
||||
*/
|
||||
function showSendInviteResponseConfirmDialog(row) {
|
||||
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
|
||||
sendInviteResponseConfirmDialog.value.visible = true;
|
||||
|
||||
Reference in New Issue
Block a user