Menus.js 75 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522
  1. /**
  2. * Copyright (c) 2006-2017, JGraph Ltd
  3. * Copyright (c) 2006-2017, Gaudenz Alder
  4. */
  5. (function()
  6. {
  7. // Adds scrollbars for menus that exceed the page height
  8. var mxPopupMenuShowMenu = mxPopupMenu.prototype.showMenu;
  9. mxPopupMenu.prototype.showMenu = function()
  10. {
  11. mxPopupMenuShowMenu.apply(this, arguments);
  12. this.div.style.overflowY = 'auto';
  13. this.div.style.overflowX = 'hidden';
  14. var h0 = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
  15. this.div.style.maxHeight = (h0 - 10) + 'px';
  16. };
  17. Menus.prototype.addLinkToItem = function(item, href)
  18. {
  19. if (item != null)
  20. {
  21. var link = document.createElement('span');
  22. link.setAttribute('title', mxResources.get('help'));
  23. link.style.cssText = 'color:blue;text-decoration:underline;margin-left:12px;cursor:help;';
  24. var icon = document.createElement('img');
  25. icon.setAttribute('border', '0');
  26. icon.setAttribute('valign', 'bottom');
  27. icon.setAttribute('src', Editor.helpImage);
  28. link.appendChild(icon);
  29. mxEvent.addGestureListeners(link, mxUtils.bind(this, function(evt)
  30. {
  31. this.editorUi.menubar.hideMenu();
  32. window.open(href);
  33. mxEvent.consume(evt);
  34. }));
  35. item.firstChild.nextSibling.appendChild(link);
  36. }
  37. };
  38. var menusInit = Menus.prototype.init;
  39. Menus.prototype.init = function()
  40. {
  41. menusInit.apply(this, arguments);
  42. var editorUi = this.editorUi;
  43. var graph = editorUi.editor.graph;
  44. var isGraphEnabled = mxUtils.bind(graph, graph.isEnabled);
  45. var googleEnabled = ((urlParams['embed'] != '1' && urlParams['gapi'] != '0') ||
  46. (urlParams['embed'] == '1' && urlParams['gapi'] == '1')) && mxClient.IS_SVG &&
  47. isLocalStorage && (document.documentMode == null || document.documentMode >= 10);
  48. var dropboxEnabled = ((urlParams['embed'] != '1' && urlParams['db'] != '0') || (urlParams['embed'] == '1' && urlParams['db'] == '1')) &&
  49. mxClient.IS_SVG && (document.documentMode == null || document.documentMode > 9);
  50. var oneDriveEnabled = (window.location.hostname == 'www.draw.io' || window.location.hostname == 'test.draw.io' ||
  51. window.location.hostname == 'drive.draw.io' || window.location.hostname == 'legacy.draw.io') &&
  52. (((urlParams['embed'] != '1' && urlParams['od'] != '0') || (urlParams['embed'] == '1' &&
  53. urlParams['od'] == '1')) && !navigator.userAgent.match(/(iPad|iPhone|iPod)/g) &&
  54. (navigator.userAgent.indexOf('MSIE') < 0 || document.documentMode >= 10));
  55. if (!editorUi.isOffline())
  56. {
  57. var img = new Image();
  58. img.src = IMAGE_PATH + '/help.png';
  59. }
  60. editorUi.actions.addAction('new...', function()
  61. {
  62. var compact = editorUi.isOffline();
  63. var dlg = new NewDialog(editorUi, compact);
  64. editorUi.showDialog(dlg.container, (compact) ? 350 : 620, (compact) ? 70 : 440, true, true, function(cancel)
  65. {
  66. if (cancel && editorUi.getCurrentFile() == null)
  67. {
  68. editorUi.showSplash();
  69. }
  70. });
  71. dlg.init();
  72. });
  73. // Export PDF action for chrome OS (same as print with different dialog title)
  74. editorUi.actions.addAction('exportPdf', function()
  75. {
  76. editorUi.showDialog(new PrintDialog(editorUi, mxResources.get('formatPdf')).container, 360,
  77. (editorUi.pages != null && editorUi.pages.length > 1) ?
  78. 420 : 360, true, true);
  79. });
  80. editorUi.actions.addAction('open...', function()
  81. {
  82. editorUi.pickFile();
  83. });
  84. editorUi.actions.addAction('close', function()
  85. {
  86. editorUi.fileLoaded(null);
  87. });
  88. editorUi.actions.addAction('editShape...', mxUtils.bind(this, function()
  89. {
  90. var cells = graph.getSelectionCells();
  91. if (graph.getSelectionCount() == 1)
  92. {
  93. var cell = graph.getSelectionCell();
  94. var state = graph.view.getState(cell);
  95. if (state != null && state.shape != null && state.shape.stencil != null)
  96. {
  97. var dlg = new EditShapeDialog(editorUi, cell, mxResources.get('editShape') + ':', 630, 400);
  98. editorUi.showDialog(dlg.container, 640, 480, true, false);
  99. dlg.init();
  100. }
  101. }
  102. }));
  103. editorUi.actions.addAction('revisionHistory...', function()
  104. {
  105. var file = editorUi.getCurrentFile();
  106. if (file == null || (file.constructor != DriveFile && file.constructor != DropboxFile) ||
  107. (editorUi.drive == null && file.constructor == DriveFile) ||
  108. (editorUi.dropbox == null && file.constructor == DropboxFile))
  109. {
  110. editorUi.showError(mxResources.get('error'), mxResources.get('notAvailable'), mxResources.get('ok'));
  111. }
  112. else if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  113. {
  114. if (file.constructor == DropboxFile)
  115. {
  116. // Limit is maximum number of entries to return
  117. var promise = editorUi.dropbox.client.filesListRevisions({path: file.stat.path_lower, limit: 100});
  118. promise.then(mxUtils.bind(this, function(response)
  119. {
  120. editorUi.spinner.stop();
  121. try
  122. {
  123. var revs = [];
  124. for (var i = response.entries.length - 1; i >= 0; i--)
  125. {
  126. (function(stat)
  127. {
  128. revs.push({modifiedDate: stat.client_modified, fileSize: stat.size, getXml: function(success, error)
  129. {
  130. editorUi.dropbox.readFile({path: file.stat.path_lower, rev: stat.rev}, success, error);
  131. }, getUrl: function()
  132. {
  133. return editorUi.getUrl(window.location.pathname + '?rev=' + stat.rev + '&chrome=0&edit=_blank') + window.location.hash;
  134. }});
  135. })(response.entries[i]);
  136. }
  137. var dlg = new RevisionDialog(editorUi, revs);
  138. editorUi.showDialog(dlg.container, 640, 480, true, true);
  139. dlg.init();
  140. }
  141. catch (e)
  142. {
  143. editorUi.handleError(e);
  144. }
  145. }));
  146. // Workaround for IE8/9 support with catch function
  147. promise['catch'](function(err)
  148. {
  149. editorUi.spinner.stop();
  150. editorUi.handleError(err);
  151. });
  152. }
  153. // Google Drive File
  154. else
  155. {
  156. editorUi.drive.executeRequest(gapi.client.drive.revisions.list({'fileId': file.getId()}), function(resp)
  157. {
  158. editorUi.spinner.stop();
  159. for (var i = 0; i < resp.items.length; i++)
  160. {
  161. (function(item)
  162. {
  163. item.getXml = function(success, error)
  164. {
  165. // Workaround for vanished head revision is to use current head revision from descriptor
  166. editorUi.drive.executeRequest(gapi.client.drive.revisions.get({'fileId': file.getId(),
  167. 'revisionId': (resp.items[resp.items.length - 1] === item) ?
  168. file.desc.headRevisionId : item.id}), function(resp)
  169. {
  170. editorUi.drive.getXmlFile(resp, null, function(file2)
  171. {
  172. success(file2.getData());
  173. }, function(resp)
  174. {
  175. error(resp);
  176. });
  177. }, function(resp)
  178. {
  179. error(resp);
  180. });
  181. };
  182. item.getUrl = function()
  183. {
  184. return editorUi.getUrl(window.location.pathname + '?rev=' + item.id + '&chrome=0&edit=_blank') + window.location.hash;
  185. };
  186. })(resp.items[i]);
  187. }
  188. var dlg = new RevisionDialog(editorUi, resp.items);
  189. editorUi.showDialog(dlg.container, 640, 480, true, true);
  190. dlg.init();
  191. }, function(resp)
  192. {
  193. editorUi.spinner.stop();
  194. editorUi.handleError(resp);
  195. });
  196. }
  197. }
  198. });
  199. editorUi.actions.addAction('createRevision', function()
  200. {
  201. editorUi.actions.get('save').funct();
  202. }, null, null, 'Ctrl+S');
  203. editorUi.actions.addAction('upload...', function()
  204. {
  205. var file = editorUi.getCurrentFile();
  206. if (file != null)
  207. {
  208. // Data is pulled from global variable after tab loads
  209. // LATER: Change to use message passing to deal with potential cross-domain
  210. window.drawdata = editorUi.getFileData();
  211. var filename = (file.getTitle() != null) ? file.getTitle() : editorUi.defaultFilename;
  212. window.open(window.location.protocol + '//' + window.location.host + '/?create=drawdata&' +
  213. ((editorUi.mode == App.MODE_DROPBOX) ? 'mode=dropbox&' : '') +
  214. 'title=' + encodeURIComponent(filename));
  215. }
  216. });
  217. if (typeof(MathJax) !== 'undefined')
  218. {
  219. var action = editorUi.actions.addAction('mathematicalTypesetting', function()
  220. {
  221. editorUi.setMathEnabled(!editorUi.isMathEnabled());
  222. });
  223. action.setToggleAction(true);
  224. action.setSelectedCallback(function() { return editorUi.isMathEnabled(); });
  225. action.isEnabled = isGraphEnabled;
  226. }
  227. if (isLocalStorage)
  228. {
  229. var action = editorUi.actions.addAction('showStartScreen', function()
  230. {
  231. mxSettings.setShowStartScreen(!mxSettings.getShowStartScreen());
  232. mxSettings.save();
  233. });
  234. action.setToggleAction(true);
  235. action.setSelectedCallback(function() { return mxSettings.getShowStartScreen(); });
  236. }
  237. var autosaveAction = editorUi.actions.addAction('autosave', function()
  238. {
  239. editorUi.editor.setAutosave(!editorUi.editor.autosave);
  240. });
  241. autosaveAction.setToggleAction(true);
  242. autosaveAction.setSelectedCallback(function()
  243. {
  244. return autosaveAction.isEnabled() && editorUi.editor.autosave;
  245. });
  246. editorUi.actions.addAction('editGeometry...', function()
  247. {
  248. var cells = graph.getSelectionCells();
  249. var vertices = [];
  250. for (var i = 0; i < cells.length; i++)
  251. {
  252. if (graph.getModel().isVertex(cells[i]))
  253. {
  254. vertices.push(cells[i]);
  255. }
  256. }
  257. if (vertices.length > 0)
  258. {
  259. var dlg = new EditGeometryDialog(editorUi, vertices);
  260. editorUi.showDialog(dlg.container, 180, 180, true, true);
  261. dlg.init();
  262. }
  263. }, null, null, 'Ctrl+Shift+M');
  264. var copiedStyles = ['rounded', 'shadow', 'dashed', 'dashPattern', 'fontFamily', 'fontSize', 'fontColor', 'fontStyle',
  265. 'align', 'verticalAlign', 'strokeColor', 'strokeWidth', 'fillColor', 'gradientColor', 'swimlaneFillColor',
  266. 'textOpacity', 'gradientDirection', 'glass', 'labelBackgroundColor', 'labelBorderColor', 'opacity',
  267. 'spacing', 'spacingTop', 'spacingLeft', 'spacingBottom', 'spacingRight', 'endFill', 'endArrow',
  268. 'endSize', 'startStill', 'startArrow', 'startSize', 'arcSize'];
  269. editorUi.actions.addAction('copyStyle', function()
  270. {
  271. var state = graph.view.getState(graph.getSelectionCell());
  272. if (graph.isEnabled() && state != null)
  273. {
  274. editorUi.copiedStyle = mxUtils.clone(state.style);
  275. // Handles special case for value "none"
  276. var cellStyle = graph.getModel().getStyle(state.cell);
  277. var tokens = (cellStyle != null) ? cellStyle.split(';') : [];
  278. for (var j = 0; j < tokens.length; j++)
  279. {
  280. var tmp = tokens[j];
  281. var pos = tmp.indexOf('=');
  282. if (pos >= 0)
  283. {
  284. var key = tmp.substring(0, pos);
  285. var value = tmp.substring(pos + 1);
  286. if (editorUi.copiedStyle[key] == null && value == 'none')
  287. {
  288. editorUi.copiedStyle[key] = 'none';
  289. }
  290. }
  291. }
  292. }
  293. }, null, null, 'Ctrl+Shift+C');
  294. editorUi.actions.addAction('pasteStyle', function()
  295. {
  296. if (graph.isEnabled() && !graph.isSelectionEmpty() && editorUi.copiedStyle != null)
  297. {
  298. graph.getModel().beginUpdate();
  299. try
  300. {
  301. var cells = graph.getSelectionCells();
  302. for (var i = 0; i < cells.length; i++)
  303. {
  304. var state = graph.view.getState(cells[i]);
  305. for (var j = 0; j < copiedStyles.length; j++)
  306. {
  307. var key = copiedStyles[j];
  308. var value = editorUi.copiedStyle[key];
  309. if (state.style[key] != value)
  310. {
  311. graph.setCellStyles(key, value, [cells[i]]);
  312. }
  313. }
  314. }
  315. }
  316. finally
  317. {
  318. graph.getModel().endUpdate();
  319. }
  320. }
  321. }, null, null, 'Ctrl+Shift+V');
  322. editorUi.actions.put('pageBackgroundImage', new Action(mxResources.get('backgroundImage') + '...', function()
  323. {
  324. if (!editorUi.isOffline())
  325. {
  326. var apply = function(image)
  327. {
  328. editorUi.setBackgroundImage(image);
  329. };
  330. var dlg = new BackgroundImageDialog(editorUi, apply);
  331. editorUi.showDialog(dlg.container, 320, 170, true, true);
  332. dlg.init();
  333. }
  334. }));
  335. action = editorUi.actions.put('shadowVisible', new Action(mxResources.get('shadow'), function()
  336. {
  337. graph.setShadowVisible(!graph.shadowVisible);
  338. }));
  339. action.setToggleAction(true);
  340. action.setSelectedCallback(function() { return graph.shadowVisible; });
  341. editorUi.actions.put('about', new Action(mxResources.get('aboutDrawio') + '...', function()
  342. {
  343. editorUi.showDialog(new AboutDialog(editorUi).container, 220, 300, true, true);
  344. }, null, null, 'F1'));
  345. editorUi.actions.addAction('userManual...', function()
  346. {
  347. window.open('https://support.draw.io/display/DO/Draw.io+Online+User+Manual');
  348. });
  349. editorUi.actions.addAction('support...', function()
  350. {
  351. window.open('https://support.draw.io/display/DO/draw.io+Online+Support');
  352. });
  353. editorUi.actions.addAction('exportOptionsDisabled...', function()
  354. {
  355. editorUi.handleError({message: mxResources.get('exportOptionsDisabledDetails')},
  356. mxResources.get('exportOptionsDisabled'));
  357. });
  358. editorUi.actions.addAction('keyboardShortcuts...', function()
  359. {
  360. if (mxClient.IS_CHROMEAPP)
  361. {
  362. window.open('https://www.draw.io/shortcuts.svg');
  363. }
  364. else if (mxClient.IS_SVG)
  365. {
  366. window.open('shortcuts.svg');
  367. }
  368. else
  369. {
  370. window.open('https://www.draw.io/?lightbox=1#Uhttps%3A%2F%2Fwww.draw.io%2Fshortcuts.svg');
  371. }
  372. });
  373. editorUi.actions.addAction('feedback...', function()
  374. {
  375. var dlg = new FeedbackDialog(editorUi);
  376. editorUi.showDialog(dlg.container, 610, 360, true, true);
  377. dlg.init();
  378. });
  379. editorUi.actions.addAction('quickStart...', function()
  380. {
  381. window.open('https://youtu.be/Z0D96ZikMkc');
  382. });
  383. action = editorUi.actions.addAction('tags...', mxUtils.bind(this, function()
  384. {
  385. if (this.tagsWindow == null)
  386. {
  387. this.tagsWindow = new TagsWindow(editorUi, document.body.offsetWidth - 380, 230, 280, 120);
  388. this.tagsWindow.window.addListener('show', function()
  389. {
  390. editorUi.fireEvent(new mxEventObject('tags'));
  391. });
  392. this.tagsWindow.window.addListener('hide', function()
  393. {
  394. editorUi.fireEvent(new mxEventObject('tags'));
  395. });
  396. this.tagsWindow.window.setVisible(true);
  397. editorUi.fireEvent(new mxEventObject('tags'));
  398. }
  399. else
  400. {
  401. this.tagsWindow.window.setVisible(!this.tagsWindow.window.isVisible());
  402. }
  403. }));
  404. action.setToggleAction(true);
  405. action.setSelectedCallback(mxUtils.bind(this, function() { return this.tagsWindow != null && this.tagsWindow.window.isVisible(); }));
  406. action = editorUi.actions.addAction('find...', mxUtils.bind(this, function()
  407. {
  408. if (this.findWindow == null)
  409. {
  410. this.findWindow = new FindWindow(editorUi, document.body.offsetWidth - 300, 110, 204, 140);
  411. this.findWindow.window.addListener('show', function()
  412. {
  413. editorUi.fireEvent(new mxEventObject('find'));
  414. });
  415. this.findWindow.window.addListener('hide', function()
  416. {
  417. editorUi.fireEvent(new mxEventObject('find'));
  418. });
  419. this.findWindow.window.setVisible(true);
  420. editorUi.fireEvent(new mxEventObject('find'));
  421. }
  422. else
  423. {
  424. this.findWindow.window.setVisible(!this.findWindow.window.isVisible());
  425. }
  426. }));
  427. action.setToggleAction(true);
  428. action.setSelectedCallback(mxUtils.bind(this, function() { return this.findWindow != null && this.findWindow.window.isVisible(); }));
  429. editorUi.actions.put('exportVsdx', new Action(mxResources.get('formatVsdx') + ' (beta)...', function()
  430. {
  431. var delayed = mxUtils.bind(this, function()
  432. {
  433. // Checks for signature method
  434. if (typeof(VsdxExport) !== 'undefined')
  435. {
  436. try
  437. {
  438. new VsdxExport(editorUi).exportCurrentDiagrams();
  439. }
  440. catch (e)
  441. {
  442. // ignore
  443. }
  444. }
  445. });
  446. if (typeof(VsdxExport) === 'undefined' && !this.loadingVsdx && !editorUi.isOffline())
  447. {
  448. this.loadingVsdx = true;
  449. // Dependencies included in Devel.js
  450. mxscript('/js/vsdx.min.js', delayed);
  451. }
  452. else
  453. {
  454. // Must be async for cell selection
  455. window.setTimeout(delayed, 0);
  456. }
  457. }));
  458. // Adds language menu to options only if localStorage is available for
  459. // storing the choice. We do not want to use cookies for older browsers.
  460. // Note that the URL param lang=XX is available for setting the language
  461. // in older browsers. URL param has precedence over the saved setting.
  462. if (mxClient.IS_CHROMEAPP || (isLocalStorage && urlParams['offline'] != '1'))
  463. {
  464. this.put('language', new Menu(mxUtils.bind(this, function(menu, parent)
  465. {
  466. var addLangItem = mxUtils.bind(this, function (id)
  467. {
  468. var lang = (id == '') ? mxResources.get('automatic') : mxLanguageMap[id];
  469. var item = null;
  470. if (lang != '')
  471. {
  472. item = menu.addItem(lang, null, mxUtils.bind(this, function()
  473. {
  474. mxSettings.setLanguage(id);
  475. mxSettings.save();
  476. // Shows dialog in new language
  477. mxClient.language = id;
  478. mxResources.loadDefaultBundle = false;
  479. mxResources.add(RESOURCE_BASE);
  480. editorUi.alert(mxResources.get('restartForChangeRequired'));
  481. }), parent);
  482. if (id == mxLanguage || (id == '' && mxLanguage == null))
  483. {
  484. menu.addCheckmark(item, Editor.checkmarkImage);
  485. }
  486. }
  487. return item;
  488. });
  489. var item = addLangItem('');
  490. menu.addSeparator(parent);
  491. // LATER: Sort menu by language name
  492. for(var langId in mxLanguageMap)
  493. {
  494. addLangItem(langId);
  495. }
  496. })));
  497. // Extends the menubar with the language menu
  498. if (uiTheme != 'atlas')
  499. {
  500. var menusCreateMenuBar = Menus.prototype.createMenubar;
  501. Menus.prototype.createMenubar = function(container)
  502. {
  503. var menubar = menusCreateMenuBar.apply(this, arguments);
  504. if (menubar != null)
  505. {
  506. var langMenu = this.get('language');
  507. if (langMenu != null)
  508. {
  509. var elt = menubar.addMenu('', langMenu.funct);
  510. elt.setAttribute('title', mxResources.get('language'));
  511. elt.style.width = '16px';
  512. elt.style.paddingTop = '2px';
  513. elt.style.paddingLeft = '4px';
  514. elt.innerHTML = '<div class="geIcon geSprite geSprite-globe"/>';
  515. elt.style.zIndex = '1';
  516. elt.style.position = 'absolute';
  517. elt.style.top = '2px';
  518. elt.style.right = '17px';
  519. elt.style.display = 'block';
  520. if (!mxClient.IS_VML)
  521. {
  522. mxUtils.setOpacity(elt, 60);
  523. }
  524. document.body.appendChild(elt);
  525. }
  526. }
  527. return menubar;
  528. };
  529. }
  530. }
  531. this.put('help', new Menu(mxUtils.bind(this, function(menu, parent)
  532. {
  533. if (!mxClient.IS_CHROMEAPP && editorUi.isOffline())
  534. {
  535. this.addMenuItems(menu, ['about']);
  536. }
  537. else
  538. {
  539. // No translation for menu item since help is english only
  540. var item = menu.addItem('Search', null, null, parent, null, null, false);
  541. var form = document.createElement('div');
  542. form.style.display = 'inline';
  543. form.innerHTML = ':<form style="display:inline;margin-left:8px;"' +
  544. 'target="_blank" method="get" action="https://desk.draw.io/support/search/solutions">' +
  545. '<input type="text" name="term" size="25"></form>';
  546. item.firstChild.nextSibling.appendChild(form);
  547. item.style.backgroundColor = 'whiteSmoke';
  548. item.style.cursor = 'default';
  549. var realForm = form.getElementsByTagName('form')[0]
  550. var input = form.getElementsByTagName('input')[0];
  551. if (input != null && realForm != null)
  552. {
  553. mxEvent.addListener(realForm, 'submit', function()
  554. {
  555. // Logs search terms for improving search results
  556. if (EditorUi.enableLogging)
  557. {
  558. try
  559. {
  560. var img = new Image();
  561. var logDomain = window.DRAWIO_LOG_URL != null ? window.DRAWIO_LOG_URL : '';
  562. img.src = logDomain + '/log?severity=CONFIG&msg=helpsearch:' + encodeURIComponent(input.value) + '&v=' + encodeURIComponent(EditorUi.VERSION);
  563. }
  564. catch (e)
  565. {
  566. // ignore
  567. }
  568. }
  569. // Workaround for blocked submit on iOS/IE11
  570. window.setTimeout(function()
  571. {
  572. editorUi.menubar.hideMenu();
  573. }, 0);
  574. });
  575. mxEvent.addGestureListeners(item, function(evt)
  576. {
  577. if (document.activeElement != input)
  578. {
  579. input.focus();
  580. }
  581. mxEvent.consume(evt);
  582. }, function(evt)
  583. {
  584. mxEvent.consume(evt);
  585. }, function(evt)
  586. {
  587. mxEvent.consume(evt);
  588. });
  589. // Sets initial focus on input element
  590. window.setTimeout(function()
  591. {
  592. input.focus();
  593. }, 0);
  594. }
  595. this.addMenuItems(menu, ['-', 'quickStart', 'userManual', 'keyboardShortcuts', '-']);
  596. if (!mxClient.IS_CHROMEAPP)
  597. {
  598. this.addMenuItems(menu, ['feedback']);
  599. }
  600. this.addMenuItems(menu, ['support', '-', 'about']);
  601. }
  602. if (urlParams['test'] == '1')
  603. {
  604. // For showing the bounding box
  605. mxResources.parse('showBoundingBox=Show bounding box');
  606. this.editorUi.actions.addAction('showBoundingBox', mxUtils.bind(this, function()
  607. {
  608. var b = graph.getGraphBounds();
  609. var tr = graph.view.translate;
  610. var s = graph.view.scale;
  611. graph.insertVertex(parent, null, '', b.x / s - tr.x, b.y / s - tr.y, b.width / s, b.height / s, 'fillColor=none;strokeColor=red;');
  612. }));
  613. this.addMenuItems(menu, ['-', 'showBoundingBox'], parent);
  614. // For testing local XML export
  615. mxResources.parse('testXmlImageExport=XML Image Export');
  616. this.editorUi.actions.addAction('testXmlImageExport', mxUtils.bind(this, function()
  617. {
  618. var bg = '#ffffff';
  619. var scale = 1;
  620. var b = 1;
  621. var imgExport = new mxImageExport();
  622. var bounds = graph.getGraphBounds();
  623. var vs = graph.view.scale;
  624. // New image export
  625. var xmlDoc = mxUtils.createXmlDocument();
  626. var root = xmlDoc.createElement('output');
  627. xmlDoc.appendChild(root);
  628. // Renders graph. Offset will be multiplied with state's scale when painting state.
  629. var xmlCanvas = new mxXmlCanvas2D(root);
  630. xmlCanvas.translate(Math.floor((b / scale - bounds.x) / vs), Math.floor((b / scale - bounds.y) / vs));
  631. xmlCanvas.scale(scale / vs);
  632. var stateCounter = 0;
  633. var canvasSave = xmlCanvas.save;
  634. xmlCanvas.save = function()
  635. {
  636. stateCounter++;
  637. canvasSave.apply(this, arguments);
  638. };
  639. var canvasRestore = xmlCanvas.restore;
  640. xmlCanvas.restore = function()
  641. {
  642. stateCounter--;
  643. canvasRestore.apply(this, arguments);
  644. };
  645. var exportDrawShape = imgExport.drawShape;
  646. imgExport.drawShape = function(state)
  647. {
  648. mxLog.debug('entering shape', state, stateCounter);
  649. exportDrawShape.apply(this, arguments);
  650. mxLog.debug('leaving shape', state, stateCounter);
  651. };
  652. imgExport.drawState(graph.getView().getState(graph.model.root), xmlCanvas);
  653. // Puts request data together
  654. var w = Math.ceil(bounds.width * scale / vs + 2 * b);
  655. var h = Math.ceil(bounds.height * scale / vs + 2 * b);
  656. mxLog.show();
  657. mxLog.debug(mxUtils.getXml(root));
  658. mxLog.debug('stateCounter', stateCounter);
  659. }));
  660. this.addMenuItems(menu, ['testXmlImageExport'], parent);
  661. mxResources.parse('testShowRtModel=Show RT model');
  662. mxResources.parse('testDebugRtModel=Debug RT model');
  663. mxResources.parse('testDownloadRtModel=Download RT model');
  664. this.editorUi.actions.addAction('testShowRtModel', mxUtils.bind(this, function()
  665. {
  666. if (this.editorUi.getCurrentFile() != null && this.editorUi.getCurrentFile().realtime != null)
  667. {
  668. console.log('bytesUsed', this.editorUi.getCurrentFile().realtime.rtModel.bytesUsed);
  669. console.log('root', this.editorUi.getCurrentFile().realtime.dumpRoot());
  670. this.editorUi.getCurrentFile().realtime.check();
  671. }
  672. }));
  673. this.editorUi.actions.addAction('testDebugRtModel', mxUtils.bind(this, function()
  674. {
  675. gapi.drive.realtime.debug();
  676. }));
  677. this.editorUi.actions.addAction('testDownloadRtModel', mxUtils.bind(this, function()
  678. {
  679. var file = this.editorUi.getCurrentFile();
  680. if (file != null && file.realtime != null &&
  681. editorUi.spinner.spin(document.body, mxResources.get('export')))
  682. {
  683. // LATER: Download full model dump with history
  684. var req = new mxXmlRequest('https://www.googleapis.com/drive/v2/files/' +
  685. file.getHash().substring(1) + '/realtime', null, 'GET');
  686. // Adds auth token
  687. req.setRequestHeaders = function(request)
  688. {
  689. mxXmlRequest.prototype.setRequestHeaders.apply(this, arguments);
  690. var token = gapi.auth.getToken().access_token;
  691. request.setRequestHeader('authorization', 'Bearer ' + token);
  692. };
  693. req.send(function(req)
  694. {
  695. editorUi.spinner.stop();
  696. if (req.getStatus() >= 200 && req.getStatus() <= 299)
  697. {
  698. editorUi.saveLocalFile(req.getText(), 'realtime.txt', 'text/plain');
  699. }
  700. });
  701. }
  702. }));
  703. if (this.editorUi.getCurrentFile() != null && this.editorUi.getCurrentFile().realtime != null)
  704. {
  705. this.addMenuItems(menu, ['-', 'testShowRtModel', 'testDebugRtModel', 'testDownloadRtModel'], parent);
  706. }
  707. mxResources.parse('testShowConsole=Show Console');
  708. this.editorUi.actions.addAction('testShowConsole', function()
  709. {
  710. if (!mxLog.isVisible())
  711. {
  712. mxLog.show();
  713. }
  714. else
  715. {
  716. mxLog.window.fit();
  717. }
  718. mxLog.window.div.style.zIndex = mxPopupMenu.prototype.zIndex - 1;
  719. });
  720. this.addMenuItems(menu, ['-', 'testShowConsole']);
  721. }
  722. })));
  723. editorUi.actions.addAction('shapes...', function()
  724. {
  725. if (mxClient.IS_CHROMEAPP || !editorUi.isOffline())
  726. {
  727. editorUi.showDialog(new MoreShapesDialog(editorUi, true).container, 640, (isLocalStorage) ?
  728. ((mxClient.IS_IOS) ? 480 : 460) : 440, true, true);
  729. }
  730. else
  731. {
  732. editorUi.showDialog(new MoreShapesDialog(editorUi, false).container, 360, (isLocalStorage) ?
  733. ((mxClient.IS_IOS) ? 300 : 280) : 260, true, true);
  734. }
  735. });
  736. editorUi.actions.addAction('createShape...', function()
  737. {
  738. var file = editorUi.getCurrentFile();
  739. if (urlParams['embed'] == '1' || (file != null && file.isEditable()))
  740. {
  741. var cell = new mxCell('', new mxGeometry(0, 0, 120, 120), editorUi.defaultCustomShapeStyle);
  742. cell.vertex = true;
  743. var dlg = new EditShapeDialog(editorUi, cell, mxResources.get('editShape') + ':', 630, 400);
  744. editorUi.showDialog(dlg.container, 640, 480, true, false);
  745. dlg.init();
  746. }
  747. });
  748. editorUi.actions.put('embedHtml', new Action(mxResources.get('html') + '...', function()
  749. {
  750. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  751. {
  752. editorUi.getPublicUrl(editorUi.getCurrentFile(), function(url)
  753. {
  754. editorUi.spinner.stop();
  755. editorUi.showHtmlDialog(mxResources.get('create'), 'https://desk.draw.io/support/solutions/articles/16000042542',
  756. url, function(publicUrl, zoomEnabled, initialZoom, linkTarget, linkColor, fit, allPages, layers, lightbox, editLink)
  757. {
  758. editorUi.createHtml(publicUrl, zoomEnabled, initialZoom, linkTarget, linkColor,
  759. fit, allPages, layers, lightbox, editLink, mxUtils.bind(this, function(html, scriptTag)
  760. {
  761. var dlg = new EmbedDialog(editorUi, html + '\n' + scriptTag, null, null, function()
  762. {
  763. var wnd = window.open();
  764. var doc = wnd.document;
  765. if (document.compatMode === 'CSS1Compat')
  766. {
  767. doc.writeln('<!DOCTYPE html>');
  768. }
  769. doc.writeln('<html>');
  770. doc.writeln('<head><title>' + encodeURIComponent(mxResources.get('preview')) +
  771. '</title><meta charset="utf-8"></head>');
  772. doc.writeln('<body>');
  773. doc.writeln(html);
  774. var direct = mxClient.IS_IE || mxClient.IS_EDGE || document.documentMode != null;
  775. if (direct)
  776. {
  777. doc.writeln(scriptTag);
  778. }
  779. doc.writeln('</body>');
  780. doc.writeln('</html>');
  781. doc.close();
  782. // Adds script tag after closing page and delay to fix timing issues
  783. if (!direct)
  784. {
  785. var info = wnd.document.createElement('div');
  786. info.marginLeft = '26px';
  787. info.marginTop = '26px';
  788. mxUtils.write(info, mxResources.get('updatingDocument'));
  789. var img = wnd.document.createElement('img');
  790. img.setAttribute('src', window.location.protocol + '//' + window.location.hostname +
  791. '/' + IMAGE_PATH + '/spin.gif');
  792. img.style.marginLeft = '6px';
  793. info.appendChild(img);
  794. wnd.document.body.insertBefore(info, wnd.document.body.firstChild);
  795. window.setTimeout(function()
  796. {
  797. var script = document.createElement('script');
  798. script.type = 'text/javascript';
  799. script.src = /<script.*?src="(.*?)"/.exec(scriptTag)[1];
  800. doc.body.appendChild(script);
  801. info.parentNode.removeChild(info);
  802. }, 20);
  803. }
  804. });
  805. editorUi.showDialog(dlg.container, 440, 240, true, true);
  806. dlg.init();
  807. }));
  808. });
  809. });
  810. }
  811. }));
  812. editorUi.actions.put('liveImage', new Action('Live image...', function()
  813. {
  814. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  815. {
  816. editorUi.getPublicUrl(editorUi.getCurrentFile(), function(url)
  817. {
  818. editorUi.spinner.stop();
  819. if (url != null)
  820. {
  821. var encUrl = encodeURIComponent(url);
  822. var dlg = new EmbedDialog(editorUi, EXPORT_URL + '?format=png&url=' + encUrl, 0);
  823. editorUi.showDialog(dlg.container, 440, 240, true, true);
  824. dlg.init();
  825. }
  826. else
  827. {
  828. editorUi.handleError({message: mxResources.get('invalidPublicUrl')});
  829. }
  830. });
  831. }
  832. }));
  833. editorUi.actions.put('embedImage', new Action(mxResources.get('image') + '...', function()
  834. {
  835. editorUi.showEmbedImageDialog(function(fit, shadow, retina, lightbox, editLink, layers)
  836. {
  837. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  838. {
  839. editorUi.createEmbedImage(fit, shadow, retina, lightbox, editLink, layers, function(result)
  840. {
  841. editorUi.spinner.stop();
  842. var dlg = new EmbedDialog(editorUi, result);
  843. editorUi.showDialog(dlg.container, 440, 240, true, true);
  844. dlg.init();
  845. }, function(err)
  846. {
  847. editorUi.spinner.stop();
  848. editorUi.handleError(err);
  849. });
  850. }
  851. }, mxResources.get('image'), mxResources.get('retina'), editorUi.isExportToCanvas());
  852. }));
  853. editorUi.actions.put('embedSvg', new Action(mxResources.get('formatSvg') + '...', function()
  854. {
  855. editorUi.showEmbedImageDialog(function(fit, shadow, image, lightbox, editLink, layers)
  856. {
  857. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  858. {
  859. editorUi.createEmbedSvg(fit, shadow, image, lightbox, editLink, layers, function(result)
  860. {
  861. editorUi.spinner.stop();
  862. var dlg = new EmbedDialog(editorUi, result);
  863. editorUi.showDialog(dlg.container, 440, 240, true, true);
  864. dlg.init();
  865. }, function(err)
  866. {
  867. editorUi.spinner.stop();
  868. editorUi.handleError(err);
  869. });
  870. }
  871. }, mxResources.get('formatSvg'), mxResources.get('image'),
  872. true, 'https://desk.draw.io/support/solutions/articles/16000042548');
  873. }));
  874. editorUi.actions.put('embedIframe', new Action(mxResources.get('iframe') + '...', function()
  875. {
  876. var bounds = graph.getGraphBounds();
  877. editorUi.showPublishLinkDialog(mxResources.get('iframe'), null, '100%',
  878. (Math.ceil((bounds.y + bounds.height - graph.view.translate.y) / graph.view.scale) + 2),
  879. function(linkTarget, linkColor, allPages, lightbox, editLink, layers, width, height)
  880. {
  881. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  882. {
  883. editorUi.getPublicUrl(editorUi.getCurrentFile(), function(url)
  884. {
  885. editorUi.spinner.stop();
  886. var dlg = new EmbedDialog(editorUi, '<iframe frameborder="0" style="width:' + width +
  887. ';height:' + height + ';" src="' + editorUi.createLink(linkTarget, linkColor,
  888. allPages, lightbox, editLink, layers, url) + '"></iframe>');
  889. editorUi.showDialog(dlg.container, 440, 240, true, true);
  890. dlg.init();
  891. });
  892. }
  893. }, true);
  894. }));
  895. editorUi.actions.put('publishLink', new Action(mxResources.get('link') + '...', function()
  896. {
  897. editorUi.showPublishLinkDialog(null, null, null, null,
  898. function(linkTarget, linkColor, allPages, lightbox, editLink, layers)
  899. {
  900. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  901. {
  902. editorUi.getPublicUrl(editorUi.getCurrentFile(), function(url)
  903. {
  904. editorUi.spinner.stop();
  905. var dlg = new EmbedDialog(editorUi, editorUi.createLink(linkTarget,
  906. linkColor, allPages, lightbox, editLink, layers, url));
  907. editorUi.showDialog(dlg.container, 440, 240, true, true);
  908. dlg.init();
  909. });
  910. }
  911. });
  912. }));
  913. editorUi.actions.addAction('googleDocs...', function()
  914. {
  915. window.open('http://docsaddon.draw.io');
  916. });
  917. editorUi.actions.addAction('googleSites...', function()
  918. {
  919. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  920. {
  921. editorUi.getPublicUrl(editorUi.getCurrentFile(), function(url)
  922. {
  923. editorUi.spinner.stop();
  924. var dlg = new GoogleSitesDialog(editorUi, url);
  925. editorUi.showDialog(dlg.container, 420, 256, true, true);
  926. dlg.init();
  927. });
  928. }
  929. });
  930. // Adds plugins menu item in file menu only if localStorage is available for
  931. // storing the plugins.
  932. if (isLocalStorage || mxClient.IS_CHROMEAPP)
  933. {
  934. var action = editorUi.actions.addAction('scratchpad', function()
  935. {
  936. editorUi.toggleScratchpad();
  937. });
  938. action.setToggleAction(true);
  939. action.setSelectedCallback(function() { return editorUi.scratchpad != null; });
  940. editorUi.actions.addAction('plugins...', function()
  941. {
  942. editorUi.showDialog(new PluginsDialog(editorUi).container, 360, 156, true, false);
  943. });
  944. }
  945. var action = editorUi.actions.addAction('search', function()
  946. {
  947. var visible = editorUi.sidebar.isEntryVisible('search');
  948. editorUi.sidebar.showPalette('search', !visible);
  949. if (isLocalStorage)
  950. {
  951. mxSettings.settings.search = !visible;
  952. mxSettings.save();
  953. }
  954. });
  955. action.setToggleAction(true);
  956. action.setSelectedCallback(function() { return editorUi.sidebar.isEntryVisible('search'); });
  957. if (urlParams['embed'] == '1')
  958. {
  959. editorUi.actions.get('save').funct = function(exit)
  960. {
  961. if (graph.isEditing())
  962. {
  963. graph.stopEditing();
  964. }
  965. var data = (urlParams['pages'] != '0' || (editorUi.pages != null && editorUi.pages.length > 1)) ?
  966. editorUi.getFileData(true) : mxUtils.getXml(editorUi.editor.getGraphXml());
  967. if (urlParams['proto'] == 'json')
  968. {
  969. var msg = editorUi.createLoadMessage('save');
  970. msg.xml = data;
  971. if (exit)
  972. {
  973. msg.exit = true;
  974. }
  975. data = JSON.stringify(msg);
  976. }
  977. var parent = window.opener || window.parent;
  978. parent.postMessage(data, '*');
  979. if (urlParams['modified'] != '0' && urlParams['keepmodified'] != '1')
  980. {
  981. editorUi.editor.modified = false;
  982. editorUi.editor.setStatus('');
  983. }
  984. };
  985. editorUi.actions.addAction('saveAndExit', function()
  986. {
  987. editorUi.actions.get('save').funct(true);
  988. });
  989. editorUi.actions.addAction('exit', function()
  990. {
  991. var fn = function()
  992. {
  993. var msg = (urlParams['proto'] == 'json') ? JSON.stringify({event: 'exit',
  994. modified: editorUi.editor.modified}) : '';
  995. var parent = window.opener || window.parent;
  996. parent.postMessage(msg, '*');
  997. }
  998. if (!editorUi.editor.modified)
  999. {
  1000. fn();
  1001. }
  1002. else
  1003. {
  1004. editorUi.confirm(mxResources.get('allChangesLost'), null, fn,
  1005. mxResources.get('cancel'), mxResources.get('discardChanges'));
  1006. }
  1007. });
  1008. }
  1009. this.put('exportAs', new Menu(mxUtils.bind(this, function(menu, parent)
  1010. {
  1011. if (editorUi.isExportToCanvas())
  1012. {
  1013. menu.addItem(mxResources.get('formatPng') + '...', null, mxUtils.bind(this, function()
  1014. {
  1015. // TODO: Enable include option if CRC is fixed
  1016. editorUi.showExportDialog(mxResources.get('image'), false, mxResources.get('export'),
  1017. 'https://support.draw.io/display/DO/Exporting+Files',
  1018. mxUtils.bind(this, function(scale, transparentBackground, ignoreSelection,
  1019. addShadow, editable, embedImages, border, cropImage, currentPage)
  1020. {
  1021. var val = parseInt(scale);
  1022. if (!isNaN(val) && val > 0)
  1023. {
  1024. this.editorUi.exportImage(val / 100, transparentBackground, ignoreSelection,
  1025. addShadow, editable, border, !cropImage, currentPage);
  1026. }
  1027. }), true, false, 'png');
  1028. }), parent);
  1029. if (editorUi.jpgSupported)
  1030. {
  1031. menu.addItem(mxResources.get('formatJpg') + '...', null, mxUtils.bind(this, function()
  1032. {
  1033. editorUi.showExportDialog(mxResources.get('image'), false, mxResources.get('export'),
  1034. 'https://support.draw.io/display/DO/Exporting+Files',
  1035. mxUtils.bind(this, function(scale, transparentBackground, ignoreSelection,
  1036. addShadow, editable, embedImages, border, cropImage, currentPage)
  1037. {
  1038. var val = parseInt(scale);
  1039. if (!isNaN(val) && val > 0)
  1040. {
  1041. this.editorUi.exportImage(val / 100, false, ignoreSelection,
  1042. addShadow, false, border, !cropImage, false, 'jpeg');
  1043. }
  1044. }), true, false, 'jpeg');
  1045. }), parent);
  1046. }
  1047. }
  1048. // Disabled for standalone mode in iOS because new tab cannot be closed
  1049. else if (!editorUi.isOffline() && (!mxClient.IS_IOS || !navigator.standalone))
  1050. {
  1051. menu.addItem(mxResources.get('formatPng') + '...', null, mxUtils.bind(this, function()
  1052. {
  1053. editorUi.showRemoteExportDialog(mxResources.get('export'), null, mxUtils.bind(this, function(ignoreSelection, editable)
  1054. {
  1055. this.editorUi.downloadFile((editable) ? 'xmlpng' : 'png', null, null, ignoreSelection);
  1056. }));
  1057. }), parent);
  1058. menu.addItem(mxResources.get('formatJpg') + '...', null, mxUtils.bind(this, function()
  1059. {
  1060. editorUi.showRemoteExportDialog(mxResources.get('export'), null, mxUtils.bind(this, function(ignoreSelection, editable)
  1061. {
  1062. this.editorUi.downloadFile('jpeg', null, null, ignoreSelection);
  1063. }), true);
  1064. }), parent);
  1065. }
  1066. menu.addItem(mxResources.get('formatSvg') + '...', null, mxUtils.bind(this, function()
  1067. {
  1068. editorUi.showExportDialog(mxResources.get('formatSvg'), true, mxResources.get('export'),
  1069. 'https://support.draw.io/display/DO/Exporting+Files',
  1070. mxUtils.bind(this, function(scale, transparentBackground, ignoreSelection,
  1071. addShadow, editable, embedImages, border, cropImage, currentPage)
  1072. {
  1073. var val = parseInt(scale);
  1074. if (!isNaN(val) && val > 0)
  1075. {
  1076. this.editorUi.exportSvg(val / 100, transparentBackground, ignoreSelection,
  1077. addShadow, editable, embedImages, border, !cropImage, currentPage);
  1078. }
  1079. }), true, null, 'svg');
  1080. }), parent);
  1081. menu.addSeparator(parent);
  1082. // Redirects export to PDF to print in Chrome App
  1083. if (editorUi.isOffline() || editorUi.printPdfExport)
  1084. {
  1085. menu.addItem(mxResources.get('formatPdf') + '...', null, this.editorUi.actions.get('exportPdf').funct, parent);
  1086. }
  1087. // Disabled for standalone mode in iOS because new tab cannot be closed
  1088. else if (!editorUi.isOffline() && (!mxClient.IS_IOS || !navigator.standalone))
  1089. {
  1090. menu.addItem(mxResources.get('formatPdf') + '...', null, mxUtils.bind(this, function()
  1091. {
  1092. var div = document.createElement('div');
  1093. div.style.whiteSpace = 'nowrap';
  1094. var hd = document.createElement('h3');
  1095. mxUtils.write(hd, mxResources.get('formatPdf'));
  1096. hd.style.cssText = 'width:100%;text-align:center;margin-top:0px;margin-bottom:4px';
  1097. div.appendChild(hd);
  1098. var selection = editorUi.addCheckbox(div, mxResources.get('selectionOnly'),
  1099. false, graph.isSelectionEmpty());
  1100. var crop = editorUi.addCheckbox(div, mxResources.get('crop'),
  1101. !graph.pageVisible || !editorUi.pdfPageExport,
  1102. !editorUi.pdfPageExport);
  1103. crop.style.marginBottom = '16px';
  1104. // Crop is only enabled if selection only is selected
  1105. if (!editorUi.pdfPageExport)
  1106. {
  1107. mxEvent.addListener(selection, 'change', function()
  1108. {
  1109. if (selection.checked)
  1110. {
  1111. crop.removeAttribute('disabled');
  1112. }
  1113. else
  1114. {
  1115. crop.setAttribute('disabled', 'disabled');
  1116. }
  1117. });
  1118. }
  1119. var dlg = new CustomDialog(editorUi, div, mxUtils.bind(this, function()
  1120. {
  1121. this.editorUi.downloadFile('pdf', null, null, !selection.checked, null, !crop.checked);
  1122. }), null, mxResources.get('export'));
  1123. this.editorUi.showDialog(dlg.container, 300, 146, true, true);
  1124. }), parent);
  1125. }
  1126. menu.addItem(mxResources.get('formatHtmlEmbedded') + '...', null, mxUtils.bind(this, function()
  1127. {
  1128. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  1129. {
  1130. editorUi.getPublicUrl(editorUi.getCurrentFile(), function(url)
  1131. {
  1132. editorUi.spinner.stop();
  1133. editorUi.showHtmlDialog(mxResources.get('export'), null, url, function(publicUrl, zoomEnabled,
  1134. initialZoom, linkTarget, linkColor, fit, allPages, layers, lightbox, editLink)
  1135. {
  1136. editorUi.createHtml(publicUrl, zoomEnabled, initialZoom, linkTarget, linkColor,
  1137. fit, allPages, layers, lightbox, editLink, mxUtils.bind(this, function(html, scriptTag)
  1138. {
  1139. var basename = editorUi.getBaseFilename();
  1140. var result = '<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5,IE=9" ><![endif]-->\n' +
  1141. '<!DOCTYPE html>\n<html>\n<head>\n<title>' + mxUtils.htmlEntities(basename) + '</title>\n' +
  1142. '<meta charset="utf-8"/>\n</head>\n<body>' + html + '\n' + scriptTag + '\n</body>\n</html>';
  1143. editorUi.saveData(basename + '.html', 'html', result, 'text/html');
  1144. }));
  1145. });
  1146. });
  1147. }
  1148. //this.editorUi.downloadFile('html');
  1149. }), parent);
  1150. // LATER: Fix namespace prefix (NS1, NS2..) in XML
  1151. // serializer for VSDX export in IE11 and earlier
  1152. if (!mxClient.IS_IE11 && !mxClient.IS_IE && (typeof(VsdxExport) !== 'undefined' || !editorUi.isOffline()))
  1153. {
  1154. this.addMenuItems(menu, ['exportVsdx'], parent);
  1155. }
  1156. menu.addSeparator(parent);
  1157. menu.addItem(mxResources.get('formatXml') + '...', null, mxUtils.bind(this, function()
  1158. {
  1159. var div = document.createElement('div');
  1160. div.style.whiteSpace = 'nowrap';
  1161. var noPages = editorUi.pages == null || editorUi.pages.length <= 1;
  1162. var hd = document.createElement('h3');
  1163. mxUtils.write(hd, mxResources.get('formatXml'));
  1164. hd.style.cssText = 'width:100%;text-align:center;margin-top:0px;margin-bottom:4px';
  1165. div.appendChild(hd);
  1166. var selection = editorUi.addCheckbox(div, mxResources.get('selectionOnly'),
  1167. false, graph.isSelectionEmpty());
  1168. var pages = editorUi.addCheckbox(div, mxResources.get((noPages) ? 'compressed' : 'allPages'), true);
  1169. pages.style.marginBottom = '16px';
  1170. mxEvent.addListener(selection, 'change', function()
  1171. {
  1172. if (selection.checked)
  1173. {
  1174. pages.setAttribute('disabled', 'disabled');
  1175. }
  1176. else
  1177. {
  1178. pages.removeAttribute('disabled');
  1179. }
  1180. });
  1181. var dlg = new CustomDialog(editorUi, div, mxUtils.bind(this, function()
  1182. {
  1183. editorUi.downloadFile('xml', (noPages) ? !pages.checked : null, null,
  1184. !selection.checked, (!noPages) ? !pages.checked : null);
  1185. }), null, mxResources.get('export'));
  1186. this.editorUi.showDialog(dlg.container, 300, 146, true, true);
  1187. }), parent);
  1188. // Disables menu item for all external hosted integrations
  1189. if (mxClient.IS_CHROMEAPP || EditorUi.isElectronApp ||/.*\.draw\.io$/.test(window.location.hostname))
  1190. {
  1191. menu.addItem(mxResources.get('url') + '...', null, mxUtils.bind(this, function()
  1192. {
  1193. editorUi.showPublishLinkDialog(mxResources.get('url'), true, null, null,
  1194. function(linkTarget, linkColor, allPages, lightbox, editLink, layers)
  1195. {
  1196. var dlg = new EmbedDialog(editorUi, editorUi.createLink(linkTarget,
  1197. linkColor, allPages, lightbox, editLink, layers, null, true));
  1198. editorUi.showDialog(dlg.container, 440, 240, true, true);
  1199. dlg.init();
  1200. });
  1201. }), parent);
  1202. }
  1203. if (!editorUi.isOffline())
  1204. {
  1205. menu.addSeparator(parent);
  1206. this.addMenuItem(menu, 'export', parent).firstChild.nextSibling.innerHTML = mxResources.get('advanced') + '...';
  1207. }
  1208. })));
  1209. this.editorUi.actions.addAction('chatWindowTitle...', mxUtils.bind(this.editorUi, this.editorUi.toggleChat));
  1210. this.put('importFrom', new Menu(function(menu, parent)
  1211. {
  1212. function importFile(device)
  1213. {
  1214. if (device && Graph.fileSupport && !mxClient.IS_IE && !mxClient.IS_IE11)
  1215. {
  1216. var input = document.createElement('input');
  1217. input.setAttribute('type', 'file');
  1218. mxEvent.addListener(input, 'change', function()
  1219. {
  1220. if (input.files != null)
  1221. {
  1222. // Using null for position will disable crop of input file
  1223. editorUi.importFiles(input.files, null, null, editorUi.maxImageSize);
  1224. }
  1225. });
  1226. input.click();
  1227. }
  1228. else
  1229. {
  1230. window.openNew = false;
  1231. window.openKey = 'import';
  1232. var prevValue = Editor.useLocalStorage;
  1233. Editor.useLocalStorage = !device;
  1234. // Closes dialog after open
  1235. window.openFile = new OpenFile(function(cancel)
  1236. {
  1237. editorUi.hideDialog(cancel);
  1238. });
  1239. window.openFile.setConsumer(function(xml, filename)
  1240. {
  1241. graph.setSelectionCells(editorUi.importXml(xml));
  1242. });
  1243. // Removes openFile if dialog is closed
  1244. editorUi.showDialog(new OpenDialog(editorUi).container, 360, 220, true, true, function()
  1245. {
  1246. window.openFile = null;
  1247. });
  1248. // Extends dialog close to show splash screen
  1249. var dlg = editorUi.dialog;
  1250. var dlgClose = dlg.close;
  1251. editorUi.dialog.close = function(cancel)
  1252. {
  1253. Editor.useLocalStorage = prevValue;
  1254. dlgClose.apply(dlg, arguments);
  1255. if (cancel && editorUi.getCurrentFile() == null && urlParams['embed'] != '1')
  1256. {
  1257. editorUi.showSplash();
  1258. }
  1259. };
  1260. }
  1261. };
  1262. var doImportFile = mxUtils.bind(this, function(data, mime, filename)
  1263. {
  1264. // Gets insert location
  1265. var view = graph.view;
  1266. var bds = graph.getGraphBounds();
  1267. var x = graph.snap(Math.ceil(Math.max(0, bds.x / view.scale - view.translate.x) + 4 * graph.gridSize));
  1268. var y = graph.snap(Math.ceil(Math.max(0, (bds.y + bds.height) / view.scale - view.translate.y) + 4 * graph.gridSize));
  1269. if (data.substring(0, 11) == 'data:image/')
  1270. {
  1271. editorUi.loadImage(data, mxUtils.bind(this, function(img)
  1272. {
  1273. editorUi.resizeImage(img, data, mxUtils.bind(this, function(data2, w2, h2)
  1274. {
  1275. var s = Math.min(1, Math.min(editorUi.maxImageSize / w2, editorUi.maxImageSize / h2));
  1276. editorUi.importFile(data, mime, x, y, Math.round(w2 * s), Math.round(h2 * s), filename, function(cells)
  1277. {
  1278. editorUi.spinner.stop();
  1279. graph.setSelectionCells(cells);
  1280. graph.scrollCellToVisible(graph.getSelectionCell());
  1281. });
  1282. }), true);
  1283. }), mxUtils.bind(this, function()
  1284. {
  1285. editorUi.handleError({message: mxResources.get('cannotOpenFile')});
  1286. }));
  1287. }
  1288. else
  1289. {
  1290. editorUi.importFile(data, mime, x, y, 0, 0, filename, function(cells)
  1291. {
  1292. editorUi.spinner.stop();
  1293. graph.setSelectionCells(cells);
  1294. graph.scrollCellToVisible(graph.getSelectionCell());
  1295. });
  1296. }
  1297. });
  1298. var getMimeType = mxUtils.bind(this, function(filename)
  1299. {
  1300. var mime = 'text/xml';
  1301. if (/\.png$/i.test(filename))
  1302. {
  1303. mime = 'image/png';
  1304. }
  1305. else if (/\.jpe?g$/i.test(filename))
  1306. {
  1307. mime = 'image/jpg';
  1308. }
  1309. else if (/\.gif$/i.test(filename))
  1310. {
  1311. mime = 'image/gif';
  1312. }
  1313. return mime;
  1314. });
  1315. function pickFileFromService(service)
  1316. {
  1317. // Drive requires special arguments for libraries and bypassing realtime
  1318. service.pickFile(function(id)
  1319. {
  1320. if (editorUi.spinner.spin(document.body, mxResources.get('loading')))
  1321. {
  1322. // NOTE The third argument in getFile says denyConvert to match
  1323. // the existing signature in the original DriveClient which has
  1324. // as slightly different semantic, but works the same way.
  1325. service.getFile(id, function(file)
  1326. {
  1327. var mime = getMimeType(file.getTitle());
  1328. // Imports SVG as images
  1329. if (/\.svg$/i.test(file.getTitle()) && !editorUi.editor.isDataSvg(file.getData()))
  1330. {
  1331. file.setData(editorUi.createSvgDataUri(file.getData()));
  1332. mime = 'image/svg+xml';
  1333. }
  1334. doImportFile(file.getData(), mime, file.getTitle());
  1335. },
  1336. function(resp)
  1337. {
  1338. editorUi.handleError(resp, (resp != null) ? mxResources.get('errorLoadingFile') : null);
  1339. }, service == editorUi.drive);
  1340. }
  1341. }, true);
  1342. };
  1343. if (typeof(google) != 'undefined' && typeof(google.picker) != 'undefined')
  1344. {
  1345. if (editorUi.drive != null)
  1346. {
  1347. // Requires special arguments for libraries and realtime
  1348. menu.addItem(mxResources.get('googleDrive') + '...', null, function()
  1349. {
  1350. pickFileFromService(editorUi.drive);
  1351. }, parent);
  1352. }
  1353. else if (googleEnabled)
  1354. {
  1355. menu.addItem(mxResources.get('googleDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1356. {
  1357. // do nothing
  1358. }, parent, null, false);
  1359. }
  1360. }
  1361. if (editorUi.gitHub != null)
  1362. {
  1363. menu.addItem(mxResources.get('github') + '...', null, function()
  1364. {
  1365. pickFileFromService(editorUi.gitHub);
  1366. }, parent);
  1367. }
  1368. if (editorUi.dropbox != null)
  1369. {
  1370. menu.addItem(mxResources.get('dropbox') + '...', null, function()
  1371. {
  1372. pickFileFromService(editorUi.dropbox);
  1373. }, parent);
  1374. }
  1375. else if (dropboxEnabled)
  1376. {
  1377. menu.addItem(mxResources.get('dropbox') + ' (' + mxResources.get('loading') + '...)', null, function()
  1378. {
  1379. // do nothing
  1380. }, parent, null, false);
  1381. }
  1382. if (editorUi.oneDrive != null)
  1383. {
  1384. menu.addItem(mxResources.get('oneDrive') + '...', null, function()
  1385. {
  1386. pickFileFromService(editorUi.oneDrive);
  1387. }, parent);
  1388. }
  1389. else if (oneDriveEnabled)
  1390. {
  1391. menu.addItem(mxResources.get('oneDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1392. {
  1393. // do nothing
  1394. }, parent, null, false);
  1395. }
  1396. menu.addSeparator(parent);
  1397. if (isLocalStorage && urlParams['browser'] != '0')
  1398. {
  1399. menu.addItem(mxResources.get('browser') + '...', null, function()
  1400. {
  1401. importFile(false);
  1402. }, parent);
  1403. }
  1404. if (!mxClient.IS_IOS)
  1405. {
  1406. menu.addItem(mxResources.get('device') + '...', null, function()
  1407. {
  1408. importFile(true);
  1409. }, parent);
  1410. }
  1411. if (!editorUi.isOffline())
  1412. {
  1413. menu.addSeparator(parent);
  1414. menu.addItem(mxResources.get('url') + '...', null, function()
  1415. {
  1416. var dlg = new FilenameDialog(editorUi, '', mxResources.get('import'), function(fileUrl)
  1417. {
  1418. if (fileUrl != null && fileUrl.length > 0 && editorUi.spinner.spin(document.body, mxResources.get('loading')))
  1419. {
  1420. var mime = (/(\.png)($|\?)/i.test(fileUrl)) ? 'image/png' : 'text/xml';
  1421. // Uses proxy to avoid CORS issues
  1422. editorUi.loadUrl(PROXY_URL + '?url=' + encodeURIComponent(fileUrl), function(data)
  1423. {
  1424. doImportFile(data, mime, fileUrl);
  1425. },
  1426. function ()
  1427. {
  1428. editorUi.spinner.stop();
  1429. editorUi.handleError(null, mxResources.get('errorLoadingFile'));
  1430. }, mime == 'image/png');
  1431. }
  1432. }, mxResources.get('url'));
  1433. editorUi.showDialog(dlg.container, 300, 80, true, true);
  1434. dlg.init();
  1435. }, parent);
  1436. }
  1437. menu.addItem(mxResources.get('csv') + '...', null, function()
  1438. {
  1439. editorUi.showImportCsvDialog();
  1440. }, parent);
  1441. })).isEnabled = isGraphEnabled;
  1442. this.put('theme', new Menu(mxUtils.bind(this, function(menu, parent)
  1443. {
  1444. var item = menu.addItem(mxResources.get('kennedy'), null, function()
  1445. {
  1446. mxSettings.setUi('');
  1447. mxSettings.save();
  1448. editorUi.alert(mxResources.get('restartForChangeRequired'));
  1449. }, parent);
  1450. if (uiTheme != 'atlas')
  1451. {
  1452. menu.addCheckmark(item, Editor.checkmarkImage);
  1453. }
  1454. item = menu.addItem(mxResources.get('atlas'), null, function()
  1455. {
  1456. mxSettings.setUi('atlas');
  1457. mxSettings.save();
  1458. editorUi.alert(mxResources.get('restartForChangeRequired'));
  1459. }, parent);
  1460. if (uiTheme == 'atlas')
  1461. {
  1462. menu.addCheckmark(item, Editor.checkmarkImage);
  1463. }
  1464. })));
  1465. this.editorUi.actions.addAction('rename...', mxUtils.bind(this, function()
  1466. {
  1467. var file = this.editorUi.getCurrentFile();
  1468. if (file != null)
  1469. {
  1470. var filename = (file.getTitle() != null) ? file.getTitle() : this.editorUi.defaultFilename;
  1471. var dlg = new FilenameDialog(this.editorUi, filename, mxResources.get('rename'), mxUtils.bind(this, function(title)
  1472. {
  1473. if (title != null && title.length > 0 && file != null && this.editorUi.spinner.spin(document.body, mxResources.get('renaming')))
  1474. {
  1475. // Delete old file, save new file in dropbox if autosize is enabled
  1476. file.rename(title, mxUtils.bind(this, function(resp)
  1477. {
  1478. this.editorUi.spinner.stop();
  1479. }),
  1480. mxUtils.bind(this, function(resp)
  1481. {
  1482. this.editorUi.handleError(resp, (resp != null) ? mxResources.get('errorRenamingFile') : null);
  1483. }));
  1484. }
  1485. }), (file.constructor == DriveFile || file.constructor == StorageFile) ?
  1486. mxResources.get('diagramName') : null, function(name)
  1487. {
  1488. if (name != null && name.length > 0)
  1489. {
  1490. return true;
  1491. }
  1492. editorUi.showError(mxResources.get('error'), mxResources.get('invalidName'), mxResources.get('ok'));
  1493. return false;
  1494. });
  1495. this.editorUi.showDialog(dlg.container, 300, 80, true, true);
  1496. dlg.init();
  1497. }
  1498. })).isEnabled = isGraphEnabled;
  1499. editorUi.actions.addAction('makeCopy...', mxUtils.bind(this, function()
  1500. {
  1501. var file = editorUi.getCurrentFile();
  1502. if (file != null)
  1503. {
  1504. var title = (file.getTitle() != null) ? file.getTitle() : editorUi.defaultFilename;
  1505. // Handles extension
  1506. var extension = '';
  1507. var dot = title.lastIndexOf('.');
  1508. if (dot >= 0)
  1509. {
  1510. extension = title.substring(dot);
  1511. title = title.substring(0, dot);
  1512. }
  1513. title = mxResources.get('copyOf', [title]) + extension;
  1514. if (file.constructor == DriveFile)
  1515. {
  1516. var dlg = new CreateDialog(editorUi, title, mxUtils.bind(this, function(newTitle, mode)
  1517. {
  1518. // Mode is "download" if Create button is pressed, means use Google Drive
  1519. if (mode == 'download')
  1520. {
  1521. mode = App.MODE_GOOGLE;
  1522. }
  1523. if (newTitle != null && newTitle.length > 0)
  1524. {
  1525. if (mode == App.MODE_GOOGLE)
  1526. {
  1527. if (editorUi.spinner.spin(document.body, mxResources.get('saving')))
  1528. {
  1529. // Makes sure the latest XML is in the file
  1530. file.save(false, mxUtils.bind(this, function()
  1531. {
  1532. // Saveas does not update the file descriptor in Google Drive
  1533. file.saveAs(newTitle, mxUtils.bind(this, function(resp)
  1534. {
  1535. editorUi.spinner.stop();
  1536. var url = editorUi.getUrl();
  1537. window.openWindow(url + '#G' + resp.id, null, mxUtils.bind(this, function()
  1538. {
  1539. window.location.hash = 'G' + resp.id;
  1540. }));
  1541. }), mxUtils.bind(this, function(resp)
  1542. {
  1543. editorUi.handleError(resp);
  1544. }));
  1545. }), mxUtils.bind(this, function(resp)
  1546. {
  1547. editorUi.handleError(resp);
  1548. }));
  1549. }
  1550. }
  1551. else
  1552. {
  1553. this.editorUi.createFile(newTitle, this.editorUi.getFileData(true), null, mode);
  1554. }
  1555. }
  1556. }), mxUtils.bind(this, function()
  1557. {
  1558. editorUi.hideDialog();
  1559. }), mxResources.get('makeCopy'), mxResources.get('create'), null,
  1560. null, null, null, true);
  1561. editorUi.showDialog(dlg.container, 420, 380, true, true);
  1562. dlg.init();
  1563. }
  1564. else
  1565. {
  1566. // Creates a copy with no predefined storage
  1567. editorUi.editor.editAsNew(editorUi.getEditBlankXml(), title);
  1568. }
  1569. }
  1570. }));
  1571. editorUi.actions.addAction('moveToFolder...', mxUtils.bind(this, function()
  1572. {
  1573. var file = editorUi.getCurrentFile();
  1574. if (file.getMode() == App.MODE_GOOGLE || file.getMode() == App.MODE_ONEDRIVE)
  1575. {
  1576. editorUi.pickFolder(file.getMode(), mxUtils.bind(this, function(folderId)
  1577. {
  1578. if (editorUi.spinner.spin(document.body, mxResources.get('moving')))
  1579. {
  1580. file.move(folderId, mxUtils.bind(this, function(resp)
  1581. {
  1582. editorUi.spinner.stop();
  1583. }), mxUtils.bind(this, function(resp)
  1584. {
  1585. editorUi.handleError(resp);
  1586. }));
  1587. }
  1588. }));
  1589. }
  1590. }));
  1591. this.put('publish', new Menu(mxUtils.bind(this, function(menu, parent)
  1592. {
  1593. this.addMenuItems(menu, ['publishLink'], parent);
  1594. })));
  1595. editorUi.actions.put('offline', new Action(mxResources.get('offline') + '...', function()
  1596. {
  1597. window.open('http://www.draw.io/app')
  1598. }));
  1599. editorUi.actions.put('chromeApp', new Action(mxResources.get('chromeApp') + '...', function()
  1600. {
  1601. window.open('https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla')
  1602. }));
  1603. this.editorUi.actions.addAction('share...', mxUtils.bind(this, function()
  1604. {
  1605. var file = this.editorUi.getCurrentFile();
  1606. if (file != null)
  1607. {
  1608. this.editorUi.drive.showPermissions(file.getId());
  1609. }
  1610. }));
  1611. this.put('embed', new Menu(mxUtils.bind(this, function(menu, parent)
  1612. {
  1613. if (urlParams['test'] == '1')
  1614. {
  1615. this.addMenuItems(menu, ['liveImage', '-'], parent);
  1616. }
  1617. this.addMenuItems(menu, ['embedImage', 'embedSvg', '-', 'embedHtml'], parent);
  1618. if (!navigator.standalone && !editorUi.isOffline())
  1619. {
  1620. this.addMenuItems(menu, ['embedIframe'], parent);
  1621. }
  1622. if (!editorUi.isOffline())
  1623. {
  1624. this.addMenuItems(menu, ['-', 'googleSites', 'googleDocs'], parent);
  1625. }
  1626. })));
  1627. var methods = ['horizontalFlow', 'verticalFlow', '-', 'horizontalTree', 'verticalTree', '-', 'organic', 'circle', '-', 'fromText'];
  1628. var addInsertItem = function(menu, parent, title, method)
  1629. {
  1630. menu.addItem(title, null, mxUtils.bind(this, function()
  1631. {
  1632. if (method == 'fromText')
  1633. {
  1634. var dlg = new ParseDialog(editorUi, title);
  1635. editorUi.showDialog(dlg.container, 620, 420, true, false);
  1636. editorUi.dialog.container.style.overflow = 'auto';
  1637. dlg.init();
  1638. }
  1639. else
  1640. {
  1641. var dlg = new CreateGraphDialog(editorUi, title, method);
  1642. editorUi.showDialog(dlg.container, 620, 420, true, false);
  1643. // Executed after dialog is added to dom
  1644. dlg.init();
  1645. }
  1646. }), parent);
  1647. };
  1648. editorUi.actions.addAction('insertText', function()
  1649. {
  1650. if (graph.isEnabled() && !graph.isCellLocked(graph.getDefaultParent()))
  1651. {
  1652. var pt = (graph.isMouseInsertPoint()) ? graph.getInsertPoint() : graph.getFreeInsertPoint();
  1653. var cell = new mxCell('Text', new mxGeometry(pt.x, pt.y, 40, 20),
  1654. 'text;html=1;resizable=0;autosize=1;align=left;verticalAlign=top;spacingTop=-4;points=[];');
  1655. cell.vertex = true;
  1656. graph.startEditingAtCell(graph.addCell(cell));
  1657. }
  1658. }, null, null, 'Ctrl+Shift+X').isEnabled = isGraphEnabled;
  1659. editorUi.actions.addAction('insertRectangle', function()
  1660. {
  1661. if (graph.isEnabled() && !graph.isCellLocked(graph.getDefaultParent()))
  1662. {
  1663. var pt = (graph.isMouseInsertPoint()) ? graph.getInsertPoint() : graph.getFreeInsertPoint();
  1664. var cell = new mxCell('', new mxGeometry(pt.x, pt.y, 120, 60), 'whiteSpace=wrap;html=1;');
  1665. cell.vertex = true;
  1666. graph.setSelectionCell(graph.addCell(cell));
  1667. graph.scrollCellToVisible(graph.getSelectionCell());
  1668. }
  1669. }, null, null, 'Ctrl+K').isEnabled = isGraphEnabled;
  1670. editorUi.actions.addAction('insertEllipse', function()
  1671. {
  1672. if (graph.isEnabled() && !graph.isCellLocked(graph.getDefaultParent()))
  1673. {
  1674. var pt = (graph.isMouseInsertPoint()) ? graph.getInsertPoint() : graph.getFreeInsertPoint();
  1675. var cell = new mxCell('', new mxGeometry(pt.x, pt.y, 80, 80), 'ellipse;whiteSpace=wrap;html=1;');
  1676. cell.vertex = true;
  1677. graph.setSelectionCell(graph.addCell(cell));
  1678. graph.scrollCellToVisible(graph.getSelectionCell());
  1679. }
  1680. }, null, null, 'Ctrl+Shift+K').isEnabled = isGraphEnabled;
  1681. this.put('insert', new Menu(mxUtils.bind(this, function(menu, parent)
  1682. {
  1683. this.addMenuItems(menu, ['insertText', 'insertRectangle', 'insertEllipse', '-', 'insertLink', 'insertImage'], parent);
  1684. menu.addSeparator(parent);
  1685. for (var i = 0; i < methods.length; i++)
  1686. {
  1687. if (methods[i] == '-')
  1688. {
  1689. menu.addSeparator(parent);
  1690. }
  1691. else
  1692. {
  1693. addInsertItem(menu, parent, mxResources.get(methods[i]) + '...', methods[i]);
  1694. }
  1695. }
  1696. })));
  1697. this.put('openRecent', new Menu(function(menu, parent)
  1698. {
  1699. var recent = editorUi.getRecent();
  1700. if (recent != null)
  1701. {
  1702. for (var i = 0; i < recent.length; i++)
  1703. {
  1704. (function(entry)
  1705. {
  1706. var modeKey = entry.mode;
  1707. // Google and oneDrive use different keys
  1708. if (modeKey == App.MODE_GOOGLE)
  1709. {
  1710. modeKey = 'googleDrive';
  1711. }
  1712. else if (modeKey == App.MODE_ONEDRIVE)
  1713. {
  1714. modeKey = 'oneDrive';
  1715. }
  1716. menu.addItem(entry.title + ' (' + mxResources.get(modeKey) + ')', null, function()
  1717. {
  1718. editorUi.loadFile(entry.id);
  1719. }, parent);
  1720. })(recent[i]);
  1721. }
  1722. menu.addSeparator(parent);
  1723. }
  1724. menu.addItem(mxResources.get('reset'), null, function()
  1725. {
  1726. editorUi.resetRecent();
  1727. }, parent);
  1728. }));
  1729. this.put('openFrom', new Menu(function(menu, parent)
  1730. {
  1731. if (editorUi.drive != null)
  1732. {
  1733. menu.addItem(mxResources.get('googleDrive') + '...', null, function()
  1734. {
  1735. editorUi.pickFile(App.MODE_GOOGLE);
  1736. }, parent);
  1737. }
  1738. else if (googleEnabled)
  1739. {
  1740. menu.addItem(mxResources.get('googleDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1741. {
  1742. // do nothing
  1743. }, parent, null, false);
  1744. }
  1745. if (editorUi.gitHub != null)
  1746. {
  1747. menu.addItem(mxResources.get('github') + '...', null, function()
  1748. {
  1749. editorUi.pickFile(App.MODE_GITHUB);
  1750. }, parent);
  1751. }
  1752. if (editorUi.dropbox != null)
  1753. {
  1754. menu.addItem(mxResources.get('dropbox') + '...', null, function()
  1755. {
  1756. editorUi.pickFile(App.MODE_DROPBOX);
  1757. }, parent);
  1758. }
  1759. else if (dropboxEnabled)
  1760. {
  1761. menu.addItem(mxResources.get('dropbox') + ' (' + mxResources.get('loading') + '...)', null, function()
  1762. {
  1763. // do nothing
  1764. }, parent, null, false);
  1765. }
  1766. if (editorUi.oneDrive != null)
  1767. {
  1768. menu.addItem(mxResources.get('oneDrive') + '...', null, function()
  1769. {
  1770. editorUi.pickFile(App.MODE_ONEDRIVE);
  1771. }, parent);
  1772. }
  1773. else if (oneDriveEnabled)
  1774. {
  1775. menu.addItem(mxResources.get('oneDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1776. {
  1777. // do nothing
  1778. }, parent, null, false);
  1779. }
  1780. menu.addSeparator(parent);
  1781. if (isLocalStorage && urlParams['browser'] != '0')
  1782. {
  1783. menu.addItem(mxResources.get('browser') + '...', null, function()
  1784. {
  1785. editorUi.pickFile(App.MODE_BROWSER);
  1786. }, parent);
  1787. }
  1788. if (!mxClient.IS_IOS)
  1789. {
  1790. menu.addItem(mxResources.get('device') + '...', null, function()
  1791. {
  1792. editorUi.pickFile(App.MODE_DEVICE);
  1793. }, parent);
  1794. }
  1795. if (!editorUi.isOffline())
  1796. {
  1797. menu.addSeparator(parent);
  1798. menu.addItem(mxResources.get('url') + '...', null, function()
  1799. {
  1800. var dlg = new FilenameDialog(editorUi, '', mxResources.get('open'), function(fileUrl)
  1801. {
  1802. if (fileUrl != null && fileUrl.length > 0)
  1803. {
  1804. if (editorUi.getCurrentFile() == null)
  1805. {
  1806. window.location.hash = '#U' + encodeURIComponent(fileUrl);
  1807. }
  1808. else
  1809. {
  1810. window.openWindow(((mxClient.IS_CHROMEAPP) ?
  1811. 'https://www.draw.io/' : 'https://' + location.host + '/') +
  1812. window.location.search + '#U' + encodeURIComponent(fileUrl));
  1813. }
  1814. }
  1815. }, mxResources.get('url'));
  1816. editorUi.showDialog(dlg.container, 300, 80, true, true);
  1817. dlg.init();
  1818. }, parent);
  1819. }
  1820. }));
  1821. this.put('newLibrary', new Menu(function(menu, parent)
  1822. {
  1823. if (typeof(google) != 'undefined' && typeof(google.picker) != 'undefined')
  1824. {
  1825. if (editorUi.drive != null)
  1826. {
  1827. menu.addItem(mxResources.get('googleDrive') + '...', null, function()
  1828. {
  1829. editorUi.showLibraryDialog(null, null, null, null, App.MODE_GOOGLE);
  1830. }, parent);
  1831. }
  1832. else if (googleEnabled)
  1833. {
  1834. menu.addItem(mxResources.get('googleDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1835. {
  1836. // do nothing
  1837. }, parent, null, false);
  1838. }
  1839. }
  1840. if (editorUi.gitHub != null)
  1841. {
  1842. menu.addItem(mxResources.get('github') + '...', null, function()
  1843. {
  1844. editorUi.showLibraryDialog(null, null, null, null, App.MODE_GITHUB);
  1845. }, parent);
  1846. }
  1847. if (editorUi.dropbox != null)
  1848. {
  1849. menu.addItem(mxResources.get('dropbox') + '...', null, function()
  1850. {
  1851. editorUi.showLibraryDialog(null, null, null, null, App.MODE_DROPBOX);
  1852. }, parent);
  1853. }
  1854. else if (dropboxEnabled)
  1855. {
  1856. menu.addItem(mxResources.get('dropbox') + ' (' + mxResources.get('loading') + '...)', null, function()
  1857. {
  1858. // do nothing
  1859. }, parent, null, false);
  1860. }
  1861. if (editorUi.oneDrive != null)
  1862. {
  1863. menu.addItem(mxResources.get('oneDrive') + '...', null, function()
  1864. {
  1865. editorUi.showLibraryDialog(null, null, null, null, App.MODE_ONEDRIVE);
  1866. }, parent);
  1867. }
  1868. else if (oneDriveEnabled)
  1869. {
  1870. menu.addItem(mxResources.get('oneDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1871. {
  1872. // do nothing
  1873. }, parent, null, false);
  1874. }
  1875. menu.addSeparator(parent);
  1876. if (isLocalStorage && urlParams['browser'] != '0')
  1877. {
  1878. menu.addItem(mxResources.get('browser') + '...', null, function()
  1879. {
  1880. editorUi.showLibraryDialog(null, null, null, null, App.MODE_BROWSER);
  1881. }, parent);
  1882. }
  1883. if (!mxClient.IS_IOS)
  1884. {
  1885. menu.addItem(mxResources.get('device') + '...', null, function()
  1886. {
  1887. editorUi.showLibraryDialog(null, null, null, null, App.MODE_DEVICE);
  1888. }, parent);
  1889. }
  1890. }));
  1891. this.put('openLibraryFrom', new Menu(function(menu, parent)
  1892. {
  1893. if (typeof(google) != 'undefined' && typeof(google.picker) != 'undefined')
  1894. {
  1895. if (editorUi.drive != null)
  1896. {
  1897. menu.addItem(mxResources.get('googleDrive') + '...', null, function()
  1898. {
  1899. editorUi.pickLibrary(App.MODE_GOOGLE);
  1900. }, parent);
  1901. }
  1902. else if (googleEnabled)
  1903. {
  1904. menu.addItem(mxResources.get('googleDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1905. {
  1906. // do nothing
  1907. }, parent, null, false);
  1908. }
  1909. }
  1910. if (editorUi.gitHub != null)
  1911. {
  1912. menu.addItem(mxResources.get('github') + '...', null, function()
  1913. {
  1914. editorUi.pickLibrary(App.MODE_GITHUB);
  1915. }, parent);
  1916. }
  1917. if (editorUi.dropbox != null)
  1918. {
  1919. menu.addItem(mxResources.get('dropbox') + '...', null, function()
  1920. {
  1921. editorUi.pickLibrary(App.MODE_DROPBOX);
  1922. }, parent);
  1923. }
  1924. else if (dropboxEnabled)
  1925. {
  1926. menu.addItem(mxResources.get('dropbox') + ' (' + mxResources.get('loading') + '...)', null, function()
  1927. {
  1928. // do nothing
  1929. }, parent, null, false);
  1930. }
  1931. if (editorUi.oneDrive != null)
  1932. {
  1933. menu.addItem(mxResources.get('oneDrive') + '...', null, function()
  1934. {
  1935. editorUi.pickLibrary(App.MODE_ONEDRIVE);
  1936. }, parent);
  1937. }
  1938. else if (oneDriveEnabled)
  1939. {
  1940. menu.addItem(mxResources.get('oneDrive') + ' (' + mxResources.get('loading') + '...)', null, function()
  1941. {
  1942. // do nothing
  1943. }, parent, null, false);
  1944. }
  1945. menu.addSeparator(parent);
  1946. if (isLocalStorage && urlParams['browser'] != '0')
  1947. {
  1948. menu.addItem(mxResources.get('browser') + '...', null, function()
  1949. {
  1950. editorUi.pickLibrary(App.MODE_BROWSER);
  1951. }, parent);
  1952. }
  1953. if (!mxClient.IS_IOS)
  1954. {
  1955. menu.addItem(mxResources.get('device') + '...', null, function()
  1956. {
  1957. editorUi.pickLibrary(App.MODE_DEVICE);
  1958. }, parent);
  1959. }
  1960. if (!editorUi.isOffline())
  1961. {
  1962. menu.addSeparator(parent);
  1963. menu.addItem(mxResources.get('url') + '...', null, function()
  1964. {
  1965. var dlg = new FilenameDialog(editorUi, '', mxResources.get('open'), function(fileUrl)
  1966. {
  1967. if (fileUrl != null && fileUrl.length > 0 && editorUi.spinner.spin(document.body, mxResources.get('loading')))
  1968. {
  1969. var realUrl = fileUrl;
  1970. if (!editorUi.isCorsEnabledForUrl(fileUrl))
  1971. {
  1972. realUrl = PROXY_URL + '?url=' + encodeURIComponent(fileUrl);
  1973. }
  1974. // Uses proxy to avoid CORS issues
  1975. mxUtils.get(realUrl, function(req)
  1976. {
  1977. if (req.getStatus() >= 200 && req.getStatus() <= 299)
  1978. {
  1979. editorUi.spinner.stop();
  1980. try
  1981. {
  1982. editorUi.loadLibrary(new UrlLibrary(this, req.getText(), fileUrl));
  1983. }
  1984. catch (e)
  1985. {
  1986. editorUi.handleError(e, mxResources.get('errorLoadingFile'));
  1987. }
  1988. }
  1989. else
  1990. {
  1991. editorUi.spinner.stop();
  1992. editorUi.handleError(null, mxResources.get('errorLoadingFile'));
  1993. }
  1994. }, function()
  1995. {
  1996. editorUi.spinner.stop();
  1997. editorUi.handleError(null, mxResources.get('errorLoadingFile'));
  1998. });
  1999. }
  2000. }, mxResources.get('url'));
  2001. editorUi.showDialog(dlg.container, 300, 80, true, true);
  2002. dlg.init();
  2003. }, parent);
  2004. }
  2005. }));
  2006. // Overrides edit menu to add find
  2007. this.put('edit', new Menu(mxUtils.bind(this, function(menu, parent)
  2008. {
  2009. this.addMenuItems(menu, ['undo', 'redo', '-', 'cut', 'copy', 'paste', 'delete', '-', 'duplicate', '-',
  2010. 'find', '-',
  2011. 'editData', 'editTooltip', 'editStyle', '-', 'edit', '-', 'editLink', 'openLink', '-',
  2012. 'selectVertices', 'selectEdges', 'selectAll', 'selectNone', '-', 'lockUnlock']);
  2013. })));
  2014. // Overrides view menu to add search and scratchpad
  2015. this.put('view', new Menu(mxUtils.bind(this, function(menu, parent)
  2016. {
  2017. this.addMenuItems(menu, ((this.editorUi.format != null) ? ['formatPanel'] : []).
  2018. concat(['outline', 'layers', '-']));
  2019. this.addMenuItems(menu, ['-', 'search'], parent);
  2020. if (isLocalStorage || mxClient.IS_CHROMEAPP)
  2021. {
  2022. var item = this.addMenuItem(menu, 'scratchpad', parent);
  2023. if (!editorUi.isOffline() || mxClient.IS_CHROMEAPP)
  2024. {
  2025. this.addLinkToItem(item, 'https://desk.draw.io/support/solutions/articles/16000042367');
  2026. }
  2027. }
  2028. this.addMenuItems(menu, ['shapes', '-', 'pageView', 'pageScale', '-',
  2029. 'scrollbars', 'tooltips', '-',
  2030. 'grid', 'guides'], parent);
  2031. if (mxClient.IS_SVG && (document.documentMode == null || document.documentMode > 9))
  2032. {
  2033. this.addMenuItem(menu, 'shadowVisible', parent);
  2034. }
  2035. this.addMenuItems(menu, ['-', 'connectionArrows', 'connectionPoints', '-',
  2036. 'resetView', 'zoomIn', 'zoomOut'], parent);
  2037. })));
  2038. this.put('extras', new Menu(mxUtils.bind(this, function(menu, parent)
  2039. {
  2040. if (urlParams['embed'] != '1')
  2041. {
  2042. this.addSubmenu('theme', menu, parent);
  2043. menu.addSeparator(parent);
  2044. }
  2045. this.addMenuItems(menu, ['copyConnect', 'collapseExpand', '-'], parent);
  2046. if (typeof(MathJax) !== 'undefined')
  2047. {
  2048. var item = this.addMenuItem(menu, 'mathematicalTypesetting', parent);
  2049. this.addLinkToItem(item, 'https://desk.draw.io/support/solutions/articles/16000032875');
  2050. }
  2051. this.addMenuItems(menu, ['autosave', '-', 'createShape', 'editDiagram'], parent);
  2052. menu.addSeparator(parent);
  2053. if (urlParams['embed'] != '1' && isLocalStorage)
  2054. {
  2055. this.addMenuItems(menu, ['showStartScreen'], parent);
  2056. }
  2057. if (!editorUi.isOfflineApp() && urlParams['embed'] != '1')
  2058. {
  2059. this.addMenuItems(menu, ['plugins', '-'], parent);
  2060. var item = this.addMenuItem(menu, 'tags', parent);
  2061. if (!editorUi.isOffline() || mxClient.IS_CHROMEAPP)
  2062. {
  2063. this.addLinkToItem(item, 'https://desk.draw.io/support/solutions/articles/16000046966');
  2064. }
  2065. this.addMenuItems(menu, ['-', 'offline'], parent);
  2066. }
  2067. else
  2068. {
  2069. menu.addSeparator(parent);
  2070. this.addMenuItem(menu, 'tags', parent);
  2071. menu.addSeparator(parent);
  2072. }
  2073. if (!editorUi.isOffline() && !navigator.standalone && urlParams['embed'] != '1')
  2074. {
  2075. this.addMenuItems(menu, ['chromeApp'], parent);
  2076. }
  2077. })));
  2078. this.put('file', new Menu(mxUtils.bind(this, function(menu, parent)
  2079. {
  2080. if (urlParams['embed'] == '1')
  2081. {
  2082. this.addSubmenu('importFrom', menu, parent);
  2083. this.addSubmenu('exportAs', menu, parent);
  2084. this.addSubmenu('embed', menu, parent);
  2085. if (urlParams['libraries'] == '1')
  2086. {
  2087. this.addMenuItems(menu, ['-'], parent);
  2088. this.addSubmenu('newLibrary', menu, parent);
  2089. this.addSubmenu('openLibraryFrom', menu, parent);
  2090. }
  2091. this.addMenuItems(menu, ['-', 'pageSetup', 'print', '-', 'save'], parent);
  2092. if (urlParams['saveAndExit'] == '1')
  2093. {
  2094. this.addMenuItems(menu, ['saveAndExit'], parent);
  2095. }
  2096. this.addMenuItems(menu, ['exit'], parent);
  2097. }
  2098. else
  2099. {
  2100. var file = this.editorUi.getCurrentFile();
  2101. if (file != null && file.constructor == DriveFile)
  2102. {
  2103. if (file.isRestricted())
  2104. {
  2105. this.addMenuItems(menu, ['exportOptionsDisabled'], parent);
  2106. }
  2107. if (file.realtime == null)
  2108. {
  2109. this.addMenuItems(menu, ['save', 'share', '-'], parent);
  2110. }
  2111. else
  2112. {
  2113. if (!file.isAutosave())
  2114. {
  2115. this.addMenuItems(menu, ['save'], parent);
  2116. }
  2117. this.addMenuItems(menu, ['share', 'chatWindowTitle', '-'], parent);
  2118. }
  2119. }
  2120. else
  2121. {
  2122. this.addMenuItems(menu, ['new'], parent);
  2123. }
  2124. this.addSubmenu('openFrom', menu, parent);
  2125. if (isLocalStorage)
  2126. {
  2127. this.addSubmenu('openRecent', menu, parent);
  2128. }
  2129. if (file != null && file.constructor == DriveFile)
  2130. {
  2131. this.addMenuItems(menu, ['new', '-', 'rename', 'makeCopy', 'moveToFolder'], parent);
  2132. }
  2133. else
  2134. {
  2135. this.addMenuItems(menu, ['-', 'save', 'saveAs', '-', 'rename'], parent);
  2136. if (editorUi.isOfflineApp())
  2137. {
  2138. if (!editorUi.isOffline())
  2139. {
  2140. this.addMenuItems(menu, ['upload'], parent);
  2141. }
  2142. }
  2143. else
  2144. {
  2145. this.addMenuItems(menu, ['makeCopy'], parent);
  2146. if (file != null && file.constructor == OneDriveFile)
  2147. {
  2148. this.addMenuItems(menu, ['moveToFolder'], parent);
  2149. }
  2150. }
  2151. }
  2152. menu.addSeparator(parent);
  2153. this.addSubmenu('importFrom', menu, parent);
  2154. this.addSubmenu('exportAs', menu, parent);
  2155. menu.addSeparator(parent);
  2156. this.addSubmenu('embed', menu, parent);
  2157. this.addSubmenu('publish', menu, parent);
  2158. menu.addSeparator(parent);
  2159. this.addSubmenu('newLibrary', menu, parent);
  2160. this.addSubmenu('openLibraryFrom', menu, parent);
  2161. if (file != null && (file.constructor == DriveFile || file.constructor == DropboxFile))
  2162. {
  2163. this.addMenuItems(menu, ['-', 'revisionHistory'], parent);
  2164. }
  2165. if (file != null && file.constructor == DriveFile)
  2166. {
  2167. this.addMenuItems(menu, ['createRevision'], parent);
  2168. }
  2169. this.addMenuItems(menu, ['-', 'pageSetup'], parent);
  2170. // Cannot use print in standalone mode on iOS as we cannot open new windows
  2171. if (!mxClient.IS_IOS || !navigator.standalone)
  2172. {
  2173. this.addMenuItems(menu, ['print'], parent);
  2174. }
  2175. this.addMenuItems(menu, ['-', 'close']);
  2176. }
  2177. })));
  2178. };
  2179. /**
  2180. * Replaces help menu label with icon on small screen
  2181. */
  2182. var menuCreated = Menus.prototype.menuCreated;
  2183. Menus.prototype.menuCreated = function(menu, elt)
  2184. {
  2185. if (screen.width <= 480 && menu == this.get('help'))
  2186. {
  2187. elt.style.paddingRight = '0px';
  2188. elt.style.paddingLeft = '0px';
  2189. elt.innerHTML = '';
  2190. var icon = document.createElement('img');
  2191. icon.setAttribute('border', '0');
  2192. icon.setAttribute('valign', 'bottom');
  2193. icon.setAttribute('src', Editor.helpImage);
  2194. elt.appendChild(icon);
  2195. }
  2196. menuCreated.apply(this, arguments);
  2197. };
  2198. })();