mirror of
https://github.com/AleziaKurdis/overte.git
synced 2025-04-06 05:53:53 +02:00
Merge pull request #806 from AleziaKurdis/CreateApp_renderWithZoneManager
Create app: RenderWithZones Manager
This commit is contained in:
GitHub
commit
6631128c52
6 changed files with 882 additions and 2 deletions
|
|
@ -4,7 +4,7 @@
|
|||
// Persist toolbar by HRS 6/11/15.
|
||||
// Copyright 2014 High Fidelity, Inc.
|
||||
// Copyright 2020 Vircadia contributors.
|
||||
// Copyright 2022-2023 Overte e.V.
|
||||
// Copyright 2022-2024 Overte e.V.
|
||||
//
|
||||
// This script allows you to edit entities with a new UI/UX for mouse and trackpad based editing
|
||||
//
|
||||
|
|
@ -38,6 +38,7 @@
|
|||
"entitySelectionTool/entitySelectionTool.js",
|
||||
"audioFeedback/audioFeedback.js",
|
||||
"modules/brokenURLReport.js",
|
||||
"modules/renderWithZonesManager.js",
|
||||
"editModes/editModes.js",
|
||||
"editModes/editVoxels.js"
|
||||
]);
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
//
|
||||
// Copyright 2014 High Fidelity, Inc.
|
||||
// Copyright 2020 Vircadia contributors.
|
||||
// Copyright 2023 Overte e.V.
|
||||
// Copyright 2023-2024 Overte e.V.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
|
|
@ -422,6 +422,8 @@ var EntityListTool = function(shouldUseEditTabletApp, selectionManager) {
|
|||
that.createApp.alignGridToAvatar();
|
||||
} else if (data.type === 'brokenURLReport') {
|
||||
brokenURLReport(that.selectionManager.selections);
|
||||
} else if (data.type === 'renderWithZonesManager') {
|
||||
renderWithZonesManager(that.selectionManager.selections);
|
||||
} else if (data.type === 'toggleGridVisibility') {
|
||||
that.createApp.toggleGridVisibility();
|
||||
} else if (data.type === 'toggleSnapToGrid') {
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
// Created by Ryan Huffman on 19 Nov 2014
|
||||
// Copyright 2014 High Fidelity, Inc.
|
||||
// Copyright 2020 Vircadia contributors.
|
||||
// Copyright 2024 Overte e.V.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
|
|
@ -316,6 +317,12 @@
|
|||
<div class = "menu-item-shortcut"></div>
|
||||
</div>
|
||||
</button>
|
||||
<button class="menu-button" id="renderWithZonesManager" >
|
||||
<div class = "menu-item">
|
||||
<div class = "menu-item-caption">RenderWithZones Manager</div>
|
||||
<div class = "menu-item-shortcut"></div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div id="menuBackgroundOverlay" ></div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
// Created by Ryan Huffman on 19 Nov 2014
|
||||
// Copyright 2014 High Fidelity, Inc.
|
||||
// Copyright 2020 Vircadia contributors.
|
||||
// Copyright 2024 Overte e.V.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
|
|
@ -273,6 +274,7 @@ let elEntityTable,
|
|||
elAlignGridToSelection,
|
||||
elAlignGridToAvatar,
|
||||
elBrokenURLReport,
|
||||
elRenderWithZonesManager,
|
||||
elFilterTypeMultiselectBox,
|
||||
elFilterTypeText,
|
||||
elFilterTypeOptions,
|
||||
|
|
@ -361,6 +363,7 @@ function loaded() {
|
|||
elAlignGridToSelection = document.getElementById("alignGridToSelection");
|
||||
elAlignGridToAvatar = document.getElementById("alignGridToAvatar");
|
||||
elBrokenURLReport = document.getElementById("brokenURLReport");
|
||||
elRenderWithZonesManager = document.getElementById("renderWithZonesManager");
|
||||
elFilterTypeMultiselectBox = document.getElementById("filter-type-multiselect-box");
|
||||
elFilterTypeText = document.getElementById("filter-type-text");
|
||||
elFilterTypeOptions = document.getElementById("filter-type-options");
|
||||
|
|
@ -603,6 +606,10 @@ function loaded() {
|
|||
EventBridge.emitWebEvent(JSON.stringify({ type: "brokenURLReport" }));
|
||||
closeAllEntityListMenu();
|
||||
};
|
||||
elRenderWithZonesManager.onclick = function () {
|
||||
EventBridge.emitWebEvent(JSON.stringify({ type: "renderWithZonesManager" }));
|
||||
closeAllEntityListMenu();
|
||||
};
|
||||
elToggleSpaceMode.onclick = function() {
|
||||
EventBridge.emitWebEvent(JSON.stringify({ type: "toggleSpaceMode" }));
|
||||
};
|
||||
|
|
|
|||
410
scripts/system/create/modules/renderWithZonesManager.html
Normal file
410
scripts/system/create/modules/renderWithZonesManager.html
Normal file
|
|
@ -0,0 +1,410 @@
|
|||
<!DOCTYPE html>
|
||||
<!--//
|
||||
// renderWithZonesManager.html
|
||||
//
|
||||
// Created by Alezia Kurdis on January 28th, 2024.
|
||||
// Copyright 2024 Overte e.V.
|
||||
//
|
||||
// Web Ui for renderWithZonesManager.js module.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
//-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>RenderWithZones Manager</title>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: Raleway-Regular;
|
||||
src: url(../../../../resources/fonts/Raleway-Regular.ttf), /* Windows production */
|
||||
url(../../../../fonts/Raleway-Regular.ttf), /* OSX production */
|
||||
url(../../../../interface/resources/fonts/Raleway-Regular.ttf), /* Development, running script in /HiFi/examples */
|
||||
url(../fonts/Raleway-Regular.ttf); /* Marketplace script */
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Raleway-Bold;
|
||||
src: url(../../../../resources/fonts/Raleway-Bold.ttf),
|
||||
url(../../../../fonts/Raleway-Bold.ttf),
|
||||
url(../../../../interface/resources/fonts/Raleway-Bold.ttf),
|
||||
url(../fonts/Raleway-Bold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: HiFi-Glyphs;
|
||||
src: url(../../../../resources/fonts/hifi-glyphs.ttf),
|
||||
url(../../../../fonts/hifi-glyphs.ttf),
|
||||
url(../../../../interface/resources/fonts/hifi-glyphs.ttf),
|
||||
url(../fonts/hifi-glyphs.ttf);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:#000000;
|
||||
color:#ffffff;
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 11px;
|
||||
width: 96%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#rwzmUI {
|
||||
width: 100%;
|
||||
padding: 6px;
|
||||
}
|
||||
h1 {
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 22px;
|
||||
}
|
||||
h2 {
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
table {
|
||||
width: 98%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td.cells {
|
||||
background-color: #222222;
|
||||
border: 1px solid #FFFFFF;
|
||||
vertical-align: top;
|
||||
height: 23px;
|
||||
}
|
||||
td.highlightedCells {
|
||||
background-color: #3bc7ff;
|
||||
border: 1px solid #FFFFFF;
|
||||
vertical-align: top;
|
||||
height: 23px;
|
||||
}
|
||||
td.header {
|
||||
background-color: #444444;
|
||||
color: #DDDDDD;
|
||||
}
|
||||
|
||||
td.line {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
td.errorline {
|
||||
color: #ff5900;
|
||||
}
|
||||
td.lineInverted {
|
||||
color: #000000;
|
||||
}
|
||||
div.warning {
|
||||
color: #ff5900;
|
||||
padding: 2px;
|
||||
margin: 3px;
|
||||
font-family: Raleway-Regular;
|
||||
font-size: 12px;
|
||||
}
|
||||
a {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
a:link {
|
||||
color: #00b3ff;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #00b3ff;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #99e1ff;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #99e1ff;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
font.hifiGlyphs {
|
||||
font-family: HiFi-Glyphs;
|
||||
font-size: 12px;
|
||||
}
|
||||
span.delBtn {
|
||||
color: #ad7171; font-size: 16px;
|
||||
}
|
||||
span.delBtn:hover {
|
||||
color: #d65151;
|
||||
}
|
||||
button.addbtn {
|
||||
margin: 2px;
|
||||
border-radius: 4px;
|
||||
border: 0px;
|
||||
color: #ffffff;
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 10px;
|
||||
background-color: #57ad4f;
|
||||
padding: 2px 6px 2px 6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.addbtn:hover {
|
||||
background-color: #4fe63e;
|
||||
text-decoration: none;
|
||||
}
|
||||
button:focus {
|
||||
outline: none;
|
||||
}
|
||||
#rwzmAddZoneSelector, #rwzmReplaceZoneSelector {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 96%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
border-width: 0px;
|
||||
background-color: #666666;
|
||||
color: #ffffff;
|
||||
padding: 0% 2% 0% 2%;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.zoneSelectorContainer {
|
||||
marging: 3%;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background-color: #c0c0c0;
|
||||
overflow-y: auto;
|
||||
padding: 0px;
|
||||
}
|
||||
button.greyBtn {
|
||||
margin: 4px;
|
||||
border-radius: 4px;
|
||||
border: 0px;
|
||||
color: #dddddd;
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 14px;
|
||||
background-color: #404040;
|
||||
padding: 4px 8px 4px 8px;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.greyBtn:hover {
|
||||
background-color: #828282;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.small {
|
||||
margin: 2px;
|
||||
font-size: 10px;
|
||||
padding: 2px 6px 2px 6px;
|
||||
}
|
||||
button.redBtn {
|
||||
margin: 2px;
|
||||
border-radius: 4px;
|
||||
border: 0px;
|
||||
color: #dddddd;
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 10px;
|
||||
background-color: #ba3d3d;
|
||||
padding: 2px 6px 2px 6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.redBtn:hover {
|
||||
background-color: #d60202;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.blueBtn {
|
||||
margin: 2px;
|
||||
border-radius: 4px;
|
||||
border: 0px;
|
||||
color: #dddddd;
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 10px;
|
||||
background-color: #426aad;
|
||||
padding: 2px 6px 2px 6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.blueBtn:hover {
|
||||
background-color: #1e5dc9;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
button.zoneSelectorButton {
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border: 0px;
|
||||
color: #000000;
|
||||
font-family: Raleway-Bold;
|
||||
font-size: 12px;
|
||||
background-color: #c0c0c0;
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
button.zoneSelectorButton:hover {
|
||||
background-color: #999999;
|
||||
}
|
||||
div.listContainer {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="rwzmUI">
|
||||
<div style='text-align: center; width: 100%;'>
|
||||
<h1>
|
||||
<br>
|
||||
<br>
|
||||
Analysis in progress...
|
||||
</h1>
|
||||
<br>
|
||||
<img src='../assets/images/processing.gif'>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
var enforceLocked = false;
|
||||
var highlightedID = "";
|
||||
var entitiesToAddTo = [];
|
||||
var targetZoneID = "";
|
||||
|
||||
EventBridge.scriptEventReceived.connect(function (message) {
|
||||
document.getElementById("rwzmUI").innerHTML = message;
|
||||
});
|
||||
|
||||
function highlight(id) {
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "highlight",
|
||||
"id": id,
|
||||
"enforceLocked": document.getElementById("enforceLocked").checked
|
||||
}));
|
||||
}
|
||||
|
||||
function getIdsFromScope() {
|
||||
var ids = [];
|
||||
var i = 0;
|
||||
var checkboxes = document.getElementsByName("entitiesScope");
|
||||
for(i = 0; i < checkboxes.length; i++) {
|
||||
if(checkboxes[i].checked) {
|
||||
ids.push(checkboxes[i].value);
|
||||
}
|
||||
}
|
||||
return ids;
|
||||
}
|
||||
|
||||
function selectAllOrNone() {
|
||||
var setTo = false;
|
||||
if (document.getElementById("fullScope").checked) {
|
||||
setTo = true;
|
||||
}
|
||||
var checkboxes = document.getElementsByName("entitiesScope");
|
||||
for(i = 0; i < checkboxes.length; i++) {
|
||||
checkboxes[i].checked = setTo;
|
||||
}
|
||||
}
|
||||
|
||||
function addZoneToEntity(ids){
|
||||
if (ids.length === 0) {
|
||||
return;
|
||||
} else {
|
||||
enforceLocked = document.getElementById("enforceLocked").checked;
|
||||
highlightedID = document.getElementById("highlightedID").value;
|
||||
entitiesToAddTo = ids;
|
||||
document.body.style.overflow = "hidden";
|
||||
document.getElementById("rwzmAddZoneSelector").style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
function cancelZoneSelector() {
|
||||
document.getElementById("rwzmAddZoneSelector").style.display = "none";
|
||||
document.getElementById("rwzmReplaceZoneSelector").style.display = "none";
|
||||
document.body.style.overflow = "auto";
|
||||
}
|
||||
|
||||
function addThisZone(id) {
|
||||
document.getElementById("rwzmAddZoneSelector").style.display = "none";
|
||||
document.body.style.overflow = "auto";
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "addZoneToEntities",
|
||||
"ids": entitiesToAddTo,
|
||||
"zoneID": id,
|
||||
"enforceLocked": enforceLocked,
|
||||
"highlightedID": highlightedID
|
||||
}));
|
||||
}
|
||||
|
||||
function removeZoneFromRWZ(id, rwzId) {
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "removeZoneFromEntity",
|
||||
"id": id,
|
||||
"zoneID": rwzId,
|
||||
"enforceLocked": document.getElementById("enforceLocked").checked,
|
||||
"highlightedID": document.getElementById("highlightedID").value
|
||||
}));
|
||||
}
|
||||
|
||||
function replaceZoneOnAllEntities(id) {
|
||||
var goProceed = false;
|
||||
if (!document.getElementById("enforceLocked").checked) {
|
||||
goProceed = confirm("Locked entities won't be modified unless you check the option 'Modify locked entities for me'\nAre you sure you want to do this?");
|
||||
} else {
|
||||
goProceed = true;
|
||||
}
|
||||
if (goProceed) {
|
||||
enforceLocked = document.getElementById("enforceLocked").checked;
|
||||
highlightedID = document.getElementById("highlightedID").value;
|
||||
targetZoneID = id;
|
||||
document.body.style.overflow = "hidden";
|
||||
document.getElementById("rwzmReplaceZoneSelector").style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
function replaceByThisZone(replacementZoneID){
|
||||
document.getElementById("rwzmReplaceZoneSelector").style.display = "none";
|
||||
document.body.style.overflow = "auto";
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "replaceZoneOnAllEntities",
|
||||
"targetZoneID": targetZoneID,
|
||||
"replacementZoneID": replacementZoneID,
|
||||
"enforceLocked": enforceLocked,
|
||||
"highlightedID": highlightedID
|
||||
}));
|
||||
}
|
||||
|
||||
function removeZoneOnAllEntities(id) {
|
||||
var goProceed = false;
|
||||
if (!document.getElementById("enforceLocked").checked) {
|
||||
goProceed = confirm("Locked entities won't be modified unless you check the option 'Modify locked entities for me'\nAre you sure you want to do this?");
|
||||
} else {
|
||||
goProceed = true;
|
||||
}
|
||||
if (goProceed) {
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "removeZoneOnAllEntities",
|
||||
"zoneID": id,
|
||||
"enforceLocked": document.getElementById("enforceLocked").checked,
|
||||
"highlightedID": document.getElementById("highlightedID").value
|
||||
}));
|
||||
}
|
||||
}
|
||||
|
||||
function undo() {
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "undo",
|
||||
"enforceLocked": document.getElementById("enforceLocked").checked,
|
||||
"highlightedID": document.getElementById("highlightedID").value
|
||||
}));
|
||||
}
|
||||
|
||||
function refresh() {
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
"action": "refresh",
|
||||
"enforceLocked": document.getElementById("enforceLocked").checked,
|
||||
"highlightedID": document.getElementById("highlightedID").value
|
||||
}));
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
453
scripts/system/create/modules/renderWithZonesManager.js
Normal file
453
scripts/system/create/modules/renderWithZonesManager.js
Normal file
|
|
@ -0,0 +1,453 @@
|
|||
//
|
||||
// renderWithZonesManager.js
|
||||
//
|
||||
// Created by Alezia Kurdis on January 28th, 2024.
|
||||
// Copyright 2024 Overte e.V.
|
||||
//
|
||||
// This script is to manage the zone in the property renderWithZones more efficiently in the Create Application.
|
||||
// It allows a global view over a specific selection with possibility to
|
||||
// REPLACE, REMOVE or ADD zones on those properties more efficiently.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
//
|
||||
let rwzmSelectedId = [];
|
||||
let rwzmAllZonesList = [];
|
||||
let rwzmUsedZonesList = [];
|
||||
let rwzmSelectedEntitiesData = [];
|
||||
let rwzmUndo = [];
|
||||
|
||||
let enforceLocked = false;
|
||||
|
||||
const RWZ_ZONE_SCAN_RADIUS = 27713; //maximal radius to cover the entire domain.
|
||||
|
||||
let rwzmOverlayWebWindow = null;
|
||||
|
||||
function renderWithZonesManager(entityIDs, highlightedID = "") {
|
||||
if (rwzmGetCheckSum(entityIDs) !== rwzmGetCheckSum(rwzmSelectedId)) {
|
||||
rwzmUndo = [];
|
||||
}
|
||||
rwzmSelectedId = entityIDs;
|
||||
if (entityIDs.length === 0) {
|
||||
audioFeedback.rejection();
|
||||
Window.alert("You have nothing selected.");
|
||||
return;
|
||||
} else {
|
||||
rwzmAllZonesList = [];
|
||||
rwzmUsedZonesList = [];
|
||||
rwzmSelectedEntitiesData = [];
|
||||
rwzmAllZonesList = rwzmGetExistingZoneList();
|
||||
|
||||
let properties;
|
||||
let i = 0;
|
||||
let j = 0;
|
||||
let rwzmData = {};
|
||||
for (i = 0; i < entityIDs.length; i++ ){
|
||||
properties = Entities.getEntityProperties(entityIDs[i], ["renderWithZones", "locked", "name", "type"]);
|
||||
//Identify the unique zone used in renderWithZones properties of the entities and make the list of this in rwzmUsedZonesList
|
||||
if (properties.renderWithZones.length > 0) {
|
||||
for (j = 0; j < properties.renderWithZones.length; j++ ){
|
||||
if (rwzmUsedZonesList.indexOf(properties.renderWithZones[j]) === -1) {
|
||||
rwzmUsedZonesList.push(properties.renderWithZones[j]);
|
||||
}
|
||||
}
|
||||
}
|
||||
//Make the list of entities, with their id, renderWithZones, locked, in rwzmSelectedEntitiesData
|
||||
rwzmData = {
|
||||
"id": entityIDs[i],
|
||||
"name": properties.name,
|
||||
"type": properties.type,
|
||||
"renderWithZones": properties.renderWithZones,
|
||||
"locked": properties.locked
|
||||
};
|
||||
rwzmSelectedEntitiesData.push(rwzmData);
|
||||
}
|
||||
}
|
||||
|
||||
if (rwzmOverlayWebWindow === null) {
|
||||
rwzmOverlayWebWindow = new OverlayWebWindow({
|
||||
title: "RenderWithZones Manager",
|
||||
source: Script.resolvePath("renderWithZonesManager.html"),
|
||||
width: 1100,
|
||||
height: 600
|
||||
});
|
||||
|
||||
rwzmOverlayWebWindow.closed.connect(uiHasClosed);
|
||||
rwzmOverlayWebWindow.webEventReceived.connect(webEventReceiver);
|
||||
}
|
||||
|
||||
rwzmGenerateUI(highlightedID);
|
||||
}
|
||||
|
||||
function rwzmGetCheckSum(array) {
|
||||
let i = 0;
|
||||
let sum = 0;
|
||||
let strForm = JSON.stringify(array);
|
||||
for (i = 0; i < strForm.length; i++) {
|
||||
sum = sum + strForm.charCodeAt(i);
|
||||
}
|
||||
return sum;
|
||||
}
|
||||
function uiHasClosed() {
|
||||
rwzmOverlayWebWindow.closed.disconnect(uiHasClosed);
|
||||
rwzmOverlayWebWindow.webEventReceived.disconnect(webEventReceiver);
|
||||
rwzmOverlayWebWindow = null;
|
||||
}
|
||||
|
||||
function rwzmGenerateUI(highlightedID) {
|
||||
let canUnlock = Entities.canAdjustLocks();
|
||||
let uiContent = "";
|
||||
let i = 0;
|
||||
let k = 0;
|
||||
let zones = "";
|
||||
let name = "";
|
||||
let elementClass = "";
|
||||
let firstClass = "";
|
||||
let isLocked = "";
|
||||
let selectionBox = "";
|
||||
let setCheck = "";
|
||||
let addAction = "";
|
||||
let toHighlight = "";
|
||||
let viewBtnCaption = "";
|
||||
let warning = false;
|
||||
uiContent = uiContent + ' <h1>RenderWithZones Manager</h1><hr>\n';
|
||||
if (canUnlock) {
|
||||
if (enforceLocked) {
|
||||
setCheck = " checked";
|
||||
} else {
|
||||
setCheck = "";
|
||||
}
|
||||
}
|
||||
uiContent = uiContent + ' <table>\n';
|
||||
uiContent = uiContent + ' <tr valign = "top">\n';
|
||||
uiContent = uiContent + ' <td style="width: 40%">\n';
|
||||
if (rwzmUndo.length === 0) {
|
||||
undoBtnCode = "";
|
||||
} else {
|
||||
undoBtnCode = '<button class="greyBtn small" onClick="undo();">Undo</button>';
|
||||
}
|
||||
uiContent = uiContent + ' <table><tr><td style="width: 40%;"><h2>Visibility Zones:</h2></td><td style="width: 60%; text-align: right;">' + undoBtnCode + '</td></tr></table>\n';
|
||||
uiContent = uiContent + ' <div class="listContainer"><table>\n';
|
||||
uiContent = uiContent + ' <tr style="width: 100%"><td class="cells header" style="width: 60%;">';
|
||||
uiContent = uiContent + '<b>ZONES</b></td><td class="cells header" style="width: 40%;"><b>ACTIONS (On listed entities)</b></td></tr>\n';
|
||||
for (i = 0; i < rwzmUsedZonesList.length; i++ ) {
|
||||
name = rwzmGetZoneName(rwzmUsedZonesList[i]);
|
||||
elementClass = "line";
|
||||
firstClass = "cells";
|
||||
if (name === "") {
|
||||
name = rwzmGenerateUnidentifiedZoneName(rwzmUsedZonesList[i]);
|
||||
elementClass = "errorline";
|
||||
warning = true;
|
||||
}
|
||||
toHighlight = rwzmUsedZonesList[i];
|
||||
viewBtnCaption = "View";
|
||||
if ( rwzmUsedZonesList[i] === highlightedID) {
|
||||
toHighlight = "";
|
||||
viewBtnCaption = "Hide";
|
||||
firstClass = "highlightedCells";
|
||||
if (elementClass === "line") {
|
||||
elementClass = "lineInverted";
|
||||
}
|
||||
}
|
||||
uiContent = uiContent + ' <tr style="width: 100%"><td class="' + firstClass + ' ' + elementClass;
|
||||
uiContent = uiContent + '"><div style = "width:100%; height:100%; padding: 3px;" onClick = "highlight(' + "'";
|
||||
uiContent = uiContent + toHighlight + "'" +');">' + rwzmGetTruncatedString(name, 30) + '</div></td><td class="' + firstClass + ' ' + elementClass + '">';
|
||||
uiContent = uiContent + '<button class="greyBtn small" onclick="highlight(' + "'" + toHighlight + "'" +');">' + viewBtnCaption + '</button>';
|
||||
uiContent = uiContent + '<button class="redBtn" onclick="removeZoneOnAllEntities(' + "'" + rwzmUsedZonesList[i] + "'" +');">Remove</button>';
|
||||
uiContent = uiContent + '<button class="blueBtn" onclick="replaceZoneOnAllEntities(' + "'" + rwzmUsedZonesList[i] + "'" +');">Replace</button></td></tr>\n';
|
||||
}
|
||||
uiContent = uiContent + ' </table></div>\n';
|
||||
uiContent = uiContent + ' </td>\n';
|
||||
uiContent = uiContent + ' <td style="width: 3%"> </td>\n';
|
||||
uiContent = uiContent + ' <td style="width: 57%">\n';
|
||||
uiContent = uiContent + ' <table><tr><td style="width: 15%;"><h2>Entities:</h2></td><td style="width: 30%;"><button class="addbtn" onClick="addZoneToEntity(getIdsFromScope());">Add to Selected</button></td>';
|
||||
uiContent = uiContent + '<td style="width: 55%; text-align: right;"><input type="checkbox" id = "enforceLocked"'+ setCheck + ' onClick="refresh()";> <font style="color: #3bc7ff;">Modify locked entities for me.</font></td></tr></table>\n';
|
||||
uiContent = uiContent + ' <div class="listContainer"><table>\n';
|
||||
uiContent = uiContent + ' <tr style="width: 100%;"><td class="cells header" style="width: 5%;">';
|
||||
uiContent = uiContent + '<input type="checkbox" id="fullScope" onClick="selectAllOrNone();"></td><td class="cells header" style="width: 3%;">';
|
||||
uiContent = uiContent + '<font class="hifiGlyphs"></font></td><td class="cells header" style = "width: 45%;"><b>ENTITIES</b></td><td class="cells header" style = "width: 40%;">';
|
||||
uiContent = uiContent + '<b>RENDER WITH ZONES</b></td><td style = "width: 7%;"class="cells header"> </td></tr>\n';
|
||||
for (i = 0; i < rwzmSelectedEntitiesData.length; i++ ) {
|
||||
elementClass = "line";
|
||||
firstClass = "cells";
|
||||
if (rwzmSelectedEntitiesData[i].renderWithZones.indexOf(highlightedID) !== -1) {
|
||||
firstClass = "highlightedCells";
|
||||
elementClass = "lineInverted";
|
||||
}
|
||||
zones = " ";
|
||||
if (rwzmSelectedEntitiesData[i].renderWithZones.length > 0) {
|
||||
for (k = 0; k < rwzmSelectedEntitiesData[i].renderWithZones.length; k++ ) {
|
||||
name = rwzmGetTruncatedString(rwzmGetZoneName(rwzmSelectedEntitiesData[i].renderWithZones[k]),30);
|
||||
if (name === "") {
|
||||
name = rwzmGetTruncatedString(rwzmGenerateUnidentifiedZoneName(rwzmSelectedEntitiesData[i].renderWithZones[k]),30);
|
||||
}
|
||||
if ((canUnlock && enforceLocked && rwzmSelectedEntitiesData[i].locked) || !rwzmSelectedEntitiesData[i].locked) {
|
||||
name = name + " <span class='delBtn' onClick='removeZoneFromRWZ(" + '"' + rwzmSelectedEntitiesData[i].id + '", "' + rwzmSelectedEntitiesData[i].renderWithZones[k] + '"' + ");'>⮾</span>";
|
||||
}
|
||||
|
||||
if (k === 0) {
|
||||
zones = zones + name;
|
||||
} else {
|
||||
zones = zones + "<br>" + name;
|
||||
}
|
||||
}
|
||||
}
|
||||
isLocked = " ";
|
||||
selectionBox = " ";
|
||||
addAction = " ";
|
||||
if ((canUnlock && enforceLocked && rwzmSelectedEntitiesData[i].locked) || !rwzmSelectedEntitiesData[i].locked) {
|
||||
addAction = "<button class='addbtn' onClick='addZoneToEntity([" + '"' + rwzmSelectedEntitiesData[i].id + '"' + "]);'>Add</button>";
|
||||
selectionBox = '<input type="checkbox" name="entitiesScope" value = "' + rwzmSelectedEntitiesData[i].id + '">';
|
||||
}
|
||||
if (rwzmSelectedEntitiesData[i].locked) {
|
||||
if (canUnlock) {
|
||||
isLocked = ""; //Locked
|
||||
} else {
|
||||
isLocked = "🛇"; //Forbidden
|
||||
}
|
||||
}
|
||||
uiContent = uiContent + ' <tr style="width: 100%"><td class="' + firstClass + ' ' + elementClass + '">' + selectionBox;
|
||||
uiContent = uiContent + '</td><td class="' + firstClass + ' ' + elementClass + '"><font class="hifiGlyphs">' + isLocked + '</font></td><td class="';
|
||||
uiContent = uiContent + firstClass + ' ' + elementClass + '">' + rwzmSelectedEntitiesData[i].type + ' - ' + rwzmGetTruncatedString(rwzmSelectedEntitiesData[i].name, 30) + '</b></td><td class="' + firstClass;
|
||||
uiContent = uiContent + ' ' + elementClass + '">' + zones + '</td><td class="' + firstClass + ' ' + elementClass + '">' + addAction + '</td></tr>\n';
|
||||
}
|
||||
uiContent = uiContent + ' </table>\n';
|
||||
uiContent = uiContent + ' </td>\n';
|
||||
uiContent = uiContent + ' </tr>\n';
|
||||
uiContent = uiContent + ' </table></div>\n';
|
||||
uiContent = uiContent + ' <input type = "hidden" id = "highlightedID" value = "' + highlightedID + '">\n';
|
||||
if (warning) {
|
||||
uiContent = uiContent + ' <div class="warning"><b>WARNING</b>: The "<b>ZONE NOT FOUND</b>" visibility zones might simply not be loaded if too far and small. Please, verify before.</div>\n';
|
||||
}
|
||||
//Zone selector Add
|
||||
uiContent = uiContent + ' <div id="rwzmAddZoneSelector">\n';
|
||||
uiContent = uiContent + ' <h2>Select the zone to add:</h2><div class="zoneSelectorContainer">\n';
|
||||
for (i = 0; i < rwzmAllZonesList.length; i++ ) {
|
||||
uiContent = uiContent + " <button class = 'zoneSelectorButton' onClick='addThisZone(" + '"' + rwzmAllZonesList[i].id + '"' + ");'>" + rwzmAllZonesList[i].name + "</button><br>\n";
|
||||
}
|
||||
uiContent = uiContent + ' </div><div style="width: 98%; text-align: right;"><button class = "greyBtn" onclick="cancelZoneSelector();">Cancel</button></div>\n';
|
||||
uiContent = uiContent + ' </div>\n';
|
||||
//Zone selector Replace
|
||||
uiContent = uiContent + ' <div id="rwzmReplaceZoneSelector">\n';
|
||||
uiContent = uiContent + ' <h2>Select the replacement zone:</h2><div class="zoneSelectorContainer">\n';
|
||||
for (i = 0; i < rwzmAllZonesList.length; i++ ) {
|
||||
uiContent = uiContent + " <button class = 'zoneSelectorButton' onClick='replaceByThisZone(" + '"' + rwzmAllZonesList[i].id + '"' + ");'>" + rwzmAllZonesList[i].name + "</button><br>\n";
|
||||
}
|
||||
uiContent = uiContent + ' </div><div style="width: 98%; text-align: right;"><button class = "greyBtn" onclick="cancelZoneSelector();">Cancel</button></div>\n';
|
||||
uiContent = uiContent + ' </div>\n';
|
||||
|
||||
Script.setTimeout(function () {
|
||||
rwzmOverlayWebWindow.emitScriptEvent(uiContent);
|
||||
}, 300);
|
||||
}
|
||||
|
||||
function rwzmGetZoneName(id) {
|
||||
let k = 0;
|
||||
let name = "";
|
||||
for (k = 0; k < rwzmAllZonesList.length; k++) {
|
||||
if (rwzmAllZonesList[k].id === id) {
|
||||
name = rwzmAllZonesList[k].name;
|
||||
break;
|
||||
}
|
||||
}
|
||||
return name;
|
||||
}
|
||||
|
||||
function rwzmGenerateUnidentifiedZoneName(id) {
|
||||
let partialID = id.substr(1,8);
|
||||
return "ZONE NOT FOUND (" + partialID +")";
|
||||
}
|
||||
|
||||
function rwzmGetExistingZoneList() {
|
||||
var center = { "x": 0, "y": 0, "z": 0 };
|
||||
var existingZoneIDs = Entities.findEntitiesByType("Zone", center, RWZ_ZONE_SCAN_RADIUS);
|
||||
var listExistingZones = [];
|
||||
var thisZone = {};
|
||||
var properties;
|
||||
for (var k = 0; k < existingZoneIDs.length; k++) {
|
||||
properties = Entities.getEntityProperties(existingZoneIDs[k], ["name"]);
|
||||
thisZone = {
|
||||
"id": existingZoneIDs[k],
|
||||
"name": properties.name
|
||||
};
|
||||
listExistingZones.push(thisZone);
|
||||
}
|
||||
listExistingZones.sort(rwzmZoneSortOrder);
|
||||
return listExistingZones;
|
||||
}
|
||||
|
||||
function rwzmZoneSortOrder(a, b) {
|
||||
var nameA = a.name.toUpperCase();
|
||||
var nameB = b.name.toUpperCase();
|
||||
if (nameA > nameB) {
|
||||
return 1;
|
||||
} else if (nameA < nameB) {
|
||||
return -1;
|
||||
}
|
||||
if (a.name > b.name) {
|
||||
return 1;
|
||||
} else if (a.name < b.name) {
|
||||
return -1;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
function rwzmRemoveZoneFromEntity(id, zoneID, forceLocked, highlightedID) {
|
||||
rwzmUndo = [];
|
||||
let properties = Entities.getEntityProperties(id, ["renderWithZones", "locked"]);
|
||||
|
||||
let newRenderWithZones = [];
|
||||
let i = 0;
|
||||
for (i = 0; i < properties.renderWithZones.length; i++) {
|
||||
if (properties.renderWithZones[i] !== zoneID) {
|
||||
newRenderWithZones.push(properties.renderWithZones[i]);
|
||||
}
|
||||
}
|
||||
|
||||
if (forceLocked && properties.locked) {
|
||||
Entities.editEntity(id, {"locked": false});
|
||||
Entities.editEntity(id, {"renderWithZones": newRenderWithZones, "locked": properties.locked});
|
||||
} else {
|
||||
Entities.editEntity(id, {"renderWithZones": newRenderWithZones});
|
||||
}
|
||||
rwzmUndo.push({"id": id, "renderWithZones": properties.renderWithZones});
|
||||
renderWithZonesManager(rwzmSelectedId, highlightedID);
|
||||
}
|
||||
|
||||
function rwzmAddZonesToEntities(ids, zoneID, forceLocked, highlightedID) {
|
||||
rwzmUndo = [];
|
||||
let k = 0;
|
||||
let j = 0;
|
||||
let properties;
|
||||
let newRenderWithZones = [];
|
||||
for (k = 0; k < ids.length; k++) {
|
||||
properties = Entities.getEntityProperties(ids[k], ["renderWithZones", "locked"]);
|
||||
newRenderWithZones = [];
|
||||
|
||||
for (j = 0; j < properties.renderWithZones.length; j++) {
|
||||
if (properties.renderWithZones[j] !== zoneID) {
|
||||
newRenderWithZones.push(properties.renderWithZones[j]);
|
||||
}
|
||||
}
|
||||
newRenderWithZones.push(zoneID);
|
||||
if (forceLocked && properties.locked) {
|
||||
Entities.editEntity(ids[k], {"locked": false});
|
||||
Entities.editEntity(ids[k], {"renderWithZones": newRenderWithZones, "locked": properties.locked});
|
||||
} else {
|
||||
Entities.editEntity(ids[k], {"renderWithZones": newRenderWithZones});
|
||||
}
|
||||
rwzmUndo.push({"id": ids[k], "renderWithZones": properties.renderWithZones});
|
||||
}
|
||||
renderWithZonesManager(rwzmSelectedId, highlightedID);
|
||||
}
|
||||
|
||||
function rwzmRemoveZoneFromAllEntities(zoneID, forceLocked, highlightedID) {
|
||||
rwzmUndo = [];
|
||||
let k = 0;
|
||||
let j = 0;
|
||||
let properties;
|
||||
let newRenderWithZones = [];
|
||||
for (k = 0; k < rwzmSelectedId.length; k++) {
|
||||
properties = Entities.getEntityProperties(rwzmSelectedId[k], ["renderWithZones", "locked"]);
|
||||
newRenderWithZones = [];
|
||||
|
||||
for (j = 0; j < properties.renderWithZones.length; j++) {
|
||||
if (properties.renderWithZones[j] !== zoneID) {
|
||||
newRenderWithZones.push(properties.renderWithZones[j]);
|
||||
}
|
||||
}
|
||||
if (forceLocked && properties.locked) {
|
||||
Entities.editEntity(rwzmSelectedId[k], {"locked": false});
|
||||
Entities.editEntity(rwzmSelectedId[k], {"renderWithZones": newRenderWithZones, "locked": properties.locked});
|
||||
} else {
|
||||
Entities.editEntity(rwzmSelectedId[k], {"renderWithZones": newRenderWithZones});
|
||||
}
|
||||
rwzmUndo.push({"id": rwzmSelectedId[k], "renderWithZones": properties.renderWithZones});
|
||||
}
|
||||
renderWithZonesManager(rwzmSelectedId, highlightedID);
|
||||
}
|
||||
|
||||
function rwzmReplaceZoneOnAllEntities(targetZoneID, replacementZoneID, forceLocked, highlightedID) {
|
||||
rwzmUndo = [];
|
||||
let k = 0;
|
||||
let j = 0;
|
||||
let properties;
|
||||
let newRenderWithZones = [];
|
||||
for (k = 0; k < rwzmSelectedId.length; k++) {
|
||||
properties = Entities.getEntityProperties(rwzmSelectedId[k], ["renderWithZones", "locked"]);
|
||||
newRenderWithZones = [];
|
||||
|
||||
for (j = 0; j < properties.renderWithZones.length; j++) {
|
||||
if (properties.renderWithZones[j] !== targetZoneID) {
|
||||
newRenderWithZones.push(properties.renderWithZones[j]);
|
||||
} else {
|
||||
newRenderWithZones.push(replacementZoneID);
|
||||
}
|
||||
}
|
||||
if (forceLocked && properties.locked) {
|
||||
Entities.editEntity(rwzmSelectedId[k], {"locked": false});
|
||||
Entities.editEntity(rwzmSelectedId[k], {"renderWithZones": newRenderWithZones, "locked": properties.locked});
|
||||
} else {
|
||||
Entities.editEntity(rwzmSelectedId[k], {"renderWithZones": newRenderWithZones});
|
||||
}
|
||||
rwzmUndo.push({"id": rwzmSelectedId[k], "renderWithZones": properties.renderWithZones});
|
||||
}
|
||||
renderWithZonesManager(rwzmSelectedId, highlightedID);
|
||||
}
|
||||
|
||||
function rwzmGetTruncatedString(str, max) {
|
||||
if (str.length > max) {
|
||||
return str.substr(0, max-1) + "…";
|
||||
} else {
|
||||
return str;
|
||||
}
|
||||
}
|
||||
|
||||
function rwzmUndoLastAction(highlightedID) {
|
||||
let k = 0;
|
||||
let properties;
|
||||
let locked;
|
||||
for (k = 0; k < rwzmUndo.length; k++) {
|
||||
locked = Entities.getEntityProperties(rwzmUndo[k].id, ["locked"]).locked;
|
||||
if (locked) {
|
||||
Entities.editEntity(rwzmUndo[k].id, {"locked": false});
|
||||
Entities.editEntity(rwzmUndo[k].id, {"renderWithZones": rwzmUndo[k].renderWithZones, "locked": locked});
|
||||
} else {
|
||||
Entities.editEntity(rwzmUndo[k].id, {"renderWithZones": rwzmUndo[k].renderWithZones});
|
||||
}
|
||||
}
|
||||
rwzmUndo = [];
|
||||
renderWithZonesManager(rwzmSelectedId, highlightedID);
|
||||
}
|
||||
|
||||
function webEventReceiver (message) {
|
||||
try {
|
||||
var data = JSON.parse(message);
|
||||
} catch(e) {
|
||||
print("renderWithZonesManager.js: Error parsing JSON");
|
||||
return;
|
||||
}
|
||||
if (data.action === "highlight") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
renderWithZonesManager(rwzmSelectedId, data.id);
|
||||
} else if (data.action === "removeZoneFromEntity") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
rwzmRemoveZoneFromEntity(data.id, data.zoneID, data.enforceLocked, data.highlightedID);
|
||||
} else if (data.action === "addZoneToEntities") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
rwzmAddZonesToEntities(data.ids, data.zoneID, data.enforceLocked, data.highlightedID);
|
||||
} else if (data.action === "refresh") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
renderWithZonesManager(rwzmSelectedId, data.highlightedID);
|
||||
} else if (data.action === "removeZoneOnAllEntities") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
rwzmRemoveZoneFromAllEntities(data.zoneID, data.enforceLocked, data.highlightedID);
|
||||
} else if (data.action === "replaceZoneOnAllEntities") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
rwzmReplaceZoneOnAllEntities(data.targetZoneID, data.replacementZoneID, data.enforceLocked, data.highlightedID);
|
||||
} else if (data.action === "undo") {
|
||||
enforceLocked = data.enforceLocked;
|
||||
rwzmUndoLastAction(data.highlightedID);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue