widget-common-container 0.0.0

package/projects/widget-common/src/lib/echart/en.ts

@@ -0,0 +1,156 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+/**
+ * Language: English.
+ */
+export default {
+  time: {
+    month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    monthAbbr: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    dayOfWeek: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    dayOfWeekAbbr: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
+  },
+  legend: {
+    selector: {
+      all: 'All',
+      inverse: 'Inv'
+    }
+  },
+  toolbox: {
+    brush: {
+      title: {
+        rect: 'Box Select',
+        polygon: 'Lasso Select',
+        lineX: 'Horizontally Select',
+        lineY: 'Vertically Select',
+        keep: 'Keep Selections',
+        clear: 'Clear Selections'
+      }
+    },
+    dataView: {
+      title: 'Data View',
+      lang: ['Data View', 'Close', 'Refresh']
+    },
+    dataZoom: {
+      title: {
+        zoom: 'Zoom',
+        back: 'Zoom Reset'
+      }
+    },
+    magicType: {
+      title: {
+        line: 'Line',
+        bar: 'Histogram',
+        stack: 'Stack',
+        tiled: 'Tile'
+      }
+    },
+    restore: {
+      title: 'Restore'
+    },
+    saveAsImage: {
+      title: 'Save as Image',
+      lang: ['Right Click to Save Image']
+    }
+  },
+  series: {
+    typeNames: {
+      pie: 'Pie chart',
+      bar: 'Bar chart',
+      line: 'Line chart',
+      scatter: 'Scatter plot',
+      effectScatter: 'Ripple scatter plot',
+      radar: 'Radar chart',
+      tree: 'Tree',
+      treemap: 'Treemap',
+      boxplot: 'Boxplot',
+      candlestick: 'Candlestick',
+      k: 'K line chart',
+      heatmap: 'Heat map',
+      map: 'Map',
+      parallel: 'Parallel coordinate map',
+      lines: 'Line graph',
+      graph: 'Relationship graph',
+      sankey: 'Sankey diagram',
+      funnel: 'Funnel chart',
+      gauge: 'Gauge',
+      pictorialBar: 'Pictorial bar',
+      themeRiver: 'Theme River Map',
+      sunburst: 'Sunburst'
+    }
+  },
+  aria: {
+    general: {
+      withTitle: 'This is a chart about "{title}"',
+      withoutTitle: 'This is a chart'
+    },
+    series: {
+      single: {
+        prefix: '',
+        withName: ' with type {seriesType} named {seriesName}.',
+        withoutName: ' with type {seriesType}.'
+      },
+      multiple: {
+        prefix: '. It consists of {seriesCount} series count.',
+        withName: ' The {seriesId} series is a {seriesType} representing {seriesName}.',
+        withoutName: ' The {seriesId} series is a {seriesType}.',
+        separator: {
+          middle: '',
+          end: ''
+        }
+      }
+    },
+    data: {
+      allData: 'The data is as follows: ',
+      partialData: 'The first {displayCnt} items are: ',
+      withName: 'the data for {name} is {value}',
+      withoutName: '{value}',
+      separator: {
+        middle: ', ',
+        end: '. '
+      }
+    }
+  }
+};

package/projects/widget-common/src/lib/echart/ru.ts

@@ -0,0 +1,156 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/**
+ * Language: Russian.
+ */
+export default {
+  time: {
+    month: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
+    monthAbbr: ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'],
+    dayOfWeek: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
+    dayOfWeekAbbr: ['вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб']
+  },
+  legend: {
+    selector: {
+      all: 'Всё',
+      inverse: 'Обратить'
+    }
+  },
+  toolbox: {
+    brush: {
+      title: {
+        rect: 'Выделить область',
+        polygon: 'Инструмент «Лассо»',
+        lineX: 'Горизонтальное выделение',
+        lineY: 'Вертикальное выделение',
+        keep: 'Оставить выбранное',
+        clear: 'Очистить выбранное'
+      }
+    },
+    dataView: {
+      title: 'Данные',
+      lang: ['Данные', 'Закрыть', 'Обновить']
+    },
+    dataZoom: {
+      title: {
+        zoom: 'Увеличить',
+        back: 'Сбросить увеличение'
+      }
+    },
+    magicType: {
+      title: {
+        line: 'Линия',
+        bar: 'Гистограмма',
+        stack: 'Стак',
+        tiled: 'Плитка'
+      }
+    },
+    restore: {
+      title: 'Восстановить'
+    },
+    saveAsImage: {
+      title: 'Сохранить как картинку',
+      lang: ['Правый клик, чтобы сохранить картинку']
+    }
+  },
+  series: {
+    typeNames: {
+      pie: 'Круговая диаграмма',
+      bar: 'Столбчатая диаграмма',
+      line: 'Линейный график',
+      scatter: 'Точечная диаграмма',
+      effectScatter: 'Точечная диаграмма с волнами',
+      radar: 'Лепестковая диаграмма',
+      tree: 'Дерево',
+      treemap: 'Плоское дерево',
+      boxplot: 'Ящик с усами',
+      candlestick: 'Свечной график',
+      k: 'График К-линий',
+      heatmap: 'Тепловая карта',
+      map: 'Карта',
+      parallel: 'Диаграмма параллельных координат',
+      lines: 'Линейный граф',
+      graph: 'Граф отношений',
+      sankey: 'Диаграмма Санкей',
+      funnel: 'Воронкообразная диаграмма',
+      gauge: 'Шкала',
+      pictorialBar: 'Столбец-картинка',
+      themeRiver: 'Тематическая река',
+      sunburst: 'Солнечные лучи'
+    }
+  },
+  aria: {
+    general: {
+      withTitle: 'Это график, показывающий "{title}"',
+      withoutTitle: 'Это график'
+    },
+    series: {
+      single: {
+        prefix: '',
+        withName: ' с типом {seriesType} и именем {seriesName}.',
+        withoutName: ' с типом {seriesType}.'
+      },
+      multiple: {
+        prefix: '. Он состоит из {seriesCount} серий.',
+        withName: ' Серия {seriesId} имеет тип {seriesType} и показывает {seriesName}.',
+        withoutName: ' Серия {seriesId} имеет тип {seriesType}.',
+        separator: {
+          middle: '',
+          end: ''
+        }
+      }
+    },
+    data: {
+      allData: 'Данные таковы: ',
+      partialData: 'Первые {displayCnt} элементов: ',
+      withName: 'значение для {name} — {value}',
+      withoutName: '{value}',
+      separator: {
+        middle: ', ',
+        end: '. '
+      }
+    }
+  }
+};

package/projects/widget-common/src/lib/forge/ParamAssign.ts

@@ -0,0 +1,187 @@
+import {Extension} from './extenstion';
+
+
+export interface ParamLabel {
+  dbId: number;
+  element: HTMLElement;
+  name: string;
+}
+
+interface Label {
+  label: HTMLLabelElement;
+  id: number;
+}
+
+export class ParamAssignExtension extends Extension {
+
+  constructor(viewer, options) {
+    super(viewer, options);
+    this._group = null;
+    this._button = null;
+    this._icons = options.icons || [];
+    this.options = options;
+  }
+
+  public static extensionName = 'ParamAssignExtension';
+
+  private static callback: (ext: ParamAssignExtension) => void = null;
+  _group: any;
+  _button: any;
+  _icons: ParamLabel[];
+  options: any;
+  _enabled = false;
+
+  _frags: any = {};
+
+  labels: Label[] = [];
+
+  container: HTMLDivElement | null = null;
+
+  public static registerExtension(extensionName: string, callback: (ext: ParamAssignExtension) => void) {
+    ParamAssignExtension.callback = callback;
+    super.registerExtension(ParamAssignExtension.extensionName, ParamAssignExtension);
+  }
+
+
+  public activate() {
+    return true;
+  }
+
+  public deactivate() {
+    return true;
+  }
+
+  load() {
+    this.container = (this.viewer as any).clientContainer;
+    this._enabled = true;
+    if (this.viewer.model && this.viewer.model.getInstanceTree()) {
+      this.customize();
+    } else {
+      this.viewer.addEventListener(Autodesk.Viewing.OBJECT_TREE_CREATED_EVENT, this.customize.bind(this));
+    }
+    if (ParamAssignExtension.callback) {
+      ParamAssignExtension.callback(this);
+    }
+    return true;
+  }
+
+  unload() {
+    // Clean our UI elements if we added any
+    if (this._group) {
+      this._group.removeControl(this._button);
+      if (this._group.getNumberOfControls() === 0) {
+        this.viewer.toolbar.removeControl(this._group);
+      }
+    }
+    return true;
+  }
+
+  customize() {
+    this.showIcons();
+    const updateIconsCallback = () => {
+      this.updateIcons();
+    };
+    this.viewer.addEventListener(Autodesk.Viewing.CAMERA_CHANGE_EVENT, updateIconsCallback);
+    this.viewer.addEventListener(Autodesk.Viewing.ISOLATE_EVENT, updateIconsCallback);
+    this.viewer.addEventListener(Autodesk.Viewing.HIDE_EVENT, updateIconsCallback);
+    this.viewer.addEventListener(Autodesk.Viewing.SHOW_EVENT, updateIconsCallback);
+  }
+
+
+  showIcons() {
+    const $viewer: HTMLDivElement = this.container.querySelector('.adsk-viewing-viewer');
+    const element = this.container.querySelector('label.markup');
+    // remove previous...
+    if (element) {
+      element.remove();
+    }
+
+    this.labels = [];
+
+    // do we have anything to show?
+    if (this._icons === undefined || this._icons === null) {
+      return;
+    }
+
+    // do we have access to the instance tree?
+    const tree = this.viewer.model && this.viewer.model.getInstanceTree();
+    if (tree === undefined) {
+      return;
+    }
+
+    const onClick = (e) => {
+      // this.viewer.select($(e.currentTarget).data('id'));
+      // this.viewer.utilities.fitToView();
+    };
+
+    this._frags = {};
+    for (let i = 0; i < this._icons.length; i++) {
+      // we need to collect all the fragIds for a given dbId
+      const icon = this._icons[i];
+      this._frags['dbId' + icon.dbId] = [];
+
+
+      const $label = document.createElement('label');
+      $label.setAttribute('data-id', '' + icon.dbId);
+      $label.className = 'markup update';
+      $label.style.setProperty('display', this.viewer.isNodeVisible(icon.dbId) ? 'block' : 'none');
+      $label.style.setProperty('position', 'absolute');
+      $label.style.setProperty('white-space', 'nowrap');
+      $label.style.setProperty('cursor', 'pointer');
+      $label.style.setProperty('z-index', '1');
+      $label.addEventListener('click', this.options.onClick || onClick);
+
+
+      $label.appendChild(icon.element);
+      $viewer.appendChild($label);
+
+
+      // now collect the fragIds
+      const getChildren = (topParentId, dbId) => {
+        if (tree.getChildCount(dbId) === 0) {
+          getFrags(topParentId, dbId);
+        } // get frags for this leaf child
+        tree.enumNodeChildren(dbId, (childId) => {
+          getChildren(topParentId, childId);
+        });
+      };
+      const getFrags = (topParentId, dbId) => {
+        tree.enumNodeFragments(dbId, (fragId) => {
+          this._frags['dbId' + topParentId].push(fragId);
+        });
+      };
+      getChildren(icon.dbId, icon.dbId);
+      this.labels.push({id: icon.dbId, label: $label});
+    }
+    this.updateIcons(); // re-position for each fragId found
+  }
+
+  getModifiedWorldBoundingBox(dbId) {
+    const fragList = this.viewer.model.getFragmentList();
+    const nodebBox = new THREE.Box3();
+
+    // for each fragId on the list, get the bounding box
+    for (const fragId of this._frags['dbId' + dbId]) {
+      const fragbBox = new THREE.Box3();
+      fragList.getWorldBounds(fragId, fragbBox);
+      nodebBox.union(fragbBox); // create a unifed bounding box
+    }
+
+    return nodebBox;
+  }
+
+  updateIcons() {
+
+    for (let i = 0; i < this.labels.length; i++) {
+      const pos = this.viewer.worldToClient(this.getModifiedWorldBoundingBox(this.labels[i].id).getCenter());
+      const label = this.labels[i].label;
+
+      label.style.setProperty('left', Math.floor(pos.x - label.offsetWidth / 2) + 'px');
+      label.style.setProperty('top', Math.floor(pos.y - label.offsetHeight / 2) + 'px');
+      label.style.setProperty('display', this.viewer.isNodeVisible(this.labels[i].id) ? 'block' : 'none');
+
+    }
+
+  }
+}
+

