diff --git a/packages/webapp/src/components/login-page/index.tsx b/packages/webapp/src/components/login-page/index.tsx
index 07dd54fc..742a621a 100644
--- a/packages/webapp/src/components/login-page/index.tsx
+++ b/packages/webapp/src/components/login-page/index.tsx
@@ -10,6 +10,7 @@ import FormContainer from '../layout/form-container';
import Typography from '@mui/material/Typography';
import FormControl from '@mui/material/FormControl';
import Link from '@mui/material/Link';
+import ReactGA from 'react-ga';
type ConfigStatusProps = {
enabled?: boolean;
@@ -68,7 +69,8 @@ const LoginPage = (): React.ReactElement => {
useEffect(() => {
document.title = intl.formatMessage({id:'login.page-title',defaultMessage:'Login | WiseMapping'});
- });
+ ReactGA.pageview(window.location.pathname + window.location.search);
+ },[]);
return (
diff --git a/packages/webapp/src/components/maps-page/index.tsx b/packages/webapp/src/components/maps-page/index.tsx
index 26d386cd..fe09229a 100644
--- a/packages/webapp/src/components/maps-page/index.tsx
+++ b/packages/webapp/src/components/maps-page/index.tsx
@@ -41,6 +41,8 @@ import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
import logoIcon from './logo-small.svg';
import poweredByIcon from './pwrdby-white.svg';
import LabelDeleteConfirm from './maps-list/label-delete-confirm';
+import ReactGA from 'react-ga';
+
export type Filter = GenericFilter | LabelFilter;
@@ -81,6 +83,7 @@ const MapsPage = (): ReactElement => {
id: 'maps.page-title',
defaultMessage: 'My Maps | WiseMapping',
});
+ ReactGA.pageview(window.location.pathname + window.location.search);
}, []);
const mutation = useMutation((id: number) => client.deleteLabel(id), {
@@ -261,14 +264,14 @@ const MapsPage = (): ReactElement => {
- { labelToDelete &&
setLabelToDelete(null)}
onConfirm={() => {
handleLabelDelete(labelToDelete);
setLabelToDelete(null);
}}
label={labels.find(l => l.id === labelToDelete)}
- /> }
+ />}
);
};
diff --git a/packages/webapp/src/components/registration-page/index.tsx b/packages/webapp/src/components/registration-page/index.tsx
index dc717785..ab737525 100644
--- a/packages/webapp/src/components/registration-page/index.tsx
+++ b/packages/webapp/src/components/registration-page/index.tsx
@@ -17,6 +17,7 @@ import SubmitButton from '../form/submit-button';
import Typography from '@mui/material/Typography';
import FormControl from '@mui/material/FormControl';
import AppConfig from '../../classes/app-config';
+import ReactGA from 'react-ga';
export type Model = {
email: string;
@@ -164,7 +165,8 @@ const RegistationPage = (): React.ReactElement => {
id: 'registration.page-title',
defaultMessage: 'Registration | WiseMapping',
});
- });
+ ReactGA.pageview(window.location.pathname + window.location.search);
+ },[]);
return (
From 94367c6e5e95412ff2bcddabc19d5f6d2b92bde8 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Wed, 16 Feb 2022 08:16:01 -0800
Subject: [PATCH 038/106] Add support for emails separated by , in share screen
---
packages/mindplot/src/components/MainTopic.ts | 7 ------
packages/mindplot/src/components/Topic.ts | 25 ++++++++++---------
.../src/classes/client/rest-client/index.ts | 2 +-
.../action-dispatcher/share-dialog/index.tsx | 6 ++---
4 files changed, 17 insertions(+), 23 deletions(-)
diff --git a/packages/mindplot/src/components/MainTopic.ts b/packages/mindplot/src/components/MainTopic.ts
index c5db2dd8..e39e80db 100644
--- a/packages/mindplot/src/components/MainTopic.ts
+++ b/packages/mindplot/src/components/MainTopic.ts
@@ -28,12 +28,6 @@ import SizeType from './SizeType';
class MainTopic extends Topic {
private INNER_RECT_ATTRIBUTES: { stroke: string; };
- /**
- * @extends mindplot.Topic
- * @constructs
- * @param model
- * @param options
- */
constructor(model: NodeModel, options) {
super(model, options);
this.INNER_RECT_ATTRIBUTES = { stroke: '0.5 solid #009900' };
@@ -88,7 +82,6 @@ class MainTopic extends Topic {
}
}
- /** */
disconnect(workspace: Workspace) {
super.disconnect(workspace);
const model = this.getModel();
diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts
index 42610289..76fd0ea2 100644
--- a/packages/mindplot/src/components/Topic.ts
+++ b/packages/mindplot/src/components/Topic.ts
@@ -44,6 +44,8 @@ import LayoutManager from './layout/LayoutManager';
import NoteModel from './model/NoteModel';
import LinkModel from './model/LinkModel';
import SizeType from './SizeType';
+import FeatureModel from './model/FeatureModel';
+import Icon from './Icon';
const ICON_SCALING_FACTOR = 1.3;
@@ -156,7 +158,6 @@ abstract class Topic extends NodeGraph {
}
}
- /** @return {String} topic shape type */
getShapeType(): string {
const model = this.getModel();
let result = model.getShapeType();
@@ -166,7 +167,7 @@ abstract class Topic extends NodeGraph {
return result;
}
- private _removeInnerShape() {
+ private _removeInnerShape(): ElementClass {
const group = this.get2DElement();
const innerShape = this.getInnerShape();
group.removeChild(innerShape);
@@ -303,7 +304,7 @@ abstract class Topic extends NodeGraph {
return this._text;
}
- getOrBuildIconGroup() {
+ getOrBuildIconGroup(): Group {
if (!$defined(this._iconsGroup)) {
this._iconsGroup = this._buildIconGroup();
const group = this.get2DElement();
@@ -341,7 +342,7 @@ abstract class Topic extends NodeGraph {
* @param {mindplot.model.FeatureModel} featureModel
* @return {mindplot.Icon} the icon corresponding to the feature model
*/
- addFeature(featureModel) {
+ addFeature(featureModel: FeatureModel): Icon {
const iconGroup = this.getOrBuildIconGroup();
this.closeEditors();
@@ -360,13 +361,13 @@ abstract class Topic extends NodeGraph {
}
/** */
- findFeatureById(id) {
+ findFeatureById(id: number) {
const model = this.getModel();
return model.findFeatureById(id);
}
/** */
- removeFeature(featureModel) {
+ removeFeature(featureModel: FeatureModel): void {
$assert(featureModel, 'featureModel could not be null');
// Removing the icon from MODEL
@@ -382,21 +383,21 @@ abstract class Topic extends NodeGraph {
}
/** */
- addRelationship(relationship) {
+ addRelationship(relationship: Relationship) {
this._relationships.push(relationship);
}
/** */
- deleteRelationship(relationship) {
+ deleteRelationship(relationship: Rect) {
this._relationships = this._relationships.filter((r) => r !== relationship);
}
/** */
- getRelationships() {
+ getRelationships(): Relationship[] {
return this._relationships;
}
- _buildTextShape(readOnly): Text {
+ protected _buildTextShape(readOnly: boolean): Text {
const result = new Text();
const family = this.getFontFamily();
const size = this.getFontSize();
@@ -420,7 +421,7 @@ abstract class Topic extends NodeGraph {
}
/** */
- setFontFamily(value, updateModel) {
+ setFontFamily(value: string, updateModel?: boolean) {
const textShape = this.getTextShape();
textShape.setFontName(value);
if ($defined(updateModel) && updateModel) {
@@ -431,7 +432,7 @@ abstract class Topic extends NodeGraph {
}
/** */
- setFontSize(value, updateModel) {
+ setFontSize(value: number, updateModel?: boolean) {
const textShape = this.getTextShape();
textShape.setSize(value);
diff --git a/packages/webapp/src/classes/client/rest-client/index.ts b/packages/webapp/src/classes/client/rest-client/index.ts
index 5fdd6285..bab11c5a 100644
--- a/packages/webapp/src/classes/client/rest-client/index.ts
+++ b/packages/webapp/src/classes/client/rest-client/index.ts
@@ -55,7 +55,7 @@ export default class RestClient implements Client {
.put(
`${this.baseUrl}/c/restful/maps/${id}/collabs/`,
{
- messasge: message,
+ message: message,
collaborations: permissions,
},
{ headers: { 'Content-Type': 'application/json' } }
diff --git a/packages/webapp/src/components/maps-page/action-dispatcher/share-dialog/index.tsx b/packages/webapp/src/components/maps-page/action-dispatcher/share-dialog/index.tsx
index 09b2ded9..e6d994cd 100644
--- a/packages/webapp/src/components/maps-page/action-dispatcher/share-dialog/index.tsx
+++ b/packages/webapp/src/components/maps-page/action-dispatcher/share-dialog/index.tsx
@@ -58,9 +58,9 @@ const ShareDialog = ({ mapId, onClose }: SimpleDialogProps): React.ReactElement
const addMutation = useMutation(
(model: ShareModel) => {
- const emails = model.emails.split("'");
- const permissions = emails.map((email) => {
- return { email: email, role: model.role };
+ const emails = model.emails.split(',');
+ const permissions = emails.map((email: string) => {
+ return { email: email.replace(/\s/g, ''), role: model.role };
});
return client.addMapPermissions(mapId, model.message, permissions);
},
From 246d4ed53850da7d3830191e66666df0ec2bcfcd Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Wed, 16 Feb 2022 12:43:53 -0800
Subject: [PATCH 039/106] Fix public view style
---
.../src/components/LocalStorageManager.ts | 3 +--
.../src/components/PersistenceManager.ts | 2 +-
.../src/components/RestPersistenceManager.ts | 4 +---
.../mindplot/src/components/widget/IMenu.ts | 6 ++++-
.../mindplot/src/components/widget/Menu.ts | 2 +-
.../publish-dialog/index.tsx | 24 +++++++++----------
6 files changed, 21 insertions(+), 20 deletions(-)
diff --git a/packages/mindplot/src/components/LocalStorageManager.ts b/packages/mindplot/src/components/LocalStorageManager.ts
index 84d2e47f..0945305d 100644
--- a/packages/mindplot/src/components/LocalStorageManager.ts
+++ b/packages/mindplot/src/components/LocalStorageManager.ts
@@ -16,7 +16,6 @@
* limitations under the License.
*/
import $ from 'jquery';
-import { Mindmap } from '..';
import PersistenceManager from './PersistenceManager';
class LocalStorageManager extends PersistenceManager {
@@ -64,7 +63,7 @@ class LocalStorageManager extends PersistenceManager {
return $.parseXML(xml);
}
- unlockMap(mindmap: Mindmap) {
+ unlockMap(): void {
// Ignore, no implementation required ...
}
}
diff --git a/packages/mindplot/src/components/PersistenceManager.ts b/packages/mindplot/src/components/PersistenceManager.ts
index d953580c..a56bb2c7 100644
--- a/packages/mindplot/src/components/PersistenceManager.ts
+++ b/packages/mindplot/src/components/PersistenceManager.ts
@@ -54,7 +54,7 @@ abstract class PersistenceManager {
abstract saveMapXml(mapId: string, mapXml: Document, pref?, saveHistory?: boolean, events?);
- abstract unlockMap(mindmap: Mindmap): void;
+ abstract unlockMap(mapId: string): void;
static init = (instance: PersistenceManager) => {
this._instance = instance;
diff --git a/packages/mindplot/src/components/RestPersistenceManager.ts b/packages/mindplot/src/components/RestPersistenceManager.ts
index b68410d4..4d734510 100644
--- a/packages/mindplot/src/components/RestPersistenceManager.ts
+++ b/packages/mindplot/src/components/RestPersistenceManager.ts
@@ -17,7 +17,6 @@
*/
import { $assert } from '@wisemapping/core-js';
import $ from 'jquery';
-import { Mindmap } from '..';
import { $msg } from './Messages';
import PersistenceManager from './PersistenceManager';
@@ -132,8 +131,7 @@ class RESTPersistenceManager extends PersistenceManager {
});
}
- unlockMap(mindmap: Mindmap) {
- const mapId = mindmap.getId();
+ unlockMap(mapId: string):void {
fetch(
this.lockUrl.replace('{id}', mapId),
{
diff --git a/packages/mindplot/src/components/widget/IMenu.ts b/packages/mindplot/src/components/widget/IMenu.ts
index d5941584..0ecfd5af 100644
--- a/packages/mindplot/src/components/widget/IMenu.ts
+++ b/packages/mindplot/src/components/widget/IMenu.ts
@@ -70,7 +70,11 @@ class IMenu {
unlockMap(designer: Designer) {
const mindmap = designer.getMindmap();
const persistenceManager = PersistenceManager.getInstance();
- persistenceManager.unlockMap(mindmap);
+
+ // If the map could not be loaded, partial map load could happen.
+ if (mindmap) {
+ persistenceManager.unlockMap(mindmap.getId());
+ }
}
save(saveElem: JQuery, designer: Designer, saveHistory: boolean) {
diff --git a/packages/mindplot/src/components/widget/Menu.ts b/packages/mindplot/src/components/widget/Menu.ts
index 15000e86..25ef72cb 100644
--- a/packages/mindplot/src/components/widget/Menu.ts
+++ b/packages/mindplot/src/components/widget/Menu.ts
@@ -57,7 +57,7 @@ class Menu extends IMenu {
return result;
},
- setValue(value) {
+ setValue(value: string) {
designer.changeFontFamily(value);
},
};
diff --git a/packages/webapp/src/components/maps-page/action-dispatcher/publish-dialog/index.tsx b/packages/webapp/src/components/maps-page/action-dispatcher/publish-dialog/index.tsx
index d532cdb2..365ca3d3 100644
--- a/packages/webapp/src/components/maps-page/action-dispatcher/publish-dialog/index.tsx
+++ b/packages/webapp/src/components/maps-page/action-dispatcher/publish-dialog/index.tsx
@@ -12,12 +12,12 @@ import FormControl from '@mui/material/FormControl';
import FormControlLabel from '@mui/material/FormControlLabel';
import Checkbox from '@mui/material/Checkbox';
import TabContext from '@mui/lab/TabContext';
-import AppBar from '@mui/material/AppBar';
import TabList from '@mui/lab/TabList';
import Tab from '@mui/material/Tab';
import TabPanel from '@mui/lab/TabPanel';
import Typography from '@mui/material/Typography';
import TextareaAutosize from '@mui/material/TextareaAutosize';
+import Box from '@mui/system/Box';
const PublishDialog = ({ mapId, onClose }: SimpleDialogProps): React.ReactElement => {
const { map } = fetchMapById(mapId);
@@ -100,25 +100,25 @@ const PublishDialog = ({ mapId, onClose }: SimpleDialogProps): React.ReactElemen
-
+
-
-
-
+
+
`}
/>
-
+
Date: Wed, 16 Feb 2022 12:52:32 -0800
Subject: [PATCH 040/106] Encode uri URL
---
packages/webapp/src/classes/client/rest-client/index.ts | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/packages/webapp/src/classes/client/rest-client/index.ts b/packages/webapp/src/classes/client/rest-client/index.ts
index bab11c5a..0cb227e6 100644
--- a/packages/webapp/src/classes/client/rest-client/index.ts
+++ b/packages/webapp/src/classes/client/rest-client/index.ts
@@ -35,7 +35,7 @@ export default class RestClient implements Client {
deleteMapPermission(id: number, email: string): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
axios
- .delete(`${this.baseUrl}/c/restful/maps/${id}/collabs?email=${email}`, {
+ .delete(`${this.baseUrl}/c/restful/maps/${id}/collabs?email=${encodeURIComponent(email)}`, {
headers: { 'Content-Type': 'text/plain' },
})
.then(() => {
@@ -181,7 +181,7 @@ export default class RestClient implements Client {
const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => {
axios
.post(
- `${this.baseUrl}/c/restful/maps?title=${model.title}&description=${model.description ? model.description : ''
+ `${this.baseUrl}/c/restful/maps?title=${encodeURIComponent(model.title)}&description=${model.description ? model.description : ''
}`,
model.content,
{ headers: { 'Content-Type': 'application/xml' } }
@@ -426,7 +426,7 @@ export default class RestClient implements Client {
resetPassword(email: string): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
axios
- .put(`${this.baseUrl}/service/users/resetPassword?email=${email}`, null, {
+ .put(`${this.baseUrl}/service/users/resetPassword?email=${encodeURIComponent(email)}`, null, {
headers: { 'Content-Type': 'application/json' },
})
.then(() => {
From a0f3d5e870e3b4c9bfaee9fe511ee98985e2d234 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Wed, 16 Feb 2022 18:36:43 -0800
Subject: [PATCH 041/106] v5.0.5
---
packages/mindplot/package.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/mindplot/package.json b/packages/mindplot/package.json
index 8dd6af0b..f5cb3211 100644
--- a/packages/mindplot/package.json
+++ b/packages/mindplot/package.json
@@ -1,6 +1,6 @@
{
"name": "@wisemapping/mindplot",
- "version": "5.0.4",
+ "version": "5.0.5",
"description": "WiseMapping - Mindplot Canvas Library",
"homepage": "http://www.wisemapping.org/",
"directories": {
From d5b5b343d1185dd1429fbc293b79fafeb8ab1982 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Wed, 16 Feb 2022 18:37:00 -0800
Subject: [PATCH 042/106] v5.0.5
---
packages/webapp/package.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 5e7a9f0f..d8077a30 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -1,6 +1,6 @@
{
"name": "@wisemapping/webapp",
- "version": "5.0.4",
+ "version": "5.0.5",
"main": "app.jsx",
"scripts": {
"start": "webpack serve --config webpack.dev.js ",
From 9b45ec7b414410fb58018c9dec008cff563fbd82 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Wed, 16 Feb 2022 18:37:22 -0800
Subject: [PATCH 043/106] v5.0.6
---
packages/webapp/package.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index d8077a30..a6d86dd2 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -1,6 +1,6 @@
{
"name": "@wisemapping/webapp",
- "version": "5.0.5",
+ "version": "5.0.6",
"main": "app.jsx",
"scripts": {
"start": "webpack serve --config webpack.dev.js ",
From 2a43f3310f8089e1e633ea7dbdf4b6434af7023c Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Wed, 16 Feb 2022 22:24:41 -0800
Subject: [PATCH 044/106] Clean up multitext editor
---
.../src/components/LocalStorageManager.ts | 2 +-
...neTextEditor.js => MultilineTextEditor.ts} | 146 ++++++------------
packages/mindplot/src/components/Topic.ts | 2 +-
...tDispatcher.js => TopicEventDispatcher.ts} | 40 +++--
4 files changed, 77 insertions(+), 113 deletions(-)
rename packages/mindplot/src/components/{MultilineTextEditor.js => MultilineTextEditor.ts} (61%)
rename packages/mindplot/src/components/{TopicEventDispatcher.js => TopicEventDispatcher.ts} (75%)
diff --git a/packages/mindplot/src/components/LocalStorageManager.ts b/packages/mindplot/src/components/LocalStorageManager.ts
index 0945305d..49c2dd79 100644
--- a/packages/mindplot/src/components/LocalStorageManager.ts
+++ b/packages/mindplot/src/components/LocalStorageManager.ts
@@ -29,7 +29,7 @@ class LocalStorageManager extends PersistenceManager {
this.forceLoad = forceLoad;
}
- saveMapXml(mapId: string, mapDoc: Document, pref = null, events = null): void {
+ saveMapXml(mapId: string, mapDoc: Document): void {
const mapXml = new XMLSerializer().serializeToString(mapDoc);
localStorage.setItem(`${mapId}-xml`, mapXml);
}
diff --git a/packages/mindplot/src/components/MultilineTextEditor.js b/packages/mindplot/src/components/MultilineTextEditor.ts
similarity index 61%
rename from packages/mindplot/src/components/MultilineTextEditor.js
rename to packages/mindplot/src/components/MultilineTextEditor.ts
index ea760350..8ff507c0 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.js
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -21,17 +21,21 @@ import $ from 'jquery';
import initHotKeyPluggin from '../../../../libraries/jquery.hotkeys';
import Events from './Events';
import ActionDispatcher from './ActionDispatcher';
+import Topic from './Topic';
initHotKeyPluggin($);
class MultilineTextEditor extends Events {
+ private _topic: Topic;
+
+ private _containerElem: JQuery;
+
constructor() {
super();
this._topic = null;
- this._timeoutId = -1;
}
- static _buildEditor() {
+ private static _buildEditor() {
const result = $('
')
.attr('id', 'textContainer')
.css({
@@ -54,25 +58,19 @@ class MultilineTextEditor extends Events {
return result;
}
- _registerEvents(containerElem) {
+ private _registerEvents(containerElem: JQuery) {
const textareaElem = this._getTextareaElem();
- const me = this;
- let start;
- let end;
- textareaElem.on('keydown', function keydown(event) {
- switch ($.hotkeys.specialKeys[event.keyCode]) {
+ textareaElem.on('keydown', (event) => {
+ const j: any = $;
+ switch (j.hotkeys.specialKeys[event.keyCode]) {
case 'esc':
- me.close(false);
+ this.close(false);
break;
- case 'enter':
+ case 'enter': {
if (event.metaKey || event.ctrlKey) {
// Add return ...
- const text = textareaElem.val();
- let cursorPosition = text.length;
- if (textareaElem.selectionStart) {
- cursorPosition = textareaElem.selectionStart;
- }
-
+ const text = this._getTextAreaText();
+ const cursorPosition = text.length;
const head = text.substring(0, cursorPosition);
let tail = '';
if (cursorPosition < text.length) {
@@ -80,31 +78,12 @@ class MultilineTextEditor extends Events {
}
textareaElem.val(`${head}\n${tail}`);
- // Position cursor ...
- if (textareaElem[0].setSelectionRange) {
- textareaElem.focus();
- textareaElem[0].setSelectionRange(cursorPosition + 1, cursorPosition + 1);
- } else if (textareaElem.createTextRange) {
- const range = textareaElem.createTextRange();
- range.moveStart('character', cursorPosition + 1);
- range.select();
- }
+ textareaElem.focus();
+ textareaElem[0].setSelectionRange(cursorPosition + 1, cursorPosition + 1);
} else {
- me.close(true);
+ this.close(true);
}
break;
- case 'tab': {
- event.preventDefault();
- start = $(this).get(0).selectionStart;
- end = $(this).get(0).selectionEnd;
-
- // set textarea value to: text before caret + tab + text after caret
- $(this).val(`${$(this).val().substring(0, start)}\t${$(this).val().substring(end)}`);
-
- // put caret at right position again
- $(this).get(0).selectionEnd = start + 1;
- $(this).get(0).selectionStart = $(this).get(0).selectionEnd;
- break;
}
default:
// No actions...
@@ -118,9 +97,9 @@ class MultilineTextEditor extends Events {
});
textareaElem.on('keyup', (event) => {
- const text = me._getTextareaElem().val();
- me.fireEvent('input', [event, text]);
- me._adjustEditorSize();
+ const text = this._getTextareaElem().val();
+ this.fireEvent('input', [event, text]);
+ this._adjustEditorSize();
});
// If the user clicks on the input, all event must be ignored ...
@@ -135,14 +114,16 @@ class MultilineTextEditor extends Events {
});
}
- _adjustEditorSize() {
+ private _adjustEditorSize() {
if (this.isVisible()) {
const textElem = this._getTextareaElem();
- const lines = textElem.val().split('\n');
+ const lines = this._getTextAreaText().split('\n');
let maxLineLength = 1;
lines.forEach((line) => {
- if (maxLineLength < line.length) maxLineLength = line.length;
+ if (maxLineLength < line.length) {
+ maxLineLength = line.length;
+ }
});
textElem.attr('cols', maxLineLength);
@@ -155,13 +136,13 @@ class MultilineTextEditor extends Events {
}
}
- isVisible() {
+ isVisible(): boolean {
return $defined(this._containerElem) && this._containerElem.css('display') === 'block';
}
- _updateModel() {
- if (this._topic.getText() !== this._getText()) {
- const text = this._getText();
+ private _updateModel() {
+ if (this._topic.getText() !== this._getTextAreaText()) {
+ const text = this._getTextAreaText();
const topicId = this._topic.getId();
const actionDispatcher = ActionDispatcher.getInstance();
@@ -169,7 +150,7 @@ class MultilineTextEditor extends Events {
}
}
- show(topic, text) {
+ show(topic: Topic, text: string): void {
// Close a previous node editor if it's opened ...
if (this._topic) {
this.close(false);
@@ -187,7 +168,7 @@ class MultilineTextEditor extends Events {
}
}
- _showEditor(defaultText) {
+ private _showEditor(defaultText: string) {
const topic = this._topic;
// Hide topic text ...
@@ -199,32 +180,26 @@ class MultilineTextEditor extends Events {
fontStyle.size = nodeText.getHtmlFontSize();
fontStyle.color = nodeText.getColor();
this._setStyle(fontStyle);
- const me = this;
// Set editor's initial size
- const displayFunc = function displayFunc() {
- // Position the editor and set the size...
- const textShape = topic.getTextShape();
+ // Position the editor and set the size...
+ const textShape = topic.getTextShape();
- me._containerElem.css('display', 'block');
+ this._containerElem.css('display', 'block');
- // FIXME: Im not sure if this is best way...
- const shapePosition = textShape.getNativePosition();
- me._containerElem.offset(shapePosition);
+ const shapePosition = textShape.getNativePosition();
+ this._containerElem.offset(shapePosition);
- // Set editor's initial text ...
- const text = $defined(defaultText) ? defaultText : topic.getText();
- me._setText(text);
+ // Set editor's initial text ...
+ const text = $defined(defaultText) ? defaultText : topic.getText();
+ this._setText(text);
- // Set the element focus and select the current text ...
- const inputElem = me._getTextareaElem();
- me._positionCursor(inputElem, !$defined(defaultText));
- };
-
- this._timeoutId = setTimeout(() => displayFunc(), 10);
+ // Set the element focus and select the current text ...
+ const inputElem = this._getTextareaElem();
+ this._positionCursor(inputElem, !$defined(defaultText));
}
- _setStyle(fontStyle) {
+ private _setStyle(fontStyle) {
const inputField = this._getTextareaElem();
// allowed param reassign to avoid risks of existing code relying in this side-effect
/* eslint-disable no-param-reassign */
@@ -252,51 +227,33 @@ class MultilineTextEditor extends Events {
this._containerElem.css(style);
}
- _setText(text) {
+ private _setText(text: string) {
const textareaElem = this._getTextareaElem();
textareaElem.val(text);
this._adjustEditorSize();
}
- _getText() {
- return this._getTextareaElem().val();
+ private _getTextAreaText(): string {
+ return this._getTextareaElem().val() as string;
}
- _getTextareaElem() {
+ private _getTextareaElem(): JQuery {
return this._containerElem.find('textarea');
}
- _positionCursor(textareaElem, selectText) {
+ private _positionCursor(textareaElem: JQuery, selectText: boolean) {
textareaElem.focus();
- const lengh = textareaElem.val().length;
+ const lengh = this._getTextAreaText().length;
if (selectText) {
// Mark text as selected ...
- if (textareaElem.createTextRange) {
- const rang = textareaElem.createTextRange();
- rang.select();
- rang.move('character', lengh);
- } else {
- textareaElem[0].setSelectionRange(0, lengh);
- }
- } else if (textareaElem.createTextRange) {
- const range = textareaElem.createTextRange();
- range.move('character', lengh);
+ textareaElem[0].setSelectionRange(0, lengh);
} else {
- // allowed param reassign to avoid risks of existing code relying in this side-effect
- /* eslint-disable no-param-reassign */
- textareaElem.selectionStart = lengh;
- textareaElem.selectionEnd = lengh;
- /* eslint-enable no-param-reassign */
-
textareaElem.focus();
}
}
- close(update) {
+ close(update: boolean): void {
if (this.isVisible() && this._topic) {
- // Update changes ...
- clearTimeout(this._timeoutId);
-
if (!$defined(update) || update) {
this._updateModel();
}
@@ -307,7 +264,6 @@ class MultilineTextEditor extends Events {
// Remove it form the screen ...
this._containerElem.remove();
this._containerElem = null;
- this._timeoutId = -1;
}
this._topic = null;
}
diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts
index 76fd0ea2..0f457fc9 100644
--- a/packages/mindplot/src/components/Topic.ts
+++ b/packages/mindplot/src/components/Topic.ts
@@ -1268,7 +1268,7 @@ abstract class Topic extends NodeGraph {
}
// If a drag node is create for it, let's hide the editor.
- this._getTopicEventDispatcher().close();
+ this._getTopicEventDispatcher().close(false);
return result;
}
diff --git a/packages/mindplot/src/components/TopicEventDispatcher.js b/packages/mindplot/src/components/TopicEventDispatcher.ts
similarity index 75%
rename from packages/mindplot/src/components/TopicEventDispatcher.js
rename to packages/mindplot/src/components/TopicEventDispatcher.ts
index 427ae252..7ed00151 100644
--- a/packages/mindplot/src/components/TopicEventDispatcher.js
+++ b/packages/mindplot/src/components/TopicEventDispatcher.ts
@@ -19,6 +19,7 @@ import { $assert } from '@wisemapping/core-js';
import Events from './Events';
import MultilineTextEditor from './MultilineTextEditor';
import { TopicShape } from './model/INodeModel';
+import Topic from './Topic';
const TopicEvent = {
EDIT: 'editnode',
@@ -26,30 +27,39 @@ const TopicEvent = {
};
class TopicEventDispatcher extends Events {
- constructor(readOnly) {
+ private _readOnly: boolean;
+
+ private _activeEditor: MultilineTextEditor;
+
+ private _multilineEditor: MultilineTextEditor;
+
+ // eslint-disable-next-line no-use-before-define
+ static _instance: TopicEventDispatcher;
+
+ constructor(readOnly: boolean) {
super();
this._readOnly = readOnly;
this._activeEditor = null;
this._multilineEditor = new MultilineTextEditor();
}
- close(update) {
+ close(update: boolean): void {
if (this.isVisible()) {
this._activeEditor.close(update);
this._activeEditor = null;
}
}
- show(topic, options) {
+ show(topic: Topic, options?): void {
this.process(TopicEvent.EDIT, topic, options);
}
- process(eventType, topic, options) {
+ process(eventType: string, topic: Topic, options?): void {
$assert(eventType, 'eventType can not be null');
// Close all previous open editor ....
if (this.isVisible()) {
- this.close();
+ this.close(false);
}
// Open the new editor ...
@@ -66,20 +76,18 @@ class TopicEventDispatcher extends Events {
}
}
- isVisible() {
+ isVisible(): boolean {
return this._activeEditor != null && this._activeEditor.isVisible();
}
+
+ static configure(readOnly: boolean): void {
+ this._instance = new TopicEventDispatcher(readOnly);
+ }
+
+ static getInstance(): TopicEventDispatcher {
+ return this._instance;
+ }
}
-TopicEventDispatcher._instance = null;
-
-TopicEventDispatcher.configure = function configure(readOnly) {
- this._instance = new TopicEventDispatcher(readOnly);
-};
-
-TopicEventDispatcher.getInstance = function getInstance() {
- return this._instance;
-};
-
export { TopicEvent };
export default TopicEventDispatcher;
From df7d53eacd96c3c6c8b9180fa90f5f507f4b9dc4 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Thu, 17 Feb 2022 11:25:36 -0800
Subject: [PATCH 045/106] Improve text exporter adding notes.
---
.../src/components/MultilineTextEditor.ts | 2 +-
.../src/components/export/TxtExporter.ts | 14 ++-
packages/mindplot/test/unit/export/Helper.ts | 2 +-
.../test/unit/export/expected/bug2.txt | 6 +
.../test/unit/export/expected/bug3.txt | 30 +++++
.../unit/export/expected/cdata-support.txt | 11 ++
.../test/unit/export/expected/complex.txt | 109 +++++++++++++++++-
.../test/unit/export/expected/emptyNodes.txt | 1 +
.../test/unit/export/expected/enc.txt | 2 +
.../test/unit/export/expected/i18n2.txt | 1 +
.../test/unit/export/expected/npe.txt | 12 +-
.../test/unit/export/expected/process.txt | 3 +-
.../test/unit/export/expected/welcome.txt | 12 +-
13 files changed, 186 insertions(+), 19 deletions(-)
diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts
index 8ff507c0..beddbe93 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.ts
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -227,7 +227,7 @@ class MultilineTextEditor extends Events {
this._containerElem.css(style);
}
- private _setText(text: string) {
+ private _setText(text: string): void {
const textareaElem = this._getTextareaElem();
textareaElem.val(text);
this._adjustEditorSize();
diff --git a/packages/mindplot/src/components/export/TxtExporter.ts b/packages/mindplot/src/components/export/TxtExporter.ts
index f333f319..0e1e0e96 100644
--- a/packages/mindplot/src/components/export/TxtExporter.ts
+++ b/packages/mindplot/src/components/export/TxtExporter.ts
@@ -18,6 +18,7 @@
import { Mindmap } from '../..';
import INodeModel from '../model/INodeModel';
import LinkModel from '../model/LinkModel';
+import NoteModel from '../model/NoteModel';
import Exporter from './Exporter';
class TxtExporter extends Exporter {
@@ -32,26 +33,29 @@ class TxtExporter extends Exporter {
const { mindmap } = this;
const branches = mindmap.getBranches();
- const txtStr = this.traverseBranch('', branches);
+ const txtStr = this.traverseBranch('', '', branches);
return Promise.resolve(txtStr);
}
- private traverseBranch(prefix: string, branches: INodeModel[]) {
+ private traverseBranch(indent: string, prefix: string, branches: INodeModel[]) {
let result = '';
branches
.filter((n) => n.getText() !== undefined)
.forEach((node, index) => {
- result = `${result}${prefix}${index + 1} ${node.getText()}`;
+ result = `${result}${indent}${prefix}${index + 1} ${node.getText()}`;
node.getFeatures().forEach((f) => {
const type = f.getType();
if (type === 'link') {
- result = `${result} [link: ${(f as LinkModel).getUrl()}]`;
+ result = `${result}\n ${indent} [Link: ${(f as LinkModel).getUrl()}]`;
+ }
+ if (type === 'note') {
+ result = `${result}\n${indent} [Note: ${(f as NoteModel).getText()}]`;
}
});
result = `${result}\n`;
if (node.getChildren().filter((n) => n.getText() !== undefined).length > 0) {
- result += this.traverseBranch(`\t${prefix}${index + 1}.`, node.getChildren());
+ result += this.traverseBranch(`\t${indent}`, `${prefix}${index + 1}.`, node.getChildren());
}
});
return result;
diff --git a/packages/mindplot/test/unit/export/Helper.ts b/packages/mindplot/test/unit/export/Helper.ts
index 244058d7..124ed086 100644
--- a/packages/mindplot/test/unit/export/Helper.ts
+++ b/packages/mindplot/test/unit/export/Helper.ts
@@ -22,7 +22,7 @@ import { diff } from 'jest-diff';
import { expect } from '@jest/globals';
import Exporter from '../../../src/components/export/Exporter';
-const saveOutputRecord = false;
+const saveOutputRecord = true;
export const setupBlob = () => {
// Workaround for partial implementations on Jest:
diff --git a/packages/mindplot/test/unit/export/expected/bug2.txt b/packages/mindplot/test/unit/export/expected/bug2.txt
index a9c943b0..426423e8 100644
--- a/packages/mindplot/test/unit/export/expected/bug2.txt
+++ b/packages/mindplot/test/unit/export/expected/bug2.txt
@@ -24,6 +24,12 @@
1.12 Actividades centradas en el contexto cercano
1.13 Flexibilidad en el uso de las lenguas de trabajo (inglés, castellano, esukara?)
1.14 Complementamos el trabajo de la escuela
+ [Note: Todos los contenidos de los talleres están relacionados con el currículo de la enseñanza básica.
+A diferencia de la práctica tradicional, pretendemos ahondar en el conocimiento partiendo de lo que realmente interesa al niño o niña,
+ayudándole a que encuentre respuesta a las preguntas que él o ella se plantea.
+
+Por ese motivo, SaberMás proyecta estar al lado de los niños que necesitan una motivación extra para entender la escuela y fluir en ella,
+ y también al lado de aquellos a quienes la curiosidad y las ganas de saber les lleva más allá.]
1.14.1 Cada uno va a su ritmo, y cada cual pone sus límites
1.14.2 Aprendemos todos de todos
1.14.3 Valoramos lo que hemos aprendido
diff --git a/packages/mindplot/test/unit/export/expected/bug3.txt b/packages/mindplot/test/unit/export/expected/bug3.txt
index 56e3d0a9..99806130 100644
--- a/packages/mindplot/test/unit/export/expected/bug3.txt
+++ b/packages/mindplot/test/unit/export/expected/bug3.txt
@@ -1,13 +1,16 @@
1 Indicator needs
1.1 Which new measures
+ [Note: Identifying new measures or investments that should be implemented.]
1.1.1 Landscape of measures
1.1.1.1 Diversity index of innovation support instruments in the region
+ [Note: Number of different innovations policy instruments existing in the region as a share of a total number representing a full typology of instruments]
1.1.1.2 Existing investments in measures
1.1.2 What other regions do differently
1.1.2.1 Balance of measure index
1.1.2.2 Profile comparison with other regions
1.1.2.3 Number of specific types of measures per capita
1.2 How to design & implement measures
+ [Note: Understanding how to design the details of a particular measure and how to implement them.]
1.2.1 Good practices
1.2.2 Diagnostics
1.2.2.1 Internal business innovation factors
@@ -34,7 +37,9 @@ highly cited scientific article in the whole Federation)
1.2.2.2.13 Number of innovative companies to the number of researchers
1.2.2.2.14 Volume of license agreements to the volume of R&D support from the regional budget
1.3 How much effort: where & how
+ [Note: Understanding the level of effort the region needs to take to compete on innovation and where to put this effort]
1.3.1 The bottom-line
+ [Note: This is what policy makers care about in the end]
1.3.1.1 Wages
1.3.1.1.1 Dynamics of real wages
1.3.1.1.2 Average wage (compare to the Fed)
@@ -54,13 +59,17 @@ highly cited scientific article in the whole Federation)
1.3.2.1.3 Manufacturing value added per capita (non-natural resource-based)
1.3.2.2 The enabling environment
1.3.2.2.1 Ease of doing business
+ [Note: WB]
1.3.2.2.1.1 Level of administrative barriers (number and cost of administrative procedures)
1.3.2.2.2 Competition index
+ [Note: GCR]
1.3.2.2.3 Workforce
1.3.2.2.3.1 Quality of education
+ [Note: GCR]
1.3.2.2.3.1.1 Inrease in the number of International students
1.3.2.2.3.2 Quantity of education
1.3.2.2.3.2.1 Participation in life-long learning
+ [Note: per 100 population aged 25-64]
1.3.2.2.3.2.2 Increase in literarecy
1.3.2.2.3.2.3 Amount of university and colleague
students per 10 thousands population
@@ -71,6 +80,7 @@ the total amount of population at the working age
1.3.2.2.3.2.7 Access to training, information, and consulting support
1.3.2.2.3.3 Science & engineering workforce
1.3.2.2.3.3.1 Availability of scientists and engineers
+ [Note: GCR]
1.3.2.2.3.3.2 Amount of researches per 10 thousands population
1.3.2.2.3.3.3 Average wage of researches per average wage in the region
1.3.2.2.3.3.4 Share of researchers in the total number of employees in the region
@@ -89,6 +99,7 @@ the total amount of population at the working age
1.3.2.2.5.2.2 Number of Business Angels
1.3.2.2.6 ICT
1.3.2.2.6.1 ICT use
+ [Note: GCR]
1.3.2.2.6.2 Broadband penetration
1.3.2.2.6.3 Internet penetration
1.3.2.2.6.4 Computer literacy
@@ -98,11 +109,13 @@ the total amount of population at the working age
1.3.2.3.1.1.1 foreign JVs
1.3.2.3.1.1.2 Inflow of foreign direct investments in high-technology industries
1.3.2.3.1.1.3 Foreign direct investment jobs
+ [Note: : the percentage of the workforce employed by foreign companies [%]. ]
1.3.2.3.1.1.4 FDI as a share of regional non natural resource-based GRP
1.3.2.3.1.1.5 Number of foreign subsidiaries operating in the region
1.3.2.3.1.1.6 Share of foreign controlled enterprises
1.3.2.3.1.2 Exports
1.3.2.3.1.2.1 Export intensity in manufacturing and services
+ [Note: : exports as a share of total output in manufacturing and services [%].]
1.3.2.3.1.2.2 Share of high-technology export in the total volume
of production of goods, works and services
1.3.2.3.1.2.3 Share of innovation production/serivces that goes for export,
@@ -110,12 +123,17 @@ by zones (EU, US, CIS, other countries
1.3.2.3.1.3 Share of high-technology products in government procurements
1.3.2.3.2 Entrepreneurship culture
1.3.2.3.2.1 Fear of failure rate
+ [Note: GEM]
1.3.2.3.2.2 Entrepreneurship as desirable career choice
+ [Note: GEM]
1.3.2.3.2.3 High Status Successful Entrepreneurship
+ [Note: GEM]
1.3.2.3.3 Collaboration & partnerships
1.3.2.3.3.1 Number of business contracts with foreign partners for R&D collaboration
1.3.2.3.3.2 Share of R&D financed from foreign sources
+ [Note: UNESCO]
1.3.2.3.3.3 Firms collaborating on innovation with organizations in other countries
+ [Note: CIS]
1.3.2.3.3.4 Share of Innovative companies collaborating
with research institutions on innovation
1.3.2.3.3.5 Number of joint projects conducted by the local comapnies
@@ -123,6 +141,7 @@ with research institutions on innovation
1.3.2.3.3.6 science and industry links
1.3.2.3.4 Technology absorption
1.3.2.3.4.1 Local supplier quality
+ [Note: GCR]
1.3.2.3.4.2 Share of expenditures on technological innovations
in the amount of sales
1.3.2.3.4.3 Number of purchased new technologies
@@ -137,6 +156,7 @@ in the amount of sales
1.3.2.3.5.1 Share of innovative companies
1.3.2.3.5.2 Business R&D expenditures per GRP
1.3.2.3.5.3 Factors hampering innovation
+ [Note: CIS, BEEPS]
1.3.2.3.5.4 Expenditure on innovation by firm size
1.3.2.3.5.5 R&D and other intellectl property products
1.3.2.3.5.6 Growth of the number of innovative companies
@@ -147,7 +167,9 @@ in the amount of sales
1.3.2.3.5.7.4 Volume of innovation production per capita
1.3.2.3.6 Entrepreneurial activities
1.3.2.3.6.1 New business density
+ [Note: Number of new organizations per thousand working age population (WBI)]
1.3.2.3.6.2 Volume of newly registered corporations
+ [Note: (as a percentage of all registered corporations)]
1.3.2.3.6.3 Share of gazelle companies in the total number of businesses
1.3.2.3.7 R&D production
1.3.2.3.7.1 Outputs
@@ -185,6 +207,7 @@ and large companies by university size
1.3.2.4.1.3.2 Number of foreign patents granted per staff
1.3.2.4.1.4 Supportive measures
1.3.2.4.1.4.1 Diversity index of university entrepreneurship support measures
+ [Note: Number of measures offered by the unversity within a preset range (NCET2 survey)]
1.3.2.4.1.5 Commercialization
1.3.2.4.1.5.1 Licensing
1.3.2.4.1.5.1.1 Academic licenses: Number of licenses
@@ -203,7 +226,9 @@ of total institutional budget (up to a cap)
1.3.2.4.1.5.3.5 Difficulties faced by research organization in collaborating with SMEs
1.3.2.4.2 Private market
1.3.2.4.2.1 Number of innovation & IP services organizations
+ [Note: (design firms, IP consultants, etc.)]
1.3.2.4.2.2 Number of private innovation infrastructure organizations
+ [Note: (e.g. accelerators, incubators)]
1.3.2.4.2.3 Access to certification and licensing for specific activities
1.3.2.4.2.4 Access to suppliers of equipment, production and engineering services
1.3.2.4.3 Innovation infrastructure
@@ -215,11 +240,14 @@ of total institutional budget (up to a cap)
1.3.2.4.3.1.5 Volume of venture financing from the regional budget
1.3.2.4.3.2 Volume of state support per one company
1.4 What to do about existing measures
+ [Note: Understanding which measures should be strengthened, dropped or improved, and how.]
1.4.1 Demand for measure
1.4.1.1 Quality of beneficiaries
1.4.1.1.1 Growth rates of employment in supported innovative firms
1.4.1.1.2 Growth rates of employment in supported innovative firms
1.4.1.1.3 Role of IP for tenants/clients
+ [Note: WIPO SURVEY OF INTELLECTUAL PROPERTY SERVICES OF
+EUROPEAN TECHNOLOGY INCUBATORS]
1.4.1.1.4 Share of tenants with innovation activities
1.4.1.1.5 Gazelle tenant: Share of tenants with
annual revenue growth of more than 20%
@@ -247,6 +275,7 @@ select and apply for regional and federal support schemes
1.4.1.4.4 Increase in the number of start-ups applying for a place in the incubators
1.4.2 Inputs of measures
1.4.2.1 Qualified staff
+ [Note: JL: not sure how this would be measured]
1.4.2.2 Budget per beneficiary
1.4.3 Performance of measure
1.4.3.1 Implementation of measure
@@ -275,6 +304,7 @@ several programs with different leverage)
1.4.4.5 Volume of attracted money per one ruble
of regional budget expenditures on innovation projects
1.5 What investments in innovative projects
+ [Note: Understanding what investments should be made in innovative projects.]
1.5.1 Competitive niches
1.5.1.1 Clusters behavior
1.5.1.1.1 Cluster EU star rating
diff --git a/packages/mindplot/test/unit/export/expected/cdata-support.txt b/packages/mindplot/test/unit/export/expected/cdata-support.txt
index 2a4c9589..dbeb38e6 100644
--- a/packages/mindplot/test/unit/export/expected/cdata-support.txt
+++ b/packages/mindplot/test/unit/export/expected/cdata-support.txt
@@ -1,11 +1,22 @@
1 Observation
+ [Note: Always ask ]
2 Data Analysis
+ [Note: You always check your data to see if it is correct and then you check it and organize the data that you have to make sure that it is right ]
3 Organizing Data
+ [Note: Organize your data when you are doing an experiment ]
4 Questions
+ [Note: Always ask your self a question when analysis the data it is a good idea to do.]
5 Hypothesis
+ [Note: You make your hypothesis when you are making your observation.]
6 Experiment
+ [Note: Always analysis your data and keep it in order when you are doing an experiment.]
7 Variable
+ [Note: A major factor that can change the outcome in an experiment.]
8 Independent Variable
+ [Note: When you change it you the see affect or the aftermath of what happened ]
9 Control Group
+ [Note: A test That can be compared ]
10 Dependent Variable
+ [Note: Changes the outcome of the other variables]
11 Constant
+ [Note: Doesnt Change at all maybe once and a while but never that often]
diff --git a/packages/mindplot/test/unit/export/expected/complex.txt b/packages/mindplot/test/unit/export/expected/complex.txt
index e08f33ea..2eaf12e6 100644
--- a/packages/mindplot/test/unit/export/expected/complex.txt
+++ b/packages/mindplot/test/unit/export/expected/complex.txt
@@ -1,12 +1,15 @@
1 PPM Plan
1.1 Business Development
- 1.2 Backlog Management [link: https://docs.google.com/a/freeform.ca/drawings/d/1mrtkVAN3_XefJJCgfxw4Va6xk9TVDBKXDt_uzyIF4Us/edit]
+ 1.2 Backlog Management
+ [Link: https://docs.google.com/a/freeform.ca/drawings/d/1mrtkVAN3_XefJJCgfxw4Va6xk9TVDBKXDt_uzyIF4Us/edit]
1.3 Freeform IT
1.4 Client Project Management
1.5 Governance & Executive
1.6 Finance
1.7 Administration
1.8 Human Resources
+ [Note: HR Vision: Freeform Solutions is successful at its mission, sustainable as an organization AND is a great place to work.
+HR Mission: To provide a positive HR service experience for applicants and employees, and collaborate with departments to recruit, develop, support, and retain diverse and talented employees who are the key to Freeform’s reputation and success.]
1.9 Freeform Hosting
1.10 Community Outreach
1.11 R&D
@@ -14,30 +17,74 @@
1.11.2 Formulize
1.12 Probono
2 Strategy 2: Talent Development
+ [Note: Strategy #2: Support the talent development of our employees through professional development and learning and through improved performance management.]
2.1 Strategic Priority 2a: Personal Plans
+ [Note: Each employee will have a personal Professional Development Plan. ]
2.2 Strategic Priority 2b: External learning matches organ. goals
+ [Note: Each department of Freeform will identify areas that need development to meet overall FS goals. Eg. Project Manager may identify needed improvement in a development tool. Or... Bus. Dev. may identify a new need in NFP that FS could fill within mandate, if training were provided. Professional Dev. priority will be given to proposals for development with clear ROIs.]
2.3 Strategic Priority 2c: Learning Environment
+ [Note: Learning and innovation are an essential part of providing the best solutions to NFPs. Cost effective internal learning and time to explore innovation will be encouraged, provided they conform with organization goal and clear ROI is demonstrated.]
2.4 So That...
+ [Note: (So that... our employees have improved skills and knowledge, So that... they are highly competent and can work well in agile teams and feel fulfilled and self actualized... So that we can so the best work possible, for the least cost, in the shortest time for other NFPs, So that... NFPs can help those who need it.)]
3 Strategy 4: Inclusive, Positive Environment
+ [Note: Strategy #4: Foster a diverse, inclusive community with a positive work environment.]
3.1 Strategic Priority 4a:Feedback
+ [Note: Conduct regular organizational feedback assessments and collaborate to improve the work climate]
3.2 Strategic Priority 4b: Anti Harassment
+ [Note: Educate employees on the prevention of harassment and discrimination and productive ways to resolve conflict]
3.3 Strategic Priority 4c: Diversity
+ [Note: Insure we promote our commitment to diversity and non-discrimination through our actions and in our outreach and employee recruitment efforts]
3.4 So That...
+ [Note: (So that... we can reflect the diverse populations we serve AND ensure everyone feels safe, respected and included, So that... we better serve our diverse client organizations AND we are a great place to work )]
4 Strategy 1: Recruit & Retain
+ [Note: Recruit and retain top talent commensurate with identified organizational capacity requirements ]
4.1 So that...
+ [Note: (So that... we find and keep good people, So that... they are highly competent and can work well in agile teams... So that we can so the best work possible, for the least cost, in the shortest time for other NFPs, So that... NFPs can help those who need it.)]
4.2 Strategic Priority 1a: Recruitment
+ [Note: 1. Identify and use proactive and effective recruitment strategies, ]
4.2.1 Modify App Form
+ [Note: Recently, I saw a few job posts sent through different community
+groups and they seem to be taking our idea of screening candidates
+to a next level. Not only they ask candidates to provide resume and
+cover letter + some project related information but also request
+written answers to questions like "Why are you interested in this
+position" etc. That allows to screen out people who just submit
+multiple resumes to multiple organizations without really applying
+for that particular job and it would make our interview process more
+straightforward, knowing answers to some questions.
+
+For example, we may want to always include in the screening
+questions:
+- Why do you want to work for Freeform Solutions?
+- Why are you interested in this position?
+- What's your experience working with NFP?
+- What's your experience working with Open Source software?
+etc.
+
+I also saw that people ask for references up front, in that
+submissions form. We could include the HR requirement that Heather
+brought recently for "permissions to ask your references about you"
+in the online form so that we don't have to follow up with this
+later.
+
+Attached below a sample of such screening questions]
4.2.2 Strategy integrated with hiring plan
+ [Note: Hiring plan should be comprehensive... not Agile or Iterative, in the sense that staff capacity and skill needs should be met within at least a six month plan. If three Drupal developers are needed, the hiring should be done concurrently to minimize HR costs and time.]
4.3 Strategic Priority 1b: Hiring
+ [Note: 2. Continue to practice our unique Freeform hiring process that balances fit with the Freeform culture and best talent ]
4.4 Strategic Priority 1c: Onboarding
+ [Note: ]
4.4.1 3 Month Onboarding Process
4.4.2 Tools & Guidelines
4.4.3 Mentoring
4.5 Strategic Priority 1d: Incentives
+ [Note: 5. Explore incentives - monetary, benefits, fulfilment - needed to encourage top talent to work for and remain working for an NFP]
4.5.1 Raises
4.5.2 Benefits
4.5.3 Rewards Message
+ [Note: Create a total rewards message to encourage prospective and current employees to understand the full value of working for Freeform]
4.6 Strategic Priority 1e: Offboarding
+ [Note: Assess and address reasons why talented people leave Freeform]
5 Business Development Plan
5.1 Goals
5.1.1 Increase new clients
@@ -62,17 +109,44 @@
9.3 Supportive Systems Plan
10 Board and C Planning
10.1 Mission Statements
+ [Note: In the absence of one clearly defined mission statement, we have reviewed various expressed mission statement as following
+
+ Objects of Incorporation in Letters Patent
+ The objects of the Corporation are:To provide solutions that facilitate the effective use of information technology in not-for-profit, non-governmental, and charitable organizations throughout Canada, to support and improve their mission delivery.
+ 2006 Strategic Business Plan - Brand Positioning
+ We are a nonprofit dedicated to helping other nonprofits understand and employ technology appropriately and effectively to support their mission. Our mission is to provide flexible consulting, website development, and Internet hosting solutions that give you peace of mind and help you stay focused on your mission.
+ Freeform One Page (Freeform Wiki)
+ About Freeform Solutions: Freeform Solutions is a not-for-profit organization. Our mission is help (sic) other not-for-profits organizations to build their capacity and increase their effectiveness.
+ Result of Google search for “Freeform Solutions mission”
+ Freeform Solutions is a not-for-profit organization. Our mission is to help other not-for-profits use technology to build their capacity and increase their effectiveness. (www.freeformsolutions.ca/en/files/AboutFreeformSolutions.pdf
+ Freeform Solutions (www.freeformsolutions.ca) is a non profit organization. Our mission is to help other non-profit organizations to realize their missions through the appropriate deployment of information and knowledge management systems.www.freeformsolutions.ca/en/sites/default/.../virtual.volunteering.pdf
+ We are a not-for-profit organization (NFP) that helps other NFPs use IT to achieve their organizational goals and better serve their communities. Freeform Solutions is a nonprofit organization dedicated to helping other nonprofit organizations understand and employ technology appropriately and effectively to support their missions. Our mission is to provide flexible consulting, website development, and hosting solutions http://socialinnovation.ca/community/organizations/freeform-solutions
+ Freeform Solutions is a not-for-profit organization, with a mission to help other not-for-profits use technology more effectively to meet their own missions. http://timreview.ca/article/387
+ Freeform Solutions – their mission: “we help not-for-profit organisations use technology to build their capacity and increase their effectiveness. http://www.warnerlaw.ca/links/community-organisations-and-local-businesses/
+ Freeform Solutions is a not-for-profit organization with a mission to help other not-for-profits use technology to meet their goals. http://xoops.org/modules/news/article.php?storyid=3860
+ At Freeform Solutions, we have a mission to help not-for-profit and public sector organizations use technology more effectively. http://osbrca.blogspot.ca/2010/07/development-commons-approach.html
+ Freeform Solutions Facebook Page
+ Mission: Freeform Solutions is a not-for-profit organization (NFP) that helps other NFPs use IT to achieve their organizational goals and better serve their communities.
+ The current Freeform Solutions website
+ We started Freeform to help NFPs use IT to achieve their organizational goals and better serve their communities - to support and improve their mission delivery. Our mission is to strengthen the capacity of NFPs and the voluntary sector, and to help build a civil society.]
10.2 Values
10.3 Bylaw Review
10.4 Policies
10.5 Business Plan
11 Strategy 3: Safety and Wellness
+ [Note: Strategy # 3: Promote the achievement of safety and wellness in our virtual employee community.]
11.1 Strategic Priority 3a: H&S Policies & Practices
+ [Note: Continuing improvement in Health and Safety policies and practices & compliance with OHSC legislation]
11.2 Strategic Priority 3b: Health Promotion
+ [Note: Promoting safety, work-life balance, self-care, ergonomics and other factors for wellness and productivity in a virtual workplace environment]
11.2.1 Health and Wellness Committee
- 11.2.2 Work-life Balance Initiative [link: http://hrcouncil.ca/hr-toolkit/workplaces-health-safety.cfm]
+ [Note: The Freeform H&S rep will lead a Health and Wellness Committee to responsible for recognizing health and safety concerns and identifying solutions.]
+ 11.2.2 Work-life Balance Initiative
+ [Link: http://hrcouncil.ca/hr-toolkit/workplaces-health-safety.cfm]
11.3 So that...
+ [Note: (So that... our employees remain well and safe, So that... they are highly competent and can work well in agile teams and feel fulfilled and self actualized... So that we can so the best work possible, for the least cost, in the shortest time for other NFPs, So that... NFPs can help those who need it.)]
12 Benefits
+ [Note: As Freeform Employees we will have benefits reviewed in light of our priorities and cost to Freeform]
12.1 As Freeform Staff
12.2 Responsibility: HZ, JC
12.3 Release 3
@@ -81,14 +155,17 @@
12.6 Have JC & HZ consult with staff
12.7 Have best benefits we can afford
12.8 So that...
+ [Note: so that our efforts to excel are rewarded.]
13 Community Outreach Plan
13.1 Goals
13.2 CSI
13.3 Drupal Community
13.4 CiviCRM
13.5 Other
-14 Backlog Plan [link: https://docs.google.com/a/freeform.ca/drawings/d/1mrtkVAN3_XefJJCgfxw4Va6xk9TVDBKXDt_uzyIF4Us/edit]
- 14.1 Go To Backlog Plan [link: https://docs.google.com/a/freeform.ca/drawings/d/1mrtkVAN3_XefJJCgfxw4Va6xk9TVDBKXDt_uzyIF4Us/edit]
+14 Backlog Plan
+ [Link: https://docs.google.com/a/freeform.ca/drawings/d/1mrtkVAN3_XefJJCgfxw4Va6xk9TVDBKXDt_uzyIF4Us/edit]
+ 14.1 Go To Backlog Plan
+ [Link: https://docs.google.com/a/freeform.ca/drawings/d/1mrtkVAN3_XefJJCgfxw4Va6xk9TVDBKXDt_uzyIF4Us/edit]
15 Strategy Prospecting
16 Stategies: Forecasting
17 Strategies Marketing
@@ -98,37 +175,61 @@
18.3 Release
18.4 Have Heather write procedures for exit interview process
18.5 So that
+ [Note: We learn from our mistakes and missed opportunities in future with the goal of keeping the best talent.]
19 3 Month Onboarding Process
20 Human Resources Plan
20.1 Related Org Objectives
20.1.1 1
+ [Note: Attract, build and retain a motivated, agile, knowledgeable team of Top Talent that loves to “come” to work]
20.1.2 2
+ [Note: Maintain level of human resource capacity and skill to meet planned growth and client contractual commitments]
20.1.3 3
+ [Note: Conform to all legislated requirements]
20.1.4 4
+ [Note: Minimize and mitigate risk to the organization]
20.2 Related Documents
+ [Note: MIssion, Values, Principles, Org Business Plan, Human Resources Policy Manual]
20.3 Goals
20.3.1 Goal:Staff=Optimal Bus. Growth
+ [Note: Human resource capacity will remain at a level to meet planned growth growth objectives and client contractual commitments]
20.3.1.1 So that...
20.3.1.2 Related Strategic Priorities:
20.3.1.3 KPI: HR Level equals Planned Growth
20.3.1.4 Methodology
+ [Note: Schedule of required HR capacity vs. actual HR capacity. Variance + or - 1]
20.3.1.4.1 Target
+ [Note: = + or - 1]
20.3.2 Goal: Increase Job Satisfaction
20.3.2.1 So That
+ [Note: Establish better relationships.
+ Identify with the new employer.
+ Build a great attitude with the company.]
20.3.2.2 Related Strategic Priorities
20.3.2.3 KPI: Employee Satisfaction
20.3.2.4 Methodology
+ [Note: Percentage of improvement in employee reported job satisfaction based on survey vs previous year. Base level to be established in first year. ]
20.3.2.4.1 Target
+ [Note: Base level 1st year]
20.3.3 Goal: Improve Performance
+ [Note: To increase knowledge, skills and experience of the Freeform staff relevant to organizational priorities.]
20.3.3.1 So That
+ [Note: Clarify expectations.
+ Understand values and priorities.
+ Decrease the learning curve.]
20.3.3.2 Related Strategic Priorities
+ [Note: 1]
20.3.3.3 KPI: Employee Performance
20.3.3.4 Methodology
20.3.3.4.1 Target
20.3.4 Goal: Reduce Turnover
+ [Note: To reduce turnover of Top Talent.]
20.3.4.1 So That
+ [Note: Provide support through feedback.
+ Help the employee feel valued.
+ Again, decrease the learning curve.]
20.3.4.2 Related Strategic Priorities
20.3.4.3 KPI: Retention Rate
20.3.4.4 Methodology
20.3.4.4.1 Target
20.3.5 Risk & Compliance
+ [Note: To eliminate or minimize risk and to comply with all legislated requirements. ]
diff --git a/packages/mindplot/test/unit/export/expected/emptyNodes.txt b/packages/mindplot/test/unit/export/expected/emptyNodes.txt
index 8a6978e3..eddb3d8b 100644
--- a/packages/mindplot/test/unit/export/expected/emptyNodes.txt
+++ b/packages/mindplot/test/unit/export/expected/emptyNodes.txt
@@ -1,4 +1,5 @@
1
+ [Note: ]
1.1 objectifs journée
1.1.1 "business plan" associatif ?
1.1.2 modèle / activités responsabilités
diff --git a/packages/mindplot/test/unit/export/expected/enc.txt b/packages/mindplot/test/unit/export/expected/enc.txt
index 74621824..616c6491 100644
--- a/packages/mindplot/test/unit/export/expected/enc.txt
+++ b/packages/mindplot/test/unit/export/expected/enc.txt
@@ -35,9 +35,11 @@ the other hand, strategies alternative to BRIDGE clearly
failed to accurately estimate the variance of trait values. This
indicates that in situations where accurate estimation of plotlevel
variance is desired, complete censuses are essential.
+ [Note: Isso significa que estudos de característica de história de vida compensam? Ver nos m&m.]
1.1.8 We suggest that, in these studies,
the investment in complete sampling may be worthwhile
for at least some traits.
+ [Note: Falar que isso corrobora nossa sugestão de utilizar poucas medidas, mas que elas sejam confiáveis.]
1.2 Chazdon 2010. Biotropica. 42(1): 31–40
1.2.1 Here, we develop a new approach that links functional attributes
of tree species with studies of forest recovery and regional
diff --git a/packages/mindplot/test/unit/export/expected/i18n2.txt b/packages/mindplot/test/unit/export/expected/i18n2.txt
index ae7b9ec6..f560c673 100644
--- a/packages/mindplot/test/unit/export/expected/i18n2.txt
+++ b/packages/mindplot/test/unit/export/expected/i18n2.txt
@@ -1,4 +1,5 @@
1 أَبْجَدِيَّة عَرَبِيَّة
1.1 أَبْجَدِيَّة عَرَبِ
+ [Note: This is a not in languange أَبْجَدِيَّة عَرَبِ]
1.2 Long text node:
أَبْجَدِيَّة عَرَب
diff --git a/packages/mindplot/test/unit/export/expected/npe.txt b/packages/mindplot/test/unit/export/expected/npe.txt
index 4e948c5d..3d5a9988 100644
--- a/packages/mindplot/test/unit/export/expected/npe.txt
+++ b/packages/mindplot/test/unit/export/expected/npe.txt
@@ -1,13 +1,19 @@
1 NIF (NORMAS DE INFORMACIÓN FINANCIERA)
2 NIF D
+ [Note: Beneficios a los empleados,impuestos a la utilidad, arrendamientos y capitalización de resultado integral .]
2.1 Normas aplicables a problemas de determinación de resultados
3 CIRCULANTES
+ [Note: Tratamiento contable de los gastos de registro, colocación, unidades de inversión, aplicación supletoria etc.]
3.1 Adquisición temporal de acciones propias
-4 NIF A [link: http://www.youtube.com/watch?v=7YN-sOlkQp0]
+4 NIF A
+ [Link: http://www.youtube.com/watch?v=7YN-sOlkQp0]
4.1 Marco conceptual
-5 NIF C [link: https://sites.google.com/site/contabilidadimcpnif/estructura-de-las-nif]
+5 NIF C
+ [Link: https://sites.google.com/site/contabilidadimcpnif/estructura-de-las-nif]
5.1 Normas aplicables a conceptos específicos de los estados financieros
6 NIF E
+ [Note: Agricultura y donativos recibidos u otorgados con propósitos no lucrativos.]
6.1 Normas aplicables alas actividades especializadas de distintos sectores
-7 NIF B [link: http://www.contaduria.uady.mx/files/cuerpo-acad/caef/aief/resumen_NIF_marco_conceptual.pdf]
+7 NIF B
+ [Link: http://www.contaduria.uady.mx/files/cuerpo-acad/caef/aief/resumen_NIF_marco_conceptual.pdf]
7.1 Normas aplicables a los estados financieros en su conjunto
diff --git a/packages/mindplot/test/unit/export/expected/process.txt b/packages/mindplot/test/unit/export/expected/process.txt
index 0e64ab69..c071eeb5 100644
--- a/packages/mindplot/test/unit/export/expected/process.txt
+++ b/packages/mindplot/test/unit/export/expected/process.txt
@@ -29,7 +29,8 @@
1.5.1.1 Orange County Eye and Transplant Bank
1.5.1.2 Northern California Transplant Bank
1.5.1.2.1 In 2010, 2,500 referrals forwarded to OneLegacy
- 1.5.1.3 Doheny Eye and Tissue Transplant Bank [link: http://www.dohenyeyebank.org/]
+ 1.5.1.3 Doheny Eye and Tissue Transplant Bank
+ [Link: http://www.dohenyeyebank.org/]
1.5.2 OneLegacy
1.5.2.1 In 2010, 11,828 referrals
1.5.3 San Diego Eye Bank
diff --git a/packages/mindplot/test/unit/export/expected/welcome.txt b/packages/mindplot/test/unit/export/expected/welcome.txt
index f6421eac..1b36a120 100644
--- a/packages/mindplot/test/unit/export/expected/welcome.txt
+++ b/packages/mindplot/test/unit/export/expected/welcome.txt
@@ -1,13 +1,15 @@
1 Welcome To WiseMapping
1.1 5 min tutorial video ?
-Follow the link ! [link: https://www.youtube.com/tv?vq=medium#/watch?v=rKxZwNKs9cE]
+Follow the link !
+ [Link: https://www.youtube.com/tv?vq=medium#/watch?v=rKxZwNKs9cE]
1.2 Try it Now!
1.2.1 Double Click
1.2.2 Press "enter" to add a
Sibling
1.2.3 Drag map to move
1.3 Features
- 1.3.1 Links to Sites [link: http://www.digg.com]
+ 1.3.1 Links to Sites
+ [Link: http://www.digg.com]
1.3.2 Styles
1.3.2.1 Fonts
1.3.2.2 Topic Shapes
@@ -24,8 +26,10 @@ Sibling
1.5.2 Brainstorming
1.5.3 Visual
1.6 Install In Your Server
- 1.6.1 Open Source [link: http://www.wisemapping.org/]
- 1.6.2 Download [link: http://www.wisemapping.com/inyourserver.html]
+ 1.6.1 Open Source
+ [Link: http://www.wisemapping.org/]
+ 1.6.2 Download
+ [Link: http://www.wisemapping.com/inyourserver.html]
1.7 Collaborate
1.7.1 Embed
1.7.2 Publish
From 481a6ff7dd42281dd4029a1abf111dbfdb534939 Mon Sep 17 00:00:00 2001
From: Matias Arriola
Date: Thu, 17 Feb 2022 19:27:29 +0000
Subject: [PATCH 046/106] Merged in bugfix/labels-dialog-text (pull request
#38)
Fix add label message too long and add error display
* Fix add label message too long and add error display
Approved-by: Paulo Veiga
---
.../action-dispatcher/label-dialog/index.tsx | 16 +++++++++++++---
1 file changed, 13 insertions(+), 3 deletions(-)
diff --git a/packages/webapp/src/components/maps-page/action-dispatcher/label-dialog/index.tsx b/packages/webapp/src/components/maps-page/action-dispatcher/label-dialog/index.tsx
index 99843fbc..33a3840c 100644
--- a/packages/webapp/src/components/maps-page/action-dispatcher/label-dialog/index.tsx
+++ b/packages/webapp/src/components/maps-page/action-dispatcher/label-dialog/index.tsx
@@ -23,6 +23,7 @@ const LabelDialog = ({ mapsId, onClose }: MultiDialogProps): React.ReactElement
const { data } = useQuery('maps', () => {
return client.fetchAllMaps();
});
+ const [error, setError] = React.useState();
const maps = data.filter(m => mapsId.includes(m.id));
@@ -34,12 +35,13 @@ const LabelDialog = ({ mapsId, onClose }: MultiDialogProps): React.ReactElement
queryClient.invalidateQueries('labels');
},
onError: (error) => {
- console.error(error);
+ setError(error);
}
}
);
const handleChangesInLabels = (label: Label, checked: boolean) => {
+ setError(undefined);
changeLabelMutation.mutate({
maps,
label,
@@ -61,11 +63,19 @@ const LabelDialog = ({ mapsId, onClose }: MultiDialogProps): React.ReactElement
'Use labels to organize your maps.',
})}
PaperProps={{ classes: { root: classes.paper } }}
+ error={error}
>
<>
-
Date: Thu, 17 Feb 2022 15:00:25 -0800
Subject: [PATCH 047/106] Disable record.
---
packages/mindplot/test/unit/export/Helper.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/mindplot/test/unit/export/Helper.ts b/packages/mindplot/test/unit/export/Helper.ts
index 124ed086..244058d7 100644
--- a/packages/mindplot/test/unit/export/Helper.ts
+++ b/packages/mindplot/test/unit/export/Helper.ts
@@ -22,7 +22,7 @@ import { diff } from 'jest-diff';
import { expect } from '@jest/globals';
import Exporter from '../../../src/components/export/Exporter';
-const saveOutputRecord = true;
+const saveOutputRecord = false;
export const setupBlob = () => {
// Workaround for partial implementations on Jest:
From a5847c64d4663d0411055497016c87b7af2517a0 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Thu, 17 Feb 2022 18:04:28 -0800
Subject: [PATCH 048/106] Add workaround for error update
---
.../src/components/ActionDispatcher.ts | 7 +++++
.../mindplot/src/components/CommandContext.ts | 1 -
.../src/components/MultilineTextEditor.ts | 28 ++++++++++++-------
3 files changed, 25 insertions(+), 11 deletions(-)
diff --git a/packages/mindplot/src/components/ActionDispatcher.ts b/packages/mindplot/src/components/ActionDispatcher.ts
index 8130c3d8..fc813521 100644
--- a/packages/mindplot/src/components/ActionDispatcher.ts
+++ b/packages/mindplot/src/components/ActionDispatcher.ts
@@ -30,9 +30,16 @@ import Topic from './Topic';
abstract class ActionDispatcher extends Events {
private static _instance: ActionDispatcher;
+ private _commandContext: CommandContext;
+
constructor(commandContext: CommandContext) {
$assert(commandContext, 'commandContext can not be null');
super();
+ this._commandContext = commandContext;
+ }
+
+ getCommandContext(): CommandContext {
+ return this._commandContext;
}
abstract addRelationship(model: RelationshipModel, mindmap: Mindmap): void;
diff --git a/packages/mindplot/src/components/CommandContext.ts b/packages/mindplot/src/components/CommandContext.ts
index c1dd485e..549d1306 100644
--- a/packages/mindplot/src/components/CommandContext.ts
+++ b/packages/mindplot/src/components/CommandContext.ts
@@ -40,7 +40,6 @@ class CommandContext {
this._designer = value;
}
- /** */
findTopics(topicIds: number[]): Topic[] {
$assert($defined(topicIds), 'topicsIds can not be null');
const topicsIds = Array.isArray(topicIds) ? topicIds : [topicIds];
diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts
index beddbe93..381dcf3c 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.ts
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -22,6 +22,7 @@ import initHotKeyPluggin from '../../../../libraries/jquery.hotkeys';
import Events from './Events';
import ActionDispatcher from './ActionDispatcher';
import Topic from './Topic';
+import { Designer } from '..';
initHotKeyPluggin($);
@@ -255,18 +256,25 @@ class MultilineTextEditor extends Events {
close(update: boolean): void {
if (this.isVisible() && this._topic) {
if (!$defined(update) || update) {
- this._updateModel();
+ const actionDispatcher = ActionDispatcher.getInstance();
+ // Workaround. For some reason, close is triggered but the topic has been removed. Temporally, try to validate if exits.
+ try {
+ actionDispatcher
+ .getCommandContext()
+ .findTopics([this._topic.getId()]);
+ this._updateModel();
+
+ // Let make the visible text in the node ...
+ this._topic.getTextShape().setVisibility(true);
+ } catch (e) {
+ console.log(e);
+ }
+ // Remove it form the screen ...
+ this._containerElem.remove();
+ this._containerElem = null;
}
-
- // Let make the visible text in the node visible again ...
- this._topic.getTextShape().setVisibility(true);
-
- // Remove it form the screen ...
- this._containerElem.remove();
- this._containerElem = null;
+ this._topic = null;
}
- this._topic = null;
}
}
-
export default MultilineTextEditor;
From 18531a981bef77d36db244709c84883e87787f56 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Thu, 17 Feb 2022 18:41:03 -0800
Subject: [PATCH 049/106] Move label dialog with the rest of the dialogs.
---
.../add-label-dialog}/index.tsx | 4 +++-
.../add-label-dialog}/styled.ts | 0
.../components/maps-page/maps-list/label-selector/index.tsx | 4 ++--
3 files changed, 5 insertions(+), 3 deletions(-)
rename packages/webapp/src/components/maps-page/{maps-list/add-label-form => action-dispatcher/add-label-dialog}/index.tsx (96%)
rename packages/webapp/src/components/maps-page/{maps-list/add-label-form => action-dispatcher/add-label-dialog}/styled.ts (100%)
diff --git a/packages/webapp/src/components/maps-page/maps-list/add-label-form/index.tsx b/packages/webapp/src/components/maps-page/action-dispatcher/add-label-dialog/index.tsx
similarity index 96%
rename from packages/webapp/src/components/maps-page/maps-list/add-label-form/index.tsx
rename to packages/webapp/src/components/maps-page/action-dispatcher/add-label-dialog/index.tsx
index 4609a2e5..5dbbe599 100644
--- a/packages/webapp/src/components/maps-page/maps-list/add-label-form/index.tsx
+++ b/packages/webapp/src/components/maps-page/action-dispatcher/add-label-dialog/index.tsx
@@ -22,7 +22,7 @@ type AddLabelFormProps = {
onAdd: (newLabel: Label) => void;
};
-export default function AddLabelForm({ onAdd }: AddLabelFormProps): React.ReactElement {
+const AddLabelDialog = ({ onAdd }: AddLabelFormProps): React.ReactElement => {
const intl = useIntl();
const [createLabelColorIndex, setCreateLabelColorIndex] = React.useState(
Math.floor(Math.random() * labelColors.length)
@@ -92,3 +92,5 @@ export default function AddLabelForm({ onAdd }: AddLabelFormProps): React.ReactE
);
}
+
+export default AddLabelDialog;
diff --git a/packages/webapp/src/components/maps-page/maps-list/add-label-form/styled.ts b/packages/webapp/src/components/maps-page/action-dispatcher/add-label-dialog/styled.ts
similarity index 100%
rename from packages/webapp/src/components/maps-page/maps-list/add-label-form/styled.ts
rename to packages/webapp/src/components/maps-page/action-dispatcher/add-label-dialog/styled.ts
diff --git a/packages/webapp/src/components/maps-page/maps-list/label-selector/index.tsx b/packages/webapp/src/components/maps-page/maps-list/label-selector/index.tsx
index 02235adf..e11f5f4b 100644
--- a/packages/webapp/src/components/maps-page/maps-list/label-selector/index.tsx
+++ b/packages/webapp/src/components/maps-page/maps-list/label-selector/index.tsx
@@ -8,7 +8,7 @@ import Client, { Label, ErrorInfo, MapInfo } from '../../../../classes/client';
import { useQuery } from 'react-query';
import { useSelector } from 'react-redux';
import { activeInstance } from '../../../../redux/clientSlice';
-import AddLabelForm from '../add-label-form';
+import AddLabelDialog from '../../action-dispatcher/add-label-dialog';
import { LabelListContainer } from './styled';
export type LabelSelectorProps = {
@@ -29,7 +29,7 @@ export function LabelSelector({ onChange, maps }: LabelSelectorProps): React.Rea
return (
- onChange(label, true)} />
+ onChange(label, true)} />
{labels.map(({ id, title, color }) => (
From 3b5e03b922a1ce469bcdb3ee7c4a972a77b465a4 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Thu, 17 Feb 2022 19:56:13 -0800
Subject: [PATCH 050/106] Fix typo in owner
---
packages/webapp/lang/en.json | 2 +-
packages/webapp/src/compiled-lang/en.json | 2 +-
packages/webapp/src/components/maps-page/role-icon/index.tsx | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/packages/webapp/lang/en.json b/packages/webapp/lang/en.json
index f2ba5518..c744821f 100644
--- a/packages/webapp/lang/en.json
+++ b/packages/webapp/lang/en.json
@@ -472,7 +472,7 @@
"defaultMessage": "Editor"
},
"role.owner": {
- "defaultMessage": "Onwer"
+ "defaultMessage": "Owner"
},
"role.viewer": {
"defaultMessage": "Viewer"
diff --git a/packages/webapp/src/compiled-lang/en.json b/packages/webapp/src/compiled-lang/en.json
index 398aa43c..b473d642 100644
--- a/packages/webapp/src/compiled-lang/en.json
+++ b/packages/webapp/src/compiled-lang/en.json
@@ -944,7 +944,7 @@
"role.owner": [
{
"type": 0,
- "value": "Onwer"
+ "value": "Owner"
}
],
"role.viewer": [
diff --git a/packages/webapp/src/components/maps-page/role-icon/index.tsx b/packages/webapp/src/components/maps-page/role-icon/index.tsx
index 436bed4e..20cc10df 100644
--- a/packages/webapp/src/components/maps-page/role-icon/index.tsx
+++ b/packages/webapp/src/components/maps-page/role-icon/index.tsx
@@ -17,7 +17,7 @@ const RoleIcon = ({ role }: RoleIconProps): React.ReactElement => {
{role == 'owner' && (
Date: Thu, 17 Feb 2022 20:12:03 -0800
Subject: [PATCH 051/106] Fix double first key on edit
---
packages/mindplot/src/components/DesignerKeyboard.ts | 2 +-
packages/mindplot/src/components/MultilineTextEditor.ts | 1 -
2 files changed, 1 insertion(+), 2 deletions(-)
diff --git a/packages/mindplot/src/components/DesignerKeyboard.ts b/packages/mindplot/src/components/DesignerKeyboard.ts
index ffcb8726..db7f73c4 100644
--- a/packages/mindplot/src/components/DesignerKeyboard.ts
+++ b/packages/mindplot/src/components/DesignerKeyboard.ts
@@ -284,7 +284,7 @@ class DesignerKeyboard extends Keyboard {
if (event.ctrlKey || event.altKey || event.metaKey) {
return;
}
- nodes[0].showTextEditor(pressKey);
+ nodes[0].showTextEditor('');
event.stopPropagation();
}
}
diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts
index 381dcf3c..a0fc8a72 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.ts
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -22,7 +22,6 @@ import initHotKeyPluggin from '../../../../libraries/jquery.hotkeys';
import Events from './Events';
import ActionDispatcher from './ActionDispatcher';
import Topic from './Topic';
-import { Designer } from '..';
initHotKeyPluggin($);
From 0fe100222f50809d4157222739452178b0a092c4 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 07:26:15 -0800
Subject: [PATCH 052/106] Add missing type information.
---
.../src/components/DesignerKeyboard.ts | 3 +--
.../components/StandaloneActionDispatcher.ts | 2 +-
packages/mindplot/src/components/Topic.ts | 18 +++++++++---------
3 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/packages/mindplot/src/components/DesignerKeyboard.ts b/packages/mindplot/src/components/DesignerKeyboard.ts
index db7f73c4..0d146ef8 100644
--- a/packages/mindplot/src/components/DesignerKeyboard.ts
+++ b/packages/mindplot/src/components/DesignerKeyboard.ts
@@ -280,7 +280,6 @@ class DesignerKeyboard extends Keyboard {
const nodes = designer.getModel().filterSelectedTopics();
if (nodes.length > 0) {
// If a modifier is press, the key selected must be ignored.
- const pressKey = String.fromCharCode(keyCode);
if (event.ctrlKey || event.altKey || event.metaKey) {
return;
}
@@ -363,7 +362,7 @@ class DesignerKeyboard extends Keyboard {
}
}
- private _goToChild(designer, node) {
+ private _goToChild(designer: Designer, node: Topic) {
const children = node.getChildren();
if (children.length > 0) {
let target = children[0];
diff --git a/packages/mindplot/src/components/StandaloneActionDispatcher.ts b/packages/mindplot/src/components/StandaloneActionDispatcher.ts
index 8fe87598..6d8c8f2e 100644
--- a/packages/mindplot/src/components/StandaloneActionDispatcher.ts
+++ b/packages/mindplot/src/components/StandaloneActionDispatcher.ts
@@ -114,7 +114,7 @@ class StandaloneActionDispatcher extends ActionDispatcher {
changeTextToTopic(topicsIds: number[], text: string) {
$assert($defined(topicsIds), 'topicsIds can not be null');
- const commandFunc = (topic: Topic, value: object) => {
+ const commandFunc = (topic: Topic, value: string) => {
const result = topic.getText();
topic.setText(value);
return result;
diff --git a/packages/mindplot/src/components/Topic.ts b/packages/mindplot/src/components/Topic.ts
index 0f457fc9..b36351a8 100644
--- a/packages/mindplot/src/components/Topic.ts
+++ b/packages/mindplot/src/components/Topic.ts
@@ -530,7 +530,7 @@ abstract class Topic extends NodeGraph {
}
}
- _setText(text, updateModel) {
+ _setText(text: string, updateModel: boolean) {
const textShape = this.getTextShape();
textShape.setText(text == null ? TopicStyle.defaultText(this) : text);
@@ -541,7 +541,7 @@ abstract class Topic extends NodeGraph {
}
/** */
- setText(text) {
+ setText(text: string) {
// Avoid empty nodes ...
if (!text || $.trim(text).length === 0) {
this._setText(null, true);
@@ -553,7 +553,7 @@ abstract class Topic extends NodeGraph {
}
/** */
- getText() {
+ getText(): string {
const model = this.getModel();
let result = model.getText();
if (!$defined(result)) {
@@ -563,11 +563,11 @@ abstract class Topic extends NodeGraph {
}
/** */
- setBackgroundColor(color) {
+ setBackgroundColor(color: string) {
this._setBackgroundColor(color, true);
}
- _setBackgroundColor(color, updateModel) {
+ _setBackgroundColor(color: string, updateModel: boolean) {
const innerShape = this.getInnerShape();
innerShape.setFill(color);
@@ -583,7 +583,7 @@ abstract class Topic extends NodeGraph {
}
/** */
- getBackgroundColor() {
+ getBackgroundColor(): string {
const model = this.getModel();
let result = model.getBackgroundColor();
if (!$defined(result)) {
@@ -593,11 +593,11 @@ abstract class Topic extends NodeGraph {
}
/** */
- setBorderColor(color) {
+ setBorderColor(color: string) {
this._setBorderColor(color, true);
}
- _setBorderColor(color, updateModel) {
+ _setBorderColor(color: string, updateModel: boolean) {
const innerShape = this.getInnerShape();
innerShape.setAttribute('strokeColor', color);
@@ -1349,7 +1349,7 @@ abstract class Topic extends NodeGraph {
return result;
}
- isCentralTopic() {
+ isCentralTopic(): boolean {
return this.getModel().getType() === 'CentralTopic';
}
}
From df6edba21b8e3460f54bd016121ef3a97cacb793 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 08:11:33 -0800
Subject: [PATCH 053/106] Fix drag issue that leaves editor open
---
.../src/components/MultilineTextEditor.ts | 29 +++++++------------
1 file changed, 10 insertions(+), 19 deletions(-)
diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts
index a0fc8a72..0d1cc839 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.ts
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -254,26 +254,17 @@ class MultilineTextEditor extends Events {
close(update: boolean): void {
if (this.isVisible() && this._topic) {
- if (!$defined(update) || update) {
- const actionDispatcher = ActionDispatcher.getInstance();
- // Workaround. For some reason, close is triggered but the topic has been removed. Temporally, try to validate if exits.
- try {
- actionDispatcher
- .getCommandContext()
- .findTopics([this._topic.getId()]);
- this._updateModel();
-
- // Let make the visible text in the node ...
- this._topic.getTextShape().setVisibility(true);
- } catch (e) {
- console.log(e);
- }
- // Remove it form the screen ...
- this._containerElem.remove();
- this._containerElem = null;
- }
- this._topic = null;
+ const actionDispatcher = ActionDispatcher.getInstance();
+ this._updateModel();
}
+ // Let make the visible text in the node ...
+ this._topic.getTextShape().setVisibility(true);
+
+ // Remove it form the screen ...
+ this._containerElem.remove();
+ this._containerElem = null;
+ this._topic = null;
}
}
+}
export default MultilineTextEditor;
From 859fcad6a66ed7ec5fbc929f9cf3fa15cdce736f Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 08:23:57 -0800
Subject: [PATCH 054/106] Fix compilation error
---
.../src/components/MultilineTextEditor.ts | 24 ++++++++++---------
1 file changed, 13 insertions(+), 11 deletions(-)
diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts
index 0d1cc839..926a107f 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.ts
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -253,18 +253,20 @@ class MultilineTextEditor extends Events {
}
close(update: boolean): void {
- if (this.isVisible() && this._topic) {
- const actionDispatcher = ActionDispatcher.getInstance();
- this._updateModel();
- }
- // Let make the visible text in the node ...
- this._topic.getTextShape().setVisibility(true);
+ if (this.isVisible()) {
+ if (update) {
+ this._updateModel();
+ }
- // Remove it form the screen ...
- this._containerElem.remove();
- this._containerElem = null;
- this._topic = null;
+ // Remove it form the screen ...
+ this._containerElem.remove();
+ this._containerElem = null;
+ }
+
+ if (this._topic) {
+ this._topic.getTextShape().setVisibility(true);
+ this._topic = null;
+ }
}
}
-}
export default MultilineTextEditor;
From 9e92b8749538a0284172638f75c6f2d49e96865b Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 10:00:26 -0800
Subject: [PATCH 055/106] Persistency improvements
---
packages/mindplot/src/components/RestPersistenceManager.ts | 7 ++++---
1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/packages/mindplot/src/components/RestPersistenceManager.ts b/packages/mindplot/src/components/RestPersistenceManager.ts
index 4d734510..07e3136c 100644
--- a/packages/mindplot/src/components/RestPersistenceManager.ts
+++ b/packages/mindplot/src/components/RestPersistenceManager.ts
@@ -74,7 +74,8 @@ class RESTPersistenceManager extends PersistenceManager {
`${this.documentUrl.replace('{id}', mapId)}?${query}`,
{
method: 'PUT',
- body: JSON.stringify(data),
+ // Blob helps to resuce the memory on large payload.
+ body: new Blob([JSON.stringify(data)], { type: 'text/plain' }),
headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json' },
keepalive: true,
},
@@ -131,11 +132,11 @@ class RESTPersistenceManager extends PersistenceManager {
});
}
- unlockMap(mapId: string):void {
+ unlockMap(mapId: string): void {
fetch(
this.lockUrl.replace('{id}', mapId),
{
- method: 'POST',
+ method: 'PUT',
headers: { 'Content-Type': 'text/plain' },
body: 'false',
},
From 98126049d3ae59dc4464b6f8a3c2682a62f3fc58 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 10:44:07 -0800
Subject: [PATCH 056/106] Add additional log info
---
packages/mindplot/src/components/RestPersistenceManager.ts | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/packages/mindplot/src/components/RestPersistenceManager.ts b/packages/mindplot/src/components/RestPersistenceManager.ts
index 07e3136c..2dbb67a1 100644
--- a/packages/mindplot/src/components/RestPersistenceManager.ts
+++ b/packages/mindplot/src/components/RestPersistenceManager.ts
@@ -110,7 +110,8 @@ class RESTPersistenceManager extends PersistenceManager {
clearTimeout(persistence.clearTimeout);
}
persistence.onSave = false;
- }).catch(() => {
+ }).catch((error) => {
+ console.log(`Unexpected save error => ${error}`);
const userMsg = { severity: 'SEVERE', message: $msg('SAVE_COULD_NOT_BE_COMPLETED') };
events.onError(userMsg);
From 72018cf6b09fb4d19aa6a37533f6794e6eddaf8e Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 14:06:33 -0800
Subject: [PATCH 057/106] Fix saving big payloads.
---
packages/mindplot/src/components/RestPersistenceManager.ts | 2 --
1 file changed, 2 deletions(-)
diff --git a/packages/mindplot/src/components/RestPersistenceManager.ts b/packages/mindplot/src/components/RestPersistenceManager.ts
index 2dbb67a1..7eb076a9 100644
--- a/packages/mindplot/src/components/RestPersistenceManager.ts
+++ b/packages/mindplot/src/components/RestPersistenceManager.ts
@@ -77,7 +77,6 @@ class RESTPersistenceManager extends PersistenceManager {
// Blob helps to resuce the memory on large payload.
body: new Blob([JSON.stringify(data)], { type: 'text/plain' }),
headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json' },
- keepalive: true,
},
).then(async (response: Response) => {
if (response.ok) {
@@ -129,7 +128,6 @@ class RESTPersistenceManager extends PersistenceManager {
{
method: 'POST',
headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json' },
- keepalive: true,
});
}
From 987a271e93d5629e8ae15ad32129095655047a44 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 15:41:21 -0800
Subject: [PATCH 058/106] Performance optimization removing dump
---
.../src/components/layout/RootedTreeSet.ts | 20 +++++++++----------
1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/packages/mindplot/src/components/layout/RootedTreeSet.ts b/packages/mindplot/src/components/layout/RootedTreeSet.ts
index bc803331..8fb53fce 100644
--- a/packages/mindplot/src/components/layout/RootedTreeSet.ts
+++ b/packages/mindplot/src/components/layout/RootedTreeSet.ts
@@ -55,10 +55,9 @@ class RootedTreeSet {
*/
add(node: Node) {
$assert(node, 'node can not be null');
- $assert(
- !this.find(node.getId(), false),
- `node already exits with this id. Id:${node.getId()}: ${this.dump()}`,
- );
+ if (this.find(node.getId(), false)) {
+ throw new Error(`node already exits with this id. Id:${node.getId()}: ${this.dump()}`);
+ }
$assert(!node._children, 'node already added');
this._rootNodes.push(this._decodate(node));
}
@@ -130,10 +129,11 @@ class RootedTreeSet {
break;
}
}
- $assert(
- validate ? result : true,
- `node could not be found id:${id}\n,RootedTreeSet${this.dump()}`,
- );
+
+ if (validate && !result) {
+ throw new Error(`node could not be found id:${id}\n,RootedTreeSet${this.dump()}`);
+ }
+
return result;
}
@@ -258,8 +258,8 @@ class RootedTreeSet {
}
/**
- * @return result
- */
+ * @return result
+ */
dump() {
const branches = this._rootNodes;
let result = '';
From 650d70e05fa93b56b28c6bbc93f2d8ab62f687c9 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 15:52:57 -0800
Subject: [PATCH 059/106] Remove VML legacy code.
---
.../mindplot/src/components/ConnectionLine.ts | 2 +-
.../src/components/peer/svg/ElementPeer.js | 17 -----------------
2 files changed, 1 insertion(+), 18 deletions(-)
diff --git a/packages/mindplot/src/components/ConnectionLine.ts b/packages/mindplot/src/components/ConnectionLine.ts
index 0405f123..d54817f5 100644
--- a/packages/mindplot/src/components/ConnectionLine.ts
+++ b/packages/mindplot/src/components/ConnectionLine.ts
@@ -154,7 +154,7 @@ class ConnectionLine {
}
}
- setStroke(color: string, style, opacity: number) {
+ setStroke(color: string, style: string, opacity: number) {
this._line2d.setStroke(null, null, color, opacity);
}
diff --git a/packages/web2d/src/components/peer/svg/ElementPeer.js b/packages/web2d/src/components/peer/svg/ElementPeer.js
index ffdcfbfe..7b89187f 100644
--- a/packages/web2d/src/components/peer/svg/ElementPeer.js
+++ b/packages/web2d/src/components/peer/svg/ElementPeer.js
@@ -174,23 +174,6 @@ class ElementPeer {
this._native.setAttribute('stroke', color);
}
if ($defined(style)) {
- // Scale the dash array in order to be equal to VML. In VML, stroke style doesn't scale.
- const dashArrayPoints = ElementPeer.stokeStyleToStrokDasharray()[style];
- const scale = 1 / TransformUtil.workoutScale(this).width;
-
- let strokeWidth = this._native.getAttribute('stroke-width');
- strokeWidth = parseFloat(strokeWidth);
-
- const scaledPoints = [];
- for (let i = 0; i < dashArrayPoints.length; i++) {
- // VML scale the stroke based on the stroke width.
- scaledPoints[i] = dashArrayPoints[i] * strokeWidth;
-
- // Scale the points based on the scale.
- scaledPoints[i] = `${scaledPoints[i] * scale}px`;
- }
-
- // this._native.setAttribute('stroke-dasharray', scaledPoints);
this._stokeStyle = style;
}
From 93aae24988713270306bd9c162fa101318fa6a37 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Fri, 18 Feb 2022 16:03:12 -0800
Subject: [PATCH 060/106] Fix compilation
---
packages/web2d/src/components/peer/svg/ElementPeer.js | 1 -
1 file changed, 1 deletion(-)
diff --git a/packages/web2d/src/components/peer/svg/ElementPeer.js b/packages/web2d/src/components/peer/svg/ElementPeer.js
index 7b89187f..e09f4058 100644
--- a/packages/web2d/src/components/peer/svg/ElementPeer.js
+++ b/packages/web2d/src/components/peer/svg/ElementPeer.js
@@ -17,7 +17,6 @@
*/
import { $assert, $defined } from '@wisemapping/core-js';
import EventUtils from '../utils/EventUtils';
-import TransformUtil from '../utils/TransformUtils';
class ElementPeer {
constructor(svgElement) {
From 24b9cadf809576512d6496a32084b8eb2b598475 Mon Sep 17 00:00:00 2001
From: Matias Arriola
Date: Mon, 21 Feb 2022 02:50:03 +0000
Subject: [PATCH 061/106] Add expiration dialog.
---
packages/editor/src/index.tsx | 28 +---
.../src/components/MockPersistenceManager.ts | 48 ++++++
.../src/components/PersistenceManager.ts | 28 ++++
.../src/components/RestPersistenceManager.ts | 26 ++--
.../components/widget/AccountSettingsPanel.js | 4 +-
packages/mindplot/src/index.ts | 2 +
packages/webapp/src/@types/index.d.ts | 1 +
packages/webapp/src/app.tsx | 9 +-
.../webapp/src/classes/app-config/index.ts | 5 +-
.../client/cache-decorator-client/index.ts | 17 ++-
.../client/client-health-sentinel/index.tsx | 2 +-
packages/webapp/src/classes/client/index.ts | 6 +-
.../client/mock-client/example-map.wxml | 70 +++++++++
.../src/classes/client/mock-client/index.ts | 25 +++-
.../src/classes/client/rest-client/index.ts | 138 +++++++++++++-----
.../HOCs/withSessionExpirationHandling.tsx | 32 ++++
.../src/components/editor-page/index.tsx | 18 ++-
.../components/forgot-password-page/index.tsx | 2 +
.../src/components/login-page/index.tsx | 2 +
.../account-info-dialog/index.tsx | 2 +-
.../maps-page/account-menu/index.tsx | 19 ++-
.../webapp/src/components/maps-page/index.tsx | 2 -
packages/webapp/src/utils.ts | 15 ++
packages/webapp/webpack.common.js | 4 +
24 files changed, 415 insertions(+), 90 deletions(-)
create mode 100644 packages/mindplot/src/components/MockPersistenceManager.ts
create mode 100644 packages/webapp/src/classes/client/mock-client/example-map.wxml
create mode 100644 packages/webapp/src/components/HOCs/withSessionExpirationHandling.tsx
create mode 100644 packages/webapp/src/utils.ts
diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx
index 997a7bad..13a6e37f 100644
--- a/packages/editor/src/index.tsx
+++ b/packages/editor/src/index.tsx
@@ -38,13 +38,14 @@ declare global {
}
export type EditorPropsType = {
- initCallback?: (locale: string) => void;
+ initCallback?: (locale: string, persistenceManager: PersistenceManager) => void;
mapId?: number;
isTryMode: boolean;
readOnlyMode: boolean;
locale?: string;
onAction: (action: ToolbarActionType) => void;
hotkeys?: boolean;
+ persistenceManager: PersistenceManager;
};
const loadLocaleData = (locale: string) => {
@@ -62,33 +63,15 @@ const loadLocaleData = (locale: string) => {
}
}
-const initMindplot = (locale: string) => {
+const initMindplot = (locale: string, persistenceManager: PersistenceManager) => {
// Change page title ...
document.title = `${global.mapTitle} | WiseMapping `;
- // Configure persistence manager ...
- let persistence: PersistenceManager;
- if (!global.memoryPersistence && !global.readOnly) {
- persistence = new RESTPersistenceManager({
- documentUrl: '/c/restful/maps/{id}/document',
- revertUrl: '/c/restful/maps/{id}/history/latest',
- lockUrl: '/c/restful/maps/{id}/lock',
- timestamp: global.lockTimestamp,
- session: global.lockSession,
- });
- } else {
- persistence = new LocalStorageManager(
- `/c/restful/maps/{id}/${global.historyId ? `${global.historyId}/` : ''}document/xml${!global.isAuth ? '-pub' : ''
- }`,
- true
- );
- }
-
const params = new URLSearchParams(window.location.search.substring(1));
const zoomParam = Number.parseFloat(params.get('zoom'));
const options = DesignerOptionsBuilder.buildOptions({
- persistenceManager: persistence,
+ persistenceManager,
readOnly: Boolean(global.readOnly || false),
mapId: String(global.mapId),
container: 'mindplot',
@@ -120,9 +103,10 @@ const Editor = ({
locale = 'en',
onAction,
hotkeys = true,
+ persistenceManager,
}: EditorPropsType): React.ReactElement => {
React.useEffect(() => {
- initCallback(locale);
+ initCallback(locale, persistenceManager);
}, []);
React.useEffect(() => {
diff --git a/packages/mindplot/src/components/MockPersistenceManager.ts b/packages/mindplot/src/components/MockPersistenceManager.ts
new file mode 100644
index 00000000..f139dc20
--- /dev/null
+++ b/packages/mindplot/src/components/MockPersistenceManager.ts
@@ -0,0 +1,48 @@
+/*
+ * Copyright [2022] [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 { $assert } from '@wisemapping/core-js';
+import PersistenceManager from './PersistenceManager';
+
+class MockPersistenceManager extends PersistenceManager {
+ private exampleMap: string;
+
+ constructor(exampleMapAsXml: string) {
+ super();
+ $assert(exampleMapAsXml, 'The test map must be set');
+ this.exampleMap = exampleMapAsXml;
+ }
+
+ saveMapXml(): void {
+ // Ignore, no implementation required ...
+ }
+
+ discardChanges() {
+ // Ignore, no implementation required ...
+ }
+
+ loadMapDom() {
+ return $.parseXML(this.exampleMap);
+ }
+
+ unlockMap(): void {
+ // Ignore, no implementation required ...
+ }
+}
+
+export default MockPersistenceManager;
diff --git a/packages/mindplot/src/components/PersistenceManager.ts b/packages/mindplot/src/components/PersistenceManager.ts
index a56bb2c7..c235ec01 100644
--- a/packages/mindplot/src/components/PersistenceManager.ts
+++ b/packages/mindplot/src/components/PersistenceManager.ts
@@ -20,10 +20,20 @@ import { $assert } from '@wisemapping/core-js';
import { Mindmap } from '..';
import XMLSerializerFactory from './persistence/XMLSerializerFactory';
+export type PersistenceError = {
+ severity: string;
+ message: string;
+ errorType?: 'session-expired' | 'bad-request' | 'generic';
+};
+
+export type PersistenceErrorCallback = (error: PersistenceError) => void;
+
abstract class PersistenceManager {
// eslint-disable-next-line no-use-before-define
static _instance: PersistenceManager;
+ private _errorHandlers: PersistenceErrorCallback[] = [];
+
save(mindmap: Mindmap, editorProperties, saveHistory: boolean, events?) {
$assert(mindmap, 'mindmap can not be null');
$assert(editorProperties, 'editorProperties can not be null');
@@ -48,6 +58,24 @@ abstract class PersistenceManager {
return PersistenceManager.loadFromDom(mapId, domDocument);
}
+ triggerError(error: PersistenceError) {
+ this._errorHandlers.forEach((handler) => handler(error));
+ }
+
+ addErrorHandler(callback: PersistenceErrorCallback) {
+ this._errorHandlers.push(callback);
+ }
+
+ removeErrorHandler(callback?: PersistenceErrorCallback) {
+ if (!callback) {
+ this._errorHandlers.length = 0;
+ }
+ const index = this._errorHandlers.findIndex((handler) => handler === callback);
+ if (index !== -1) {
+ this._errorHandlers.splice(index, 1);
+ }
+ }
+
abstract discardChanges(mapId: string): void;
abstract loadMapDom(mapId: string): Document;
diff --git a/packages/mindplot/src/components/RestPersistenceManager.ts b/packages/mindplot/src/components/RestPersistenceManager.ts
index 7eb076a9..d97da659 100644
--- a/packages/mindplot/src/components/RestPersistenceManager.ts
+++ b/packages/mindplot/src/components/RestPersistenceManager.ts
@@ -18,7 +18,7 @@
import { $assert } from '@wisemapping/core-js';
import $ from 'jquery';
import { $msg } from './Messages';
-import PersistenceManager from './PersistenceManager';
+import PersistenceManager, { PersistenceError } from './PersistenceManager';
class RESTPersistenceManager extends PersistenceManager {
private documentUrl: string;
@@ -76,7 +76,7 @@ class RESTPersistenceManager extends PersistenceManager {
method: 'PUT',
// Blob helps to resuce the memory on large payload.
body: new Blob([JSON.stringify(data)], { type: 'text/plain' }),
- headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json' },
+ headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json', 'X-CSRF-Token': this.getCSRFToken() },
},
).then(async (response: Response) => {
if (response.ok) {
@@ -86,7 +86,7 @@ class RESTPersistenceManager extends PersistenceManager {
console.log(`Saving error: ${response.status}`);
let userMsg;
if (response.status === 405) {
- userMsg = { severity: 'SEVERE', message: $msg('SESSION_EXPIRED') };
+ userMsg = { severity: 'SEVERE', message: $msg('SESSION_EXPIRED'), errorType: 'session-expired' };
} else {
const responseText = await response.text();
const contentType = response.headers['Content-Type'];
@@ -101,6 +101,7 @@ class RESTPersistenceManager extends PersistenceManager {
userMsg = persistence._buildError(serverMsg);
}
}
+ this.triggerError(userMsg);
events.onError(userMsg);
}
@@ -109,9 +110,11 @@ class RESTPersistenceManager extends PersistenceManager {
clearTimeout(persistence.clearTimeout);
}
persistence.onSave = false;
- }).catch((error) => {
- console.log(`Unexpected save error => ${error}`);
- const userMsg = { severity: 'SEVERE', message: $msg('SAVE_COULD_NOT_BE_COMPLETED') };
+ }).catch(() => {
+ const userMsg: PersistenceError = {
+ severity: 'SEVERE', message: $msg('SAVE_COULD_NOT_BE_COMPLETED'), errorType: 'generic',
+ };
+ this.triggerError(userMsg);
events.onError(userMsg);
// Clear event timeout ...
@@ -127,7 +130,7 @@ class RESTPersistenceManager extends PersistenceManager {
fetch(this.revertUrl.replace('{id}', mapId),
{
method: 'POST',
- headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json' },
+ headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json', 'X-CSRF-Token': this.getCSRFToken() },
});
}
@@ -136,7 +139,7 @@ class RESTPersistenceManager extends PersistenceManager {
this.lockUrl.replace('{id}', mapId),
{
method: 'PUT',
- headers: { 'Content-Type': 'text/plain' },
+ headers: { 'Content-Type': 'text/plain', 'X-CSRF-Token': this.getCSRFToken() },
body: 'false',
},
);
@@ -156,14 +159,17 @@ class RESTPersistenceManager extends PersistenceManager {
return { severity, message };
}
+ private getCSRFToken(): string {
+ return document.head.querySelector('meta[name="_csrf"]').getAttribute('content');
+ }
+
loadMapDom(mapId: string): Document {
- // Let's try to open one from the local directory ...
let xml: Document;
$.ajax({
url: `${this.documentUrl.replace('{id}', mapId)}/xml`,
method: 'get',
async: false,
- headers: { 'Content-Type': 'text/plain', Accept: 'application/xml' },
+ headers: { 'Content-Type': 'text/plain', Accept: 'application/xml', 'X-CSRF-Token': this.getCSRFToken() },
success(responseText) {
xml = responseText;
},
diff --git a/packages/mindplot/src/components/widget/AccountSettingsPanel.js b/packages/mindplot/src/components/widget/AccountSettingsPanel.js
index a91d05bc..29e4ebea 100644
--- a/packages/mindplot/src/components/widget/AccountSettingsPanel.js
+++ b/packages/mindplot/src/components/widget/AccountSettingsPanel.js
@@ -25,7 +25,8 @@ class AccountSettingsPanel extends ListToolbarPanel {
// Overwite default behaviour ...
},
setValue() {
- window.location = '/c/logout';
+ const elem = document.getElementById('logoutFrom');
+ elem.submit();
},
};
super(elemId, model);
@@ -59,6 +60,7 @@ class AccountSettingsPanel extends ListToolbarPanel {
content[0].innerHTML = `
${global.accountName}
${global.accountEmail}
+
Logout
diff --git a/packages/mindplot/src/index.ts b/packages/mindplot/src/index.ts
index ed95a2ee..550eb69d 100644
--- a/packages/mindplot/src/index.ts
+++ b/packages/mindplot/src/index.ts
@@ -22,6 +22,7 @@ import PersistenceManager from './components/PersistenceManager';
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';
@@ -48,6 +49,7 @@ export {
DesignerBuilder,
PersistenceManager,
RESTPersistenceManager,
+ MockPersistenceManager,
LocalStorageManager,
DesignerOptionsBuilder,
buildDesigner,
diff --git a/packages/webapp/src/@types/index.d.ts b/packages/webapp/src/@types/index.d.ts
index e238d01c..5d1d9747 100644
--- a/packages/webapp/src/@types/index.d.ts
+++ b/packages/webapp/src/@types/index.d.ts
@@ -1,2 +1,3 @@
declare module '*.png';
declare module '*.svg';
+declare module '*.wxml';
\ No newline at end of file
diff --git a/packages/webapp/src/app.tsx b/packages/webapp/src/app.tsx
index a07d70d5..0a9cee3b 100644
--- a/packages/webapp/src/app.tsx
+++ b/packages/webapp/src/app.tsx
@@ -17,6 +17,7 @@ import { ThemeProvider, Theme, StyledEngineProvider } from '@mui/material/styles
import ReactGA from 'react-ga';
import EditorPage from './components/editor-page';
import AppConfig from './classes/app-config';
+import withSessionExpirationHandling from './components/HOCs/withSessionExpirationHandling';
declare module '@mui/styles/defaultTheme' {
@@ -43,6 +44,8 @@ const App = (): ReactElement => {
const istTryMode = global.memoryPersistence;
const mapId = parseInt(global.mapId, 10);
+ const EditorPageComponent = withSessionExpirationHandling(EditorPage);
+
return locale.message ? (
@@ -80,13 +83,13 @@ const App = (): ReactElement => {
/>
-
-
diff --git a/packages/webapp/src/classes/app-config/index.ts b/packages/webapp/src/classes/app-config/index.ts
index 7524aed4..d586f1c0 100644
--- a/packages/webapp/src/classes/app-config/index.ts
+++ b/packages/webapp/src/classes/app-config/index.ts
@@ -1,4 +1,3 @@
-import { sessionExpired } from "../../redux/clientSlice";
import Client from "../client";
import CacheDecoratorClient from "../client/cache-decorator-client";
import MockClient from "../client/mock-client";
@@ -53,9 +52,7 @@ class _AppConfig {
const config = this.getInstance();
let result: Client;
if (config.clientType == 'rest') {
- result = new RestClient(config.apiBaseUrl, () => {
- sessionExpired();
- });
+ result = new RestClient(config.apiBaseUrl);
console.log('Service using rest client. ' + JSON.stringify(config));
} else {
console.log('Warning:Service using mockservice client');
diff --git a/packages/webapp/src/classes/client/cache-decorator-client/index.ts b/packages/webapp/src/classes/client/cache-decorator-client/index.ts
index 8c988e4e..e1106151 100644
--- a/packages/webapp/src/classes/client/cache-decorator-client/index.ts
+++ b/packages/webapp/src/classes/client/cache-decorator-client/index.ts
@@ -1,4 +1,4 @@
-import { Mindmap } from '@wisemapping/mindplot';
+import { Mindmap, PersistenceManager } from '@wisemapping/mindplot';
import Client, {
AccountInfo,
BasicMapInfo,
@@ -17,7 +17,11 @@ class CacheDecoratorClient implements Client {
constructor(client: Client) {
this.client = client;
}
-
+
+ onSessionExpired(callback?: () => void): () => void {
+ return this.client.onSessionExpired(callback);
+ }
+
fetchMindmap(id: number): Mindmap {
return this.client.fetchMindmap(id);
}
@@ -125,6 +129,15 @@ class CacheDecoratorClient implements Client {
revertHistory(id: number, cid: number): Promise {
return this.client.revertHistory(id, cid);
}
+
+ buildPersistenceManager(): PersistenceManager {
+ return this.client.buildPersistenceManager();
+ }
+
+ removePersistenceManager(): void {
+ return this.client.removePersistenceManager();
+ }
+
}
export default CacheDecoratorClient;
\ No newline at end of file
diff --git a/packages/webapp/src/classes/client/client-health-sentinel/index.tsx b/packages/webapp/src/classes/client/client-health-sentinel/index.tsx
index f442306f..468882bb 100644
--- a/packages/webapp/src/classes/client/client-health-sentinel/index.tsx
+++ b/packages/webapp/src/classes/client/client-health-sentinel/index.tsx
@@ -45,7 +45,7 @@ const ClientHealthSentinel = (): React.ReactElement => {
-
diff --git a/packages/webapp/src/classes/client/index.ts b/packages/webapp/src/classes/client/index.ts
index 09728cb3..f64ba644 100644
--- a/packages/webapp/src/classes/client/index.ts
+++ b/packages/webapp/src/classes/client/index.ts
@@ -1,4 +1,4 @@
-import { Mindmap } from '@wisemapping/mindplot';
+import { Mindmap, PersistenceManager } from '@wisemapping/mindplot';
import { Locale, LocaleCode } from '../app-i18n';
export type NewUser = {
@@ -109,6 +109,10 @@ interface Client {
fetchMindmap(id:number): Mindmap;
+ buildPersistenceManager(): PersistenceManager;
+ removePersistenceManager(): void;
+
+ onSessionExpired(callback?: () => void): () => void;
}
export default Client;
diff --git a/packages/webapp/src/classes/client/mock-client/example-map.wxml b/packages/webapp/src/classes/client/mock-client/example-map.wxml
new file mode 100644
index 00000000..6d0ab9c5
--- /dev/null
+++ b/packages/webapp/src/classes/client/mock-client/example-map.wxml
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/webapp/src/classes/client/mock-client/index.ts b/packages/webapp/src/classes/client/mock-client/index.ts
index 57376cea..a52e094f 100644
--- a/packages/webapp/src/classes/client/mock-client/index.ts
+++ b/packages/webapp/src/classes/client/mock-client/index.ts
@@ -1,4 +1,4 @@
-import { Mindmap } from '@wisemapping/mindplot';
+import { Mindmap, MockPersistenceManager, PersistenceManager } from '@wisemapping/mindplot';
import XMLSerializerTango from '@wisemapping/mindplot/src/components/persistence/XMLSerializerTango';
import Client, {
AccountInfo,
@@ -11,6 +11,7 @@ import Client, {
Permission,
} from '..';
import { LocaleCode, localeFromStr } from '../../app-i18n';
+import exampleMap from './example-map.wxml';
const label1: Label = {
id: 1,
@@ -34,7 +35,8 @@ class MockClient implements Client {
private maps: MapInfo[] = [];
private labels: Label[] = [];
private permissionsByMap: Map = new Map();
-
+ private persistenceManager: PersistenceManager;
+
constructor() {
// Remove, just for develop ....
function createMapInfo(
@@ -109,6 +111,10 @@ class MockClient implements Client {
this.labels = [label1, label2, label3];
}
+
+ onSessionExpired(callback?: () => void): () => void {
+ return callback;
+ }
fetchMindmap(id: number): Mindmap {
const parser = new DOMParser();
@@ -392,6 +398,21 @@ class MockClient implements Client {
console.log('email:' + email);
return Promise.resolve();
}
+
+ buildPersistenceManager(): PersistenceManager {
+ if (this.persistenceManager){
+ return this.persistenceManager;
+ }
+ const persistence: PersistenceManager = new MockPersistenceManager(exampleMap);
+ this.persistenceManager = persistence;
+ return persistence;
+ }
+
+ removePersistenceManager(): void {
+ if (this.persistenceManager) {
+ delete this.persistenceManager;
+ }
+ }
}
export default MockClient;
diff --git a/packages/webapp/src/classes/client/rest-client/index.ts b/packages/webapp/src/classes/client/rest-client/index.ts
index 0cb227e6..74fc6d84 100644
--- a/packages/webapp/src/classes/client/rest-client/index.ts
+++ b/packages/webapp/src/classes/client/rest-client/index.ts
@@ -1,5 +1,6 @@
-import { LocalStorageManager, Mindmap } from '@wisemapping/mindplot';
-import axios from 'axios';
+import { LocalStorageManager, Mindmap, PersistenceManager, RESTPersistenceManager } from '@wisemapping/mindplot';
+import { PersistenceError } from '@wisemapping/mindplot/src/components/PersistenceManager';
+import axios, { AxiosInstance, AxiosResponse } from 'axios';
import Client, {
ErrorInfo,
MapInfo,
@@ -11,15 +12,46 @@ import Client, {
ImportMapInfo,
Permission,
} from '..';
+import { getCsrfToken } from '../../../utils';
import { LocaleCode, localeFromStr } from '../../app-i18n';
export default class RestClient implements Client {
private baseUrl: string;
- private sessionExpired: () => void;
+ private persistenceManager: PersistenceManager;
+ private axios: AxiosInstance;
- constructor(baseUrl: string, sessionExpired: () => void) {
+ private checkResponseForSessionExpired = (error: { response?: AxiosResponse }): Promise<{ response?: AxiosResponse }> => {
+ // TODO: Improve session timeout response and response handling
+ if (error.response && error.response.status === 405) {
+ this.sessionExpired();
+ }
+ return Promise.reject(error);
+ };
+
+ constructor(baseUrl: string) {
this.baseUrl = baseUrl;
- this.sessionExpired = sessionExpired;
+ this.axios = axios.create({ maxRedirects: 0 });
+ const csrfToken = getCsrfToken();
+ if (csrfToken) {
+ this.axios.defaults.headers['X-CSRF-TOKEN'] = csrfToken;
+ } else {
+ console.warn('csrf token not found in html head');
+ }
+ this.axios.interceptors.response.use((r) => r, (r) => this.checkResponseForSessionExpired(r));
+ }
+
+ private _onSessionExpired : () => void;
+ onSessionExpired(callback?: () => void): () => void {
+ if (callback) {
+ this._onSessionExpired = callback;
+ }
+ return this._onSessionExpired;
+ }
+
+ private sessionExpired() {
+ if (this._onSessionExpired) {
+ this._onSessionExpired();
+ }
}
fetchMindmap(id: number): Mindmap {
@@ -34,7 +66,7 @@ export default class RestClient implements Client {
deleteMapPermission(id: number, email: string): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.delete(`${this.baseUrl}/c/restful/maps/${id}/collabs?email=${encodeURIComponent(email)}`, {
headers: { 'Content-Type': 'text/plain' },
})
@@ -51,7 +83,7 @@ export default class RestClient implements Client {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
addMapPermissions(id: number, message: string, permissions: Permission[]): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(
`${this.baseUrl}/c/restful/maps/${id}/collabs/`,
{
@@ -77,7 +109,7 @@ export default class RestClient implements Client {
success: (labels: Permission[]) => void,
reject: (error: ErrorInfo) => void
) => {
- axios
+ this.axios
.get(`${this.baseUrl}/c/restful/maps/${id}/collabs`, {
headers: { 'Content-Type': 'text/plain' },
})
@@ -104,7 +136,7 @@ export default class RestClient implements Client {
deleteAccount(): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.delete(`${this.baseUrl}/c/restful/account`, {
headers: { 'Content-Type': 'text/plain' },
})
@@ -121,12 +153,12 @@ export default class RestClient implements Client {
updateAccountInfo(firstname: string, lastname: string): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/c/restful/account/firstname`, firstname, {
headers: { 'Content-Type': 'text/plain' },
})
.then(() => {
- return axios.put(`${this.baseUrl}/c/restful/account/lastname`, lastname, {
+ return this.axios.put(`${this.baseUrl}/c/restful/account/lastname`, lastname, {
headers: { 'Content-Type': 'text/plain' },
});
})
@@ -144,7 +176,7 @@ export default class RestClient implements Client {
updateAccountPassword(pasword: string): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/c/restful/account/password`, pasword, {
headers: { 'Content-Type': 'text/plain' },
})
@@ -161,7 +193,7 @@ export default class RestClient implements Client {
updateAccountLanguage(locale: LocaleCode): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/c/restful/account/locale`, locale, {
headers: { 'Content-Type': 'text/plain' },
})
@@ -179,7 +211,7 @@ export default class RestClient implements Client {
importMap(model: ImportMapInfo): Promise {
const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(
`${this.baseUrl}/c/restful/maps?title=${encodeURIComponent(model.title)}&description=${model.description ? model.description : ''
}`,
@@ -203,7 +235,7 @@ export default class RestClient implements Client {
success: (account: AccountInfo) => void,
reject: (error: ErrorInfo) => void
) => {
- axios
+ this.axios
.get(`${this.baseUrl}/c/restful/account`, {
headers: { 'Content-Type': 'application/json' },
})
@@ -227,7 +259,7 @@ export default class RestClient implements Client {
deleteMaps(ids: number[]): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.delete(`${this.baseUrl}/c/restful/maps/batch?ids=${ids.join()}`, {
headers: { 'Content-Type': 'text/plain' },
})
@@ -245,7 +277,7 @@ export default class RestClient implements Client {
updateMapToPublic(id: number, isPublic: boolean): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/c/restful/maps/${id}/publish`, isPublic.toString(), {
headers: { 'Content-Type': 'text/plain' },
})
@@ -262,7 +294,7 @@ export default class RestClient implements Client {
revertHistory(id: number, hid: number): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(`${this.baseUrl}/c/restful/maps/${id}/history/${hid}`, null, {
headers: { 'Content-Type': 'text/pain' },
})
@@ -282,7 +314,7 @@ export default class RestClient implements Client {
success: (historyList: ChangeHistory[]) => void,
reject: (error: ErrorInfo) => void
) => {
- axios
+ this.axios
.get(`${this.baseUrl}/c/restful/maps/${id}/history/`, {
headers: { 'Content-Type': 'application/json' },
})
@@ -307,12 +339,12 @@ export default class RestClient implements Client {
renameMap(id: number, basicInfo: BasicMapInfo): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/c/restful/maps/${id}/title`, basicInfo.title, {
headers: { 'Content-Type': 'text/plain' },
})
.then(() => {
- return axios.put(
+ return this.axios.put(
`${this.baseUrl}/c/restful/maps/${id}/description`, basicInfo.description || ' ',
{ headers: { 'Content-Type': 'text/plain' } }
);
@@ -332,7 +364,7 @@ export default class RestClient implements Client {
createMap(model: BasicMapInfo): Promise {
const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(
`${this.baseUrl}/c/restful/maps?title=${model.title}&description=${model.description ? model.description : ''
}`,
@@ -356,7 +388,7 @@ export default class RestClient implements Client {
success: (mapsInfo: MapInfo[]) => void,
reject: (error: ErrorInfo) => void
) => {
- axios
+ this.axios
.get(`${this.baseUrl}/c/restful/maps/`, {
headers: { 'Content-Type': 'application/json' },
})
@@ -390,7 +422,7 @@ export default class RestClient implements Client {
registerNewUser(user: NewUser): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(`${this.baseUrl}/service/users/`, JSON.stringify(user), {
headers: { 'Content-Type': 'application/json' },
})
@@ -408,7 +440,7 @@ export default class RestClient implements Client {
deleteMap(id: number): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.delete(`${this.baseUrl}/c/restful/maps/${id}`, {
headers: { 'Content-Type': 'application/json' },
})
@@ -425,7 +457,7 @@ export default class RestClient implements Client {
resetPassword(email: string): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/service/users/resetPassword?email=${encodeURIComponent(email)}`, null, {
headers: { 'Content-Type': 'application/json' },
})
@@ -444,7 +476,7 @@ export default class RestClient implements Client {
duplicateMap(id: number, basicInfo: BasicMapInfo): Promise {
const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(`${this.baseUrl}/c/restful/maps/${id}`, JSON.stringify(basicInfo), {
headers: { 'Content-Type': 'application/json' },
})
@@ -462,9 +494,8 @@ export default class RestClient implements Client {
}
updateStarred(id: number, starred: boolean): Promise {
- console.debug(`Starred => ${starred}`)
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.put(`${this.baseUrl}/c/restful/maps/${id}/starred`, starred.toString(), {
headers: { 'Content-Type': 'text/plain' },
})
@@ -485,7 +516,7 @@ export default class RestClient implements Client {
success: (labels: Label[]) => void,
reject: (error: ErrorInfo) => void
) => {
- axios
+ this.axios
.get(`${this.baseUrl}/c/restful/labels/`, {
headers: { 'Content-Type': 'application/json' },
})
@@ -512,7 +543,7 @@ export default class RestClient implements Client {
createLabel(title: string, color: string): Promise {
const handler = (success: (labelId: number) => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(`${this.baseUrl}/c/restful/labels`, JSON.stringify({ title, color, iconName: 'smile' }), {
headers: { 'Content-Type': 'application/json' },
})
@@ -529,7 +560,7 @@ export default class RestClient implements Client {
deleteLabel(id: number): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.delete(`${this.baseUrl}/c/restful/labels/${id}`)
.then(() => {
success();
@@ -544,7 +575,7 @@ export default class RestClient implements Client {
addLabelToMap(labelId: number, mapId: number): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.post(`${this.baseUrl}/c/restful/maps/${mapId}/labels`, JSON.stringify(labelId), {
headers: { 'Content-Type': 'application/json' },
})
@@ -561,7 +592,7 @@ export default class RestClient implements Client {
deleteLabelFromMap(labelId: number, mapId: number): Promise {
const handler = (success: () => void, reject: (error: ErrorInfo) => void) => {
- axios
+ this.axios
.delete(`${this.baseUrl}/c/restful/maps/${mapId}/labels/${labelId}`)
.then(() => {
success();
@@ -574,6 +605,45 @@ export default class RestClient implements Client {
return new Promise(handler);
}
+ private onPersistenceManagerError(error: PersistenceError) {
+ if (error.errorType === 'session-expired') {
+ this.sessionExpired();
+ }
+ }
+
+ buildPersistenceManager(): PersistenceManager {
+ if (this.persistenceManager){
+ return this.persistenceManager;
+ }
+ // TODO: Move globals out, make urls configurable
+ let persistence: PersistenceManager;
+ if (!global.memoryPersistence && !global.readOnly) {
+ persistence = new RESTPersistenceManager({
+ documentUrl: '/c/restful/maps/{id}/document',
+ revertUrl: '/c/restful/maps/{id}/history/latest',
+ lockUrl: '/c/restful/maps/{id}/lock',
+ timestamp: global.lockTimestamp,
+ session: global.lockSession,
+ });
+ } else {
+ persistence = new LocalStorageManager(
+ `/c/restful/maps/{id}/${global.historyId ? `${global.historyId}/` : ''}document/xml${!global.isAuth ? '-pub' : ''
+ }`,
+ true
+ );
+ }
+ persistence.addErrorHandler((err) => this.onPersistenceManagerError(err));
+ this.persistenceManager = persistence;
+ return persistence;
+ }
+
+ removePersistenceManager(): void {
+ if (this.persistenceManager) {
+ this.persistenceManager.removeErrorHandler();
+ delete this.persistenceManager;
+ }
+ }
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
private parseResponseOnError = (response: any): ErrorInfo => {
console.error("Backend error=>");
diff --git a/packages/webapp/src/components/HOCs/withSessionExpirationHandling.tsx b/packages/webapp/src/components/HOCs/withSessionExpirationHandling.tsx
new file mode 100644
index 00000000..2e2fbda9
--- /dev/null
+++ b/packages/webapp/src/components/HOCs/withSessionExpirationHandling.tsx
@@ -0,0 +1,32 @@
+/* eslint-disable react/display-name */
+import React, { ComponentType, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import Client from '../../classes/client';
+import ClientHealthSentinel from '../../classes/client/client-health-sentinel';
+import { activeInstance, sessionExpired } from '../../redux/clientSlice';
+
+function withSessionExpirationHandling(Component: ComponentType) {
+ return (hocProps: T): React.ReactElement => {
+ const client: Client = useSelector(activeInstance);
+ const dispatch = useDispatch();
+
+ useEffect(() => {
+ if (client) {
+ client.onSessionExpired(() => {
+ dispatch(sessionExpired());
+ });
+ } else {
+ console.warn('Session expiration wont be handled because could not find client');
+ }
+ }, []);
+
+ return (
+ <>
+ (null);
const hotkeys = useSelector(hotkeysEnabled);
const userLocale = AppI18n.getUserLocale();
+ const client: Client = useSelector(activeInstance);
+ const [persistenceManager, setPersistenceManager] = React.useState();
useEffect(() => {
ReactGA.pageview(window.location.pathname + window.location.search);
+ const persistence = client.buildPersistenceManager();
+ setPersistenceManager(persistence);
+ return () => client.removePersistenceManager();
}, []);
-
+
+ if (!persistenceManager) {
+ // persistenceManager must be ready for the editor to work
+ return null;
+ }
return <>
- {
const [email, setEmail] = useState('');
@@ -54,6 +55,7 @@ const ForgotPassword = () => {
);
};
diff --git a/packages/webapp/src/components/maps-page/index.tsx b/packages/webapp/src/components/maps-page/index.tsx
index fe09229a..bf9d5a28 100644
--- a/packages/webapp/src/components/maps-page/index.tsx
+++ b/packages/webapp/src/components/maps-page/index.tsx
@@ -15,7 +15,6 @@ import Client, { Label } from '../../classes/client';
import ActionDispatcher from './action-dispatcher';
import { ActionType } from './action-chooser';
import AccountMenu from './account-menu';
-import ClientHealthSentinel from '../../classes/client/client-health-sentinel';
import HelpMenu from './help-menu';
import LanguageMenu from './language-menu';
import AppI18n, { Locales } from '../../classes/app-i18n';
@@ -153,7 +152,6 @@ const MapsPage = (): ReactElement => {
messages={userLocale.message}
>
-
{
+ const meta = document.head.querySelector('meta[name="_csrf"]');
+ if (!meta) {
+ return null;
+ }
+ return meta.getAttribute('content');
+};
+
+export const getCsrfTokenParameter = (): string | null => {
+ const meta = document.head.querySelector('meta[name="_csrf_parameter"]');
+ if (!meta) {
+ return null;
+ }
+ return meta.getAttribute('content');
+};
\ No newline at end of file
diff --git a/packages/webapp/webpack.common.js b/packages/webapp/webpack.common.js
index cf63e18f..4c3e57bd 100644
--- a/packages/webapp/webpack.common.js
+++ b/packages/webapp/webpack.common.js
@@ -30,6 +30,10 @@ module.exports = {
test: /\.(png|jpe?g|gif|svg)$/,
type: 'asset/inline',
},
+ {
+ test: /\.wxml$/i,
+ type: 'asset/source',
+ },
],
},
optimization: {
From 619f4274cbd7981c8cde8426af5d564a3f0eed13 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Sun, 20 Feb 2022 21:25:18 -0800
Subject: [PATCH 062/106] Include css as part of the editor
---
packages/editor/src/bootstrap.min.css | 7 +
.../src/components/toolbar/global-styled.css | 227 +++++++++++++++++
.../editor/src/components/toolbar/index.tsx | 1 +
packages/editor/src/global-styled.css | 231 ++++++++++++++++++
packages/editor/src/index.tsx | 4 +-
packages/editor/webpack.common.js | 50 ++--
6 files changed, 496 insertions(+), 24 deletions(-)
create mode 100644 packages/editor/src/bootstrap.min.css
create mode 100644 packages/editor/src/components/toolbar/global-styled.css
create mode 100644 packages/editor/src/global-styled.css
diff --git a/packages/editor/src/bootstrap.min.css b/packages/editor/src/bootstrap.min.css
new file mode 100644
index 00000000..04f50092
--- /dev/null
+++ b/packages/editor/src/bootstrap.min.css
@@ -0,0 +1,7 @@
+/*!
+ * 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/global-styled.css b/packages/editor/src/components/toolbar/global-styled.css
new file mode 100644
index 00000000..0bd3f70f
--- /dev/null
+++ b/packages/editor/src/components/toolbar/global-styled.css
@@ -0,0 +1,227 @@
+div#header {
+ width: 100%;
+ height:50px;
+ position: absolute;
+ top: 0;
+ z-index:1000;
+}
+
+div#headerNotifier {
+ border: 1px solid rgb(241, 163, 39);
+ background-color: rgb(252, 235, 192);
+ border-radius: 3px;
+ position: fixed;
+ padding: 5px 9px;
+ color: back;
+ white-space: nowrap;
+ margin-top: 5px;
+ display: none;
+ bottom: 10px;
+}
+
+div#toolbarRight {
+ float: right;
+ white-space: nowrap;
+ vertical-align: middle;
+ justify-content: center;
+ margin: 6px 10px;
+ height: 100%;
+}
+
+#account {
+ float: right;
+ display: inline;
+}
+
+#account >img {
+ width: 36x;
+ height: 36px;
+}
+
+#accountSettingsPanel{
+ padding:10px 10px;
+}
+
+#share {
+ margin: 0 30px;
+ float: right;
+}
+
+.actionButton {
+ cursor: pointer;
+ font-family: Arial, Helvetica, sans-serif;
+ user-select: none;
+ vertical-align: middle;
+ justify-content: center;
+ padding: 10px 25px;
+ font-size: 15px;
+ min-width: 64px;
+ box-sizing: border-box;
+ font-weight: 600;
+ border-radius: 9px;
+ color: white;
+ background-color: #ffa800;
+}
+
+.actionButton:hover {
+ transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+div#toolbar {
+ width: 100%;
+ height: 50px;
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+ min-width: 900px;
+ overflow: hidden;
+}
+
+div#toolbar .buttonContainer {
+ height: 50px;
+ padding-top: 8px;
+ padding-right: 10px;
+ padding-left: 10px;
+ float: left;
+ border-left: 1px solid lightgray;
+}
+
+div#mapName >span {
+ border-radius: 4px;
+ float: left;
+ padding: 8px;
+ min-width: 30px;
+ font-weight: bold;
+}
+
+div#backToList {
+ height: 24px;
+ width: 24px;
+ float: left;
+ margin: 13px 20px;
+}
+
+/******************************************************************************************/
+/* Buttons*/
+/******************************************************************************************/
+
+div#toolbar .buttonOn,
+div#toolbar .buttonOff,
+div#toolbar .buttonActive,
+div#toolbar .buttonOn:hover {
+ width: 28px;
+ height: 28px;
+ float: left;
+ text-align: center;
+ z-index: 4;
+ margin-top: 3px;
+ padding-top: 2px;
+ padding-left: 2px;
+ margin-left: 3px;
+}
+
+div#toolbar .buttonOn:hover {
+ cursor: pointer;
+ opacity: 1;
+}
+
+div#toolbar .buttonOn {
+ opacity: 0.8;
+}
+
+div#toolbar .buttonOff {
+ opacity: 0.4;
+}
+
+div#exportAnchor {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+div#toolbar .buttonExtOn,
+div#toolbar .buttonExtOff,
+div#toolbar .buttonExtActive,
+div#toolbar .buttonExtOn:hover {
+ width: 40px;
+ height: 28px;
+ float: left;
+ text-align: left;
+ z-index: 4;
+ margin-top: 3px;
+ padding-top: 2px;
+ padding-left: 5px;
+ margin-left: 3px;
+}
+
+div#toolbar .buttonExtOn:hover {
+ opacity: 1;
+}
+
+div#toolbar .buttonExtActive {
+ opacity: 1;
+}
+
+div#toolbar .buttonExtOn {
+ opacity: 0.8;
+ cursor: pointer
+}
+
+div#toolbar .buttonExtOff {
+ opacity: 0.4;
+}
+
+div#exportAnchor {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/***************************************************************************************************/
+/* Other toolbar styles */
+/***************************************************************************************************/
+.toolbarTip {
+ background-color: #000000;
+ padding: 5px 5px;
+ color: #f5f5f5;
+ font-size: 11px;
+}
+
+div#colorPalette {
+ border: 1px solid #bbb4d6;
+ display: none;
+ position: absolute;
+ z-index: 4;
+ width: 160px;
+ top: 89px;
+}
+
+div.toolbarPanelLink,
+div.toolbarPanelLinkSelectedLink {
+ cursor: pointer;
+ color: black;
+ margin: 1px;
+ cursor: pointer;
+ font-size: 12px;
+ padding: 5px 10px;
+ font-weight: bold;
+}
+
+div.toolbarPanelLink:hover,
+div.toolbarPanelLinkSelectedLink {
+ cursor: pointer;
+ background-color: #efefef;
+}
+
+.toolbarPaneTip {
+ background-color: rgb(228, 226, 210);
+ padding: 5px 5px;
+ color: #f5f5f5;
+ font-size: 11px;
+ border-radius: 6px;
+ box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
+ border: 3px double rgb(190, 190, 190);
+}
\ 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 6a80e467..55a2ad6d 100644
--- a/packages/editor/src/components/toolbar/index.tsx
+++ b/packages/editor/src/components/toolbar/index.tsx
@@ -24,6 +24,7 @@ import PublicSvg from '../../../images/public.svg';
import HistorySvg from '../../../images/history.svg';
import PrintSvg from '../../../images/print.svg';
import AccountSvg from '../../../images/account.svg';
+import './global-styled.css';
import { HeaderContainer, ToolbarButton, ToolbarButtonExt, ToolbarRightContainer } from './styled';
import ActionButton from '../action-button';
diff --git a/packages/editor/src/global-styled.css b/packages/editor/src/global-styled.css
new file mode 100644
index 00000000..f608bf61
--- /dev/null
+++ b/packages/editor/src/global-styled.css
@@ -0,0 +1,231 @@
+/********************************************************************************/
+/* Header & Toolbar Styles */
+/********************************************************************************/
+@import "bootstrap.min.css";
+
+html {
+ /* avoid bootstrap overriding font-size and breaking Mui */
+ font-size: initial;
+}
+
+body {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: hidden;
+}
+
+div#mindplot {
+ position: relative;
+ top: 50px;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ overflow: hidden;
+ opacity: 1;
+ background-color: #f2f2f2;
+ background-image: linear-gradient(#ebe9e7 1px, transparent 1px), linear-gradient(to right, #ebe9e7 1px, #f2f2f2 1px);
+ background-size: 50px 50px;
+}
+
+.notesTip {
+ background-color: #dfcf3c;
+ padding: 5px 15px;
+ color: #666666;
+ /*font-weight: bold;*/
+ /*width: 100px;*/
+ font-size: 13px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
+}
+
+.linkTip {
+ background-color: #dfcf3c;
+ padding: 5px 15px;
+ color: #666666;
+ /*font-weight: bold;*/
+ /*width: 100px;*/
+ font-size: 13px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
+}
+
+.keyboardShortcutTip {
+ background-color: black;
+ padding: 5px 15px;
+ color: white;
+ font-weight: bold;
+ font-size: 11px;
+}
+
+/** */
+/* Modal dialogs definitions */
+
+div.modalDialog {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ z-index: 11000;
+ width: 500px;
+ margin: -250px 0 0 -250px;
+ background-color: #ffffff;
+ border: 1px solid #999;
+ padding: 10px;
+ overflow: auto;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding-box;
+ background-clip: padding-box;
+}
+
+div.modalDialog .content {
+ padding: 5px 5px;
+}
+
+div.modalDialog .title {
+ font-weight: bold;
+ text-shadow: 1px 1px 0 #fff;
+ border-bottom: 1px solid #eee;
+ padding: 5px 15px;
+ font-size: 18px;
+}
+
+/*--- End Modal Dialog Form ---*/
+
+.publishModalDialog .content {
+ height: 420px;
+}
+
+.exportModalDialog .content {
+ height: 400px;
+}
+
+.shareModalDialog .content {
+ height: 440px;
+}
+
+div.shareModalDialog {
+ width: 550px;
+}
+
+.panelIcon {
+ width: 20px;
+ height: 20px;
+ margin-left: 4px;
+ margin-top: 3px;
+ cursor: pointer
+}
+
+.panelIcon:hover {
+ background-color: #efefef;
+}
+
+.popover {
+ font-size: 13px;
+ max-width: none;
+}
+
+#floating-panel {
+ position: fixed;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ bottom: 20px;
+ right: 20px;
+ align-items: stretch;
+}
+
+div#position {
+ margin-top: 5px;
+}
+
+#position-button {
+ cursor: pointer;
+ border: solid black 1px;
+ width: 40px;
+ height: 40px;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 40px 40px;
+ background-color: #FFF;
+ border-radius: 8px;
+}
+
+#zoom-button {
+ width: 40px;
+ border: 0;
+}
+
+#zoom-plus,
+#zoom-minus {
+ border: solid black 1px;
+ height: 40px;
+ width: 40px;
+ background-repeat: no-repeat;
+ background-size: 40px 40px;
+ background-position: center;
+ cursor: pointer;
+ background-color: #FFF;
+}
+
+#zoom-plus {
+ border-radius: 8px 8px 0 0;
+}
+
+#zoom-minus {
+ border-radius: 0 0 8px 8px;
+}
+
+div#shotcuts > img{
+ margin: 20px 0;
+ width: 40px;
+ height: 40px;
+}
+
+#keyboardTable {
+ font-family: Arial, verdana, serif;
+ font-size: 13px;
+ width: 100%;
+}
+
+#keyboardTable td {
+ padding: 3px;
+ white-space: nowrap;
+}
+
+#keyboardTable th {
+ padding: 5px;
+ white-space: nowrap;
+}
+
+#keyboardTable th {
+ background-color: #000000;
+ color: #ffffff;
+}
+
+div#tryInfoPanel {
+ position: absolute;
+ margin: auto;
+ text-align: center;
+ top: 80px;
+ right: 20px;
+ width: 200px;
+ height: 300px;
+ padding: 20px;
+ font-size: 15px;
+ border-radius: 9px;
+ background-color: white;
+ border: solid 2px #ffa800;
+}
+
+#tryInfoPanel > p {
+ justify-content: center;
+ padding-bottom: 20px;
+}
\ No newline at end of file
diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx
index 13a6e37f..76520f51 100644
--- a/packages/editor/src/index.tsx
+++ b/packages/editor/src/index.tsx
@@ -5,9 +5,7 @@ import { IntlProvider } from 'react-intl';
import {
$notify,
buildDesigner,
- LocalStorageManager,
PersistenceManager,
- RESTPersistenceManager,
DesignerOptionsBuilder,
Designer,
DesignerKeyboard,
@@ -16,7 +14,7 @@ import FR from './compiled-lang/fr.json';
import ES from './compiled-lang/es.json';
import EN from './compiled-lang/en.json';
import DE from './compiled-lang/de.json';
-
+import './global-styled.css';
declare global {
var memoryPersistence: boolean;
diff --git a/packages/editor/webpack.common.js b/packages/editor/webpack.common.js
index 00c3147d..a5adedc2 100644
--- a/packages/editor/webpack.common.js
+++ b/packages/editor/webpack.common.js
@@ -4,11 +4,12 @@ module.exports = {
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
- publicPath: '',
+ publicPath: '',
library: {
type: 'umd',
- }, },
- stats:{
+ },
+ },
+ stats: {
errorDetails: true
},
entry: {
@@ -18,24 +19,31 @@ module.exports = {
devtool: 'source-map',
target: 'web',
resolve: {
- extensions: ['.ts', '.tsx', '.js', '.jsx']
+ extensions: ['.ts', '.tsx', '.js', '.jsx']
},
module: {
- rules: [
- {
- test: /\.tsx?$/,
- use: 'ts-loader',
- exclude: '/node_modules/'
- },
- {
- test: /\.(png|jpe?g|gif|svg)$/,
- type: 'asset/inline',
- },
- {
- test: /\.(js|jsx)$/,
- exclude: /node_modules/,
- use: ['babel-loader'],
- },
- ],
+ rules: [
+ {
+ test: /\.tsx?$/,
+ use: 'ts-loader',
+ exclude: '/node_modules/'
+ },
+ {
+ test: /\.(png|jpe?g|gif|svg)$/,
+ type: 'asset/inline',
+ },
+ {
+ test: /\.(js|jsx)$/,
+ exclude: /node_modules/,
+ use: ['babel-loader'],
+ }, {
+ test: /\.css$/i,
+ loader: 'style-loader'
+ },
+ {
+ test: /\.css$/,
+ loader: 'css-loader',
+ }
+ ],
},
-}
+};
From c95b5c5a50e13baf92c9fccf620dce2c232a36ef Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga
Date: Sun, 20 Feb 2022 21:41:59 -0800
Subject: [PATCH 063/106] Move css to editor
---
packages/editor/test/playground/index.html | 1 -
.../bootstrap/css/bootstrap.min.css | 7 -
.../map-render/css/compatibility.css | 190 ----------------
.../test/playground/map-render/css/editor.css | 208 ------------------
.../playground/map-render/css/embedded.css | 95 --------
.../test/playground/map-render/css/header.css | 6 -
.../playground/map-render/css/toolbar.css | 164 --------------
.../playground/map-render/css/viewmode.css | 6 +-
.../playground/map-render/html/container.html | 68 ------
.../playground/map-render/html/container.json | 17 --
.../playground/map-render/html/embedded.html | 16 --
.../test/playground/map-render/js/editor.jsx | 1 -
.../playground/map-render/js/embedded.jsx | 35 ---
packages/editor/webpack.playground.js | 20 --
14 files changed, 4 insertions(+), 830 deletions(-)
delete mode 100644 packages/editor/test/playground/map-render/bootstrap/css/bootstrap.min.css
delete mode 100644 packages/editor/test/playground/map-render/css/compatibility.css
delete mode 100644 packages/editor/test/playground/map-render/css/editor.css
delete mode 100644 packages/editor/test/playground/map-render/css/embedded.css
delete mode 100644 packages/editor/test/playground/map-render/css/header.css
delete mode 100644 packages/editor/test/playground/map-render/css/toolbar.css
delete mode 100644 packages/editor/test/playground/map-render/html/container.html
delete mode 100644 packages/editor/test/playground/map-render/html/container.json
delete mode 100644 packages/editor/test/playground/map-render/html/embedded.html
delete mode 100644 packages/editor/test/playground/map-render/js/embedded.jsx
diff --git a/packages/editor/test/playground/index.html b/packages/editor/test/playground/index.html
index 4708e1b2..ebe99995 100644
--- a/packages/editor/test/playground/index.html
+++ b/packages/editor/test/playground/index.html
@@ -25,7 +25,6 @@
View mode: Simple integration to load and render mindaps in read
only modeEditor mode: Example on how mindplot can be used for mindmap edition. Browser local storage is used for persistance.Embedded: Example on how to embeded editor in a iframe.