wisemapping-frontend/packages/mindplot/src/components/DesignerModel.ts

180 lines
5.0 KiB
TypeScript
Raw Normal View History

2021-07-16 16:41:58 +02:00
/*
2021-12-25 23:39:34 +01:00
* Copyright [2021] [wisemapping]
2021-07-16 16:41:58 +02:00
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* 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.
*/
2021-12-04 01:11:17 +01:00
import { $assert, $defined } from '@wisemapping/core-js';
2022-01-09 00:22:59 +01:00
import { DesignerOptions } from './DesignerOptions';
import Events from './Events';
2022-01-09 00:22:59 +01:00
import Relationship from './Relationship';
import Topic from './Topic';
2021-12-05 18:25:16 +01:00
import { $notify } from './widget/ToolbarNotifier';
2021-07-16 16:41:58 +02:00
2021-12-04 01:11:17 +01:00
class DesignerModel extends Events {
2022-01-09 00:22:59 +01:00
_zoom: number;
_topics: Topic[];
_relationships: Relationship[];
constructor(options: DesignerOptions) {
2021-12-04 01:11:17 +01:00
super();
2021-10-05 02:05:34 +02:00
this._zoom = options.zoom;
this._topics = [];
this._relationships = [];
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/** @return {Number} zoom between 0.3 (largest text) and 1.9 */
getZoom() {
return this._zoom;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/** @param {Number} zoom number between 0.3 and 1.9 to set the zoom to */
setZoom(zoom) {
this._zoom = zoom;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/** @return {@link mindplot.Topic[]} all topics */
getTopics() {
return this._topics;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/** @return {mindplot.Relationship[]} all relationships */
getRelationships() {
return this._relationships;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/** @return {mindplot.CentralTopic} the central topic */
getCentralTopic() {
const topics = this.getTopics();
return topics[0];
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/** @return {mindplot.Topic[]} selected topics */
2022-01-09 00:22:59 +01:00
filterSelectedTopics(): Topic[] {
2021-10-05 02:05:34 +02:00
const result = [];
for (let i = 0; i < this._topics.length; i++) {
if (this._topics[i].isOnFocus()) {
result.push(this._topics[i]);
}
}
return result;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* @return {mindplot.Relationship[]} selected relationships
*/
2021-10-05 02:05:34 +02:00
filterSelectedRelationships() {
const result = [];
for (let i = 0; i < this._relationships.length; i++) {
if (this._relationships[i].isOnFocus()) {
result.push(this._relationships[i]);
}
}
return result;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* @return {Array.<mindplot.Relationship, mindplot.Topic>} all topics and relationships
*/
2021-10-05 02:05:34 +02:00
getEntities() {
2021-12-14 18:06:09 +01:00
let result = [].concat(this._topics);
result = result.concat(this._relationships);
2021-10-05 02:05:34 +02:00
return result;
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* removes occurrences of the given topic from the topic array
* @param {mindplot.Topic} topic the topic to remove
*/
2021-10-05 02:05:34 +02:00
removeTopic(topic) {
$assert(topic, 'topic can not be null');
2021-12-14 18:06:09 +01:00
this._topics = this._topics.filter((t) => t !== topic);
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* removes occurrences of the given relationship from the relationship array
* @param {mindplot.Relationship} rel the relationship to remove
*/
2021-10-05 02:05:34 +02:00
removeRelationship(rel) {
$assert(rel, 'rel can not be null');
2021-12-14 18:06:09 +01:00
this._relationships = this._relationships.filter((r) => r !== rel);
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* adds the given topic to the topic array
* @param {mindplot.Topic} topic the topic to add
* @throws will throw an error if topic is null or undefined
* @throws will throw an error if the topic's id is not a number
*/
2021-10-05 02:05:34 +02:00
addTopic(topic) {
$assert(topic, 'topic can not be null');
$assert(typeof topic.getId() === 'number', `id is not a number:${topic.getId()}`);
this._topics.push(topic);
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* adds the given relationship to the relationship array
* @param {mindplot.Relationship} rel the relationship to add
* @throws will throw an error if rel is null or undefined
*/
2021-10-05 02:05:34 +02:00
addRelationship(rel) {
$assert(rel, 'rel can not be null');
this._relationships.push(rel);
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2022-01-09 00:22:59 +01:00
filterTopicsIds(validate: (topic: Topic) => boolean = null, errorMsg = null): Topic[] {
2021-10-05 02:05:34 +02:00
const result = [];
const topics = this.filterSelectedTopics();
let isValid = true;
2022-01-09 00:22:59 +01:00
topics.forEach(topic => {
2021-10-05 02:05:34 +02:00
if ($defined(validate)) {
2022-01-09 00:22:59 +01:00
isValid = validate(topic);
2021-10-05 02:05:34 +02:00
}
// Add node only if it's valid.
if (isValid) {
2022-01-09 00:22:59 +01:00
result.push(topic.getId());
2021-10-05 02:05:34 +02:00
} else {
$notify(errorMsg);
}
2022-01-09 00:22:59 +01:00
});
2021-10-05 02:05:34 +02:00
return result;
2021-12-04 01:11:17 +01:00
}
2021-10-05 02:05:34 +02:00
2022-01-09 00:22:59 +01:00
selectedTopic(): Topic {
2021-10-05 02:05:34 +02:00
const topics = this.filterSelectedTopics();
return (topics.length > 0) ? topics[0] : null;
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
/**
2021-07-16 16:41:58 +02:00
* @param {String} id the id of the topic to be retrieved
* @return {mindplot.Topic} the topic with the respective id
*/
2022-01-09 00:22:59 +01:00
findTopicById(id:Number):Topic {
2021-10-05 02:05:34 +02:00
let result = null;
for (let i = 0; i < this._topics.length; i++) {
const topic = this._topics[i];
2021-12-04 01:11:17 +01:00
if (topic.getId() === id) {
2021-10-05 02:05:34 +02:00
result = topic;
break;
}
2021-07-16 16:41:58 +02:00
}
2021-10-05 02:05:34 +02:00
return result;
2021-12-04 01:11:17 +01:00
}
}
2021-07-16 16:41:58 +02:00
export default DesignerModel;