Commit
This commit is contained in:
179
ReallifeGamemode.Client/Player/reportmenu.ts
Normal file
179
ReallifeGamemode.Client/Player/reportmenu.ts
Normal file
@@ -0,0 +1,179 @@
|
||||
import * as NativeUI from 'NativeUI';
|
||||
import jailList from './criminalrelease';
|
||||
import InputHelper from '../inputhelper';
|
||||
|
||||
const Menu = NativeUI.Menu;
|
||||
const UIMenuItem = NativeUI.UIMenuItem;
|
||||
const UIMenuListItem = NativeUI.UIMenuListItem;
|
||||
const UIMenuCheckboxItem = NativeUI.UIMenuCheckboxItem;
|
||||
const BadgeStyle = NativeUI.BadgeStyle;
|
||||
const Point = NativeUI.Point;
|
||||
const ItemsCollection = NativeUI.ItemsCollection;
|
||||
const Color = NativeUI.Color;
|
||||
|
||||
let screenRes = mp.game.graphics.getScreenResolution(0, 0);
|
||||
|
||||
let deleteItem = new UIMenuItem("Entfernen", "Entfernt das Ticket aus der Liste");
|
||||
deleteItem.BackColor = new Color(42, 46, 49);
|
||||
let saveItem = new UIMenuItem("Annehmen", "Starte direkten Chat mit dem User");
|
||||
saveItem.BackColor = new Color(13, 71, 161);
|
||||
saveItem.HighlightedBackColor = new Color(25, 118, 210);
|
||||
|
||||
let sendItem = new UIMenuItem("Annehmen", "Sende Report an alle Admins");
|
||||
sendItem.BackColor = new Color(13, 71, 161);
|
||||
sendItem.HighlightedBackColor = new Color(25, 118, 210);
|
||||
|
||||
let cancelItem = new UIMenuItem("Abbrechen", "");
|
||||
cancelItem.BackColor = new Color(213, 0, 0);
|
||||
cancelItem.HighlightedBackColor = new Color(229, 57, 53);
|
||||
|
||||
export default function reportList(globalData: GlobalData) {
|
||||
|
||||
var reportMenu: NativeUI.Menu;
|
||||
|
||||
var users;
|
||||
var reportTexts;
|
||||
|
||||
var user = "";
|
||||
var reportText = "";
|
||||
|
||||
|
||||
//Weapon Menu
|
||||
|
||||
mp.events.add('showReportMenu', (userTickets, TicketsArr) => {
|
||||
if (!globalData.InMenu) {
|
||||
|
||||
globalData.InMenu = true;
|
||||
|
||||
users = JSON.parse(userTickets);
|
||||
reportTexts = JSON.parse(TicketsArr);
|
||||
|
||||
reportMenu = new Menu("Offene Tickets", "", new Point(50, 50), null, null);
|
||||
|
||||
reportMenu.AddItem(new UIMenuListItem("Ticket", "", new ItemsCollection(reportTexts)));
|
||||
|
||||
reportMenu.AddItem(deleteItem);
|
||||
reportMenu.AddItem(saveItem);
|
||||
reportMenu.AddItem(cancelItem);
|
||||
reportMenu.Visible = true;
|
||||
|
||||
reportMenu.ListChange.on((item, index) => {
|
||||
switch (item.Text) {
|
||||
case "Spieler":
|
||||
user = String(item.SelectedItem.DisplayText);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
reportMenu.ItemSelect.on((item) => {
|
||||
if (item.Text === "Annehmen") {
|
||||
mp.events.callRemote("acceptReport", user);
|
||||
reportMenu.Close();
|
||||
globalData.InMenu = false;
|
||||
} else if (item.Text === "Abbrechen") {
|
||||
reportMenu.Close();
|
||||
globalData.InMenu = false;
|
||||
} else if (item.Text === "Entfernen") {
|
||||
mp.events.callRemote("deleteReport", user);
|
||||
reportMenu.Close();
|
||||
globalData.InMenu = false;
|
||||
}
|
||||
});
|
||||
|
||||
reportMenu.MenuClose.on(() => {
|
||||
globalData.InMenu = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
mp.events.add('showReportType', () => {
|
||||
if (!globalData.InMenu) {
|
||||
|
||||
var type;
|
||||
|
||||
globalData.InMenu = true;
|
||||
|
||||
var types = ["Quick Report", "Ticket Report"];
|
||||
|
||||
reportMenu = new Menu("QuickReport/Ticket", "", new Point(50, 50), null, null);
|
||||
|
||||
reportMenu.AddItem(new UIMenuListItem("Anliegen", "", new ItemsCollection(types)));
|
||||
|
||||
reportMenu.AddItem(sendItem);
|
||||
reportMenu.AddItem(cancelItem);
|
||||
reportMenu.Visible = true;
|
||||
|
||||
reportMenu.ListChange.on((item, index) => {
|
||||
switch (item.Text) {
|
||||
case "Anliegen":
|
||||
type = String(item.SelectedItem.DisplayText);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
reportMenu.ItemSelect.on((item) => {
|
||||
if (item.Text === "Annehmen") {
|
||||
|
||||
var tickcont;
|
||||
|
||||
mp.events.callRemote("requestReport", "tescht");
|
||||
var ticketContentBox = new InputHelper("Worin besteht dein Anliegen?", globalData);
|
||||
ticketContentBox.show();
|
||||
ticketContentBox.getValue(data => {
|
||||
|
||||
var content = data;
|
||||
|
||||
mp.events.callRemote("requestReport", "lold");
|
||||
mp.events.call("SERVER:CloseReportMenu");
|
||||
reportMenu.Close();
|
||||
});
|
||||
|
||||
var lold = ticketContentBox.test;
|
||||
mp.events.callRemote("requestReport", lold);
|
||||
|
||||
|
||||
globalData.InMenu = false;
|
||||
} else if (item.Text === "Abbrechen") {
|
||||
reportMenu.Close();
|
||||
globalData.InMenu = false;0
|
||||
}
|
||||
});
|
||||
|
||||
reportMenu.MenuClose.on(() => {
|
||||
globalData.InMenu = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var textBoxBrowser: BrowserMp;
|
||||
var loginCam: CameraMp = mp.cameras.new('login', new mp.Vector3(-1883.736, -781.4911, 78.27616), new mp.Vector3(3.185999, 0, -79.59519), 40);
|
||||
|
||||
var localPlayer: PlayerMp = mp.players.local;
|
||||
|
||||
mp.events.add('textbox', () => {
|
||||
mp.gui.cursor.show(true, true);
|
||||
mp.gui.chat.show(false);
|
||||
mp.game.ui.displayHud(false);
|
||||
mp.game.ui.displayRadar(false);
|
||||
|
||||
textBoxBrowser = mp.browsers.new("package://assets/html/SimpleTextBox.html");
|
||||
|
||||
/*
|
||||
loginCam.setActive(true);
|
||||
mp.game.cam.renderScriptCams(true, false, 0, true, false);
|
||||
*/
|
||||
});
|
||||
|
||||
|
||||
mp.events.add('report_submitText', (tmp) => {
|
||||
|
||||
mp.events.callRemote("requestReport", tmp);
|
||||
});
|
||||
|
||||
mp.events.add("SERVER:CloseReportMenu", () => {
|
||||
mp.game.ui.clearHelp(true);
|
||||
if (reportMenu != null) {
|
||||
reportMenu.Close();
|
||||
}
|
||||
});
|
||||
}
|
||||
23
ReallifeGamemode.Client/assets/html/SimpleTextBox.html
Normal file
23
ReallifeGamemode.Client/assets/html/SimpleTextBox.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="package://assets/css/login/style.css" />
|
||||
<link rel="stylesheet" href="package://assets/css/jquery-ui.min.css" />
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<form id="form-ticket">
|
||||
<div class="form">
|
||||
<h1 color="white">
|
||||
Worin besteht dein Anliegen?<span class="req"></span>
|
||||
</h1>
|
||||
<input type="text" id="textboxContent" class="input-username" required autocomplete="off" />
|
||||
|
||||
<button type="submit" class="button button-block">Abschicken</button>
|
||||
|
||||
</div> <!-- /form -->
|
||||
|
||||
</form>
|
||||
<script type="text/javascript" src="package://assets/js/jquery-3.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="package://assets/js/jquery-ui.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -17,6 +17,9 @@
|
||||
$('#input-value').keydown(function (e) {
|
||||
if (e.keyCode != 13) return;
|
||||
var currentValue = $('#input-value').val();
|
||||
|
||||
mp.trigger('submitText', currentValue);
|
||||
|
||||
if (currentValue) {
|
||||
mp.trigger('cef_inputhelper_sendvalue', currentValue);
|
||||
console.log("triggered event: " + currentValue);
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
<div id="login">
|
||||
<h1>Wilkommen zurück</h1>
|
||||
|
||||
<form id="form-login">
|
||||
<form id="form-login" >
|
||||
|
||||
<div class="field-wrap">
|
||||
<label>
|
||||
|
||||
14
ReallifeGamemode.Client/assets/js/ticket/script.js
Normal file
14
ReallifeGamemode.Client/assets/js/ticket/script.js
Normal file
@@ -0,0 +1,14 @@
|
||||
var playerName = undefined;
|
||||
var errorShown = false;
|
||||
|
||||
|
||||
$(document).ready(_ => {
|
||||
|
||||
$('#form-ticket').on('submit', e => {
|
||||
|
||||
e.preventDefault();
|
||||
var content = $("#textboxContent").val();
|
||||
mp.trigger('report_submitText', content);
|
||||
});
|
||||
|
||||
});
|
||||
@@ -154,4 +154,7 @@ import smoothThrottle from './vehiclesync/smoothtrottle';
|
||||
smoothThrottle();
|
||||
|
||||
import vehicleIndicators from './vehiclesync/vehicleindicators';
|
||||
vehicleIndicators();
|
||||
vehicleIndicators();
|
||||
|
||||
import reportList from './Player/reportmenu';
|
||||
reportList(globalData);
|
||||
@@ -4,10 +4,12 @@
|
||||
private created: boolean;
|
||||
private browser: BrowserMp;
|
||||
private data: GlobalData;
|
||||
public test: string;
|
||||
|
||||
constructor(title: string, globalData: GlobalData) {
|
||||
this.title = title;
|
||||
this.data = globalData;
|
||||
this.test = "";
|
||||
|
||||
this.cefTitleCall = this.cefTitleCall.bind(this);
|
||||
mp.events.add('cef_request_title', this.cefTitleCall);
|
||||
@@ -15,6 +17,10 @@
|
||||
this.cefCallback = this.cefCallback.bind(this);
|
||||
mp.events.add('cef_inputhelper_sendvalue', this.cefCallback);
|
||||
|
||||
mp.events.add('submitText', (tmp) => {
|
||||
this.test = tmp;
|
||||
});
|
||||
|
||||
this.finish = this.finish.bind(this);
|
||||
this.show = this.show.bind(this);
|
||||
this.valueGetter = this.valueGetter.bind(this);
|
||||
@@ -36,6 +42,7 @@
|
||||
this.data.InInput = true;
|
||||
this.created = true;
|
||||
this.browser = mp.browsers.new('package://assets/html/inputhelper/index.html');
|
||||
|
||||
}
|
||||
|
||||
private finish() {
|
||||
@@ -74,4 +81,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
exports = InputHelper;
|
||||
exports = InputHelper;
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user