react-planner-viewer
Version:
react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode
51 lines (44 loc) • 5.08 kB
JavaScript
import React from 'react';
var WIDTH = 20;
var DEPTH = 5;
var HEIGHT = 20;
var RADIUS = 10;
export default {
name: "wifi_tracker",
prototype: "items",
info: {
tag: ['telecomunication'],
group: "Items",
title: "wifi tracker",
description: "wifi Tracker",
image: require('./routerWifi.png')
},
properties: {
serialNumber: {
label: "serial Number",
type: "string",
defaultValue: "0"
}
},
render2D: function render2D(element, layer, scene) {
var angle = element.rotation + 90;
var textRotation = 0;
if (Math.sin(angle * Math.PI / 180) < 0) {
textRotation = 180;
}
return React.createElement(
"g",
{ transform: "translate(" + -WIDTH / 2 + "," + -DEPTH / 2 + ")" },
React.createElement("rect", { key: "1", x: "0", y: "0", width: WIDTH, height: DEPTH,
style: { stroke: element.selected ? '#0096fd' : '#000', strokeWidth: "2px", fill: "#bb00ff" } }),
React.createElement(
"text",
{ key: "2", x: "0", y: "0",
transform: "translate(" + WIDTH / 2 + ", " + DEPTH / 2 + ") scale(1,-1) rotate(" + textRotation + ")",
style: { textAnchor: "middle", fontSize: "11px" } },
element.type
)
);
}
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jYXRhbG9nL215Q2F0YWxvZy9pdGVtcy9yb3V0ZXItd2lmaS9wbGFubmVyLWVsZW1lbnQuanN4Il0sIm5hbWVzIjpbIlJlYWN0IiwiV0lEVEgiLCJERVBUSCIsIkhFSUdIVCIsIlJBRElVUyIsIm5hbWUiLCJwcm90b3R5cGUiLCJpbmZvIiwidGFnIiwiZ3JvdXAiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwiaW1hZ2UiLCJyZXF1aXJlIiwicHJvcGVydGllcyIsInNlcmlhbE51bWJlciIsImxhYmVsIiwidHlwZSIsImRlZmF1bHRWYWx1ZSIsInJlbmRlcjJEIiwiZWxlbWVudCIsImxheWVyIiwic2NlbmUiLCJhbmdsZSIsInJvdGF0aW9uIiwidGV4dFJvdGF0aW9uIiwiTWF0aCIsInNpbiIsIlBJIiwic3Ryb2tlIiwic2VsZWN0ZWQiLCJzdHJva2VXaWR0aCIsImZpbGwiLCJ0ZXh0QW5jaG9yIiwiZm9udFNpemUiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7O0FBRUEsSUFBTUMsUUFBUSxFQUFkO0FBQ0EsSUFBTUMsUUFBUSxDQUFkO0FBQ0EsSUFBTUMsU0FBUSxFQUFkO0FBQ0EsSUFBTUMsU0FBUyxFQUFmOztBQUdBLGVBQWU7QUFDYkMsUUFBTSxjQURPO0FBRWJDLGFBQVcsT0FGRTs7QUFJYkMsUUFBTTtBQUNKQyxTQUFLLENBQUMsa0JBQUQsQ0FERDtBQUVKQyxXQUFPLE9BRkg7QUFHSkMsV0FBTyxjQUhIO0FBSUpDLGlCQUFhLGNBSlQ7QUFLSkMsV0FBT0MsUUFBUSxrQkFBUjtBQUxILEdBSk87QUFXYkMsY0FBWTtBQUNWQyxrQkFBYztBQUNaQyxhQUFPLGVBREs7QUFFWkMsWUFBTSxRQUZNO0FBR1pDLG9CQUFjO0FBSEY7QUFESixHQVhDOztBQW1CYkMsWUFBVSxrQkFBVUMsT0FBVixFQUFtQkMsS0FBbkIsRUFBMEJDLEtBQTFCLEVBQWlDOztBQUV6QyxRQUFJQyxRQUFRSCxRQUFRSSxRQUFSLEdBQW1CLEVBQS9COztBQUVBLFFBQUlDLGVBQWUsQ0FBbkI7QUFDQSxRQUFJQyxLQUFLQyxHQUFMLENBQVNKLFFBQVFHLEtBQUtFLEVBQWIsR0FBa0IsR0FBM0IsSUFBa0MsQ0FBdEMsRUFBeUM7QUFDdkNILHFCQUFlLEdBQWY7QUFDRDs7QUFHRCxXQUNFO0FBQUE7QUFBQSxRQUFHLDBCQUF3QixDQUFDeEIsS0FBRCxHQUFTLENBQWpDLFNBQXNDLENBQUNDLEtBQUQsR0FBTyxDQUE3QyxNQUFIO0FBQ0Esb0NBQU0sS0FBSSxHQUFWLEVBQWMsR0FBRSxHQUFoQixFQUFvQixHQUFFLEdBQXRCLEVBQTBCLE9BQU9ELEtBQWpDLEVBQXdDLFFBQVFDLEtBQWhEO0FBQ0UsZUFBTyxFQUFDMkIsUUFBUVQsUUFBUVUsUUFBUixHQUFtQixTQUFuQixHQUErQixNQUF4QyxFQUFnREMsYUFBYSxLQUE3RCxFQUFvRUMsTUFBTSxTQUExRSxFQURULEdBREE7QUFHQTtBQUFBO0FBQUEsVUFBTSxLQUFJLEdBQVYsRUFBYyxHQUFFLEdBQWhCLEVBQW9CLEdBQUUsR0FBdEI7QUFDRSxvQ0FBd0IvQixRQUFRLENBQWhDLFVBQXNDQyxRQUFRLENBQTlDLDZCQUF1RXVCLFlBQXZFLE1BREY7QUFFRSxpQkFBTyxFQUFDUSxZQUFZLFFBQWIsRUFBdUJDLFVBQVUsTUFBakMsRUFGVDtBQUdHZCxnQkFBUUg7QUFIWDtBQUhBLEtBREY7QUFXRDtBQXhDWSxDQUFmIiwiZmlsZSI6InBsYW5uZXItZWxlbWVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IFdJRFRIID0gMjA7XG5jb25zdCBERVBUSCA9IDU7XG5jb25zdCBIRUlHSFQ9IDIwO1xuY29uc3QgUkFESVVTID0gMTA7XG5cblxuZXhwb3J0IGRlZmF1bHQge1xuICBuYW1lOiBcIndpZmlfdHJhY2tlclwiLFxuICBwcm90b3R5cGU6IFwiaXRlbXNcIixcblxuICBpbmZvOiB7XG4gICAgdGFnOiBbJ3RlbGVjb211bmljYXRpb24nXSxcbiAgICBncm91cDogXCJJdGVtc1wiLFxuICAgIHRpdGxlOiBcIndpZmkgdHJhY2tlclwiLFxuICAgIGRlc2NyaXB0aW9uOiBcIndpZmkgVHJhY2tlclwiLFxuICAgIGltYWdlOiByZXF1aXJlKCcuL3JvdXRlcldpZmkucG5nJylcbiAgfSxcbiAgcHJvcGVydGllczoge1xuICAgIHNlcmlhbE51bWJlcjoge1xuICAgICAgbGFiZWw6IFwic2VyaWFsIE51bWJlclwiLFxuICAgICAgdHlwZTogXCJzdHJpbmdcIixcbiAgICAgIGRlZmF1bHRWYWx1ZTogXCIwXCIsXG4gICAgfVxuICB9LFxuXG4gIHJlbmRlcjJEOiBmdW5jdGlvbiAoZWxlbWVudCwgbGF5ZXIsIHNjZW5lKSB7XG5cbiAgICBsZXQgYW5nbGUgPSBlbGVtZW50LnJvdGF0aW9uICsgOTA7XG5cbiAgICBsZXQgdGV4dFJvdGF0aW9uID0gMDtcbiAgICBpZiAoTWF0aC5zaW4oYW5nbGUgKiBNYXRoLlBJIC8gMTgwKSA8IDApIHtcbiAgICAgIHRleHRSb3RhdGlvbiA9IDE4MDtcbiAgICB9XG5cblxuICAgIHJldHVybiAoXG4gICAgICA8ZyB0cmFuc2Zvcm09e2B0cmFuc2xhdGUoJHstV0lEVEggLyAyfSwkey1ERVBUSC8yfSlgfT5cbiAgICAgIDxyZWN0IGtleT1cIjFcIiB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9e1dJRFRIfSBoZWlnaHQ9e0RFUFRIfVxuICAgICAgICBzdHlsZT17e3N0cm9rZTogZWxlbWVudC5zZWxlY3RlZCA/ICcjMDA5NmZkJyA6ICcjMDAwJywgc3Ryb2tlV2lkdGg6IFwiMnB4XCIsIGZpbGw6IFwiI2JiMDBmZlwifX0vPlxuICAgICAgPHRleHQga2V5PVwiMlwiIHg9XCIwXCIgeT1cIjBcIlxuICAgICAgICB0cmFuc2Zvcm09e2B0cmFuc2xhdGUoJHtXSURUSCAvIDJ9LCAke0RFUFRIIC8gMn0pIHNjYWxlKDEsLTEpIHJvdGF0ZSgke3RleHRSb3RhdGlvbn0pYH1cbiAgICAgICAgc3R5bGU9e3t0ZXh0QW5jaG9yOiBcIm1pZGRsZVwiLCBmb250U2l6ZTogXCIxMXB4XCJ9fT5cbiAgICAgICAge2VsZW1lbnQudHlwZX1cbiAgICAgICAgPC90ZXh0PlxuICAgICAgICA8L2c+XG4gICAgKVxuICB9LFxufTtcbiJdfQ==