Lines Matching refs:ui
81 function toggleFormat(ui, visible) argument
83 var graph = ui.editor.graph;
86 if (ui.formatWindow == null)
88 ui.formatWindow = new WrapperWindow(ui, mxResources.get('format'),
89 (urlParams['sketch'] == '1') ? Math.max(10, ui.diagramContainer.clientWidth - 241) :
90 Math.max(10, ui.diagramContainer.clientWidth - 248), 60,
93 var format = ui.createFormat(container);
96 ui.addListener('darkModeChanged', mxUtils.bind(this, function()
104 ui.formatWindow.window.minimumSize = new mxRectangle(0, 0, 240, 80);
105 ui.formatWindow.window.setVisible(true);
109 ui.formatWindow.window.setVisible((visible != null) ?
110 visible : !ui.formatWindow.window.isVisible());
113 if (ui.formatWindow.window.isVisible() && urlParams['sketch'] != '1')
115 ui.formatWindow.window.fit();
119 function toggleShapes(ui, visible) argument
121 var graph = ui.editor.graph;
125 if (ui.sidebarWindow == null)
129 ui.sidebarWindow = new WrapperWindow(ui, mxResources.get('shapes'), 10,
144 ui.actions.get('shapes').funct();
147 var menuObj = new Menubar(ui, container);
151 var menu = ui.menus.get(id);
170 if (ui.actions.get('newLibrary') != null)
182 mxEvent.addListener(div, 'click', ui.actions.get('newLibrary').funct);
194 mxEvent.addListener(div, 'click', ui.actions.get('openLibrary').funct);
219 container.appendChild(ui.sidebar.container);
225 ui.sidebarWindow.window.minimumSize = new mxRectangle(0, 0, 90, 90);
226 ui.sidebarWindow.window.setVisible(true);
228 ui.getLocalData('sidebar', function(value)
230 ui.sidebar.showEntries(value, null, true);
233 ui.restoreLibraries();
237 ui.sidebarWindow.window.setVisible((visible != null) ?
238 visible : !ui.sidebarWindow.window.isVisible());
241 if (ui.sidebarWindow.window.isVisible())
243 ui.sidebarWindow.window.fit();
939 var ui = this.editorUi;
940 var graph = ui.editor.graph;
942 ui.actions.get('editDiagram').label = mxResources.get('formatXml') + '...';
943 ui.actions.get('createShape').label = mxResources.get('shape') + '...';
944 ui.actions.get('outline').label = mxResources.get('outline') + '...';
945 ui.actions.get('layers').label = mxResources.get('layers') + '...';
946 ui.actions.get('tags').label = mxResources.get('tags') + '...';
947 ui.actions.get('forkme').visible = urlParams['sketch'] != '1';
948 ui.actions.get('downloadDesktop').visible = urlParams['sketch'] != '1';
950 …var toggleDarkModeAction = ui.actions.put('toggleDarkMode', new Action(mxResources.get('dark'), fu…
952 ui.setDarkMode(!Editor.darkMode);
958 …var toggleSketchModeAction = ui.actions.put('toggleSketchMode', new Action(mxResources.get('sketch…
960 ui.setSketchMode(!Editor.sketchMode);
966 …var togglePagesAction = ui.actions.put('togglePagesVisible', new Action(mxResources.get('pages'), …
968 ui.setPagesVisible(!Editor.pagesVisible);
974 ui.actions.put('importCsv', new Action(mxResources.get('csv') + '...', function()
977 ui.showImportCsvDialog();
979 ui.actions.put('importText', new Action(mxResources.get('text') + '...', function()
981 var dlg = new ParseDialog(ui, 'Insert from Text');
982 ui.showDialog(dlg.container, 620, 420, true, false);
985 ui.actions.put('formatSql', new Action(mxResources.get('formatSql') + '...', function()
987 var dlg = new ParseDialog(ui, 'Insert from Text', 'formatSql');
988 ui.showDialog(dlg.container, 620, 420, true, false);
992 ui.actions.put('toggleShapes', new Action(mxResources.get((urlParams['sketch'] == '1') ?
995 toggleShapes(ui);
998 …var action = ui.actions.put('toggleFormat', new Action(mxResources.get('format') + '...', function…
1000 toggleFormat(ui);
1002 action.shortcut = ui.actions.get('formatPanel').shortcut;
1004 if (EditorUi.enablePlantUml && !ui.isOffline())
1006 ui.actions.put('plantUml', new Action(mxResources.get('plantUml') + '...', function()
1008 var dlg = new ParseDialog(ui, mxResources.get('plantUml') + '...', 'plantUml');
1009 ui.showDialog(dlg.container, 620, 420, true, false);
1014 ui.actions.put('mermaid', new Action(mxResources.get('mermaid') + '...', function()
1016 var dlg = new ParseDialog(ui, mxResources.get('mermaid') + '...', 'mermaid');
1017 ui.showDialog(dlg.container, 620, 420, true, false);
1049 var file = ui.getCurrentFile();
1050 ui.menus.addSubmenu('extras', menu, parent, mxResources.get('preferences'));
1055 ui.menus.addMenuItems(menu, ['new', 'open', '-', 'synchronize',
1063 ui.menus.addMenuItems(menu, ['-', 'save'], parent);
1070 ui.menus.addMenuItems(menu, ['saveAndExit'], parent);
1075 else if (ui.mode == App.MODE_ATLAS)
1077 ui.menus.addMenuItems(menu, ['save', 'synchronize', '-'], parent);
1081 ui.menus.addMenuItems(menu, ['new'], parent);
1082 ui.menus.addSubmenu('openFrom', menu, parent);
1095 ui.menus.addMenuItems(menu, ['share'], parent);
1101 ui.menus.addMenuItems(menu, ['synchronize'], parent);
1106 ui.menus.addSubmenu('save', menu, parent);
1109 ui.menus.addSubmenu('exportAs', menu, parent);
1113 ui.menus.addMenuItems(menu, ['import'], parent);
1117 ui.menus.addSubmenu('importFrom', menu, parent);
1122 ui.menus.addMenuItems(menu, ['-', 'outline'], parent);
1124 if (ui.commentsSupported())
1126 ui.menus.addMenuItems(menu, ['comments'], parent);
1130 ui.menus.addMenuItems(menu, ['-', 'findReplace', 'layers', 'tags'], parent);
1132 ui.menus.addMenuItems(menu, ['-', 'pageSetup', 'pageScale'], parent);
1137 ui.menus.addMenuItems(menu, ['print'], parent);
1140 if (file != null && ui.fileNode != null && urlParams['embedInline'] != '1')
1143 file.getTitle() : ui.defaultFilename;
1153 ui.menus.addSubmenu('help', menu, parent);
1159 ui.menus.addMenuItems(menu, ['-', 'exit'], parent);
1164 ui.menus.addMenuItems(menu, ['-', 'close']);
1170 var file = ui.getCurrentFile();
1174 ui.menus.addMenuItems(menu, ['save', 'makeCopy', '-', 'rename', 'moveToFolder'], parent);
1178 ui.menus.addMenuItems(menu, ['save', 'saveAs', '-', 'rename'], parent);
1180 if (ui.isOfflineApp())
1189 ui.menus.addMenuItems(menu, ['makeCopy'], parent);
1197 ui.menus.addMenuItems(menu, ['-', 'synchronize'], parent);
1200 ui.menus.addMenuItems(menu, ['-', 'autosave'], parent);
1204 ui.menus.addMenuItems(menu, ['-', 'revisionHistory'], parent);
1219 ui.menus.addMenuItems(menu, ['publishLink'], parent);
1222 if (ui.mode != App.MODE_ATLAS && urlParams['extAuth'] != '1')
1225 ui.menus.addSubmenu('embed', menu, parent);
1233 ui.menus.addInsertTableCellItem(menu, parent);
1251 ui.showImportCsvDialog();
1254 ui.addInsertMenuItems(menu, parent, ['formatSql', '-',
1264 ui.menus.addSubmenu('theme', menu, parent);
1269 ui.menus.addSubmenu('language', menu, parent);
1272 ui.menus.addSubmenu('units', menu, parent);
1274 …ui.menus.addMenuItems(menu, ['scrollbars', 'tooltips', 'ruler', '-', 'copyConnect', 'collapseExpan…
1290 ui.menus.addMenuItems(menu, ['-', 'showStartScreen', 'search', 'scratchpad'], parent);
1300 ui.menus.addMenuItem(menu, 'configuration', parent);
1302 if (!ui.isOfflineApp() && isLocalStorage)
1304 ui.menus.addMenuItem(menu, 'plugins', parent);
1315 …ui.menus.addMenuItems(menu, ['importText', 'plantUml', 'mermaid', '-', 'formatSql', 'importCsv', '…
1327 ui.menus.addMenuItems(menu, ['insertFreehand'], parent);
1329 if (ui.insertTemplateEnabled && !ui.isOffline())
1331 ui.menus.addMenuItems(menu, ['insertTemplate'], parent);
1337 ui.menus.addSubmenu('table', menu, parent);
1341 ui.menus.addMenuItems(menu, ['-', 'toggleShapes'], parent);
1352 var dlg = new CreateGraphDialog(ui, title, method);
1353 ui.showDialog(dlg.container, 620, 420, true, false);
1480 var ui = this;
1484 if (!Editor.inlineFullscreen && ui.embedViewport != null)
1488 var right = ui.embedViewport.x + ui.embedViewport.width;
1489 this.div.style.left = Math.max(ui.embedViewport.x, Math.min(left, right - width)) + 'px';
1493 var bottom = ui.embedViewport.y + ui.embedViewport.height;
1495 this.div.style.top = Math.max(ui.embedViewport.y, Math.min(top, bottom - height)) + 'px';
1521 var ui = this;
1522 var graph = ui.editor.graph;
1523 ui.toolbar = this.createToolbar(ui.createDiv('geToolbar'));
1524 ui.defaultLibraryName = mxResources.get('untitledLibrary');
1529 var menuObj = new Menubar(ui, menubar);
1533 var menu = ui.menus.get(id);
1551 ui.menus.menuCreated(menu, elt, 'geMenuItem');
1593 if (ui.statusContainer != null)
1595 menubar.insertBefore(btn, ui.statusContainer);
1704 if (ui.statusContainer != null && urlParams['sketch'] != '1')
1706 menubar.insertBefore(btnGroup, ui.statusContainer);
1716 ui.statusContainer = ui.createStatusContainer();
1717 ui.statusContainer.style.position = 'relative';
1718 ui.statusContainer.style.maxWidth = '';
1719 ui.statusContainer.style.marginTop = '7px';
1720 ui.statusContainer.style.marginLeft = '6px';
1721 ui.statusContainer.style.color = 'gray';
1722 ui.statusContainer.style.cursor = 'default';
1726 var file = ui.getCurrentFile();
1759 var uiHideCurrentMenu = ui.hideCurrentMenu;
1761 ui.hideCurrentMenu = function() method
1768 var uiDescriptorChanged = ui.descriptorChanged;
1770 ui.descriptorChanged = function() method
1776 ui.setStatusText(ui.editor.getStatus());
1777 menubar.appendChild(ui.statusContainer);
1779 ui.buttonContainer = document.createElement('div');
1780 ui.buttonContainer.style.cssText = 'position:absolute;right:0px;padding-right:34px;top:10px;' +
1782 menubar.appendChild(ui.buttonContainer);
1785 ui.menubarContainer = ui.buttonContainer;
1787 ui.tabContainer = document.createElement('div');
1788 ui.tabContainer.className = 'geTabContainer';
1789 …ui.tabContainer.style.cssText = 'position:absolute;left:0px;right:0px;bottom:0px;height:30px;white…
1792 var previousParent = ui.diagramContainer.parentNode;
1796 ui.diagramContainer.style.top = (urlParams['sketch'] == '1') ? '0px' : '47px';
1798 var viewZoomMenu = ui.menus.get('viewZoom');
1825 ui.addListener('darkModeChanged', refreshSidebar);
1826 ui.addListener('sketchModeChanged', refreshSidebar);
1842 ui.diagramContainer.setAttribute('data-bounds', ui.diagramContainer.style.top + ' ' +
1843 ui.diagramContainer.style.left + ' ' + ui.diagramContainer.style.width + ' ' +
1844 ui.diagramContainer.style.height);
1846 ui.diagramContainer.style.top = '0px';
1847 ui.diagramContainer.style.left = '0px';
1848 ui.diagramContainer.style.bottom = '0px';
1849 ui.diagramContainer.style.right = '0px';
1850 ui.diagramContainer.style.width = '';
1851 ui.diagramContainer.style.height = '';
1855 var bounds = ui.diagramContainer.getAttribute('data-bounds');
1859 ui.diagramContainer.style.background = 'transparent';
1860 ui.diagramContainer.removeAttribute('data-bounds');
1864 ui.diagramContainer.style.top = tokens[0];
1865 ui.diagramContainer.style.left = tokens[1];
1866 ui.diagramContainer.style.width = (gb.width + 50) + 'px';
1867 ui.diagramContainer.style.height = (gb.height + 46) + 'px';
1868 ui.diagramContainer.style.bottom = '';
1869 ui.diagramContainer.style.right = '';
1874 rect: ui.diagramContainer.getBoundingClientRect()
1876 ui.refresh();
1879 toolbar.style.left = ui.diagramContainer.offsetLeft + 'px';
1880 toolbar.style.top = (ui.diagramContainer.offsetTop -
1884 picker.style.left = (ui.diagramContainer.offsetLeft -
1886 picker.style.top = ui.diagramContainer.offsetTop + 'px';
1888 footer.style.left = (ui.diagramContainer.offsetLeft +
1889 ui.diagramContainer.offsetWidth -
1894 ui.bottomResizer.style.left = (ui.diagramContainer.offsetLeft +
1895 (ui.diagramContainer.offsetWidth -
1896 ui.bottomResizer.offsetWidth) / 2) + 'px';
1897 ui.bottomResizer.style.top = (ui.diagramContainer.offsetTop +
1898 ui.diagramContainer.offsetHeight -
1899 ui.bottomResizer.offsetHeight / 2 - 1) + 'px';
1901 ui.rightResizer.style.left = (ui.diagramContainer.offsetLeft +
1902 ui.diagramContainer.offsetWidth -
1903 ui.rightResizer.offsetWidth / 2 - 1) + 'px';
1904 ui.rightResizer.style.top = (ui.diagramContainer.offsetTop +
1905 (ui.diagramContainer.offsetHeight -
1906 ui.bottomResizer.offsetHeight) / 2) + 'px';
1909 ui.bottomResizer.style.visibility = (Editor.inlineFullscreen) ? 'hidden' : '';
1910 ui.rightResizer.style.visibility = ui.bottomResizer.style.visibility;
1928 toggleFormat(ui, true);
1929 ui.initFormatWindow();
1934 ui.addListener('inlineFullscreenChanged', inlineFullscreenChanged);
1935 ui.addListener('editInlineStart', editInlineStart);
1939 ui.addListener('darkModeChanged', editInlineStart);
1942 ui.addListener('editInlineStop', mxUtils.bind(this, function(evt)
1944 ui.diagramContainer.style.width = '10px';
1945 ui.diagramContainer.style.height = '10px';
1946 ui.diagramContainer.style.border = '';
1947 ui.bottomResizer.style.visibility = 'hidden';
1948 ui.rightResizer.style.visibility = 'hidden';
1969 if (ui.hoverIcons != null)
1971 var hoverIconsUpdate = ui.hoverIcons.update;
1973 ui.hoverIcons.update = function()
2000 ui.picker = picker;
2005 ui.statusContainer.style.display = 'inline-block';
2012 ui.statusContainer.style.display = 'none';
2018 if (ui.notificationBtn != null)
2022 ui.notificationBtn.setAttribute('title', title);
2026 ui.notificationBtn.removeAttribute('title');
2037 ui.editor.addListener('statusChanged', mxUtils.bind(this, function()
2039 ui.setStatusText(ui.editor.getStatus());
2041 if (ui.statusContainer.children.length == 0 ||
2042 (ui.statusContainer.children.length == 1 &&
2043 typeof ui.statusContainer.firstChild.getAttribute === 'function' &&
2044 ui.statusContainer.firstChild.getAttribute('class') == null))
2046 var title = (ui.statusContainer.firstChild != null &&
2047 typeof ui.statusContainer.firstChild.getAttribute === 'function') ?
2048 ui.statusContainer.firstChild.getAttribute('title') :
2049 ui.editor.getStatus();
2051 var file = ui.getCurrentFile();
2056 ui.statusContainer.innerHTML = '<img title="' + mxUtils.htmlEntities(
2058 ui.statusContainer.style.display = 'inline-block';
2061 else if (ui.buttonContainer.clientWidth > 6)
2063 ui.statusContainer.style.display = 'none';
2069 ui.statusContainer.style.display = 'inline-block';
2080 ui.editor.addListener('statusChanged', mxUtils.bind(this, function()
2104 ui.statusContainer.style.position = '';
2105 ui.statusContainer.style.display = 'none';
2106 ui.statusContainer.style.margin = '0px';
2107 ui.statusContainer.style.padding = '6px 0px';
2108 ui.statusContainer.style.maxWidth = Math.min(iw - 240, 280) + 'px';
2109 ui.statusContainer.style.display = 'inline-block';
2110 ui.statusContainer.style.textOverflow = 'ellipsis';
2112 ui.buttonContainer.style.position = '';
2113 ui.buttonContainer.style.paddingRight = '0px';
2114 ui.buttonContainer.style.display = 'inline-block';
2153 …addElt(ui.sidebar.createVertexTemplate('text;strokeColor=none;fillColor=none;html=1;align=center;v…
2156 … addElt(ui.sidebar.createVertexTemplate('shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;' +
2160 addElt(ui.sidebar.createVertexTemplate('rounded=0;whiteSpace=wrap;html=1;', 160, 80,
2163 addElt(ui.sidebar.createVertexTemplate('ellipse;whiteSpace=wrap;html=1;', 160, 100,
2176 addElt(ui.sidebar.createEdgeTemplateFromCells([cell],
2187 var elt = addElt(ui.sidebar.createEdgeTemplateFromCells([cell],
2204 addAction(ui.actions.get('insertFreehand'), mxResources.get('freehand'), Editor.freehandImage);
2205 var toggleShapesAction = ui.actions.get('toggleShapes');
2216 addAction(ui.actions.get('insertTemplate'), mxResources.get('template'), Editor.templateImage);
2260 ui.addListener('darkModeChanged', initPicker);
2261 ui.addListener('sketchModeChanged', initPicker);
2266 ui.editor.addListener('statusChanged', mxUtils.bind(this, function()
2268 ui.setStatusText(ui.editor.getStatus());
2280 ui.actions.get('customZoom').funct();
2284 ui.actions.get('smartFit').funct();
2288 var zoomInAction = ui.actions.get('zoomIn');
2289 var zoomOutAction = ui.actions.get('zoomOut');
2290 var resetViewAction = ui.actions.get('resetView');
2291 var fullscreenAction = ui.actions.get('fullscreen');
2292 var toggleDarkAction = ui.actions.get('toggleDarkMode');
2293 var undoAction = ui.actions.get('undo');
2294 var redoAction = ui.actions.get('redo');
2302 var deleteAction = ui.actions.get('delete');
2314 undoElt.style.display = (ui.editor.undoManager.history.length > 0 ||
2331 var layersAction = ui.actions.get('layers');
2339 var tagsAction = ui.actions.get('tags');
2345 var outlineAction = ui.actions.get('outline');
2378 var exitAction = ui.actions.get('exit');
2404 pageMenu.style.display = ui.pages != null &&
2405 (urlParams['pages'] == '1' || ui.pages.length > 1 ||
2410 ui.addListener('fileDescriptorChanged', pagesVisibleChanged);
2411 ui.addListener('pagesVisibleChanged', pagesVisibleChanged);
2414 ui.tabContainer.style.visibility = 'hidden';
2458 elt.style.height = (parseInt(ui.tabContainerHeight) - 1) + 'px';
2459 elt.style.lineHeight = (parseInt(ui.tabContainerHeight) + 1) + 'px';
2477 elt.innerHTML = Math.round(ui.editor.graph.view.scale * 100) + '%';
2480 ui.editor.graph.view.addListener(mxEvent.EVENT_SCALE, updateZoom);
2481 ui.editor.addListener('resetGraphView', updateZoom);
2482 ui.editor.addListener('pageSelected', updateZoom);
2486 var uiSetGraphEnabled = ui.setGraphEnabled;
2488 ui.setGraphEnabled = function()
2502 wrapper.appendChild(ui.diagramContainer);
2504 ui.updateTabContainer();
2508 wrapper.appendChild(ui.tabContainer);
2556 …createGroup([appElt, addMenuItem(mxResources.get('shapes'), ui.actions.get('toggleShapes').funct, …
2557 mxResources.get('shapes'), ui.actions.get('image'), (small) ? Editor.shapesImage : null),
2558 addMenuItem(mxResources.get('format'), ui.actions.get('toggleFormat').funct, null,
2559 …mxResources.get('format') + ' (' + ui.actions.get('formatPanel').shortcut + ')', ui.actions.get('i…
2564 createGroup([elt, addMenuItem(mxResources.get('delete'), ui.actions.get('delete').funct,
2565 null, mxResources.get('delete'), ui.actions.get('delete'),
2593 ui.appIconClicked(evt);
2598 var langMenu = ui.menus.get('language');
2624 ui.buttonContainer.style.paddingRight = '34px';
2628 ui.buttonContainer.style.paddingRight = '4px';
2644 if (ui.sidebarWindow != null)
2646 ui.sidebarWindow.window.fit();
2649 if (ui.formatWindow != null)
2651 ui.formatWindow.window.fit();
2654 if (ui.actions.outlineWindow != null)
2656 ui.actions.outlineWindow.window.fit();
2659 if (ui.actions.layersWindow != null)
2661 ui.actions.layersWindow.window.fit();
2664 if (ui.menus.tagsWindow != null)
2666 ui.menus.tagsWindow.window.fit();
2669 if (ui.menus.findWindow != null)
2671 ui.menus.findWindow.window.fit();
2674 if (ui.menus.findReplaceWindow != null)
2676 ui.menus.findReplaceWindow.window.fit();
2685 mxEvent.addGestureListeners(ui.diagramContainer.parentNode, function(evt)
2688 ui.diagramContainer.parentNode)
2690 ui.embedExitPoint = new mxPoint(mxEvent.getClientX(evt), mxEvent.getClientY(evt));
2691 ui.sendEmbeddedSvgExport();
2703 ui.diagramContainer.parentNode.appendChild(div);
2704 ui.bottomResizer = div;
2713 h0 = parseInt(ui.diagramContainer.style.height);
2721 ui.diagramContainer.parentNode.appendChild(div);
2722 ui.rightResizer = div;
2726 w0 = parseInt(ui.diagramContainer.style.width);
2738 ui.diagramContainer.style.width = Math.max(20,
2745 ui.diagramContainer.style.height = Math.max(20,
2756 rect: ui.diagramContainer.getBoundingClientRect()
2759 ui.refresh();
2774 ui.bottomResizer.style.visibility = 'hidden';
2775 ui.rightResizer.style.visibility = 'hidden';
2783 ui.editor.loadFonts();