vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2025-06-11 10:33:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add center position action.

Browse Source 
Improve screenmanager positioning
Change several clasess to typescript
This commit is contained in:
Paulo Gustavo Veiga
2022-01-09 10:43:04 -08:00
parent 1bebfa3dff
commit cdd044c41d
23 changed files with 233 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/mindplot/test/playground/map-render/css/editor.less
View File

@ -19,7 +19,6 @@ body {
div#mindplot {
position: relative;
top: @header-toolbar-height;
top: 0;
left: 0;
width: 100%;
height: 100%;
@ -154,6 +153,22 @@ div#bottom-logo {
height: 40px;
}
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;
@ -161,6 +176,7 @@ div#bottom-logo {
#zoom-plus,
#zoom-minus {
border: solid black 1px;
height: 40px;
width: 40px;
background-repeat: no-repeat;

4
packages/mindplot/test/playground/map-render/css/header.less
View File

@ -1,10 +1,8 @@
@header-height : 0px;
@header-toolbar-height : 50px;
@header-info-height : @header-height - @header-toolbar-height;
div#header {
width: 100%;
height: @header-height;
height: 0px;
background: #202020;
z-index: 1000;
position: absolute;

5
packages/mindplot/test/playground/map-render/html/editor.html
View File

@ -115,6 +115,11 @@
<img src="images/minus.svg" />
</button>
</div>
<div id="position">
<button id="position-button">
<img src="images/center_focus.svg" />
</button>
</div>
</div>
<div id="bottom-logo"></div>
<div id="headerNotifier"></div>

1
packages/mindplot/test/playground/map-render/images/center_focus.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 440 B

8
packages/mindplot/test/playground/map-render/js/editor.js
View File

@ -1,7 +1,8 @@
import '../css/editor.less';
import { buildDesigner, buildOptions } from '../../../../src/components/DesignerBuilder';
import { buildDesigner } from '../../../../src/components/DesignerBuilder';
import { PersistenceManager, LocalStorageManager } from '../../../../src';
import LoadingModal from '../../../../src/components/widget/LoadingModal';
import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';
// Account details ...
global.accountName = 'Test User';
@ -11,11 +12,14 @@ const loadingModal = new LoadingModal();
loadingModal.show();
const p = new LocalStorageManager('samples/{id}.wxml');
const options = buildOptions({ persistenceManager: p });
const options = DesignerOptionsBuilder.buildOptions({
persistenceManager: p
});
const designer = buildDesigner(options);
designer.addEvent('loadSuccess', () => {
loadingModal.hide();
// Hack for automation testing ...
document.getElementById('mindplot').classList.add('ready');
});

5
packages/mindplot/test/playground/map-render/js/embedded.js
View File

@ -1,10 +1,11 @@
import '../css/embedded.less';
import { buildDesigner, buildOptions } from '../../../../src/components/DesignerBuilder';
import { buildDesigner } from '../../../../src/components/DesignerBuilder';
import { PersistenceManager, LocalStorageManager } from '../../../../src';
import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';
// Options has been defined in by a external ile ?
const p = new LocalStorageManager('samples/{id}.wxml');
const options = buildOptions({ persistenceManager: p });
const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p });
const designer = buildDesigner(options);
designer.addEvent('loadSuccess', () => {

6
packages/mindplot/test/playground/map-render/js/viewmode.js
View File

@ -1,9 +1,11 @@
import '../css/viewmode.less';
import { buildDesigner, buildOptions } from '../../../../src/components/DesignerBuilder';
import { buildDesigner } from '../../../../src/components/DesignerBuilder';
import { PersistenceManager, LocalStorageManager } from '../../../../src';
import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';
const p = new LocalStorageManager('samples/{id}.wxml');
const options = buildOptions({ persistenceManager: p, readOnly: true, saveOnLoad: false });
const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p, readOnly: true, saveOnLoad: false });
// Obtain map id from query param
const params = new URLSearchParams(window.location.search.substring(1));