architwin 1.10.22 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/architwin.d.ts +1 -1
- package/lib/architwin.js +1 -1
- package/lib/atwinui/components/toolbar/generalSettingsMenuPane.d.ts +3 -0
- package/lib/atwinui/components/toolbar/generalSettingsMenuPane.js +43 -11
- package/lib/atwinui/components/toolbar/i18n.js +9 -6
- package/lib/atwinui/components/toolbar/menuBar.js +3 -8
- package/lib/atwinui/components/toolbar/modelControlsPane.js +21 -3
- package/lib/atwinui/events.js +139 -4
- package/lib/atwinui/index.js +1 -7
- package/lib/minimap.d.ts +6 -4
- package/lib/minimap.js +52 -31
- package/lib/types.d.ts +72 -2
- package/lib/types.js +3 -2
- package/package.json +1 -1
- package/static/map.css +45 -6
- package/static/utility.css +12 -0
- package/lib/atwinui/components/toolbar/roomCreation/roomFormPane.d.ts +0 -68
- package/lib/atwinui/components/toolbar/roomCreation/roomFormPane.js +0 -798
- package/lib/atwinui/components/toolbar/roomCreation/roomLayerListPane.d.ts +0 -33
- package/lib/atwinui/components/toolbar/roomCreation/roomLayerListPane.js +0 -447
- package/lib/convert.d.ts +0 -13
- package/lib/convert.js +0 -54
package/lib/minimap.js
CHANGED
|
@@ -17,7 +17,9 @@ import log from 'loglevel';
|
|
|
17
17
|
import { Notyf } from 'notyf';
|
|
18
18
|
import i18n from './atwinui/components/toolbar/i18n';
|
|
19
19
|
import 'notyf/notyf.min.css';
|
|
20
|
+
import { getAssetUrl } from "./utils";
|
|
20
21
|
import { isCustomMapControlsVisible } from "./atwinui/events";
|
|
22
|
+
import { getSelectedMapOption } from "./atwinui/components/toolbar/generalSettingsMenuPane";
|
|
21
23
|
let _miniMapData;
|
|
22
24
|
let _mapContainer;
|
|
23
25
|
let _mapBox;
|
|
@@ -41,6 +43,7 @@ let _customMapYOffset = 0;
|
|
|
41
43
|
let minX = 0, minY = 0, maxX = 0, maxY = 0;
|
|
42
44
|
let _customMapContainer;
|
|
43
45
|
let _customMapFloorData = [];
|
|
46
|
+
let _minimapPosition = "bottomRight";
|
|
44
47
|
let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
|
|
45
48
|
{
|
|
46
49
|
type: 'info',
|
|
@@ -488,17 +491,16 @@ function setImg(minimap, floorSequence, isStandAlone = false) {
|
|
|
488
491
|
_mapContainer.appendChild(isCurrentFloorOnlyEnabled ? _mapImgEl : map);
|
|
489
492
|
});
|
|
490
493
|
}
|
|
491
|
-
function showDirection(
|
|
494
|
+
function showDirection() {
|
|
492
495
|
// log.info('showDirection')
|
|
493
496
|
let btnX = 0;
|
|
494
497
|
let btnY = 0;
|
|
495
498
|
const thisSweep = getCurrentSweep();
|
|
496
499
|
const thisCameraPose = getCurrentCameraPose();
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
return;
|
|
500
|
+
const selectedMapOption = getSelectedMapOption();
|
|
501
|
+
if (!thisSweep && !thisCameraPose)
|
|
502
|
+
return;
|
|
503
|
+
if (selectedMapOption === MAP_OPTIONS.DEFAULT_MAP) {
|
|
502
504
|
if (!thisCameraPose.rotation || !thisCameraPose.rotation.y)
|
|
503
505
|
return;
|
|
504
506
|
const angle = thisCameraPose.rotation.y;
|
|
@@ -523,15 +525,14 @@ function showDirection(mapType = MAP_OPTIONS.CUSTOM_MAP) {
|
|
|
523
525
|
}
|
|
524
526
|
}
|
|
525
527
|
else {
|
|
526
|
-
if (!thisSweep && !thisCameraPose)
|
|
527
|
-
return;
|
|
528
528
|
const angle = thisCameraPose.rotation.y;
|
|
529
|
-
const sweepBtn = document.getElementById('
|
|
529
|
+
const sweepBtn = document.getElementById('sp' + thisSweep.id);
|
|
530
530
|
const canvas = document.getElementById("at-custom-map-canvas");
|
|
531
531
|
if (!sweepBtn || !canvas)
|
|
532
532
|
return;
|
|
533
533
|
const ctx = canvas.getContext("2d");
|
|
534
534
|
if (ctx && sweepBtn) {
|
|
535
|
+
log.info("[Minimap custom] HAS CANVAS AND SWEEP BTNS..");
|
|
535
536
|
ctx.globalAlpha = 0.7;
|
|
536
537
|
btnX = (sweepBtn.getBoundingClientRect().x - canvas.getBoundingClientRect().x) + (sweepBtn.offsetWidth / 2);
|
|
537
538
|
btnY = (sweepBtn.getBoundingClientRect().y - canvas.getBoundingClientRect().y) + (sweepBtn.offsetHeight / 2);
|
|
@@ -951,7 +952,8 @@ function mapPositionHandler(mapPositions) {
|
|
|
951
952
|
mapTopRight.addEventListener('click', () => {
|
|
952
953
|
console.log("__@ Map Position: Top Right!");
|
|
953
954
|
mapPositions.forEach(position => _mapBox.classList.remove(position));
|
|
954
|
-
|
|
955
|
+
_minimapPosition = 'topRight';
|
|
956
|
+
setMinimapPosition(_mapBox, 'topRight');
|
|
955
957
|
if (options.classList.contains('open')) {
|
|
956
958
|
options.classList.remove('open');
|
|
957
959
|
}
|
|
@@ -959,7 +961,8 @@ function mapPositionHandler(mapPositions) {
|
|
|
959
961
|
mapTopLeft.addEventListener('click', () => {
|
|
960
962
|
console.log("__@ Map Position: Top Left!");
|
|
961
963
|
mapPositions.forEach(position => _mapBox.classList.remove(position));
|
|
962
|
-
|
|
964
|
+
_minimapPosition = 'topLeft';
|
|
965
|
+
setMinimapPosition(_mapBox, 'topLeft');
|
|
963
966
|
if (options.classList.contains('open')) {
|
|
964
967
|
options.classList.remove('open');
|
|
965
968
|
}
|
|
@@ -967,7 +970,8 @@ function mapPositionHandler(mapPositions) {
|
|
|
967
970
|
mapBottomLeft.addEventListener('click', () => {
|
|
968
971
|
console.log("__@ Map Position: Bottom Left!");
|
|
969
972
|
mapPositions.forEach(position => _mapBox.classList.remove(position));
|
|
970
|
-
|
|
973
|
+
_minimapPosition = 'bottomLeft';
|
|
974
|
+
setMinimapPosition(_mapBox, 'bottomLeft');
|
|
971
975
|
if (options.classList.contains('open')) {
|
|
972
976
|
options.classList.remove('open');
|
|
973
977
|
}
|
|
@@ -975,7 +979,8 @@ function mapPositionHandler(mapPositions) {
|
|
|
975
979
|
mapBottomRight.addEventListener('click', () => {
|
|
976
980
|
console.log("__@ Map Position: Bottom Right!");
|
|
977
981
|
mapPositions.forEach(position => _mapBox.classList.remove(position));
|
|
978
|
-
|
|
982
|
+
_minimapPosition = 'bottomRight';
|
|
983
|
+
setMinimapPosition(_mapBox, 'bottomRight');
|
|
979
984
|
if (options.classList.contains('open')) {
|
|
980
985
|
options.classList.remove('open');
|
|
981
986
|
}
|
|
@@ -985,24 +990,24 @@ function mapPositionHandler(mapPositions) {
|
|
|
985
990
|
* Sets Minimap Position anywhere inside Space as selected by User
|
|
986
991
|
* @param position Accepts a string (bottomLeft/bottomRight/topRight/topLeft)
|
|
987
992
|
* */
|
|
988
|
-
function setMinimapPosition(position) {
|
|
993
|
+
function setMinimapPosition(mapContainer, position) {
|
|
989
994
|
return __awaiter(this, void 0, void 0, function* () {
|
|
990
995
|
log.info('Selected Minimap Position: ', position);
|
|
991
996
|
if (position) {
|
|
992
997
|
log.info("Setting map position to ", position);
|
|
993
|
-
|
|
998
|
+
mapContainer.classList.add(position);
|
|
994
999
|
log.info("This is log from minimap.ts, first if");
|
|
995
1000
|
}
|
|
996
1001
|
else {
|
|
997
1002
|
if (_mpConfig.mapConfig.position) {
|
|
998
1003
|
//Set map to top right if no custom position is set
|
|
999
1004
|
log.warn("Empty or invalid map position passed, defaulting to mapConfig");
|
|
1000
|
-
|
|
1005
|
+
mapContainer.classList.add(_mpConfig.mapConfig.position);
|
|
1001
1006
|
log.info("This is log from minimap.ts, inside else");
|
|
1002
1007
|
}
|
|
1003
1008
|
else {
|
|
1004
1009
|
log.warn("Empty or invalid map position passed, defaulting to mapConfig");
|
|
1005
|
-
|
|
1010
|
+
mapContainer.classList.add('bottomRight');
|
|
1006
1011
|
log.info("This is log from minimap.ts, inside else");
|
|
1007
1012
|
}
|
|
1008
1013
|
}
|
|
@@ -1040,8 +1045,9 @@ function handleMapResize() {
|
|
|
1040
1045
|
*/
|
|
1041
1046
|
function setupCustomMinimapPane() {
|
|
1042
1047
|
log.info('setupCustomMinimap');
|
|
1048
|
+
log.info("_minimapPosition: ", _minimapPosition);
|
|
1043
1049
|
return `
|
|
1044
|
-
<div id="at-custom-minimap-pane" class="at_overlay_left_minimap">
|
|
1050
|
+
<div id="at-custom-minimap-pane" class="at_overlay_left_minimap ${_minimapPosition}" style="display:none">
|
|
1045
1051
|
<div id="at-custom-map-close-btn" class="at_close_minimap">
|
|
1046
1052
|
<span class="mdi mdi-window-close" id="at-close-minimap-btn" data-cy="at-close-minimap-btn"></span>
|
|
1047
1053
|
</div>
|
|
@@ -1052,7 +1058,7 @@ function setupCustomMinimapPane() {
|
|
|
1052
1058
|
<div id="at-spinner" class="at_spinner"></div>
|
|
1053
1059
|
<canvas id="at-custom-map-canvas" class="at_custom_map_canvas" width="379" height="379"></canvas>
|
|
1054
1060
|
<div id="at-custom-map" class="at_custom_map">
|
|
1055
|
-
<img id="at-custom-map-img" src="
|
|
1061
|
+
<img id="at-custom-map-img" src="${getAssetUrl('images/377.png')}" alt="Minimap">
|
|
1056
1062
|
</div>
|
|
1057
1063
|
|
|
1058
1064
|
${setupCustomMinimapSettingUI()}
|
|
@@ -1066,14 +1072,25 @@ function setupCustomMinimapPane() {
|
|
|
1066
1072
|
*/
|
|
1067
1073
|
function setupCustomMinimapSettingUI() {
|
|
1068
1074
|
return `
|
|
1069
|
-
<div id="at-custom-minimap-settings" class="at_custom_minimap_settings ${isCustomMapControlsVisible ? 'show' : ''}">
|
|
1075
|
+
<!--- <div id="at-custom-minimap-settings" class="at_custom_minimap_settings ${isCustomMapControlsVisible ? 'show' : ''}"> -->
|
|
1076
|
+
<div id="at-custom-minimap-settings" class="at_custom_minimap_settings">
|
|
1077
|
+
<!-- Upload Image Button -->
|
|
1078
|
+
<div class="at_custom_button_row" style="display: flex; justify-content: center;">
|
|
1079
|
+
<div id="at-custom-upload-image-btn" class="at_custom_button_settings">
|
|
1080
|
+
<span class="mdi mdi-upload"></span>
|
|
1081
|
+
<span>${i18n.t('UploadImage')}</span>
|
|
1082
|
+
</div>
|
|
1083
|
+
<div v-show="false" id="at-custom-upload-image-btn" class="at_custom_button_settings" style="display:none">
|
|
1084
|
+
<input type="file" id="at-custom-image-input" accept="image/*" />
|
|
1085
|
+
</div>
|
|
1086
|
+
</div>
|
|
1070
1087
|
<!-- Buttons Row -->
|
|
1071
1088
|
<div class="at_custom_button_row">
|
|
1072
|
-
<div id="at-custom-screenshot-btn" class="at_custom_button_settings">
|
|
1089
|
+
<div id="at-custom-screenshot-btn" class="at_custom_button_settings" style="width: 100%;">
|
|
1073
1090
|
<span class="mdi mdi-camera-outline"></span>
|
|
1074
1091
|
<span>${i18n.t('Screenshot')}</span>
|
|
1075
1092
|
</div>
|
|
1076
|
-
<div id="at-custom-rotate-btn" class="at_custom_button_settings">
|
|
1093
|
+
<div id="at-custom-rotate-btn" class="at_custom_button_settings" style="width: 100%;">
|
|
1077
1094
|
<span class="mdi mdi-rotate-right"></span>
|
|
1078
1095
|
<span>${i18n.t('RotateMinimap')}</span>
|
|
1079
1096
|
</div>
|
|
@@ -1083,25 +1100,25 @@ function setupCustomMinimapSettingUI() {
|
|
|
1083
1100
|
<div class="at_custom_slider_group">
|
|
1084
1101
|
<div class="at_custom_slider_row">
|
|
1085
1102
|
<div class="at_svg_icon_container">
|
|
1086
|
-
<img src="
|
|
1103
|
+
<img src="${getAssetUrl('icons/mapscalewidthicon.svg')}" alt="map_scale_width">
|
|
1087
1104
|
</div>
|
|
1088
1105
|
<input id="at-slider-scale" type="range" id="slider-scale" min="0" max="100" step="1" />
|
|
1089
1106
|
</div>
|
|
1090
1107
|
<div class="at_custom_slider_row">
|
|
1091
1108
|
<div class="at_svg_icon_container">
|
|
1092
|
-
<img src="
|
|
1109
|
+
<img src="${getAssetUrl('icons/mapscaleheighticon.svg')}" alt="map_scale_height">
|
|
1093
1110
|
</div>
|
|
1094
1111
|
<input id="at-slider-translate" type="range" id="slider-translate" min="0.1" max="20" step="0.1" />
|
|
1095
1112
|
</div>
|
|
1096
1113
|
<div class="at_custom_slider_row">
|
|
1097
1114
|
<div class="at_svg_icon_container">
|
|
1098
|
-
<img src="
|
|
1115
|
+
<img src="${getAssetUrl('icons/mapleftrighticon.svg')}" alt="map_left_right">
|
|
1099
1116
|
</div>
|
|
1100
1117
|
<input id="at-slider-xOffset" type="range" id="slider-xoffset" min="-50" max="100" step="1" />
|
|
1101
1118
|
</div>
|
|
1102
1119
|
<div class="at_custom_slider_row">
|
|
1103
1120
|
<div class="at_svg_icon_container">
|
|
1104
|
-
<img src="
|
|
1121
|
+
<img src="${getAssetUrl('icons/mapupdownicon.svg')}" alt="map_up_down">
|
|
1105
1122
|
</div>
|
|
1106
1123
|
<input id="at-slider-yOffset" type="range" id="slider-yoffset" min="-15" max="100" step="1" />
|
|
1107
1124
|
</div>
|
|
@@ -1118,7 +1135,7 @@ function setCustomMap(mpSdk) {
|
|
|
1118
1135
|
const showcase = document.getElementById('showcase-container');
|
|
1119
1136
|
const mapContainer = document.createElement('div');
|
|
1120
1137
|
mapContainer.innerHTML = minimapElement;
|
|
1121
|
-
showcase.
|
|
1138
|
+
showcase.append(mapContainer);
|
|
1122
1139
|
console.log("Successfully rendered.");
|
|
1123
1140
|
subscribeToFloorChanges(mpSdk);
|
|
1124
1141
|
}
|
|
@@ -1219,9 +1236,9 @@ function displaySweepToCustomMap(sweepItem, mpSdk) {
|
|
|
1219
1236
|
const scaleY = (_customMapScale * 21 / 9) / _customMapTranslate;
|
|
1220
1237
|
const scaledX = scaleToContainer(posX, minX, maxX, scaleX, 0);
|
|
1221
1238
|
const scaledY = scaleToContainer(posY, minY, maxY, scaleY, 0);
|
|
1222
|
-
thisSweep.setAttribute('id', '
|
|
1239
|
+
thisSweep.setAttribute('id', 'sp' + sweepItem.id);
|
|
1223
1240
|
thisSweep.setAttribute('value', sweepItem.id);
|
|
1224
|
-
thisSweep.setAttribute('data-cy', '
|
|
1241
|
+
thisSweep.setAttribute('data-cy', 'sp' + sweepItem.id);
|
|
1225
1242
|
thisSweep.style.left = (scaledX + parseInt(_customMapXOffset.toString())) + '%';
|
|
1226
1243
|
thisSweep.style.top = (scaledY + parseInt(_customMapYOffset.toString())) + '%';
|
|
1227
1244
|
thisSweep.style.position = 'absolute';
|
|
@@ -1336,6 +1353,10 @@ function setCustomMapYOffset(yOffset) {
|
|
|
1336
1353
|
function getCustomMapYOffset() {
|
|
1337
1354
|
return _customMapYOffset;
|
|
1338
1355
|
}
|
|
1356
|
+
// GET: CURRENT MINIMAP POSITION
|
|
1357
|
+
function getMinimapPosition() {
|
|
1358
|
+
return _minimapPosition;
|
|
1359
|
+
}
|
|
1339
1360
|
/**
|
|
1340
1361
|
* Sets an individual or entire floor data array of custom minimap
|
|
1341
1362
|
* @param payload
|
|
@@ -1458,6 +1479,6 @@ function resetCustomMapSettingValues() {
|
|
|
1458
1479
|
}
|
|
1459
1480
|
export {
|
|
1460
1481
|
// _miniMapData as minimapData,
|
|
1461
|
-
isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace, createDropdown, setMinimapPosition,
|
|
1482
|
+
isMinimapNavigation, mapPositions, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace, createDropdown, setMinimapPosition,
|
|
1462
1483
|
// custom minimap
|
|
1463
|
-
setCustomMap, setupCustomMinimapPane, setCustomMinimapRotation, getCustomMinimapRotation, generateCustomMinimap, setCustomMapScale, setCustomMapTranslate, setCustomMapXOffset, setCustomMapYOffset, getCustomMapScale, getCustomMapTranslate, getCustomMapXOffset, getCustomMapYOffset, setMinAndMax, setCustomMapFloorData, getCustomMapFloorData, resetCustomMapSettingValues };
|
|
1484
|
+
setCustomMap, setupCustomMinimapPane, setCustomMinimapRotation, getCustomMinimapRotation, generateCustomMinimap, setCustomMapScale, setCustomMapTranslate, setCustomMapXOffset, setCustomMapYOffset, getCustomMapScale, getCustomMapTranslate, getCustomMapXOffset, getCustomMapYOffset, setMinAndMax, setCustomMapFloorData, getCustomMapFloorData, resetCustomMapSettingValues, getMinimapPosition, };
|
package/lib/types.d.ts
CHANGED
|
@@ -196,6 +196,7 @@ export interface I3DObject {
|
|
|
196
196
|
thumbnail_type?: string;
|
|
197
197
|
created_on?: string;
|
|
198
198
|
object_file?: string;
|
|
199
|
+
object_uuid?: string;
|
|
199
200
|
object_filename?: string;
|
|
200
201
|
json_data?: any;
|
|
201
202
|
}
|
|
@@ -712,6 +713,7 @@ export declare enum SPACE_EVENTS {
|
|
|
712
713
|
PARTITION_RENDERED = "PARTITION_RENDERED",
|
|
713
714
|
DRAW_HISTORY = "DRAW_HISTORY",
|
|
714
715
|
BASEPOINT_UPDATED = "BASEPOINT_UPDATED",
|
|
716
|
+
MINIMAP_CHANGED = "MINIMAP_CHANGED",
|
|
715
717
|
FLOOR_IMAGE_SELECTED = "FLOOR_IMAGE_SELECTED",
|
|
716
718
|
FLOOR_IMAGE_UPLOADED = "FLOOR_IMAGE_UPLOADED",
|
|
717
719
|
FLOOR_IMAGE_UPLOAD_FAILED = "FLOOR_IMAGE_UPLOAD_FAILED",
|
|
@@ -1193,6 +1195,74 @@ export interface SpaceMetadata {
|
|
|
1193
1195
|
};
|
|
1194
1196
|
};
|
|
1195
1197
|
}
|
|
1198
|
+
export interface CustomMapFloorData {
|
|
1199
|
+
floor_sequence: number;
|
|
1200
|
+
name?: string;
|
|
1201
|
+
floor_image: string;
|
|
1202
|
+
scale: number;
|
|
1203
|
+
translate: number;
|
|
1204
|
+
rotate: number;
|
|
1205
|
+
offset_x: number;
|
|
1206
|
+
offset_y: number;
|
|
1207
|
+
}
|
|
1208
|
+
export interface SpaceMetadata {
|
|
1209
|
+
coordSystemCalibration?: {
|
|
1210
|
+
bim: {
|
|
1211
|
+
coord_system: string;
|
|
1212
|
+
scale_factor: string;
|
|
1213
|
+
measurement_unit: string;
|
|
1214
|
+
rotation_unit: string;
|
|
1215
|
+
true_origin: {
|
|
1216
|
+
x: number;
|
|
1217
|
+
y: number;
|
|
1218
|
+
z: number;
|
|
1219
|
+
};
|
|
1220
|
+
project_base: {
|
|
1221
|
+
x: number;
|
|
1222
|
+
y: number;
|
|
1223
|
+
z: number;
|
|
1224
|
+
};
|
|
1225
|
+
mp_project_base: {
|
|
1226
|
+
id: number;
|
|
1227
|
+
player_id: string;
|
|
1228
|
+
showcase_id: null | number;
|
|
1229
|
+
media_viewer_id: number;
|
|
1230
|
+
object_position: {
|
|
1231
|
+
x: number;
|
|
1232
|
+
y: number;
|
|
1233
|
+
z: number;
|
|
1234
|
+
};
|
|
1235
|
+
object_rotation: {
|
|
1236
|
+
x: number;
|
|
1237
|
+
y: number;
|
|
1238
|
+
z: number;
|
|
1239
|
+
};
|
|
1240
|
+
object_scale: {
|
|
1241
|
+
x: number;
|
|
1242
|
+
y: number;
|
|
1243
|
+
z: number;
|
|
1244
|
+
};
|
|
1245
|
+
offset_position: number;
|
|
1246
|
+
offset_rotation: number;
|
|
1247
|
+
position_unit: string;
|
|
1248
|
+
object_data: {
|
|
1249
|
+
amazon_uri: string;
|
|
1250
|
+
object_type: string;
|
|
1251
|
+
uuid: string;
|
|
1252
|
+
id: null | number;
|
|
1253
|
+
};
|
|
1254
|
+
coordinate_system: string;
|
|
1255
|
+
json_data: string;
|
|
1256
|
+
};
|
|
1257
|
+
};
|
|
1258
|
+
};
|
|
1259
|
+
general_settings?: {
|
|
1260
|
+
minimap?: {
|
|
1261
|
+
type?: string;
|
|
1262
|
+
custom_floor_data?: CustomMapFloorData[] | null;
|
|
1263
|
+
};
|
|
1264
|
+
};
|
|
1265
|
+
}
|
|
1196
1266
|
export declare enum COORDINATE_SYSTEM {
|
|
1197
1267
|
MATTERPORT = "YUP",
|
|
1198
1268
|
BIM = "ZUP"
|
|
@@ -1214,6 +1284,6 @@ export declare enum DEGREE {
|
|
|
1214
1284
|
DEG_270 = 270
|
|
1215
1285
|
}
|
|
1216
1286
|
export declare enum MAP_OPTIONS {
|
|
1217
|
-
DEFAULT_MAP = "
|
|
1218
|
-
CUSTOM_MAP = "
|
|
1287
|
+
DEFAULT_MAP = "Default Minimap",
|
|
1288
|
+
CUSTOM_MAP = "Custom Minimap"
|
|
1219
1289
|
}
|
package/lib/types.js
CHANGED
|
@@ -96,6 +96,7 @@ export var SPACE_EVENTS;
|
|
|
96
96
|
SPACE_EVENTS["PARTITION_RENDERED"] = "PARTITION_RENDERED";
|
|
97
97
|
SPACE_EVENTS["DRAW_HISTORY"] = "DRAW_HISTORY";
|
|
98
98
|
SPACE_EVENTS["BASEPOINT_UPDATED"] = "BASEPOINT_UPDATED";
|
|
99
|
+
SPACE_EVENTS["MINIMAP_CHANGED"] = "MINIMAP_CHANGED";
|
|
99
100
|
SPACE_EVENTS["FLOOR_IMAGE_SELECTED"] = "FLOOR_IMAGE_SELECTED";
|
|
100
101
|
SPACE_EVENTS["FLOOR_IMAGE_UPLOADED"] = "FLOOR_IMAGE_UPLOADED";
|
|
101
102
|
SPACE_EVENTS["FLOOR_IMAGE_UPLOAD_FAILED"] = "FLOOR_IMAGE_UPLOAD_FAILED";
|
|
@@ -146,6 +147,6 @@ export var DEGREE;
|
|
|
146
147
|
})(DEGREE || (DEGREE = {}));
|
|
147
148
|
export var MAP_OPTIONS;
|
|
148
149
|
(function (MAP_OPTIONS) {
|
|
149
|
-
MAP_OPTIONS["DEFAULT_MAP"] = "
|
|
150
|
-
MAP_OPTIONS["CUSTOM_MAP"] = "
|
|
150
|
+
MAP_OPTIONS["DEFAULT_MAP"] = "Default Minimap";
|
|
151
|
+
MAP_OPTIONS["CUSTOM_MAP"] = "Custom Minimap";
|
|
151
152
|
})(MAP_OPTIONS || (MAP_OPTIONS = {}));
|
package/package.json
CHANGED
package/static/map.css
CHANGED
|
@@ -152,15 +152,47 @@ display: inline-block;
|
|
|
152
152
|
/*CUSTOM MINIMAP CSS*/
|
|
153
153
|
.at_overlay_left_minimap{
|
|
154
154
|
position: absolute;
|
|
155
|
-
left: 0px;
|
|
156
|
-
top: 100px;
|
|
157
155
|
width: 379px;
|
|
158
156
|
height: 379px;
|
|
159
157
|
max-width: 856px;
|
|
160
158
|
max-height: 379px;
|
|
161
|
-
z-index:
|
|
159
|
+
z-index: 99;
|
|
162
160
|
display: block;
|
|
163
161
|
background: rgb(31, 32, 35);
|
|
162
|
+
line-height: 0;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.at_overlay_left_minimap.topLeft {
|
|
166
|
+
top: calc(var(--position-top) + 0.5rem);
|
|
167
|
+
left: 0;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.at_overlay_left_minimap.topRight {
|
|
171
|
+
top: calc(var(--position-top) + 0.5rem);
|
|
172
|
+
right: 0;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.at_overlay_left_minimap.bottomLeft {
|
|
176
|
+
bottom: 10px;
|
|
177
|
+
left: 0;
|
|
178
|
+
transition: bottom .4s ease-out;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.at_overlay_left_minimap.bottomRight {
|
|
182
|
+
bottom: 10px;
|
|
183
|
+
right: 0;
|
|
184
|
+
transition: bottom .4s ease-out;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
/* Adjust position when settings are visible */
|
|
188
|
+
.at_overlay_left_minimap.bottomRight.show-settings {
|
|
189
|
+
bottom: calc(var(--position-bottom) + 20.5rem);
|
|
190
|
+
transition: bottom .4s ease-in;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.at_overlay_left_minimap.bottomLeft.show-settings {
|
|
194
|
+
bottom: calc(var(--position-bottom) + 20.5rem);
|
|
195
|
+
transition: bottom .4s ease-in;
|
|
164
196
|
}
|
|
165
197
|
|
|
166
198
|
.at_custom_map_canvas {
|
|
@@ -188,7 +220,7 @@ display: inline-block;
|
|
|
188
220
|
z-index: -1;
|
|
189
221
|
top: 0;
|
|
190
222
|
width: 100%;
|
|
191
|
-
transition: all .4s ease-
|
|
223
|
+
transition: all .4s ease-out;
|
|
192
224
|
height: auto;
|
|
193
225
|
background: rgb(51, 51, 51);
|
|
194
226
|
border: 1px solid rgb(51, 51, 51);
|
|
@@ -200,11 +232,15 @@ display: inline-block;
|
|
|
200
232
|
|
|
201
233
|
.at_custom_minimap_settings.show{
|
|
202
234
|
top: 379px;
|
|
203
|
-
transition: all .4s ease-in
|
|
235
|
+
transition: all .4s ease-in;
|
|
204
236
|
visibility: visible;
|
|
205
237
|
|
|
206
238
|
}
|
|
207
239
|
|
|
240
|
+
.at_custom_minimap_settings.no-transition {
|
|
241
|
+
transition: none;
|
|
242
|
+
}
|
|
243
|
+
|
|
208
244
|
|
|
209
245
|
.at_overlay_left_minimap .at_close_minimap,
|
|
210
246
|
.at_overlay_left_minimap .at_setting_icon {
|
|
@@ -232,6 +268,7 @@ display: inline-block;
|
|
|
232
268
|
display: flex;
|
|
233
269
|
justify-content: space-between;
|
|
234
270
|
margin-bottom: 10px;
|
|
271
|
+
gap: 8px;
|
|
235
272
|
}
|
|
236
273
|
|
|
237
274
|
.at_custom_minimap_settings .at_custom_setting_button {
|
|
@@ -359,4 +396,6 @@ display: inline-block;
|
|
|
359
396
|
|
|
360
397
|
.at_custom_sweep:hover {
|
|
361
398
|
background-color: rgba(255, 255, 0, 0.79);
|
|
362
|
-
}
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
|
package/static/utility.css
CHANGED
|
@@ -288,6 +288,18 @@ width: 100vw;
|
|
|
288
288
|
margin-left: 1rem !important;
|
|
289
289
|
}
|
|
290
290
|
|
|
291
|
+
.at_mb_0 {
|
|
292
|
+
margin-bottom: 0 !important;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.at_mb_1 {
|
|
296
|
+
margin-bottom: 0.25rem !important;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.at_mb_2 {
|
|
300
|
+
margin-bottom: 0.5rem !important;
|
|
301
|
+
}
|
|
302
|
+
|
|
291
303
|
.at_gap_1 {
|
|
292
304
|
gap: 0.25rem;
|
|
293
305
|
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { FORM_MODE, RoomNode, PolygonData } from "../../../../types";
|
|
2
|
-
export declare function renderRoomFormPane(): HTMLDivElement;
|
|
3
|
-
/**
|
|
4
|
-
* Toggles the state of the partition drawing functionality.
|
|
5
|
-
* If drawing is not active, it starts the drawing process.
|
|
6
|
-
* Otherwise, it cancels the current drawing, updates partition data,
|
|
7
|
-
* and displays the relevant UI elements for partitions.
|
|
8
|
-
*/
|
|
9
|
-
export declare function toggleDrawPartitionButton(): void;
|
|
10
|
-
/**
|
|
11
|
-
* Displays the partition form based on the current form mode.
|
|
12
|
-
* Handles different UI behaviors for edit and add modes.
|
|
13
|
-
*/
|
|
14
|
-
export declare function displayPartitionFormMode(): void;
|
|
15
|
-
/**
|
|
16
|
-
* Clears the partition form by resetting UI elements and internal data.
|
|
17
|
-
* - Navigates back to the partition list view.
|
|
18
|
-
* - Cancels any ongoing drawing actions.
|
|
19
|
-
* - Hides relevant UI elements like wall height, delete button, and partition container.
|
|
20
|
-
* - Resets the form and clears data related to the current partition, room, and polygon.
|
|
21
|
-
*/
|
|
22
|
-
export declare function clearPartitionForm(): void;
|
|
23
|
-
/**
|
|
24
|
-
* Retrieves the form data for creating or editing a room partition.
|
|
25
|
-
* - Collects values from form inputs (name, floor level, memo).
|
|
26
|
-
* - Constructs a payload object containing the room data, including the space UUID and polygon data.
|
|
27
|
-
* - Updates the polygon data for each partition in the currentPartitionDataArray to reflect the new floor level.
|
|
28
|
-
* - If there is existing room data (currentEditRoomData), it returns that data with updated values.
|
|
29
|
-
*
|
|
30
|
-
* @returns {RoomNode} The room data object with partition and floor details.
|
|
31
|
-
*/
|
|
32
|
-
export declare function getPartitionFormData(): RoomNode;
|
|
33
|
-
/**
|
|
34
|
-
* Sets the saving mode for the partition form.
|
|
35
|
-
* - If saving is enabled, `isSaving` is set to true, indicating that the form is in saving mode.
|
|
36
|
-
* - If saving is disabled, `isSaving` is set to false.
|
|
37
|
-
*
|
|
38
|
-
* @param {boolean} savingEnabled - True to enable saving mode, false to disable.
|
|
39
|
-
*/
|
|
40
|
-
export declare function setPartitionSavingMode(savingEnabled: boolean): void;
|
|
41
|
-
/**
|
|
42
|
-
* Gets the current saving mode for the partition form.
|
|
43
|
-
*
|
|
44
|
-
* @returns {boolean} - Returns true if saving mode is enabled, false otherwise.
|
|
45
|
-
*/
|
|
46
|
-
export declare function getPartitionSavingMode(): boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Sets the form mode for the partition form.
|
|
49
|
-
* - The form mode can be one of the predefined FORM_MODE values (e.g., CREATE, EDIT, etc.).
|
|
50
|
-
*
|
|
51
|
-
* @param {FORM_MODE} formType - The type of form mode to set.
|
|
52
|
-
*/
|
|
53
|
-
export declare function setPartitionFormMode(formType: FORM_MODE): void;
|
|
54
|
-
/**
|
|
55
|
-
* Gets the current form mode for the partition form.
|
|
56
|
-
*
|
|
57
|
-
* @returns {FORM_MODE} - The current form mode.
|
|
58
|
-
*/
|
|
59
|
-
export declare function getPartitionFormMode(): FORM_MODE;
|
|
60
|
-
/**
|
|
61
|
-
* Sets the polygon data for the current partition, including rounding numeric values
|
|
62
|
-
* to two decimal places and assigning UUIDs to the floor and walls.
|
|
63
|
-
*
|
|
64
|
-
* @param {PolygonData} payload - The polygon data to set, including floor and walls.
|
|
65
|
-
*/
|
|
66
|
-
export declare function setPolygonData(payload: PolygonData): void;
|
|
67
|
-
export declare function getNewlyAddedPartition(): Array<RoomNode>;
|
|
68
|
-
export declare function getDeletedSavedPartitionArray(): Array<RoomNode>;
|