Choose an emote:
-
-
--
--
--
--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/scripts/simplifiedUI/system/create/entityList/html/js/entityList.js b/scripts/simplifiedUI/system/create/entityList/html/js/entityList.js
deleted file mode 100644
index b15c4e6703..0000000000
--- a/scripts/simplifiedUI/system/create/entityList/html/js/entityList.js
+++ /dev/null
@@ -1,1426 +0,0 @@
-// entityList.js
-//
-// Created by Ryan Huffman on 19 Nov 2014
-// Copyright 2014 High Fidelity, Inc.
-//
-// Distributed under the Apache License, Version 2.0.
-// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-
-const ASCENDING_SORT = 1;
-const DESCENDING_SORT = -1;
-const ASCENDING_STRING = '▴';
-const DESCENDING_STRING = '▾';
-const BYTES_PER_MEGABYTE = 1024 * 1024;
-const COLLAPSE_EXTRA_INFO = "E";
-const EXPAND_EXTRA_INFO = "D";
-const FILTER_IN_VIEW_ATTRIBUTE = "pressed";
-const WINDOW_NONVARIABLE_HEIGHT = 227;
-const EMPTY_ENTITY_ID = "0";
-const MAX_LENGTH_RADIUS = 9;
-const MINIMUM_COLUMN_WIDTH = 24;
-const SCROLLBAR_WIDTH = 20;
-const RESIZER_WIDTH = 10;
-const DELTA_X_MOVE_COLUMNS_THRESHOLD = 2;
-const DELTA_X_COLUMN_SWAP_POSITION = 5;
-const CERTIFIED_PLACEHOLDER = "** Certified **";
-
-function decimalMegabytes(number) {
- return number ? (number / BYTES_PER_MEGABYTE).toFixed(1) : "";
-}
-
-function displayIfNonZero(number) {
- return number ? number : "";
-}
-
-function getFilename(url) {
- let urlParts = url.split('/');
- return urlParts[urlParts.length - 1];
-}
-
-const COLUMNS = {
- type: {
- columnHeader: "Type",
- propertyID: "type",
- initialWidth: 0.16,
- initiallyShown: true,
- alwaysShown: true,
- defaultSortOrder: ASCENDING_SORT,
- },
- name: {
- columnHeader: "Name",
- propertyID: "name",
- initialWidth: 0.34,
- initiallyShown: true,
- alwaysShown: true,
- defaultSortOrder: ASCENDING_SORT,
- },
- url: {
- columnHeader: "File",
- dropdownLabel: "File",
- propertyID: "url",
- initialWidth: 0.34,
- initiallyShown: true,
- defaultSortOrder: ASCENDING_SORT,
- },
- locked: {
- columnHeader: "",
- glyph: true,
- propertyID: "locked",
- initialWidth: 0.08,
- initiallyShown: true,
- alwaysShown: true,
- defaultSortOrder: DESCENDING_SORT,
- },
- visible: {
- columnHeader: "",
- glyph: true,
- propertyID: "visible",
- initialWidth: 0.08,
- initiallyShown: true,
- alwaysShown: true,
- defaultSortOrder: DESCENDING_SORT,
- },
- verticesCount: {
- columnHeader: "Verts",
- dropdownLabel: "Vertices",
- propertyID: "verticesCount",
- initialWidth: 0.08,
- defaultSortOrder: DESCENDING_SORT,
- },
- texturesCount: {
- columnHeader: "Texts",
- dropdownLabel: "Textures",
- propertyID: "texturesCount",
- initialWidth: 0.08,
- defaultSortOrder: DESCENDING_SORT,
- },
- texturesSize: {
- columnHeader: "Text MB",
- dropdownLabel: "Texture Size",
- propertyID: "texturesSize",
- initialWidth: 0.10,
- format: decimalMegabytes,
- defaultSortOrder: DESCENDING_SORT,
- },
- hasTransparent: {
- columnHeader: "",
- glyph: true,
- dropdownLabel: "Transparency",
- propertyID: "hasTransparent",
- initialWidth: 0.04,
- defaultSortOrder: DESCENDING_SORT,
- },
- isBaked: {
- columnHeader: "",
- glyph: true,
- dropdownLabel: "Baked",
- propertyID: "isBaked",
- initialWidth: 0.08,
- defaultSortOrder: DESCENDING_SORT,
- },
- drawCalls: {
- columnHeader: "Draws",
- dropdownLabel: "Draws",
- propertyID: "drawCalls",
- initialWidth: 0.08,
- defaultSortOrder: DESCENDING_SORT,
- },
- hasScript: {
- columnHeader: "k",
- glyph: true,
- dropdownLabel: "Script",
- propertyID: "hasScript",
- initialWidth: 0.06,
- defaultSortOrder: DESCENDING_SORT,
- },
-};
-
-const FILTER_TYPES = [
- "Shape",
- "Model",
- "Image",
- "Light",
- "Zone",
- "Web",
- "Material",
- "ParticleEffect",
- "PolyLine",
- "PolyVox",
- "Text",
- "Grid",
-];
-
-const DOUBLE_CLICK_TIMEOUT = 300; // ms
-const RENAME_COOLDOWN = 400; // ms
-
-// List of all entities
-let entities = [];
-// List of all entities, indexed by Entity ID
-let entitiesByID = {};
-// The filtered and sorted list of entities passed to ListView
-let visibleEntities = [];
-// List of all entities that are currently selected
-let selectedEntities = [];
-
-let entityList = null; // The ListView
-
-/**
- * @type EntityListContextMenu
- */
-let entityListContextMenu = null;
-
-let currentSortColumnID = 'type';
-let currentSortOrder = ASCENDING_SORT;
-let elSortOrders = {};
-let typeFilters = [];
-let isFilterInView = false;
-
-let columns = [];
-let columnsByID = {};
-let lastResizeEvent = null;
-let resizeColumnIndex = 0;
-let elTargetTh = null;
-let elTargetSpan = null;
-let targetColumnIndex = 0;
-let lastColumnSwapPosition = -1;
-let initialThEvent = null;
-let renameTimeout = null;
-let renameLastBlur = null;
-let renameLastEntityID = null;
-let isRenameFieldBeingMoved = false;
-let elFilterTypeInputs = {};
-
-let elEntityTable,
- elEntityTableHeader,
- elEntityTableBody,
- elEntityTableScroll,
- elEntityTableHeaderRow,
- elRefresh,
- elToggleLocked,
- elToggleVisible,
- elDelete,
- elFilterTypeMultiselectBox,
- elFilterTypeText,
- elFilterTypeOptions,
- elFilterTypeOptionsButtons,
- elFilterTypeSelectAll,
- elFilterTypeClearAll,
- elFilterSearch,
- elFilterInView,
- elFilterRadius,
- elExport,
- elPal,
- elSelectedEntitiesCount,
- elVisibleEntitiesCount,
- elNoEntitiesMessage,
- elColumnsMultiselectBox,
- elColumnsOptions,
- elToggleSpaceMode,
- elRenameInput;
-
-const ENABLE_PROFILING = false;
-let profileIndent = '';
-const PROFILE_NOOP = function(_name, fn, args) {
- fn.apply(this, args);
-} ;
-const PROFILE = !ENABLE_PROFILING ? PROFILE_NOOP : function(name, fn, args) {
- console.log("PROFILE-Web " + profileIndent + "(" + name + ") Begin");
- let previousIndent = profileIndent;
- profileIndent += ' ';
- let before = Date.now();
- fn.apply(this, args);
- let delta = Date.now() - before;
- profileIndent = previousIndent;
- console.log("PROFILE-Web " + profileIndent + "(" + name + ") End " + delta + "ms");
-};
-
-function loaded() {
- openEventBridge(function() {
- elEntityTable = document.getElementById("entity-table");
- elEntityTableHeader = document.getElementById("entity-table-header");
- elEntityTableBody = document.getElementById("entity-table-body");
- elEntityTableScroll = document.getElementById("entity-table-scroll");
- elRefresh = document.getElementById("refresh");
- elToggleLocked = document.getElementById("locked");
- elToggleVisible = document.getElementById("visible");
- elDelete = document.getElementById("delete");
- elFilterTypeMultiselectBox = document.getElementById("filter-type-multiselect-box");
- elFilterTypeText = document.getElementById("filter-type-text");
- elFilterTypeOptions = document.getElementById("filter-type-options");
- elFilterTypeOptionsButtons = document.getElementById("filter-type-options-buttons");
- elFilterTypeSelectAll = document.getElementById('filter-type-select-all');
- elFilterTypeClearAll = document.getElementById('filter-type-clear-all');
- elFilterSearch = document.getElementById("filter-search");
- elFilterInView = document.getElementById("filter-in-view");
- elFilterRadius = document.getElementById("filter-radius");
- elExport = document.getElementById("export");
- elPal = document.getElementById("pal");
- elSelectedEntitiesCount = document.getElementById("selected-entities-count");
- elVisibleEntitiesCount = document.getElementById("visible-entities-count");
- elNoEntitiesMessage = document.getElementById("no-entities");
- elColumnsMultiselectBox = document.getElementById("entity-table-columns-multiselect-box");
- elColumnsOptions = document.getElementById("entity-table-columns-options");
- elToggleSpaceMode = document.getElementById('toggle-space-mode');
-
- document.body.onclick = onBodyClick;
- elToggleLocked.onclick = function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'toggleLocked' }));
- };
- elToggleVisible.onclick = function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'toggleVisible' }));
- };
- elExport.onclick = function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'export'}));
- };
- elPal.onclick = function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'pal' }));
- };
- elDelete.onclick = function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'delete' }));
- };
- elToggleSpaceMode.onclick = function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'toggleSpaceMode' }));
- };
- elRefresh.onclick = refreshEntities;
- elFilterTypeMultiselectBox.onclick = onToggleTypeDropdown;
- elFilterTypeSelectAll.onclick = onSelectAllTypes;
- elFilterTypeClearAll.onclick = onClearAllTypes;
- elFilterSearch.onkeyup = refreshEntityList;
- elFilterSearch.onsearch = refreshEntityList;
- elFilterInView.onclick = onToggleFilterInView;
- elFilterRadius.onkeyup = onRadiusChange;
- elFilterRadius.onchange = onRadiusChange;
- elColumnsMultiselectBox.onclick = onToggleColumnsDropdown;
-
- // create filter type dropdown checkboxes with label and icon for each type
- for (let i = 0; i < FILTER_TYPES.length; ++i) {
- let type = FILTER_TYPES[i];
- let typeFilterID = "filter-type-" + type;
-
- let elDiv = document.createElement('div');
- elDiv.onclick = onToggleTypeFilter;
- elFilterTypeOptions.insertBefore(elDiv, elFilterTypeOptionsButtons);
-
- let elInput = document.createElement('input');
- elInput.setAttribute("type", "checkbox");
- elInput.setAttribute("id", typeFilterID);
- elInput.setAttribute("filterType", type);
- elInput.checked = true; // all types are checked initially
- elFilterTypeInputs[type] = elInput;
- elDiv.appendChild(elInput);
-
- let elLabel = document.createElement('label');
- elLabel.setAttribute("for", typeFilterID);
- elLabel.innerText = type;
- elDiv.appendChild(elLabel);
-
- let elSpan = document.createElement('span');
- elSpan.setAttribute("class", "typeIcon");
- elSpan.innerHTML = ENTITY_TYPE_ICON[type];
-
- elLabel.insertBefore(elSpan, elLabel.childNodes[0]);
-
- toggleTypeFilter(elInput, false); // add all types to the initial types filter
- }
-
- // create columns
- elHeaderTr = document.createElement("tr");
- elEntityTableHeader.appendChild(elHeaderTr);
- let columnIndex = 0;
- for (let columnID in COLUMNS) {
- let columnData = COLUMNS[columnID];
-
- let elTh = document.createElement("th");
- let thID = "entity-" + columnID;
- elTh.setAttribute("id", thID);
- elTh.setAttribute("columnIndex", columnIndex);
- elTh.setAttribute("columnID", columnID);
- if (columnData.glyph) {
- let elGlyph = document.createElement("span");
- elGlyph.className = "glyph";
- elGlyph.innerHTML = columnData.columnHeader;
- elTh.appendChild(elGlyph);
- } else {
- elTh.innerText = columnData.columnHeader;
- }
- elTh.onmousedown = function(event) {
- if (event.target.nodeName === 'TH') {
- elTargetTh = event.target;
- targetColumnIndex = parseInt(elTargetTh.getAttribute("columnIndex"));
- lastColumnSwapPosition = event.clientX;
- } else if (event.target.nodeName === 'SPAN') {
- elTargetSpan = event.target;
- }
- initialThEvent = event;
- };
-
- let elResizer = document.createElement("span");
- elResizer.className = "resizer";
- elResizer.innerHTML = " ";
- elResizer.onmousedown = onStartResize;
- elTh.appendChild(elResizer);
-
- let elSortOrder = document.createElement("span");
- elSortOrder.className = "sort-order";
- elTh.appendChild(elSortOrder);
- elHeaderTr.appendChild(elTh);
-
- elSortOrders[columnID] = elSortOrder;
-
- // add column to columns dropdown if it is not set to be always shown
- if (columnData.alwaysShown !== true) {
- let columnDropdownID = "entity-table-column-" + columnID;
-
- let elDiv = document.createElement('div');
- elDiv.onclick = onToggleColumn;
- elColumnsOptions.appendChild(elDiv);
-
- let elInput = document.createElement('input');
- elInput.setAttribute("type", "checkbox");
- elInput.setAttribute("id", columnDropdownID);
- elInput.setAttribute("columnID", columnID);
- elInput.checked = columnData.initiallyShown === true;
- elDiv.appendChild(elInput);
-
- let elLabel = document.createElement('label');
- elLabel.setAttribute("for", columnDropdownID);
- elLabel.innerText = columnData.dropdownLabel;
- elDiv.appendChild(elLabel);
- }
-
- let initialWidth = columnData.initiallyShown === true ? columnData.initialWidth : 0;
- columns.push({
- columnID: columnID,
- elTh: elTh,
- elResizer: elResizer,
- width: initialWidth,
- data: columnData
- });
- columnsByID[columnID] = columns[columnIndex];
-
- ++columnIndex;
- }
-
- elEntityTableHeaderRow = document.querySelectorAll("#entity-table thead th");
-
- entityList = new ListView(elEntityTableBody, elEntityTableScroll, elEntityTableHeaderRow, createRow, updateRow,
- clearRow, preRefresh, postRefresh, preRefresh, WINDOW_NONVARIABLE_HEIGHT);
-
- entityListContextMenu = new EntityListContextMenu();
-
- function startRenamingEntity(entityID) {
- renameLastEntityID = entityID;
- let entity = entitiesByID[entityID];
- if (!entity || entity.locked || !entity.elRow) {
- return;
- }
-
- let elCell = entity.elRow.childNodes[getColumnIndex("name")];
- elRenameInput = document.createElement("input");
- elRenameInput.setAttribute('class', 'rename-entity');
- elRenameInput.value = entity.name;
- let ignoreClicks = function(event) {
- event.stopPropagation();
- };
- elRenameInput.onclick = ignoreClicks;
- elRenameInput.ondblclick = ignoreClicks;
- elRenameInput.onkeyup = function(keyEvent) {
- if (keyEvent.key === "Enter") {
- elRenameInput.blur();
- }
- };
-
- elRenameInput.onblur = function(event) {
- if (isRenameFieldBeingMoved) {
- return;
- }
- let value = elRenameInput.value;
- EventBridge.emitWebEvent(JSON.stringify({
- type: 'rename',
- entityID: entityID,
- name: value
- }));
- entity.name = value;
- elRenameInput.parentElement.innerText = value;
-
- renameLastBlur = Date.now();
- elRenameInput = null;
- };
-
- elCell.innerHTML = "";
- elCell.appendChild(elRenameInput);
-
- elRenameInput.select();
- }
-
- function preRefresh() {
- // move the rename input to the body
- if (!isRenameFieldBeingMoved && elRenameInput) {
- isRenameFieldBeingMoved = true;
- document.body.appendChild(elRenameInput);
- // keep the focus
- elRenameInput.focus();
- }
- }
-
- function postRefresh() {
- if (!elRenameInput || !isRenameFieldBeingMoved) {
- return;
- }
- let entity = entitiesByID[renameLastEntityID];
- if (!entity || entity.locked || !entity.elRow) {
- return;
- }
- let elCell = entity.elRow.childNodes[getColumnIndex("name")];
- elCell.innerHTML = "";
- elCell.appendChild(elRenameInput);
- // keep the focus
- elRenameInput.focus();
- isRenameFieldBeingMoved = false;
- }
-
- entityListContextMenu.setOnSelectedCallback(function(optionName, selectedEntityID) {
- switch (optionName) {
- case "Cut":
- EventBridge.emitWebEvent(JSON.stringify({ type: 'cut' }));
- break;
- case "Copy":
- EventBridge.emitWebEvent(JSON.stringify({ type: 'copy' }));
- break;
- case "Paste":
- EventBridge.emitWebEvent(JSON.stringify({ type: 'paste' }));
- break;
- case "Rename":
- startRenamingEntity(selectedEntityID);
- break;
- case "Duplicate":
- EventBridge.emitWebEvent(JSON.stringify({ type: 'duplicate' }));
- break;
- case "Delete":
- EventBridge.emitWebEvent(JSON.stringify({ type: 'delete' }));
- break;
- }
- });
-
- function onRowContextMenu(clickEvent) {
- if (elRenameInput) {
- // disallow the context menu from popping up while renaming
- return;
- }
-
- let entityID = this.dataset.entityID;
-
- if (!selectedEntities.includes(entityID)) {
- let selection = [entityID];
- updateSelectedEntities(selection);
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: "selectionUpdate",
- focus: false,
- entityIds: selection,
- }));
- }
-
- let enabledContextMenuItems = ['Copy', 'Paste', 'Duplicate'];
- if (entitiesByID[entityID] && !entitiesByID[entityID].locked) {
- enabledContextMenuItems.push('Cut');
- enabledContextMenuItems.push('Rename');
- enabledContextMenuItems.push('Delete');
- }
-
- entityListContextMenu.open(clickEvent, entityID, enabledContextMenuItems);
- }
-
- let clearRenameTimeout = () => {
- if (renameTimeout !== null) {
- window.clearTimeout(renameTimeout);
- renameTimeout = null;
- }
- };
-
- function onRowClicked(clickEvent) {
- let entityID = this.dataset.entityID;
- let selection = [entityID];
-
- if (clickEvent.ctrlKey) {
- let selectedIndex = selectedEntities.indexOf(entityID);
- if (selectedIndex >= 0) {
- selection = [];
- selection = selection.concat(selectedEntities);
- selection.splice(selectedIndex, 1);
- } else {
- selection = selection.concat(selectedEntities);
- }
- } else if (clickEvent.shiftKey && selectedEntities.length > 0) {
- let previousItemFound = -1;
- let clickedItemFound = -1;
- for (let i = 0, len = visibleEntities.length; i < len; ++i) {
- let entity = visibleEntities[i];
- if (clickedItemFound === -1 && entityID === entity.id) {
- clickedItemFound = i;
- } else if (previousItemFound === -1 && selectedEntities[0] === entity.id) {
- previousItemFound = i;
- }
- }
- if (previousItemFound !== -1 && clickedItemFound !== -1) {
- selection = [];
- let toItem = Math.max(previousItemFound, clickedItemFound);
- for (let i = Math.min(previousItemFound, clickedItemFound); i <= toItem; i++) {
- selection.push(visibleEntities[i].id);
- }
- if (previousItemFound > clickedItemFound) {
- // always make sure that we add the items in the right order
- selection.reverse();
- }
- }
- } else if (!clickEvent.ctrlKey && !clickEvent.shiftKey && selectedEntities.length === 1) {
- // if reselecting the same entity then start renaming it
- if (selectedEntities[0] === entityID) {
- if (renameLastBlur && renameLastEntityID === entityID && (Date.now() - renameLastBlur) < RENAME_COOLDOWN) {
-
- return;
- }
- clearRenameTimeout();
- renameTimeout = window.setTimeout(() => {
- renameTimeout = null;
- startRenamingEntity(entityID);
- }, DOUBLE_CLICK_TIMEOUT);
- }
- }
-
- updateSelectedEntities(selection, false);
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: "selectionUpdate",
- focus: false,
- entityIds: selection,
- }));
- }
-
- function onRowDoubleClicked() {
- clearRenameTimeout();
-
- let selection = [this.dataset.entityID];
- updateSelectedEntities(selection, false);
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: "selectionUpdate",
- focus: true,
- entityIds: selection,
- }));
- }
-
- function updateEntityData(entityData) {
- entities = [];
- entitiesByID = {};
- visibleEntities.length = 0; // maintains itemData reference in ListView
-
- PROFILE("map-data", function() {
- entityData.forEach(function(entity) {
- let type = entity.type;
- let filename = getFilename(entity.url);
-
- let entityData = {
- id: entity.id,
- name: entity.name,
- type: type,
- url: entity.certificateID === "" ? filename : "" + CERTIFIED_PLACEHOLDER + "",
- fullUrl: entity.certificateID === "" ? filename : CERTIFIED_PLACEHOLDER,
- locked: entity.locked,
- visible: entity.visible,
- certificateID: entity.certificateID,
- verticesCount: displayIfNonZero(entity.verticesCount),
- texturesCount: displayIfNonZero(entity.texturesCount),
- texturesSize: entity.texturesSize,
- hasTransparent: entity.hasTransparent,
- isBaked: entity.isBaked,
- drawCalls: displayIfNonZero(entity.drawCalls),
- hasScript: entity.hasScript,
- elRow: null, // if this entity has a visible row element assigned to it
- selected: false // if this entity is selected for edit regardless of having a visible row
- };
-
- entities.push(entityData);
- entitiesByID[entityData.id] = entityData;
- });
- });
-
- refreshEntityList();
- }
-
- const isNullOrEmpty = function(value) {
- return value === undefined || value === null || value === "";
- };
-
- function refreshEntityList() {
- PROFILE("refresh-entity-list", function() {
- PROFILE("filter", function() {
- let searchTerm = elFilterSearch.value.toLowerCase();
- visibleEntities = entities.filter(function(e) {
- let type = e.type === "Box" || e.type === "Sphere" ? "Shape" : e.type;
- let typeFilter = typeFilters.indexOf(type) > -1;
- let searchFilter = searchTerm === '' || (e.name.toLowerCase().indexOf(searchTerm) > -1 ||
- e.type.toLowerCase().indexOf(searchTerm) > -1 ||
- e.fullUrl.toLowerCase().indexOf(searchTerm) > -1 ||
- e.id.toLowerCase().indexOf(searchTerm) > -1);
- return typeFilter && searchFilter;
- });
- });
-
- PROFILE("sort", function() {
- let isAscendingSort = currentSortOrder === ASCENDING_SORT;
- let isDefaultSort = currentSortOrder === COLUMNS[currentSortColumnID].defaultSortOrder;
- visibleEntities.sort((entityA, entityB) => {
- /**
- * If the default sort is ascending, empty should be considered largest.
- * If the default sort is descending, empty should be considered smallest.
- */
- if (!isAscendingSort) {
- [entityA, entityB] = [entityB, entityA];
- }
- let valueA = entityA[currentSortColumnID];
- let valueB = entityB[currentSortColumnID];
-
- if (valueA === valueB) {
- return entityA.id < entityB.id ? -1 : 1;
- }
-
- if (isNullOrEmpty(valueA)) {
- return (isDefaultSort ? 1 : -1) * (isAscendingSort ? 1 : -1);
- }
- if (isNullOrEmpty(valueB)) {
- return (isDefaultSort ? -1 : 1) * (isAscendingSort ? 1 : -1);
- }
- if (typeof(valueA) === "string") {
- return valueA.localeCompare(valueB);
- }
- return valueA < valueB ? -1 : 1;
- });
- });
-
- PROFILE("update-dom", function() {
- entityList.itemData = visibleEntities;
- entityList.refresh();
- updateColumnWidths();
- });
-
- refreshFooter();
- refreshNoEntitiesMessage();
- });
- }
-
- function removeEntities(deletedIDs) {
- // Loop from the back so we can pop items off while iterating
-
- // delete any entities matching deletedIDs list from entities and entitiesByID lists
- // if the entity had an associated row element then ensure row is unselected and clear it's entity
- for (let j = entities.length - 1; j >= 0; --j) {
- let id = entities[j].id;
- for (let i = 0, length = deletedIDs.length; i < length; ++i) {
- if (id === deletedIDs[i]) {
- let elRow = entities[j].elRow;
- if (elRow) {
- elRow.className = '';
- elRow.dataset.entityID = EMPTY_ENTITY_ID;
- }
- entities.splice(j, 1);
- delete entitiesByID[id];
- break;
- }
- }
- }
-
- // delete any entities matching deletedIDs list from selectedEntities list
- for (let j = selectedEntities.length - 1; j >= 0; --j) {
- let id = selectedEntities[j].id;
- for (let i = 0, length = deletedIDs.length; i < length; ++i) {
- if (id === deletedIDs[i]) {
- selectedEntities.splice(j, 1);
- break;
- }
- }
- }
-
- // delete any entities matching deletedIDs list from visibleEntities list
- // if this was a row that was above our current row offset (a hidden top row in the top buffer),
- // then decrease row offset accordingly
- let firstVisibleRow = entityList.getFirstVisibleRowIndex();
- for (let j = visibleEntities.length - 1; j >= 0; --j) {
- let id = visibleEntities[j].id;
- for (let i = 0, length = deletedIDs.length; i < length; ++i) {
- if (id === deletedIDs[i]) {
- if (j < firstVisibleRow && entityList.rowOffset > 0) {
- entityList.rowOffset--;
- }
- visibleEntities.splice(j, 1);
- break;
- }
- }
- }
-
- entityList.refresh();
-
- refreshFooter();
- refreshNoEntitiesMessage();
- }
-
- function clearEntities() {
- // clear the associated entity ID from all visible row elements
- let firstVisibleRow = entityList.getFirstVisibleRowIndex();
- let lastVisibleRow = entityList.getLastVisibleRowIndex();
- for (let i = firstVisibleRow; i <= lastVisibleRow && i < visibleEntities.length; i++) {
- let entity = visibleEntities[i];
- entity.elRow.dataset.entityID = EMPTY_ENTITY_ID;
- }
-
- entities = [];
- entitiesByID = {};
- visibleEntities.length = 0; // maintains itemData reference in ListView
-
- entityList.resetToTop();
- entityList.clear();
-
- refreshFooter();
- refreshNoEntitiesMessage();
- }
-
- function setSortColumn(columnID) {
- PROFILE("set-sort-column", function() {
- if (currentSortColumnID === columnID) {
- currentSortOrder *= -1;
- } else {
- elSortOrders[currentSortColumnID].innerHTML = "";
- currentSortColumnID = columnID;
- currentSortOrder = COLUMNS[currentSortColumnID].defaultSortOrder;
- }
- refreshSortOrder();
- refreshEntityList();
- });
- }
-
- function refreshSortOrder() {
- elSortOrders[currentSortColumnID].innerHTML = currentSortOrder === ASCENDING_SORT ? ASCENDING_STRING : DESCENDING_STRING;
- }
-
- function refreshEntities() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'refresh' }));
- }
-
- function refreshFooter() {
- elSelectedEntitiesCount.innerText = selectedEntities.length;
- elVisibleEntitiesCount.innerText = visibleEntities.length;
- }
-
- function refreshNoEntitiesMessage() {
- if (visibleEntities.length > 0) {
- elNoEntitiesMessage.style.display = "none";
- } else {
- elNoEntitiesMessage.style.display = "block";
- }
- }
-
- function updateSelectedEntities(selectedIDs, autoScroll) {
- let notFound = false;
-
- // reset all currently selected entities and their rows first
- selectedEntities.forEach(function(id) {
- let entity = entitiesByID[id];
- if (entity !== undefined) {
- entity.selected = false;
- if (entity.elRow) {
- entity.elRow.className = '';
- }
- }
- });
-
- // then reset selected entities list with newly selected entities and set them selected
- selectedEntities = [];
- selectedIDs.forEach(function(id) {
- selectedEntities.push(id);
- let entity = entitiesByID[id];
- if (entity !== undefined) {
- entity.selected = true;
- if (entity.elRow) {
- entity.elRow.className = 'selected';
- }
- } else {
- notFound = true;
- }
- });
-
- if (autoScroll && selectedIDs.length > 0) {
- let firstItem = Number.MAX_VALUE;
- let lastItem = -1;
- let itemFound = false;
- visibleEntities.forEach(function(entity, index) {
- if (selectedIDs.indexOf(entity.id) !== -1) {
- if (firstItem > index) {
- firstItem = index;
- }
- if (lastItem < index) {
- lastItem = index;
- }
- itemFound = true;
- }
- });
- if (itemFound) {
- entityList.scrollToRow(firstItem, lastItem);
- }
- }
-
- elToggleSpaceMode.disabled = selectedIDs.length > 1;
-
- refreshFooter();
-
- return notFound;
- }
-
- function createRow() {
- let elRow = document.createElement("tr");
- columns.forEach(function(column) {
- let elRowColumn = document.createElement("td");
- elRowColumn.className = createColumnClassName(column.columnID);
- elRow.appendChild(elRowColumn);
- });
- elRow.oncontextmenu = onRowContextMenu;
- elRow.onclick = onRowClicked;
- elRow.ondblclick = onRowDoubleClicked;
- return elRow;
- }
-
- function updateRow(elRow, itemData) {
- // update all column texts and glyphs to this entity's data
- for (let i = 0; i < columns.length; ++i) {
- let column = columns[i];
- let elCell = elRow.childNodes[i];
- if (column.data.glyph) {
- elCell.innerHTML = itemData[column.data.propertyID] ? column.data.columnHeader : null;
- } else {
- let value = itemData[column.data.propertyID];
- if (column.data.format) {
- value = column.data.format(value);
- }
- elCell.innerHTML = value;
- }
- elCell.style = "min-width:" + column.widthPx + "px;" + "max-width:" + column.widthPx + "px;";
- elCell.className = createColumnClassName(column.columnID);
- }
-
- // if this entity was previously selected flag it's row as selected
- if (itemData.selected) {
- elRow.className = 'selected';
- } else {
- elRow.className = '';
- }
-
- // if this row previously had an associated entity ID that wasn't the new entity ID then clear
- // the ID from the row and the row element from the previous entity's data, then set the new
- // entity ID to the row and the row element to the new entity's data
- let prevEntityID = elRow.dataset.entityID;
- let newEntityID = itemData.id;
- let validPrevItemID = prevEntityID !== undefined && prevEntityID !== EMPTY_ENTITY_ID;
- if (validPrevItemID && prevEntityID !== newEntityID && entitiesByID[prevEntityID].elRow === elRow) {
- elRow.dataset.entityID = EMPTY_ENTITY_ID;
- entitiesByID[prevEntityID].elRow = null;
- }
- if (!validPrevItemID || prevEntityID !== newEntityID) {
- elRow.dataset.entityID = newEntityID;
- entitiesByID[newEntityID].elRow = elRow;
- }
- }
-
- function clearRow(elRow) {
- // reset all texts and glyphs for each of the row's columns
- for (let i = 0; i < columns.length; ++i) {
- let cell = elRow.childNodes[i];
- if (columns[i].data.glyph) {
- cell.innerHTML = "";
- } else {
- cell.innerText = "";
- }
- }
-
- // clear the row from any associated entity
- let entityID = elRow.dataset.entityID;
- if (entityID && entitiesByID[entityID]) {
- entitiesByID[entityID].elRow = null;
- }
-
- // reset the row to hidden and clear the entity from the row
- elRow.className = '';
- elRow.dataset.entityID = EMPTY_ENTITY_ID;
- }
-
- function onToggleFilterInView() {
- isFilterInView = !isFilterInView;
- if (isFilterInView) {
- elFilterInView.setAttribute(FILTER_IN_VIEW_ATTRIBUTE, FILTER_IN_VIEW_ATTRIBUTE);
- } else {
- elFilterInView.removeAttribute(FILTER_IN_VIEW_ATTRIBUTE);
- }
- EventBridge.emitWebEvent(JSON.stringify({ type: "filterInView", filterInView: isFilterInView }));
- refreshEntities();
- }
-
- function onRadiusChange() {
- elFilterRadius.value = elFilterRadius.value.replace(/[^0-9]/g, '');
- elFilterRadius.value = Math.max(elFilterRadius.value, 0);
- EventBridge.emitWebEvent(JSON.stringify({ type: 'radius', radius: elFilterRadius.value }));
- refreshEntities();
- }
-
- function getColumnIndex(columnID) {
- for (let i = 0; i < columns.length; ++i) {
- if (columns[i].columnID === columnID) {
- return i;
- }
- }
- return -1;
- }
-
- function createColumnClassName(columnID) {
- let column = columnsByID[columnID];
- let visible = column.elTh.style.visibility !== "hidden";
- let className = column.data.glyph ? "glyph" : "";
- className += visible ? "" : " hidden";
- return className;
- }
-
- function isColumnsDropdownVisible() {
- return elColumnsOptions.style.display === "block";
- }
-
- function toggleColumnsDropdown() {
- elColumnsOptions.style.display = isColumnsDropdownVisible() ? "none" : "block";
- }
-
- function onToggleColumnsDropdown(event) {
- toggleColumnsDropdown();
- if (isTypeDropdownVisible()) {
- toggleTypeDropdown();
- }
- event.stopPropagation();
- }
-
- function toggleColumn(elInput, refresh) {
- let columnID = elInput.getAttribute("columnID");
- let columnChecked = elInput.checked;
-
- if (columnChecked) {
- let widthNeeded = columnsByID[columnID].data.initialWidth;
-
- let numberVisibleColumns = 0;
- for (let i = 0; i < columns.length; ++i) {
- let column = columns[i];
- if (column.columnID === columnID) {
- column.width = widthNeeded;
- } else if (column.width > 0) {
- ++numberVisibleColumns;
- }
- }
-
- for (let i = 0; i < columns.length; ++i) {
- let column = columns[i];
- if (column.columnID !== columnID && column.width > 0) {
- column.width -= column.width * widthNeeded;
- }
- }
- } else {
- let widthLoss = 0;
-
- let numberVisibleColumns = 0;
- for (let i = 0; i < columns.length; ++i) {
- let column = columns[i];
- if (column.columnID === columnID) {
- widthLoss = column.width;
- column.width = 0;
- } else if (column.width > 0) {
- ++numberVisibleColumns;
- }
- }
-
- for (let i = 0; i < columns.length; ++i) {
- let column = columns[i];
- if (column.columnID !== columnID && column.width > 0) {
- let newTotalWidth = (1 - widthLoss);
- column.width += (column.width / newTotalWidth) * widthLoss;
- }
- }
- }
-
- updateColumnWidths();
- }
-
- function onToggleColumn(event) {
- let elTarget = event.target;
- if (elTarget instanceof HTMLInputElement) {
- toggleColumn(elTarget, true);
- }
- event.stopPropagation();
- }
-
- function isTypeDropdownVisible() {
- return elFilterTypeOptions.style.display === "block";
- }
-
- function toggleTypeDropdown() {
- elFilterTypeOptions.style.display = isTypeDropdownVisible() ? "none" : "block";
- }
-
- function onToggleTypeDropdown(event) {
- toggleTypeDropdown();
- if (isColumnsDropdownVisible()) {
- toggleColumnsDropdown();
- }
- event.stopPropagation();
- }
-
- function refreshTypeFilter(refreshList) {
- if (typeFilters.length === 0) {
- elFilterTypeText.innerText = "No Types";
- } else if (typeFilters.length === FILTER_TYPES.length) {
- elFilterTypeText.innerText = "All Types";
- } else {
- elFilterTypeText.innerText = "Types...";
- }
-
- if (refreshList) {
- refreshEntityList();
- }
- }
-
- function toggleTypeFilter(elInput, refreshList) {
- let type = elInput.getAttribute("filterType");
- let typeChecked = elInput.checked;
-
- let typeFilterIndex = typeFilters.indexOf(type);
- if (!typeChecked && typeFilterIndex > -1) {
- typeFilters.splice(typeFilterIndex, 1);
- } else if (typeChecked && typeFilterIndex === -1) {
- typeFilters.push(type);
- }
-
- refreshTypeFilter(refreshList);
- }
-
- function onToggleTypeFilter(event) {
- let elTarget = event.target;
- if (elTarget instanceof HTMLInputElement) {
- toggleTypeFilter(elTarget, true);
- }
- event.stopPropagation();
- }
-
- function onSelectAllTypes(event) {
- for (let type in elFilterTypeInputs) {
- elFilterTypeInputs[type].checked = true;
- }
- typeFilters = FILTER_TYPES;
- refreshTypeFilter(true);
- event.stopPropagation();
- }
-
- function onClearAllTypes(event) {
- for (let type in elFilterTypeInputs) {
- elFilterTypeInputs[type].checked = false;
- }
- typeFilters = [];
- refreshTypeFilter(true);
- event.stopPropagation();
- }
-
- function onBodyClick(event) {
- // if clicking anywhere outside of the multiselect dropdowns (since click event bubbled up to onBodyClick and
- // propagation wasn't stopped in the toggle type/column callbacks) and the dropdown is open then close it
- if (isTypeDropdownVisible()) {
- toggleTypeDropdown();
- }
- if (isColumnsDropdownVisible()) {
- toggleColumnsDropdown();
- }
- }
-
- function onStartResize(event) {
- lastResizeEvent = event;
- resizeColumnIndex = parseInt(this.parentNode.getAttribute("columnIndex"));
- event.stopPropagation();
- }
-
- function updateColumnWidths() {
- let fullWidth = elEntityTableBody.offsetWidth;
- let remainingWidth = fullWidth;
- let scrollbarVisible = elEntityTableScroll.scrollHeight > elEntityTableScroll.clientHeight;
- let resizerRight = scrollbarVisible ? SCROLLBAR_WIDTH - RESIZER_WIDTH/2 : -RESIZER_WIDTH/2;
- let visibleColumns = 0;
-
- for (let i = columns.length - 1; i > 0; --i) {
- let column = columns[i];
- column.widthPx = Math.ceil(column.width * fullWidth);
- column.elTh.style = "min-width:" + column.widthPx + "px;" + "max-width:" + column.widthPx + "px;";
- let columnVisible = column.width > 0;
- column.elTh.style.visibility = columnVisible ? "visible" : "hidden";
- if (column.elResizer) {
- column.elResizer.style = "right:" + resizerRight + "px;";
- column.elResizer.style.visibility = columnVisible && visibleColumns > 0 ? "visible" : "hidden";
- }
- resizerRight += column.widthPx;
- remainingWidth -= column.widthPx;
- if (columnVisible) {
- ++visibleColumns;
- }
- }
-
- // assign all remaining space to the first column
- let column = columns[0];
- column.widthPx = remainingWidth;
- column.width = remainingWidth / fullWidth;
- column.elTh.style = "min-width:" + column.widthPx + "px;" + "max-width:" + column.widthPx + "px;";
- let columnVisible = column.width > 0;
- column.elTh.style.visibility = columnVisible ? "visible" : "hidden";
- if (column.elResizer) {
- column.elResizer.style = "right:" + resizerRight + "px;";
- column.elResizer.style.visibility = columnVisible && visibleColumns > 0 ? "visible" : "hidden";
- }
-
- entityList.refresh();
- }
-
- function swapColumns(columnAIndex, columnBIndex) {
- let columnA = columns[columnAIndex];
- let columnB = columns[columnBIndex];
- let columnATh = columns[columnAIndex].elTh;
- let columnBTh = columns[columnBIndex].elTh;
- let columnThParent = columnATh.parentNode;
- columnThParent.removeChild(columnBTh);
- columnThParent.insertBefore(columnBTh, columnATh);
- columnATh.setAttribute("columnIndex", columnBIndex);
- columnBTh.setAttribute("columnIndex", columnAIndex);
- columnA.elResizer.setAttribute("columnIndex", columnBIndex);
- columnB.elResizer.setAttribute("columnIndex", columnAIndex);
-
- for (let i = 0; i < visibleEntities.length; ++i) {
- let elRow = visibleEntities[i].elRow;
- if (elRow) {
- let columnACell = elRow.childNodes[columnAIndex];
- let columnBCell = elRow.childNodes[columnBIndex];
- elRow.removeChild(columnBCell);
- elRow.insertBefore(columnBCell, columnACell);
- }
- }
-
- columns[columnAIndex] = columnB;
- columns[columnBIndex] = columnA;
-
- updateColumnWidths();
- }
-
- document.onmousemove = function(event) {
- if (lastResizeEvent) {
- startTh = null;
-
- let column = columns[resizeColumnIndex];
-
- let nextColumnIndex = resizeColumnIndex + 1;
- let nextColumn = columns[nextColumnIndex];
- while (nextColumn.width === 0) {
- nextColumn = columns[++nextColumnIndex];
- }
-
- let fullWidth = elEntityTableBody.offsetWidth;
- let dx = event.clientX - lastResizeEvent.clientX;
- let dPct = dx / fullWidth;
-
- let newColWidth = column.width + dPct;
- let newNextColWidth = nextColumn.width - dPct;
-
- if (newColWidth * fullWidth >= MINIMUM_COLUMN_WIDTH && newNextColWidth * fullWidth >= MINIMUM_COLUMN_WIDTH) {
- column.width += dPct;
- nextColumn.width -= dPct;
- updateColumnWidths();
- lastResizeEvent = event;
- }
- } else if (elTargetTh) {
- let dxFromInitial = event.clientX - initialThEvent.clientX;
- if (Math.abs(dxFromInitial) >= DELTA_X_MOVE_COLUMNS_THRESHOLD) {
- elTargetTh.className = "dragging";
- }
- if (targetColumnIndex < columns.length - 1) {
- let nextColumnIndex = targetColumnIndex + 1;
- let nextColumnTh = columns[nextColumnIndex].elTh;
- let nextColumnStartX = nextColumnTh.getBoundingClientRect().left;
- if (event.clientX >= nextColumnStartX && event.clientX - lastColumnSwapPosition >= DELTA_X_COLUMN_SWAP_POSITION) {
- swapColumns(targetColumnIndex, nextColumnIndex);
- targetColumnIndex = nextColumnIndex;
- lastColumnSwapPosition = event.clientX;
- }
- }
- if (targetColumnIndex >= 1) {
- let prevColumnIndex = targetColumnIndex - 1;
- let prevColumnTh = columns[prevColumnIndex].elTh;
- let prevColumnEndX = prevColumnTh.getBoundingClientRect().right;
- if (event.clientX <= prevColumnEndX && lastColumnSwapPosition - event.clientX >= DELTA_X_COLUMN_SWAP_POSITION) {
- swapColumns(prevColumnIndex, targetColumnIndex);
- targetColumnIndex = prevColumnIndex;
- lastColumnSwapPosition = event.clientX;
- }
- }
- } else if (elTargetSpan) {
- let dxFromInitial = event.clientX - initialThEvent.clientX;
- if (Math.abs(dxFromInitial) >= DELTA_X_MOVE_COLUMNS_THRESHOLD) {
- elTargetTh = elTargetSpan.parentNode;
- elTargetTh.className = "dragging";
- targetColumnIndex = parseInt(elTargetTh.getAttribute("columnIndex"));
- lastColumnSwapPosition = event.clientX;
- elTargetSpan = null;
- }
- }
- };
-
- document.onmouseup = function(event) {
- if (elTargetTh) {
- if (elTargetTh.className !== "dragging" && elTargetTh === event.target) {
- let columnID = elTargetTh.getAttribute("columnID");
- setSortColumn(columnID);
- }
- elTargetTh.className = "";
- } else if (elTargetSpan) {
- let columnID = elTargetSpan.parentNode.getAttribute("columnID");
- setSortColumn(columnID);
- }
- lastResizeEvent = null;
- elTargetTh = null;
- elTargetSpan = null;
- initialThEvent = null;
- };
-
- function setSpaceMode(spaceMode) {
- if (spaceMode === "local") {
- elToggleSpaceMode.className = "space-mode-local hifi-edit-button";
- elToggleSpaceMode.innerText = "Local";
- } else {
- elToggleSpaceMode.className = "space-mode-world hifi-edit-button";
- elToggleSpaceMode.innerText = "World";
- }
- }
-
- const KEY_CODES = {
- BACKSPACE: 8,
- DELETE: 46
- };
-
- document.addEventListener("keyup", function (keyUpEvent) {
- const FILTERED_NODE_NAMES = ["INPUT", "TEXTAREA"];
- if (FILTERED_NODE_NAMES.includes(keyUpEvent.target.nodeName)) {
- return;
- }
-
- let {code, key, keyCode, altKey, ctrlKey, metaKey, shiftKey} = keyUpEvent;
-
- let controlKey = window.navigator.platform.startsWith("Mac") ? metaKey : ctrlKey;
-
- let keyCodeString;
- switch (keyCode) {
- case KEY_CODES.DELETE:
- keyCodeString = "Delete";
- break;
- case KEY_CODES.BACKSPACE:
- keyCodeString = "Backspace";
- break;
- default:
- keyCodeString = String.fromCharCode(keyUpEvent.keyCode);
- break;
- }
-
- if (controlKey && keyCodeString === "A") {
- let visibleEntityIDs = visibleEntities.map(visibleEntity => visibleEntity.id);
- let selectionIncludesAllVisibleEntityIDs = visibleEntityIDs.every(visibleEntityID => {
- return selectedEntities.includes(visibleEntityID);
- });
-
- let selection = [];
-
- if (!selectionIncludesAllVisibleEntityIDs) {
- selection = visibleEntityIDs;
- }
-
- updateSelectedEntities(selection);
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: "selectionUpdate",
- focus: false,
- entityIds: selection,
- }));
-
- return;
- }
-
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: 'keyUpEvent',
- keyUpEvent: {
- code,
- key,
- keyCode,
- keyCodeString,
- altKey,
- controlKey,
- shiftKey,
- }
- }));
- }, false);
-
- if (window.EventBridge !== undefined) {
- EventBridge.scriptEventReceived.connect(function(data) {
- data = JSON.parse(data);
- if (data.type === "clearEntityList") {
- clearEntities();
- } else if (data.type === "selectionUpdate") {
- let notFound = updateSelectedEntities(data.selectedIDs, true);
- if (notFound) {
- refreshEntities();
- }
- } else if (data.type === "update" && data.selectedIDs !== undefined) {
- PROFILE("update", function() {
- let newEntities = data.entities;
- if (newEntities) {
- if (newEntities.length === 0) {
- clearEntities();
- } else {
- updateEntityData(newEntities);
- updateSelectedEntities(data.selectedIDs, true);
- }
- }
- setSpaceMode(data.spaceMode);
- });
- } else if (data.type === "removeEntities" && data.deletedIDs !== undefined && data.selectedIDs !== undefined) {
- removeEntities(data.deletedIDs);
- updateSelectedEntities(data.selectedIDs, true);
- } else if (data.type === "deleted" && data.ids) {
- removeEntities(data.ids);
- } else if (data.type === "setSpaceMode") {
- setSpaceMode(data.spaceMode);
- }
- });
- }
-
- refreshSortOrder();
- refreshEntities();
-
- window.addEventListener("resize", updateColumnWidths);
- });
-
- augmentSpinButtons();
- disableDragDrop();
-
- document.addEventListener("contextmenu", function(event) {
- entityListContextMenu.close();
-
- // Disable default right-click context menu which is not visible in the HMD and makes it seem like the app has locked
- event.preventDefault();
- }, false);
-
- // close context menu when switching focus to another window
- $(window).blur(function() {
- entityListContextMenu.close();
- });
-}
diff --git a/scripts/simplifiedUI/system/create/entityList/html/js/entityListContextMenu.js b/scripts/simplifiedUI/system/create/entityList/html/js/entityListContextMenu.js
deleted file mode 100644
index d71719f252..0000000000
--- a/scripts/simplifiedUI/system/create/entityList/html/js/entityListContextMenu.js
+++ /dev/null
@@ -1,163 +0,0 @@
-//
-// entityListContextMenu.js
-//
-// exampleContextMenus.js was originally created by David Rowe on 22 Aug 2018.
-// Modified to entityListContextMenu.js by Thijs Wenker on 10 Oct 2018
-// Copyright 2018 High Fidelity, Inc.
-//
-// Distributed under the Apache License, Version 2.0.
-// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-//
-
-/* eslint-env browser */
-const CONTEXT_MENU_CLASS = "context-menu";
-
-/**
- * ContextMenu class for EntityList
- * @constructor
- */
-function EntityListContextMenu() {
- this._elContextMenu = null;
- this._onSelectedCallback = null;
- this._listItems = [];
- this._initialize();
-}
-
-EntityListContextMenu.prototype = {
-
- /**
- * @private
- */
- _elContextMenu: null,
-
- /**
- * @private
- */
- _onSelectedCallback: null,
-
- /**
- * @private
- */
- _selectedEntityID: null,
-
- /**
- * @private
- */
- _listItems: null,
-
- /**
- * Close the context menu
- */
- close: function() {
- if (this.isContextMenuOpen()) {
- this._elContextMenu.style.display = "none";
- }
- },
-
- isContextMenuOpen: function() {
- return this._elContextMenu.style.display === "block";
- },
-
- /**
- * Open the context menu
- * @param clickEvent
- * @param selectedEntityID
- * @param enabledOptions
- */
- open: function(clickEvent, selectedEntityID, enabledOptions) {
- this._selectedEntityID = selectedEntityID;
-
- this._listItems.forEach(function(listItem) {
- let enabled = enabledOptions.includes(listItem.label);
- listItem.enabled = enabled;
- listItem.element.setAttribute('class', enabled ? '' : 'disabled');
- });
-
- this._elContextMenu.style.display = "block";
- this._elContextMenu.style.left
- = Math.min(clickEvent.pageX, document.body.offsetWidth - this._elContextMenu.offsetWidth).toString() + "px";
- this._elContextMenu.style.top
- = Math.min(clickEvent.pageY, document.body.clientHeight - this._elContextMenu.offsetHeight).toString() + "px";
- clickEvent.stopPropagation();
- },
-
- /**
- * Set the callback for when a menu item is selected
- * @param onSelectedCallback
- */
- setOnSelectedCallback: function(onSelectedCallback) {
- this._onSelectedCallback = onSelectedCallback;
- },
-
- /**
- * Add a labeled item to the context menu
- * @param itemLabel
- * @private
- */
- _addListItem: function(itemLabel) {
- let elListItem = document.createElement("li");
- elListItem.innerText = itemLabel;
-
- let listItem = {
- label: itemLabel,
- element: elListItem,
- enabled: false
- };
-
- elListItem.addEventListener("click", function () {
- if (listItem.enabled && this._onSelectedCallback) {
- this._onSelectedCallback.call(this, itemLabel, this._selectedEntityID);
- }
- }.bind(this), false);
-
- elListItem.setAttribute('class', 'disabled');
-
- this._listItems.push(listItem);
- this._elContextMenu.appendChild(elListItem);
- },
-
- /**
- * Add a separator item to the context menu
- * @private
- */
- _addListSeparator: function() {
- let elListItem = document.createElement("li");
- elListItem.setAttribute('class', 'separator');
- this._elContextMenu.appendChild(elListItem);
- },
-
- /**
- * Initialize the context menu.
- * @private
- */
- _initialize: function() {
- this._elContextMenu = document.createElement("ul");
- this._elContextMenu.setAttribute("class", CONTEXT_MENU_CLASS);
- document.body.appendChild(this._elContextMenu);
-
- this._addListItem("Cut");
- this._addListItem("Copy");
- this._addListItem("Paste");
- this._addListSeparator();
- this._addListItem("Rename");
- this._addListItem("Duplicate");
- this._addListItem("Delete");
-
- // Ignore clicks on context menu background or separator.
- this._elContextMenu.addEventListener("click", function(event) {
- // Sink clicks on context menu background or separator but let context menu item clicks through.
- if (event.target.classList.contains(CONTEXT_MENU_CLASS)) {
- event.stopPropagation();
- }
- });
-
- // Provide means to close context menu without clicking menu item.
- document.body.addEventListener("click", this.close.bind(this));
- document.body.addEventListener("keydown", function(event) {
- // Close context menu with Esc key.
- if (this.isContextMenuOpen() && event.key === "Escape") {
- this.close();
- }
- }.bind(this));
- }
-};
diff --git a/scripts/simplifiedUI/system/create/entityList/html/js/listView.js b/scripts/simplifiedUI/system/create/entityList/html/js/listView.js
deleted file mode 100644
index eec3f833ad..0000000000
--- a/scripts/simplifiedUI/system/create/entityList/html/js/listView.js
+++ /dev/null
@@ -1,307 +0,0 @@
-// listView.js
-//
-// Created by David Back on 27 Aug 2018
-// Copyright 2018 High Fidelity, Inc.
-//
-// Distributed under the Apache License, Version 2.0.
-// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-
-const SCROLL_ROWS = 2; // number of rows used as scrolling buffer, each time we pass this number of rows we scroll
-const FIRST_ROW_INDEX = 2; // the first elRow element's index in the child nodes of the table body
-
-function ListView(elTableBody, elTableScroll, elTableHeaderRow, createRowFunction, updateRowFunction, clearRowFunction,
- preRefreshFunction, postRefreshFunction, preResizeFunction, WINDOW_NONVARIABLE_HEIGHT) {
- this.elTableBody = elTableBody;
- this.elTableScroll = elTableScroll;
- this.elTableHeaderRow = elTableHeaderRow;
-
- this.elTopBuffer = null;
- this.elBottomBuffer = null;
-
- this.createRowFunction = createRowFunction;
- this.updateRowFunction = updateRowFunction;
- this.clearRowFunction = clearRowFunction;
- this.preRefreshFunction = preRefreshFunction;
- this.postRefreshFunction = postRefreshFunction;
- this.preResizeFunction = preResizeFunction;
-
- // the list of row elements created in the table up to max viewable height plus SCROLL_ROWS rows for scrolling buffer
- this.elRows = [];
- // the list of all row item data to show in the scrolling table, passed to updateRowFunction to set to each row
- this.itemData = [];
- // the current index within the itemData list that is set to the top most elRow element
- this.rowOffset = 0;
- // height of the elRow elements
- this.rowHeight = 0;
- // the previous elTableScroll.scrollTop value when the elRows were last shifted for scrolling
- this.lastRowShiftScrollTop = 0;
-
- this.initialize();
-}
-
-ListView.prototype = {
- getNumRows: function() {
- return this.elRows.length;
- },
-
- getScrollHeight: function() {
- return this.rowHeight * SCROLL_ROWS;
- },
-
- getFirstVisibleRowIndex: function() {
- return this.rowOffset;
- },
-
- getLastVisibleRowIndex: function() {
- return this.getFirstVisibleRowIndex() + entityList.getNumRows() - 1;
- },
-
- resetToTop: function() {
- this.rowOffset = 0;
- this.lastRowShiftScrollTop = 0;
- this.refreshBuffers();
- this.elTableScroll.scrollTop = 0;
- },
-
- clear: function() {
- for (let i = 0; i < this.getNumRows(); i++) {
- let elRow = this.elTableBody.childNodes[i + FIRST_ROW_INDEX];
- this.clearRowFunction(elRow);
- elRow.style.display = "none"; // hide cleared rows
- }
- },
-
- scroll: function() {
- let scrollTop = this.elTableScroll.scrollTop;
- let scrollHeight = this.getScrollHeight();
- let nextRowChangeScrollTop = this.lastRowShiftScrollTop + scrollHeight;
- let totalItems = this.itemData.length;
- let numRows = this.getNumRows();
-
- // if the top of the scroll area has past the amount of scroll row space since the last point of scrolling and there
- // are still more rows to scroll to then trigger a scroll down by the min of the scroll row space or number of
- // remaining rows below
- // if the top of the scroll area has gone back above the last point of scrolling then trigger a scroll up by min of
- // the scroll row space or number of rows above
- if (scrollTop >= nextRowChangeScrollTop && numRows + this.rowOffset < totalItems) {
- let numScrolls = Math.ceil((scrollTop - nextRowChangeScrollTop) / scrollHeight);
- let numScrollRows = numScrolls * SCROLL_ROWS;
- if (numScrollRows + this.rowOffset + numRows > totalItems) {
- numScrollRows = totalItems - this.rowOffset - numRows;
- }
- this.scrollRows(numScrollRows);
- } else if (scrollTop < this.lastRowShiftScrollTop) {
- let numScrolls = Math.ceil((this.lastRowShiftScrollTop - scrollTop) / scrollHeight);
- let numScrollRows = numScrolls * SCROLL_ROWS;
- if (this.rowOffset - numScrollRows < 0) {
- numScrollRows = this.rowOffset;
- }
- this.scrollRows(-numScrollRows);
- }
- },
-
- scrollRows: function(numScrollRows) {
- let numScrollRowsAbsolute = Math.abs(numScrollRows);
- if (numScrollRowsAbsolute === 0) {
- return;
- }
-
- let scrollDown = numScrollRows > 0;
-
- let prevTopHeight = parseInt(this.elTopBuffer.getAttribute("height"));
- let prevBottomHeight = parseInt(this.elBottomBuffer.getAttribute("height"));
-
- // if the number of rows to scroll at once is greater than the total visible number of row elements,
- // then just advance the rowOffset accordingly and allow the refresh below to update all rows
- if (numScrollRowsAbsolute > this.getNumRows()) {
- this.rowOffset += numScrollRows;
- } else {
- // for each row to scroll down, move the top row element to the bottom of the
- // table before the bottom buffer and reset it's row data to the new item
- // for each row to scroll up, move the bottom row element to the top of
- // the table before the top row and reset it's row data to the new item
- for (let i = 0; i < numScrollRowsAbsolute; i++) {
- let topRow = this.elTableBody.childNodes[FIRST_ROW_INDEX];
- let rowToMove = scrollDown ? topRow : this.elTableBody.childNodes[FIRST_ROW_INDEX + this.getNumRows() - 1];
- let rowIndex = scrollDown ? this.getNumRows() + this.rowOffset : this.rowOffset - 1;
- let moveRowBefore = scrollDown ? this.elBottomBuffer : topRow;
- this.elTableBody.removeChild(rowToMove);
- this.elTableBody.insertBefore(rowToMove, moveRowBefore);
- this.updateRowFunction(rowToMove, this.itemData[rowIndex]);
- this.rowOffset += scrollDown ? 1 : -1;
- }
- }
-
- // add/remove the row space that was scrolled away to the top buffer height and last scroll point
- // add/remove the row space that was scrolled away to the bottom buffer height
- let scrolledSpace = this.rowHeight * numScrollRows;
- let newTopHeight = prevTopHeight + scrolledSpace;
- let newBottomHeight = prevBottomHeight - scrolledSpace;
- this.elTopBuffer.setAttribute("height", newTopHeight);
- this.elBottomBuffer.setAttribute("height", newBottomHeight);
- this.lastRowShiftScrollTop += scrolledSpace;
-
- // if scrolling more than the total number of visible rows at once then refresh all row data
- if (numScrollRowsAbsolute > this.getNumRows()) {
- this.refresh();
- }
- },
-
- /**
- * Scrolls firstRowIndex with least effort, also tries to make the window include the other selections in case lastRowIndex is set.
- * In the case that firstRowIndex and lastRowIndex are already within the visible bounds then nothing will happen.
- * @param {number} firstRowIndex - The row that will be scrolled to.
- * @param {number} lastRowIndex - The last index of the bound.
- */
- scrollToRow: function (firstRowIndex, lastRowIndex) {
- lastRowIndex = lastRowIndex ? lastRowIndex : firstRowIndex;
- let boundingTop = firstRowIndex * this.rowHeight;
- let boundingBottom = (lastRowIndex * this.rowHeight) + this.rowHeight;
- if ((boundingBottom - boundingTop) > this.elTableScroll.clientHeight) {
- boundingBottom = boundingTop + this.elTableScroll.clientHeight;
- }
-
- let currentVisibleAreaTop = this.elTableScroll.scrollTop;
- let currentVisibleAreaBottom = currentVisibleAreaTop + this.elTableScroll.clientHeight;
-
- if (boundingTop < currentVisibleAreaTop) {
- this.elTableScroll.scrollTop = boundingTop;
- } else if (boundingBottom > currentVisibleAreaBottom) {
- this.elTableScroll.scrollTop = boundingBottom - (this.elTableScroll.clientHeight);
- }
- },
-
- refresh: function() {
- this.preRefreshFunction();
- // block refreshing before rows are initialized
- let numRows = this.getNumRows();
- if (numRows === 0) {
- return;
- }
-
- let prevScrollTop = this.elTableScroll.scrollTop;
-
- // start with all row data cleared and initially set to invisible
- this.clear();
-
- // if we are at the bottom of the list adjust row offset to make sure all rows stay in view
- this.refreshRowOffset();
-
- // update all row data and set rows visible until max visible items reached
- for (let i = 0; i < numRows; i++) {
- let rowIndex = i + this.rowOffset;
- if (rowIndex >= this.itemData.length) {
- break;
- }
- let rowElementIndex = i + FIRST_ROW_INDEX;
- let elRow = this.elTableBody.childNodes[rowElementIndex];
- let itemData = this.itemData[rowIndex];
- this.updateRowFunction(elRow, itemData);
- elRow.style.display = ""; // make sure the row is visible
- }
-
- // update the top and bottom buffer heights to adjust for above changes
- this.refreshBuffers();
-
- // adjust the last row shift scroll point based on how much the current scroll point changed
- let scrollTopDifference = this.elTableScroll.scrollTop - prevScrollTop;
- if (scrollTopDifference !== 0) {
- this.lastRowShiftScrollTop += scrollTopDifference;
- if (this.lastRowShiftScrollTop < 0) {
- this.lastRowShiftScrollTop = 0;
- }
- }
- this.postRefreshFunction();
- },
-
- refreshBuffers: function() {
- // top buffer height is the number of hidden rows above the top row
- let topHiddenRows = this.rowOffset;
- let topBufferHeight = this.rowHeight * topHiddenRows;
- this.elTopBuffer.setAttribute("height", topBufferHeight);
-
- // bottom buffer height is the number of hidden rows below the bottom row (last scroll buffer row)
- let bottomHiddenRows = this.itemData.length - this.getNumRows() - this.rowOffset;
- let bottomBufferHeight = this.rowHeight * bottomHiddenRows;
- if (bottomHiddenRows < 0) {
- bottomBufferHeight = 0;
- }
- this.elBottomBuffer.setAttribute("height", bottomBufferHeight);
- },
-
- refreshRowOffset: function() {
- // make sure the row offset isn't causing visible rows to pass the end of the item list and is clamped to 0
- let numRows = this.getNumRows();
- if (this.rowOffset + numRows > this.itemData.length) {
- this.rowOffset = this.itemData.length - numRows;
- }
- if (this.rowOffset < 0) {
- this.rowOffset = 0;
- }
- },
-
- resize: function() {
- if (!this.elTableBody || !this.elTableScroll) {
- console.log("ListView.resize - no valid table body or table scroll element");
- return;
- }
- this.preResizeFunction();
- let prevScrollTop = this.elTableScroll.scrollTop;
-
- // take up available window space
- this.elTableScroll.style.height = window.innerHeight - WINDOW_NONVARIABLE_HEIGHT;
- let viewableHeight = parseInt(this.elTableScroll.style.height) + 1;
-
- // remove all existing row elements and clear row list
- for (let i = 0; i < this.getNumRows(); i++) {
- let elRow = this.elRows[i];
- this.elTableBody.removeChild(elRow);
- }
- this.elRows = [];
-
- // create new row elements inserted between the top and bottom buffers up until the max viewable scroll area
- let usedHeight = 0;
- while (usedHeight < viewableHeight) {
- let newRow = this.createRowFunction();
- this.elTableBody.insertBefore(newRow, this.elBottomBuffer);
- this.rowHeight = newRow.offsetHeight;
- usedHeight += this.rowHeight;
- this.elRows.push(newRow);
- }
-
- // add SCROLL_ROWS extras rows for scrolling buffer purposes
- for (let i = 0; i < SCROLL_ROWS; i++) {
- let scrollRow = this.createRowFunction();
- this.elTableBody.insertBefore(scrollRow, this.elBottomBuffer);
- this.elRows.push(scrollRow);
- }
-
- // restore the scroll point to the same scroll point from before above changes
- this.elTableScroll.scrollTop = prevScrollTop;
-
- this.refresh();
- },
-
- initialize: function() {
- if (!this.elTableBody || !this.elTableScroll) {
- console.log("ListView.initialize - no valid table body or table scroll element");
- return;
- }
-
- this.elTopBuffer = document.createElement("tr");
- this.elTableBody.appendChild(this.elTopBuffer);
- this.elTopBuffer.setAttribute("height", 0);
-
- this.elBottomBuffer = document.createElement("tr");
- this.elTableBody.appendChild(this.elBottomBuffer);
- this.elBottomBuffer.setAttribute("height", 0);
-
- this.onScroll = this.scroll.bind(this);
- this.elTableScroll.addEventListener("scroll", this.onScroll);
- this.onResize = this.resize.bind(this);
- window.addEventListener("resize", this.onResize);
-
- // initialize all row elements
- this.resize();
- }
-};
diff --git a/scripts/simplifiedUI/system/create/entityList/qml/EditEntityList.qml b/scripts/simplifiedUI/system/create/entityList/qml/EditEntityList.qml
deleted file mode 100644
index 1d5beb9914..0000000000
--- a/scripts/simplifiedUI/system/create/entityList/qml/EditEntityList.qml
+++ /dev/null
@@ -1,16 +0,0 @@
-import QtQuick 2.7
-import QtQuick.Controls 2.2
-import QtWebChannel 1.0
-import controls 1.0
-import hifi.toolbars 1.0
-import QtGraphicalEffects 1.0
-import controlsUit 1.0 as HifiControls
-import stylesUit 1.0
-
-
-WebView {
- id: entityListToolWebView
- url: Qt.resolvedUrl("../html/entityList.html")
- enabled: true
- blurOnCtrlShift: false
-}
diff --git a/scripts/simplifiedUI/system/create/entityList/qml/EntityList.qml b/scripts/simplifiedUI/system/create/entityList/qml/EntityList.qml
deleted file mode 100644
index 8f92ffe6ce..0000000000
--- a/scripts/simplifiedUI/system/create/entityList/qml/EntityList.qml
+++ /dev/null
@@ -1,6 +0,0 @@
-WebView {
- id: entityListToolWebView
- url: Qt.resolvedUrl("../html/entityList.html")
- enabled: true
- blurOnCtrlShift: false
-}
diff --git a/scripts/simplifiedUI/system/create/entityProperties/html/entityProperties.html b/scripts/simplifiedUI/system/create/entityProperties/html/entityProperties.html
deleted file mode 100644
index 876e75ec35..0000000000
--- a/scripts/simplifiedUI/system/create/entityProperties/html/entityProperties.html
+++ /dev/null
@@ -1,52 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- There are no entities to display. Please check your filters or create an entity to begin.
-
-
-
-
-
-
diff --git a/scripts/simplifiedUI/system/create/entityProperties/html/js/createAppTooltip.js b/scripts/simplifiedUI/system/create/entityProperties/html/js/createAppTooltip.js
deleted file mode 100644
index 3eb206d8a3..0000000000
--- a/scripts/simplifiedUI/system/create/entityProperties/html/js/createAppTooltip.js
+++ /dev/null
@@ -1,116 +0,0 @@
-// createAppTooltip.js
-//
-// Created by Thijs Wenker on 17 Oct 2018
-// Copyright 2018 High Fidelity, Inc.
-//
-// Distributed under the Apache License, Version 2.0.
-// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-
-const CREATE_APP_TOOLTIP_OFFSET = 20;
-const TOOLTIP_DELAY = 500; // ms
-const TOOLTIP_DEBUG = false;
-
-function CreateAppTooltip() {
- this._tooltipData = null;
- this._tooltipDiv = null;
- this._delayTimeout = null;
- this._isEnabled = false;
-}
-
-CreateAppTooltip.prototype = {
- _tooltipData: null,
- _tooltipDiv: null,
- _delayTimeout: null,
- _isEnabled: null,
-
- _removeTooltipIfExists: function() {
- if (this._delayTimeout !== null) {
- window.clearTimeout(this._delayTimeout);
- this._delayTimeout = null;
- }
-
- if (this._tooltipDiv !== null) {
- this._tooltipDiv.remove();
- this._tooltipDiv = null;
- }
- },
-
- setIsEnabled: function(isEnabled) {
- this._isEnabled = isEnabled;
- },
-
- setTooltipData: function(tooltipData) {
- this._tooltipData = tooltipData;
- },
-
- registerTooltipElement: function(element, tooltipID, jsPropertyName) {
- element.addEventListener("mouseover", function() {
- if (!this._isEnabled) {
- return;
- }
-
- this._removeTooltipIfExists();
-
- this._delayTimeout = window.setTimeout(function() {
- let tooltipData = this._tooltipData[tooltipID];
-
- if (!tooltipData || tooltipData.tooltip === "") {
- if (!TOOLTIP_DEBUG) {
- return;
- }
- tooltipData = { tooltip: 'PLEASE SET THIS TOOLTIP' };
- }
-
- let elementRect = element.getBoundingClientRect();
- let elTip = document.createElement("div");
- elTip.className = "create-app-tooltip";
-
- let elTipDescription = document.createElement("div");
- elTipDescription.className = "create-app-tooltip-description";
- elTipDescription.innerText = tooltipData.tooltip;
- elTip.appendChild(elTipDescription);
-
- let jsAttribute = jsPropertyName;
- if (tooltipData.jsPropertyName) {
- jsAttribute = tooltipData.jsPropertyName;
- }
-
- if (!tooltipData.skipJSProperty) {
- let elTipJSAttribute = document.createElement("div");
- elTipJSAttribute.className = "create-app-tooltip-js-attribute";
- elTipJSAttribute.innerText = `JS Attribute: ${jsAttribute}`;
- elTip.appendChild(elTipJSAttribute);
- }
-
- document.body.appendChild(elTip);
-
- let elementTop = window.pageYOffset + elementRect.top;
-
- let desiredTooltipTop = elementTop + element.clientHeight + CREATE_APP_TOOLTIP_OFFSET;
- let desiredTooltipLeft = window.pageXOffset + elementRect.left;
-
- if ((window.innerHeight + window.pageYOffset) < (desiredTooltipTop + elTip.clientHeight)) {
- // show above when otherwise out of bounds
- elTip.style.top = elementTop - CREATE_APP_TOOLTIP_OFFSET - elTip.clientHeight;
- } else {
- // show tooltip below by default
- elTip.style.top = desiredTooltipTop;
- }
- if ((window.innerWidth + window.pageXOffset) < (desiredTooltipLeft + elTip.clientWidth)) {
- elTip.style.left = document.body.clientWidth + window.pageXOffset - elTip.offsetWidth;
- } else {
- elTip.style.left = desiredTooltipLeft;
- }
-
- this._tooltipDiv = elTip;
- }.bind(this), TOOLTIP_DELAY);
- }.bind(this), false);
- element.addEventListener("mouseout", function() {
- if (!this._isEnabled) {
- return;
- }
-
- this._removeTooltipIfExists();
- }.bind(this), false);
- }
-};
diff --git a/scripts/simplifiedUI/system/create/entityProperties/html/js/draggableNumber.js b/scripts/simplifiedUI/system/create/entityProperties/html/js/draggableNumber.js
deleted file mode 100644
index 3c7b74290c..0000000000
--- a/scripts/simplifiedUI/system/create/entityProperties/html/js/draggableNumber.js
+++ /dev/null
@@ -1,268 +0,0 @@
-// draggableNumber.js
-//
-// Created by David Back on 7 Nov 2018
-// Copyright 2018 High Fidelity, Inc.
-//
-// Distributed under the Apache License, Version 2.0.
-// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-
-const DELTA_X_FOCUS_THRESHOLD = 1;
-const ENTER_KEY = 13;
-
-function DraggableNumber(min, max, step, decimals, dragStart, dragEnd) {
- this.min = min;
- this.max = max;
- this.step = step !== undefined ? step : 1;
- this.multiDiffModeEnabled = false;
- this.decimals = decimals;
- this.dragStartFunction = dragStart;
- this.dragEndFunction = dragEnd;
- this.dragging = false;
- this.initialMouseEvent = null;
- this.lastMouseEvent = null;
- this.valueChangeFunction = null;
- this.multiDiffStepFunction = null;
- this.initialize();
-}
-
-DraggableNumber.prototype = {
- showInput: function() {
- this.elText.style.visibility = "hidden";
- this.elLeftArrow.style.visibility = "hidden";
- this.elRightArrow.style.visibility = "hidden";
- this.elInput.style.opacity = 1;
- },
-
- hideInput: function() {
- this.elText.style.visibility = "visible";
- this.elLeftArrow.style.visibility = "visible";
- this.elRightArrow.style.visibility = "visible";
- this.elInput.style.opacity = 0;
- },
-
- mouseDown: function(event) {
- if (event.target === this.elText && !this.isDisabled()) {
- this.initialMouseEvent = event;
- this.lastMouseEvent = event;
- document.addEventListener("mousemove", this.onDocumentMouseMove);
- document.addEventListener("mouseup", this.onDocumentMouseUp);
- }
- },
-
- mouseUp: function(event) {
- if (!this.dragging && event.target === this.elText && this.initialMouseEvent) {
- let dx = event.clientX - this.initialMouseEvent.clientX;
- if (Math.abs(dx) <= DELTA_X_FOCUS_THRESHOLD) {
- this.showInput();
- this.elInput.focus();
- }
- this.initialMouseEvent = null;
- }
- },
-
- documentMouseMove: function(event) {
- if (!this.dragging && this.initialMouseEvent) {
- let dxFromInitial = event.clientX - this.initialMouseEvent.clientX;
- if (Math.abs(dxFromInitial) > DELTA_X_FOCUS_THRESHOLD) {
- if (this.dragStartFunction) {
- this.dragStartFunction();
- }
- this.dragging = true;
- }
- this.lastMouseEvent = event;
- }
- if (this.dragging && this.lastMouseEvent) {
- let dragDelta = event.clientX - this.lastMouseEvent.clientX;
- if (dragDelta !== 0) {
- if (this.multiDiffModeEnabled) {
- if (this.multiDiffStepFunction) {
- this.multiDiffStepFunction(dragDelta * this.step);
- }
- } else {
- if (dragDelta > 0) {
- this.elInput.stepUp(dragDelta);
- } else {
- this.elInput.stepDown(-dragDelta);
- }
- this.inputChange();
- if (this.valueChangeFunction) {
- this.valueChangeFunction();
- }
- }
- }
- this.lastMouseEvent = event;
- }
- },
-
- documentMouseUp: function(event) {
- if (this.dragging) {
- if (this.dragEndFunction) {
- this.dragEndFunction();
- }
- this.dragging = false;
- }
- this.lastMouseEvent = null;
- document.removeEventListener("mousemove", this.onDocumentMouseMove);
- document.removeEventListener("mouseup", this.onDocumentMouseUp);
- },
-
- stepUp: function() {
- if (!this.isDisabled()) {
- if (this.multiDiffModeEnabled) {
- if (this.multiDiffStepFunction) {
- this.multiDiffStepFunction(this.step, true);
- }
- } else {
- this.elInput.value = parseFloat(this.elInput.value) + this.step;
- this.inputChange();
- if (this.valueChangeFunction) {
- this.valueChangeFunction();
- }
- }
- }
- },
-
- stepDown: function() {
- if (!this.isDisabled()) {
- if (this.multiDiffModeEnabled) {
- if (this.multiDiffStepFunction) {
- this.multiDiffStepFunction(-this.step, true);
- }
- } else {
- this.elInput.value = parseFloat(this.elInput.value) - this.step;
- this.inputChange();
- if (this.valueChangeFunction) {
- this.valueChangeFunction();
- }
- }
- }
- },
-
- setValue: function(newValue, isMultiDiff) {
- if (isMultiDiff !== undefined) {
- this.setMultiDiff(isMultiDiff);
- }
-
- if (isNaN(newValue)) {
- console.error("DraggableNumber.setValue() > " + newValue + " is not a number.");
- return;
- }
-
- if (newValue !== "" && this.decimals !== undefined) {
- this.elInput.value = parseFloat(newValue).toFixed(this.decimals);
- } else {
- this.elInput.value = newValue;
- }
- this.elText.firstChild.data = this.elInput.value;
- },
-
- setMultiDiff: function(isMultiDiff) {
- this.multiDiffModeEnabled = isMultiDiff;
- if (isMultiDiff) {
- this.elDiv.classList.add('multi-diff');
- } else {
- this.elDiv.classList.remove('multi-diff');
- }
- },
-
- setValueChangeFunction: function(valueChangeFunction) {
- this.valueChangeFunction = valueChangeFunction.bind(this.elInput);
- this.elInput.addEventListener("change", this.valueChangeFunction);
- },
-
- setMultiDiffStepFunction: function (multiDiffStepFunction) {
- this.multiDiffStepFunction = multiDiffStepFunction;
- },
-
- inputChange: function() {
- let value = this.elInput.value;
- if (this.max !== undefined) {
- value = Math.min(this.max, value);
- }
- if (this.min !== undefined) {
- value = Math.max(this.min, value);
- }
- this.setValue(value);
- },
-
- inputBlur: function(ev) {
- this.hideInput();
- },
-
- keyPress: function(event) {
- if (event.keyCode === ENTER_KEY) {
- if (this.valueChangeFunction) {
- this.valueChangeFunction();
- }
- this.inputBlur();
- }
- },
-
- isDisabled: function() {
- return this.elText.getAttribute("disabled") === "disabled";
- },
-
- updateMinMax: function(min, max) {
- this.min = min;
- this.max = max;
- if (this.min !== undefined) {
- this.elInput.setAttribute("min", this.min);
- }
- if (this.max !== undefined) {
- this.elInput.setAttribute("max", this.max);
- }
- },
-
- initialize: function() {
- this.onMouseDown = this.mouseDown.bind(this);
- this.onMouseUp = this.mouseUp.bind(this);
- this.onDocumentMouseMove = this.documentMouseMove.bind(this);
- this.onDocumentMouseUp = this.documentMouseUp.bind(this);
- this.onStepUp = this.stepUp.bind(this);
- this.onStepDown = this.stepDown.bind(this);
- this.onInputChange = this.inputChange.bind(this);
- this.onInputBlur = this.inputBlur.bind(this);
- this.onKeyPress = this.keyPress.bind(this);
-
- this.elDiv = document.createElement('div');
- this.elDiv.className = "draggable-number";
-
- this.elText = document.createElement('span');
- this.elText.className = "text";
- this.elText.innerText = " ";
- this.elText.style.visibility = "visible";
- this.elText.addEventListener("mousedown", this.onMouseDown);
- this.elText.addEventListener("mouseup", this.onMouseUp);
-
- this.elLeftArrow = document.createElement('span');
- this.elRightArrow = document.createElement('span');
- this.elLeftArrow.className = 'left-arrow';
- this.elLeftArrow.innerHTML = 'D';
- this.elLeftArrow.addEventListener("click", this.onStepDown);
- this.elRightArrow.className = 'right-arrow';
- this.elRightArrow.innerHTML = 'D';
- this.elRightArrow.addEventListener("click", this.onStepUp);
-
- this.elMultiDiff = document.createElement('span');
- this.elMultiDiff.className = 'multi-diff';
-
- this.elInput = document.createElement('input');
- this.elInput.className = "input";
- this.elInput.setAttribute("type", "number");
- this.updateMinMax(this.min, this.max);
- if (this.step !== undefined) {
- this.elInput.setAttribute("step", this.step);
- }
- this.elInput.style.opacity = 0;
- this.elInput.addEventListener("change", this.onInputChange);
- this.elInput.addEventListener("blur", this.onInputBlur);
- this.elInput.addEventListener("keypress", this.onKeyPress);
- this.elInput.addEventListener("focus", this.showInput.bind(this));
-
- this.elDiv.appendChild(this.elLeftArrow);
- this.elDiv.appendChild(this.elText);
- this.elDiv.appendChild(this.elInput);
- this.elDiv.appendChild(this.elMultiDiff);
- this.elDiv.appendChild(this.elRightArrow);
- }
-};
diff --git a/scripts/simplifiedUI/system/create/entityProperties/html/js/entityProperties.js b/scripts/simplifiedUI/system/create/entityProperties/html/js/entityProperties.js
deleted file mode 100644
index 40ee1b78bc..0000000000
--- a/scripts/simplifiedUI/system/create/entityProperties/html/js/entityProperties.js
+++ /dev/null
@@ -1,4424 +0,0 @@
-// entityProperties.js
-//
-// Created by Ryan Huffman on 13 Nov 2014
-// Modified by David Back on 19 Oct 2018
-// Copyright 2014 High Fidelity, Inc.
-//
-// Distributed under the Apache License, Version 2.0.
-// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-
-/* global alert, augmentSpinButtons, clearTimeout, console, document, Element,
- EventBridge, JSONEditor, openEventBridge, setTimeout, window, _, $ */
-
-const DEGREES_TO_RADIANS = Math.PI / 180.0;
-
-const NO_SELECTION = ",";
-
-const PROPERTY_SPACE_MODE = Object.freeze({
- ALL: 0,
- LOCAL: 1,
- WORLD: 2
-});
-
-const PROPERTY_SELECTION_VISIBILITY = Object.freeze({
- SINGLE_SELECTION: 1,
- MULTIPLE_SELECTIONS: 2,
- MULTI_DIFF_SELECTIONS: 4,
- ANY_SELECTIONS: 7, /* SINGLE_SELECTION | MULTIPLE_SELECTIONS | MULTI_DIFF_SELECTIONS */
-});
-
-// Multiple-selection behavior
-const PROPERTY_MULTI_DISPLAY_MODE = Object.freeze({
- DEFAULT: 0,
- /**
- * Comma separated values
- * Limited for properties with type "string" or "textarea" and readOnly enabled
- */
- COMMA_SEPARATED_VALUES: 1,
-});
-
-const GROUPS = [
- {
- id: "base",
- properties: [
- {
- label: NO_SELECTION,
- type: "icon",
- icons: ENTITY_TYPE_ICON,
- propertyID: "type",
- replaceID: "placeholder-property-type",
- },
- {
- label: "Name",
- type: "string",
- propertyID: "name",
- placeholder: "Name",
- replaceID: "placeholder-property-name",
- },
- {
- label: "ID",
- type: "string",
- propertyID: "id",
- placeholder: "ID",
- readOnly: true,
- replaceID: "placeholder-property-id",
- multiDisplayMode: PROPERTY_MULTI_DISPLAY_MODE.COMMA_SEPARATED_VALUES,
- },
- {
- label: "Description",
- type: "string",
- propertyID: "description",
- },
- {
- label: "Parent",
- type: "string",
- propertyID: "parentID",
- onChange: parentIDChanged,
- },
- {
- label: "Parent Joint Index",
- type: "number",
- propertyID: "parentJointIndex",
- },
- {
- label: "",
- glyph: "",
- type: "bool",
- propertyID: "locked",
- replaceID: "placeholder-property-locked",
- },
- {
- label: "",
- glyph: "",
- type: "bool",
- propertyID: "visible",
- replaceID: "placeholder-property-visible",
- },
- {
- label: "Render Layer",
- type: "dropdown",
- options: {
- world: "World",
- front: "Front",
- hud: "HUD"
- },
- propertyID: "renderLayer",
- },
- {
- label: "Primitive Mode",
- type: "dropdown",
- options: {
- solid: "Solid",
- lines: "Wireframe",
- },
- propertyID: "primitiveMode",
- },
- ]
- },
- {
- id: "shape",
- addToGroup: "base",
- properties: [
- {
- label: "Shape",
- type: "dropdown",
- options: { Cube: "Box", Sphere: "Sphere", Tetrahedron: "Tetrahedron", Octahedron: "Octahedron",
- Icosahedron: "Icosahedron", Dodecahedron: "Dodecahedron", Hexagon: "Hexagon",
- Triangle: "Triangle", Octagon: "Octagon", Cylinder: "Cylinder", Cone: "Cone",
- Circle: "Circle", Quad: "Quad" },
- propertyID: "shape",
- },
- {
- label: "Color",
- type: "color",
- propertyID: "color",
- },
- ]
- },
- {
- id: "text",
- addToGroup: "base",
- properties: [
- {
- label: "Text",
- type: "string",
- propertyID: "text",
- },
- {
- label: "Text Color",
- type: "color",
- propertyID: "textColor",
- },
- {
- label: "Text Alpha",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.01,
- decimals: 2,
- propertyID: "textAlpha",
- },
- {
- label: "Background Color",
- type: "color",
- propertyID: "backgroundColor",
- },
- {
- label: "Background Alpha",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.01,
- decimals: 2,
- propertyID: "backgroundAlpha",
- },
- {
- label: "Line Height",
- type: "number-draggable",
- min: 0,
- step: 0.001,
- decimals: 4,
- unit: "m",
- propertyID: "lineHeight",
- },
- {
- label: "Billboard Mode",
- type: "dropdown",
- options: { none: "None", yaw: "Yaw", full: "Full"},
- propertyID: "textBillboardMode",
- propertyName: "billboardMode", // actual entity property name
- },
- {
- label: "Top Margin",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "topMargin",
- },
- {
- label: "Right Margin",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "rightMargin",
- },
- {
- label: "Bottom Margin",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "bottomMargin",
- },
- {
- label: "Left Margin",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "leftMargin",
- },
- {
- label: "Unlit",
- type: "bool",
- propertyID: "unlit",
- },
- ]
- },
- {
- id: "zone",
- addToGroup: "base",
- properties: [
- {
- label: "Shape Type",
- type: "dropdown",
- options: { "box": "Box", "sphere": "Sphere", "ellipsoid": "Ellipsoid",
- "cylinder-y": "Cylinder", "compound": "Use Compound Shape URL" },
- propertyID: "zoneShapeType",
- propertyName: "shapeType", // actual entity property name
- },
- {
- label: "Compound Shape URL",
- type: "string",
- propertyID: "zoneCompoundShapeURL",
- propertyName: "compoundShapeURL", // actual entity property name
- },
- {
- label: "Flying Allowed",
- type: "bool",
- propertyID: "flyingAllowed",
- },
- {
- label: "Ghosting Allowed",
- type: "bool",
- propertyID: "ghostingAllowed",
- },
- {
- label: "Filter",
- type: "string",
- propertyID: "filterURL",
- },
- {
- label: "Key Light",
- type: "dropdown",
- options: { inherit: "Inherit", disabled: "Off", enabled: "On" },
- propertyID: "keyLightMode",
-
- },
- {
- label: "Key Light Color",
- type: "color",
- propertyID: "keyLight.color",
- showPropertyRule: { "keyLightMode": "enabled" },
- },
- {
- label: "Light Intensity",
- type: "number-draggable",
- min: 0,
- max: 40,
- step: 0.01,
- decimals: 2,
- propertyID: "keyLight.intensity",
- showPropertyRule: { "keyLightMode": "enabled" },
- },
- {
- label: "Light Horizontal Angle",
- type: "number-draggable",
- step: 0.1,
- multiplier: DEGREES_TO_RADIANS,
- decimals: 2,
- unit: "deg",
- propertyID: "keyLight.direction.y",
- showPropertyRule: { "keyLightMode": "enabled" },
- },
- {
- label: "Light Vertical Angle",
- type: "number-draggable",
- step: 0.1,
- multiplier: DEGREES_TO_RADIANS,
- decimals: 2,
- unit: "deg",
- propertyID: "keyLight.direction.x",
- showPropertyRule: { "keyLightMode": "enabled" },
- },
- {
- label: "Cast Shadows",
- type: "bool",
- propertyID: "keyLight.castShadows",
- showPropertyRule: { "keyLightMode": "enabled" },
- },
- {
- label: "Skybox",
- type: "dropdown",
- options: { inherit: "Inherit", disabled: "Off", enabled: "On" },
- propertyID: "skyboxMode",
- },
- {
- label: "Skybox Color",
- type: "color",
- propertyID: "skybox.color",
- showPropertyRule: { "skyboxMode": "enabled" },
- },
- {
- label: "Skybox Source",
- type: "string",
- propertyID: "skybox.url",
- showPropertyRule: { "skyboxMode": "enabled" },
- },
- {
- label: "Ambient Light",
- type: "dropdown",
- options: { inherit: "Inherit", disabled: "Off", enabled: "On" },
- propertyID: "ambientLightMode",
- },
- {
- label: "Ambient Intensity",
- type: "number-draggable",
- min: 0,
- max: 200,
- step: 0.1,
- decimals: 2,
- propertyID: "ambientLight.ambientIntensity",
- showPropertyRule: { "ambientLightMode": "enabled" },
- },
- {
- label: "Ambient Source",
- type: "string",
- propertyID: "ambientLight.ambientURL",
- showPropertyRule: { "ambientLightMode": "enabled" },
- },
- {
- type: "buttons",
- buttons: [ { id: "copy", label: "Copy from Skybox",
- className: "black", onClick: copySkyboxURLToAmbientURL } ],
- propertyID: "copyURLToAmbient",
- showPropertyRule: { "ambientLightMode": "enabled" },
- },
- {
- label: "Haze",
- type: "dropdown",
- options: { inherit: "Inherit", disabled: "Off", enabled: "On" },
- propertyID: "hazeMode",
- },
- {
- label: "Range",
- type: "number-draggable",
- min: 1,
- max: 10000,
- step: 1,
- decimals: 0,
- unit: "m",
- propertyID: "haze.hazeRange",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Use Altitude",
- type: "bool",
- propertyID: "haze.hazeAltitudeEffect",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Base",
- type: "number-draggable",
- min: -1000,
- max: 1000,
- step: 1,
- decimals: 0,
- unit: "m",
- propertyID: "haze.hazeBaseRef",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Ceiling",
- type: "number-draggable",
- min: -1000,
- max: 5000,
- step: 1,
- decimals: 0,
- unit: "m",
- propertyID: "haze.hazeCeiling",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Haze Color",
- type: "color",
- propertyID: "haze.hazeColor",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Background Blend",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.001,
- decimals: 3,
- propertyID: "haze.hazeBackgroundBlend",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Enable Glare",
- type: "bool",
- propertyID: "haze.hazeEnableGlare",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Glare Color",
- type: "color",
- propertyID: "haze.hazeGlareColor",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Glare Angle",
- type: "number-draggable",
- min: 0,
- max: 180,
- step: 1,
- decimals: 0,
- propertyID: "haze.hazeGlareAngle",
- showPropertyRule: { "hazeMode": "enabled" },
- },
- {
- label: "Bloom",
- type: "dropdown",
- options: { inherit: "Inherit", disabled: "Off", enabled: "On" },
- propertyID: "bloomMode",
- },
- {
- label: "Bloom Intensity",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.001,
- decimals: 3,
- propertyID: "bloom.bloomIntensity",
- showPropertyRule: { "bloomMode": "enabled" },
- },
- {
- label: "Bloom Threshold",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.001,
- decimals: 3,
- propertyID: "bloom.bloomThreshold",
- showPropertyRule: { "bloomMode": "enabled" },
- },
- {
- label: "Bloom Size",
- type: "number-draggable",
- min: 0,
- max: 2,
- step: 0.001,
- decimals: 3,
- propertyID: "bloom.bloomSize",
- showPropertyRule: { "bloomMode": "enabled" },
- },
- {
- label: "Avatar Priority",
- type: "dropdown",
- options: { inherit: "Inherit", crowd: "Crowd", hero: "Hero" },
- propertyID: "avatarPriority",
- },
-
- ]
- },
- {
- id: "model",
- addToGroup: "base",
- properties: [
- {
- label: "Model",
- type: "string",
- placeholder: "URL",
- propertyID: "modelURL",
- hideIfCertified: true,
- },
- {
- label: "Collision Shape",
- type: "dropdown",
- options: { "none": "No Collision", "box": "Box", "sphere": "Sphere", "compound": "Compound" ,
- "simple-hull": "Basic - Whole model", "simple-compound": "Good - Sub-meshes" ,
- "static-mesh": "Exact - All polygons (non-dynamic only)" },
- propertyID: "shapeType",
- },
- {
- label: "Compound Shape",
- type: "string",
- propertyID: "compoundShapeURL",
- hideIfCertified: true,
- },
- {
- label: "Animation",
- type: "string",
- propertyID: "animation.url",
- hideIfCertified: true,
- },
- {
- label: "Play Automatically",
- type: "bool",
- propertyID: "animation.running",
- },
- {
- label: "Loop",
- type: "bool",
- propertyID: "animation.loop",
- },
- {
- label: "Allow Transition",
- type: "bool",
- propertyID: "animation.allowTranslation",
- },
- {
- label: "Hold",
- type: "bool",
- propertyID: "animation.hold",
- },
- {
- label: "Animation Frame",
- type: "number-draggable",
- propertyID: "animation.currentFrame",
- },
- {
- label: "First Frame",
- type: "number-draggable",
- propertyID: "animation.firstFrame",
- },
- {
- label: "Last Frame",
- type: "number-draggable",
- propertyID: "animation.lastFrame",
- },
- {
- label: "Animation FPS",
- type: "number-draggable",
- propertyID: "animation.fps",
- },
- {
- label: "Texture",
- type: "textarea",
- propertyID: "textures",
- },
- {
- label: "Original Texture",
- type: "textarea",
- propertyID: "originalTextures",
- readOnly: true,
- hideIfCertified: true,
- },
- {
- label: "Group Culled",
- type: "bool",
- propertyID: "groupCulled",
- },
- ]
- },
- {
- id: "image",
- addToGroup: "base",
- properties: [
- {
- label: "Image",
- type: "string",
- placeholder: "URL",
- propertyID: "imageURL",
- },
- {
- label: "Color",
- type: "color",
- propertyID: "imageColor",
- propertyName: "color", // actual entity property name
- },
- {
- label: "Emissive",
- type: "bool",
- propertyID: "emissive",
- },
- {
- label: "Sub Image",
- type: "rect",
- min: 0,
- step: 1,
- subLabels: [ "x", "y", "w", "h" ],
- propertyID: "subImage",
- },
- {
- label: "Billboard Mode",
- type: "dropdown",
- options: { none: "None", yaw: "Yaw", full: "Full"},
- propertyID: "imageBillboardMode",
- propertyName: "billboardMode", // actual entity property name
- },
- {
- label: "Keep Aspect Ratio",
- type: "bool",
- propertyID: "keepAspectRatio",
- },
- ]
- },
- {
- id: "web",
- addToGroup: "base",
- properties: [
- {
- label: "Source",
- type: "string",
- propertyID: "sourceUrl",
- },
- {
- label: "Source Resolution",
- type: "number-draggable",
- propertyID: "dpi",
- },
- {
- label: "Web Color",
- type: "color",
- propertyID: "webColor",
- propertyName: "color", // actual entity property name
- },
- {
- label: "Web Alpha",
- type: "number-draggable",
- step: 0.001,
- decimals: 3,
- propertyID: "webAlpha",
- propertyName: "alpha",
- min: 0,
- max: 1,
- },
- {
- label: "Max FPS",
- type: "number-draggable",
- step: 1,
- decimals: 0,
- propertyID: "maxFPS",
- },
- {
- label: "Script URL",
- type: "string",
- propertyID: "scriptURL",
- placeholder: "URL",
- },
- ]
- },
- {
- id: "light",
- addToGroup: "base",
- properties: [
- {
- label: "Light Color",
- type: "color",
- propertyID: "lightColor",
- propertyName: "color", // actual entity property name
- },
- {
- label: "Intensity",
- type: "number-draggable",
- min: 0,
- max: 10000,
- step: 0.1,
- decimals: 2,
- propertyID: "intensity",
- },
- {
- label: "Fall-Off Radius",
- type: "number-draggable",
- min: 0,
- max: 10000,
- step: 0.1,
- decimals: 2,
- unit: "m",
- propertyID: "falloffRadius",
- },
- {
- label: "Spotlight",
- type: "bool",
- propertyID: "isSpotlight",
- },
- {
- label: "Spotlight Exponent",
- type: "number-draggable",
- min: 0,
- step: 0.01,
- decimals: 2,
- propertyID: "exponent",
- },
- {
- label: "Spotlight Cut-Off",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "cutoff",
- },
- ]
- },
- {
- id: "material",
- addToGroup: "base",
- properties: [
- {
- label: "Material URL",
- type: "string",
- propertyID: "materialURL",
- },
- {
- label: "Material Data",
- type: "textarea",
- buttons: [ { id: "clear", label: "Clear Material Data", className: "red", onClick: clearMaterialData },
- { id: "edit", label: "Edit as JSON", className: "blue", onClick: newJSONMaterialEditor },
- { id: "save", label: "Save Material Data", className: "black", onClick: saveMaterialData } ],
- propertyID: "materialData",
- },
- {
- label: "Material Target",
- type: "dynamic-multiselect",
- propertyUpdate: materialTargetPropertyUpdate,
- propertyID: "parentMaterialName",
- selectionVisibility: PROPERTY_SELECTION_VISIBILITY.SINGLE_SELECTION,
- },
- {
- label: "Priority",
- type: "number-draggable",
- min: 0,
- propertyID: "priority",
- },
- {
- label: "Material Mapping Mode",
- type: "dropdown",
- options: {
- uv: "UV space", projected: "3D projected"
- },
- propertyID: "materialMappingMode",
- },
- {
- label: "Material Position",
- type: "vec2",
- vec2Type: "xyz",
- min: 0,
- max: 1,
- step: 0.1,
- decimals: 4,
- subLabels: [ "x", "y" ],
- propertyID: "materialMappingPos",
- },
- {
- label: "Material Scale",
- type: "vec2",
- vec2Type: "xyz",
- min: 0,
- step: 0.1,
- decimals: 4,
- subLabels: [ "x", "y" ],
- propertyID: "materialMappingScale",
- },
- {
- label: "Material Rotation",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- unit: "deg",
- propertyID: "materialMappingRot",
- },
- {
- label: "Material Repeat",
- type: "bool",
- propertyID: "materialRepeat",
- },
- ]
- },
- {
- id: "grid",
- addToGroup: "base",
- properties: [
- {
- label: "Color",
- type: "color",
- propertyID: "gridColor",
- propertyName: "color", // actual entity property name
- },
- {
- label: "Follow Camera",
- type: "bool",
- propertyID: "followCamera",
- },
- {
- label: "Major Grid Every",
- type: "number-draggable",
- min: 0,
- step: 1,
- decimals: 0,
- propertyID: "majorGridEvery",
- },
- {
- label: "Minor Grid Every",
- type: "number-draggable",
- min: 0,
- step: 0.01,
- decimals: 2,
- propertyID: "minorGridEvery",
- },
- ]
- },
- {
- id: "particles",
- addToGroup: "base",
- properties: [
- {
- label: "Emit",
- type: "bool",
- propertyID: "isEmitting",
- },
- {
- label: "Lifespan",
- type: "number-draggable",
- unit: "s",
- step: 0.01,
- decimals: 2,
- propertyID: "lifespan",
- },
- {
- label: "Max Particles",
- type: "number-draggable",
- step: 1,
- propertyID: "maxParticles",
- },
- {
- label: "Texture",
- type: "texture",
- propertyID: "particleTextures",
- propertyName: "textures", // actual entity property name
- },
- ]
- },
- {
- id: "particles_emit",
- label: "EMIT",
- isMinor: true,
- properties: [
- {
- label: "Emit Rate",
- type: "number-draggable",
- step: 1,
- propertyID: "emitRate",
- },
- {
- label: "Emit Speed",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- propertyID: "emitSpeed",
- },
- {
- label: "Speed Spread",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- propertyID: "speedSpread",
- },
- {
- label: "Shape Type",
- type: "dropdown",
- options: { "box": "Box", "ellipsoid": "Ellipsoid",
- "cylinder-y": "Cylinder", "circle": "Circle", "plane": "Plane",
- "compound": "Use Compound Shape URL" },
- propertyID: "particleShapeType",
- propertyName: "shapeType",
- },
- {
- label: "Compound Shape URL",
- type: "string",
- propertyID: "particleCompoundShapeURL",
- propertyName: "compoundShapeURL",
- },
- {
- label: "Emit Dimensions",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.01,
- round: 100,
- subLabels: [ "x", "y", "z" ],
- propertyID: "emitDimensions",
- },
- {
- label: "Emit Radius Start",
- type: "number-draggable",
- step: 0.001,
- decimals: 3,
- propertyID: "emitRadiusStart"
- },
- {
- label: "Emit Orientation",
- type: "vec3",
- vec3Type: "pyr",
- step: 0.01,
- round: 100,
- subLabels: [ "x", "y", "z" ],
- unit: "deg",
- propertyID: "emitOrientation",
- },
- {
- label: "Trails",
- type: "bool",
- propertyID: "emitterShouldTrail",
- },
- ]
- },
- {
- id: "particles_size",
- label: "SIZE",
- isMinor: true,
- properties: [
- {
- type: "triple",
- label: "Size",
- propertyID: "particleRadiusTriple",
- properties: [
- {
- label: "Start",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "radiusStart",
- fallbackProperty: "particleRadius",
- },
- {
- label: "Middle",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "particleRadius",
- },
- {
- label: "Finish",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "radiusFinish",
- fallbackProperty: "particleRadius",
- },
- ]
- },
- {
- label: "Size Spread",
- type: "number-draggable",
- step: 0.01,
- decimals: 2,
- propertyID: "radiusSpread",
- },
- ]
- },
- {
- id: "particles_color",
- label: "COLOR",
- isMinor: true,
- properties: [
- {
- type: "triple",
- label: "Color",
- propertyID: "particleColorTriple",
- properties: [
- {
- label: "Start",
- type: "color",
- propertyID: "colorStart",
- fallbackProperty: "color",
- },
- {
- label: "Middle",
- type: "color",
- propertyID: "particleColor",
- propertyName: "color", // actual entity property name
- },
- {
- label: "Finish",
- type: "color",
- propertyID: "colorFinish",
- fallbackProperty: "color",
- },
- ]
- },
- {
- label: "Color Spread",
- type: "color",
- propertyID: "colorSpread",
- },
- ]
- },
- {
- id: "particles_alpha",
- label: "ALPHA",
- isMinor: true,
- properties: [
- {
- type: "triple",
- label: "Alpha",
- propertyID: "particleAlphaTriple",
- properties: [
- {
- label: "Start",
- type: "number-draggable",
- step: 0.001,
- decimals: 3,
- propertyID: "alphaStart",
- fallbackProperty: "alpha",
- },
- {
- label: "Middle",
- type: "number-draggable",
- step: 0.001,
- decimals: 3,
- propertyID: "alpha",
- },
- {
- label: "Finish",
- type: "number-draggable",
- step: 0.001,
- decimals: 3,
- propertyID: "alphaFinish",
- fallbackProperty: "alpha",
- },
- ]
- },
- {
- label: "Alpha Spread",
- type: "number-draggable",
- step: 0.001,
- decimals: 3,
- propertyID: "alphaSpread",
- },
- ]
- },
- {
- id: "particles_acceleration",
- label: "ACCELERATION",
- isMinor: true,
- properties: [
- {
- label: "Emit Acceleration",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.01,
- round: 100,
- subLabels: [ "x", "y", "z" ],
- propertyID: "emitAcceleration",
- },
- {
- label: "Acceleration Spread",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.01,
- round: 100,
- subLabels: [ "x", "y", "z" ],
- propertyID: "accelerationSpread",
- },
- ]
- },
- {
- id: "particles_spin",
- label: "SPIN",
- isMinor: true,
- properties: [
- {
- type: "triple",
- label: "Spin",
- propertyID: "particleSpinTriple",
- properties: [
- {
- label: "Start",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "spinStart",
- fallbackProperty: "particleSpin",
- },
- {
- label: "Middle",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "particleSpin",
- },
- {
- label: "Finish",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "spinFinish",
- fallbackProperty: "particleSpin",
- },
- ]
- },
- {
- label: "Spin Spread",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "spinSpread",
- },
- {
- label: "Rotate with Entity",
- type: "bool",
- propertyID: "rotateWithEntity",
- },
- ]
- },
- {
- id: "particles_constraints",
- label: "CONSTRAINTS",
- isMinor: true,
- properties: [
- {
- type: "triple",
- label: "Horizontal Angle",
- propertyID: "particlePolarTriple",
- properties: [
- {
- label: "Start",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "polarStart",
- },
- {
- label: "Finish",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "polarFinish",
- },
- ],
- },
- {
- type: "triple",
- label: "Vertical Angle",
- propertyID: "particleAzimuthTriple",
- properties: [
- {
- label: "Start",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "azimuthStart",
- },
- {
- label: "Finish",
- type: "number-draggable",
- step: 0.1,
- decimals: 2,
- multiplier: DEGREES_TO_RADIANS,
- unit: "deg",
- propertyID: "azimuthFinish",
- },
- ]
- }
- ]
- },
- {
- id: "spatial",
- label: "SPATIAL",
- properties: [
- {
- label: "Position",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.1,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "m",
- propertyID: "position",
- spaceMode: PROPERTY_SPACE_MODE.WORLD,
- },
- {
- label: "Local Position",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.1,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "m",
- propertyID: "localPosition",
- spaceMode: PROPERTY_SPACE_MODE.LOCAL,
- },
- {
- label: "Rotation",
- type: "vec3",
- vec3Type: "pyr",
- step: 0.1,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "deg",
- propertyID: "rotation",
- spaceMode: PROPERTY_SPACE_MODE.WORLD,
- },
- {
- label: "Local Rotation",
- type: "vec3",
- vec3Type: "pyr",
- step: 0.1,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "deg",
- propertyID: "localRotation",
- spaceMode: PROPERTY_SPACE_MODE.LOCAL,
- },
- {
- label: "Dimensions",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.01,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "m",
- propertyID: "dimensions",
- spaceMode: PROPERTY_SPACE_MODE.WORLD,
- },
- {
- label: "Local Dimensions",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.01,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "m",
- propertyID: "localDimensions",
- spaceMode: PROPERTY_SPACE_MODE.LOCAL,
- },
- {
- label: "Scale",
- type: "number-draggable",
- defaultValue: 100,
- unit: "%",
- buttons: [ { id: "rescale", label: "Rescale", className: "blue", onClick: rescaleDimensions },
- { id: "reset", label: "Reset Dimensions", className: "red", onClick: resetToNaturalDimensions } ],
- propertyID: "scale",
- },
- {
- label: "Pivot",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.001,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "(ratio of dimension)",
- propertyID: "registrationPoint",
- },
- {
- label: "Align",
- type: "buttons",
- buttons: [ { id: "selection", label: "Selection to Grid", className: "black", onClick: moveSelectionToGrid },
- { id: "all", label: "All to Grid", className: "black", onClick: moveAllToGrid } ],
- propertyID: "alignToGrid",
- },
- ]
- },
- {
- id: "behavior",
- label: "BEHAVIOR",
- properties: [
- {
- label: "Grabbable",
- type: "bool",
- propertyID: "grab.grabbable",
- },
- {
- label: "Cloneable",
- type: "bool",
- propertyID: "cloneable",
- },
- {
- label: "Clone Lifetime",
- type: "number-draggable",
- min: -1,
- unit: "s",
- propertyID: "cloneLifetime",
- showPropertyRule: { "cloneable": "true" },
- },
- {
- label: "Clone Limit",
- type: "number-draggable",
- min: 0,
- propertyID: "cloneLimit",
- showPropertyRule: { "cloneable": "true" },
- },
- {
- label: "Clone Dynamic",
- type: "bool",
- propertyID: "cloneDynamic",
- showPropertyRule: { "cloneable": "true" },
- },
- {
- label: "Clone Avatar Entity",
- type: "bool",
- propertyID: "cloneAvatarEntity",
- showPropertyRule: { "cloneable": "true" },
- },
- {
- label: "Triggerable",
- type: "bool",
- propertyID: "grab.triggerable",
- },
- {
- label: "Follow Controller",
- type: "bool",
- propertyID: "grab.grabFollowsController",
- },
- {
- label: "Cast Shadows",
- type: "bool",
- propertyID: "canCastShadow",
- },
- {
- label: "Link",
- type: "string",
- propertyID: "href",
- placeholder: "URL",
- },
- {
- label: "Ignore Pick Intersection",
- type: "bool",
- propertyID: "ignorePickIntersection",
- },
- {
- label: "Script",
- type: "string",
- buttons: [ { id: "reload", label: "F", className: "glyph", onClick: reloadScripts } ],
- propertyID: "script",
- placeholder: "URL",
- hideIfCertified: true,
- },
- {
- label: "Server Script",
- type: "string",
- buttons: [ { id: "reload", label: "F", className: "glyph", onClick: reloadServerScripts } ],
- propertyID: "serverScripts",
- placeholder: "URL",
- },
- {
- label: "Server Script Status",
- type: "placeholder",
- indentedLabel: true,
- propertyID: "serverScriptStatus",
- selectionVisibility: PROPERTY_SELECTION_VISIBILITY.SINGLE_SELECTION,
- },
- {
- label: "Lifetime",
- type: "number",
- unit: "s",
- propertyID: "lifetime",
- },
- {
- label: "User Data",
- type: "textarea",
- buttons: [ { id: "clear", label: "Clear User Data", className: "red", onClick: clearUserData },
- { id: "edit", label: "Edit as JSON", className: "blue", onClick: newJSONEditor },
- { id: "save", label: "Save User Data", className: "black", onClick: saveUserData } ],
- propertyID: "userData",
- },
- ]
- },
- {
- id: "collision",
- label: "COLLISION",
- properties: [
- {
- label: "Collides",
- type: "bool",
- inverse: true,
- propertyID: "collisionless",
- },
- {
- label: "Static Entities",
- type: "bool",
- propertyID: "collidesWithStatic",
- propertyName: "static", // actual subProperty name
- subPropertyOf: "collidesWith",
- showPropertyRule: { "collisionless": "false" },
- },
- {
- label: "Kinematic Entities",
- type: "bool",
- propertyID: "collidesWithKinematic",
- propertyName: "kinematic", // actual subProperty name
- subPropertyOf: "collidesWith",
- showPropertyRule: { "collisionless": "false" },
- },
- {
- label: "Dynamic Entities",
- type: "bool",
- propertyID: "collidesWithDynamic",
- propertyName: "dynamic", // actual subProperty name
- subPropertyOf: "collidesWith",
- showPropertyRule: { "collisionless": "false" },
- },
- {
- label: "My Avatar",
- type: "bool",
- propertyID: "collidesWithMyAvatar",
- propertyName: "myAvatar", // actual subProperty name
- subPropertyOf: "collidesWith",
- showPropertyRule: { "collisionless": "false" },
- },
- {
- label: "Other Avatars",
- type: "bool",
- propertyID: "collidesWithOtherAvatar",
- propertyName: "otherAvatar", // actual subProperty name
- subPropertyOf: "collidesWith",
- showPropertyRule: { "collisionless": "false" },
- },
- {
- label: "Collision Sound",
- type: "string",
- placeholder: "URL",
- propertyID: "collisionSoundURL",
- showPropertyRule: { "collisionless": "false" },
- hideIfCertified: true,
- },
- {
- label: "Dynamic",
- type: "bool",
- propertyID: "dynamic",
- },
- ]
- },
- {
- id: "physics",
- label: "PHYSICS",
- properties: [
- {
- label: "Linear Velocity",
- type: "vec3",
- vec3Type: "xyz",
- step: 0.01,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "m/s",
- propertyID: "localVelocity",
- },
- {
- label: "Linear Damping",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.001,
- decimals: 4,
- propertyID: "damping",
- },
- {
- label: "Angular Velocity",
- type: "vec3",
- vec3Type: "pyr",
- multiplier: DEGREES_TO_RADIANS,
- decimals: 4,
- subLabels: [ "x", "y", "z" ],
- unit: "deg/s",
- propertyID: "localAngularVelocity",
- },
- {
- label: "Angular Damping",
- type: "number-draggable",
- min: 0,
- max: 1,
- step: 0.001,
- decimals: 4,
- propertyID: "angularDamping",
- },
- {
- label: "Bounciness",
- type: "number-draggable",
- step: 0.001,
- decimals: 4,
- propertyID: "restitution",
- },
- {
- label: "Friction",
- type: "number-draggable",
- step: 0.01,
- decimals: 4,
- propertyID: "friction",
- },
- {
- label: "Density",
- type: "number-draggable",
- step: 1,
- decimals: 4,
- propertyID: "density",
- },
- {
- label: "Gravity",
- type: "vec3",
- vec3Type: "xyz",
- subLabels: [ "x", "y", "z" ],
- step: 0.1,
- decimals: 4,
- unit: "m/s2",
- propertyID: "gravity",
- },
- {
- label: "Acceleration",
- type: "vec3",
- vec3Type: "xyz",
- subLabels: [ "x", "y", "z" ],
- step: 0.1,
- decimals: 4,
- unit: "m/s2",
- propertyID: "acceleration",
- },
- ]
- },
-];
-
-const GROUPS_PER_TYPE = {
- None: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
- Shape: [ 'base', 'shape', 'spatial', 'behavior', 'collision', 'physics' ],
- Text: [ 'base', 'text', 'spatial', 'behavior', 'collision', 'physics' ],
- Zone: [ 'base', 'zone', 'spatial', 'behavior', 'physics' ],
- Model: [ 'base', 'model', 'spatial', 'behavior', 'collision', 'physics' ],
- Image: [ 'base', 'image', 'spatial', 'behavior', 'collision', 'physics' ],
- Web: [ 'base', 'web', 'spatial', 'behavior', 'collision', 'physics' ],
- Light: [ 'base', 'light', 'spatial', 'behavior', 'collision', 'physics' ],
- Material: [ 'base', 'material', 'spatial', 'behavior' ],
- ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 'particles_alpha',
- 'particles_acceleration', 'particles_spin', 'particles_constraints', 'spatial', 'behavior', 'physics' ],
- PolyLine: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
- PolyVox: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
- Grid: [ 'base', 'grid', 'spatial', 'behavior', 'physics' ],
- Multiple: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
-};
-
-const EDITOR_TIMEOUT_DURATION = 1500;
-const DEBOUNCE_TIMEOUT = 125;
-
-const COLOR_MIN = 0;
-const COLOR_MAX = 255;
-const COLOR_STEP = 1;
-
-const MATERIAL_PREFIX_STRING = "mat::";
-
-const PENDING_SCRIPT_STATUS = "[ Fetching status ]";
-const NOT_RUNNING_SCRIPT_STATUS = "Not running";
-const ENTITY_SCRIPT_STATUS = {
- pending: "Pending",
- loading: "Loading",
- error_loading_script: "Error loading script", // eslint-disable-line camelcase
- error_running_script: "Error running script", // eslint-disable-line camelcase
- running: "Running",
- unloaded: "Unloaded"
-};
-
-const ENABLE_DISABLE_SELECTOR = "input, textarea, span, .dropdown dl, .color-picker";
-
-const PROPERTY_NAME_DIVISION = {
- GROUP: 0,
- PROPERTY: 1,
- SUB_PROPERTY: 2,
-};
-
-const RECT_ELEMENTS = {
- X_NUMBER: 0,
- Y_NUMBER: 1,
- WIDTH_NUMBER: 2,
- HEIGHT_NUMBER: 3,
-};
-
-const VECTOR_ELEMENTS = {
- X_NUMBER: 0,
- Y_NUMBER: 1,
- Z_NUMBER: 2,
-};
-
-const COLOR_ELEMENTS = {
- COLOR_PICKER: 0,
- RED_NUMBER: 1,
- GREEN_NUMBER: 2,
- BLUE_NUMBER: 3,
-};
-
-const TEXTURE_ELEMENTS = {
- IMAGE: 0,
- TEXT_INPUT: 1,
-};
-
-const JSON_EDITOR_ROW_DIV_INDEX = 2;
-
-let elGroups = {};
-let properties = {};
-let propertyRangeRequests = [];
-let colorPickers = {};
-let particlePropertyUpdates = {};
-let selectedEntityIDs = new Set();
-let currentSelections = [];
-let createAppTooltip = new CreateAppTooltip();
-let currentSpaceMode = PROPERTY_SPACE_MODE.LOCAL;
-
-
-function createElementFromHTML(htmlString) {
- let elTemplate = document.createElement('template');
- elTemplate.innerHTML = htmlString.trim();
- return elTemplate.content.firstChild;
-}
-
-function isFlagSet(value, flag) {
- return (value & flag) === flag;
-}
-
-/**
- * GENERAL PROPERTY/GROUP FUNCTIONS
- */
-
-function getPropertyInputElement(propertyID) {
- let property = properties[propertyID];
- switch (property.data.type) {
- case 'string':
- case 'number':
- case 'bool':
- case 'dropdown':
- case 'textarea':
- case 'texture':
- return property.elInput;
- case 'number-draggable':
- return property.elNumber.elInput;
- case 'rect':
- return {
- x: property.elNumberX.elInput,
- y: property.elNumberY.elInput,
- width: property.elNumberWidth.elInput,
- height: property.elNumberHeight.elInput
- };
- case 'vec3':
- case 'vec2':
- return { x: property.elNumberX.elInput, y: property.elNumberY.elInput, z: property.elNumberZ.elInput };
- case 'color':
- return { red: property.elNumberR.elInput, green: property.elNumberG.elInput, blue: property.elNumberB.elInput };
- case 'icon':
- return property.elLabel;
- case 'dynamic-multiselect':
- return property.elDivOptions;
- default:
- return undefined;
- }
-}
-
-function enableChildren(el, selector) {
- let elSelectors = el.querySelectorAll(selector);
- for (let selectorIndex = 0; selectorIndex < elSelectors.length; ++selectorIndex) {
- elSelectors[selectorIndex].removeAttribute('disabled');
- }
-}
-
-function disableChildren(el, selector) {
- let elSelectors = el.querySelectorAll(selector);
- for (let selectorIndex = 0; selectorIndex < elSelectors.length; ++selectorIndex) {
- elSelectors[selectorIndex].setAttribute('disabled', 'disabled');
- }
-}
-
-function enableProperties() {
- enableChildren(document.getElementById("properties-list"), ENABLE_DISABLE_SELECTOR);
- enableChildren(document, ".colpick");
-
- let elLocked = getPropertyInputElement("locked");
- if (elLocked.checked === false) {
- removeStaticUserData();
- removeStaticMaterialData();
- }
-}
-
-function disableProperties() {
- disableChildren(document.getElementById("properties-list"), ENABLE_DISABLE_SELECTOR);
- disableChildren(document, ".colpick");
- for (let pickKey in colorPickers) {
- colorPickers[pickKey].colpickHide();
- }
-
- let elLocked = getPropertyInputElement("locked");
- if (elLocked.checked === true) {
- if ($('#property-userData-editor').css('display') === "block") {
- showStaticUserData();
- }
- if ($('#property-materialData-editor').css('display') === "block") {
- showStaticMaterialData();
- }
- }
-}
-
-function showPropertyElement(propertyID, show) {
- setPropertyVisibility(properties[propertyID], show);
-}
-
-function setPropertyVisibility(property, visible) {
- property.elContainer.style.display = visible ? null : "none";
-}
-
-function resetProperties() {
- for (let propertyID in properties) {
- let property = properties[propertyID];
- let propertyData = property.data;
-
- switch (propertyData.type) {
- case 'number':
- case 'string': {
- property.elInput.classList.remove('multi-diff');
- if (propertyData.defaultValue !== undefined) {
- property.elInput.value = propertyData.defaultValue;
- } else {
- property.elInput.value = "";
- }
- break;
- }
- case 'bool': {
- property.elInput.classList.remove('multi-diff');
- property.elInput.checked = false;
- break;
- }
- case 'number-draggable': {
- if (propertyData.defaultValue !== undefined) {
- property.elNumber.setValue(propertyData.defaultValue, false);
- } else {
- property.elNumber.setValue("", false);
- }
- break;
- }
- case 'rect': {
- property.elNumberX.setValue("", false);
- property.elNumberY.setValue("", false);
- property.elNumberWidth.setValue("", false);
- property.elNumberHeight.setValue("", false);
- break;
- }
- case 'vec3':
- case 'vec2': {
- property.elNumberX.setValue("", false);
- property.elNumberY.setValue("", false);
- if (property.elNumberZ !== undefined) {
- property.elNumberZ.setValue("", false);
- }
- break;
- }
- case 'color': {
- property.elColorPicker.style.backgroundColor = "rgb(" + 0 + "," + 0 + "," + 0 + ")";
- property.elNumberR.setValue("", false);
- property.elNumberG.setValue("", false);
- property.elNumberB.setValue("", false);
- break;
- }
- case 'dropdown': {
- property.elInput.classList.remove('multi-diff');
- property.elInput.value = "";
- setDropdownText(property.elInput);
- break;
- }
- case 'textarea': {
- property.elInput.classList.remove('multi-diff');
- property.elInput.value = "";
- setTextareaScrolling(property.elInput);
- break;
- }
- case 'icon': {
- property.elSpan.style.display = "none";
- break;
- }
- case 'texture': {
- property.elInput.classList.remove('multi-diff');
- property.elInput.value = "";
- property.elInput.imageLoad(property.elInput.value);
- break;
- }
- case 'dynamic-multiselect': {
- resetDynamicMultiselectProperty(property.elDivOptions);
- break;
- }
- }
-
- let showPropertyRules = properties[propertyID].showPropertyRules;
- if (showPropertyRules !== undefined) {
- for (let propertyToHide in showPropertyRules) {
- showPropertyElement(propertyToHide, false);
- }
- }
- }
-
- resetServerScriptStatus();
-}
-
-function resetServerScriptStatus() {
- let elServerScriptError = document.getElementById("property-serverScripts-error");
- let elServerScriptStatus = document.getElementById("property-serverScripts-status");
- elServerScriptError.parentElement.style.display = "none";
- elServerScriptStatus.innerText = NOT_RUNNING_SCRIPT_STATUS;
-}
-
-function showGroupsForType(type) {
- if (type === "Box" || type === "Sphere") {
- showGroupsForTypes(["Shape"]);
- return;
- }
- showGroupsForTypes([type]);
-}
-
-function getGroupsForTypes(types) {
- return Object.keys(elGroups).filter((groupKey) => {
- return types.map(type => GROUPS_PER_TYPE[type].includes(groupKey)).every(function (hasGroup) {
- return hasGroup;
- });
- });
-}
-
-function showGroupsForTypes(types) {
- Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
- if (types.map(type => GROUPS_PER_TYPE[type].includes(groupKey)).every(function (hasGroup) { return hasGroup; })) {
- elGroup.style.display = "block";
- } else {
- elGroup.style.display = "none";
- }
- });
-}
-
-function getFirstSelectedID() {
- if (selectedEntityIDs.size === 0) {
- return null;
- }
- return selectedEntityIDs.values().next().value;
-}
-
-/**
- * Returns true when the user is currently dragging the numeric slider control of the property
- * @param propertyName - name of property
- * @returns {boolean} currentlyDragging
- */
-function isCurrentlyDraggingProperty(propertyName) {
- return properties[propertyName] && properties[propertyName].dragging === true;
-}
-
-const SUPPORTED_FALLBACK_TYPES = ['number', 'number-draggable', 'rect', 'vec3', 'vec2', 'color'];
-
-function getMultiplePropertyValue(originalPropertyName) {
- // if this is a compound property name (i.e. animation.running)
- // then split it by . up to 3 times to find property value
-
- let propertyData = null;
- if (properties[originalPropertyName] !== undefined) {
- propertyData = properties[originalPropertyName].data;
- }
-
- let propertyValues = [];
- let splitPropertyName = originalPropertyName.split('.');
- if (splitPropertyName.length > 1) {
- let propertyGroupName = splitPropertyName[PROPERTY_NAME_DIVISION.GROUP];
- let propertyName = splitPropertyName[PROPERTY_NAME_DIVISION.PROPERTY];
- propertyValues = currentSelections.map(selection => {
- let groupProperties = selection.properties[propertyGroupName];
- if (groupProperties === undefined || groupProperties[propertyName] === undefined) {
- return undefined;
- }
- if (splitPropertyName.length === PROPERTY_NAME_DIVISION.SUB_PROPERTY + 1) {
- let subPropertyName = splitPropertyName[PROPERTY_NAME_DIVISION.SUB_PROPERTY];
- return groupProperties[propertyName][subPropertyName];
- } else {
- return groupProperties[propertyName];
- }
- });
- } else {
- propertyValues = currentSelections.map(selection => selection.properties[originalPropertyName]);
- }
-
- if (propertyData !== null && propertyData.fallbackProperty !== undefined &&
- SUPPORTED_FALLBACK_TYPES.includes(propertyData.type)) {
-
- let fallbackMultiValue = null;
-
- for (let i = 0; i < propertyValues.length; ++i) {
- let isPropertyNotNumber = false;
- let propertyValue = propertyValues[i];
- if (propertyValue === undefined) {
- continue;
- }
- switch (propertyData.type) {
- case 'number':
- case 'number-draggable':
- isPropertyNotNumber = isNaN(propertyValue) || propertyValue === null;
- break;
- case 'rect':
- case 'vec3':
- case 'vec2':
- isPropertyNotNumber = isNaN(propertyValue.x) || propertyValue.x === null;
- break;
- case 'color':
- isPropertyNotNumber = isNaN(propertyValue.red) || propertyValue.red === null;
- break;
- }
- if (isPropertyNotNumber) {
- if (fallbackMultiValue === null) {
- fallbackMultiValue = getMultiplePropertyValue(propertyData.fallbackProperty);
- }
- propertyValues[i] = fallbackMultiValue.values[i];
- }
- }
- }
-
- const firstValue = propertyValues[0];
- const isMultiDiffValue = !propertyValues.every((x) => deepEqual(firstValue, x));
-
- if (isMultiDiffValue) {
- return {
- value: undefined,
- values: propertyValues,
- isMultiDiffValue: true
- }
- }
-
- return {
- value: propertyValues[0],
- values: propertyValues,
- isMultiDiffValue: false
- };
-}
-
-/**
- * Retrieve more detailed info for differing Numeric MultiplePropertyValue
- * @param multiplePropertyValue - input multiplePropertyValue
- * @param propertyData
- * @returns {{keys: *[], propertyComponentDiff, averagePerPropertyComponent}}
- */
-function getDetailedNumberMPVDiff(multiplePropertyValue, propertyData) {
- let detailedValues = {};
- // Fixed numbers can't be easily averaged since they're strings, so lets keep an array of unmodified numbers
- let unmodifiedValues = {};
- const DEFAULT_KEY = 0;
- let uniqueKeys = new Set([]);
- multiplePropertyValue.values.forEach(function(propertyValue) {
- if (typeof propertyValue === "object") {
- Object.entries(propertyValue).forEach(function([key, value]) {
- if (!uniqueKeys.has(key)) {
- uniqueKeys.add(key);
- detailedValues[key] = [];
- unmodifiedValues[key] = [];
- }
- detailedValues[key].push(applyInputNumberPropertyModifiers(value, propertyData));
- unmodifiedValues[key].push(value);
- });
- } else {
- if (!uniqueKeys.has(DEFAULT_KEY)) {
- uniqueKeys.add(DEFAULT_KEY);
- detailedValues[DEFAULT_KEY] = [];
- unmodifiedValues[DEFAULT_KEY] = [];
- }
- detailedValues[DEFAULT_KEY].push(applyInputNumberPropertyModifiers(propertyValue, propertyData));
- unmodifiedValues[DEFAULT_KEY].push(propertyValue);
- }
- });
- let keys = [...uniqueKeys];
-
- let propertyComponentDiff = {};
- Object.entries(detailedValues).forEach(function([key, value]) {
- propertyComponentDiff[key] = [...new Set(value)].length > 1;
- });
-
- let averagePerPropertyComponent = {};
- Object.entries(unmodifiedValues).forEach(function([key, value]) {
- let average = value.reduce((a, b) => a + b) / value.length;
- averagePerPropertyComponent[key] = applyInputNumberPropertyModifiers(average, propertyData);
- });
-
- return {
- keys,
- propertyComponentDiff,
- averagePerPropertyComponent,
- };
-}
-
-function getDetailedSubPropertyMPVDiff(multiplePropertyValue, subPropertyName) {
- let isChecked = false;
- let checkedValues = multiplePropertyValue.values.map((value) => value.split(",").includes(subPropertyName));
- let isMultiDiff = !checkedValues.every(value => value === checkedValues[0]);
- if (!isMultiDiff) {
- isChecked = checkedValues[0];
- }
- return {
- isChecked,
- isMultiDiff
- }
-}
-
-function updateVisibleSpaceModeProperties() {
- for (let propertyID in properties) {
- if (properties.hasOwnProperty(propertyID)) {
- let property = properties[propertyID];
- let propertySpaceMode = property.spaceMode;
- let elProperty = properties[propertyID].elContainer;
- if (propertySpaceMode !== PROPERTY_SPACE_MODE.ALL && propertySpaceMode !== currentSpaceMode) {
- elProperty.classList.add('spacemode-hidden');
- } else {
- elProperty.classList.remove('spacemode-hidden');
- }
- }
- }
-}
-
-/**
- * PROPERTY UPDATE FUNCTIONS
- */
-
-function createPropertyUpdateObject(originalPropertyName, propertyValue) {
- let propertyUpdate = {};
- // if this is a compound property name (i.e. animation.running) then split it by . up to 3 times
- let splitPropertyName = originalPropertyName.split('.');
- if (splitPropertyName.length > 1) {
- let propertyGroupName = splitPropertyName[PROPERTY_NAME_DIVISION.GROUP];
- let propertyName = splitPropertyName[PROPERTY_NAME_DIVISION.PROPERTY];
- propertyUpdate[propertyGroupName] = {};
- if (splitPropertyName.length === PROPERTY_NAME_DIVISION.SUB_PROPERTY + 1) {
- let subPropertyName = splitPropertyName[PROPERTY_NAME_DIVISION.SUB_PROPERTY];
- propertyUpdate[propertyGroupName][propertyName] = {};
- propertyUpdate[propertyGroupName][propertyName][subPropertyName] = propertyValue;
- } else {
- propertyUpdate[propertyGroupName][propertyName] = propertyValue;
- }
- } else {
- propertyUpdate[originalPropertyName] = propertyValue;
- }
- return propertyUpdate;
-}
-
-function updateProperty(originalPropertyName, propertyValue, isParticleProperty) {
- let propertyUpdate = createPropertyUpdateObject(originalPropertyName, propertyValue);
-
- // queue up particle property changes with the debounced sync to avoid
- // causing particle emitting to reset excessively with each value change
- if (isParticleProperty) {
- Object.keys(propertyUpdate).forEach(function (propertyUpdateKey) {
- particlePropertyUpdates[propertyUpdateKey] = propertyUpdate[propertyUpdateKey];
- });
- particleSyncDebounce();
- } else {
- // only update the entity property value itself if in the middle of dragging
- // prevent undo command push, saving new property values, and property update
- // callback until drag is complete (additional update sent via dragEnd callback)
- let onlyUpdateEntity = isCurrentlyDraggingProperty(originalPropertyName);
- updateProperties(propertyUpdate, onlyUpdateEntity);
- }
-}
-
-let particleSyncDebounce = _.debounce(function () {
- updateProperties(particlePropertyUpdates);
- particlePropertyUpdates = {};
-}, DEBOUNCE_TIMEOUT);
-
-function updateProperties(propertiesToUpdate, onlyUpdateEntity) {
- if (onlyUpdateEntity === undefined) {
- onlyUpdateEntity = false;
- }
- EventBridge.emitWebEvent(JSON.stringify({
- ids: [...selectedEntityIDs],
- type: "update",
- properties: propertiesToUpdate,
- onlyUpdateEntities: onlyUpdateEntity
- }));
-}
-
-function updateMultiDiffProperties(propertiesMapToUpdate, onlyUpdateEntity) {
- if (onlyUpdateEntity === undefined) {
- onlyUpdateEntity = false;
- }
- EventBridge.emitWebEvent(JSON.stringify({
- type: "update",
- propertiesMap: propertiesMapToUpdate,
- onlyUpdateEntities: onlyUpdateEntity
- }));
-}
-
-function createEmitTextPropertyUpdateFunction(property) {
- return function() {
- property.elInput.classList.remove('multi-diff');
- updateProperty(property.name, this.value, property.isParticleProperty);
- };
-}
-
-function createEmitCheckedPropertyUpdateFunction(property) {
- return function() {
- updateProperty(property.name, property.data.inverse ? !this.checked : this.checked, property.isParticleProperty);
- };
-}
-
-function createDragStartFunction(property) {
- return function() {
- property.dragging = true;
- };
-}
-
-function createDragEndFunction(property) {
- return function() {
- property.dragging = false;
-
- if (this.multiDiffModeEnabled) {
- let propertyMultiValue = getMultiplePropertyValue(property.name);
- let updateObjects = [];
- const selectedEntityIDsArray = [...selectedEntityIDs];
-
- for (let i = 0; i < selectedEntityIDsArray.length; ++i) {
- let entityID = selectedEntityIDsArray[i];
- updateObjects.push({
- entityIDs: [entityID],
- properties: createPropertyUpdateObject(property.name, propertyMultiValue.values[i]),
- });
- }
-
- // send a full updateMultiDiff post-dragging to count as an action in the undo stack
- updateMultiDiffProperties(updateObjects);
- } else {
- // send an additional update post-dragging to consider whole property change from dragStart to dragEnd to be 1 action
- this.valueChangeFunction();
- }
- };
-}
-
-function createEmitNumberPropertyUpdateFunction(property) {
- return function() {
- let value = parseFloat(applyOutputNumberPropertyModifiers(parseFloat(this.value), property.data));
- updateProperty(property.name, value, property.isParticleProperty);
- };
-}
-
-function createEmitNumberPropertyComponentUpdateFunction(property, propertyComponent) {
- return function() {
- let propertyMultiValue = getMultiplePropertyValue(property.name);
- let value = parseFloat(applyOutputNumberPropertyModifiers(parseFloat(this.value), property.data));
-
- if (propertyMultiValue.isMultiDiffValue) {
- let updateObjects = [];
- const selectedEntityIDsArray = [...selectedEntityIDs];
-
- for (let i = 0; i < selectedEntityIDsArray.length; ++i) {
- let entityID = selectedEntityIDsArray[i];
-
- let propertyObject = propertyMultiValue.values[i];
- propertyObject[propertyComponent] = value;
-
- let updateObject = createPropertyUpdateObject(property.name, propertyObject);
- updateObjects.push({
- entityIDs: [entityID],
- properties: updateObject,
- });
-
- mergeDeep(currentSelections[i].properties, updateObject);
- }
-
- // only update the entity property value itself if in the middle of dragging
- // prevent undo command push, saving new property values, and property update
- // callback until drag is complete (additional update sent via dragEnd callback)
- let onlyUpdateEntity = isCurrentlyDraggingProperty(property.name);
- updateMultiDiffProperties(updateObjects, onlyUpdateEntity);
- } else {
- let propertyValue = propertyMultiValue.value;
- propertyValue[propertyComponent] = value;
- updateProperty(property.name, propertyValue, property.isParticleProperty);
- }
- };
-}
-
-function createEmitColorPropertyUpdateFunction(property) {
- return function() {
- emitColorPropertyUpdate(property.name, property.elNumberR.elInput.value, property.elNumberG.elInput.value,
- property.elNumberB.elInput.value, property.isParticleProperty);
- };
-}
-
-function emitColorPropertyUpdate(propertyName, red, green, blue, isParticleProperty) {
- let newValue = {
- red: red,
- green: green,
- blue: blue
- };
- updateProperty(propertyName, newValue, isParticleProperty);
-}
-
-function toggleBooleanCSV(inputCSV, property, enable) {
- let values = inputCSV.split(",");
- if (enable && !values.includes(property)) {
- values.push(property);
- } else if (!enable && values.includes(property)) {
- values = values.filter(value => value !== property);
- }
- return values.join(",");
-}
-
-function updateCheckedSubProperty(propertyName, propertyMultiValue, subPropertyElement, subPropertyString, isParticleProperty) {
- if (propertyMultiValue.isMultiDiffValue) {
- let updateObjects = [];
- const selectedEntityIDsArray = [...selectedEntityIDs];
-
- for (let i = 0; i < selectedEntityIDsArray.length; ++i) {
- let newValue = toggleBooleanCSV(propertyMultiValue.values[i], subPropertyString, subPropertyElement.checked);
- updateObjects.push({
- entityIDs: [selectedEntityIDsArray[i]],
- properties: createPropertyUpdateObject(propertyName, newValue),
- });
- }
-
- updateMultiDiffProperties(updateObjects);
- } else {
- updateProperty(propertyName, toggleBooleanCSV(propertyMultiValue.value, subPropertyString, subPropertyElement.checked),
- isParticleProperty);
- }
-}
-
-/**
- * PROPERTY ELEMENT CREATION FUNCTIONS
- */
-
-function createStringProperty(property, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "text";
-
- let elInput = createElementFromHTML(`
-
- `);
-
-
- elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
- if (propertyData.onChange !== undefined) {
- elInput.addEventListener('change', propertyData.onChange);
- }
-
-
- let elMultiDiff = document.createElement('span');
- elMultiDiff.className = "multi-diff";
-
- elProperty.appendChild(elInput);
- elProperty.appendChild(elMultiDiff);
-
- if (propertyData.buttons !== undefined) {
- addButtons(elProperty, elementID, propertyData.buttons, false);
- }
-
- return elInput;
-}
-
-function createBoolProperty(property, elProperty) {
- let propertyName = property.name;
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "checkbox";
-
- if (propertyData.glyph !== undefined) {
- let elSpan = document.createElement('span');
- elSpan.innerHTML = propertyData.glyph;
- elSpan.className = 'icon';
- elProperty.appendChild(elSpan);
- }
-
- let elInput = document.createElement('input');
- elInput.setAttribute("id", elementID);
- elInput.setAttribute("type", "checkbox");
-
- elProperty.appendChild(elInput);
- elProperty.appendChild(createElementFromHTML(``));
-
- let subPropertyOf = propertyData.subPropertyOf;
- if (subPropertyOf !== undefined) {
- elInput.addEventListener('change', function() {
- let subPropertyMultiValue = getMultiplePropertyValue(subPropertyOf);
-
- updateCheckedSubProperty(subPropertyOf,
- subPropertyMultiValue,
- elInput, propertyName, property.isParticleProperty);
- });
- } else {
- elInput.addEventListener('change', createEmitCheckedPropertyUpdateFunction(property));
- }
-
- return elInput;
-}
-
-function createNumberProperty(property, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "text";
-
- let elInput = createElementFromHTML(`
-
- `);
-
- if (propertyData.min !== undefined) {
- elInput.setAttribute("min", propertyData.min);
- }
- if (propertyData.max !== undefined) {
- elInput.setAttribute("max", propertyData.max);
- }
- if (propertyData.step !== undefined) {
- elInput.setAttribute("step", propertyData.step);
- }
- if (propertyData.defaultValue !== undefined) {
- elInput.value = propertyData.defaultValue;
- }
-
- elInput.addEventListener('change', createEmitNumberPropertyUpdateFunction(property));
-
- let elMultiDiff = document.createElement('span');
- elMultiDiff.className = "multi-diff";
-
- elProperty.appendChild(elInput);
- elProperty.appendChild(elMultiDiff);
-
- if (propertyData.buttons !== undefined) {
- addButtons(elProperty, elementID, propertyData.buttons, false);
- }
-
- return elInput;
-}
-
-function updateNumberMinMax(property) {
- let elInput = property.elInput;
- let min = property.data.min;
- let max = property.data.max;
- if (min !== undefined) {
- elInput.setAttribute("min", min);
- }
- if (max !== undefined) {
- elInput.setAttribute("max", max);
- }
-}
-
-/**
- *
- * @param {object} property - property update on step
- * @param {string} [propertyComponent] - propertyComponent to update on step (e.g. enter 'x' to just update position.x)
- * @returns {Function}
- */
-function createMultiDiffStepFunction(property, propertyComponent) {
- return function(step, shouldAddToUndoHistory) {
- if (shouldAddToUndoHistory === undefined) {
- shouldAddToUndoHistory = false;
- }
-
- let propertyMultiValue = getMultiplePropertyValue(property.name);
- if (!propertyMultiValue.isMultiDiffValue) {
- console.log("setMultiDiffStepFunction is only supposed to be called in MultiDiff mode.");
- return;
- }
-
- let multiplier = property.data.multiplier !== undefined ? property.data.multiplier : 1;
-
- let applyDelta = step * multiplier;
-
- if (selectedEntityIDs.size !== propertyMultiValue.values.length) {
- console.log("selectedEntityIDs and propertyMultiValue got out of sync.");
- return;
- }
- let updateObjects = [];
- const selectedEntityIDsArray = [...selectedEntityIDs];
-
- for (let i = 0; i < selectedEntityIDsArray.length; ++i) {
- let entityID = selectedEntityIDsArray[i];
-
- let updatedValue;
- if (propertyComponent !== undefined) {
- let objectToUpdate = propertyMultiValue.values[i];
- objectToUpdate[propertyComponent] += applyDelta;
- updatedValue = objectToUpdate;
- } else {
- updatedValue = propertyMultiValue.values[i] + applyDelta;
- }
- let propertiesUpdate = createPropertyUpdateObject(property.name, updatedValue);
- updateObjects.push({
- entityIDs: [entityID],
- properties: propertiesUpdate
- });
- // We need to store these so that we can send a full update on the dragEnd
- mergeDeep(currentSelections[i].properties, propertiesUpdate);
- }
-
- updateMultiDiffProperties(updateObjects, !shouldAddToUndoHistory);
- }
-}
-
-function createNumberDraggableProperty(property, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className += " draggable-number-container";
-
- let dragStartFunction = createDragStartFunction(property);
- let dragEndFunction = createDragEndFunction(property);
- let elDraggableNumber = new DraggableNumber(propertyData.min, propertyData.max, propertyData.step,
- propertyData.decimals, dragStartFunction, dragEndFunction);
-
- let defaultValue = propertyData.defaultValue;
- if (defaultValue !== undefined) {
- elDraggableNumber.elInput.value = defaultValue;
- }
-
- let valueChangeFunction = createEmitNumberPropertyUpdateFunction(property);
- elDraggableNumber.setValueChangeFunction(valueChangeFunction);
-
- elDraggableNumber.setMultiDiffStepFunction(createMultiDiffStepFunction(property));
-
- elDraggableNumber.elInput.setAttribute("id", elementID);
- elProperty.appendChild(elDraggableNumber.elDiv);
-
- if (propertyData.buttons !== undefined) {
- addButtons(elDraggableNumber.elDiv, elementID, propertyData.buttons, false);
- }
-
- return elDraggableNumber;
-}
-
-function updateNumberDraggableMinMax(property) {
- let propertyData = property.data;
- property.elNumber.updateMinMax(propertyData.min, propertyData.max);
-}
-
-function createRectProperty(property, elProperty) {
- let propertyData = property.data;
-
- elProperty.className = "rect";
-
- let elXYRow = document.createElement('div');
- elXYRow.className = "rect-row fstuple";
- elProperty.appendChild(elXYRow);
-
- let elWidthHeightRow = document.createElement('div');
- elWidthHeightRow.className = "rect-row fstuple";
- elProperty.appendChild(elWidthHeightRow);
-
-
- let elNumberX = createTupleNumberInput(property, propertyData.subLabels[RECT_ELEMENTS.X_NUMBER]);
- let elNumberY = createTupleNumberInput(property, propertyData.subLabels[RECT_ELEMENTS.Y_NUMBER]);
- let elNumberWidth = createTupleNumberInput(property, propertyData.subLabels[RECT_ELEMENTS.WIDTH_NUMBER]);
- let elNumberHeight = createTupleNumberInput(property, propertyData.subLabels[RECT_ELEMENTS.HEIGHT_NUMBER]);
-
- elXYRow.appendChild(elNumberX.elDiv);
- elXYRow.appendChild(elNumberY.elDiv);
- elWidthHeightRow.appendChild(elNumberWidth.elDiv);
- elWidthHeightRow.appendChild(elNumberHeight.elDiv);
-
- elNumberX.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'x'));
- elNumberY.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'y'));
- elNumberWidth.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'width'));
- elNumberHeight.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'height'));
-
- elNumberX.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'x'));
- elNumberY.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'y'));
- elNumberX.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'width'));
- elNumberY.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'height'));
-
- let elResult = [];
- elResult[RECT_ELEMENTS.X_NUMBER] = elNumberX;
- elResult[RECT_ELEMENTS.Y_NUMBER] = elNumberY;
- elResult[RECT_ELEMENTS.WIDTH_NUMBER] = elNumberWidth;
- elResult[RECT_ELEMENTS.HEIGHT_NUMBER] = elNumberHeight;
- return elResult;
-}
-
-function updateRectMinMax(property) {
- let min = property.data.min;
- let max = property.data.max;
- property.elNumberX.updateMinMax(min, max);
- property.elNumberY.updateMinMax(min, max);
- property.elNumberWidth.updateMinMax(min, max);
- property.elNumberHeight.updateMinMax(min, max);
-}
-
-function createVec3Property(property, elProperty) {
- let propertyData = property.data;
-
- elProperty.className = propertyData.vec3Type + " fstuple";
-
- let elNumberX = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.X_NUMBER]);
- let elNumberY = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.Y_NUMBER]);
- let elNumberZ = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.Z_NUMBER]);
- elProperty.appendChild(elNumberX.elDiv);
- elProperty.appendChild(elNumberY.elDiv);
- elProperty.appendChild(elNumberZ.elDiv);
-
- elNumberX.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'x'));
- elNumberY.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'y'));
- elNumberZ.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'z'));
-
- elNumberX.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'x'));
- elNumberY.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'y'));
- elNumberZ.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'z'));
-
- let elResult = [];
- elResult[VECTOR_ELEMENTS.X_NUMBER] = elNumberX;
- elResult[VECTOR_ELEMENTS.Y_NUMBER] = elNumberY;
- elResult[VECTOR_ELEMENTS.Z_NUMBER] = elNumberZ;
- return elResult;
-}
-
-function createVec2Property(property, elProperty) {
- let propertyData = property.data;
-
- elProperty.className = propertyData.vec2Type + " fstuple";
-
- let elTuple = document.createElement('div');
- elTuple.className = "tuple";
-
- elProperty.appendChild(elTuple);
-
- let elNumberX = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.X_NUMBER]);
- let elNumberY = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.Y_NUMBER]);
- elProperty.appendChild(elNumberX.elDiv);
- elProperty.appendChild(elNumberY.elDiv);
-
- elNumberX.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'x'));
- elNumberY.setValueChangeFunction(createEmitNumberPropertyComponentUpdateFunction(property, 'y'));
-
- elNumberX.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'x'));
- elNumberY.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'y'));
-
- let elResult = [];
- elResult[VECTOR_ELEMENTS.X_NUMBER] = elNumberX;
- elResult[VECTOR_ELEMENTS.Y_NUMBER] = elNumberY;
- return elResult;
-}
-
-function updateVectorMinMax(property) {
- let min = property.data.min;
- let max = property.data.max;
- property.elNumberX.updateMinMax(min, max);
- property.elNumberY.updateMinMax(min, max);
- if (property.elNumberZ) {
- property.elNumberZ.updateMinMax(min, max);
- }
-}
-
-function createColorProperty(property, elProperty) {
- let propertyName = property.name;
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className += " rgb fstuple";
-
- let elColorPicker = document.createElement('div');
- elColorPicker.className = "color-picker";
- elColorPicker.setAttribute("id", elementID);
-
- let elTuple = document.createElement('div');
- elTuple.className = "tuple";
-
- elProperty.appendChild(elColorPicker);
- elProperty.appendChild(elTuple);
-
- if (propertyData.min === undefined) {
- propertyData.min = COLOR_MIN;
- }
- if (propertyData.max === undefined) {
- propertyData.max = COLOR_MAX;
- }
- if (propertyData.step === undefined) {
- propertyData.step = COLOR_STEP;
- }
-
- let elNumberR = createTupleNumberInput(property, "red");
- let elNumberG = createTupleNumberInput(property, "green");
- let elNumberB = createTupleNumberInput(property, "blue");
- elTuple.appendChild(elNumberR.elDiv);
- elTuple.appendChild(elNumberG.elDiv);
- elTuple.appendChild(elNumberB.elDiv);
-
- let valueChangeFunction = createEmitColorPropertyUpdateFunction(property);
- elNumberR.setValueChangeFunction(valueChangeFunction);
- elNumberG.setValueChangeFunction(valueChangeFunction);
- elNumberB.setValueChangeFunction(valueChangeFunction);
-
- let colorPickerID = "#" + elementID;
- colorPickers[colorPickerID] = $(colorPickerID).colpick({
- colorScheme: 'dark',
- layout: 'rgbhex',
- color: '000000',
- submit: false, // We don't want to have a submission button
- onShow: function(colpick) {
- // The original color preview within the picker needs to be updated on show because
- // prior to the picker being shown we don't have access to the selections' starting color.
- colorPickers[colorPickerID].colpickSetColor({
- "r": elNumberR.elInput.value,
- "g": elNumberG.elInput.value,
- "b": elNumberB.elInput.value
- });
-
- // Set the color picker active after setting the color, otherwise an update will be sent on open.
- $(colorPickerID).attr('active', 'true');
- },
- onHide: function(colpick) {
- $(colorPickerID).attr('active', 'false');
- },
- onChange: function(hsb, hex, rgb, el) {
- $(el).css('background-color', '#' + hex);
- if ($(colorPickerID).attr('active') === 'true') {
- emitColorPropertyUpdate(propertyName, rgb.r, rgb.g, rgb.b);
- }
- }
- });
-
- let elResult = [];
- elResult[COLOR_ELEMENTS.COLOR_PICKER] = elColorPicker;
- elResult[COLOR_ELEMENTS.RED_NUMBER] = elNumberR;
- elResult[COLOR_ELEMENTS.GREEN_NUMBER] = elNumberG;
- elResult[COLOR_ELEMENTS.BLUE_NUMBER] = elNumberB;
- return elResult;
-}
-
-function createDropdownProperty(property, propertyID, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "dropdown";
-
- let elInput = document.createElement('select');
- elInput.setAttribute("id", elementID);
- elInput.setAttribute("propertyID", propertyID);
-
- for (let optionKey in propertyData.options) {
- let option = document.createElement('option');
- option.value = optionKey;
- option.text = propertyData.options[optionKey];
- elInput.add(option);
- }
-
- elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
-
- elProperty.appendChild(elInput);
-
- return elInput;
-}
-
-function createTextareaProperty(property, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "textarea";
-
- let elInput = document.createElement('textarea');
- elInput.setAttribute("id", elementID);
- if (propertyData.readOnly) {
- elInput.readOnly = true;
- }
-
- elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
-
- let elMultiDiff = document.createElement('span');
- elMultiDiff.className = "multi-diff";
-
- elProperty.appendChild(elInput);
- elProperty.appendChild(elMultiDiff);
-
- if (propertyData.buttons !== undefined) {
- addButtons(elProperty, elementID, propertyData.buttons, true);
- }
-
- return elInput;
-}
-
-function createIconProperty(property, elProperty) {
- let elementID = property.elementID;
-
- elProperty.className = "value";
-
- let elSpan = document.createElement('span');
- elSpan.setAttribute("id", elementID + "-icon");
- elSpan.className = 'icon';
-
- elProperty.appendChild(elSpan);
-
- return elSpan;
-}
-
-function createTextureProperty(property, elProperty) {
- let elementID = property.elementID;
-
- elProperty.className = "texture";
-
- let elDiv = document.createElement("div");
- let elImage = document.createElement("img");
- elDiv.className = "texture-image no-texture";
- elDiv.appendChild(elImage);
-
- let elInput = document.createElement('input');
- elInput.setAttribute("id", elementID);
- elInput.setAttribute("type", "text");
-
- let imageLoad = function(url) {
- elDiv.style.display = null;
- if (url.slice(0, 5).toLowerCase() === "atp:/") {
- elImage.src = "";
- elImage.style.display = "none";
- elDiv.classList.remove("with-texture");
- elDiv.classList.remove("no-texture");
- elDiv.classList.add("no-preview");
- } else if (url.length > 0) {
- elDiv.classList.remove("no-texture");
- elDiv.classList.remove("no-preview");
- elDiv.classList.add("with-texture");
- elImage.src = url;
- elImage.style.display = "block";
- } else {
- elImage.src = "";
- elImage.style.display = "none";
- elDiv.classList.remove("with-texture");
- elDiv.classList.remove("no-preview");
- elDiv.classList.add("no-texture");
- }
- };
- elInput.imageLoad = imageLoad;
- elInput.setMultipleValues = function() {
- elDiv.style.display = "none";
- };
- elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
- elInput.addEventListener('change', function(ev) {
- imageLoad(ev.target.value);
- });
-
- elProperty.appendChild(elInput);
- let elMultiDiff = document.createElement('span');
- elMultiDiff.className = "multi-diff";
- elProperty.appendChild(elMultiDiff);
- elProperty.appendChild(elDiv);
-
- let elResult = [];
- elResult[TEXTURE_ELEMENTS.IMAGE] = elImage;
- elResult[TEXTURE_ELEMENTS.TEXT_INPUT] = elInput;
- return elResult;
-}
-
-function createButtonsProperty(property, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "text";
-
- if (propertyData.buttons !== undefined) {
- addButtons(elProperty, elementID, propertyData.buttons, false);
- }
-
- return elProperty;
-}
-
-function createDynamicMultiselectProperty(property, elProperty) {
- let elementID = property.elementID;
- let propertyData = property.data;
-
- elProperty.className = "dynamic-multiselect";
-
- let elDivOptions = document.createElement('div');
- elDivOptions.setAttribute("id", elementID + "-options");
- elDivOptions.style = "overflow-y:scroll;max-height:160px;";
-
- let elDivButtons = document.createElement('div');
- elDivButtons.setAttribute("id", elDivOptions.getAttribute("id") + "-buttons");
-
- let elLabel = document.createElement('label');
- elLabel.innerText = "No Options";
- elDivOptions.appendChild(elLabel);
-
- let buttons = [ { id: "selectAll", label: "Select All", className: "black", onClick: selectAllMaterialTarget },
- { id: "clearAll", label: "Clear All", className: "black", onClick: clearAllMaterialTarget } ];
- addButtons(elDivButtons, elementID, buttons, false);
-
- elProperty.appendChild(elDivOptions);
- elProperty.appendChild(elDivButtons);
-
- return elDivOptions;
-}
-
-function resetDynamicMultiselectProperty(elDivOptions) {
- let elInputs = elDivOptions.getElementsByTagName("input");
- while (elInputs.length > 0) {
- let elDivOption = elInputs[0].parentNode;
- elDivOption.parentNode.removeChild(elDivOption);
- }
- elDivOptions.firstChild.style.display = null; // show "No Options" text
- elDivOptions.parentNode.lastChild.style.display = "none"; // hide Select/Clear all buttons
-}
-
-function createTupleNumberInput(property, subLabel) {
- let propertyElementID = property.elementID;
- let propertyData = property.data;
- let elementID = propertyElementID + "-" + subLabel.toLowerCase();
-
- let elLabel = document.createElement('label');
- elLabel.className = "sublabel " + subLabel;
- elLabel.innerText = subLabel[0].toUpperCase() + subLabel.slice(1);
- elLabel.setAttribute("for", elementID);
- elLabel.style.visibility = "visible";
-
- let dragStartFunction = createDragStartFunction(property);
- let dragEndFunction = createDragEndFunction(property);
- let elDraggableNumber = new DraggableNumber(propertyData.min, propertyData.max, propertyData.step,
- propertyData.decimals, dragStartFunction, dragEndFunction);
- elDraggableNumber.elInput.setAttribute("id", elementID);
- elDraggableNumber.elDiv.className += " fstuple";
- elDraggableNumber.elDiv.insertBefore(elLabel, elDraggableNumber.elLeftArrow);
-
- return elDraggableNumber;
-}
-
-function addButtons(elProperty, propertyID, buttons, newRow) {
- let elDiv = document.createElement('div');
- elDiv.className = "row";
-
- buttons.forEach(function(button) {
- let elButton = document.createElement('input');
- elButton.className = button.className;
- elButton.setAttribute("type", "button");
- elButton.setAttribute("id", propertyID + "-button-" + button.id);
- elButton.setAttribute("value", button.label);
- elButton.addEventListener("click", button.onClick);
- if (newRow) {
- elDiv.appendChild(elButton);
- } else {
- elProperty.appendChild(elButton);
- }
- });
-
- if (newRow) {
- elProperty.appendChild(document.createElement('br'));
- elProperty.appendChild(elDiv);
- }
-}
-
-function createProperty(propertyData, propertyElementID, propertyName, propertyID, elProperty) {
- let property = {
- data: propertyData,
- elementID: propertyElementID,
- name: propertyName,
- elProperty: elProperty,
- };
- let propertyType = propertyData.type;
-
- switch (propertyType) {
- case 'string': {
- property.elInput = createStringProperty(property, elProperty);
- break;
- }
- case 'bool': {
- property.elInput = createBoolProperty(property, elProperty);
- break;
- }
- case 'number': {
- property.elInput = createNumberProperty(property, elProperty);
- break;
- }
- case 'number-draggable': {
- property.elNumber = createNumberDraggableProperty(property, elProperty);
- break;
- }
- case 'rect': {
- let elRect = createRectProperty(property, elProperty);
- property.elNumberX = elRect[RECT_ELEMENTS.X_NUMBER];
- property.elNumberY = elRect[RECT_ELEMENTS.Y_NUMBER];
- property.elNumberWidth = elRect[RECT_ELEMENTS.WIDTH_NUMBER];
- property.elNumberHeight = elRect[RECT_ELEMENTS.HEIGHT_NUMBER];
- break;
- }
- case 'vec3': {
- let elVec3 = createVec3Property(property, elProperty);
- property.elNumberX = elVec3[VECTOR_ELEMENTS.X_NUMBER];
- property.elNumberY = elVec3[VECTOR_ELEMENTS.Y_NUMBER];
- property.elNumberZ = elVec3[VECTOR_ELEMENTS.Z_NUMBER];
- break;
- }
- case 'vec2': {
- let elVec2 = createVec2Property(property, elProperty);
- property.elNumberX = elVec2[VECTOR_ELEMENTS.X_NUMBER];
- property.elNumberY = elVec2[VECTOR_ELEMENTS.Y_NUMBER];
- break;
- }
- case 'color': {
- let elColor = createColorProperty(property, elProperty);
- property.elColorPicker = elColor[COLOR_ELEMENTS.COLOR_PICKER];
- property.elNumberR = elColor[COLOR_ELEMENTS.RED_NUMBER];
- property.elNumberG = elColor[COLOR_ELEMENTS.GREEN_NUMBER];
- property.elNumberB = elColor[COLOR_ELEMENTS.BLUE_NUMBER];
- break;
- }
- case 'dropdown': {
- property.elInput = createDropdownProperty(property, propertyID, elProperty);
- break;
- }
- case 'textarea': {
- property.elInput = createTextareaProperty(property, elProperty);
- break;
- }
- case 'icon': {
- property.elSpan = createIconProperty(property, elProperty);
- break;
- }
- case 'texture': {
- let elTexture = createTextureProperty(property, elProperty);
- property.elImage = elTexture[TEXTURE_ELEMENTS.IMAGE];
- property.elInput = elTexture[TEXTURE_ELEMENTS.TEXT_INPUT];
- break;
- }
- case 'buttons': {
- property.elProperty = createButtonsProperty(property, elProperty);
- break;
- }
- case 'dynamic-multiselect': {
- property.elDivOptions = createDynamicMultiselectProperty(property, elProperty);
- break;
- }
- case 'placeholder':
- case 'sub-header': {
- break;
- }
- default: {
- console.log("EntityProperties - Unknown property type " +
- propertyType + " set to property " + propertyID);
- break;
- }
- }
-
- return property;
-}
-
-
-/**
- * PROPERTY-SPECIFIC CALLBACKS
- */
-
-function parentIDChanged() {
- if (currentSelections.length === 1 && currentSelections[0].properties.type === "Material") {
- requestMaterialTarget();
- }
-}
-
-
-/**
- * BUTTON CALLBACKS
- */
-
-function rescaleDimensions() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "action",
- action: "rescaleDimensions",
- percentage: parseFloat(document.getElementById("property-scale").value)
- }));
-}
-
-function moveSelectionToGrid() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "action",
- action: "moveSelectionToGrid"
- }));
-}
-
-function moveAllToGrid() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "action",
- action: "moveAllToGrid"
- }));
-}
-
-function resetToNaturalDimensions() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "action",
- action: "resetToNaturalDimensions"
- }));
-}
-
-function reloadScripts() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "action",
- action: "reloadClientScripts"
- }));
-}
-
-function reloadServerScripts() {
- // invalidate the current status (so that same-same updates can still be observed visually)
- document.getElementById("property-serverScripts-status").innerText = PENDING_SCRIPT_STATUS;
- EventBridge.emitWebEvent(JSON.stringify({
- type: "action",
- action: "reloadServerScripts"
- }));
-}
-
-function copySkyboxURLToAmbientURL() {
- let skyboxURL = getPropertyInputElement("skybox.url").value;
- getPropertyInputElement("ambientLight.ambientURL").value = skyboxURL;
- updateProperty("ambientLight.ambientURL", skyboxURL, false);
-}
-
-
-/**
- * USER DATA FUNCTIONS
- */
-
-function clearUserData() {
- let elUserData = getPropertyInputElement("userData");
- deleteJSONEditor();
- elUserData.value = "";
- showUserDataTextArea();
- showNewJSONEditorButton();
- hideSaveUserDataButton();
- updateProperty('userData', elUserData.value, false);
-}
-
-function newJSONEditor() {
- getPropertyInputElement("userData").classList.remove('multi-diff');
- deleteJSONEditor();
- createJSONEditor();
- let data = {};
- setEditorJSON(data);
- hideUserDataTextArea();
- hideNewJSONEditorButton();
- showSaveUserDataButton();
-}
-
-/**
- * @param {Set.
-
-
-
-
-
-
-
-
-
-
-
-
-
- ${group.label}
`));
-
- let elSpan = document.createElement('span');
- elSpan.className = "collapse-icon";
- elSpan.innerText = "M";
- elLegend.appendChild(elSpan);
- elGroup.appendChild(elLegend);
- }
-
- group.properties.forEach(function(propertyData) {
- let propertyType = propertyData.type;
- let propertyID = propertyData.propertyID;
- let propertyName = propertyData.propertyName !== undefined ? propertyData.propertyName : propertyID;
- let propertySpaceMode = propertyData.spaceMode !== undefined ? propertyData.spaceMode : PROPERTY_SPACE_MODE.ALL;
- let propertyElementID = "property-" + propertyID;
- propertyElementID = propertyElementID.replace('.', '-');
-
- let elContainer, elLabel;
-
- if (propertyData.replaceID === undefined) {
- // Create subheader, or create new property and append it.
- if (propertyType === "sub-header") {
- elContainer = createElementFromHTML(
- `${propertyData.label}
`);
- } else {
- elContainer = document.createElement('div');
- elContainer.setAttribute("id", "div-" + propertyElementID);
- elContainer.className = 'property container';
- }
-
- if (group.twoColumn && propertyData.column !== undefined && propertyData.column !== -1) {
- let columnName = group.id + "column" + propertyData.column;
- let elColumn = document.getElementById(columnName);
- if (!elColumn) {
- let columnDivName = group.id + "columnDiv";
- let elColumnDiv = document.getElementById(columnDivName);
- if (!elColumnDiv) {
- elColumnDiv = document.createElement('div');
- elColumnDiv.className = "two-column";
- elColumnDiv.setAttribute("id", group.id + "columnDiv");
- elGroup.appendChild(elColumnDiv);
- }
- elColumn = document.createElement('fieldset');
- elColumn.className = "column";
- elColumn.setAttribute("id", columnName);
- elColumnDiv.appendChild(elColumn);
- }
- elColumn.appendChild(elContainer);
- } else {
- elGroup.appendChild(elContainer);
- }
-
- let labelText = propertyData.label !== undefined ? propertyData.label : "";
- let className = '';
- if (propertyData.indentedLabel || propertyData.showPropertyRule !== undefined) {
- className = 'indented';
- }
- elLabel = createElementFromHTML(
- ``);
- elContainer.appendChild(elLabel);
- } else {
- elContainer = document.getElementById(propertyData.replaceID);
- }
-
- if (elLabel) {
- createAppTooltip.registerTooltipElement(elLabel.childNodes[0], propertyID, propertyName);
- }
-
- let elProperty = createElementFromHTML('');
- elContainer.appendChild(elProperty);
-
- if (propertyType === 'triple') {
- elProperty.className = 'flex-row';
- for (let i = 0; i < propertyData.properties.length; ++i) {
- let innerPropertyData = propertyData.properties[i];
-
- let elWrapper = createElementFromHTML('');
- elProperty.appendChild(elWrapper);
-
- let propertyID = innerPropertyData.propertyID;
- let propertyName = innerPropertyData.propertyName !== undefined ? innerPropertyData.propertyName : propertyID;
- let propertyElementID = "property-" + propertyID;
- propertyElementID = propertyElementID.replace('.', '-');
-
- let property = createProperty(innerPropertyData, propertyElementID, propertyName, propertyID, elWrapper);
- property.isParticleProperty = group.id.includes("particles");
- property.elContainer = elContainer;
- property.spaceMode = propertySpaceMode;
- property.group_id = group.id;
-
- let elLabel = createElementFromHTML(`${innerPropertyData.label}
`);
- createAppTooltip.registerTooltipElement(elLabel, propertyID, propertyName);
-
- elWrapper.appendChild(elLabel);
-
- if (property.type !== 'placeholder') {
- properties[propertyID] = property;
- }
- if (innerPropertyData.type === 'number' || innerPropertyData.type === 'number-draggable') {
- propertyRangeRequests.push(propertyID);
- }
- }
- } else {
- let property = createProperty(propertyData, propertyElementID, propertyName, propertyID, elProperty);
- property.isParticleProperty = group.id.includes("particles");
- property.elContainer = elContainer;
- property.spaceMode = propertySpaceMode;
- property.group_id = group.id;
-
- if (property.type !== 'placeholder') {
- properties[propertyID] = property;
- }
- if (propertyData.type === 'number' || propertyData.type === 'number-draggable' ||
- propertyData.type === 'vec2' || propertyData.type === 'vec3' || propertyData.type === 'rect') {
- propertyRangeRequests.push(propertyID);
- }
-
- let showPropertyRule = propertyData.showPropertyRule;
- if (showPropertyRule !== undefined) {
- let dependentProperty = Object.keys(showPropertyRule)[0];
- let dependentPropertyValue = showPropertyRule[dependentProperty];
- if (properties[dependentProperty] === undefined) {
- properties[dependentProperty] = {};
- }
- if (properties[dependentProperty].showPropertyRules === undefined) {
- properties[dependentProperty].showPropertyRules = {};
- }
- properties[dependentProperty].showPropertyRules[propertyID] = dependentPropertyValue;
- }
- }
- });
-
- elGroups[group.id] = elGroup;
- });
-
- let minorSections = document.querySelectorAll(".section.minor");
- minorSections[minorSections.length - 1].className += " last";
-
- updateVisibleSpaceModeProperties();
-
- if (window.EventBridge !== undefined) {
- EventBridge.scriptEventReceived.connect(function(data) {
- data = JSON.parse(data);
- if (data.type === "server_script_status" && selectedEntityIDs.size === 1) {
- let elServerScriptError = document.getElementById("property-serverScripts-error");
- let elServerScriptStatus = document.getElementById("property-serverScripts-status");
- elServerScriptError.value = data.errorInfo;
- // If we just set elServerScriptError's display to block or none, we still end up with
- // it's parent contributing 21px bottom padding even when elServerScriptError is display:none.
- // So set it's parent to block or none
- elServerScriptError.parentElement.style.display = data.errorInfo ? "block" : "none";
- if (data.statusRetrieved === false) {
- elServerScriptStatus.innerText = "Failed to retrieve status";
- } else if (data.isRunning) {
- elServerScriptStatus.innerText = ENTITY_SCRIPT_STATUS[data.status] || data.status;
- } else {
- elServerScriptStatus.innerText = NOT_RUNNING_SCRIPT_STATUS;
- }
- } else if (data.type === "update" && data.selections) {
- if (data.spaceMode !== undefined) {
- currentSpaceMode = data.spaceMode === "local" ? PROPERTY_SPACE_MODE.LOCAL : PROPERTY_SPACE_MODE.WORLD;
- }
- handleEntitySelectionUpdate(data.selections, data.isPropertiesToolUpdate);
- } else if (data.type === 'tooltipsReply') {
- createAppTooltip.setIsEnabled(!data.hmdActive);
- createAppTooltip.setTooltipData(data.tooltips);
- } else if (data.type === 'hmdActiveChanged') {
- createAppTooltip.setIsEnabled(!data.hmdActive);
- } else if (data.type === 'setSpaceMode') {
- currentSpaceMode = data.spaceMode === "local" ? PROPERTY_SPACE_MODE.LOCAL : PROPERTY_SPACE_MODE.WORLD;
- updateVisibleSpaceModeProperties();
- } else if (data.type === 'propertyRangeReply') {
- let propertyRanges = data.propertyRanges;
- for (let property in propertyRanges) {
- let propertyRange = propertyRanges[property];
- if (propertyRange !== undefined) {
- let propertyData = properties[property].data;
- let multiplier = propertyData.multiplier;
- if (propertyData.min === undefined && propertyRange.minimum !== "") {
- propertyData.min = propertyRange.minimum;
- if (multiplier !== undefined) {
- propertyData.min /= multiplier;
- }
- }
- if (propertyData.max === undefined && propertyRange.maximum !== "") {
- propertyData.max = propertyRange.maximum;
- if (multiplier !== undefined) {
- propertyData.max /= multiplier;
- }
- }
- switch (propertyData.type) {
- case 'number':
- updateNumberMinMax(properties[property]);
- break;
- case 'number-draggable':
- updateNumberDraggableMinMax(properties[property]);
- break;
- case 'vec3':
- case 'vec2':
- updateVectorMinMax(properties[property]);
- break;
- case 'rect':
- updateRectMinMax(properties[property]);
- break;
- }
- }
- }
- } else if (data.type === 'materialTargetReply') {
- if (data.entityID === getFirstSelectedID()) {
- setMaterialTargetData(data.materialTargetData);
- }
- }
- });
-
- // Request tooltips and property ranges as soon as we can process a reply:
- EventBridge.emitWebEvent(JSON.stringify({ type: 'tooltipsRequest' }));
- EventBridge.emitWebEvent(JSON.stringify({ type: 'propertyRangeRequest', properties: propertyRangeRequests }));
- }
-
- // Server Script Status
- let elServerScriptStatusOuter = document.getElementById('div-property-serverScriptStatus');
- let elServerScriptStatusContainer = document.getElementById('div-property-serverScriptStatus').childNodes[1];
- let serverScriptStatusElementID = 'property-serverScripts-status';
- createAppTooltip.registerTooltipElement(elServerScriptStatusOuter.childNodes[0], "serverScriptsStatus");
- let elServerScriptStatus = document.createElement('div');
- elServerScriptStatus.setAttribute("id", serverScriptStatusElementID);
- elServerScriptStatusContainer.appendChild(elServerScriptStatus);
-
- // Server Script Error
- let elServerScripts = getPropertyInputElement("serverScripts");
- let elDiv = document.createElement('div');
- elDiv.className = "property";
- let elServerScriptError = document.createElement('textarea');
- let serverScriptErrorElementID = 'property-serverScripts-error';
- elServerScriptError.setAttribute("id", serverScriptErrorElementID);
- elDiv.appendChild(elServerScriptError);
- elServerScriptStatusContainer.appendChild(elDiv);
-
- let elScript = getPropertyInputElement("script");
- elScript.parentNode.className = "url refresh";
- elServerScripts.parentNode.className = "url refresh";
-
- // User Data
- let userDataProperty = properties["userData"];
- let elUserData = userDataProperty.elInput;
- let userDataElementID = userDataProperty.elementID;
- elDiv = elUserData.parentNode;
- let elStaticUserData = document.createElement('div');
- elStaticUserData.setAttribute("id", userDataElementID + "-static");
- let elUserDataEditor = document.createElement('div');
- elUserDataEditor.setAttribute("id", userDataElementID + "-editor");
- let elUserDataEditorStatus = document.createElement('div');
- elUserDataEditorStatus.setAttribute("id", userDataElementID + "-editorStatus");
- let elUserDataSaved = document.createElement('span');
- elUserDataSaved.setAttribute("id", userDataElementID + "-saved");
- elUserDataSaved.innerText = "Saved!";
- elDiv.childNodes[JSON_EDITOR_ROW_DIV_INDEX].appendChild(elUserDataSaved);
- elDiv.insertBefore(elStaticUserData, elUserData);
- elDiv.insertBefore(elUserDataEditor, elUserData);
- elDiv.insertBefore(elUserDataEditorStatus, elUserData);
-
- // Material Data
- let materialDataProperty = properties["materialData"];
- let elMaterialData = materialDataProperty.elInput;
- let materialDataElementID = materialDataProperty.elementID;
- elDiv = elMaterialData.parentNode;
- let elStaticMaterialData = document.createElement('div');
- elStaticMaterialData.setAttribute("id", materialDataElementID + "-static");
- let elMaterialDataEditor = document.createElement('div');
- elMaterialDataEditor.setAttribute("id", materialDataElementID + "-editor");
- let elMaterialDataEditorStatus = document.createElement('div');
- elMaterialDataEditorStatus.setAttribute("id", materialDataElementID + "-editorStatus");
- let elMaterialDataSaved = document.createElement('span');
- elMaterialDataSaved.setAttribute("id", materialDataElementID + "-saved");
- elMaterialDataSaved.innerText = "Saved!";
- elDiv.childNodes[JSON_EDITOR_ROW_DIV_INDEX].appendChild(elMaterialDataSaved);
- elDiv.insertBefore(elStaticMaterialData, elMaterialData);
- elDiv.insertBefore(elMaterialDataEditor, elMaterialData);
- elDiv.insertBefore(elMaterialDataEditorStatus, elMaterialData);
-
- // Collapsible sections
- let elCollapsible = document.getElementsByClassName("collapse-icon");
-
- let toggleCollapsedEvent = function(event) {
- let element = this.parentNode.parentNode;
- let isCollapsed = element.dataset.collapsed !== "true";
- element.dataset.collapsed = isCollapsed ? "true" : false;
- element.setAttribute("collapsed", isCollapsed ? "true" : "false");
- this.textContent = isCollapsed ? "L" : "M";
- };
-
- for (let collapseIndex = 0, numCollapsibles = elCollapsible.length; collapseIndex < numCollapsibles; ++collapseIndex) {
- let curCollapsibleElement = elCollapsible[collapseIndex];
- curCollapsibleElement.addEventListener("click", toggleCollapsedEvent, true);
- }
-
- // Textarea scrollbars
- let elTextareas = document.getElementsByTagName("TEXTAREA");
-
- let textareaOnChangeEvent = function(event) {
- setTextareaScrolling(event.target);
- };
-
- for (let textAreaIndex = 0, numTextAreas = elTextareas.length; textAreaIndex < numTextAreas; ++textAreaIndex) {
- let curTextAreaElement = elTextareas[textAreaIndex];
- setTextareaScrolling(curTextAreaElement);
- curTextAreaElement.addEventListener("input", textareaOnChangeEvent, false);
- curTextAreaElement.addEventListener("change", textareaOnChangeEvent, false);
- /* FIXME: Detect and update textarea scrolling attribute on resize. Unfortunately textarea doesn't have a resize
- event; mouseup is a partial stand-in but doesn't handle resizing if mouse moves outside textarea rectangle. */
- curTextAreaElement.addEventListener("mouseup", textareaOnChangeEvent, false);
- }
-
- // Dropdowns
- // For each dropdown the following replacement is created in place of the original dropdown...
- // Structure created:
- // -
- //
- display textcarat - //
-
- //
-
- //
- 0) {
- let el = elDropdowns[0];
- el.parentNode.removeChild(el);
- elDropdowns = document.getElementsByTagName("select");
- }
-
- const KEY_CODES = {
- BACKSPACE: 8,
- DELETE: 46
- };
-
- document.addEventListener("keyup", function (keyUpEvent) {
- const FILTERED_NODE_NAMES = ["INPUT", "TEXTAREA"];
- if (FILTERED_NODE_NAMES.includes(keyUpEvent.target.nodeName)) {
- return;
- }
-
- if (elUserDataEditor.contains(keyUpEvent.target) || elMaterialDataEditor.contains(keyUpEvent.target)) {
- return;
- }
-
- let {code, key, keyCode, altKey, ctrlKey, metaKey, shiftKey} = keyUpEvent;
-
- let controlKey = window.navigator.platform.startsWith("Mac") ? metaKey : ctrlKey;
-
- let keyCodeString;
- switch (keyCode) {
- case KEY_CODES.DELETE:
- keyCodeString = "Delete";
- break;
- case KEY_CODES.BACKSPACE:
- keyCodeString = "Backspace";
- break;
- default:
- keyCodeString = String.fromCharCode(keyUpEvent.keyCode);
- break;
- }
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: 'keyUpEvent',
- keyUpEvent: {
- code,
- key,
- keyCode,
- keyCodeString,
- altKey,
- controlKey,
- shiftKey,
- }
- }));
- }, false);
-
- window.onblur = function() {
- // Fake a change event
- let ev = document.createEvent("HTMLEvents");
- ev.initEvent("change", true, true);
- document.activeElement.dispatchEvent(ev);
- };
-
- // For input and textarea elements, select all of the text on focus
- let els = document.querySelectorAll("input, textarea");
- for (let i = 0; i < els.length; ++i) {
- els[i].onfocus = function (e) {
- e.target.select();
- };
- }
-
- bindAllNonJSONEditorElements();
-
- showGroupsForType("None");
- resetProperties();
- disableProperties();
- });
-
- augmentSpinButtons();
- disableDragDrop();
-
- // Disable right-click context menu which is not visible in the HMD and makes it seem like the app has locked
- document.addEventListener("contextmenu", function(event) {
- event.preventDefault();
- }, false);
-
- setTimeout(function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'propertiesPageReady' }));
- }, 1000);
-}
diff --git a/scripts/simplifiedUI/system/create/entityProperties/html/js/underscore-min.js b/scripts/simplifiedUI/system/create/entityProperties/html/js/underscore-min.js
deleted file mode 100644
index f01025b7bc..0000000000
--- a/scripts/simplifiedUI/system/create/entityProperties/html/js/underscore-min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Underscore.js 1.8.3
-// http://underscorejs.org
-// (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-// Underscore may be freely distributed under the MIT license.
-(function(){function n(n){function t(t,r,e,u,i,o){for(;i>=0&&o>i;i+=n){var a=u?u[i]:i;e=r(e,t[a],a,t)}return e}return function(r,e,u,i){e=b(e,i,4);var o=!k(r)&&m.keys(r),a=(o||r).length,c=n>0?0:a-1;return arguments.length<3&&(u=r[o?o[c]:c],c+=n),t(r,e,u,o,c,a)}}function t(n){return function(t,r,e){r=x(r,e);for(var u=O(t),i=n>0?0:u-1;i>=0&&u>i;i+=n)if(r(t[i],i,t))return i;return-1}}function r(n,t,r){return function(e,u,i){var o=0,a=O(e);if("number"==typeof i)n>0?o=i>=0?i:Math.max(i+a,o):a=i>=0?Math.min(i+1,a):i+a+1;else if(r&&i&&a)return i=r(e,u),e[i]===u?i:-1;if(u!==u)return i=t(l.call(e,o,a),m.isNaN),i>=0?i+o:-1;for(i=n>0?o:a-1;i>=0&&a>i;i+=n)if(e[i]===u)return i;return-1}}function e(n,t){var r=I.length,e=n.constructor,u=m.isFunction(e)&&e.prototype||a,i="constructor";for(m.has(n,i)&&!m.contains(t,i)&&t.push(i);r--;)i=I[r],i in n&&n[i]!==u[i]&&!m.contains(t,i)&&t.push(i)}var u=this,i=u._,o=Array.prototype,a=Object.prototype,c=Function.prototype,f=o.push,l=o.slice,s=a.toString,p=a.hasOwnProperty,h=Array.isArray,v=Object.keys,g=c.bind,y=Object.create,d=function(){},m=function(n){return n instanceof m?n:this instanceof m?void(this._wrapped=n):new m(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=m),exports._=m):u._=m,m.VERSION="1.8.3";var b=function(n,t,r){if(t===void 0)return n;switch(null==r?3:r){case 1:return function(r){return n.call(t,r)};case 2:return function(r,e){return n.call(t,r,e)};case 3:return function(r,e,u){return n.call(t,r,e,u)};case 4:return function(r,e,u,i){return n.call(t,r,e,u,i)}}return function(){return n.apply(t,arguments)}},x=function(n,t,r){return null==n?m.identity:m.isFunction(n)?b(n,t,r):m.isObject(n)?m.matcher(n):m.property(n)};m.iteratee=function(n,t){return x(n,t,1/0)};var _=function(n,t){return function(r){var e=arguments.length;if(2>e||null==r)return r;for(var u=1;e>u;u++)for(var i=arguments[u],o=n(i),a=o.length,c=0;a>c;c++){var f=o[c];t&&r[f]!==void 0||(r[f]=i[f])}return r}},j=function(n){if(!m.isObject(n))return{};if(y)return y(n);d.prototype=n;var t=new d;return d.prototype=null,t},w=function(n){return function(t){return null==t?void 0:t[n]}},A=Math.pow(2,53)-1,O=w("length"),k=function(n){var t=O(n);return"number"==typeof t&&t>=0&&A>=t};m.each=m.forEach=function(n,t,r){t=b(t,r);var e,u;if(k(n))for(e=0,u=n.length;u>e;e++)t(n[e],e,n);else{var i=m.keys(n);for(e=0,u=i.length;u>e;e++)t(n[i[e]],i[e],n)}return n},m.map=m.collect=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=Array(u),o=0;u>o;o++){var a=e?e[o]:o;i[o]=t(n[a],a,n)}return i},m.reduce=m.foldl=m.inject=n(1),m.reduceRight=m.foldr=n(-1),m.find=m.detect=function(n,t,r){var e;return e=k(n)?m.findIndex(n,t,r):m.findKey(n,t,r),e!==void 0&&e!==-1?n[e]:void 0},m.filter=m.select=function(n,t,r){var e=[];return t=x(t,r),m.each(n,function(n,r,u){t(n,r,u)&&e.push(n)}),e},m.reject=function(n,t,r){return m.filter(n,m.negate(x(t)),r)},m.every=m.all=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=0;u>i;i++){var o=e?e[i]:i;if(!t(n[o],o,n))return!1}return!0},m.some=m.any=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=0;u>i;i++){var o=e?e[i]:i;if(t(n[o],o,n))return!0}return!1},m.contains=m.includes=m.include=function(n,t,r,e){return k(n)||(n=m.values(n)),("number"!=typeof r||e)&&(r=0),m.indexOf(n,t,r)>=0},m.invoke=function(n,t){var r=l.call(arguments,2),e=m.isFunction(t);return m.map(n,function(n){var u=e?t:n[t];return null==u?u:u.apply(n,r)})},m.pluck=function(n,t){return m.map(n,m.property(t))},m.where=function(n,t){return m.filter(n,m.matcher(t))},m.findWhere=function(n,t){return m.find(n,m.matcher(t))},m.max=function(n,t,r){var e,u,i=-1/0,o=-1/0;if(null==t&&null!=n){n=k(n)?n:m.values(n);for(var a=0,c=n.length;c>a;a++)e=n[a],e>i&&(i=e)}else t=x(t,r),m.each(n,function(n,r,e){u=t(n,r,e),(u>o||u===-1/0&&i===-1/0)&&(i=n,o=u)});return i},m.min=function(n,t,r){var e,u,i=1/0,o=1/0;if(null==t&&null!=n){n=k(n)?n:m.values(n);for(var a=0,c=n.length;c>a;a++)e=n[a],i>e&&(i=e)}else t=x(t,r),m.each(n,function(n,r,e){u=t(n,r,e),(o>u||1/0===u&&1/0===i)&&(i=n,o=u)});return i},m.shuffle=function(n){for(var t,r=k(n)?n:m.values(n),e=r.length,u=Array(e),i=0;e>i;i++)t=m.random(0,i),t!==i&&(u[i]=u[t]),u[t]=r[i];return u},m.sample=function(n,t,r){return null==t||r?(k(n)||(n=m.values(n)),n[m.random(n.length-1)]):m.shuffle(n).slice(0,Math.max(0,t))},m.sortBy=function(n,t,r){return t=x(t,r),m.pluck(m.map(n,function(n,r,e){return{value:n,index:r,criteria:t(n,r,e)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var F=function(n){return function(t,r,e){var u={};return r=x(r,e),m.each(t,function(e,i){var o=r(e,i,t);n(u,e,o)}),u}};m.groupBy=F(function(n,t,r){m.has(n,r)?n[r].push(t):n[r]=[t]}),m.indexBy=F(function(n,t,r){n[r]=t}),m.countBy=F(function(n,t,r){m.has(n,r)?n[r]++:n[r]=1}),m.toArray=function(n){return n?m.isArray(n)?l.call(n):k(n)?m.map(n,m.identity):m.values(n):[]},m.size=function(n){return null==n?0:k(n)?n.length:m.keys(n).length},m.partition=function(n,t,r){t=x(t,r);var e=[],u=[];return m.each(n,function(n,r,i){(t(n,r,i)?e:u).push(n)}),[e,u]},m.first=m.head=m.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:m.initial(n,n.length-t)},m.initial=function(n,t,r){return l.call(n,0,Math.max(0,n.length-(null==t||r?1:t)))},m.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:m.rest(n,Math.max(0,n.length-t))},m.rest=m.tail=m.drop=function(n,t,r){return l.call(n,null==t||r?1:t)},m.compact=function(n){return m.filter(n,m.identity)};var S=function(n,t,r,e){for(var u=[],i=0,o=e||0,a=O(n);a>o;o++){var c=n[o];if(k(c)&&(m.isArray(c)||m.isArguments(c))){t||(c=S(c,t,r));var f=0,l=c.length;for(u.length+=l;l>f;)u[i++]=c[f++]}else r||(u[i++]=c)}return u};m.flatten=function(n,t){return S(n,t,!1)},m.without=function(n){return m.difference(n,l.call(arguments,1))},m.uniq=m.unique=function(n,t,r,e){m.isBoolean(t)||(e=r,r=t,t=!1),null!=r&&(r=x(r,e));for(var u=[],i=[],o=0,a=O(n);a>o;o++){var c=n[o],f=r?r(c,o,n):c;t?(o&&i===f||u.push(c),i=f):r?m.contains(i,f)||(i.push(f),u.push(c)):m.contains(u,c)||u.push(c)}return u},m.union=function(){return m.uniq(S(arguments,!0,!0))},m.intersection=function(n){for(var t=[],r=arguments.length,e=0,u=O(n);u>e;e++){var i=n[e];if(!m.contains(t,i)){for(var o=1;r>o&&m.contains(arguments[o],i);o++);o===r&&t.push(i)}}return t},m.difference=function(n){var t=S(arguments,!0,!0,1);return m.filter(n,function(n){return!m.contains(t,n)})},m.zip=function(){return m.unzip(arguments)},m.unzip=function(n){for(var t=n&&m.max(n,O).length||0,r=Array(t),e=0;t>e;e++)r[e]=m.pluck(n,e);return r},m.object=function(n,t){for(var r={},e=0,u=O(n);u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},m.findIndex=t(1),m.findLastIndex=t(-1),m.sortedIndex=function(n,t,r,e){r=x(r,e,1);for(var u=r(t),i=0,o=O(n);o>i;){var a=Math.floor((i+o)/2);r(n[a])
Chat - - - - - - - - -- -- - - - - - diff --git a/scripts/simplifiedUI/system/html/EmoteApp.html b/scripts/simplifiedUI/system/html/EmoteApp.html deleted file mode 100644 index 6b42fb8dc8..0000000000 --- a/scripts/simplifiedUI/system/html/EmoteApp.html +++ /dev/null @@ -1,138 +0,0 @@ - - - -- Chat -- - - -- -- -Emote App - - - - - - - --- - - - - \ No newline at end of file diff --git a/scripts/simplifiedUI/system/html/SnapshotReview.html b/scripts/simplifiedUI/system/html/SnapshotReview.html deleted file mode 100644 index f080cd204a..0000000000 --- a/scripts/simplifiedUI/system/html/SnapshotReview.html +++ /dev/null @@ -1,38 +0,0 @@ - - -Share - - - - - - - -- - - --
------' + - '-- -
- --- - diff --git a/scripts/simplifiedUI/system/html/css/SnapshotReview.css b/scripts/simplifiedUI/system/html/css/SnapshotReview.css deleted file mode 100644 index 54d39aaad3..0000000000 --- a/scripts/simplifiedUI/system/html/css/SnapshotReview.css +++ /dev/null @@ -1,346 +0,0 @@ -/* -// SnapshotReview.css -// -// Created by Howard Stearns for David Rowe 8/22/2016. -// Copyright 2016 High Fidelity, Inc. -// -// Distributed under the Apache License, Version 2.0. -// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -*/ - -/* -// START styling of top bar and its contents -*/ - -.title { - padding: 6px 10px; - text-align: left; - height: 26px; - line-height: 26px; - clear: both; -} - -.title label { - position: relative; - font-size: 18px; - float: left; -} - -#snapshotSettings { - position: relative; - float: right; -} -#settingsLabel { - position: relative; - float: right; - font-family: Raleway-SemiBold; - font-size: 14px; -} -.hifi-glyph { - font-size: 30px; - top: -4px; -} -input[type=button].naked { - color: #afafaf; - background: none; -} -input[type=button].naked:hover { - color: #ffffff; -} -input[type=button].naked:active { - color: #afafaf; -} -/* -// END styling of top bar and its contents -*/ - -/* -// START styling of snapshot instructions panel -*/ -.snapshotInstructions { - font-family: Raleway-Regular; - margin: 0 20px; - width: 100%; - height: 50%; -} -/* -// END styling of snapshot instructions panel -*/ - -/* -// START styling of snapshot pane and its contents -*/ -#snapshot-pane { - width: 100%; - height: 560px; - display: flex; - justify-content: center; - align-items: center; -} - -#snapshot-images { - width: 100%; - display: flex; - justify-content: center; - flex-direction: column; -} - -#snapshot-images img { - max-width: 100%; - max-height: 100%; -} - -.gifLabel { - position:absolute; - left: 15px; - top: 10px; - font-family: Raleway-SemiBold; - font-size: 18px; - color: white; - text-shadow: 2px 2px 3px #000000; -} -/* -// END styling of snapshot pane and its contents -*/ - -/* -// START styling of share overlay -*/ -.shareControls { - display: flex; - justify-content: space-between; - flex-direction: row; - align-items: center; - height: 65px; - line-height: 65px; - width: calc(100% - 8px); - position: absolute; - bottom: 4px; - left: 4px; - right: 4px; -} -.showShareButtonsButtonDiv { - display: inline-flex; - align-items: center; - font-family: Raleway-SemiBold; - font-size: 14px; - color: white; - width: 75px; - height: 100%; - margin-bottom: 0px; -} -.showShareButtonsButtonDiv.active:hover { - background-color: rgba(0, 0, 0, 0.45); - background-size: 2px; -} -.showShareButtonsButtonDiv > label { - text-shadow: 2px 2px 3px #000000; - margin-bottom: -14px; - margin-left: 12px; -} -.showShareButtonsButtonDiv:hover > label { - text-shadow: none; -} -.showShareButtonDots { - display: block; - width: 40px; - height: 40px; - font-family: HiFi-Glyphs; - font-size: 60px; - position: absolute; - left: 6px; - bottom: 32px; - color: white; - pointer-events: none; -} -.shareButtons { - display: flex; - align-items: flex-end; - height: 40px; - width: calc(100% - 60px); - margin-bottom: -24px; - margin-left: 0; -} -.shareButtons img { - width: 40px; - height: 40px; -} -.shareButton { - width: 40px; - height: 40px; - display: inline-block; -} -.shareButton.disabled { - background-color: #000000; - opacity: 0.5; -} -.shareControlsHelp { - height: 25px; - line-height: 25px; - position: absolute; - bottom: 40px; - left: 73px; - right: 0; - font-family: Raleway-Regular; - font-weight: 500; - font-size: 16px; - padding-left: 8px; - color: white; -} -.helpTextDiv { - width: 350px; - height: 65px; - margin-right: 15px; - line-height: 65px; - position: absolute; - bottom: 0; - right: 0; - font-family: Raleway-Regular; - font-weight: 500; - font-size: 16px; - color: white; -} -/* -// END styling of share overlay -*/ - -/* -// START styling of confirmation message -*/ -.confirmationMessageContainer { - width: 100%; - height: 100%; - position: absolute; - background-color: rgba(0, 0, 0, 0.45); - text-align: center; - left: 0; - top: 0; - pointer-events: none; - color: white; - font-weight: bold; - font-size: 16px; -} -.confirmationMessage { - width: 130px; - height: 130px; - margin: 50px auto 0 auto; -} -.confirmationMessage > img { - width: 72px; - height: 72px; - display: block; - margin: 0 auto; - padding: 10px 0 0 0; -} -/* -// END styling of uploading message -*/ - -/* -// START styling of snapshot controls (bottom panel) and its contents -*/ -#snapshot-controls { - width: 100%; - position: absolute; - left: 0; - overflow: hidden; - display: flex; - justify-content: center; -} -#snap-settings { - display: inline; - width: 150px; - margin: 2px auto 0 auto; -} -#snap-settings form input { - margin-bottom: 5px; -} - -#snap-button { - width: 72px; - height: 72px; - padding: 0; - border-radius: 50%; - background: #EA4C5F; - border: 3px solid white; - margin: 2px auto 0 auto; - box-sizing: content-box; - display: inline; - outline:none; -} -#snap-button:disabled { - background: gray; -} -#snap-button:hover:enabled { - background: #C62147; -} -#snap-button:active:enabled { - background: #EA4C5F; -} -#snap-settings-right { - display: inline; - width: 150px; - margin: auto; -} -/* -// END styling of snapshot controls (bottom panel) and its contents -*/ - - -/* -// START polaroid styling -*/ - -#print-button { - width: 72px; - height: 72px; - margin-left: 30px; - margin-top: -10px; - box-sizing: content-box; - display: inline; - outline:none; -} - -.print-icon { - margin: auto; -} - -.print-icon-default { - background: url(../img/button-snap-print.svg) no-repeat; - margin-right: -1px; - width: 64px; - height: 64px; -} - -.print-icon-loading { - background: url(../img/loader.gif) no-repeat; - width: 32px; - height: 32px; -} - -/* -// END polaroid styling -*/ - - -/* -// START misc styling -*/ -body { - padding: 0; - margin: 0; - overflow: hidden; -} -p { - margin: 2px 0; -} -h4 { - margin: 14px 0 0 0; -} -.centeredImage { - margin: 0 auto; - display: block; -} -/* -// END misc styling -*/ diff --git a/scripts/simplifiedUI/system/html/css/colpick.css b/scripts/simplifiedUI/system/html/css/colpick.css deleted file mode 100644 index fc50c4b3fb..0000000000 --- a/scripts/simplifiedUI/system/html/css/colpick.css +++ /dev/null @@ -1,433 +0,0 @@ -/* -colpick Color Picker / colpick.com -*/ - -/*Main container*/ -.colpick { - position: absolute; - width: 346px; - height: 170px; - overflow: hidden; - display: none; - font-family: Arial, Helvetica, sans-serif; - background:#ebebeb; - border: 1px solid #bbb; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - - /*Prevents selecting text when dragging the selectors*/ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; -} -/*Color selection box with gradients*/ -.colpick_color { - position: absolute; - touch-action: none; - left: 7px; - top: 7px; - width: 156px; - height: 156px; - overflow: hidden; - outline: 1px solid #aaa; - cursor: crosshair; -} -.colpick_color_overlay1 { - position: absolute; - left:0; - top:0; - width: 156px; - height: 156px; - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */ - background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ - background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */ -} -.colpick_color_overlay2 { - position: absolute; - left:0; - top:0; - width: 156px; - height: 156px; - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */ - background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} -/*Circular color selector*/ -.colpick_selector_outer { - background:none; - position: absolute; - width: 11px; - height: 11px; - margin: -6px 0 0 -6px; - border: 1px solid black; - border-radius: 50%; -} -.colpick_selector_inner{ - position: absolute; - width: 9px; - height: 9px; - border: 1px solid white; - border-radius: 50%; -} -/*Vertical hue bar*/ -.colpick_hue { - position: absolute; - touch-action: none; - top: 6px; - left: 175px; - width: 19px; - height: 156px; - border: 1px solid #aaa; - cursor: n-resize; -} -/*Hue bar sliding indicator*/ -.colpick_hue_arrs { - position: absolute; - touch-action: none; - left: -8px; - width: 35px; - height: 7px; - margin: -7px 0 0 0; -} -.colpick_hue_larr { - position:absolute; - touch-action: none; - width: 0; - height: 0; - border-top: 6px solid transparent; - border-bottom: 6px solid transparent; - border-left: 7px solid #858585; -} -.colpick_hue_rarr { - position:absolute; - touch-action: none; - right:0; - width: 0; - height: 0; - border-top: 6px solid transparent; - border-bottom: 6px solid transparent; - border-right: 7px solid #858585; -} -/*New color box*/ -.colpick_new_color { - position: absolute; - touch-action: none; - left: 207px; - top: 6px; - width: 60px; - height: 27px; - background: #f00; - border: 1px solid #8f8f8f; -} -/*Current color box*/ -.colpick_current_color { - position: absolute; - touch-action: none; - left: 277px; - top: 6px; - width: 60px; - height: 27px; - background: #f00; - border: 1px solid #8f8f8f; -} -/*Input field containers*/ -.colpick_field, .colpick_hex_field { - position: absolute; - touch-action: none; - height: 20px; - width: 60px; - overflow:hidden; - background:#f3f3f3; - color:#b8b8b8; - font-size:12px; - border:1px solid #bdbdbd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.colpick_rgb_r { - top: 40px; - left: 207px; -} -.colpick_rgb_g { - top: 67px; - left: 207px; -} -.colpick_rgb_b { - top: 94px; - left: 207px; -} -.colpick_hsb_h { - top: 40px; - left: 277px; -} -.colpick_hsb_s { - top: 67px; - left: 277px; -} -.colpick_hsb_b { - top: 94px; - left: 277px; -} -.colpick_hex_field { - width: 68px; - left: 207px; - top: 121px; -} -/*Text field container on focus*/ -.colpick_focus { - border-color: #999; -} -/*Field label container*/ -.colpick_field_letter { - position: absolute; - width: 12px; - height: 20px; - line-height: 20px; - padding-left: 4px; - background: #efefef; - border-right: 1px solid #bdbdbd; - font-weight: bold; - color:#777; -} -/*Text inputs*/ -.colpick_field input, .colpick_hex_field input { - position: absolute; - touch-action: none; - right: 11px; - margin: 0; - padding: 0; - height: 20px; - line-height: 20px; - background: transparent; - border: none; - font-size: 12px; - font-family: Arial, Helvetica, sans-serif; - color: #555; - text-align: right; - outline: none; -} -.colpick_hex_field input { - right: 4px; -} -/*Field up/down arrows*/ -.colpick_field_arrs { - position: absolute; - touch-action: none; - top: 0; - right: 0; - width: 9px; - height: 21px; - cursor: n-resize; -} -.colpick_field_uarr { - position: absolute; - touch-action: none; - top: 5px; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-bottom: 4px solid #959595; -} -.colpick_field_darr { - position: absolute; - touch-action: none; - bottom:5px; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #959595; -} -/*Submit/Select button*/ -.colpick_submit { - position: absolute; - touch-action: none; - left: 207px; - top: 149px; - width: 130px; - height: 22px; - line-height:22px; - background: #efefef; - text-align: center; - color: #555; - font-size: 12px; - font-weight:bold; - border: 1px solid #bdbdbd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.colpick_submit:hover { - background:#f3f3f3; - border-color:#999; - cursor: pointer; -} - -/*full layout with no submit button*/ -.colpick_full_ns .colpick_submit { - display:none; -} -.colpick_full_ns .colpick_new_color { - width: 130px; - height: 25px; -} -.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h { - top: 42px; -} -.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s { - top: 73px; -} -.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b { - top: 104px; -} -.colpick_full_ns .colpick_hex_field { - top: 135px; -} - -/*rgbhex layout*/ -.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b { - display:none; -} -.colpick_rgbhex { - width:282px; -} -.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit { - width:68px; -} -.colpick_rgbhex .colpick_new_color { - width:34px; - border-right:none; -} -.colpick_rgbhex .colpick_current_color { - width:34px; - left:240px; - border-left:none; -} - -/*rgbhex layout, no submit button*/ -.colpick_rgbhex_ns .colpick_submit { - display:none; -} -.colpick_rgbhex_ns .colpick_new_color{ - width:34px; - border: 1px solid #8f8f8f; -} -.colpick_rgbhex_ns .colpick_rgb_r { - top: 42px; -} -.colpick_rgbhex_ns .colpick_rgb_g { - top: 73px; -} -.colpick_rgbhex_ns .colpick_rgb_b { - top: 104px; -} -.colpick_rgbhex_ns .colpick_hex_field { - top: 135px; -} - -/*hex layout*/ -.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b { - display:none; -} -.colpick_hex { - width:206px; - height:201px; -} -.colpick_hex .colpick_hex_field { - width:72px; - height:25px; - top:168px; - left:80px; -} -.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input { - height: 25px; - line-height: 25px; -} -.colpick_hex .colpick_new_color { - left:9px; - top:168px; - width:30px; - border-right:none; -} -.colpick_hex .colpick_current_color { - left:39px; - top:168px; - width:30px; - border-left:none; -} -.colpick_hex .colpick_submit { - left:164px; - top: 168px; - width:30px; - height:25px; - line-height: 25px; -} - -/*hex layout, no submit button*/ -.colpick_hex_ns .colpick_submit { - display:none; -} -.colpick_hex_ns .colpick_hex_field { - width:80px; -} -.colpick_hex_ns .colpick_new_color{ - width:60px; - border: 1px solid #8f8f8f; -} - -/*Dark color scheme*/ -.colpick_dark { - background: #161616; - border-color: #2a2a2a; -} -.colpick_dark .colpick_color { - outline-color: #333; -} -.colpick_dark .colpick_hue { - border-color: #555; -} -.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field { - background: #101010; - border-color: #2d2d2d; -} -.colpick_dark .colpick_field_letter { - background: #131313; - border-color: #2d2d2d; - color: #696969; -} -.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input { - color: #7a7a7a; -} -.colpick_dark .colpick_field_uarr { - border-bottom-color:#696969; -} -.colpick_dark .colpick_field_darr { - border-top-color:#696969; -} -.colpick_dark .colpick_focus { - border-color:#444; -} -.colpick_dark .colpick_submit { - background: #131313; - border-color:#2d2d2d; - color:#7a7a7a; -} -.colpick_dark .colpick_submit:hover { - background-color:#101010; - border-color:#444; -} \ No newline at end of file diff --git a/scripts/simplifiedUI/system/html/css/edit-style.css b/scripts/simplifiedUI/system/html/css/edit-style.css deleted file mode 100644 index 470e57ad6d..0000000000 --- a/scripts/simplifiedUI/system/html/css/edit-style.css +++ /dev/null @@ -1,1796 +0,0 @@ -/* -// edit-style.css -// -// Created by Ryan Huffman on 13 Nov 2014 -// Copyright 2014 High Fidelity, Inc. -// -// Distributed under the Apache License, Version 2.0. -// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -*/ - -@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-Light; - src: url(../../../../resources/fonts/Raleway-Light.ttf), - url(../../../../fonts/Raleway-Light.ttf), - url(../../../../interface/resources/fonts/Raleway-Light.ttf), - url(../fonts/Raleway-Light.ttf); -} - -@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: Raleway-SemiBold; - src: url(../../../../resources/fonts/Raleway-SemiBold.ttf), - url(../../../../fonts/Raleway-SemiBold.ttf), - url(../../../../interface/resources/fonts/Raleway-SemiBold.ttf), - url(../fonts/Raleway-SemiBold.ttf); -} - -@font-face { - font-family: FiraSans-SemiBold; - src: url(../../../../resources/fonts/FiraSans-SemiBold.ttf), - url(../../../../fonts/FiraSans-SemiBold.ttf), - url(../../../../interface/resources/fonts/FiraSans-SemiBold.ttf), - url(../fonts/FiraSans-SemiBold.ttf); -} - -@font-face { - font-family: AnonymousPro-Regular; - src: url(../../../../resources/fonts/AnonymousPro-Regular.ttf), - url(../../../../fonts/AnonymousPro-Regular.ttf), - url(../../../../interface/resources/fonts/AnonymousPro-Regular.ttf), - url(../fonts/AnonymousPro-Regular.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); -} - -* { - margin: 0; - padding: 0; -} - -body { - - color: #afafaf; - background-color: #404040; - font-family: Raleway-Regular; - font-size: 12px; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - overflow-x: hidden; - overflow-y: auto; -} - -table { - font-family: FiraSans-SemiBold; - font-size: 15px; - color: #afafaf; - border-collapse: collapse; - width: 100%; - border: 2px solid #575757; - border-radius: 7px; -} - -thead { - font-family: Raleway-Regular; - font-size: 12px; - text-transform: uppercase; - background-color: #1c1c1c; - padding: 1px 0; - border-bottom: 1px solid #575757; - width: 100%; -} - -tbody { - width: 100%; - display: block; -} - -tfoot { - font-family: Raleway-Light; - font-size: 13px; - background-color: #1c1c1c; - border-top: 1px solid #575757; - width: 100%; -} - -tfoot tr { - background-color: #1c1cff; -} - -thead tr { - height: 26px; /* 28px with thead padding */ -} - -thead th { - height: 26px; - background-color: #1c1c1c; - border-right: 1px solid #575757; -} - -thead th:last-child { - border: none; -} - -tbody td { - height: 26px; -} - -tfoot td { - height: 18px; - width: 100%; - background-color: #1c1c1c; - margin-left: 12px; -} - -tr { - width: 100%; - cursor: pointer; -} - -tr:nth-child(odd) { - background-color: #2e2e2e; -} - -tr:nth-child(even) { - background-color: #1c1c1c; -} - -tr:focus { - outline: none; -} - -tr.selected { - color: #000000; - background-color: #00b4ef; -} - -tr.selected + tr.selected { - border-top: 1px solid #2e2e2e; -} - -th { - text-align: center; - word-wrap: nowrap; - white-space: nowrap; - padding-left: 12px; - padding-right: 12px; -} - -td { - overflow: hidden; - text-overflow: clip; - white-space: nowrap; - word-wrap: nowrap; - padding-left: 12px; - padding-right: 12px; -} - -td.hidden { - padding-left: 0; - padding-right: 0; -} - -td.url { - white-space: nowrap; - overflow: hidden; -} - - -input[type="text"], input[type="search"], input[type="number"], textarea { - margin: 0; - padding: 0 12px; - color: #afafaf; - background-color: #252525; - border: none; - font-family: FiraSans-SemiBold; - font-size: 15px; -} - -textarea { - font-family: AnonymousPro-Regular; - font-size: 16px; - padding-top: 5px; - padding-bottom: 5px; - min-height: 64px; - width: 100%; - resize: vertical; -} - -input::-webkit-input-placeholder { - font-style: italic; -} - -input:focus, textarea:focus, button:focus { - color: #fff; - background-color: #000; - outline: 1px solid #00b4ef; - outline-offset: -1px; -} - -input::selection, textarea::selection { - color: #000000; - background-color: #00b4ef; -} - -input.search { - border-radius: 14px; -} - -input.search:focus { - outline: none; - box-sizing: border-box; - height: 26px; - margin-top: 1px; - margin-bottom: 1px; - box-shadow: 0 0 0 1px #00b4ef; -} - -input:disabled, textarea:disabled, .draggable-number.text[disabled="disabled"] { - background-color: #383838; - color: #afafaf; -} - -input[type="text"] { - height: 28px; - width: 100%; -} - -input.multi-diff:not(:focus) + span.multi-diff, -textarea.multi-diff:not(:focus) + span.multi-diff, -.draggable-number.multi-diff>input:not(:focus)+span.multi-diff, -dl>dt.multi-diff:not(:focus) + span.multi-diff { - visibility: visible; - position: absolute; - display: inline-block; - z-index: 2; - top: 7.5px; - left: 20px; - max-width: 50px; - min-width: 10px; - width: 50%; - height: 13px; - background-image: linear-gradient(transparent 0%, transparent 10%, #afafaf 10%, #afafaf 20%, transparent 20%, transparent 45%, #afafaf 45%, #afafaf 55%, transparent 55%, transparent 80%, #afafaf 80%, #afafaf 90%, transparent 90%, transparent 100%); - background-repeat: no-repeat; - pointer-events: none; -} - -input.multi-diff:not(:focus)::-webkit-input-placeholder, input.multi-diff:not(:focus) { - color: transparent; -} - -.draggable-number.multi-diff .text { - color: transparent; -} - -.dropdown > span.multi-diff { - top: 5px; - left: 10px; -} - -.text, .url, .texture, .textarea { - position: relative; -} - -input[type="search"] { - height: 28px; - width: 100%; -} -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; - height: 20px; - width: 20px; - background-image: url('data:image/png;base64,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') -} - -input[type="number"] { - position: relative; - height: 28px; - width: 124px; -} -input[type=number] { - padding-right: 3px; -} -input[type=number]::-webkit-inner-spin-button { - opacity: 1.0; - display: block; - position: relative; - width: 10px; - height: 90%; - overflow: hidden; - font-family: HiFi-Glyphs; - font-size: 32px; - color: #afafaf; - cursor: pointer; - background-color: #000000; -} -input[type=number]::-webkit-inner-spin-button:before, -input[type=number]::-webkit-inner-spin-button:after { - position:absolute; - left: -19px; - line-height: 8px; - text-align: center; -} -input[type=number]::-webkit-inner-spin-button:before { - content: "6"; - top: 4px; -} -input[type=number]::-webkit-inner-spin-button:after { - content: "5"; - bottom: 4px; -} - -input[type=number].hover-up::-webkit-inner-spin-button:before, -input[type=number].hover-down::-webkit-inner-spin-button:after { - color: #ffffff; -} - -input[type=range] { - -webkit-appearance: none; - background: #2e2e2e; - height: 1.8rem; - border-radius: 1rem; -} -input[type=range]::-webkit-slider-thumb { - -webkit-appearance:none; - width: 0.6rem; - height: 1.8rem; - padding:0; - margin: 0; - background-color: #696969; - border-radius: 1rem; -} -input[type=range]::-webkit-slider-thumb:hover { - background-color: white; -} -input[type=range]:focus { - outline: none; -} - -input.no-spin::-webkit-outer-spin-button, -input.no-spin::-webkit-inner-spin-button { - display: none; - -webkit-appearance: none; - margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ - padding-right: 12px; -} - -input[type=button], button.hifi-edit-button { - font-family: Raleway-Bold; - font-size: 13px; - text-transform: uppercase; - vertical-align: top; - height: 28px; - min-width: 120px; - padding: 0 18px; - margin-right: 6px; - border-radius: 5px; - border: none; - color: #fff; - background-color: #000; - background: linear-gradient(#343434 20%, #000 100%); - cursor: pointer; -} - -input[type=button].glyph, button.hifi-edit-button.glyph { - font-family: HiFi-Glyphs; - font-size: 20px; - text-transform: none; - min-width: 32px; - padding: 0; -} - -input[type=button].red, button.hifi-edit-button.red { - color: #fff; - background-color: #94132e; - background: linear-gradient(#d42043 20%, #94132e 100%); -} -input[type=button].blue, button.hifi-edit-button.blue { - color: #fff; - background-color: #1080b8; - background: linear-gradient(#00b4ef 20%, #1080b8 100%); -} -input[type=button].white, button.hifi-edit-button.white { - color: #121212; - background-color: #afafaf; - background: linear-gradient(#fff 20%, #afafaf 100%); -} - -input[type=button]:enabled:hover, button.hifi-edit-button:enabled:hover { - background: linear-gradient(#000, #000); - border: none; -} -input[type=button].red:enabled:hover, button.hifi-edit-button.red:enabled:hover { - background: linear-gradient(#d42043, #d42043); - border: none; -} -input[type=button].blue:enabled:hover, button.hifi-edit-button.blue:enabled:hover { - background: linear-gradient(#00b4ef, #00b4ef); - border: none; -} -input[type=button].white:enabled:hover, button.hifi-edit-button.white:enabled:hover { - background: linear-gradient(#fff, #fff); - border: none; -} - -input[type=button]:active, button.hifi-edit-button:active { - background: linear-gradient(#343434, #343434); -} -input[type=button].red:active, button.hifi-edit-button.red:active { - background: linear-gradient(#94132e, #94132e); -} -input[type=button].blue:active, button.hifi-edit-button.blue:active { - background: linear-gradient(#1080b8, #1080b8); -} -input[type=button].white:active, button.hifi-edit-button.white:active { - background: linear-gradient(#afafaf, #afafaf); -} - -input[type=button]:disabled, button.hifi-edit-button:disabled { - color: #252525; - background: linear-gradient(#575757 20%, #252525 100%); -} - -input[type=button][pressed=pressed], button.hifi-edit-button[pressed=pressed] { - color: #00b4ef; -} - -input[type=checkbox] { - display: none; -} -input[type=checkbox] + label { - padding-left: 24px; - background-repeat: no-repeat; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACpSURBVDhPY2xoaGD68+dPMSMjY9L////VgTQjAw4AlH8PxLOPHj1azWxjY1MBVNsBFBfBpwkEgNKcQGwtJyfHyATkF0KEiQdAzYlMQEIUyicFyDD9+/ePgRxMvsb///4zkIOZ/v0HmkAGHginYjGNGAzS+BpdkAj8mun/3//92DyPD//993cG88nTJ4+Zm5p/BSZeJYb/DEJADEzNOPF7hn8Mk69cvVIPAHN5pyfo70F5AAAAAElFTkSuQmCC); - cursor: pointer; -} -input[type=checkbox]:enabled + label:hover { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAClSURBVDhPY2hoaGD6//9/6b9//64D8T8gGycASr/7+/dv5/79+1kYgIxKqDjRAKiniRFIv2JgYBAFYlLAE0aQ66AckgDjjx8/yNP44cMH8jS+fPmSPI0PHz4kT+PNmzfJ03jp0iXyNJ46dYo8jYcPHyYnAbxm+vnzZz8wLhlIwd+/f5/BrKSkdExCQuLrnz9/lIBpUAiIQekXF34PTGmTT548WQ8AokXg+rhVtPYAAAAASUVORK5CYII=); -} -input[type=checkbox]:checked + label { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFLSURBVDhPjZK9SgNBFIXvbCaQRDQq7mIhQRPBRisJKcwLWOobaCsExEaxcEEQe0trGysfwg0EwWoDsbFIJUaIBJOwus547saNP3FlPzgzzJxzL5edFbZtG77v7wkhtrXWS9gFRQC/DZ07jnOYKJfL+8ie4n7mvyIGdhpay+VyQuK8y5dPZoHuVtbpZcLi4wjJ1x4t316R9dDgBlsSi8mGu7pJjyJFzVaH+r7iqyHSELSQzVADjS0UgjlDKUUsLzVO98+9kSLGV5qaHXhjU0GWNSxk3hCIwnsfeMNCjTArLmHeUBodoLiE+R+jxuHPUZP4elGE3teonx2S/Q7lJzOUlkYQ+A4/xzyegzNhXmJpwTMXry9IFjcoa84O0r+QXpcK1cugCLREZadyoA19Ergxwf96nKjd1KqlYqmLQ540TUNwItUmRWdu3T36AODjwgpY9xqqAAAAAElFTkSuQmCC); -} -input[type=checkbox]:checked + label:hover { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEySURBVDhPnZLPSsNAEMa/XVPBCE0RhNy0OarP4Av4AD6JB0GwVBA8efBBxHsgh4CQswcRoUIpiIpVAm3zZ5M4szFSbQPBH3xkJvNNZskOer2eLIriKM/ze1JOcS1UHmdZduF5ngEKjr/fN4Z6+oKerwA2gxC4HAFPEWVLsAzgZAvYt3Q6Enw6jg7uBAaTFMNwhpnKdbXCkAJdy8ROu4XrXW2HTJIErHcFDD6nC02Mom8PwymeE2gvS0ZRBBaTlsOXEmdlrfLLOI7Bakrl/zWxCT8T/904f9QW/b06qtrCUdtFCqdjYs2Q2jAPX8c2XQd7Kr/wfV8vwIPs4Ga1ixe5Xrr/YFLTYfKIvWzM6ZtwXZdX7lxXG0L+sxXHcW5t254opRzawQ0S72+dPmjTroIgOP0CQSMt5LDn1T8AAAAASUVORK5CYII=); -} -input.multi-diff[type=checkbox] + label { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFbSURBVDhPY2xoaGD68+dPMSMjY9L////VgTQjAw4AlH8PxLOPHj1azWxjY1MBVNsBFBfBpwkEgNKcQGwtJyfHyALkF4IE34gqM9zU9WT4wicG4mIA1l/fGIyOL2EQeP8EZEAiC5AQBUlcMQ5ieMXIwfDo9SeG73/+gRXDAAsTI4Pd9wdgTVAgw/Tv3z8GEP7Jwctw78M3DE0goPr6BoPludVgdTAM1wgCv//9B9PIQOPNDYaAGxtRNIEw03+gYhDGBtSBNgVc3wiWR8dM//4DTQBidKD++jqD//X1YDlsGMWpMKD26jqD79V1GM5DxihOZQWGntqrawy+V9ZiOA0dw21k/f6JwerzHQbvS2swTMeGGfPz8l8BLRP9KizDwP0WHk+EwGum/3//94M8y/nmEdZAwIb//vs7g/nk6ZPHzE3NvwITrxLDfwYhIAamZpz4PcM/hslXrl6pBwAmfz5iaAlAuAAAAABJRU5ErkJggg==); -} -input.multi-diff[type=checkbox] + label:hover { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFPSURBVDhPjZJBSwJBHMXfrG6rWEkl1MFDGOihDn2JIIrqc3QJunbyFhUkRieD+hYepWteuxctXiJ1Q5xmdmZ3bWZTUHezfvAu/3lv3n+HRblcTrbb7fN+v/8eBMFgFpxz13Gcu3q9bqHb7V4M5/9GhatE3cIsy0o99YBKC3jliCWbBK43gK0MoDI9otfTB/vPBC9Uwu4xMC8IzSOSBsFxIYNqMTGcAIYQAlodD3j5/IqENIc5gqt1P/SNZKhaXR0a5E/5BEcrwH1xEHrGZbiuC604DpZ81AoiPJ/WROM4e4sSt3kaaRopNrg7z1FZdSLmcU2saqrX20lTXC5/RFabFmk2m+GLnBnbWJMOThJv4SV/QRqNBjNNM9UiGeQHdDiejZSSG5TSG71zjnVivyVOKlNLlEqlx+xCds7zvU31G6Z938dvEq4QjLMH27ZPvwHFVYQr3h7uHwAAAABJRU5ErkJggg==); -} - -.rgb.fstuple .color-picker.multi-diff:after { - width: 20px; - height: 20px; - content: ' '; - background: darkgray; - display: flex; - clip-path: polygon(0 0, 0 100%, 100% 100%); -} - -.icon-input input { - position: relative; - padding-left: 36px; -} -.icon-input span { - position: absolute; - left: 6px; - top: -2px; - font-family: HiFi-Glyphs; - font-size: 30px; - color: #afafaf; -} -.icon-input input:focus + span { - color: #ffffff; -} - -.icon { - font-family: HiFi-Glyphs; - color: white; -} - -#property-type-icon { - font-size: 50px; -} - -.selectable { - -webkit-touch-callout: text; - -webkit-user-select: text; - -khtml-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - cursor: text; -} - -.color-box { - display: inline-block; - width: 15pt; - height: 15pt; - border: 0.75pt solid black; - margin: 1.5pt; - cursor: pointer; -} - -.color-box.highlight { - width: 13.5pt; - height: 13.5pt; - border: 1.5pt solid black; -} - -#properties-list { - display: flex; - flex-direction: column; - - margin-top: 16px; -} - -#properties-list .fieldset { - position: relative; - /* 0.1px on the top is to prevent margin collapsing between this and it's first child */ - margin: 0 -21px 21px -21px; - padding: 0.1px 21px 0 21px; - border: none; - border-top: 1px rgb(90,90,90) solid; - box-shadow: 0 -1px 0 rgb(37,37,37); -} - -#properties-list .fieldset.fstuple, #properties-list .fieldset.fsrow { - margin-top: 21px; - border: none; - box-shadow: none; -} - -#properties-list > .fieldset[data-collapsed="true"] + .fieldset { - margin-top: 0; -} - -#properties-list > .fieldset[data-collapsed="true"] > *:not(div.legend) { - display: none !important; -} - -.section-header { - padding: 0 16px; - border-top: 1px rgb(90,90,90) solid; - box-shadow: 1px -1px 0 rgb(37,37,37); - border-bottom: 1px solid rgb(37, 37, 37); -} - -div.section-header, hr { - display: flex; - flex-flow: row nowrap; - padding: 10px 16px; - font-family: Raleway-Regular; - font-size: 12px; - color: #afafaf; - height: 28px; - text-transform: uppercase; - outline: none; - margin-bottom: 10px; - align-items: center; -} - -.section.minor { - margin: 0 21px; - box-shadow: 1px -1px 0 rgb(37,37,37); - border-left: 1px solid #575757; -} - -.container.property { - padding: 0 16px; -} - -.stretch { - width: 100%; -} - -div.section-header .label { - width: 100%; -} - -.section.minor div.section-header { - border-right: 0; -} - -div.section[collapsed="true"] > .container { - display: none; -} - -div.section[collapsed="true"], div.section[collapsed="true"] > .section-header { - margin-bottom: 0; -} - -.section.major { - margin-bottom: 20px; -} - -.section.minor.last { - margin-bottom: 20px; - border-bottom: 1px solid rgb(37,37,37); -} - -.section-header { - background-color: #373737; -} - - -.section-header span { - font-size: 30px; - font-family: HiFi-Glyphs; -} - -.triple-label { - text-transform: uppercase; - text-align: center; - padding: 6px 0; - cursor: default; -} - -.triple-item { - margin-right: 10px; -} - -.triple-item.rgb.fstuple { - display: block !important; -} - -.section-header[collapsed="true"] { - margin-bottom: -21px; -} - -#properties-list .sub-section-header { - border-top: none; - box-shadow: none; - margin-top: 8px; -} - -.sub-section-header + .property { - margin-top: 0; -} - -hr { - border: none; - padding-top: 2px; -} - -.property { - min-height: 28px; -} - -.property.checkbox { - width: auto; -} - -span.indented { - padding-left: 16px; -} - -.property label, .number label { - display: table-cell; - vertical-align: middle; - font-family: Raleway-SemiBold; - font-size: 14px; -} -.property label .unit, .number label .unit { - margin-left: 8px; - font-family: Raleway-Light; - font-size: 13px; -} - -.property div.legend, .number div.legend { - display: table-cell; - vertical-align: middle; - font-family: Raleway-SemiBold; - font-size: 14px; -} -.property div.legend .unit, .number div.legend .unit { - margin-left: 8px; - font-family: Raleway-Light; - font-size: 13px; -} - -.value { - display: block; - min-height: 18px; -} -.value label { - display: inline-block; - vertical-align: top; -} -.value div.legend { - display: inline-block; - vertical-align: top; - width: 48px; -} -.value span { - font-size: 15px; - margin-right: 4px; -} - -#placeholder-property-type { - display: flex; - align-items: center; - width: auto; - margin-right: 20px; -} - -#placeholder-property-locked { - margin-left: 6px; -} - -.checkbox + .checkbox { - margin-top: 0; -} - -.checkbox-sub-props { - margin-top: 18px; -} - -.property .number { - float: left; -} -.property .number + .number { - margin-left: 10px; -} - -.property.range label{ - padding-bottom: 3px; -} -.property.range input[type=number]{ - margin-left: 0.8rem; - width: 5.4rem; - height: 1.8rem; -} - -.dropdown { - position: relative; - margin-bottom: -17px; -} - -.dropdown select { - clear: both; -} - -.dropdown dl { - clear: both; - cursor: pointer; - font-family: FiraSans-SemiBold; - font-size: 15px; - width: 292px; - height: 28px; - padding: 0 28px 0 12px; - color: #afafaf; - background: #575757; - position: relative; - display: flex; - align-items: center; -} - -.dropdown dl[dropped="true"] { - color: #404040; - background: linear-gradient(#afafaf, #afafaf); - z-index: 998; -} - -.dropdown dt { - height: 100%; - box-sizing: border-box; - border-right: 1px solid #121212; - width: 100%; -} -.dropdown dt:hover { - color: #404040; -} -.dropdown dt:focus { - outline: none; -} -.dropdown dt span:first-child { - display: inline-block; - position: relative; - top: 5px; -} -.dropdown dt span:last-child { - font-family: HiFi-Glyphs; - font-size: 42px; - float: right; - margin-right: -48px; - position: relative; - left: -12px; - top: -9px; -} - -.dropdown dd { - position: absolute; - top: 28px; - left: 3px; - display: none; -} -.dropdown dl[dropped="true"] dd { - display: block; -} - -.dropdown li { - list-style-type: none; - padding: 3px 0 1px 12px; - width: 320px; - height: auto; - font-family: FiraSans-SemiBold; - font-size: 15px; - color: #404040; - background-color: #afafaf; - z-index: 999; -} -.dropdown li:hover { - background-color: #00b4ef; -} - -.dropdown dl[disabled="disabled"], .dropdown dl[disabled="disabled"][dropped="true"] { - color: #252525; - background: linear-gradient(#575757 20%, #252525 100%); -} -.dropdown dl[disabled="disabled"] dd { - display: none; -} -.dropdown dl[disabled="disabled"] dt:hover { - color: #252525; -} - -.multiselect-box { - position: absolute; -} -.multiselect-box select { - font-family: FiraSans-SemiBold; - font-size: 15px; - color: #afafaf; - background-color: #252525; - border: none; - text-align-last: center; -} -.over-select { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; -} -.multiselect-options { - position: absolute; - display: none; - border: none; -} -.multiselect-options span { - font-family: hifi-glyphs; - font-size: 13px; - color: #000000; -} -.multiselect-options label { - z-index: 2; - display: block; - font-family: FiraSans-SemiBold; - font-size: 11px; - color: #000000; - background-color: #afafaf; -} -.multiselect-options label:hover { - background-color: #1e90ff; -} -.multiselect-options input[type=checkbox] + label { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADUOYnF4LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIMSURBVFjD7ZmxkqowFIZ/7mwJPen1AezV3t6hFvrQhweAHvrQ8wL2xt4HwD7ppd+tvHOvu0gCYdEZTsmAfpNzzpcTcAB84o3iD94sZuCx4+Pxwvl8dl4JcL1ef84lMQPPwBZDSgkp5XsASylBKUUYhhBCvDbw7XYDpRRKKTRNA8YYOOevC5ymKZRS/13jnHdCTwLMOW8tAc45GGNomuY1gKuq6lxFIQQopdMDXy4X5HmudW8URdMCSynBGNOG3Ww20wHf9dVWl4+wbav7a8CMsW9G+Cm22+1T2F8BzvMc1+u18z5CCJIkseNhKSX2+z2qqjLWl84zhBAURQHXde0A31Oa57nWbqSrLwDwPA9FUcD3fTtb82NKu8QOAHVda+srSRJt2E7gtpQKIXA4HH6csmzpyxj4dDo9TalSCpRS1HX9TV86RujSlxGwlBJpmnY+rJRCGIZ/s2BTX9qnZgBwHAee52mJ/l7nx+PRqr6MVtj3fZRlaVRf/5aGDX0Z17DrusiyrHfqhuqrt9aiKEIcx4OBTfU1aOMIggBlWYIQ0utP+uhr8CyxXC5RFIUxdBAE1srKePgxbcbVamWlnAZNa7rNSAhBlmWv8yLlWTPa0Nco83BbM2ZZZsUIowzwj80YxzEWi8VoB4IPGz9yb0YhBHa73agnGGtHJNd1R4ed9FVV33Awf6ebgd8b+Av9A/rq6s3hjgAAAABJRU5ErkJggg=='); - background-size: 11px 11px; - background-position: top 5px left 14px; -} -.multiselect-options input[type=checkbox]:enabled + label:hover { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADUOYnF4LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIMSURBVFjD7ZmxkqowFIZ/7mwJPen1AezV3t6hFvrQhweAHvrQ8wL2xt4HwD7ppd+tvHOvu0gCYdEZTsmAfpNzzpcTcAB84o3iD94sZuCx4+Pxwvl8dl4JcL1ef84lMQPPwBZDSgkp5XsASylBKUUYhhBCvDbw7XYDpRRKKTRNA8YYOOevC5ymKZRS/13jnHdCTwLMOW8tAc45GGNomuY1gKuq6lxFIQQopdMDXy4X5HmudW8URdMCSynBGNOG3Ww20wHf9dVWl4+wbav7a8CMsW9G+Cm22+1T2F8BzvMc1+u18z5CCJIkseNhKSX2+z2qqjLWl84zhBAURQHXde0A31Oa57nWbqSrLwDwPA9FUcD3fTtb82NKu8QOAHVda+srSRJt2E7gtpQKIXA4HH6csmzpyxj4dDo9TalSCpRS1HX9TV86RujSlxGwlBJpmnY+rJRCGIZ/s2BTX9qnZgBwHAee52mJ/l7nx+PRqr6MVtj3fZRlaVRf/5aGDX0Z17DrusiyrHfqhuqrt9aiKEIcx4OBTfU1aOMIggBlWYIQ0utP+uhr8CyxXC5RFIUxdBAE1srKePgxbcbVamWlnAZNa7rNSAhBlmWv8yLlWTPa0Nco83BbM2ZZZsUIowzwj80YxzEWi8VoB4IPGz9yb0YhBHa73agnGGtHJNd1R4ed9FVV33Awf6ebgd8b+Av9A/rq6s3hjgAAAABJRU5ErkJggg=='); -} -.multiselect-options input[type=checkbox]:checked + label { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADMveELP9QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIqSURBVFjD7ZmxkqowFIb/7GwJPfT6APZib+9QC33o4QGghz70vIC9sfcBsE966bPNWlxnlQTDRWc4JUT4hpPz5SQSAAofFF/4sJiBx47v+wun04m8E+B6vVbzlJiBZ2CLIYRQQgj1EcBCCEUpRRRF4Jyrtwa+Xq+glEJKia7rkKYpGGPqbYHzPFdSyn+uMcZ6oScBZowpzvmje0jTVHVd9x7ATdMoxtjTMZxzUErV5MDn81mVZak1No7jab+wEEKlaaoNGwQBmQz4pq9H8/IeNo5jMmnRpWmKeyP8FZvN5insfwEuy1JdLpfecb7vI8uy3tb2Szelu91ONU1jtP9jjKmmabRgq6qC4zh2VrpbSsuy1FqNdPUFAK7roqoqeJ6ntXH4Mk1pn9gBoG1bbX1lWaYN2wv8KKWcc+z3+z+7LFv6MgY+Ho9PUyqlBKUUbduqe33pGKFPX0bAQgiV53nvj6WUiKIIt2K0qS/tXTMAEELguq6W6H/nOQ6Hg1V9GX1hz/NIXdckCALtB7Vta1VfxnPYcRwURUEeNSGmYaqvwVqL45gkSfIysKm+Xlo4wjAkdV3D9/1BLxmir5d7ieVySaqqMoYOw3CwEV5ufkyLcbVaIUkSq2d1xt2abjH6vo+iKKwfLA5uL58Vow19jdIPPyrGoiisGGGUBv6+GJMkwWKxGO2M+dvGQ36LEZxztd1uRz0Qt7ZFchwHY8NOelQ1NAjm/+lm4M8G/gH2zx33BSr7jAAAAABJRU5ErkJggg=='); -} -.multiselect-options input[type=checkbox]:checked + label:hover { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADMveELP9QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIqSURBVFjD7ZmxkqowFIb/7GwJPfT6APZib+9QC33o4QGghz70vIC9sfcBsE966bPNWlxnlQTDRWc4JUT4hpPz5SQSAAofFF/4sJiBx47v+wun04m8E+B6vVbzlJiBZ2CLIYRQQgj1EcBCCEUpRRRF4Jyrtwa+Xq+glEJKia7rkKYpGGPqbYHzPFdSyn+uMcZ6oScBZowpzvmje0jTVHVd9x7ATdMoxtjTMZxzUErV5MDn81mVZak1No7jab+wEEKlaaoNGwQBmQz4pq9H8/IeNo5jMmnRpWmKeyP8FZvN5insfwEuy1JdLpfecb7vI8uy3tb2Szelu91ONU1jtP9jjKmmabRgq6qC4zh2VrpbSsuy1FqNdPUFAK7roqoqeJ6ntXH4Mk1pn9gBoG1bbX1lWaYN2wv8KKWcc+z3+z+7LFv6MgY+Ho9PUyqlBKUUbduqe33pGKFPX0bAQgiV53nvj6WUiKIIt2K0qS/tXTMAEELguq6W6H/nOQ6Hg1V9GX1hz/NIXdckCALtB7Vta1VfxnPYcRwURUEeNSGmYaqvwVqL45gkSfIysKm+Xlo4wjAkdV3D9/1BLxmir5d7ieVySaqqMoYOw3CwEV5ufkyLcbVaIUkSq2d1xt2abjH6vo+iKKwfLA5uL58Vow19jdIPPyrGoiisGGGUBv6+GJMkwWKxGO2M+dvGQ36LEZxztd1uRz0Qt7ZFchwHY8NOelQ1NAjm/+lm4M8G/gH2zx33BSr7jAAAAABJRU5ErkJggg=='); -} - -.dynamic-multiselect { - position: relative; - top: 6px; - padding-bottom: 6px; -} - -div.refresh { - box-sizing: border-box; - padding-right: 44px; -} -div.refresh input[type="button"] { - float: right; - margin-right: -44px; - position: relative; - left: 10px; -} - -.color-picker { - box-sizing: border-box; - width: 26px; - height: 26px; - border: 3px solid #2B2B2B; - cursor: pointer; -} -.color-picker:focus { - outline: none; -} -.color-picker[active="true"] { - border-color: #000; -} - -.color-picker[disabled="disabled"] { - border-color: #afafaf; -} - -.colpick { - z-index: 3; -} -.colpick[disabled="disabled"] { - display: none !important; -} - -.rgb label { - float: left; - margin-top: 10px; - margin-left: 21px; -} -.rgb label + * { - clear: both; -} - -.rgb div.legend { - float: left; - margin-top: 10px; - margin-left: 21px; -} -.rgb div.legend + * { - clear: both; -} - -.draggable-number-container { - flex: 0 1 124px; -} -.draggable-number { - position: relative; - height: 28px; - flex: 0 1 124px; - display: flex; - align-items: center; -} - -.draggable-number .text { - position: absolute; - display: inline-block; - color: #afafaf; - background-color: #252525; - font-family: FiraSans-SemiBold; - font-size: 15px; - margin: 0; - padding: 0 16px; - height: 28px; - width: 100%; - line-height: 2; - box-sizing: border-box; - z-index: 1; -} -.draggable-number .text:hover { - cursor: ew-resize; -} -.draggable-number .left-arrow, .draggable-number .right-arrow { - position: absolute; - display: inline-block; - font-family: HiFi-Glyphs; - font-size: 20px; - z-index: 2; -} -.draggable-number span:hover { - cursor: default; -} -.draggable-number .left-arrow { - top: 3px; - left: 0; - transform: rotate(180deg); -} -.draggable-number .right-arrow { - top: 3px; - right: 0; -} -.draggable-number input[type=number] { - position: absolute; - right: 0; - width: 100%; -} -.draggable-number input[type=button] { - position: absolute; - top: 0; -} -.draggable-number input::-webkit-inner-spin-button { - -webkit-appearance: none; - visibility: hidden; -} -.draggable-number.fstuple { - height: 28px; - width: 124px; - left: 12px; -} -.draggable-number.fstuple + .draggable-number.fstuple { - margin-left: 28px; -} -.draggable-number.fstuple input { - right: -10px; -} -.draggable-number.fstuple .sublabel { - position: absolute; - top: 6px; - left: -16px; - font-family: FiraSans-SemiBold; - font-size: 15px; -} - -.rect .rect-row { - margin-bottom: 8px; -} - -.row .property { - width: auto; - display: inline-block; - margin-right: 6px; -} -.row .property:last-child { - margin-right: 0; -} -.row .property input { - clear: both; - float: left; -} - -.property.texture { - display: block; -} -.property.texture input { - margin: 0.4rem 0; -} -.texture-image img { - padding: 0; - margin: 0; - width: 100%; - height: 100%; - display: none; -} -.texture-image { - display: block; - position: relative; - background-repeat: no-repeat; - background-position: center; - background-size: 100% 100%; - margin-top: 0.4rem; - height:128px; - width: 128px; - background-image: url('data:image/png;base64,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'); -} -.texture-image.no-texture { - background-image: url('data:image/png;base64,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'); -} -.texture-image.no-preview { - background-image: url('data:image/png;base64,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'); -} - -.two-column { - display: table; - width: 100%; -} -.two-column > div { - display: table-cell; - width: 50%; -} - -#properties-list .fieldset .two-column { - padding-top: 10px; - display: flex; -} - -#properties-list .two-column .fieldset { - width: 50%; - margin: 0; - padding: 0; - border-top: none; - box-shadow: none; -} - -#properties-list .two-column .column { - position: relative; - top: -10px; -} - -#properties-list .two-column .fieldset div.legend { - width: 100%; - margin: 21px -21px 0 -21px; - padding: 16px 0 0 21px; - font-family: Raleway-Regular; - font-size: 12px; - color: #afafaf; - height: 10px; - text-transform: uppercase; - outline: none; -} - -#properties-list .two-column + .property { - margin-top: 6px; -} - -.fieldset .checkbox-sub-props { - margin-top: 0; -} - -.fieldset .checkbox-sub-props .property:first-child { - margin-top: 0; -} - -.column { - vertical-align: top; -} - -.indent { - margin-left: 24px; -} - -::-webkit-scrollbar { - width: 20px; - height: 10px; -} -::-webkit-scrollbar-track { - background-color: #2e2e2e; -} -#entity-table-scroll::-webkit-scrollbar-track { - border-bottom-right-radius: 7px; -} - -::-webkit-scrollbar-thumb { - background-color: #696969; - border: 2px solid #2e2e2e; - border-radius: 8px; -} - -/* FIXME: Revisit textarea resizer/corner when move to Qt 5.6 or later: see if can get resizer/corner to always be visible and -have correct background color with and without scrollbars. */ -textarea:enabled::-webkit-resizer { - background-size: 10px 10px; - background: #252525 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAXSURBVChTY1RVVWXADZigNA4wMqUZGACS3gCD5UUtKAAAAABJRU5ErkJggg==) no-repeat bottom right; -} -textarea:focus::-webkit-resizer { - background-size: 10px 10px; - background: #000000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACOSURBVChThdC5DQQhDAXQvyRI5LQxFdABARWQElAPogYkiqEWQhLYGe8xxzJaS5a/8AuQHwDG2n+Lvee0hBDQWlO+hRvy3mNZFjDG5vCDOOeIMaL3/guPKISAWiu9n+AVSSlhraXdF86Qcw6tNdoTvEOlFOScd6iUOv3JGEMopYQx9jNvaawnoHnNr8Z4AuRLPOq2gPgnAAAAAElFTkSuQmCC) no-repeat bottom right; -} -textarea:enabled[scrolling="true"]::-webkit-resizer { - background-size: 10px 10px; - background: #2e2e2e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACKSURBVChTjdAxDsMgDAXQT4UYuQIzCwsSKxsSJ4YDoByDY7AwUOG2aZMQqX+xhd9gzIwxA3/k8a7LCCFgraX+Fk4UY4RSCoyxNfwgzjlyzhhjXOEvSimhtUbvB3hGUkp472m2wxUKIaD3TnOCd6jWim3bvlBrfdjJOUeolEJoZj/4PMH83bl/BXgCWSs2Z09IjgoAAAAASUVORK5CYII=) no-repeat bottom right; -} - - -div#grid-section, body#entity-list-body { - padding-bottom: 0; - margin: 16px; -} - -#entity-list-header { - margin-bottom: 36px; -} - -#entity-list-header div { - display: inline-block; - width: 65px; - margin-right: 6px; -} - -#entity-list-header div input:first-child { - margin-right: 0; - float: left; - width: 33px; - border-right: 1px solid #808080; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -#entity-list-header div input:last-child { - margin-right: 0; - float: right; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -#delete { - float: right; - margin-right: 0; - background-color: #ff0000; -} - -#entity-list { - position: relative; /* New positioning context. */ -} - -#filter-area { - padding-right: 168px; - padding-bottom: 24px; -} - -#filter-type-multiselect-box select { - border-radius: 14.5px; - width: 107px; - height: 28px; -} -#filter-type-options { - position: absolute; - top: 48px; -} -#filter-type-options div { - position: relative; - height: 22px; -} -#filter-type-options span { - position: relative; - top: 3px; - font-family: HiFi-Glyphs; - font-size: 13px; - color: #000000; - padding-left: 6px; - padding-right: 4px; -} -#filter-type-options label { - position: absolute; - top: -20px; - z-index: 2; - height: 22px; - width: 200px; - padding-top: 1px; -} -#filter-type-options-buttons { - top: -22px; - width: 224px; - z-index: 2; - background-color: #afafaf; - padding-bottom: 6px; -} -#filter-type-options input[type=button] { - position: relative; - left: 16px; - z-index: 3; - height: 23px; - min-width: 60px; - font-size: 10px; - color: #000; - background: linear-gradient(#afafaf 20%, #808080 100%); -} -#filter-type-options input[type=button]:enabled:hover { - background: linear-gradient(#afafaf 20%, #575757 100%); -} - -#filter-search-and-icon { - position: relative; - left: 118px; - width: calc(100% - 126px); -} - -#filter-in-view { - position: absolute; - top: 0; - right: 126px; -} - -#filter-radius-and-unit { - position: relative; - float: right; - margin-right: -168px; - top: -45px; -} -#filter-radius-and-unit label { - margin-left: 2px; -} -#filter-radius-and-unit span { - position: relative; - top: 25px; - right: 9px; - z-index: 2; - font-style: italic; -} -#filter-radius-and-unit input { - width: 120px; - border-radius: 14.5px; - font-style: italic; -} -#filter-radius-and-unit input[type=number]::-webkit-inner-spin-button { - display: none; -} - -#entity-list-footer { - padding-top: 9px; -} - -#footer-text { - float: right; - padding-top: 12px; - padding-right: 22px; -} - -input[type=button]#export { - height: 38px; - width: 180px; -} - -#no-entities { - display: none; - position: absolute; - top: 80px; - padding: 12px; - font-family: FiraSans-SemiBold; - font-size: 15px; - font-style: italic; - color: #afafaf; -} - -#entity-table-columns-multiselect { - position: absolute; - top: 51px; - right: 22px; -} -#entity-table-columns-multiselect-box select { - height: 28px; - width: 20px; - background-color: #1c1c1c; - border-top-right-radius: 7px; -} -#entity-table-columns-options { - position: absolute; - top: 50px; - right: 110px; -} -#entity-table-columns-options div { - position: relative; - height: 22px; -} -#entity-table-columns-options label { - position: absolute; - top: -22px; - height: 22px; - width: 100px; - padding-top: 4px; -} -#entity-table-columns-options input[type=checkbox] + label { - padding-left: 30px; -} - -#entity-table-scroll { - /* Height is set by JavaScript. */ - width: 100%; - overflow-x: hidden; - overflow-y: auto; - box-sizing: border-box; - padding-top: 28px; /* Space for header and footer outside of scroll region. */ - margin-top: 28px; - border-left: 2px solid #575757; - border-right: 2px solid #575757; - border-bottom: 2px solid #575757; - border-bottom-left-radius: 7px; - border-bottom-right-radius: 7px; - background-color: #1c1c1c; -} - -#entity-table-scroll .glyph { - font-family: HiFi-Glyphs; - font-size: 15px; -} - -#entity-table { - margin-top: -28px; - margin-bottom: -18px; - table-layout: fixed; - border: none; - background-color: #1c1c1c; -} - -#entity-table thead tr, #entity-table thead tr th { - background: none; -} - -#entity-table .glyph { - margin: 0 -2px 0 -2px; - vertical-align: middle; -} - -#entity-table thead { - box-sizing: border-box; - border: 2px solid #575757; - border-top-left-radius: 7px; - border-top-right-radius: 7px; - border-bottom: 1px solid #575757; - position: absolute; - top: 49px; - left: 0; - width: 100%; - word-wrap: nowrap; - white-space: nowrap; - overflow: hidden; -} - -#entity-table th { - display: inline-block; - box-sizing: border-box; - padding: 5px 0 0 0; - vertical-align: middle; - overflow: hidden; - text-overflow: ellipsis; -} - -#entity-table th:focus { - outline: none; -} - -#entity-table th .glyph { - position: relative; - left: 4px; -} -#entity-table th .glyph + .sort-order { - position: relative; - left: 4px; -} - -#entity-table thead .sort-order { - display: inline-block; - width: 8px; - margin: -5px 0 -3px 0; - vertical-align: middle; -} - -#entity-table thead .resizer { - position: absolute; - top: 1px; - height: 26px; - width: 10px; - cursor: col-resize; -} - -#entity-table .dragging { - background-color: #b3ecff; -} - -#entity-table td { - box-sizing: border-box; -} -#entity-table td.glyph { - text-align: center; - padding: 0; -} - -#properties-base { - border-top: none !important; - box-shadow: none !important; - margin-bottom: 5px !important; -} - -#properties-base #property-type-icon { - font-family: HiFi-Glyphs; - font-size: 31px; - color: #00b4ef; - margin: -4px 12px -4px -2px; - width: auto; - display: none; -} - -#properties-base #property-type { - padding: 5px 24px 5px 0; - border-right: 1px solid #808080; - width: auto; - display: inline-block; -} - -#properties-base .checkbox label span { - font-family: HiFi-Glyphs; - font-size: 20px; - padding-right: 6px; - vertical-align: top; - position: relative; - top: -4px; -} - -#properties-base input[type=checkbox]:checked + label span { - color: #ffffff; -} - -#id label { - width: 24px; -} -#property-id { - display: inline-block; -} -#property-id::selection { - color: #000000; - background-color: #00b4ef; -} - -input#property-scale-button-rescale { - min-width: 50px; - left: 152px; -} -input#property-scale-button-reset { - margin-right: 0; - left: 250px; -} - -#property-userData-static, -#property-materialData-static { - display: none; - z-index: 99; - position: absolute; - width: 96%; - padding-left: 1%; - margin-top: 5px; - margin-bottom: 10px; - background-color: #2e2e2e; -} - -#property-userData-saved, -#property-materialData-saved { - margin-top: 5px; - font-size: 16px; - display: none; -} - - -#div-property-collisionSoundURL[style*="display: none"] + .property { - margin-top: 0; -} - -.context-menu { - display: none; - position: fixed; - color: #000000; - background-color: #afafaf; - padding: 5px 0 5px 0; - cursor: default; -} -.context-menu li { - list-style-type: none; - padding: 4px 18px 4px 18px; - margin: 0; - white-space: nowrap; -} -.context-menu li:hover { - background-color: #e3e3e3; -} -.context-menu li.separator { - border-top: 1px solid #333333; - margin: 5px 5px; - padding: 0 0; -} -.context-menu li.disabled { - color: #333333; -} -.context-menu li.separator:hover, .context-menu li.disabled:hover { - background-color: #afafaf; -} - -input.rename-entity { - height: 100%; - width: 100%; - border: none; - font-family: FiraSans-SemiBold; - font-size: 15px; - /* need this to show the text cursor when the input field is empty */ - padding-left: 2px; -} - -.create-app-tooltip { - z-index: 100; - position: absolute; - background: #6a6a6a; - border: 1px solid black; - width: 258px; - min-height: 20px; - padding: 5px; - z-index: 100; -} - -.create-app-tooltip .create-app-tooltip-description { - font-size: 12px; - font-style: italic; - color: #ffffff; -} - -.create-app-tooltip .create-app-tooltip-js-attribute { - font-family: Raleway-SemiBold; - font-size: 11px; - color: #000000; - bottom: 0; - margin-top: 5px; -} - -#toggle-space-mode::before { - font-family: HiFi-Glyphs; - font-size: 20px; - text-transform: none; - min-width: 32px; - padding-right: 4px; - vertical-align: middle; -} - -#toggle-space-mode.space-mode-local::before { - content: "m"; -} - -#toggle-space-mode.space-mode-world::before { - content: "\e02c"; -} - -.container { - display: flex; - flex-flow: row nowrap; - margin-bottom: 8px; - min-height: 28px; -} - -.container > label { - margin-top: 6px; - width: 160px; - min-width: 160px; - max-width: 160px; -} - -.container > div.checkbox { - padding-top: 6px; -} - -.container > .value { - width: 100%; -} - -.container .row { - display: flex; - flex-flow: row nowrap; -} - -.container.shrink { - width: min-content; -} - -.fstuple { - display: flex; - flex-flow: row; -} -.fstuple input { - margin-left: 4px; - margin-right: 10px; -} -.fstuple label.red, .fstuple label.x, .fstuple label.w { - color: #C62147; -} -.fstuple label.green, .fstuple label.y, .fstuple label.h { - color: #359D85; -} -.fstuple label.blue, .fstuple label.z { - color: #0093C5; -} - -.xyz.fstuple, .pyr.fstuple { - position: relative; - left: -12px; - min-width: 50px; - width: 100px; -} - -.rgb.fstuple .tuple { - display: none; -} - -input.number-slider { - background: #575757; - border-radius: 4px; - color: white; -} - -.fstuple > div { - display: flex; - align-items: center; - justify-content: left; -} - -.flex-row { - display: flex; - flex-flow: row; -} - -.flex-column { - display: flex; - flex-flow: column; -} - -.flex-center { - align-items: center; -} - -.flex-evenly-spaced { - flex: 1; -} - -#property-serverScripts-status { - font-family: Raleway-Light; - font-size: 14px; - margin: 6px 0; - cursor: default; -} - -#property-name, #property-id { - display: flex; - width: 100%; -} - -.spacemode-hidden { - display: none; -} - -#placeholder-property-type { - min-width: 0; -} - -.collapse-icon { - cursor: pointer; -} - -#property-userData-editor.error { - border: 2px solid red; -} - -#property-userData-editorStatus { - color: white; - background-color: red; - padding: 5px; - display: none; - cursor: pointer; -} - -#property-materialData-editor.error { - border: 2px solid red; -} - -#property-materialData-editorStatus { - color: white; - background-color: red; - padding: 5px; - display: none; - cursor: pointer; -} - -input[type=number].hide-spinner::-webkit-inner-spin-button { - -webkit-appearance: none; - visibility: hidden; -} - -div.jsoneditor-menu a.jsoneditor-poweredBy { - display: none; -} diff --git a/scripts/simplifiedUI/system/html/css/hifi-style.css b/scripts/simplifiedUI/system/html/css/hifi-style.css deleted file mode 100644 index 90a5b366c2..0000000000 --- a/scripts/simplifiedUI/system/html/css/hifi-style.css +++ /dev/null @@ -1,175 +0,0 @@ -/* -// hifi-style.css -// -// Created by Zach Fox on 2017-04-18 -// Copyright 2017 High Fidelity, Inc. -// -// Distributed under the Apache License, Version 2.0. -// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -*/ - -@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 */ -} - -@font-face { - font-family: Raleway-Light; - src: url(../../../../resources/fonts/Raleway-Light.ttf), - url(../../../../fonts/Raleway-Light.ttf), - url(../../../../interface/resources/fonts/Raleway-Light.ttf); -} - -@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); -} - -@font-face { - font-family: Raleway-SemiBold; - src: url(../../../../resources/fonts/Raleway-SemiBold.ttf), - url(../../../../fonts/Raleway-SemiBold.ttf), - url(../../../../interface/resources/fonts/Raleway-SemiBold.ttf); -} - -@font-face { - font-family: FiraSans-SemiBold; - src: url(../../../../resources/fonts/FiraSans-SemiBold.ttf), - url(../../../../fonts/FiraSans-SemiBold.ttf), - url(../../../../interface/resources/fonts/FiraSans-SemiBold.ttf); -} - -@font-face { - font-family: AnonymousPro-Regular; - src: url(../../../../resources/fonts/AnonymousPro-Regular.ttf), - url(../../../../fonts/AnonymousPro-Regular.ttf), - url(../../../../interface/resources/fonts/AnonymousPro-Regular.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); -} - -body { - color: #afafaf; - background-color: #404040; - font-family: Raleway-Regular; - font-size: 15px; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - overflow-x: hidden; - overflow-y: auto; -} - -hr { - border: none; - background: #404040 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAjSURBVBhXY1RVVf3PgARYjIyMoEwIYHRwcEBRwQSloYCBAQCwjgPMiI7W2QAAAABJRU5ErkJggg==) repeat-x top left; - padding: 1px; - -webkit-margin-before: 0; - -webkit-margin-after: 0; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - width: 100%; - position: absolute; -} - -.hifi-glyph { - font-family: HiFi-Glyphs; - border: none; - //margin: -10px; - padding: 0; -} - -input[type=radio] { - width: 2em; - margin: 0; - padding: 0; - font-size: 1em; - opacity: 0; -} -input[type=radio] + label{ - display: inline-block; - margin-left: -2em; - line-height: 2em; - font-family: Raleway-SemiBold; - font-size: 14px; -} -input[type=radio] + label > span{ - display: inline-block; - width: 20px; - height: 20px; - margin: 5px; - border-radius: 50%; - background: #6B6A6B; - background-image: linear-gradient(#7D7D7D, #6B6A6B); - vertical-align: bottom; -} -input[type=radio]:checked + label > span{ - background-image: linear-gradient(#7D7D7D, #6B6A6B); -} -input[type=radio]:active + label > span, -input[type=radio]:hover + label > span{ - background-image: linear-gradient(#FFFFFF, #AFAFAF); -} -input[type=radio]:checked + label > span > span, -input[type=radio]:active + label > span > span{ - display: block; - width: 10px; - height: 10px; - margin: 3px; - border: 2px solid #36CDFF; - border-radius: 50%; - background: #00B4EF; -} - -.grayButton { - font-family: Raleway-Bold; - font-size: 13px; - color: black; - padding: 0 10px; - border-radius: 3px; - border-width: 0; - background-image: linear-gradient(#FFFFFF, #AFAFAF); - min-height: 30px; -} -.grayButton:hover { - background-image: linear-gradient(#FFFFFF, #FFFFFF); -} -.grayButton:active { - background-image: linear-gradient(#AFAFAF, #AFAFAF); -} -.grayButton:disabled { - background-image: linear-gradient(#FFFFFF, ##AFAFAF); -} -.blueButton { - font-family: Raleway-Bold; - font-size: 13px; - color: white; - padding: 0 10px; - border-radius: 3px; - border-width: 0; - background-image: linear-gradient(#00B4EF, #1080B8); - min-height: 30px; -} -.blueButton:hover { - background-image: linear-gradient(#00B4EF, #00B4EF); -} -.blueButton:active { - background-image: linear-gradient(#1080B8, #1080B8); -} -.blueButton:disabled { - background-image: linear-gradient(#FFFFFF, #AFAFAF); -} diff --git a/scripts/simplifiedUI/system/html/css/img/jsoneditor-icons.svg b/scripts/simplifiedUI/system/html/css/img/jsoneditor-icons.svg deleted file mode 100644 index 1b40068aad..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/jsoneditor-icons.svg +++ /dev/null @@ -1,893 +0,0 @@ - - diff --git a/scripts/simplifiedUI/system/html/css/img/mt-expand-hover.svg b/scripts/simplifiedUI/system/html/css/img/mt-expand-hover.svg deleted file mode 100644 index a8e84c42ad..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/mt-expand-hover.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/css/img/mt-expand-normal.svg b/scripts/simplifiedUI/system/html/css/img/mt-expand-normal.svg deleted file mode 100644 index aac349ebda..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/mt-expand-normal.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/css/img/mt-goto-hover.svg b/scripts/simplifiedUI/system/html/css/img/mt-goto-hover.svg deleted file mode 100644 index 4cad54331a..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/mt-goto-hover.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/css/img/mt-goto-normal.svg b/scripts/simplifiedUI/system/html/css/img/mt-goto-normal.svg deleted file mode 100644 index ead63329fb..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/mt-goto-normal.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/css/img/mt-mute-hover.svg b/scripts/simplifiedUI/system/html/css/img/mt-mute-hover.svg deleted file mode 100644 index 9a18ccd933..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/mt-mute-hover.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/css/img/mt-mute-normal.svg b/scripts/simplifiedUI/system/html/css/img/mt-mute-normal.svg deleted file mode 100644 index 472f03f138..0000000000 --- a/scripts/simplifiedUI/system/html/css/img/mt-mute-normal.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/css/jsoneditor.css b/scripts/simplifiedUI/system/html/css/jsoneditor.css deleted file mode 100644 index eedef60a7f..0000000000 --- a/scripts/simplifiedUI/system/html/css/jsoneditor.css +++ /dev/null @@ -1,930 +0,0 @@ -/* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */ - -div.jsoneditor input { - height: auto; - border: inherit; -} - -div.jsoneditor input:focus { - border: none !important; - box-shadow: none !important; -} - -div.jsoneditor table { - border-collapse: collapse; - width: auto; -} - -div.jsoneditor td, -div.jsoneditor th { - padding: 0; - display: table-cell; - text-align: left; - vertical-align: inherit; - border-radius: inherit; -} - - -div.jsoneditor-field, -div.jsoneditor-value, -div.jsoneditor-readonly { - border: 1px solid transparent; - min-height: 16px; - min-width: 32px; - padding: 2px; - margin: 1px; - word-wrap: break-word; - float: left; -} - -/* adjust margin of p elements inside editable divs, needed for Opera, IE */ - -div.jsoneditor-field p, -div.jsoneditor-value p { - margin: 0; -} - -div.jsoneditor-value { - word-break: break-word; -} - -div.jsoneditor-readonly { - min-width: 16px; - color: red; -} - -div.jsoneditor-empty { - border-color: lightgray; - border-style: dashed; - border-radius: 2px; -} - -div.jsoneditor-field.jsoneditor-empty::after, -div.jsoneditor-value.jsoneditor-empty::after { - pointer-events: none; - color: lightgray; - font-size: 8pt; -} - -div.jsoneditor-field.jsoneditor-empty::after { - content: "field"; -} - -div.jsoneditor-value.jsoneditor-empty::after { - content: "value"; -} - -div.jsoneditor-value.jsoneditor-url, -a.jsoneditor-value.jsoneditor-url { - color: green; - text-decoration: underline; -} - -a.jsoneditor-value.jsoneditor-url { - display: inline-block; - padding: 2px; - margin: 2px; -} - -a.jsoneditor-value.jsoneditor-url:hover, -a.jsoneditor-value.jsoneditor-url:focus { - color: #ee422e; -} - -div.jsoneditor td.jsoneditor-separator { - padding: 3px 0; - vertical-align: top; - color: gray; -} - -div.jsoneditor-field[contenteditable=true]:focus, -div.jsoneditor-field[contenteditable=true]:hover, -div.jsoneditor-value[contenteditable=true]:focus, -div.jsoneditor-value[contenteditable=true]:hover, -div.jsoneditor-field.jsoneditor-highlight, -div.jsoneditor-value.jsoneditor-highlight { - background-color: #FFFFAB; - border: 1px solid yellow; - border-radius: 2px; -} - -div.jsoneditor-field.jsoneditor-highlight-active, -div.jsoneditor-field.jsoneditor-highlight-active:focus, -div.jsoneditor-field.jsoneditor-highlight-active:hover, -div.jsoneditor-value.jsoneditor-highlight-active, -div.jsoneditor-value.jsoneditor-highlight-active:focus, -div.jsoneditor-value.jsoneditor-highlight-active:hover { - background-color: #ffee00; - border: 1px solid #ffc700; - border-radius: 2px; -} - -div.jsoneditor-value.jsoneditor-string { - color: #008000; -} - -div.jsoneditor-value.jsoneditor-object, -div.jsoneditor-value.jsoneditor-array { - min-width: 16px; - color: #808080; -} - -div.jsoneditor-value.jsoneditor-number { - color: #ee422e; -} - -div.jsoneditor-value.jsoneditor-boolean { - color: #ff8c00; -} - -div.jsoneditor-value.jsoneditor-null { - color: #004ED0; -} - -div.jsoneditor-value.jsoneditor-invalid { - color: #000000; -} - -div.jsoneditor-tree button { - width: 24px; - height: 24px; - padding: 0; - margin: 0; - border: none; - cursor: pointer; - background: transparent url("img/jsoneditor-icons.svg"); -} - -div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree, -div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree { - cursor: pointer; -} - -div.jsoneditor-tree button.jsoneditor-collapsed { - background-position: 0 -48px; -} - -div.jsoneditor-tree button.jsoneditor-expanded { - background-position: 0 -72px; -} - -div.jsoneditor-tree button.jsoneditor-contextmenu { - background-position: -48px -72px; -} - -div.jsoneditor-tree button.jsoneditor-contextmenu:hover, -div.jsoneditor-tree button.jsoneditor-contextmenu:focus, -div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected, -tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu { - background-position: -48px -48px; -} - -div.jsoneditor-tree *:focus { - outline: none; -} - -div.jsoneditor-tree button:focus { - /* TODO: nice outline for buttons with focus - outline: #97B0F8 solid 2px; - box-shadow: 0 0 8px #97B0F8; - */ - background-color: #f5f5f5; - outline: #e5e5e5 solid 1px; -} - -div.jsoneditor-tree button.jsoneditor-invisible { - visibility: hidden; - background: none; -} - -#userdata-editor{ - height:100%; -} - -div.jsoneditor { - color: #1A1A1A; - border: 1px solid #2e2e2e; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - overflow: hidden; - position: relative; - padding: 0; - line-height: 100%; -} - -div.jsoneditor-tree table.jsoneditor-tree { - border-collapse: collapse; - border-spacing: 0; - width: 100%; - margin: 0; -} - -div.jsoneditor-outer { - width: 100%; - margin: -35px 0 0 0; - padding: 0 0 0 0; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; -} - -.ace-jsoneditor { - min-height: 150px; - height: auto !important; -} - -div.jsoneditor-tree { - width: 100%; - position: relative; -} - -textarea.jsoneditor-text { - width: 100%; - margin: 0; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline-width: 0; - border: none; - background-color: white; - resize: none; -} - -tr.jsoneditor-highlight, -tr.jsoneditor-selected { - background-color: #e6e6e6; -} - -tr.jsoneditor-selected button.jsoneditor-dragarea, -tr.jsoneditor-selected button.jsoneditor-contextmenu { - visibility: hidden; -} - -tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea, -tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu { - visibility: visible; -} - -div.jsoneditor-tree button.jsoneditor-dragarea { - background: url("img/jsoneditor-icons.svg") -72px -72px; - cursor: move; -} - -div.jsoneditor-tree button.jsoneditor-dragarea:hover, -div.jsoneditor-tree button.jsoneditor-dragarea:focus, -tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea { - background-position: -72px -48px; -} - -div.jsoneditor tr, -div.jsoneditor th, -div.jsoneditor td { - padding: 0; - margin: 0; - overflow: visible; -} - -div.jsoneditor td { - vertical-align: top; -} - -div.jsoneditor td.jsoneditor-tree { - vertical-align: top; -} - -div.jsoneditor-field, -div.jsoneditor-value, -div.jsoneditor td, -div.jsoneditor th, -div.jsoneditor textarea, -.jsoneditor-schema-error { - font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif; - font-size: 10pt; - color: grey; -} - -/* popover */ - -.jsoneditor-schema-error { - cursor: default; - display: inline-block; - /*font-family: arial, sans-serif;*/ - height: 24px; - line-height: 24px; - position: relative; - text-align: center; - width: 24px; -} - -div.jsoneditor-tree .jsoneditor-schema-error { - width: 24px; - height: 24px; - padding: 0; - margin: 0 4px 0 0; - background: url("img/jsoneditor-icons.svg") -168px -48px; -} - -.jsoneditor-schema-error .jsoneditor-popover { - background-color: #4c4c4c; - border-radius: 3px; - box-shadow: 0 0 5px rgba(0,0,0,0.4); - color: #fff; - display: none; - padding: 7px 10px; - position: absolute; - width: 200px; - z-index: 4; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above { - bottom: 32px; - left: -98px; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below { - top: 32px; - left: -98px; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left { - top: -7px; - right: 32px; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right { - top: -7px; - left: 32px; -} - -.jsoneditor-schema-error .jsoneditor-popover:before { - border-right: 7px solid transparent; - border-left: 7px solid transparent; - content: ''; - display: block; - left: 50%; - margin-left: -7px; - position: absolute; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before { - border-top: 7px solid #4c4c4c; - bottom: -7px; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before { - border-bottom: 7px solid #4c4c4c; - top: -7px; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before { - border-left: 7px solid #4c4c4c; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; - content: ''; - top: 19px; - right: -14px; - left: inherit; - margin-left: inherit; - margin-top: -7px; - position: absolute; -} - -.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before { - border-right: 7px solid #4c4c4c; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; - content: ''; - top: 19px; - left: -14px; - margin-left: inherit; - margin-top: -7px; - position: absolute; -} - -.jsoneditor-schema-error:hover .jsoneditor-popover, -.jsoneditor-schema-error:focus .jsoneditor-popover { - display: block; - -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1; - -moz-animation: fade-in .3s linear 1, move-up .3s linear 1; - -ms-animation: fade-in .3s linear 1, move-up .3s linear 1; -} - -@-webkit-keyframes fade-in { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@-moz-keyframes fade-in { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@-ms-keyframes fade-in { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -/*@-webkit-keyframes move-up {*/ - -/*from { bottom: 24px; }*/ - -/*to { bottom: 32px; }*/ - -/*}*/ - -/*@-moz-keyframes move-up {*/ - -/*from { bottom: 24px; }*/ - -/*to { bottom: 32px; }*/ - -/*}*/ - -/*@-ms-keyframes move-up {*/ - -/*from { bottom: 24px; }*/ - -/*to { bottom: 32px; }*/ - -/*}*/ - -/* JSON schema errors displayed at the bottom of the editor in mode text and code */ - -.jsoneditor .jsoneditor-text-errors { - width: 100%; - border-collapse: collapse; - background-color: #ffef8b; - border-top: 1px solid #ffd700; -} - -.jsoneditor .jsoneditor-text-errors td { - padding: 3px 6px; - vertical-align: middle; -} - -.jsoneditor-text-errors .jsoneditor-schema-error { - border: none; - width: 24px; - height: 24px; - padding: 0; - margin: 0 4px 0 0; - background: url("img/jsoneditor-icons.svg") -168px -48px; -} -/* ContextMenu - main menu */ - -div.jsoneditor-contextmenu-root { - position: relative; - width: 0; - height: 0; -} - -div.jsoneditor-contextmenu { - position: absolute; - box-sizing: content-box; - z-index: 998; -} - -div.jsoneditor-contextmenu ul, -div.jsoneditor-contextmenu li { - box-sizing: content-box; -} - -div.jsoneditor-contextmenu ul { - position: relative; - left: 0; - top: 0; - width: 124px; - background: white; - border: 1px solid #d3d3d3; - box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3); - list-style: none; - margin: 0; - padding: 0; -} - -div.jsoneditor-contextmenu ul li button { - padding: 0; - margin: 0; - width: 124px; - height: 24px; - border: none; - cursor: pointer; - color: #4d4d4d; - background: transparent; - font-size: 10pt; - font-family: arial, sans-serif; - box-sizing: border-box; - line-height: 26px; - text-align: left; -} - -/* Fix button padding in firefox */ - -div.jsoneditor-contextmenu ul li button::-moz-focus-inner { - padding: 0; - border: 0; -} - -div.jsoneditor-contextmenu ul li button:hover, -div.jsoneditor-contextmenu ul li button:focus { - color: #1a1a1a; - background-color: #f5f5f5; - outline: none; -} - -div.jsoneditor-contextmenu ul li button.jsoneditor-default { - width: 92px; -} - -div.jsoneditor-contextmenu ul li button.jsoneditor-expand { - float: right; - width: 32px; - height: 24px; - border-left: 1px solid #e5e5e5; -} - -div.jsoneditor-contextmenu div.jsoneditor-icon { - float: left; - width: 24px; - height: 24px; - border: none; - padding: 0; - margin: 0; - background-image: url("img/jsoneditor-icons.svg"); -} - -div.jsoneditor-contextmenu ul li button div.jsoneditor-expand { - float: right; - width: 24px; - height: 24px; - padding: 0; - margin: 0 4px 0 0; - background: url("img/jsoneditor-icons.svg") 0 -72px; - opacity: 0.4; -} - -div.jsoneditor-contextmenu ul li button:hover div.jsoneditor-expand, -div.jsoneditor-contextmenu ul li button:focus div.jsoneditor-expand, -div.jsoneditor-contextmenu ul li.jsoneditor-selected div.jsoneditor-expand, -div.jsoneditor-contextmenu ul li button.jsoneditor-expand:hover div.jsoneditor-expand, -div.jsoneditor-contextmenu ul li button.jsoneditor-expand:focus div.jsoneditor-expand { - opacity: 1; -} - -div.jsoneditor-contextmenu div.jsoneditor-separator { - height: 0; - border-top: 1px solid #e5e5e5; - padding-top: 5px; - margin-top: 5px; -} - -div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon { - background-position: -24px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-remove:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-remove:focus > div.jsoneditor-icon { - background-position: -24px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon { - background-position: 0 -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-append:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-append:focus > div.jsoneditor-icon { - background-position: 0 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon { - background-position: 0 -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-insert:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-insert:focus > div.jsoneditor-icon { - background-position: 0 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon { - background-position: -48px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-duplicate:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-duplicate:focus > div.jsoneditor-icon { - background-position: -48px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon { - background-position: -168px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-sort-asc:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-sort-asc:focus > div.jsoneditor-icon { - background-position: -168px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon { - background-position: -192px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-sort-desc:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-sort-desc:focus > div.jsoneditor-icon { - background-position: -192px 0; -} - -/* ContextMenu - sub menu */ - -div.jsoneditor-contextmenu ul li button.jsoneditor-selected, -div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover, -div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus { - color: white; - background-color: #ee422e; -} - -div.jsoneditor-contextmenu ul li { - overflow: hidden; -} - -div.jsoneditor-contextmenu ul li ul { - display: none; - position: relative; - left: -10px; - top: 0; - border: none; - box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5); - padding: 0 10px; - /* TODO: transition is not supported on IE8-9 */ - -webkit-transition: all 0.3s ease-out; - -moz-transition: all 0.3s ease-out; - -o-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} - - - -div.jsoneditor-contextmenu ul li ul li button { - padding-left: 24px; - animation: all ease-in-out 1s; -} - -div.jsoneditor-contextmenu ul li ul li button:hover, -div.jsoneditor-contextmenu ul li ul li button:focus { - background-color: #f5f5f5; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon { - background-position: -144px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-string:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-string:focus > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-string.jsoneditor-selected > div.jsoneditor-icon { - background-position: -144px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon { - background-position: -120px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-auto:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-auto:focus > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-auto.jsoneditor-selected > div.jsoneditor-icon { - background-position: -120px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon { - background-position: -72px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-object:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-object:focus > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-object.jsoneditor-selected > div.jsoneditor-icon { - background-position: -72px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon { - background-position: -96px -24px; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-array:hover > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-array:focus > div.jsoneditor-icon, -div.jsoneditor-contextmenu button.jsoneditor-type-array.jsoneditor-selected > div.jsoneditor-icon { - background-position: -96px 0; -} - -div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon { - background-image: none; - width: 6px; -} -div.jsoneditor-menu { - width: 100%; - height: 35px; - padding: 2px; - margin: 0; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: white; - background-color: #2e2e2e; - border-bottom: 1px solid #2e2e2e; -} - -div.jsoneditor-menu > button, -div.jsoneditor-menu > div.jsoneditor-modes > button { - width: 26px; - height: 26px; - margin: 2px; - padding: 0; - border-radius: 2px; - border: 1px solid transparent; - background: transparent url("img/jsoneditor-icons.svg"); - color: white; - opacity: 0.8; - font-family: arial, sans-serif; - font-size: 10pt; - float: left; -} - -div.jsoneditor-menu > button:hover, -div.jsoneditor-menu > div.jsoneditor-modes > button:hover { - background-color: rgba(255,255,255,0.2); - border: 1px solid rgba(255,255,255,0.4); -} - -div.jsoneditor-menu > button:focus, -div.jsoneditor-menu > button:active, -div.jsoneditor-menu > div.jsoneditor-modes > button:focus, -div.jsoneditor-menu > div.jsoneditor-modes > button:active { - background-color: rgba(255,255,255,0.3); -} - -div.jsoneditor-menu > button:disabled, -div.jsoneditor-menu > div.jsoneditor-modes > button:disabled { - opacity: 0.5; -} - -div.jsoneditor-menu > button.jsoneditor-collapse-all { - background-position: 0 -96px; -} - -div.jsoneditor-menu > button.jsoneditor-expand-all { - background-position: 0 -120px; -} - -div.jsoneditor-menu > button.jsoneditor-undo { - background-position: -24px -96px; -} - -div.jsoneditor-menu > button.jsoneditor-undo:disabled { - background-position: -24px -120px; -} - -div.jsoneditor-menu > button.jsoneditor-redo { - background-position: -48px -96px; -} - -div.jsoneditor-menu > button.jsoneditor-redo:disabled { - background-position: -48px -120px; -} - -div.jsoneditor-menu > button.jsoneditor-compact { - background-position: -72px -96px; -} - -div.jsoneditor-menu > button.jsoneditor-format { - background-position: -72px -120px; -} - -div.jsoneditor-menu > div.jsoneditor-modes { - display: inline-block; - float: left; -} - -div.jsoneditor-menu > div.jsoneditor-modes > button { - background-image: none; - width: auto; - padding-left: 6px; - padding-right: 6px; -} - -div.jsoneditor-menu > button.jsoneditor-separator, -div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator { - margin-left: 10px; -} - -div.jsoneditor-menu a { - font-family: arial, sans-serif; - font-size: 10pt; - color: white; - opacity: 0.8; - vertical-align: middle; -} - -div.jsoneditor-menu a:hover { - opacity: 1; -} - -div.jsoneditor-menu a.jsoneditor-poweredBy { - font-size: 8pt; - position: absolute; - right: 0; - top: 0; - padding: 10px; -} -table.jsoneditor-search input, -table.jsoneditor-search div.jsoneditor-results { - font-family: arial, sans-serif; - font-size: 10pt; - color: #1A1A1A; - background: transparent; - /* For Firefox */ -} - -table.jsoneditor-search div.jsoneditor-results { - color: white; - padding-right: 5px; - line-height: 24px; -} - -table.jsoneditor-search { - position: absolute; - right: 4px; - top: 4px; - border-collapse: collapse; - border-spacing: 0; -} - -table.jsoneditor-search div.jsoneditor-frame { - border: 1px solid transparent; - background-color: white; - padding: 0 2px; - margin: 0; -} - -table.jsoneditor-search div.jsoneditor-frame table { - border-collapse: collapse; -} - -table.jsoneditor-search input { - width: 120px; - border: none; - outline: none; - margin: 1px; - line-height: 20px; -} - -table.jsoneditor-search button { - width: 16px; - height: 24px; - padding: 0; - margin: 0; - border: none; - background: url("img/jsoneditor-icons.svg"); - vertical-align: top; -} - -table.jsoneditor-search button:hover { - background-color: transparent; -} - -table.jsoneditor-search button.jsoneditor-refresh { - width: 18px; - background-position: -99px -73px; -} - -table.jsoneditor-search button.jsoneditor-next { - cursor: pointer; - background-position: -124px -73px; -} - -table.jsoneditor-search button.jsoneditor-next:hover { - background-position: -124px -49px; -} - -table.jsoneditor-search button.jsoneditor-previous { - cursor: pointer; - background-position: -148px -73px; - margin-right: 2px; -} - -table.jsoneditor-search button.jsoneditor-previous:hover { - background-position: -148px -49px; -} diff --git a/scripts/simplifiedUI/system/html/css/marketplaces.css b/scripts/simplifiedUI/system/html/css/marketplaces.css deleted file mode 100644 index 04c132eab1..0000000000 --- a/scripts/simplifiedUI/system/html/css/marketplaces.css +++ /dev/null @@ -1,224 +0,0 @@ -/* -// -// Copyright 2016 High Fidelity, Inc. -// -// Distributed under the Apache License, Version 2.0. -// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -*/ - -/* - CSS rules copied from edit-style.css. - Edit-style.css is not used in its entirety because don't want custom scrollbars; default scrollbar styling is used in order - to match other marketplace pages. -*/ - -@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 */ -} - -@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); -} - -@font-face { - font-family: Raleway-SemiBold; - src: url(../../../../resources/fonts/Raleway-SemiBold.ttf), - url(../../../../fonts/Raleway-SemiBold.ttf), - url(../../../../interface/resources/fonts/Raleway-SemiBold.ttf); -} - -@font-face { - font-family: FiraSans-SemiBold; - src: url(../../../../resources/fonts/FiraSans-SemiBold.ttf), - url(../../../../fonts/FiraSans-SemiBold.ttf), - url(../../../../interface/resources/fonts/FiraSans-SemiBold.ttf); -} - -* { - margin: 0; - padding: 0; -} - -body { - padding: 21px 21px 21px 21px; - - color: #afafaf; - background-color: #404040; - font-family: Raleway-Regular; - font-size: 15px; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - overflow-x: hidden; - overflow-y: auto; -} - -input[type=button] { - font-family: Raleway-Bold; - font-size: 13px; - text-transform: uppercase; - vertical-align: top; - height: 28px; - min-width: 120px; - padding: 0px 18px; - margin-right: 6px; - border-radius: 5px; - border: none; - color: #fff; - background-color: #000; - background: linear-gradient(#343434 20%, #000 100%); - cursor: pointer; -} - -input[type=button].blue { - color: #fff; - background-color: #1080b8; - background: linear-gradient(#00b4ef 20%, #1080b8 100%); -} - - -/* - Marketplaces-specific CSS. -*/ - -body { - background: white; - padding: 0 0 0 0; - font-family:Raleway-SemiBold; -} -.marketplaces-container { - display: inline-block; - color: black; - width: 94%; - margin-left: 3%; - height: 100%; -} -.marketplaces-title { - margin-top: 45px; - margin-bottom: 20px; -} -.marketplaces-intro-text { - margin-bottom: 30px; -} -.marketplace-tile { - float:left; - width: 100%; - margin-bottom: 25px; -} -.marketplace-tile-first-column { - text-align: center; - float: left; - width: 33%; -} -.marketplace-tile-second-column { - float: left; - margin-left:4%; - width: 62%; -} -.exploreButton { - font-size: 16px !important; - width: 200px !important; - height: 45px !important; - margin-top: 20px; - margin-bottom: 30px; -} -.tile-divider { - width: 100%; - margin-left: 0%; - display: block; - height: 1px; - border: 0; - border-top: 1px solid lightgrey; - margin: 1em 0; - padding: 0; - margin-bottom: 30px; -} -.marketplace-tile-description { - margin-top: 15px; - margin-bottom: 30px; -} -.marketplace-tile-image { - margin-top:15px; - max-width: 256px; - height: 128px; - margin-bottom:60px; - -webkit-box-shadow: -1px 4px 16px 0px rgba(0, 0, 0, 0.48); - -moz-box-shadow: -1px 4px 16px 0px rgba(0, 0, 0, 0.48); - box-shadow: -1px 4px 16px 0px rgba(0, 0, 0, 0.48); -} -.marketplace-clara-steps { - padding-left: 15px; -} -.marketplace-clara-steps > li { - margin-top: 5px; -} - -#marketplace-navigation { - width: 100%; - height: 50px; - background: #00b4ef; - position: fixed; - bottom: 0; -} -#marketplace-navigation .glyph { - /* - // Target look but can't use font in injected script. - font-family: HiFi-Glyphs; - font-size: 40px; - margin-left: 20px; - */ - font-family: sans-serif; - font-size: 24px; - margin-left: 20px; - margin-right: 3px; - color: #fff; - line-height: 50px; -} -#marketplace-navigation .text { - color: #fff; - font-size: 18px; - line-height: 50px; - vertical-align: top; - position: relative; - top: 1px; -} -#marketplace-navigation input { - position: absolute; - right: 20px; - margin-top: 12px; - padding-left: 15px; - padding-right: 15px; -} - -@media (max-width:768px) { - .marketplace-tile-first-column { - float: left; - width: 100%; - } - .marketplace-tile-second-column { - float: left; - width: 100%; - } - .exploreButton-holder { - width:100%; - text-align:center; - } - .tile-divider { - width: 100%; - margin-left: 0; - } - .marketplace-tile-image { - margin-bottom: 15px; - } -} diff --git a/scripts/simplifiedUI/system/html/css/miniTablet.css b/scripts/simplifiedUI/system/html/css/miniTablet.css deleted file mode 100644 index 7598332d28..0000000000 --- a/scripts/simplifiedUI/system/html/css/miniTablet.css +++ /dev/null @@ -1,92 +0,0 @@ -/* -miniTablet.css - -Created by David Rowe on 20 Aug 2018. -Copyright 2018 High Fidelity, Inc. - -Distributed under the Apache License, Version 2.0. -See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -*/ - -* { - box-sizing: border-box; - padding: 0; - margin: 0; - user-select: none; -} - -html { - background-color: #404040; -} - -body { - height: 100%; -} - -section { - background-color: #404040; - position: relative; - padding: 16px 16px; -} - -.button { - width: 116px; - height: 84px; - margin-top: 16px; - text-align: center; -} - - .button:first-child { - margin-top: 0; - } - -img { - width: 40px; -} - -#mute { - padding-top: 19px; - background-size: 100% 100%; - background-image: url("./img/mt-mute-normal.svg"); -} - - #mute:hover { - background-image: url("./img/mt-mute-hover.svg"); - } - -#goto { - padding-top: 19px; - background-size: 100% 100%; - background-image: url("./img/mt-goto-normal.svg"); -} - - #goto:hover { - background-image: url("./img/mt-goto-hover.svg"); - } - - #goto:hover.unhover { - background-image: url("./img/mt-goto-normal.svg"); - } - -#expand { - position: absolute; - right: 1px; - bottom: -1px; - width: 50px; - height: 50px; - background-size: 100% 100%; - background-image: url("./img/mt-expand-normal.svg"); -} - - #expand:hover { - background-image: url("./img/mt-expand-hover.svg"); - } - - #expand:hover.unhover { - background-image: url("./img/mt-expand-normal.svg"); - } - - #expand img { - width:34px; - margin-top: 7px; - } diff --git a/scripts/simplifiedUI/system/html/gridControls.html b/scripts/simplifiedUI/system/html/gridControls.html deleted file mode 100644 index 8d6ee34bc0..0000000000 --- a/scripts/simplifiedUI/system/html/gridControls.html +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - - - - - --- - diff --git a/scripts/simplifiedUI/system/html/img/blast_icon.svg b/scripts/simplifiedUI/system/html/img/blast_icon.svg deleted file mode 100644 index 31df8e7f53..0000000000 --- a/scripts/simplifiedUI/system/html/img/blast_icon.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/img/blocks-tile.png b/scripts/simplifiedUI/system/html/img/blocks-tile.png deleted file mode 100644 index 49de535c1c..0000000000 Binary files a/scripts/simplifiedUI/system/html/img/blocks-tile.png and /dev/null differ diff --git a/scripts/simplifiedUI/system/html/img/button-snap-print.svg b/scripts/simplifiedUI/system/html/img/button-snap-print.svg deleted file mode 100644 index d1570711d7..0000000000 --- a/scripts/simplifiedUI/system/html/img/button-snap-print.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/img/clara-tile.png b/scripts/simplifiedUI/system/html/img/clara-tile.png deleted file mode 100644 index ae431dd510..0000000000 Binary files a/scripts/simplifiedUI/system/html/img/clara-tile.png and /dev/null differ diff --git a/scripts/simplifiedUI/system/html/img/expand.svg b/scripts/simplifiedUI/system/html/img/expand.svg deleted file mode 100644 index f57e624374..0000000000 --- a/scripts/simplifiedUI/system/html/img/expand.svg +++ /dev/null @@ -1,85 +0,0 @@ - - - - \ No newline at end of file diff --git a/scripts/simplifiedUI/system/html/img/fb_icon.svg b/scripts/simplifiedUI/system/html/img/fb_icon.svg deleted file mode 100644 index 6d67d17bb2..0000000000 --- a/scripts/simplifiedUI/system/html/img/fb_icon.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/img/hifi-marketplace-tile.png b/scripts/simplifiedUI/system/html/img/hifi-marketplace-tile.png deleted file mode 100644 index 9a95c081a0..0000000000 Binary files a/scripts/simplifiedUI/system/html/img/hifi-marketplace-tile.png and /dev/null differ diff --git a/scripts/simplifiedUI/system/html/img/hifi_icon.svg b/scripts/simplifiedUI/system/html/img/hifi_icon.svg deleted file mode 100644 index acbb98a3b3..0000000000 --- a/scripts/simplifiedUI/system/html/img/hifi_icon.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/img/loader.gif b/scripts/simplifiedUI/system/html/img/loader.gif deleted file mode 100644 index c464703c84..0000000000 Binary files a/scripts/simplifiedUI/system/html/img/loader.gif and /dev/null differ diff --git a/scripts/simplifiedUI/system/html/img/snapshotIcon.png b/scripts/simplifiedUI/system/html/img/snapshotIcon.png deleted file mode 100644 index 5cb2742a32..0000000000 Binary files a/scripts/simplifiedUI/system/html/img/snapshotIcon.png and /dev/null differ diff --git a/scripts/simplifiedUI/system/html/img/twitter_icon.svg b/scripts/simplifiedUI/system/html/img/twitter_icon.svg deleted file mode 100644 index 0393d963f2..0000000000 --- a/scripts/simplifiedUI/system/html/img/twitter_icon.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - diff --git a/scripts/simplifiedUI/system/html/js/SnapshotReview.js b/scripts/simplifiedUI/system/html/js/SnapshotReview.js deleted file mode 100644 index 1e8be9d644..0000000000 --- a/scripts/simplifiedUI/system/html/js/SnapshotReview.js +++ /dev/null @@ -1,814 +0,0 @@ -/*jslint browser:true */ -/*jslint maxlen: 180*/ -"use strict"; -// -// SnapshotReview.js -// scripts/system/html/js/ -// -// Created by Howard Stearns 8/22/2016 -// Copyright 2016 High Fidelity, Inc. -// -// Distributed under the Apache License, Version 2.0. -// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -// - -var paths = []; -var idCounter = 0; -var imageCount = 0; -var blastShareText = "Blast to my Connections", - blastAlreadySharedText = "Already Blasted to Connections", - hifiShareText = "Share to Snaps Feed", - hifiAlreadySharedText = "Already Shared to Snaps Feed", - facebookShareText = "Share to Facebook", - twitterShareText = "Share to Twitter", - shareButtonLabelTextActive = "SHARE:", - shareButtonLabelTextInactive = "SHARE"; - -function fileExtensionMatches(filePath, extension) { - return filePath.split('.').pop().toLowerCase() === extension; -} - -function showSetupInstructions() { - var snapshotImagesDiv = document.getElementById("snapshot-images"); - snapshotImagesDiv.className = "snapshotInstructions"; - snapshotImagesDiv.innerHTML = '- --- - --- --- - --- --- --- --- --- --- --- --- --- --- - --
' +
- '
' + - 'Take and share snaps and GIFs with people in High Fidelity, Facebook, and Twitter.
' + - "Setup Instructions
" + - "Before you can begin taking snaps, please choose where you'd like to save snaps on your computer:
" + - '
' + - '' + - '' + - ''; - document.getElementById("snap-button").disabled = true; -} -function showSetupComplete() { - var snapshotImagesDiv = document.getElementById("snapshot-images"); - snapshotImagesDiv.className = "snapshotInstructions"; - snapshotImagesDiv.innerHTML = '' +
- '
' + - '' + - ''; - document.getElementById("snap-button").disabled = false; -} -function showSnapshotInstructions() { - var snapshotImagesDiv = document.getElementById("snapshot-images"); - snapshotImagesDiv.className = "snapshotInstructions"; - snapshotImagesDiv.innerHTML = 'Snapshot location set.
' + - 'Press the big red button to take a snap!
' + - '' +
- '
' + - 'Take and share snaps and GIFs with people in High Fidelity, Facebook, and Twitter.
' + - '
' + - '' + - ''; -} -function chooseSnapshotLocation() { - EventBridge.emitWebEvent(JSON.stringify({ - type: "snapshot", - action: "chooseSnapshotLocation" - })); -} -function login() { - EventBridge.emitWebEvent(JSON.stringify({ - type: "snapshot", - action: "login" - })); -} -function clearImages() { - var snapshotImagesDiv = document.getElementById("snapshot-images"); - snapshotImagesDiv.classList.remove("snapshotInstructions"); - while (snapshotImagesDiv.hasChildNodes()) { - snapshotImagesDiv.removeChild(snapshotImagesDiv.lastChild); - } - paths = []; - imageCount = 0; - idCounter = 0; -} - -function selectImageWithHelpText(selectedID, isSelected) { - if (selectedID.id) { - selectedID = selectedID.id; // sometimes (?), `selectedID` is passed as an HTML object to these functions; we just want the ID - } - var imageContainer = document.getElementById(selectedID), - image = document.getElementById(selectedID + 'img'), - shareBar = document.getElementById(selectedID + "shareBar"), - helpTextDiv = document.getElementById(selectedID + "helpTextDiv"), - showShareButtonsButtonDiv = document.getElementById(selectedID + "showShareButtonsButtonDiv"), - itr, - containers = document.getElementsByClassName("shareControls"); - - if (isSelected) { - showShareButtonsButtonDiv.onclick = function () { selectImageWithHelpText(selectedID, false); }; - showShareButtonsButtonDiv.classList.remove("inactive"); - showShareButtonsButtonDiv.classList.add("active"); - - image.onclick = function () { selectImageWithHelpText(selectedID, false); }; - imageContainer.style.outline = "4px solid #00b4ef"; - imageContainer.style.outlineOffset = "-4px"; - - shareBar.style.backgroundColor = "rgba(0, 0, 0, 0.45)"; - shareBar.style.pointerEvents = "initial"; - - helpTextDiv.style.visibility = "visible"; - - for (itr = 0; itr < containers.length; itr += 1) { - var parentID = containers[itr].id.slice(0, 2); - if (parentID !== selectedID) { - selectImageWithHelpText(parentID, false); - } - } - } else { - showShareButtonsButtonDiv.onclick = function () { selectImageWithHelpText(selectedID, true); }; - showShareButtonsButtonDiv.classList.remove("active"); - showShareButtonsButtonDiv.classList.add("inactive"); - - image.onclick = function () { selectImageWithHelpText(selectedID, true); }; - imageContainer.style.outline = "none"; - - shareBar.style.backgroundColor = "rgba(0, 0, 0, 0.0)"; - shareBar.style.pointerEvents = "none"; - - helpTextDiv.style.visibility = "hidden"; - } -} -function selectImageToShare(selectedID, isSelected) { - if (selectedID.id) { - selectedID = selectedID.id; // sometimes (?), `selectedID` is passed as an HTML object to these functions; we just want the ID - } - var imageContainer = document.getElementById(selectedID), - image = document.getElementById(selectedID + 'img'), - shareBar = document.getElementById(selectedID + "shareBar"), - showShareButtonsDots = document.getElementById(selectedID + "showShareButtonsDots"), - showShareButtonsLabel = document.getElementById(selectedID + "showShareButtonsLabel"), - shareButtonsDiv = document.getElementById(selectedID + "shareButtonsDiv"), - shareBarHelp = document.getElementById(selectedID + "shareBarHelp"), - showShareButtonsButtonDiv = document.getElementById(selectedID + "showShareButtonsButtonDiv"), - itr, - containers = document.getElementsByClassName("shareControls"); - - if (isSelected) { - showShareButtonsButtonDiv.onclick = function () { selectImageToShare(selectedID, false); }; - showShareButtonsButtonDiv.classList.remove("inactive"); - showShareButtonsButtonDiv.classList.add("active"); - - image.onclick = function () { selectImageToShare(selectedID, false); }; - imageContainer.style.outline = "4px solid #00b4ef"; - imageContainer.style.outlineOffset = "-4px"; - - shareBar.style.backgroundColor = "rgba(0, 0, 0, 0.45)"; - shareBar.style.pointerEvents = "initial"; - - showShareButtonsDots.style.visibility = "hidden"; - showShareButtonsLabel.innerHTML = shareButtonLabelTextActive; - - shareButtonsDiv.style.visibility = "visible"; - shareBarHelp.style.visibility = "visible"; - - for (itr = 0; itr < containers.length; itr += 1) { - var parentID = containers[itr].id.slice(0, 2); - if (parentID !== selectedID) { - selectImageToShare(parentID, false); - } - } - } else { - showShareButtonsButtonDiv.onclick = function () { selectImageToShare(selectedID, true); }; - showShareButtonsButtonDiv.classList.remove("active"); - showShareButtonsButtonDiv.classList.add("inactive"); - - image.onclick = function () { selectImageToShare(selectedID, true); }; - imageContainer.style.outline = "none"; - - shareBar.style.backgroundColor = "rgba(0, 0, 0, 0.0)"; - shareBar.style.pointerEvents = "none"; - - showShareButtonsDots.style.visibility = "visible"; - showShareButtonsLabel.innerHTML = shareButtonLabelTextInactive; - - shareButtonsDiv.style.visibility = "hidden"; - shareBarHelp.style.visibility = "hidden"; - } -} -function createShareBar(parentID, isLoggedIn, canShare, isGif, blastButtonDisabled, hifiButtonDisabled, canBlast) { - var shareBar = document.createElement("div"), - shareBarHelpID = parentID + "shareBarHelp", - shareButtonsDivID = parentID + "shareButtonsDiv", - showShareButtonsButtonDivID = parentID + "showShareButtonsButtonDiv", - showShareButtonsDotsID = parentID + "showShareButtonsDots", - showShareButtonsLabelID = parentID + "showShareButtonsLabel", - blastToConnectionsButtonID = parentID + "blastToConnectionsButton", - shareWithEveryoneButtonID = parentID + "shareWithEveryoneButton", - facebookButtonID = parentID + "facebookButton", - twitterButtonID = parentID + "twitterButton", - shareBarInnerHTML = ''; - - shareBar.id = parentID + "shareBar"; - shareBar.className = "shareControls"; - - if (isLoggedIn) { - if (canShare) { - shareBarInnerHTML = '' + - '' + - 'Press the big red button to take a snap!
' + - ''; - if (canBlast) { - shareBarInnerHTML += ''; - - // Add onclick handler to parent DIV's img to toggle share buttons - document.getElementById(parentID + 'img').onclick = function () { selectImageToShare(parentID, true); }; - } else { - shareBarInnerHTML = '' + - '' + - ''; - } - shareBarInnerHTML += '
' + - '
' +
- '
' +
- '' + - 'This snap was taken in an unshareable domain.' + - ''; - // Add onclick handler to parent DIV's img to toggle share buttons - document.getElementById(parentID + 'img').onclick = function () { selectImageWithHelpText(parentID, true); }; - } - } else { - shareBarInnerHTML = '' + - '' + - '' + - 'Please log in to share snaps' + '' + - ''; - // Add onclick handler to parent DIV's img to toggle share buttons - document.getElementById(parentID + 'img').onclick = function () { selectImageWithHelpText(parentID, true); }; - } - - shareBar.innerHTML = shareBarInnerHTML; - - return shareBar; -} -function appendShareBar(divID, isLoggedIn, canShare, isGif, blastButtonDisabled, hifiButtonDisabled, canBlast) { - if (divID.id) { - divID = divID.id; // sometimes (?), `containerID` is passed as an HTML object to these functions; we just want the ID - } - document.getElementById(divID).appendChild(createShareBar(divID, isLoggedIn, canShare, isGif, blastButtonDisabled, hifiButtonDisabled, canBlast)); - if (divID === "p0") { - if (isLoggedIn) { - if (canShare) { - selectImageToShare(divID, true); - } else { - selectImageWithHelpText(divID, true); - } - } else { - selectImageWithHelpText(divID, true); - } - } - if (isLoggedIn && canShare) { - if (canBlast) { - shareButtonHovered('blast', divID, false); - } else { - shareButtonHovered('hifi', divID, false); - } - } -} -function shareForUrl(selectedID) { - EventBridge.emitWebEvent(JSON.stringify({ - type: "snapshot", - action: "shareSnapshotForUrl", - data: paths[parseInt(selectedID.substring(1), 10)] - })); -} -function addImage(image_data, isLoggedIn, canShare, isGifLoading, isShowingPreviousImages, blastButtonDisabled, hifiButtonDisabled, canBlast) { - if (!image_data.localPath) { - return; - } - var imageContainer = document.createElement("DIV"), - img = document.createElement("IMG"), - isGif = fileExtensionMatches(image_data.localPath, "gif"), - id = "p" + (isGif ? "1" : "0"); - imageContainer.id = id; - imageContainer.style.width = "95%"; - imageContainer.style.height = "240px"; - imageContainer.style.margin = "5px auto"; - imageContainer.style.display = "flex"; - imageContainer.style.justifyContent = "center"; - imageContainer.style.alignItems = "center"; - imageContainer.style.position = "relative"; - img.id = id + "img"; - img.src = image_data.localPath; - imageContainer.appendChild(img); - document.getElementById("snapshot-images").appendChild(imageContainer); - paths.push(image_data.localPath); - img.onload = function () { - if (isGif) { - imageContainer.innerHTML += 'GIF'; - } - if (!isGifLoading) { - appendShareBar(id, isLoggedIn, canShare, isGif, blastButtonDisabled, hifiButtonDisabled, canBlast); - } - if ((!isShowingPreviousImages && ((isGif && !isGifLoading) || !isGif)) || (isShowingPreviousImages && !image_data.story_id)) { - shareForUrl(id); - } - if (isShowingPreviousImages && isLoggedIn && image_data.story_id) { - updateShareInfo(id, image_data.story_id); - } - if (isShowingPreviousImages) { - requestPrintButtonUpdate(); - } - }; - img.onerror = function () { - img.onload = null; - img.src = image_data.errorPath; - EventBridge.emitWebEvent(JSON.stringify({ - type: "snapshot", - action: "alertSnapshotLoadFailed" - })); - }; -} -function showConfirmationMessage(selectedID, destination) { - if (selectedID.id) { - selectedID = selectedID.id; // sometimes (?), `containerID` is passed as an HTML object to these functions; we just want the ID - } - - var opacity = 2.0, - fadeRate = 0.05, - timeBetweenFadesMS = 50, - confirmationMessageContainer = document.createElement("div"), - confirmationMessage = document.createElement("div"); - confirmationMessageContainer.className = "confirmationMessageContainer"; - - confirmationMessage.className = "confirmationMessage"; - - var socialIcon = document.createElement("img"); - switch (destination) { - case 'blast': - socialIcon.src = "img/blast_icon.svg"; - confirmationMessage.appendChild(socialIcon); - confirmationMessage.innerHTML += 'Blast Sent!'; - confirmationMessage.style.backgroundColor = "#EA4C5F"; - break; - case 'hifi': - socialIcon.src = "img/hifi_icon.svg"; - confirmationMessage.appendChild(socialIcon); - confirmationMessage.innerHTML += 'Snap Shared!'; - confirmationMessage.style.backgroundColor = "#1FC6A6"; - break; - } - - confirmationMessageContainer.appendChild(confirmationMessage); - document.getElementById(selectedID).appendChild(confirmationMessageContainer); - - setInterval(function () { - if (opacity <= fadeRate) { - confirmationMessageContainer.remove(); - } - opacity -= fadeRate; - confirmationMessageContainer.style.opacity = opacity; - }, timeBetweenFadesMS); -} -function showUploadingMessage(selectedID, destination) { - if (selectedID.id) { - selectedID = selectedID.id; // sometimes (?), `containerID` is passed as an HTML object to these functions; we just want the ID - } - - var shareBarHelp = document.getElementById(selectedID + "shareBarHelp"); - - shareBarHelp.innerHTML = '
Preparing to Share';
- shareBarHelp.classList.add("uploading");
- shareBarHelp.setAttribute("data-destination", destination);
-}
-function hideUploadingMessageAndMaybeShare(selectedID, storyID) {
- if (selectedID.id) {
- selectedID = selectedID.id; // sometimes (?), `containerID` is passed as an HTML object to these functions; we just want the ID
- }
-
- var shareBarHelp = document.getElementById(selectedID + "shareBarHelp"),
- shareBarHelpDestination = shareBarHelp.getAttribute("data-destination");
-
- shareBarHelp.classList.remove("uploading");
- if (shareBarHelpDestination) {
- switch (shareBarHelpDestination) {
- case 'blast':
- blastToConnections(selectedID, selectedID === "p1");
- shareBarHelp.innerHTML = blastAlreadySharedText;
- break;
- case 'hifi':
- shareWithEveryone(selectedID, selectedID === "p1");
- shareBarHelp.innerHTML = hifiAlreadySharedText;
- break;
- case 'facebook':
- var facebookButton = document.getElementById(selectedID + "facebookButton");
- window.open(facebookButton.getAttribute("href"), "_blank");
- shareBarHelp.innerHTML = facebookShareText;
- // This emitWebEvent() call isn't necessary in the "hifi" and "blast" cases
- // because the "removeFromStoryIDsToMaybeDelete()" call happens
- // in snapshot.js when sharing with that method.
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "removeFromStoryIDsToMaybeDelete",
- story_id: storyID
- }));
- break;
- case 'twitter':
- var twitterButton = document.getElementById(selectedID + "twitterButton");
- window.open(twitterButton.getAttribute("href"), "_blank");
- shareBarHelp.innerHTML = twitterShareText;
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "removeFromStoryIDsToMaybeDelete",
- story_id: storyID
- }));
- break;
- }
-
- shareBarHelp.setAttribute("data-destination", "");
- }
-}
-function updateShareInfo(containerID, storyID) {
- if (containerID.id) {
- containerID = containerID.id; // sometimes (?), `containerID` is passed as an HTML object to these functions; we just want the ID
- }
- var shareBar = document.getElementById(containerID + "shareBar"),
- parentDiv = document.getElementById(containerID),
- shareURL = "https://highfidelity.com/user_stories/" + storyID,
- facebookButton = document.getElementById(containerID + "facebookButton"),
- twitterButton = document.getElementById(containerID + "twitterButton");
-
- parentDiv.setAttribute('data-story-id', storyID);
-
- facebookButton.setAttribute("target", "_blank");
- facebookButton.setAttribute("href", 'https://www.facebook.com/dialog/feed?app_id=1585088821786423&link=' + shareURL);
-
- twitterButton.setAttribute("target", "_blank");
- twitterButton.setAttribute("href", 'https://twitter.com/intent/tweet?text=I%20just%20took%20a%20snapshot!&url=' + shareURL + '&via=highfidelityVR&hashtags=VR,HiFi');
-
- hideUploadingMessageAndMaybeShare(containerID, storyID);
-}
-function blastToConnections(selectedID, isGif) {
- if (selectedID.id) {
- selectedID = selectedID.id; // sometimes (?), `selectedID` is passed as an HTML object to these functions; we just want the ID
- }
-
- var blastToConnectionsButton = document.getElementById(selectedID + "blastToConnectionsButton"),
- shareBar = document.getElementById(selectedID + "shareBar"),
- shareBarHelp = document.getElementById(selectedID + "shareBarHelp");
- blastToConnectionsButton.onclick = function () { };
-
- var storyID = document.getElementById(selectedID).getAttribute("data-story-id");
-
- if (storyID) {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "blastToConnections",
- story_id: storyID,
- isGif: isGif
- }));
- showConfirmationMessage(selectedID, 'blast');
- blastToConnectionsButton.classList.add("disabled");
- blastToConnectionsButton.style.backgroundColor = "#000000";
- blastToConnectionsButton.style.opacity = "0.5";
- shareBarHelp.style.backgroundColor = "#000000";
- shareBarHelp.style.opacity = "0.5";
- } else {
- showUploadingMessage(selectedID, 'blast');
- }
-}
-function shareWithEveryone(selectedID, isGif) {
- if (selectedID.id) {
- selectedID = selectedID.id; // sometimes (?), `selectedID` is passed as an HTML object to these functions; we just want the ID
- }
-
- var shareWithEveryoneButton = document.getElementById(selectedID + "shareWithEveryoneButton"),
- shareBar = document.getElementById(selectedID + "shareBar"),
- shareBarHelp = document.getElementById(selectedID + "shareBarHelp");
- shareWithEveryoneButton.onclick = function () { };
-
- var storyID = document.getElementById(selectedID).getAttribute("data-story-id");
-
- if (storyID) {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "shareSnapshotWithEveryone",
- story_id: storyID,
- isGif: isGif
- }));
- showConfirmationMessage(selectedID, 'hifi');
- shareWithEveryoneButton.classList.add("disabled");
- shareWithEveryoneButton.style.backgroundColor = "#000000";
- shareWithEveryoneButton.style.opacity = "0.5";
- shareBarHelp.style.backgroundColor = "#000000";
- shareBarHelp.style.opacity = "0.5";
- } else {
- showUploadingMessage(selectedID, 'hifi');
- }
-}
-function shareButtonHovered(destination, selectedID, shouldAlsoModifyOther) {
- if (selectedID.id) {
- selectedID = selectedID.id; // sometimes (?), `selectedID` is passed as an HTML object to these functions; we just want the ID
- }
- var shareBarHelp = document.getElementById(selectedID + "shareBarHelp"),
- shareButtonsDiv = document.getElementById(selectedID + "shareButtonsDiv").childNodes,
- itr;
-
- if (!shareBarHelp.classList.contains("uploading")) {
- for (itr = 0; itr < shareButtonsDiv.length; itr += 1) {
- shareButtonsDiv[itr].style.backgroundColor = "rgba(0, 0, 0, 0)";
- }
- shareBarHelp.style.opacity = "1.0";
- switch (destination) {
- case 'blast':
- var blastToConnectionsButton = document.getElementById(selectedID + "blastToConnectionsButton");
- if (!blastToConnectionsButton.classList.contains("disabled")) {
- shareBarHelp.style.backgroundColor = "#EA4C5F";
- shareBarHelp.style.opacity = "1.0";
- blastToConnectionsButton.style.backgroundColor = "#EA4C5F";
- blastToConnectionsButton.style.opacity = "1.0";
- shareBarHelp.innerHTML = blastShareText;
- } else {
- shareBarHelp.style.backgroundColor = "#000000";
- shareBarHelp.style.opacity = "0.5";
- blastToConnectionsButton.style.backgroundColor = "#000000";
- blastToConnectionsButton.style.opacity = "0.5";
- shareBarHelp.innerHTML = blastAlreadySharedText;
- }
- break;
- case 'hifi':
- var shareWithEveryoneButton = document.getElementById(selectedID + "shareWithEveryoneButton");
- if (!shareWithEveryoneButton.classList.contains("disabled")) {
- shareBarHelp.style.backgroundColor = "#1FC6A6";
- shareBarHelp.style.opacity = "1.0";
- shareWithEveryoneButton.style.backgroundColor = "#1FC6A6";
- shareWithEveryoneButton.style.opacity = "1.0";
- shareBarHelp.innerHTML = hifiShareText;
- } else {
- shareBarHelp.style.backgroundColor = "#000000";
- shareBarHelp.style.opacity = "0.5";
- shareWithEveryoneButton.style.backgroundColor = "#000000";
- shareWithEveryoneButton.style.opacity = "0.5";
- shareBarHelp.innerHTML = hifiAlreadySharedText;
- }
- break;
- case 'facebook':
- shareBarHelp.style.backgroundColor = "#3C58A0";
- shareBarHelp.innerHTML = facebookShareText;
- document.getElementById(selectedID + "facebookButton").style.backgroundColor = "#3C58A0";
- break;
- case 'twitter':
- shareBarHelp.style.backgroundColor = "#00B4EE";
- shareBarHelp.innerHTML = twitterShareText;
- document.getElementById(selectedID + "twitterButton").style.backgroundColor = "#00B4EE";
- break;
- }
- }
-
- if (shouldAlsoModifyOther && imageCount > 1) {
- if (selectedID === "p0" && !document.getElementById("p1").classList.contains("processingGif")) {
- shareButtonHovered(destination, "p1", false);
- } else if (selectedID === "p1") {
- shareButtonHovered(destination, "p0", false);
- }
- }
-}
-function shareButtonClicked(destination, selectedID) {
- if (selectedID.id) {
- selectedID = selectedID.id; // sometimes (?), `selectedID` is passed as an HTML object to these functions; we just want the ID
- }
- var storyID = document.getElementById(selectedID).getAttribute("data-story-id");
-
- if (!storyID) {
- showUploadingMessage(selectedID, destination);
- } else {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "removeFromStoryIDsToMaybeDelete",
- story_id: storyID
- }));
- }
-}
-
-function handleCaptureSetting(setting) {
- var stillAndGif = document.getElementById('stillAndGif'),
- stillOnly = document.getElementById('stillOnly');
-
- stillAndGif.checked = setting;
- stillOnly.checked = !setting;
-
- stillAndGif.onclick = function () {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "captureStillAndGif"
- }));
- };
-
- stillOnly.onclick = function () {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "captureStillOnly"
- }));
- };
-
-}
-window.onload = function () {
- // Uncomment the line below to test functionality in a browser.
- // See definition of "testInBrowser()" to modify tests.
- //testInBrowser(4);
- openEventBridge(function () {
- // Set up a handler for receiving the data, and tell the .js we are ready to receive it.
- EventBridge.scriptEventReceived.connect(function (message) {
-
- message = JSON.parse(message);
-
- if (message.type !== "snapshot") {
- return;
- }
-
- var messageOptions = message.options;
-
- switch (message.action) {
- case 'showSetupInstructions':
- showSetupInstructions();
- break;
- case 'snapshotLocationChosen':
- clearImages();
- showSetupComplete();
- break;
- case 'clearPreviousImages':
- clearImages();
- break;
- case 'showPreviousImages':
- clearImages();
- imageCount = message.image_data.length;
- if (imageCount > 0) {
- message.image_data.forEach(function (element, idx) {
- addImage(element, messageOptions.isLoggedIn, message.canShare, false, true, message.image_data[idx].blastButtonDisabled, message.image_data[idx].hifiButtonDisabled, messageOptions.canBlast);
- });
- } else {
- showSnapshotInstructions();
- }
- break;
- case 'addImages':
- // The last element of the message contents list contains a bunch of options,
- // including whether or not we can share stuff
- // The other elements of the list contain image paths.
- if (messageOptions.containsGif === true) {
- if (messageOptions.processingGif === true) {
- imageCount = message.image_data.length + 1; // "+1" for the GIF that'll finish processing soon
- message.image_data.push({ localPath: messageOptions.loadingGifPath });
- message.image_data.forEach(function (element, idx) {
- addImage(element, messageOptions.isLoggedIn, idx === 0 && messageOptions.canShare, idx === 1, false, false, false, true);
- });
- document.getElementById("p1").classList.add("processingGif");
- document.getElementById("snap-button").disabled = true;
- } else {
- var gifPath = message.image_data[0].localPath,
- p1img = document.getElementById('p1img');
- p1img.src = gifPath;
-
- paths[1] = gifPath;
- shareForUrl("p1");
- appendShareBar("p1", messageOptions.isLoggedIn, messageOptions.canShare, true, false, false, messageOptions.canBlast);
- document.getElementById("p1").classList.remove("processingGif");
- document.getElementById("snap-button").disabled = false;
- }
- } else {
- imageCount = message.image_data.length;
- message.image_data.forEach(function (element) {
- addImage(element, messageOptions.isLoggedIn, messageOptions.canShare, false, false, false, false, true);
- });
- document.getElementById("snap-button").disabled = false;
- }
- break;
- case 'captureSettings':
- handleCaptureSetting(message.setting);
- break;
- case 'setPrintButtonEnabled':
- setPrintButtonEnabled();
- break;
- case 'setPrintButtonLoading':
- setPrintButtonLoading();
- break;
- case 'setPrintButtonDisabled':
- setPrintButtonDisabled();
- break;
- case 'snapshotUploadComplete':
- var isGif = fileExtensionMatches(message.image_url, "gif");
- updateShareInfo(isGif ? "p1" : "p0", message.story_id);
- if (isPrintProcessing()) {
- setPrintButtonEnabled();
- }
- break;
- default:
- console.log("Unknown message action received in SnapshotReview.js.");
- break;
- }
- });
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "ready"
- }));
- });;
-};
-function snapshotSettings() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "openSettings"
- }));
-}
-function takeSnapshot() {
- document.getElementById("snap-button").disabled = true;
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "takeSnapshot"
- }));
-}
-
-function isPrintDisabled() {
- var printElement = document.getElementById('print-icon');
-
- return printElement.classList.contains("print-icon") &&
- printElement.classList.contains("print-icon-default") &&
- document.getElementById('print-button').disabled;
-}
-function isPrintProcessing() {
- var printElement = document.getElementById('print-icon');
-
- return printElement.classList.contains("print-icon") &&
- printElement.classList.contains("print-icon-loading") &&
- document.getElementById('print-button').disabled;
-}
-function isPrintEnabled() {
- var printElement = document.getElementById('print-icon');
-
- return printElement.classList.contains("print-icon") &&
- printElement.classList.contains("print-icon-default") &&
- !document.getElementById('print-button').disabled;
-}
-
-function setPrintButtonLoading() {
- document.getElementById('print-icon').className = "print-icon print-icon-loading";
- document.getElementById('print-button').disabled = true;
-}
-function setPrintButtonDisabled() {
- document.getElementById('print-icon').className = "print-icon print-icon-default";
- document.getElementById('print-button').disabled = true;
-}
-function setPrintButtonEnabled() {
- document.getElementById('print-button').disabled = false;
- document.getElementById('print-icon').className = "print-icon print-icon-default";
-}
-
-function requestPrintButtonUpdate() {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "requestPrintButtonUpdate"
- }));
-}
-
-function printToPolaroid() {
- if (isPrintEnabled()) {
- EventBridge.emitWebEvent(JSON.stringify({
- type: "snapshot",
- action: "printToPolaroid"
- }));
- } else {
- setPrintButtonLoading();
- }
-}
-
-function testInBrowser(test) {
- if (test === 0) {
- showSetupInstructions();
- } else if (test === 1) {
- imageCount = 2;
- //addImage({ localPath: 'http://lorempixel.com/553/255' });
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.jpg', story_id: 1338 }, true, true, false, true, false, false, true);
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.gif', story_id: 1337 }, true, true, false, true, false, false, true);
- } else if (test === 2) {
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.jpg', story_id: 1338 }, true, true, false, true, false, false, true);
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.gif', story_id: 1337 }, true, true, false, true, false, false, true);
- showConfirmationMessage("p0", 'blast');
- showConfirmationMessage("p1", 'hifi');
- } else if (test === 3) {
- imageCount = 2;
- //addImage({ localPath: 'http://lorempixel.com/553/255' });
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.jpg', story_id: 1338 }, true, true, false, true, false, false, true);
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.gif', story_id: 1337 }, true, true, false, true, false, false, true);
- showUploadingMessage("p0", 'hifi');
- } else if (test === 4) {
- imageCount = 2;
- //addImage({ localPath: 'http://lorempixel.com/553/255' });
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.jpg', story_id: 1338 }, false, true, false, true, false, false, true);
- addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.gif', story_id: 1337 }, false, true, false, true, false, false, true);
-}
-}
diff --git a/scripts/simplifiedUI/system/html/js/colpick.js b/scripts/simplifiedUI/system/html/js/colpick.js
deleted file mode 100644
index e4ad65dfb6..0000000000
--- a/scripts/simplifiedUI/system/html/js/colpick.js
+++ /dev/null
@@ -1,616 +0,0 @@
-/*
-colpick Color Picker
-Copyright 2013 Jose Vargas. Licensed under GPL license. Based on Stefan Petre's Color Picker www.eyecon.ro, dual licensed
-under the MIT and GPL licenses
-
-For usage and examples: colpick.com/plugin
- */
-
-/* global console, document, Element, EventBridge, jQuery, navigator, window, _ $ */
-
-(function ($) {
- var colpick = function () {
- var
- tpl = '', - defaults = { - showEvent: 'click', - onShow: function () {}, - onBeforeShow: function(){}, - onHide: function () {}, - onChange: function () {}, - onSubmit: function () {}, - colorScheme: 'light', - color: '3289c7', - livePreview: true, - flat: false, - layout: 'full', - submit: 1, - submitText: 'OK', - height: 156 - }, - // Fill the inputs of the plugin - fillRGBFields = function (hsb, cal) { - var rgb = hsbToRgb(hsb); - $(cal).data('colpick').fields - .eq(1).val(rgb.r).end() - .eq(2).val(rgb.g).end() - .eq(3).val(rgb.b).end(); - }, - fillHSBFields = function (hsb, cal) { - $(cal).data('colpick').fields - .eq(4).val(Math.round(hsb.h)).end() - .eq(5).val(Math.round(hsb.s)).end() - .eq(6).val(Math.round(hsb.b)).end(); - }, - fillHexFields = function (hsb, cal) { - $(cal).data('colpick').fields.eq(0).val(hsbToHex(hsb)); - }, - // Set the round selector position - setSelector = function (hsb, cal) { - $(cal).data('colpick').selector.css('backgroundColor', '#' + hsbToHex({h: hsb.h, s: 100, b: 100})); - $(cal).data('colpick').selectorIndic.css({ - left: parseInt($(cal).data('colpick').height * hsb.s/100, 10), - top: parseInt($(cal).data('colpick').height * (100-hsb.b)/100, 10) - }); - }, - // Set the hue selector position - setHue = function (hsb, cal) { - $(cal).data('colpick').hue.css('top', - parseInt($(cal).data('colpick').height - $(cal).data('colpick').height * hsb.h / 360, 10)); - }, - // Set current and new colors - setCurrentColor = function (hsb, cal) { - $(cal).data('colpick').currentColor.css('backgroundColor', '#' + hsbToHex(hsb)); - }, - setNewColor = function (hsb, cal) { - $(cal).data('colpick').newColor.css('backgroundColor', '#' + hsbToHex(hsb)); - }, - // Called when the new color is changed - change = function (ev) { - var cal = $(this).parent().parent(), col; - if (this.parentNode.className.indexOf('_hex') > 0) { - cal.data('colpick').color = col = hexToHsb(fixHex(this.value)); - fillRGBFields(col, cal.get(0)); - fillHSBFields(col, cal.get(0)); - fillHexFields(col, cal.get(0)); - } else if (this.parentNode.className.indexOf('_hsb') > 0) { - cal.data('colpick').color = col = fixHSB({ - h: parseInt(cal.data('colpick').fields.eq(4).val(), 10), - s: parseInt(cal.data('colpick').fields.eq(5).val(), 10), - b: parseInt(cal.data('colpick').fields.eq(6).val(), 10) - }); - fillRGBFields(col, cal.get(0)); - fillHexFields(col, cal.get(0)); - fillHSBFields(col, cal.get(0)); - } else { - cal.data('colpick').color = col = rgbToHsb(fixRGB({ - r: parseInt(cal.data('colpick').fields.eq(1).val(), 10), - g: parseInt(cal.data('colpick').fields.eq(2).val(), 10), - b: parseInt(cal.data('colpick').fields.eq(3).val(), 10) - })); - fillHexFields(col, cal.get(0)); - fillHSBFields(col, cal.get(0)); - fillRGBFields(col, cal.get(0)); - } - setSelector(col, cal.get(0)); - setHue(col, cal.get(0)); - setNewColor(col, cal.get(0)); - cal.data('colpick').onChange.apply(cal.parent(), - [col, hsbToHex(col), hsbToRgb(col), cal.data('colpick').el, 0]); - }, - // Change style on blur and on focus of inputs - blur = function (ev) { - $(this).parent().removeClass('colpick_focus'); - }, - focus = function () { - $(this).parent().parent().data('colpick').fields.parent().removeClass('colpick_focus'); - $(this).parent().addClass('colpick_focus'); - }, - // Increment/decrement arrows functions - downIncrement = function (ev) { - ev.preventDefault ? ev.preventDefault() : ev.returnValue = false; - var field = $(this).parent().find('input').focus(); - var current = { - el: $(this).parent().addClass('colpick_slider'), - max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : - (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255), - y: ev.pageY, - field: field, - val: parseInt(field.val(), 10), - preview: $(this).parent().parent().data('colpick').livePreview - }; - $(document).mouseup(current, upIncrement); - $(document).mousemove(current, moveIncrement); - }, - moveIncrement = function (ev) { - ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val - ev.pageY + ev.data.y, 10)))); - if (ev.data.preview) { - change.apply(ev.data.field.get(0), [true]); - } - return false; - }, - upIncrement = function (ev) { - change.apply(ev.data.field.get(0), [true]); - ev.data.el.removeClass('colpick_slider').find('input').focus(); - $(document).off('mouseup', upIncrement); - $(document).off('mousemove', moveIncrement); - return false; - }, - // Hue slider functions - downHue = function (ev) { - ev.preventDefault ? ev.preventDefault() : ev.returnValue = false; - var current = { - cal: $(this).parent(), - y: $(this).offset().top - }; - $(document).on('mouseup touchend',current,upHue); - $(document).on('mousemove touchmove',current,moveHue); - - var pageY = ((ev.type === 'touchstart') ? ev.originalEvent.changedTouches[0].pageY : ev.pageY ); - change.apply( - current.cal.data('colpick') - .fields.eq(4).val(parseInt(360 * (current.cal.data('colpick').height - - (pageY - current.y)) / current.cal.data('colpick').height, 10)) - .get(0), - [current.cal.data('colpick').livePreview] - ); - return false; - }, - moveHue = function (ev) { - var pageY = ((ev.type === 'touchmove') ? ev.originalEvent.changedTouches[0].pageY : ev.pageY ); - change.apply( - ev.data.cal.data('colpick') - .fields.eq(4).val(parseInt(360 * (ev.data.cal.data('colpick').height - - Math.max(0, Math.min(ev.data.cal.data('colpick').height, (pageY - ev.data.y)))) / - ev.data.cal.data('colpick').height, 10)) - .get(0), - [ev.data.preview] - ); - return false; - }, - upHue = function (ev) { - fillRGBFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0)); - fillHexFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0)); - $(document).off('mouseup touchend',upHue); - $(document).off('mousemove touchmove',moveHue); - return false; - }, - // Color selector functions - downSelector = function (ev) { - ev.preventDefault ? ev.preventDefault() : ev.returnValue = false; - var current = { - cal: $(this).parent(), - pos: $(this).offset() - }; - current.preview = current.cal.data('colpick').livePreview; - - $(document).on('mouseup touchend',current,upSelector); - $(document).on('mousemove touchmove',current,moveSelector); - - var pageX,pageY; - if (ev.type === 'touchstart') { - pageX = ev.originalEvent.changedTouches[0].pageX, - pageY = ev.originalEvent.changedTouches[0].pageY; - } else { - pageX = ev.pageX; - pageY = ev.pageY; - } - - change.apply( - current.cal.data('colpick').fields - .eq(6).val(parseInt(100 * (current.cal.data('colpick').height - (pageY - current.pos.top)) / - current.cal.data('colpick').height, 10)).end() - .eq(5).val(parseInt(100*(pageX - current.pos.left)/current.cal.data('colpick').height, 10)) - .get(0), - [current.preview] - ); - return false; - }, - moveSelector = function (ev) { - var pageX,pageY; - if (ev.type === 'touchmove') { - pageX = ev.originalEvent.changedTouches[0].pageX, - pageY = ev.originalEvent.changedTouches[0].pageY; - } else { - pageX = ev.pageX; - pageY = ev.pageY; - } - - change.apply( - ev.data.cal.data('colpick').fields - .eq(6).val(parseInt(100 * (ev.data.cal.data('colpick').height - - Math.max(0, Math.min(ev.data.cal.data('colpick').height, (pageY - ev.data.pos.top)))) / - ev.data.cal.data('colpick').height, 10)).end() - .eq(5).val(parseInt(100 * (Math.max(0, Math.min(ev.data.cal.data('colpick').height, - (pageX - ev.data.pos.left)))) / ev.data.cal.data('colpick').height, 10)) - .get(0), - [ev.data.preview] - ); - return false; - }, - upSelector = function (ev) { - fillRGBFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0)); - fillHexFields(ev.data.cal.data('colpick').color, ev.data.cal.get(0)); - $(document).off('mouseup touchend',upSelector); - $(document).off('mousemove touchmove',moveSelector); - return false; - }, - // Submit button - clickSubmit = function (ev) { - var cal = $(this).parent(); - var col = cal.data('colpick').color; - cal.data('colpick').origColor = col; - setCurrentColor(col, cal.get(0)); - cal.data('colpick').onSubmit(col, hsbToHex(col), hsbToRgb(col), cal.data('colpick').el); - }, - // Show/hide the color picker - show = function (ev) { - if ($(this).attr('disabled')) { - return; - } - // Prevent the trigger of any direct parent - ev.stopPropagation(); - var cal = $('#' + $(this).data('colpickId')); - cal.data('colpick').onBeforeShow.apply(this, [cal.get(0)]); - var pos = $(this).offset(); - var top = pos.top + this.offsetHeight; - var left = pos.left; - var viewPort = getViewport(); - var calW = cal.width(); - if (left + calW > viewPort.l + viewPort.w) { - left -= calW; - } - cal.css({left: left + 'px', top: top + 'px'}); - if (cal.data('colpick').onShow.apply(this, [cal.get(0)]) !== false) { - cal.show(); - } - // Hide when user clicks outside - $('html').mousedown({cal:cal}, hide); - cal.mousedown(function(ev){ - ev.stopPropagation(); - }); - }, - hide = function (ev) { - if (ev.data.cal.data('colpick').onHide.apply(this, [ev.data.cal.get(0)]) !== false) { - ev.data.cal.hide(); - } - $('html').off('mousedown', hide); - }, - getViewport = function () { - var m = document.compatMode === 'CSS1Compat'; - return { - l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft), - w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth) - }; - }, - // Fix the values if the user enters a negative or high value - fixHSB = function (hsb) { - hsb.h = isNaN(hsb.h) ? 0 : hsb.h; - hsb.s = isNaN(hsb.s) ? 0 : hsb.s; - hsb.b = isNaN(hsb.b) ? 0 : hsb.b; - return { - h: Math.min(360, Math.max(0, hsb.h)), - s: Math.min(100, Math.max(0, hsb.s)), - b: Math.min(100, Math.max(0, hsb.b)) - }; - }, - fixRGB = function (rgb) { - rgb.r = isNaN(rgb.r) ? 0 : rgb.r; - rgb.g = isNaN(rgb.g) ? 0 : rgb.g; - rgb.b = isNaN(rgb.b) ? 0 : rgb.b; - return { - r: Math.min(255, Math.max(0, rgb.r)), - g: Math.min(255, Math.max(0, rgb.g)), - b: Math.min(255, Math.max(0, rgb.b)) - }; - }, - fixHex = function (hex) { - var len = 6 - hex.length; - if (len > 0) { - var o = []; - for (var i=0; i' + - '' + - '' + - '#' + - '' + - 'R' + - '' + - '' + - 'G' + - '' + - '' + - 'B' + - '' + - '' + - 'H' + - '' + - '' + - 'S' + - '' + - '' + - 'B' + - '' + - '","
"],col:[2,"
"],tr:[2,""," ","
"],td:[3,"
"],_default:[0,"",""]};ia.optgroup=ia.option,ia.tbody=ia.tfoot=ia.colgroup=ia.caption=ia.thead,ia.th=ia.td;function ja(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function ka(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function la(a){var b=ga.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function ma(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function na(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function oa(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pa(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=oa(h),f=oa(a),d=0,e=f.length;e>d;d++)pa(f[d],g[d]);if(b)if(c)for(f=f||oa(a),g=g||oa(h),d=0,e=f.length;e>d;d++)na(f[d],g[d]);else na(a,h);return g=oa(h,"script"),g.length>0&&ma(g,!i&&oa(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(ca.test(e)){f=f||k.appendChild(b.createElement("div")),g=(ba.exec(e)||["",""])[1].toLowerCase(),h=ia[g]||ia._default,f.innerHTML=h[1]+e.replace(aa,"<$1>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=oa(k.appendChild(e),"script"),i&&ma(f),c)){j=0;while(e=f[j++])fa.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(oa(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&ma(oa(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(oa(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!da.test(a)&&!ia[(ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(aa,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(oa(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(oa(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&ea.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(oa(c,"script"),ka),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,oa(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,la),j=0;g>j;j++)h=f[j],fa.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(ha,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qa,ra={};function sa(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function ta(a){var b=l,c=ra[a];return c||(c=sa(a,b),"none"!==c&&c||(qa=(qa||n("")).appendTo(b.documentElement),b=qa[0].contentDocument,b.write(),b.close(),c=sa(a,b),qa.detach()),ra[a]=c),c}var ua=/^margin/,va=new RegExp("^("+Q+")(?!px)[a-z%]+$","i"),wa=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};function xa(a,b,c){var d,e,f,g,h=a.style;return c=c||wa(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),va.test(g)&&ua.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function ya(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d=l.documentElement,e=l.createElement("div"),f=l.createElement("div");if(f.style){f.style.backgroundClip="content-box",f.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===f.style.backgroundClip,e.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",e.appendChild(f);function g(){f.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",f.innerHTML="",d.appendChild(e);var g=a.getComputedStyle(f,null);b="1%"!==g.top,c="4px"===g.width,d.removeChild(e)}a.getComputedStyle&&n.extend(k,{pixelPosition:function(){return g(),b},boxSizingReliable:function(){return null==c&&g(),c},reliableMarginRight:function(){var b,c=f.appendChild(l.createElement("div"));return c.style.cssText=f.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",f.style.width="1px",d.appendChild(e),b=!parseFloat(a.getComputedStyle(c,null).marginRight),d.removeChild(e),f.removeChild(c),b}})}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var za=/^(none|table(?!-c[ea]).+)/,Aa=new RegExp("^("+Q+")(.*)$","i"),Ba=new RegExp("^([+-])=("+Q+")","i"),Ca={position:"absolute",visibility:"hidden",display:"block"},Da={letterSpacing:"0",fontWeight:"400"},Ea=["Webkit","O","Moz","ms"];function Fa(a,b){if(b in a)return b;var c=b[0].toUpperCase()+b.slice(1),d=b,e=Ea.length;while(e--)if(b=Ea[e]+c,b in a)return b;return d}function Ga(a,b,c){var d=Aa.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Ha(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+R[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+R[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+R[f]+"Width",!0,e))):(g+=n.css(a,"padding"+R[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+R[f]+"Width",!0,e)));return g}function Ia(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=wa(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=xa(a,b,f),(0>e||null==e)&&(e=a.style[b]),va.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Ha(a,b,c||(g?"border":"content"),d,f)+"px"}function Ja(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=L.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&S(d)&&(f[g]=L.access(d,"olddisplay",ta(d.nodeName)))):(e=S(d),"none"===c&&e||L.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=xa(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Fa(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Ba.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Fa(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=xa(a,b,d)),"normal"===e&&b in Da&&(e=Da[b]),""===c||c?(f=parseFloat(e),c===!0||n.isNumeric(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?za.test(n.css(a,"display"))&&0===a.offsetWidth?n.swap(a,Ca,function(){return Ia(a,b,d)}):Ia(a,b,d):void 0},set:function(a,c,d){var e=d&&wa(a);return Ga(a,c,d?Ha(a,b,d,"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),n.cssHooks.marginRight=ya(k.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},xa,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+R[d]+b]=f[d]||f[d-2]||f[0];return e}},ua.test(a)||(n.cssHooks[a+b].set=Ga)}),n.fn.extend({css:function(a,b){return J(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=wa(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Ja(this,!0)},hide:function(){return Ja(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){S(this)?n(this).show():n(this).hide()})}});function Ka(a,b,c,d,e){return new Ka.prototype.init(a,b,c,d,e)}n.Tween=Ka,Ka.prototype={constructor:Ka,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Ka.propHooks[this.prop];return a&&a.get?a.get(this):Ka.propHooks._default.get(this)},run:function(a){var b,c=Ka.propHooks[this.prop];return this.options.duration?this.pos=b=n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ka.propHooks._default.set(this),this}},Ka.prototype.init.prototype=Ka.prototype,Ka.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Ka.propHooks.scrollTop=Ka.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=Ka.prototype.init,n.fx.step={};var La,Ma,Na=/^(?:toggle|show|hide)$/,Oa=new RegExp("^(?:([+-])=|)("+Q+")([a-z%]*)$","i"),Pa=/queueHooks$/,Qa=[Va],Ra={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=Oa.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&Oa.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function Sa(){return setTimeout(function(){La=void 0}),La=n.now()}function Ta(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=R[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ua(a,b,c){for(var d,e=(Ra[b]||[]).concat(Ra["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Va(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&S(a),q=L.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?L.get(a,"olddisplay")||ta(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Na.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?ta(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=L.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;L.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ua(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function Wa(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function Xa(a,b,c){var d,e,f=0,g=Qa.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=La||Sa(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:La||Sa(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(Wa(k,j.opts.specialEasing);g>f;f++)if(d=Qa[f].call(j,a,k,j.opts))return d;return n.map(k,Ua,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(Xa,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],Ra[c]=Ra[c]||[],Ra[c].unshift(b)},prefilter:function(a,b){b?Qa.unshift(a):Qa.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(S).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=Xa(this,n.extend({},a),f);(e||L.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=L.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Pa.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=L.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Ta(b,!0),a,d,e)}}),n.each({slideDown:Ta("show"),slideUp:Ta("hide"),slideToggle:Ta("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(La=n.now();b"," -- - -Marketplaces
---You can bring content into High Fidelity from anywhere you want. Here are a few places that support direct import of content right now. If you'd like to suggest a Market to include here, let us know.
-----
- --This is the default High Fidelity marketplace. Viewing and downloading content from here is fully supported in Interface.
-- --
-----
- --Clara.io has thousands of models available for importing into High Fidelity. Follow these steps for the best experience:
--
-
- Create an account here or log in as an existing user. -
- Choose a model from the list and click “Download to High Fidelity”. -
- --
- 0) {
- let el = elDropdowns[0];
- el.parentNode.removeChild(el);
- elDropdowns = document.getElementsByTagName("select");
- }
-
- const KEY_CODES = {
- BACKSPACE: 8,
- DELETE: 46
- };
-
- document.addEventListener("keyup", function (keyUpEvent) {
- const FILTERED_NODE_NAMES = ["INPUT", "TEXTAREA"];
- if (FILTERED_NODE_NAMES.includes(keyUpEvent.target.nodeName)) {
- return;
- }
-
- if (elUserDataEditor.contains(keyUpEvent.target) || elMaterialDataEditor.contains(keyUpEvent.target)) {
- return;
- }
-
- let {code, key, keyCode, altKey, ctrlKey, metaKey, shiftKey} = keyUpEvent;
-
- let controlKey = window.navigator.platform.startsWith("Mac") ? metaKey : ctrlKey;
-
- let keyCodeString;
- switch (keyCode) {
- case KEY_CODES.DELETE:
- keyCodeString = "Delete";
- break;
- case KEY_CODES.BACKSPACE:
- keyCodeString = "Backspace";
- break;
- default:
- keyCodeString = String.fromCharCode(keyUpEvent.keyCode);
- break;
- }
-
- EventBridge.emitWebEvent(JSON.stringify({
- type: 'keyUpEvent',
- keyUpEvent: {
- code,
- key,
- keyCode,
- keyCodeString,
- altKey,
- controlKey,
- shiftKey,
- }
- }));
- }, false);
-
- window.onblur = function() {
- // Fake a change event
- let ev = document.createEvent("HTMLEvents");
- ev.initEvent("change", true, true);
- document.activeElement.dispatchEvent(ev);
- };
-
- // For input and textarea elements, select all of the text on focus
- let els = document.querySelectorAll("input, textarea");
- for (let i = 0; i < els.length; ++i) {
- els[i].onfocus = function (e) {
- e.target.select();
- };
- }
-
- bindAllNonJSONEditorElements();
-
- showGroupsForType("None");
- resetProperties();
- disableProperties();
- });
-
- augmentSpinButtons();
- disableDragDrop();
-
- // Disable right-click context menu which is not visible in the HMD and makes it seem like the app has locked
- document.addEventListener("contextmenu", function(event) {
- event.preventDefault();
- }, false);
-
- setTimeout(function() {
- EventBridge.emitWebEvent(JSON.stringify({ type: 'propertiesPageReady' }));
- }, 1000);
-}
diff --git a/scripts/simplifiedUI/system/create/entityProperties/html/js/underscore-min.js b/scripts/simplifiedUI/system/create/entityProperties/html/js/underscore-min.js
deleted file mode 100644
index f01025b7bc..0000000000
--- a/scripts/simplifiedUI/system/create/entityProperties/html/js/underscore-min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Underscore.js 1.8.3
-// http://underscorejs.org
-// (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-// Underscore may be freely distributed under the MIT license.
-(function(){function n(n){function t(t,r,e,u,i,o){for(;i>=0&&o>i;i+=n){var a=u?u[i]:i;e=r(e,t[a],a,t)}return e}return function(r,e,u,i){e=b(e,i,4);var o=!k(r)&&m.keys(r),a=(o||r).length,c=n>0?0:a-1;return arguments.length<3&&(u=r[o?o[c]:c],c+=n),t(r,e,u,o,c,a)}}function t(n){return function(t,r,e){r=x(r,e);for(var u=O(t),i=n>0?0:u-1;i>=0&&u>i;i+=n)if(r(t[i],i,t))return i;return-1}}function r(n,t,r){return function(e,u,i){var o=0,a=O(e);if("number"==typeof i)n>0?o=i>=0?i:Math.max(i+a,o):a=i>=0?Math.min(i+1,a):i+a+1;else if(r&&i&&a)return i=r(e,u),e[i]===u?i:-1;if(u!==u)return i=t(l.call(e,o,a),m.isNaN),i>=0?i+o:-1;for(i=n>0?o:a-1;i>=0&&a>i;i+=n)if(e[i]===u)return i;return-1}}function e(n,t){var r=I.length,e=n.constructor,u=m.isFunction(e)&&e.prototype||a,i="constructor";for(m.has(n,i)&&!m.contains(t,i)&&t.push(i);r--;)i=I[r],i in n&&n[i]!==u[i]&&!m.contains(t,i)&&t.push(i)}var u=this,i=u._,o=Array.prototype,a=Object.prototype,c=Function.prototype,f=o.push,l=o.slice,s=a.toString,p=a.hasOwnProperty,h=Array.isArray,v=Object.keys,g=c.bind,y=Object.create,d=function(){},m=function(n){return n instanceof m?n:this instanceof m?void(this._wrapped=n):new m(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=m),exports._=m):u._=m,m.VERSION="1.8.3";var b=function(n,t,r){if(t===void 0)return n;switch(null==r?3:r){case 1:return function(r){return n.call(t,r)};case 2:return function(r,e){return n.call(t,r,e)};case 3:return function(r,e,u){return n.call(t,r,e,u)};case 4:return function(r,e,u,i){return n.call(t,r,e,u,i)}}return function(){return n.apply(t,arguments)}},x=function(n,t,r){return null==n?m.identity:m.isFunction(n)?b(n,t,r):m.isObject(n)?m.matcher(n):m.property(n)};m.iteratee=function(n,t){return x(n,t,1/0)};var _=function(n,t){return function(r){var e=arguments.length;if(2>e||null==r)return r;for(var u=1;e>u;u++)for(var i=arguments[u],o=n(i),a=o.length,c=0;a>c;c++){var f=o[c];t&&r[f]!==void 0||(r[f]=i[f])}return r}},j=function(n){if(!m.isObject(n))return{};if(y)return y(n);d.prototype=n;var t=new d;return d.prototype=null,t},w=function(n){return function(t){return null==t?void 0:t[n]}},A=Math.pow(2,53)-1,O=w("length"),k=function(n){var t=O(n);return"number"==typeof t&&t>=0&&A>=t};m.each=m.forEach=function(n,t,r){t=b(t,r);var e,u;if(k(n))for(e=0,u=n.length;u>e;e++)t(n[e],e,n);else{var i=m.keys(n);for(e=0,u=i.length;u>e;e++)t(n[i[e]],i[e],n)}return n},m.map=m.collect=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=Array(u),o=0;u>o;o++){var a=e?e[o]:o;i[o]=t(n[a],a,n)}return i},m.reduce=m.foldl=m.inject=n(1),m.reduceRight=m.foldr=n(-1),m.find=m.detect=function(n,t,r){var e;return e=k(n)?m.findIndex(n,t,r):m.findKey(n,t,r),e!==void 0&&e!==-1?n[e]:void 0},m.filter=m.select=function(n,t,r){var e=[];return t=x(t,r),m.each(n,function(n,r,u){t(n,r,u)&&e.push(n)}),e},m.reject=function(n,t,r){return m.filter(n,m.negate(x(t)),r)},m.every=m.all=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=0;u>i;i++){var o=e?e[i]:i;if(!t(n[o],o,n))return!1}return!0},m.some=m.any=function(n,t,r){t=x(t,r);for(var e=!k(n)&&m.keys(n),u=(e||n).length,i=0;u>i;i++){var o=e?e[i]:i;if(t(n[o],o,n))return!0}return!1},m.contains=m.includes=m.include=function(n,t,r,e){return k(n)||(n=m.values(n)),("number"!=typeof r||e)&&(r=0),m.indexOf(n,t,r)>=0},m.invoke=function(n,t){var r=l.call(arguments,2),e=m.isFunction(t);return m.map(n,function(n){var u=e?t:n[t];return null==u?u:u.apply(n,r)})},m.pluck=function(n,t){return m.map(n,m.property(t))},m.where=function(n,t){return m.filter(n,m.matcher(t))},m.findWhere=function(n,t){return m.find(n,m.matcher(t))},m.max=function(n,t,r){var e,u,i=-1/0,o=-1/0;if(null==t&&null!=n){n=k(n)?n:m.values(n);for(var a=0,c=n.length;c>a;a++)e=n[a],e>i&&(i=e)}else t=x(t,r),m.each(n,function(n,r,e){u=t(n,r,e),(u>o||u===-1/0&&i===-1/0)&&(i=n,o=u)});return i},m.min=function(n,t,r){var e,u,i=1/0,o=1/0;if(null==t&&null!=n){n=k(n)?n:m.values(n);for(var a=0,c=n.length;c>a;a++)e=n[a],i>e&&(i=e)}else t=x(t,r),m.each(n,function(n,r,e){u=t(n,r,e),(o>u||1/0===u&&1/0===i)&&(i=n,o=u)});return i},m.shuffle=function(n){for(var t,r=k(n)?n:m.values(n),e=r.length,u=Array(e),i=0;e>i;i++)t=m.random(0,i),t!==i&&(u[i]=u[t]),u[t]=r[i];return u},m.sample=function(n,t,r){return null==t||r?(k(n)||(n=m.values(n)),n[m.random(n.length-1)]):m.shuffle(n).slice(0,Math.max(0,t))},m.sortBy=function(n,t,r){return t=x(t,r),m.pluck(m.map(n,function(n,r,e){return{value:n,index:r,criteria:t(n,r,e)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var F=function(n){return function(t,r,e){var u={};return r=x(r,e),m.each(t,function(e,i){var o=r(e,i,t);n(u,e,o)}),u}};m.groupBy=F(function(n,t,r){m.has(n,r)?n[r].push(t):n[r]=[t]}),m.indexBy=F(function(n,t,r){n[r]=t}),m.countBy=F(function(n,t,r){m.has(n,r)?n[r]++:n[r]=1}),m.toArray=function(n){return n?m.isArray(n)?l.call(n):k(n)?m.map(n,m.identity):m.values(n):[]},m.size=function(n){return null==n?0:k(n)?n.length:m.keys(n).length},m.partition=function(n,t,r){t=x(t,r);var e=[],u=[];return m.each(n,function(n,r,i){(t(n,r,i)?e:u).push(n)}),[e,u]},m.first=m.head=m.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:m.initial(n,n.length-t)},m.initial=function(n,t,r){return l.call(n,0,Math.max(0,n.length-(null==t||r?1:t)))},m.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:m.rest(n,Math.max(0,n.length-t))},m.rest=m.tail=m.drop=function(n,t,r){return l.call(n,null==t||r?1:t)},m.compact=function(n){return m.filter(n,m.identity)};var S=function(n,t,r,e){for(var u=[],i=0,o=e||0,a=O(n);a>o;o++){var c=n[o];if(k(c)&&(m.isArray(c)||m.isArguments(c))){t||(c=S(c,t,r));var f=0,l=c.length;for(u.length+=l;l>f;)u[i++]=c[f++]}else r||(u[i++]=c)}return u};m.flatten=function(n,t){return S(n,t,!1)},m.without=function(n){return m.difference(n,l.call(arguments,1))},m.uniq=m.unique=function(n,t,r,e){m.isBoolean(t)||(e=r,r=t,t=!1),null!=r&&(r=x(r,e));for(var u=[],i=[],o=0,a=O(n);a>o;o++){var c=n[o],f=r?r(c,o,n):c;t?(o&&i===f||u.push(c),i=f):r?m.contains(i,f)||(i.push(f),u.push(c)):m.contains(u,c)||u.push(c)}return u},m.union=function(){return m.uniq(S(arguments,!0,!0))},m.intersection=function(n){for(var t=[],r=arguments.length,e=0,u=O(n);u>e;e++){var i=n[e];if(!m.contains(t,i)){for(var o=1;r>o&&m.contains(arguments[o],i);o++);o===r&&t.push(i)}}return t},m.difference=function(n){var t=S(arguments,!0,!0,1);return m.filter(n,function(n){return!m.contains(t,n)})},m.zip=function(){return m.unzip(arguments)},m.unzip=function(n){for(var t=n&&m.max(n,O).length||0,r=Array(t),e=0;t>e;e++)r[e]=m.pluck(n,e);return r},m.object=function(n,t){for(var r={},e=0,u=O(n);u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},m.findIndex=t(1),m.findLastIndex=t(-1),m.sortedIndex=function(n,t,r,e){r=x(r,e,1);for(var u=r(t),i=0,o=O(n);o>i;){var a=Math.floor((i+o)/2);r(n[a])