From 413f33c9b3b2d5d1ef418b65149b83617ddde14d Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sat, 26 Feb 2022 16:43:25 -0800 Subject: [PATCH 01/32] Migration to TS --- .../mindplot/src/components/ActionIcon.js | 64 ------------------- packages/mindplot/src/components/Designer.ts | 6 +- ...ctionRunner.js => DesignerActionRunner.ts} | 23 +++++-- packages/mindplot/src/components/DragPivot.ts | 5 +- .../src/components/DragTopicConfig.js | 5 -- ...ditorProperties.js => EditorProperties.ts} | 9 +-- packages/mindplot/src/components/Icon.ts | 4 +- .../mindplot/src/components/NodeGraphUtils.js | 37 ----------- packages/mindplot/src/components/Topic.ts | 57 ++++++----------- .../mindplot/src/components/TopicFactory.ts | 27 ++++++++ .../mindplot/src/components/TopicFeature.js | 4 +- .../src/components/model/INodeModel.ts | 2 +- .../mindplot/src/components/util/index.js | 7 -- 13 files changed, 80 insertions(+), 170 deletions(-) delete mode 100644 packages/mindplot/src/components/ActionIcon.js rename packages/mindplot/src/components/{DesignerActionRunner.js => DesignerActionRunner.ts} (75%) delete mode 100644 packages/mindplot/src/components/DragTopicConfig.js rename packages/mindplot/src/components/{EditorProperties.js => EditorProperties.ts} (90%) delete mode 100644 packages/mindplot/src/components/NodeGraphUtils.js create mode 100644 packages/mindplot/src/components/TopicFactory.ts delete mode 100644 packages/mindplot/src/components/util/index.js diff --git a/packages/mindplot/src/components/ActionIcon.js b/packages/mindplot/src/components/ActionIcon.js deleted file mode 100644 index 6f303f3d..00000000 --- a/packages/mindplot/src/components/ActionIcon.js +++ /dev/null @@ -1,64 +0,0 @@ -/* - * Copyright [2021] [wisemapping] - * - * 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. - */ -import Icon from './Icon'; - -class ActionIcon extends Icon { - constructor(topic, url) { - super(url); - this._node = topic; - } - - getNode() { - return this._node; - } - - setPosition(x, y) { - const size = this.getSize(); - this.getImage().setPosition(x - size.width / 2, y - size.height / 2); - } - - addEvent(event, fn) { - this.getImage().addEvent(event, fn); - } - - addToGroup(group) { - group.append(this.getImage()); - } - - setVisibility(visible) { - this.getImage().setVisibility(visible); - } - - isVisible() { - return this.getImage().isVisible(); - } - - setCursor(cursor) { - return this.getImage().setCursor(cursor); - } - - moveToBack(cursor) { - return this.getImage().moveToBack(cursor); - } - - moveToFront(cursor) { - return this.getImage().moveToFront(cursor); - } -} - -export default ActionIcon; diff --git a/packages/mindplot/src/components/Designer.ts b/packages/mindplot/src/components/Designer.ts index 4c47beec..fef23da9 100644 --- a/packages/mindplot/src/components/Designer.ts +++ b/packages/mindplot/src/components/Designer.ts @@ -39,7 +39,7 @@ import Relationship from './Relationship'; import TopicEventDispatcher, { TopicEvent } from './TopicEventDispatcher'; import TopicFeatureFactory from './TopicFeature'; -import { create } from './NodeGraphUtils'; +import TopicFactory from './TopicFactory'; import EventBus from './layout/EventBus'; import EventBusDispatcher from './layout/EventBusDispatcher'; @@ -225,9 +225,9 @@ class Designer extends Events { return dragManager; } - private _buildNodeGraph(model: NodeModel, readOnly: boolean): MainTopic { + private _buildNodeGraph(model: NodeModel, readOnly: boolean): Topic { // Create node graph ... - const topic = create(model, { readOnly }); + const topic = TopicFactory.create(model, { readOnly }); this.getModel().addTopic(topic); const me = this; // Add Topic events ... diff --git a/packages/mindplot/src/components/DesignerActionRunner.js b/packages/mindplot/src/components/DesignerActionRunner.ts similarity index 75% rename from packages/mindplot/src/components/DesignerActionRunner.js rename to packages/mindplot/src/components/DesignerActionRunner.ts index d679146f..cd578c30 100644 --- a/packages/mindplot/src/components/DesignerActionRunner.js +++ b/packages/mindplot/src/components/DesignerActionRunner.ts @@ -16,19 +16,28 @@ * limitations under the License. */ import { $assert } from '@wisemapping/core-js'; +import ActionDispatcher from './ActionDispatcher'; +import Command from './Command'; +import CommandContext from './CommandContext'; import DesignerUndoManager from './DesignerUndoManager'; import EventBus from './layout/EventBus'; class DesignerActionRunner { - constructor(commandContext, notifier) { + private _undoManager: DesignerUndoManager; + + private _context: CommandContext; + + private _actionDisplatcher: ActionDispatcher; + + constructor(commandContext: CommandContext, notifier: ActionDispatcher) { $assert(commandContext, 'commandContext can not be null'); this._undoManager = new DesignerUndoManager(); this._context = commandContext; - this._notifier = notifier; + this._actionDisplatcher = notifier; } - execute(command) { + execute(command: Command): void { $assert(command, 'command can not be null'); command.execute(this._context); this._undoManager.enqueue(command); @@ -36,21 +45,21 @@ class DesignerActionRunner { EventBus.instance.fireEvent(EventBus.events.DoLayout); } - undo() { + undo(): void { this._undoManager.execUndo(this._context); this.fireChangeEvent(); EventBus.instance.fireEvent(EventBus.events.DoLayout); } - redo() { + redo(): void { this._undoManager.execRedo(this._context); this.fireChangeEvent(); EventBus.instance.fireEvent(EventBus.events.DoLayout); } - fireChangeEvent() { + fireChangeEvent(): void { const event = this._undoManager.buildEvent(); - this._notifier.fireEvent('modelUpdate', event); + this._actionDisplatcher.fireEvent('modelUpdate', event); } } diff --git a/packages/mindplot/src/components/DragPivot.ts b/packages/mindplot/src/components/DragPivot.ts index 15191854..deabd39f 100644 --- a/packages/mindplot/src/components/DragPivot.ts +++ b/packages/mindplot/src/components/DragPivot.ts @@ -18,7 +18,6 @@ import { $assert, $defined } from '@wisemapping/core-js'; import { Point, CurvedLine, Rect } from '@wisemapping/web2d'; -import DragTopicConfig from './DragTopicConfig'; import SizeType from './SizeType'; import Topic from './Topic'; import Shape from './util/Shape'; @@ -43,7 +42,7 @@ class DragPivot { constructor() { this._position = new Point(); - this._size = DragTopicConfig.PIVOT_SIZE; + this._size = DragPivot.DEFAULT_PIVOT_SIZE; this._straightLine = this._buildStraightLine(); this._curvedLine = this._buildCurvedLine(); @@ -251,6 +250,8 @@ class DragPivot { this.setVisibility(false); this._targetTopic = null; } + + static DEFAULT_PIVOT_SIZE = { width: 50, height: 6 }; } export default DragPivot; diff --git a/packages/mindplot/src/components/DragTopicConfig.js b/packages/mindplot/src/components/DragTopicConfig.js deleted file mode 100644 index 6f2d6a03..00000000 --- a/packages/mindplot/src/components/DragTopicConfig.js +++ /dev/null @@ -1,5 +0,0 @@ -const PIVOT_SIZE = { width: 50, height: 6 }; - -export default { - PIVOT_SIZE, -}; diff --git a/packages/mindplot/src/components/EditorProperties.js b/packages/mindplot/src/components/EditorProperties.ts similarity index 90% rename from packages/mindplot/src/components/EditorProperties.js rename to packages/mindplot/src/components/EditorProperties.ts index 35a77fc0..31a47626 100644 --- a/packages/mindplot/src/components/EditorProperties.js +++ b/packages/mindplot/src/components/EditorProperties.ts @@ -17,20 +17,21 @@ */ class EditorProperties { + private _zoom: number; + constructor() { this._zoom = 0; - this._position = 0; } - setZoom(zoom) { + setZoom(zoom: number) { this._zoom = zoom; } - getZoom() { + getZoom(): number { return this._zoom; } - asProperties() { + asProperties(): string { return `zoom=${this._zoom}\n`; } } diff --git a/packages/mindplot/src/components/Icon.ts b/packages/mindplot/src/components/Icon.ts index b1b5a65d..7365a9cb 100644 --- a/packages/mindplot/src/components/Icon.ts +++ b/packages/mindplot/src/components/Icon.ts @@ -16,14 +16,14 @@ * limitations under the License. */ import { $assert } from '@wisemapping/core-js'; -import { Image } from '@wisemapping/web2d'; +import { Image, Point } from '@wisemapping/web2d'; import IconGroup from './IconGroup'; -import { Point } from '@wisemapping/web2d'; import SizeType from './SizeType'; import FeatureModel from './model/FeatureModel'; abstract class Icon { protected _image: Image; + protected _group: IconGroup; constructor(url: string) { diff --git a/packages/mindplot/src/components/NodeGraphUtils.js b/packages/mindplot/src/components/NodeGraphUtils.js deleted file mode 100644 index 9cb034d8..00000000 --- a/packages/mindplot/src/components/NodeGraphUtils.js +++ /dev/null @@ -1,37 +0,0 @@ -import { $assert } from '@wisemapping/core-js'; - -import CentralTopic from './CentralTopic'; -import MainTopic from './MainTopic'; - -/** - * creates a new topic from the given node model - * @memberof mindplot.Nodegraph - * @param {mindplot.model.NodeModel} nodeModel - * @param {Object} options - * @throws will throw an error if nodeModel is null or undefined - * @throws will throw an error if the nodeModel's type is null or undefined - * @throws will throw an error if the node type cannot be recognized as either central or main - * topic type - * @return {mindplot.CentralTopic|mindplot.MainTopic} the new topic - */ -export const create = (nodeModel, options) => { - $assert(nodeModel, 'Model can not be null'); - - const type = nodeModel.getType(); - $assert(type, 'Node model type can not be null'); - - let result; - if (type === 'CentralTopic') { - result = new CentralTopic(nodeModel, options); - } else if (type === 'MainTopic') { - result = new MainTopic(nodeModel, options); - } else { - $assert(false, `unsupported node type:${type}`); - } - - return result; -}; - -export default { - create, -}; diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts index e9cb8c5d..c31fd1bc 100644 --- a/packages/mindplot/src/components/Topic.ts +++ b/packages/mindplot/src/components/Topic.ts @@ -431,7 +431,6 @@ abstract class Topic extends NodeGraph { this.adjustShapes(); } - /** */ setFontSize(value: number, updateModel?: boolean) { const textShape = this.getTextShape(); textShape.setSize(value); @@ -443,8 +442,7 @@ abstract class Topic extends NodeGraph { this.adjustShapes(); } - /** */ - setFontStyle(value, updateModel) { + setFontStyle(value: string, updateModel?: boolean) { const textShape = this.getTextShape(); textShape.setStyle(value); if ($defined(updateModel) && updateModel) { @@ -454,8 +452,7 @@ abstract class Topic extends NodeGraph { this.adjustShapes(); } - /** */ - setFontWeight(value, updateModel) { + setFontWeight(value: string, updateModel?: boolean) { const textShape = this.getTextShape(); textShape.setWeight(value); if ($defined(updateModel) && updateModel) { @@ -465,7 +462,6 @@ abstract class Topic extends NodeGraph { this.adjustShapes(); } - /** */ getFontWeight() { const model = this.getModel(); let result = model.getFontWeight(); @@ -476,8 +472,7 @@ abstract class Topic extends NodeGraph { return result; } - /** */ - getFontFamily() { + getFontFamily(): string { const model = this.getModel(); let result = model.getFontFamily(); if (!$defined(result)) { @@ -487,8 +482,7 @@ abstract class Topic extends NodeGraph { return result; } - /** */ - getFontColor() { + getFontColor(): string { const model = this.getModel(); let result = model.getFontColor(); if (!$defined(result)) { @@ -498,8 +492,7 @@ abstract class Topic extends NodeGraph { return result; } - /** */ - getFontStyle() { + getFontStyle(): string { const model = this.getModel(); let result = model.getFontStyle(); if (!$defined(result)) { @@ -509,8 +502,7 @@ abstract class Topic extends NodeGraph { return result; } - /** */ - getFontSize() { + getFontSize(): number { const model = this.getModel(); let result = model.getFontSize(); if (!$defined(result)) { @@ -520,8 +512,7 @@ abstract class Topic extends NodeGraph { return result; } - /** */ - setFontColor(value, updateModel) { + setFontColor(value: string, updateModel?: boolean) { const textShape = this.getTextShape(); textShape.setColor(value); if ($defined(updateModel) && updateModel) { @@ -530,7 +521,7 @@ abstract class Topic extends NodeGraph { } } - _setText(text: string, updateModel: boolean) { + private _setText(text: string, updateModel?: boolean) { const textShape = this.getTextShape(); textShape.setText(text == null ? TopicStyle.defaultText(this) : text); @@ -540,7 +531,6 @@ abstract class Topic extends NodeGraph { } } - /** */ setText(text: string) { // Avoid empty nodes ... if (!text || $.trim(text).length === 0) { @@ -552,7 +542,6 @@ abstract class Topic extends NodeGraph { this.adjustShapes(); } - /** */ getText(): string { const model = this.getModel(); let result = model.getText(); @@ -562,12 +551,11 @@ abstract class Topic extends NodeGraph { return result; } - /** */ setBackgroundColor(color: string) { this._setBackgroundColor(color, true); } - _setBackgroundColor(color: string, updateModel: boolean) { + private _setBackgroundColor(color: string, updateModel: boolean) { const innerShape = this.getInnerShape(); innerShape.setFill(color); @@ -593,11 +581,11 @@ abstract class Topic extends NodeGraph { } /** */ - setBorderColor(color: string) { + setBorderColor(color: string): void { this._setBorderColor(color, true); } - _setBorderColor(color: string, updateModel: boolean) { + private _setBorderColor(color: string, updateModel: boolean): void { const innerShape = this.getInnerShape(); innerShape.setAttribute('strokeColor', color); @@ -612,8 +600,7 @@ abstract class Topic extends NodeGraph { } } - /** */ - getBorderColor() { + getBorderColor(): string { const model = this.getModel(); let result = model.getBorderColor(); if (!$defined(result)) { @@ -622,7 +609,7 @@ abstract class Topic extends NodeGraph { return result; } - _buildTopicShape() { + _buildTopicShape(): ElementClass { const groupAttributes = { width: 100, height: 100, @@ -660,17 +647,17 @@ abstract class Topic extends NodeGraph { group.setTestId(model.getId()); } - _registerDefaultListenersToElement(elem, topic) { - const mouseOver = function mouseOver(event) { + _registerDefaultListenersToElement(elem: ElementClass, topic: Topic) { + const mouseOver = function mouseOver() { if (topic.isMouseEventsEnabled()) { - topic.handleMouseOver(event); + topic.handleMouseOver(); } }; elem.addEvent('mouseover', mouseOver); - const outout = function outout(event) { + const outout = function outout() { if (topic.isMouseEventsEnabled()) { - topic.handleMouseOut(event); + topic.handleMouseOut(); } }; elem.addEvent('mouseout', outout); @@ -697,13 +684,12 @@ abstract class Topic extends NodeGraph { } /** */ - areChildrenShrunken() { + areChildrenShrunken(): boolean { const model = this.getModel(); return model.areChildrenShrunken() && !this.isCentralTopic(); } - /** */ - isCollapsed() { + isCollapsed(): boolean { let result = false; let current = this.getParent(); @@ -714,8 +700,7 @@ abstract class Topic extends NodeGraph { return result; } - /** */ - setChildrenShrunken(value) { + setChildrenShrunken(value: boolean) { // Update Model ... const model = this.getModel(); model.setChildrenShrunken(value); diff --git a/packages/mindplot/src/components/TopicFactory.ts b/packages/mindplot/src/components/TopicFactory.ts new file mode 100644 index 00000000..03a7199c --- /dev/null +++ b/packages/mindplot/src/components/TopicFactory.ts @@ -0,0 +1,27 @@ +import { $assert } from '@wisemapping/core-js'; + +import CentralTopic from './CentralTopic'; +import MainTopic from './MainTopic'; +import NodeModel from './model/NodeModel'; +import Topic from './Topic'; + +class TopicFactory { + static create(nodeModel: NodeModel, options: object): Topic { + $assert(nodeModel, 'Model can not be null'); + + const type = nodeModel.getType(); + $assert(type, 'Node model type can not be null'); + + let result: Topic; + if (type === 'CentralTopic') { + result = new CentralTopic(nodeModel, options); + } else if (type === 'MainTopic') { + result = new MainTopic(nodeModel, options); + } else { + $assert(false, `unsupported node type:${type}`); + } + return result; + } +} + +export default TopicFactory; diff --git a/packages/mindplot/src/components/TopicFeature.js b/packages/mindplot/src/components/TopicFeature.js index 59161426..cf63f48b 100644 --- a/packages/mindplot/src/components/TopicFeature.js +++ b/packages/mindplot/src/components/TopicFeature.js @@ -45,8 +45,8 @@ const TopicFeatureFactory = { * @param {mindplot.model.FeatureModel} model * @param {Boolean} readOnly true if the editor is running in read-only mode * @throws will throw an error if topic is null or undefined - * @throws will throw an error if model is null or undefined - * @return {mindplot.Icon} a new instance of the icon subclass matching the topic feature + * @throws will throw v an error if model is null or undefined + * @return {mindplot.n,nmn mn4 r be5qnwwddwsz5on} a new instance of the icon subclass matching the topic feature */ createIcon(topic, model, readOnly) { $assert(topic, 'topic can not be null'); diff --git a/packages/mindplot/src/components/model/INodeModel.ts b/packages/mindplot/src/components/model/INodeModel.ts index df7c2e0d..9cc60bab 100644 --- a/packages/mindplot/src/components/model/INodeModel.ts +++ b/packages/mindplot/src/components/model/INodeModel.ts @@ -287,7 +287,7 @@ abstract class INodeModel { abstract getPropertiesKeys(): string[]; - abstract getProperty(key: string): number | string | boolean; + abstract getProperty(key: string): number | string | boolean | undefined; abstract putProperty(key: string, value: number | string | boolean): void; diff --git a/packages/mindplot/src/components/util/index.js b/packages/mindplot/src/components/util/index.js deleted file mode 100644 index 0dedb597..00000000 --- a/packages/mindplot/src/components/util/index.js +++ /dev/null @@ -1,7 +0,0 @@ -import fadeEffect from './FadeEffect'; -import shape from './Shape'; - -export default { - FadeEffect: fadeEffect, - Shape: shape, -}; From 58c08b467eb1680cf0c4d741457925fcbcf69180 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 28 Feb 2022 16:12:45 -0800 Subject: [PATCH 02/32] Change to typescript --- .../mindplot/src/components/CommandContext.ts | 2 +- .../mindplot/src/components/ConnectionLine.ts | 4 +- packages/mindplot/src/components/Designer.ts | 38 ++---- .../src/components/DesignerActionRunner.ts | 6 +- .../mindplot/src/components/DragManager.ts | 15 +-- packages/mindplot/src/components/DragTopic.ts | 42 +++--- packages/mindplot/src/components/Events.ts | 30 ++--- .../mindplot/src/components/Relationship.ts | 6 +- .../src/components/ShrinkConnector.ts | 4 +- .../components/StandaloneActionDispatcher.ts | 3 +- packages/mindplot/src/components/Topic.ts | 80 +++++------- .../mindplot/src/components/TopicFeature.js | 8 -- .../commands/AddFeatureToTopicCommand.ts | 7 - .../layout/ChildrenSorterStrategy.ts | 24 ++-- .../layout/{EventBus.js => EventBus.ts} | 33 +++-- ...BusDispatcher.js => EventBusDispatcher.ts} | 55 ++++---- .../{LayoutManager.js => LayoutManager.ts} | 121 +++++------------- .../src/components/layout/RootedTreeSet.ts | 15 +-- packages/web2d/src/components/ElementClass.js | 16 +-- .../src/components/peer/svg/ElementPeer.js | 13 +- packages/web2d/test/playground/shapes.html | 2 +- packages/web2d/test/playground/shapes.js | 13 +- 22 files changed, 191 insertions(+), 346 deletions(-) rename packages/mindplot/src/components/layout/{EventBus.js => EventBus.ts} (60%) rename packages/mindplot/src/components/layout/{EventBusDispatcher.js => EventBusDispatcher.ts} (57%) rename packages/mindplot/src/components/layout/{LayoutManager.js => LayoutManager.ts} (64%) diff --git a/packages/mindplot/src/components/CommandContext.ts b/packages/mindplot/src/components/CommandContext.ts index 549d1306..3d489b78 100644 --- a/packages/mindplot/src/components/CommandContext.ts +++ b/packages/mindplot/src/components/CommandContext.ts @@ -116,7 +116,7 @@ class CommandContext { moveTopic(topic: Topic, position: Point) { $assert(topic, 'topic cannot be null'); $assert(position, 'position cannot be null'); - EventBus.instance.fireEvent(EventBus.events.NodeMoveEvent, { + EventBus.instance.fireEvent('topicMoved', { node: topic.getModel(), position, }); diff --git a/packages/mindplot/src/components/ConnectionLine.ts b/packages/mindplot/src/components/ConnectionLine.ts index d54817f5..8edd38d6 100644 --- a/packages/mindplot/src/components/ConnectionLine.ts +++ b/packages/mindplot/src/components/ConnectionLine.ts @@ -93,8 +93,8 @@ class ConnectionLine { return line; } - setVisibility(value: boolean): void { - this._line2d.setVisibility(value); + setVisibility(value: boolean, fade = 0): void { + this._line2d.setVisibility(value, fade); } isVisible() { diff --git a/packages/mindplot/src/components/Designer.ts b/packages/mindplot/src/components/Designer.ts index fef23da9..b1ab5dae 100644 --- a/packages/mindplot/src/components/Designer.ts +++ b/packages/mindplot/src/components/Designer.ts @@ -53,7 +53,6 @@ import Mindmap from './model/Mindmap'; import NodeModel from './model/NodeModel'; import Topic from './Topic'; import { DesignerOptions } from './DesignerOptionsBuilder'; -import MainTopic from './MainTopic'; import DragTopic from './DragTopic'; import CentralTopic from './CentralTopic'; import FeatureType from './model/FeatureType'; @@ -606,7 +605,7 @@ class Designer extends Events { this.goToNode(centralTopic); // Finally, sort the map ... - EventBus.instance.fireEvent(EventBus.events.DoLayout); + EventBus.instance.fireEvent('forceLayout'); this.fireEvent('loadSuccess'); } @@ -695,12 +694,6 @@ class Designer extends Events { mindmap.deleteRelationship(rel.getModel()); } - /** - * @private - * @param {mindplot.model.RelationshipModel} model - * @return {mindplot.Relationship} the new relationship with events registered - * @throws will throw an error if the target topic cannot be found - */ private _buildRelationshipShape(model: RelationshipModel): Relationship { const dmodel = this.getModel(); @@ -744,13 +737,9 @@ class Designer extends Events { return result; } - /** - * @param {mindplot.Topic} node the topic to remove - * removes the given topic and its children from Workspace, DesignerModel and NodeModel - */ - removeTopic(node) { + removeTopic(node: Topic): void { if (!node.isCentralTopic()) { - const parent = node._parent; + const parent = node.getParent(); node.disconnect(this._workspace); // remove children @@ -771,17 +760,13 @@ class Designer extends Events { } } - /** - * @private - */ - _resetEdition() { + private _resetEdition() { const screenManager = this._workspace.getScreenManager(); screenManager.fireEvent('update'); screenManager.fireEvent('mouseup'); this._relPivot.dispose(); } - /** */ deleteSelectedEntities() { // Is there some action in progress ?. this._resetEdition(); @@ -840,7 +825,7 @@ class Designer extends Events { /** */ changeBackgroundColor(color: string) { - const validateFunc = (topic) => topic.getShapeType() !== TopicShape.LINE; + const validateFunc = (topic: Topic) => topic.getShapeType() !== TopicShape.LINE; const validateError = 'Color can not be set to line topics.'; const topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); @@ -849,9 +834,8 @@ class Designer extends Events { } } - /** */ changeBorderColor(color: string) { - const validateFunc = (topic) => topic.getShapeType() !== TopicShape.LINE; + const validateFunc = (topic: Topic) => topic.getShapeType() !== TopicShape.LINE; const validateError = 'Color can not be set to line topics.'; const topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); if (topicsIds.length > 0) { @@ -859,7 +843,6 @@ class Designer extends Events { } } - /** */ changeFontSize(size: number) { const topicsIds = this.getModel().filterTopicsIds(); if (topicsIds.length > 0) { @@ -895,11 +878,7 @@ class Designer extends Events { } } - /** - * lets the selected topic open the link editor where the user can define or modify an - * existing link - */ - addLink() { + addLink(): void { const model = this.getModel(); const topic = model.selectedTopic(); if (topic) { @@ -908,8 +887,7 @@ class Designer extends Events { } } - /** */ - addNote() { + addNote(): void { const model = this.getModel(); const topic = model.selectedTopic(); if (topic) { diff --git a/packages/mindplot/src/components/DesignerActionRunner.ts b/packages/mindplot/src/components/DesignerActionRunner.ts index cd578c30..5f5c2096 100644 --- a/packages/mindplot/src/components/DesignerActionRunner.ts +++ b/packages/mindplot/src/components/DesignerActionRunner.ts @@ -42,19 +42,19 @@ class DesignerActionRunner { command.execute(this._context); this._undoManager.enqueue(command); this.fireChangeEvent(); - EventBus.instance.fireEvent(EventBus.events.DoLayout); + EventBus.instance.fireEvent('forceLayout'); } undo(): void { this._undoManager.execUndo(this._context); this.fireChangeEvent(); - EventBus.instance.fireEvent(EventBus.events.DoLayout); + EventBus.instance.fireEvent('forceLayout'); } redo(): void { this._undoManager.execRedo(this._context); this.fireChangeEvent(); - EventBus.instance.fireEvent(EventBus.events.DoLayout); + EventBus.instance.fireEvent('forceLayout'); } fireChangeEvent(): void { diff --git a/packages/mindplot/src/components/DragManager.ts b/packages/mindplot/src/components/DragManager.ts index 56bb3021..41607fcd 100644 --- a/packages/mindplot/src/components/DragManager.ts +++ b/packages/mindplot/src/components/DragManager.ts @@ -24,8 +24,6 @@ import Workspace from './Workspace'; class DragManager { private _workspace: Workspace; - private _designerModel: Workspace; - private _isDragInProcess: boolean; private _eventDispatcher: EventBusDispatcher; @@ -38,7 +36,6 @@ class DragManager { constructor(workspace: Workspace, eventDispatcher: EventBusDispatcher) { this._workspace = workspace; - this._designerModel = workspace; this._listeners = {}; this._isDragInProcess = false; this._eventDispatcher = eventDispatcher; @@ -68,7 +65,7 @@ class DragManager { // Register mouse up listeners ... const mouseUpListener = dragManager._buildMouseUpListener( - workspace, topic, dragNode, dragManager, + workspace, dragNode, dragManager, ); screen.addEvent('mouseup', mouseUpListener); @@ -115,7 +112,7 @@ class DragManager { return result; } - protected _buildMouseUpListener(workspace: Workspace, topic: Topic, dragNode, dragManager: DragManager) { + protected _buildMouseUpListener(workspace: Workspace, dragNode, dragManager: DragManager) { const screen = workspace.getScreenManager(); const me = this; const result = (event: Event) => { @@ -149,13 +146,7 @@ class DragManager { return result; } - /** - * type: - * - startdragging. - * - dragging - * - enddragging - */ - addEvent(type: string, listener) { + addEvent(type: 'startdragging' | 'dragging' | 'enddragging', listener) { this._listeners[type] = listener; } } diff --git a/packages/mindplot/src/components/DragTopic.ts b/packages/mindplot/src/components/DragTopic.ts index 9d9c23a4..be51a848 100644 --- a/packages/mindplot/src/components/DragTopic.ts +++ b/packages/mindplot/src/components/DragTopic.ts @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { $assert, $defined } from '@wisemapping/core-js'; +import { $assert } from '@wisemapping/core-js'; import { Point, ElementClass } from '@wisemapping/web2d'; import ActionDispatcher from './ActionDispatcher'; @@ -27,12 +27,19 @@ import Workspace from './Workspace'; class DragTopic { private _elem2d: ElementClass; + private _order: number | null; + private _draggedNode: NodeGraph; + private _layoutManager: LayoutManager; - private _position: any; + + private _position: Point; + private _isInWorkspace: boolean; - static _dragPivot: any; + + static _dragPivot: DragPivot = new DragPivot(); + constructor(dragShape: ElementClass, draggedNode: NodeGraph, layoutManger: LayoutManager) { $assert(dragShape, 'Rect can not be null.'); $assert(draggedNode, 'draggedNode can not be null.'); @@ -46,13 +53,13 @@ class DragTopic { this._isInWorkspace = false; } - setOrder(order: number) { + setOrder(order: number): void { this._order = order; } - setPosition(x: number, y: number) { + setPosition(x: number, y: number): void { // Update drag shadow position .... - let position = { x, y }; + const position = { x, y }; this._position.setValue(position.x, position.y); // Elements are positioned in the center. @@ -104,11 +111,7 @@ class DragTopic { $assert(parent, 'Parent connection node can not be null.'); // Where it should be connected ? - - // @todo: This is a hack for the access of the editor. - // It's required to review why this is needed forcing the declaration of a global variable. - - const predict = global.designer._eventBussDispatcher._layoutManager.predict( + const predict = this._layoutManager.predict( parent.getId(), this._draggedNode.getId(), this.getPosition(), @@ -154,8 +157,8 @@ class DragTopic { } } - _getDragPivot(): DragPivot { - return DragTopic.__getDragPivot(); + private _getDragPivot(): DragPivot { + return DragTopic._dragPivot; } getPosition(): Point { @@ -206,18 +209,9 @@ class DragTopic { static init(workspace: Workspace) { $assert(workspace, 'workspace can not be null'); - const pivot = DragTopic.__getDragPivot(); + const pivot = DragTopic._dragPivot; workspace.append(pivot); - }; - - static __getDragPivot() { - let result = DragTopic._dragPivot; - if (!$defined(result)) { - result = new DragPivot(); - DragTopic._dragPivot = result; - } - return result; - }; + } } export default DragTopic; diff --git a/packages/mindplot/src/components/Events.ts b/packages/mindplot/src/components/Events.ts index 80c39d12..41cf1277 100644 --- a/packages/mindplot/src/components/Events.ts +++ b/packages/mindplot/src/components/Events.ts @@ -17,24 +17,24 @@ */ class Events { - private $events; + private _handlerByType; constructor() { - this.$events = {}; + this._handlerByType = {}; } - static _removeOn(string: string) { - return string.replace(/^on([A-Z])/, (full, first) => first.toLowerCase()); + static _normalizeEventName(string: string) { + return string.replace(/^on([A-Z])/, (_full, first) => first.toLowerCase()); } addEvent(typeName: string, fn?, internal?: boolean): Events { - const type = Events._removeOn(typeName); + const type = Events._normalizeEventName(typeName); // Add function had not been added yet - const funByType = this.$events[type] ? this.$events[type] : []; + const funByType = this._handlerByType[type] ? this._handlerByType[type] : []; if (!funByType.includes(fn)) { funByType.push(fn); - this.$events[type] = funByType; + this._handlerByType[type] = funByType; } // Mark reference ... @@ -42,25 +42,21 @@ class Events { return this; } - fireEvent(typeName: string, eventArgs?, delay?: boolean): Events { - const type = Events._removeOn(typeName); - const events = this.$events[type]; + fireEvent(typeName: string, eventArgs?): Events { + const type = Events._normalizeEventName(typeName); + const events = this._handlerByType[type]; if (!events) return this; const args = Array.isArray(eventArgs) ? eventArgs : [eventArgs]; events.forEach(((fn) => { - if (delay) { - fn.delay(delay, this, args); - } else { - fn.apply(this, args); - } + fn.apply(this, args); })); return this; } removeEvent(typeName: string, fn?): Events { - const type = Events._removeOn(typeName); - const events = this.$events[type]; + const type = Events._normalizeEventName(typeName); + const events = this._handlerByType[type]; if (events && !fn.internal) { const index = events.indexOf(fn); if (index !== -1) events.splice(index, 1); diff --git a/packages/mindplot/src/components/Relationship.ts b/packages/mindplot/src/components/Relationship.ts index 782477e1..8b6cd4d7 100644 --- a/packages/mindplot/src/components/Relationship.ts +++ b/packages/mindplot/src/components/Relationship.ts @@ -277,10 +277,10 @@ class Relationship extends ConnectionLine { return this._isInWorkspace; } - setVisibility(value: boolean) { - super.setVisibility(value); + setVisibility(value: boolean, fade = 0) { + super.setVisibility(value, fade); if (this._showEndArrow) this._endArrow.setVisibility(this._showEndArrow); - this._startArrow.setVisibility(this._showStartArrow && value); + this._startArrow.setVisibility(this._showStartArrow && value, fade); } setOpacity(opacity: number) { diff --git a/packages/mindplot/src/components/ShrinkConnector.ts b/packages/mindplot/src/components/ShrinkConnector.ts index 271e690c..6d354722 100644 --- a/packages/mindplot/src/components/ShrinkConnector.ts +++ b/packages/mindplot/src/components/ShrinkConnector.ts @@ -78,8 +78,8 @@ class ShirinkConnector { this._isShrink = isShrink; } - setVisibility(value: boolean): void { - this._ellipse.setVisibility(value); + setVisibility(value: boolean, fade = 0): void { + this._ellipse.setVisibility(value, fade); } setOpacity(opacity: number): void { diff --git a/packages/mindplot/src/components/StandaloneActionDispatcher.ts b/packages/mindplot/src/components/StandaloneActionDispatcher.ts index 6d8c8f2e..011f8d44 100644 --- a/packages/mindplot/src/components/StandaloneActionDispatcher.ts +++ b/packages/mindplot/src/components/StandaloneActionDispatcher.ts @@ -81,7 +81,7 @@ class StandaloneActionDispatcher extends ActionDispatcher { const commandFunc = (topic: Topic, pos: Point) => { const result = topic.getPosition(); - EventBus.instance.fireEvent(EventBus.events.NodeMoveEvent, { + EventBus.instance.fireEvent('topicMoved', { node: topic.getModel(), position: pos, }); @@ -252,7 +252,6 @@ class StandaloneActionDispatcher extends ActionDispatcher { this.execute(command); } - /** */ addFeatureToTopic(topicId: number, featureType: FeatureType, attributes) { const command = new AddFeatureToTopicCommand(topicId, featureType, attributes); this.execute(command); diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts index c31fd1bc..92b0080e 100644 --- a/packages/mindplot/src/components/Topic.ts +++ b/packages/mindplot/src/components/Topic.ts @@ -28,7 +28,6 @@ import TopicStyle from './TopicStyle'; import TopicFeatureFactory from './TopicFeature'; import ConnectionLine from './ConnectionLine'; import IconGroup from './IconGroup'; -import FadeEffect from './util/FadeEffect'; import EventBus from './layout/EventBus'; import ShirinkConnector from './ShrinkConnector'; import NoteEditor from './widget/NoteEditor'; @@ -337,11 +336,6 @@ abstract class Topic extends NodeGraph { return result; } - /** - * assigns the new feature model to the topic's node model and adds the respective icon - * @param {mindplot.model.FeatureModel} featureModel - * @return {mindplot.Icon} the icon corresponding to the feature model - */ addFeature(featureModel: FeatureModel): Icon { const iconGroup = this.getOrBuildIconGroup(); this.closeEditors(); @@ -350,7 +344,7 @@ abstract class Topic extends NodeGraph { const model = this.getModel(); model.addFeature(featureModel); - const result = TopicFeatureFactory.createIcon(this, featureModel, this.isReadOnly()); + const result: Icon = TopicFeatureFactory.createIcon(this, featureModel, this.isReadOnly()); iconGroup.addIcon( result, featureModel.getType() === TopicFeatureFactory.Icon.id && !this.isReadOnly(), @@ -360,7 +354,6 @@ abstract class Topic extends NodeGraph { return result; } - /** */ findFeatureById(id: number) { const model = this.getModel(); return model.findFeatureById(id); @@ -707,34 +700,21 @@ abstract class Topic extends NodeGraph { // Change render base on the state. const shrinkConnector = this.getShrinkConnector(); - if ($defined(shrinkConnector)) { + if (shrinkConnector) { shrinkConnector.changeRender(value); } // Do some fancy animation .... const elements = this._flatten2DElements(this); - const fade = new FadeEffect(elements, !value); - const me = this; - fade.addEvent('complete', () => { - // Set focus on the parent node ... - if (value) { - me.setOnFocus(true); - } - - // Set focus in false for all the children ... - elements.forEach((elem) => { - if (elem.setOnFocus) { - elem.setOnFocus(false); - } - }); + elements.forEach((elem) => { + elem.setVisibility(!value, 250) }); - fade.start(); - EventBus.instance.fireEvent(EventBus.events.NodeShrinkEvent, model); + EventBus.instance.fireEvent('childShrinked', model); + } - /** */ - getShrinkConnector(): ShirinkConnector { + getShrinkConnector(): ShirinkConnector | undefined { let result = this._connector; if (this._connector == null) { this._connector = new ShirinkConnector(this); @@ -925,19 +905,19 @@ abstract class Topic extends NodeGraph { } /** */ - setVisibility(value: boolean): void { - this._setTopicVisibility(value); + setVisibility(value: boolean, fade = 0): void { + this._setTopicVisibility(value, fade); // Hide all children... - this._setChildrenVisibility(value); + this._setChildrenVisibility(value, fade); // If there there are connection to the node, topic must be hidden. - this._setRelationshipLinesVisibility(value); + this._setRelationshipLinesVisibility(value, fade); // If it's connected, the connection must be rendered. const outgoingLine = this.getOutgoingLine(); if (outgoingLine) { - outgoingLine.setVisibility(value); + outgoingLine.setVisibility(value, fade); } } @@ -971,7 +951,7 @@ abstract class Topic extends NodeGraph { return elem.isVisible(); } - private _setRelationshipLinesVisibility(value: boolean): void { + private _setRelationshipLinesVisibility(value: boolean, fade = 0): void { this._relationships.forEach((relationship) => { const sourceTopic = relationship.getSourceTopic(); const targetTopic = relationship.getTargetTopic(); @@ -981,28 +961,28 @@ abstract class Topic extends NodeGraph { relationship.setVisibility( value && (targetParent == null || !targetParent.areChildrenShrunken()) - && (sourceParent == null || !sourceParent.areChildrenShrunken()), - ); + && (sourceParent == null || !sourceParent.areChildrenShrunken()) + , fade); }); } - private _setTopicVisibility(value: boolean) { + private _setTopicVisibility(value: boolean, fade = 0) { const elem = this.get2DElement(); - elem.setVisibility(value); + elem.setVisibility(value, fade); if (this.getIncomingLines().length > 0) { const connector = this.getShrinkConnector(); if ($defined(connector)) { - connector.setVisibility(value); + connector.setVisibility(value, fade); } } // Hide inner shape ... - this.getInnerShape().setVisibility(value); + this.getInnerShape().setVisibility(value, fade); // Hide text shape ... const textShape = this.getTextShape(); - textShape.setVisibility(this.getShapeType() !== TopicShape.IMAGE ? value : false); + textShape.setVisibility(this.getShapeType() !== TopicShape.IMAGE ? value : false, fade); } /** */ @@ -1018,14 +998,14 @@ abstract class Topic extends NodeGraph { textShape.setOpacity(opacity); } - private _setChildrenVisibility(isVisible: boolean) { + private _setChildrenVisibility(value: boolean, fade = 0) { // Hide all children. const children = this.getChildren(); const model = this.getModel(); - const visibility = isVisible ? !model.areChildrenShrunken() : isVisible; + const visibility = value ? !model.areChildrenShrunken() : value; children.forEach((child) => { - child.setVisibility(visibility); + child.setVisibility(visibility, fade); const outgoingLine = child.getOutgoingLine(); outgoingLine.setVisibility(visibility); }); @@ -1066,7 +1046,7 @@ abstract class Topic extends NodeGraph { this._updatePositionOnChangeSize(oldSize, roundedSize); if (hasSizeChanged) { - EventBus.instance.fireEvent(EventBus.events.NodeResizeEvent, { + EventBus.instance.fireEvent('topicResize', { node: this.getModel(), size: roundedSize, }); @@ -1097,7 +1077,7 @@ abstract class Topic extends NodeGraph { outgoingLine.removeFromWorkspace(workspace); // Remove from workspace. - EventBus.instance.fireEvent(EventBus.events.NodeDisconnectEvent, this.getModel()); + EventBus.instance.fireEvent('topicDisconect', this.getModel()); // Change text based on the current connection ... const model = this.getModel(); @@ -1180,7 +1160,7 @@ abstract class Topic extends NodeGraph { // Fire connection event ... if (this.isInWorkspace()) { - EventBus.instance.fireEvent(EventBus.events.NodeConnectEvent, { + EventBus.instance.fireEvent('topicConnected', { parentNode: targetTopic.getModel(), childNode: this.getModel(), }); @@ -1218,7 +1198,7 @@ abstract class Topic extends NodeGraph { workspace.removeChild(line); } this._isInWorkspace = false; - EventBus.instance.fireEvent(EventBus.events.NodeRemoved, this.getModel()); + EventBus.instance.fireEvent('topicRemoved', this.getModel()); } addToWorkspace(workspace: Workspace) { @@ -1226,11 +1206,11 @@ abstract class Topic extends NodeGraph { workspace.append(elem); if (!this.isInWorkspace()) { if (!this.isCentralTopic()) { - EventBus.instance.fireEvent(EventBus.events.NodeAdded, this.getModel()); + EventBus.instance.fireEvent('topicAdded', this.getModel()); } if (this.getModel().isConnected()) { - EventBus.instance.fireEvent(EventBus.events.NodeConnectEvent, { + EventBus.instance.fireEvent('topicConnected', { parentNode: this.getOutgoingConnectedTopic().getModel(), childNode: this.getModel(), }); @@ -1300,7 +1280,7 @@ abstract class Topic extends NodeGraph { } } - private _flatten2DElements(topic: Topic) { + private _flatten2DElements(topic: Topic): (Topic | Relationship)[] { let result = []; const children = topic.getChildren(); diff --git a/packages/mindplot/src/components/TopicFeature.js b/packages/mindplot/src/components/TopicFeature.js index cf63f48b..96c3e3a6 100644 --- a/packages/mindplot/src/components/TopicFeature.js +++ b/packages/mindplot/src/components/TopicFeature.js @@ -40,14 +40,6 @@ const TopicFeatureFactory = { icon: NoteIcon, }, - /** - * @param {mindplot.Topic} topic - * @param {mindplot.model.FeatureModel} model - * @param {Boolean} readOnly true if the editor is running in read-only mode - * @throws will throw an error if topic is null or undefined - * @throws will throw v an error if model is null or undefined - * @return {mindplot.n,nmn mn4 r be5qnwwddwsz5on} a new instance of the icon subclass matching the topic feature - */ createIcon(topic, model, readOnly) { $assert(topic, 'topic can not be null'); $assert(model, 'model can not be null'); diff --git a/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.ts b/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.ts index 952e6562..539edf5a 100644 --- a/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.ts +++ b/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.ts @@ -52,9 +52,6 @@ class AddFeatureToTopicCommand extends Command { this._featureModel = null; } - /** - * Overrides abstract parent method - */ execute(commandContext: CommandContext) { const topic = commandContext.findTopics([this._topicId])[0]; @@ -66,10 +63,6 @@ class AddFeatureToTopicCommand extends Command { topic.addFeature(this._featureModel); } - /** - * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} - */ undoExecute(commandContext: CommandContext) { const topic = commandContext.findTopics([this._topicId])[0]; topic.removeFeature(this._featureModel); diff --git a/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts b/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts index 0f69ea38..34419adb 100644 --- a/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts +++ b/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts @@ -1,6 +1,4 @@ -/* eslint-disable no-unused-vars */ -/* eslint-disable class-methods-use-this */ -/* +/** * Copyright [2021] [wisemapping] * * Licensed under WiseMapping Public License, Version 1.0 (the "License"). @@ -17,22 +15,26 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +import RootedTreeSet from "./RootedTreeSet"; +import Node from './Node'; +import PositionType from "../PositionType"; + abstract class ChildrenSorterStrategy { - abstract computeChildrenIdByHeights(treeSet, node); + abstract computeChildrenIdByHeights(treeSet: RootedTreeSet, node: Node); - abstract computeOffsets(treeSet, node); + abstract computeOffsets(treeSet: RootedTreeSet, node: Node); - abstract insert(treeSet, parent, child, order); + abstract insert(treeSet: RootedTreeSet, parent: Node, child: Node, order: number); - abstract detach(treeSet, node); + abstract detach(treeSet: RootedTreeSet, node: Node); - abstract predict(treeSet, parent, node, position, free); + abstract predict(treeSet: RootedTreeSet, parent, node: Node, position: PositionType); - abstract verify(treeSet, node); + abstract verify(treeSet: RootedTreeSet, node: Node); - abstract getChildDirection(treeSet, node); + abstract getChildDirection(treeSet: RootedTreeSet, node: Node); - abstract toString(); + abstract toString(): string; } export default ChildrenSorterStrategy; diff --git a/packages/mindplot/src/components/layout/EventBus.js b/packages/mindplot/src/components/layout/EventBus.ts similarity index 60% rename from packages/mindplot/src/components/layout/EventBus.js rename to packages/mindplot/src/components/layout/EventBus.ts index dca98b13..efb5c202 100644 --- a/packages/mindplot/src/components/layout/EventBus.js +++ b/packages/mindplot/src/components/layout/EventBus.ts @@ -17,25 +17,22 @@ */ import Events from '../Events'; +export type EventType = 'topicResize' | 'topicMoved' | 'childShrinked' | 'topicConnected' | 'topicAdded' | 'topicRemoved' | 'forceLayout' | 'topicDisconect'; class EventBus extends Events { + // eslint-disable-next-line no-use-before-define + static _instance: EventBus = new EventBus(); + + static get instance(): EventBus { + return this._instance; + } + + fireEvent(type: EventType, eventArgs?: unknown[] | unknown): Events { + return super.fireEvent(type, eventArgs); + } + + addEvent(type: EventType, fn?, internal?: boolean): Events { + return super.addEvent(type, fn, internal); + } } -/** - * Enum for events - * @enum {String} - */ -EventBus.events = { - NodeResizeEvent: 'NodeResizeEvent', - NodeMoveEvent: 'NodeMoveEvent', - NodeShrinkEvent: 'NodeShrinkEvent', - NodeConnectEvent: 'NodeConnectEvent', - NodeDisconnectEvent: 'NodeDisconnectEvent', - NodeAdded: 'NodeAdded', - NodeRemoved: 'NodeRemoved', - DoLayout: 'DoLayout', -}; - -/** instance */ -EventBus.instance = new EventBus(); - export default EventBus; diff --git a/packages/mindplot/src/components/layout/EventBusDispatcher.js b/packages/mindplot/src/components/layout/EventBusDispatcher.ts similarity index 57% rename from packages/mindplot/src/components/layout/EventBusDispatcher.js rename to packages/mindplot/src/components/layout/EventBusDispatcher.ts index e635a426..81b83ef9 100644 --- a/packages/mindplot/src/components/layout/EventBusDispatcher.js +++ b/packages/mindplot/src/components/layout/EventBusDispatcher.ts @@ -15,59 +15,57 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +import PositionType from '../PositionType'; +import SizeType from '../SizeType'; +import Topic from '../Topic'; import EventBus from './EventBus'; +import LayoutManager from './LayoutManager'; class EventBusDispatcher { + private _layoutManager: LayoutManager; + constructor() { this.registerBusEvents(); } - /** - * @param {mindplot.layout.LayoutManager} layoutManager - */ - setLayoutManager(layoutManager) { + setLayoutManager(layoutManager: LayoutManager) { this._layoutManager = layoutManager; } - /** - * register bus events - */ registerBusEvents() { - EventBus.instance.addEvent(EventBus.events.NodeAdded, this._nodeAdded.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeRemoved, this._nodeRemoved.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeResizeEvent, this._nodeResizeEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeMoveEvent, this._nodeMoveEvent.bind(this)); - EventBus.instance.addEvent( - EventBus.events.NodeDisconnectEvent, this._nodeDisconnectEvent.bind(this), - ); - EventBus.instance.addEvent(EventBus.events.NodeConnectEvent, this._nodeConnectEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeShrinkEvent, this._nodeShrinkEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.DoLayout, this._doLayout.bind(this)); + EventBus.instance.addEvent('topicAdded', this._topicAdded.bind(this)); + EventBus.instance.addEvent('topicRemoved', this._topicRemoved.bind(this)); + EventBus.instance.addEvent('topicResize', this._topicResizeEvent.bind(this)); + EventBus.instance.addEvent('topicMoved', this._topicMoved.bind(this)); + EventBus.instance.addEvent('topicDisconect', this._topicDisconect.bind(this)); + EventBus.instance.addEvent('topicConnected', this._topicConnected.bind(this)); + EventBus.instance.addEvent('childShrinked', this._childShrinked.bind(this)); + EventBus.instance.addEvent('forceLayout', this._forceLayout.bind(this)); } - _nodeResizeEvent(args) { + private _topicResizeEvent(args: { node: Topic, size: SizeType }) { this._layoutManager.updateNodeSize(args.node.getId(), args.size); } - _nodeMoveEvent(args) { + private _topicMoved(args: { node: Topic, position: PositionType }) { this._layoutManager.moveNode(args.node.getId(), args.position); } - _nodeDisconnectEvent(node) { + private _topicDisconect(node: Topic) { this._layoutManager.disconnectNode(node.getId()); } - _nodeConnectEvent(args) { + private _topicConnected(args: { parentNode: Topic, childNode: Topic }) { this._layoutManager.connectNode( args.parentNode.getId(), args.childNode.getId(), args.childNode.getOrder(), ); } - _nodeShrinkEvent(node) { + private _childShrinked(node: Topic) { this._layoutManager.updateShrinkState(node.getId(), node.areChildrenShrunken()); } - _nodeAdded(node) { + private _topicAdded(node: Topic) { // Central topic must not be added twice ... if (node.getId() !== 0) { this._layoutManager.addNode(node.getId(), { width: 10, height: 10 }, node.getPosition()); @@ -75,21 +73,14 @@ class EventBusDispatcher { } } - _nodeRemoved(node) { + private _topicRemoved(node: Topic) { this._layoutManager.removeNode(node.getId()); } - _doLayout() { - // (function() { + private _forceLayout() { this._layoutManager.layout(true); - // console.log("---------"); - // this._layoutManager.dump(); - // console.log("---------"); - // console.log("---------"); - // }).delay(0, this); } - /** @return layout manager */ getLayoutManager() { return this._layoutManager; } diff --git a/packages/mindplot/src/components/layout/LayoutManager.js b/packages/mindplot/src/components/layout/LayoutManager.ts similarity index 64% rename from packages/mindplot/src/components/layout/LayoutManager.js rename to packages/mindplot/src/components/layout/LayoutManager.ts index 4f38b269..64c9a1b9 100644 --- a/packages/mindplot/src/components/layout/LayoutManager.js +++ b/packages/mindplot/src/components/layout/LayoutManager.ts @@ -21,9 +21,18 @@ import Events from '../Events'; import RootedTreeSet from './RootedTreeSet'; import OriginalLayout from './OriginalLayout'; import ChangeEvent from './ChangeEvent'; +import SizeType from '../SizeType'; +import Node from './Node'; +import PositionType from '../PositionType'; class LayoutManager extends Events { - constructor(rootNodeId, rootSize) { + private _treeSet: RootedTreeSet; + + private _layout: OriginalLayout; + + private _events: ChangeEvent[]; + + constructor(rootNodeId: number, rootSize: SizeType) { super(); $assert($defined(rootNodeId), 'rootNodeId can not be null'); $assert(rootSize, 'rootSize can not be null'); @@ -36,40 +45,22 @@ class LayoutManager extends Events { this._events = []; } - /** - * @param id - * @param size - * @throws will throw an error if id is null or undefined - */ - updateNodeSize(id, size) { + updateNodeSize(id: number, size: SizeType): void { $assert($defined(id), 'id can not be null'); const node = this._treeSet.find(id); node.setSize(size); } - /** - * @param id - * @param value - * @throws will throw an error if id is null or undefined - * @throws will throw an error if value is null or undefined - * @return this - */ - updateShrinkState(id, value) { + updateShrinkState(id: number, value: boolean): void { $assert($defined(id), 'id can not be null'); $assert($defined(value), 'value can not be null'); const node = this._treeSet.find(id); node.setShrunken(value); - - return this; } - /** - * @param id - * @return {@link RootedTreeSet}.find(id) - */ - find(id) { + find(id: number): Node { return this._treeSet.find(id); } @@ -81,31 +72,17 @@ class LayoutManager extends Events { * @throws will throw an error if the position's x property is null or undefined * @throws will throw an error if the position's y property is null or undefined */ - moveNode(id, position) { + moveNode(id: number, position: PositionType) { $assert($defined(id), 'id cannot be null'); $assert($defined(position), 'position cannot be null'); $assert($defined(position.x), 'x can not be null'); $assert($defined(position.y), 'y can not be null'); const node = this._treeSet.find(id); - // @Todo: this should not be here. This is broking the isolated node support... - // node.setFree(true); - // node.setFreeDisplacement( - // {x:position.x - node.getPosition().x, y:position.y - node.getPosition().y} - // ); node.setPosition(position); } - /** - * @param parentId - * @param childId - * @param order - * @throws will throw an error if parentId is null or undefined - * @throws will throw an error if childId is null or undefined - * @throws will throw an error if order is null or undefined - * @return this - */ - connectNode(parentId, childId, order) { + connectNode(parentId: number, childId: number, order: number) { $assert($defined(parentId), 'parentId cannot be null'); $assert($defined(childId), 'childId cannot be null'); $assert($defined(order), 'order cannot be null'); @@ -115,16 +92,9 @@ class LayoutManager extends Events { return this; } - /** - * @param id - * @throws will throw an error if id is null or undefined - * @return this - */ - disconnectNode(id) { + disconnectNode(id: number): void { $assert($defined(id), 'id can not be null'); this._layout.disconnectNode(id); - - return this; } /** @@ -134,7 +104,7 @@ class LayoutManager extends Events { * @throws will throw an error if id is null or undefined * @return this */ - addNode(id, size, position) { + addNode(id: number, size: SizeType, position: PositionType) { $assert($defined(id), 'id can not be null'); const result = this._layout.createNode(id, size, position, 'topic'); this._treeSet.add(result); @@ -142,13 +112,7 @@ class LayoutManager extends Events { return this; } - /** - * removes a node and its connection to parent if existing - * @param id - * @throws will throw an error if id is null or undefined - * @return this - */ - removeNode(id) { + removeNode(id: number) { $assert($defined(id), 'id can not be null'); const node = this._treeSet.find(id); @@ -163,47 +127,31 @@ class LayoutManager extends Events { return this; } - /** - * @param {Number} parentId - * @param {Number=} nodeId - * @param {String=} position the position to use as mindplot.layout.Node.properties position - * property as '(x,y)' - * @param {Boolean=} free true specifies free node positioning - * @throws will throw an error if parentId is null or undefined - */ - predict(parentId, nodeId, position, free) { + predict(parentId: number, nodeId: number, position: PositionType): { order: number, position: PositionType } { $assert($defined(parentId), 'parentId can not be null'); const parent = this._treeSet.find(parentId); const node = nodeId ? this._treeSet.find(nodeId) : null; const sorter = parent.getSorter(); - const result = sorter.predict(this._treeSet, parent, node, position, free); + const result = sorter.predict(this._treeSet, parent, node, position); return { order: result[0], position: result[1] }; } - /** - * logs dump to console - */ dump() { console.log(this._treeSet.dump()); } - /** - * @param containerId - * @param {width:Number, height:Number} size - * @throws will throw an error if containerId is null or undefined - * @return canvas - */ - plot(containerId, size = { width: 200, height: 200 }) { + plot(containerId: string, size = { width: 200, height: 200 }) { // this method is only used from tests that include Raphael - if (!global.Raphael) { + + if (!globalThis.Raphael) { console.warn('Raphael.js not found, exiting plot()'); return null; } $assert(containerId, 'containerId cannot be null'); const squaresize = 10; - const canvas = global.Raphael(containerId, size.width, size.height); + const canvas = globalThis.Raphael(containerId, size.width, size.height); canvas.drawGrid( 0, 0, @@ -217,40 +165,33 @@ class LayoutManager extends Events { return canvas; } - /** - * initializes the layout to be updated - * @param fireEvents - * @return this - */ - layout(fireEvents) { + layout(flush: boolean): LayoutManager { // File repositioning ... this._layout.layout(); // Collect changes ... - this._collectChanges(); + this._collectChanges(this._treeSet.getTreeRoots()); - if ($(fireEvents).length > 0 || fireEvents) { + if (flush) { this._flushEvents(); } return this; } - _flushEvents() { + private _flushEvents() { this._events.forEach(((event) => { this.fireEvent('change', event); })); this._events = []; } - _collectChanges(nodes) { - const nodesToCollect = nodes || this._treeSet.getTreeRoots(); - - nodesToCollect.forEach(((node) => { + private _collectChanges(nodes: Node[]) { + nodes.forEach(((node) => { if (node.hasOrderChanged() || node.hasPositionChanged()) { // Find or create a event ... const id = node.getId(); - let event = this._events.some((e) => e.id === id); + let event: ChangeEvent = this._events.find((e) => e.getId() === id); if (!event) { event = new ChangeEvent(id); } diff --git a/packages/mindplot/src/components/layout/RootedTreeSet.ts b/packages/mindplot/src/components/layout/RootedTreeSet.ts index 8fb53fce..4637fe96 100644 --- a/packages/mindplot/src/components/layout/RootedTreeSet.ts +++ b/packages/mindplot/src/components/layout/RootedTreeSet.ts @@ -28,31 +28,20 @@ class RootedTreeSet { this._rootNodes = []; } - /** - * @param root - * @throws will throw an error if root is null or undefined - */ setRoot(root: Node) { $assert(root, 'root can not be null'); this._rootNodes.push(this._decodate(root)); } - /** getter */ - getTreeRoots() { + getTreeRoots(): Node[] { return this._rootNodes; } - _decodate(node: Node) { + _decodate(node: Node): Node { node._children = []; return node; } - /** - * @param {mindplot.model.NodeModel} node - * @throws will throw an error if node is null or undefined - * @throws will throw an error if node with id already exists - * @throws will throw an error if node has been added already - */ add(node: Node) { $assert(node, 'node can not be null'); if (this.find(node.getId(), false)) { diff --git a/packages/web2d/src/components/ElementClass.js b/packages/web2d/src/components/ElementClass.js index ca38d4af..7ff3dd97 100644 --- a/packages/web2d/src/components/ElementClass.js +++ b/packages/web2d/src/components/ElementClass.js @@ -161,12 +161,12 @@ class ElementClass { setStroke(width, style, color, opacity) { if ( style != null - && style !== undefined - && style !== 'dash' - && style !== 'dot' - && style !== 'solid' - && style !== 'longdash' - && style !== 'dashdot' + && style !== undefined + && style !== 'dash' + && style !== 'dot' + && style !== 'solid' + && style !== 'longdash' + && style !== 'dashdot' ) { throw new Error(`Unsupported stroke style: '${style}'`); } @@ -255,8 +255,8 @@ class ElementClass { this.peer.setFill(null, opacity); } - setVisibility(isVisible) { - this.peer.setVisibility(isVisible); + setVisibility(value, fade) { + this.peer.setVisibility(value, fade); } isVisible() { diff --git a/packages/web2d/src/components/peer/svg/ElementPeer.js b/packages/web2d/src/components/peer/svg/ElementPeer.js index e09f4058..77901330 100644 --- a/packages/web2d/src/components/peer/svg/ElementPeer.js +++ b/packages/web2d/src/components/peer/svg/ElementPeer.js @@ -181,11 +181,14 @@ class ElementPeer { } } - /* - * style='visibility: visible' - */ - setVisibility(isVisible) { - this._native.setAttribute('visibility', isVisible ? 'visible' : 'hidden'); + setVisibility(value, fade) { + this._native.setAttribute('visibility', value ? 'visible' : 'hidden'); + this._native.style.opacity = value ? 1 : 0; + if (fade) { + this._native.style.transition = `visibility ${fade}ms, opacity ${fade}ms`; + } else { + this._native.style.transition = null; + } } isVisible() { diff --git a/packages/web2d/test/playground/shapes.html b/packages/web2d/test/playground/shapes.html index c2708db0..2e5e5f09 100755 --- a/packages/web2d/test/playground/shapes.html +++ b/packages/web2d/test/playground/shapes.html @@ -66,7 +66,7 @@ - Visibility. + Visibility with CSS Transition
diff --git a/packages/web2d/test/playground/shapes.js b/packages/web2d/test/playground/shapes.js index 5b086e3c..8fbbe031 100644 --- a/packages/web2d/test/playground/shapes.js +++ b/packages/web2d/test/playground/shapes.js @@ -225,15 +225,14 @@ const visibilityTest = () => { rect.setPosition(120, 20); workspace.append(rect); rect.addEvent('mouseover', () => { - alert('Mouse Over'); + rect.setVisibility(false, 500); }); - let isVisible = true; - const executer = function () { - isVisible = !isVisible; - rect.setVisibility(isVisible); - }; - // executer.periodical(100); + rect.addEvent('mouseout', () => { + rect.setVisibility(true, 500); + }); + + // executer.periodical(100); workspace.addItAsChildTo($('#visibility')); }; visibilityTest(); From e9a23bb1e2c71a00d65d8bf027eb056fd1e7d3c9 Mon Sep 17 00:00:00 2001 From: Matias Arriola Date: Wed, 2 Mar 2022 22:25:51 +0000 Subject: [PATCH 03/32] Fix css style issue due to bootstrap. --- packages/editor/src/bootstrap-fixes.css | 20 +++++++++++++++++++ packages/editor/src/bootstrap-prefix.min.css | 10 ++++++++++ packages/editor/src/bootstrap.min.css | 7 ------- .../editor/src/components/toolbar/index.tsx | 2 +- packages/editor/src/global-styled.css | 5 +++-- packages/editor/src/index.tsx | 3 ++- packages/mindplot/src/components/NoteIcon.ts | 1 - .../libraries/bootstrap/BootstrapDialog.js | 2 ++ .../src/components/widget/FloatingTip.js | 2 +- .../src/components/widget/LinkIconTooltip.js | 1 - 10 files changed, 39 insertions(+), 14 deletions(-) create mode 100644 packages/editor/src/bootstrap-fixes.css create mode 100644 packages/editor/src/bootstrap-prefix.min.css delete mode 100644 packages/editor/src/bootstrap.min.css diff --git a/packages/editor/src/bootstrap-fixes.css b/packages/editor/src/bootstrap-fixes.css new file mode 100644 index 00000000..9e1d5cdf --- /dev/null +++ b/packages/editor/src/bootstrap-fixes.css @@ -0,0 +1,20 @@ +/* + These are patches or hacks to avoid boostrap interfering with Mui styles + This file is meant to be removed when removing bootstrap +*/ +/* +/* bootstrap modal */ + +.wise-editor .modal { + overflow: hidden; +} + +.modal-backdrop { + position: fixed; + left: 0; + top: 0; + width: 100vw; + height: 100vh; + background: rgba(0,0,0,0.5); + z-index: 1000; +} \ No newline at end of file diff --git a/packages/editor/src/bootstrap-prefix.min.css b/packages/editor/src/bootstrap-prefix.min.css new file mode 100644 index 00000000..cfd4ef9f --- /dev/null +++ b/packages/editor/src/bootstrap-prefix.min.css @@ -0,0 +1,10 @@ +/*! + * Bootstrap v3.1.1 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/* + Custom-generated to include .wise-editor as prefix for all rules so scoping to that section is possible + based on https://stackoverflow.com/a/20051649/58128 +*/ +.wise-editor{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}.wise-editor{margin:0;}.wise-editor article,.wise-editor aside,.wise-editor details,.wise-editor figcaption,.wise-editor figure,.wise-editor footer,.wise-editor header,.wise-editor hgroup,.wise-editor main,.wise-editor nav,.wise-editor section,.wise-editor summary{display:block;}.wise-editor audio,.wise-editor canvas,.wise-editor progress,.wise-editor video{display:inline-block;vertical-align:baseline;}.wise-editor audio:not([controls]){display:none;height:0;}.wise-editor [hidden],.wise-editor template{display:none;}.wise-editor a{background:0 0;}.wise-editor a:active,.wise-editor a:hover{outline:0;}.wise-editor abbr[title]{border-bottom:1px dotted;}.wise-editor b,.wise-editor strong{font-weight:700;}.wise-editor dfn{font-style:italic;}.wise-editor h1{font-size:2em;margin:.67em 0;}.wise-editor mark{background:#ff0;color:#000;}.wise-editor small{font-size:80%;}.wise-editor sub,.wise-editor sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}.wise-editor sup{top:-.5em;}.wise-editor sub{bottom:-.25em;}.wise-editor img{border:0;}.wise-editor svg:not(:root){overflow:hidden;}.wise-editor figure{margin:1em 40px;}.wise-editor hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}.wise-editor pre{overflow:auto;}.wise-editor code,.wise-editor kbd,.wise-editor pre,.wise-editor samp{font-family:monospace,monospace;font-size:1em;}.wise-editor button,.wise-editor input,.wise-editor optgroup,.wise-editor select,.wise-editor textarea{color:inherit;font:inherit;margin:0;}.wise-editor button{overflow:visible;}.wise-editor button,.wise-editor select{text-transform:none;}.wise-editor button,.wise-editor input[type=button],.wise-editor input[type=reset],.wise-editor input[type=submit]{-webkit-appearance:button;cursor:pointer;}.wise-editor button[disabled],.wise-editor input[disabled]{cursor:default;}.wise-editor button::-moz-focus-inner,.wise-editor input::-moz-focus-inner{border:0;padding:0;}.wise-editor input{line-height:normal;}.wise-editor input[type=checkbox],.wise-editor input[type=radio]{box-sizing:border-box;padding:0;}.wise-editor input[type=number]::-webkit-inner-spin-button,.wise-editor input[type=number]::-webkit-outer-spin-button{height:auto;}.wise-editor input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.wise-editor input[type=search]::-webkit-search-cancel-button,.wise-editor input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}.wise-editor fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}.wise-editor legend{border:0;padding:0;}.wise-editor textarea{overflow:auto;}.wise-editor optgroup{font-weight:700;}.wise-editor table{border-collapse:collapse;border-spacing:0;}.wise-editor td,.wise-editor th{padding:0;}@media print{.wise-editor *{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important;}.wise-editor a,.wise-editor a:visited{text-decoration:underline;}.wise-editor a[href]:after{content:" (" attr(href) ")";}.wise-editor abbr[title]:after{content:" (" attr(title) ")";}.wise-editor a[href^="javascript:"]:after,.wise-editor a[href^="#"]:after{content:"";}.wise-editor pre,.wise-editor blockquote{border:1px solid #999;page-break-inside:avoid;}.wise-editor thead{display:table-header-group;}.wise-editor tr,.wise-editor img{page-break-inside:avoid;}.wise-editor img{max-width:100%!important;}.wise-editor p,.wise-editor h2,.wise-editor h3{orphans:3;widows:3;}.wise-editor h2,.wise-editor h3{page-break-after:avoid;}.wise-editor select{background:#fff!important;}.wise-editor .navbar{display:none;}.wise-editor .table td,.wise-editor .table th{background-color:#fff!important;}.wise-editor .btn>.caret,.wise-editor .dropup>.btn>.caret{border-top-color:#000!important;}.wise-editor .label{border:1px solid #000;}.wise-editor .table{border-collapse:collapse!important;}.wise-editor .table-bordered th,.wise-editor .table-bordered td{border:1px solid #ddd!important;}}.wise-editor *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.wise-editor :before,.wise-editor :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.wise-editor{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);}.wise-editor{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.42857143;color:#333;background-color:#fff;}.wise-editor input,.wise-editor button,.wise-editor select,.wise-editor textarea{font-family:inherit;font-size:inherit;line-height:inherit;}.wise-editor a{color:#428bca;text-decoration:none;}.wise-editor a:hover,.wise-editor a:focus{color:#2a6496;text-decoration:underline;}.wise-editor a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}.wise-editor figure{margin:0;}.wise-editor img{vertical-align:middle;}.wise-editor .img-responsive,.wise-editor .thumbnail>img,.wise-editor .thumbnail a>img,.wise-editor .carousel-inner>.item>img,.wise-editor .carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;}.wise-editor .img-rounded{border-radius:6px;}.wise-editor .img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto;}.wise-editor .img-circle{border-radius:50%;}.wise-editor hr{margin-top:18px;margin-bottom:18px;border:0;border-top:1px solid #eee;}.wise-editor .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}.wise-editor h1,.wise-editor h2,.wise-editor h3,.wise-editor h4,.wise-editor h5,.wise-editor h6,.wise-editor .h1,.wise-editor .h2,.wise-editor .h3,.wise-editor .h4,.wise-editor .h5,.wise-editor .h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}.wise-editor h1 small,.wise-editor h2 small,.wise-editor h3 small,.wise-editor h4 small,.wise-editor h5 small,.wise-editor h6 small,.wise-editor .h1 small,.wise-editor .h2 small,.wise-editor .h3 small,.wise-editor .h4 small,.wise-editor .h5 small,.wise-editor .h6 small,.wise-editor h1 .small,.wise-editor h2 .small,.wise-editor h3 .small,.wise-editor h4 .small,.wise-editor h5 .small,.wise-editor h6 .small,.wise-editor .h1 .small,.wise-editor .h2 .small,.wise-editor .h3 .small,.wise-editor .h4 .small,.wise-editor .h5 .small,.wise-editor .h6 .small{font-weight:400;line-height:1;color:#999;}.wise-editor h1,.wise-editor .h1,.wise-editor h2,.wise-editor .h2,.wise-editor h3,.wise-editor .h3{margin-top:18px;margin-bottom:9px;}.wise-editor h1 small,.wise-editor .h1 small,.wise-editor h2 small,.wise-editor .h2 small,.wise-editor h3 small,.wise-editor .h3 small,.wise-editor h1 .small,.wise-editor .h1 .small,.wise-editor h2 .small,.wise-editor .h2 .small,.wise-editor h3 .small,.wise-editor .h3 .small{font-size:65%;}.wise-editor h4,.wise-editor .h4,.wise-editor h5,.wise-editor .h5,.wise-editor h6,.wise-editor .h6{margin-top:9px;margin-bottom:9px;}.wise-editor h4 small,.wise-editor .h4 small,.wise-editor h5 small,.wise-editor .h5 small,.wise-editor h6 small,.wise-editor .h6 small,.wise-editor h4 .small,.wise-editor .h4 .small,.wise-editor h5 .small,.wise-editor .h5 .small,.wise-editor h6 .small,.wise-editor .h6 .small{font-size:75%;}.wise-editor h1,.wise-editor .h1{font-size:33px;}.wise-editor h2,.wise-editor .h2{font-size:27px;}.wise-editor h3,.wise-editor .h3{font-size:23px;}.wise-editor h4,.wise-editor .h4{font-size:17px;}.wise-editor h5,.wise-editor .h5{font-size:13px;}.wise-editor h6,.wise-editor .h6{font-size:12px;}.wise-editor p{margin:0 0 9px;}.wise-editor .lead{margin-bottom:18px;font-size:14px;font-weight:200;line-height:1.4;}@media (min-width:768px){.wise-editor .lead{font-size:19.5px;}}.wise-editor small,.wise-editor .small{font-size:85%;}.wise-editor cite{font-style:normal;}.wise-editor .text-left{text-align:left;}.wise-editor .text-right{text-align:right;}.wise-editor .text-center{text-align:center;}.wise-editor .text-justify{text-align:justify;}.wise-editor .text-muted{color:#999;}.wise-editor .text-primary{color:#428bca;}.wise-editor a.text-primary:hover{color:#3071a9;}.wise-editor .text-success{color:#3c763d;}.wise-editor a.text-success:hover{color:#2b542c;}.wise-editor .text-info{color:#31708f;}.wise-editor a.text-info:hover{color:#245269;}.wise-editor .text-warning{color:#8a6d3b;}.wise-editor a.text-warning:hover{color:#66512c;}.wise-editor .text-danger{color:#a94442;}.wise-editor a.text-danger:hover{color:#843534;}.wise-editor .bg-primary{color:#fff;background-color:#428bca;}.wise-editor a.bg-primary:hover{background-color:#3071a9;}.wise-editor .bg-success{background-color:#dff0d8;}.wise-editor a.bg-success:hover{background-color:#c1e2b3;}.wise-editor .bg-info{background-color:#d9edf7;}.wise-editor a.bg-info:hover{background-color:#afd9ee;}.wise-editor .bg-warning{background-color:#fcf8e3;}.wise-editor a.bg-warning:hover{background-color:#f7ecb5;}.wise-editor .bg-danger{background-color:#f2dede;}.wise-editor a.bg-danger:hover{background-color:#e4b9b9;}.wise-editor .page-header{padding-bottom:8px;margin:36px 0 18px;border-bottom:1px solid #eee;}.wise-editor ul,.wise-editor ol{margin-top:0;margin-bottom:9px;}.wise-editor ul ul,.wise-editor ol ul,.wise-editor ul ol,.wise-editor ol ol{margin-bottom:0;}.wise-editor .list-unstyled{padding-left:0;list-style:none;}.wise-editor .list-inline{padding-left:0;list-style:none;margin-left:-5px;}.wise-editor .list-inline>li{display:inline-block;padding-left:5px;padding-right:5px;}.wise-editor dl{margin-top:0;margin-bottom:18px;}.wise-editor dt,.wise-editor dd{line-height:1.42857143;}.wise-editor dt{font-weight:700;}.wise-editor dd{margin-left:0;}@media (min-width:768px){.wise-editor .dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.wise-editor .dl-horizontal dd{margin-left:180px;}}.wise-editor abbr[title],.wise-editor abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999;}.wise-editor .initialism{font-size:90%;text-transform:uppercase;}.wise-editor blockquote{padding:9px 18px;margin:0 0 18px;font-size:16.25px;border-left:5px solid #eee;}.wise-editor blockquote p:last-child,.wise-editor blockquote ul:last-child,.wise-editor blockquote ol:last-child{margin-bottom:0;}.wise-editor blockquote footer,.wise-editor blockquote small,.wise-editor blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999;}.wise-editor blockquote footer:before,.wise-editor blockquote small:before,.wise-editor blockquote .small:before{content:'\2014 \00A0';}.wise-editor .blockquote-reverse,.wise-editor blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right;}.wise-editor .blockquote-reverse footer:before,.wise-editor blockquote.pull-right footer:before,.wise-editor .blockquote-reverse small:before,.wise-editor blockquote.pull-right small:before,.wise-editor .blockquote-reverse .small:before,.wise-editor blockquote.pull-right .small:before{content:'';}.wise-editor .blockquote-reverse footer:after,.wise-editor blockquote.pull-right footer:after,.wise-editor .blockquote-reverse small:after,.wise-editor blockquote.pull-right small:after,.wise-editor .blockquote-reverse .small:after,.wise-editor blockquote.pull-right .small:after{content:'\00A0 \2014';}.wise-editor blockquote:before,.wise-editor blockquote:after{content:"";}.wise-editor address{margin-bottom:18px;font-style:normal;line-height:1.42857143;}.wise-editor code,.wise-editor kbd,.wise-editor pre,.wise-editor samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;}.wise-editor code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px;}.wise-editor kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);}.wise-editor pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;}.wise-editor pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0;}.wise-editor .pre-scrollable{max-height:340px;overflow-y:scroll;}.wise-editor .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}@media (min-width:768px){.wise-editor .container{width:750px;}}@media (min-width:992px){.wise-editor .container{width:970px;}}@media (min-width:1200px){.wise-editor .container{width:1170px;}}.wise-editor .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}.wise-editor .row{margin-left:-15px;margin-right:-15px;}.wise-editor .col-xs-1,.wise-editor .col-sm-1,.wise-editor .col-md-1,.wise-editor .col-lg-1,.wise-editor .col-xs-2,.wise-editor .col-sm-2,.wise-editor .col-md-2,.wise-editor .col-lg-2,.wise-editor .col-xs-3,.wise-editor .col-sm-3,.wise-editor .col-md-3,.wise-editor .col-lg-3,.wise-editor .col-xs-4,.wise-editor .col-sm-4,.wise-editor .col-md-4,.wise-editor .col-lg-4,.wise-editor .col-xs-5,.wise-editor .col-sm-5,.wise-editor .col-md-5,.wise-editor .col-lg-5,.wise-editor .col-xs-6,.wise-editor .col-sm-6,.wise-editor .col-md-6,.wise-editor .col-lg-6,.wise-editor .col-xs-7,.wise-editor .col-sm-7,.wise-editor .col-md-7,.wise-editor .col-lg-7,.wise-editor .col-xs-8,.wise-editor .col-sm-8,.wise-editor .col-md-8,.wise-editor .col-lg-8,.wise-editor .col-xs-9,.wise-editor .col-sm-9,.wise-editor .col-md-9,.wise-editor .col-lg-9,.wise-editor .col-xs-10,.wise-editor .col-sm-10,.wise-editor .col-md-10,.wise-editor .col-lg-10,.wise-editor .col-xs-11,.wise-editor .col-sm-11,.wise-editor .col-md-11,.wise-editor .col-lg-11,.wise-editor .col-xs-12,.wise-editor .col-sm-12,.wise-editor .col-md-12,.wise-editor .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}.wise-editor .col-xs-1,.wise-editor .col-xs-2,.wise-editor .col-xs-3,.wise-editor .col-xs-4,.wise-editor .col-xs-5,.wise-editor .col-xs-6,.wise-editor .col-xs-7,.wise-editor .col-xs-8,.wise-editor .col-xs-9,.wise-editor .col-xs-10,.wise-editor .col-xs-11,.wise-editor .col-xs-12{float:left;}.wise-editor .col-xs-12{width:100%;}.wise-editor .col-xs-11{width:91.66666667%;}.wise-editor .col-xs-10{width:83.33333333%;}.wise-editor .col-xs-9{width:75%;}.wise-editor .col-xs-8{width:66.66666667%;}.wise-editor .col-xs-7{width:58.33333333%;}.wise-editor .col-xs-6{width:50%;}.wise-editor .col-xs-5{width:41.66666667%;}.wise-editor .col-xs-4{width:33.33333333%;}.wise-editor .col-xs-3{width:25%;}.wise-editor .col-xs-2{width:16.66666667%;}.wise-editor .col-xs-1{width:8.33333333%;}.wise-editor .col-xs-pull-12{right:100%;}.wise-editor .col-xs-pull-11{right:91.66666667%;}.wise-editor .col-xs-pull-10{right:83.33333333%;}.wise-editor .col-xs-pull-9{right:75%;}.wise-editor .col-xs-pull-8{right:66.66666667%;}.wise-editor .col-xs-pull-7{right:58.33333333%;}.wise-editor .col-xs-pull-6{right:50%;}.wise-editor .col-xs-pull-5{right:41.66666667%;}.wise-editor .col-xs-pull-4{right:33.33333333%;}.wise-editor .col-xs-pull-3{right:25%;}.wise-editor .col-xs-pull-2{right:16.66666667%;}.wise-editor .col-xs-pull-1{right:8.33333333%;}.wise-editor .col-xs-pull-0{right:0;}.wise-editor .col-xs-push-12{left:100%;}.wise-editor .col-xs-push-11{left:91.66666667%;}.wise-editor .col-xs-push-10{left:83.33333333%;}.wise-editor .col-xs-push-9{left:75%;}.wise-editor .col-xs-push-8{left:66.66666667%;}.wise-editor .col-xs-push-7{left:58.33333333%;}.wise-editor .col-xs-push-6{left:50%;}.wise-editor .col-xs-push-5{left:41.66666667%;}.wise-editor .col-xs-push-4{left:33.33333333%;}.wise-editor .col-xs-push-3{left:25%;}.wise-editor .col-xs-push-2{left:16.66666667%;}.wise-editor .col-xs-push-1{left:8.33333333%;}.wise-editor .col-xs-push-0{left:0;}.wise-editor .col-xs-offset-12{margin-left:100%;}.wise-editor .col-xs-offset-11{margin-left:91.66666667%;}.wise-editor .col-xs-offset-10{margin-left:83.33333333%;}.wise-editor .col-xs-offset-9{margin-left:75%;}.wise-editor .col-xs-offset-8{margin-left:66.66666667%;}.wise-editor .col-xs-offset-7{margin-left:58.33333333%;}.wise-editor .col-xs-offset-6{margin-left:50%;}.wise-editor .col-xs-offset-5{margin-left:41.66666667%;}.wise-editor .col-xs-offset-4{margin-left:33.33333333%;}.wise-editor .col-xs-offset-3{margin-left:25%;}.wise-editor .col-xs-offset-2{margin-left:16.66666667%;}.wise-editor .col-xs-offset-1{margin-left:8.33333333%;}.wise-editor .col-xs-offset-0{margin-left:0;}@media (min-width:768px){.wise-editor .col-sm-1,.wise-editor .col-sm-2,.wise-editor .col-sm-3,.wise-editor .col-sm-4,.wise-editor .col-sm-5,.wise-editor .col-sm-6,.wise-editor .col-sm-7,.wise-editor .col-sm-8,.wise-editor .col-sm-9,.wise-editor .col-sm-10,.wise-editor .col-sm-11,.wise-editor .col-sm-12{float:left;}.wise-editor .col-sm-12{width:100%;}.wise-editor .col-sm-11{width:91.66666667%;}.wise-editor .col-sm-10{width:83.33333333%;}.wise-editor .col-sm-9{width:75%;}.wise-editor .col-sm-8{width:66.66666667%;}.wise-editor .col-sm-7{width:58.33333333%;}.wise-editor .col-sm-6{width:50%;}.wise-editor .col-sm-5{width:41.66666667%;}.wise-editor .col-sm-4{width:33.33333333%;}.wise-editor .col-sm-3{width:25%;}.wise-editor .col-sm-2{width:16.66666667%;}.wise-editor .col-sm-1{width:8.33333333%;}.wise-editor .col-sm-pull-12{right:100%;}.wise-editor .col-sm-pull-11{right:91.66666667%;}.wise-editor .col-sm-pull-10{right:83.33333333%;}.wise-editor .col-sm-pull-9{right:75%;}.wise-editor .col-sm-pull-8{right:66.66666667%;}.wise-editor .col-sm-pull-7{right:58.33333333%;}.wise-editor .col-sm-pull-6{right:50%;}.wise-editor .col-sm-pull-5{right:41.66666667%;}.wise-editor .col-sm-pull-4{right:33.33333333%;}.wise-editor .col-sm-pull-3{right:25%;}.wise-editor .col-sm-pull-2{right:16.66666667%;}.wise-editor .col-sm-pull-1{right:8.33333333%;}.wise-editor .col-sm-pull-0{right:0;}.wise-editor .col-sm-push-12{left:100%;}.wise-editor .col-sm-push-11{left:91.66666667%;}.wise-editor .col-sm-push-10{left:83.33333333%;}.wise-editor .col-sm-push-9{left:75%;}.wise-editor .col-sm-push-8{left:66.66666667%;}.wise-editor .col-sm-push-7{left:58.33333333%;}.wise-editor .col-sm-push-6{left:50%;}.wise-editor .col-sm-push-5{left:41.66666667%;}.wise-editor .col-sm-push-4{left:33.33333333%;}.wise-editor .col-sm-push-3{left:25%;}.wise-editor .col-sm-push-2{left:16.66666667%;}.wise-editor .col-sm-push-1{left:8.33333333%;}.wise-editor .col-sm-push-0{left:0;}.wise-editor .col-sm-offset-12{margin-left:100%;}.wise-editor .col-sm-offset-11{margin-left:91.66666667%;}.wise-editor .col-sm-offset-10{margin-left:83.33333333%;}.wise-editor .col-sm-offset-9{margin-left:75%;}.wise-editor .col-sm-offset-8{margin-left:66.66666667%;}.wise-editor .col-sm-offset-7{margin-left:58.33333333%;}.wise-editor .col-sm-offset-6{margin-left:50%;}.wise-editor .col-sm-offset-5{margin-left:41.66666667%;}.wise-editor .col-sm-offset-4{margin-left:33.33333333%;}.wise-editor .col-sm-offset-3{margin-left:25%;}.wise-editor .col-sm-offset-2{margin-left:16.66666667%;}.wise-editor .col-sm-offset-1{margin-left:8.33333333%;}.wise-editor .col-sm-offset-0{margin-left:0;}}@media (min-width:992px){.wise-editor .col-md-1,.wise-editor .col-md-2,.wise-editor .col-md-3,.wise-editor .col-md-4,.wise-editor .col-md-5,.wise-editor .col-md-6,.wise-editor .col-md-7,.wise-editor .col-md-8,.wise-editor .col-md-9,.wise-editor .col-md-10,.wise-editor .col-md-11,.wise-editor .col-md-12{float:left;}.wise-editor .col-md-12{width:100%;}.wise-editor .col-md-11{width:91.66666667%;}.wise-editor .col-md-10{width:83.33333333%;}.wise-editor .col-md-9{width:75%;}.wise-editor .col-md-8{width:66.66666667%;}.wise-editor .col-md-7{width:58.33333333%;}.wise-editor .col-md-6{width:50%;}.wise-editor .col-md-5{width:41.66666667%;}.wise-editor .col-md-4{width:33.33333333%;}.wise-editor .col-md-3{width:25%;}.wise-editor .col-md-2{width:16.66666667%;}.wise-editor .col-md-1{width:8.33333333%;}.wise-editor .col-md-pull-12{right:100%;}.wise-editor .col-md-pull-11{right:91.66666667%;}.wise-editor .col-md-pull-10{right:83.33333333%;}.wise-editor .col-md-pull-9{right:75%;}.wise-editor .col-md-pull-8{right:66.66666667%;}.wise-editor .col-md-pull-7{right:58.33333333%;}.wise-editor .col-md-pull-6{right:50%;}.wise-editor .col-md-pull-5{right:41.66666667%;}.wise-editor .col-md-pull-4{right:33.33333333%;}.wise-editor .col-md-pull-3{right:25%;}.wise-editor .col-md-pull-2{right:16.66666667%;}.wise-editor .col-md-pull-1{right:8.33333333%;}.wise-editor .col-md-pull-0{right:0;}.wise-editor .col-md-push-12{left:100%;}.wise-editor .col-md-push-11{left:91.66666667%;}.wise-editor .col-md-push-10{left:83.33333333%;}.wise-editor .col-md-push-9{left:75%;}.wise-editor .col-md-push-8{left:66.66666667%;}.wise-editor .col-md-push-7{left:58.33333333%;}.wise-editor .col-md-push-6{left:50%;}.wise-editor .col-md-push-5{left:41.66666667%;}.wise-editor .col-md-push-4{left:33.33333333%;}.wise-editor .col-md-push-3{left:25%;}.wise-editor .col-md-push-2{left:16.66666667%;}.wise-editor .col-md-push-1{left:8.33333333%;}.wise-editor .col-md-push-0{left:0;}.wise-editor .col-md-offset-12{margin-left:100%;}.wise-editor .col-md-offset-11{margin-left:91.66666667%;}.wise-editor .col-md-offset-10{margin-left:83.33333333%;}.wise-editor .col-md-offset-9{margin-left:75%;}.wise-editor .col-md-offset-8{margin-left:66.66666667%;}.wise-editor .col-md-offset-7{margin-left:58.33333333%;}.wise-editor .col-md-offset-6{margin-left:50%;}.wise-editor .col-md-offset-5{margin-left:41.66666667%;}.wise-editor .col-md-offset-4{margin-left:33.33333333%;}.wise-editor .col-md-offset-3{margin-left:25%;}.wise-editor .col-md-offset-2{margin-left:16.66666667%;}.wise-editor .col-md-offset-1{margin-left:8.33333333%;}.wise-editor .col-md-offset-0{margin-left:0;}}@media (min-width:1200px){.wise-editor .col-lg-1,.wise-editor .col-lg-2,.wise-editor .col-lg-3,.wise-editor .col-lg-4,.wise-editor .col-lg-5,.wise-editor .col-lg-6,.wise-editor .col-lg-7,.wise-editor .col-lg-8,.wise-editor .col-lg-9,.wise-editor .col-lg-10,.wise-editor .col-lg-11,.wise-editor .col-lg-12{float:left;}.wise-editor .col-lg-12{width:100%;}.wise-editor .col-lg-11{width:91.66666667%;}.wise-editor .col-lg-10{width:83.33333333%;}.wise-editor .col-lg-9{width:75%;}.wise-editor .col-lg-8{width:66.66666667%;}.wise-editor .col-lg-7{width:58.33333333%;}.wise-editor .col-lg-6{width:50%;}.wise-editor .col-lg-5{width:41.66666667%;}.wise-editor .col-lg-4{width:33.33333333%;}.wise-editor .col-lg-3{width:25%;}.wise-editor .col-lg-2{width:16.66666667%;}.wise-editor .col-lg-1{width:8.33333333%;}.wise-editor .col-lg-pull-12{right:100%;}.wise-editor .col-lg-pull-11{right:91.66666667%;}.wise-editor .col-lg-pull-10{right:83.33333333%;}.wise-editor .col-lg-pull-9{right:75%;}.wise-editor .col-lg-pull-8{right:66.66666667%;}.wise-editor .col-lg-pull-7{right:58.33333333%;}.wise-editor .col-lg-pull-6{right:50%;}.wise-editor .col-lg-pull-5{right:41.66666667%;}.wise-editor .col-lg-pull-4{right:33.33333333%;}.wise-editor .col-lg-pull-3{right:25%;}.wise-editor .col-lg-pull-2{right:16.66666667%;}.wise-editor .col-lg-pull-1{right:8.33333333%;}.wise-editor .col-lg-pull-0{right:0;}.wise-editor .col-lg-push-12{left:100%;}.wise-editor .col-lg-push-11{left:91.66666667%;}.wise-editor .col-lg-push-10{left:83.33333333%;}.wise-editor .col-lg-push-9{left:75%;}.wise-editor .col-lg-push-8{left:66.66666667%;}.wise-editor .col-lg-push-7{left:58.33333333%;}.wise-editor .col-lg-push-6{left:50%;}.wise-editor .col-lg-push-5{left:41.66666667%;}.wise-editor .col-lg-push-4{left:33.33333333%;}.wise-editor .col-lg-push-3{left:25%;}.wise-editor .col-lg-push-2{left:16.66666667%;}.wise-editor .col-lg-push-1{left:8.33333333%;}.wise-editor .col-lg-push-0{left:0;}.wise-editor .col-lg-offset-12{margin-left:100%;}.wise-editor .col-lg-offset-11{margin-left:91.66666667%;}.wise-editor .col-lg-offset-10{margin-left:83.33333333%;}.wise-editor .col-lg-offset-9{margin-left:75%;}.wise-editor .col-lg-offset-8{margin-left:66.66666667%;}.wise-editor .col-lg-offset-7{margin-left:58.33333333%;}.wise-editor .col-lg-offset-6{margin-left:50%;}.wise-editor .col-lg-offset-5{margin-left:41.66666667%;}.wise-editor .col-lg-offset-4{margin-left:33.33333333%;}.wise-editor .col-lg-offset-3{margin-left:25%;}.wise-editor .col-lg-offset-2{margin-left:16.66666667%;}.wise-editor .col-lg-offset-1{margin-left:8.33333333%;}.wise-editor .col-lg-offset-0{margin-left:0;}}.wise-editor table{max-width:100%;background-color:transparent;}.wise-editor th{text-align:left;}.wise-editor .table{width:100%;margin-bottom:18px;}.wise-editor .table>thead>tr>th,.wise-editor .table>tbody>tr>th,.wise-editor .table>tfoot>tr>th,.wise-editor .table>thead>tr>td,.wise-editor .table>tbody>tr>td,.wise-editor .table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;}.wise-editor .table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd;}.wise-editor .table>caption+thead>tr:first-child>th,.wise-editor .table>colgroup+thead>tr:first-child>th,.wise-editor .table>thead:first-child>tr:first-child>th,.wise-editor .table>caption+thead>tr:first-child>td,.wise-editor .table>colgroup+thead>tr:first-child>td,.wise-editor .table>thead:first-child>tr:first-child>td{border-top:0;}.wise-editor .table>tbody+tbody{border-top:2px solid #ddd;}.wise-editor .table .table{background-color:#fff;}.wise-editor .table-condensed>thead>tr>th,.wise-editor .table-condensed>tbody>tr>th,.wise-editor .table-condensed>tfoot>tr>th,.wise-editor .table-condensed>thead>tr>td,.wise-editor .table-condensed>tbody>tr>td,.wise-editor .table-condensed>tfoot>tr>td{padding:5px;}.wise-editor .table-bordered{border:1px solid #ddd;}.wise-editor .table-bordered>thead>tr>th,.wise-editor .table-bordered>tbody>tr>th,.wise-editor .table-bordered>tfoot>tr>th,.wise-editor .table-bordered>thead>tr>td,.wise-editor .table-bordered>tbody>tr>td,.wise-editor .table-bordered>tfoot>tr>td{border:1px solid #ddd;}.wise-editor .table-bordered>thead>tr>th,.wise-editor .table-bordered>thead>tr>td{border-bottom-width:2px;}.wise-editor .table-striped>tbody>tr:nth-child(odd)>td,.wise-editor .table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}.wise-editor .table-hover>tbody>tr:hover>td,.wise-editor .table-hover>tbody>tr:hover>th{background-color:#f5f5f5;}.wise-editor table col[class*=col-]{position:static;float:none;display:table-column;}.wise-editor table td[class*=col-],.wise-editor table th[class*=col-]{position:static;float:none;display:table-cell;}.wise-editor .table>thead>tr>td.active,.wise-editor .table>tbody>tr>td.active,.wise-editor .table>tfoot>tr>td.active,.wise-editor .table>thead>tr>th.active,.wise-editor .table>tbody>tr>th.active,.wise-editor .table>tfoot>tr>th.active,.wise-editor .table>thead>tr.active>td,.wise-editor .table>tbody>tr.active>td,.wise-editor .table>tfoot>tr.active>td,.wise-editor .table>thead>tr.active>th,.wise-editor .table>tbody>tr.active>th,.wise-editor .table>tfoot>tr.active>th{background-color:#f5f5f5;}.wise-editor .table-hover>tbody>tr>td.active:hover,.wise-editor .table-hover>tbody>tr>th.active:hover,.wise-editor .table-hover>tbody>tr.active:hover>td,.wise-editor .table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8;}.wise-editor .table>thead>tr>td.success,.wise-editor .table>tbody>tr>td.success,.wise-editor .table>tfoot>tr>td.success,.wise-editor .table>thead>tr>th.success,.wise-editor .table>tbody>tr>th.success,.wise-editor .table>tfoot>tr>th.success,.wise-editor .table>thead>tr.success>td,.wise-editor .table>tbody>tr.success>td,.wise-editor .table>tfoot>tr.success>td,.wise-editor .table>thead>tr.success>th,.wise-editor .table>tbody>tr.success>th,.wise-editor .table>tfoot>tr.success>th{background-color:#dff0d8;}.wise-editor .table-hover>tbody>tr>td.success:hover,.wise-editor .table-hover>tbody>tr>th.success:hover,.wise-editor .table-hover>tbody>tr.success:hover>td,.wise-editor .table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6;}.wise-editor .table>thead>tr>td.info,.wise-editor .table>tbody>tr>td.info,.wise-editor .table>tfoot>tr>td.info,.wise-editor .table>thead>tr>th.info,.wise-editor .table>tbody>tr>th.info,.wise-editor .table>tfoot>tr>th.info,.wise-editor .table>thead>tr.info>td,.wise-editor .table>tbody>tr.info>td,.wise-editor .table>tfoot>tr.info>td,.wise-editor .table>thead>tr.info>th,.wise-editor .table>tbody>tr.info>th,.wise-editor .table>tfoot>tr.info>th{background-color:#d9edf7;}.wise-editor .table-hover>tbody>tr>td.info:hover,.wise-editor .table-hover>tbody>tr>th.info:hover,.wise-editor .table-hover>tbody>tr.info:hover>td,.wise-editor .table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3;}.wise-editor .table>thead>tr>td.warning,.wise-editor .table>tbody>tr>td.warning,.wise-editor .table>tfoot>tr>td.warning,.wise-editor .table>thead>tr>th.warning,.wise-editor .table>tbody>tr>th.warning,.wise-editor .table>tfoot>tr>th.warning,.wise-editor .table>thead>tr.warning>td,.wise-editor .table>tbody>tr.warning>td,.wise-editor .table>tfoot>tr.warning>td,.wise-editor .table>thead>tr.warning>th,.wise-editor .table>tbody>tr.warning>th,.wise-editor .table>tfoot>tr.warning>th{background-color:#fcf8e3;}.wise-editor .table-hover>tbody>tr>td.warning:hover,.wise-editor .table-hover>tbody>tr>th.warning:hover,.wise-editor .table-hover>tbody>tr.warning:hover>td,.wise-editor .table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc;}.wise-editor .table>thead>tr>td.danger,.wise-editor .table>tbody>tr>td.danger,.wise-editor .table>tfoot>tr>td.danger,.wise-editor .table>thead>tr>th.danger,.wise-editor .table>tbody>tr>th.danger,.wise-editor .table>tfoot>tr>th.danger,.wise-editor .table>thead>tr.danger>td,.wise-editor .table>tbody>tr.danger>td,.wise-editor .table>tfoot>tr.danger>td,.wise-editor .table>thead>tr.danger>th,.wise-editor .table>tbody>tr.danger>th,.wise-editor .table>tfoot>tr.danger>th{background-color:#f2dede;}.wise-editor .table-hover>tbody>tr>td.danger:hover,.wise-editor .table-hover>tbody>tr>th.danger:hover,.wise-editor .table-hover>tbody>tr.danger:hover>td,.wise-editor .table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc;}@media (max-width:767px){.wise-editor .table-responsive{width:100%;margin-bottom:13.5px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch;}.wise-editor .table-responsive>.table{margin-bottom:0;}.wise-editor .table-responsive>.table>thead>tr>th,.wise-editor .table-responsive>.table>tbody>tr>th,.wise-editor .table-responsive>.table>tfoot>tr>th,.wise-editor .table-responsive>.table>thead>tr>td,.wise-editor .table-responsive>.table>tbody>tr>td,.wise-editor .table-responsive>.table>tfoot>tr>td{white-space:nowrap;}.wise-editor .table-responsive>.table-bordered{border:0;}.wise-editor .table-responsive>.table-bordered>thead>tr>th:first-child,.wise-editor .table-responsive>.table-bordered>tbody>tr>th:first-child,.wise-editor .table-responsive>.table-bordered>tfoot>tr>th:first-child,.wise-editor .table-responsive>.table-bordered>thead>tr>td:first-child,.wise-editor .table-responsive>.table-bordered>tbody>tr>td:first-child,.wise-editor .table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0;}.wise-editor .table-responsive>.table-bordered>thead>tr>th:last-child,.wise-editor .table-responsive>.table-bordered>tbody>tr>th:last-child,.wise-editor .table-responsive>.table-bordered>tfoot>tr>th:last-child,.wise-editor .table-responsive>.table-bordered>thead>tr>td:last-child,.wise-editor .table-responsive>.table-bordered>tbody>tr>td:last-child,.wise-editor .table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0;}.wise-editor .table-responsive>.table-bordered>tbody>tr:last-child>th,.wise-editor .table-responsive>.table-bordered>tfoot>tr:last-child>th,.wise-editor .table-responsive>.table-bordered>tbody>tr:last-child>td,.wise-editor .table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0;}}.wise-editor fieldset{padding:0;margin:0;border:0;min-width:0;}.wise-editor legend{display:block;width:100%;padding:0;margin-bottom:18px;font-size:19.5px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5;}.wise-editor label{display:inline-block;margin-bottom:5px;font-weight:700;}.wise-editor input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.wise-editor input[type=radio],.wise-editor input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal;}.wise-editor input[type=file]{display:block;}.wise-editor input[type=range]{display:block;width:100%;}.wise-editor select[multiple],.wise-editor select[size]{height:auto;}.wise-editor input[type=file]:focus,.wise-editor input[type=radio]:focus,.wise-editor input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}.wise-editor output{display:block;padding-top:7px;font-size:13px;line-height:1.42857143;color:#555;}.wise-editor .form-control{display:block;width:100%;height:32px;padding:6px 12px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}.wise-editor .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}.wise-editor .form-control::-moz-placeholder{color:#999;opacity:1;}.wise-editor .form-control:-ms-input-placeholder{color:#999;}.wise-editor .form-control::-webkit-input-placeholder{color:#999;}.wise-editor .form-control[disabled],.wise-editor .form-control[readonly],.wise-editor fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1;}.wise-editor textarea.form-control{height:auto;}.wise-editor input[type=search]{-webkit-appearance:none;}.wise-editor input[type=date]{line-height:32px;}.wise-editor .form-group{margin-bottom:15px;}.wise-editor .radio,.wise-editor .checkbox{display:block;min-height:18px;margin-top:10px;margin-bottom:10px;padding-left:20px;}.wise-editor .radio label,.wise-editor .checkbox label{display:inline;font-weight:400;cursor:pointer;}.wise-editor .radio input[type=radio],.wise-editor .radio-inline input[type=radio],.wise-editor .checkbox input[type=checkbox],.wise-editor .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px;}.wise-editor .radio+.radio,.wise-editor .checkbox+.checkbox{margin-top:-5px;}.wise-editor .radio-inline,.wise-editor .checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer;}.wise-editor .radio-inline+.radio-inline,.wise-editor .checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px;}.wise-editor input[type=radio][disabled],.wise-editor input[type=checkbox][disabled],.wise-editor .radio[disabled],.wise-editor .radio-inline[disabled],.wise-editor .checkbox[disabled],.wise-editor .checkbox-inline[disabled],.wise-editor fieldset[disabled] input[type=radio],.wise-editor fieldset[disabled] input[type=checkbox],.wise-editor fieldset[disabled] .radio,.wise-editor fieldset[disabled] .radio-inline,.wise-editor fieldset[disabled] .checkbox,.wise-editor fieldset[disabled] .checkbox-inline{cursor:not-allowed;}.wise-editor .input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}.wise-editor select.input-sm{height:30px;line-height:30px;}.wise-editor textarea.input-sm,.wise-editor select[multiple].input-sm{height:auto;}.wise-editor .input-lg{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px;}.wise-editor select.input-lg{height:45px;line-height:45px;}.wise-editor textarea.input-lg,.wise-editor select[multiple].input-lg{height:auto;}.wise-editor .has-feedback{position:relative;}.wise-editor .has-feedback .form-control{padding-right:40px;}.wise-editor .has-feedback .form-control-feedback{position:absolute;top:23px;right:0;display:block;width:32px;height:32px;line-height:32px;text-align:center;}.wise-editor .has-success .help-block,.wise-editor .has-success .control-label,.wise-editor .has-success .radio,.wise-editor .has-success .checkbox,.wise-editor .has-success .radio-inline,.wise-editor .has-success .checkbox-inline{color:#3c763d;}.wise-editor .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}.wise-editor .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;}.wise-editor .has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8;}.wise-editor .has-success .form-control-feedback{color:#3c763d;}.wise-editor .has-warning .help-block,.wise-editor .has-warning .control-label,.wise-editor .has-warning .radio,.wise-editor .has-warning .checkbox,.wise-editor .has-warning .radio-inline,.wise-editor .has-warning .checkbox-inline{color:#8a6d3b;}.wise-editor .has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}.wise-editor .has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;}.wise-editor .has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3;}.wise-editor .has-warning .form-control-feedback{color:#8a6d3b;}.wise-editor .has-error .help-block,.wise-editor .has-error .control-label,.wise-editor .has-error .radio,.wise-editor .has-error .checkbox,.wise-editor .has-error .radio-inline,.wise-editor .has-error .checkbox-inline{color:#a94442;}.wise-editor .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}.wise-editor .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;}.wise-editor .has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede;}.wise-editor .has-error .form-control-feedback{color:#a94442;}.wise-editor .form-control-static{margin-bottom:0;}.wise-editor .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373;}@media (min-width:768px){.wise-editor .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle;}.wise-editor .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;}.wise-editor .form-inline .input-group>.form-control{width:100%;}.wise-editor .form-inline .control-label{margin-bottom:0;vertical-align:middle;}.wise-editor .form-inline .radio,.wise-editor .form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle;}.wise-editor .form-inline .radio input[type=radio],.wise-editor .form-inline .checkbox input[type=checkbox]{float:none;margin-left:0;}.wise-editor .form-inline .has-feedback .form-control-feedback{top:0;}}.wise-editor .form-horizontal .control-label,.wise-editor .form-horizontal .radio,.wise-editor .form-horizontal .checkbox,.wise-editor .form-horizontal .radio-inline,.wise-editor .form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px;}.wise-editor .form-horizontal .radio,.wise-editor .form-horizontal .checkbox{min-height:25px;}.wise-editor .form-horizontal .form-group{margin-left:-15px;margin-right:-15px;}.wise-editor .form-horizontal .form-control-static{padding-top:7px;}@media (min-width:768px){.wise-editor .form-horizontal .control-label{text-align:right;}}.wise-editor .form-horizontal .has-feedback .form-control-feedback{top:0;right:15px;}.wise-editor .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.wise-editor .btn:focus,.wise-editor .btn:active:focus,.wise-editor .btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}.wise-editor .btn:hover,.wise-editor .btn:focus{color:#333;text-decoration:none;}.wise-editor .btn:active,.wise-editor .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}.wise-editor .btn.disabled,.wise-editor .btn[disabled],.wise-editor fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;}.wise-editor .btn-default{color:#333;background-color:#fff;border-color:#ccc;}.wise-editor .btn-default:hover,.wise-editor .btn-default:focus,.wise-editor .btn-default:active,.wise-editor .btn-default.active,.wise-editor .open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad;}.wise-editor .btn-default:active,.wise-editor .btn-default.active,.wise-editor .open .dropdown-toggle.btn-default{background-image:none;}.wise-editor .btn-default.disabled,.wise-editor .btn-default[disabled],.wise-editor fieldset[disabled] .btn-default,.wise-editor .btn-default.disabled:hover,.wise-editor .btn-default[disabled]:hover,.wise-editor fieldset[disabled] .btn-default:hover,.wise-editor .btn-default.disabled:focus,.wise-editor .btn-default[disabled]:focus,.wise-editor fieldset[disabled] .btn-default:focus,.wise-editor .btn-default.disabled:active,.wise-editor .btn-default[disabled]:active,.wise-editor fieldset[disabled] .btn-default:active,.wise-editor .btn-default.disabled.active,.wise-editor .btn-default[disabled].active,.wise-editor fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc;}.wise-editor .btn-default .badge{color:#fff;background-color:#333;}.wise-editor .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd;}.wise-editor .btn-primary:hover,.wise-editor .btn-primary:focus,.wise-editor .btn-primary:active,.wise-editor .btn-primary.active,.wise-editor .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e;}.wise-editor .btn-primary:active,.wise-editor .btn-primary.active,.wise-editor .open .dropdown-toggle.btn-primary{background-image:none;}.wise-editor .btn-primary.disabled,.wise-editor .btn-primary[disabled],.wise-editor fieldset[disabled] .btn-primary,.wise-editor .btn-primary.disabled:hover,.wise-editor .btn-primary[disabled]:hover,.wise-editor fieldset[disabled] .btn-primary:hover,.wise-editor .btn-primary.disabled:focus,.wise-editor .btn-primary[disabled]:focus,.wise-editor fieldset[disabled] .btn-primary:focus,.wise-editor .btn-primary.disabled:active,.wise-editor .btn-primary[disabled]:active,.wise-editor fieldset[disabled] .btn-primary:active,.wise-editor .btn-primary.disabled.active,.wise-editor .btn-primary[disabled].active,.wise-editor fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd;}.wise-editor .btn-primary .badge{color:#428bca;background-color:#fff;}.wise-editor .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;}.wise-editor .btn-success:hover,.wise-editor .btn-success:focus,.wise-editor .btn-success:active,.wise-editor .btn-success.active,.wise-editor .open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439;}.wise-editor .btn-success:active,.wise-editor .btn-success.active,.wise-editor .open .dropdown-toggle.btn-success{background-image:none;}.wise-editor .btn-success.disabled,.wise-editor .btn-success[disabled],.wise-editor fieldset[disabled] .btn-success,.wise-editor .btn-success.disabled:hover,.wise-editor .btn-success[disabled]:hover,.wise-editor fieldset[disabled] .btn-success:hover,.wise-editor .btn-success.disabled:focus,.wise-editor .btn-success[disabled]:focus,.wise-editor fieldset[disabled] .btn-success:focus,.wise-editor .btn-success.disabled:active,.wise-editor .btn-success[disabled]:active,.wise-editor fieldset[disabled] .btn-success:active,.wise-editor .btn-success.disabled.active,.wise-editor .btn-success[disabled].active,.wise-editor fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c;}.wise-editor .btn-success .badge{color:#5cb85c;background-color:#fff;}.wise-editor .btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da;}.wise-editor .btn-info:hover,.wise-editor .btn-info:focus,.wise-editor .btn-info:active,.wise-editor .btn-info.active,.wise-editor .open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc;}.wise-editor .btn-info:active,.wise-editor .btn-info.active,.wise-editor .open .dropdown-toggle.btn-info{background-image:none;}.wise-editor .btn-info.disabled,.wise-editor .btn-info[disabled],.wise-editor fieldset[disabled] .btn-info,.wise-editor .btn-info.disabled:hover,.wise-editor .btn-info[disabled]:hover,.wise-editor fieldset[disabled] .btn-info:hover,.wise-editor .btn-info.disabled:focus,.wise-editor .btn-info[disabled]:focus,.wise-editor fieldset[disabled] .btn-info:focus,.wise-editor .btn-info.disabled:active,.wise-editor .btn-info[disabled]:active,.wise-editor fieldset[disabled] .btn-info:active,.wise-editor .btn-info.disabled.active,.wise-editor .btn-info[disabled].active,.wise-editor fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da;}.wise-editor .btn-info .badge{color:#5bc0de;background-color:#fff;}.wise-editor .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236;}.wise-editor .btn-warning:hover,.wise-editor .btn-warning:focus,.wise-editor .btn-warning:active,.wise-editor .btn-warning.active,.wise-editor .open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512;}.wise-editor .btn-warning:active,.wise-editor .btn-warning.active,.wise-editor .open .dropdown-toggle.btn-warning{background-image:none;}.wise-editor .btn-warning.disabled,.wise-editor .btn-warning[disabled],.wise-editor fieldset[disabled] .btn-warning,.wise-editor .btn-warning.disabled:hover,.wise-editor .btn-warning[disabled]:hover,.wise-editor fieldset[disabled] .btn-warning:hover,.wise-editor .btn-warning.disabled:focus,.wise-editor .btn-warning[disabled]:focus,.wise-editor fieldset[disabled] .btn-warning:focus,.wise-editor .btn-warning.disabled:active,.wise-editor .btn-warning[disabled]:active,.wise-editor fieldset[disabled] .btn-warning:active,.wise-editor .btn-warning.disabled.active,.wise-editor .btn-warning[disabled].active,.wise-editor fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236;}.wise-editor .btn-warning .badge{color:#f0ad4e;background-color:#fff;}.wise-editor .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a;}.wise-editor .btn-danger:hover,.wise-editor .btn-danger:focus,.wise-editor .btn-danger:active,.wise-editor .btn-danger.active,.wise-editor .open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925;}.wise-editor .btn-danger:active,.wise-editor .btn-danger.active,.wise-editor .open .dropdown-toggle.btn-danger{background-image:none;}.wise-editor .btn-danger.disabled,.wise-editor .btn-danger[disabled],.wise-editor fieldset[disabled] .btn-danger,.wise-editor .btn-danger.disabled:hover,.wise-editor .btn-danger[disabled]:hover,.wise-editor fieldset[disabled] .btn-danger:hover,.wise-editor .btn-danger.disabled:focus,.wise-editor .btn-danger[disabled]:focus,.wise-editor fieldset[disabled] .btn-danger:focus,.wise-editor .btn-danger.disabled:active,.wise-editor .btn-danger[disabled]:active,.wise-editor fieldset[disabled] .btn-danger:active,.wise-editor .btn-danger.disabled.active,.wise-editor .btn-danger[disabled].active,.wise-editor fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a;}.wise-editor .btn-danger .badge{color:#d9534f;background-color:#fff;}.wise-editor .btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0;}.wise-editor .btn-link,.wise-editor .btn-link:active,.wise-editor .btn-link[disabled],.wise-editor fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;}.wise-editor .btn-link,.wise-editor .btn-link:hover,.wise-editor .btn-link:focus,.wise-editor .btn-link:active{border-color:transparent;}.wise-editor .btn-link:hover,.wise-editor .btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent;}.wise-editor .btn-link[disabled]:hover,.wise-editor fieldset[disabled] .btn-link:hover,.wise-editor .btn-link[disabled]:focus,.wise-editor fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none;}.wise-editor .btn-lg,.wise-editor .btn-group-lg>.btn{padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px;}.wise-editor .btn-sm,.wise-editor .btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}.wise-editor .btn-xs,.wise-editor .btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;}.wise-editor .btn-block{display:block;width:100%;padding-left:0;padding-right:0;}.wise-editor .btn-block+.btn-block{margin-top:5px;}.wise-editor input[type=submit].btn-block,.wise-editor input[type=reset].btn-block,.wise-editor input[type=button].btn-block{width:100%;}.wise-editor .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;}.wise-editor .fade.in{opacity:1;}.wise-editor .collapse{display:none;}.wise-editor .collapse.in{display:block;}.wise-editor .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease;}.wise-editor .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.wise-editor .glyphicon-asterisk:before{content:"\2a";}.wise-editor .glyphicon-plus:before{content:"\2b";}.wise-editor .glyphicon-euro:before{content:"\20ac";}.wise-editor .glyphicon-minus:before{content:"\2212";}.wise-editor .glyphicon-cloud:before{content:"\2601";}.wise-editor .glyphicon-envelope:before{content:"\2709";}.wise-editor .glyphicon-pencil:before{content:"\270f";}.wise-editor .glyphicon-glass:before{content:"\e001";}.wise-editor .glyphicon-music:before{content:"\e002";}.wise-editor .glyphicon-search:before{content:"\e003";}.wise-editor .glyphicon-heart:before{content:"\e005";}.wise-editor .glyphicon-star:before{content:"\e006";}.wise-editor .glyphicon-star-empty:before{content:"\e007";}.wise-editor .glyphicon-user:before{content:"\e008";}.wise-editor .glyphicon-film:before{content:"\e009";}.wise-editor .glyphicon-th-large:before{content:"\e010";}.wise-editor .glyphicon-th:before{content:"\e011";}.wise-editor .glyphicon-th-list:before{content:"\e012";}.wise-editor .glyphicon-ok:before{content:"\e013";}.wise-editor .glyphicon-remove:before{content:"\e014";}.wise-editor .glyphicon-zoom-in:before{content:"\e015";}.wise-editor .glyphicon-zoom-out:before{content:"\e016";}.wise-editor .glyphicon-off:before{content:"\e017";}.wise-editor .glyphicon-signal:before{content:"\e018";}.wise-editor .glyphicon-cog:before{content:"\e019";}.wise-editor .glyphicon-trash:before{content:"\e020";}.wise-editor .glyphicon-home:before{content:"\e021";}.wise-editor .glyphicon-file:before{content:"\e022";}.wise-editor .glyphicon-time:before{content:"\e023";}.wise-editor .glyphicon-road:before{content:"\e024";}.wise-editor .glyphicon-download-alt:before{content:"\e025";}.wise-editor .glyphicon-download:before{content:"\e026";}.wise-editor .glyphicon-upload:before{content:"\e027";}.wise-editor .glyphicon-inbox:before{content:"\e028";}.wise-editor .glyphicon-play-circle:before{content:"\e029";}.wise-editor .glyphicon-repeat:before{content:"\e030";}.wise-editor .glyphicon-refresh:before{content:"\e031";}.wise-editor .glyphicon-list-alt:before{content:"\e032";}.wise-editor .glyphicon-lock:before{content:"\e033";}.wise-editor .glyphicon-flag:before{content:"\e034";}.wise-editor .glyphicon-headphones:before{content:"\e035";}.wise-editor .glyphicon-volume-off:before{content:"\e036";}.wise-editor .glyphicon-volume-down:before{content:"\e037";}.wise-editor .glyphicon-volume-up:before{content:"\e038";}.wise-editor .glyphicon-qrcode:before{content:"\e039";}.wise-editor .glyphicon-barcode:before{content:"\e040";}.wise-editor .glyphicon-tag:before{content:"\e041";}.wise-editor .glyphicon-tags:before{content:"\e042";}.wise-editor .glyphicon-book:before{content:"\e043";}.wise-editor .glyphicon-bookmark:before{content:"\e044";}.wise-editor .glyphicon-print:before{content:"\e045";}.wise-editor .glyphicon-camera:before{content:"\e046";}.wise-editor .glyphicon-font:before{content:"\e047";}.wise-editor .glyphicon-bold:before{content:"\e048";}.wise-editor .glyphicon-italic:before{content:"\e049";}.wise-editor .glyphicon-text-height:before{content:"\e050";}.wise-editor .glyphicon-text-width:before{content:"\e051";}.wise-editor .glyphicon-align-left:before{content:"\e052";}.wise-editor .glyphicon-align-center:before{content:"\e053";}.wise-editor .glyphicon-align-right:before{content:"\e054";}.wise-editor .glyphicon-align-justify:before{content:"\e055";}.wise-editor .glyphicon-list:before{content:"\e056";}.wise-editor .glyphicon-indent-left:before{content:"\e057";}.wise-editor .glyphicon-indent-right:before{content:"\e058";}.wise-editor .glyphicon-facetime-video:before{content:"\e059";}.wise-editor .glyphicon-picture:before{content:"\e060";}.wise-editor .glyphicon-map-marker:before{content:"\e062";}.wise-editor .glyphicon-adjust:before{content:"\e063";}.wise-editor .glyphicon-tint:before{content:"\e064";}.wise-editor .glyphicon-edit:before{content:"\e065";}.wise-editor .glyphicon-share:before{content:"\e066";}.wise-editor .glyphicon-check:before{content:"\e067";}.wise-editor .glyphicon-move:before{content:"\e068";}.wise-editor .glyphicon-step-backward:before{content:"\e069";}.wise-editor .glyphicon-fast-backward:before{content:"\e070";}.wise-editor .glyphicon-backward:before{content:"\e071";}.wise-editor .glyphicon-play:before{content:"\e072";}.wise-editor .glyphicon-pause:before{content:"\e073";}.wise-editor .glyphicon-stop:before{content:"\e074";}.wise-editor .glyphicon-forward:before{content:"\e075";}.wise-editor .glyphicon-fast-forward:before{content:"\e076";}.wise-editor .glyphicon-step-forward:before{content:"\e077";}.wise-editor .glyphicon-eject:before{content:"\e078";}.wise-editor .glyphicon-chevron-left:before{content:"\e079";}.wise-editor .glyphicon-chevron-right:before{content:"\e080";}.wise-editor .glyphicon-plus-sign:before{content:"\e081";}.wise-editor .glyphicon-minus-sign:before{content:"\e082";}.wise-editor .glyphicon-remove-sign:before{content:"\e083";}.wise-editor .glyphicon-ok-sign:before{content:"\e084";}.wise-editor .glyphicon-question-sign:before{content:"\e085";}.wise-editor .glyphicon-info-sign:before{content:"\e086";}.wise-editor .glyphicon-screenshot:before{content:"\e087";}.wise-editor .glyphicon-remove-circle:before{content:"\e088";}.wise-editor .glyphicon-ok-circle:before{content:"\e089";}.wise-editor .glyphicon-ban-circle:before{content:"\e090";}.wise-editor .glyphicon-arrow-left:before{content:"\e091";}.wise-editor .glyphicon-arrow-right:before{content:"\e092";}.wise-editor .glyphicon-arrow-up:before{content:"\e093";}.wise-editor .glyphicon-arrow-down:before{content:"\e094";}.wise-editor .glyphicon-share-alt:before{content:"\e095";}.wise-editor .glyphicon-resize-full:before{content:"\e096";}.wise-editor .glyphicon-resize-small:before{content:"\e097";}.wise-editor .glyphicon-exclamation-sign:before{content:"\e101";}.wise-editor .glyphicon-gift:before{content:"\e102";}.wise-editor .glyphicon-leaf:before{content:"\e103";}.wise-editor .glyphicon-fire:before{content:"\e104";}.wise-editor .glyphicon-eye-open:before{content:"\e105";}.wise-editor .glyphicon-eye-close:before{content:"\e106";}.wise-editor .glyphicon-warning-sign:before{content:"\e107";}.wise-editor .glyphicon-plane:before{content:"\e108";}.wise-editor .glyphicon-calendar:before{content:"\e109";}.wise-editor .glyphicon-random:before{content:"\e110";}.wise-editor .glyphicon-comment:before{content:"\e111";}.wise-editor .glyphicon-magnet:before{content:"\e112";}.wise-editor .glyphicon-chevron-up:before{content:"\e113";}.wise-editor .glyphicon-chevron-down:before{content:"\e114";}.wise-editor .glyphicon-retweet:before{content:"\e115";}.wise-editor .glyphicon-shopping-cart:before{content:"\e116";}.wise-editor .glyphicon-folder-close:before{content:"\e117";}.wise-editor .glyphicon-folder-open:before{content:"\e118";}.wise-editor .glyphicon-resize-vertical:before{content:"\e119";}.wise-editor .glyphicon-resize-horizontal:before{content:"\e120";}.wise-editor .glyphicon-hdd:before{content:"\e121";}.wise-editor .glyphicon-bullhorn:before{content:"\e122";}.wise-editor .glyphicon-bell:before{content:"\e123";}.wise-editor .glyphicon-certificate:before{content:"\e124";}.wise-editor .glyphicon-thumbs-up:before{content:"\e125";}.wise-editor .glyphicon-thumbs-down:before{content:"\e126";}.wise-editor .glyphicon-hand-right:before{content:"\e127";}.wise-editor .glyphicon-hand-left:before{content:"\e128";}.wise-editor .glyphicon-hand-up:before{content:"\e129";}.wise-editor .glyphicon-hand-down:before{content:"\e130";}.wise-editor .glyphicon-circle-arrow-right:before{content:"\e131";}.wise-editor .glyphicon-circle-arrow-left:before{content:"\e132";}.wise-editor .glyphicon-circle-arrow-up:before{content:"\e133";}.wise-editor .glyphicon-circle-arrow-down:before{content:"\e134";}.wise-editor .glyphicon-globe:before{content:"\e135";}.wise-editor .glyphicon-wrench:before{content:"\e136";}.wise-editor .glyphicon-tasks:before{content:"\e137";}.wise-editor .glyphicon-filter:before{content:"\e138";}.wise-editor .glyphicon-briefcase:before{content:"\e139";}.wise-editor .glyphicon-fullscreen:before{content:"\e140";}.wise-editor .glyphicon-dashboard:before{content:"\e141";}.wise-editor .glyphicon-paperclip:before{content:"\e142";}.wise-editor .glyphicon-heart-empty:before{content:"\e143";}.wise-editor .glyphicon-link:before{content:"\e144";}.wise-editor .glyphicon-phone:before{content:"\e145";}.wise-editor .glyphicon-pushpin:before{content:"\e146";}.wise-editor .glyphicon-usd:before{content:"\e148";}.wise-editor .glyphicon-gbp:before{content:"\e149";}.wise-editor .glyphicon-sort:before{content:"\e150";}.wise-editor .glyphicon-sort-by-alphabet:before{content:"\e151";}.wise-editor .glyphicon-sort-by-alphabet-alt:before{content:"\e152";}.wise-editor .glyphicon-sort-by-order:before{content:"\e153";}.wise-editor .glyphicon-sort-by-order-alt:before{content:"\e154";}.wise-editor .glyphicon-sort-by-attributes:before{content:"\e155";}.wise-editor .glyphicon-sort-by-attributes-alt:before{content:"\e156";}.wise-editor .glyphicon-unchecked:before{content:"\e157";}.wise-editor .glyphicon-expand:before{content:"\e158";}.wise-editor .glyphicon-collapse-down:before{content:"\e159";}.wise-editor .glyphicon-collapse-up:before{content:"\e160";}.wise-editor .glyphicon-log-in:before{content:"\e161";}.wise-editor .glyphicon-flash:before{content:"\e162";}.wise-editor .glyphicon-log-out:before{content:"\e163";}.wise-editor .glyphicon-new-window:before{content:"\e164";}.wise-editor .glyphicon-record:before{content:"\e165";}.wise-editor .glyphicon-save:before{content:"\e166";}.wise-editor .glyphicon-open:before{content:"\e167";}.wise-editor .glyphicon-saved:before{content:"\e168";}.wise-editor .glyphicon-import:before{content:"\e169";}.wise-editor .glyphicon-export:before{content:"\e170";}.wise-editor .glyphicon-send:before{content:"\e171";}.wise-editor .glyphicon-floppy-disk:before{content:"\e172";}.wise-editor .glyphicon-floppy-saved:before{content:"\e173";}.wise-editor .glyphicon-floppy-remove:before{content:"\e174";}.wise-editor .glyphicon-floppy-save:before{content:"\e175";}.wise-editor .glyphicon-floppy-open:before{content:"\e176";}.wise-editor .glyphicon-credit-card:before{content:"\e177";}.wise-editor .glyphicon-transfer:before{content:"\e178";}.wise-editor .glyphicon-cutlery:before{content:"\e179";}.wise-editor .glyphicon-header:before{content:"\e180";}.wise-editor .glyphicon-compressed:before{content:"\e181";}.wise-editor .glyphicon-earphone:before{content:"\e182";}.wise-editor .glyphicon-phone-alt:before{content:"\e183";}.wise-editor .glyphicon-tower:before{content:"\e184";}.wise-editor .glyphicon-stats:before{content:"\e185";}.wise-editor .glyphicon-sd-video:before{content:"\e186";}.wise-editor .glyphicon-hd-video:before{content:"\e187";}.wise-editor .glyphicon-subtitles:before{content:"\e188";}.wise-editor .glyphicon-sound-stereo:before{content:"\e189";}.wise-editor .glyphicon-sound-dolby:before{content:"\e190";}.wise-editor .glyphicon-sound-5-1:before{content:"\e191";}.wise-editor .glyphicon-sound-6-1:before{content:"\e192";}.wise-editor .glyphicon-sound-7-1:before{content:"\e193";}.wise-editor .glyphicon-copyright-mark:before{content:"\e194";}.wise-editor .glyphicon-registration-mark:before{content:"\e195";}.wise-editor .glyphicon-cloud-download:before{content:"\e197";}.wise-editor .glyphicon-cloud-upload:before{content:"\e198";}.wise-editor .glyphicon-tree-conifer:before{content:"\e199";}.wise-editor .glyphicon-tree-deciduous:before{content:"\e200";}.wise-editor .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;}.wise-editor .dropdown{position:relative;}.wise-editor .dropdown-toggle:focus{outline:0;}.wise-editor .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:13px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box;}.wise-editor .dropdown-menu.pull-right{right:0;left:auto;}.wise-editor .dropdown-menu .divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5;}.wise-editor .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;}.wise-editor .dropdown-menu>li>a:hover,.wise-editor .dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5;}.wise-editor .dropdown-menu>.active>a,.wise-editor .dropdown-menu>.active>a:hover,.wise-editor .dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca;}.wise-editor .dropdown-menu>.disabled>a,.wise-editor .dropdown-menu>.disabled>a:hover,.wise-editor .dropdown-menu>.disabled>a:focus{color:#999;}.wise-editor .dropdown-menu>.disabled>a:hover,.wise-editor .dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed;}.wise-editor .open>.dropdown-menu{display:block;}.wise-editor .open>a{outline:0;}.wise-editor .dropdown-menu-right{left:auto;right:0;}.wise-editor .dropdown-menu-left{left:0;right:auto;}.wise-editor .dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999;}.wise-editor .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;}.wise-editor .pull-right>.dropdown-menu{right:0;left:auto;}.wise-editor .dropup .caret,.wise-editor .navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:"";}.wise-editor .dropup .dropdown-menu,.wise-editor .navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}@media (min-width:768px){.wise-editor .navbar-right .dropdown-menu{left:auto;right:0;}.wise-editor .navbar-right .dropdown-menu-left{left:0;right:auto;}}.wise-editor .btn-group,.wise-editor .btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;}.wise-editor .btn-group>.btn,.wise-editor .btn-group-vertical>.btn{position:relative;float:left;}.wise-editor .btn-group>.btn:hover,.wise-editor .btn-group-vertical>.btn:hover,.wise-editor .btn-group>.btn:focus,.wise-editor .btn-group-vertical>.btn:focus,.wise-editor .btn-group>.btn:active,.wise-editor .btn-group-vertical>.btn:active,.wise-editor .btn-group>.btn.active,.wise-editor .btn-group-vertical>.btn.active{z-index:2;}.wise-editor .btn-group>.btn:focus,.wise-editor .btn-group-vertical>.btn:focus{outline:0;}.wise-editor .btn-group .btn+.btn,.wise-editor .btn-group .btn+.btn-group,.wise-editor .btn-group .btn-group+.btn,.wise-editor .btn-group .btn-group+.btn-group{margin-left:-1px;}.wise-editor .btn-toolbar{margin-left:-5px;}.wise-editor .btn-toolbar .btn-group,.wise-editor .btn-toolbar .input-group{float:left;}.wise-editor .btn-toolbar>.btn,.wise-editor .btn-toolbar>.btn-group,.wise-editor .btn-toolbar>.input-group{margin-left:5px;}.wise-editor .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0;}.wise-editor .btn-group>.btn:first-child{margin-left:0;}.wise-editor .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0;}.wise-editor .btn-group>.btn:last-child:not(:first-child),.wise-editor .btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;}.wise-editor .btn-group>.btn-group{float:left;}.wise-editor .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0;}.wise-editor .btn-group>.btn-group:first-child>.btn:last-child,.wise-editor .btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0;}.wise-editor .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0;}.wise-editor .btn-group .dropdown-toggle:active,.wise-editor .btn-group.open .dropdown-toggle{outline:0;}.wise-editor .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;}.wise-editor .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px;}.wise-editor .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}.wise-editor .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none;}.wise-editor .btn .caret{margin-left:0;}.wise-editor .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0;}.wise-editor .dropup .btn-lg .caret{border-width:0 5px 5px;}.wise-editor .btn-group-vertical>.btn,.wise-editor .btn-group-vertical>.btn-group,.wise-editor .btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%;}.wise-editor .btn-group-vertical>.btn-group>.btn{float:none;}.wise-editor .btn-group-vertical>.btn+.btn,.wise-editor .btn-group-vertical>.btn+.btn-group,.wise-editor .btn-group-vertical>.btn-group+.btn,.wise-editor .btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0;}.wise-editor .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0;}.wise-editor .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;}.wise-editor .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0;}.wise-editor .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0;}.wise-editor .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.wise-editor .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0;}.wise-editor .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0;}.wise-editor .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate;}.wise-editor .btn-group-justified>.btn,.wise-editor .btn-group-justified>.btn-group{float:none;display:table-cell;width:1%;}.wise-editor .btn-group-justified>.btn-group .btn{width:100%;}.wise-editor [data-toggle=buttons]>.btn>input[type=radio],.wise-editor [data-toggle=buttons]>.btn>input[type=checkbox]{display:none;}.wise-editor .input-group{position:relative;display:table;border-collapse:separate;}.wise-editor .input-group[class*=col-]{float:none;padding-left:0;padding-right:0;}.wise-editor .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;}.wise-editor .input-group-lg>.form-control,.wise-editor .input-group-lg>.input-group-addon,.wise-editor .input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px;}.wise-editor select.input-group-lg>.form-control,.wise-editor select.input-group-lg>.input-group-addon,.wise-editor select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px;}.wise-editor textarea.input-group-lg>.form-control,.wise-editor textarea.input-group-lg>.input-group-addon,.wise-editor textarea.input-group-lg>.input-group-btn>.btn,.wise-editor select[multiple].input-group-lg>.form-control,.wise-editor select[multiple].input-group-lg>.input-group-addon,.wise-editor select[multiple].input-group-lg>.input-group-btn>.btn{height:auto;}.wise-editor .input-group-sm>.form-control,.wise-editor .input-group-sm>.input-group-addon,.wise-editor .input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}.wise-editor select.input-group-sm>.form-control,.wise-editor select.input-group-sm>.input-group-addon,.wise-editor select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px;}.wise-editor textarea.input-group-sm>.form-control,.wise-editor textarea.input-group-sm>.input-group-addon,.wise-editor textarea.input-group-sm>.input-group-btn>.btn,.wise-editor select[multiple].input-group-sm>.form-control,.wise-editor select[multiple].input-group-sm>.input-group-addon,.wise-editor select[multiple].input-group-sm>.input-group-btn>.btn{height:auto;}.wise-editor .input-group-addon,.wise-editor .input-group-btn,.wise-editor .input-group .form-control{display:table-cell;}.wise-editor .input-group-addon:not(:first-child):not(:last-child),.wise-editor .input-group-btn:not(:first-child):not(:last-child),.wise-editor .input-group .form-control:not(:first-child):not(:last-child){border-radius:0;}.wise-editor .input-group-addon,.wise-editor .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle;}.wise-editor .input-group-addon{padding:6px 12px;font-size:13px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}.wise-editor .input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px;}.wise-editor .input-group-addon.input-lg{padding:10px 16px;font-size:17px;border-radius:6px;}.wise-editor .input-group-addon input[type=radio],.wise-editor .input-group-addon input[type=checkbox]{margin-top:0;}.wise-editor .input-group .form-control:first-child,.wise-editor .input-group-addon:first-child,.wise-editor .input-group-btn:first-child>.btn,.wise-editor .input-group-btn:first-child>.btn-group>.btn,.wise-editor .input-group-btn:first-child>.dropdown-toggle,.wise-editor .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.wise-editor .input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0;}.wise-editor .input-group-addon:first-child{border-right:0;}.wise-editor .input-group .form-control:last-child,.wise-editor .input-group-addon:last-child,.wise-editor .input-group-btn:last-child>.btn,.wise-editor .input-group-btn:last-child>.btn-group>.btn,.wise-editor .input-group-btn:last-child>.dropdown-toggle,.wise-editor .input-group-btn:first-child>.btn:not(:first-child),.wise-editor .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0;}.wise-editor .input-group-addon:last-child{border-left:0;}.wise-editor .input-group-btn{position:relative;font-size:0;white-space:nowrap;}.wise-editor .input-group-btn>.btn{position:relative;}.wise-editor .input-group-btn>.btn+.btn{margin-left:-1px;}.wise-editor .input-group-btn>.btn:hover,.wise-editor .input-group-btn>.btn:focus,.wise-editor .input-group-btn>.btn:active{z-index:2;}.wise-editor .input-group-btn:first-child>.btn,.wise-editor .input-group-btn:first-child>.btn-group{margin-right:-1px;}.wise-editor .input-group-btn:last-child>.btn,.wise-editor .input-group-btn:last-child>.btn-group{margin-left:-1px;}.wise-editor .nav{margin-bottom:0;padding-left:0;list-style:none;}.wise-editor .nav>li{position:relative;display:block;}.wise-editor .nav>li>a{position:relative;display:block;padding:10px 15px;}.wise-editor .nav>li>a:hover,.wise-editor .nav>li>a:focus{text-decoration:none;background-color:#eee;}.wise-editor .nav>li.disabled>a{color:#999;}.wise-editor .nav>li.disabled>a:hover,.wise-editor .nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed;}.wise-editor .nav .open>a,.wise-editor .nav .open>a:hover,.wise-editor .nav .open>a:focus{background-color:#eee;border-color:#428bca;}.wise-editor .nav .nav-divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5;}.wise-editor .nav>li>a>img{max-width:none;}.wise-editor .nav-tabs{border-bottom:1px solid #ddd;}.wise-editor .nav-tabs>li{float:left;margin-bottom:-1px;}.wise-editor .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0;}.wise-editor .nav-tabs>li>a:hover{border-color:#eee #eee #ddd;}.wise-editor .nav-tabs>li.active>a,.wise-editor .nav-tabs>li.active>a:hover,.wise-editor .nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}.wise-editor .nav-tabs.nav-justified{width:100%;border-bottom:0;}.wise-editor .nav-tabs.nav-justified>li{float:none;}.wise-editor .nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;}.wise-editor .nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto;}@media (min-width:768px){.wise-editor .nav-tabs.nav-justified>li{display:table-cell;width:1%;}.wise-editor .nav-tabs.nav-justified>li>a{margin-bottom:0;}}.wise-editor .nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px;}.wise-editor .nav-tabs.nav-justified>.active>a,.wise-editor .nav-tabs.nav-justified>.active>a:hover,.wise-editor .nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd;}@media (min-width:768px){.wise-editor .nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;}.wise-editor .nav-tabs.nav-justified>.active>a,.wise-editor .nav-tabs.nav-justified>.active>a:hover,.wise-editor .nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff;}}.wise-editor .nav-pills>li{float:left;}.wise-editor .nav-pills>li>a{border-radius:4px;}.wise-editor .nav-pills>li+li{margin-left:2px;}.wise-editor .nav-pills>li.active>a,.wise-editor .nav-pills>li.active>a:hover,.wise-editor .nav-pills>li.active>a:focus{color:#fff;background-color:#428bca;}.wise-editor .nav-stacked>li{float:none;}.wise-editor .nav-stacked>li+li{margin-top:2px;margin-left:0;}.wise-editor .nav-justified{width:100%;}.wise-editor .nav-justified>li{float:none;}.wise-editor .nav-justified>li>a{text-align:center;margin-bottom:5px;}.wise-editor .nav-justified>.dropdown .dropdown-menu{top:auto;left:auto;}@media (min-width:768px){.wise-editor .nav-justified>li{display:table-cell;width:1%;}.wise-editor .nav-justified>li>a{margin-bottom:0;}}.wise-editor .nav-tabs-justified{border-bottom:0;}.wise-editor .nav-tabs-justified>li>a{margin-right:0;border-radius:4px;}.wise-editor .nav-tabs-justified>.active>a,.wise-editor .nav-tabs-justified>.active>a:hover,.wise-editor .nav-tabs-justified>.active>a:focus{border:1px solid #ddd;}@media (min-width:768px){.wise-editor .nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;}.wise-editor .nav-tabs-justified>.active>a,.wise-editor .nav-tabs-justified>.active>a:hover,.wise-editor .nav-tabs-justified>.active>a:focus{border-bottom-color:#fff;}}.wise-editor .tab-content>.tab-pane{display:none;}.wise-editor .tab-content>.active{display:block;}.wise-editor .nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0;}.wise-editor .navbar{position:relative;min-height:50px;margin-bottom:18px;border:1px solid transparent;}@media (min-width:768px){.wise-editor .navbar{border-radius:4px;}}@media (min-width:768px){.wise-editor .navbar-header{float:left;}}.wise-editor .navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch;}.wise-editor .navbar-collapse.in{overflow-y:auto;}@media (min-width:768px){.wise-editor .navbar-collapse{width:auto;border-top:0;box-shadow:none;}.wise-editor .navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;}.wise-editor .navbar-collapse.in{overflow-y:visible;}.wise-editor .navbar-fixed-top .navbar-collapse,.wise-editor .navbar-static-top .navbar-collapse,.wise-editor .navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0;}}.wise-editor .container>.navbar-header,.wise-editor .container-fluid>.navbar-header,.wise-editor .container>.navbar-collapse,.wise-editor .container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px;}@media (min-width:768px){.wise-editor .container>.navbar-header,.wise-editor .container-fluid>.navbar-header,.wise-editor .container>.navbar-collapse,.wise-editor .container-fluid>.navbar-collapse{margin-right:0;margin-left:0;}}.wise-editor .navbar-static-top{z-index:1000;border-width:0 0 1px;}@media (min-width:768px){.wise-editor .navbar-static-top{border-radius:0;}}.wise-editor .navbar-fixed-top,.wise-editor .navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;}@media (min-width:768px){.wise-editor .navbar-fixed-top,.wise-editor .navbar-fixed-bottom{border-radius:0;}}.wise-editor .navbar-fixed-top{top:0;border-width:0 0 1px;}.wise-editor .navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0;}.wise-editor .navbar-brand{float:left;padding:16px 15px;font-size:17px;line-height:18px;height:50px;}.wise-editor .navbar-brand:hover,.wise-editor .navbar-brand:focus{text-decoration:none;}@media (min-width:768px){.wise-editor .navbar>.container .navbar-brand,.wise-editor .navbar>.container-fluid .navbar-brand{margin-left:-15px;}}.wise-editor .navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;}.wise-editor .navbar-toggle:focus{outline:0;}.wise-editor .navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;}.wise-editor .navbar-toggle .icon-bar+.icon-bar{margin-top:4px;}@media (min-width:768px){.wise-editor .navbar-toggle{display:none;}}.wise-editor .navbar-nav{margin:8px -15px;}.wise-editor .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:18px;}@media (max-width:767px){.wise-editor .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;}.wise-editor .navbar-nav .open .dropdown-menu>li>a,.wise-editor .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px;}.wise-editor .navbar-nav .open .dropdown-menu>li>a{line-height:18px;}.wise-editor .navbar-nav .open .dropdown-menu>li>a:hover,.wise-editor .navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}}@media (min-width:768px){.wise-editor .navbar-nav{float:left;margin:0;}.wise-editor .navbar-nav>li{float:left;}.wise-editor .navbar-nav>li>a{padding-top:16px;padding-bottom:16px;}.wise-editor .navbar-nav.navbar-right:last-child{margin-right:-15px;}}@media (min-width:768px){.wise-editor .navbar-left{float:left!important;}.wise-editor .navbar-right{float:right!important;}}.wise-editor .navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:9px;margin-bottom:9px;}@media (min-width:768px){.wise-editor .navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle;}.wise-editor .navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle;}.wise-editor .navbar-form .input-group>.form-control{width:100%;}.wise-editor .navbar-form .control-label{margin-bottom:0;vertical-align:middle;}.wise-editor .navbar-form .radio,.wise-editor .navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle;}.wise-editor .navbar-form .radio input[type=radio],.wise-editor .navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0;}.wise-editor .navbar-form .has-feedback .form-control-feedback{top:0;}}@media (max-width:767px){.wise-editor .navbar-form .form-group{margin-bottom:5px;}}@media (min-width:768px){.wise-editor .navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none;}.wise-editor .navbar-form.navbar-right:last-child{margin-right:-15px;}}.wise-editor .navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0;}.wise-editor .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0;}.wise-editor .navbar-btn{margin-top:9px;margin-bottom:9px;}.wise-editor .navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px;}.wise-editor .navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px;}.wise-editor .navbar-text{margin-top:16px;margin-bottom:16px;}@media (min-width:768px){.wise-editor .navbar-text{float:left;margin-left:15px;margin-right:15px;}.wise-editor .navbar-text.navbar-right:last-child{margin-right:0;}}.wise-editor .navbar-default{background-color:#f8f8f8;border-color:#e7e7e7;}.wise-editor .navbar-default .navbar-brand{color:#777;}.wise-editor .navbar-default .navbar-brand:hover,.wise-editor .navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent;}.wise-editor .navbar-default .navbar-text{color:#777;}.wise-editor .navbar-default .navbar-nav>li>a{color:#777;}.wise-editor .navbar-default .navbar-nav>li>a:hover,.wise-editor .navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent;}.wise-editor .navbar-default .navbar-nav>.active>a,.wise-editor .navbar-default .navbar-nav>.active>a:hover,.wise-editor .navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7;}.wise-editor .navbar-default .navbar-nav>.disabled>a,.wise-editor .navbar-default .navbar-nav>.disabled>a:hover,.wise-editor .navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent;}.wise-editor .navbar-default .navbar-toggle{border-color:#ddd;}.wise-editor .navbar-default .navbar-toggle:hover,.wise-editor .navbar-default .navbar-toggle:focus{background-color:#ddd;}.wise-editor .navbar-default .navbar-toggle .icon-bar{background-color:#888;}.wise-editor .navbar-default .navbar-collapse,.wise-editor .navbar-default .navbar-form{border-color:#e7e7e7;}.wise-editor .navbar-default .navbar-nav>.open>a,.wise-editor .navbar-default .navbar-nav>.open>a:hover,.wise-editor .navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555;}@media (max-width:767px){.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777;}.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent;}.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7;}.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.wise-editor .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent;}}.wise-editor .navbar-default .navbar-link{color:#777;}.wise-editor .navbar-default .navbar-link:hover{color:#333;}.wise-editor .navbar-inverse{background-color:#222;border-color:#080808;}.wise-editor .navbar-inverse .navbar-brand{color:#999;}.wise-editor .navbar-inverse .navbar-brand:hover,.wise-editor .navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent;}.wise-editor .navbar-inverse .navbar-text{color:#999;}.wise-editor .navbar-inverse .navbar-nav>li>a{color:#999;}.wise-editor .navbar-inverse .navbar-nav>li>a:hover,.wise-editor .navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent;}.wise-editor .navbar-inverse .navbar-nav>.active>a,.wise-editor .navbar-inverse .navbar-nav>.active>a:hover,.wise-editor .navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808;}.wise-editor .navbar-inverse .navbar-nav>.disabled>a,.wise-editor .navbar-inverse .navbar-nav>.disabled>a:hover,.wise-editor .navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent;}.wise-editor .navbar-inverse .navbar-toggle{border-color:#333;}.wise-editor .navbar-inverse .navbar-toggle:hover,.wise-editor .navbar-inverse .navbar-toggle:focus{background-color:#333;}.wise-editor .navbar-inverse .navbar-toggle .icon-bar{background-color:#fff;}.wise-editor .navbar-inverse .navbar-collapse,.wise-editor .navbar-inverse .navbar-form{border-color:#101010;}.wise-editor .navbar-inverse .navbar-nav>.open>a,.wise-editor .navbar-inverse .navbar-nav>.open>a:hover,.wise-editor .navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff;}@media (max-width:767px){.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808;}.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808;}.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999;}.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent;}.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808;}.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.wise-editor .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent;}}.wise-editor .navbar-inverse .navbar-link{color:#999;}.wise-editor .navbar-inverse .navbar-link:hover{color:#fff;}.wise-editor .breadcrumb{padding:8px 15px;margin-bottom:18px;list-style:none;background-color:#f5f5f5;border-radius:4px;}.wise-editor .breadcrumb>li{display:inline-block;}.wise-editor .breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc;}.wise-editor .breadcrumb>.active{color:#999;}.wise-editor .pagination{display:inline-block;padding-left:0;margin:18px 0;border-radius:4px;}.wise-editor .pagination>li{display:inline;}.wise-editor .pagination>li>a,.wise-editor .pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}.wise-editor .pagination>li:first-child>a,.wise-editor .pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}.wise-editor .pagination>li:last-child>a,.wise-editor .pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}.wise-editor .pagination>li>a:hover,.wise-editor .pagination>li>span:hover,.wise-editor .pagination>li>a:focus,.wise-editor .pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd;}.wise-editor .pagination>.active>a,.wise-editor .pagination>.active>span,.wise-editor .pagination>.active>a:hover,.wise-editor .pagination>.active>span:hover,.wise-editor .pagination>.active>a:focus,.wise-editor .pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default;}.wise-editor .pagination>.disabled>span,.wise-editor .pagination>.disabled>span:hover,.wise-editor .pagination>.disabled>span:focus,.wise-editor .pagination>.disabled>a,.wise-editor .pagination>.disabled>a:hover,.wise-editor .pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;}.wise-editor .pagination-lg>li>a,.wise-editor .pagination-lg>li>span{padding:10px 16px;font-size:17px;}.wise-editor .pagination-lg>li:first-child>a,.wise-editor .pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}.wise-editor .pagination-lg>li:last-child>a,.wise-editor .pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px;}.wise-editor .pagination-sm>li>a,.wise-editor .pagination-sm>li>span{padding:5px 10px;font-size:12px;}.wise-editor .pagination-sm>li:first-child>a,.wise-editor .pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}.wise-editor .pagination-sm>li:last-child>a,.wise-editor .pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px;}.wise-editor .pager{padding-left:0;margin:18px 0;list-style:none;text-align:center;}.wise-editor .pager li{display:inline;}.wise-editor .pager li>a,.wise-editor .pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px;}.wise-editor .pager li>a:hover,.wise-editor .pager li>a:focus{text-decoration:none;background-color:#eee;}.wise-editor .pager .next>a,.wise-editor .pager .next>span{float:right;}.wise-editor .pager .previous>a,.wise-editor .pager .previous>span{float:left;}.wise-editor .pager .disabled>a,.wise-editor .pager .disabled>a:hover,.wise-editor .pager .disabled>a:focus,.wise-editor .pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed;}.wise-editor .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}.wise-editor .label[href]:hover,.wise-editor .label[href]:focus{color:#fff;text-decoration:none;cursor:pointer;}.wise-editor .label:empty{display:none;}.wise-editor .btn .label{position:relative;top:-1px;}.wise-editor .label-default{background-color:#999;}.wise-editor .label-default[href]:hover,.wise-editor .label-default[href]:focus{background-color:gray;}.wise-editor .label-primary{background-color:#428bca;}.wise-editor .label-primary[href]:hover,.wise-editor .label-primary[href]:focus{background-color:#3071a9;}.wise-editor .label-success{background-color:#5cb85c;}.wise-editor .label-success[href]:hover,.wise-editor .label-success[href]:focus{background-color:#449d44;}.wise-editor .label-info{background-color:#5bc0de;}.wise-editor .label-info[href]:hover,.wise-editor .label-info[href]:focus{background-color:#31b0d5;}.wise-editor .label-warning{background-color:#f0ad4e;}.wise-editor .label-warning[href]:hover,.wise-editor .label-warning[href]:focus{background-color:#ec971f;}.wise-editor .label-danger{background-color:#d9534f;}.wise-editor .label-danger[href]:hover,.wise-editor .label-danger[href]:focus{background-color:#c9302c;}.wise-editor .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px;}.wise-editor .badge:empty{display:none;}.wise-editor .btn .badge{position:relative;top:-1px;}.wise-editor .btn-xs .badge{top:0;padding:1px 5px;}.wise-editor a.badge:hover,.wise-editor a.badge:focus{color:#fff;text-decoration:none;cursor:pointer;}.wise-editor a.list-group-item.active>.badge,.wise-editor .nav-pills>.active>a>.badge{color:#428bca;background-color:#fff;}.wise-editor .nav-pills>li>a>.badge{margin-left:3px;}.wise-editor .jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee;}.wise-editor .jumbotron h1,.wise-editor .jumbotron .h1{color:inherit;}.wise-editor .jumbotron p{margin-bottom:15px;font-size:20px;font-weight:200;}.wise-editor .container .jumbotron{border-radius:6px;}.wise-editor .jumbotron .container{max-width:100%;}@media screen and (min-width:768px){.wise-editor .jumbotron{padding-top:48px;padding-bottom:48px;}.wise-editor .container .jumbotron{padding-left:60px;padding-right:60px;}.wise-editor .jumbotron h1,.wise-editor .jumbotron .h1{font-size:58.5px;}}.wise-editor .thumbnail{display:block;padding:4px;margin-bottom:18px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}.wise-editor .thumbnail>img,.wise-editor .thumbnail a>img{margin-left:auto;margin-right:auto;}.wise-editor a.thumbnail:hover,.wise-editor a.thumbnail:focus,.wise-editor a.thumbnail.active{border-color:#428bca;}.wise-editor .thumbnail .caption{padding:9px;color:#333;}.wise-editor .alert{padding:15px;margin-bottom:18px;border:1px solid transparent;border-radius:4px;}.wise-editor .alert h4{margin-top:0;color:inherit;}.wise-editor .alert .alert-link{font-weight:700;}.wise-editor .alert>p,.wise-editor .alert>ul{margin-bottom:0;}.wise-editor .alert>p+p{margin-top:5px;}.wise-editor .alert-dismissable{padding-right:35px;}.wise-editor .alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit;}.wise-editor .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d;}.wise-editor .alert-success hr{border-top-color:#c9e2b3;}.wise-editor .alert-success .alert-link{color:#2b542c;}.wise-editor .alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f;}.wise-editor .alert-info hr{border-top-color:#a6e1ec;}.wise-editor .alert-info .alert-link{color:#245269;}.wise-editor .alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b;}.wise-editor .alert-warning hr{border-top-color:#f7e1b5;}.wise-editor .alert-warning .alert-link{color:#66512c;}.wise-editor .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442;}.wise-editor .alert-danger hr{border-top-color:#e4b9c0;}.wise-editor .alert-danger .alert-link{color:#843534;}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}.wise-editor .progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}.wise-editor .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:18px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease;}.wise-editor .progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;}.wise-editor .progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}.wise-editor .progress-bar-success{background-color:#5cb85c;}.wise-editor .progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}.wise-editor .progress-bar-info{background-color:#5bc0de;}.wise-editor .progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}.wise-editor .progress-bar-warning{background-color:#f0ad4e;}.wise-editor .progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}.wise-editor .progress-bar-danger{background-color:#d9534f;}.wise-editor .progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}.wise-editor .media,.wise-editor .media-body{overflow:hidden;zoom:1;}.wise-editor .media,.wise-editor .media .media{margin-top:15px;}.wise-editor .media:first-child{margin-top:0;}.wise-editor .media-object{display:block;}.wise-editor .media-heading{margin:0 0 5px;}.wise-editor .media>.pull-left{margin-right:10px;}.wise-editor .media>.pull-right{margin-left:10px;}.wise-editor .media-list{padding-left:0;list-style:none;}.wise-editor .list-group{margin-bottom:20px;padding-left:0;}.wise-editor .list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd;}.wise-editor .list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px;}.wise-editor .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}.wise-editor .list-group-item>.badge{float:right;}.wise-editor .list-group-item>.badge+.badge{margin-right:5px;}.wise-editor a.list-group-item{color:#555;}.wise-editor a.list-group-item .list-group-item-heading{color:#333;}.wise-editor a.list-group-item:hover,.wise-editor a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5;}.wise-editor a.list-group-item.active,.wise-editor a.list-group-item.active:hover,.wise-editor a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;}.wise-editor a.list-group-item.active .list-group-item-heading,.wise-editor a.list-group-item.active:hover .list-group-item-heading,.wise-editor a.list-group-item.active:focus .list-group-item-heading{color:inherit;}.wise-editor a.list-group-item.active .list-group-item-text,.wise-editor a.list-group-item.active:hover .list-group-item-text,.wise-editor a.list-group-item.active:focus .list-group-item-text{color:#e1edf7;}.wise-editor .list-group-item-success{color:#3c763d;background-color:#dff0d8;}.wise-editor a.list-group-item-success{color:#3c763d;}.wise-editor a.list-group-item-success .list-group-item-heading{color:inherit;}.wise-editor a.list-group-item-success:hover,.wise-editor a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6;}.wise-editor a.list-group-item-success.active,.wise-editor a.list-group-item-success.active:hover,.wise-editor a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d;}.wise-editor .list-group-item-info{color:#31708f;background-color:#d9edf7;}.wise-editor a.list-group-item-info{color:#31708f;}.wise-editor a.list-group-item-info .list-group-item-heading{color:inherit;}.wise-editor a.list-group-item-info:hover,.wise-editor a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3;}.wise-editor a.list-group-item-info.active,.wise-editor a.list-group-item-info.active:hover,.wise-editor a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f;}.wise-editor .list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3;}.wise-editor a.list-group-item-warning{color:#8a6d3b;}.wise-editor a.list-group-item-warning .list-group-item-heading{color:inherit;}.wise-editor a.list-group-item-warning:hover,.wise-editor a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc;}.wise-editor a.list-group-item-warning.active,.wise-editor a.list-group-item-warning.active:hover,.wise-editor a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b;}.wise-editor .list-group-item-danger{color:#a94442;background-color:#f2dede;}.wise-editor a.list-group-item-danger{color:#a94442;}.wise-editor a.list-group-item-danger .list-group-item-heading{color:inherit;}.wise-editor a.list-group-item-danger:hover,.wise-editor a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc;}.wise-editor a.list-group-item-danger.active,.wise-editor a.list-group-item-danger.active:hover,.wise-editor a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442;}.wise-editor .list-group-item-heading{margin-top:0;margin-bottom:5px;}.wise-editor .list-group-item-text{margin-bottom:0;line-height:1.3;}.wise-editor .panel{margin-bottom:18px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);}.wise-editor .panel-body{padding:15px;}.wise-editor .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px;}.wise-editor .panel-heading>.dropdown .dropdown-toggle{color:inherit;}.wise-editor .panel-title{margin-top:0;margin-bottom:0;font-size:15px;color:inherit;}.wise-editor .panel-title>a{color:inherit;}.wise-editor .panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.wise-editor .panel>.list-group{margin-bottom:0;}.wise-editor .panel>.list-group .list-group-item{border-width:1px 0;border-radius:0;}.wise-editor .panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px;}.wise-editor .panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.wise-editor .panel-heading+.list-group .list-group-item:first-child{border-top-width:0;}.wise-editor .panel>.table,.wise-editor .panel>.table-responsive>.table{margin-bottom:0;}.wise-editor .panel>.table:first-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px;}.wise-editor .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.wise-editor .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.wise-editor .panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.wise-editor .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px;}.wise-editor .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.wise-editor .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.wise-editor .panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.wise-editor .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.wise-editor .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px;}.wise-editor .panel>.table:last-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.wise-editor .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.wise-editor .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.wise-editor .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.wise-editor .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px;}.wise-editor .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.wise-editor .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.wise-editor .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.wise-editor .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.wise-editor .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px;}.wise-editor .panel>.panel-body+.table,.wise-editor .panel>.panel-body+.table-responsive{border-top:1px solid #ddd;}.wise-editor .panel>.table>tbody:first-child>tr:first-child th,.wise-editor .panel>.table>tbody:first-child>tr:first-child td{border-top:0;}.wise-editor .panel>.table-bordered,.wise-editor .panel>.table-responsive>.table-bordered{border:0;}.wise-editor .panel>.table-bordered>thead>tr>th:first-child,.wise-editor .panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.wise-editor .panel>.table-bordered>tbody>tr>th:first-child,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.wise-editor .panel>.table-bordered>tfoot>tr>th:first-child,.wise-editor .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.wise-editor .panel>.table-bordered>thead>tr>td:first-child,.wise-editor .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.wise-editor .panel>.table-bordered>tbody>tr>td:first-child,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.wise-editor .panel>.table-bordered>tfoot>tr>td:first-child,.wise-editor .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0;}.wise-editor .panel>.table-bordered>thead>tr>th:last-child,.wise-editor .panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.wise-editor .panel>.table-bordered>tbody>tr>th:last-child,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.wise-editor .panel>.table-bordered>tfoot>tr>th:last-child,.wise-editor .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.wise-editor .panel>.table-bordered>thead>tr>td:last-child,.wise-editor .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.wise-editor .panel>.table-bordered>tbody>tr>td:last-child,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.wise-editor .panel>.table-bordered>tfoot>tr>td:last-child,.wise-editor .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0;}.wise-editor .panel>.table-bordered>thead>tr:first-child>td,.wise-editor .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.wise-editor .panel>.table-bordered>tbody>tr:first-child>td,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.wise-editor .panel>.table-bordered>thead>tr:first-child>th,.wise-editor .panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.wise-editor .panel>.table-bordered>tbody>tr:first-child>th,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0;}.wise-editor .panel>.table-bordered>tbody>tr:last-child>td,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.wise-editor .panel>.table-bordered>tfoot>tr:last-child>td,.wise-editor .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.wise-editor .panel>.table-bordered>tbody>tr:last-child>th,.wise-editor .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.wise-editor .panel>.table-bordered>tfoot>tr:last-child>th,.wise-editor .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;}.wise-editor .panel>.table-responsive{border:0;margin-bottom:0;}.wise-editor .panel-group{margin-bottom:18px;}.wise-editor .panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden;}.wise-editor .panel-group .panel+.panel{margin-top:5px;}.wise-editor .panel-group .panel-heading{border-bottom:0;}.wise-editor .panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd;}.wise-editor .panel-group .panel-footer{border-top:0;}.wise-editor .panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd;}.wise-editor .panel-default{border-color:#ddd;}.wise-editor .panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd;}.wise-editor .panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd;}.wise-editor .panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd;}.wise-editor .panel-primary{border-color:#428bca;}.wise-editor .panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca;}.wise-editor .panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca;}.wise-editor .panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca;}.wise-editor .panel-success{border-color:#d6e9c6;}.wise-editor .panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}.wise-editor .panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6;}.wise-editor .panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6;}.wise-editor .panel-info{border-color:#bce8f1;}.wise-editor .panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;}.wise-editor .panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1;}.wise-editor .panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1;}.wise-editor .panel-warning{border-color:#faebcc;}.wise-editor .panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;}.wise-editor .panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc;}.wise-editor .panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc;}.wise-editor .panel-danger{border-color:#ebccd1;}.wise-editor .panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}.wise-editor .panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1;}.wise-editor .panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1;}.wise-editor .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}.wise-editor .well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15);}.wise-editor .well-lg{padding:24px;border-radius:6px;}.wise-editor .well-sm{padding:9px;border-radius:3px;}.wise-editor .close{float:right;font-size:19.5px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);}.wise-editor .close:hover,.wise-editor .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50);}.wise-editor button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;}.wise-editor .modal-open{overflow:hidden;}.wise-editor .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0;}.wise-editor .modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;}.wise-editor .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}.wise-editor .modal-dialog{position:relative;width:auto;margin:10px;}.wise-editor .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0;}.wise-editor .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}.wise-editor .modal-backdrop.fade{opacity:0;filter:alpha(opacity=0);}.wise-editor .modal-backdrop.in{opacity:.5;filter:alpha(opacity=50);}.wise-editor .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px;}.wise-editor .modal-header .close{margin-top:-2px;}.wise-editor .modal-title{margin:0;line-height:1.42857143;}.wise-editor .modal-body{position:relative;padding:20px;}.wise-editor .modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5;}.wise-editor .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}.wise-editor .modal-footer .btn-group .btn+.btn{margin-left:-1px;}.wise-editor .modal-footer .btn-block+.btn-block{margin-left:0;}@media (min-width:768px){.wise-editor .modal-dialog{width:600px;margin:30px auto;}.wise-editor .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);}.wise-editor .modal-sm{width:300px;}}@media (min-width:992px){.wise-editor .modal-lg{width:900px;}}.wise-editor .tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.wise-editor .tooltip.in{opacity:.9;filter:alpha(opacity=90);}.wise-editor .tooltip.top{margin-top:-3px;padding:5px 0;}.wise-editor .tooltip.right{margin-left:3px;padding:0 5px;}.wise-editor .tooltip.bottom{margin-top:3px;padding:5px 0;}.wise-editor .tooltip.left{margin-left:-3px;padding:0 5px;}.wise-editor .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px;}.wise-editor .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}.wise-editor .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;}.wise-editor .tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000;}.wise-editor .tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000;}.wise-editor .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000;}.wise-editor .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000;}.wise-editor .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;}.wise-editor .tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000;}.wise-editor .tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000;}.wise-editor .popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal;}.wise-editor .popover.top{margin-top:-10px;}.wise-editor .popover.right{margin-left:10px;}.wise-editor .popover.bottom{margin-top:10px;}.wise-editor .popover.left{margin-left:-10px;}.wise-editor .popover-title{margin:0;padding:8px 14px;font-size:13px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0;}.wise-editor .popover-content{padding:4px 6px;}.wise-editor .popover>.arrow,.wise-editor .popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}.wise-editor .popover>.arrow{border-width:11px;}.wise-editor .popover>.arrow:after{border-width:10px;content:"";}.wise-editor .popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;}.wise-editor .popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff;}.wise-editor .popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25);}.wise-editor .popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff;}.wise-editor .popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;}.wise-editor .popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff;}.wise-editor .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25);}.wise-editor .popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px;}.wise-editor .carousel{position:relative;}.wise-editor .carousel-inner{position:relative;overflow:hidden;width:100%;}.wise-editor .carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}.wise-editor .carousel-inner>.item>img,.wise-editor .carousel-inner>.item>a>img{line-height:1;}.wise-editor .carousel-inner>.active,.wise-editor .carousel-inner>.next,.wise-editor .carousel-inner>.prev{display:block;}.wise-editor .carousel-inner>.active{left:0;}.wise-editor .carousel-inner>.next,.wise-editor .carousel-inner>.prev{position:absolute;top:0;width:100%;}.wise-editor .carousel-inner>.next{left:100%;}.wise-editor .carousel-inner>.prev{left:-100%;}.wise-editor .carousel-inner>.next.left,.wise-editor .carousel-inner>.prev.right{left:0;}.wise-editor .carousel-inner>.active.left{left:-100%;}.wise-editor .carousel-inner>.active.right{left:100%;}.wise-editor .carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);}.wise-editor .carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}.wise-editor .carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}.wise-editor .carousel-control:hover,.wise-editor .carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90);}.wise-editor .carousel-control .icon-prev,.wise-editor .carousel-control .icon-next,.wise-editor .carousel-control .glyphicon-chevron-left,.wise-editor .carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block;}.wise-editor .carousel-control .icon-prev,.wise-editor .carousel-control .glyphicon-chevron-left{left:50%;}.wise-editor .carousel-control .icon-next,.wise-editor .carousel-control .glyphicon-chevron-right{right:50%;}.wise-editor .carousel-control .icon-prev,.wise-editor .carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif;}.wise-editor .carousel-control .icon-prev:before{content:'\2039';}.wise-editor .carousel-control .icon-next:before{content:'\203a';}.wise-editor .carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center;}.wise-editor .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);}.wise-editor .carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff;}.wise-editor .carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);}.wise-editor .carousel-caption .btn{text-shadow:none;}@media screen and (min-width:768px){.wise-editor .carousel-control .glyphicon-chevron-left,.wise-editor .carousel-control .glyphicon-chevron-right,.wise-editor .carousel-control .icon-prev,.wise-editor .carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px;}.wise-editor .carousel-caption{left:20%;right:20%;padding-bottom:30px;}.wise-editor .carousel-indicators{bottom:20px;}}.wise-editor .clearfix:before,.wise-editor .clearfix:after,.wise-editor .container:before,.wise-editor .container:after,.wise-editor .container-fluid:before,.wise-editor .container-fluid:after,.wise-editor .row:before,.wise-editor .row:after,.wise-editor .form-horizontal .form-group:before,.wise-editor .form-horizontal .form-group:after,.wise-editor .btn-toolbar:before,.wise-editor .btn-toolbar:after,.wise-editor .btn-group-vertical>.btn-group:before,.wise-editor .btn-group-vertical>.btn-group:after,.wise-editor .nav:before,.wise-editor .nav:after,.wise-editor .navbar:before,.wise-editor .navbar:after,.wise-editor .navbar-header:before,.wise-editor .navbar-header:after,.wise-editor .navbar-collapse:before,.wise-editor .navbar-collapse:after,.wise-editor .pager:before,.wise-editor .pager:after,.wise-editor .panel-body:before,.wise-editor .panel-body:after,.wise-editor .modal-footer:before,.wise-editor .modal-footer:after{content:" ";display:table;}.wise-editor .clearfix:after,.wise-editor .container:after,.wise-editor .container-fluid:after,.wise-editor .row:after,.wise-editor .form-horizontal .form-group:after,.wise-editor .btn-toolbar:after,.wise-editor .btn-group-vertical>.btn-group:after,.wise-editor .nav:after,.wise-editor .navbar:after,.wise-editor .navbar-header:after,.wise-editor .navbar-collapse:after,.wise-editor .pager:after,.wise-editor .panel-body:after,.wise-editor .modal-footer:after{clear:both;}.wise-editor .center-block{display:block;margin-left:auto;margin-right:auto;}.wise-editor .pull-right{float:right!important;}.wise-editor .pull-left{float:left!important;}.wise-editor .hide{display:none!important;}.wise-editor .show{display:block!important;}.wise-editor .invisible{visibility:hidden;}.wise-editor .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}.wise-editor .hidden{display:none!important;visibility:hidden!important;}.wise-editor .affix{position:fixed;}@-ms-viewport{width:device-width;}.wise-editor .visible-xs,.wise-editor .visible-sm,.wise-editor .visible-md,.wise-editor .visible-lg{display:none!important;}@media (max-width:767px){.wise-editor .visible-xs{display:block!important;}.wise-editor table.visible-xs{display:table;}.wise-editor tr.visible-xs{display:table-row!important;}.wise-editor th.visible-xs,.wise-editor td.visible-xs{display:table-cell!important;}}@media (min-width:768px) and (max-width:991px){.wise-editor .visible-sm{display:block!important;}.wise-editor table.visible-sm{display:table;}.wise-editor tr.visible-sm{display:table-row!important;}.wise-editor th.visible-sm,.wise-editor td.visible-sm{display:table-cell!important;}}@media (min-width:992px) and (max-width:1199px){.wise-editor .visible-md{display:block!important;}.wise-editor table.visible-md{display:table;}.wise-editor tr.visible-md{display:table-row!important;}.wise-editor th.visible-md,.wise-editor td.visible-md{display:table-cell!important;}}@media (min-width:1200px){.wise-editor .visible-lg{display:block!important;}.wise-editor table.visible-lg{display:table;}.wise-editor tr.visible-lg{display:table-row!important;}.wise-editor th.visible-lg,.wise-editor td.visible-lg{display:table-cell!important;}}@media (max-width:767px){.wise-editor .hidden-xs{display:none!important;}}@media (min-width:768px) and (max-width:991px){.wise-editor .hidden-sm{display:none!important;}}@media (min-width:992px) and (max-width:1199px){.wise-editor .hidden-md{display:none!important;}}@media (min-width:1200px){.wise-editor .hidden-lg{display:none!important;}}.wise-editor .visible-print{display:none!important;}@media print{.wise-editor .visible-print{display:block!important;}.wise-editor table.visible-print{display:table;}.wise-editor tr.visible-print{display:table-row!important;}.wise-editor th.visible-print,.wise-editor td.visible-print{display:table-cell!important;}}@media print{.wise-editor .hidden-print{display:none!important;}} diff --git a/packages/editor/src/bootstrap.min.css b/packages/editor/src/bootstrap.min.css deleted file mode 100644 index 04f50092..00000000 --- a/packages/editor/src/bootstrap.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * Bootstrap v3.1.1 (http://getbootstrap.com) - * Copyright 2011-2014 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:18px;margin-bottom:18px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:18px;margin-bottom:9px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:9px;margin-bottom:9px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:33px}h2,.h2{font-size:27px}h3,.h3{font-size:23px}h4,.h4{font-size:17px}h5,.h5{font-size:13px}h6,.h6{font-size:12px}p{margin:0 0 9px}.lead{margin-bottom:18px;font-size:14px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:19.5px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:8px;margin:36px 0 18px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:9px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:18px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:9px 18px;margin:0 0 18px;font-size:16.25px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:18px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:18px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:13.5px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:18px;font-size:19.5px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:13px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:32px;padding:6px 12px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:32px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:18px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:40px}.has-feedback .form-control-feedback{position:absolute;top:23px;right:0;display:block;width:32px;height:32px;line-height:32px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:25px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:13px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:13px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:17px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:18px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:16px 15px;font-size:17px;line-height:18px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:8px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:18px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:18px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:16px;padding-bottom:16px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:9px;margin-bottom:9px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:9px;margin-bottom:9px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:16px;margin-bottom:16px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:18px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:18px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:17px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:18px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:20px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:58.5px}}.thumbnail{display:block;padding:4px;margin-bottom:18px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:18px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:18px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:18px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:15px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:18px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:19.5px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:13px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:4px 6px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}} \ No newline at end of file diff --git a/packages/editor/src/components/toolbar/index.tsx b/packages/editor/src/components/toolbar/index.tsx index c86ae3ed..2363e3ea 100644 --- a/packages/editor/src/components/toolbar/index.tsx +++ b/packages/editor/src/components/toolbar/index.tsx @@ -43,7 +43,7 @@ export default function Toolbar({ }: ToolbarPropsType): React.ReactElement { const intl = useIntl(); return ( - +
diff --git a/packages/editor/src/global-styled.css b/packages/editor/src/global-styled.css index 6da5344f..d978078e 100644 --- a/packages/editor/src/global-styled.css +++ b/packages/editor/src/global-styled.css @@ -1,7 +1,8 @@ /********************************************************************************/ /* Header & Toolbar Styles */ /********************************************************************************/ -@import "bootstrap.min.css"; +@import "bootstrap-prefix.min.css"; +@import "bootstrap-fixes.css"; html { /* avoid bootstrap overriding font-size and breaking Mui */ @@ -129,7 +130,7 @@ div.shareModalDialog { background-color: #efefef; } -.popover { +.wise-editor .popover { font-size: 13px; max-width: none; } diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx index 9ac7bb9e..ab54a3a7 100644 --- a/packages/editor/src/index.tsx +++ b/packages/editor/src/index.tsx @@ -100,7 +100,8 @@ const Editor = ({ onAction={onAction} /> } -
+
+
); diff --git a/packages/mindplot/src/components/NoteIcon.ts b/packages/mindplot/src/components/NoteIcon.ts index 144b6edc..363fd9ec 100644 --- a/packages/mindplot/src/components/NoteIcon.ts +++ b/packages/mindplot/src/components/NoteIcon.ts @@ -55,7 +55,6 @@ class NoteIcon extends Icon { } this._tip = new FloatingTip($(me.getImage().peer._native), { title: $msg('NOTE'), - container: 'body', // Content can also be a function of the target element! content() { return me._buildTooltipContent(); diff --git a/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js b/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js index 303c5221..3ba59482 100644 --- a/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js +++ b/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js @@ -59,6 +59,8 @@ class BootstrapDialog extends Options { $(this).remove(); }); this._native.on('shown.bs.modal', this.onDialogShown); + + this._native.appendTo('#mindplot-tooltips'); } _buildFooter() { diff --git a/packages/mindplot/src/components/widget/FloatingTip.js b/packages/mindplot/src/components/widget/FloatingTip.js index 535a5fde..edec13cb 100644 --- a/packages/mindplot/src/components/widget/FloatingTip.js +++ b/packages/mindplot/src/components/widget/FloatingTip.js @@ -27,7 +27,7 @@ const defaultOptions = { title: '', content: '', delay: 0, - container: false, + container: '#mindplot-tooltips', destroyOnExit: false, }; diff --git a/packages/mindplot/src/components/widget/LinkIconTooltip.js b/packages/mindplot/src/components/widget/LinkIconTooltip.js index 3cdca104..62e28a9c 100644 --- a/packages/mindplot/src/components/widget/LinkIconTooltip.js +++ b/packages/mindplot/src/components/widget/LinkIconTooltip.js @@ -31,7 +31,6 @@ class LinkIconTooltip extends FloatingTip { }, html: true, placement: 'bottom', - container: 'body', title: $msg('LINK'), trigger: 'manual', template: '', From c6db14b99af8c25fb77915e07b537ce58ba1ed16 Mon Sep 17 00:00:00 2001 From: Paulo Veiga Date: Sat, 5 Mar 2022 16:10:03 +0000 Subject: [PATCH 04/32] Merged in feature/remove_actions (pull request #45) Remove actions in toobar when user is not owner. * Fix eslit errors --- .../editor/src/components/toolbar/index.tsx | 79 ++--- packages/editor/src/index.tsx | 1 - .../test/playground/map-render/js/editor.tsx | 2 +- packages/mindplot/src/@types/custom.d.ts | 4 +- .../mindplot/src/components/CommandContext.ts | 11 +- .../src/components/DesignerBuilder.ts | 2 +- .../src/components/DesignerOptionsBuilder.ts | 2 +- .../src/components/EditorRenderMode.ts | 2 +- packages/mindplot/src/components/IconGroup.ts | 12 +- packages/mindplot/src/components/LinkIcon.ts | 5 +- packages/mindplot/src/components/NodeGraph.ts | 2 +- packages/mindplot/src/components/NoteIcon.ts | 4 +- .../components/StandaloneActionDispatcher.ts | 3 +- packages/mindplot/src/components/Topic.ts | 10 +- .../commands/GenericFunctionCommand.ts | 8 +- .../layout/ChildrenSorterStrategy.ts | 4 +- .../src/components/layout/LayoutManager.ts | 1 - .../src/components/model/FeatureModel.ts | 6 +- .../src/components/model/INodeModel.ts | 10 +- .../src/components/model/RelationshipModel.ts | 6 +- .../mindplot/src/components/widget/Menu.ts | 301 ++++++++---------- packages/webapp/src/app.tsx | 2 +- .../src/classes/client/rest-client/index.ts | 10 +- .../editor-page/EditorOptionsBuider.ts | 23 +- .../src/components/editor-page/index.tsx | 38 ++- 25 files changed, 270 insertions(+), 278 deletions(-) diff --git a/packages/editor/src/components/toolbar/index.tsx b/packages/editor/src/components/toolbar/index.tsx index 2363e3ea..df27da4f 100644 --- a/packages/editor/src/components/toolbar/index.tsx +++ b/packages/editor/src/components/toolbar/index.tsx @@ -48,7 +48,7 @@ export default function Toolbar({
- {editorMode === 'edition' && ( + {(editorMode === 'edition-editor' || editorMode === 'edition-owner') && (
@@ -112,44 +112,51 @@ export default function Toolbar({
- {editorMode === 'edition' && ( - - onAction('export')} - > - - - onAction('publish')} - > - - - onAction('history')} - > - - - onAction('print')} - > - - - - - + + onAction('export')} + > + + + onAction('print')} + > + + + {editorMode === 'edition-owner' && ( + <> + onAction('history')} + > + + + onAction('publish')} + > + + + + )} + {(editorMode === 'edition-owner' || editorMode === 'edition-editor') && ( + + + + )} + {editorMode === 'edition-owner' && ( onAction('share')}> {intl.formatMessage({ id: 'action.share', defaultMessage: 'Share' })} - - )} + + )} +
); diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx index ab54a3a7..79b0fd87 100644 --- a/packages/editor/src/index.tsx +++ b/packages/editor/src/index.tsx @@ -13,7 +13,6 @@ import { } from '@wisemapping/mindplot'; import './global-styled.css'; import I18nMsg from './classes/i18n-msg'; -import Messages from '@wisemapping/mindplot/src/components/Messages'; declare global { // used in mindplot diff --git a/packages/editor/test/playground/map-render/js/editor.tsx b/packages/editor/test/playground/map-render/js/editor.tsx index ab06149b..bc09334b 100644 --- a/packages/editor/test/playground/map-render/js/editor.tsx +++ b/packages/editor/test/playground/map-render/js/editor.tsx @@ -36,7 +36,7 @@ const options: EditorOptions = { zoom: 0.8, locked: false, mapTitle: "Develop Mindnap", - mode: 'edition', + mode: 'edition-owner', locale: 'en', enableKeyboardEvents: true }; diff --git a/packages/mindplot/src/@types/custom.d.ts b/packages/mindplot/src/@types/custom.d.ts index e2013b53..60bd434c 100644 --- a/packages/mindplot/src/@types/custom.d.ts +++ b/packages/mindplot/src/@types/custom.d.ts @@ -1,4 +1,4 @@ -declare module "*.svg" { +declare module '*.svg' { const content: any; export default content; -} \ No newline at end of file +} diff --git a/packages/mindplot/src/components/CommandContext.ts b/packages/mindplot/src/components/CommandContext.ts index 3d489b78..054f491e 100644 --- a/packages/mindplot/src/components/CommandContext.ts +++ b/packages/mindplot/src/components/CommandContext.ts @@ -41,20 +41,15 @@ class CommandContext { } findTopics(topicIds: number[]): Topic[] { - $assert($defined(topicIds), 'topicsIds can not be null'); const topicsIds = Array.isArray(topicIds) ? topicIds : [topicIds]; const designerTopics = this._designer.getModel().getTopics(); const result = designerTopics.filter((topic) => topicsIds.includes(topic.getId())); if (result.length !== topicsIds.length) { const ids = designerTopics.map((topic) => topic.getId()); - $assert( - result.length === topicsIds.length, - `Could not find topic. Result:${result - } Filter Criteria:${topicsIds - } Current Topics: [${ids - }]`, - ); + throw new Error(`Could not find topic. Result:${result + } Filter Criteria:${topicsIds + } Current Topics: [${ids}])`); } return result; } diff --git a/packages/mindplot/src/components/DesignerBuilder.ts b/packages/mindplot/src/components/DesignerBuilder.ts index ae720d51..a657b24a 100644 --- a/packages/mindplot/src/components/DesignerBuilder.ts +++ b/packages/mindplot/src/components/DesignerBuilder.ts @@ -37,7 +37,7 @@ export function buildDesigner(options: DesignerOptions): Designer { PersistenceManager.init(persistence); // Register toolbar event ... - if (options.mode === 'edition' || options.mode === 'showcase') { + if (options.mode === 'edition-owner' || options.mode === 'edition-editor' || options.mode === 'showcase') { const menu = new Menu(designer, 'toolbar'); // If a node has focus, focus can be move to another node using the keys. diff --git a/packages/mindplot/src/components/DesignerOptionsBuilder.ts b/packages/mindplot/src/components/DesignerOptionsBuilder.ts index 877e7dec..02a1a2e1 100644 --- a/packages/mindplot/src/components/DesignerOptionsBuilder.ts +++ b/packages/mindplot/src/components/DesignerOptionsBuilder.ts @@ -46,7 +46,7 @@ class OptionsBuilder { } const defaultOptions: DesignerOptions = { - mode: 'edition', + mode: 'edition-owner', zoom: 0.85, saveOnLoad: true, containerSize, diff --git a/packages/mindplot/src/components/EditorRenderMode.ts b/packages/mindplot/src/components/EditorRenderMode.ts index 80cbd2c4..4986dae6 100644 --- a/packages/mindplot/src/components/EditorRenderMode.ts +++ b/packages/mindplot/src/components/EditorRenderMode.ts @@ -1,2 +1,2 @@ -type EditorRenderMode = 'viewonly' | 'edition' | 'showcase'; +type EditorRenderMode = 'viewonly' | 'edition-owner' | 'edition-editor' | 'showcase'; export default EditorRenderMode; diff --git a/packages/mindplot/src/components/IconGroup.ts b/packages/mindplot/src/components/IconGroup.ts index b4ac5691..3f0c506d 100644 --- a/packages/mindplot/src/components/IconGroup.ts +++ b/packages/mindplot/src/components/IconGroup.ts @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -// eslint-disable-next-line max-classes-per-file + import { $assert, $defined, @@ -23,12 +23,11 @@ import { import { Group, ElementClass, + Point, } from '@wisemapping/web2d'; import IconGroupRemoveTip from './IconGroupRemoveTip'; -import { Point } from '@wisemapping/web2d'; import Icon from './Icon'; import SizeType from './SizeType'; -import IconModel from './model/IconModel'; import FeatureModel from './model/FeatureModel'; const ORDER_BY_TYPE = new Map(); @@ -38,10 +37,15 @@ ORDER_BY_TYPE.set('link', 2); class IconGroup { private _icons: Icon[]; + private _group: any; + private _removeTip: IconGroupRemoveTip; + private _iconSize: SizeType; + private _topicId: number; + constructor(topicId: number, iconSize: number) { $assert($defined(topicId), 'topicId can not be null'); $assert($defined(iconSize), 'iconSize can not be null'); @@ -59,7 +63,6 @@ class IconGroup { this._removeTip = new IconGroupRemoveTip(this._group); this.seIconSize(iconSize, iconSize); this._registerListeners(); - } setPosition(x: number, y: number): void { @@ -189,7 +192,6 @@ class IconGroup { } static ICON_PADDING = 5; - } export default IconGroup; diff --git a/packages/mindplot/src/components/LinkIcon.ts b/packages/mindplot/src/components/LinkIcon.ts index f49df66b..c47bba87 100644 --- a/packages/mindplot/src/components/LinkIcon.ts +++ b/packages/mindplot/src/components/LinkIcon.ts @@ -26,8 +26,11 @@ import FeatureModel from './model/FeatureModel'; class LinkIcon extends Icon { private _linksModel: FeatureModel; + private _topic: Topic; + private _readOnly: boolean; + private _tip: LinkIconTooltip; constructor(topic: Topic, linkModel: LinkModel, readOnly: boolean) { @@ -73,8 +76,8 @@ class LinkIcon extends Icon { getModel(): FeatureModel { return this._linksModel; } - static IMAGE_URL = LinksImage; + static IMAGE_URL = LinksImage; } export default LinkIcon; diff --git a/packages/mindplot/src/components/NodeGraph.ts b/packages/mindplot/src/components/NodeGraph.ts index ed4bf609..d0a00db6 100644 --- a/packages/mindplot/src/components/NodeGraph.ts +++ b/packages/mindplot/src/components/NodeGraph.ts @@ -161,7 +161,7 @@ abstract class NodeGraph { createDragNode(layoutManager: LayoutManager) { const dragShape = this._buildDragShape(); - + return new DragTopic(dragShape, this, layoutManager); } diff --git a/packages/mindplot/src/components/NoteIcon.ts b/packages/mindplot/src/components/NoteIcon.ts index 363fd9ec..6d891fcc 100644 --- a/packages/mindplot/src/components/NoteIcon.ts +++ b/packages/mindplot/src/components/NoteIcon.ts @@ -27,8 +27,11 @@ import FeatureModel from './model/FeatureModel'; class NoteIcon extends Icon { private _linksModel: NoteModel; + private _topic: Topic; + private _readOnly: boolean; + private _tip: FloatingTip; constructor(topic: Topic, noteModel: NoteModel, readOnly: boolean) { @@ -87,7 +90,6 @@ class NoteIcon extends Icon { } static IMAGE_URL = NotesImage; - } export default NoteIcon; diff --git a/packages/mindplot/src/components/StandaloneActionDispatcher.ts b/packages/mindplot/src/components/StandaloneActionDispatcher.ts index 011f8d44..f38c9b77 100644 --- a/packages/mindplot/src/components/StandaloneActionDispatcher.ts +++ b/packages/mindplot/src/components/StandaloneActionDispatcher.ts @@ -110,8 +110,7 @@ class StandaloneActionDispatcher extends ActionDispatcher { this.execute(command); } - /** */ - changeTextToTopic(topicsIds: number[], text: string) { + changeTextToTopic(topicsIds: number[], text: string): void { $assert($defined(topicsIds), 'topicsIds can not be null'); const commandFunc = (topic: Topic, value: string) => { diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts index 92b0080e..f646ce1d 100644 --- a/packages/mindplot/src/components/Topic.ts +++ b/packages/mindplot/src/components/Topic.ts @@ -707,11 +707,10 @@ abstract class Topic extends NodeGraph { // Do some fancy animation .... const elements = this._flatten2DElements(this); elements.forEach((elem) => { - elem.setVisibility(!value, 250) + elem.setVisibility(!value, 250); }); EventBus.instance.fireEvent('childShrinked', model); - } getShrinkConnector(): ShirinkConnector | undefined { @@ -893,7 +892,6 @@ abstract class Topic extends NodeGraph { this._relationships.forEach((r) => r.redraw()); } - /** */ setBranchVisibility(value: boolean): void { let current: Topic = this; let parent: Topic = this; @@ -904,7 +902,6 @@ abstract class Topic extends NodeGraph { current.setVisibility(value); } - /** */ setVisibility(value: boolean, fade = 0): void { this._setTopicVisibility(value, fade); @@ -961,8 +958,9 @@ abstract class Topic extends NodeGraph { relationship.setVisibility( value && (targetParent == null || !targetParent.areChildrenShrunken()) - && (sourceParent == null || !sourceParent.areChildrenShrunken()) - , fade); + && (sourceParent == null || !sourceParent.areChildrenShrunken()), + fade, + ); }); } diff --git a/packages/mindplot/src/components/commands/GenericFunctionCommand.ts b/packages/mindplot/src/components/commands/GenericFunctionCommand.ts index b7887967..ab198609 100644 --- a/packages/mindplot/src/components/commands/GenericFunctionCommand.ts +++ b/packages/mindplot/src/components/commands/GenericFunctionCommand.ts @@ -25,7 +25,7 @@ type CommandTypes = string | object | boolean | number; class GenericFunctionCommand extends Command { private _value: CommandTypes; - private _topicsId: number[]; + private _topicsIds: number[]; private _commandFunc: (topic: Topic, value: CommandTypes) => CommandTypes; @@ -39,7 +39,7 @@ class GenericFunctionCommand extends Command { super(); this._value = value; - this._topicsId = topicsIds; + this._topicsIds = topicsIds; this._commandFunc = commandFunc; this._oldValues = []; } @@ -49,7 +49,7 @@ class GenericFunctionCommand extends Command { */ execute(commandContext: CommandContext) { if (!this._applied) { - const topics = commandContext.findTopics(this._topicsId); + const topics = commandContext.findTopics(this._topicsIds); if (topics != null) { const me = this; @@ -66,7 +66,7 @@ class GenericFunctionCommand extends Command { undoExecute(commandContext: CommandContext): void { if (this._applied) { - const topics = commandContext.findTopics(this._topicsId); + const topics = commandContext.findTopics(this._topicsIds); topics.forEach(((topic: Topic, index: number) => { this._commandFunc(topic, this._oldValues[index]); diff --git a/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts b/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts index 34419adb..fbf2cb25 100644 --- a/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts +++ b/packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts @@ -15,9 +15,9 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import RootedTreeSet from "./RootedTreeSet"; +import RootedTreeSet from './RootedTreeSet'; import Node from './Node'; -import PositionType from "../PositionType"; +import PositionType from '../PositionType'; abstract class ChildrenSorterStrategy { abstract computeChildrenIdByHeights(treeSet: RootedTreeSet, node: Node); diff --git a/packages/mindplot/src/components/layout/LayoutManager.ts b/packages/mindplot/src/components/layout/LayoutManager.ts index 64c9a1b9..94c6964c 100644 --- a/packages/mindplot/src/components/layout/LayoutManager.ts +++ b/packages/mindplot/src/components/layout/LayoutManager.ts @@ -15,7 +15,6 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import $ from 'jquery'; import { $assert, $defined } from '@wisemapping/core-js'; import Events from '../Events'; import RootedTreeSet from './RootedTreeSet'; diff --git a/packages/mindplot/src/components/model/FeatureModel.ts b/packages/mindplot/src/components/model/FeatureModel.ts index 0652d319..8fb14a55 100644 --- a/packages/mindplot/src/components/model/FeatureModel.ts +++ b/packages/mindplot/src/components/model/FeatureModel.ts @@ -19,7 +19,7 @@ import { $assert } from '@wisemapping/core-js'; import FeatureType from './FeatureType'; class FeatureModel { - static _next_id = 0; + static _nextId = 0; private _id: number; @@ -85,8 +85,8 @@ class FeatureModel { } static _nextUUID(): number { - const result = FeatureModel._next_id + 1; - FeatureModel._next_id = result; + const result = FeatureModel._nextId + 1; + FeatureModel._nextId = result; return result; } } diff --git a/packages/mindplot/src/components/model/INodeModel.ts b/packages/mindplot/src/components/model/INodeModel.ts index 9cc60bab..46bb9e3a 100644 --- a/packages/mindplot/src/components/model/INodeModel.ts +++ b/packages/mindplot/src/components/model/INodeModel.ts @@ -29,7 +29,7 @@ const parseJsObject = (str: string) => JSON.parse(str.replace(/(['"])?([a-z0-9A- abstract class INodeModel { static MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE = 220; - private static _next_uuid = 0; + private static _nextUuid = 0; protected _mindmap: Mindmap; @@ -49,9 +49,9 @@ abstract class INodeModel { const newId = INodeModel._nextUUID(); this.putProperty('id', newId); } else { - if (id > INodeModel._next_uuid) { + if (id > INodeModel._nextUuid) { $assert(Number.isFinite(id)); - INodeModel._next_uuid = id; + INodeModel._nextUuid = id; } this.putProperty('id', id); } @@ -358,8 +358,8 @@ abstract class INodeModel { abstract removeChild(child: INodeModel); static _nextUUID(): number { - INodeModel._next_uuid += 1; - return INodeModel._next_uuid; + INodeModel._nextUuid += 1; + return INodeModel._nextUuid; } } diff --git a/packages/mindplot/src/components/model/RelationshipModel.ts b/packages/mindplot/src/components/model/RelationshipModel.ts index fa6d150c..ddf34d7d 100644 --- a/packages/mindplot/src/components/model/RelationshipModel.ts +++ b/packages/mindplot/src/components/model/RelationshipModel.ts @@ -20,7 +20,7 @@ import Point from '@wisemapping/web2d'; import ConnectionLine from '../ConnectionLine'; class RelationshipModel { - static _next_uuid = 0; + static _nextUuid = 0; private _id: number; @@ -133,8 +133,8 @@ class RelationshipModel { } static _nextUUID() { - RelationshipModel._next_uuid += 1; - return RelationshipModel._next_uuid; + RelationshipModel._nextUuid += 1; + return RelationshipModel._nextUuid; } } diff --git a/packages/mindplot/src/components/widget/Menu.ts b/packages/mindplot/src/components/widget/Menu.ts index 25ef72cb..f14efca9 100644 --- a/packages/mindplot/src/components/widget/Menu.ts +++ b/packages/mindplot/src/components/widget/Menu.ts @@ -39,170 +39,145 @@ class Menu extends IMenu { // Create panels ... const designerModel = designer.getModel(); - - const fontFamilyBtn = $('#fontFamily'); - if (fontFamilyBtn) { - const fontFamilyModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const fontFamily = nodes[i].getFontFamily(); - if (result != null && result !== fontFamily) { - result = null; - break; - } - result = fontFamily; + const fontFamilyModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const fontFamily = nodes[i].getFontFamily(); + if (result != null && result !== fontFamily) { + result = null; + break; } - return result; - }, + result = fontFamily; + } + return result; + }, - setValue(value: string) { - designer.changeFontFamily(value); - }, - }; - this._toolbarElems.push(new FontFamilyPanel('fontFamily', fontFamilyModel)); - Menu._registerTooltip('fontFamily', $msg('FONT_FAMILY')); - } + setValue(value: string) { + designer.changeFontFamily(value); + }, + }; + this._toolbarElems.push(new FontFamilyPanel('fontFamily', fontFamilyModel)); + Menu._registerTooltip('fontFamily', $msg('FONT_FAMILY')); - const fontSizeBtn = $('#fontSize'); - if (fontSizeBtn) { - const fontSizeModel = { - getValue(): number { - const nodes = designerModel.filterSelectedTopics(); + const fontSizeModel = { + getValue(): number { + const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const fontSize = nodes[i].getFontSize(); - if (result != null && result !== fontSize) { - result = null; - break; - } - result = fontSize; + let result = null; + for (let i = 0; i < nodes.length; i++) { + const fontSize = nodes[i].getFontSize(); + if (result != null && result !== fontSize) { + result = null; + break; } - return result; - }, - setValue(value: number) { - designer.changeFontSize(value); - }, - }; - this._toolbarElems.push(new FontSizePanel('fontSize', fontSizeModel)); - Menu._registerTooltip('fontSize', $msg('FONT_SIZE')); - } + result = fontSize; + } + return result; + }, + setValue(value: number) { + designer.changeFontSize(value); + }, + }; + this._toolbarElems.push(new FontSizePanel('fontSize', fontSizeModel)); + Menu._registerTooltip('fontSize', $msg('FONT_SIZE')); - const topicShapeBtn = $('#topicShape'); - if (topicShapeBtn) { - const topicShapeModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const shapeType = nodes[i].getShapeType(); - if (result != null && result !== shapeType) { - result = null; - break; - } - result = shapeType; + const topicShapeModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const shapeType = nodes[i].getShapeType(); + if (result != null && result !== shapeType) { + result = null; + break; } - return result; - }, - setValue(value: string) { - designer.changeTopicShape(value); - }, - }; - this._toolbarElems.push(new TopicShapePanel('topicShape', topicShapeModel)); - Menu._registerTooltip('topicShape', $msg('TOPIC_SHAPE')); - } + result = shapeType; + } + return result; + }, + setValue(value: string) { + designer.changeTopicShape(value); + }, + }; + this._toolbarElems.push(new TopicShapePanel('topicShape', topicShapeModel)); + Menu._registerTooltip('topicShape', $msg('TOPIC_SHAPE')); - const topicIconBtn = $('#topicIcon'); - if (topicIconBtn) { - // Create icon panel dialog ... - const topicIconModel = { - getValue() { - return null; - }, - setValue(value: string) { - designer.addIconType(value); - }, - }; - this._toolbarElems.push(new IconPanel('topicIcon', topicIconModel)); - Menu._registerTooltip('topicIcon', $msg('TOPIC_ICON')); - } + // Create icon panel dialog ... + const topicIconModel = { + getValue() { + return null; + }, + setValue(value: string) { + designer.addIconType(value); + }, + }; + this._toolbarElems.push(new IconPanel('topicIcon', topicIconModel)); + Menu._registerTooltip('topicIcon', $msg('TOPIC_ICON')); - // Topic color item ... - const topicColorBtn = $('#topicColor'); - if (topicColorBtn) { - const topicColorModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const color = nodes[i].getBackgroundColor(); - if (result != null && result !== color) { - result = null; - break; - } - result = color; + const topicColorModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const color = nodes[i].getBackgroundColor(); + if (result != null && result !== color) { + result = null; + break; } - return result; - }, - setValue(hex: string) { - designer.changeBackgroundColor(hex); - }, - }; - this._toolbarElems.push(new ColorPalettePanel('topicColor', topicColorModel, widgetsBaseUrl)); - Menu._registerTooltip('topicColor', $msg('TOPIC_COLOR')); - } + result = color; + } + return result; + }, + setValue(hex: string) { + designer.changeBackgroundColor(hex); + }, + }; + this._toolbarElems.push(new ColorPalettePanel('topicColor', topicColorModel, widgetsBaseUrl)); + Menu._registerTooltip('topicColor', $msg('TOPIC_COLOR')); - // Border color item ... - const topicBorderBtn = $('#topicBorder'); - if (topicBorderBtn) { - const borderColorModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const color = nodes[i].getBorderColor(); - if (result != null && result !== color) { - result = null; - break; - } - result = color; + const borderColorModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const color = nodes[i].getBorderColor(); + if (result != null && result !== color) { + result = null; + break; } - return result; - }, - setValue(hex: string) { - designer.changeBorderColor(hex); - }, - }; - this._toolbarElems.push(new ColorPalettePanel('topicBorder', borderColorModel, widgetsBaseUrl)); - Menu._registerTooltip('topicBorder', $msg('TOPIC_BORDER_COLOR')); - } + result = color; + } + return result; + }, + setValue(hex: string) { + designer.changeBorderColor(hex); + }, + }; + this._toolbarElems.push(new ColorPalettePanel('topicBorder', borderColorModel, widgetsBaseUrl)); + Menu._registerTooltip('topicBorder', $msg('TOPIC_BORDER_COLOR')); - // Font color item ... - const fontColorBtn = $('#fontColor'); - if (fontColorBtn) { - const fontColorModel = { - getValue() { - let result = null; - const nodes = designerModel.filterSelectedTopics(); - for (let i = 0; i < nodes.length; i++) { - const color = nodes[i].getFontColor(); - if (result != null && result !== color) { - result = null; - break; - } - result = color; + const fontColorModel = { + getValue() { + let result = null; + const nodes = designerModel.filterSelectedTopics(); + for (let i = 0; i < nodes.length; i++) { + const color = nodes[i].getFontColor(); + if (result != null && result !== color) { + result = null; + break; } - return result; - }, - setValue(hex) { - designer.changeFontColor(hex); - }, - }; - this._toolbarElems.push(new ColorPalettePanel('fontColor', fontColorModel, baseUrl)); - Menu._registerTooltip('fontColor', $msg('FONT_COLOR')); - } + result = color; + } + return result; + }, + setValue(hex) { + designer.changeFontColor(hex); + }, + }; + this._toolbarElems.push(new ColorPalettePanel('fontColor', fontColorModel, baseUrl)); + Menu._registerTooltip('fontColor', $msg('FONT_COLOR')); Menu._registerTooltip('export', $msg('EXPORT')); @@ -315,14 +290,6 @@ class Menu extends IMenu { } } - const discardElem = $('#discard'); - if (discardElem.length !== 0) { - this._addButton('discard', false, false, () => { - this.discardChanges(designer); - }); - Menu._registerTooltip('discard', $msg('DISCARD_CHANGES')); - } - const shareElem = $('#shareIt'); if (shareElem.length !== 0) { Menu._registerTooltip('shareIt', $msg('COLLABORATE')); @@ -350,14 +317,12 @@ class Menu extends IMenu { } const backTolist = $('#backToList'); - if (backTolist.length !== 0) { - backTolist.bind('click', (event) => { - event.stopPropagation(); - window.location.href = '/c/maps/'; - return false; - }); - Menu._registerTooltip('backToList', $msg('BACK_TO_MAP_LIST')); - } + backTolist.bind('click', (event) => { + event.stopPropagation(); + window.location.href = '/c/maps/'; + return false; + }); + Menu._registerTooltip('backToList', $msg('BACK_TO_MAP_LIST')); // Account dialog ... const accountSettings = $('#account'); @@ -367,9 +332,9 @@ class Menu extends IMenu { }); this._toolbarElems.push(new AccountSettingsPanel('account')); Menu._registerTooltip('account', `${global.accountEmail}`); - } - this._registerEvents(designer); + this._registerEvents(designer); + } } private _registerEvents(designer: Designer) { diff --git a/packages/webapp/src/app.tsx b/packages/webapp/src/app.tsx index 7733404e..f5b1ac02 100644 --- a/packages/webapp/src/app.tsx +++ b/packages/webapp/src/app.tsx @@ -81,7 +81,7 @@ const App = (): ReactElement => { component={withSessionExpirationHandling(MapsPage)} /> - + diff --git a/packages/webapp/src/classes/client/rest-client/index.ts b/packages/webapp/src/classes/client/rest-client/index.ts index 38273db6..eb7f7fa3 100644 --- a/packages/webapp/src/classes/client/rest-client/index.ts +++ b/packages/webapp/src/classes/client/rest-client/index.ts @@ -611,12 +611,12 @@ export default class RestClient implements Client { } } - buildPersistenceManager(editorMode: EditorRenderMode ): PersistenceManager { + buildPersistenceManager(editorMode: EditorRenderMode): PersistenceManager { if (this.persistenceManager) { return this.persistenceManager; } let persistence: PersistenceManager; - if (editorMode === 'edition') { + if (editorMode === 'edition-owner' || editorMode === 'edition-editor') { persistence = new RESTPersistenceManager({ documentUrl: '/c/restful/maps/{id}/document', revertUrl: '/c/restful/maps/{id}/history/latest', @@ -645,13 +645,15 @@ export default class RestClient implements Client { // eslint-disable-next-line @typescript-eslint/no-explicit-any private parseResponseOnError = (response: any): ErrorInfo => { - console.error("Backend error=>"); - console.error(response.data); + console.error(`Performing backend action error: ${JSON.stringify(response)}`); let result: ErrorInfo | undefined; if (response) { const status: number = response.status; const data = response.data; + console.error(`Status Code: ${status}`); + console.error(`Status Data: ${response.data}`); + console.error(`Status Message: ${response.message}`); switch (status) { case 401: diff --git a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts b/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts index be3e0cea..894b7a6f 100644 --- a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts +++ b/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts @@ -1,25 +1,16 @@ import { EditorOptions } from '@wisemapping/editor'; +import { EditorRenderMode } from '@wisemapping/mindplot'; import AppConfig from '../../classes/app-config'; export default class EditorOptionsBulder { - static build(locale: string, hotkeys: boolean, isTryMode: boolean): { options: EditorOptions, mapId: number } { + static build(locale: string, mode: EditorRenderMode, hotkeys: boolean): EditorOptions { let options: EditorOptions = { enableKeyboardEvents: hotkeys, locale: locale, + mode: mode, }; - if (isTryMode) { - // Sent to try mode ... - options.mode = 'showcase'; - } else if (global.mindmapLocked) { - // Map locked, open for view mode ... - options.mode = 'viewonly'; - } else { - options.mode = 'edition'; - } - - let mapId: number; if (!AppConfig.isDevelopEnv()) { options = { zoom: (global.userOptions?.zoom != undefined @@ -30,7 +21,6 @@ export default class EditorOptionsBulder { mapTitle: global.mapTitle, ...options } - mapId = global.mapId; } else { // Running in a development mode. console.log('Running editor in development mode'); @@ -40,8 +30,11 @@ export default class EditorOptionsBulder { mapTitle: "Develop Mindnap", ...options } - mapId = 666; } - return { options, mapId }; + return options; + } + + static loadMapId(): number { + return !AppConfig.isDevelopEnv() ? global.mapId : 555; } } \ No newline at end of file diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index 326bcb09..5e521c86 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -2,13 +2,14 @@ import React, { useEffect } from 'react'; import ActionDispatcher from '../maps-page/action-dispatcher'; import { ActionType } from '../maps-page/action-chooser'; import Editor from '@wisemapping/editor'; +import { EditorRenderMode, PersistenceManager } from '@wisemapping/mindplot'; + import AppI18n from '../../classes/app-i18n'; import { useSelector } from 'react-redux'; import { hotkeysEnabled } from '../../redux/editorSlice'; import ReactGA from 'react-ga'; import Client from '../../classes/client'; -import { activeInstance, fetchAccount } from '../../redux/clientSlice'; -import { PersistenceManager } from '@wisemapping/mindplot'; +import { activeInstance, fetchAccount, fetchMapById } from '../../redux/clientSlice'; import EditorOptionsBulder from './EditorOptionsBuider'; export type EditorPropsType = { @@ -20,16 +21,43 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { const hotkey = useSelector(hotkeysEnabled); const userLocale = AppI18n.getUserLocale(); const client: Client = useSelector(activeInstance); - const { mapId, options } = EditorOptionsBulder.build(userLocale.code, hotkey, isTryMode); useEffect(() => { ReactGA.pageview(window.location.pathname + window.location.search); }, []); + const findEditorMode = (isTryMode: boolean, mapId: number): EditorRenderMode | null => { + let result: EditorRenderMode = null; + if (isTryMode) { + result = 'showcase'; + } else if (global.mindmapLocked) { + result = 'viewonly'; + } else { + const fetchResult = fetchMapById(mapId); + if (!fetchResult.isLoading) { + if (fetchResult.error) { + throw new Error(`User coild not be loaded: ${JSON.stringify(fetchResult.error)}`); + } + result = fetchResult.map.role === 'owner' ? 'edition-owner' : 'edition-editor'; + } + } + return result; + } + + // What is the role ? + const mapId = EditorOptionsBulder.loadMapId(); + const mode = findEditorMode(isTryMode, mapId); + // Account settings can be null and editor cannot be initilized multiple times. This creates problems // at the i18n resource loading. - const persistence = client.buildPersistenceManager(options.mode); - const loadCompleted = persistence && (options.mode === 'showcase' || fetchAccount()); + const isAccountLoaded = mode === 'showcase' || fetchAccount; + const loadCompleted = mode && isAccountLoaded; + + let options, persistence: PersistenceManager; + if (loadCompleted) { + options = EditorOptionsBulder.build(userLocale.code, mode, hotkey); + persistence = client.buildPersistenceManager(mode); + } return loadCompleted ? ( <> From 40ecda12fe7573db7abb136bd00ed743ab1ac48e Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sat, 5 Mar 2022 09:08:19 -0800 Subject: [PATCH 05/32] Remove print button on try --- .../editor/src/components/toolbar/index.tsx | 22 ++++++++++--------- .../src/components/EditorRenderMode.ts | 2 +- 2 files changed, 13 insertions(+), 11 deletions(-) diff --git a/packages/editor/src/components/toolbar/index.tsx b/packages/editor/src/components/toolbar/index.tsx index df27da4f..9a08ea4f 100644 --- a/packages/editor/src/components/toolbar/index.tsx +++ b/packages/editor/src/components/toolbar/index.tsx @@ -120,13 +120,15 @@ export default function Toolbar({ > - onAction('print')} - > - - + {(editorMode === 'edition-owner' || editorMode === 'edition-editor' || editorMode === 'edition-viewer') && ( + onAction('print')} + > + + + )} {editorMode === 'edition-owner' && ( <> )} {(editorMode === 'edition-owner' || editorMode === 'edition-editor') && ( - - - + + + )} {editorMode === 'edition-owner' && ( onAction('share')}> diff --git a/packages/mindplot/src/components/EditorRenderMode.ts b/packages/mindplot/src/components/EditorRenderMode.ts index 4986dae6..70696093 100644 --- a/packages/mindplot/src/components/EditorRenderMode.ts +++ b/packages/mindplot/src/components/EditorRenderMode.ts @@ -1,2 +1,2 @@ -type EditorRenderMode = 'viewonly' | 'edition-owner' | 'edition-editor' | 'showcase'; +type EditorRenderMode = 'viewonly' | 'edition-owner' | 'edition-editor' | 'edition-viewer' | 'showcase'; export default EditorRenderMode; From 2b4356d0ded8969052d3927adedf92a68665249c Mon Sep 17 00:00:00 2001 From: Paulo Veiga Date: Sat, 5 Mar 2022 20:09:25 +0000 Subject: [PATCH 06/32] Merged in features/move_menu (pull request #47) Move Menu to editor * Move Menu --- .../assets/images/shape-circle.svg | 0 .../assets/images/shape-line.svg | 0 .../assets/images/shape-rectangle-round.svg | 0 .../assets/images/shape-rectangle.svg | 0 .../src/classes/bootstrap/BootstrapDialog.js | 156 ++++++++++++++++++ .../bootstrap/BootstrapDialogRequest.js | 0 .../src/classes/menu}/AccountSettingsPanel.js | 0 .../src/classes/menu}/ColorPaletteHtml.js | 0 .../src/classes/menu}/ColorPalettePanel.js | 0 packages/editor/src/classes/menu/Events.ts | 68 ++++++++ .../src/classes/menu}/FontFamilyPanel.js | 0 .../src/classes/menu}/FontSizePanel.js | 0 .../src/classes/menu}/IMenu.ts | 12 +- .../src/classes/menu}/IconPanel.js | 3 +- .../classes/menu}/KeyboardShortcutDialog.js | 21 +-- .../classes/menu}/KeyboardShortcutTooltip.js | 2 +- .../src/classes/menu}/ListToolbarPanel.js | 0 .../src/classes/menu}/Menu.ts | 6 +- .../src/classes/menu}/ModalDialogNotifier.js | 2 - .../src/classes/menu}/ToolbarItem.js | 2 +- .../src/classes/menu}/ToolbarPaneItem.js | 2 +- .../src/classes/menu}/TopicShapePanel.js | 0 packages/editor/src/index.tsx | 16 +- packages/editor/tsconfig.json | 2 +- .../mindplot/assets/images/alert-sign.png | Bin 5000 -> 0 bytes .../src/components/DesignerBuilder.ts | 11 -- packages/mindplot/src/components/NoteIcon.ts | 3 +- .../widget/{FloatingTip.js => FloatingTip.ts} | 6 +- .../src/components/widget/LinkEditor.js | 2 +- .../src/components/widget/NoteEditor.js | 2 +- .../bootstrap/BootstrapDialog.js | 0 packages/mindplot/src/index.ts | 10 +- packages/mindplot/tsconfig.json | 2 +- .../editor-page/EditorOptionsBuider.ts | 2 +- 34 files changed, 284 insertions(+), 46 deletions(-) rename packages/{mindplot => editor}/assets/images/shape-circle.svg (100%) rename packages/{mindplot => editor}/assets/images/shape-line.svg (100%) rename packages/{mindplot => editor}/assets/images/shape-rectangle-round.svg (100%) rename packages/{mindplot => editor}/assets/images/shape-rectangle.svg (100%) create mode 100644 packages/editor/src/classes/bootstrap/BootstrapDialog.js rename packages/{mindplot/src/components/libraries => editor/src/classes}/bootstrap/BootstrapDialogRequest.js (100%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/AccountSettingsPanel.js (100%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ColorPaletteHtml.js (100%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ColorPalettePanel.js (100%) create mode 100644 packages/editor/src/classes/menu/Events.ts rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/FontFamilyPanel.js (100%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/FontSizePanel.js (100%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/IMenu.ts (88%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/IconPanel.js (97%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/KeyboardShortcutDialog.js (92%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/KeyboardShortcutTooltip.js (96%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ListToolbarPanel.js (100%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/Menu.ts (99%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ModalDialogNotifier.js (94%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ToolbarItem.js (98%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ToolbarPaneItem.js (97%) rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/TopicShapePanel.js (100%) delete mode 100644 packages/mindplot/assets/images/alert-sign.png rename packages/mindplot/src/components/widget/{FloatingTip.js => FloatingTip.ts} (97%) rename packages/mindplot/src/components/{libraries => widget}/bootstrap/BootstrapDialog.js (100%) diff --git a/packages/mindplot/assets/images/shape-circle.svg b/packages/editor/assets/images/shape-circle.svg similarity index 100% rename from packages/mindplot/assets/images/shape-circle.svg rename to packages/editor/assets/images/shape-circle.svg diff --git a/packages/mindplot/assets/images/shape-line.svg b/packages/editor/assets/images/shape-line.svg similarity index 100% rename from packages/mindplot/assets/images/shape-line.svg rename to packages/editor/assets/images/shape-line.svg diff --git a/packages/mindplot/assets/images/shape-rectangle-round.svg b/packages/editor/assets/images/shape-rectangle-round.svg similarity index 100% rename from packages/mindplot/assets/images/shape-rectangle-round.svg rename to packages/editor/assets/images/shape-rectangle-round.svg diff --git a/packages/mindplot/assets/images/shape-rectangle.svg b/packages/editor/assets/images/shape-rectangle.svg similarity index 100% rename from packages/mindplot/assets/images/shape-rectangle.svg rename to packages/editor/assets/images/shape-rectangle.svg diff --git a/packages/editor/src/classes/bootstrap/BootstrapDialog.js b/packages/editor/src/classes/bootstrap/BootstrapDialog.js new file mode 100644 index 00000000..33099fd5 --- /dev/null +++ b/packages/editor/src/classes/bootstrap/BootstrapDialog.js @@ -0,0 +1,156 @@ +/* + * Copyright [2021] [wisemapping] + * + * 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. + */ + +import $ from 'jquery'; +import Options from '@wisemapping/mindplot/src/components/Options'; +import { $msg } from '@wisemapping/mindplot/src/components/Messages'; + +class BootstrapDialog extends Options { + constructor(title, options) { + super(); + this.options = { + cancelButton: false, + closeButton: false, + acceptButton: true, + removeButton: false, + errorMessage: false, + onEventData: {}, + }; + + this.setOptions(options); + this.options.onEventData.dialog = this; + this._native = $('
').append( + '
', + ); + const content = $('
'); + const header = this._buildHeader(title); + + if (header) { + content.append(header); + } + const body = $('
'); + if (this.options.errorMessage) { + const error = $('
'); + error.hide(); + body.append(error); + } + content.append(body); + const footer = this._buildFooter(); + if (footer) { + content.append(footer); + } + this._native.find('.modal-dialog').append(content); + this._native.on('hidden.bs.modal', function remove() { + $(this).remove(); + }); + this._native.on('shown.bs.modal', this.onDialogShown); + + this._native.appendTo('#mindplot-tooltips'); + } + + _buildFooter() { + let footer = null; + if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) { + footer = $('
'); + } + if (this.options.acceptButton) { + this.acceptButton = $( + ``, + ); + footer.append(this.acceptButton); + this.acceptButton + .unbind('click') + .on('click', this.options.onEventData, this.onAcceptClick); + } + if (this.options.removeButton) { + this.removeButton = $( + ``, + ); + footer.append(this.removeButton); + this.removeButton.on('click', this.options.onEventData, this.onRemoveClick); + } + if (this.options.cancelButton) { + footer.append( + ``, + ); + } + return footer; + } + + _buildHeader(title) { + let header = null; + if (this.options.closeButton || title) { + header = $('
'); + } + if (this.options.closeButton) { + header.append( + '', + ); + } + if (title) { + header.append(`

${title}

`); + } + return header; + } + + onAcceptClick() { + throw new Error('Unsupported operation'); + } + + onDialogShown() { + // Overwrite default behaviour ... + } + + onRemoveClick() { + throw new Error('Unsupported operation'); + } + + show() { + this._native.modal(); + } + + setContent(content) { + const modalBody = this._native.find('.modal-body'); + modalBody.append(content); + } + + css(options) { + this._native.find('.modal-dialog').css(options); + } + + close() { + this._native.modal('hide'); + } + + alertError(message) { + this._native.find('.alert-danger').text(message); + this._native.find('.alert-danger').show(); + } + + cleanError() { + this._native.find('.alert-danger').hide(); + } +} + +export default BootstrapDialog; diff --git a/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialogRequest.js b/packages/editor/src/classes/bootstrap/BootstrapDialogRequest.js similarity index 100% rename from packages/mindplot/src/components/libraries/bootstrap/BootstrapDialogRequest.js rename to packages/editor/src/classes/bootstrap/BootstrapDialogRequest.js diff --git a/packages/mindplot/src/components/widget/AccountSettingsPanel.js b/packages/editor/src/classes/menu/AccountSettingsPanel.js similarity index 100% rename from packages/mindplot/src/components/widget/AccountSettingsPanel.js rename to packages/editor/src/classes/menu/AccountSettingsPanel.js diff --git a/packages/mindplot/src/components/widget/ColorPaletteHtml.js b/packages/editor/src/classes/menu/ColorPaletteHtml.js similarity index 100% rename from packages/mindplot/src/components/widget/ColorPaletteHtml.js rename to packages/editor/src/classes/menu/ColorPaletteHtml.js diff --git a/packages/mindplot/src/components/widget/ColorPalettePanel.js b/packages/editor/src/classes/menu/ColorPalettePanel.js similarity index 100% rename from packages/mindplot/src/components/widget/ColorPalettePanel.js rename to packages/editor/src/classes/menu/ColorPalettePanel.js diff --git a/packages/editor/src/classes/menu/Events.ts b/packages/editor/src/classes/menu/Events.ts new file mode 100644 index 00000000..41cf1277 --- /dev/null +++ b/packages/editor/src/classes/menu/Events.ts @@ -0,0 +1,68 @@ +/* + * Copyright [2021] [wisemapping] + * + * 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. + */ + +class Events { + private _handlerByType; + + constructor() { + this._handlerByType = {}; + } + + static _normalizeEventName(string: string) { + return string.replace(/^on([A-Z])/, (_full, first) => first.toLowerCase()); + } + + addEvent(typeName: string, fn?, internal?: boolean): Events { + const type = Events._normalizeEventName(typeName); + + // Add function had not been added yet + const funByType = this._handlerByType[type] ? this._handlerByType[type] : []; + if (!funByType.includes(fn)) { + funByType.push(fn); + this._handlerByType[type] = funByType; + } + + // Mark reference ... + fn.internal = Boolean(internal); + return this; + } + + fireEvent(typeName: string, eventArgs?): Events { + const type = Events._normalizeEventName(typeName); + const events = this._handlerByType[type]; + if (!events) return this; + + const args = Array.isArray(eventArgs) ? eventArgs : [eventArgs]; + events.forEach(((fn) => { + fn.apply(this, args); + })); + return this; + } + + removeEvent(typeName: string, fn?): Events { + const type = Events._normalizeEventName(typeName); + const events = this._handlerByType[type]; + if (events && !fn.internal) { + const index = events.indexOf(fn); + if (index !== -1) events.splice(index, 1); + } + return this; + } +} + +export default Events; diff --git a/packages/mindplot/src/components/widget/FontFamilyPanel.js b/packages/editor/src/classes/menu/FontFamilyPanel.js similarity index 100% rename from packages/mindplot/src/components/widget/FontFamilyPanel.js rename to packages/editor/src/classes/menu/FontFamilyPanel.js diff --git a/packages/mindplot/src/components/widget/FontSizePanel.js b/packages/editor/src/classes/menu/FontSizePanel.js similarity index 100% rename from packages/mindplot/src/components/widget/FontSizePanel.js rename to packages/editor/src/classes/menu/FontSizePanel.js diff --git a/packages/mindplot/src/components/widget/IMenu.ts b/packages/editor/src/classes/menu/IMenu.ts similarity index 88% rename from packages/mindplot/src/components/widget/IMenu.ts rename to packages/editor/src/classes/menu/IMenu.ts index 0ecfd5af..9e661868 100644 --- a/packages/mindplot/src/components/widget/IMenu.ts +++ b/packages/editor/src/classes/menu/IMenu.ts @@ -16,12 +16,12 @@ * limitations under the License. */ import { $assert } from '@wisemapping/core-js'; -import { $msg } from '../Messages'; -import PersistenceManager from '../PersistenceManager'; -import { $notify } from './ToolbarNotifier'; -import { $notifyModal } from './ModalDialogNotifier'; -import Designer from '../Designer'; -import ToolbarItem from './ToolbarItem'; +import { $msg } from '@wisemapping/mindplot/src/components/Messages'; +import PersistenceManager from '@wisemapping/mindplot/src/components/PersistenceManager'; +import { $notify } from '@wisemapping/mindplot/src/components/widget/ToolbarNotifier'; +import { $notifyModal } from '../menu/ModalDialogNotifier'; +import Designer from '@wisemapping/mindplot/src/components/Designer'; +import ToolbarItem from '../menu/ToolbarItem'; class IMenu { private _designer: Designer; diff --git a/packages/mindplot/src/components/widget/IconPanel.js b/packages/editor/src/classes/menu/IconPanel.js similarity index 97% rename from packages/mindplot/src/components/widget/IconPanel.js rename to packages/editor/src/classes/menu/IconPanel.js index 60cdaf55..b1202f4a 100644 --- a/packages/mindplot/src/components/widget/IconPanel.js +++ b/packages/editor/src/classes/menu/IconPanel.js @@ -17,7 +17,8 @@ */ import $ from 'jquery'; import ToolbarPaneItem from './ToolbarPaneItem'; -import ImageIcon from '../ImageIcon'; +import { ImageIcon } from '@wisemapping/mindplot'; + class IconPanel extends ToolbarPaneItem { _updateSelectedItem() { diff --git a/packages/mindplot/src/components/widget/KeyboardShortcutDialog.js b/packages/editor/src/classes/menu/KeyboardShortcutDialog.js similarity index 92% rename from packages/mindplot/src/components/widget/KeyboardShortcutDialog.js rename to packages/editor/src/classes/menu/KeyboardShortcutDialog.js index 1bab17b0..58231d27 100644 --- a/packages/mindplot/src/components/widget/KeyboardShortcutDialog.js +++ b/packages/editor/src/classes/menu/KeyboardShortcutDialog.js @@ -15,16 +15,17 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog'; -import { $msg } from '../Messages'; +import BootstrapDialog from '../bootstrap/BootstrapDialog'; +import { $msg } from '@wisemapping/mindplot'; + class KeyboardShortcutDialog extends BootstrapDialog { - constructor() { - super($msg('SHORTCUTS'), { - closeButton: true, - acceptButton: false, - }); - this.setContent(`
+ constructor() { + super($msg('SHORTCUTS'), { + closeButton: true, + acceptButton: false, + }); + this.setContent(`
@@ -128,8 +129,8 @@ class KeyboardShortcutDialog extends BootstrapDialog {
`); - this.show(); - } + this.show(); + } } export default KeyboardShortcutDialog; diff --git a/packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js b/packages/editor/src/classes/menu/KeyboardShortcutTooltip.js similarity index 96% rename from packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js rename to packages/editor/src/classes/menu/KeyboardShortcutTooltip.js index 187c312c..415dc561 100644 --- a/packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js +++ b/packages/editor/src/classes/menu/KeyboardShortcutTooltip.js @@ -17,7 +17,7 @@ */ import $ from 'jquery'; import { $assert } from '@wisemapping/core-js'; -import FloatingTip from './FloatingTip'; +import FloatingTip from '@wisemapping/mindplot/src/components/widget/FloatingTip'; class KeyboardShortcutTooltip extends FloatingTip { constructor(buttonElem, text) { diff --git a/packages/mindplot/src/components/widget/ListToolbarPanel.js b/packages/editor/src/classes/menu/ListToolbarPanel.js similarity index 100% rename from packages/mindplot/src/components/widget/ListToolbarPanel.js rename to packages/editor/src/classes/menu/ListToolbarPanel.js diff --git a/packages/mindplot/src/components/widget/Menu.ts b/packages/editor/src/classes/menu/Menu.ts similarity index 99% rename from packages/mindplot/src/components/widget/Menu.ts rename to packages/editor/src/classes/menu/Menu.ts index f14efca9..0cd63062 100644 --- a/packages/mindplot/src/components/widget/Menu.ts +++ b/packages/editor/src/classes/menu/Menu.ts @@ -17,8 +17,7 @@ * limitations under the License. */ import $ from 'jquery'; -import { $msg } from '../Messages'; -import IMenu from './IMenu'; +import { Designer } from '@wisemapping/mindplot'; import FontFamilyPanel from './FontFamilyPanel'; import FontSizePanel from './FontSizePanel'; import TopicShapePanel from './TopicShapePanel'; @@ -28,7 +27,8 @@ import ToolbarItem from './ToolbarItem'; import KeyboardShortcutTooltip from './KeyboardShortcutTooltip'; import KeyboardShortcutDialog from './KeyboardShortcutDialog'; import AccountSettingsPanel from './AccountSettingsPanel'; -import Designer from '../Designer'; +import IMenu from './IMenu'; +import { $msg } from '@wisemapping/mindplot'; class Menu extends IMenu { constructor(designer: Designer, containerId: string, readOnly = false, baseUrl = '') { diff --git a/packages/mindplot/src/components/widget/ModalDialogNotifier.js b/packages/editor/src/classes/menu/ModalDialogNotifier.js similarity index 94% rename from packages/mindplot/src/components/widget/ModalDialogNotifier.js rename to packages/editor/src/classes/menu/ModalDialogNotifier.js index 09ab7c04..4c059456 100644 --- a/packages/mindplot/src/components/widget/ModalDialogNotifier.js +++ b/packages/editor/src/classes/menu/ModalDialogNotifier.js @@ -16,7 +16,6 @@ */ import { $assert } from '@wisemapping/core-js'; import $ from 'jquery'; -import AlertImage from '../../../assets/images/alert-sign.png'; class ModalDialogNotifier { show(message, title) { @@ -29,7 +28,6 @@ class ModalDialogNotifier {
-
diff --git a/packages/mindplot/src/components/widget/ToolbarItem.js b/packages/editor/src/classes/menu/ToolbarItem.js similarity index 98% rename from packages/mindplot/src/components/widget/ToolbarItem.js rename to packages/editor/src/classes/menu/ToolbarItem.js index 70280743..5f6a6ef9 100644 --- a/packages/mindplot/src/components/widget/ToolbarItem.js +++ b/packages/editor/src/classes/menu/ToolbarItem.js @@ -17,7 +17,7 @@ */ import $ from 'jquery'; import { $assert } from '@wisemapping/core-js'; -import Events from '../Events'; +import Events from './Events'; class ToolbarItem extends Events { constructor(buttonId, fn, options) { diff --git a/packages/mindplot/src/components/widget/ToolbarPaneItem.js b/packages/editor/src/classes/menu/ToolbarPaneItem.js similarity index 97% rename from packages/mindplot/src/components/widget/ToolbarPaneItem.js rename to packages/editor/src/classes/menu/ToolbarPaneItem.js index aeaad0a6..97c0ba37 100644 --- a/packages/mindplot/src/components/widget/ToolbarPaneItem.js +++ b/packages/editor/src/classes/menu/ToolbarPaneItem.js @@ -17,7 +17,7 @@ */ import { $assert } from '@wisemapping/core-js'; import ToolbarItem from './ToolbarItem'; -import FloatingTip from './FloatingTip'; +import FloatingTip from '@wisemapping/mindplot/src/components/widget/FloatingTip'; class ToolbarPaneItem extends ToolbarItem { constructor(buttonId, model, delayInit) { diff --git a/packages/mindplot/src/components/widget/TopicShapePanel.js b/packages/editor/src/classes/menu/TopicShapePanel.js similarity index 100% rename from packages/mindplot/src/components/widget/TopicShapePanel.js rename to packages/editor/src/classes/menu/TopicShapePanel.js diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx index 79b0fd87..c4808abd 100644 --- a/packages/editor/src/index.tsx +++ b/packages/editor/src/index.tsx @@ -13,6 +13,7 @@ import { } from '@wisemapping/mindplot'; import './global-styled.css'; import I18nMsg from './classes/i18n-msg'; +import Menu from './classes/menu/Menu'; declare global { // used in mindplot @@ -74,6 +75,7 @@ const Editor = ({ DesignerKeyboard.pause(); } }, [options.enableKeyboardEvents]); + const onLoadDesigner = (mapId: string, options: EditorOptions, persistenceManager: PersistenceManager): Designer => { const buildOptions = DesignerOptionsBuilder.buildOptions({ persistenceManager, @@ -85,7 +87,19 @@ const Editor = ({ }); // Build designer ... - return buildDesigner(buildOptions); + const result = buildDesigner(buildOptions); + + // Register toolbar event ... + if (options.mode === 'edition-owner' || options.mode === 'edition-editor' || options.mode === 'showcase') { + const menu = new Menu(designer, 'toolbar'); + + // If a node has focus, focus can be move to another node using the keys. + designer.cleanScreen = () => { + menu.clear(); + }; + } + return result; + }; const locale = options.locale; diff --git a/packages/editor/tsconfig.json b/packages/editor/tsconfig.json index f06432f5..dd46da49 100644 --- a/packages/editor/tsconfig.json +++ b/packages/editor/tsconfig.json @@ -1,7 +1,7 @@ { "include": [ "src/**/*" - ], +, "../mindplot/src/components/widget/FloatingTip.ts" ], "compilerOptions": { "jsx": "react", "outDir": "./dist/", diff --git a/packages/mindplot/assets/images/alert-sign.png b/packages/mindplot/assets/images/alert-sign.png deleted file mode 100644 index 8d3e5df04781628539abc327c1d5ad950782f587..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5000 zcmV;36L;*1P)}o$Y+U8oDKBLwagwS8FBKF=CA-B0dc3Ay8~DGtO!+zuU+N_3voMK)UF;LagN4&*oo$ZEQsJTMRW0J^!T19fSd?( zP30{mK!7L)bs!NK6m?3}uBdX{R-gd(x5xqjTn2dx2VWT(pQh=ma)({2nO2UwBNfDt zfibn`ts@|qc$OkA<+?=|EP3(#PkioIt8e(wlbuuBpUN}N(c{swFlx*g5g0LEN8Yq* z0pm@c2wcXp88f1PTzgf|l#YYnGSfOX*o$vkeMAPGAhtB7Cce1@gx<&Zewz&P`IR4huQkb5 zsMUf$6sQhDI?USZR#xH>KI4?=b+xSs9mX~SFskroRwtkq@+z0kS<-&y>~+i0mmbAw z1TF!Sd-K@3iOCoAFmI8)KCiOkSYiSdFhpY`U`%%(V^POAGs0i4y6r}hfoDiY9qJ64 zXW(+LkV6AVvX8TFUK^QVJ`cREZHs~}z1>9+#0~S|IcH3oH?8+nYMUPc+lF%v=Ny`* zU=&I*yzpx}&tA@g714$1Am_THSb^d#Oyak*1^`Z&Y;!){v;M=#_W#3Wf~rMbj^+-{ z9i%lNf{}wT)WOqsl57DLZJhMIQN zr5?O!YUGn~ zpiwD|bB7C4UQ=!(Dwl~W?L_7A*isZkQN18m%CPxy%qb^v#--y*gM0ZK!H3927Edrl z<#eWwXeuGql_gv@VOr(9#aEoi;IsdNjU!OOWjV$wR3g%WUFeQMk_fCgBv;B4 zg!0r`Xw3l$*w|aaGtaT+?(=!{$N&2NEMsvT^J`6gBG(v8Ty7gvv)>pC2)(b$)NGVL zTz1VmiL*TfK_c0-K-5big}ro5|2FzG8%NVoR9c)ND|2An-u%ggB}4(b;R} zPM@`87DF#Sfr(>C3E)FDIk5;%jxv8wQ(OWG#xpCF|*OBaa3Tjm^UgV7-pz4#NX-=#eM_K}MqNFM0M$iPb zrnod@RJ+>Yg{{c0XZW4#I~m>2pTy(n`theebz;avIYA3>kUJhYv%Nj7a_9W>7I#jb zTVeE-XAu+Jo;swiaJfIm4wvQ}X)(hk39&++hKNxV9UtM;!p=e1ox{(cXYPAXX4VX8 z&n%y=l*Z=DkKYSqIf9^Gr`DA_?E99#ro8_JJ{V{z^U%^HWxYe#%^Qmdgkm`QDrW#qpe!fngZ2wXX|wgNo5mG1MW zbMib>N-cl!)I;~4aANSd2vBvXQNPOTxT1Yh>B41~tYUP_Ml_gwq5OW%s)%#Gio@Xi zXgESCPbs18kUY1CY{LlE1hf;>_}r=HKm_z>$nL#d@xha*4RKXlndLvd_ue<308v46 z$5(qwGt(L$KmF3xrecRk5A4E-4T9&*UsN&T5K)X#jDj(OkwDI2N^Q>o)t>|XIdnt0 zf{z^l%^D#E3Ow0I=h_YyFO8znlrL<&|DF>H36Gfob&g^M+htrcX=cZ&MdvSOblXP6 zm=^E`58n7R2u2h`iUP4cvI)d5C#Zs*6!d_`Oq(dsruc;Uh=Z-Wx%h_ZXwHRHxcGnn z>Pv4D0jh}j<=Fds%JW>p9j9M@2BqpNv>k7_($$Y-%Z=d-Th{f7~;pV$ucD-Eqg)Ei{*R`>EA)?Gc7SXp69 zT>JQg55DmPG%>$K95*k2_bTY$2FVD<;03O!*G05$4K`STb%LpY`VjF5jWJX@pqvG~ zu_vKu#A}F%fE`0r=EN*sQ=yvhr@#2Kk90YA>>CY^Z3qb5x6+idgxhB=pEhImDHBL` zzl@12Mq2?J6nh9E)(EBpbPq%?W*lh<7~}k&f_BJa>K>!8grY6=QU+?ki@Uh!%5F*} zW)X4g-!3@zMCmbV0HE~Rh?`bix(wa71#!7|djY6FCuo4y&ECWyX@b0P0NJTTZN&o* z)0lQc+4wY7CH4!)(yRf^-~~V5s0i$-5>Ik0?;S_2$|pzO@a`V1l6-xp?qS_f;z`ScdSBFcgh!SoGdc8*}3Qtk%ZQM5iFYU*ASS>lOc99RKk z8^ER6^y|msISSkM(R)!RZR2IKv)uV_cU*K#*}h{SKv88~sm)xu{NhEVyI%@Dtu4YQ z!3s>Q7z3t%6tnFhW+=m!e2ULZ0NIwn&hLY(LOu#v)lYeoy~t07V3toJ+1M`>8QW?J zuXP9bT*Kak(zqHuy&Y5s`G}1M?*U5?9w^AmiqkQ}HOBTHI%uA+H-SL9Y z#1MiU^&%)J5-C#6kbNVVVOQT5RHVzXz!1;}RKs_};k*RQ1*YT2ei85#lF^iQZ=46~ zF=5A4yO2)q=IdYFO**O%;kfmVXO5D9;8-lcapky4@w%nw%p~2j%|~;EnFkG!2#n^) z-Vw}>A#BwlZFrH2@Pj%MZ`aczI9t%AFr;vx0`vmc0?Ul=&B#D3z824DCh;|b5WXLF z#8RcFcRbY^*NWln{m(ytRCq@v;Qo~|Gf%j4$@%ll_^2OOt0GOly&mQcRgqVQum=-N zjGwUB06Y%hW8*712Y#k(d^TdoWglnX2R_Ra&z9Kv4?xX9N68ZvnQ$z~3ysny@P`s% zfWASNtu8ZpiY;aE2j70*qK*?LKy$91IJ51HMXS0<_wB+M6I`3m0!x}f-yqUAf^iNh z0dW8yO9Mz`{1(xYA=#!3UUCa7zENZGbzkI^_ua$FhpLR;`yhi4191)FQsX{r8YI9W zKJidA0;wZ%!>s9TCri217~VD1_v#Tb9#I3nwp!+A3IBf9)r%G`T9}a@Jm~$o#k;_P zQRH9^qw4o4g#CbCz61E;ykM+W8#suu z#&3EYuAw^zkbPC}{tEDg$rom8L+@GZYdMBonQ+0~t>B@4-hIP&U<7a$q6ngJZ(LYW zK`0IJJ6v%Pxlww~tdQpPB3xA+IC$8f9+m(D%S50Pz}9fR9Y$Sk$^-JWNsb-wk9en6I2PJ0j1x>+9!s z%}j@fU!Q=l_ed$vSU+Rogc-BuKsH)M`$uux`q6_m@8hj+s~8$)Z>6cnP3w7Np=@Ei zg)QIqFKPx*oNxSlm?&V%KD*Rx1uf5g9p@E>iK*4-SyLj1B?uq-TJN~m+<3Sry~D=l zrqkZh1^xSR+Xv9TVI)`I>vAY~8spps<+e?|XCg0v#zMy==z9{Lf1m-p0Ds^yc>4P= zx!Xr}r9gl!NN6TESQ#|pf|gaLP-;1IPs*4(HzG~=7;vgf(-yETBKVCp(w?V$b({KXWPJl3Pu%qG5S>Y|>bkqKO{#61do601jJ1%BLUjlhycS_!ZbK4c7{*gnBOyzuLpf=eOF{RV26L0*i|A`oh< z!(&4l&d~VRmo|ZKK4y-dWy02NbgOd5S6166*Kg1&v}(ZRl`+XfLhR0E37sWNr4 zvTzQhDOag-Rza2l_@^_at7A%h(~_mJ=_og%&6a8Cp)<0Ak!DpiP2f$l6~rD;T=D>; zN;nqhmDcN(aw~DxQun)uf;UaQQ&>R}K-JHIT)9Q9rgmQ|44 zEJiJf!_edIFg1a$Hf7BvE1A=~;@sGBa$N&V#MFsP&lzvF{St9|UPEqyw{HG^t*hY% zTLPgd1S|nWRBH6BE&0z<^503525as$AWtB#dDV|&NNWB)nGMJA{>%l?0dcb%JaiZo zr3TZwCNS80(UfgJd3-kTTokM(AKJOujq8Zfk|lLH&InEfXCRLR8wn;7h<#`(Q3P=T zvblPo62)NJP+P`CF>2d9AZcqN!Uk0pL{o4nY7^AekhBU}f|hGw6HHXaP`}-KlHW?Gwmm5HHw(fr9fBt)PR`(UjNW~8A z9QMmvg|(rWU}_>cB7#UQ3< z%DVrBzsG}cPB8(O1aK0xPQz-PI;}5Ex9A}m^uIF7!QI=_H04*d5w<~7B>0_PvDQ#R ze58FSSZTUe*BwuQhL5e`Jt&R;wR*5h@%L!0|4f4e(=ZbJZ;TTZzp{=~|GldJtcp1C zJ9Jzz{F}fQR?u=iyfp05PHuTz(-s0wtY~3-6wBs{? { - menu.clear(); - }; - } - return designer; } diff --git a/packages/mindplot/src/components/NoteIcon.ts b/packages/mindplot/src/components/NoteIcon.ts index 6d891fcc..ebf02ee7 100644 --- a/packages/mindplot/src/components/NoteIcon.ts +++ b/packages/mindplot/src/components/NoteIcon.ts @@ -19,11 +19,11 @@ import { $assert } from '@wisemapping/core-js'; import $ from 'jquery'; import { $msg } from './Messages'; import Icon from './Icon'; -import FloatingTip from './widget/FloatingTip'; import NotesImage from '../../assets/icons/notes.svg'; import Topic from './Topic'; import NoteModel from './model/NoteModel'; import FeatureModel from './model/FeatureModel'; +import FloatingTip from './widget/FloatingTip'; class NoteIcon extends Icon { private _linksModel: NoteModel; @@ -56,6 +56,7 @@ class NoteIcon extends Icon { event.stopPropagation(); }); } + this._tip = new FloatingTip($(me.getImage().peer._native), { title: $msg('NOTE'), // Content can also be a function of the target element! diff --git a/packages/mindplot/src/components/widget/FloatingTip.js b/packages/mindplot/src/components/widget/FloatingTip.ts similarity index 97% rename from packages/mindplot/src/components/widget/FloatingTip.js rename to packages/mindplot/src/components/widget/FloatingTip.ts index edec13cb..575b2a6d 100644 --- a/packages/mindplot/src/components/widget/FloatingTip.js +++ b/packages/mindplot/src/components/widget/FloatingTip.ts @@ -32,9 +32,13 @@ const defaultOptions = { }; class FloatingTip extends Events { + private options; + + private element; + constructor(element, options) { + super(); const opts = { ...defaultOptions, ...options }; - super(element, opts); this.setOptions(opts); this.element = element; this._createPopover(); diff --git a/packages/mindplot/src/components/widget/LinkEditor.js b/packages/mindplot/src/components/widget/LinkEditor.js index 9a69d839..cc83f2f8 100644 --- a/packages/mindplot/src/components/widget/LinkEditor.js +++ b/packages/mindplot/src/components/widget/LinkEditor.js @@ -18,7 +18,7 @@ import $ from 'jquery'; import { $assert } from '@wisemapping/core-js'; import { $msg } from '../Messages'; -import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog'; +import BootstrapDialog from './bootstrap/BootstrapDialog'; class LinkEditor extends BootstrapDialog { /** diff --git a/packages/mindplot/src/components/widget/NoteEditor.js b/packages/mindplot/src/components/widget/NoteEditor.js index 96c459b9..584aa376 100644 --- a/packages/mindplot/src/components/widget/NoteEditor.js +++ b/packages/mindplot/src/components/widget/NoteEditor.js @@ -17,7 +17,7 @@ */ import { $assert } from '@wisemapping/core-js'; import $ from 'jquery'; -import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog'; +import BootstrapDialog from '../../../../editor/src/classes/bootstrap/BootstrapDialog'; import { $msg } from '../Messages'; class NoteEditor extends BootstrapDialog { diff --git a/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js b/packages/mindplot/src/components/widget/bootstrap/BootstrapDialog.js similarity index 100% rename from packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js rename to packages/mindplot/src/components/widget/bootstrap/BootstrapDialog.js diff --git a/packages/mindplot/src/index.ts b/packages/mindplot/src/index.ts index 8c224162..82cb67b0 100644 --- a/packages/mindplot/src/index.ts +++ b/packages/mindplot/src/index.ts @@ -23,21 +23,26 @@ import Designer from './components/Designer'; import LocalStorageManager from './components/LocalStorageManager'; import RESTPersistenceManager from './components/RestPersistenceManager'; import MockPersistenceManager from './components/MockPersistenceManager'; -import Menu from './components/widget/Menu'; import DesignerOptionsBuilder from './components/DesignerOptionsBuilder'; import ImageExporterFactory from './components/export/ImageExporterFactory'; import TextExporterFactory from './components/export/TextExporterFactory'; import Exporter from './components/export/Exporter'; import DesignerKeyboard from './components/DesignerKeyboard'; import EditorRenderMode from './components/EditorRenderMode'; +import ImageIcon from './components/ImageIcon'; import { buildDesigner, } from './components/DesignerBuilder'; + import { $notify, } from './components/widget/ToolbarNotifier'; +import { + $msg, +} from './components/Messages'; + // This hack is required to initialize Bootstrap. In future, this should be removed. const globalAny: any = global; globalAny.jQuery = jquery; @@ -46,7 +51,6 @@ require('../../../libraries/bootstrap/js/bootstrap.min'); export { Mindmap, Designer, - Menu, DesignerBuilder, PersistenceManager, RESTPersistenceManager, @@ -58,6 +62,8 @@ export { TextExporterFactory, ImageExporterFactory, Exporter, + ImageIcon, $notify, + $msg, DesignerKeyboard, }; diff --git a/packages/mindplot/tsconfig.json b/packages/mindplot/tsconfig.json index 379d8747..bbc8a706 100644 --- a/packages/mindplot/tsconfig.json +++ b/packages/mindplot/tsconfig.json @@ -15,7 +15,7 @@ }, "include": [ "src/**/*" - ], +, "../editor/src/classes/menu/AccountSettingsPanel.js", "../editor/src/classes/menu/IMenu.ts", "../editor/src/classes/bootstrap" ], "exclude": [ "node_modules" ] diff --git a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts b/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts index 894b7a6f..7342bb0e 100644 --- a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts +++ b/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts @@ -35,6 +35,6 @@ export default class EditorOptionsBulder { } static loadMapId(): number { - return !AppConfig.isDevelopEnv() ? global.mapId : 555; + return !AppConfig.isDevelopEnv() ? global.mapId : 11; } } \ No newline at end of file From 0329798f1583fa19cd72630963cecc2c85a8387d Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sun, 6 Mar 2022 07:27:28 -0800 Subject: [PATCH 07/32] Add workaround on upate text when node has been deleted. --- packages/mindplot/src/components/MultilineTextEditor.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts index 54ad16c1..8ac0564e 100644 --- a/packages/mindplot/src/components/MultilineTextEditor.ts +++ b/packages/mindplot/src/components/MultilineTextEditor.ts @@ -144,7 +144,13 @@ class MultilineTextEditor extends Events { const topicId = this._topic.getId(); const actionDispatcher = ActionDispatcher.getInstance(); - actionDispatcher.changeTextToTopic([topicId], text); + try { + actionDispatcher.changeTextToTopic([topicId], text); + } catch (e) { + // Hack: For some reasom, editor seems to end up connexted to a deleted node. + // More research required. + console.error(`Text could not be update -> ${JSON.stringify(e)}`); + } } } From 49bd6767ff12513b5146bc1913c58a4c9b229033 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 07:35:08 -0800 Subject: [PATCH 08/32] Manage empty returns --- packages/webapp/src/components/editor-page/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index 5e521c86..89d9306d 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -38,7 +38,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { if (fetchResult.error) { throw new Error(`User coild not be loaded: ${JSON.stringify(fetchResult.error)}`); } - result = fetchResult.map.role === 'owner' ? 'edition-owner' : 'edition-editor'; + result = fetchResult?.map?.role === 'owner' ? 'edition-owner' : 'edition-editor'; } } return result; From bf944c31692bbd4de682c891ee5423e00fab7fc2 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 12:32:54 -0800 Subject: [PATCH 09/32] Fix problem on nodes marked as collapted. --- .../mindplot/src/components/persistence/XMLSerializerTango.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/mindplot/src/components/persistence/XMLSerializerTango.ts b/packages/mindplot/src/components/persistence/XMLSerializerTango.ts index b7551016..fbd98485 100644 --- a/packages/mindplot/src/components/persistence/XMLSerializerTango.ts +++ b/packages/mindplot/src/components/persistence/XMLSerializerTango.ts @@ -106,7 +106,7 @@ class XMLSerializerTango implements XMLMindmapSerializer { } } - if (topic.areChildrenShrunken() && topic.getType() !== 'CentralTopic') { + if ((topic.areChildrenShrunken() && topic.getChildren().length > 0) && topic.getType() !== 'CentralTopic') { parentTopic.setAttribute('shrink', 'true'); } From ae3db5063ba357c9447950aa58d665cb81e71589 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 12:39:15 -0800 Subject: [PATCH 10/32] Mark node as non collapsed if the last node. --- packages/mindplot/src/components/Topic.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts index f646ce1d..f51a4fa0 100644 --- a/packages/mindplot/src/components/Topic.ts +++ b/packages/mindplot/src/components/Topic.ts @@ -1093,6 +1093,7 @@ abstract class Topic extends NodeGraph { const connector = targetTopic.getShrinkConnector(); if ($defined(connector)) { connector.setVisibility(false); + targetTopic.isCollapsed(false); } } } From ab88adad4d1db64b661e7513831746559f5b70f9 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 18:33:46 -0800 Subject: [PATCH 11/32] Fix icon without family --- .../mindplot/assets/icons/appsgoogle_maps.svg | 21 +++++++++++++++++++ packages/mindplot/src/components/ImageIcon.js | 2 +- 2 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 packages/mindplot/assets/icons/appsgoogle_maps.svg diff --git a/packages/mindplot/assets/icons/appsgoogle_maps.svg b/packages/mindplot/assets/icons/appsgoogle_maps.svg new file mode 100644 index 00000000..774b1054 --- /dev/null +++ b/packages/mindplot/assets/icons/appsgoogle_maps.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/mindplot/src/components/ImageIcon.js b/packages/mindplot/src/components/ImageIcon.js index dfacded4..d5880742 100644 --- a/packages/mindplot/src/components/ImageIcon.js +++ b/packages/mindplot/src/components/ImageIcon.js @@ -206,7 +206,7 @@ ImageIcon.prototype.ICON_FAMILIES = [{ }, { id: 'appsgoogle', - icons: ['appsgoogle_youtube', 'appsgoogle_gmail', 'appsgoogle-maps'], + icons: ['appsgoogle_youtube', 'appsgoogle_gmail', 'appsgoogle_maps'], }, { id: 'tag', From 375ff5941c581c9a491053be522968690ac56d16 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 18:37:30 -0800 Subject: [PATCH 12/32] Add more details to error loading for users. --- .../mindplot/assets/icons/appsgoogle-maps.svg | 21 ------------------- .../src/components/editor-page/index.tsx | 2 +- 2 files changed, 1 insertion(+), 22 deletions(-) delete mode 100644 packages/mindplot/assets/icons/appsgoogle-maps.svg diff --git a/packages/mindplot/assets/icons/appsgoogle-maps.svg b/packages/mindplot/assets/icons/appsgoogle-maps.svg deleted file mode 100644 index 774b1054..00000000 --- a/packages/mindplot/assets/icons/appsgoogle-maps.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index 89d9306d..29d494a9 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -36,7 +36,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { const fetchResult = fetchMapById(mapId); if (!fetchResult.isLoading) { if (fetchResult.error) { - throw new Error(`User coild not be loaded: ${JSON.stringify(fetchResult.error)}`); + throw new Error(`User could not be loaded: ${JSON.stringify(fetchResult.error)} - ${fetchResult.error}`); } result = fetchResult?.map?.role === 'owner' ? 'edition-owner' : 'edition-editor'; } From 27f580b4fa666a1a40b324af36126e66f5233041 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 19:10:09 -0800 Subject: [PATCH 13/32] Add debug on user loading error.Add debug on user loading error.Add debug on user loading error.Add debug on user loading error.Add debug on user loading error.Add debug on user loading error.Add debug on user loading error.Add debug on user loading error.Add debug on user loading error. --- packages/webapp/src/components/editor-page/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index 29d494a9..c21dac84 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -36,7 +36,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { const fetchResult = fetchMapById(mapId); if (!fetchResult.isLoading) { if (fetchResult.error) { - throw new Error(`User could not be loaded: ${JSON.stringify(fetchResult.error)} - ${fetchResult.error}`); + throw new Error(`User could not be loaded: ${JSON.stringify(fetchResult)}`); } result = fetchResult?.map?.role === 'owner' ? 'edition-owner' : 'edition-editor'; } From e83cd3e9fa66ad5de639a7eee1a7f4574350dc23 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 19:43:04 -0800 Subject: [PATCH 14/32] Remove relatioship on focus. --- .../mindplot/src/components/ConnectionLine.ts | 2 +- .../mindplot/src/components/Relationship.ts | 44 ++++++++++++------- 2 files changed, 30 insertions(+), 16 deletions(-) diff --git a/packages/mindplot/src/components/ConnectionLine.ts b/packages/mindplot/src/components/ConnectionLine.ts index 8edd38d6..40bdf7b3 100644 --- a/packages/mindplot/src/components/ConnectionLine.ts +++ b/packages/mindplot/src/components/ConnectionLine.ts @@ -97,7 +97,7 @@ class ConnectionLine { this._line2d.setVisibility(value, fade); } - isVisible() { + isVisible(): boolean { return this._line2d.isVisible(); } diff --git a/packages/mindplot/src/components/Relationship.ts b/packages/mindplot/src/components/Relationship.ts index 8b6cd4d7..624b67d6 100644 --- a/packages/mindplot/src/components/Relationship.ts +++ b/packages/mindplot/src/components/Relationship.ts @@ -20,8 +20,10 @@ import { Arrow, Point, ElementClass } from '@wisemapping/web2d'; import ConnectionLine from './ConnectionLine'; import ControlPoint from './ControlPoint'; import RelationshipModel from './model/RelationshipModel'; +import PositionType from './PositionType'; import Topic from './Topic'; import Shape from './util/Shape'; +import Workspace from './Workspace'; class Relationship extends ConnectionLine { private _focusShape: ElementClass; @@ -187,7 +189,7 @@ class Relationship extends ConnectionLine { this._startArrow.setVisibility(this.isVisible() && this._showStartArrow); } - addToWorkspace(workspace) { + addToWorkspace(workspace: Workspace): void { workspace.append(this._focusShape); workspace.append(this._controlPointsController); @@ -207,11 +209,11 @@ class Relationship extends ConnectionLine { this.redraw(); } - _initializeControlPointController(): void { + private _initializeControlPointController(): void { this.setOnFocus(true); } - removeFromWorkspace(workspace) { + removeFromWorkspace(workspace: Workspace): void { workspace.removeChild(this._focusShape); workspace.removeChild(this._controlPointsController); if (!workspace.isReadOnly) { @@ -243,7 +245,7 @@ class Relationship extends ConnectionLine { } } - private _refreshShape() { + private _refreshShape(): void { const sPos = this._line2d.getFrom(); const tPos = this._line2d.getTo(); const ctrlPoints = this._line2d.getControlPoints(); @@ -279,19 +281,31 @@ class Relationship extends ConnectionLine { setVisibility(value: boolean, fade = 0) { super.setVisibility(value, fade); - if (this._showEndArrow) this._endArrow.setVisibility(this._showEndArrow); + + // If visibility change, remove the on focus. + this.setOnFocus(false); + + if (this._showEndArrow) { + this._endArrow.setVisibility(this._showEndArrow); + } this._startArrow.setVisibility(this._showStartArrow && value, fade); } - setOpacity(opacity: number) { + setOpacity(opacity: number): void { super.setOpacity(opacity); - if (this._showEndArrow) this._endArrow.setOpacity(opacity); - if (this._showStartArrow) this._startArrow.setOpacity(opacity); + if (this._showEndArrow) { + this._endArrow.setOpacity(opacity); + } + if (this._showStartArrow) { + this._startArrow.setOpacity(opacity); + } } setShowEndArrow(visible: boolean) { this._showEndArrow = visible; - if (this._isInWorkspace) this.redraw(); + if (this._isInWorkspace) { + this.redraw(); + } } setShowStartArrow(visible: boolean) { @@ -315,25 +329,25 @@ class Relationship extends ConnectionLine { if (this._endArrow) this._endArrow.setFrom(x, y); } - setSrcControlPoint(control) { + setSrcControlPoint(control: PositionType): void { this._line2d.setSrcControlPoint(control); this._startArrow.setControlPoint(control); } - setDestControlPoint(control) { + setDestControlPoint(control: PositionType) { this._line2d.setDestControlPoint(control); if (this._showEndArrow) this._endArrow.setControlPoint(control); } - getControlPoints() { + getControlPoints(): PositionType { return this._line2d.getControlPoints(); } - isSrcControlPointCustom() { + isSrcControlPointCustom(): boolean { return this._line2d.isSrcControlPointCustom(); } - isDestControlPointCustom() { + isDestControlPointCustom(): boolean { return this._line2d.isDestControlPointCustom(); } @@ -345,7 +359,7 @@ class Relationship extends ConnectionLine { this._line2d.setIsDestControlPointCustom(isCustom); } - getId() { + getId(): number { return this._model.getId(); } From 5dc6fb37d78b2484aa3e1bf1d37ebd3b60acbe88 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 7 Mar 2022 19:49:27 -0800 Subject: [PATCH 15/32] Add missing types to commands. --- packages/mindplot/src/components/Topic.ts | 3 --- .../commands/AddRelationshipCommand.ts | 16 +++++----------- .../src/components/commands/AddTopicCommand.ts | 7 ------- .../commands/ChangeFeatureToTopicCommand.ts | 7 ------- .../src/components/commands/DragTopicCommand.ts | 3 --- .../commands/MoveControlPointCommand.ts | 16 +++++----------- 6 files changed, 10 insertions(+), 42 deletions(-) diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts index f51a4fa0..7e56bd3e 100644 --- a/packages/mindplot/src/components/Topic.ts +++ b/packages/mindplot/src/components/Topic.ts @@ -375,17 +375,14 @@ abstract class Topic extends NodeGraph { this.adjustShapes(); } - /** */ addRelationship(relationship: Relationship) { this._relationships.push(relationship); } - /** */ deleteRelationship(relationship: Rect) { this._relationships = this._relationships.filter((r) => r !== relationship); } - /** */ getRelationships(): Relationship[] { return this._relationships; } diff --git a/packages/mindplot/src/components/commands/AddRelationshipCommand.ts b/packages/mindplot/src/components/commands/AddRelationshipCommand.ts index f16df219..b32273d7 100644 --- a/packages/mindplot/src/components/commands/AddRelationshipCommand.ts +++ b/packages/mindplot/src/components/commands/AddRelationshipCommand.ts @@ -17,6 +17,7 @@ */ import { $assert } from '@wisemapping/core-js'; import Command from '../Command'; +import CommandContext from '../CommandContext'; import RelationshipModel from '../model/RelationshipModel'; class AddRelationshipCommand extends Command { @@ -25,27 +26,20 @@ class AddRelationshipCommand extends Command { /** * @classdesc This command class handles do/undo of adding a relationship to a topic. */ - constructor(model:RelationshipModel) { + constructor(model: RelationshipModel) { $assert(model, 'Relationship model can not be null'); super(); this._model = model; } - /** - * Overrides abstract parent method - */ - execute(commandContext) { + execute(commandContext: CommandContext) { const relationship = commandContext.addRelationship(this._model); relationship.setOnFocus(true); } - /** - * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} - */ - undoExecute(commandContext) { - const rel = commandContext.findRelationships(this._model.getId()); + undoExecute(commandContext: CommandContext) { + const rel = commandContext.findRelationships([this._model.getId()]); commandContext.deleteRelationship(rel[0]); } } diff --git a/packages/mindplot/src/components/commands/AddTopicCommand.ts b/packages/mindplot/src/components/commands/AddTopicCommand.ts index ce273552..2208a495 100644 --- a/packages/mindplot/src/components/commands/AddTopicCommand.ts +++ b/packages/mindplot/src/components/commands/AddTopicCommand.ts @@ -38,9 +38,6 @@ class AddTopicCommand extends Command { this._parentsIds = parentTopicsId; } - /** - * Overrides abstract parent method - */ execute(commandContext: CommandContext) { const me = this; this._models.forEach((model, index) => { @@ -68,10 +65,6 @@ class AddTopicCommand extends Command { }); } - /** - * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} - */ undoExecute(commandContext: CommandContext) { // Delete disconnected the nodes. Create a copy of the topics ... const clonedModel = []; diff --git a/packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.ts b/packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.ts index 07253e15..573a2923 100644 --- a/packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.ts +++ b/packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.ts @@ -37,9 +37,6 @@ class ChangeFeatureToTopicCommand extends Command { this._attributes = attributes; } - /** - * Overrides abstract parent method - */ execute(commandContext: CommandContext) { const topic = commandContext.findTopics([this._topicId])[0]; const feature = topic.findFeatureById(this._featureId); @@ -49,10 +46,6 @@ class ChangeFeatureToTopicCommand extends Command { this._attributes = oldAttributes; } - /** - * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} - */ undoExecute(commandContext: CommandContext) { this.execute(commandContext); } diff --git a/packages/mindplot/src/components/commands/DragTopicCommand.ts b/packages/mindplot/src/components/commands/DragTopicCommand.ts index d550a378..d8cf4d38 100644 --- a/packages/mindplot/src/components/commands/DragTopicCommand.ts +++ b/packages/mindplot/src/components/commands/DragTopicCommand.ts @@ -47,9 +47,6 @@ class DragTopicCommand extends Command { this._order = order; } - /** - * Overrides abstract parent method - */ execute(commandContext: CommandContext): void { const topic = commandContext.findTopics([this._topicsId])[0]; topic.setVisibility(false); diff --git a/packages/mindplot/src/components/commands/MoveControlPointCommand.ts b/packages/mindplot/src/components/commands/MoveControlPointCommand.ts index 85f9868a..2856c6e5 100644 --- a/packages/mindplot/src/components/commands/MoveControlPointCommand.ts +++ b/packages/mindplot/src/components/commands/MoveControlPointCommand.ts @@ -19,19 +19,20 @@ import { $assert, $defined } from '@wisemapping/core-js'; import { Line } from '@wisemapping/web2d'; import Command from '../Command'; import ControlPoint from '../ControlPoint'; +import PositionType from '../PositionType'; class MoveControlPointCommand extends Command { private _ctrlPointControler: ControlPoint; private _line: Line; - private _controlPoint: any; + private _controlPoint: Line; - private _oldControlPoint: any; + private _oldControlPoint: Line; - private _originalEndPoint: any; + private _originalEndPoint: PositionType; - private _wasCustom: any; + private _wasCustom: boolean; private _endPoint: any; @@ -68,9 +69,6 @@ class MoveControlPointCommand extends Command { this._point = point; } - /** - * Overrides abstract parent method - */ execute() { const model = this._line.getModel(); switch (this._point) { @@ -97,10 +95,6 @@ class MoveControlPointCommand extends Command { this._line.getLine().updateLine(this._point); } - /** - * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} - */ undoExecute() { const line = this._line; const model = line.getModel(); From 7c03d04a19924840dc28df4ac4b8005cf732fecd Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Tue, 8 Mar 2022 10:05:24 -0800 Subject: [PATCH 16/32] Improve error handling --- packages/webapp/src/redux/clientSlice.ts | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/packages/webapp/src/redux/clientSlice.ts b/packages/webapp/src/redux/clientSlice.ts index ef7329df..6cc61b22 100644 --- a/packages/webapp/src/redux/clientSlice.ts +++ b/packages/webapp/src/redux/clientSlice.ts @@ -47,9 +47,18 @@ export const fetchMapById = (id: number): MapLoadResult => { return client.fetchAllMaps(); }); - const result = data?.find((m) => m.id == id); - const map = result || null; - return { isLoading: isLoading, error: error, map: map }; + let errorMsg: ErrorInfo = Object.keys(error).length !== 0 ? error : null; + let map: MapInfo; + if (!isLoading) { + // Sanitize error structure ... + + // If the map can not be loaded, create an error object. + map = data?.find((m) => m.id == id); + if (map === null && !errorMsg) { + errorMsg = { msg: `Map with id ${id} could not be found. Please, reflesh the page` } + } + } + return { isLoading: isLoading, error: errorMsg, map: map }; }; export const fetchAccount = (): AccountInfo | undefined => { From d32eaf63cf59fb598c5ec4650070c361394e826d Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Tue, 8 Mar 2022 10:19:02 -0800 Subject: [PATCH 17/32] Disable local storage on embedded view --- .../src/components/LocalStorageManager.ts | 19 +++++++++++++++---- packages/webapp/src/redux/clientSlice.ts | 6 +++--- 2 files changed, 18 insertions(+), 7 deletions(-) diff --git a/packages/mindplot/src/components/LocalStorageManager.ts b/packages/mindplot/src/components/LocalStorageManager.ts index 6c266e56..ae35abe3 100644 --- a/packages/mindplot/src/components/LocalStorageManager.ts +++ b/packages/mindplot/src/components/LocalStorageManager.ts @@ -23,23 +23,34 @@ class LocalStorageManager extends PersistenceManager { private forceLoad: boolean; - constructor(documentUrl: string, forceLoad: boolean) { + private readOnly: boolean; + + constructor(documentUrl: string, forceLoad: boolean, readOnly = true) { super(); this.documentUrl = documentUrl; this.forceLoad = forceLoad; + this.readOnly = readOnly; } saveMapXml(mapId: string, mapDoc: Document): void { const mapXml = new XMLSerializer().serializeToString(mapDoc); - localStorage.setItem(`${mapId}-xml`, mapXml); + if (!this.readOnly) { + localStorage.setItem(`${mapId}-xml`, mapXml); + } + console.log(`Map XML to save => ${this.saveMapXml}`); } discardChanges(mapId: string) { - localStorage.removeItem(`${mapId}-xml`); + if (!this.readOnly) { + localStorage.removeItem(`${mapId}-xml`); + } } loadMapDom(mapId: string) { - let xml = localStorage.getItem(`${mapId}-xml`); + let xml; + if (!this.readOnly) { + xml = localStorage.getItem(`${mapId}-xml`); + } if (xml == null || this.forceLoad) { $.ajax({ url: this.documentUrl.replace('{id}', mapId), diff --git a/packages/webapp/src/redux/clientSlice.ts b/packages/webapp/src/redux/clientSlice.ts index 6cc61b22..1fe4f199 100644 --- a/packages/webapp/src/redux/clientSlice.ts +++ b/packages/webapp/src/redux/clientSlice.ts @@ -47,12 +47,12 @@ export const fetchMapById = (id: number): MapLoadResult => { return client.fetchAllMaps(); }); + // Sanitize error structure ... let errorMsg: ErrorInfo = Object.keys(error).length !== 0 ? error : null; + + // If the map can not be loaded, create an error object. let map: MapInfo; if (!isLoading) { - // Sanitize error structure ... - - // If the map can not be loaded, create an error object. map = data?.find((m) => m.id == id); if (map === null && !errorMsg) { errorMsg = { msg: `Map with id ${id} could not be found. Please, reflesh the page` } From 5cb09c86dd1db6eeeb25714efb3adf081fea28dd Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Tue, 8 Mar 2022 10:23:43 -0800 Subject: [PATCH 18/32] Fix NPE error --- packages/webapp/src/redux/clientSlice.ts | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/webapp/src/redux/clientSlice.ts b/packages/webapp/src/redux/clientSlice.ts index 1fe4f199..40e45fb8 100644 --- a/packages/webapp/src/redux/clientSlice.ts +++ b/packages/webapp/src/redux/clientSlice.ts @@ -47,12 +47,15 @@ export const fetchMapById = (id: number): MapLoadResult => { return client.fetchAllMaps(); }); - // Sanitize error structure ... - let errorMsg: ErrorInfo = Object.keys(error).length !== 0 ? error : null; - // If the map can not be loaded, create an error object. let map: MapInfo; + let errorMsg: ErrorInfo; if (!isLoading) { + // Sanitize error structure ... + if (error) { + errorMsg = Object.keys(error).length !== 0 ? error : null; + } + // Seach for object... map = data?.find((m) => m.id == id); if (map === null && !errorMsg) { errorMsg = { msg: `Map with id ${id} could not be found. Please, reflesh the page` } From 926ab3ed55a316e408c4cf3e3e2d201370d1ea1c Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Tue, 8 Mar 2022 10:25:09 -0800 Subject: [PATCH 19/32] Fix error assignmenmt --- packages/webapp/src/redux/clientSlice.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/webapp/src/redux/clientSlice.ts b/packages/webapp/src/redux/clientSlice.ts index 40e45fb8..b15a765b 100644 --- a/packages/webapp/src/redux/clientSlice.ts +++ b/packages/webapp/src/redux/clientSlice.ts @@ -49,10 +49,10 @@ export const fetchMapById = (id: number): MapLoadResult => { // If the map can not be loaded, create an error object. let map: MapInfo; - let errorMsg: ErrorInfo; + let errorMsg: ErrorInfo = error; if (!isLoading) { // Sanitize error structure ... - if (error) { + if (errorMsg) { errorMsg = Object.keys(error).length !== 0 ? error : null; } // Seach for object... From 259ae2d8cba5397723af4a61fc794ea5d3ba9c43 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Tue, 8 Mar 2022 10:36:41 -0800 Subject: [PATCH 20/32] Add additional debug session for nul sessions --- packages/webapp/src/classes/client/rest-client/index.ts | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/webapp/src/classes/client/rest-client/index.ts b/packages/webapp/src/classes/client/rest-client/index.ts index eb7f7fa3..d68f75ae 100644 --- a/packages/webapp/src/classes/client/rest-client/index.ts +++ b/packages/webapp/src/classes/client/rest-client/index.ts @@ -615,8 +615,14 @@ export default class RestClient implements Client { if (this.persistenceManager) { return this.persistenceManager; } + let persistence: PersistenceManager; if (editorMode === 'edition-owner' || editorMode === 'edition-editor') { + + if (!global.lockSession) { + throw new Error(`Session could not be found: global.lockSession ${global.lockSession} - global.lockTimestamp: ${global.lockTimestamp} - ${global.mindmapLocked} - ${global.mindmapLockedMsg}`) + } + persistence = new RESTPersistenceManager({ documentUrl: '/c/restful/maps/{id}/document', revertUrl: '/c/restful/maps/{id}/history/latest', From 748c1aa45fd1cc1f6d0e7dc1117b94b7f544fb73 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Tue, 8 Mar 2022 11:03:45 -0800 Subject: [PATCH 21/32] Improve message. --- packages/webapp/src/components/editor-page/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index c21dac84..c3a1b00d 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -36,7 +36,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { const fetchResult = fetchMapById(mapId); if (!fetchResult.isLoading) { if (fetchResult.error) { - throw new Error(`User could not be loaded: ${JSON.stringify(fetchResult)}`); + throw new Error(`Map information could not be loaded: ${JSON.stringify(fetchResult)}`); } result = fetchResult?.map?.role === 'owner' ? 'edition-owner' : 'edition-editor'; } From 16be3acbdfe9b5ec47a895d1eb9425c02d6b6f12 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Wed, 9 Mar 2022 10:54:48 -0800 Subject: [PATCH 22/32] Fix issue when map is shared for view --- packages/webapp/src/components/editor-page/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index c3a1b00d..4fa8c7bb 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -38,7 +38,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { if (fetchResult.error) { throw new Error(`Map information could not be loaded: ${JSON.stringify(fetchResult)}`); } - result = fetchResult?.map?.role === 'owner' ? 'edition-owner' : 'edition-editor'; + result = `edition-${fetchResult?.map?.role}`; } } return result; From 842a91dbc79cd0ba198bc17afe4f89394e0e9689 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Wed, 9 Mar 2022 10:55:33 -0800 Subject: [PATCH 23/32] Improve error message. --- packages/webapp/src/classes/client/rest-client/index.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webapp/src/classes/client/rest-client/index.ts b/packages/webapp/src/classes/client/rest-client/index.ts index d68f75ae..a0ace132 100644 --- a/packages/webapp/src/classes/client/rest-client/index.ts +++ b/packages/webapp/src/classes/client/rest-client/index.ts @@ -620,7 +620,7 @@ export default class RestClient implements Client { if (editorMode === 'edition-owner' || editorMode === 'edition-editor') { if (!global.lockSession) { - throw new Error(`Session could not be found: global.lockSession ${global.lockSession} - global.lockTimestamp: ${global.lockTimestamp} - ${global.mindmapLocked} - ${global.mindmapLockedMsg}`) + throw new Error(`Session could not be found: global.lockSession: '${global.lockSession}' - global.lockTimestamp: '${global.lockTimestamp}' - ${global.mindmapLocked} - ${global.mindmapLockedMsg}`) } persistence = new RESTPersistenceManager({ From 1d7db72ae521028ae8ff5b60e8482942672aab19 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Wed, 9 Mar 2022 11:16:15 -0800 Subject: [PATCH 24/32] Viewer must have view only view --- packages/mindplot/src/components/Designer.ts | 4 ++-- packages/mindplot/src/components/DesignerOptionsBuilder.ts | 1 - .../{EditorOptionsBuider.ts => EditorOptionsBuilder.ts} | 2 +- packages/webapp/src/components/editor-page/index.tsx | 6 +++--- 4 files changed, 6 insertions(+), 7 deletions(-) rename packages/webapp/src/components/editor-page/{EditorOptionsBuider.ts => EditorOptionsBuilder.ts} (96%) diff --git a/packages/mindplot/src/components/Designer.ts b/packages/mindplot/src/components/Designer.ts index b1ab5dae..a17b0189 100644 --- a/packages/mindplot/src/components/Designer.ts +++ b/packages/mindplot/src/components/Designer.ts @@ -110,7 +110,7 @@ class Designer extends Events { // Init Screen manager.. const screenManager = new ScreenManager(divElement); - this._workspace = new Workspace(screenManager, this._model.getZoom(), options.mode === 'viewonly'); + this._workspace = new Workspace(screenManager, this._model.getZoom(), this.isReadOnly()); // Init layout manager ... this._eventBussDispatcher = new EventBusDispatcher(); @@ -623,7 +623,7 @@ class Designer extends Events { } isReadOnly(): boolean { - return Boolean(this._options?.mode === 'viewonly'); + return this._options.mode === 'viewonly' || this._options.mode === 'edition-viewer'; } nodeModelToTopic(nodeModel: NodeModel): Topic { diff --git a/packages/mindplot/src/components/DesignerOptionsBuilder.ts b/packages/mindplot/src/components/DesignerOptionsBuilder.ts index 02a1a2e1..a4e0ac53 100644 --- a/packages/mindplot/src/components/DesignerOptionsBuilder.ts +++ b/packages/mindplot/src/components/DesignerOptionsBuilder.ts @@ -42,7 +42,6 @@ class OptionsBuilder { width: window.screen.width, height: window.screen.height, }; - console.log(`height:${containerSize.height}`); } const defaultOptions: DesignerOptions = { diff --git a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts b/packages/webapp/src/components/editor-page/EditorOptionsBuilder.ts similarity index 96% rename from packages/webapp/src/components/editor-page/EditorOptionsBuider.ts rename to packages/webapp/src/components/editor-page/EditorOptionsBuilder.ts index 7342bb0e..cf6a2ff7 100644 --- a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts +++ b/packages/webapp/src/components/editor-page/EditorOptionsBuilder.ts @@ -2,7 +2,7 @@ import { EditorOptions } from '@wisemapping/editor'; import { EditorRenderMode } from '@wisemapping/mindplot'; import AppConfig from '../../classes/app-config'; -export default class EditorOptionsBulder { +export default class EditorOptionsBuilder { static build(locale: string, mode: EditorRenderMode, hotkeys: boolean): EditorOptions { let options: EditorOptions = { diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index 4fa8c7bb..56f47682 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -10,7 +10,7 @@ import { hotkeysEnabled } from '../../redux/editorSlice'; import ReactGA from 'react-ga'; import Client from '../../classes/client'; import { activeInstance, fetchAccount, fetchMapById } from '../../redux/clientSlice'; -import EditorOptionsBulder from './EditorOptionsBuider'; +import EditorOptionsBuilder from './EditorOptionsBuilder'; export type EditorPropsType = { isTryMode: boolean; @@ -45,7 +45,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { } // What is the role ? - const mapId = EditorOptionsBulder.loadMapId(); + const mapId = EditorOptionsBuilder.loadMapId(); const mode = findEditorMode(isTryMode, mapId); // Account settings can be null and editor cannot be initilized multiple times. This creates problems @@ -55,7 +55,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { let options, persistence: PersistenceManager; if (loadCompleted) { - options = EditorOptionsBulder.build(userLocale.code, mode, hotkey); + options = EditorOptionsBuilder.build(userLocale.code, mode, hotkey); persistence = client.buildPersistenceManager(mode); } From d8cdb5055848d9ee8687bd08a2c4ce83a40f8bfa Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Wed, 9 Mar 2022 11:39:02 -0800 Subject: [PATCH 25/32] Fix clean up code. --- packages/editor/src/classes/menu/Menu.ts | 468 +++++++++--------- .../editor/src/components/toolbar/index.tsx | 118 ++--- 2 files changed, 290 insertions(+), 296 deletions(-) diff --git a/packages/editor/src/classes/menu/Menu.ts b/packages/editor/src/classes/menu/Menu.ts index 0cd63062..aa821462 100644 --- a/packages/editor/src/classes/menu/Menu.ts +++ b/packages/editor/src/classes/menu/Menu.ts @@ -38,258 +38,256 @@ class Menu extends IMenu { const widgetsBaseUrl = `${baseUrl}css/widget`; // Create panels ... + const designerModel = designer.getModel(); - const fontFamilyModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const fontFamily = nodes[i].getFontFamily(); - if (result != null && result !== fontFamily) { - result = null; - break; + const backTolist = $('#backToList'); + backTolist.bind('click', (event) => { + event.stopPropagation(); + window.location.href = '/c/maps/'; + return false; + }); + Menu._registerTooltip('backToList', $msg('BACK_TO_MAP_LIST')); + + + if (!readOnly) { + const fontFamilyModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const fontFamily = nodes[i].getFontFamily(); + if (result != null && result !== fontFamily) { + result = null; + break; + } + result = fontFamily; } - result = fontFamily; - } - return result; - }, + return result; + }, - setValue(value: string) { - designer.changeFontFamily(value); - }, - }; - this._toolbarElems.push(new FontFamilyPanel('fontFamily', fontFamilyModel)); - Menu._registerTooltip('fontFamily', $msg('FONT_FAMILY')); + setValue(value: string) { + designer.changeFontFamily(value); + }, + }; + this._toolbarElems.push(new FontFamilyPanel('fontFamily', fontFamilyModel)); + Menu._registerTooltip('fontFamily', $msg('FONT_FAMILY')); - const fontSizeModel = { - getValue(): number { - const nodes = designerModel.filterSelectedTopics(); + const fontSizeModel = { + getValue(): number { + const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const fontSize = nodes[i].getFontSize(); - if (result != null && result !== fontSize) { - result = null; - break; + let result = null; + for (let i = 0; i < nodes.length; i++) { + const fontSize = nodes[i].getFontSize(); + if (result != null && result !== fontSize) { + result = null; + break; + } + result = fontSize; } - result = fontSize; - } - return result; - }, - setValue(value: number) { - designer.changeFontSize(value); - }, - }; - this._toolbarElems.push(new FontSizePanel('fontSize', fontSizeModel)); - Menu._registerTooltip('fontSize', $msg('FONT_SIZE')); + return result; + }, + setValue(value: number) { + designer.changeFontSize(value); + }, + }; + this._toolbarElems.push(new FontSizePanel('fontSize', fontSizeModel)); + Menu._registerTooltip('fontSize', $msg('FONT_SIZE')); - const topicShapeModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const shapeType = nodes[i].getShapeType(); - if (result != null && result !== shapeType) { - result = null; - break; + const topicShapeModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const shapeType = nodes[i].getShapeType(); + if (result != null && result !== shapeType) { + result = null; + break; + } + result = shapeType; } - result = shapeType; - } - return result; - }, - setValue(value: string) { - designer.changeTopicShape(value); - }, - }; - this._toolbarElems.push(new TopicShapePanel('topicShape', topicShapeModel)); - Menu._registerTooltip('topicShape', $msg('TOPIC_SHAPE')); + return result; + }, + setValue(value: string) { + designer.changeTopicShape(value); + }, + }; + this._toolbarElems.push(new TopicShapePanel('topicShape', topicShapeModel)); + Menu._registerTooltip('topicShape', $msg('TOPIC_SHAPE')); - // Create icon panel dialog ... - const topicIconModel = { - getValue() { - return null; - }, - setValue(value: string) { - designer.addIconType(value); - }, - }; - this._toolbarElems.push(new IconPanel('topicIcon', topicIconModel)); - Menu._registerTooltip('topicIcon', $msg('TOPIC_ICON')); + // Create icon panel dialog ... + const topicIconModel = { + getValue() { + return null; + }, + setValue(value: string) { + designer.addIconType(value); + }, + }; + this._toolbarElems.push(new IconPanel('topicIcon', topicIconModel)); + Menu._registerTooltip('topicIcon', $msg('TOPIC_ICON')); - const topicColorModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const color = nodes[i].getBackgroundColor(); - if (result != null && result !== color) { - result = null; - break; + const topicColorModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const color = nodes[i].getBackgroundColor(); + if (result != null && result !== color) { + result = null; + break; + } + result = color; } - result = color; - } - return result; - }, - setValue(hex: string) { - designer.changeBackgroundColor(hex); - }, - }; - this._toolbarElems.push(new ColorPalettePanel('topicColor', topicColorModel, widgetsBaseUrl)); - Menu._registerTooltip('topicColor', $msg('TOPIC_COLOR')); + return result; + }, + setValue(hex: string) { + designer.changeBackgroundColor(hex); + }, + }; + this._toolbarElems.push(new ColorPalettePanel('topicColor', topicColorModel, widgetsBaseUrl)); + Menu._registerTooltip('topicColor', $msg('TOPIC_COLOR')); - const borderColorModel = { - getValue() { - const nodes = designerModel.filterSelectedTopics(); - let result = null; - for (let i = 0; i < nodes.length; i++) { - const color = nodes[i].getBorderColor(); - if (result != null && result !== color) { - result = null; - break; + const borderColorModel = { + getValue() { + const nodes = designerModel.filterSelectedTopics(); + let result = null; + for (let i = 0; i < nodes.length; i++) { + const color = nodes[i].getBorderColor(); + if (result != null && result !== color) { + result = null; + break; + } + result = color; } - result = color; - } - return result; - }, - setValue(hex: string) { - designer.changeBorderColor(hex); - }, - }; - this._toolbarElems.push(new ColorPalettePanel('topicBorder', borderColorModel, widgetsBaseUrl)); - Menu._registerTooltip('topicBorder', $msg('TOPIC_BORDER_COLOR')); + return result; + }, + setValue(hex: string) { + designer.changeBorderColor(hex); + }, + }; + this._toolbarElems.push(new ColorPalettePanel('topicBorder', borderColorModel, widgetsBaseUrl)); + Menu._registerTooltip('topicBorder', $msg('TOPIC_BORDER_COLOR')); - const fontColorModel = { - getValue() { - let result = null; - const nodes = designerModel.filterSelectedTopics(); - for (let i = 0; i < nodes.length; i++) { - const color = nodes[i].getFontColor(); - if (result != null && result !== color) { - result = null; - break; + const fontColorModel = { + getValue() { + let result = null; + const nodes = designerModel.filterSelectedTopics(); + for (let i = 0; i < nodes.length; i++) { + const color = nodes[i].getFontColor(); + if (result != null && result !== color) { + result = null; + break; + } + result = color; } - result = color; + return result; + }, + setValue(hex) { + designer.changeFontColor(hex); + }, + }; + this._toolbarElems.push(new ColorPalettePanel('fontColor', fontColorModel, baseUrl)); + Menu._registerTooltip('fontColor', $msg('FONT_COLOR')); + + const undoButton = this._addButton('undoEdition', false, false, () => { + designer.undo(); + }); + if (undoButton) { + undoButton.disable(); + } + Menu._registerTooltip('undoEdition', $msg('UNDO'), 'meta+Z'); + + const redoButton = this._addButton('redoEdition', false, false, () => { + designer.redo(); + }); + if (redoButton) { + redoButton.disable(); + } + Menu._registerTooltip('redoEdition', $msg('REDO'), 'meta+shift+Z'); + + if (redoButton && undoButton) { + designer.addEvent('modelUpdate', (event) => { + if (event.undoSteps > 0) { + undoButton.enable(); + } else { + undoButton.disable(); + } + if (event.redoSteps > 0) { + redoButton.enable(); + } else { + redoButton.disable(); + } + }); + } + + this._addButton('addTopic', true, false, () => { + designer.createSiblingForSelectedNode(); + }); + Menu._registerTooltip('addTopic', $msg('ADD_TOPIC'), 'Enter'); + + this._addButton('deleteTopic', true, true, () => { + designer.deleteSelectedEntities(); + }); + Menu._registerTooltip('deleteTopic', $msg('TOPIC_DELETE'), 'Delete'); + + this._addButton('topicLink', true, false, () => { + designer.addLink(); + }); + Menu._registerTooltip('topicLink', $msg('TOPIC_LINK')); + + this._addButton('topicRelation', true, false, (event) => { + designer.showRelPivot(event); + }); + Menu._registerTooltip('topicRelation', $msg('TOPIC_RELATIONSHIP')); + + this._addButton('topicNote', true, false, () => { + designer.addNote(); + }); + Menu._registerTooltip('topicNote', $msg('TOPIC_NOTE')); + + this._addButton('fontBold', true, false, () => { + designer.changeFontWeight(); + }); + Menu._registerTooltip('fontBold', $msg('FONT_BOLD'), 'meta+B'); + + this._addButton('fontItalic', true, false, () => { + designer.changeFontStyle(); + }); + Menu._registerTooltip('fontItalic', $msg('FONT_ITALIC'), 'meta+I'); + + + if (saveElem) { + this._addButton('save', false, false, + () => { + this.save(saveElem, designer, true); + }); + Menu._registerTooltip('save', $msg('SAVE'), 'meta+S'); + + if (!readOnly) { + window.addEventListener('beforeunload', () => { + if (this.isSaveRequired()) { + this.save(saveElem, designer, false); + } + this.unlockMap(designer); + }); + + // Autosave on a fixed period of time ... + setInterval( + () => { + if (this.isSaveRequired()) { + this.save(saveElem, designer, false); + } + }, 10000, + ); } - return result; - }, - setValue(hex) { - designer.changeFontColor(hex); - }, - }; - this._toolbarElems.push(new ColorPalettePanel('fontColor', fontColorModel, baseUrl)); - Menu._registerTooltip('fontColor', $msg('FONT_COLOR')); + } + } Menu._registerTooltip('export', $msg('EXPORT')); Menu._registerTooltip('print', $msg('PRINT')); - this._addButton('zoom-plus', false, false, () => { - designer.zoomIn(); - }); - Menu._registerTooltip('zoom-plus', $msg('ZOOM_IN')); - - this._addButton('zoom-minus', false, false, () => { - designer.zoomOut(); - }); - Menu._registerTooltip('zoom-minus', $msg('ZOOM_OUT')); - - this._addButton('position', false, false, () => { - designer.zoomToFit(); - }); - Menu._registerTooltip('position', $msg('CENTER_POSITION')); - - const undoButton = this._addButton('undoEdition', false, false, () => { - designer.undo(); - }); - if (undoButton) { - undoButton.disable(); - } - Menu._registerTooltip('undoEdition', $msg('UNDO'), 'meta+Z'); - - const redoButton = this._addButton('redoEdition', false, false, () => { - designer.redo(); - }); - if (redoButton) { - redoButton.disable(); - } - Menu._registerTooltip('redoEdition', $msg('REDO'), 'meta+shift+Z'); - - if (redoButton && undoButton) { - designer.addEvent('modelUpdate', (event) => { - if (event.undoSteps > 0) { - undoButton.enable(); - } else { - undoButton.disable(); - } - if (event.redoSteps > 0) { - redoButton.enable(); - } else { - redoButton.disable(); - } - }); - } - - this._addButton('addTopic', true, false, () => { - designer.createSiblingForSelectedNode(); - }); - Menu._registerTooltip('addTopic', $msg('ADD_TOPIC'), 'Enter'); - - this._addButton('deleteTopic', true, true, () => { - designer.deleteSelectedEntities(); - }); - Menu._registerTooltip('deleteTopic', $msg('TOPIC_DELETE'), 'Delete'); - - this._addButton('topicLink', true, false, () => { - designer.addLink(); - }); - Menu._registerTooltip('topicLink', $msg('TOPIC_LINK')); - - this._addButton('topicRelation', true, false, (event) => { - designer.showRelPivot(event); - }); - Menu._registerTooltip('topicRelation', $msg('TOPIC_RELATIONSHIP')); - - this._addButton('topicNote', true, false, () => { - designer.addNote(); - }); - Menu._registerTooltip('topicNote', $msg('TOPIC_NOTE')); - - this._addButton('fontBold', true, false, () => { - designer.changeFontWeight(); - }); - Menu._registerTooltip('fontBold', $msg('FONT_BOLD'), 'meta+B'); - - this._addButton('fontItalic', true, false, () => { - designer.changeFontStyle(); - }); - Menu._registerTooltip('fontItalic', $msg('FONT_ITALIC'), 'meta+I'); - - if (saveElem) { - this._addButton('save', false, false, - () => { - this.save(saveElem, designer, true); - }); - Menu._registerTooltip('save', $msg('SAVE'), 'meta+S'); - - if (!readOnly) { - window.addEventListener('beforeunload', () => { - if (this.isSaveRequired()) { - this.save(saveElem, designer, false); - } - this.unlockMap(designer); - }); - - // Autosave on a fixed period of time ... - setInterval( - () => { - if (this.isSaveRequired()) { - this.save(saveElem, designer, false); - } - }, 10000, - ); - } - } - const shareElem = $('#shareIt'); if (shareElem.length !== 0) { Menu._registerTooltip('shareIt', $msg('COLLABORATE')); @@ -316,14 +314,6 @@ class Menu extends IMenu { Menu._registerTooltip('keyboardShortcuts', $msg('KEYBOARD_SHOTCUTS')); } - const backTolist = $('#backToList'); - backTolist.bind('click', (event) => { - event.stopPropagation(); - window.location.href = '/c/maps/'; - return false; - }); - Menu._registerTooltip('backToList', $msg('BACK_TO_MAP_LIST')); - // Account dialog ... const accountSettings = $('#account'); if (accountSettings.length !== 0) { diff --git a/packages/editor/src/components/toolbar/index.tsx b/packages/editor/src/components/toolbar/index.tsx index 9a08ea4f..22803507 100644 --- a/packages/editor/src/components/toolbar/index.tsx +++ b/packages/editor/src/components/toolbar/index.tsx @@ -55,63 +55,67 @@ export default function Toolbar({
)} -
- - - - - - -
-
- - - - - - - - - - - - - - - -
-
- - - - - - - - - - - - - - - -
-
- - - - - - - - - - - - -
-
+ {(editorMode === 'edition-editor' || editorMode === 'edition-owner' || editorMode === 'showcase') && ( + <> +
+ + + + + + +
+
+ + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + +
+
+ + )} Date: Wed, 9 Mar 2022 12:49:44 -0800 Subject: [PATCH 26/32] Fix zoom on editor --- packages/editor/src/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx index c4808abd..eed9732f 100644 --- a/packages/editor/src/index.tsx +++ b/packages/editor/src/index.tsx @@ -90,7 +90,7 @@ const Editor = ({ const result = buildDesigner(buildOptions); // Register toolbar event ... - if (options.mode === 'edition-owner' || options.mode === 'edition-editor' || options.mode === 'showcase') { + if (options.mode === 'edition-owner' || options.mode === 'edition-editor' || options.mode === 'edition-viewer' || options.mode === 'showcase') { const menu = new Menu(designer, 'toolbar'); // If a node has focus, focus can be move to another node using the keys. From 6eafdf47196f166f69ce81a7a232add1a9e1e251 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Wed, 9 Mar 2022 13:01:55 -0800 Subject: [PATCH 27/32] Revert zoom removal --- packages/editor/src/classes/menu/Menu.ts | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/packages/editor/src/classes/menu/Menu.ts b/packages/editor/src/classes/menu/Menu.ts index aa821462..21f1a556 100644 --- a/packages/editor/src/classes/menu/Menu.ts +++ b/packages/editor/src/classes/menu/Menu.ts @@ -40,6 +40,8 @@ class Menu extends IMenu { // Create panels ... const designerModel = designer.getModel(); + + // Common actions .... const backTolist = $('#backToList'); backTolist.bind('click', (event) => { event.stopPropagation(); @@ -48,7 +50,22 @@ class Menu extends IMenu { }); Menu._registerTooltip('backToList', $msg('BACK_TO_MAP_LIST')); + this._addButton('zoom-plus', false, false, () => { + designer.zoomIn(); + }); + Menu._registerTooltip('zoom-plus', $msg('ZOOM_IN')); + this._addButton('zoom-minus', false, false, () => { + designer.zoomOut(); + }); + Menu._registerTooltip('zoom-minus', $msg('ZOOM_OUT')); + + this._addButton('position', false, false, () => { + designer.zoomToFit(); + }); + Menu._registerTooltip('position', $msg('CENTER_POSITION')); + + // Edition actions ... if (!readOnly) { const fontFamilyModel = { getValue() { From eaaf3c5d44692417e93c34739ba2967c3c35bf95 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Wed, 9 Mar 2022 21:36:27 -0800 Subject: [PATCH 28/32] Initialize page document --- packages/webapp/src/components/editor-page/index.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/webapp/src/components/editor-page/index.tsx b/packages/webapp/src/components/editor-page/index.tsx index 56f47682..2651230f 100644 --- a/packages/webapp/src/components/editor-page/index.tsx +++ b/packages/webapp/src/components/editor-page/index.tsx @@ -23,6 +23,7 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => { const client: Client = useSelector(activeInstance); useEffect(() => { + document.title = `${global.mapTitle ? global.mapTitle : 'unknown'} | WiseMapping `; ReactGA.pageview(window.location.pathname + window.location.search); }, []); From 8d03aa4095275fb02c6c8505a8302b52c3a7c55e Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sun, 13 Mar 2022 16:36:39 -0300 Subject: [PATCH 29/32] Improve save logic. --- packages/editor/src/classes/menu/Menu.ts | 33 +++++++++---------- .../src/components/LocalStorageManager.ts | 5 +-- 2 files changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/editor/src/classes/menu/Menu.ts b/packages/editor/src/classes/menu/Menu.ts index 21f1a556..eb2a4a9b 100644 --- a/packages/editor/src/classes/menu/Menu.ts +++ b/packages/editor/src/classes/menu/Menu.ts @@ -33,8 +33,6 @@ import { $msg } from '@wisemapping/mindplot'; class Menu extends IMenu { constructor(designer: Designer, containerId: string, readOnly = false, baseUrl = '') { super(designer, containerId); - const saveElem = $('#save'); - const widgetsBaseUrl = `${baseUrl}css/widget`; // Create panels ... @@ -274,30 +272,31 @@ class Menu extends IMenu { Menu._registerTooltip('fontItalic', $msg('FONT_ITALIC'), 'meta+I'); - if (saveElem) { + if (!readOnly) { + // Register action on save ... + const saveElem = $('#save'); this._addButton('save', false, false, () => { this.save(saveElem, designer, true); }); Menu._registerTooltip('save', $msg('SAVE'), 'meta+S'); - if (!readOnly) { - window.addEventListener('beforeunload', () => { + // Register unload save ... + window.addEventListener('beforeunload', () => { + if (this.isSaveRequired()) { + this.save(saveElem, designer, false); + } + this.unlockMap(designer); + }); + + // Autosave on a fixed period of time ... + setInterval( + () => { if (this.isSaveRequired()) { this.save(saveElem, designer, false); } - this.unlockMap(designer); - }); - - // Autosave on a fixed period of time ... - setInterval( - () => { - if (this.isSaveRequired()) { - this.save(saveElem, designer, false); - } - }, 10000, - ); - } + }, 10000, + ); } } diff --git a/packages/mindplot/src/components/LocalStorageManager.ts b/packages/mindplot/src/components/LocalStorageManager.ts index ae35abe3..62ec4b5c 100644 --- a/packages/mindplot/src/components/LocalStorageManager.ts +++ b/packages/mindplot/src/components/LocalStorageManager.ts @@ -32,12 +32,13 @@ class LocalStorageManager extends PersistenceManager { this.readOnly = readOnly; } - saveMapXml(mapId: string, mapDoc: Document): void { + saveMapXml(mapId: string, mapDoc: Document, _pref: string, _saveHistory: boolean, events): void { const mapXml = new XMLSerializer().serializeToString(mapDoc); if (!this.readOnly) { localStorage.setItem(`${mapId}-xml`, mapXml); + events.onSuccess(); } - console.log(`Map XML to save => ${this.saveMapXml}`); + console.log(`Map XML to save => ${mapXml}`); } discardChanges(mapId: string) { From 924ff3ffc1059eff4c0472f0d4706ec7843d5986 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sun, 13 Mar 2022 17:04:44 -0300 Subject: [PATCH 30/32] Fix order --- packages/editor/test/playground/map-render/js/editor.tsx | 2 +- packages/editor/test/playground/map-render/samples/order.wxml | 1 + .../mindplot/src/components/persistence/XMLSerializerTango.ts | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) create mode 100644 packages/editor/test/playground/map-render/samples/order.wxml diff --git a/packages/editor/test/playground/map-render/js/editor.tsx b/packages/editor/test/playground/map-render/js/editor.tsx index bc09334b..5a318e0c 100644 --- a/packages/editor/test/playground/map-render/js/editor.tsx +++ b/packages/editor/test/playground/map-render/js/editor.tsx @@ -30,7 +30,7 @@ const initialization = (designer: Designer) => { }); }; -const persistence = new LocalStorageManager('samples/{id}.wxml', false); +const persistence = new LocalStorageManager('samples/{id}.wxml', false, false); const mapId = 'welcome'; const options: EditorOptions = { zoom: 0.8, diff --git a/packages/editor/test/playground/map-render/samples/order.wxml b/packages/editor/test/playground/map-render/samples/order.wxml new file mode 100644 index 00000000..b0599b02 --- /dev/null +++ b/packages/editor/test/playground/map-render/samples/order.wxml @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/mindplot/src/components/persistence/XMLSerializerTango.ts b/packages/mindplot/src/components/persistence/XMLSerializerTango.ts index fbd98485..a0a47be0 100644 --- a/packages/mindplot/src/components/persistence/XMLSerializerTango.ts +++ b/packages/mindplot/src/components/persistence/XMLSerializerTango.ts @@ -411,6 +411,7 @@ class XMLSerializerTango implements XMLMindmapSerializer { if (topic.getType() !== 'CentralTopic') { topic .getChildren() + .sort((a, b) => a.getOrder() - b.getOrder()) .forEach((child, index) => { if (child.getOrder() !== index) { child.setOrder(index); From e0e53c331f17818dea58518eb47b8a1228f436d5 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sun, 13 Mar 2022 23:26:24 -0300 Subject: [PATCH 31/32] Add Chinesse support. --- packages/editor/lang/zh.json | 14 + packages/editor/src/classes/i18n-msg/index.ts | 4 + packages/editor/src/compiled-lang/zh.json | 26 + .../mindplot/src/components/lang/Bundle.js | 2 + packages/mindplot/src/components/lang/zh.js | 84 ++ packages/webapp/lang/zh.json | 504 ++++++++ packages/webapp/src/classes/app-i18n/index.ts | 6 +- packages/webapp/src/compiled-lang/zh.json | 1016 +++++++++++++++++ 8 files changed, 1653 insertions(+), 3 deletions(-) create mode 100644 packages/editor/lang/zh.json create mode 100644 packages/editor/src/compiled-lang/zh.json create mode 100644 packages/mindplot/src/components/lang/zh.js create mode 100644 packages/webapp/lang/zh.json create mode 100644 packages/webapp/src/compiled-lang/zh.json diff --git a/packages/editor/lang/zh.json b/packages/editor/lang/zh.json new file mode 100644 index 00000000..ecea81dc --- /dev/null +++ b/packages/editor/lang/zh.json @@ -0,0 +1,14 @@ +{ + "editor.try-welcome": { + "defaultMessage": "这个编辑区域展示了一些思维导图编辑器的功能！" + }, + "editor.try-welcome-description": { + "defaultMessage": "注册后可以免费创建、分享和发布无限数量的思维导图。" + }, + "login.signup": { + "defaultMessage": "注册" + }, + "action.share": { + "defaultMessage": "分享" + } +} \ No newline at end of file diff --git a/packages/editor/src/classes/i18n-msg/index.ts b/packages/editor/src/classes/i18n-msg/index.ts index 9b9a25b9..187bdc5d 100644 --- a/packages/editor/src/classes/i18n-msg/index.ts +++ b/packages/editor/src/classes/i18n-msg/index.ts @@ -3,6 +3,8 @@ import ES from './../../compiled-lang/es.json'; import EN from './../../compiled-lang/en.json'; import DE from './../../compiled-lang/de.json'; import RU from './../../compiled-lang/ru.json'; +import ZH from './../../compiled-lang/zh.json'; + class I18nMsg { static loadLocaleData(locale: string) { @@ -17,6 +19,8 @@ class I18nMsg { return DE; case 'ru': return RU; + case 'zh': + return ZH; default: return EN; } diff --git a/packages/editor/src/compiled-lang/zh.json b/packages/editor/src/compiled-lang/zh.json new file mode 100644 index 00000000..e0ab537c --- /dev/null +++ b/packages/editor/src/compiled-lang/zh.json @@ -0,0 +1,26 @@ +{ + "action.share": [ + { + "type": 0, + "value": "分享" + } + ], + "editor.try-welcome": [ + { + "type": 0, + "value": "这个编辑区域展示了一些思维导图编辑器的功能！" + } + ], + "editor.try-welcome-description": [ + { + "type": 0, + "value": "注册后可以免费创建、分享和发布无限数量的思维导图。" + } + ], + "login.signup": [ + { + "type": 0, + "value": "注册" + } + ] +} \ No newline at end of file diff --git a/packages/mindplot/src/components/lang/Bundle.js b/packages/mindplot/src/components/lang/Bundle.js index 5e3d6e44..fc724967 100644 --- a/packages/mindplot/src/components/lang/Bundle.js +++ b/packages/mindplot/src/components/lang/Bundle.js @@ -21,6 +21,7 @@ import EN from './en'; import DE from './de'; import FR from './fr'; import RU from './ru'; +import ZH from './zh'; const Bundle = { es: ES, @@ -28,6 +29,7 @@ const Bundle = { de: DE, fr: FR, ru: RU, + zh: ZH, }; export default Bundle; diff --git a/packages/mindplot/src/components/lang/zh.js b/packages/mindplot/src/components/lang/zh.js new file mode 100644 index 00000000..31adcd34 --- /dev/null +++ b/packages/mindplot/src/components/lang/zh.js @@ -0,0 +1,84 @@ +const ZH = { + ZOOM_IN: '放大', + ZOOM_OUT: '缩小', + TOPIC_SHAPE: '主题形状', + TOPIC_ADD: '添加主题', + TOPIC_DELETE: '删除主题', + TOPIC_ICON: '添加图标', + TOPIC_LINK: '添加链接', + TOPIC_RELATIONSHIP: '关系', + TOPIC_COLOR: '主题颜色', + TOPIC_BORDER_COLOR: '主题边框颜色', + TOPIC_NOTE: '添加注释', + FONT_FAMILY: '字体类型', + FONT_SIZE: '文本大小', + FONT_BOLD: '粗体文本', + FONT_ITALIC: '斜体文本', + UNDO: '撤销', + REDO: '重做', + INSERT: '插入', + SAVE: '保存', + NOTE: '注释', + ADD_TOPIC: '添加主题', + LOADING: '加载......', + EXPORT: '导出', + PRINT: '打印', + PUBLISH: '发布', + COLLABORATE: '分享', + HISTORY: '历史', + DISCARD_CHANGES: '放弃更改', + FONT_COLOR: '文本颜色', + SAVING: '保存......', + SAVE_COMPLETE: '保存完成', + ZOOM_IN_ERROR: '放大比例过高。', + ZOOM_ERROR: '无法再缩放了。', + ONLY_ONE_TOPIC_MUST_BE_SELECTED: '无法创建主题。只能选择一个主题。', + ONE_TOPIC_MUST_BE_SELECTED: '无法创建主题。必须选择一个主题。', + ONLY_ONE_TOPIC_MUST_BE_SELECTED_COLLAPSE: '无法折叠子节点，必须只选择一个主题。', + SAVE_COULD_NOT_BE_COMPLETED: '无法完成保存，请稍后再试。', + UNEXPECTED_ERROR_LOADING: "我们很抱歉，发生了意外错误。\n再次尝试重新加载编辑器。如果问题仍然存在，请联系我们support@wisemapping.com。", + MAIN_TOPIC: '重点主题', + SUB_TOPIC: '子主题', + ISOLATED_TOPIC: '独立主题', + CENTRAL_TOPIC: '中心主题', + SHORTCUTS: '键盘快捷键', + ENTITIES_COULD_NOT_BE_DELETED: '无法删除主题或关系。至少选择一个脑图实体。', + AT_LEAST_ONE_TOPIC_MUST_BE_SELECTED: '至少要选择一个主题', + CLIPBOARD_IS_EMPTY: '没有东西可以复制。剪贴板是空的。', + CENTRAL_TOPIC_CAN_NOT_BE_DELETED: '无法删除中心主题。', + RELATIONSHIP_COULD_NOT_BE_CREATED: '无法创建关系。必须先选择要建立关系的主题。', + SELECTION_COPIED_TO_CLIPBOARD: '主题已复制到剪贴板', + WRITE_YOUR_TEXT_HERE: '在这里写你的注释......', + REMOVE: '删除', + ACCEPT: '接受', + CANCEL: '取消', + LINK: '链接', + OPEN_LINK: '打开URL', + SESSION_EXPIRED: '您的会话已过期，请重新登录。', + URL_ERROR: 'URL无效', + ACTION: '操作', + CREATE_SIBLING_TOPIC: '创建并行主题', + CREATE_CHILD_TOPIC: '创建子主题', + DELETE_TOPIC: '删除主题', + EDIT_TOPIC_TEXT: '编辑主题文本', + JUST_START_TYPING: '开始打字', + CANCEL_TEXT_CHANGES: '取消文本更改', + TOPIC_NAVIGATION: '主题导航', + ARROW_KEYS: '方向按键', + SELECT_MULTIPLE_NODES: '选择多个节点', + UNDO_EDITION: '撤销编辑', + REDO_EDITION: '重做修改', + SELECT_ALL_TOPIC: '选择所有主题', + CHANGE_TEXT_BOLD: '更改粗体文本', + SAVE_CHANGES: '保存更改', + CHANGE_TEXT_ITALIC: '更改斜体文本', + DESELECT_ALL_TOPIC: '取消选择所有主题', + COLLAPSE_CHILDREN: '折叠子节点', + KEYBOARD_SHORTCUTS_MSG: '键盘快捷键可以让你永远不用把手从键盘上拿开来使用鼠标，从而帮助你节省时间。', + COPY_AND_PASTE_TOPICS: '复制和粘贴主题', + MULTIPLE_LINES: '添加多行文本', + BACK_TO_MAP_LIST: '回到脑图列表', + KEYBOARD_SHOTCUTS: '键盘快捷键', +}; + +export default ZH; diff --git a/packages/webapp/lang/zh.json b/packages/webapp/lang/zh.json new file mode 100644 index 00000000..2629fedd --- /dev/null +++ b/packages/webapp/lang/zh.json @@ -0,0 +1,504 @@ +{ + "account.delete-warning": { + "defaultMessage": "请记住，您将无法访问您添加的任何思维导图。您的所有信息都将被删除，并且无法恢复。" + }, + "accountinfo.button": { + "defaultMessage": "接受" + }, + "accountinfo.deleteaccount": { + "defaultMessage": "删除账号" + }, + "accountinfo.email": { + "defaultMessage": "Email电子邮件" + }, + "accountinfo.firstname": { + "defaultMessage": "名字" + }, + "accountinfo.lastname": { + "defaultMessage": "姓氏" + }, + "accountinfo.title": { + "defaultMessage": "账户信息" + }, + "action.cancel-button": { + "defaultMessage": "取消" + }, + "action.close-button": { + "defaultMessage": "关闭" + }, + "action.delete": { + "defaultMessage": "删除" + }, + "action.delete-description": { + "defaultMessage": "已删除的思维导图无法恢复。您想继续吗？" + }, + "action.delete-title": { + "defaultMessage": "删除" + }, + "action.duplicate": { + "defaultMessage": "复制" + }, + "action.export": { + "defaultMessage": "导出" + }, + "action.history": { + "defaultMessage": "历史" + }, + "action.history-description": { + "defaultMessage": "过去90天内引入的更改列表。" + }, + "action.history-title": { + "defaultMessage": "历史版本" + }, + "action.import": { + "defaultMessage": "导入" + }, + "action.info": { + "defaultMessage": "信息" + }, + "action.label": { + "defaultMessage": "添加标签" + }, + "action.new": { + "defaultMessage": "新建脑图" + }, + "action.open": { + "defaultMessage": "打开" + }, + "action.print": { + "defaultMessage": "打印" + }, + "action.publish": { + "defaultMessage": "发布" + }, + "action.rename": { + "defaultMessage": "重命名" + }, + "action.rename-description-placeholder": { + "defaultMessage": "描述" + }, + "action.rename-name-placeholder": { + "defaultMessage": "名称" + }, + "action.share": { + "defaultMessage": "分享" + }, + "changepwd.button": { + "defaultMessage": "更改" + }, + "changepwd.confirm-password": { + "defaultMessage": "确认密码" + }, + "changepwd.description": { + "defaultMessage": "请为您的账户提供新密码" + }, + "changepwd.password": { + "defaultMessage": "密码" + }, + "changepwd.password-match": { + "defaultMessage": "密码不一致，请再试一次" + }, + "changepwd.title": { + "defaultMessage": "更改密码" + }, + "common.wait": { + "defaultMessage": "请等待。。。" + }, + "create.button": { + "defaultMessage": "创建" + }, + "create.description": { + "defaultMessage": "请填写新的脑图名称和描述" + }, + "create.title": { + "defaultMessage": "创建一个新的思维导图" + }, + "deletem.title": { + "defaultMessage": "所有选中的脑图将被删除" + }, + "duplicate.title": { + "defaultMessage": "复制" + }, + "expired.description": { + "defaultMessage": "您的当前会话已过期。请登录后重试。" + }, + "expired.title": { + "defaultMessage": "您的会话已过期" + }, + "export.desc": { + "defaultMessage": "以您需要的格式导出此脑图，并在演示文稿中使用或通过电子邮件分享" + }, + "export.document": { + "defaultMessage": "思维导图工具：以第三方思维导图格式导出您的思维导图" + }, + "export.document-label": { + "defaultMessage": "文档：将你的思维导图导出到一个独立的文档中来分享" + }, + "export.image": { + "defaultMessage": "Image: Get a graphic representation of your map including all colors and shapes.图像：以图片形式获取包含所有颜色和形状的脑图" + }, + "export.img-center": { + "defaultMessage": "居中并缩放合适大小" + }, + "export.title": { + "defaultMessage": "导出" + }, + "export.warning": { + "defaultMessage": "导出到图像（SVG，PNG，JPEG，PDF）仅在编辑器工具栏中可用。" + }, + "footer.aboutus": { + "defaultMessage": "关于我们" + }, + "footer.contactus": { + "defaultMessage": "联系我们" + }, + "footer.faq": { + "defaultMessage": "常见问题" + }, + "footer.faqandhelp": { + "defaultMessage": "帮助和常见问题" + }, + "footer.feedback": { + "defaultMessage": "反馈" + }, + "footer.opensource": { + "defaultMessage": "开源" + }, + "footer.others": { + "defaultMessage": "其它" + }, + "footer.termsandconditions": { + "defaultMessage": "条款和条件" + }, + "forgot.desc": { + "defaultMessage": "我们将向您发送电子邮件以重置您的密码。" + }, + "forgot.email": { + "defaultMessage": "电子邮件" + }, + "forgot.page-title": { + "defaultMessage": "忘记密码|WiseMapping" + }, + "forgot.register": { + "defaultMessage": "发送恢复链接" + }, + "forgot.success.desc": { + "defaultMessage": "我们已经向您发送了一封电子邮件，允许您重置密码。您应该会在几分钟内收到" + }, + "forgot.success.title": { + "defaultMessage": "您的临时密码已发送。" + }, + "forgot.title": { + "defaultMessage": "重置密码" + }, + "forgotsuccess.page-title": { + "defaultMessage": "密码已恢复|WiseMapping" + }, + "header.donthaveaccount": { + "defaultMessage": "没有账号？" + }, + "header.haveaccount": { + "defaultMessage": "已经有一个账号？" + }, + "help.support": { + "defaultMessage": "支持" + }, + "history.no-changes": { + "defaultMessage": "没有可用的更改" + }, + "import.button": { + "defaultMessage": "创建" + }, + "import.description": { + "defaultMessage": "您可以将WiseMapping脑图导入到您的脑图列表中。选择要导入的文件。" + }, + "import.title": { + "defaultMessage": "导入现有的思维导图" + }, + "info.basic-info": { + "defaultMessage": "基本信息" + }, + "info.button": { + "defaultMessage": "接受" + }, + "info.creation-time": { + "defaultMessage": "创建日期" + }, + "info.creator": { + "defaultMessage": "创建人" + }, + "info.description": { + "defaultMessage": "描述" + }, + "info.description-msg": { + "defaultMessage": "通过发布脑图，你让互联网上的每个人都能看到它。" + }, + "info.modified-time": { + "defaultMessage": "最后修改日期" + }, + "info.modified-tny": { + "defaultMessage": "最后修改人" + }, + "info.name": { + "defaultMessage": "名称" + }, + "info.public-visibility": { + "defaultMessage": "公开可见" + }, + "info.sharing": { + "defaultMessage": "分享" + }, + "info.starred": { + "defaultMessage": "星标" + }, + "info.title": { + "defaultMessage": "信息" + }, + "label.add-button": { + "defaultMessage": "添加标签" + }, + "label.add-for": { + "defaultMessage": "编辑脑图标签：" + }, + "label.add-placeholder": { + "defaultMessage": "标签标题" + }, + "label.change-color": { + "defaultMessage": "更改标签颜色" + }, + "label.delete-description": { + "defaultMessage": "将被删除，包括它与所有现有脑图的关联。是否继续？" + }, + "label.delete-title": { + "defaultMessage": "确认标签删除" + }, + "label.description": { + "defaultMessage": "使用标签来组织你的脑图。" + }, + "label.title": { + "defaultMessage": "添加标签" + }, + "language.change": { + "defaultMessage": "更改语言" + }, + "language.help": { + "defaultMessage": "帮助翻译" + }, + "login.desc": { + "defaultMessage": "登录您的账号" + }, + "login.email": { + "defaultMessage": "电子邮件" + }, + "login.error": { + "defaultMessage": "您输入的电子邮件地址或密码无效。" + }, + "login.forgotpwd": { + "defaultMessage": "忘记密码？" + }, + "login.hsqldbcofig": { + "defaultMessage": "虽然HSQLDB在安装过程中默认与WiseMapping捆绑在一起，但我们不建议将此数据库用于生产用途。请考虑使用MySQL 5.7代替。您可以找到更多关于如何配置MySQL的信息", + "description": "缺少已配置的生产数据库" + }, + "login.page-title": { + "defaultMessage": "登录|WiseMapping" + }, + "login.password": { + "defaultMessage": "密码" + }, + "login.remberme": { + "defaultMessage": "记住我的登录" + }, + "login.signin": { + "defaultMessage": "登录" + }, + "login.signup": { + "defaultMessage": "注册" + }, + "login.title": { + "defaultMessage": "欢迎" + }, + "login.userinactive": { + "defaultMessage": "对不起，您的账号尚未激活。当它激活时，您将收到一封通知电子邮件。敬请关注！" + }, + "map.creator": { + "defaultMessage": "创建人" + }, + "map.delete-selected": { + "defaultMessage": "删除选中项" + }, + "map.last-update": { + "defaultMessage": "最后更新" + }, + "map.more-actions": { + "defaultMessage": "更多操作" + }, + "map.name": { + "defaultMessage": "名称" + }, + "map.tooltip-add": { + "defaultMessage": "将标签添加到选定项" + }, + "maps.choose-file": { + "defaultMessage": "选择一个文件" + }, + "maps.create-tooltip": { + "defaultMessage": "创建一个新的思维导图" + }, + "maps.empty-result": { + "defaultMessage": "没有找到与当前筛选条件匹配的思维导图。" + }, + "maps.import-desc": { + "defaultMessage": "从其它工具导入" + }, + "maps.modified": { + "defaultMessage": "修改" + }, + "maps.modified-by": { + "defaultMessage": "修改人" + }, + "maps.modified-by-desc": { + "defaultMessage": "{on}由{by}修改" + }, + "maps.nav-all": { + "defaultMessage": "所有" + }, + "maps.nav-onwned": { + "defaultMessage": "拥有" + }, + "maps.nav-public": { + "defaultMessage": "公共" + }, + "maps.nav-shared": { + "defaultMessage": "与我分享" + }, + "maps.nav-starred": { + "defaultMessage": "星标" + }, + "maps.page-title": { + "defaultMessage": "我的脑图|WiseMapping" + }, + "maps.revert": { + "defaultMessage": "恢复" + }, + "maps.search-action": { + "defaultMessage": "搜索。。。" + }, + "maps.tooltip-open": { + "defaultMessage": "打开编辑" + }, + "maps.tooltip-starred": { + "defaultMessage": "星标" + }, + "maps.view": { + "defaultMessage": "查看" + }, + "menu.account": { + "defaultMessage": "账号" + }, + "menu.change-password": { + "defaultMessage": "更改密码" + }, + "menu.signout": { + "defaultMessage": "注销" + }, + "publish.button": { + "defaultMessage": "接受" + }, + "publish.checkbox": { + "defaultMessage": "开启公共分享" + }, + "publish.description": { + "defaultMessage": "通过发布脑图，你让互联网上的每个人都能看到它。" + }, + "publish.embedded": { + "defaultMessage": "嵌入" + }, + "publish.embedded-msg": { + "defaultMessage": "复制这段代码以嵌入到您的博客或页面中：" + }, + "publish.public-url": { + "defaultMessage": "公共UPL" + }, + "publish.public-url-msg": { + "defaultMessage": "复制并粘贴下面的链接，与同事分享您的脑图：" + }, + "publish.title": { + "defaultMessage": "发布" + }, + "registation.success-title": { + "defaultMessage": "注册成功|WiseMapping" + }, + "registration.desc": { + "defaultMessage": "Signing up is free and just take a moment注册免费，分分钟就好" + }, + "registration.email": { + "defaultMessage": "电子邮件" + }, + "registration.firstname": { + "defaultMessage": "名字" + }, + "registration.lastname": { + "defaultMessage": "姓氏" + }, + "registration.page-title": { + "defaultMessage": "注册|WiseMapping" + }, + "registration.password": { + "defaultMessage": "密码" + }, + "registration.register": { + "defaultMessage": "注册" + }, + "registration.success.desc": { + "defaultMessage": "点击下面的登录按钮，开始创建思维导图。" + }, + "registration.termandconditions": { + "defaultMessage": "客户条款：请检查您在上面输入的WiseMapping账号信息，并在此处查看客户条款。点击下面的'注册'即表示您同意上面的客户条款和隐私政策" + }, + "registration.title": { + "defaultMessage": "成为成员" + }, + "rename.description": { + "defaultMessage": "请填写新的脑图名称和描述。" + }, + "rename.title": { + "defaultMessage": "重命名" + }, + "resetpassword.success.title": { + "defaultMessage": "您的账号已成功创建" + }, + "role.editor": { + "defaultMessage": "编辑人" + }, + "role.owner": { + "defaultMessage": "所有人" + }, + "role.viewer": { + "defaultMessage": "查看人" + }, + "share.add-button": { + "defaultMessage": "添加" + }, + "share.add-message": { + "defaultMessage": "添加消息" + }, + "share.can-edit": { + "defaultMessage": "可编辑" + }, + "share.can-view": { + "defaultMessage": "可查看" + }, + "share.delete": { + "defaultMessage": "删除协作人" + }, + "share.delete-description": { + "defaultMessage": "邀请人们与你合作创建你的思维导图。他们将通过电子邮件得到通知。" + }, + "share.delete-title": { + "defaultMessage": "与人分享" + }, + "share.message": { + "defaultMessage": "消息" + } +} diff --git a/packages/webapp/src/classes/app-i18n/index.ts b/packages/webapp/src/classes/app-i18n/index.ts index c43439aa..e5af79f5 100644 --- a/packages/webapp/src/classes/app-i18n/index.ts +++ b/packages/webapp/src/classes/app-i18n/index.ts @@ -47,7 +47,7 @@ export default abstract class AppI18n { } } -export type LocaleCode = 'en' | 'es' | 'fr' | 'de' | 'ru'; +export type LocaleCode = 'en' | 'es' | 'fr' | 'de' | 'ru' | 'zh'; export const Locales = { EN: new Locale('en', 'English', require('./../../compiled-lang/en.json')), // eslint-disable-line @@ -55,10 +55,10 @@ export const Locales = { DE: new Locale('fr', 'Français', require('./../../compiled-lang/fr.json')), // eslint-disable-line FR: new Locale('de', 'Deutsch', require('./../../compiled-lang/de.json')), // eslint-disable-line RU: new Locale('ru', 'Pусский', require('./../../compiled-lang/ru.json')), // eslint-disable-line + ZH: new Locale('zh', '中文', require('./../../compiled-lang/zh.json')), // eslint-disable-line + }; - - export const localeFromStr = (code: string): Locale => { const locales: Locale[] = Object.values(Locales); diff --git a/packages/webapp/src/compiled-lang/zh.json b/packages/webapp/src/compiled-lang/zh.json new file mode 100644 index 00000000..b249b5b4 --- /dev/null +++ b/packages/webapp/src/compiled-lang/zh.json @@ -0,0 +1,1016 @@ +{ + "account.delete-warning": [ + { + "type": 0, + "value": "请记住，您将无法访问您添加的任何思维导图。您的所有信息都将被删除，并且无法恢复。" + } + ], + "accountinfo.button": [ + { + "type": 0, + "value": "接受" + } + ], + "accountinfo.deleteaccount": [ + { + "type": 0, + "value": "删除账号" + } + ], + "accountinfo.email": [ + { + "type": 0, + "value": "Email电子邮件" + } + ], + "accountinfo.firstname": [ + { + "type": 0, + "value": "名字" + } + ], + "accountinfo.lastname": [ + { + "type": 0, + "value": "姓氏" + } + ], + "accountinfo.title": [ + { + "type": 0, + "value": "账户信息" + } + ], + "action.cancel-button": [ + { + "type": 0, + "value": "取消" + } + ], + "action.close-button": [ + { + "type": 0, + "value": "关闭" + } + ], + "action.delete": [ + { + "type": 0, + "value": "删除" + } + ], + "action.delete-description": [ + { + "type": 0, + "value": "已删除的思维导图无法恢复。您想继续吗？" + } + ], + "action.delete-title": [ + { + "type": 0, + "value": "删除" + } + ], + "action.duplicate": [ + { + "type": 0, + "value": "复制" + } + ], + "action.export": [ + { + "type": 0, + "value": "导出" + } + ], + "action.history": [ + { + "type": 0, + "value": "历史" + } + ], + "action.history-description": [ + { + "type": 0, + "value": "过去90天内引入的更改列表。" + } + ], + "action.history-title": [ + { + "type": 0, + "value": "历史版本" + } + ], + "action.import": [ + { + "type": 0, + "value": "导入" + } + ], + "action.info": [ + { + "type": 0, + "value": "信息" + } + ], + "action.label": [ + { + "type": 0, + "value": "添加标签" + } + ], + "action.new": [ + { + "type": 0, + "value": "新建脑图" + } + ], + "action.open": [ + { + "type": 0, + "value": "打开" + } + ], + "action.print": [ + { + "type": 0, + "value": "打印" + } + ], + "action.publish": [ + { + "type": 0, + "value": "发布" + } + ], + "action.rename": [ + { + "type": 0, + "value": "重命名" + } + ], + "action.rename-description-placeholder": [ + { + "type": 0, + "value": "描述" + } + ], + "action.rename-name-placeholder": [ + { + "type": 0, + "value": "名称" + } + ], + "action.share": [ + { + "type": 0, + "value": "分享" + } + ], + "changepwd.button": [ + { + "type": 0, + "value": "更改" + } + ], + "changepwd.confirm-password": [ + { + "type": 0, + "value": "确认密码" + } + ], + "changepwd.description": [ + { + "type": 0, + "value": "请为您的账户提供新密码" + } + ], + "changepwd.password": [ + { + "type": 0, + "value": "密码" + } + ], + "changepwd.password-match": [ + { + "type": 0, + "value": "密码不一致，请再试一次" + } + ], + "changepwd.title": [ + { + "type": 0, + "value": "更改密码" + } + ], + "common.wait": [ + { + "type": 0, + "value": "请等待。。。" + } + ], + "create.button": [ + { + "type": 0, + "value": "创建" + } + ], + "create.description": [ + { + "type": 0, + "value": "请填写新的脑图名称和描述" + } + ], + "create.title": [ + { + "type": 0, + "value": "创建一个新的思维导图" + } + ], + "deletem.title": [ + { + "type": 0, + "value": "所有选中的脑图将被删除" + } + ], + "duplicate.title": [ + { + "type": 0, + "value": "复制" + } + ], + "expired.description": [ + { + "type": 0, + "value": "您的当前会话已过期。请登录后重试。" + } + ], + "expired.title": [ + { + "type": 0, + "value": "您的会话已过期" + } + ], + "export.desc": [ + { + "type": 0, + "value": "以您需要的格式导出此脑图，并在演示文稿中使用或通过电子邮件分享" + } + ], + "export.document": [ + { + "type": 0, + "value": "思维导图工具：以第三方思维导图格式导出您的思维导图" + } + ], + "export.document-label": [ + { + "type": 0, + "value": "文档：将你的思维导图导出到一个独立的文档中来分享" + } + ], + "export.image": [ + { + "type": 0, + "value": "Image: Get a graphic representation of your map including all colors and shapes.图像：以图片形式获取包含所有颜色和形状的脑图" + } + ], + "export.img-center": [ + { + "type": 0, + "value": "居中并缩放合适大小" + } + ], + "export.title": [ + { + "type": 0, + "value": "导出" + } + ], + "export.warning": [ + { + "type": 0, + "value": "导出到图像（SVG，PNG，JPEG，PDF）仅在编辑器工具栏中可用。" + } + ], + "footer.aboutus": [ + { + "type": 0, + "value": "关于我们" + } + ], + "footer.contactus": [ + { + "type": 0, + "value": "联系我们" + } + ], + "footer.faq": [ + { + "type": 0, + "value": "常见问题" + } + ], + "footer.faqandhelp": [ + { + "type": 0, + "value": "帮助和常见问题" + } + ], + "footer.feedback": [ + { + "type": 0, + "value": "反馈" + } + ], + "footer.opensource": [ + { + "type": 0, + "value": "开源" + } + ], + "footer.others": [ + { + "type": 0, + "value": "其它" + } + ], + "footer.termsandconditions": [ + { + "type": 0, + "value": "条款和条件" + } + ], + "forgot.desc": [ + { + "type": 0, + "value": "我们将向您发送电子邮件以重置您的密码。" + } + ], + "forgot.email": [ + { + "type": 0, + "value": "电子邮件" + } + ], + "forgot.page-title": [ + { + "type": 0, + "value": "忘记密码|WiseMapping" + } + ], + "forgot.register": [ + { + "type": 0, + "value": "发送恢复链接" + } + ], + "forgot.success.desc": [ + { + "type": 0, + "value": "我们已经向您发送了一封电子邮件，允许您重置密码。您应该会在几分钟内收到" + } + ], + "forgot.success.title": [ + { + "type": 0, + "value": "您的临时密码已发送。" + } + ], + "forgot.title": [ + { + "type": 0, + "value": "重置密码" + } + ], + "forgotsuccess.page-title": [ + { + "type": 0, + "value": "密码已恢复|WiseMapping" + } + ], + "header.donthaveaccount": [ + { + "type": 0, + "value": "没有账号？" + } + ], + "header.haveaccount": [ + { + "type": 0, + "value": "已经有一个账号？" + } + ], + "help.support": [ + { + "type": 0, + "value": "支持" + } + ], + "history.no-changes": [ + { + "type": 0, + "value": "没有可用的更改" + } + ], + "import.button": [ + { + "type": 0, + "value": "创建" + } + ], + "import.description": [ + { + "type": 0, + "value": "您可以将WiseMapping脑图导入到您的脑图列表中。选择要导入的文件。" + } + ], + "import.title": [ + { + "type": 0, + "value": "导入现有的思维导图" + } + ], + "info.basic-info": [ + { + "type": 0, + "value": "基本信息" + } + ], + "info.button": [ + { + "type": 0, + "value": "接受" + } + ], + "info.creation-time": [ + { + "type": 0, + "value": "创建日期" + } + ], + "info.creator": [ + { + "type": 0, + "value": "创建人" + } + ], + "info.description": [ + { + "type": 0, + "value": "描述" + } + ], + "info.description-msg": [ + { + "type": 0, + "value": "通过发布脑图，你让互联网上的每个人都能看到它。" + } + ], + "info.modified-time": [ + { + "type": 0, + "value": "最后修改日期" + } + ], + "info.modified-tny": [ + { + "type": 0, + "value": "最后修改人" + } + ], + "info.name": [ + { + "type": 0, + "value": "名称" + } + ], + "info.public-visibility": [ + { + "type": 0, + "value": "公开可见" + } + ], + "info.sharing": [ + { + "type": 0, + "value": "分享" + } + ], + "info.starred": [ + { + "type": 0, + "value": "星标" + } + ], + "info.title": [ + { + "type": 0, + "value": "信息" + } + ], + "label.add-button": [ + { + "type": 0, + "value": "添加标签" + } + ], + "label.add-for": [ + { + "type": 0, + "value": "编辑脑图标签：" + } + ], + "label.add-placeholder": [ + { + "type": 0, + "value": "标签标题" + } + ], + "label.change-color": [ + { + "type": 0, + "value": "更改标签颜色" + } + ], + "label.delete-description": [ + { + "type": 0, + "value": "将被删除，包括它与所有现有脑图的关联。是否继续？" + } + ], + "label.delete-title": [ + { + "type": 0, + "value": "确认标签删除" + } + ], + "label.description": [ + { + "type": 0, + "value": "使用标签来组织你的脑图。" + } + ], + "label.title": [ + { + "type": 0, + "value": "添加标签" + } + ], + "language.change": [ + { + "type": 0, + "value": "更改语言" + } + ], + "language.help": [ + { + "type": 0, + "value": "帮助翻译" + } + ], + "login.desc": [ + { + "type": 0, + "value": "登录您的账号" + } + ], + "login.email": [ + { + "type": 0, + "value": "电子邮件" + } + ], + "login.error": [ + { + "type": 0, + "value": "您输入的电子邮件地址或密码无效。" + } + ], + "login.forgotpwd": [ + { + "type": 0, + "value": "忘记密码？" + } + ], + "login.hsqldbcofig": [ + { + "type": 0, + "value": "虽然HSQLDB在安装过程中默认与WiseMapping捆绑在一起，但我们不建议将此数据库用于生产用途。请考虑使用MySQL 5.7代替。您可以找到更多关于如何配置MySQL的信息" + } + ], + "login.page-title": [ + { + "type": 0, + "value": "登录|WiseMapping" + } + ], + "login.password": [ + { + "type": 0, + "value": "密码" + } + ], + "login.remberme": [ + { + "type": 0, + "value": "记住我的登录" + } + ], + "login.signin": [ + { + "type": 0, + "value": "登录" + } + ], + "login.signup": [ + { + "type": 0, + "value": "注册" + } + ], + "login.title": [ + { + "type": 0, + "value": "欢迎" + } + ], + "login.userinactive": [ + { + "type": 0, + "value": "对不起，您的账号尚未激活。当它激活时，您将收到一封通知电子邮件。敬请关注！" + } + ], + "map.creator": [ + { + "type": 0, + "value": "创建人" + } + ], + "map.delete-selected": [ + { + "type": 0, + "value": "删除选中项" + } + ], + "map.last-update": [ + { + "type": 0, + "value": "最后更新" + } + ], + "map.more-actions": [ + { + "type": 0, + "value": "更多操作" + } + ], + "map.name": [ + { + "type": 0, + "value": "名称" + } + ], + "map.tooltip-add": [ + { + "type": 0, + "value": "将标签添加到选定项" + } + ], + "maps.choose-file": [ + { + "type": 0, + "value": "选择一个文件" + } + ], + "maps.create-tooltip": [ + { + "type": 0, + "value": "创建一个新的思维导图" + } + ], + "maps.empty-result": [ + { + "type": 0, + "value": "没有找到与当前筛选条件匹配的思维导图。" + } + ], + "maps.import-desc": [ + { + "type": 0, + "value": "从其它工具导入" + } + ], + "maps.modified": [ + { + "type": 0, + "value": "修改" + } + ], + "maps.modified-by": [ + { + "type": 0, + "value": "修改人" + } + ], + "maps.modified-by-desc": [ + { + "type": 1, + "value": "on" + }, + { + "type": 0, + "value": "由" + }, + { + "type": 1, + "value": "by" + }, + { + "type": 0, + "value": "修改" + } + ], + "maps.nav-all": [ + { + "type": 0, + "value": "所有" + } + ], + "maps.nav-onwned": [ + { + "type": 0, + "value": "拥有" + } + ], + "maps.nav-public": [ + { + "type": 0, + "value": "公共" + } + ], + "maps.nav-shared": [ + { + "type": 0, + "value": "与我分享" + } + ], + "maps.nav-starred": [ + { + "type": 0, + "value": "星标" + } + ], + "maps.page-title": [ + { + "type": 0, + "value": "我的脑图|WiseMapping" + } + ], + "maps.revert": [ + { + "type": 0, + "value": "恢复" + } + ], + "maps.search-action": [ + { + "type": 0, + "value": "搜索。。。" + } + ], + "maps.tooltip-open": [ + { + "type": 0, + "value": "打开编辑" + } + ], + "maps.tooltip-starred": [ + { + "type": 0, + "value": "星标" + } + ], + "maps.view": [ + { + "type": 0, + "value": "查看" + } + ], + "menu.account": [ + { + "type": 0, + "value": "账号" + } + ], + "menu.change-password": [ + { + "type": 0, + "value": "更改密码" + } + ], + "menu.signout": [ + { + "type": 0, + "value": "注销" + } + ], + "publish.button": [ + { + "type": 0, + "value": "接受" + } + ], + "publish.checkbox": [ + { + "type": 0, + "value": "开启公共分享" + } + ], + "publish.description": [ + { + "type": 0, + "value": "通过发布脑图，你让互联网上的每个人都能看到它。" + } + ], + "publish.embedded": [ + { + "type": 0, + "value": "嵌入" + } + ], + "publish.embedded-msg": [ + { + "type": 0, + "value": "复制这段代码以嵌入到您的博客或页面中：" + } + ], + "publish.public-url": [ + { + "type": 0, + "value": "公共UPL" + } + ], + "publish.public-url-msg": [ + { + "type": 0, + "value": "复制并粘贴下面的链接，与同事分享您的脑图：" + } + ], + "publish.title": [ + { + "type": 0, + "value": "发布" + } + ], + "registation.success-title": [ + { + "type": 0, + "value": "注册成功|WiseMapping" + } + ], + "registration.desc": [ + { + "type": 0, + "value": "Signing up is free and just take a moment注册免费，分分钟就好" + } + ], + "registration.email": [ + { + "type": 0, + "value": "电子邮件" + } + ], + "registration.firstname": [ + { + "type": 0, + "value": "名字" + } + ], + "registration.lastname": [ + { + "type": 0, + "value": "姓氏" + } + ], + "registration.page-title": [ + { + "type": 0, + "value": "注册|WiseMapping" + } + ], + "registration.password": [ + { + "type": 0, + "value": "密码" + } + ], + "registration.register": [ + { + "type": 0, + "value": "注册" + } + ], + "registration.success.desc": [ + { + "type": 0, + "value": "点击下面的登录按钮，开始创建思维导图。" + } + ], + "registration.termandconditions": [ + { + "type": 0, + "value": "客户条款：请检查您在上面输入的WiseMapping账号信息，并在此处查看客户条款。点击下面的'注册'即表示您同意上面的客户条款和隐私政策" + } + ], + "registration.title": [ + { + "type": 0, + "value": "成为成员" + } + ], + "rename.description": [ + { + "type": 0, + "value": "请填写新的脑图名称和描述。" + } + ], + "rename.title": [ + { + "type": 0, + "value": "重命名" + } + ], + "resetpassword.success.title": [ + { + "type": 0, + "value": "您的账号已成功创建" + } + ], + "role.editor": [ + { + "type": 0, + "value": "编辑人" + } + ], + "role.owner": [ + { + "type": 0, + "value": "所有人" + } + ], + "role.viewer": [ + { + "type": 0, + "value": "查看人" + } + ], + "share.add-button": [ + { + "type": 0, + "value": "添加" + } + ], + "share.add-message": [ + { + "type": 0, + "value": "添加消息" + } + ], + "share.can-edit": [ + { + "type": 0, + "value": "可编辑" + } + ], + "share.can-view": [ + { + "type": 0, + "value": "可查看" + } + ], + "share.delete": [ + { + "type": 0, + "value": "删除协作人" + } + ], + "share.delete-description": [ + { + "type": 0, + "value": "邀请人们与你合作创建你的思维导图。他们将通过电子邮件得到通知。" + } + ], + "share.delete-title": [ + { + "type": 0, + "value": "与人分享" + } + ], + "share.message": [ + { + "type": 0, + "value": "消息" + } + ] +} \ No newline at end of file From a6262ee5ffc57f68e18743355ccc17107ccd0b47 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Sun, 13 Mar 2022 23:36:43 -0300 Subject: [PATCH 32/32] Add node shoutcuts --- .../src/classes/menu/KeyboardShortcutDialog.js | 10 ++++++++++ .../mindplot/src/components/DesignerKeyboard.ts | 14 ++++++++++++++ packages/mindplot/src/components/lang/zh.js | 2 +- 3 files changed, 25 insertions(+), 1 deletion(-) diff --git a/packages/editor/src/classes/menu/KeyboardShortcutDialog.js b/packages/editor/src/classes/menu/KeyboardShortcutDialog.js index 58231d27..99e82694 100644 --- a/packages/editor/src/classes/menu/KeyboardShortcutDialog.js +++ b/packages/editor/src/classes/menu/KeyboardShortcutDialog.js @@ -126,6 +126,16 @@ class KeyboardShortcutDialog extends BootstrapDialog { Ctrl + b ⌘ + b + + ${$msg('TOPIC_NOTE')} + Ctrl + n + ⌘ + n + + + ${$msg('TOPIC_LINK')} + Ctrl + l + ⌘ + l +
`); diff --git a/packages/mindplot/src/components/DesignerKeyboard.ts b/packages/mindplot/src/components/DesignerKeyboard.ts index 0d146ef8..278de869 100644 --- a/packages/mindplot/src/components/DesignerKeyboard.ts +++ b/packages/mindplot/src/components/DesignerKeyboard.ts @@ -117,6 +117,20 @@ class DesignerKeyboard extends Keyboard { designer.copyToClipboard(); }, ); + this.addShortcut( + ['ctrl+l', 'meta+l'], (event: Event) => { + event.preventDefault(); + event.stopPropagation(); + designer.addLink(); + }, + ); + this.addShortcut( + ['ctrl+n', 'meta+n'], (event: Event) => { + event.preventDefault(); + event.stopPropagation(); + designer.addNote(); + }, + ); this.addShortcut( ['ctrl+v', 'meta+v'], (event: Event) => { event.preventDefault(); diff --git a/packages/mindplot/src/components/lang/zh.js b/packages/mindplot/src/components/lang/zh.js index 31adcd34..b4eb5c96 100644 --- a/packages/mindplot/src/components/lang/zh.js +++ b/packages/mindplot/src/components/lang/zh.js @@ -36,7 +36,7 @@ const ZH = { ONE_TOPIC_MUST_BE_SELECTED: '无法创建主题。必须选择一个主题。', ONLY_ONE_TOPIC_MUST_BE_SELECTED_COLLAPSE: '无法折叠子节点，必须只选择一个主题。', SAVE_COULD_NOT_BE_COMPLETED: '无法完成保存，请稍后再试。', - UNEXPECTED_ERROR_LOADING: "我们很抱歉，发生了意外错误。\n再次尝试重新加载编辑器。如果问题仍然存在，请联系我们support@wisemapping.com。", + UNEXPECTED_ERROR_LOADING: '我们很抱歉，发生了意外错误。\n再次尝试重新加载编辑器。如果问题仍然存在，请联系我们support@wisemapping.com。', MAIN_TOPIC: '重点主题', SUB_TOPIC: '子主题', ISOLATED_TOPIC: '独立主题',