From 67d1e2252b8f46605d49a6c95c80475b890ec3b8 Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Fri, 20 Jul 2018 00:23:20 +0700
Subject: Add location section (Area selector and background change) + fix desk
 to 'bancodefensa' and 'bancoacusacion' when 'defensedesk' and
 'prosecutiondesk' are not existed

---
 webAO/client.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

(limited to 'webAO/client.html')

diff --git a/webAO/client.html b/webAO/client.html
index 2ccf25a..ce69621 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -10,6 +10,7 @@
     <link type="text/css" rel="stylesheet" href="golden/css/goldenlayout.css" />
     <link type="text/css" rel="stylesheet" href="https://golden-layout.com/files/latest/css/goldenlayout-dark-theme.css" />
     <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+	<script src="backgrounds.min.js"></script>
 	<script src="evidences.min.js"></script>
 	<script src="ui.b.js"></script>
     <script src="client.b.js"></script>
@@ -79,6 +80,9 @@
 		  <option value="utf16">UTF-16</option>
 	</select>
 	<br><br>
+	<label for="bg_command"> Change background command:</label>
+	<input id="bg_command" name="bg_command" class="short" type="text" value="bg $1">
+	<br><br>
     <div class="slider">Music<input id="client_mvolume" class="long" type="range" min="0" max="100" value="80" onchange="changeMusicVolume()"></div>
     <div class="slider">SFX <input id="client_svolume" class="long" type="range" min="0" max="100" value="70" onchange="changeSFXVolume()"></div>
     <div class="slider">Blip <input id="client_bvolume" class="long" type="range" min="0" max="100" value="60" onchange="changeBlipVolume()"></div>
@@ -125,7 +129,23 @@
 			<br>
 			<img src="misc/present.png" id="button_present" alt="Present" class="client_button" onclick="togglepresent()"> 
 		</span>
-		<span class="menu_content" id="content_2"></span>
+		<span class="menu_content" id="content_2">
+			<div id="areas"></div><br>
+			<fieldset style="text-align: left">
+				<legend>Current Area Background</legend>
+				<span>
+					<img id="bg_preview" src="misc/placeholder.gif" alt="Background Preview" onerror="imgError(this);">
+				</span>
+				<span style="display:inline-block">				
+					<label for="bg_filename">Background:</label><br>
+					<select id="bg_select" name="bg_select" onchange="updateBackgroundPreview()" style="margin-top:10px"></select>
+					<br>
+					<input id="bg_filename" name="bg_filename" class="short" type="text" style="margin-top:10px">
+					<br><br>
+					<img src="misc/location_change.png" id="bg_change" alt="Change" class="client_button hover_button" onclick="changeBackgroundOOC()">
+				<span>
+			</fieldset>
+		</span>
 		<span class="menu_content" id="content_3"></span>
 		<span class="menu_content" id="content_4"></span>
     </div>
-- 
cgit