mirror of
https://github.com/CHOMPStation2/CHOMPStation2.git
synced 2025-12-13 19:52:40 +00:00
New nice ticket(panel)
This commit is contained in:
@@ -220,7 +220,7 @@ GLOBAL_DATUM_INIT(ahelp_tickets, /datum/admin_help_tickets, new)
|
|||||||
"color" = COLOR_WEBHOOK_POOR
|
"color" = COLOR_WEBHOOK_POOR
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
|
|
||||||
GLOB.ahelp_tickets.active_tickets += src
|
GLOB.ahelp_tickets.active_tickets += src
|
||||||
|
|
||||||
/datum/admin_help/Destroy()
|
/datum/admin_help/Destroy()
|
||||||
@@ -460,6 +460,9 @@ GLOBAL_DATUM_INIT(ahelp_tickets, /datum/admin_help_tickets, new)
|
|||||||
|
|
||||||
//Show the ticket panel
|
//Show the ticket panel
|
||||||
/datum/admin_help/proc/TicketPanel()
|
/datum/admin_help/proc/TicketPanel()
|
||||||
|
tgui_interact(usr.client.mob)
|
||||||
|
|
||||||
|
/datum/admin_help/proc/TicketPanelLegacy()
|
||||||
var/list/dat = list("<html><head><title>Ticket #[id]</title></head>")
|
var/list/dat = list("<html><head><title>Ticket #[id]</title></head>")
|
||||||
var/ref_src = "\ref[src]"
|
var/ref_src = "\ref[src]"
|
||||||
dat += "<h4>Admin Help Ticket #[id]: [LinkedReplyName(ref_src)]</h4>"
|
dat += "<h4>Admin Help Ticket #[id]: [LinkedReplyName(ref_src)]</h4>"
|
||||||
@@ -500,6 +503,65 @@ GLOBAL_DATUM_INIT(ahelp_tickets, /datum/admin_help_tickets, new)
|
|||||||
log_admin(msg)
|
log_admin(msg)
|
||||||
TicketPanel() //we have to be here to do this
|
TicketPanel() //we have to be here to do this
|
||||||
|
|
||||||
|
/datum/admin_help/tgui_fallback(payload)
|
||||||
|
if(..())
|
||||||
|
return
|
||||||
|
|
||||||
|
TicketPanelLegacy()
|
||||||
|
|
||||||
|
/datum/admin_help/tgui_interact(mob/user, datum/tgui/ui)
|
||||||
|
ui = SStgui.try_update_ui(user, src, ui)
|
||||||
|
if(!ui)
|
||||||
|
ui = new(user, src, "AdminTicketPanel", "Ticket #[id] - [LinkedReplyName("\ref[src]")]")
|
||||||
|
ui.open()
|
||||||
|
|
||||||
|
/datum/admin_help/tgui_state(mob/user)
|
||||||
|
return GLOB.tgui_admin_state
|
||||||
|
|
||||||
|
/datum/admin_help/tgui_data(mob/user)
|
||||||
|
var/list/data = list()
|
||||||
|
|
||||||
|
data["id"] = id
|
||||||
|
|
||||||
|
var/ref_src = "\ref[src]"
|
||||||
|
data["title"] = name
|
||||||
|
data["name"] = LinkedReplyName(ref_src)
|
||||||
|
|
||||||
|
switch(state)
|
||||||
|
if(AHELP_ACTIVE)
|
||||||
|
data["state"] = "open"
|
||||||
|
if(AHELP_RESOLVED)
|
||||||
|
data["state"] = "resolved"
|
||||||
|
if(AHELP_CLOSED)
|
||||||
|
data["state"] = "closed"
|
||||||
|
else
|
||||||
|
data["state"] = "unknown"
|
||||||
|
|
||||||
|
data["opened_at"] = (world.time - opened_at)
|
||||||
|
data["closed_at"] = (world.time - closed_at)
|
||||||
|
data["opened_at_date"] = gameTimestamp(wtime = opened_at)
|
||||||
|
data["closed_at_date"] = gameTimestamp(wtime = closed_at)
|
||||||
|
|
||||||
|
data["actions"] = FullMonty(ref_src)
|
||||||
|
|
||||||
|
data["log"] = _interactions
|
||||||
|
|
||||||
|
return data
|
||||||
|
|
||||||
|
/datum/admin_help/tgui_act(action, params)
|
||||||
|
if(..())
|
||||||
|
return
|
||||||
|
switch(action)
|
||||||
|
if("retitle")
|
||||||
|
Retitle()
|
||||||
|
. = TRUE
|
||||||
|
if("reopen")
|
||||||
|
Reopen()
|
||||||
|
. = TRUE
|
||||||
|
if("legacy")
|
||||||
|
TicketPanelLegacy()
|
||||||
|
. = TRUE
|
||||||
|
|
||||||
//Forwarded action from admin/Topic
|
//Forwarded action from admin/Topic
|
||||||
/datum/admin_help/proc/Action(action)
|
/datum/admin_help/proc/Action(action)
|
||||||
testing("Ahelp action: [action]")
|
testing("Ahelp action: [action]")
|
||||||
|
|||||||
68
tgui/packages/tgui/interfaces/AdminTicketPanel.tsx
Normal file
68
tgui/packages/tgui/interfaces/AdminTicketPanel.tsx
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
/* eslint react/no-danger: "off" */
|
||||||
|
import { useBackend } from '../backend';
|
||||||
|
import { Box, Button, LabeledList, Section } from '../components';
|
||||||
|
import { Window } from '../layouts';
|
||||||
|
|
||||||
|
const State = {
|
||||||
|
'open': 'Open',
|
||||||
|
'resolved': 'Resolved',
|
||||||
|
'closed': 'Closed',
|
||||||
|
'unknown': 'Unknown',
|
||||||
|
};
|
||||||
|
|
||||||
|
type Data = {
|
||||||
|
id: number;
|
||||||
|
title: string;
|
||||||
|
name: string;
|
||||||
|
state: string;
|
||||||
|
opened_at: number;
|
||||||
|
closed_at: number;
|
||||||
|
opened_at_date: string;
|
||||||
|
closed_at_date: string;
|
||||||
|
actions: string;
|
||||||
|
log: string[];
|
||||||
|
};
|
||||||
|
|
||||||
|
export const AdminTicketPanel = (props, context) => {
|
||||||
|
const { act, data } = useBackend<Data>(context);
|
||||||
|
const { id, title, name, state, opened_at, closed_at, opened_at_date, closed_at_date, actions, log } = data;
|
||||||
|
return (
|
||||||
|
<Window width={900} height={600}>
|
||||||
|
<Window.Content scrollable>
|
||||||
|
<Section
|
||||||
|
title={'Ticket #' + id}
|
||||||
|
buttons={
|
||||||
|
<Box nowrap>
|
||||||
|
<Button icon="pen" content="Rename Ticket" onClick={() => act('retitle')} />{' '}
|
||||||
|
<Button content="Legacy UI" onClick={() => act('legacy')} />
|
||||||
|
</Box>
|
||||||
|
}>
|
||||||
|
<LabeledList>
|
||||||
|
<LabeledList.Item label="Admin Help Ticket">
|
||||||
|
#{id}: <div dangerouslySetInnerHTML={{ __html: name }} />
|
||||||
|
</LabeledList.Item>
|
||||||
|
<LabeledList.Item label="State">{State[state]}</LabeledList.Item>
|
||||||
|
{State[state] === State.open ? (
|
||||||
|
<LabeledList.Item label="Opened At">
|
||||||
|
{opened_at_date} ({Math.round((opened_at / 600) * 10) / 10} minutes ago.)
|
||||||
|
</LabeledList.Item>
|
||||||
|
) : (
|
||||||
|
<LabeledList.Item label="Closed At">
|
||||||
|
{closed_at_date} ({Math.round((closed_at / 600) * 10) / 10} minutes ago.){' '}
|
||||||
|
<Button content="Reopen" onClick={() => act('reopen')} />
|
||||||
|
</LabeledList.Item>
|
||||||
|
)}
|
||||||
|
<LabeledList.Item label="Actions">
|
||||||
|
<div dangerouslySetInnerHTML={{ __html: actions }} />
|
||||||
|
</LabeledList.Item>
|
||||||
|
<LabeledList.Item label="Log">
|
||||||
|
{Object.keys(log).map((L) => (
|
||||||
|
<div dangerouslySetInnerHTML={{ __html: log[L] }} />
|
||||||
|
))}
|
||||||
|
</LabeledList.Item>
|
||||||
|
</LabeledList>
|
||||||
|
</Section>
|
||||||
|
</Window.Content>
|
||||||
|
</Window>
|
||||||
|
);
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user