package/projects/widget-common/src/lib/forge/Script.service.ts

@@ -0,0 +1,86 @@
+import {Injectable} from '@angular/core';
+
+declare var document: any;
+
+const ScriptStore: any[] = [
+  {name: 'viewer', src: 'https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js'},
+];
+const StyleStore: any[] = [
+  {name: 'viewer', src: 'https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css'},
+];
+
+let promiseLoad: any = null;
+let isLoadedStyles = false;
+
+
+@Injectable()
+export class ScriptService {
+
+  private scripts: any = {};
+  private styles: any = {};
+
+  constructor() {
+    ScriptStore.forEach((script: any) => {
+      this.scripts[script.name] = {
+        loaded: false,
+        src: script.src
+      };
+    });
+  }
+
+  loadStyles() {
+
+    if (!isLoadedStyles) {
+      isLoadedStyles = true;
+      StyleStore.forEach(style => {
+        const el = document.createElement('link');
+        el.rel = 'stylesheet';
+        el.href = style.src;
+        el.type = 'text/css';
+        document.getElementsByTagName('head')[0].appendChild(el);
+      });
+    }
+  }
+
+  load(...scripts: string[]) {
+    if (!promiseLoad) {
+      promiseLoad = new Promise((resolve, reject) => {
+        const promises: any[] = [];
+        scripts.forEach((script) => promises.push(this.loadScript(script)));
+        Promise.all(promises).then(data => {
+          resolve(data);
+        });
+      });
+    }
+    return promiseLoad;
+  }
+
+  loadScript(name: string) {
+    return new Promise((resolve, reject) => {
+      if (this.scripts[name].loaded) {
+        resolve({script: name, loaded: true, status: 'Already Loaded'});
+      } else {
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.src = this.scripts[name].src;
+        if (script.readyState) {  // IE
+          script.onreadystatechange = () => {
+            if (script.readyState === 'loaded' || script.readyState === 'complete') {
+              script.onreadystatechange = null;
+              this.scripts[name].loaded = true;
+              resolve({script: name, loaded: true, status: 'Loaded'});
+            }
+          };
+        } else {  // Others
+          script.onload = () => {
+            this.scripts[name].loaded = true;
+            resolve({script: name, loaded: true, status: 'Loaded'});
+          };
+        }
+        script.onerror = (error: any) => resolve({script: name, loaded: false, status: 'Loaded'});
+        document.getElementsByTagName('head')[0].appendChild(script);
+      }
+    });
+  }
+
+}