\");\r\n }\r\n}\r\n\r\nfunction dwSplitAddLayerWhileDraggingForResponsive(isFirstChild, splitPaneID_, panelID) {\r\n dwSplitPaneID = splitPaneID_;\r\n var divider = $(dwSplitPaneID + \"_divider\");\r\n var oldDividerMouseDown = divider.onmousedown;\r\n dwPdfViewerOverlayID = panelID;\r\n\r\n divider.onmousedown = function(event) {\r\n if (!dwSplitTransparentOverlayIsUsed) { // Es könnte 2. MouseDown kommen ohne MouseUp (Klick außerhalb)\r\n dwSplitTransparentOverlayIsUsed = true;\r\n addTransparentDivToDOM(panelID);\r\n }\r\n\r\n if (oldDividerMouseDown) { // Eigentliches Draggen\r\n oldDividerMouseDown(event);\r\n }\r\n };\r\n}\r\n\r\nfunction addTransparentDivToDOM(panelID) {\r\n // Das ist das Panel mit LayoutBorder in dem das GuiViewer(das PDF) Element steckt\r\n var panelForOverlay = $(panelID);\r\n // In dem Panel steckt das LayoutBorder-Div\r\n var children = dwDomGetElementChildNodes(panelForOverlay);\r\n var child = children[0];\r\n // Hier holt man sich die verschiedenen Divs für North, South, Center, East, West\r\n children = dwDomGetElementChildNodes(child);\r\n // Jetzt das Center Element holen, weil hier das GuiViewer-Element steckt\r\n child = children[2];\r\n\r\n // Und dann auf dem Parent von dem GuiViewerElement das transparente Div hinzufügen, damit das DragEvent vom SplitpaneDivider weiter ankommt\r\n dwDomInsertChild(child, 0, createTransparentDiv());\r\n}\r\n\r\nfunction createTransparentDiv() {\r\n var bgColor = framework_isIE ? \"background-color:#FFFFFF;\" : \"\";\r\n return \"
\";\r\n}\r\n\r\n/**\r\n * Fügt ein transparentes Panel auf PDF-Viewer, weil beim mobile -> desktop oder desktop -> mobile Wechsel wird\r\n * es entfernt. Wenn es schon ein solches Panel existiert - wird es nicht noch einmal hinzugefügt.\r\n */\r\nfunction addPdfViewerOverlayIfNotExists() {\r\n if (dwSplitDragged && dwPdfViewerOverlayID != null && document.getElementById(dwSplitPaneID + \"_overlay\") == null) {\r\n var dwSplitChildWithOverlay = document.getElementById(dwPdfViewerOverlayID);\r\n if (dwSplitChildWithOverlay !== null) {\r\n addTransparentDivToDOM(dwPdfViewerOverlayID);\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Draggen des Dividers endet nicht immer nur mit MouseUp (z.B. Maus aus Fenster herausbewegen und dort loslassen),\r\n * daher explizit den Drag-Vorgang beenden und transparentes DIV wieder entfernen\r\n */\r\nfunction dwSplitRemoveLayerAfterDragging(isFirstChild, splitPaneID) {\r\n dwDomRemoveNodeById(splitPaneID + \"_overlay\"); // Node eventuell nicht vorhanden - falls Event nicht durch Drag&Drop ausgelöst wurde\r\n dwSplitTransparentOverlayIsUsed = false;\r\n}\r\n\r\n/**\r\n * Bei Klick auf die Kreise eines Splitpane-Dividers soll die Dividerposition auf 0 (tiltToZero == true) oder auf\r\n * maxWidth (horizontal == true) gesetzt werden und bei erneutem Klick in die Ursprungsposition zurückgesetzt werden.\r\n *\r\n * Diese Funktion ist momentan nur in Responsive vorhanden\r\n *\r\n * @param splitPaneID\r\n * @param tiltToZero\r\n * @param horizontal\r\n * @param dividerSizeTilted\r\n */\r\nfunction dwSplitTilt(event, splitPaneID, tiltToZero, horizontal, dividerSizeTilted) {\r\n //splitTilt wird von MouseUp getriggert. Es kann passieren, dass MouseUp ohne vorheriges MouseDown durchkommt (z.B. durch\r\n //gedrückt halten der Maus). In dem Fall hier abbrechen, sonst werden nachfolgend nicht alle nötigen Resize Events gefeuert\r\n\r\n if ((event instanceof MouseEvent) && (dwSplitDragType == null)) {\r\n return;\r\n }\r\n //nur bei linksklick\r\n if (event.button != 0) {\r\n return;\r\n }\r\n\r\n var hasCustomTiltEvent = false; // Nachsehen, ob ein customTiltEvent registriert ist\r\n var divider = $(dwSplitDragUniqueId + \"_divider\");\r\n if (divider && dwDomHasAttribute(divider, \"customEventType\")) {\r\n hasCustomTiltEvent = true;\r\n }\r\n\r\n var splitPane = $(splitPaneID);\r\n dwSplitDragDividerSizeTilted = dividerSizeTilted;\r\n if (dwSplitDragStartCoords != null) {\r\n // Nur wenn Maus nicht bzw. max. 3 Pixel bewegt wird, auf-/zuklappen. Sonst ist es nur ein Verändern der Dividerposition\r\n var newCoords = dwSplitGetPageCoordinates(event);\r\n if ((4 < Math.abs(newCoords[0] - dwSplitDragStartCoords[0])) || (4 < Math.abs(newCoords[1] - dwSplitDragStartCoords[1]))) {\r\n return; // Draggen mit 4 Pixeln oder mehr Bewegung werden als Verschieben des Dividers intepretiert\r\n }\r\n // Bei Draggen bix max. 3 Pixel wird es dennoch als Tilt interpretiert\r\n dwSplitDragged = false;\r\n }\r\n\r\n if (!dwSplitDragged && hasCustomTiltEvent) { // Nur wenn nicht schon gedraggt wurde (gar keine Mausbewegung), sondern geklickt, customTilt auslösen\r\n var paramType = dwDomGetDomAttribute(divider, \"customEventType\");\r\n dwAjaxFireCustomEvent(dwSplitDragUniqueId, dwSplitDragUniqueId, paramType, '', true);\r\n return; // Jetzt keinen Tilt, sondern das CustomTilt durchführen\r\n }\r\n\r\n var divider = $(splitPaneID + \"_divider\");\r\n var dividerWidth = Math.max(divider.offsetWidth, dwSplitDragDividerSizeTilted);\r\n var dividerHeight = Math.max(divider.offsetHeight, dwSplitDragDividerSizeTilted);\r\n var dividerMaxOffset = horizontal ? dividerWidth : dividerHeight;\r\n var dividerPos = horizontal ? divider.offsetLeft : divider.offsetTop;\r\n var oldDividerRatio = splitPane.getAttribute(\"oldDividerRatio\"); // vom html-Attribut auslesen, falls getilted wurde\r\n var splitPaneSize = horizontal ? splitPane.offsetWidth : splitPane.offsetHeight;\r\n //Um die maxPos zu berechnen, wird die Breite/Höhe des Dividers genommen, welche am Größten ist.\r\n //Da der Divider seine Größe zwischen tilted und nicht tilted ändern kann, muss diese vorher ermittelt werden\r\n var maxPos = horizontal ? splitPane.offsetWidth - dividerMaxOffset : splitPane.offsetHeight - dividerMaxOffset;\r\n var newPos = horizontal ? 0 : maxPos;\r\n\r\n var wasTilt = (tiltToZero && (dividerPos == 0)) || (dividerPos >= maxPos);\r\n if (wasTilt) { // alte Ratio auslesen\r\n newPos = oldDividerRatio * splitPaneSize / 100; // neue Größe bestimmen\r\n splitPane.removeAttribute(\"oldDividerRatio\"); // und Attribut entfernen\r\n } else {\r\n splitPane.setAttribute(\"oldDividerRatio\", dividerPos * 100 / splitPaneSize); // jetzt wird getilted, aktuelle Position des Dividers merken\r\n newPos = tiltToZero ? 0 : maxPos;\r\n }\r\n\r\n if (horizontal) {\r\n dwAjaxGenericSetNodeStyle(splitPane, ['', '', '0', 'width', newPos + \"px\"]);\r\n dwAjaxGenericSetNodeStyle(splitPane, ['', '', '1', 'left', newPos + \"px\"]);\r\n dwAjaxGenericSetNodeStyle(splitPane, ['', '', '2', 'left', (newPos + divider.offsetWidth) + \"px\"]);\r\n } else {\r\n dwAjaxGenericSetNodeStyle(splitPane, ['', '', '0', 'height', newPos + \"px\"]);\r\n dwAjaxGenericSetNodeStyle(splitPane, ['', '', '1', 'top', newPos + \"px\"]);\r\n dwAjaxGenericSetNodeStyle(splitPane, ['', '', '2', 'top', (newPos + divider.offsetHeight) + \"px\"]);\r\n }\r\n $(splitPaneID + \"_dividerPosition\").value = newPos;\r\n\r\n if (dwSplitDragDoAjaxCallback) {\r\n // Ajax Rückmeldung für das Resize der Komponenten\r\n var isTilt = (newPos == maxPos) || (newPos == 0);\r\n var params = \"leftSize=\" + newPos + \"@DWSUB@\" + \"rightSize=\" + (maxPos - newPos) + \"@DWSUB@\" + \"tilt=\" + (isTilt ? \"1\" : \"0\");\r\n dwAjaxSplitpaneDragged(event, dwSplitDragEventHandlerComponentId, dwSplitDragUniqueId, params, true);\r\n }\r\n\r\n dwSplitDragType = null;\r\n dwSplitDragStartCoords = null;\r\n dwSplitDragComponent1 = null;\r\n dwSplitDragComponent2 = null;\r\n dwSplitDragComponent1Min = null;\r\n dwSplitDragComponent2Min = null;\r\n dwSplitDragComponent1Start = null;\r\n dwSplitDragComponent2Start = null;\r\n dwSplitDragEventHandlerComponentId = null;\r\n dwSplitDragUniqueId = null;\r\n dwSplitDragDividerSize = null;\r\n dwSplitDragDividerSizeTilted = null;\r\n dwSplitDragSplitPaneSize = null;\r\n dwSplitDragDoAjaxCallback = null;\r\n}\r\n\r\n\n/*\r\n * Copyright (c) 2025 Quanos Solutions GmbH\r\n */\r\nvar DW_IMAGE_DIR_MODE = false;\r\n/**\r\n * Sammlung von Methoden zur Anzeige des Bildes inkl. Overview-Panel\r\n */\r\nvar DW_IMAGE_IN_ZOOM_EVENT = false;\r\n\r\n// ZoomSlider wird bewegt\r\nvar DW_IMAGE_SLIDER_MOVE = false;\r\n\r\n// Rotes Rechteck im Overview-Panel wird bewegt\r\nvar DW_IMAGE_NAVRECT_MOVE = false;\r\n\r\n// Zoom-to-Rect: Rechteck wird aufgezogen, Start-Position speichern\r\nvar DW_IMAGE_ZOOMRECT;\r\n\r\n// Image verschieben, Start-Position speichern\r\nvar DW_IMAGE_DRAGRECT;\r\n\r\nvar DW_LINK_STYLE_NONE = 0;\r\nvar DW_LINK_STYLE_LINE = 1;\r\nvar DW_LINK_STYLE_RECT = 2;\r\nvar DW_LINK_STYLE_ELLIPSE = 3;\r\nvar DW_LINK_STYLE_ELLIPSE_FULL = 4;\r\nvar DW_LINK_STYLE_FULL = 5;\r\nvar DW_LINK_STYLE_REDESIGN_RECT = 6;\r\n\r\nvar DW_IMAGE_LAST_ELEMENT_ID;\r\nvar DW_IMAGE_LAST_ZOOM = 1.0;\r\nvar DW_IMAGE_LAST_HOTSPOT_KEY;\r\nvar DW_IMAGE_LAST_HOTSPOT_KEY_VER;\r\n\r\nvar DW_IMAGE_BIAS = 1.5; // das Bias mal größere Bild wird als neues Bild genommen\r\n\r\nvar DW_PAGE_SCALE;\r\n\r\n/*\r\n * Normalerweise wird das Bild über URL Parameter geholt, also z.B.\r\n * irgend/eine/url?tileX=3&tileY=3&imgW=2000&imgH=2000&inctrans=true\r\n * aber im Falle von GWT müssen wir die richtigen Bilder auf der Platte finden.\r\n * Es ist ja kein Server vorhanden\r\n */\r\nfunction dwImageViewerSetDirMode(value) {\r\n DW_IMAGE_DIR_MODE = value;\r\n}\r\n\r\nfunction dwImageViewerGetImage(elementId) {\r\n var imageElement = $(elementId + \"_tiles\");\r\n if (imageElement == null) {\r\n imageElement = $(elementId + \"_image\");\r\n }\r\n return imageElement;\r\n}\r\n\r\n/**\r\n * Initialisiert den Viewer mit allen notwendigen Parametern. Bei Ajax wird über diese\r\n * Methode auch reinitialisiert\r\n */\r\nfunction dwImageViewerInitStart(elementId, imgSrcPrefix, dwWidth, dwHeight, curImageWidth, curImageHeight,\r\n openButtonUrl, closeButtonUrl, panClosedUrl, panOpenedUrl, panOpenedRUrl,\r\n overviewClosedWidth, overviewClosedHeight, overviewOpenWidth, overviewOpenHeight,\r\n clientUpscale, clientDownscale, isWithHiddenZoom, tileSize, useOriginalImage, useTiffOnClient, autoCloseWindows, transpixelUrl,\r\n panOpened, panCorner, zoomToRect, unmarkedHotspotsVisible, isMultiSelection, openPanWindowText,\r\n closePanWindowText, initialHidePanWindow, forceNoPanWindow, viewerType, plainImageOnly, dontZoomSmallImagesAtStart, debug) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.dwTileInfosForAllZoomLevels = new Object();\r\n image.elementId = elementId;\r\n image.dwWidth = dwWidth; // Original-Bildbreite\r\n image.dwHeight = dwHeight; // Original-Bildhöhe\r\n image.dwCurrentZoomLevel = panOpened ? 2.0 : 1.0;\r\n image.dwImgSrcPrefix = imgSrcPrefix;\r\n image.dwOrigImageWidth = curImageWidth; // Die erste ausgelieferte Version (maximal 750x500)\r\n image.dwOrigImageHeight = curImageHeight; // Die erste ausgelieferte Version (maximal 750x500)\r\n image.dwCurrentImageWidth = curImageWidth; // Aktuelle Bildgröße\r\n image.dwCurrentImageHeight = curImageHeight; // Aktuelle Bildgröße\r\n image.dwOpenButtonUrl = openButtonUrl;\r\n image.dwCloseButtonUrl = closeButtonUrl;\r\n image.dwPanClosedUrl = panClosedUrl;\r\n image.dwPanOpenedUrl = panOpenedUrl;\r\n image.dwPanOpenedRUrl = panOpenedRUrl;\r\n image.dwOverviewClosedWidth = overviewClosedWidth;\r\n image.dwOverviewClosedHeight = overviewClosedHeight;\r\n image.dwOverviewOpenWidth = overviewOpenWidth;\r\n image.dwOverviewOpenHeight = overviewOpenHeight;\r\n image.dwClientUpscale = clientUpscale;\r\n image.dwClientDownscale = clientDownscale;\r\n image.dwIsWithHiddenZoom = isWithHiddenZoom;\r\n image.panOpened = panOpened;\r\n image.panCorner = panCorner;\r\n image.panZoom2Rect = !zoomToRect; // Damit es im Toggle unten richtig gesetzt wird\r\n image.dwTileSize = Math.floor(tileSize);\r\n image.useOriginalImage = useOriginalImage;\r\n image.useTiffOnClient = useTiffOnClient;\r\n image.autoCloseWindows = autoCloseWindows;\r\n image.transpixelUrl = transpixelUrl;\r\n image.hotspots = new Array();\r\n image.unmarkedHotspotsVisible = unmarkedHotspotsVisible;\r\n image.isMultiSelection = isMultiSelection;\r\n image.dwOpenPanWindowText = openPanWindowText;\r\n image.dwClosePanWindowText = closePanWindowText;\r\n image.dwInitialHidePanWindow = initialHidePanWindow;\r\n image.dwForceNoPanWindow = forceNoPanWindow || plainImageOnly; //Bei der plain Anzeige kein PanWindow\r\n image.viewerType = viewerType;\r\n image.plainImageOnly = plainImageOnly;\r\n image.dontZoomSmallImagesAtStart = dontZoomSmallImagesAtStart;\r\n image.debug = debug;\r\n image.logger = new DwLogger(!(typeof (framework_isJ2EEBrowser) != \"undefined\"));\r\n image.log = function(msg) {\r\n if (image.debug) {\r\n var date = new Date();\r\n var timestamp = date.getDate() + \".\" + (date.getMonth() + 1) + \".\" + date.getFullYear() + \" \" + date.getHours() + \":\" + date.getMinutes() + \":\" + date.getSeconds() + \":\" + date.getMilliseconds();\r\n var lines = msg.split(\"\\n\");\r\n for (var i = 0; i < lines.length; i++) {\r\n var line = lines[i];\r\n if (line) { // Leerzeilen werden ausgefiltert ...\r\n image.logger.log(timestamp + \" - \" + line);\r\n }\r\n }\r\n }\r\n };\r\n image.logGroupStart = function(msg) {\r\n if (image.debug) {\r\n image.logger.groupStart(msg);\r\n }\r\n };\r\n image.logGroupEnd = function() {\r\n if (image.debug) {\r\n image.logger.groupEnd();\r\n }\r\n };\r\n\r\n // Um den Scale der gesamten Seite im PackAndGo zu unterstützen\r\n var rootPanel = document.getElementById(\"gwtGuiWindowRootLayoutPanel\");\r\n if ((rootPanel != undefined) && (typeof (rootPanel.style.transform) != \"undefined\") && (typeof (rootPanel.style.transform.match) != \"undefined\")) {\r\n var trans = rootPanel.style.transform;\r\n var matches = trans.match(/(scale)|(\\d(.\\d+)?)/g);\r\n if (matches != null) {\r\n for (var index = 0; index < matches.length; index++) {\r\n if (matches[index] === \"scale\") {\r\n DW_PAGE_SCALE = matches[index + 1];\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n dwImageViewerSetPan(elementId);\r\n dwImageViewerToggleZoomRect(elementId);\r\n}\r\n\r\nfunction dwImageViewerInitEnd(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n if (!dwImageViewerUpdateOverviewVisibility(elementId, image.dwInitialHidePanWindow)) {\r\n // Overview-Fenster kann nicht angezeigt werden -> Zoom initial auf 100% setzen\r\n image.dwCurrentZoomLevel = 1.0;\r\n }\r\n\r\n dwImageViewerAddHotspotSpans(elementId, false);\r\n\r\n var sliderKnob = $(elementId + \"_sliderKnob\");\r\n var sliderImage = $(elementId + \"_slider\");\r\n sliderKnob.style.left = ((sliderImage.offsetWidth - sliderKnob.offsetWidth)\r\n * imageViewerSliderZoomToLogarithm(image.dwCurrentZoomLevel) / 2000.0) - 1 + \"px\";\r\n\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n if (imagescroll.addEventListener) {\r\n if (!image.plainImageOnly) {\r\n imagescroll.addEventListener('DOMMouseScroll', function(event) {\r\n dwImageViewerMouseWheel(event, elementId)\r\n }, false);\r\n }\r\n }\r\n\r\n dwImageViewerInitEndPartTwo(elementId, false);\r\n}\r\n\r\nfunction dwImageViewerInitEndPartTwo(elementId, isUpdateHotpots) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n setTimeout(function() {\r\n if (DW_IMAGE_LAST_ELEMENT_ID == elementId) {\r\n image.dwCurrentZoomLevel = DW_IMAGE_LAST_ZOOM;\r\n\r\n // Hotspot-Daten von vorheriger Instanz mit gleicher elementId übernehmen\r\n if (image.lastHotspotKey == null) {\r\n image.lastHotspotKey = DW_IMAGE_LAST_HOTSPOT_KEY;\r\n image.lastHotspotKeyVer = DW_IMAGE_LAST_HOTSPOT_KEY_VER;\r\n }\r\n } else {\r\n DW_IMAGE_LAST_ELEMENT_ID = elementId;\r\n\r\n // Hotspot-Daten von vorheriger Instanz zurücksetzen\r\n DW_IMAGE_LAST_HOTSPOT_KEY = null;\r\n DW_IMAGE_LAST_HOTSPOT_KEY_VER = null;\r\n }\r\n if (dwImageViewerSetNormalizedZoom_immediately(image, true, null)) {\r\n DW_IMAGE_LAST_ZOOM = image.dwCurrentZoomLevel;\r\n }\r\n\r\n if (!isUpdateHotpots) {\r\n if ((image.lastHotspotKey != null) && !image.isMultiSelection) {\r\n // letzten Hotspot-Key und KeyVer merken, da diese durch dwImageMarkHotspotsForKey() zurückgesetzt werden\r\n var lastHotspotKey = image.lastHotspotKey;\r\n var lastHotspotKeyVer = image.lastHotspotKeyVer;\r\n\r\n // explizit dwImageScrollToHotspotForKey() nach dem Markieren aufrufen, da der Hotspot evtl. schon markiert\r\n // war und dann nicht dorthin gescrollt werden würde\r\n dwImageMarkHotspotsForKey(elementId, lastHotspotKey, lastHotspotKeyVer, false, false, false, null);\r\n dwImageScrollToHotspotForKey(elementId, lastHotspotKey, lastHotspotKeyVer);\r\n }\r\n\r\n image.style.visibility = \"visible\";\r\n image.initialized = true;\r\n\r\n // Im IPP nicht vorhanden\r\n if (image.viewerType != \"viewerimagesvgnative\") {\r\n if (typeof (dwAjaxImageLoaded) != \"undefined\") {\r\n dwAjaxImageLoaded(null, elementId, elementId, \"\", true);\r\n } else if (typeof (dwSwingFrameworkFireCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"imageLoadedEvent\", \"\");\r\n }\r\n }\r\n dwImageViewerUpdateOverviewVisibility(elementId, image.dwInitialHidePanWindow); // Pan-Window zuverlässig ein/ausblenden, nachdem jetzt Breite/Höhe feststeht\r\n }\r\n }, 50); // 10ms funktioniert unter iOS nicht\r\n\r\n if (!image.unmarkedHotspotsVisible) {\r\n dwImageSetUnmarkedHotspotsVisibility(elementId, false);\r\n }\r\n}\r\n\r\nfunction dwImageViewerAddHotspotSpans(elementId, isUpdateHotpots) {\r\n let image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n for (let i = 0; i < image.hotspots.length; i++) {\r\n let hotspot = image.hotspots[i];\r\n image.log(\"addHotspotToImage (key=\" + hotspot.key + \")\");\r\n hotspot.addToImage(elementId);\r\n }\r\n\r\n if (isUpdateHotpots) {\r\n dwImageViewerInitEndPartTwo(elementId, true);\r\n }\r\n}\r\n\r\nfunction dwImageViewerModifyFileOnlyMode(src) {\r\n if (DW_IMAGE_DIR_MODE) {\r\n var charmap = {};\r\n charmap['?'] = '/';\r\n charmap['&'] = '_';\r\n charmap['='] = '_';\r\n charmap['.'] = '_';\r\n return dwUtilsReplaceCharacters(src, charmap) + \".png\";\r\n } else {\r\n return src;\r\n }\r\n}\r\n\r\nfunction dwImageViewerGetMinHeightForViewerControls() {\r\n var minHeight;\r\n\r\n // 255px = GuiViewerUtils.OVERVIEW_HEIGHT_OPEN * 1.5 bei Desktop-GUI bzw. 200px bei mobilen Anwendungen auf Smartphones\r\n // (480px = MobileGui.MINIMUM_WIDTH_FOR_2_VIEWS)\r\n if (framework_isMobileView && ((framework_displayWidth < 480) || (framework_displayHeight < 480))) {\r\n minHeight = 200;\r\n } else {\r\n minHeight = 255;\r\n }\r\n return minHeight;\r\n}\r\n\r\nfunction dwImageViewerUpdateOverviewVisibility(elementId, hidePanWindow) {\r\n var control = $(elementId);\r\n if (control == null) {\r\n return true;\r\n }\r\n var overview = $(elementId + \"_overview\");\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n if (image.dwForceNoPanWindow) {\r\n dwDomSetStyle(overview, \"display\", \"none\");\r\n return false;\r\n }\r\n var minHeight = dwImageViewerGetMinHeightForViewerControls();\r\n\r\n if (!hidePanWindow && (control.offsetHeight > minHeight)) {\r\n dwDomSetStyle(overview, \"display\", \"\");\r\n return true;\r\n } else {\r\n if (overview.offsetHeight > 0) { // offsetHeight merken, würde sonst 0, wenn unsichtbar\r\n overview.oldOffsetHeight = overview.offsetHeight;\r\n }\r\n dwDomSetStyle(overview, \"display\", \"none\");\r\n return false;\r\n }\r\n}\r\n\r\nfunction dwImageViewerHotspot(elementId, x1, y1, x2, y2, linkStyle, linkStyleMark, linkStyleFocused,\r\n color, colorMark, colorFocused,\r\n marked, focused, key, keyVer, uniqueId, text, type,\r\n isWithHover, colorHover, isWithOutline, colorOutline, fontSize, fontName, fontWeight) {\r\n this.elementId = elementId;\r\n this.x1 = x1;\r\n this.y1 = y1;\r\n this.x2 = x2;\r\n this.y2 = y2;\r\n this.width = x2 - x1;\r\n this.height = y2 - y1;\r\n this.linkStyle = linkStyle;\r\n this.linkStyleMark = linkStyleMark;\r\n this.linkStyleFocused = linkStyleFocused;\r\n this.color = color;\r\n this.colorMark = colorMark;\r\n this.colorFocused = colorFocused;\r\n this.isWithHover = isWithHover;\r\n this.colorHover = colorHover;\r\n this.isWithOutline = isWithOutline;\r\n this.colorOutline = colorOutline;\r\n this.marked = marked;\r\n this.focused = focused;\r\n this.key = key;\r\n this.keyVer = keyVer;\r\n this.uniqueId = uniqueId;\r\n this.text = text;\r\n this.type = type;\r\n this.fontSize = fontSize;\r\n this.fontName = fontName;\r\n this.fontWeight = fontWeight;\r\n this.manualClickUrl = null;\r\n this.manualClickTarget = null;\r\n this.manualDoubleClickUrl = null;\r\n this.manualDoubleClickTarget = null;\r\n}\r\n\r\n/**\r\n * ändert den Fokusiert-Status der beiden übergebenen Hotspots. Ein Fokusierter Hotspot ist ein Hotspot der geklickt wurde\r\n * oder der über den \"Weiterschalten\"-Button im ImageOverlay fokusiert wurde. Fokusiert-Status hilft zu unterscheiden\r\n * wenn es mehrere Hotspots mit gleichem Key gibt und die nah beiandner liegen, welcher Hotspot gerade der \"aktive\" ist\r\n * den man über den \"Weiterschalten-\"Button bekommen hat.\r\n * @param elementId\r\n * @param uniqueIdOfNewFocusedHotspot\r\n * @param uniqueIdOfOldFocusedHotspot\r\n */\r\nfunction dwChangeFocusOfHotspot(elementId, uniqueIdOfNewFocusedHotspot, uniqueIdOfOldFocusedHotspot) {\r\n var image = dwImageViewerGetImage(elementId);\r\n // Find the hotspots\r\n var newHotspot, oldHotspot;\r\n for (let i = 0; i < image.hotspots.length; i++) {\r\n if (image.hotspots[i].uniqueId === uniqueIdOfNewFocusedHotspot) {\r\n newHotspot = image.hotspots[i];\r\n } else if ((uniqueIdOfOldFocusedHotspot !== null) && (image.hotspots[i].uniqueId === uniqueIdOfOldFocusedHotspot)) {\r\n oldHotspot = image.hotspots[i];\r\n }\r\n }\r\n\r\n if (oldHotspot != undefined) {\r\n var oldHotspotSpan = $(uniqueIdOfOldFocusedHotspot);\r\n oldHotspotSpan.hotspot.focused = false;\r\n dwImagePaintHotspot(oldHotspotSpan);\r\n }\r\n\r\n if (newHotspot != undefined) {\r\n var newHotspotSpan = $(uniqueIdOfNewFocusedHotspot);\r\n newHotspotSpan.hotspot.focused = true;\r\n dwImagePaintHotspot(newHotspotSpan);\r\n dwImageScrollToHotspot(uniqueIdOfNewFocusedHotspot);\r\n }\r\n}\r\n\r\ndwImageViewerHotspot.prototype.addToImage = function(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n\r\n var hotspotSpanClickArea = document.createElement(\"span\");\r\n hotspotSpanClickArea.hotspot = this;\r\n hotspotSpanClickArea.id = this.uniqueId;\r\n hotspotSpanClickArea.style.position = \"absolute\";\r\n hotspotSpanClickArea.style.left = \"0px\";\r\n hotspotSpanClickArea.style.top = \"0px\";\r\n hotspotSpanClickArea.style.width = \"100%\";\r\n hotspotSpanClickArea.style.height = \"100%\";\r\n hotspotSpanClickArea.style.visibility = \"visible\";\r\n hotspotSpanClickArea.style.backgroundColor = \"transparent\";\r\n hotspotSpanClickArea.style.cursor = \"pointer\";\r\n hotspotSpanClickArea.style.mixBlendMode = \"darken\";\r\n if (framework_isDevelopmentQFTest) {\r\n hotspotSpanClickArea.setAttribute(\"compname\", \"hotspot_\" + this.key);\r\n hotspotSpanClickArea.setAttribute(\"compclass\", \"javax.swing.JLabel\");\r\n }\r\n\r\n // Vorher rausziehen. Im Event handler geht this ja auf die Function\r\n var elementId = this.elementId;\r\n var key = this.key;\r\n var keyVer = this.keyVer;\r\n var uniqueId = this.uniqueId;\r\n var hotspotClickfunction = function(event) {\r\n event = dwFrameworkGetEvent(event);\r\n // bei Touch-Emulation nur die emulierten MouseEvents berücksichtigen (sonst wird der Event bei Desktop-Browsern doppelt ausgewertet)\r\n if (DWTOUCH_TOUCH_EMULATION_ENABLED && !event.dwTouch) {\r\n return;\r\n }\r\n // Wenn gerade Zeichnungsausschnitt auswählen aktiv ist, möchte man keine Hotspotselektion machen, sondern einen Ausschnitt wählen\r\n // Sonst würde das Event zum Auswählen des Ausschnitts nicht mehr kommen, wenn das Hotspot-click event ausgelöst wird.\r\n if (image.panZoom2Rect) {\r\n return;\r\n }\r\n image.log(\"clicked hotspot (key=\" + key + \" keyver=\" + keyVer + \")\");\r\n var rightClicked = event.button == 2;\r\n dwImageMarkHotspotsForKey(elementId, key, keyVer, !image.isMultiSelection, false, rightClicked, uniqueId);\r\n\r\n if (framework_isMobileView && (hotspotSpanClickArea.hotspot.text != \"\")) {\r\n dwTooltip_delayShowTooltip(event, hotspotSpanClickArea.hotspot.text, 0);\r\n }\r\n\r\n dwFrameworkDisableEventBubbling(event);\r\n if ((this.hotspot.manualClickUrl != null) && (this.hotspot.manualClickTarget != null)) {\r\n dwUtilsLoadUrlInTarget(this.hotspot.manualClickUrl, this.hotspot.manualClickTarget)\r\n } else if (typeof (dwAjaxAddUpdate) != \"undefined\") {\r\n dwAjaxAddUpdate(elementId + \"@DW@\" + elementId + \"@DW@imageHotspotClickedEvent@DW@hotspotId=\" + dwImageGetMarkedHotspotIds(elementId).join(\"|\") +\r\n \"@DWSUB@focusedHotspotId=\" + dwImageGetFocusedHotspotId(elementId) +\r\n \"@DWSUB@mouseButton=\" + (event.button + 1), true);\r\n } else if (typeof (dwSwingFrameworkFireCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"imageHotspotClickedEvent\", uniqueId + \"@DWSUB@\" + (event.button + 1));\r\n } else if (typeof (hotspotClicked) != \"undefined\") {\r\n // GWT\r\n hotspotClicked(key, 1);\r\n } else {\r\n // Hier kann es sich nur um eine IPP Anwendung handeln (ansonsten existiert dwAjaxAddUpdate)\r\n // Firefox lässt den Zugriff auf parent Methoden/Attribute nicht zu, wenn der parent in einer anderen Domain ist (XSS Schutz)\r\n // -> permission denied\r\n try {\r\n if (typeof (parent.highlightPartlistRow) != \"undefined\") {\r\n parent.highlightPartlistRow(key, true);\r\n }\r\n } catch (exception) {\r\n // Alternative Ursache (zu XSS) - siehe https://bugzilla.mozilla.org/show_bug.cgi?id=911444\r\n }\r\n }\r\n };\r\n\r\n // Unbedingt immer auf mousedown lassen, weil nur bei Mousedown-Event die Clicks von Linksklick, Rechtsklick und auch\r\n // die Touchemulation durchkommt. Bei onClick z.b. kommt nämlich kein Rechtsklick vom Browser an und Hotspots sollen\r\n // auch bei Rechtsklick selektiert werden.\r\n hotspotSpanClickArea.onmousedown = hotspotClickfunction;\r\n\r\n hotspotSpanClickArea.ondblclick = function(event) {\r\n event = dwFrameworkGetEvent(event);\r\n // bei Touch-Emulation nur die emulierten MouseEvents berücksichtigen (sonst wird der Event bei Desktop-Browsern doppelt ausgewertet)\r\n if (DWTOUCH_TOUCH_EMULATION_ENABLED && !event.dwTouch) {\r\n return;\r\n }\r\n // Teilweise kommt es vor durch unglückliches schnelles links und dann rechtsklick, dass er das als\r\n // dblClick wertet. Deshalb bei DblClick mit rechter Mouse hier nichts machen.\r\n var rightClicked = event.button == 2;\r\n if (rightClicked) {\r\n return;\r\n }\r\n // Bei einem Doppelclick lassen wir nur den letzten Klick zu und deselektieren alle anderen Einträge\r\n dwImageMarkHotspotsForKey(elementId, key, keyVer, true, false, false, uniqueId);\r\n dwFrameworkDisableEventBubbling(event);\r\n if ((this.hotspot.manualDoubleClickUrl != null) && (this.hotspot.manualDoubleClickTarget != null)) {\r\n dwUtilsLoadUrlInTarget(this.hotspot.manualDoubleClickUrl, this.hotspot.manualDoubleClickTarget)\r\n } else if (typeof (dwAjaxAddUpdate) != \"undefined\") {\r\n dwAjaxAddUpdate(elementId + \"@DW@\" + elementId + \"@DW@imageHotspotDoubleClickedEvent@DW@hotspotId=\" + uniqueId +\r\n \"@DWSUB@mouseButton=\" + (event.button + 1), true);\r\n } else if (typeof (dwSwingFrameworkFireCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"imageHotspotDoubleClickedEvent\", uniqueId + \"@DWSUB@\" + (event.button + 1));\r\n } else if (typeof (hotspotClicked) != \"undefined\") {\r\n // GWT\r\n hotspotClicked(key, 2);\r\n } else {\r\n // Hier kann es sich nur um eine IPP Anwendung handeln (ansonsten existiert dwAjaxAddUpdate)\r\n // Firefox lässt den Zugriff auf parent Methoden/Attribute nicht zu, wenn der parent in einer anderen Domain ist (XSS Schutz)\r\n // -> permission denied\r\n try {\r\n if (typeof (parent.loadAssembly) != \"undefined\") {\r\n if (hotspotSpanClickArea.hotspot.type == \"G\") {\r\n // IPP Bildportierung\r\n parent.loadAssembly(key, \"\", \"\");\r\n }\r\n }\r\n } catch (exception) {\r\n // Alternative Ursache (zu XSS) - siehe https://bugzilla.mozilla.org/show_bug.cgi?id=911444\r\n }\r\n }\r\n };\r\n hotspotSpanClickArea.onmouseover = function(event) {\r\n if (event == null) {\r\n // IE8\r\n event = window.event;\r\n }\r\n if (hotspotSpanClickArea.hotspot.text != \"\") {\r\n dwTooltip_delayShowTooltip(event, hotspotSpanClickArea.hotspot.text, DWTOOLTIP_DELAY_DEFAULT_VALUE);\r\n }\r\n };\r\n hotspotSpanClickArea.onmouseout = function(event) {\r\n // onmouseout bei echten mobilen Browsern mit Touch-Emulation (aktuell nur IE >= 10 auf Windows Tablets) ignorieren,\r\n // wenn es sich nicht um einen durch die Touch-Emulation erzeugten Event handelt\r\n if (framework_isMobileBrowser && DWTOUCH_TOUCH_EMULATION_ENABLED && !event.dwTouch) {\r\n return;\r\n }\r\n\r\n dwTooltip_hideTooltips();\r\n };\r\n this.span = hotspotSpanClickArea;\r\n var hotspotDivClick = $(elementId + \"_hotspots_click\");\r\n hotspotSpanClickArea.hotspot = this;\r\n hotspotDivClick.appendChild(hotspotSpanClickArea);\r\n\r\n\r\n dwImagePaintHotspot(hotspotSpanClickArea);\r\n};\r\n\r\ndwImageViewerHotspot.prototype.resizeForImage = function(image, imageLeft, imageTop, imageWidth, imageHeight) {\r\n var hotspotWidth = Math.min(imageWidth, (this.width / image.dwFactor * image.dwCurrentZoomLevel));\r\n var hotspotHeight = Math.min(imageHeight, (this.height / image.dwFactor * image.dwCurrentZoomLevel));\r\n\r\n //-1 weil wenn die Größe des Hotspotviews gleich der Größe des Bildes ist, wird manchmal schon\r\n // das Scrollpane gezeigt, weil das Hotspotview zu groß für Scrollpane ist\r\n let left = Math.max(0, (this.x1 / image.dwFactor * image.dwCurrentZoomLevel) - 1);\r\n let top = Math.max(0, (this.y1 / image.dwFactor * image.dwCurrentZoomLevel) - 1);\r\n this.span.style.left = left + \"px\";\r\n this.span.style.top = top + \"px\";\r\n\r\n this.span.width = hotspotWidth; // notwendig für den Canvas von Ellipsen, schadet aber auch sonst nicht\r\n this.span.style.width = hotspotWidth + \"px\";\r\n this.span.height = hotspotHeight; // notwendig für den Canvas von Ellipsen, schadet aber auch sonst nicht\r\n this.span.style.height = hotspotHeight + \"px\";\r\n\r\n if (this.span.dwCanvas != null) {\r\n // Beim Canvas muss bei jedem Resize neu gezeichnet werden\r\n dwImagePaintHotspot(this.span);\r\n }\r\n this.span.style.visibility = \"visible\";\r\n};\r\n\r\ndwImageViewerHotspot.prototype.setManualClickUrl = function(url, target) {\r\n this.manualClickUrl = url;\r\n this.manualClickTarget = target;\r\n};\r\n\r\ndwImageViewerHotspot.prototype.setManualDoubleClickUrl = function(url, target) {\r\n this.manualDoubleClickUrl = url;\r\n this.manualDoubleClickTarget = target;\r\n};\r\n\r\n/**\r\n * Wird gerufen wenn gezoomt werden soll. Bildanpassung passiert aber ein paar Millisekunden später.\r\n * @param image Dom Element id_image\r\n * @param zoom Wieviel reingezoomt werden soll (1.0 = gesamtes Bild anzeigen)\r\n * @param when wieviel millisekunden gewartet werden soll\r\n */\r\nfunction dwImageViewerSetNormalizedZoom(image, zoom, centerPoint, when) {\r\n if (image == null) { // kann evtl. durch verzögerte Zoom-Aufrufe vom Server passieren\r\n return;\r\n }\r\n\r\n if (zoom <= 1.0001) {\r\n zoom = 1.0;\r\n }\r\n if (zoom >= 19.999) {\r\n zoom = 20.0;\r\n }\r\n var zoomChanged = !(Math.abs(image.dwCurrentZoomLevel - zoom) < 0.0001);\r\n if (!zoomChanged && (zoom > 1)) {\r\n return;\r\n }\r\n image.dwCurrentZoomLevel = zoom;\r\n DW_IMAGE_LAST_ZOOM = zoom;\r\n if (zoomChanged) {\r\n if (typeof (dwAjaxAddUpdate) != \"undefined\") {\r\n dwAjaxAddUpdate(image.elementId + \"@DW@\" + image.elementId + \"@DW@imageZoomChangedEvent@DW@zoom=\" + zoom, true);\r\n } else if (typeof (dwSwingFrameworkFireCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"imageZoomChangedEvent\", zoom);\r\n }\r\n }\r\n if (when <= 0) {\r\n dwImageViewerSetNormalizedZoom_immediately(image, false, centerPoint);\r\n } else {\r\n setTimeout(function() {\r\n dwImageViewerSetNormalizedZoom_immediately(image, false, centerPoint);\r\n }, when);\r\n }\r\n}\r\n\r\n/**\r\n * Normalisierten Zoomfaktor umrechnen in Slider-Bereich (von 100 bis 2000)\r\n */\r\nfunction imageViewerSliderZoomToLogarithm(value) {\r\n var zoomValue = value * 100;\r\n var minValue = 100;\r\n var maxValue = 2000;\r\n if ((zoomValue >= maxValue) || (zoomValue <= minValue)) {\r\n return zoomValue;\r\n }\r\n\r\n var y = zoomValue;\r\n var weite = maxValue - minValue;\r\n var logBauch = 2.0;\r\n var f = weite * (1 + (Math.log((y - 100) / (maxValue - 100) * (Math.exp(logBauch) - Math.exp(-logBauch))\r\n + Math.exp(-logBauch)) / logBauch));\r\n return f / 2 + minValue;\r\n}\r\n\r\n/**\r\n * Wert innerhalb des Slider-Bereichs (von 100 bis 2000) umrechnen in normalisierten Zoomfaktor\r\n */\r\nfunction imageViewerSliderLogarithmToZoom(logValue) {\r\n var minValue = 100;\r\n var maxValue = 2000;\r\n var x = logValue - minValue;\r\n var weite = maxValue - minValue;\r\n var logBauch = 2.0;\r\n return (Math.exp((x / weite * 2 * logBauch) - logBauch) - Math.exp(-logBauch))\r\n / (Math.exp(logBauch) - Math.exp(-logBauch)) * (maxValue / 100 - 1) + 1;\r\n}\r\n\r\n/**\r\n * Setzt den neuen Zoomfaktor sofort\r\n *\r\n * @param image\r\n */\r\nfunction dwImageViewerSetNormalizedZoom_immediately(image, forceNewImage, centerPoint) {\r\n if ((image == null) || (image.parentNode == null)) { // kann durch die Verwendung von setTimeout() passieren\r\n // Außerdem beim wilden klicken GWT + IE11 im IE10 Kompatibilitätsmodus und außerdem in\r\n // der HMI Software (NICHT! wenn man den IE11 der HMI normal öffnet)\r\n return false;\r\n }\r\n\r\n var sliderImage = $(image.elementId + \"_slider\");\r\n var sliderKnob = $(image.elementId + \"_sliderKnob\");\r\n if ((sliderImage != null) && (sliderKnob != null)) { // kann durch die Verwendung von setTimeout() passieren\r\n var knobWidth = sliderKnob.offsetWidth;\r\n sliderKnob.style.left = (((sliderImage.offsetWidth - knobWidth)\r\n * imageViewerSliderZoomToLogarithm(image.dwCurrentZoomLevel) / 2000.0) - 1) + \"px\";\r\n }\r\n\r\n var displayWidth = image.parentNode.offsetWidth;\r\n var displayHeight = image.parentNode.offsetHeight;\r\n if ((displayWidth == 0) || (displayHeight == 0)) {\r\n return false;\r\n }\r\n\r\n // Falls die Breite oder Höhe vom Parent <= 10 Pixel ist, so ist der Parent gerade z.B. in einem DockingPanel ausgeblendet\r\n // und der entsprechende Faktor würde viel zu groß werden, was in der Anzeige dann zu viel zu großen Hotspots führen\r\n // kann. Das Problem tritt primär in Chrome auf beim Aufklappen von einem DockingPanel.\r\n var factorX = image.dwWidth / displayWidth;\r\n var factorY = image.dwHeight / displayHeight;\r\n var isHeightLimited = ((factorX < factorY) && (displayHeight > 10)) || (displayWidth <= 10); // Ob das Bild in die Höhe eher beschränkt ist wie in die Breite\r\n image.dwFactor = (isHeightLimited) ? factorY : factorX;\r\n if (image.dontZoomSmallImagesAtStart && image.dwFactor < 1) {\r\n // In dem Modus dontZoomSmallImagesAtStart werden nur große Bilder in das Control eingepasst\r\n // kleine Bilder nicht groß gezoomt. Zoomen ist aber natürlich schon möglich\r\n image.dwFactor = 1;\r\n }\r\n var newImageDisplayWidth = Math.round(image.dwCurrentZoomLevel * image.dwWidth / image.dwFactor);\r\n var newImageDisplayHeight = Math.round(image.dwCurrentZoomLevel * image.dwHeight / image.dwFactor);\r\n if (!forceNewImage && (parseInt(image.style.height) == newImageDisplayHeight) && (parseInt(image.style.width) == newImageDisplayWidth)) {\r\n dwImageViewerScrollUpdate(image.elementId, false);\r\n dwImageViewerRepositionPanWindow(image.elementId);\r\n return false;\r\n }\r\n if (centerPoint == null) {\r\n centerPoint = dwImageViewerGetImageCenterPoint(image);\r\n }\r\n if (image.dwIsWithHiddenZoom) {\r\n image.style.visibility = \"hidden\"; // wird erst in dwImageLoadImageInSrc wieder sichtbar gemacht\r\n if (image.hotspots != null) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n hotspot.span.style.visibility = \"hidden\";\r\n }\r\n }\r\n }\r\n var imageWidthToBeSet = newImageDisplayWidth;\r\n var imageHeightToBeSet = newImageDisplayHeight;\r\n var imageLeftToBeSet = 0;\r\n var imageTopToBeSet = 0;\r\n // Zentrieren wenn nötig\r\n if (newImageDisplayWidth < displayWidth) {\r\n imageLeftToBeSet = (displayWidth - newImageDisplayWidth) / 2.0;\r\n }\r\n if (newImageDisplayHeight < displayHeight) {\r\n imageTopToBeSet = (displayHeight - newImageDisplayHeight) / 2.0;\r\n }\r\n // Damit der imageViewer weiß, ob Scrollbars angezeigt werden ihm den Zustand schicken, damit er es bei sich speichert\r\n // Leider liefert dwUtilsHasVerticalScrollbar bzw dwUtilsHasHorizontalScrollbar nicht zuverlässig ein richtiges Ergebnis zurück...\r\n var imagescroll = $(image.elementId + \"_imagescroll\");\r\n\r\n // zweifache Width, weil man die Pfeile der horizontalen Scrollbar auch noch einrechnen muss\r\n var offset = (2 * dwUtilsGetScrollbarWidth(imagescroll));\r\n var verticalScrollbarVisible = (newImageDisplayHeight > displayHeight);\r\n var horizontalScrollbarVisible = verticalScrollbarVisible ? (newImageDisplayWidth > (displayWidth - offset)) : (newImageDisplayWidth > displayWidth);\r\n var params = \"horizontal=\" + horizontalScrollbarVisible + \"@DWSUB@\" + \"vertical=\" + verticalScrollbarVisible;\r\n if (typeof (dwAjaxAddUpdate) != \"undefined\") {\r\n dwAjaxAddUpdate(image.elementId + \"@DW@\" + image.elementId + \"@DW@__custom_scrollbarVisibilityChanged@DW@\" + params, true);\r\n } else if (typeof (dwSwingFrameWorkCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"__custom_scrollbarVisibilityChanged\", uniqueId + \"@DWSUB@\" + params);\r\n }\r\n\r\n if (image.dwCurrentZoomLevel <= 1.0001) {\r\n // Bug im IE und Chrome: wenn gleichzeitig beide Scrollbars angezeigt werden und man hier dann die Größe des Image anpasst, so dass kein Scrolling mehr notwendig ist,\r\n // bleiben die Scrollbars trotzdem sichtbar\r\n // deshalb wird hier im imageScroll DIV das Scrolling erst einmal abgeschalten und erst nach den Größenänderungen wieder eingeschalten (siehe unten)\r\n dwDomSetStyle(image.parentNode, \"overflow\", \"hidden\");\r\n }\r\n\r\n if (dwImageElementIsTag(image, \"object\")) {\r\n //bei Object-Tag (z.B. SVG) die Attribute margin-left/margin-top setzen statt left/top\r\n dwDomSetStylesViaAttribute(image, \"width:\" + (imageWidthToBeSet - 2) + \"px;\" +\r\n \"height:\" + (imageHeightToBeSet - 2) + \"px;\" +\r\n \"margin-left: \" + Math.floor(imageLeftToBeSet) + \"px;\" +\r\n \"margin-top: \" + Math.floor(imageTopToBeSet) + \"px;\");\r\n } else {\r\n dwDomSetStylesViaAttribute(image, \"width:\" + imageWidthToBeSet + \"px;\" +\r\n \"height:\" + imageHeightToBeSet + \"px;\" +\r\n \"left:\" + imageLeftToBeSet + \"px;\" +\r\n \"top:\" + imageTopToBeSet + \"px;\");\r\n }\r\n\r\n dwImageViewerSetImageCenterPoint(image, centerPoint);\r\n\r\n var hotspotClickLayer = $(image.elementId + \"_hotspots_click\");\r\n if (hotspotClickLayer != null) {\r\n dwDomSetStylesViaAttribute(hotspotClickLayer, \"left:\" + imageLeftToBeSet + \"px;\" +\r\n \"top:\" + imageTopToBeSet + \"px;\" +\r\n \"width:\" + imageWidthToBeSet + \"px;\" +\r\n \"height:\" + imageHeightToBeSet + \"px\");\r\n }\r\n\r\n if (image.hotspots != null) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n hotspot.resizeForImage(image, imageLeftToBeSet, imageTopToBeSet, imageWidthToBeSet, imageHeightToBeSet);\r\n }\r\n }\r\n\r\n if (image.dwCurrentZoomLevel <= 1.0001) {\r\n // Bug im IE und Chrome. siehe oben\r\n // Scrolling im imagescroll DIV wieder einschalten\r\n dwDomSetStyle(image.parentNode, \"overflow\", \"auto\");\r\n }\r\n\r\n if (image.useOriginalImage) {\r\n dwImageLoadImageInSrc(image, image.dwWidth, image.dwHeight, forceNewImage);\r\n } else if ((newImageDisplayWidth < image.dwWidth) && image.dwClientDownscale && (image.dwTileSize == 0)) { // nicht bei Tiling\r\n dwImageLoadImageInSrc(image, image.dwWidth, image.dwHeight, forceNewImage);\r\n } else if ((newImageDisplayWidth > image.dwWidth) && image.dwClientUpscale) {\r\n dwImageLoadImageInSrc(image, image.dwWidth, image.dwHeight, forceNewImage);\r\n } else {\r\n // Neues Bild laden wenn nötig, solange runter und raufskalieren bis ein passendes da ist\r\n var newImageWidth = image.dwWidth;\r\n var newImageHeight = image.dwHeight;\r\n var lastValueWidth = newImageWidth;\r\n // Solange wir ein zu großes Bild haben, nehmen wir ein kleineres Bild\r\n // Berechnungsalgorithmuss muss mit dem in ImageTilingCacher übereinstimmen, sonst gibt es einen Unterschied\r\n // zwischen Tiling Cache und den angeforderten hier\r\n var factor = 1.0;\r\n var lastFactor = factor;\r\n var doScaling = true;\r\n while ((newImageWidth > newImageDisplayWidth) && doScaling) {\r\n lastValueWidth = newImageWidth;\r\n lastFactor = factor;\r\n if (factor == 1.0) {\r\n factor = DW_IMAGE_BIAS;\r\n } else {\r\n factor *= DW_IMAGE_BIAS;\r\n }\r\n\r\n // so lange skalieren bis newImageWidth und newImageHeight gerade kleiner sind als ImageConverter.TILE_SIZE = 512\r\n doScaling = (newImageWidth > 512) || (newImageHeight > 512);\r\n\r\n newImageWidth = Math.floor(image.dwWidth / factor);\r\n newImageHeight = Math.floor(image.dwHeight / factor);\r\n // Damit es nicht unendlich in der While Schleife hängen bleibt, wenn man z.B. Anzeigegröße 0 hat\r\n if (newImageWidth == lastValueWidth) {\r\n break;\r\n }\r\n }\r\n // Nun haben wir eins zuviel runterge-whiled, z.B: Anzeigebreite 700, Bild aber Breite 600. Wir müssen nun das nächst-höhere nehmen\r\n factor = lastFactor;\r\n newImageWidth = Math.floor(image.dwWidth / factor);\r\n newImageHeight = Math.floor(image.dwHeight / factor);\r\n dwImageLoadImageInSrc(image, newImageWidth, newImageHeight, forceNewImage);\r\n dwImageViewerScrollUpdate(image.elementId, true);\r\n dwImageViewerRepositionPanWindow(image.elementId);\r\n return true;\r\n }\r\n dwImageViewerScrollUpdate(image.elementId, true);\r\n dwImageViewerRepositionPanWindow(image.elementId);\r\n return false;\r\n}\r\n\r\n/**\r\n * Scrollt bei Mouseklick in das Nav-Overview-Fenster an die entsprechende Stelle im Bild.\r\n */\r\nfunction dwImageViewerGotoMousePos(event, elementId) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var preview = $(elementId + \"_imgPreview\");\r\n\r\n var eventPoint = dwUtilsGetRelMouseCoords(event, preview);\r\n if (eventPoint.x < 0 || eventPoint.x > 170) {\r\n // Wir sind außerhalb des Bildbereichs\r\n return;\r\n }\r\n var newX = eventPoint.x / preview.offsetWidth * image.dwWidth;\r\n var newY = eventPoint.y / preview.offsetHeight * image.dwHeight;\r\n\r\n var point = new DWPoint(newX, newY);\r\n dwImageViewerSetImageCenterPoint(image, point);\r\n}\r\n\r\n/**\r\n * Aktualisiert die Position des Nav-Overview-Rechtecks, wenn das Bild gescrollt wurde oder sich die Größe des\r\n * Anzeigebereichs geändert hat.\r\n */\r\nfunction dwImageViewerScrollUpdate(elementId, zoomFactorChanged) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n if (image.dwTileSize > 0) {\r\n var currentImageWidth = image.dwLastImageWidthForTiles;\r\n var offsetWidth = image.offsetWidth;\r\n var offsetHeight = image.offsetHeight;\r\n for (var zoomLevelKey in image.dwTileInfosForAllZoomLevels) {\r\n var tilesInfo = image.dwTileInfosForAllZoomLevels[zoomLevelKey];\r\n if (tilesInfo != null) {\r\n var tiles = tilesInfo.tiles;\r\n var imageWidth = tilesInfo.imageWidth;\r\n var imageHeight = tilesInfo.imageHeight;\r\n var tileSize = tilesInfo.tileSize;\r\n var isCurrentZoomLevel = imageWidth == currentImageWidth;\r\n\r\n // beim reinen Scrollen müssen nur die Kacheln vom aktuellen Zoom-Level aktualisiert werden\r\n if (isCurrentZoomLevel || zoomFactorChanged) {\r\n dwImageViewerUpdateTiles(image, offsetWidth, offsetHeight, tiles, imageWidth, imageHeight, tileSize,\r\n isCurrentZoomLevel);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Scrollen im IE während zoom2rect aktiv: Wird als Klick für zoom interpretiert, daher ausschalten\r\n if (DW_IMAGE_ZOOMRECT != null) {\r\n DW_IMAGE_ZOOMRECT = null;\r\n var zoomRect = $(elementId + \"_zoom2rect\");\r\n zoomRect.style.display = \"none\";\r\n }\r\n\r\n var previewImg = $(elementId + \"_imgPreview\");\r\n var previewImgWidth = previewImg.offsetWidth;\r\n var previewImgHeight = previewImg.offsetHeight;\r\n\r\n // weil manchmal das kleine Rechteck die falsche Position hat nach Wechsel auf eine andere Zeichnung\r\n if (image.panOpened && (previewImgWidth == 0)) {\r\n setTimeout(function() {\r\n dwImageViewerScrollUpdate(elementId, false)\r\n }, 50);\r\n return;\r\n }\r\n\r\n previewImg.style.visibility = \"visible\";\r\n\r\n var displayWidth = image.parentNode.clientWidth;\r\n var displayHeight = image.parentNode.clientHeight;\r\n\r\n var factorX = image.dwWidth / displayWidth;\r\n var factorY = image.dwHeight / displayHeight;\r\n var isHeightLimited = factorX < factorY; // Ob das Bild in die Höhe eher beschränkt ist wie in die Breite\r\n var dwFactor = isHeightLimited ? factorY : factorX;\r\n\r\n var newWidthInt = parseInt(image.dwCurrentZoomLevel * image.dwWidth / dwFactor);\r\n var newHeightInt = parseInt(image.dwCurrentZoomLevel * image.dwHeight / dwFactor);\r\n\r\n var newLeft = Math.max(previewImg.offsetLeft, Math.min(previewImg.offsetLeft + previewImg.offsetWidth - 1, previewImg.offsetLeft + parseInt(previewImgWidth * image.parentNode.scrollLeft / newWidthInt)));\r\n var newTop = Math.max(previewImg.offsetTop, Math.min(previewImg.offsetTop + previewImg.offsetHeight - 1, previewImg.offsetTop + parseInt(previewImgHeight * image.parentNode.scrollTop / newHeightInt)));\r\n var newWidth = Math.max(1, Math.min(previewImg.offsetWidth - 1, parseInt(previewImgWidth * displayWidth / newWidthInt)));\r\n var newHeight = Math.max(1, Math.min(previewImg.offsetHeight - 1, parseInt(previewImgHeight * displayHeight / newHeightInt)));\r\n\r\n // Dafür sorgen, dass es nicht woanders gezeichnet wird als über dem previewImg, auch wenn es mal in IE8 in der VM\r\n // so langsam ist, dass es Rechenfehler gibt. Liegt aber auch an der aktuellen Eventverkettung JFRAME-429\r\n if (newLeft + newWidth > previewImg.offsetLeft + previewImg.offsetWidth - 1) {\r\n newLeft = previewImg.offsetLeft + previewImg.offsetWidth - 1 - newWidth;\r\n }\r\n if (newTop + newHeight > previewImg.offsetTop + previewImg.offsetHeight - 1) {\r\n newTop = previewImg.offsetTop + previewImg.offsetHeight - 1 - newHeight;\r\n }\r\n\r\n var drawRect = $(elementId + \"_imageNavRect\");\r\n dwDomSetStylesViaAttribute(drawRect, \"left:\" + newLeft + \"px;\" +\r\n \"top:\" + newTop + \"px;\" +\r\n \"width:\" + newWidth + \"px;\" +\r\n \"height:\" + newHeight + \"px;\" +\r\n \"visibility:visible\");\r\n\r\n var drawRectInner = $(elementId + \"_imageNavRectInner\");\r\n dwDomSetStylesViaAttribute(drawRectInner, \"width:\" + Math.max(0, newWidth - 1) + \"px;\" +\r\n \"height:\" + Math.max(0, newHeight - 1) + \"px;\" +\r\n \"visibility:visible\");\r\n\r\n}\r\n\r\n/**\r\n * Bei Größenänderungen des Fensters soll sich das Overview-Fenster neu ausrichten (es könnte in einer der rechten\r\n * Ecken sein).\r\n */\r\nfunction dwImageViewerScrollResize(elementId, hidePanWindow) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // die Zeichnung existiert nicht mehr\r\n return;\r\n }\r\n\r\n setTimeout(function() {\r\n dwImageViewerUpdateOverviewVisibility(elementId, hidePanWindow);\r\n }, 10);\r\n\r\n if ((typeof (image) == \"undefined\") || (typeof (image.initialized) == \"undefined\") || (!image.initialized)) {\r\n // Viewer ist noch nicht fertig initialisiert worden, oder bereits wieder entfernt\r\n return;\r\n }\r\n\r\n // beim Maximieren von Desktop-Browsern und für die mobile GUI setTimeout() verwenden, da ansonsten falsche Breiten-\r\n // und Höhenangaben in dwImageViewerCornerClicked() ausgewertet werden\r\n setTimeout(function() {\r\n dwImageViewerSetNormalizedZoom_immediately(image, true);\r\n }, 50);\r\n}\r\n\r\n/**\r\n * Beim Drücken der Maustaste soll der Cursor geändert werden, bewegen scrollt das Bild.\r\n */\r\nfunction dwImageViewerImageMouseDown(e, elementId) {\r\n if (dwUtilsIsClickOnScrollBar(e)) {\r\n return;\r\n }\r\n dwImageViewerSetImageCursor(elementId, \"dwClosedCursor\");\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n DW_IMAGE_DRAGRECT = dwUtilsGetRelMouseCoords(e, imagescroll);\r\n}\r\n\r\n/**\r\n * Bewegen der Maus zum Verschieben der Zeichnung\r\n */\r\nfunction dwImageViewerImageMouseMove(event, elementId) {\r\n if (DW_IMAGE_DRAGRECT != null) {\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n var dwPoint = dwUtilsGetRelMouseCoords(event, imagescroll);\r\n imagescroll.scrollLeft -= dwPoint.x - DW_IMAGE_DRAGRECT.x;\r\n imagescroll.scrollTop -= dwPoint.y - DW_IMAGE_DRAGRECT.y;\r\n DW_IMAGE_DRAGRECT = dwUtilsGetRelMouseCoords(event, imagescroll);\r\n }\r\n}\r\n\r\n/**\r\n * Zeigt das graue Bild mit der Lupe und setzt den Pointer-Cursor auf dem Thumbnail-Bild\r\n * @param event\r\n * @param elementId\r\n */\r\nfunction dwImageViewerImageMouseOverShowHoverPicture(event, elementId, completeElementId, withMagnifier) {\r\n if (withMagnifier) {\r\n var overlay = document.getElementById(elementId + \"_magnifier_overlay\");\r\n if (!overlay) {\r\n // bei 360°-Bildern gibts kein _imagescroll, hier wird die Id als completElementId übergeben\r\n let scrollId = completeElementId ? completeElementId : elementId + \"_imagescroll\";\r\n var imagescroll = document.getElementById(scrollId);\r\n if (imagescroll != null) {\r\n // Wir erzeugen ein DIV als Overlay, das beim MouseOut (auf sich selbst!) wieder entfernt wird\r\n // damit klappt es auch bei komplett ausfüllenden Bildern, was bei background nicht ginge\r\n let overlay = document.createElement(\"div\");\r\n overlay.id = elementId + \"_magnifier_overlay\";\r\n overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.25)';\r\n overlay.style.position = 'absolute';\r\n overlay.style.width = '100%';\r\n overlay.style.height = '100%';\r\n overlay.style.cursor = 'pointer';\r\n imagescroll.appendChild(overlay);\r\n var controlForMouseOut = overlay; // der MouseOut-Listener muss aufs Overlay\r\n if (imagescroll.plainImageOnly == false) {\r\n controlForMouseOut = imagescroll; // die grab-Ebene hat höheren z-Index, daher Listener direkt auf den pannellum-Container\r\n }\r\n controlForMouseOut.onmouseout = function() {\r\n // Hier wieder entfernen\r\n dwImageViewerImageMouseOutHideHoverPicture(event, elementId);\r\n };\r\n }\r\n\r\n var magnifier = document.getElementById(elementId + \"_magnifier\");\r\n if (magnifier != null) {\r\n magnifier.style.visibility = 'visible';\r\n }\r\n }\r\n }\r\n\r\n var tiles = document.getElementById(elementId + \"_tiles\");\r\n if (tiles != null) {\r\n var images = tiles.getElementsByTagName('img');\r\n //soll eigentlich nur ein Bild sein\r\n if (images != null && images.length > 0) {\r\n for (var i = 0; i < images.length; i++) {\r\n images[i].style.cursor = 'pointer';\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Versteckt das graue Bild mit der Lupe\r\n * @param event\r\n * @param elementId\r\n */\r\nfunction dwImageViewerImageMouseOutHideHoverPicture(event, elementId) {\r\n var overlay = document.getElementById(elementId + \"_magnifier_overlay\");\r\n if (overlay != null) {\r\n overlay.remove();\r\n }\r\n\r\n var magnifier = document.getElementById(elementId + \"_magnifier\");\r\n if (magnifier != null) {\r\n magnifier.style.visibility = 'hidden';\r\n }\r\n}\r\n\r\n/**\r\n * Verschieben der Zeichnung abbrechen\r\n */\r\nfunction dwImageViewerImageMouseOut(elementId) {\r\n if (DW_IMAGE_DRAGRECT != null) {\r\n dwImageViewerStopImageDrag(elementId);\r\n }\r\n}\r\n\r\n/**\r\n * Beim Loslassen der Maustaste soll der Cursor wiederhergestellt werden.\r\n */\r\nfunction dwImageViewerImageMouseUp(elementId) {\r\n if (DW_IMAGE_DRAGRECT != null) {\r\n dwImageViewerStopImageDrag(elementId);\r\n }\r\n}\r\n\r\nfunction dwImageViewerStopImageDrag(elementId) {\r\n dwImageViewerSetImageCursor(elementId, \"dwOpenCursor\");\r\n DW_IMAGE_DRAGRECT = null;\r\n}\r\n\r\nfunction dwImageViewerSetImageCursor(elementId, cursorId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // die Zeichnung existiert nicht mehr\r\n return;\r\n }\r\n\r\n var cursorURL = image.getAttribute(cursorId);\r\n image.style.cursor = cursorURL;\r\n $(elementId + \"_imagescroll\").style.cursor = cursorURL;\r\n}\r\n\r\n/**\r\n * Scrollen durch Bewegen des Mausrades\r\n */\r\nfunction dwImageViewerMouseWheel(event, elementId) {\r\n if (DW_IMAGE_IN_ZOOM_EVENT) {\r\n return;\r\n }\r\n DW_IMAGE_IN_ZOOM_EVENT = true;\r\n try {\r\n var viewerElement = $(elementId);\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n if (image.plainImageOnly) {\r\n DW_IMAGE_IN_ZOOM_EVENT = false;\r\n return;\r\n }\r\n\r\n var diff = 0;\r\n if (event.wheelDelta) { // IE\r\n diff = -event.wheelDelta;\r\n }\r\n if (event.detail) { // FF\r\n diff = event.detail / 3;\r\n }\r\n var newZoom = image.dwCurrentZoomLevel;\r\n var zoomFactor = (diff < 0) ? 1.2 : 1 / 1.2;\r\n newZoom = newZoom * zoomFactor;\r\n newZoom = Math.min(20, Math.max(1, newZoom));\r\n var viewerWidth = viewerElement.offsetWidth;\r\n var viewerHeight = viewerElement.offsetHeight;\r\n var eventPointRelativeToImage = dwUtilsGetRelMouseCoords(event, image);\r\n var eventPointRelativeToDisplay = dwUtilsGetRelMouseCoords(event, viewerElement);\r\n var factor = Math.max(image.dwWidth / image.offsetWidth, image.dwHeight / image.offsetHeight);\r\n var newX = (eventPointRelativeToImage.x - image.offsetLeft) * factor;\r\n var newY = (eventPointRelativeToImage.y - image.offsetTop) * factor;\r\n // Jetzt würde newX/newY so gemacht werden, dass es in die Mitte kommt. Das wollen wir aber nicht. Wir verschieben\r\n // es, so dass der Punkt wieder unter der Maus gemacht wird\r\n newX -= (eventPointRelativeToDisplay.x - (viewerWidth / 2)) * factor / zoomFactor;\r\n newY -= (eventPointRelativeToDisplay.y - (viewerHeight / 2)) * factor / zoomFactor;\r\n var newCenterPoint = new DWPoint(newX, newY);\r\n // Direkt machen (-1) weil wir sonst beim nächsten hier noch nicht die neuesten image.offsetLeft usw. hätten\r\n dwImageViewerSetNormalizedZoom(image, newZoom, newCenterPoint, -1);\r\n } catch (exception) {\r\n }\r\n if (event.preventDefault) {\r\n event.preventDefault();\r\n }\r\n event.returnValue = false;\r\n DW_IMAGE_IN_ZOOM_EVENT = false;\r\n}\r\n\r\nfunction setLoadingVisible(imageId, value) {\r\n var loadingLayer = $(imageId + \"_loading\");\r\n if (loadingLayer) {\r\n dwDomSetStyle(loadingLayer, \"display\", value ? \"\" : \"none\")\r\n }\r\n}\r\n\r\nfunction dwImageLoadImageInSrc(image, width, height, forceNewImage) {\r\n if (image.useOriginalImage) {\r\n var src = image.dwImgSrcPrefix + \"&forViewer=true\";\r\n if (image.useTiffOnClient) {\r\n image.setAttribute(\"qs_need_tiff_conversion\", true);\r\n src += \"&accepttiff=true\"\r\n }\r\n\r\n var loadedImage = image.hasAttribute(\"q_loaded_image\") ? image.getAttribute(\"q_loaded_image\") : undefined;\r\n\r\n if (loadedImage !== src) {\r\n // Orignalbild\r\n image.onload = function() {\r\n image.dwLoaded = true;\r\n if (image.hotspots != null) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (hotspot.span.dwCanvas) {\r\n dwImagePaintHotspot(hotspot.span);\r\n }\r\n }\r\n }\r\n // Loading mit verzögerung abschalten, weil das Rendern am Browser noch etwas brauchen kann und man sonst ein leeres Bild sieht\r\n setTimeout(function() {\r\n setLoadingVisible(image.elementId, false);\r\n }, 200);\r\n };\r\n image.dwLoaded = false;\r\n\r\n image.setAttribute(\"q_loaded_image\", src);\r\n\r\n image.src = src;\r\n\r\n // Loadingpanel\r\n setLoadingVisible(image.elementId, true);\r\n }\r\n } else {\r\n // Schauen ob es wirklich eine neue Version ist\r\n if (forceNewImage || (image.dwCurrentImageWidth != width)) {\r\n image.dwCurrentImageWidth = width;\r\n image.dwCurrentImageHeight = height;\r\n if (image.dwTileSize > 0) {\r\n // Breite und Höhe des Gesamtbildes für alle Kacheln bestimmen\r\n var imageWidth = width;\r\n var imageHeight = height;\r\n if (image.dwClientUpscale) {\r\n if (imageWidth > image.dwWidth) {\r\n imageWidth = image.dwWidth;\r\n }\r\n if (imageHeight > image.dwHeight) {\r\n imageHeight = image.dwHeight;\r\n }\r\n }\r\n image.dwLastImageWidthForTiles = imageWidth;\r\n image.dwLastImageHeightForTiles = imageHeight;\r\n\r\n var zoomLevelKey = imageWidth + \"x\" + imageHeight;\r\n var tilesInfo = image.dwTileInfosForAllZoomLevels[zoomLevelKey];\r\n if (tilesInfo == null) {\r\n tilesInfo = new Object();\r\n tilesInfo.imageWidth = imageWidth;\r\n tilesInfo.imageHeight = imageHeight;\r\n tilesInfo.tileSize = image.dwTileSize;\r\n tilesInfo.tiles = dwImageViewerCreateTilesArray(imageWidth, imageHeight, tilesInfo.tileSize);\r\n image.dwTileInfosForAllZoomLevels[zoomLevelKey] = tilesInfo;\r\n } else {\r\n // bereits existierende Kacheln vom aktuellen Zoom-Level als aktiv setzen\r\n dwImageViewerSetCurrentTiles(image, tilesInfo.tiles, tilesInfo.imageWidth, tilesInfo.imageHeight, tilesInfo.tileSize);\r\n }\r\n\r\n // Kacheln entfernen, die noch nicht geladen wurden\r\n dwImageViewerRemoveUnloadedTilesForOtherZoomLevels(image, imageWidth);\r\n } else {\r\n // kein Tiling\r\n image.onload = function() {\r\n image.dwLoaded = true;\r\n if (image.hotspots != null) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (hotspot.span.dwCanvas) {\r\n dwImagePaintHotspot(hotspot.span);\r\n }\r\n }\r\n }\r\n };\r\n image.dwLoaded = false;\r\n image.src = image.dwImgSrcPrefix + \"&width=\" + width + \"&height=\" + height + \"&inctrans=true\";\r\n }\r\n }\r\n }\r\n image.style.visibility = \"visible\";\r\n if (framework_doctype == DOCTYPE_HTML_5) {\r\n image.style.overflow = \"hidden\";\r\n }\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"IMAGE\", \"IMAGE ORIG (Server): \" + image.dwWidth + \"x\" + image.dwHeight +\r\n \" SRC (Client): \" + width + \"x\" + height, \"#ffca58\", \"#000000\");\r\n }\r\n}\r\n\r\n/**\r\n * Alle noch nicht geladenen Kacheln entfernen (außer für den aktuellen Zoom-Level mit der übergebenen Kachelnbreite).\r\n */\r\nfunction dwImageViewerRemoveUnloadedTilesForOtherZoomLevels(image, imageWidth) {\r\n for (var otherZoomLevelKey in image.dwTileInfosForAllZoomLevels) {\r\n var tilesInfoForOtherZoomLevel = image.dwTileInfosForAllZoomLevels[otherZoomLevelKey];\r\n if ((tilesInfoForOtherZoomLevel != null) && (tilesInfoForOtherZoomLevel.imageWidth != imageWidth)) {\r\n var tiles = tilesInfoForOtherZoomLevel.tiles;\r\n for (var posY = 0; posY < tiles.length; posY++) {\r\n var row = tiles[posY];\r\n if (row != null) {\r\n for (var posX = 0; posX < row.length; posX++) {\r\n dwImageViewerRemoveTileFromRow(image, row, posX, false);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Alle Kacheln des übergebenen Kachel-Arrays in den Vordergrund bringen und alle nicht mehr benötigten Kacheln anderer\r\n * Zoom-Levels entfernen.\r\n */\r\nfunction dwImageViewerSetCurrentTiles(image, tiles, imageWidth, imageHeight, tileSize) {\r\n for (var posY = 0; posY < tiles.length; posY++) {\r\n var row = tiles[posY];\r\n if (row != null) {\r\n for (var posX = 0; posX < row.length; posX++) {\r\n var tileDiv = row[posX];\r\n if (tileDiv != null) {\r\n try {\r\n if (image.contains(tileDiv)) {\r\n image.removeChild(tileDiv);\r\n }\r\n } catch (e) {\r\n // kann passieren, wenn tileDiv gerade entfernt wurde\r\n }\r\n image.appendChild(tileDiv);\r\n\r\n // falls die Kachel bereits geladen wurde, alle teilweise überdeckten Kacheln von anderen Zoom-Levels entfernen\r\n if (tileDiv.dwLoaded) {\r\n dwImageViewerRemoveOtherZoomLevelTiles(image, posX, posY, imageWidth, imageHeight, true);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Erzeugt eine Kachel für eine bestimmte Position\r\n */\r\nfunction dwImageViewerCreateTile(image, tiles, x, y, imageWidth, imageHeight, tileSize) {\r\n var tileDiv = document.createElement(\"span\");\r\n tiles[y][x] = tileDiv;\r\n tileDiv.style.position = \"absolute\";\r\n tileDiv.style.left = (tileSize * x) + \"px\";\r\n tileDiv.style.top = (tileSize * y) + \"px\";\r\n if (!image.autoCloseWindows) {\r\n tileDiv.autoCloseWindows = false;\r\n }\r\n\r\n var tile = document.createElement(\"img\");\r\n tile.id = image.elementId + \"_tile_\" + x + \"_\" + y + \"_\" + imageWidth + \"x\" + imageHeight;\r\n tile.style.height = \"100%\";\r\n tile.style.width = \"100%\";\r\n tileDiv.tile = tile;\r\n tileDiv.appendChild(tile);\r\n\r\n if ((framework_browserType == DWFRAMEWORK_BROWSER_TYPE_IE) && (framework_browserVersion.indexOf(\"11.\") != -1)) {\r\n // IE 11 kann nicht mit mehreren onload umgehen, deshalb der Workaround ohne transpixel.png\r\n // onload für echte Kachel\r\n tile.onload = function() {\r\n try {\r\n if (tileDiv.dwRemoved) {\r\n tileDiv.dwLoaded = false;\r\n tile.onload = null;\r\n tile.src = image.transpixelUrl;\r\n return;\r\n }\r\n\r\n tileDiv.dwLoaded = true;\r\n var isCurrentZoomLevel = imageWidth == image.dwLastImageWidthForTiles;\r\n dwImageViewerRemoveOtherZoomLevelTiles(image, x, y, imageWidth, imageHeight, isCurrentZoomLevel);\r\n if (image.hotspots != null) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (hotspot.span.dwCanvas) {\r\n dwImagePaintHotspot(hotspot.span);\r\n }\r\n }\r\n }\r\n } catch (exception) {\r\n // Zeile bitte so lassen damit wir immer alle Codestellen per Volltextsuche finden. Das kann man nicht auslagern in eine Datei.\r\n if (typeof (framework_isActive) == 'undefined' || !framework_isActive) {\r\n return;\r\n }\r\n throw exception;\r\n }\r\n };\r\n\r\n // Kachel-URL setzen\r\n var src = image.dwImgSrcPrefix;\r\n src += (src.indexOf(\"?\") == -1) ? \"?\" : \"&\";\r\n src += \"tileX=\" + x + \"&tileY=\" + y + \"&imgW=\" + imageWidth + \"&imgH=\" + imageHeight + \"&inctrans=true\";\r\n src = dwImageViewerModifyFileOnlyMode(src);\r\n tile.src = src;\r\n image.appendChild(tileDiv);\r\n } else {\r\n // onload für image.transpixelUrl\r\n tile.onload = function() {\r\n try {\r\n if (tileDiv.dwRemoved) {\r\n tile.onload = null;\r\n return;\r\n }\r\n\r\n // onload für echte Kachel\r\n tile.onload = function() {\r\n try {\r\n if (tileDiv.dwRemoved) {\r\n tileDiv.dwLoaded = false;\r\n tile.onload = null;\r\n tile.src = image.transpixelUrl;\r\n return;\r\n }\r\n\r\n tileDiv.dwLoaded = true;\r\n var isCurrentZoomLevel = imageWidth == image.dwLastImageWidthForTiles;\r\n dwImageViewerRemoveOtherZoomLevelTiles(image, x, y, imageWidth, imageHeight, isCurrentZoomLevel);\r\n if (image.hotspots != null) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (hotspot.span.dwCanvas) {\r\n dwImagePaintHotspot(hotspot.span);\r\n }\r\n }\r\n }\r\n } catch (exception) {\r\n // Zeile bitte so lassen damit wir immer alle Codestellen per Volltextsuche finden. Das kann man nicht auslagern in eine Datei.\r\n if (typeof (framework_isActive) == 'undefined' || !framework_isActive) {\r\n return;\r\n }\r\n throw exception;\r\n }\r\n };\r\n\r\n // Kachel-URL setzen\r\n var src = image.dwImgSrcPrefix;\r\n src += (src.indexOf(\"?\") == -1) ? \"?\" : \"&\";\r\n src += \"tileX=\" + x + \"&tileY=\" + y + \"&imgW=\" + imageWidth + \"&imgH=\" + imageHeight + \"&inctrans=true\";\r\n src = dwImageViewerModifyFileOnlyMode(src);\r\n tile.src = src;\r\n } catch (exception) {\r\n // Zeile bitte so lassen damit wir immer alle Codestellen per Volltextsuche finden. Das kann man nicht auslagern in eine Datei.\r\n if (typeof (framework_isActive) == 'undefined' || !framework_isActive) {\r\n return;\r\n }\r\n throw exception;\r\n }\r\n };\r\n tile.src = image.transpixelUrl;\r\n image.appendChild(tileDiv);\r\n }\r\n}\r\n\r\n/**\r\n * Erzeugt das Kachel-Array beim Ändern der Auflösungsstufe.\r\n */\r\nfunction dwImageViewerCreateTilesArray(imageWidth, imageHeight, tileSize) {\r\n var maxTilesX = Math.ceil(imageWidth / tileSize);\r\n var maxTilesY = Math.ceil(imageHeight / tileSize);\r\n\r\n // Neues Kachel-Array anlegen\r\n var tiles = new Array(maxTilesY);\r\n for (var i = 0; i < maxTilesY; i++) {\r\n tiles[i] = new Array(maxTilesX);\r\n }\r\n\r\n return tiles;\r\n}\r\n\r\n/**\r\n * Entfernt die Kachel an der angegebenen x-Position aus der übergebenen Zeile (je nach Wert von removeAlsoIfLoaded auch dann,\r\n * wenn sie bereits geladen wurde).\r\n */\r\nfunction dwImageViewerRemoveTileFromRow(image, tilesRow, posX, removeAlsoIfLoaded) {\r\n var tileDiv = tilesRow[posX];\r\n if ((tileDiv != null) && (removeAlsoIfLoaded || !tileDiv.dwLoaded)) {\r\n tileDiv.dwRemoved = true;\r\n tileDiv.tile.src = image.transpixelUrl;\r\n try {\r\n image.removeChild(tileDiv);\r\n } catch (e) {\r\n // kann passieren, wenn tileDiv noch nicht image als Kind hinzugefügt wurde\r\n }\r\n try {\r\n tileDiv.removeChild(tileDiv.tile);\r\n } catch (e) {\r\n // nur zur Sicherheit, damit bei dieser Aufräumaktion keine Exception fliegt\r\n }\r\n tilesRow[posX] = null;\r\n }\r\n}\r\n\r\n/**\r\n * Fügt fehlende Kacheln hinzu, wenn sich der Anzeigebereich bei gleicher Auflösungsstufe (isCurrentZoomLevel == true) ändert\r\n * (z.B. durch Scrollen) und aktualisiert die Größen und Positionen der Kacheln basierend auf dem aktuellen Zoom.\r\n */\r\nfunction dwImageViewerUpdateTiles(image, offsetWidth, offsetHeight, tiles, imageWidth, imageHeight, tileSize, isCurrentZoomLevel) {\r\n var maxTilesX = Math.ceil(imageWidth / tileSize);\r\n var maxTilesY = Math.ceil(imageHeight / tileSize);\r\n\r\n // tileSize an den aktuellen Darstellungsbereich für das Bild anpassen (kann größer als die erzeugten Tiles sein)\r\n tileSize = Math.round(tileSize * offsetWidth / imageWidth);\r\n\r\n // alle Kacheln in x- und y-Richtung\r\n var startTilesX = 0;\r\n var startTilesY = 0;\r\n var endTilesX = maxTilesX - 1;\r\n var endTilesY = maxTilesY - 1;\r\n\r\n if (isCurrentZoomLevel) {\r\n // nur sichtbare Kacheln in x- und y-Richtung bestimmen\r\n var imagescroll = image.parentElement;\r\n if (!imagescroll) { // kann passieren, wenn es beim Kacheln zu einem Fehler gekommen ist\r\n return;\r\n }\r\n\r\n var visTop = imagescroll.scrollTop;\r\n var visLeft = imagescroll.scrollLeft;\r\n var visWidth = Math.min(offsetWidth, imagescroll.clientWidth);\r\n var visHeight = Math.min(offsetHeight, imagescroll.clientHeight);\r\n\r\n // Anzahl der benötigten Kacheln in x- und y-Richtung\r\n startTilesX = Math.max(0, Math.min(maxTilesX - 1, Math.floor(visLeft / tileSize)));\r\n startTilesY = Math.max(0, Math.min(maxTilesY - 1, Math.floor(visTop / tileSize)));\r\n endTilesX = Math.min(maxTilesX - 1, Math.ceil((visLeft + visWidth) / tileSize));\r\n endTilesY = Math.min(maxTilesY - 1, Math.ceil((visTop + visHeight) / tileSize));\r\n }\r\n\r\n for (var posY = 0; posY < maxTilesY; posY++) {\r\n var row = tiles[posY];\r\n if (row == null) {\r\n // nur beim aktuellen Zoom-Level und im sichtbaren Bereich neue Kachel-Zeilen hinzufügen\r\n if ((isCurrentZoomLevel) && (posY >= startTilesY) && (posY <= endTilesY)) {\r\n row = new Array(endTilesX);\r\n tiles[posY] = row;\r\n } else {\r\n continue;\r\n }\r\n }\r\n for (var posX = 0; posX < maxTilesX; posX++) {\r\n var tileDiv = row[posX];\r\n if (tileDiv == null) {\r\n // nur beim aktuellen Zoom-Level und im sichtbaren Bereich neue Kacheln hinzufügen\r\n if ((isCurrentZoomLevel) && (posY >= startTilesY) && (posY <= endTilesY) && (posX >= startTilesX) && (posX <= endTilesX)) {\r\n dwImageViewerCreateTile(image, tiles, posX, posY, imageWidth, imageHeight, tileSize);\r\n tileDiv = row[posX];\r\n } else {\r\n continue;\r\n }\r\n }\r\n\r\n // beim aktuellen Zoom-Level alle noch nicht geladenen Kacheln im nicht sichtbaren Bereich entfernen\r\n if (isCurrentZoomLevel && !tileDiv.dwLoaded && !((posY >= startTilesY) && (posY <= endTilesY) && (posX >= startTilesX) && (posX <= endTilesX))) {\r\n dwImageViewerRemoveTileFromRow(image, row, posX, false);\r\n continue;\r\n }\r\n\r\n // Kachel-Position und -Größe anpassen\r\n tileDiv.style.left = (tileSize * posX) + \"px\";\r\n tileDiv.style.top = (tileSize * posY) + \"px\";\r\n if (posX == maxTilesX - 1) {\r\n tileDiv.style.width = (offsetWidth - posX * tileSize) + \"px\";\r\n } else {\r\n tileDiv.style.width = tileSize + \"px\";\r\n }\r\n if (posY == maxTilesY - 1) {\r\n tileDiv.style.height = (offsetHeight - posY * tileSize) + \"px\";\r\n } else {\r\n tileDiv.style.height = tileSize + \"px\";\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Entfernt alle zumindest teilweise überdeckten Kacheln aus anderen Zoom-Levels, um Speicher zu sparen und für bessere Performance\r\n * auf mobilen Endgeräten (größere Auflösungen werden nur beim aktuellen Zoomlevel mit isCurrentZoomLevel == true entfernt).\r\n */\r\nfunction dwImageViewerRemoveOtherZoomLevelTiles(image, posX, posY, imageWidth, imageHeight, isCurrentZoomLevel) {\r\n for (var otherZoomLevelKey in image.dwTileInfosForAllZoomLevels) {\r\n var tilesInfoForOtherZoomLevel = image.dwTileInfosForAllZoomLevels[otherZoomLevelKey];\r\n if ((tilesInfoForOtherZoomLevel != null) && ((tilesInfoForOtherZoomLevel.imageWidth < imageWidth)\r\n || (isCurrentZoomLevel && (tilesInfoForOtherZoomLevel.imageWidth > imageWidth)))) { // größere Auflösungen nur beim aktuellen Zoomlevel entfernen\r\n var otherTiles = tilesInfoForOtherZoomLevel.tiles;\r\n var otherTileSize = tilesInfoForOtherZoomLevel.tileSize;\r\n var otherImageWidth = tilesInfoForOtherZoomLevel.imageWidth;\r\n var otherImageHeight = tilesInfoForOtherZoomLevel.imageHeight;\r\n var otherMaxTilesX = Math.ceil(otherImageWidth / otherTileSize); // inkl. unvollständigen Kacheln rechts\r\n var otherMaxTilesY = Math.ceil(otherImageHeight / otherTileSize); // inkl. unvollständigen Kacheln unten\r\n\r\n // Bestimmung der zumindest teilweise überdeckten Kacheln der anderen Auflösung in x- und y-Richtung\r\n var tilePosFactorX = otherImageWidth / imageWidth;\r\n var tilePosFactorY = otherImageHeight / imageHeight;\r\n var startTilesX = Math.max(0, Math.min(otherMaxTilesX - 1, Math.floor(posX * tilePosFactorX)));\r\n var startTilesY = Math.max(0, Math.min(otherMaxTilesY - 1, Math.floor(posY * tilePosFactorY)));\r\n var endTilesX = Math.min(otherMaxTilesX - 1, Math.max(startTilesX, Math.ceil((posX + 1) * tilePosFactorX))); // 1 Kachel breit\r\n var endTilesY = Math.min(otherMaxTilesY - 1, Math.max(startTilesY, Math.ceil((posY + 1) * tilePosFactorY))); // 1 Kachel hoch\r\n for (var otherPosY = startTilesY; otherPosY <= endTilesY; otherPosY++) {\r\n var otherRow = otherTiles[otherPosY];\r\n if (otherRow != null) {\r\n for (var otherPosX = startTilesX; otherPosX <= endTilesX; otherPosX++) {\r\n dwImageViewerRemoveTileFromRow(image, otherRow, otherPosX, true);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Zoomt in das Bild um den Faktor howMuch\r\n */\r\nfunction dwImageViewerZoomIn(elementId, howMuch) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var zoomLevel = image.dwCurrentZoomLevel * (1.25 * howMuch);\r\n dwImageViewerSetNormalizedZoom(image, zoomLevel, null, 50);\r\n}\r\n\r\n/**\r\n * Zoomt aus dem Bild um den Faktor howMuch\r\n */\r\nfunction dwImageViewerZoomOut(elementId, howMuch) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var zoomLevel = image.dwCurrentZoomLevel / (1.25 * howMuch);\r\n dwImageViewerSetNormalizedZoom(image, zoomLevel, null, 50);\r\n}\r\n\r\n/**\r\n * Zoomt 1:1\r\n */\r\nfunction dwImageViewerZoomFit(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n dwImageViewerSetNormalizedZoom(image, 1.0, null, 50);\r\n}\r\n\r\n/**\r\n * Liefert den Bildpunkt des Originalbildes der gerade in der Mitte angezeigt wird.\r\n * @param image\r\n */\r\nfunction dwImageViewerGetImageCenterPoint(image) {\r\n var displayWidth = image.parentNode.offsetWidth;\r\n var displayHeight = image.parentNode.offsetHeight;\r\n var imageWidth = image.offsetWidth;\r\n var imageHeight = image.offsetHeight;\r\n var imageOrigWidth = image.dwWidth;\r\n var imageOrigHeight = image.dwHeight;\r\n\r\n if (displayWidth > imageWidth) {\r\n var centerPointX = imageOrigWidth / 2.0;\r\n } else {\r\n var centerScreen = displayWidth / 2.0;\r\n var centerPointX = (imageOrigWidth / imageWidth) * (image.parentNode.scrollLeft + centerScreen);\r\n }\r\n if (displayHeight > imageHeight) {\r\n var centerPointY = imageOrigHeight / 2.0;\r\n } else {\r\n var centerScreen = displayHeight / 2.0;\r\n var centerPointY = (imageOrigHeight / imageHeight) * (image.parentNode.scrollTop + centerScreen);\r\n }\r\n\r\n return new DWPoint(centerPointX, centerPointY);\r\n}\r\n\r\n/**\r\n * Scrollt zu einer bestimmten Bildposition\r\n * @param imageId\r\n * @param x\r\n * @param y\r\n */\r\nfunction dwImageViewerScrollImageToPosition(imageId, x, y) {\r\n var image = dwImageViewerGetImage(imageId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n dwImageViewerScrollToPoint(image, new DWPoint(x, y), false);\r\n}\r\n\r\n/**\r\n * Zentriert auf die Bildkoordinate\r\n */\r\nfunction dwImageViewerSetImageCenterPoint(image, centerPoint) {\r\n dwImageViewerScrollToPoint(image, centerPoint, true);\r\n}\r\n\r\n/**\r\n * Scrollt zu einer bestimmten Position\r\n * @param image\r\n * @param point\r\n * @param center gibt an, ob die Position zentriert werden soll\r\n */\r\nfunction dwImageViewerScrollToPoint(image, point, center) {\r\n var displayWidth = image.parentNode.offsetWidth;\r\n var displayHeight = image.parentNode.offsetHeight;\r\n var imageWidth = parseInt(image.style.width);\r\n var imageHeight = parseInt(image.style.height);\r\n var imageOrigWidth = image.dwWidth;\r\n var imageOrigHeight = image.dwHeight;\r\n\r\n var newX = null;\r\n var newY = null;\r\n if (displayWidth < imageWidth) {\r\n newX = point.x / (imageOrigWidth / imageWidth);\r\n if (center) {\r\n newX -= displayWidth / 2.0;\r\n }\r\n } else {\r\n if (image.parentNode.scrollLeft != 0) {\r\n // Im IE8 steht noch ein Scrollwert drin\r\n newX = 0;\r\n }\r\n }\r\n if (displayHeight < imageHeight) {\r\n newY = point.y / (imageOrigHeight / imageHeight);\r\n if (center) {\r\n newY -= displayHeight / 2.0;\r\n }\r\n } else {\r\n if (image.parentNode.scrollTop != 0) {\r\n // Im IE8 steht noch ein Scrollwert drin\r\n newY = 0;\r\n }\r\n }\r\n if (newX != null) {\r\n image.parentNode.scrollLeft = parseInt(newX);\r\n }\r\n if (newY != null) {\r\n image.parentNode.scrollTop = parseInt(newY);\r\n }\r\n}\r\n\r\nfunction dwImageViewerSetScrollPos(imageId, posX, posY) {\r\n var image = dwImageViewerGetImage(imageId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.parentNode.scrollLeft = posX;\r\n image.parentNode.scrollTop = posY;\r\n}\r\n\r\n\r\nfunction dwImageViewerSliderMoved(elementId, event) {\r\n if (!event) {\r\n event = window.event;\r\n }\r\n var target = dwUtilsGetEventTarget(event);\r\n if ((event.type == \"click\") && (target.id != elementId + \"_slider\")) { // z.B. Klick auf Knob\r\n return;\r\n }\r\n\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var slider = $(elementId + \"_slider\");\r\n\r\n var dwPoint = dwUtilsGetRelMouseCoords(event, slider);\r\n\r\n var sliderKnob = $(elementId + \"_sliderKnob\");\r\n var knobWidth = sliderKnob.offsetWidth;\r\n var zoom = imageViewerSliderLogarithmToZoom(2000 * ((dwPoint.x - 3) / (slider.offsetWidth - knobWidth)));\r\n dwImageViewerSetNormalizedZoom(image, zoom, null, 50);\r\n}\r\n\r\n/**\r\n * Zeichnet das gerade aufgezogene Rechteck zum Zoomen.\r\n */\r\nfunction dwImageViewerInternalDrawZoomRect(elementId, right, bottom) {\r\n var zoomRect = $(elementId + \"_zoom2rect\");\r\n var left = DW_IMAGE_ZOOMRECT.x;\r\n var top = DW_IMAGE_ZOOMRECT.y;\r\n if (right > left) {\r\n zoomRect.style.left = left + \"px\";\r\n zoomRect.style.width = right - left + \"px\";\r\n } else {\r\n zoomRect.style.left = right + \"px\";\r\n zoomRect.style.width = left - right + \"px\";\r\n }\r\n if (bottom > top) {\r\n zoomRect.style.top = top + \"px\";\r\n zoomRect.style.height = bottom - top + \"px\";\r\n } else {\r\n zoomRect.style.top = bottom + \"px\";\r\n zoomRect.style.height = top - bottom + \"px\";\r\n }\r\n}\r\n\r\nfunction setCoursorStyleOnChildrenOfElement(cursor, elementId) {\r\n for (var i = 0; i < $(elementId).getElementsByTagName('span').length; i++) {\r\n var elem = $(elementId).getElementsByTagName('span')[i];\r\n elem.style.cursor = cursor;\r\n }\r\n}\r\n\r\n/**\r\n * (De-)/Aktivieren des Zoom-2-Rect-Modus\r\n * Dabei werden alle alten Listener ausgetauscht und zwischengespeichert und bei Deaktivieren wieder zurückgesetzt.\r\n */\r\nfunction dwImageViewerToggleZoomRect(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.panZoom2Rect = !image.panZoom2Rect;\r\n dwImageViewerSetButtonPressed($(elementId + \"_zoomrect\"), image.panZoom2Rect);\r\n\r\n var imageScroll = $(elementId + \"_imagescroll\");\r\n var zoom2Rect = $(elementId + \"_zoom2rect\");\r\n\r\n $(elementId).setAttribute(\"touchemulation\", !image.panZoom2Rect + \"\");\r\n\r\n if (image.panZoom2Rect) {\r\n // Zur Visualisierung dass man gerade einen Zeichnungsausschnitt wählt\r\n image.style.cursor = \"crosshair\";\r\n imageScroll.style.cursor = \"crosshair\";\r\n var hotspotClickLayer = $(image.elementId + \"_hotspots_click\");\r\n hotspotClickLayer.style.cursor = \"crosshair\";\r\n\r\n setCoursorStyleOnChildrenOfElement(\"crosshair\", elementId);\r\n\r\n image.dwImageViewerOldZoomMouseMove = zoom2Rect.onmousemove;\r\n zoom2Rect.onmousemove = function(event) {\r\n };\r\n\r\n image.dwImageViewerOldImageMouseDown = image.onmousedown;\r\n image.onmousedown = function(event) {\r\n };\r\n\r\n image.dwImageViewerOldImageMouseMove = image.onmousemove;\r\n image.onmousemove = function(event) {\r\n };\r\n\r\n image.dwImageViewerOldImageMouseUp = image.onmouseup;\r\n image.onmouseup = function(event) {\r\n };\r\n\r\n image.dwImageViewerOldScrollMouseDown = imageScroll.onmousedown;\r\n imageScroll.onmousedown = function(event) {\r\n event = dwFrameworkGetEvent(event);\r\n\r\n /* Klick auf Scrollbar wird fälschlicherweise als MouseDown erkannt.\r\n Für den IE wird in scrollUpdate das image.panZoom2Rect auf null zurückgesetzt, ein mouseUp kommt nicht mehr.\r\n Im FF wird anhand des originalTargets geschaut, ob es ein Bestandteil der scrollbar ist. Blöderweise ist\r\n das tagName aber nicht zugreifbar, daher wird davon ausgegangen, dass bei einer Exception auf die\r\n Scrollbar geklickt wurde.\r\n */\r\n if (event.originalTarget != null) {\r\n try {\r\n event.originalTarget.tagName;\r\n } catch (e) {\r\n return;\r\n }\r\n }\r\n // für internet explorer: Bei Klick auf Scrollbar nichts tun\r\n var target = dwUtilsGetEventTarget(event);\r\n if (target.componentFromPoint) {\r\n if (!dwUtilsComponentFromPoint(event)) {\r\n return;\r\n }\r\n }\r\n\r\n var imageScroll = $(elementId + \"_imagescroll\");\r\n var relCoords = dwUtilsGetRelMouseCoords(event, imageScroll);\r\n if (relCoords.x >= 0) { // in mobiler Variante kommen nochmal 2 mouseDowns mit negativen Koordinaten\r\n DW_IMAGE_ZOOMRECT = new DWPoint(relCoords.x, relCoords.y);\r\n var zoomRect = $(elementId + \"_zoom2rect\");\r\n zoomRect.style.left = relCoords.x + \"px\";\r\n zoomRect.style.top = relCoords.y + \"px\";\r\n zoomRect.style.width = \"0px\";\r\n zoomRect.style.height = \"0px\";\r\n zoomRect.style.display = \"inline\";\r\n }\r\n };\r\n\r\n image.dwImageViewerOldScrollMouseMove = imageScroll.onmousemove;\r\n imageScroll.onmousemove = function(event) {\r\n if (DW_IMAGE_ZOOMRECT != null) {\r\n event = dwFrameworkGetEvent(event);\r\n var relCoords = dwUtilsGetRelMouseCoords(event, $(elementId + \"_imagescroll\"));\r\n if (relCoords.x >= 0) { // in mobiler Variante kommen nochmal 2 mouseDowns mit negativen Koordinaten\r\n dwImageViewerInternalDrawZoomRect(elementId, relCoords.x, relCoords.y);\r\n }\r\n }\r\n };\r\n\r\n image.dwImageViewerOldScrollMouseUp = imageScroll.onmouseup;\r\n imageScroll.onmouseup = function(event) {\r\n if (DW_IMAGE_ZOOMRECT == null) {\r\n return;\r\n }\r\n var zoomRect = $(elementId + \"_zoom2rect\");\r\n if (zoomRect.offsetWidth > 3 && zoomRect.offsetHeight > 3) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var displayWidth = image.offsetWidth;\r\n var displayHeight = image.offsetHeight;\r\n\r\n var factor = Math.max(image.dwWidth / displayWidth, image.dwHeight / displayHeight);\r\n var widthOnUnzoomed = zoomRect.offsetWidth / image.dwCurrentZoomLevel;\r\n var heightOnUnzoomed = zoomRect.offsetHeight / image.dwCurrentZoomLevel;\r\n\r\n var zoom = Math.min(image.parentNode.offsetWidth / widthOnUnzoomed, image.parentNode.offsetHeight / heightOnUnzoomed);\r\n var centerPoint = new DWPoint((zoomRect.offsetLeft + zoomRect.offsetWidth / 2 - image.offsetLeft) * factor,\r\n (zoomRect.offsetTop + zoomRect.offsetHeight / 2 - image.offsetTop) * factor);\r\n\r\n dwImageViewerSetNormalizedZoom(image, zoom, centerPoint, 50);\r\n }\r\n\r\n DW_IMAGE_ZOOMRECT = null;\r\n zoomRect.style.display = \"none\";\r\n };\r\n } else {\r\n // Und auch wieder abschalten\r\n image.style.cursor = \"inherit\";\r\n imageScroll.style.cursor = \"inherit\";\r\n var hotspotClickLayer = $(image.elementId + \"_hotspots_click\");\r\n setCoursorStyleOnChildrenOfElement(\"pointer\", elementId);\r\n\r\n hotspotClickLayer.style.cursor = \"inherit\";\r\n if (image.dwImageViewerOldScrollMouseDown != null) {\r\n zoom2Rect.onmousemove = image.dwImageViewerOldZoomMouseMove;\r\n image.onmousedown = image.dwImageViewerOldImageMouseDown;\r\n image.onmousemove = image.dwImageViewerOldImageMouseMove;\r\n image.onmouseup = image.dwImageViewerOldImageMouseUp;\r\n imageScroll.onmousedown = image.dwImageViewerOldScrollMouseDown;\r\n imageScroll.onmouseup = image.dwImageViewerOldScrollMouseUp;\r\n imageScroll.onmousemove = image.dwImageViewerOldScrollMouseMove;\r\n\r\n image.dwImageViewerOldZoomMouseMove = null;\r\n image.dwImageViewerOldImageMouseDown = null;\r\n image.dwImageViewerOldImageMouseMove = null;\r\n image.dwImageViewerOldImageMouseUp = null;\r\n image.dwImageViewerOldScrollMouseDown = null;\r\n image.dwImageViewerOldScrollMouseUp = null;\r\n image.dwImageViewerOldScrollMouseMove = null;\r\n\r\n // Cursor zurücksetzen\r\n dwImageViewerStopImageDrag(elementId);\r\n }\r\n }\r\n if (typeof (dwAjaxGuiViewerImageZoomToRectStateChanged) != \"undefined\") {\r\n dwAjaxGuiViewerImageZoomToRectStateChanged(elementId, elementId, image.panZoom2Rect, true);\r\n } else if (typeof (callbackHandler) != \"undefined\") {\r\n var ietkTop = (parent.ietktop) ? parent.ietktop : parent.parent.ietktop;\r\n callbackHandler(ietkTop, \"genericRubberband\", image.panZoom2Rect ? \"1\" : \"0\");\r\n }\r\n}\r\n\r\nfunction dwImageViewerTogglePan(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.panOpened = !image.panOpened;\r\n dwImageViewerSetPan(elementId);\r\n\r\n if (image.panOpened) {\r\n // Hier muss es immer ausgeführt werden, auch wenn wir nicht zoomen. Hier werden die Slider Elemente hingerückt\r\n var newZoomLevel = image.dwCurrentZoomLevel;\r\n if (newZoomLevel < 2) {\r\n newZoomLevel = 2.0;\r\n }\r\n // damit dwImageViewerSetNormalizedZoom() auch auf jeden Fall komplett ausgeführt wird\r\n image.dwCurrentZoomLevel = 0;\r\n dwImageViewerSetNormalizedZoom(image, newZoomLevel, null, 50);\r\n }\r\n if (typeof (dwAjaxGuiViewerImagePanOpenStateChanged) != \"undefined\") {\r\n dwAjaxGuiViewerImagePanOpenStateChanged(elementId, elementId, image.panOpened, true);\r\n } else if (typeof (callbackHandler) != \"undefined\") {\r\n var ietkTop = (parent.ietktop) ? parent.ietktop : parent.parent.ietktop;\r\n callbackHandler(ietkTop, \"genericPanWindow\", image.panOpened ? \"1\" : \"0\");\r\n }\r\n}\r\n\r\n/**\r\n * Setzt das Pressed-Hintergrundbild für den Button und disabled das MouseOver.\r\n */\r\nfunction dwImageViewerSetButtonPressed(button, pressed) {\r\n // Wenn die Funktion ohne den Button aufgerufen wird einfach nichts machen. Im Redesign ist der Button\r\n // nicht über HTML-Mitteln gelöst sondenr mit nem RButton der für seinen Zustand schon selbst sorgt\r\n if (button != null) {\r\n if (pressed) {\r\n dwDomRemoveEvent(button, \"onmouseout\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-default\") + \"')\\\";\");\r\n dwDomRemoveEvent(button, \"onmouseover\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-hover\") + \"')\\\";\");\r\n\r\n button.style.backgroundImage = \"url('\" + button.getAttribute(\"background-pressed\") + \"')\";\r\n dwDomAddEvent(button, \"onmouseout\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-pressed\") + \"')\\\";\");\r\n dwDomAddEvent(button, \"onmouseover\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-pressed\") + \"')\\\";\");\r\n button.onmouseup = function(event) {\r\n };\r\n } else {\r\n dwDomRemoveEvent(button, \"onmouseout\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-pressed\") + \"')\\\";\");\r\n dwDomRemoveEvent(button, \"onmouseover\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-pressed\") + \"')\\\";\");\r\n\r\n button.style.backgroundImage = \"url('\" + button.getAttribute(\"background-default\") + \"')\";\r\n dwDomAddEvent(button, \"onmouseout\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-default\") + \"')\\\";\");\r\n dwDomAddEvent(button, \"onmouseover\", \" this.style.backgroundImage = \\\"url('\" + button.getAttribute(\"background-hover\") + \"')\\\";\");\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Öffnet den Notiz-Dialog für die Zeichnung\r\n * @param menuItemId id des MenuEintrags aus dem Zeichnungs-Kontextmenü zum Editieren der Notizen\r\n */\r\nfunction dwImageViewerEditNotes(event, menuItemId) {\r\n $(menuItemId).onclick(event);\r\n}\r\n\r\nfunction dwImageViewerSetPan(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var overview = $(elementId + \"_overview\");\r\n var slider = $(elementId + \"_slider\");\r\n var imgPreview = $(elementId + \"_imgPreview\");\r\n var drawRect = $(elementId + \"_imageNavRect\");\r\n var openButton = $(elementId + \"_openbutton\");\r\n\r\n var mouseOver = openButton.getAttribute(\"onmouseover\") + \"\"; // im IE kann es ein Event Objekt sein, deshalb mit \"\" zu String\r\n if (image.panOpened) {\r\n dwDomSetStylesViaAttribute(overview, \"width:\" + image.dwOverviewOpenWidth + \"px;height:\" + image.dwOverviewOpenHeight + \"px\");\r\n slider.style.display = \"inline\";\r\n imgPreview.style.display = \"inline\";\r\n drawRect.style.display = \"inline\";\r\n mouseOver = mouseOver.replace(dwUtilsJjs(image.dwOpenPanWindowText), dwUtilsJjs(image.dwClosePanWindowText));\r\n } else {\r\n dwDomSetStylesViaAttribute(overview, \"width:\" + image.dwOverviewClosedWidth + \"px;height:\" + image.dwOverviewClosedHeight + \"px\");\r\n slider.style.display = \"none\";\r\n imgPreview.style.display = \"none\";\r\n drawRect.style.display = \"none\";\r\n mouseOver = mouseOver.replace(dwUtilsJjs(image.dwClosePanWindowText), dwUtilsJjs(image.dwOpenPanWindowText));\r\n }\r\n // Tooltip ändern durch direkte Anpassung des Textes\r\n openButton.setAttribute(\"onmouseover\", mouseOver);\r\n\r\n drawRect.oldTop = 0;\r\n drawRect.oldScrollTop = 0;\r\n dwImageViewerSetButtonPressed(openButton, image.panOpened);\r\n\r\n for (var j = 0; j < 2; j++) {\r\n for (var i = 0; i < 2; i++) {\r\n var corner = $(elementId + \"_overview\" + \"_arrow\" + (i + j * 2));\r\n corner.style.display = image.panOpened ? \"inline\" : \"none\";\r\n }\r\n }\r\n\r\n dwImageViewerRepositionPanWindow(elementId, image.panCorner);\r\n}\r\n\r\n/**\r\n * Reaktion auf Klick auf einen der Eckpunkte zum Verschieben des Overview-Panels\r\n */\r\nfunction dwImageViewerPanWindowCornerClicked(event, elementId, corner) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwImageViewerRepositionPanWindow(elementId, corner);\r\n}\r\n\r\n/**\r\n * Anpassen der Position des Overview-Panels bei Größenänderungen des Fensters,\r\n * Verschieben der SplitPane-Dividers, Anzeige/Verbergen der Scrollbalken\r\n */\r\nfunction dwImageViewerRepositionPanWindow(elementId, corner) {\r\n var viewer = $(elementId);\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var overview = $(elementId + \"_overview\");\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n var openButton = $(elementId + \"_openbutton\");\r\n var openButtonImage = dwDomGetChildAtIndex(openButton, 0);\r\n\r\n if ((viewer == null) || (image == null) || (overview == null) || (imagescroll == null)) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n if (corner != null) {\r\n image.panCorner = corner;\r\n }\r\n\r\n // Breite der vertikalen Scrollbar\r\n var hScroll = imagescroll.offsetWidth - imagescroll.clientWidth;\r\n // Höhe der horizontalen Scrollbar\r\n var vScroll = imagescroll.offsetHeight - imagescroll.clientHeight;\r\n\r\n // Im IE 10 zeigt er normalerweise keine Scrollbars an, nur wenn man über das Element fährt. Deshalb kommt hier 0 zurück\r\n // Berücksichtigen müssen wir die Scrollbars aber trotzdem\r\n if (hScroll <= 0) {\r\n hScroll = 17;\r\n }\r\n if (vScroll <= 0) {\r\n vScroll = 17;\r\n }\r\n if (image.panCorner < 2) {\r\n // Oben\r\n overview.style.top = \"0\";\r\n } else {\r\n // Unten\r\n var diff = viewer.offsetHeight - overview.offsetHeight - vScroll;\r\n overview.style.top = diff + \"px\";\r\n }\r\n\r\n if (image.panCorner % 2 == 0) {\r\n if (corner != null) {\r\n // Links\r\n overview.style.left = \"0\";\r\n if (image.panOpened) {\r\n // Links offen\r\n overview.style.backgroundImage = \"url(\" + image.dwPanOpenedUrl + \")\";\r\n openButtonImage.src = image.dwCloseButtonUrl;\r\n } else {\r\n // Links geschlossen\r\n overview.style.backgroundImage = \"url(\" + image.dwPanClosedUrl + \")\";\r\n openButtonImage.src = image.dwOpenButtonUrl;\r\n }\r\n var left = framework_isMobileView ? \"8px\" : \"9px\";\r\n $(elementId + \"_zoominbutton\").style.left = left;\r\n $(elementId + \"_zoomoutbutton\").style.left = left;\r\n $(elementId + \"_zoomfitbutton\").style.left = left;\r\n var zoomRect = $(elementId + \"_zoomrect\");\r\n if (zoomRect != null) {\r\n zoomRect.style.left = left;\r\n }\r\n $(elementId + \"_openbutton\").style.left = left;\r\n $(elementId + \"_pandiv\").style.left = \"0px\";\r\n }\r\n } else {\r\n // Rechts\r\n var diff = viewer.offsetWidth - overview.offsetWidth - hScroll;\r\n overview.style.left = diff + \"px\";\r\n if (corner != null) {\r\n if (image.panOpened) {\r\n // Rechts offen\r\n overview.style.backgroundImage = \"url(\" + image.dwPanOpenedRUrl + \")\";\r\n openButtonImage.src = image.dwOpenButtonUrl;\r\n var left = framework_isMobileView ? \"154px\" : \"155px\"; // = Gesamtbreite - BUTTON_WIDTH - GENERAL_INSETS\r\n $(elementId + \"_zoominbutton\").style.left = left;\r\n $(elementId + \"_zoomoutbutton\").style.left = left;\r\n $(elementId + \"_zoomfitbutton\").style.left = left;\r\n var zoomRect = $(elementId + \"_zoomrect\");\r\n if (zoomRect != null) {\r\n zoomRect.style.left = left;\r\n }\r\n $(elementId + \"_openbutton\").style.left = left;\r\n } else {\r\n // Rechts geschlossen\r\n overview.style.backgroundImage = \"url(\" + image.dwPanClosedUrl + \")\";\r\n openButtonImage.src = image.dwCloseButtonUrl;\r\n var left = framework_isMobileView ? \"8px\" : \"9px\";\r\n $(elementId + \"_zoominbutton\").style.left = left;\r\n $(elementId + \"_zoomoutbutton\").style.left = left;\r\n $(elementId + \"_zoomfitbutton\").style.left = left;\r\n var zoomRect = $(elementId + \"_zoomrect\");\r\n if (zoomRect != null) {\r\n zoomRect.style.left = left;\r\n }\r\n $(elementId + \"_openbutton\").style.left = left;\r\n $(elementId + \"_pandiv\").style.left = \"0px\";\r\n }\r\n }\r\n $(elementId + \"_pandiv\").style.left = framework_isMobileView ? \"-44px\" : \"-32px\"; // = SLIDER_X - GENERAL_INSETS\r\n }\r\n\r\n if (corner != null) {\r\n if (typeof (dwAjaxGuiViewerImagePanPositionChanged) != \"undefined\") {\r\n dwAjaxGuiViewerImagePanPositionChanged(elementId, elementId, corner, true);\r\n } else if (typeof (callbackHandler) != \"undefined\") {\r\n var nr;\r\n var IPP_POSITION_TOP_LEFT = 1;\r\n var IPP_POSITION_BOTTOM_LEFT = 2;\r\n var IPP_POSITION_BOTTOM_RIGHT = 3;\r\n var IPP_POSITION_TOP_RIGHT = 4;\r\n var JV_POSITION_TOP_LEFT = 0;\r\n var JV_POSITION_TOP_RIGHT = 1;\r\n var JV_POSITION_BOTTOM_LEFT = 2;\r\n var JV_POSITION_BOTTOM_RIGHT = 3;\r\n if (corner == JV_POSITION_TOP_LEFT) {\r\n nr = IPP_POSITION_TOP_LEFT;\r\n }\r\n if (corner == JV_POSITION_BOTTOM_LEFT) {\r\n nr = IPP_POSITION_BOTTOM_LEFT;\r\n }\r\n if (corner == JV_POSITION_BOTTOM_RIGHT) {\r\n nr = IPP_POSITION_BOTTOM_RIGHT;\r\n }\r\n if (corner == JV_POSITION_TOP_RIGHT) {\r\n nr = IPP_POSITION_TOP_RIGHT;\r\n }\r\n var ietkTop = (parent.ietktop) ? parent.ietktop : parent.parent.ietktop;\r\n callbackHandler(ietkTop, \"genericPanWindowLocation\", nr);\r\n }\r\n }\r\n\r\n overview.style.visibility = \"visible\";\r\n}\r\n\r\nfunction dwImageViewerAddHotspot(elementId, x1, y1, x2, y2, linkStyle, linkStyleMark, linkStyleFocused,\r\n color, colorMark, colorFocused,\r\n marked, focused, key, keyVer, uniqueId, text, type,\r\n isWithHover, colorHover, isWithOutline, colorOutline, fontSize, fontName, fontWeight) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var hotspot = new dwImageViewerHotspot(elementId, x1, y1, x2, y2, linkStyle, linkStyleMark, linkStyleFocused,\r\n color, colorMark, colorFocused,\r\n marked, focused, key, keyVer, uniqueId, text, type,\r\n isWithHover, colorHover, isWithOutline, colorOutline, fontSize, fontName, fontWeight);\r\n image.hotspots.push(hotspot);\r\n return hotspot;\r\n}\r\n\r\nfunction dwImageViewerRemoveAllHotspots(elementId) {\r\n let image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n let existingHotspots = image.hotspots;\r\n image.hotspots = new Array();\r\n for (let i = 0; i < existingHotspots.length; i++) {\r\n let hotspotSpan = existingHotspots[i].span;\r\n if (hotspotSpan != null) {\r\n dwDomRemoveSelf(hotspotSpan);\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageMarkHotspot(uniqueId, marked, scrollToMarkedHotspot, focused) {\r\n var hotspotSpan = $(uniqueId);\r\n var wasMarked = hotspotSpan.hotspot.marked;\r\n hotspotSpan.hotspot.marked = marked;\r\n hotspotSpan.hotspot.focused = focused;\r\n dwImagePaintHotspot(hotspotSpan);\r\n if (marked && !wasMarked && scrollToMarkedHotspot) {\r\n dwImageScrollToHotspot(uniqueId);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nfunction dwImageScrollToHotspot(uniqueId) {\r\n var hotspotSpan = $(uniqueId);\r\n var image = dwImageViewerGetImage(hotspotSpan.hotspot.elementId);\r\n if (image != null) {\r\n dwImageViewerSetImageCenterPoint(image, new DWPoint(hotspotSpan.hotspot.x1 + hotspotSpan.hotspot.width / 2,\r\n hotspotSpan.hotspot.y1 + hotspotSpan.hotspot.height / 2));\r\n }\r\n}\r\n\r\nfunction dwImagePaintHotspot(hotspotSpan) {\r\n var hotspot = hotspotSpan.hotspot;\r\n var image = dwImageViewerGetImage(hotspot.elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n //Bei SVG Zeichnungen müssen Hotspotfarben manuell gesetzt werden, weil die Hotspots direkt im SVG gezeichnet sind\r\n // Mind. hier muss man ändern wenn man EPlan SVG will\r\n if ((image) && (image.viewerType == \"viewerimagesvgnative\")) {\r\n dwImageSVGPaintHotspot(hotspot);\r\n return;\r\n }\r\n var hotspotMarked = hotspot.marked;\r\n var hotspotFocused = hotspot.focused;\r\n var hotspotLinkStyle = hotspot.linkStyle;\r\n var hotspotColor = hotspot.color;\r\n if (hotspotMarked) {\r\n if (hotspotFocused) {\r\n hotspotLinkStyle = hotspot.linkStyleFocused;\r\n hotspotColor = hotspot.colorFocused;\r\n } else {\r\n hotspotLinkStyle = hotspot.linkStyleMark;\r\n hotspotColor = hotspot.colorMark;\r\n }\r\n } else {\r\n if ((image) && !image.unmarkedHotspotsVisible) {\r\n hotspotLinkStyle = DW_LINK_STYLE_NONE;\r\n hotspotColor = \"transparent\"; // Ignoriert, da ohne Shape\r\n }\r\n }\r\n\r\n var didWithCanvas = false;\r\n var isEllipse = ((hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE) || (hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE_FULL));\r\n // Nur bei Ellipse Canvas nehmen\r\n if (isEllipse && framework_isWithCanvas) {\r\n if (!hotspotSpan.dwCanvas) {\r\n // Canvas anlegen\r\n hotspotSpan.dwCanvas = document.createElement(\"canvas\");\r\n hotspotSpan.appendChild(hotspotSpan.dwCanvas);\r\n hotspotSpan.dwContext = hotspotSpan.dwCanvas.getContext(\"2d\");\r\n hotspotSpan.dwContext.imageSmoothingEnabled = true;\r\n }\r\n\r\n image = dwImageViewerGetImage(hotspot.elementId);\r\n if (!image) {\r\n return; // kann bei Verwendung von Timeouts passieren, wenn die Zeichnung inzwischen gar nicht mehr angezeigt wird\r\n }\r\n\r\n var hotspotX = Math.floor(parseFloat(hotspotSpan.style.left) - parseFloat(image.style.left));\r\n var hotspotY = Math.floor(parseFloat(hotspotSpan.style.top) - parseFloat(image.style.top));\r\n var hotspotWidth = Math.ceil(parseFloat(hotspotSpan.style.width));\r\n var hotspotHeight = Math.ceil(parseFloat(hotspotSpan.style.height));\r\n if ((hotspotWidth <= 0.001) || (hotspotHeight <= 0.001)) {\r\n // Noch nicht initialisiert\r\n return;\r\n }\r\n\r\n\r\n // Nun die Hotspots zeichnen\r\n if ((hotspotLinkStyle == DW_LINK_STYLE_FULL) || (hotspotLinkStyle == DW_LINK_STYLE_RECT)) {\r\n dwImageDrawRectForHotspot(hotspotSpan, hotspotX, hotspotY, hotspotWidth, hotspotHeight, hotspotColor, hotspotLinkStyle);\r\n didWithCanvas = true;\r\n } else if ((hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE_FULL) || (hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE)) {\r\n dwImageDrawEllipseForHotspot(hotspotSpan, hotspotX, hotspotY, hotspotWidth, hotspotHeight, hotspotColor, hotspotLinkStyle);\r\n didWithCanvas = true;\r\n } else if (hotspotLinkStyle == DW_LINK_STYLE_LINE) {\r\n dwImageDrawLineForHotspot(hotspotSpan, hotspotX, hotspotY, hotspotWidth, hotspotHeight, hotspotColor);\r\n didWithCanvas = true;\r\n } else if (hotspotLinkStyle == DW_LINK_STYLE_NONE) {\r\n // Nichts zu tun\r\n }\r\n }\r\n\r\n if (didWithCanvas) {\r\n // Bei Canvas brauchen wir das hier nicht anzeigen\r\n hotspotSpan.style.borderWidth = \"0px\";\r\n hotspotSpan.style.borderBottomWidth = \"0px\";\r\n hotspotSpan.style.borderColor = \"transparent\";\r\n hotspotSpan.style.backgroundColor = \"transparent\";\r\n dwUtilsSetOpacity(hotspotSpan, 100);\r\n dwUtilsSetOpacity(hotspotSpan.dwCanvas, 100);\r\n } else {\r\n dwUtilsSetOpacity(hotspotSpan, 100);\r\n // Nach umschalten müssen wir das auch so machen\r\n if (hotspotSpan.dwCanvas) {\r\n dwUtilsSetOpacity(hotspotSpan.dwCanvas, 0);\r\n }\r\n // Ellipsen gehen nicht, deshalb Fallback auf Rect\r\n if ((hotspotLinkStyle == DW_LINK_STYLE_FULL) || (hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE_FULL)) {\r\n hotspotSpan.style.borderWidth = \"0px\";\r\n hotspotSpan.style.borderBottomWidth = \"0px\";\r\n hotspotSpan.style.borderColor = \"transparent\";\r\n hotspotSpan.style.backgroundColor = hotspotColor;\r\n } else if ((hotspotLinkStyle == DW_LINK_STYLE_RECT) || (hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE)) {\r\n hotspotSpan.style.borderWidth = \"1px\";\r\n hotspotSpan.style.borderBottomWidth = \"1px\";\r\n hotspotSpan.style.borderStyle = \"solid\";\r\n hotspotSpan.style.borderColor = hotspotColor;\r\n hotspotSpan.style.backgroundColor = \"transparent\";\r\n } else if (hotspotLinkStyle == DW_LINK_STYLE_LINE) {\r\n hotspotSpan.style.borderWidth = \"0px\";\r\n hotspotSpan.style.borderBottomWidth = \"1px\";\r\n hotspotSpan.style.borderStyle = \"solid\";\r\n hotspotSpan.style.borderColor = hotspotColor;\r\n hotspotSpan.style.backgroundColor = \"transparent\";\r\n } else if (hotspotLinkStyle == DW_LINK_STYLE_NONE) {\r\n hotspotSpan.style.borderWidth = \"0px\";\r\n hotspotSpan.style.borderBottomWidth = \"0px\";\r\n hotspotSpan.style.borderColor = \"transparent\";\r\n hotspotSpan.style.backgroundColor = \"transparent\";\r\n } else if (hotspotLinkStyle == DW_LINK_STYLE_REDESIGN_RECT) {\r\n // Im MaterialTheme soll der Hotspot fest einen gräulich/schwarzen Rahmen erhalten. Die Farbe die sonst\r\n // für den Hotspot konfiguriert ist wird dann hier als Füllfarbe für das Rechteck verwendet.\r\n hotspotSpan.style.borderWidth = \"1px\";\r\n hotspotSpan.style.borderBottomWidth = \"1px\";\r\n hotspotSpan.style.borderColor = \"#707070\";\r\n hotspotSpan.style.backgroundColor = hotspotColor;\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageDrawEllipseForHotspot(hotspotSpan, srcX, srcY, srcWidth, srcHeight, hotspotColor, hotspotLinkStyle) {\r\n // Ellipse in jede Richtung um ellipsePaddingFactor größer als rechteckigen Bereich darstellen, damit die Ellipse\r\n // nicht zu klein wird und der klickbare Bereich als in die Ellipse eingepasstes Rechteck stimmt (analog zu Classic);\r\n // in der mobilen GUI keine Vergrößerung vornehmen, da dort die Hotspots sowieso schon vergrößert sind\r\n var ellipsePaddingFactor = framework_isMobileView ? 0 : 0.2;\r\n hotspotSpan.dwCanvas.style.position = \"absolute\";\r\n hotspotSpan.dwCanvas.style.left = (-hotspotSpan.width * ellipsePaddingFactor) + \"px\";\r\n hotspotSpan.dwCanvas.style.top = (-hotspotSpan.height * ellipsePaddingFactor) + \"px\";\r\n hotspotSpan.dwCanvas.width = hotspotSpan.width * (1 + 2 * ellipsePaddingFactor);\r\n hotspotSpan.dwCanvas.height = hotspotSpan.height * (1 + 2 * ellipsePaddingFactor);\r\n hotspotSpan.dwCanvas.style.cursor = \"pointer\";\r\n\r\n // Ellipse bei (1, 1) beginnen lassen bis (width - 2, height - 2), damit die Ellipse an den Rändern u.a. wegen Anti-Aliasing\r\n // von dem Canvas nicht abgeschnitten wird\r\n dwUtilsCanvasDrawEllipse(hotspotSpan.dwContext, 1, 1, hotspotSpan.dwCanvas.width - 2, hotspotSpan.dwCanvas.height - 2,\r\n hotspotColor, hotspotLinkStyle == DW_LINK_STYLE_ELLIPSE_FULL);\r\n}\r\n\r\nfunction dwImageDrawLineForHotspot(hotspotSpan, srcX, srcY, srcWidth, srcHeight, hotspotColor) {\r\n hotspotSpan.dwCanvas.style.position = \"absolute\";\r\n hotspotSpan.dwCanvas.style.left = \"0px\";\r\n hotspotSpan.dwCanvas.style.top = \"0px\";\r\n hotspotSpan.dwCanvas.width = hotspotSpan.width;\r\n hotspotSpan.dwCanvas.height = hotspotSpan.height;\r\n hotspotSpan.dwCanvas.style.cursor = \"pointer\";\r\n\r\n dwUtilsCanvasDrawLine(hotspotSpan.dwContext, 0, hotspotSpan.dwCanvas.height - 1, hotspotSpan.dwCanvas.width,\r\n hotspotSpan.dwCanvas.height - 1, hotspotColor);\r\n}\r\n\r\nfunction dwImageDrawRectForHotspot(hotspotSpan, srcX, srcY, srcWidth, srcHeight, hotspotColor, hotspotLinkStyle) {\r\n hotspotSpan.dwCanvas.style.position = \"absolute\";\r\n hotspotSpan.dwCanvas.style.left = \"0px\";\r\n hotspotSpan.dwCanvas.style.top = \"0px\";\r\n hotspotSpan.dwCanvas.width = srcWidth;\r\n hotspotSpan.dwCanvas.height = srcHeight;\r\n\r\n dwUtilsCanvasDrawRect(hotspotSpan.dwContext, 0, 0, hotspotSpan.dwCanvas.width, hotspotSpan.dwCanvas.height,\r\n hotspotColor, hotspotLinkStyle == DW_LINK_STYLE_FULL);\r\n}\r\n\r\n/*\r\n * Es gibt keine separate dwImageClearHotspotMarks() Methode, weil:\r\n * 1. Sowohl der Zugriff auf image über $(elementId + \"_image\")\r\n * als auch das Durchlaufen aller Hotspots würde doppelt gemacht werden müssen\r\n * 2. Es könnte ein Flackern auftreten, wenn ein bereits markierter Hotspot erneut markiert werden soll,\r\n * weil er vorher zunächst gelöscht werden würde. Dieses Problem tritt in der kombinierten Methode nicht auf.\r\n *\r\n * Das Löschen aller Hotspot-Markierungen kann mit
dwImageMarkHotspotsForKey(elementId, \"\", \"\", true, false) erfolgen.\r\n */\r\nfunction dwImageMarkHotspotsForKey(elementId, key, keyVer, clearHotspotMarks, scrollToMarkedHotspot, rightClicked, uniqueIdOfFocusedHotspot) {\r\n var image = dwImageViewerGetImage(elementId);\r\n\r\n // kann passieren, wenn diese Methode über setTimeout() von dwImageViewerInitEnd() aufgerufen wird und das image nicht mehr existiert\r\n if (image == null) {\r\n return;\r\n }\r\n\r\n dwImageSetLastHotspotKey(elementId, key, keyVer);\r\n var markedHotspotIds = dwImageGetMarkedHotspotIds(elementId);\r\n\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n var markHotspot = (hotspot.key === key) && (hotspot.keyVer === keyVer);\r\n if (clearHotspotMarks || markHotspot) {\r\n // Wenn die Multiselektion aktiv ist und die anderen Hotspots nicht wieder \"entmarked\" werden sollen\r\n // dann das markHotspot überschreiben in Abhängkeit davon ob der Hotspot schon markiert war. Das toggeled\r\n // quasi die Selektion dieses Hotspots. Das darf aber nur bei Linksklick passieren, sonst wundert man sich\r\n // warum der Hotspot deselektiert wird, wenn man das Kontextmenü vom Bild auf ihm aufrufen möchte\r\n if (image.isMultiSelection && !clearHotspotMarks && !rightClicked) {\r\n markHotspot = !dwUtilsIsInArray(markedHotspotIds, hotspot.uniqueId);\r\n }\r\n var focused = hotspot.uniqueId === uniqueIdOfFocusedHotspot;\r\n var didScroll = dwImageMarkHotspot(hotspot.uniqueId, markHotspot, scrollToMarkedHotspot, focused);\r\n if (didScroll) {\r\n scrollToMarkedHotspot = false;\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageGetFocusedHotspotId(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n\r\n // kann passieren, wenn diese Methode über setTimeout() von dwImageViewerInitEnd() aufgerufen wird und das image nicht mehr existiert\r\n if (image == null) {\r\n return;\r\n }\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n var hotspotSpan = $(hotspot.uniqueId);\r\n var isFocused = hotspotSpan.hotspot.focused;\r\n if (isFocused) {\r\n return hotspot.uniqueId\r\n }\r\n }\r\n return \"\";\r\n}\r\n\r\nfunction dwImageGetMarkedHotspotIds(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n\r\n // kann passieren, wenn diese Methode über setTimeout() von dwImageViewerInitEnd() aufgerufen wird und das image nicht mehr existiert\r\n if (image == null) {\r\n return;\r\n }\r\n var markedHotspotIds = [];\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n var hotspotSpan = $(hotspot.uniqueId);\r\n var isMarked = hotspotSpan.hotspot.marked;\r\n if (isMarked) {\r\n markedHotspotIds.push(hotspot.uniqueId);\r\n }\r\n }\r\n return markedHotspotIds;\r\n}\r\n\r\n/*\r\n * Scrollt in dem Bild zur angegebenen elementId zum Hotspot mit den angegebenen Daten.\r\n */\r\nfunction dwImageScrollToHotspotForKey(elementId, key, keyVer) {\r\n var image = dwImageViewerGetImage(elementId);\r\n\r\n // kann passieren, wenn das image nicht mehr existiert\r\n if (image == null) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if ((hotspot.key == key) && (hotspot.keyVer == keyVer)) {\r\n dwImageScrollToHotspot(hotspot.uniqueId);\r\n return;\r\n }\r\n }\r\n}\r\n\r\n/*\r\n * Muss aufgerufen werden, um sich den letzten gewählten Hotspot zu merken (z.B. wenn zwischenzeitlich der ImageViewer\r\n * mal durch andere Controls ausgetauscht wurde).\r\n */\r\nfunction dwImageSetLastHotspotKey(elementId, key, keyVer) {\r\n // Hotspot-Daten für neue Instanzen mit gleicher elementId merken\r\n DW_IMAGE_LAST_HOTSPOT_KEY = key;\r\n DW_IMAGE_LAST_HOTSPOT_KEY_VER = keyVer;\r\n\r\n // Hotspot-Daten in dieser Instanz merken (notwendigen bei mehreren gleichzeitigen ImageViewern)\r\n var image = dwImageViewerGetImage(elementId);\r\n\r\n // kann passieren, wenn das image nicht mehr existiert\r\n if (image == null) {\r\n return;\r\n }\r\n\r\n image.lastHotspotKey = key;\r\n image.lastHotspotKeyVer = keyVer;\r\n}\r\n\r\n/**\r\n * Schaltet die Hotspots an/aus\r\n * @param elementId\r\n */\r\nfunction dwImageToggleUnmarkedHotspotsVisibility(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n dwImageSetUnmarkedHotspotsVisibility(elementId, !image.unmarkedHotspotsVisible);\r\n}\r\n\r\n/**\r\n * Schaltet die Hotspots an/aus\r\n * @param elementId\r\n */\r\nfunction dwImageSetUnmarkedHotspotsVisibility(elementId, value) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.unmarkedHotspotsVisible = value;\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n var hotspotSpan = $(hotspot.uniqueId);\r\n dwImagePaintHotspot(hotspotSpan)\r\n }\r\n}\r\n\r\nfunction dwImageSetMultiSelection(elementId, value) {\r\n var image = dwImageViewerGetImage(elementId)\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.isMultiSelection = value;\r\n}\r\n\r\n/**\r\n * Reagiert auf mouseover / mouseout Events der Leisten zum Blättern zwischen den Bildern\r\n *\r\n * Delegiert wichtige Mouse Event Handler zu anderen Objekten weiter\r\n * @param 1:isOver, 0:isOut, -1:ShowAlways\r\n */\r\nfunction dwImageNavigationBarMouseMoveHandler(elementId, navigationBarId, isOver) {\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n var navigationBar = $(navigationBarId);\r\n var nextBar = $(elementId + \"_nav_next\");\r\n if (nextBar) {\r\n if (dwUtilsHasVerticalOverflow(imagescroll)) {\r\n var scrollWidth = dwUtilsGetScrollbarWidth(imagescroll);\r\n nextBar.style.right = scrollWidth + \"px\";\r\n } else {\r\n nextBar.style.right = \"0\";\r\n }\r\n }\r\n if (isOver == 1) { // einblenden\r\n dwUtilsSetOpacity(navigationBar, 100);\r\n navigationBar.onclick = function(event) {\r\n dwImageNavigationBarMouseClickedHandler(event, elementId, navigationBar.getAttribute(\"imageIndex\"))\r\n };\r\n navigationBar.ondblclick = function(event) {\r\n var intersectingHotspot = dwImageIsNavigationBarMouseClickIntersectingHotspot(event, elementId);\r\n if (intersectingHotspot) {\r\n dwImageNavigationBarEventRedirectHandler(event, intersectingHotspot.span);\r\n }\r\n };\r\n navigationBar.onmousemove = function(event) {\r\n var intersectingHotspot = dwImageIsNavigationBarMouseClickIntersectingHotspot(event, elementId);\r\n if (intersectingHotspot) {\r\n // Aktuell wird ein Hotspot überlagert ...\r\n if (navigationBar.hotspotWithTooltip) {\r\n if (navigationBar.hotspotWithTooltip.span.id != intersectingHotspot.span.id) {\r\n // Alten Hotspot Tooltip ausblenden ...\r\n dwImageNavigationBarDispatchMouseEvent(event, \"mouseout\", navigationBar.hotspotWithTooltip.span);\r\n // Neuen Hotspot Tooltip einblenden ...\r\n dwImageNavigationBarDispatchMouseEvent(event, \"mouseover\", intersectingHotspot.span);\r\n navigationBar.hotspotWithTooltip = intersectingHotspot;\r\n }\r\n // Aktuelle Mouse Position an den Tooltip weitergeben (onmousemove)\r\n dwImageNavigationBarEventRedirectHandler(event, intersectingHotspot.span);\r\n } else {\r\n dwImageNavigationBarDispatchMouseEvent(event, \"mouseover\", intersectingHotspot.span);\r\n navigationBar.hotspotWithTooltip = intersectingHotspot;\r\n }\r\n\r\n } else {\r\n var oldHotspot = navigationBar.hotspotWithTooltip;\r\n if (oldHotspot) {\r\n dwImageNavigationBarDispatchMouseEvent(event, \"mouseout\", oldHotspot.span);\r\n navigationBar.hotspotWithTooltip = null;\r\n }\r\n }\r\n\r\n };\r\n\r\n var defaultRedirectFunction = function(event) {\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n dwImageNavigationBarEventRedirectHandler(event, imagescroll);\r\n };\r\n navigationBar.onmouseup = defaultRedirectFunction;\r\n navigationBar.onmousewheel = defaultRedirectFunction;\r\n if (!(navigationBar.getAttribute(\"inited\")) && navigationBar.addEventListener) {\r\n navigationBar.setAttribute(\"inited\", true);\r\n navigationBar.addEventListener('DOMMouseScroll',\r\n function(event) {\r\n dwImageViewerMouseWheel(event, elementId);\r\n if (nextBar && dwUtilsHasVerticalOverflow(imagescroll)) {\r\n var scrollWidth = dwUtilsGetScrollbarWidth(imagescroll);\r\n nextBar.style.right = scrollWidth + \"px\";\r\n }\r\n }, false);\r\n }\r\n\r\n } else if (isOver == 0) { // ausblenden\r\n dwUtilsSetOpacity(navigationBar, 0.1);\r\n // Listener werden dynamisch hinzugefügt / entfernt. Bei Verwendung von addEventListener/removeEventListener müsste jedoch\r\n // die gesetzte/entfernte Methode als Variable vorgehalten werden. Ziel des Mechanismus ist eine Vermeidung,\r\n // die Listener doppelt zu setzen. Das wird für \"DOMMouseScroll\" durch setzen eines init Flags realisiert\r\n navigationBar.onclick = function() {\r\n };\r\n navigationBar.ondblclick = function() {\r\n };\r\n navigationBar.onmouseup = function() {\r\n };\r\n navigationBar.onmousemove = function() {\r\n };\r\n navigationBar.onmousewheel = function() {\r\n };\r\n navigationBar.hotspotWithTooltip = null;\r\n } else if (isOver == -1) { // Dauerhaft anzeigen\r\n dwUtilsSetOpacity(navigationBar, 100);\r\n navigationBar.onclick = function(event) {\r\n dwImageNavigationBarMouseClickedHandler(event, elementId, navigationBar.getAttribute(\"imageIndex\"))\r\n };\r\n }\r\n}\r\n\r\n/**\r\n * Klick auf Layer zum Blättern ziwschen den Bildern. Ist unterhalb der geklickten Fläche ein Hotspot\r\n * wird die Hotspot Aktion ausgelöst. Andernfalls die Blätter-Aktion\r\n * @param event\r\n * @param elementId\r\n * @param imageIndex\r\n */\r\nfunction dwImageNavigationBarMouseClickedHandler(event, elementId, imageIndex) {\r\n event = dwFrameworkGetEvent(event);\r\n var intersectingHotspot = dwImageIsNavigationBarMouseClickIntersectingHotspot(event, elementId);\r\n if (intersectingHotspot) { // Hotspot Objekt wurde zurückgeliefert\r\n var eventType = (framework_isMobileView) ? \"onclick\" : \"onmousedown\";\r\n intersectingHotspot.span[eventType](event);\r\n return;\r\n }\r\n if (typeof (dwAjaxAddUpdate) != \"undefined\") {\r\n dwAjaxAddUpdate(elementId + \"@DW@\" + elementId + \"@DW@imageIndexChangeEvent@DW@imageIndex=\" + imageIndex, true);\r\n } else if (typeof (dwSwingFrameworkFireCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"imageIndexChangeEvent\", imageIndex);\r\n } else if (typeof (loadPicture) != \"undefined\") {\r\n loadPicture(imageIndex);\r\n }\r\n\r\n}\r\n\r\n/**\r\n * Generiert ein mouse-event auf Basis des alten Events (z.B. mousemove/mouseover/mouseout) und feuert dies auf dem target ab.\r\n * @param event\r\n * @param type\r\n * @param target\r\n */\r\nfunction dwImageNavigationBarDispatchMouseEvent(event, type, target) {\r\n var mouseEvent = document.createEvent(\"MouseEvents\");\r\n mouseEvent.initMouseEvent(type, false, true, event.view, 0, event.screenX, event.screenY,\r\n event.clientX, event.clientY, event.ctrlKey, event.altKey, event.shiftKey,\r\n event.metaKey, 0, target);\r\n target.dispatchEvent(mouseEvent);\r\n}\r\n\r\n/**\r\n * Convinience Methode zur Event Delagation an ein anderes HTML DOM Element\r\n * @param event\r\n * @param eventTarget\r\n */\r\nfunction dwImageNavigationBarEventRedirectHandler(event, eventTarget) {\r\n if (!eventTarget) {\r\n return;\r\n }\r\n event = dwFrameworkGetEvent(event);\r\n var func = eventTarget[\"on\" + event.type];\r\n if (func) {\r\n func.apply(eventTarget, new Array(event));\r\n }\r\n}\r\n\r\n/**\r\n * Liefert den Hotspot zurück, der für die aktuelle Mouse Position gefunden wurde\r\n * NULL wenn kein Hotspot zur Mouse Position gefunden wurde\r\n *\r\n * Bei der Bestimmung wird nicht nur die (relative) Hotspot Position bestimmt (diese ist relativ zur Hotspot Paint Area)\r\n * sondern auch die Position dieser Hotspot Paint Area berücksichtigt\r\n * Grund: ImageScroll füllt die gesamte Viewer Fläche aus,\r\n * die Hotspot Area ggf. nur einen Teilbereich,\r\n * und der Hotspot nur eine Teilfläche der Paint Area\r\n * @param event\r\n * @param elementId\r\n * @return Hotspot oder NULL\r\n */\r\nfunction dwImageIsNavigationBarMouseClickIntersectingHotspot(event, elementId) {\r\n event = dwFrameworkGetEvent(event);\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n // Da diese Navigationsicons/bars auch in WebGl vorhanden sind und dort kein imagescroll vorhanden ist hier einfach aussteigen\r\n // Die Hotspots sind in WebGl eigens gelöst.\r\n if (imagescroll != null) {\r\n var hotspotsPaintArea = $(elementId + \"_hotspots_click\");\r\n var mouseCoords = dwUtilsGetRelMouseCoords(event, imagescroll);\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (hotspot.span == null) {\r\n continue;\r\n }\r\n var x1 = parseInt(hotspotsPaintArea.style.left) + parseInt(hotspot.span.style.left);\r\n var x2 = x1 + parseInt(hotspot.span.style.width);\r\n var y1 = parseInt(hotspotsPaintArea.style.top) + parseInt(hotspot.span.style.top);\r\n var y2 = y1 + parseInt(hotspot.span.style.height);\r\n if ((mouseCoords.x >= x1) && (mouseCoords.x <= x2) && (mouseCoords.y >= y1) && mouseCoords.y <= y2) {\r\n // Wenn über dem gefundenen Hotspot das kleine Image eines Navigationsbuttons (vor oder zurück) liegt,\r\n // dann \"gewinnt\" doch die Navigation und nicht der Hotspot. Wenn ein Hotspot die gesamte Breite eines Bildes\r\n // einnimmt, ist die Navigation sonst nicht mehr erreichbar\r\n if (dwImageIsMouseClickIntersectingNavButtonImages(event, elementId)) {\r\n return null;\r\n }\r\n return hotspot;\r\n }\r\n }\r\n }\r\n return null;\r\n}\r\n\r\n// Prüft, ob sich an der aktuellen Mausposition einer der Navigationsbuttons bzw. genauer deren Images befindet\r\nfunction dwImageIsMouseClickIntersectingNavButtonImages(event, elementId) {\r\n var viewer = $(elementId);\r\n // Mausposition\r\n var mouseCoords = dwUtilsGetRelMouseCoords(event, viewer);\r\n\r\n // Vor- und zurück Button\r\n return dwImageIsMouseClickIntersectingNavButtonImage(\"_nav_next\", elementId, mouseCoords) ||\r\n dwImageIsMouseClickIntersectingNavButtonImage(\"_nav_previous\", elementId, mouseCoords);\r\n}\r\n\r\n// Prüft, ob sich an der aktuellen Mausposition das Image eines bestimmten Navigationsbuttons befindet\r\nfunction dwImageIsMouseClickIntersectingNavButtonImage(suffix, elementId, mouseCoords) {\r\n // Navigationsbutton\r\n var navButton = $(elementId + suffix);\r\n if (navButton) {\r\n // Image\r\n var navButtonImage = dwDomGetChildAtIndex(navButton, 0);\r\n if (navButtonImage) {\r\n var x1 = parseInt(navButton.offsetLeft) + parseInt(navButtonImage.offsetLeft);\r\n var x2 = x1 + parseInt(navButtonImage.offsetWidth);\r\n var y1 = parseInt(navButton.offsetTop) + parseInt(navButtonImage.offsetTop);\r\n var y2 = y1 + parseInt(navButtonImage.offsetHeight);\r\n if ((mouseCoords.x >= x1) && (mouseCoords.x <= x2) && (mouseCoords.y >= y1) && mouseCoords.y <= y2) {\r\n // Treffer\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n\r\nfunction dwImageViewerGetVisibleRect(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n var imagescroll = $(elementId + \"_imagescroll\");\r\n if ((image == null) || (imagescroll == null)) { // kann evtl. passieren, wenn der Server den sichtbaren Bereich von einem nicht mehr vorhandenen ImageViewer abfragt\r\n return\r\n }\r\n\r\n var scaleFactor = Math.max(image.dwWidth / image.offsetWidth, image.dwHeight / image.offsetHeight);\r\n if (typeof (dwAjaxFireCustomEvent) != \"undefined\") {\r\n dwAjaxFireCustomEvent(elementId, elementId, \"getImageVisibleRectEvent\",\r\n \"x=\" + Math.round(imagescroll.scrollLeft * scaleFactor)\r\n + \"@DWSUB@y=\" + Math.round(imagescroll.scrollTop * scaleFactor)\r\n + \"@DWSUB@width=\" + Math.round(imagescroll.clientWidth * scaleFactor)\r\n + \"@DWSUB@height=\" + Math.round(imagescroll.clientHeight * scaleFactor), true);\r\n } else if (typeof (dwSwingFrameworkFireCallbackEvent) != \"undefined\") {\r\n dwSwingFrameworkFireCallbackEvent(\"getImageVisibleRectEvent\", \"x=\" + Math.round(imagescroll.scrollLeft * scaleFactor)\r\n + \"@DWSUB@y=\" + Math.round(imagescroll.scrollTop * scaleFactor)\r\n + \"@DWSUB@width=\" + Math.round(imagescroll.clientWidth * scaleFactor)\r\n + \"@DWSUB@height=\" + Math.round(imagescroll.clientHeight * scaleFactor), true);\r\n }\r\n}\r\n\r\nfunction dwImageElementIsTag(element, tagName) {\r\n if ((element) && (element.tagName) && (tagName)) {\r\n return (element.tagName.toUpperCase() == tagName.toUpperCase());\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nfunction dwImageWriteToLog(elementId, msg) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n image.log(msg);\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n/*\r\n * Copyright (c) 2024 Quanos Solutions GmbH\r\n */\r\n\r\n// Pannellum 2.5.6, https://github.com/mpetroff/pannellum\r\nwindow.libpannellum=function(E,g,p){function Ba(K){function ja(a,e){return 1==a.level&&1!=e.level?-1:1==e.level&&1!=a.level?1:e.timestamp-a.timestamp}function Q(a,e){return a.level!=e.level?a.level-e.level:a.diff-e.diff}function ka(a,e,c,g,l,h){this.vertices=a;this.side=e;this.level=c;this.x=g;this.y=l;this.path=h.replace(\"%s\",e).replace(\"%l\",c).replace(\"%x\",g).replace(\"%y\",l)}function Ja(a,e,g,p,l){var h;var d=e.vertices;h=la(a,d.slice(0,3));var u=la(a,d.slice(3,6)),x=la(a,d.slice(6,9)),d=la(a,d.slice(9,\r\n12)),t=h[0]+u[0]+x[0]+d[0];-4==t||4==t?h=!1:(t=h[1]+u[1]+x[1]+d[1],h=-4==t||4==t?!1:4!=h[2]+u[2]+x[2]+d[2]);if(h){h=e.vertices;u=h[0]+h[3]+h[6]+h[9];x=h[1]+h[4]+h[7]+h[10];d=h[2]+h[5]+h[8]+h[11];t=Math.sqrt(u*u+x*x+d*d);d=Math.asin(d/t);u=Math.atan2(x,u)-p;u+=u>Math.PI?-2*Math.PI:u<-Math.PI?2*Math.PI:0;u=Math.abs(u);e.diff=Math.acos(Math.sin(g)*Math.sin(d)+Math.cos(g)*Math.cos(d)*Math.cos(u));u=!1;for(x=0;x
g&&(h[0]=-1);1l&&(h[1]=-1);1c||1t;t++)0==m[t].width&&(m[t]=a)}}e===p&&(e=\"equirectangular\");if(\"equirectangular\"!=e&&\"cubemap\"!=e&&\"multires\"!=e)throw console.log(\"Error: invalid image type specified!\"),\r\n{type:\"config error\"};z=e;m=L;F=Ca;va=u||{};if(c){U&&(a.detachShader(c,U),a.deleteShader(U));V&&(a.detachShader(c,V),a.deleteShader(V));a.bindBuffer(a.ARRAY_BUFFER,null);a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,null);c.texture&&a.deleteTexture(c.texture);if(c.nodeCache)for(L=0;Lt;t++)0d;d++)c[4*(b+a.width)+d]=c[4*(b+2*a.width)+d],c[4*(b+a.width*(a.height-2))+d]=c[4*(b+a.width*(a.height-3))+d];for(b=2;bd;d++)c[4*(b*a.width+1)+d]=c[4*(b*a.width+2)+d],c[4*((b+1)*a.width-2)+d]=c[4*((b+1)*a.width-3)+d];for(d=0;4>d;d++)c[4*(a.width+1)+d]=c[4*(2*a.width+2)+d],c[4*(2*a.width-2)+d]=c[4*(3*a.width-3)+d],c[4*(a.width*(a.height-2)+1)+d]=c[4*\r\n(a.width*(a.height-3)+2)+d],c[4*(a.width*(a.height-1)-2)+d]=c[4*(a.width*(a.height-2)-3)+d];for(b=1;bd;d++)c[4*b+d]=c[4*(b+a.width)+d],c[4*(b+a.width*(a.height-1))+d]=c[4*(b+a.width*(a.height-2))+d];for(b=1;bd;d++)c[b*a.width*4+d]=c[4*(b*a.width+1)+d],c[4*((b+1)*a.width-1)+d]=c[4*((b+1)*a.width-2)+d];for(d=0;4>d;d++)c[d]=c[4*(a.width+1)+d],c[4*(a.width-1)+d]=c[4*(2*a.width-2)+d],c[a.width*(a.height-1)*4+d]=c[4*(a.width*(a.height-2)+1)+d],c[4*(a.width*\r\na.height-1)+d]=c[4*(a.width*(a.height-1)-2)+d];e.putImageData(h,0,0);D.call(this)};var D=function(){0t;t++)h=new Image,h.crossOrigin=va.crossOrigin?va.crossOrigin:\"anonymous\",h.side=t,h.onload=l,h.onerror=D,h.src=\"multires\"==z?H.replace(\"%s\",Q[t])+\".\"+m.extension:m[t].src;x($)}else{if(!a)throw console.log(\"Error: no WebGL support detected!\"),\r\n{type:\"no webgl\"};\"cubemap\"==z&&x(y);m.fullpath=m.basePath?m.basePath+m.path:m.path;m.invTileResolution=1/m.tileResolution;L=ta();wa=[];for(t=0;6>t;t++)wa[t]=L.slice(12*t,12*t+12),L=ta();L=0;if(\"equirectangular\"==z){if(L=a.getParameter(a.MAX_TEXTURE_SIZE),Math.max(m.width/2,m.height)>L)throw console.log(\"Error: The image is too big; it's \"+m.width+\"px wide, but this device's maximum supported size is \"+2*L+\"px.\"),{type:\"webgl size error\",width:m.width,maxWidth:2*L};}else if(\"cubemap\"==z&&y>a.getParameter(a.MAX_CUBE_MAP_TEXTURE_SIZE))throw console.log(\"Error: The image is too big; it's \"+\r\ny+\"px wide, but this device's maximum supported size is \"+L+\"px.\"),{type:\"webgl size error\",width:y,maxWidth:L};u===p||u.horizonPitch===p&&u.horizonRoll===p||(ga=[u.horizonPitch==p?0:u.horizonPitch,u.horizonRoll==p?0:u.horizonRoll]);y=a.TEXTURE_2D;a.viewport(0,0,a.drawingBufferWidth,a.drawingBufferHeight);a.getShaderPrecisionFormat&&(e=a.getShaderPrecisionFormat(a.FRAGMENT_SHADER,a.HIGH_FLOAT))&&1>e.precision&&(oa=oa.replace(\"highp\",\"mediump\"));U=a.createShader(a.VERTEX_SHADER);e=s;\"multires\"==z&&\r\n(e=k);a.shaderSource(U,e);a.compileShader(U);V=a.createShader(a.FRAGMENT_SHADER);e=pa;\"cubemap\"==z?(y=a.TEXTURE_CUBE_MAP,e=qa):\"multires\"==z&&(e=bb);a.shaderSource(V,e);a.compileShader(V);c=a.createProgram();a.attachShader(c,U);a.attachShader(c,V);a.linkProgram(c);a.getShaderParameter(U,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(U));a.getShaderParameter(V,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(V));a.getProgramParameter(c,a.LINK_STATUS)||console.log(a.getProgramInfoLog(c));a.useProgram(c);\r\nc.drawInProgress=!1;e=u.backgroundColor?u.backgroundColor:[0,0,0];a.clearColor(e[0],e[1],e[2],1);a.clear(a.COLOR_BUFFER_BIT);c.texCoordLocation=a.getAttribLocation(c,\"a_texCoord\");a.enableVertexAttribArray(c.texCoordLocation);\"multires\"!=z?(ca||(ca=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,ca),a.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,1,1,1,1,-1,-1,1,1,-1,-1,-1]),a.STATIC_DRAW),a.vertexAttribPointer(c.texCoordLocation,2,a.FLOAT,!1,0,0),c.aspectRatio=a.getUniformLocation(c,\"u_aspectRatio\"),\r\na.uniform1f(c.aspectRatio,a.drawingBufferWidth/a.drawingBufferHeight),c.psi=a.getUniformLocation(c,\"u_psi\"),c.theta=a.getUniformLocation(c,\"u_theta\"),c.f=a.getUniformLocation(c,\"u_f\"),c.h=a.getUniformLocation(c,\"u_h\"),c.v=a.getUniformLocation(c,\"u_v\"),c.vo=a.getUniformLocation(c,\"u_vo\"),c.rot=a.getUniformLocation(c,\"u_rot\"),a.uniform1f(c.h,H/(2*Math.PI)),a.uniform1f(c.v,l/Math.PI),a.uniform1f(c.vo,h/Math.PI*2),\"equirectangular\"==z&&(c.backgroundColor=a.getUniformLocation(c,\"u_backgroundColor\"),a.uniform4fv(c.backgroundColor,\r\ne.concat([1]))),c.texture=a.createTexture(),a.bindTexture(y,c.texture),\"cubemap\"==z?(a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[1]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[3]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[4]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[5]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Z,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[0]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Z,\r\n0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[2])):m.width<=L?(a.uniform1i(a.getUniformLocation(c,\"u_splitImage\"),0),a.texImage2D(y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m)):(a.uniform1i(a.getUniformLocation(c,\"u_splitImage\"),1),H=g.createElement(\"canvas\"),H.width=m.width/2,H.height=m.height,H=H.getContext(\"2d\"),H.drawImage(m,0,0),l=H.getImageData(0,0,m.width/2,m.height),a.texImage2D(y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,l),c.texture2=a.createTexture(),a.activeTexture(a.TEXTURE1),a.bindTexture(y,c.texture2),a.uniform1i(a.getUniformLocation(c,\r\n\"u_image1\"),1),H.drawImage(m,-m.width/2,0),l=H.getImageData(0,0,m.width/2,m.height),a.texImage2D(y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,l),a.texParameteri(y,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_MIN_FILTER,a.LINEAR),a.texParameteri(y,a.TEXTURE_MAG_FILTER,a.LINEAR),a.activeTexture(a.TEXTURE0)),a.texParameteri(y,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_MIN_FILTER,\r\na.LINEAR),a.texParameteri(y,a.TEXTURE_MAG_FILTER,a.LINEAR)):(c.vertPosLocation=a.getAttribLocation(c,\"a_vertCoord\"),a.enableVertexAttribArray(c.vertPosLocation),Fa||(Fa=a.createBuffer()),Y||(Y=a.createBuffer()),na||(na=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,Y),a.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,1,1,0,1]),a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,na),a.bufferData(a.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,0,2,3]),a.STATIC_DRAW),c.perspUniform=a.getUniformLocation(c,\r\n\"u_perspMatrix\"),c.cubeUniform=a.getUniformLocation(c,\"u_cubeMatrix\"),c.level=-1,c.currentNodes=[],c.nodeCache=[],c.nodeCacheTimestamp=0);H=a.getError();if(0!==H)throw console.log(\"Error: Something went wrong with WebGL!\",H),{type:\"webgl error\"};d()}};this.destroy=function(){K!==p&&(A!==p&&K.contains(A)&&K.removeChild(A),R!==p&&K.contains(R)&&K.removeChild(R));if(a){var c=a.getExtension(\"WEBGL_lose_context\");c&&c.loseContext()}};this.resize=function(){var g=E.devicePixelRatio||1;A.width=A.clientWidth*\r\ng;A.height=A.clientHeight*g;a&&(1286==a.getError()&&Ea(),a.viewport(0,0,a.drawingBufferWidth,a.drawingBufferHeight),\"multires\"!=z&&a.uniform1f(c.aspectRatio,A.clientWidth/A.clientHeight))};this.resize();this.setPose=function(a,c){ga=[a,c]};this.render=function(g,e,k,s){var l,h=0;s===p&&(s={});s.roll&&(h=s.roll);if(ga!==p){l=ga[0];var d=ga[1],u=g,x=e,t=Math.cos(d)*Math.sin(g)*Math.sin(l)+Math.cos(g)*(Math.cos(l)*Math.cos(e)+Math.sin(d)*Math.sin(l)*Math.sin(e)),E=-Math.sin(g)*Math.sin(d)+Math.cos(g)*\r\nMath.cos(d)*Math.sin(e);g=Math.cos(d)*Math.cos(l)*Math.sin(g)+Math.cos(g)*(-Math.cos(e)*Math.sin(l)+Math.cos(l)*Math.sin(d)*Math.sin(e));g=Math.asin(Math.max(Math.min(g,1),-1));e=Math.atan2(E,t);l=[Math.cos(u)*(Math.sin(d)*Math.sin(l)*Math.cos(x)-Math.cos(l)*Math.sin(x)),Math.cos(u)*Math.cos(d)*Math.cos(x),Math.cos(u)*(Math.cos(l)*Math.sin(d)*Math.cos(x)+Math.sin(x)*Math.sin(l))];d=[-Math.cos(g)*Math.sin(e),Math.cos(g)*Math.cos(e)];d=Math.acos(Math.max(Math.min((l[0]*d[0]+l[1]*d[1])/(Math.sqrt(l[0]*\r\nl[0]+l[1]*l[1]+l[2]*l[2])*Math.sqrt(d[0]*d[0]+d[1]*d[1])),1),-1));0>l[2]&&(d=2*Math.PI-d);h+=d}if(a||\"multires\"!=z&&\"cubemap\"!=z){if(\"multires\"!=z)k=2*Math.atan(Math.tan(0.5*k)/(a.drawingBufferWidth/a.drawingBufferHeight)),k=1/Math.tan(0.5*k),a.uniform1f(c.psi,e),a.uniform1f(c.theta,g),a.uniform1f(c.rot,h),a.uniform1f(c.f,k),!0===F&&\"equirectangular\"==z&&(a.bindTexture(a.TEXTURE_2D,c.texture),a.texImage2D(a.TEXTURE_2D,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m)),a.drawArrays(a.TRIANGLES,0,6);else{l=a.drawingBufferWidth/\r\na.drawingBufferHeight;d=2*Math.atan(Math.tan(k/2)*a.drawingBufferHeight/a.drawingBufferWidth);d=1/Math.tan(d/2);l=[d/l,0,0,0,0,d,0,0,0,0,100.1/-99.9,20/-99.9,0,0,-1,0];for(d=1;dm.tileResolution*Math.pow(2,d-1)*Math.tan(k/2)*0.707;)d++;c.level=d;d=[1,0,0,0,1,0,0,0,1];d=ua(d,-h,\"z\");d=ua(d,-g,\"x\");d=ua(d,e,\"y\");d=[d[0],d[1],d[2],0,d[3],d[4],d[5],0,d[6],d[7],d[8],0,0,0,0,1];a.uniformMatrix4fv(c.perspUniform,!1,new Float32Array(ma(l)));a.uniformMatrix4fv(c.cubeUniform,\r\n!1,new Float32Array(ma(d)));h=[l[0]*d[0],l[0]*d[1],l[0]*d[2],0,l[5]*d[4],l[5]*d[5],l[5]*d[6],0,l[10]*d[8],l[10]*d[9],l[10]*d[10],l[11],-d[8],-d[9],-d[10],0];c.nodeCache.sort(ja);if(200c.currentNodes.length+50)for(l=c.nodeCache.splice(200,c.nodeCache.length-200),d=0;dl;l++)u=new ka(wa[l],d[l],1,0,0,m.fullpath),Ja(h,u,g,e,k);c.currentNodes.sort(Q);for(g=S.length-1;0<=\r\ng;g--)-1===c.currentNodes.indexOf(S[g].node)&&(S[g].node.textureLoad=!1,S.splice(g,1));if(0===S.length)for(g=0;gg;g++)if(h=R.querySelector(\".pnlm-\"+k[g]+\"face\"))h.style.webkitTransform=e+s[k[g]],h.style.transform=e+s[k[g]]};this.isLoading=\r\nfunction(){if(a&&\"multires\"==z)for(var g=0;g u_h || coord.y < -u_v + u_vo || coord.y > u_v + u_vo)\\ngl_FragColor = u_backgroundColor;\\nelse {\\nif(u_splitImage) {\\nif(coord.x < 0.0)\\ngl_FragColor = texture2D(u_image0, vec2((coord.x + u_h) / u_h, (-coord.y + u_v + u_vo) / (u_v * 2.0)));\\nelse\\ngl_FragColor = texture2D(u_image1, vec2((coord.x + u_h) / u_h - 1.0, (-coord.y + u_v + u_vo) / (u_v * 2.0)));\\n} else {\\ngl_FragColor = texture2D(u_image0, vec2((coord.x + u_h) / (u_h * 2.0), (-coord.y + u_v + u_vo) / (u_v * 2.0)));\\n}\\n}\\n}\",\r\nbb=\"varying mediump vec2 v_texCoord;uniform sampler2D u_sampler;void main(void) {gl_FragColor = texture2D(u_sampler, v_texCoord);}\";return{renderer:function(g,k,p,s){return new Ba(g,k,p,s)}}}(window,document);\r\nwindow.pannellum=function(E,g,p){function Ba(s,k){function oa(){var a=g.createElement(\"div\");a.innerHTML=\"\\x3c!--[if lte IE 9]>a;a++)P.push(new Image),P[a].crossOrigin=b.crossOrigin;q.load.lbox.style.display=\"block\";q.load.lbar.style.display=\"none\"}else if(\"multires\"==b.type)a=JSON.parse(JSON.stringify(b.multiRes)),b.basePath&&b.multiRes.basePath&&!/^(?:[a-z]+:)?\\/\\//i.test(b.multiRes.basePath)?\r\na.basePath=b.basePath+b.multiRes.basePath:b.multiRes.basePath?a.basePath=b.multiRes.basePath:b.basePath&&(a.basePath=b.basePath),P=a;else if(!0===b.dynamic)P=b.panorama;else{if(b.panorama===p){K(b.strings.noPanoramaError);return}P=new Image}if(\"cubemap\"==b.type)for(var n=6,c=function(){n--;0===n&&pa()},d=function(a){var ea=g.createElement(\"a\");ea.href=a.target.src;ea.textContent=ea.href;K(b.strings.fileAccessError.replace(\"%s\",ea.outerHTML))},a=0;ac||65536\")+12),e=function(a){var b;0<=d.indexOf(a+'=\"')?(b=d.substring(d.indexOf(a+'=\"')+a.length+2),b=b.substring(0,b.indexOf('\"'))):0<=d.indexOf(a+\">\")&&(b=d.substring(d.indexOf(a+\">\")+a.length+1),b=b.substring(0,\r\nb.indexOf(\"<\")));return b!==p?Number(b):null},n=e(\"GPano:FullPanoWidthPixels\"),c=e(\"GPano:CroppedAreaImageWidthPixels\"),g=e(\"GPano:FullPanoHeightPixels\"),h=e(\"GPano:CroppedAreaImageHeightPixels\"),l=e(\"GPano:CroppedAreaTopPixels\"),k=e(\"GPano:PoseHeadingDegrees\"),m=e(\"GPano:PosePitchDegrees\"),e=e(\"GPano:PoseRollDegrees\");null!==n&&null!==c&&null!==g&&null!==h&&null!==l&&(0>aa.indexOf(\"haov\")&&(b.haov=c/n*360),0>aa.indexOf(\"vaov\")&&(b.vaov=h/g*180),0>aa.indexOf(\"vOffset\")&&(b.vOffset=-180*((l+h/2)/g-\r\n0.5)),null!==k&&0>aa.indexOf(\"northOffset\")&&(b.northOffset=k,!1!==b.compass&&(b.compass=!0)),null!==m&&null!==e&&(0>aa.indexOf(\"horizonPitch\")&&(b.horizonPitch=m),0>aa.indexOf(\"horizonRoll\")&&(b.horizonRoll=e)))}P.src=E.URL.createObjectURL(a)});f.readAsBinaryString!==p?f.readAsBinaryString(a):f.readAsText(a)}function K(a){a===p&&(a=b.strings.genericWebGLError);q.errorMsg.innerHTML=\"\"+a+\"
\";v.load.style.display=\"none\";q.load.box.style.display=\"none\";q.errorMsg.style.display=\"table\";Na=!0;G=\r\np;M.style.display=\"none\";B(\"error\",a)}function ja(a){var b=Q(a);fa.style.left=b.x+\"px\";fa.style.top=b.y+\"px\";clearTimeout(ja.t1);clearTimeout(ja.t2);fa.style.display=\"block\";fa.style.opacity=1;ja.t1=setTimeout(function(){fa.style.opacity=0},2E3);ja.t2=setTimeout(function(){fa.style.display=\"none\"},2500);a.preventDefault()}function Q(a){var b=s.getBoundingClientRect(),n={};n.x=(a.clientX||a.pageX)-b.left;n.y=(a.clientY||a.pageY)-b.top;return n}function ka(a){a.preventDefault();s.focus();if(G&&b.draggable){var f=\r\nQ(a);if(b.hotSpotDebug){var n=ta(a);console.log(\"Pitch: \"+n[0]+\", Yaw: \"+n[1]+\", Center Pitch: \"+b.pitch+\", Center Yaw: \"+b.yaw+\", HFOV: \"+b.hfov)}t();Da();b.roll=0;w.hfov=0;ha=!0;N=Date.now();xa=f.x;ya=f.y;Oa=b.yaw;Pa=b.pitch;J.classList.add(\"pnlm-grabbing\");J.classList.remove(\"pnlm-grab\");B(\"mousedown\",a);F()}}function Ja(a){b.minHfov===b.hfov?da.setHfov(ra,1E3):(a=ta(a),da.lookAt(a[0],a[1],b.minHfov,1E3))}function ta(a){var f=Q(a);a=C.getCanvas();var n=a.clientWidth,c=a.clientHeight;a=f.x/n*2-\r\n1;var c=(1-f.y/c*2)*c/n,e=1/Math.tan(b.hfov*Math.PI/360),d=Math.sin(b.pitch*Math.PI/180),g=Math.cos(b.pitch*Math.PI/180),f=e*g-c*d,n=Math.sqrt(a*a+f*f),c=180*Math.atan((c*g+e*d)/n)/Math.PI;a=180*Math.atan2(a/n,f/n)/Math.PI+b.yaw;-180>a&&(a+=360);180a.wheelDelta?1:-1):a.wheelDelta?(x(b.hfov-0.05*a.wheelDelta),w.hfov=0>a.wheelDelta?1:-1):a.detail&&(x(b.hfov+1.5*a.detail),w.hfov=0\r\nb.capturedKeyNumbers.indexOf(f)||(a.preventDefault(),27==f?Aa&&h():wa(f,!0))}function $(){for(var a=0;10>a;a++)r[a]=!1}function R(a){var f=a.which||a.keycode;0>b.capturedKeyNumbers.indexOf(f)||(a.preventDefault(),wa(f,!1))}function wa(a,b){var n=!1;switch(a){case 109:case 189:case 17:case 173:r[0]!=b&&(n=!0);r[0]=b;break;case 107:case 187:case 16:case 61:r[1]!=b&&(n=!0);r[1]=b;break;case 38:r[2]!=b&&(n=!0);r[2]=b;break;case 87:r[6]!=b&&(n=!0);r[6]=b;break;case 40:r[3]!=b&&(n=!0);r[3]=b;break;case 83:r[7]!=\r\nb&&(n=!0);r[7]=b;break;case 37:r[4]!=b&&(n=!0);r[4]=b;break;case 65:r[8]!=b&&(n=!0);r[8]=b;break;case 39:r[5]!=b&&(n=!0);r[5]=b;break;case 68:r[9]!=b&&(n=!0),r[9]=b}n&&b&&(ba=\"undefined\"!==typeof performance&&performance.now()?performance.now():Date.now(),F())}function ga(){if(G){var a=!1,f=b.pitch,n=b.yaw,c=b.hfov,e;e=\"undefined\"!==typeof performance&&performance.now()?performance.now():Date.now();ba===p&&(ba=e);var d=(e-ba)*b.hfov/1700,d=Math.min(d,1);r[0]&&!0===b.keyboardZoom&&(x(b.hfov+(0.8*w.hfov+\r\n0.5)*d),a=!0);r[1]&&!0===b.keyboardZoom&&(x(b.hfov+(0.8*w.hfov-0.2)*d),a=!0);if(r[2]||r[6])b.pitch+=(0.8*w.pitch+0.2)*d,a=!0;if(r[3]||r[7])b.pitch+=(0.8*w.pitch-0.2)*d,a=!0;if(r[4]||r[8])b.yaw+=(0.8*w.yaw-0.2)*d,a=!0;if(r[5]||r[9])b.yaw+=(0.8*w.yaw+0.2)*d,a=!0;a&&(N=Date.now());if(b.autoRotate){if(0.001=b.autoRotateStopDelay&&\r\n(b.autoRotateStopDelay=!1,Z=b.autoRotate,b.autoRotate=0))}O.pitch&&(m(\"pitch\"),f=b.pitch);O.yaw&&(m(\"yaw\"),n=b.yaw);O.hfov&&(m(\"hfov\"),c=b.hfov);0f.startPosition&&n>=f.endPosition||f.endPositionb.autoRotateInactivityDelay&&!b.autoRotate&&(b.autoRotate=Z,da.lookAt(Ga,p,ra,3E3)),requestAnimationFrame(ca);\r\nelse if(C&&(C.isLoading()||!0===b.dynamic&&Ma))requestAnimationFrame(ca);else{B(\"animatefinished\",{pitch:da.getPitch(),yaw:da.getYaw(),hfov:da.getHfov()});Ta=!1;ba=p;var a=b.autoRotateInactivityDelay-(Date.now()-N);0b.yaw&&(b.yaw+=360));a=b.yaw;var n=0;if(b.avoidShowingBackground){var c=\r\nb.hfov/2,d=180*Math.atan2(Math.tan(c/180*Math.PI),f.width/f.height)/Math.PI;b.vaov>b.haov?Math.min(Math.cos((b.pitch-c)/180*Math.PI),Math.cos((b.pitch+c)/180*Math.PI)):n=c*(1-Math.min(Math.cos((b.pitch-d)/180*Math.PI),Math.cos((b.pitch+d)/180*Math.PI)))}var c=b.maxYaw-b.minYaw,d=-180,e=180;360>c&&(d=b.minYaw+b.hfov/2+n,e=b.maxYaw-b.hfov/2-n,cb.yaw&&(b.yaw+=360));!1!==b.autoRotate&&a!=b.yaw&&ba!==\r\np&&(b.autoRotate*=-1);a=2*Math.atan(Math.tan(b.hfov/180*Math.PI*0.5)/(f.width/f.height))/Math.PI*180;f=b.minPitch+a/2;n=b.maxPitch-a/2;b.maxPitch-b.minPitchX?X+=1:10===X?($a=f[2]/Math.PI*180+b.yaw,X=!0,requestAnimationFrame(ca)):(b.pitch=f[0]/Math.PI*180,b.roll=-f[1]/Math.PI*180,b.yaw=-f[2]/Math.PI*180+$a)}function va(){try{var a={};b.horizonPitch!==p&&(a.horizonPitch=b.horizonPitch*Math.PI/180);b.horizonRoll!==p&&(a.horizonRoll=b.horizonRoll*Math.PI/180);b.backgroundColor!==p&&(a.backgroundColor=b.backgroundColor);C.init(P,b.type,b.dynamic,b.haov*Math.PI/180,\r\nb.vaov*Math.PI/180,b.vOffset*Math.PI/180,S,a);!0!==b.dynamic&&(P=p)}catch(f){if(\"webgl error\"==f.type||\"no webgl\"==f.type)K();else if(\"webgl size error\"==f.type)K(b.strings.textureSizeError.replace(\"%s\",f.width).replace(\"%s\",f.maxWidth));else throw K(b.strings.unknownError),f;}}function S(){if(b.sceneFadeDuration&&C.fadeImg!==p){C.fadeImg.style.opacity=0;var a=C.fadeImg;delete C.fadeImg;setTimeout(function(){M.removeChild(a);B(\"scenechangefadedone\")},b.sceneFadeDuration)}Ia.style.display=b.compass?\r\n\"inline\":\"none\";L();q.load.box.style.display=\"none\";sa!==p&&(M.removeChild(sa),sa=p);G=!0;B(\"load\");F()}function La(a){a.pitch=Number(a.pitch)||0;a.yaw=Number(a.yaw)||0;var f=g.createElement(\"div\");f.className=\"pnlm-hotspot-base\";f.className=a.cssClass?f.className+(\" \"+a.cssClass):f.className+(\" pnlm-hotspot pnlm-sprite pnlm-\"+D(a.type));var c=g.createElement(\"span\");a.text&&(c.innerHTML=D(a.text));var d;if(a.video){d=g.createElement(\"video\");var e=a.video;b.basePath&&!qa(e)&&(e=b.basePath+e);d.src=\r\nI(e);d.controls=!0;d.style.width=a.width+\"px\";M.appendChild(f);c.appendChild(d)}else if(a.image){e=a.image;b.basePath&&!qa(e)&&(e=b.basePath+e);d=g.createElement(\"a\");d.href=I(a.URL?a.URL:e,!0);d.target=\"_blank\";c.appendChild(d);var h=g.createElement(\"img\");h.src=I(e);h.style.width=a.width+\"px\";h.style.paddingTop=\"5px\";M.appendChild(f);d.appendChild(h);c.style.maxWidth=\"initial\"}else if(a.URL){d=g.createElement(\"a\");d.href=I(a.URL,!0);if(a.attributes)for(e in a.attributes)d.setAttribute(e,a.attributes[e]);\r\nelse d.target=\"_blank\";M.appendChild(d);f.className+=\" pnlm-pointer\";c.className+=\" pnlm-pointer\";d.appendChild(f)}else a.sceneId&&(f.onclick=f.ontouchend=function(){f.clicked||(f.clicked=!0,y(a.sceneId,a.targetPitch,a.targetYaw,a.targetHfov));return!1},f.className+=\" pnlm-pointer\",c.className+=\" pnlm-pointer\"),M.appendChild(f);if(a.createTooltipFunc)a.createTooltipFunc(f,a.createTooltipArgs);else if(a.text||a.video||a.image)f.classList.add(\"pnlm-tooltip\"),f.appendChild(c),c.style.width=c.scrollWidth-\r\n20+\"px\",c.style.marginLeft=-(c.scrollWidth-f.offsetWidth)/2+\"px\",c.style.marginTop=-c.scrollHeight-12+\"px\";a.clickHandlerFunc&&(f.addEventListener(\"click\",function(b){a.clickHandlerFunc(b,a.clickHandlerArgs)},\"false\"),f.className+=\" pnlm-pointer\",c.className+=\" pnlm-pointer\");a.div=f}function L(){Ua||(b.hotSpots?(b.hotSpots=b.hotSpots.sort(function(a,b){return a.pitch=a.yaw&&-90=h||(90=a.yaw)&&0>=h)a.div.style.visibility=\"hidden\";else{var l=Math.sin((-a.yaw+b.yaw)*Math.PI/180),k=Math.tan(b.hfov*Math.PI/\r\n360);a.div.style.visibility=\"visible\";var m=C.getCanvas(),p=m.clientWidth,m=m.clientHeight,f=[-p/k*l*c/h/2,-p/k*(f*e-c*g*d)/h/2],c=Math.sin(b.roll*Math.PI/180),d=Math.cos(b.roll*Math.PI/180),f=[f[0]*d-f[1]*c,f[0]*c+f[1]*d];f[0]+=(p-a.div.offsetWidth)/2;f[1]+=(m-a.div.offsetHeight)/2;p=\"translate(\"+f[0]+\"px, \"+f[1]+\"px) translateZ(9999px) rotate(\"+b.roll+\"deg)\";a.scale&&(p+=\" scale(\"+ra/b.hfov/h+\")\");a.div.style.webkitTransform=p;a.div.style.MozTransform=p;a.div.style.transform=p}}function H(a){b=\r\n{};var f,c,d=\"haov vaov vOffset northOffset horizonPitch horizonRoll\".split(\" \");aa=[];for(f in Va)Va.hasOwnProperty(f)&&(b[f]=Va[f]);for(f in k.default)if(k.default.hasOwnProperty(f))if(\"strings\"==f)for(c in k.default.strings)k.default.strings.hasOwnProperty(c)&&(b.strings[c]=D(k.default.strings[c]));else b[f]=k.default[f],0<=d.indexOf(f)&&aa.push(f);if(null!==a&&\"\"!==a&&k.scenes&&k.scenes[a]){var e=k.scenes[a];for(f in e)if(e.hasOwnProperty(f))if(\"strings\"==f)for(c in e.strings)e.strings.hasOwnProperty(c)&&\r\n(b.strings[c]=D(e.strings[c]));else b[f]=e[f],0<=d.indexOf(f)&&aa.push(f);b.scene=a}for(f in k)if(k.hasOwnProperty(f))if(\"strings\"==f)for(c in k.strings)k.strings.hasOwnProperty(c)&&(b.strings[c]=D(k.strings[c]));else b[f]=k[f],0<=d.indexOf(f)&&aa.push(f)}function l(a){if((a=a?a:!1)&&\"preview\"in b){var c=b.preview;b.basePath&&!qa(c)&&(c=b.basePath+c);sa=g.createElement(\"div\");sa.className=\"pnlm-preview-img\";sa.style.backgroundImage=\"url('\"+I(c).replace(/\"/g,\"%22\").replace(/'/g,\"%27\")+\"')\";M.appendChild(sa)}var c=\r\nb.title,d=b.author;a&&(\"previewTitle\"in b&&(b.title=b.previewTitle),\"previewAuthor\"in b&&(b.author=b.previewAuthor));b.hasOwnProperty(\"title\")||(q.title.innerHTML=\"\");b.hasOwnProperty(\"author\")||(q.author.innerHTML=\"\");b.hasOwnProperty(\"title\")||b.hasOwnProperty(\"author\")||(q.container.style.display=\"none\");v.load.innerHTML=\"\"+b.strings.loadButtonLabel+\"
\";q.load.boxp.innerHTML=b.strings.loadingLabel;for(var e in b)if(b.hasOwnProperty(e))switch(e){case \"title\":q.title.innerHTML=D(b[e]);q.container.style.display=\r\n\"inline\";break;case \"author\":var h=D(b[e]);b.authorURL&&(h=g.createElement(\"a\"),h.href=I(b.authorURL,!0),h.target=\"_blank\",h.innerHTML=D(b[e]),h=h.outerHTML);q.author.innerHTML=b.strings.bylineLabel.replace(\"%s\",h);q.container.style.display=\"inline\";break;case \"fallback\":h=g.createElement(\"a\");h.href=I(b[e],!0);h.target=\"_blank\";h.textContent=\"Click here to view this panorama in an alternative viewer.\";var k=g.createElement(\"p\");k.textContent=\"Your browser does not support WebGL.\";k.appendChild(g.createElement(\"br\"));\r\nk.appendChild(h);q.errorMsg.innerHTML=\"\";q.errorMsg.appendChild(k);break;case \"hfov\":x(Number(b[e]));break;case \"autoLoad\":!0===b[e]&&C===p&&(q.load.box.style.display=\"inline\",v.load.style.display=\"none\",oa());break;case \"showZoomCtrl\":v.zoom.style.display=b[e]&&!1!=b.showControls?\"block\":\"none\";break;case \"showFullscreenCtrl\":v.fullscreen.style.display=b[e]&&!1!=b.showControls&&(\"fullscreen\"in g||\"mozFullScreen\"in g||\"webkitIsFullScreen\"in g||\"msFullscreenElement\"in g)?\"block\":\"none\";break;case \"hotSpotDebug\":Wa.style.display=\r\nb[e]?\"block\":\"none\";break;case \"showControls\":b[e]||(v.orientation.style.display=\"none\",v.zoom.style.display=\"none\",v.fullscreen.style.display=\"none\");break;case \"orientationOnByDefault\":b[e]&&Ra()}a&&(c?b.title=c:delete b.title,d?b.author=d:delete b.author)}function h(){if(G&&!Na)if(Aa)g.exitFullscreen?g.exitFullscreen():g.mozCancelFullScreen?g.mozCancelFullScreen():g.webkitCancelFullScreen?g.webkitCancelFullScreen():g.msExitFullscreen&&g.msExitFullscreen();else try{s.requestFullscreen?s.requestFullscreen():\r\ns.mozRequestFullScreen?s.mozRequestFullScreen():s.msRequestFullscreen?s.msRequestFullscreen():s.webkitRequestFullScreen()}catch(a){}}function d(a){g.fullscreenElement||g.fullscreen||g.mozFullScreen||g.webkitIsFullScreen||g.msFullscreenElement?(v.fullscreen.classList.add(\"pnlm-fullscreen-toggle-button-active\"),Aa=!0):(v.fullscreen.classList.remove(\"pnlm-fullscreen-toggle-button-active\"),Aa=!1);\"resize\"!==a&&B(\"fullscreenchange\",Aa);C.resize();x(b.hfov);F()}function u(a){var c=b.minHfov;\"multires\"==\r\nb.type&&C&&!b.multiResMinHfov&&(c=Math.min(c,C.getCanvas().width/(b.multiRes.cubeResolution/90*0.9)));if(c>b.maxHfov)return console.log(\"HFOV bounds do not make sense (minHfov > maxHfov).\"),b.hfov;var d=b.hfov,d=ab.maxHfov?b.maxHfov:a;b.avoidShowingBackground&&C&&(a=C.getCanvas(),d=Math.min(d,360*Math.atan(Math.tan((b.maxPitch-b.minPitch)/360*Math.PI)/a.height*a.width)/Math.PI));return d}function x(a){b.hfov=u(a);B(\"zoomchange\",b.hfov)}function t(){O={};Z=b.autoRotate?b.autoRotate:Z;b.autoRotate=\r\n!1}function Ya(){Na&&(q.load.box.style.display=\"none\",q.errorMsg.style.display=\"none\",Na=!1,M.style.display=\"block\",B(\"errorcleared\"));G=!1;v.load.style.display=\"none\";q.load.box.style.display=\"inline\";oa()}function y(a,c,d,h,g){G||(g=!0);G=!1;O={};var m,q;if(b.sceneFadeDuration&&!g&&(m=C.render(b.pitch*Math.PI/180,b.yaw*Math.PI/180,b.hfov*Math.PI/180,{returnImage:!0}),m!==p)){g=new Image;g.className=\"pnlm-fade-img\";g.style.transition=\"opacity \"+b.sceneFadeDuration/1E3+\"s\";g.style.width=\"100%\";g.style.height=\r\n\"100%\";g.onload=function(){y(a,c,d,h,!0)};g.src=m;M.appendChild(g);C.fadeImg=g;return}g=\"same\"===c?b.pitch:c;m=\"same\"===d?b.yaw:\"sameAzimuth\"===d?b.yaw+(b.northOffset||0)-(k.scenes[a].northOffset||0):d;q=\"same\"===h?b.hfov:h;e();H(a);w.yaw=w.pitch=w.hfov=0;l();g!==p&&(b.pitch=g);m!==p&&(b.yaw=m);q!==p&&(b.hfov=q);B(\"scenechange\",a);Ya()}function Da(){E.removeEventListener(\"deviceorientation\",na);v.orientation.classList.remove(\"pnlm-orientation-button-active\");X=!1}function Ra(){\"function\"===typeof DeviceMotionEvent.requestPermission?\r\nDeviceOrientationEvent.requestPermission().then(function(a){\"granted\"==a&&(X=1,E.addEventListener(\"deviceorientation\",na),v.orientation.classList.add(\"pnlm-orientation-button-active\"))}):(X=1,E.addEventListener(\"deviceorientation\",na),v.orientation.classList.add(\"pnlm-orientation-button-active\"))}function D(a){return k.escapeHTML?String(a).split(/&/g).join(\"&\").split('\"').join(\""\").split(\"'\").join(\"'\").split(\"<\").join(\"<\").split(\">\").join(\">\").split(\"/\").join(\"/\").split(\"\\n\").join(\"
\"):\r\nString(a).split(\"\\n\").join(\"
\")}function I(a,b){try{var c=decodeURIComponent(ab(a)).replace(/[^\\w:]/g,\"\").toLowerCase()}catch(d){return\"about:blank\"}return 0===c.indexOf(\"javascript:\")||0===c.indexOf(\"vbscript:\")?(console.log(\"Script URL removed.\"),\"about:blank\"):b&&0===c.indexOf(\"data:\")?(console.log(\"Data URI removed from link.\"),\"about:blank\"):a}function ab(a){return a.replace(/&(#(?:\\d+)|(?:#x[0-9A-Fa-f]+)|(?:\\w+));?/ig,function(a,b){b=b.toLowerCase();return\"colon\"===b?\":\":\"#\"===b.charAt(0)?\r\n\"x\"===b.charAt(1)?String.fromCharCode(parseInt(b.substring(2),16)):String.fromCharCode(+b.substring(1)):\"\"})}function B(a){if(a in T)for(var b=T[a].length;0a?2*a*a:-1+(4-2*a)*a},draggable:!0,disableKeyboardCtrl:!1,crossOrigin:\"anonymous\",\r\ntouchPanSpeedCoeffFactor:1,capturedKeyNumbers:[16,17,27,37,38,39,40,61,65,68,83,87,107,109,173,187,189],friction:0.15,strings:{loadButtonLabel:\"Click to
Load
Panorama\",loadingLabel:\"Loading...\",bylineLabel:\"by %s\",noPanoramaError:\"No panorama image was specified.\",fileAccessError:\"The file %s could not be accessed.\",malformedURLError:\"There is something wrong with the panorama URL.\",iOS8WebGLError:\"Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).\",\r\ngenericWebGLError:\"Your browser does not have the necessary WebGL support to display this panorama.\",textureSizeError:\"This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)\",unknownError:\"Unknown error. Check developer console.\"}};s=\"string\"===typeof s?g.getElementById(s):s;s.classList.add(\"pnlm-container\");s.tabIndex=0;var J=g.createElement(\"div\");J.className=\"pnlm-ui\";\r\ns.appendChild(J);var M=g.createElement(\"div\");M.className=\"pnlm-render-container\";s.appendChild(M);var W=g.createElement(\"div\");W.className=\"pnlm-dragfix\";J.appendChild(W);var fa=g.createElement(\"span\");fa.className=\"pnlm-about-msg\";fa.innerHTML='Pannellum 2.5.6';J.appendChild(fa);W.addEventListener(\"contextmenu\",ja);var q={},Wa=g.createElement(\"div\");Wa.className=\"pnlm-sprite pnlm-hot-spot-debug-indicator\";J.appendChild(Wa);q.container=g.createElement(\"div\");\r\nq.container.className=\"pnlm-panorama-info\";q.title=g.createElement(\"div\");q.title.className=\"pnlm-title-box\";q.container.appendChild(q.title);q.author=g.createElement(\"div\");q.author.className=\"pnlm-author-box\";q.container.appendChild(q.author);J.appendChild(q.container);q.load={};q.load.box=g.createElement(\"div\");q.load.box.className=\"pnlm-load-box\";q.load.boxp=g.createElement(\"p\");q.load.box.appendChild(q.load.boxp);q.load.lbox=g.createElement(\"div\");q.load.lbox.className=\"pnlm-lbox\";q.load.lbox.innerHTML=\r\n'';q.load.box.appendChild(q.load.lbox);q.load.lbar=g.createElement(\"div\");q.load.lbar.className=\"pnlm-lbar\";q.load.lbarFill=g.createElement(\"div\");q.load.lbarFill.className=\"pnlm-lbar-fill\";q.load.lbar.appendChild(q.load.lbarFill);q.load.box.appendChild(q.load.lbar);q.load.msg=g.createElement(\"p\");q.load.msg.className=\"pnlm-lmsg\";q.load.box.appendChild(q.load.msg);J.appendChild(q.load.box);q.errorMsg=g.createElement(\"div\");q.errorMsg.className=\"pnlm-error-msg pnlm-info-box\";\r\nJ.appendChild(q.errorMsg);var v={};v.container=g.createElement(\"div\");v.container.className=\"pnlm-controls-container\";J.appendChild(v.container);v.load=g.createElement(\"div\");v.load.className=\"pnlm-load-button\";v.load.addEventListener(\"click\",function(){l();Ya()});J.appendChild(v.load);v.zoom=g.createElement(\"div\");v.zoom.className=\"pnlm-zoom-controls pnlm-controls\";v.zoomIn=g.createElement(\"div\");v.zoomIn.className=\"pnlm-zoom-in pnlm-sprite pnlm-control\";v.zoomIn.addEventListener(\"click\",function(){G&&\r\n(x(b.hfov-5),F())});v.zoom.appendChild(v.zoomIn);v.zoomOut=g.createElement(\"div\");v.zoomOut.className=\"pnlm-zoom-out pnlm-sprite pnlm-control\";v.zoomOut.addEventListener(\"click\",function(){G&&(x(b.hfov+5),F())});v.zoom.appendChild(v.zoomOut);v.container.appendChild(v.zoom);v.fullscreen=g.createElement(\"div\");v.fullscreen.addEventListener(\"click\",h);v.fullscreen.className=\"pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control\";(g.fullscreenEnabled||\r\ng.mozFullScreenEnabled||g.webkitFullscreenEnabled||g.msFullscreenEnabled)&&v.container.appendChild(v.fullscreen);v.orientation=g.createElement(\"div\");v.orientation.addEventListener(\"click\",function(a){X?Da():Ra()});v.orientation.addEventListener(\"mousedown\",function(a){a.stopPropagation()});v.orientation.addEventListener(\"touchstart\",function(a){a.stopPropagation()});v.orientation.addEventListener(\"pointerdown\",function(a){a.stopPropagation()});v.orientation.className=\"pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control\";\r\nvar Xa=!1;E.DeviceOrientationEvent&&\"https:\"==location.protocol&&0<=navigator.userAgent.toLowerCase().indexOf(\"mobi\")&&(v.container.appendChild(v.orientation),Xa=!0);var Ia=g.createElement(\"div\");Ia.className=\"pnlm-compass pnlm-controls pnlm-control\";J.appendChild(Ia);k.firstScene?H(k.firstScene):k.default&&k.default.firstScene?H(k.default.firstScene):H(null);l(!0);var ia=[],za=[];Y.prototype.multiply=function(a){return new Y(this.w*a.w-this.x*a.x-this.y*a.y-this.z*a.z,this.x*a.w+this.w*a.x+this.y*\r\na.z-this.z*a.y,this.y*a.w+this.w*a.y+this.z*a.x-this.x*a.z,this.z*a.w+this.w*a.z+this.x*a.y-this.y*a.x)};Y.prototype.toEulerAngles=function(){var a=Math.atan2(2*(this.w*this.x+this.y*this.z),1-2*(this.x*this.x+this.y*this.y)),b=Math.asin(2*(this.w*this.y-this.z*this.x)),c=Math.atan2(2*(this.w*this.z+this.x*this.y),1-2*(this.y*this.y+this.z*this.z));return[a,b,c]};this.isLoaded=function(){return Boolean(G)};this.getPitch=function(){return b.pitch};this.setPitch=function(a,c,d,e){N=Date.now();if(1E-6>=\r\nMath.abs(a-b.pitch))return\"function\"==typeof d&&d(e),this;(c=c==p?1E3:Number(c))?(O.pitch={startTime:Date.now(),startPosition:b.pitch,endPosition:a,duration:c},\"function\"==typeof d&&setTimeout(function(){d(e)},c)):b.pitch=a;F();return this};this.getPitchBounds=function(){return[b.minPitch,b.maxPitch]};this.setPitchBounds=function(a){b.minPitch=Math.max(-90,Math.min(a[0],90));b.maxPitch=Math.max(-90,Math.min(a[1],90));return this};this.getYaw=function(){return(b.yaw+540)%360-180};this.setYaw=function(a,\r\nc,d,e){N=Date.now();if(1E-6>=Math.abs(a-b.yaw))return\"function\"==typeof d&&d(e),this;c=c==p?1E3:Number(c);a=(a+180)%360-180;c?(180=Math.abs(a-b.hfov))return\"function\"==typeof d&&d(e),this;(c=c==p?1E3:Number(c))?(O.hfov={startTime:Date.now(),startPosition:b.hfov,endPosition:u(a),duration:c},\"function\"==typeof d&&setTimeout(function(){d(e)},c)):x(a);F();return this};this.getHfovBounds=function(){return[b.minHfov,b.maxHfov]};this.setHfovBounds=function(a){b.minHfov=Math.max(0,a[0]);b.maxHfov=Math.max(0,a[1]);return this};this.lookAt=function(a,\r\nc,d,e,g,h){e=e==p?1E3:Number(e);a!==p&&1E-6 minHeight)) {\r\n setViewer360ControlsVisible(viewer360, true);\r\n } else {\r\n setViewer360ControlsVisible(viewer360, false);\r\n }\r\n}\r\n\r\nfunction setViewer360ControlsVisible(viewer360, visible) {\r\n let control = viewer360.getContainer().querySelector(\".pnlm-controls-container\");\r\n if (control) {\r\n dwDomSetStyle(control, \"display\", visible ? \"\" : \"none\");\r\n }\r\n}\r\n\r\nfunction colorizeHotspot360(hotSpotDiv, linkStyleValue, color) {\r\n switch (linkStyleValue) {\r\n case 2: // Rechteck\r\n hotSpotDiv.style.backgroundColor = \"transparent\";\r\n hotSpotDiv.style.borderColor = color;\r\n hotSpotDiv.style.borderWidth = \"2px\";\r\n break;\r\n case 3: // Ellipse\r\n hotSpotDiv.style.backgroundColor = \"transparent\";\r\n hotSpotDiv.style.borderColor = color;\r\n hotSpotDiv.style.borderRadius = \"50%\";\r\n hotSpotDiv.style.borderWidth = \"2px\";\r\n break;\r\n case 4: // EllipseFull\r\n hotSpotDiv.style.backgroundColor = color;\r\n hotSpotDiv.style.borderColor = color;\r\n hotSpotDiv.style.borderRadius = \"50px\";\r\n break;\r\n default: // Rechteck gefüllt\r\n hotSpotDiv.style.backgroundColor = color;\r\n hotSpotDiv.style.borderColor = color;\r\n }\r\n}\r\n\r\nfunction setTooltipForHotspot(tooltip, hotSpotDiv) {\r\n var span = document.createElement('span');\r\n span.classList.add('custom-tooltip');\r\n span.classList.add('guitooltip');\r\n\r\n span.innerHTML = dwUtilsUnescapeHTML(tooltip);\r\n hotSpotDiv.appendChild(span);\r\n span.style.marginLeft = -(span.scrollWidth - hotSpotDiv.offsetWidth) / 2 + 'px';\r\n span.style.marginTop = -span.scrollHeight - 12 + 'px';\r\n}\r\n\r\nfunction setClickListenerForHotspot(hotSpotDiv, parentUniqueId) {\r\n hotSpotDiv.parentUniqueId = parentUniqueId;\r\n hotSpotDiv.onclick = function(event) {\r\n colorizeHotspot360(hotSpotDiv, hotSpotDiv.linkStyleValuePressed, hotSpotDiv.backgroundColorPressed);\r\n markHotspots360(parentUniqueId, hotSpotDiv.uniqueId, false);\r\n\r\n // hier hat man selbst geklickt, daher soll kein Scrollen zum Hotspot erfolgen. Allerdings bekommt man vom der\r\n // Stückliste die Benachrichtigung, dass sich die Selektion geändert hat. Man muss jetzt irgendwie unterscheiden\r\n // zwischen Klick in Stückliste oder auf den Hotspot der Zeichnung. Daher wird hier bei allen Hotspots mit gleichem Link\r\n // ein Flag gesetzt, um ein Scrollen zu unterbinden.\r\n var hotSpotDivs = document.querySelectorAll(\"div.hotspot360rect\");\r\n for (var i = 0; i < hotSpotDivs.length; i++) {\r\n var tempHotSpotDiv = hotSpotDivs[i];\r\n // bei mehreren Tbumbnails darf nur nicht zu dem Hotspot gescrollt werden, den man gerade geklickt hat\r\n // zum Hotspot mit gleicher Nummer im anderen Thumbnail aber schon\r\n if (tempHotSpotDiv.parentUniqueId == parentUniqueId) {\r\n if (hotSpotDiv.key == tempHotSpotDiv.key) {\r\n hotSpotDivs[i].dontScroll = true;\r\n }\r\n }\r\n }\r\n\r\n dwAjaxAddUpdate(parentUniqueId + \"@DW@\" + hotSpotDiv.uniqueId + \"@DW@imageHotspotClickedEvent@DW@hotspotId=\"\r\n + hotSpotDiv.uniqueId + \"|\" + \"@DWSUB@mouseButton=\" + (event.button + 1), true);\r\n }\r\n}\r\n\r\nfunction setDblClickListenerForHotspot(hotSpotDiv, parentUniqueId) {\r\n hotSpotDiv.ondblclick = function(event) {\r\n event = dwFrameworkGetEvent(event);\r\n\r\n if (typeof (dwAjaxAddUpdate) != \"undefined\") {\r\n dwAjaxAddUpdate(parentUniqueId + \"@DW@\" + hotSpotDiv.uniqueId + \"@DW@imageHotspotDoubleClickedEvent@DW@hotspotId=\"\r\n + hotSpotDiv.uniqueId + \"@DWSUB@mouseButton=\" + (event.button + 1), true);\r\n }\r\n }\r\n}\r\n\r\nfunction setTextForHotspot(linkKey, hotSpotDiv) {\r\n var textNode = document.createElement('div');\r\n textNode.style.cursor = \"pointer\";\r\n textNode.style.textAlign = \"center\";\r\n hotSpotDiv.key = linkKey;\r\n textNode.innerHTML = linkKey;\r\n hotSpotDiv.appendChild(textNode);\r\n textNode.style.lineHeight = textNode.offsetWidth + 'px'; // vertikal zentrieren\r\n}\r\n\r\n/**\r\n * Speichert die Hotspot Daten für linkStyle und Backgroundfarbe\r\n * @param hotSpotDiv\r\n * @param jsonObject\r\n */\r\nfunction saveHotspotData(hotSpotDiv, jsonObject) {\r\n hotSpotDiv.linkStyleValue = jsonObject.linkStyle;\r\n hotSpotDiv.linkStyleValuePressed = jsonObject.linkStylePressed;\r\n hotSpotDiv.backgroundColor = jsonObject.bgColor;\r\n hotSpotDiv.backgroundColorPressed = jsonObject.bgColorPressed;\r\n}\r\n\r\nfunction saveHotspotCoordinates(hotSpotDiv, jsonObject) {\r\n hotSpotDiv.pitch = jsonObject.pitch;\r\n hotSpotDiv.yaw = jsonObject.yaw;\r\n}\r\n\r\n/**\r\n * Die Funktion in der originalen Lib heißt leider nur createTooltipFunc() ist aber de facto eine Methode zum generellen\r\n * Erzeugen des Hotspots. Deswegen heißt sie zumindest auf unserer Seite so.\r\n * @param hotSpotDiv\r\n * @param json in json stehen die Parameter des Hotspots als Json-Objekt, siehe Hotspot360.getAsStringFor360Viewer()\r\n */\r\nfunction createHotspotWithTooltip(hotSpotDiv, json) {\r\n var jsonObject = JSON.parse(json);\r\n\r\n saveHotspotCoordinates(hotSpotDiv, jsonObject);\r\n\r\n // Hotspot uniqueID vergeben, damit man ihn wiederfinden kann um ihn z.B. zu markieren zu können\r\n hotSpotDiv.uniqueId = jsonObject.uniqueId;\r\n\r\n saveHotspotData(hotSpotDiv, jsonObject);\r\n\r\n colorizeHotspot360(hotSpotDiv, hotSpotDiv.linkStyleValue, hotSpotDiv.backgroundColor);\r\n\r\n setTextForHotspot(jsonObject.linkKey, hotSpotDiv);\r\n\r\n setClickListenerForHotspot(hotSpotDiv, jsonObject.parentUniqueId);\r\n\r\n setDblClickListenerForHotspot(hotSpotDiv, jsonObject.parentUniqueId);\r\n\r\n setTooltipForHotspot(jsonObject.tooltip, hotSpotDiv);\r\n}\r\n\r\nfunction markHotspots360(id, markedIds, scrollTo) {\r\n var markedHotspotIds = markedIds.split(',');\r\n var hotSpotDivs = document.querySelectorAll(\"div.hotspot360rect\");\r\n var viewer = $(id).viewer360;\r\n if (!viewer) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < hotSpotDivs.length; i++) {\r\n var hotSpotDiv = hotSpotDivs[i];\r\n var uniqueId = hotSpotDiv.uniqueId;\r\n\r\n // da wir über ALLE 360°-Hotspot iterieren, könnten sie auch von einem anderen Zeichnungs-Thumbnail sein\r\n var parentUniqueId = hotSpotDiv.parentUniqueId;\r\n if (parentUniqueId == id) {\r\n if (markedHotspotIds.includes(uniqueId)) {\r\n colorizeHotspot360(hotSpotDiv, hotSpotDiv.linkStyleValuePressed, hotSpotDiv.backgroundColorPressed);\r\n if (scrollTo) {\r\n if (hotSpotDiv.dontScroll === true) { // Hier wird das Flag zurückgesetzt. Man kam initial vom Hotspot, also nicht scrollen\r\n hotSpotDiv.dontScroll = false;\r\n } else {\r\n viewer.lookAt(hotSpotDiv.pitch / 1.0, hotSpotDiv.yaw / 1.0, undefined, 500);\r\n }\r\n }\r\n } else {\r\n colorizeHotspot360(hotSpotDiv, hotSpotDiv.linkStyleValue, hotSpotDiv.backgroundColor);\r\n }\r\n }\r\n }\r\n}\n/*\r\n * Copyright (c) 2015 Docware GmbH\r\n */\r\n\r\n// NULL oder Id des Timer-Thread (setTimeout)\r\nvar dwTooltip_timeoutIntervalId = null;\r\n// Wo die Maus zuletzt war, wenn er wartet, um den Tooltip anzuzeigen\r\nvar dwTooltip_lastMousePointer = null;\r\n\r\nvar DWTOOLTIP_DELAY_DEFAULT_VALUE = 250;\r\nvar DWTOOLTIP_TEXT_FOR_EVENTLISTENER = \"__FROM__SERVER__\";\r\n\r\n/**\r\n * Zeitverzögerte Anzeige des Tooltips\r\n * @param event\r\n * @param text\r\n * @param delay\r\n * @param width optional\r\n * @param height optional\r\n */\r\nfunction dwTooltip_delayShowTooltip(event, text, delay, width, height, currentTarget) {\r\n if (!dwTooltip_isTooltipEventAllowed(event, currentTarget)) {\r\n return false;\r\n }\r\n if ((text == null) || (text == \"\") || ((currentlyOpenedContextMenuPopup != null) && currentlyOpenedContextMenuPopup.isVisible())) {\r\n return false;\r\n } else if (text != DWTOOLTIP_TEXT_FOR_EVENTLISTENER) {\r\n // Bei Anfragen des Tooltip-Textes vom Server wird die Ajax Schnittstelle aufgerufen. Diese Schnittstelle\r\n // verarbeitet nur Anfragen, wenn das Flag noch nicht 'true' ist\r\n event.preventTooltip = true;\r\n }\r\n\r\n // Tooltip soll nur für die aktuelle Komponente (im Vordergrund) ausgelöst werden. Tooltips die in der Hierarchie dahinter\r\n // stehen müssen unterdrückt werden (z.B. Tooltip auf Toolbar bzw Toolbar Button -> Toolbar Button Tooltip anzeigen)\r\n // Update August 2013: Das können wir nicht machen, weil darunter z.B: ein GuiToolbutton kein Hover Farbverlauf mehr bekommt.\r\n //dwFrameworkDisableEventBubbling(event);\r\n if (dwTooltip_timeoutIntervalId != null) {\r\n clearTimeout(dwTooltip_timeoutIntervalId);\r\n }\r\n dwTooltip_lastMousePointer = dwUtilsGetCurrentMousePositionPerEvent(event);\r\n\r\n var eventForServerTooltip = event;\r\n // In IE8 bleiben Event Objekte in einem setTimeout nicht erhalten. Clone damit das aufrufende Control bestimmt werden kann\r\n var isJ2EEBrowser = typeof (framework_isJ2EEBrowser) != \"undefined\";\r\n if (isJ2EEBrowser && (framework_isIE8 || framework_isIELegacyMode)) {\r\n eventForServerTooltip = dwUtilsCloneObject(event);\r\n }\r\n dwTooltip_timeoutIntervalId = setTimeout(function() {\r\n if (text == DWTOOLTIP_TEXT_FOR_EVENTLISTENER) {\r\n dwTooltip_showServerTooltip(eventForServerTooltip);\r\n } else {\r\n dwTooltip_showTooltip(text, width, height);\r\n }\r\n }, delay);\r\n return false;\r\n\r\n}\r\n\r\n/**\r\n * Anzeige des Tooltips\r\n * Methode kann nur aus tooltip_delayShowTooltip aufgerufen werden.\r\n *\r\n * Im IE Quirksmodus kann es intern zu Verzögerungen kommen, wenn die Höhe des Viewports oder des Controls berechnet werden muss\r\n * Dies liegt an der tiefen Verschachtelung von Tabellen (> 16)\r\n * Im IE Loose Modus ist die Darstellung des Tooltips performant\r\n * @param text\r\n * @param point\r\n */\r\nfunction dwTooltip_showTooltip(text, width, height) {\r\n if (dwTooltip_timeoutIntervalId != null) {\r\n // Tooltip soll angezeigt werden - es ist noch kein onmouseout Event eingangen\r\n try {\r\n dwTooltip_createTooltip(width, height);\r\n dwTooltip_updateTooltip(text, width, height);\r\n dwTooltip_fadeInTooltip();\r\n } catch (exception) {\r\n // Framework_Logger ist zu diesem Zeitpunkt auch noch nicht initialisiert\r\n // Daher gibt es keine Ausgabe an dieser Stelle\r\n // framework_logger.log(\"Failed to create tooltip '\" + text + \"' (cause=\" + exception + \")\");\r\n }\r\n }\r\n}\r\n\r\nfunction dwTooltip_showServerTooltip(event) {\r\n if (dwTooltip_timeoutIntervalId != null) {\r\n var control = dwUtilsGetEventTarget(event);\r\n if (control && dwDomHasAttribute(control, \"ontooltip\")) {\r\n var tooltipCommand = dwDomGetDomAttribute(control, \"ontooltip\");\r\n // Tooltip soll nun wirklich angezeigt werden. Den temporär gespeicherten Befehl für die Anzeige emulieren wir\r\n // als wäre er direkt aus einem Eventlistener heraus aufgerufen und reichen das (ggf. geklonte) Event Objekt weiter\r\n // das ggf. im Tooltip Befehl benötigt wird\r\n var func = function(event) {\r\n eval(tooltipCommand);\r\n };\r\n func(event);\r\n // Nicht zwingend notwendig, aber wir räumen die Funktion auf um die Referenz explizit freizugeben\r\n func = null;\r\n }\r\n }\r\n}\r\n\r\nfunction dwTooltip_updateTooltip(text, width, height) {\r\n var popup = dwTooltip_getPopup();\r\n var startingTag = dwDomGetInitialTagname(text);\r\n if ((startingTag != \"\") && (dwUtilsStringEndsWith(text, \"\", false))) {\r\n // HTML Konstrukt - direkt als innerHTML setzen\r\n popup.getControlForContent().innerHTML = text;\r\n } else {\r\n // Text Konstrukt - Alternative um das Layout des Tooltips vorzugeben.\r\n // Diese Logik ist aus der alten tooltips.js unverändert übernommen (Fallback)\r\n // Per default werden die Tooltips im HTML Format an den Client übermittelt\r\n dwTooltip_setTextTooltip(text);\r\n }\r\n popup.setSize(width, height);\r\n popup.setPosition(dwTooltip_getTooltipLocation());\r\n}\r\n\r\nfunction dwTooltip_fadeInTooltip() {\r\n if (!dwTooltip_isTooltipVisible()) {\r\n var popup = dwTooltip_getPopup();\r\n // Wir müssen es schon mal anzeigen, um es richtig zu positionieren (damit es nicht rechts oder unten aus dem Fenster rausläuft)\r\n popup.setInvisiblePosition();\r\n popup.fadeIn();\r\n popup.setPosition(dwTooltip_getTooltipLocation());\r\n }\r\n}\r\n\r\nfunction dwTooltip_isTooltipVisible() {\r\n var popup = dwTooltip_getPopup();\r\n return popup.isVisible();\r\n}\r\n\r\nfunction dwTooltip_moveTooltip(event) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n var popup = dwTooltip_getPopup();\r\n if (popup.isVisible()) {\r\n // Wir merken uns die letzte Position, damit nach dem Timeout der Tooltip an der richtigen Position angezeigt wird\r\n dwTooltip_lastMousePointer = dwUtilsGetCurrentMousePositionPerEvent(event);\r\n popup.setPosition(dwTooltip_getTooltipLocation());\r\n }\r\n}\r\n\r\n/**\r\n * Blendet einen Tooltip aus.\r\n * Timer für die zeitverzögerte Anzeige eines Tooltips wird zurückgesetzt, sofern vorhanden.\r\n *\r\n * Auf diese Weise wird verhindert, dass ein Tooltip zeitverzögert angezeigt wird, dessen Element bereits verlassen wurde\r\n */\r\nfunction dwTooltip_hideTooltips() {\r\n if (dwTooltip_timeoutIntervalId != null) {\r\n clearTimeout(dwTooltip_timeoutIntervalId);\r\n dwTooltip_timeoutIntervalId = null;\r\n }\r\n // Tooltip Komponente darf nicht aus dem DOM gelöscht werden.\r\n // Bei Dropdown-Listen im Firefox wird bei der Mausbewegung über die Optionen jeweils ein\r\n // onmouseout und onmouseover Event gefeuert. Löscht/Setzt man zu diesem Zeitpunkt ein Element\r\n // im DOM Baum, wird das Auswahlfenster der Dropdown-Liste automatisch geschlossen.\r\n var popup = dwTooltip_getPopup();\r\n if (popup) {\r\n popup.setVisible(false);\r\n }\r\n}\r\n\r\nfunction dwTooltip_createTooltip(width, height) {\r\n var popup = dwTooltip_getPopup();\r\n if (!popup) {\r\n // Framework_Logger ist zu diesem Zeitpunkt auch noch nicht initialisiert\r\n // Daher gibt es keine Ausgabe an dieser Stelle\r\n //framework_logger.log(\"Failed to find tooltip in cache. Skipped command.\");\r\n return;\r\n }\r\n if (!popup.control) {\r\n // Komponente noch nicht im DOM eingebunden. Wir erstellen uns das SPAN Element und fügen es dem Body hinzu\r\n var control = document.createElement(\"span\");\r\n control.setAttribute(\"id\", \"tooltipspan\");\r\n control.className = \"guitooltip\";\r\n // Tooltip wird nur für die Anzeige von Informationen verwendet. Events müssen nicht umgeleitet werden\r\n dwPopup_wrapControl(control, DW_POPUP_TYPE.TOOLTIP, null);\r\n popup.appendToBody();\r\n }\r\n\r\n popup.setSize(width, height);\r\n popup.setVisible(false);\r\n}\r\n\r\n/**\r\n * Methode zum setzen von textuellen Inhalten (\\n, @IMAGE@ ...)\r\n * Diese Logik ist aus der alten tooltips.js unverändert übernommen (Fallback)\r\n * Per default werden die Tooltips im HTML Format an den Client übermittelt\r\n * @param text\r\n */\r\nfunction dwTooltip_setTextTooltip(text) {\r\n // workaround => mozilla macht leere eintraege\r\n var tmpstringarray = text.split(/\\n/);\r\n var stringarray = new Array();\r\n for (var i = 0; i < tmpstringarray.length; i++) {\r\n if (tmpstringarray[i] != \"\") {\r\n stringarray[stringarray.length] = tmpstringarray[i];\r\n }\r\n }\r\n // Tooltip-Span ist in der Methode tooltip_showtooltip bereits erstellt und in den DOM Baum eingehängt worden\r\n var tooltipspan = dwTooltip_getPopup().getControlForContent();\r\n // Vorhandenes Tooltip-Element zurücksetzen (Inhalte löschen)\r\n dwDomRemoveAllChildNodes(tooltipspan);\r\n // Tooltip Nachricht schreiben\r\n var docFrag = document.createDocumentFragment();\r\n for (var i = 0; i < stringarray.length; i++) {\r\n var tableNode = document.createElement(\"table\");\r\n tableNode.setAttribute(\"border\", \"0\");\r\n tableNode.setAttribute(\"cellspacing\", \"0\");\r\n tableNode.setAttribute(\"cellpadding\", \"0\");\r\n tableNode.style.backgroundColor = \"transparent\";\r\n docFrag.appendChild(tableNode);\r\n var tbodyNode = document.createElement(\"tbody\");\r\n tableNode.appendChild(tbodyNode);\r\n var trNode = document.createElement(\"tr\");\r\n tbodyNode.appendChild(trNode);\r\n var textValue = stringarray[i];\r\n textValue.replace(/@NEWLINE@/g, \"\\n\");\r\n textValue.replace(/@CRETURN@/g, \"\\n\");\r\n while (textValue.indexOf(\"@IMAGE@\") > -1) {\r\n var startIndex = textValue.indexOf(\"@IMAGE@\");\r\n var stopIndex = textValue.indexOf(\"@/IMAGE@\");\r\n var aSubstring = textValue.substring(0, startIndex);\r\n if (aSubstring != \"\") {\r\n var titleNode = document.createTextNode(aSubstring);\r\n var tdNode = document.createElement(\"td\");\r\n dwTooltip_setStyleDefaults(tdNode);\r\n trNode.appendChild(tdNode);\r\n tdNode.appendChild(titleNode);\r\n }\r\n aSubstring = textValue.substring(startIndex + \"@IMAGE@\".length, stopIndex);\r\n var imgNode = document.createElement(\"img\");\r\n imgNode.setAttribute(\"src\", \"../\" + aSubstring);\r\n imgNode.setAttribute(\"border\", \"0\");\r\n var tdNode = document.createElement(\"td\");\r\n dwTooltip_setStyleDefaults(tdNode);\r\n trNode.appendChild(tdNode);\r\n tdNode.appendChild(imgNode);\r\n textValue = textValue.substring(stopIndex + \"@/IMAGE@\".length);\r\n }\r\n if (textValue != \"\") {\r\n var titleNode = document.createTextNode(textValue);\r\n var tdNode = document.createElement(\"td\");\r\n dwTooltip_setStyleDefaults(tdNode);\r\n trNode.appendChild(tdNode);\r\n tdNode.appendChild(titleNode);\r\n }\r\n }\r\n tooltipspan.appendChild(docFrag);\r\n}\r\n\r\nfunction dwTooltip_setStyleDefaults(tdNode) {\r\n tdNode.setAttribute(\"valign\", \"top\");\r\n tdNode.style.backgroundColor = \"transparent\";\r\n tdNode.style.verticalAlign = \"top\";\r\n tdNode.style.whiteSpace = \"nowrap\";\r\n}\r\n\r\nfunction dwTooltip_getPopup() {\r\n return dwPopup_getPopup(DW_POPUP_TYPE.TOOLTIP);\r\n}\r\n\r\nfunction dwTooltip_getTooltipLocation() {\r\n return (dwTooltip_lastMousePointer) ? new DWPoint(dwTooltip_lastMousePointer.x + 16, dwTooltip_lastMousePointer.y + 5) : null;\r\n}\r\n\r\n/**\r\n * Tooltip Event darf nur einmal ausgelöst werden, danach muss die Event Propagation verhindert werden ...\r\n * @param event\r\n */\r\nfunction dwTooltip_isTooltipEventAllowed(event, currentTarget) {\r\n if (!event || event.preventTooltip) { // Standard-Verfahren\r\n // Tooltips werden durch mouseover ausgelöst. Das mouseover Event muss bis zu einem Event-Handler durchgereicht werden\r\n // gleichermaßen muss verhindert werden, dass mehrere Tooltips angezeigt werden.\r\n // Das erste Tooltip Event setzt das Flag \"preventTooltip\" -> Weitere Elemente in der Hierarchie ignorieren dann\r\n // die Tooltip anzeige für dieses Event\r\n return false;\r\n }\r\n\r\n var isJ2EEBrowser = typeof (framework_isJ2EEBrowser) != \"undefined\";\r\n if (isJ2EEBrowser && framework_isIE8 && currentTarget) { // IE8 kann das Event-Objekt nicht verändern ...\r\n // Ist ein Tooltip bereits bei einem Kind-Element ausgelöst worden wird ein weiteres auslösen verhindert ...\r\n // Ist kein Abbruchkriterium bekannt (Control das aktuell das event hat) kann die Untersuchung nicht durchgeführt werden\r\n var iterNode = dwUtilsGetEventTarget(event);\r\n while ((iterNode != null) && (iterNode != currentTarget)) {\r\n\r\n var eventHandler = dwDomGetEventsForType(iterNode, \"onmouseover\", true);\r\n if (eventHandler && (eventHandler.indexOf(\"dwTooltip_delayShowTooltip\") > -1)) {\r\n return false; // Prevent Event Propagation!\r\n }\r\n iterNode = iterNode.parentNode;\r\n }\r\n }\r\n return true;\r\n}\n/*\r\n * Copyright (c) 2016 Docware GmbH\r\n */\r\n\r\nvar DW_HEAVYWEIGHT_POPUP_ENABLED = true;\r\n\r\n// Cache damit IFRAME Objekte nicht immer neu generiert werden müssen\r\nvar DW_POPUP_WRAPPER_CACHE = new Object(); // key == type | value == popup\r\n\r\nvar DW_POPUP_TYPE = {\r\n TOOLTIP: \"tooltip\",\r\n CONTEXTMENU: \"contextmenu\",\r\n MENUBAR: \"menubar\",\r\n VIEWER_TOOLTIP: \"viewertooltip\"\r\n};\r\nvar DW_POPUP_SHADOW_BORDERS = {\r\n TOP: 2,\r\n RIGHT: 2,\r\n BOTTOM: 2,\r\n LEFT: 0\r\n};\r\n\r\n/**\r\n * Baut die vordefinierten IFrame Wrapper für Tooltips / Contextmenü (rechte Maustaste) auf.\r\n * Diese Wrapper werden einmalig erzeugt und wiederverwendet\r\n */\r\nfunction buildPopupWrapperCache() {\r\n for (var popupTypeKey in DW_POPUP_TYPE) {\r\n var popupType = DW_POPUP_TYPE[popupTypeKey];\r\n DW_POPUP_WRAPPER_CACHE[popupType] = __internal_dwPopup_createPopup(__internal_dwPopup_getWrapperId(popupType));\r\n }\r\n}\r\n\r\n/**\r\n * Simple Bean für Speicherung der Wrapper-Informationen. Popup wird für Heavyweight und Lightweight verwendet\r\n * Bei Lightweight Popups sind die Attribute \"wrapper\" und \"document\" NULL\r\n *\r\n * Wird das Popup relativ zu einem anderen Objekt ausgerichtet (Referrer) wird dynamisch das Attribut 'referrer' gesetzt\r\n * @constructor\r\n */\r\nfunction DWPopup() {\r\n this.__name = null;\r\n this.wrapper = null;\r\n this.control = null;\r\n this.document = null;\r\n}\r\n\r\nDWPopup.prototype.getDocument = function() {\r\n return this.document || document;\r\n};\r\nDWPopup.prototype.getControlForLayout = function() {\r\n return this.wrapper || this.control; // Control für die Positionierung / Anpassung der Größe\r\n};\r\nDWPopup.prototype.getControlForContent = function() {\r\n return this.control; // Control für die Darstellung des Inhalts (inkl. Border / Shadow)\r\n};\r\nDWPopup.prototype.isVisible = function() {\r\n var control = this.getControlForLayout();\r\n return control ? control.style.display != \"none\" : false;\r\n};\r\n\r\nDWPopup.prototype.setVisible = function(visible) {\r\n var control = this.getControlForLayout();\r\n if (control) {\r\n // Wg. Chrome Reflow nur setzen wenn geändert\r\n var newValue = (visible) ? \"block\" : \"none\";\r\n if (newValue != control.style.display) {\r\n control.style.display = newValue;\r\n }\r\n }\r\n};\r\nDWPopup.prototype.fadeIn = function() {\r\n var layoutControl = this.getControlForLayout();\r\n if (framework_isWithAnimations) {\r\n dwUtilsSetOpacity(layoutControl, DWUTILS_FADE_OPACITY_START);\r\n }\r\n this.setVisible(true);\r\n this.adjustWrapper();\r\n dwUtilsFadeInControl(layoutControl.id, false, false);\r\n};\r\n\r\nDWPopup.prototype.setPosition = function(position) {\r\n if (position) {\r\n var layoutControl = this.getControlForLayout();\r\n if ((layoutControl.parentNode != null) && (layoutControl.parentNode.offsetTop == 0)) {\r\n // Ist das parent-Control am oberen Rand -> positionieren, relativ zu window\r\n dwUtilsRepositionAbsolutePositionedControlInWindow(dwFrameworkFindSubmitForm(this.getControlForLayout().id), this.getControlForLayout(), position, 0, 0);\r\n } else {\r\n // Ist das parent-Control irgendwo in der Seite eingebaut (z.B. Lightweight->Sub-Menu) -> relativ zu parent\r\n layoutControl.style.left = position.x + \"px\";\r\n layoutControl.style.top = position.y + \"px\";\r\n }\r\n }\r\n};\r\n/**\r\n * Setzt Position relativ zu einem Caller (z.B. Sub Menu)\r\n */\r\nDWPopup.prototype.setChildPosition = function(childPopup, insetTop, insetLeft) {\r\n var childContentControl = childPopup.getControlForContent();\r\n var childLayoutControl = childPopup.getControlForLayout();\r\n var caller = this.getDocument().getElementById(childContentControl.id);\r\n var callerParentCoords = dwUtilsGetCoords(caller.parentNode, null);\r\n var childPopupHeight = dwUtilsGetContentHeight(childLayoutControl);\r\n var childPopupWidth = dwUtilsGetContentWidth(childLayoutControl);\r\n\r\n var rootWindow = $(dwFrameworkGetRootWindowId());\r\n var windowWidth = dwUtilsGetContentWidth(rootWindow);\r\n var windowHeight = dwUtilsGetContentHeight(rootWindow);\r\n\r\n // Manuelle Bestimmung der Location - rechterhand vom Popup-Fenster aus dem das Untermenü aufgerufen wird\r\n // Bestimmung könnte ggf. in Popup Klasse eingebaut werden (setPositionByParent o.ä.)\r\n var possibleChildPosition = new DWPoint(insetLeft, insetTop);\r\n var possibleChildPositionInWindow = new DWPoint(insetLeft, insetTop);\r\n if (this.wrapper) {\r\n // Bei heavyweight Komponenten ist das Child Popup in einem IFrame (im Body des Hauptfenster) gerendert\r\n // Position muss relativ zum viewport berechnet werden. Grundlage ist dabei die Position des MenuItem im Parent Popup.\r\n possibleChildPositionInWindow.x += (this.getPosition().x + callerParentCoords.x);\r\n possibleChildPositionInWindow.y += (this.getPosition().y + callerParentCoords.y);\r\n\r\n possibleChildPosition = possibleChildPositionInWindow;\r\n } else {\r\n possibleChildPositionInWindow.x += callerParentCoords.x;\r\n possibleChildPositionInWindow.y += callerParentCoords.y;\r\n }\r\n if (possibleChildPositionInWindow.y + childPopupHeight > windowHeight - 16) {\r\n var diff = windowHeight - 16 - possibleChildPositionInWindow.y - childPopupHeight;\r\n possibleChildPosition.y += diff;\r\n }\r\n if (possibleChildPositionInWindow.x + childPopupWidth > windowWidth - 16) {\r\n var diff = windowWidth - 16 - possibleChildPositionInWindow.x - childPopupWidth;\r\n possibleChildPosition.x += diff;\r\n }\r\n\r\n childPopup.setPosition(new DWPoint(possibleChildPosition.x, possibleChildPosition.y));\r\n};\r\n\r\nDWPopup.prototype.getPosition = function() {\r\n var layoutControl = this.getControlForLayout();\r\n var x = parseInt(layoutControl.style.left);\r\n var y = parseInt(layoutControl.style.top);\r\n return new DWPoint(x, y);\r\n};\r\nDWPopup.prototype.createChildPopup = function(childId, wrapperParent, eventRedirector) {\r\n// if (this.child) {\r\n// this.child.setVisible(false);\r\n// this.child.removeFromBody();\r\n// }\r\n\r\n var doc = this.getDocument();\r\n var callerId = dwUtilsStringBefore(childId, \"_\");\r\n var caller = doc.getElementById(callerId);\r\n if (caller) {\r\n // Abprüfen, ob der Caller (der Menüeintrag aus dem das Child Popup heraus aufgerufen wurde) disabled ist\r\n if (caller.disabled == true) {\r\n return null; // Fenster darf nicht erzeugt werden\r\n }\r\n }\r\n var childControl = doc.getElementById(childId);\r\n return dwPopup_wrapControlWithoutCache(childControl, childId + \"_wrapper\", wrapperParent, eventRedirector);\r\n};\r\n\r\nDWPopup.prototype.close = function() {\r\n if (this.clearHovers) {\r\n this.clearHovers(this.getControlForContent());\r\n }\r\n if (this.closeSubmenus) {\r\n this.closeSubmenus();\r\n }\r\n this.setVisible(false);\r\n if (this.referrer) {\r\n this.removeReferrer();\r\n } else {\r\n this.removeFromBody();\r\n }\r\n};\r\n\r\n/**\r\n * Setzt einen Referrer. Das Popup wird relativ zum Referrer angezeigt (unterhalb). Verwendung findet dieser Mechanismus\r\n * z.B. für die Anzeige von Combobox-Popups\r\n * Bei Lightweight Popups wird das DOM Element aus der aktuellen DOM Position in den BODY verschoben\r\n * Bei Heavyweight Popups wird das DOM Element als Clone in den Wrapper eingefügt.\r\n *\r\n * Bei beiden Implementierungen (heavy vs. light) ist auf diese Weise das dargestellte Popup im BODY eingehängt und kann\r\n * absolut positioniert werden\r\n * @param referrer\r\n */\r\nDWPopup.prototype.setReferrer = function(referrer) {\r\n this.referrer = referrer;\r\n var originalControl = $(this.control.id);\r\n var body = $(\"body\");\r\n if (originalControl.parentNode && (originalControl.parentNode != body)) {\r\n this.getControlForLayout().setAttribute(\"referrerId\", referrer.id);\r\n this.control.style.top = \"0px\";\r\n if (!this.wrapper) {\r\n originalControl.parentNode.removeChild(originalControl);\r\n body.appendChild(originalControl);\r\n }\r\n }\r\n // Positionierung relativ zum Referrer\r\n dwHelperPositionPopup(referrer, this);\r\n};\r\n/**\r\n * Entfernt den Referrer. Die Aktionen, die bei setReferrer umgesetzt wurden, werde rückgängig gemacht\r\n * Die Methode stellt sicher, dass das Popup implizit unsichtbar geschalten wird\r\n */\r\nDWPopup.prototype.removeReferrer = function() {\r\n if (!dwPopup_isCachedPopup(this)) {\r\n this.removeFromBody();\r\n }\r\n // Kommentar, warum dwUtilsIsDefined nötig ist von MM: Das Problem tritt nur in Firefox auf (zumindest nicht in IE).\r\n // Es hängt zusammen mit dem setReferrer bzw. removeReferrer Mechanismus durch den die Komponente „umgehängt“ wird, von der eigentlichen Stelle in den Body (und umgekehrt).\r\n // Das Problem ist allerdings, dass er sporadisch zwar sich aus dem parent entfernt, aber wenn man dann nochmal nach der id sucht findet man noch ein Vorkommen das\r\n // eingehängt ist.. (wann in der Verkettung der Events hier etwas schief geht hab ich noch nicht 100% erkannt).\r\n // Lösungsansätze die beide funktioniert hatten (entweder/oder):\r\n // - beim removeReferrer nur einhängen, wenn $(this.control.id) nicht existiert nachdem es vom body entfernt wurde\r\n // - beim setReferrer solange wiederholen bis wirklich kein Objekt mehr nach dem entfernen vorkommt, erst dann im Body einhängen\r\n // Grund warum es am Ende nicht mehr klappte ist, dass am Ende ein unsichtbares Element an Original-Stelle existierte und ein weiteres\r\n // mit gleicher ID im Body ... und viele Ereignisse auf die ID gehen ...\r\n if (!this.wrapper && !dwUtilsIsDefined($(this.control.id))) {\r\n this.referrer.appendChild(this.control);\r\n }\r\n\r\n this.control.style.display = \"none\";\r\n this.referrer = null;\r\n};\r\n/**\r\n * Positioniert das Popup in einen nicht sichtbaren Bereich. Im Anschluss kann das Popup sichtbar geschalten\r\n * und korrekt positioniert werden. Ohne diesen Mechanismus wurde das Popup beim Einblenden kurz am Ende des Seiteninhalts\r\n * gezeichnet bevor es korrekt positioniert wurde (für die eigentliche Positionierung muss das Popup sichtbar sein)\r\n */\r\nDWPopup.prototype.setInvisiblePosition = function() {\r\n if (!this.isVisible()) {\r\n var layoutControl = this.getControlForLayout();\r\n var treatAsIe8 = !dwFrameworkInitFinished; // Init noch nicht abgeschlossen. Browser kann ggf. noch nicht ermittelt worden sein. Wird wie IE8 behandelt\r\n if (!treatAsIe8 || framework_isIE8 || framework_isIE9) {\r\n // In IE8 wird ein resize Event ausgelöst wenn das Control unterhalb / rechts des vorherigen Viewport Bereichs geschoben wird\r\n // Der Browser registriert tatsächliche Größenänderungen was zum automatischen schliessen von jeglichen Popups führt (Tooltip/Contextmenu ...)\r\n // Aus diesem Grund wird im IE8 der Inhalt in den nicht-sichtbaren Bereich (oben/links) verschoben\r\n // In IE9 wird auch ein resize Event ausgelöst (16 px Unterschied). Zur Vorsicht auch hier das alte Verfahren\r\n layoutControl.style.top = (-dwUtilsGetViewportHeight()) + \"px\";\r\n layoutControl.style.left = \"0px\";\r\n } else {\r\n // In IE10 wird ein zwar auch ein resize Event ausgelöst - aber ohne Änderung der Höhe/Breite -> keine negativen Seiteneffekte\r\n // In IE11 und FF wird kein resize Event ausgelöst\r\n layoutControl.style.top = (dwUtilsGetViewportHeight() + 200) + \"px\";\r\n }\r\n }\r\n};\r\nDWPopup.prototype.appendToBody = function() {\r\n var layoutControl = this.getControlForLayout();\r\n var alreadyAppended = (layoutControl.parentNode != null);\r\n if (!alreadyAppended) {\r\n var body = document.getElementsByTagName(\"body\")[0];\r\n body.appendChild(this.getControlForLayout());\r\n }\r\n};\r\nDWPopup.prototype.removeFromBody = function() {\r\n var body = document.getElementsByTagName(\"body\")[0];\r\n var layoutControl = this.getControlForLayout();\r\n if (!dwPopup_isCachedPopup(this) && (layoutControl.parentNode == body)) {\r\n body.removeChild(this.getControlForLayout());\r\n if (this.wrapper) {\r\n // Selektion einer Eingabe-Komponente kann fehlschlagen nachdem der iframe entfernt wurde\r\n // Der Fokus wird explizit auf die zuletzt fokussierte Komponente gesetzt (und damit das richtige window)\r\n __internal_resetFocus();\r\n }\r\n }\r\n};\r\n/**\r\n * Passt den Inhalt (z.B. SPAN / DIV) im Iframe an den Wrapper an.\r\n * Hat der Wrapper keine feste Größe in px, wird keine Aktion ausgeführt\r\n */\r\nDWPopup.prototype.adjustContent = function() {\r\n if (this.wrapper && this.control) {\r\n this.control.style.width = this.wrapper.style.width;\r\n this.control.style.height = this.wrapper.style.height;\r\n\r\n if (this.wrapper.style.width != \"auto\") {\r\n this.wrapper.style.width = (parseInt(this.wrapper.style.width) + DW_POPUP_SHADOW_BORDERS.LEFT + DW_POPUP_SHADOW_BORDERS.RIGHT) + \"px\";\r\n }\r\n if (this.wrapper.style.height != \"auto\") {\r\n this.wrapper.style.height = (parseInt(this.wrapper.style.height) + DW_POPUP_SHADOW_BORDERS.TOP + DW_POPUP_SHADOW_BORDERS.BOTTOM) + \"px\";\r\n }\r\n }\r\n};\r\n/**\r\n * Passt den Wrapper an den Inhalt an\r\n * Bei 'auto' Wert für width/height wird dieser ermittelt (offsetHeight/offsetWidth) und für den Wrapper übernommen\r\n */\r\nDWPopup.prototype.adjustWrapper = function() {\r\n if (this.wrapper && this.control) {\r\n if ((this.control.style.width == \"\") || (this.control.style.width == \"auto\") || (this.wrapper.style.width == \"auto\")) {\r\n var width = (framework_isIE8 || framework_isIELegacyMode) ? this.control.clientWidth : this.control.offsetWidth;\r\n this.wrapper.style.width = (width + DW_POPUP_SHADOW_BORDERS.LEFT + DW_POPUP_SHADOW_BORDERS.RIGHT) + \"px\";\r\n }\r\n if ((this.control.style.height == \"\") || (this.control.style.height == \"auto\") || (this.wrapper.style.height == \"auto\")) {\r\n var height = (framework_isIE8 || framework_isIELegacyMode) ? this.control.clientHeight : this.control.offsetHeight;\r\n this.wrapper.style.height = (height + DW_POPUP_SHADOW_BORDERS.TOP + DW_POPUP_SHADOW_BORDERS.BOTTOM) + \"px\";\r\n }\r\n this.wrapper.style.maxWidth = null;\r\n this.wrapper.style.maxHeight = null;\r\n }\r\n};\r\n/**\r\n * Setzt eine fixe Größe (in Pixel). Bei '-1' wird intern der Wert auf 'auto' gesetzt.\r\n * Bei Heavyweight Popups wird der Inhalt an die Größe des Wrappers angeglichen\r\n * @param width\r\n * @param height\r\n */\r\nDWPopup.prototype.setSize = function(width, height) {\r\n var layoutControl = this.getControlForLayout();\r\n var newWidth = \"auto\";\r\n if (width && (width > 0)) {\r\n if (this.wrapper) {\r\n this.wrapper.style.maxWidth = null;\r\n }\r\n newWidth = width;\r\n if (framework_isIELegacyMode && !this.isHeavyWeight()) {\r\n var widthFilter = dwUtilsGetStyle(layoutControl, \"filter\") || \"\";\r\n if (widthFilter && widthFilter.indexOf(\"Microsoft.Shadow\") > -1) {\r\n newWidth -= parseInt(dwUtilsStringAfter(widthFilter, \"Strength=\")) || 0;\r\n }\r\n }\r\n newWidth = newWidth + \"px\";\r\n }\r\n var newHeight = \"auto\";\r\n if (height && (height > 0)) {\r\n if (this.wrapper) {\r\n this.wrapper.style.maxHeight = null;\r\n }\r\n newHeight = height;\r\n if (framework_isIELegacyMode && !this.isHeavyWeight()) {\r\n // In bestimmten Konstellationen hat der Browser (im Legacy Modus, mehrere Verschachtelungen) den Schatten\r\n // zur gesetzten/ausgelesenen Höhe addiert. Bei jedem erneuten Öffnen wurde der Dialog dadurch größer ...\r\n var heightFilter = dwUtilsGetStyle(layoutControl, \"filter\") || \"\";\r\n if (heightFilter && heightFilter.indexOf(\"Microsoft.Shadow\") > -1) {\r\n newHeight -= parseInt(dwUtilsStringAfter(heightFilter, \"Strength=\")) || 0;\r\n }\r\n }\r\n newHeight = newHeight + \"px\";\r\n }\r\n layoutControl.style.width = newWidth;\r\n layoutControl.style.height = newHeight;\r\n this.adjustContent();\r\n};\r\n\r\nDWPopup.prototype.getBounds = function() {\r\n var layoutControl = this.getControlForLayout();\r\n var bounds = dwUtilsBoundingClientRectAsDwRectangle(layoutControl);\r\n return bounds;\r\n};\r\n\r\nDWPopup.prototype.containsNode = function(node) {\r\n return dwUtilsGetNavigationPath(node, this.getControlForContent(), DWDOM_NAVIGATION_PATH_DIRECTION.TOP_DOWN) != null;\r\n};\r\n\r\nDWPopup.prototype.referrerContainsNode = function(node) {\r\n return dwUtilsGetNavigationPath(node, this.referrer, DWDOM_NAVIGATION_PATH_DIRECTION.TOP_DOWN) != null;\r\n};\r\n\r\nDWPopup.prototype.isHeavyWeight = function() {\r\n return __internal_dwPopup_isHeavyweight() && this.supportsHeavyWeight();\r\n};\r\n\r\nDWPopup.prototype.supportsHeavyWeight = function() {\r\n // Im Kompatibilitätsmodus (legacy mode) werden die Größe des Contextmenu und Menubar Einträge falsch berechnet (Darstellung 0x0)\r\n // Hier wird der IFrame Mechanismus (heavyweight) explizit umgangen.\r\n return (!framework_isIELegacyMode ||\r\n ((this.__name.indexOf(\"_submenu\") == -1) &&\r\n (this.__name.indexOf(DW_POPUP_TYPE.CONTEXTMENU) == -1) &&\r\n (this.__name.indexOf(DW_POPUP_TYPE.MENUBAR) == -1)));\r\n};\r\n\r\nDWPopup.prototype.__internal_prepareHeavyWeightPopup = function(wrapperId, wrapperParent) {\r\n if (!this.isHeavyWeight()) {\r\n return this;\r\n }\r\n var wrapper = document.createElement(\"iframe\");\r\n wrapper.setAttribute(\"id\", wrapperId);\r\n wrapper.style.position = \"absolute\";\r\n wrapper.style.backgroundColor = \"transparent\";\r\n wrapper.frameBorder = \"0px\";\r\n wrapper.style.border = 0;\r\n wrapper.scrolling = \"no\";\r\n // Bei der \"Offset\" Bestimmung der Elemente im IFrame wirkt sich (sporadisch) dessen Default Size aus (300 x 150)\r\n // Die Größe des IFrames wird initial stark limitiert, und erst bei setSize\r\n wrapper.style.maxWidth = \"1px\";\r\n wrapper.style.maxHeight = \"1px\";\r\n wrapper.style.display = \"none\";\r\n if (wrapperParent) {\r\n wrapperParent.appendChild(wrapper);\r\n } else {\r\n document.getElementsByTagName(\"body\")[0].appendChild(wrapper);\r\n }\r\n var doc = __internal_dwPopup_computeHeavyweightDocument(wrapper);\r\n if (doc != null) {\r\n doc.open();\r\n doc.write(framework_doctype);\r\n doc.close();\r\n var globalHead = document.getElementsByTagName(\"head\")[0];\r\n var head = doc.getElementsByTagName(\"head\")[0];\r\n if (framework_isIE) {\r\n var meta = doc.createElement(\"meta\");\r\n dwDomSetDomAttribute(meta, \"http-equiv\", \"X-UA-Compatible\");\r\n dwDomSetDomAttribute(meta, \"content\", \"IE=\" + parseInt(framework_browserVersion));\r\n head.appendChild(meta);\r\n }\r\n\r\n var linkTags = globalHead.getElementsByTagName(\"link\");\r\n for (var i = 0; i < linkTags.length; i++) {\r\n var linkTag = linkTags[i];\r\n if (linkTag.rel == \"stylesheet\") {\r\n var link = doc.createElement(\"link\");\r\n dwDomSetDomAttribute(link, \"rel\", \"stylesheet\");\r\n dwDomSetDomAttribute(link, \"type\", \"text/css\");\r\n dwDomSetDomAttribute(link, \"href\", dwDomGetDomAttribute(linkTag, \"href\"));\r\n head.appendChild(link);\r\n }\r\n }\r\n // SCRIPT Tags sollten nicht im Wrapper definiert sein - ansonsten ist nicht gewährleistet, dass die globalen\r\n // Objekte korrekt gesetzt sind.\r\n // Funktionen sollten immer auf den ursprünglichen DOM Elementen ausgeführt werden (event-redirection)\r\n// var baseScript = doc.createElement(\"script\");\r\n// dwDomSetDomAttribute(baseScript, \"type\", \"text/javascript\");\r\n// dwDomSetDomAttribute(baseScript, \"src\", \"WEB-RES/js/base.js\"); <= Mittlerweile sind die JS Dateien in der URL versioniert, das würde also so nicht mehr funktionieren\r\n// head.appendChild(baseScript);\r\n var body = doc.getElementsByTagName(\"body\")[0];\r\n var html = body.parentNode;\r\n html.style.backgroundColor = \"transparent\";\r\n body.style.backgroundColor = \"transparent\";\r\n\r\n this.wrapper = wrapper;\r\n this.document = doc;\r\n // Beim entfernen des Wrappers aus dem BODY wird der Seiten-Inhalt sofort zurückgesetzt (kein eingebundenes CSS, kein Body-Inhalt, ...)\r\n // da kein src gesetzt ist\r\n// popup.removeFromBody();\r\n }\r\n return this;\r\n};\r\n\r\nfunction dwPopup_isCachedPopup(popup) {\r\n for (var cachedPopupKey in DW_POPUP_WRAPPER_CACHE) {\r\n if (popup == DW_POPUP_WRAPPER_CACHE[cachedPopupKey]) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n\r\nfunction dwPopup_isCachedPopUpByWrapperId(popupId) {\r\n for (var cachedPopupKey in DW_POPUP_WRAPPER_CACHE) {\r\n var wrapper = DW_POPUP_WRAPPER_CACHE[cachedPopupKey].wrapper;\r\n if (wrapper && popupId == wrapper.id) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/**\r\n * Injiziert das Control in einen vordefinierten Wrapper (siehe verfügbare Popup Typen)\r\n * @param control darzustellendes Control\r\n * @param popupType gültiger Popup-Typ\r\n * @param eventRedirector Funktion zur Umleitung der Events (ausgelöst im IFrame) - zur Weiterleitung an den Context der Hauptseite\r\n * Hinweis: Javascript (base.js / viewer.js) steht nur in der Hauptseite zur Verfügung\r\n * @return DWPopup\r\n */\r\nfunction dwPopup_wrapControl(control, popupType, eventRedirector) {\r\n var popup = DW_POPUP_WRAPPER_CACHE[popupType];\r\n return __internal_dwPopup_wrapControl(popup, control, eventRedirector);\r\n}\r\n\r\n/**\r\n * Injiziert das Control in einen Wrapper. Wrapper werden dynamisch erzeugt und müssen am Ende über z.B. removeFromBody entfernt werden\r\n * Ist ein Wrapper für das Control in der aktuellen Seite bereits eingebaut wird dieser wiederverwendet.\r\n * @param control\r\n * @param wrapperId entspricht i.d.R. _wrapper\r\n * @param wrapperParent z.B. window.parent um einen Wrapper für ein submenu im Hauptfenster einzuhängen, sonst NULL\r\n * @param eventRedirector\r\n * @return DWPopup\r\n */\r\nfunction dwPopup_wrapControlWithoutCache(control, wrapperId, wrapperParent, eventRedirector) {\r\n var popup = dwPopup_getPopupById(control.id) || __internal_dwPopup_createPopup(wrapperId, wrapperParent);\r\n return __internal_dwPopup_wrapControl(popup, control, eventRedirector);\r\n}\r\n\r\nfunction __internal_dwPopup_wrapControl(popup, control, eventRedirector) {\r\n if (popup.isHeavyWeight()) {\r\n if (!popup.document) {\r\n // bei einem Wechsel der Seite (ausblenden / neuladen) kann ggf. das document undefined sein\r\n // Zugriff auf den Body ist dann nicht mehr möglich (geteElementsByTagName) -> vorher Abbruch\r\n popup.control = control;\r\n return popup;\r\n }\r\n var body = popup.document.getElementsByTagName(\"body\")[0];\r\n var dwParentElement = control.dwParentElement;\r\n dwDomRemoveAllChildNodes(body);\r\n if (control.parentNode) {\r\n // Bereits eingebaut ...\r\n control = dwDomParseStringToNodes(control.outerHTML);\r\n }\r\n control.style.display = \"block\";\r\n body.appendChild(control);\r\n if (eventRedirector) {\r\n eventRedirector(popup, control);\r\n }\r\n var zIndex = dwUtilsGetStyle(control, \"z-index\");\r\n if ((zIndex == null) || (zIndex == \"\")) {\r\n zIndex = 0;\r\n }\r\n popup.wrapper.style.zIndex = zIndex;\r\n }\r\n\r\n // dwParentElement merken, sonst wird u.U. fälschlicherweise das Contextmenü im dwHelperCloseCurrentlyOpenedContextMenu geschlossen (nach OnScroll-Event)\r\n if (!control.dwParentElement) {\r\n control.dwParentElement = dwParentElement;\r\n }\r\n popup.control = control;\r\n return popup;\r\n}\r\n\r\n/**\r\n * Leitet die ausgelösten Events zu einem anderen Event-Handler um. 'this' kann explizit für die Event Verarbeitung vorgegeben werden\r\n * @param event\r\n * @param eventTarget\r\n * @param thisScope\r\n */\r\nfunction dwPopup_redirectEvent(event, eventTarget, thisScope) {\r\n if (!eventTarget) {\r\n return;\r\n }\r\n event = dwFrameworkGetEvent(event);\r\n var func = eventTarget[\"on\" + event.type];\r\n if (func) {\r\n func.apply(thisScope, new Array(event));\r\n }\r\n}\r\n\r\nfunction dwPopup_getPopup(popupType) {\r\n return DW_POPUP_WRAPPER_CACHE[popupType];\r\n}\r\n\r\nfunction dwPopup_getPopupById(id, controlId) {\r\n var popup = new DWPopup();\r\n popup.__name = id;\r\n if (popup.isHeavyWeight()) {\r\n popup.wrapper = $(id + \"_wrapper\");\r\n if (!popup.wrapper) {\r\n return null;\r\n }\r\n popup.document = __internal_dwPopup_computeHeavyweightDocument(popup.wrapper);\r\n }\r\n controlId = controlId || id;\r\n popup.control = popup.getDocument().getElementById(controlId);\r\n var referrerId = popup.getControlForLayout().getAttribute(\"referrerId\");\r\n if (referrerId) {\r\n popup.referrer = $(referrerId);\r\n }\r\n return popup;\r\n}\r\n\r\nfunction __internal_dwPopup_getWrapperId(popupType) {\r\n return popupType + \"_wrapper\";\r\n}\r\n\r\nfunction __internal_dwPopup_isHeavyweight() {\r\n return DW_HEAVYWEIGHT_POPUP_ENABLED && (framework_isIE) && (framework_isIEHeavyWeightPopupAllowed);\r\n}\r\n\r\nfunction __internal_dwPopup_createPopup(wrapperId, wrapperParent) {\r\n var popup = ((wrapperId.indexOf(DW_POPUP_TYPE.CONTEXTMENU) == 0) || (wrapperId.indexOf(DW_POPUP_TYPE.MENUBAR) == 0)) ?\r\n new DWMenuPopup() :\r\n new DWPopup();\r\n popup.__name = wrapperId;\r\n if (popup.isHeavyWeight()) {\r\n return popup.__internal_prepareHeavyWeightPopup(wrapperId, wrapperParent);\r\n } else {\r\n return popup;\r\n }\r\n}\r\n\r\nfunction __internal_dwPopup_computeHeavyweightDocument(wrapper) {\r\n var doc = null;\r\n if (wrapper.contentDocument) {\r\n doc = wrapper.contentDocument;\r\n } else if (wrapper.contentWindow && wrapper.contentWindow.document) {\r\n doc = wrapper.contentWindow.document;\r\n } else {\r\n doc = wrapper.document;\r\n }\r\n return doc;\r\n}\r\n\r\nfunction __internal_resetFocus() {\r\n var focusComponentId = \"focus_wrapper\";\r\n if (!$(focusComponentId)) {\r\n // Beim Entfernen eines IFrames verschluckt sich der IE - Eingabekomponenten funktionieren danach nicht mehr korrekt\r\n // KeyCodes werden noch registriert, allerdings wirken sich die Eingaben nicht mehr auf den value aus\r\n // Die zuletzt fokussierte Komponente wird fokussiert. Schlägt dieser Versuch fehl, wird eine Dummy-Eingabekomponente\r\n // fokussiert und selektiert - das Verhalten des IE ist danach wieder erwartungsgemäß\r\n var component = document.createElement(\"input\");\r\n dwDomSetDomAttribute(component, \"type\", \"text\");\r\n dwDomSetDomAttribute(component, \"id\", focusComponentId);\r\n dwDomSetDomAttribute(component, \"name\", focusComponentId);\r\n dwDomSetStyle(component, \"position\", \"absolute\");\r\n dwDomSetStyle(component, \"left\", \"-10px\");\r\n dwDomSetStyle(component, \"top\", \"-10px\");\r\n dwDomSetStyle(component, \"width\", \"0px\");\r\n dwDomSetStyle(component, \"height\", \"0px\");\r\n dwDomSetStyle(component, \"border\", \"0\");\r\n dwDomSetStyle(component, \"padding\", \"0\");\r\n dwDomSetStyle(component, \"margin\", \"0\");\r\n $(\"body\").appendChild(component);\r\n }\r\n var focusSuccessful = dwHelperTryFocusOnNode(focusComponentId);\r\n $(focusComponentId).select();\r\n}\r\n\r\nDWMenuPopup.prototype = new DWPopup();\r\n\r\nfunction DWMenuPopup() {\r\n var selectionPath = new Array();\r\n var openedSubmenus = new Object();\r\n\r\n this.selectMenuItem = function(menuItemId) {\r\n var menuItem = $(menuItemId);\r\n var newSelectionPath = new Array();\r\n var node = menuItem;\r\n while ((node != null) && node.tagName && (node.tagName.toLowerCase() != \"form\")) {\r\n if (node.id) {\r\n newSelectionPath.unshift(node.id);\r\n }\r\n node = node.parentNode;\r\n }\r\n\r\n var firstDifference = 0;\r\n\r\n for (var i = firstDifference; i < newSelectionPath.length; i++) {\r\n if ((i < selectionPath.length) && (newSelectionPath[i] == selectionPath[i])) {\r\n firstDifference++;\r\n } else {\r\n break;\r\n }\r\n }\r\n// framework_logger.log(\"First diff: \" + firstDifference);\r\n// framework_logger.log(\"Old: \" + selectionPath);\r\n// framework_logger.log(\"New: \" + newSelectionPath);\r\n var previousSelectionCount = selectionPath.length;\r\n for (i = (previousSelectionCount - 1); i >= firstDifference; i--) {\r\n var previousItemId = selectionPath[i];\r\n var previousSubmenu = $(previousItemId + \"_submenu\");\r\n if (previousSubmenu) {\r\n var previousSubmenuPopup = dwPopup_getPopupById(previousSubmenu.id);\r\n if (previousSubmenuPopup) {\r\n previousSubmenuPopup.close();\r\n openedSubmenus[previousSubmenu.id] = null;\r\n delete openedSubmenus[previousSubmenu.id];\r\n }\r\n }\r\n\r\n var parentItemId = selectionPath[selectionPath.length - 2];\r\n var parent = $(parentItemId);\r\n if (parent && (parent.className == \"guimenupopup\")) {\r\n var previousItem = (dwPopup_getPopupById(parentItemId) || this).getDocument().getElementById(previousItemId);\r\n if (previousItem) {\r\n// framework_logger.log(\"Remove class from \" + previousItemId);\r\n dwDomRemoveClass(previousItem, \"guimenuitem-hovered\");\r\n }\r\n }\r\n\r\n selectionPath.pop();\r\n }\r\n\r\n for (i = firstDifference; i < newSelectionPath.length; i++) {\r\n var newItemId = newSelectionPath[i];\r\n selectionPath.push(newItemId);\r\n var parentItemId = selectionPath[selectionPath.length - 2];\r\n var parent = $(parentItemId);\r\n if (parent && (parent.className == \"guimenupopup\")) {\r\n// framework_logger.log(\"Add class to \" + newItemId);\r\n var newItem = (dwPopup_getPopupById(parentItemId) || this).getDocument().getElementById(newItemId);\r\n if (!newItem) {\r\n continue;\r\n } // kann bei Aufruf via Mnemonic vorkommen\r\n dwDomAddClass(newItem, \"guimenuitem-hovered\");\r\n if (framework_isIE8 || framework_isIELegacyMode) {\r\n newItem.offsetWidth; // man muss es nicht verstehen ...\r\n }\r\n }\r\n }\r\n\r\n var currentItemId = selectionPath[selectionPath.length - 1];\r\n if ($(currentItemId + \"_submenu\")) {\r\n// framework_logger.log(\"Choose entry from path: \" + selectionPath)\r\n var parentMenu = selectionPath[selectionPath.length - 2];\r\n var parentPopup = dwPopup_getPopupById(parentMenu) || this;\r\n var childPopup = parentPopup.createChildPopup(currentItemId + \"_submenu\", null, dwHelperRedirectContextMenuEventsToWrapper);\r\n openedSubmenus[parentMenu] = childPopup;\r\n childPopup.setInvisiblePosition();\r\n childPopup.setVisible(true);\r\n// childPopup.adjustWrapper();\r\n// parentPopup.setChildPosition(childPopup, -3, 0);\r\n setTimeout(function() {\r\n childPopup.adjustWrapper();\r\n parentPopup.setChildPosition(childPopup, -3, 0);\r\n }, 50); // rendering/repaint ist manchmal verzögert/zu langsam\r\n }\r\n };\r\n this.isMenuItemClickable = function() {\r\n var currentItemId = selectionPath[selectionPath.length - 1];\r\n return !($(currentItemId + \"_submenu\"));\r\n };\r\n\r\n this.closeSubmenus = function() {\r\n for (var id in openedSubmenus) {\r\n if (openedSubmenus.hasOwnProperty(id)) {\r\n var openedSubmenu = openedSubmenus[id];\r\n openedSubmenu.setVisible(false);\r\n this.clearHovers(openedSubmenu.getControlForContent());\r\n if (openedSubmenu.referrer) {\r\n openedSubmenu.removeReferrer();\r\n } else {\r\n openedSubmenu.removeFromBody();\r\n }\r\n }\r\n }\r\n };\r\n\r\n this.clearHovers = function(menu) {\r\n if (!menu) {\r\n return;\r\n }\r\n // div guimenupopup -> table -> tbody -> tr guimenuitem\r\n var menuiItems = menu.children[0].children[0];\r\n for (var i = 0; i < menuiItems.childElementCount; i++) {\r\n dwDomRemoveClass(menuiItems.children[i], 'guimenuitem-hovered');\r\n }\r\n };\r\n\r\n /**\r\n * Methode zur Bestimmung ob der Knoten innerhalb des aktuellen Popups (oder damit verbundenen) liegt\r\n *\r\n * Basis Implementierung aus DWPopup muss hierzu überlagert werden, da DWPopup keine Verwaltung der offenen Kinder hat\r\n * @param node\r\n * @param includeSubmenus\r\n * @return {Boolean}\r\n */\r\n this.containsNode = function(node, includeSubmenus) {\r\n var containsNode = dwUtilsGetNavigationPath(node, this.getControlForContent(), DWDOM_NAVIGATION_PATH_DIRECTION.TOP_DOWN) != null;\r\n if (!includeSubmenus || containsNode) {\r\n return containsNode;\r\n }\r\n for (var id in openedSubmenus) {\r\n if (openedSubmenus.hasOwnProperty(id)) {\r\n var openedSubmenu = openedSubmenus[id];\r\n var submenuContainsNode = openedSubmenu.containsNode(node, false);\r\n if (submenuContainsNode) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n };\r\n}\r\n\n/*\r\n * Copyright (c) 2017 Docware GmbH\r\n */\r\nvar DWTABLECOLUMNRESIZE_DELAY = 10;\r\nvar dwTableColumnResizeColumnIndex = null;\r\nvar dwTableColumnResizeColumnIndexWithFixedColumns = null;\r\n// Startposition des Drag-Vorgangs\r\nvar dwTableColumnResizeDragStartCoords = null;\r\nvar dwTableColumnResizeInitialColumnWidth = null;\r\nvar dwTableColumnResizeInitialFixedTableWidth = null;\r\n\r\n// Die Id der GuiTable\r\nvar dwTableColumnResizeDragUniqueId = null;\r\n\r\n// Fixierte Spalten oder scrollbare Spalten?\r\nvar dwTableColumnResizeDragFixedColumn = false;\r\n\r\n// Die Id vom EventHandler\r\nvar dwTableColumnResizeDragEventHandlerComponentId = null;\r\n\r\nvar dwTableColumnResizeHeaderCell = null;\r\nvar dwTableColumnResizeFixedTable = null;\r\nvar dwTableColumnResizeColumnCount = 0;\r\n\r\n// Für den Inhalt\r\nvar dwTableColumnContentResizeRuns = false;\r\nvar dwTableColumnContentResizeNewValue = null;\r\n\r\nfunction dwTableColumnResizeInitDragAndDrop() {\r\n // Auf body sind Listener registriert für den 'auto close' Mechanismus von Popup-Fenstern\r\n // Alle Mouse-Events werden ab Body automatisch geschluckt und dringen nicht mehr zum document durch\r\n // Body erstreckt sich auf 100% des Viewports und wird als Ersatz für document verwendet\r\n var body = $(\"body\");\r\n dwDomAddEvent(body, \"onmousemove\", \"dwTableColumnResizeDragEvent(event);\", false);\r\n}\r\n\r\nfunction dwTableColumnResizeDragStartEvent(event, eventHandlerComponentId, uniqueId, index, indexWithFixedColumns, isFixedColumn) {\r\n if (dwTableColumnResizeColumnIndex != null) {\r\n return;\r\n }\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n dwTableColumnResizeDragStartCoords = dwTableColumnResizeGetPageCoordinates(event);\r\n dwTableColumnResizeColumnIndex = index;\r\n dwTableColumnResizeColumnIndexWithFixedColumns = indexWithFixedColumns;\r\n dwTableColumnResizeDragEventHandlerComponentId = eventHandlerComponentId;\r\n dwTableColumnResizeDragUniqueId = uniqueId;\r\n dwTableColumnResizeDragFixedColumn = isFixedColumn;\r\n dwTableColumnResizeHeaderCell = getHeaderCell();\r\n dwTableColumnResizeColumnCount = getHeaderColumnCount();\r\n dwTableColumnResizeInitialColumnWidth = dwTableColumnResizeHeaderCell.offsetWidth;\r\n dwTableColumnContentResizeNewValue = dwTableColumnResizeInitialColumnWidth;\r\n\r\n if (isFixedColumn) {\r\n dwTableColumnResizeFixedTable = $(dwTableColumnResizeDragUniqueId + \"_enclosingFixedTable\");\r\n if (dwTableColumnResizeFixedTable) {\r\n dwTableColumnResizeInitialFixedTableWidth = dwTableColumnResizeFixedTable.offsetWidth;\r\n }\r\n }\r\n}\r\n\r\nfunction getHeaderRow() {\r\n var headerTable = $(dwTableColumnResizeDragUniqueId + (dwTableColumnResizeDragFixedColumn ? \"_fixedHeaderTable\" : \"_headerTable\"));\r\n var rowOrTBody = dwDomGetChildAtIndex(headerTable, 0);\r\n var row = rowOrTBody;\r\n if (rowOrTBody.nodeName.toLowerCase() == \"tbody\") {\r\n row = dwDomGetChildAtIndex(rowOrTBody, 0);\r\n }\r\n return row;\r\n}\r\n\r\nfunction getHeaderCell() {\r\n var row = getHeaderRow();\r\n var td = dwDomGetChildAtIndex(row, dwTableColumnResizeColumnIndex);\r\n var div = dwDomGetChildAtIndex(td, 0);\r\n if (dwTableColumnResizeColumnIndex == 0) {\r\n return dwDomGetChildAtIndex(div, 0);\r\n } else {\r\n return dwDomGetChildAtIndex(div, 1);\r\n }\r\n\r\n}\r\n\r\nfunction getHeaderColumnCount() {\r\n return dwDomGetElementChildNodes(getHeaderRow()).length;\r\n}\r\n\r\nfunction getRealTableColumnWidth(headerColumnIdx, headerColumnWidth) {\r\n if ((headerColumnIdx != (dwTableColumnResizeColumnCount - 1)) || dwTableColumnResizeDragFixedColumn) {\r\n return headerColumnWidth;\r\n }\r\n var contentDiv = $(dwTableColumnResizeDragUniqueId + \"_contentDiv\");\r\n if (dwUtilsHasVerticalOverflow(contentDiv)) {\r\n headerColumnWidth -= dwUtilsGetScrollbarWidth(contentDiv);\r\n }\r\n return headerColumnWidth;\r\n}\r\n\r\nfunction dwTableColumnResizeDragEvent(event) {\r\n if (dwTableColumnResizeColumnIndex == null) {\r\n return;\r\n }\r\n\r\n // Berechne die Koordinaten der Mausbewegung\r\n var newCoords = dwTableColumnResizeGetPageCoordinates(event);\r\n // Neue Größen für die Elemente berechnen\r\n var difference = newCoords[0] - dwTableColumnResizeDragStartCoords[0];\r\n var newWidthInt = dwTableColumnResizeInitialColumnWidth + difference;\r\n if (newWidthInt < 16) {\r\n newWidthInt = 16;\r\n }\r\n var newWidthPx = newWidthInt + \"px\";\r\n dwTableColumnResizeHeaderCell.style.width = newWidthPx;\r\n if (dwTableColumnResizeColumnIndex == (dwTableColumnResizeColumnCount - 1)) {\r\n // Letzte Spalte wurde bewusst in der Breite angepasst. Der Wert für columnwidth muss angeglichen werden\r\n // Dieser Wert wird z.B. bei Resize Aktionen ausgewertet (notwendig damit nicht scrollbalken-Breite manuell rausgereichnet/reingerechnet werden muss)\r\n dwDomSetDomAttribute(dwTableColumnResizeHeaderCell, \"columnwidth\", getRealTableColumnWidth(dwTableColumnResizeColumnIndex, newWidthInt));\r\n }\r\n\r\n // Bei Änderung der Spaltenbreite einer fixierten Spalte muss die Breite der gesamten fixierten Tabelle ebenfalls angepasst werden\r\n if (dwTableColumnResizeDragFixedColumn && dwTableColumnResizeInitialFixedTableWidth) {\r\n var newFixedTableWidthInt = dwTableColumnResizeInitialFixedTableWidth + difference;\r\n dwTableColumnResizeFixedTable.style.width = newFixedTableWidthInt + \"px\";\r\n }\r\n\r\n // Bei Änderung der Spaltenbreite in einer Tabelle mit fixierten Spalten muss dwHelperTableContentResized() aufgerufen\r\n // werden, um die horizontale ScrollBar anzupassen\r\n if (dwTableColumnResizeDragFixedColumn || (dwTableColumnResizeColumnIndex != dwTableColumnResizeColumnIndexWithFixedColumns)) {\r\n dwHelperTableContentResized(dwTableColumnResizeDragUniqueId, false, true);\r\n }\r\n\r\n dwTableColumnContentResizeNewValue = newWidthPx;\r\n if (!dwTableColumnContentResizeRuns) {\r\n dwTableColumnContentResizeInBackground();\r\n }\r\n}\r\n\r\nfunction dwTableColumnContentResizeInBackground() {\r\n dwTableColumnContentResizeRuns = true;\r\n // In Thread anstossen\r\n setTimeout(function() {\r\n // Breite der Inhalts-Spalte kann für die letzte Spalte abweichen - und muss ggf. neu berechnet werden\r\n dwTableColumnContentResizeNewValue = getRealTableColumnWidth(dwTableColumnResizeColumnIndex, parseInt(dwTableColumnContentResizeNewValue)) + \"px\";\r\n dwTableColumnContentResize();\r\n }, DWTABLECOLUMNRESIZE_DELAY);\r\n}\r\n\r\nfunction dwTableColumnContentResize() {\r\n while (true) {\r\n var myValue = dwTableColumnContentResizeNewValue;\r\n try {\r\n var contentTable = $(dwTableColumnResizeDragUniqueId + (dwTableColumnResizeDragFixedColumn ? \"_fixedContentTable\" : \"_contentTable\"));\r\n var rowContainer = dwDomGetRealRowContainerNode(contentTable);\r\n var rows = dwDomGetChildrenByTagname(rowContainer, \"tr\", {}, false);\r\n for (var i = 0; i < rows.length; i++) {\r\n var row = rows[i];\r\n var cell = dwDomGetChildAtIndex(dwDomGetChildAtIndex(row, dwTableColumnResizeColumnIndex), 0);\r\n cell.style.width = myValue;\r\n if (dwTableColumnContentResizeNewValue != myValue) {\r\n break;\r\n }\r\n }\r\n } catch (exception) {\r\n }\r\n if (dwTableColumnContentResizeNewValue == myValue) {\r\n // Wert ist gleich geblieben\r\n dwTableColumnContentResizeRuns = false;\r\n return;\r\n }\r\n }\r\n}\r\n\r\nfunction dwTableColumnResizeDragStopEvent(event) {\r\n if (dwTableColumnResizeColumnIndex == null) {\r\n return;\r\n }\r\n dwTableColumnContentResize();\r\n\r\n var inputFieldName = dwTableColumnResizeDragUniqueId + \"_columnWidth_\" + dwTableColumnResizeColumnIndexWithFixedColumns;\r\n $(inputFieldName).value = dwTableColumnResizeHeaderCell.offsetWidth;\r\n dwAjaxTableColumnResized(event, dwTableColumnResizeDragEventHandlerComponentId, dwTableColumnResizeDragUniqueId, dwTableColumnResizeColumnIndexWithFixedColumns, \"\", true);\r\n\r\n dwTableColumnResizeDragStartCoords = null;\r\n dwTableColumnResizeDragEventHandlerComponentId = null;\r\n dwTableColumnResizeDragUniqueId = null;\r\n dwTableColumnResizeDragFixedColumn = false;\r\n\r\n dwTableColumnResizeColumnIndex = null;\r\n dwTableColumnResizeColumnIndexWithFixedColumns = null;\r\n dwTableColumnResizeHeaderCell = null;\r\n dwTableColumnResizeFixedTable = null;\r\n dwTableColumnResizeInitialColumnWidth = null;\r\n dwTableColumnResizeInitialFixedTableWidth = null;\r\n}\r\n\r\nfunction dwTableColumnResizeParsePixel(pixelValue) {\r\n if (pixelValue == \"\") {\r\n return 0;\r\n }\r\n return parseInt(pixelValue);\r\n}\r\n\r\nfunction dwTableColumnResizeGetPageCoordinates(event) {\r\n return new Array(document.all ? window.event.clientX : event.pageX,\r\n document.all ? window.event.clientY : event.pageY);\r\n}\n/*\r\n * Copyright (c) 2018 Docware GmbH\r\n */\r\n\r\n/**\r\n * Verwaltet Informationen über Controls, die bei Größenänderungen benachrichtigt werden sollen.\r\n */\r\n\r\n\r\nvar dwResizeRegistry = dwResizeRegistryGetInstance();\r\n\r\n/**\r\n * Klasse zur Verwaltung der Controls mit Resize-Listenern\r\n */\r\nfunction DwResizeRegistry() {\r\n this.dwResizeRegistryControlCache = {};\r\n this.isUpdating = false;\r\n}\r\n\r\nfunction dwResizeRegistryGetInstance() {\r\n if (dwResizeRegistry == null) {\r\n dwResizeRegistry = new DwResizeRegistry();\r\n }\r\n return dwResizeRegistry;\r\n}\r\n\r\n/**\r\n * Ein Control zur Überwachung der Größe hinzufügen (Resize-Listener installieren)\r\n */\r\nDwResizeRegistry.prototype.addControl = function(eventHandlerComponentId, controlId, parentId) {\r\n var data = this.dwResizeRegistryControlCache[controlId];\r\n if (data) {\r\n return;\r\n }\r\n data = {};\r\n data.eventHandlerComponentId = eventHandlerComponentId;\r\n data.controlId = controlId;\r\n data.parentId = parentId;\r\n data.width = 0;\r\n data.height = 0;\r\n this.dwResizeRegistryControlCache[controlId] = data;\r\n\r\n if (dwFrameworkInitFinished) {\r\n var control = $(data.controlId); // initiales resize-Event feuern\r\n if (control != null) {\r\n var updateControls = {};\r\n this.checkControl(control, data, updateControls);\r\n this.notifyControls(updateControls);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Ein Control von der Überwachung der Größe entfernen (Resize-Listener deinstallieren)\r\n */\r\nDwResizeRegistry.prototype.removeControl = function(controlId) {\r\n delete this.dwResizeRegistryControlCache[controlId];\r\n};\r\n\r\n/**\r\n * Änderungen der Größe feststellen, neue Größen speichern und Änderungen weiter propagieren\r\n */\r\nDwResizeRegistry.prototype.updateSizes = function() {\r\n if (this.isUpdating) {\r\n return;\r\n }\r\n this.isUpdating = true;\r\n try {\r\n var updateControls = {};\r\n // zuerst Ermitteln der Controls mit Größenänderungen\r\n for (var id in this.dwResizeRegistryControlCache) {\r\n if (this.dwResizeRegistryControlCache.hasOwnProperty(id)) {\r\n var data = this.dwResizeRegistryControlCache[id];\r\n var control = $(data.controlId);\r\n if (control == null) {\r\n // nicht mehr sichtbar -> entfernen\r\n delete this.dwResizeRegistryControlCache[data.controlId];\r\n } else {\r\n this.checkControl(control, data, updateControls);\r\n }\r\n }\r\n }\r\n this.notifyControls(updateControls);\r\n } finally {\r\n // Im Fehlerfall Flag trotzdem sauber bereinigen sonst würde er nie mehr in die Methode gelangen\r\n this.isUpdating = false;\r\n }\r\n};\r\n/**\r\n * Überprüft, ob sich die Höhe/Breite eines Controls geändert hat\r\n */\r\nDwResizeRegistry.prototype.checkControl = function(control, data, updateControls) {\r\n var currentWidth = control.offsetWidth;\r\n var currentHeight = control.offsetHeight;\r\n if ((data.width !== currentWidth) || (data.height !== currentHeight)) {\r\n data.oldWidth = data.width; // alte Breite/Höhe merken\r\n data.oldHeight = data.height;\r\n data.width = currentWidth; // aktuelle Breite/Höhe setzen\r\n data.height = currentHeight;\r\n var absPointChild = dwUtilsGetLocationOnWindow(control, true);\r\n var absPointParent = new DWPoint(0, 0);\r\n if (data.parentId) {\r\n // parentId kann leer sein ...\r\n var parent = $(data.parentId);\r\n if (parent != null) {\r\n absPointParent = dwUtilsGetLocationOnWindow(parent, true);\r\n }\r\n }\r\n data.relX = absPointChild.x - absPointParent.x;\r\n data.relY = absPointChild.y - absPointParent.y;\r\n data.absX = absPointChild.x;\r\n data.absY = absPointChild.y;\r\n updateControls[data.controlId] = data;\r\n }\r\n};\r\n\r\n/**\r\n * Informiert alle Controls über Größenänderungen\r\n */\r\nDwResizeRegistry.prototype.notifyControls = function(updateControls) {\r\n // nun diese Controls benachrichtigen\r\n for (var id in updateControls) {\r\n if (updateControls.hasOwnProperty(id)) {\r\n var data = updateControls[id];\r\n\r\n var newWidth = \"newWidth=\" + data.width + \"@DWSUB@\";\r\n var newHeight = \"newHeight=\" + data.height + \"@DWSUB@\";\r\n var relX = \"relX=\" + data.relX + \"@DWSUB@\";\r\n var relY = \"relY=\" + data.relY + \"@DWSUB@\";\r\n var absX = \"absX=\" + data.absX + \"@DWSUB@\";\r\n var absY = \"absY=\" + data.absY;\r\n\r\n var params = newWidth + newHeight + relX + relY + absX + absY;\r\n var control = $(data.controlId);\r\n if (control != null) {\r\n var onClientSideResize = dwDomGetDomAttribute(control, \"onresizeClientSide\"); // Workaround für clientseitige Resize-Listener\r\n if (onClientSideResize != null) {\r\n eval(onClientSideResize); // die eigentliche Funktion versteckt sich im Attributwert\r\n }\r\n }\r\n dwAjaxDefaultOnResize(null, data.eventHandlerComponentId, data.controlId, params, true);\r\n }\r\n }\r\n};\r\n\n/*\r\n * Copyright (c) 2018 Docware GmbH\r\n */\r\n\r\n//\r\n// Hinweis: Prototype Methoden werden nicht für jede Instanz in den Speicher geladen, sondern einmalig für die JS Klasse\r\n// Sie sind Methoden-Implementierungen in der Klassendefinition selbst vorzuziehen (z.B. this.myMethod = function()...)\r\n// Sie dürfen erst nach den Vererbungsregeln definiert werden\r\n//\r\n\r\n//\r\n// KONSTANTEN\r\n//\r\nvar DW_HOTKEY_KEY_SEPARATOR = \"_\";\r\nvar dwHotkeyRegistry = dwHotkeyRegistryGetInstance();\r\n// Unterstützte HOTKEY Typen. Typ-spezifische Ableitung muss Methode 'execute' implementieren\r\nvar DW_HOTKEY_TYPE = {\r\n RECURSIVE_WITH_CALLBACK: \"RECURSIVE_WITH_CALLBACK\",\r\n RECURSIVE_WITH_ONCLICK: \"RECURSIVE_WITH_CLICK\",\r\n NEAREST_NEIGHBOUR: \"NEAREST_NEIGHBOUR\"\r\n};\r\n// event[Key] dient zum Auslesen, ob der Modifier beim Event gedrückt ist\r\nvar DW_HOTKEY_SUPPORTED_MODIFIERS = new Array(\"ALT\", \"CTRL\", \"SHIFT\");\r\n\r\nvar dwHotkeyRegistryCacheByWindowId = new Object();\r\n\r\n//\r\n// KLASSEN\r\n//\r\n\r\n/**\r\n * Abstrakte Implementierung der Bean für Hotkey Einträge in der Registry\r\n * Muss von DwTempHotkey als Zwischenschicht abgeleitet werden, damit bei der Vererbungshierarchie\r\n * der Konstruktor der Superklasse nicht mit Parametern aufgerufen wird\r\n * @param type\r\n * @param keycode\r\n * @param modifiersArray\r\n */\r\nfunction DwAbstractHotkey(type, keycode, modifiersArray) {\r\n this.type = type;\r\n this.keycode = keycode;\r\n this.modifiersArray = modifiersArray.sort();\r\n}\r\n\r\nDwAbstractHotkey.prototype.doAction = function(event, eventHandlerComponentId, controlId) {\r\n alert(\"Method 'doAction' needs to be overriden for type '\" + this.type + \"'.\");\r\n};\r\n\r\nDwAbstractHotkey.prototype.getKey = function() {\r\n return this.keycode + DW_HOTKEY_KEY_SEPARATOR + this.modifiersArray.join(DW_HOTKEY_KEY_SEPARATOR);\r\n};\r\n\r\nDwAbstractHotkey.prototype.fireCallback = function(event, eventHandlerComponentId, controlId) {\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n dwFrameworkDisableEventBubbling(event);\r\n var keycode = dwUtilsGetEventKeyCode(event);\r\n var key = String.fromCharCode(keycode);\r\n var hotkey = \"\";\r\n var modifiers = this.modifiersArray.join(\"+\");\r\n hotkey = hotkey.concat(modifiers).concat(\"+\").concat(key);\r\n dwAjaxDefaultOnHotkeyEvent(event, eventHandlerComponentId, controlId,\r\n \"hotkey=\" + hotkey + \"@DWSUB@hotkeyType=\" + this.type, true);\r\n};\r\n\r\nDwAbstractHotkey.prototype.fireClick = function(event, controlToClick, resetFocus) {\r\n var srcControl = dwUtilsGetEventTarget(event);\r\n // Im IE muss der Focus weg, damit wir onChange des Textfields mitbekommen\r\n if (resetFocus) {\r\n try {\r\n controlToClick.focus();\r\n } catch (exception) {\r\n } // nicht fokussierbar\r\n }\r\n controlToClick.click();\r\n if (resetFocus) {\r\n try {\r\n srcControl.focus();\r\n } catch (exception) {\r\n } // nicht fokussierbar\r\n }\r\n};\r\n\r\n\r\n/**\r\n * Klasse für Hotkey Einträge, die nur ein Event zum Server schicken\r\n * Keine direkten clientseitigen Aufrufe\r\n * @param keycode\r\n * @param modifiersArray\r\n */\r\nfunction DwRecursiveCallbackHotkey(keycode, modifiersArray) {\r\n DwAbstractHotkey.call(this, DW_HOTKEY_TYPE.RECURSIVE_WITH_CALLBACK, keycode, modifiersArray);\r\n}\r\n\r\n/**\r\n * Klasse für Hotkey Einträge, die ein clientseitiges Event auslösen (Aufruf der onclick Methode auf dem\r\n * aufgerufenen Element)\r\n * @param keycode\r\n * @param modifiersArray\r\n */\r\nfunction DwExecuteClickHotkey(keycode, modifiersArray) {\r\n DwAbstractHotkey.call(this, DW_HOTKEY_TYPE.RECURSIVE_WITH_ONCLICK, keycode, modifiersArray);\r\n}\r\n\r\n/**\r\n * Klasse für Mnemonic Hotkey-Einträge\r\n * @param keycode\r\n * @param modifiersArray\r\n */\r\nfunction DwMnemonicHotkey(keycode, modifiersArray) {\r\n DwAbstractHotkey.call(this, DW_HOTKEY_TYPE.RECURSIVE_WITH_ONCLICK, keycode, modifiersArray);\r\n}\r\n\r\n/**\r\n * Klasse für Hotkey Einträge, die alle nearest neighbours auswertet und mit den registrierten IDs abgleicht\r\n * Bei positivem Match wird das onClick Event ausgelöst (z.B. Defaultbutton)\r\n * @param keycode\r\n * @param modifiersArray\r\n */\r\nfunction DwNearestNeighbourHotkey(keycode, modifiersArray) {\r\n DwAbstractHotkey.call(this, DW_HOTKEY_TYPE.NEAREST_NEIGHBOUR, keycode, modifiersArray);\r\n}\r\n\r\n/**\r\n * Leere Klasse in der Vererbungshierarchie, so dass Konstruktur der Super-Klasse\r\n * bei Aufbau der Vererbung nicht mit Parametern aufgerufen werden muss\r\n */\r\nfunction DwTempHotkey() {\r\n}\r\n\r\n//\r\n// VERERBUNGEN. DwAbstractHotkey -> DwTempHotkey -> DwRecursiveCallbackHotkey/ ...\r\n//\r\nDwTempHotkey.prototype = DwAbstractHotkey.prototype;\r\nDwRecursiveCallbackHotkey.prototype = new DwTempHotkey();\r\nDwExecuteClickHotkey.prototype = new DwTempHotkey();\r\nDwMnemonicHotkey.prototype = new DwTempHotkey();\r\nDwNearestNeighbourHotkey.prototype = new DwTempHotkey();\r\n\r\n//\r\n// METHODEN. Neue oder überlagernde Methoden in den ableitenden Klassen müssen nach der Vererbungsregel definiert werden!\r\n//\r\nDwRecursiveCallbackHotkey.prototype.doAction = function(event, eventHandlerComponentId, controlId) {\r\n // Aktion: Callback zu Server. Event auslösen\r\n var isExecuted = false;\r\n var srcControl = dwUtilsGetEventTarget(event);\r\n var control = srcControl;\r\n while (!isExecuted && (control != null)) {\r\n if (control.id == controlId) {\r\n this.fireCallback(event, eventHandlerComponentId, controlId);\r\n isExecuted = true;\r\n }\r\n control = control.parentNode;\r\n }\r\n return isExecuted;\r\n};\r\n\r\nDwExecuteClickHotkey.prototype.doAction = function(event, eventHandlerComponentId, controlId) {\r\n // Aktion: Click Event auslösen.\r\n var control = $(controlId);\r\n this.fireClick(event, control, true);\r\n return true; // nur/immer das erste Hotkey Objekt wird geklickt \r\n};\r\n\r\nDwMnemonicHotkey.prototype.doAction = function(event, eventHandlerComponentId, controlId) {\r\n var control = $(controlId);\r\n this.fireClick(event, control, true);\r\n this.fireCallback(event, eventHandlerComponentId, controlId);\r\n return true;\r\n};\r\n\r\nDwNearestNeighbourHotkey.prototype.doAction = function(event, eventHandlerComponentId, controlId) {\r\n // Aktion: Nearest Neighbour finden (z.B. DefaultButton, Cancel Button) und Event auslösen\r\n if (event.keyCode != this.keycode) {\r\n return false;\r\n }\r\n var srcControl = dwUtilsGetEventTarget(event);\r\n\r\n var srcControlAllowsFiring = srcControl.getAttribute(\"allowsFiringNearestNeighbour\");\r\n // Wenn das Attribut nicht vorhanden ist, dann ist es allowed\r\n if ((srcControlAllowsFiring != null) && (srcControlAllowsFiring == \"false\")) {\r\n return false;\r\n }\r\n\r\n // Wir schauen 1 Ebene(n) hoch\r\n var iterControl = srcControl.parentNode;\r\n var panelCounter = 0;\r\n while (true) {\r\n if ((panelCounter > 0) || (iterControl == null)) {\r\n break;\r\n }\r\n if (iterControl.nodeType == DWUTILS_NODE_TYPE.ELEMENT) {\r\n var classNames = iterControl.className;\r\n classNames = dwUtilsSplit(classNames, \" \", false);\r\n if (dwUtilsIsInArray(classNames, \"guipanel\")) {\r\n panelCounter++;\r\n var nearestNeighbour = this.findNearestNeighbour(iterControl, event.keyCode, controlId, true, true, null);\r\n if ((nearestNeighbour != null) && !nearestNeighbour.disabled) {\r\n this.fireClick(event, nearestNeighbour, true);\r\n return true;\r\n }\r\n }\r\n }\r\n iterControl = iterControl.parentNode;\r\n }\r\n return false;\r\n};\r\n\r\n/**\r\n *\r\n * Die Funktion findNearestNeighbour sucht NICHT nach dem nächsten Element im DOM-Baum, welches auf den keyCode registriert ist!\r\n *\r\n * Sondern: Die auf den entsprechenden KeyCode registrierten Elemente werden in der Datenstruktur this.registeredHotkeysByKey gespeichert.\r\n * Wird ein Hotkey-Event ausgelöst wird das Element zurückgegeben, welches sich als erstes registriert hat, daher als erstes in this.registeredHotkeysByKey gespeichert ist und im aktuellen DOM-Baum auch enthalten ist.\r\n * Die Elemente in this.registeredHotkeysByKey werden in @function callHotkeyByKey der Reihe nach abgearbeitet.\r\n *\r\n *\r\n * @param currentNode\r\n * @param keyCode\r\n * @param nearestNeighbourId die id des elements, welches gerade betrachtet wird und in this.registeredHotkeysByKey registriert ist\r\n * @param doSearchUp soll im DOM-Baum aufwärts gesucht werden (parentNodes)\r\n * @param doSearchDown soll im DOM-Baum abwärts gesucht werden (childNodes)\r\n * @param excludedNode\r\n * @returns {*} null, wenn nichts gefunden wurde oder die node welche mit der nearestNeighbourId übereinstimmt\r\n */\r\nDwNearestNeighbourHotkey.prototype.findNearestNeighbour = function(currentNode, keyCode, nearestNeighbourId, doSearchUp, doSearchDown, excludedNode) {\r\n var childNodes = currentNode.childNodes;\r\n for (var i = 0; i < childNodes.length; i++) {\r\n var childNode = childNodes[i];\r\n if (childNode == excludedNode) {\r\n continue;\r\n }\r\n if (childNode.nodeType == DWUTILS_NODE_TYPE.ELEMENT) {\r\n var childId = childNode.id;\r\n if (childId == nearestNeighbourId) {\r\n if (dwUtilsGetStyle(childNode, \"display\") != \"none\") {\r\n return childNode; // Button gefunden (Default oder Cancel, abhängig von registrierten Keycode)\r\n } else {\r\n return null; // gefundener Button ist nicht sichtbar\r\n }\r\n }\r\n\r\n if (doSearchDown) {\r\n var nearestNeighbourNode = this.findNearestNeighbour(childNode, keyCode, nearestNeighbourId, false, true, null);\r\n if (nearestNeighbourNode != null) {\r\n return nearestNeighbourNode;\r\n }\r\n }\r\n }\r\n }\r\n if (doSearchUp) {\r\n var parentNode = currentNode.parentNode;\r\n if (parentNode != null) {\r\n var nearestNeighbourNode = this.findNearestNeighbour(parentNode, keyCode, nearestNeighbourId, true, true, currentNode);\r\n if (nearestNeighbourNode != null) {\r\n return nearestNeighbourNode;\r\n }\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nfunction DwHotkeyRegistryEntry(eventHandlerComponentId, controlId, hotkey) {\r\n this.eventHandlerComponentId = eventHandlerComponentId;\r\n this.controlId = controlId;\r\n this.hotkey = hotkey;\r\n}\r\n\r\nDwHotkeyRegistryEntry.prototype.getKey = function() {\r\n return this.hotkey.getKey();\r\n};\r\n\r\nDwHotkeyRegistryEntry.prototype.doAction = function(event) {\r\n return this.hotkey.doAction(event, this.eventHandlerComponentId, this.controlId);\r\n};\r\nDwHotkeyRegistryEntry.prototype.fireCallback = function(event) {\r\n this.hotkey.fireCallback(event, this.eventHandlerComponentId, this.controlId);\r\n};\r\nDwHotkeyRegistryEntry.prototype.equals = function(entry) {\r\n if (this == entry) {\r\n return true;\r\n }\r\n if ((this.controlId != entry.controlId) || (this.eventHandlerComponentId != entry.eventHandlerComponentId)) {\r\n return false;\r\n }\r\n if ((this.hotkey.keycode != entry.hotkey.keycode) || (this.hotkey.type != entry.hotkey.type)) {\r\n return false;\r\n }\r\n return true;\r\n};\r\n\r\n/**\r\n * Klasse zur Verwaltung der Hotkey Einträge\r\n */\r\nfunction DwHotkeyRegistry() {\r\n this.registeredHotkeysByKey = new Object();\r\n}\r\n\r\nDwHotkeyRegistry.prototype.getIndex = function(registryEntryValue) {\r\n var key = registryEntryValue.getKey();\r\n var registeredHotkeys = this.registeredHotkeysByKey[key];\r\n if (registeredHotkeys != null) {\r\n for (var i = 0; i < registeredHotkeys.length; i++) {\r\n if (registeredHotkeys[i].equals(registryEntryValue)) {\r\n return i;\r\n }\r\n }\r\n }\r\n return -1;\r\n};\r\n\r\nDwHotkeyRegistry.prototype.__internalCreateKeyFromEvent = function(event) {\r\n var keycode = dwUtilsGetEventKeyCode(event);\r\n var modifiersArray = new Array();\r\n for (var i = 0; i < DW_HOTKEY_SUPPORTED_MODIFIERS.length; i++) {\r\n var supportedModifier = DW_HOTKEY_SUPPORTED_MODIFIERS[i];\r\n if (event[supportedModifier.toLowerCase() + \"Key\"]) {\r\n modifiersArray.push(supportedModifier);\r\n }\r\n }\r\n return keycode + DW_HOTKEY_KEY_SEPARATOR + modifiersArray.join(DW_HOTKEY_KEY_SEPARATOR);\r\n};\r\n\r\nDwHotkeyRegistry.prototype.__internalRemoveHotkeyEntry = function(eventHandlerComponentId, controlId, hotkey) {\r\n var registryEntryValue = new DwHotkeyRegistryEntry(eventHandlerComponentId, controlId, hotkey);\r\n var key = registryEntryValue.getKey();\r\n\r\n dwHotkeyRegistryStoreSettingsToCache(\"thisWindowId\");\r\n var windowId;\r\n for (windowId in dwHotkeyRegistryCacheByWindowId) {\r\n var windowReg = dwHotkeyRegistryCacheByWindowId[windowId];\r\n if (windowReg) { // kann durch dwHotkeyRegistryLoadSettingsFromCache() null sein\r\n var registeredHotkeys = windowReg.registeredHotkeysByKey[key];\r\n var index = windowReg.getIndex(registryEntryValue);\r\n if (index != -1) {\r\n dwUtilsRemoveFromArrayByIndex(registeredHotkeys, index);\r\n if (registeredHotkeys.length == 0) {\r\n windowReg.registeredHotkeysByKey[key] = null; // Entspricht dem Zustand bevor ein erster Eintrag hinzugefügt wurde\r\n }\r\n }\r\n }\r\n }\r\n dwHotkeyRegistryLoadSettingsFromCache(\"thisWindowId\");\r\n};\r\n\r\nDwHotkeyRegistry.prototype.__internalAddHotkeyEntry = function(eventHandlerComponentId, controlId, hotkey) {\r\n var registryEntryValue = new DwHotkeyRegistryEntry(eventHandlerComponentId, controlId, hotkey);\r\n var registryEntryKey = registryEntryValue.getKey();\r\n\r\n dwHotkeyRegistryStoreSettingsToCache(\"thisWindowId\");\r\n var windowId;\r\n for (windowId in dwHotkeyRegistryCacheByWindowId) {\r\n var windowReg = dwHotkeyRegistryCacheByWindowId[windowId];\r\n if (windowReg) { // kann durch dwHotkeyRegistryLoadSettingsFromCache() null sein\r\n var currentRegisteredEntriesForKey = windowReg.registeredHotkeysByKey[registryEntryKey];\r\n if (currentRegisteredEntriesForKey == null) {\r\n // Noch keine Einträge. Liste erstellen\r\n currentRegisteredEntriesForKey = new Array();\r\n windowReg.registeredHotkeysByKey[registryEntryKey] = currentRegisteredEntriesForKey;\r\n }\r\n currentRegisteredEntriesForKey.push(registryEntryValue);\r\n }\r\n }\r\n dwHotkeyRegistryLoadSettingsFromCache(\"thisWindowId\");\r\n};\r\n\r\nDwHotkeyRegistry.prototype.addRecursiveCallbackHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwRecursiveCallbackHotkey(keycode, modifiersArray);\r\n this.__internalAddHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\nDwHotkeyRegistry.prototype.addExecuteClickHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwExecuteClickHotkey(keycode, modifiersArray);\r\n this.__internalAddHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\nDwHotkeyRegistry.prototype.addMnemonicHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwMnemonicHotkey(keycode, modifiersArray);\r\n this.__internalAddHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\nDwHotkeyRegistry.prototype.addNearestNeighbourHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwNearestNeighbourHotkey(keycode, modifiersArray);\r\n this.__internalAddHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\n\r\nDwHotkeyRegistry.prototype.removeRecursiveCallbackHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwRecursiveCallbackHotkey(keycode, modifiersArray);\r\n this.__internalRemoveHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\nDwHotkeyRegistry.prototype.removeExecuteClickHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwExecuteClickHotkey(keycode, modifiersArray);\r\n this.__internalRemoveHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\nDwHotkeyRegistry.prototype.removeMnemonicHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwMnemonicHotkey(keycode, modifiersArray);\r\n this.__internalRemoveHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\nDwHotkeyRegistry.prototype.removeNearestNeighbourHotkeyEntry = function(eventHandlerComponentId, controlId, key, modifiers) {\r\n var keycode = VIRTUAL_KEYCODES[\"KEY_\" + key.toUpperCase()];\r\n var modifiersArray = dwUtilsSplit(modifiers, \"+\", false);\r\n var hotkey = new DwNearestNeighbourHotkey(keycode, modifiersArray);\r\n this.__internalRemoveHotkeyEntry(eventHandlerComponentId, controlId, hotkey);\r\n};\r\n\r\nDwHotkeyRegistry.prototype.callHotkeyByKey = function(event) {\r\n if (!event) {\r\n event = window.event;\r\n }\r\n var srcControl = dwUtilsGetEventTarget(event);\r\n var key = this.__internalCreateKeyFromEvent(event);\r\n var registeredHotkeysForKey = this.registeredHotkeysByKey[key];\r\n if (registeredHotkeysForKey == null) {\r\n return false; // Keine Hotkeys für dieses Event registriert. Es muss nicht weiter gesucht werden\r\n }\r\n var control = srcControl;\r\n var isExecuted = false;\r\n var i = 0;\r\n while (!isExecuted && (i < registeredHotkeysForKey.length)) {\r\n var registeredHotkeyEntryForKey = registeredHotkeysForKey[i];\r\n isExecuted = registeredHotkeyEntryForKey.doAction(event);\r\n i++;\r\n }\r\n if (isExecuted) {\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n }\r\n return isExecuted;\r\n};\r\n\r\nfunction dwHotkeyRegistryStoreSettingsToCache(parentWindowId) {\r\n dwHotkeyRegistryCacheByWindowId[parentWindowId] = dwHotkeyRegistryGetInstance();\r\n dwHotkeyRegistry = new DwHotkeyRegistry();\r\n}\r\n\r\nfunction dwHotkeyRegistryLoadSettingsFromCache(parentWindowId) {\r\n dwHotkeyRegistry = dwHotkeyRegistryCacheByWindowId[parentWindowId];\r\n delete dwHotkeyRegistryCacheByWindowId[parentWindowId];\r\n}\r\n\r\nfunction dwHotkeyRegistryGetInstance() {\r\n if (dwHotkeyRegistry == null) {\r\n dwHotkeyRegistry = new DwHotkeyRegistry();\r\n }\r\n return dwHotkeyRegistry;\r\n}\n//\r\n// EXPERIMENTELLE IMPLEMENTIERUNG. DIENT ALS MAPPING VON JS KEY CODE ZU KONSTANTE.\r\n// EXPERIMENTELL DESWEGEN, WEIL ES AUF ANDEREN TASTATUREN ALS DEUTSCH EVLT. NICHT PASST\r\n//\r\nvar VIRTUAL_KEYCODES = {\r\n MOUSE_LEFTBUTTON: 1,\r\n MOUSE_RIGHTBUTTON: 2,\r\n MOUSE_MIDDLEBUTTON: 4, // falls 3-Button-Mouse\r\n KEY_CANCEL: 3, // Control-break Processing\r\n\r\n KEY_BACK_SPACE: 8,\r\n KEY_TAB: 9,\r\n KEY_ENTER: 13,\r\n KEY_SHIFT: 16,\r\n KEY_CTRL: 17,\r\n KEY_ALT: 18,\r\n KEY_PAUSE: 19,\r\n KEY_CAPSLOCK: 20,\r\n KEY_ESC: 27,\r\n KEY_SPACE: 32,\r\n KEY_PAGE_UP: 33,\r\n KEY_PAGE_DOWN: 34,\r\n KEY_END: 35,\r\n KEY_HOME: 36,\r\n KEY_LEFT: 37,\r\n KEY_UP: 38,\r\n KEY_RIGHT: 39,\r\n KEY_DOWN: 40,\r\n KEY_INSERT: 45,\r\n KEY_DELETE: 46,\r\n\r\n KEY_0: 48,\r\n KEY_1: 49,\r\n KEY_2: 50,\r\n KEY_3: 51,\r\n KEY_4: 52,\r\n KEY_5: 53,\r\n KEY_6: 54,\r\n KEY_7: 55,\r\n KEY_8: 56,\r\n KEY_9: 57,\r\n\r\n\r\n KEY_A: 65,\r\n KEY_B: 66,\r\n KEY_C: 67,\r\n KEY_D: 68,\r\n KEY_E: 69,\r\n KEY_F: 70,\r\n KEY_G: 71,\r\n KEY_H: 72,\r\n KEY_I: 73,\r\n KEY_J: 74,\r\n KEY_K: 75,\r\n KEY_L: 76,\r\n KEY_M: 77,\r\n KEY_N: 78,\r\n KEY_O: 79,\r\n KEY_P: 80,\r\n KEY_Q: 81,\r\n KEY_R: 82,\r\n KEY_S: 83,\r\n KEY_T: 84,\r\n KEY_U: 85,\r\n KEY_V: 86,\r\n KEY_W: 87,\r\n KEY_X: 88,\r\n KEY_Y: 89,\r\n KEY_Z: 90,\r\n\r\n KEY_WINDOWS: 91,\r\n KEY_NUMPAD_0: 96,\r\n KEY_NUMPAD_1: 97,\r\n KEY_NUMPAD_2: 98,\r\n KEY_NUMPAD_3: 99,\r\n KEY_NUMPAD_4: 100,\r\n KEY_NUMPAD_5: 101,\r\n KEY_NUMPAD_6: 102,\r\n KEY_NUMPAD_7: 103,\r\n KEY_NUMPAD_8: 104,\r\n KEY_NUMPAD_9: 105,\r\n\r\n KEY_NUMPAD_MULTIPLY: 106,\r\n KEY_NUMPAD_PLUS: 107,\r\n KEY_NUMPAD_MINUS: 109, // entspricht auch Binde-/Unterstrich\r\n KEY_NUMPAD_POINT: 110,\r\n KEY_NUMPAD_DIVIDE: 111,\r\n\r\n KEY_F1: 112,\r\n KEY_F2: 113,\r\n KEY_F3: 114,\r\n KEY_F4: 115,\r\n KEY_F5: 116,\r\n KEY_F6: 117,\r\n KEY_F7: 118,\r\n KEY_F8: 119,\r\n KEY_F9: 120,\r\n KEY_F10: 121,\r\n KEY_F11: 122,\r\n KEY_F12: 123,\r\n\r\n KEY_NUMLOCK: 144,\r\n KEY_SCROLLLOCK: 145,\r\n\r\n // Zeichen Benennungen angelehnt an deutsches Standard-Tastatur-Layout\r\n KEY_SIGNS_COMMA: 188,\r\n KEY_SIGNS_POINT: 190,\r\n KEY_SIGNS_HASH: 191,\r\n KEY_SIGNS_UUML: 59,\r\n KEY_SIGNS_OUML: 192,\r\n KEY_SIGNS_AUML: 222,\r\n KEY_SIGNS_LESSTHAN: 226,\r\n KEY_SIGNS_APOSTROPHE: 221,\r\n KEY_SIGNS_SZ: 219,\r\n KEY_SIGNS_ZIRKUMFLEX: 220\r\n};\r\n\r\n//var LETTERS = new Array(VIRTUAL_KEYCODES.KEY_A, VIRTUAL_KEYCODES.KEY_B, VIRTUAL_KEYCODES.KEY_C, VIRTUAL_KEYCODES.KEY_D,\r\n// VIRTUAL_KEYCODES.KEY_E, VIRTUAL_KEYCODES.KEY_F, VIRTUAL_KEYCODES.KEY_G, VIRTUAL_KEYCODES.KEY_H,\r\n// VIRTUAL_KEYCODES.KEY_I, VIRTUAL_KEYCODES.KEY_J, VIRTUAL_KEYCODES.KEY_K, VIRTUAL_KEYCODES.KEY_L,\r\n// VIRTUAL_KEYCODES.KEY_M, VIRTUAL_KEYCODES.KEY_N, VIRTUAL_KEYCODES.KEY_O, VIRTUAL_KEYCODES.KEY_P,\r\n// VIRTUAL_KEYCODES.KEY_Q, VIRTUAL_KEYCODES.KEY_R, VIRTUAL_KEYCODES.KEY_S, VIRTUAL_KEYCODES.KEY_T,\r\n// VIRTUAL_KEYCODES.KEY_U, VIRTUAL_KEYCODES.KEY_V, VIRTUAL_KEYCODES.KEY_W, VIRTUAL_KEYCODES.KEY_X,\r\n// VIRTUAL_KEYCODES.KEY_Y, VIRTUAL_KEYCODES.KEY_Z);\r\n//\r\n//var NUMBERS = new Array(VIRTUAL_KEYCODES.KEY_0, VIRTUAL_KEYCODES.KEY_1, VIRTUAL_KEYCODES.KEY_2, VIRTUAL_KEYCODES.KEY_3,\r\n// VIRTUAL_KEYCODES.KEY_4, VIRTUAL_KEYCODES.KEY_5, VIRTUAL_KEYCODES.KEY_6, VIRTUAL_KEYCODES.KEY_7,\r\n// VIRTUAL_KEYCODES.KEY_8, VIRTUAL_KEYCODES.KEY_9);\r\n//var NUMBERS_NUMPAD = new Array (VIRTUAL_KEYCODES.KEY_NUMPAD_0, VIRTUAL_KEYCODES.KEY_NUMPAD_1, VIRTUAL_KEYCODES.KEY_NUMPAD_2,\r\n// VIRTUAL_KEYCODES.KEY_NUMPAD_3, VIRTUAL_KEYCODES.KEY_NUMPAD_4, VIRTUAL_KEYCODES.KEY_NUMPAD_5,\r\n// VIRTUAL_KEYCODES.KEY_NUMPAD_6, VIRTUAL_KEYCODES.KEY_NUMPAD_7, VIRTUAL_KEYCODES.KEY_NUMPAD_8,\r\n// VIRTUAL_KEYCODES.KEY_NUMPAD_9);\r\n//\r\n//var ALPHANUMERIC = LETTERS.concat(NUMBERS).concat(NUMBERS_NUMPAD);\r\n\r\nfunction dwKeyCodesKeyIsLetter(event) {\r\n event = dwFrameworkGetEvent(event);\r\n var keyCode = dwUtilsGetEventKeyCode(event);\r\n return dwKeyCodesKeyCodeIsLetter(keyCode);\r\n}\r\n\r\nfunction dwKeyCodesKeyCodeIsLetter(keyCode) {\r\n return ((keyCode >= VIRTUAL_KEYCODES.KEY_A) && (keyCode <= VIRTUAL_KEYCODES.KEY_Z));\r\n}\r\n\r\nfunction dwKeyCodesKeyIsNumber(event, includeNumpadNumbers) {\r\n event = dwFrameworkGetEvent(event);\r\n var keyCode = dwUtilsGetEventKeyCode(event);\r\n return dwKeyCodesKeyCodeIsNumber(keyCode, includeNumpadNumbers);\r\n}\r\n\r\nfunction dwKeyCodesKeyCodeIsNumber(keyCode, includeNumpadNumbers) {\r\n if ((keyCode >= VIRTUAL_KEYCODES.KEY_0) && (keyCode <= VIRTUAL_KEYCODES.KEY_9)) {\r\n return true;\r\n }\r\n if (includeNumpadNumbers) {\r\n if ((keyCode >= VIRTUAL_KEYCODES.KEY_NUMPAD_0) && (keyCode <= VIRTUAL_KEYCODES.KEY_NUMPAD_9)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n\r\nfunction dwKeyCodesKeyIsValidForTypeahead(event) {\r\n event = dwFrameworkGetEvent(event);\r\n var keyCode = dwUtilsGetEventKeyCode(event);\r\n return dwKeyCodesKeyCodeIsValidForTypeahead(keyCode);\r\n}\r\n\r\nfunction dwKeyCodesKeyCodeIsValidForTypeahead(keyCode) {\r\n if (dwKeyCodesKeyCodeIsLetter(keyCode)) {\r\n return true;\r\n }\r\n\r\n if (keyCode == VIRTUAL_KEYCODES.KEY_SPACE) {\r\n return true;\r\n }\r\n\r\n if (dwKeyCodesKeyCodeIsNumber(keyCode, true)) {\r\n return true;\r\n }\r\n\r\n var numPadSigns = new Array(VIRTUAL_KEYCODES.KEY_NUMPAD_MULTIPLY, VIRTUAL_KEYCODES.KEY_NUMPAD_PLUS,\r\n VIRTUAL_KEYCODES.KEY_NUMPAD_MINUS, VIRTUAL_KEYCODES.KEY_NUMPAD_POINT,\r\n VIRTUAL_KEYCODES.KEY_NUMPAD_DIVIDE);\r\n if (dwUtilsIsInArray(numPadSigns, keyCode)) {\r\n return true;\r\n }\r\n\r\n var otherInputSigns = new Array(VIRTUAL_KEYCODES.KEY_SIGNS_COMMA, VIRTUAL_KEYCODES.KEY_SIGNS_APOSTROPHE,\r\n VIRTUAL_KEYCODES.KEY_SIGNS_HASH, VIRTUAL_KEYCODES.KEY_SIGNS_LESSTHAN, VIRTUAL_KEYCODES.KEY_SIGNS_POINT,\r\n VIRTUAL_KEYCODES.KEY_SIGNS_ZIRKUMFLEX, VIRTUAL_KEYCODES.KEY_SIGNS_SZ, VIRTUAL_KEYCODES.KEY_SIGNS_AUML,\r\n VIRTUAL_KEYCODES.KEY_SIGNS_OUML, VIRTUAL_KEYCODES.KEY_SIGNS_UUML);\r\n if (dwUtilsIsInArray(otherInputSigns, keyCode)) {\r\n return true;\r\n }\r\n return false;\r\n}\n/*\r\n * Copyright (c) 2024 Quanos Service Solutions GmbH\r\n */\r\nvar DWTOUCH_SLIDE_VALUE = 70;\r\nvar DWTOUCH_CLICK_TOLERANCE_VALUE = 30; // entspricht auch der minimalen Größe von Controls\r\n\r\nvar DWTOUCH_FINGERS = -1;\r\nvar DWTOUCH_START_X1 = -1;\r\nvar DWTOUCH_START_Y1 = -1;\r\nvar DWTOUCH_CURRENT_X1 = -1;\r\nvar DWTOUCH_CURRENT_Y1 = -1;\r\nvar DWTOUCH_CURRENT_SCREEN_X1 = -1;\r\nvar DWTOUCH_CURRENT_SCREEN_Y1 = -1;\r\nvar DWTOUCH_START_X2 = -1;\r\nvar DWTOUCH_START_Y2 = -1;\r\nvar DWTOUCH_CURRENT_X2 = -1;\r\nvar DWTOUCH_CURRENT_Y2 = -1;\r\nvar DWTOUCH_IMAGEVIEW = null;\r\nvar DWTOUCH_IMAGEVIEW_START_ZOOMLEVEL = -1;\r\nvar DWTOUCH_SCROLLPANE = null;\r\nvar DWTOUCH_SCROLLPANE_IS_IMAGE = false;\r\nvar DWTOUCH_SCROLLPANE_NATIVE = false;\r\nvar DWTOUCH_START_SCROLL_X = -1;\r\nvar DWTOUCH_START_SCROLL_Y = -1;\r\nvar DWTOUCH_START_SCROLL_DATE = null;\r\n\r\nvar DWTOUCH_SLIDE_DIRECTION_NORTH = \"N\";\r\nvar DWTOUCH_SLIDE_DIRECTION_EAST = \"E\";\r\nvar DWTOUCH_SLIDE_DIRECTION_SOUTH = \"S\";\r\nvar DWTOUCH_SLIDE_DIRECTION_WEST = \"W\";\r\nvar DWTOUCH_SLIDE_DIRECTION_NORTHWEST = \"NW\";\r\nvar DWTOUCH_SLIDE_DIRECTION_NORTHEAST = \"NE\";\r\nvar DWTOUCH_SLIDE_DIRECTION_SOUTHWEST = \"SW\";\r\nvar DWTOUCH_SLIDE_DIRECTION_SOUTHEAST = \"SE\";\r\n\r\nvar DWTOUCH_HANDLER_MOVE_EVENT = null;\r\n\r\nvar DWTOUCH_LONG_PRESS_START_TIME = 0;\r\nvar DWTOUCH_LAST_TOUCH_TIME = 0;\r\nvar DWTOUCH_LAST_TOUCH_TARGET = null;\r\nvar DWTOUCH_TOUCH_TARGET = null;\r\nvar DWTOUCH_TOUCHED_ID = null;\r\nvar DWTOUCH_TOUCH_MOVED = false;\r\n\r\nvar DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X = null;\r\nvar DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_Y = null;\r\nvar DWTOUCH_TOUCHING = false;\r\n\r\nvar DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = null;\r\nvar DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n\r\nfunction dwTouchRegisterWindowForTouchMove(windowId) {\r\n DWTOUCH_HANDLER_MOVE_EVENT = windowId;\r\n}\r\n\r\nfunction dwTouchRemoveSelection(e) {\r\n // Selektion nicht entfernen, wenn es sich um ein Input-Control (speziell Textfeld) oder TextArea-Control handelt\r\n if (!dwUtilsIsClickOnTagType(e, \"input\") && !dwUtilsIsClickOnTagType(e, \"textarea\")) {\r\n window.getSelection().removeAllRanges();\r\n }\r\n}\r\n\r\nfunction dwTouchRegisterTouchFunctionsInBrowser() {\r\n // Eventlistener benötigen die Option \"passive:false\".\r\n // https://developer.mozilla.org/de/docs/Web/API/EventTarget/addEventListener\r\n // iOS (getestet in iOS 11.x) ignoriert andernfalls die Versuche via event.preventDefault die Standardverarbeitung\r\n // durch den Browser zu unterbinden (resultiert in page pinch zooms und ggf. Abstürzen des Safari Browsers)\r\n try {\r\n var body = $(\"body\");\r\n body.addEventListener('touchstart', function(e) {\r\n DWTOUCH_TOUCHING = true;\r\n try {\r\n dwTouchStart(e);\r\n } finally {\r\n DWTOUCH_TOUCHING = false;\r\n }\r\n\r\n }, {passive: false});\r\n body.addEventListener('touchmove', function(e) {\r\n DWTOUCH_TOUCHING = true;\r\n try {\r\n dwTouchMove(e);\r\n } finally {\r\n DWTOUCH_TOUCHING = false;\r\n }\r\n }, {passive: false});\r\n body.addEventListener('touchend', function(e) {\r\n DWTOUCH_TOUCHING = true;\r\n try {\r\n dwTouchEnd(e);\r\n } finally {\r\n DWTOUCH_TOUCHING = false;\r\n }\r\n }, {passive: false});\r\n\r\n body.addEventListener(\"selectstart\", function(e) {\r\n e.preventDefault();\r\n return false;\r\n }, false);\r\n\r\n // für normale MouseEvents registrieren, um deren Standardverhalten zu unterdrücken:\r\n // - unter iOS und Android für MouseEvents direkt vom Browser (mit dwTouch == false) das EventBubbling abschalten\r\n // - ansonsten die MouseEvents unterdrücken; außerdem evtl. Selektionen sofort wieder aufheben\r\n if (framework_isiOS || framework_isAndroid || framework_isFirefox || framework_isChrome) {\r\n\r\n } else {\r\n body.addEventListener('mousedown', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n }, true);\r\n body.addEventListener('mousemove', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n }, true);\r\n body.addEventListener('mouseup', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n }, true);\r\n body.addEventListener('click', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n }, true);\r\n body.addEventListener('dblclick', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n }, true);\r\n }\r\n } catch (exception) {\r\n // IE7 kann das z.B. nicht. Auch im alten Firefox 5.0.1 kommt ein Fehler\r\n }\r\n}\r\n\r\nfunction dwTouchEnableTouchEmulation() {\r\n try {\r\n // für normale MouseEvents registrieren, um in Desktop-Browsern TouchEvents zu emulieren\r\n var body = $(\"body\");\r\n body.addEventListener('click', function(e) {\r\n dwTouchEmulateTouchEvent(e);\r\n });\r\n body.addEventListener('dblclick', function(e) {\r\n dwTouchEmulateTouchEvent(e);\r\n });\r\n\r\n // außerdem evtl. Selektionen sofort wieder aufheben\r\n if (!framework_isPointerBrowser && !framework_isMSPointerBrowser) { // für alle Browser, die KEINE (MS)PointerEvents unterstützen\r\n body.addEventListener('mousedown', function(e) {\r\n if (e.button !== 2) {\r\n dwTouchRemoveSelection(e);\r\n }\r\n dwTouchEmulateTouchEvent(e);\r\n });\r\n body.addEventListener('mousemove', function(e) {\r\n if (e.button !== 2) {\r\n dwTouchRemoveSelection(e);\r\n }\r\n dwTouchEmulateTouchEvent(e);\r\n });\r\n body.addEventListener('mouseup', function(e) {\r\n if (e.button !== 2) {\r\n dwTouchRemoveSelection(e);\r\n }\r\n dwTouchEmulateTouchEvent(e);\r\n });\r\n } else { // für MSPointerEvents registrieren, um diese in standardisierte MultiTouchEvents umzuwandeln\r\n // auch für normale MouseEvents registrieren, um diese generell zu unterdrücken\r\n body.addEventListener('mousedown', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n });\r\n body.addEventListener('mousemove', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n });\r\n body.addEventListener('mouseup', function(e) {\r\n dwTouchRemoveSelection(e);\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n });\r\n\r\n // es werden maximal 2 Finger gleichzeitig unterstützt\r\n body.addEventListener(framework_isPointerBrowser ? 'pointerdown' : 'MSPointerDown', function(e) {\r\n if (e.button !== 2) {\r\n dwTouchRemoveSelection(e);\r\n }\r\n dwTouchEmulateTouchEventForMSPointerEvent(e);\r\n });\r\n body.addEventListener(framework_isPointerBrowser ? 'pointermove' : 'MSPointerMove', function(e) {\r\n if (e.button !== 2) {\r\n dwTouchRemoveSelection(e);\r\n }\r\n dwTouchEmulateTouchEventForMSPointerEvent(e);\r\n });\r\n body.addEventListener(framework_isPointerBrowser ? 'pointerup' : 'MSPointerUp', function(e) {\r\n if (e.button !== 2) {\r\n dwTouchRemoveSelection(e);\r\n }\r\n dwTouchEmulateTouchEventForMSPointerEvent(e);\r\n });\r\n }\r\n\r\n DWTOUCH_TOUCH_EMULATION_ENABLED = true;\r\n } catch (exception) {\r\n // IE7 kann das z.B. nicht. Auch im alten Firefox 5.0.1 kommt ein Fehler\r\n }\r\n}\r\n\r\nfunction dwTouchEmulateTouchEvent(e) {\r\n if (DWTOUCH_TOUCHING) { // echter bzw. emulierter TouchEvent wird bereits ausgeführt\r\n return;\r\n }\r\n\r\n if (dwUtilsIsInputTextBox(dwUtilsGetEventTarget(e))) {\r\n // Auf Inputcontrols keine eigenen Touchfunktionen ausführen\r\n return;\r\n }\r\n\r\n\r\n // dwTouchPreventDefaultForEmulatedTouchEvent() ist wichtig, da ansonsten z.B. Maus-Klicks doppelt bzw. ungewollt ausgeführt werden würden\r\n DWTOUCH_TOUCHING = true;\r\n try {\r\n if (e.type == 'mousedown') {\r\n // Bei Klick auf Scrollbar nichts tun\r\n if (dwUtilsIsClickOnScrollBar(e)) {\r\n return;\r\n }\r\n if (dwTouchPreventDefaultForEmulatedTouchEvent(e)) {\r\n DWTOUCH_TOUCH_TARGET = e.target;\r\n dwTouchStart(dwTouchCreateEmulatedTouchEvent(e, 'touchstart'));\r\n }\r\n } else if (e.type == 'mousemove') {\r\n if (DWTOUCH_FINGERS > 0) { // entspricht einem echten Touch (= MouseDrag)\r\n if (dwTouchPreventDefaultForEmulatedTouchEvent(e)) {\r\n dwTouchMove(dwTouchCreateEmulatedTouchEvent(e, 'touchmove'));\r\n }\r\n }\r\n } else if (e.type == 'mouseup') {\r\n if (dwTouchPreventDefaultForEmulatedTouchEvent(e)) {\r\n if (DWTOUCH_FINGERS > 0) {\r\n dwTouchEnd(dwTouchCreateEmulatedTouchEvent(e, 'touchend'));\r\n }\r\n }\r\n } else if (e.type == 'click') {\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n } else if (e.type == 'dblclick') {\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n }\r\n } finally {\r\n DWTOUCH_TOUCHING = false;\r\n }\r\n}\r\n\r\nfunction dwTouchEmulateTouchEventForMSPointerEvent(e) {\r\n if (DWTOUCH_TOUCHING) { // echter bzw. emulierter TouchEvent wird bereits ausgeführt\r\n return;\r\n }\r\n\r\n if (dwUtilsIsInputTextBox(dwUtilsGetEventTarget(e))) {\r\n // Auf Inputcontrols keine eigenen Touchfunktionen ausführen\r\n return;\r\n }\r\n\r\n\r\n if (dwUtilsIsClickOnScrollBar(e)) {\r\n return;\r\n }\r\n\r\n // dwTouchPreventDefaultForEmulatedTouchEvent() ist wichtig, da ansonsten z.B. Maus-Klicks doppelt bzw. ungewollt ausgeführt werden würden\r\n DWTOUCH_TOUCHING = true;\r\n try {\r\n if ((e.type == 'MSPointerDown') || (e.type == 'pointerdown')) {\r\n DWTOUCH_FINGERS = -1;\r\n if (dwTouchPreventDefaultForEmulatedTouchEvent(e)) {\r\n // Event für den Finger merken (Event für 2. Finger nur dann, wenn das gleiche Target getroffen wurde)\r\n if (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT == null) {\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = e;\r\n } else if ((DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT == null)\r\n && (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT.target == e.target)) {\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = e;\r\n } else {\r\n // es werden maximal 2 Finger gleichzeitig unterstützt\r\n if (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT != null) {\r\n dwTouchFireMouseEventForTouchEvent(dwTouchCreateEmulatedMultiTouchEvent(DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT, null, 'touchend', e.button), 'mouseup');\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = null;\r\n }\r\n if (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT != null) {\r\n dwTouchFireMouseEventForTouchEvent(dwTouchCreateEmulatedMultiTouchEvent(DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT, null, 'touchend', e.button), 'mouseup');\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n }\r\n return;\r\n }\r\n DWTOUCH_TOUCH_TARGET = e.target;\r\n dwTouchStart(dwTouchCreateEmulatedMultiTouchEvent(DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT,\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT,\r\n 'touchstart', e.button));\r\n }\r\n } else if ((e.type == 'MSPointerMove') || (e.type == 'pointermove')) {\r\n if (DWTOUCH_FINGERS > 0) { // entspricht einem echten Touch (= MouseDrag)\r\n // passenden Finger aufgrund der pointerId des Events herausfinden\r\n if ((DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT != null)\r\n && (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT.pointerId == e.pointerId)) {\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = e;\r\n } else if ((DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT != null)\r\n && (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT.pointerId == e.pointerId)) {\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = e;\r\n } else {\r\n // kein Event mit passender pointerId gefunden (es werden maximal 2 Finger gleichzeitig unterstützt)\r\n // Reset der Events für die beiden Finger, da dieser Zustand nicht unterstützt wird\r\n dwTouchPreventDefaultForEmulatedTouchEvent(e);\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = null;\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n return;\r\n }\r\n\r\n if (dwTouchPreventDefaultForEmulatedTouchEvent(e)) {\r\n dwTouchMove(dwTouchCreateEmulatedMultiTouchEvent(DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT,\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT,\r\n 'touchmove', e.button));\r\n }\r\n } else {\r\n // Reset der Events für die beiden Finger, da dieser Zustand nicht unterstützt wird\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = null;\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n }\r\n } else if ((e.type == 'MSPointerUp') || (e.type == 'pointerup')) {\r\n if (DWTOUCH_FINGERS > 0) {\r\n if (!dwTouchPreventDefaultForEmulatedTouchEvent(e)) {\r\n return;\r\n }\r\n\r\n // den Event vom losgelassenen Finger entfernen (über die pointerId des Events)\r\n var fingerEventFound = false;\r\n if ((DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT != null)\r\n && (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT.pointerId == e.pointerId)) {\r\n dwTouchEnd(dwTouchCreateEmulatedMultiTouchEvent(DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT, null, 'touchend', e.button));\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n fingerEventFound = true;\r\n }\r\n if ((DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT != null)\r\n && (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT.pointerId == e.pointerId)) {\r\n // den Event von Finger 2 zum von Event Finger 1 machen falls der Finger 1 zuerst losgelassen wird\r\n dwTouchEnd(dwTouchCreateEmulatedMultiTouchEvent(DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT, null, 'touchend', e.button));\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT;\r\n fingerEventFound = true;\r\n }\r\n\r\n if (!fingerEventFound) {\r\n // kein Event mit passender pointerId gefunden (es werden maximal 2 Finger gleichzeitig unterstützt)\r\n // Reset der Events für die beiden Finger, da dieser Zustand nicht unterstützt wird\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = null;\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n return;\r\n }\r\n\r\n // DWTOUCH_FINGERS korrigieren, falls noch ein Finger (und somit dazugehöriger Event) gedrückt ist\r\n if (DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT != null) {\r\n DWTOUCH_FINGERS = 1;\r\n }\r\n } else {\r\n // Reset der Events für die beiden Finger, da dieser Zustand nicht unterstützt wird\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_1_EVENT = null;\r\n DWTOUCH_TOUCH_EMULATION_MSPOINTER_FINGER_2_EVENT = null;\r\n }\r\n }\r\n } finally {\r\n DWTOUCH_TOUCHING = false;\r\n }\r\n}\r\n\r\nfunction dwTouchPreventDefaultForEmulatedTouchEvent(e) {\r\n if (dwUtilsIsInputTextBox(dwUtilsGetEventTarget(e))) {\r\n // Auf Inputcontrols keine eigenen Touchfunktionen ausführen\r\n return false;\r\n }\r\n\r\n // TouchEvents nur für Controls ohne eigene Mausinteraktionen emulieren, da sonst deren Eigenverhalten verändert wird\r\n if (dwTouchFindTargetForTouchEmulation(e.target) != null) {\r\n dwFrameworkPreventDefaultBehaviour(e);\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nfunction dwTouchFindTargetForTouchEmulation(target) {\r\n // Gehe im DOM nach oben bis ein gültiges Target (mit CSS-Klassennamen, kein Layout-Tag, touchemulation == true)\r\n // für die Touch-Emulation gefunden wird\r\n try {\r\n while ((target != null)\r\n && ((target.className == null) || (target.className == '') || (target.className == 'modern_scrollpane_design_thin')\r\n || dwUtilsStringStartsWith(target.className, 'guilayout', false))) {\r\n target = target.parentNode;\r\n }\r\n } catch (exception) {\r\n return null;\r\n }\r\n if ((target != null) && (dwDomGetDomAttribute(target, \"touchemulation\") == \"true\")) {\r\n return target;\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nfunction dwTouchCreateEmulatedTouchEvent(e, type) {\r\n return dwTouchCreateEmulatedMultiTouchEvent(e, null, type, e.button);\r\n}\r\n\r\nfunction dwTouchCreateEmulatedMultiTouchEvent(e, e2, type, button) {\r\n // simples Object und kein echtes Event-Objekt (bzw. weiter unten Touch-Objekt) verwenden, da echte TouchEvents von\r\n // Desktop-Browsern nicht erzeugt werden können und später auch nur die entsprechenden Attribute ausgelesen werden können müssen\r\n var touchEvent = new Object();\r\n touchEvent.type = type;\r\n touchEvent.target = DWTOUCH_TOUCH_TARGET;\r\n touchEvent.srcElement = DWTOUCH_TOUCH_TARGET;\r\n touchEvent.view = e.view;\r\n touchEvent.ctrlKey = e.ctrlKey;\r\n touchEvent.altKey = e.altKey;\r\n touchEvent.shiftKey = e.shiftKey;\r\n touchEvent.metaKey = e.metaKey;\r\n touchEvent.button = button;\r\n\r\n // ALT ist gedrückt für \"zweiten Finger\" (funktioniert nur für Zoom, nicht für Pinch)\r\n if ((e.altKey) && (e2 == null)) {\r\n if (DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X == null) {\r\n DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X = e.clientX;\r\n DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_Y = e.clientY;\r\n }\r\n } else {\r\n DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X = null;\r\n DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_Y = null;\r\n }\r\n\r\n // einen bzw. zwei Touches mit DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X/Y als Zentrum erzeugen\r\n if (DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X == null) {\r\n touchEvent.targetTouches = new Array((e2 != null) ? 2 : 1);\r\n touchEvent.targetTouches[0] = new Object();\r\n touchEvent.targetTouches[0].clientX = e.clientX;\r\n touchEvent.targetTouches[0].clientY = e.clientY;\r\n touchEvent.targetTouches[0].pageX = e.pageX;\r\n touchEvent.targetTouches[0].pageY = e.pageY;\r\n touchEvent.targetTouches[0].screenX = e.screenX;\r\n touchEvent.targetTouches[0].screenY = e.screenY;\r\n touchEvent.targetTouches[0].target = DWTOUCH_TOUCH_TARGET;\r\n if (e2 != null) {\r\n touchEvent.targetTouches[1] = new Object();\r\n touchEvent.targetTouches[1].clientX = e2.clientX;\r\n touchEvent.targetTouches[1].clientY = e2.clientY;\r\n touchEvent.targetTouches[1].pageX = e2.pageX;\r\n touchEvent.targetTouches[1].pageY = e2.pageY;\r\n touchEvent.targetTouches[1].screenX = e2.screenX;\r\n touchEvent.targetTouches[1].screenY = e2.screenY;\r\n touchEvent.targetTouches[1].target = DWTOUCH_TOUCH_TARGET;\r\n }\r\n } else {\r\n touchEvent.targetTouches = new Array(2);\r\n touchEvent.targetTouches[0] = new Object();\r\n touchEvent.targetTouches[0].clientX = e.clientX;\r\n touchEvent.targetTouches[0].clientY = e.clientY;\r\n touchEvent.targetTouches[0].pageX = e.pageX;\r\n touchEvent.targetTouches[0].pageY = e.pageY;\r\n touchEvent.targetTouches[0].screenX = e.screenX;\r\n touchEvent.targetTouches[0].screenY = e.screenY;\r\n touchEvent.targetTouches[0].target = DWTOUCH_TOUCH_TARGET;\r\n\r\n var deltaX = 2 * (e.clientX - DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X);\r\n var deltaY = 2 * (e.clientY - DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_Y);\r\n touchEvent.targetTouches[1] = new Object();\r\n touchEvent.targetTouches[1].clientX = e.clientX - deltaX;\r\n touchEvent.targetTouches[1].clientY = e.clientY - deltaY;\r\n touchEvent.targetTouches[1].pageX = e.pageX - deltaX;\r\n touchEvent.targetTouches[1].pageY = e.pageY - deltaY;\r\n touchEvent.targetTouches[1].screenX = e.screenX - deltaX;\r\n touchEvent.targetTouches[1].screenY = e.screenY - deltaY;\r\n touchEvent.targetTouches[1].target = DWTOUCH_TOUCH_TARGET;\r\n }\r\n return touchEvent;\r\n}\r\n\r\nfunction dwTouchFireMouseEventForTouchEvent(touchEvent, mouseEventType) {\r\n var numMouseClicks = mouseEventType == \"dblclick\" ? 2 : 1;\r\n var target = null;\r\n var mouseEvent = document.createEvent(\"MouseEvents\");\r\n if ((touchEvent.targetTouches != null) && (touchEvent.targetTouches.length > 0)) {\r\n mouseEvent.initMouseEvent(mouseEventType, true, true, touchEvent.view, numMouseClicks,\r\n touchEvent.targetTouches[0].screenX, touchEvent.targetTouches[0].screenY,\r\n touchEvent.targetTouches[0].clientX, touchEvent.targetTouches[0].clientY,\r\n touchEvent.ctrlKey, touchEvent.altKey, touchEvent.shiftKey, touchEvent.metaKey, touchEvent.button,\r\n touchEvent.targetTouches[0].target);\r\n mouseEvent.pageX = touchEvent.targetTouches[0].pageX;\r\n mouseEvent.pageY = touchEvent.targetTouches[0].pageY;\r\n target = touchEvent.targetTouches[0].target;\r\n } else { // z.B. notwendig für touchend\r\n // Beim TouchEnd wird kein Touchpunkt übergeben, deshalb nehme den, der sich aus touchStart und touchMove ergibt\r\n // ScreenX/Y wird nicht ausgewertet wird aber übergeben, damit die Werte halbwegs stimmig sind und nicht in der JS-Implementierung ein Bereichcheck\r\n // fehlschlägt. Im FireFox könnte auch 0 verwendet werden, aber man weiß nicht, ob andere Browser das vertragen\r\n mouseEvent.initMouseEvent(mouseEventType, true, true, touchEvent.view, numMouseClicks, DWTOUCH_CURRENT_SCREEN_X1, DWTOUCH_CURRENT_SCREEN_Y1, DWTOUCH_CURRENT_X1, DWTOUCH_CURRENT_Y1,\r\n touchEvent.ctrlKey, touchEvent.altKey, touchEvent.shiftKey, touchEvent.metaKey, touchEvent.button,\r\n touchEvent.target);\r\n\r\n // Die Zuweisung bewirkt im Firefox nichts. Bin nicht sicher, ob man die braucht\r\n // mouseEvent.pageX scheint readonly zu sein\r\n mouseEvent.pageX = DWTOUCH_CURRENT_X1;\r\n mouseEvent.pageY = DWTOUCH_CURRENT_Y1;\r\n target = touchEvent.target;\r\n }\r\n\r\n // Wenn das Event nicht zum Server weitergeleitet werden soll, muss man das Attribut hier übernehmen\r\n if (touchEvent.skipServer) {\r\n mouseEvent.skipServer = true;\r\n }\r\n\r\n var relTargetCoords = dwUtilsGetRelMouseCoords(mouseEvent, target);\r\n mouseEvent.offsetX = relTargetCoords.x;\r\n mouseEvent.offsetY = relTargetCoords.y;\r\n mouseEvent.dwTouch = true;\r\n target.dispatchEvent(mouseEvent);\r\n dwTouchRemoveSelection(touchEvent);\r\n\r\n // bei mousemove ohne gefundene ScrollPane (innerhalb eines Elements, welches auf mousemove reagiert) des Standardverhalten\r\n // deaktivieren, weil ansonsten eine evtl. umschließende ScrollPane durch den Browser gescrollt werden würde\r\n if ((mouseEventType == \"mousemove\") && (DWTOUCH_SCROLLPANE == null) && touchEvent.preventDefault) {\r\n touchEvent.preventDefault();\r\n }\r\n}\r\n\r\nfunction dwTouchStart(e) {\r\n var eventTarget = dwUtilsGetEventTarget(e);\r\n if (dwUtilsIsInputTextBox(eventTarget)) {\r\n // Auf Inputcontrols und auch Textareas keine eigenen Touchfunktionen ausführen\r\n return;\r\n }\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_START\", \"touchStart with \" + e.targetTouches.length + \" finger\" + ((e.targetTouches.length > 1) ? \"s\" : \"\"),\r\n \"#ccccff\", \"#000000\");\r\n dwFrameworkShowHint(\"TOUCH_MOVE\", \"touchMove N/A\", \"#ccccff\", \"#000000\");\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd N/A\", \"#ccccff\", \"#000000\");\r\n }\r\n if (framework_isiOS) {\r\n // iOS 11.x hat Stabilitätsprobleme bei Page-Zoom Operationen (Pinch Zoom).\r\n // https://bugs.webkit.org/show_bug.cgi?id=172206\r\n // Sicherheitshalber werden ALLE Aktionen abgebrochen, auch das schöne smoothe Scrolling in der Stückliste\r\n // wird händisch über JS Code durchgeführt ... (für iOS)\r\n // Natürlich gibt es für jede Regel eine Ausnahme (Bei Eingabecontrols reagiert Safari leider nicht mehr wenn wir das Default Verhalten abschalten, ...)\r\n dwTouchPreventDefaultBehaviourIfRequired(e);\r\n }\r\n if (e.targetTouches.length > 0) {\r\n if ((DWTOUCH_TOUCHED_ID != null) && ($(DWTOUCH_TOUCHED_ID) != null)) { // notwendig, wenn ein weiterer Finger dazukommt und ein weiteres dwTouchStart() auslöst\r\n if (typeof (dwAjaxDefaultOnMouseUp) != \"undefined\") {\r\n dwAjaxDefaultOnMouseUp(e, DWTOUCH_TOUCHED_ID, DWTOUCH_TOUCHED_ID, \"\", true);\r\n }\r\n }\r\n DWTOUCH_LONG_PRESS_START_TIME = new Date().getTime();\r\n DWTOUCH_FINGERS = 1;\r\n DWTOUCH_TOUCH_TARGET = e.target;\r\n DWTOUCH_START_X1 = e.targetTouches[0].clientX;\r\n DWTOUCH_START_Y1 = e.targetTouches[0].clientY;\r\n DWTOUCH_CURRENT_X1 = DWTOUCH_START_X1;\r\n DWTOUCH_CURRENT_Y1 = DWTOUCH_START_Y1;\r\n DWTOUCH_CURRENT_SCREEN_X1 = e.targetTouches[0].screenX;\r\n DWTOUCH_CURRENT_SCREEN_Y1 = e.targetTouches[0].screenY;\r\n DWTOUCH_SCROLLPANE = dwTouchFindScrollPane(e);\r\n DWTOUCH_SCROLLPANE_NATIVE = false;\r\n if (DWTOUCH_SCROLLPANE != null) {\r\n // natives Scrolling auf mobilen Browsern, die diese Funktion unterstützen (der Android System-Browser ab\r\n // Androis 4.0 liefert leider nicht 'touch' zurück, unterstützt das native Scrolling aber ebenfalls)\r\n // Safari liefert der Android Browser anscheinend mit, damit die Webseiten, die hart auf IPhone programmiert sind,\r\n // funktionieren\r\n DWTOUCH_SCROLLPANE_NATIVE = (dwUtilsGetStyle(DWTOUCH_SCROLLPANE, \"-webkit-overflow-scrolling\") == \"touch\") ||\r\n (framework_isAndroid && framework_isSafari && (framework_mobileOSVersion >= 4.0));\r\n // Vermeiden der Scroll/Pinch Funktionen durch den Safari Browser (iOS) aufgrund Stabiltätsprobleme / Zoom Probleme\r\n DWTOUCH_SCROLLPANE_NATIVE = false;\r\n\r\n DWTOUCH_START_SCROLL_DATE = new Date();\r\n DWTOUCH_START_SCROLL_X = DWTOUCH_SCROLLPANE.scrollLeft;\r\n DWTOUCH_START_SCROLL_Y = DWTOUCH_SCROLLPANE.scrollTop;\r\n e.target.style.webkitTapHighlightColor = \"rgba(0,0,0,0)\";\r\n }\r\n if (e.targetTouches.length > 1) {\r\n if (framework_isiOS) {\r\n // Bei Pinch Gesten (egal auf welchem Control) wird die Event Weitergabe an den Browser unterbunden -\r\n // Ursache siehe Beginn der Methode ...\r\n dwFrameworkPreventDefaultBehaviour(e);\r\n }\r\n DWTOUCH_FINGERS = 2;\r\n DWTOUCH_START_X2 = e.targetTouches[1].clientX;\r\n DWTOUCH_START_Y2 = e.targetTouches[1].clientY;\r\n DWTOUCH_CURRENT_X2 = DWTOUCH_START_X2;\r\n DWTOUCH_CURRENT_Y2 = DWTOUCH_START_Y2;\r\n DWTOUCH_IMAGEVIEW = dwTouchFindImageViewer(e);\r\n if (DWTOUCH_IMAGEVIEW != null) {\r\n DWTOUCH_IMAGEVIEW_START_ZOOMLEVEL = dwImageViewerGetImage(DWTOUCH_IMAGEVIEW.id).dwCurrentZoomLevel;\r\n }\r\n } else {\r\n // genau 1 Finger\r\n DWTOUCH_TOUCHED_ID = dwTouchFindTargetId(e);\r\n dwTouchFireMouseEventForTouchEvent(e, \"mousedown\");\r\n }\r\n }\r\n}\r\n\r\nfunction dwTouchMove(e) {\r\n if (dwUtilsIsInputTextBox(dwUtilsGetEventTarget(e))) {\r\n // Auf Inputcontrols keine eigenen Touchfunktionen ausführen\r\n return;\r\n }\r\n\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_MOVE\", \"touchMove with \" + e.targetTouches.length + \" finger\" + ((e.targetTouches.length > 1) ? \"s\" : \"\"),\r\n \"#ccccff\", \"#000000\");\r\n }\r\n\r\n if (DWTOUCH_FINGERS == -1) {\r\n return;\r\n }\r\n\r\n DWTOUCH_TOUCH_MOVED = true;\r\n\r\n if (e.targetTouches.length > 0) {\r\n DWTOUCH_CURRENT_X1 = e.targetTouches[0].clientX;\r\n DWTOUCH_CURRENT_Y1 = e.targetTouches[0].clientY;\r\n DWTOUCH_CURRENT_SCREEN_X1 = e.targetTouches[0].screenX;\r\n DWTOUCH_CURRENT_SCREEN_Y1 = e.targetTouches[0].screenY;\r\n }\r\n if (e.targetTouches.length > 1) {\r\n DWTOUCH_FINGERS = 2;\r\n DWTOUCH_CURRENT_X2 = e.targetTouches[1].clientX;\r\n DWTOUCH_CURRENT_Y2 = e.targetTouches[1].clientY;\r\n if (DWTOUCH_START_X2 == -1) {\r\n // Wir hatten noch keine zwei Finger\r\n DWTOUCH_START_X2 = DWTOUCH_CURRENT_X2;\r\n DWTOUCH_START_Y2 = DWTOUCH_CURRENT_Y2;\r\n }\r\n }\r\n\r\n if ((DWTOUCH_FINGERS == 1) && (DWTOUCH_SCROLLPANE != null)) {\r\n var doPreventDefault = !DWTOUCH_SCROLLPANE_NATIVE;\r\n var distanceY = DWTOUCH_CURRENT_Y1 - DWTOUCH_START_Y1;\r\n var distanceX = DWTOUCH_CURRENT_X1 - DWTOUCH_START_X1;\r\n\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_MOVE\", \"touchMove with 1 finger: \" + distanceX + \"dx; \" + distanceY + \"dy\", \"#ccccff\", \"#000000\");\r\n }\r\n var verticalScrollEnabled = !dwDomHasAttribute(DWTOUCH_SCROLLPANE, \"verticalScrollEnabled\") || (dwDomGetDomAttribute(DWTOUCH_SCROLLPANE, \"verticalScrollEnabled\") == \"true\");\r\n var horizontalScrollEnabled = !dwDomHasAttribute(DWTOUCH_SCROLLPANE, \"horizontalScrollEnabled\") || (dwDomGetDomAttribute(DWTOUCH_SCROLLPANE, \"horizontalScrollEnabled\") == \"true\");\r\n if (DWTOUCH_SCROLLPANE_IS_IMAGE || verticalScrollEnabled) {\r\n if (!DWTOUCH_SCROLLPANE_NATIVE) {\r\n if (Math.abs(distanceY) > 10) {\r\n var scrollTop = DWTOUCH_START_SCROLL_Y - distanceY;\r\n if (scrollTop < 1) {\r\n scrollTop = 1;\r\n }\r\n DWTOUCH_SCROLLPANE.scrollTop = scrollTop;\r\n }\r\n } else {\r\n // bei nativem Scrolling unter iOS muss das Standard-Touch-Verhalten deaktiviert werden,\r\n // wenn aufgrund der Größe des Inhalts gerade kein vertikales Scrolling in dieser ScrollPane stattfindet,\r\n // um das vertikale Scrollen der ganzen Seite zu verhindern\r\n if ((!horizontalScrollEnabled || (Math.abs(distanceY) >= Math.abs(distanceX))) && (DWTOUCH_SCROLLPANE.scrollHeight <= DWTOUCH_SCROLLPANE.clientHeight)) {\r\n doPreventDefault = true\r\n }\r\n }\r\n }\r\n\r\n if (DWTOUCH_SCROLLPANE_IS_IMAGE || horizontalScrollEnabled) {\r\n if (!DWTOUCH_SCROLLPANE_NATIVE) {\r\n if (Math.abs(distanceX) > 10) {\r\n var scrollLeft = DWTOUCH_START_SCROLL_X - distanceX;\r\n if (scrollLeft < 1) {\r\n scrollLeft = 1;\r\n }\r\n DWTOUCH_SCROLLPANE.scrollLeft = scrollLeft;\r\n }\r\n } else {\r\n // bei nativem Scrolling unter iOS muss das Standard-Touch-Verhalten deaktiviert werden,\r\n // wenn aufgrund der Größe des Inhalts gerade kein horizontales Scrolling in dieser ScrollPane stattfindet,\r\n // um das horizontale Scrollen der ganzen Seite zu verhindern\r\n if ((!verticalScrollEnabled || (Math.abs(distanceX) >= Math.abs(distanceY))) && (DWTOUCH_SCROLLPANE.scrollWidth <= DWTOUCH_SCROLLPANE.clientWidth)) {\r\n doPreventDefault = true\r\n }\r\n }\r\n }\r\n if (!DWTOUCH_SCROLLPANE_IS_IMAGE && !verticalScrollEnabled && !horizontalScrollEnabled) {\r\n doPreventDefault = true;\r\n }\r\n if (e.preventDefault && doPreventDefault && framework_isiOS) {\r\n e.preventDefault();//nur im Fall von iOS unterdrucken\r\n }\r\n } else if (DWTOUCH_FINGERS == 1) {\r\n dwTouchFireMouseEventForTouchEvent(e, \"mousemove\");\r\n } else if ((DWTOUCH_FINGERS == 2) && (DWTOUCH_IMAGEVIEW != null)) {\r\n var image = dwImageViewerGetImage(DWTOUCH_IMAGEVIEW.id);\r\n var origDistance = dwTouchGetDistance(DWTOUCH_START_X1, DWTOUCH_START_Y1, DWTOUCH_START_X2, DWTOUCH_START_Y2);\r\n var newDistance = dwTouchGetDistance(DWTOUCH_CURRENT_X1, DWTOUCH_CURRENT_Y1, DWTOUCH_CURRENT_X2, DWTOUCH_CURRENT_Y2);\r\n var diff = newDistance - origDistance;\r\n var zoomLevel = DWTOUCH_IMAGEVIEW_START_ZOOMLEVEL + (diff / 30);\r\n dwImageViewerSetNormalizedZoom(image, zoomLevel, null, 50);\r\n if (e.preventDefault) {\r\n e.preventDefault();\r\n }\r\n }\r\n}\r\n\r\nfunction dwTouchGetDistance(x1, y1, x2, y2) {\r\n return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\r\n}\r\n\r\nfunction dwTouchFindTargetId(e) {\r\n // Gehe im DOM nach oben bis eine gültige ID gefunden wird\r\n var id = null;\r\n try {\r\n var target = dwUtilsGetEventTarget(e);\r\n while (((id == null) || (id.toString() == \"\")) && (target != null)) {\r\n id = target.id;\r\n target = target.parentNode;\r\n }\r\n } catch (exception) {\r\n // Bei einem Fehler die letzte gültige ID beibehalten\r\n }\r\n return id;\r\n}\r\n\r\nfunction dwTouchFindScrollPane(e) {\r\n var iterElement = e.target;\r\n while (iterElement != null) {\r\n if (dwUtilsHasElementAtLeastOneOfClasses(iterElement, [\"guiscrollpane\",\r\n \"guicustomcomboboxpopup\",\r\n \"guitable_fixed_content_div\",\r\n \"guitable_scrollable_content_div\",\r\n \"guitable_scrollable_content_div_with_fixed_columns\"])) {\r\n DWTOUCH_SCROLLPANE_IS_IMAGE = false;\r\n var verticalScrollEnabled = !dwDomHasAttribute(iterElement, \"verticalScrollEnabled\") || (dwDomGetDomAttribute(iterElement, \"verticalScrollEnabled\") == \"true\");\r\n if (framework_isiOS && (iterElement.className.includes(\"guiscrollpane\") && !verticalScrollEnabled)) {\r\n // Suche nach der primären Scrollpane. In einzelnen Oberflächen sind ggf. Tabellen (nacheinander) in einer\r\n // großen Scrollpane vorhanden. Die Tabellen für sich sind vollständig dargestellt (und damit nicht scrollbar, deshalb wird hier auch auf verticalScrollEnabled geprüft)\r\n // Das Scrolling erfolgt in einem parent container. Die Information zum Scrollen muss daher\r\n // nicht von der vollständig dargestellten Tabelle mit Scrollcontainer sondern vom primären Scrollcontainer\r\n // verarbeitet werden ...\r\n return dwUtilsFindMatchingNodes($(\"body\"), iterElement.parentNode, function(rootNode, node) {\r\n return node.classList.contains(\"guiscrollpane\");\r\n }, true).pop() || iterElement;\r\n }\r\n return iterElement;\r\n } else if ((iterElement.id != null) && iterElement.id.indexOf(\"_imagescroll\") > -1) {\r\n DWTOUCH_SCROLLPANE_IS_IMAGE = true;\r\n return iterElement;\r\n } else if ((iterElement.onmousemove) && (iterElement.hotspot == null)) { // sobald ein MouseMove-Listener gefunden wurde (hotspotSpanClickArea ignorieren!),\r\n return null; // nicht mehr weiter nach einer ScrollPane suchen\r\n } else {\r\n iterElement = iterElement.parentNode;\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction dwTouchFindImageViewer(e) {\r\n var iter = e.target;\r\n while (iter != null) {\r\n if (iter.className == \"guiviewerimage\") {\r\n return iter;\r\n } else {\r\n iter = iter.parentNode;\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction dwTouchEnd(e) {\r\n\r\n dwTouchPreventDoubeTap(e);\r\n if (dwUtilsIsInputTextBox(dwUtilsGetEventTarget(e))) {\r\n // Auf Inputcontrols keine eigenen Touchfunktionen ausführen\r\n // Ausnahme, die Zeit für den letzten Click merken um den doubleClick bei ios abzufangen\r\n DWTOUCH_LAST_TOUCH_TIME = new Date().getTime();\r\n return;\r\n }\r\n\r\n // Hier drin wird das Event möglicherweise verändert!\r\n dwTouchPreventDefaultBehaviourIfRequired(e);\r\n\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd\" + ((DWTOUCH_FINGERS > 0) ? \" with \" + DWTOUCH_FINGERS + \" finger\"\r\n + ((DWTOUCH_FINGERS > 1) ? \"s\" : \"\") : \"\"), \"#ccccff\", \"#000000\");\r\n }\r\n\r\n if (DWTOUCH_FINGERS == -1) {\r\n return;\r\n }\r\n\r\n if (DWTOUCH_FINGERS == 1) {\r\n var distanceX = DWTOUCH_CURRENT_X1 - DWTOUCH_START_X1;\r\n var distanceY = DWTOUCH_CURRENT_Y1 - DWTOUCH_START_Y1;\r\n\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd with 1 finger: \" + distanceX + \"dx; \" + distanceY + \"dy\", \"#ccccff\", \"#000000\");\r\n }\r\n\r\n var result = \"\";\r\n if (distanceX < -DWTOUCH_SLIDE_VALUE) {\r\n // nach links\r\n if (distanceY < -DWTOUCH_SLIDE_VALUE) {\r\n // nach oben\r\n result = DWTOUCH_SLIDE_DIRECTION_NORTHWEST;\r\n } else if (distanceY > DWTOUCH_SLIDE_VALUE) {\r\n // nach unten\r\n result = DWTOUCH_SLIDE_DIRECTION_SOUTHWEST;\r\n } else {\r\n result = DWTOUCH_SLIDE_DIRECTION_WEST;\r\n }\r\n } else if (distanceX > DWTOUCH_SLIDE_VALUE) {\r\n // nach rechts\r\n if (distanceY < -DWTOUCH_SLIDE_VALUE) {\r\n // nach oben\r\n result = DWTOUCH_SLIDE_DIRECTION_NORTHEAST;\r\n } else if (distanceY > DWTOUCH_SLIDE_VALUE) {\r\n // nach unten\r\n result = DWTOUCH_SLIDE_DIRECTION_SOUTHEAST;\r\n } else {\r\n result = DWTOUCH_SLIDE_DIRECTION_EAST;\r\n }\r\n } else {\r\n if (distanceY < -DWTOUCH_SLIDE_VALUE) {\r\n // nach oben\r\n result = DWTOUCH_SLIDE_DIRECTION_NORTH;\r\n } else if (distanceY > DWTOUCH_SLIDE_VALUE) {\r\n // nach unten\r\n result = DWTOUCH_SLIDE_DIRECTION_SOUTH;\r\n } else {\r\n // Nichts gemacht\r\n }\r\n }\r\n if (result != \"\") {\r\n if (DWTOUCH_HANDLER_MOVE_EVENT != null) {\r\n if ((result == DWTOUCH_SLIDE_DIRECTION_EAST) || (result == DWTOUCH_SLIDE_DIRECTION_WEST)) {\r\n if (DWTOUCH_TOUCHED_ID == null) {\r\n DWTOUCH_TOUCHED_ID = DWTOUCH_HANDLER_MOVE_EVENT;\r\n }\r\n\r\n // JFRAME-125 TODO Der Eventhandler ist aktuell fix auf das GuiWindow (DWTOUCH_HANDLER_MOVE_EVENT) gesetzt, da\r\n // Touch-Events bisher auch nur am GuiWindow registriert werden\r\n if ($(DWTOUCH_TOUCHED_ID) != null) {\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd with gesture: \" + result, \"#ccccff\", \"#000000\");\r\n }\r\n\r\n if (typeof (dwAjaxDefaultOnTouchEvent) != \"undefined\") {\r\n dwAjaxDefaultOnTouchEvent(e, DWTOUCH_HANDLER_MOVE_EVENT, DWTOUCH_TOUCHED_ID, \"touchDirection=\" + result, true);\r\n }\r\n }\r\n } else {\r\n // Im Tablet-Modus fehlt sonst das MouseUp und die Hoverfarbe beim Hoch-/Runterswipen wird nicht zurückgesetzt. Evtl nicht die finale Lösung.\r\n dwTouchFireMouseEventForTouchEvent(e, \"mouseup\");\r\n }\r\n }\r\n } else {\r\n // Doppelklick erzeugen\r\n var now = new Date().getTime();\r\n // für Doppelklick bei Touch doppelte Zeit wie normal (DWUTILS_DOUBLE_CLICK_TIME) zulassen\r\n if ((now - DWTOUCH_LAST_TOUCH_TIME < 2 * DWUTILS_DOUBLE_CLICK_TIME) && (DWTOUCH_LAST_TOUCH_TARGET != null) && (DWTOUCH_LAST_TOUCH_TARGET == e.target)) {\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd with double click\", \"#ccccff\", \"#000000\");\r\n }\r\n\r\n dwTouchFireMouseEventForTouchEvent(e, \"dblclick\");\r\n DWTOUCH_LAST_TOUCH_TARGET = null;\r\n DWTOUCH_LAST_TOUCH_TIME = 0;\r\n } else {\r\n DWTOUCH_LAST_TOUCH_TARGET = e.target;\r\n\r\n // Klick erzeugen, wenn zwischendrin ein touchMove() stattgefunden hat oder TouchEvents emuliert werden\r\n if ((Math.abs(distanceX) < DWTOUCH_CLICK_TOLERANCE_VALUE) && (Math.abs(distanceY) < DWTOUCH_CLICK_TOLERANCE_VALUE)) {\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd with click\", \"#ccccff\", \"#000000\");\r\n }\r\n var longPress = now - DWTOUCH_LONG_PRESS_START_TIME >= 500;\r\n if (longPress) {\r\n e.button = 2; // longPress => \"Rechtsklick\"\r\n }\r\n dwTouchFireMouseEventForTouchEvent(e, \"mouseup\");\r\n if (e.button !== 2) { // Bei Rechtsklick nur mouseup und kein click, sonst gehen u.a. Tabellenselektionen verloren\r\n dwTouchFireMouseEventForTouchEvent(e, \"click\");\r\n }\r\n // Nur für iOS und Chrome notwendig, da nur für iOS die Befehle (default Behaviour) an den Browser größtenteils verhindert werden\r\n // Das LongPress Verhalten wird nachträglich gezielt emuliert.\r\n\r\n if (longPress && (framework_isiOS || framework_isChrome)) {\r\n dwTouchFireMouseEventForTouchEvent(e, \"contextmenu\");\r\n }\r\n } else if (!DWTOUCH_TOUCH_MOVED && dwFrameworkShowDevelopmentMessages()) { // nativer click-Event vom OS\r\n dwFrameworkShowHint(\"TOUCH_END\", \"touchEnd with click\", \"#ccccff\", \"#000000\");\r\n } else {\r\n dwTouchFireMouseEventForTouchEvent(e, \"mouseup\");\r\n }\r\n\r\n DWTOUCH_LAST_TOUCH_TIME = now;\r\n }\r\n }\r\n }\r\n var smoothVar_DWTOUCH_START_SCROLLPANE = null;\r\n var smoothVar_DWTOUCH_START_SCROLL_DATE = null;\r\n if ((DWTOUCH_FINGERS == 1) && !DWTOUCH_SCROLLPANE_IS_IMAGE && !DWTOUCH_SCROLLPANE_NATIVE) {\r\n smoothVar_DWTOUCH_START_SCROLLPANE = DWTOUCH_SCROLLPANE;\r\n smoothVar_DWTOUCH_START_SCROLL_DATE = DWTOUCH_START_SCROLL_DATE;\r\n }\r\n\r\n dwTouchReset();\r\n\r\n if (smoothVar_DWTOUCH_START_SCROLLPANE != null) {\r\n if (Math.abs(distanceY) > 0.5) {\r\n setTimeout(function() {\r\n var endDate = new Date();\r\n var smoothY = 0;\r\n var vY = distanceY / (endDate.getTime() - smoothVar_DWTOUCH_START_SCROLL_DATE.getTime());\r\n if ((endDate.getTime() - smoothVar_DWTOUCH_START_SCROLL_DATE.getTime()) < 500) {\r\n smoothY = vY * 250;\r\n } else {\r\n smoothY = 0;\r\n }\r\n if (smoothY != 0) {\r\n dwTouchSmoothScroll(smoothVar_DWTOUCH_START_SCROLLPANE, smoothVar_DWTOUCH_START_SCROLLPANE.scrollTop, smoothY);\r\n }\r\n }, 0);\r\n }\r\n }\r\n}\r\n\r\n\r\n/**\r\n * Verhindert manuell das Double-Tap Verhalten im Browser\r\n * iOS 10 ignoriert die bisher funktionierenden meta tags zum Abschalten des zooms via double tap\r\n * https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/\r\n * @param e\r\n */\r\nfunction dwTouchPreventDoubeTap(e) {\r\n var now = new Date().getTime();\r\n if ((now - DWTOUCH_LAST_TOUCH_TIME < 2 * DWUTILS_DOUBLE_CLICK_TIME)) {\r\n // DWTOUCH_LAST_TOUCH_TARGET stimmt ggf. nicht immer mit dem Browser-Zustand überein (NULL bzw. DIV kann Double Tap auslösen)\r\n // Das Attribut ignorieren wir für die Prüfung\r\n // Dieses abschalten des Browser-Default-Verhaltens wirkt sich nicht auf eigentliche\r\n // Doppelclicks aus (die im weiteren Verlauf der dwTouchEnd Methode getriggert werden)\r\n // Hier wird wie gewohnt das DWTOUCH_LAST_TOUCH_TARGET ausgewertet\r\n dwFrameworkPreventDefaultBehaviour(e);\r\n }\r\n}\r\n\r\nfunction dwTouchPreventDefaultBehaviourIfRequired(e) {\r\n var target = dwUtilsGetEventTarget(e);\r\n if (!target) {\r\n return false;\r\n }\r\n var preventDefaultBehaviour = true;\r\n var isInputField = dwUtilsIsInputTextBox(target);\r\n var isSelectOptionField = dwUtilsStringStartsWith(target.tagName, \"option\", true)\r\n || dwUtilsStringStartsWith(target.tagName, \"select\", true);\r\n if ((framework_isiOS && isInputField) || isSelectOptionField) {\r\n // iOS hat Probleme den Focus zu setzen, wenn das Default Behaviour abgeschalten wurde\r\n // Programmatisch Focus setzen ist (warum auch immer) verboten - und führt nicht zuverlässig zum Erfolg\r\n // Ein langer Touch würde funktionieren in Verbindung mit focus() Befehl, aber ist nicht wirklich intuitiv\r\n // Bei SELECT Tags ist browserübergreifend das Problem, dass ein onChange nicht ausgelöst wird wenn das Standardverhalten\r\n // unterbunden wird ...\r\n preventDefaultBehaviour = false;\r\n }\r\n if (preventDefaultBehaviour) {\r\n // Hier drin wird das Event möglicherweise verändert!\r\n dwFrameworkPreventDefaultBehaviour(e);\r\n }\r\n return preventDefaultBehaviour;\r\n}\r\n\r\nfunction dwTouchSmoothScroll(scrollPane, currentValue, distance) {\r\n if (DWTOUCH_SCROLLPANE != null) {\r\n // Neuer Touch\r\n return;\r\n }\r\n currentValue -= distance;\r\n scrollPane.scrollTop = currentValue;\r\n if (Math.abs(distance) > 2) {\r\n dwTouchSmoothScroll(scrollPane, currentValue, distance / 2);\r\n }\r\n}\r\n\r\nfunction dwTouchReset() {\r\n DWTOUCH_START_X1 = -1;\r\n DWTOUCH_START_Y1 = -1;\r\n DWTOUCH_CURRENT_X1 = -1;\r\n DWTOUCH_CURRENT_Y1 = -1;\r\n DWTOUCH_CURRENT_SCREEN_X1 = -1;\r\n DWTOUCH_CURRENT_SCREEN_Y1 = -1;\r\n DWTOUCH_START_X2 = -1;\r\n DWTOUCH_START_Y2 = -1;\r\n DWTOUCH_CURRENT_X2 = -1;\r\n DWTOUCH_CURRENT_Y2 = -1;\r\n DWTOUCH_SCROLLPANE = null;\r\n DWTOUCH_IMAGEVIEW = null;\r\n DWTOUCH_IMAGEVIEW_START_ZOOMLEVEL = -1;\r\n DWTOUCH_START_SCROLL_X = -1;\r\n DWTOUCH_START_SCROLL_Y = -1;\r\n DWTOUCH_START_SCROLL_DATE = null;\r\n DWTOUCH_SCROLLPANE_IS_IMAGE = false;\r\n DWTOUCH_SCROLLPANE_NATIVE = false;\r\n DWTOUCH_FINGERS = -1;\r\n DWTOUCH_TOUCHED_ID = null;\r\n DWTOUCH_TOUCH_MOVED = false;\r\n DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_X = null;\r\n DWTOUCH_TOUCH_EMULATION_CENTER_CLIENT_Y = null;\r\n DWTOUCH_TOUCHING = false;\r\n DWTOUCH_LONG_PRESS_START_TIME = 0;\r\n}\r\n\r\n\n// Debug Kanal wird von IE nicht unterstützt\r\n// Firebug API: http://getfirebug.com/wiki/index.php/Console_API\r\n// IE API: http://msdn.microsoft.com/en-us/library/gg589530%28v=vs.85%29.aspx\r\n\r\n/**\r\n * Initialisiert das Logger Objekt. Native Firebug Console steht erst nach dem onload zur Verfügung\r\n * @param forceLoggingInBrowserWindow\r\n */\r\nfunction DwLogger(forceLoggingInBrowserWindow) {\r\n this.logger = this.__internal_getConsole(forceLoggingInBrowserWindow);\r\n this.groupStack = new Array();\r\n this.DW_LOGGER_CHANNELS = {\r\n INFO: \"info\",\r\n WARN: \"warn\",\r\n ERROR: \"error\",\r\n ASSERT: \"assert\",\r\n LOG: \"log\",\r\n DEBUG: \"debug\"\r\n };\r\n}\r\n\r\nDwLogger.prototype.__internal_getConsole = function(forceLoggingInBrowserWindow) {\r\n var nativeConsole = null;\r\n try {\r\n nativeConsole = (window.console) ? window.console : console;\r\n } catch (exception) {\r\n // keine console\r\n }\r\n var supportsNativeConsole = (nativeConsole != null); // deckt auch != undefined ab\r\n if (forceLoggingInBrowserWindow || !supportsNativeConsole) {\r\n return new DwBrowserLogger(this);\r\n } else {\r\n return nativeConsole;\r\n }\r\n};\r\n\r\nDwLogger.prototype.__internal_log = function(channel, message) {\r\n if (this.DW_LOGGER_CHANNELS[channel.toUpperCase()]) {\r\n var indent = \"\";\r\n for (var i = 0; i < this.groupStack.length; i++) {\r\n indent += \" \"; // 2 Spaces\r\n }\r\n this.logger[channel.toLowerCase()](indent + message);\r\n }\r\n};\r\n\r\nDwLogger.prototype.log = function(message) {\r\n if (this.logger.debug) {\r\n this.__internal_log(this.DW_LOGGER_CHANNELS.DEBUG, message);\r\n } else {\r\n this.__internal_log(this.DW_LOGGER_CHANNELS.LOG, message);\r\n }\r\n};\r\n\r\nDwLogger.prototype.error = function(message) {\r\n this.__internal_log(this.DW_LOGGER_CHANNELS.ERROR, message);\r\n};\r\n\r\nDwLogger.prototype.assert = function(expression, message) {\r\n this.logger[this.DW_LOGGER_CHANNELS.ASSERT.toLowerCase()](expression, message);\r\n};\r\n\r\nDwLogger.prototype.clear = function() {\r\n this.logger[\"clear\"]();\r\n};\r\n\r\nDwLogger.prototype.dir = function(obj) {\r\n this.logger.dir(obj);\r\n};\r\n\r\nDwLogger.prototype.profile = function(profileTitle) {\r\n this.logger.profile(profileTitle);\r\n};\r\n\r\nDwLogger.prototype.profileEnd = function() {\r\n this.logger.profileEnd();\r\n};\r\n\r\nDwLogger.prototype.groupStart = function(message) {\r\n if (!this.logger.group) {\r\n dwLoggerCustomGroupStart(this, message);\r\n } else {\r\n this.logger.group(message);\r\n }\r\n};\r\n\r\nDwLogger.prototype.groupEnd = function() {\r\n if (!this.logger.groupEnd) {\r\n dwLoggerCustomGroupEnd(this);\r\n } else {\r\n this.logger.groupEnd();\r\n }\r\n// this.log(\"<<\");\r\n};\r\n\r\n\r\nfunction dwLoggerCustomGroupStart(logger, message) {\r\n logger.log(\"GROUP START: \" + message);\r\n logger.groupStack.push(message);\r\n}\r\n\r\nfunction dwLoggerCustomGroupEnd(logger) {\r\n logger.log(\"GROUP END: \" + logger.groupStack.pop());\r\n}\r\n\r\n/**\r\n * Kapsel für das Logging auf den Browser\r\n */\r\nfunction DwBrowserLogger(dwLogger) {\r\n this.logger = dwLogger;\r\n this.browserdoc = null;\r\n this.browserwindow = null;\r\n this.autoretry = 0;\r\n}\r\n\r\nDwBrowserLogger.prototype.__internal_log = function(channel, message) {\r\n if (message == null) {\r\n return;\r\n }\r\n if (this.browserdoc == null) {\r\n if ((typeof (framework_isJ2EEBrowser) != \"undefined\") && framework_isJ2EEBrowser) {\r\n // Im J2EE Fall hat das Popup automatisch eine Minimalgröße. Keine weiteren Vorgaben\r\n this.browserwindow = window.open(); // kann Popup Blocker auslösen\r\n } else {\r\n // Im Swing Fall wird die Größe direkt vorgegeben (und das Popup wiederverwendet)\r\n this.browserwindow = window.open(\"\", \"dw_browser_logger\", \"width=600, height=400, scrollbars=yes, resizable=yes\"); // kann Popup Blocker auslösen\r\n }\r\n this.browserdoc = this.browserwindow.document;\r\n }\r\n message = message.replace(/ /g, \" \");\r\n try {\r\n this.browserdoc.write(channel.toUpperCase() + \": \" + message + \"
\");\r\n } catch (exception) {\r\n if (this.autoretry < 3) {\r\n this.autoretry++;\r\n this.browserdoc = null;\r\n this.__internal_log(channel, message);\r\n }\r\n }\r\n};\r\n\r\nDwBrowserLogger.prototype.log = function(message) {\r\n this.__internal_log(this.logger.DW_LOGGER_CHANNELS.LOG, message);\r\n};\r\n\r\nDwBrowserLogger.prototype.info = function(message) {\r\n this.__internal_log(this.logger.DW_LOGGER_CHANNELS.INFO, message);\r\n};\r\n\r\nDwBrowserLogger.prototype.warn = function(message) {\r\n this.__internal_log(this.logger.DW_LOGGER_CHANNELS.WARN, message);\r\n};\r\n\r\nDwBrowserLogger.prototype.error = function(message) {\r\n this.__internal_log(this.logger.DW_LOGGER_CHANNELS.ERROR, message);\r\n};\r\n\r\nDwBrowserLogger.prototype.assert = function(expression, message) {\r\n if (!eval(expression)) {\r\n this.__internal_log(this.logger.DW_LOGGER_CHANNELS.ASSERT, message);\r\n }\r\n};\r\n\r\nDwBrowserLogger.prototype.clear = function() {\r\n // Beim Schliessen eines Browser-Fensters wird eine Sicherheitsmeldung angezeigt, wenn kein \"Opener\" gesetzt ist\r\n // Aktuell ist dieser automatisch gesetzt, da wird das Fenster aus unserem eigenen Hauptfenster heraus öffnen\r\n // Alternativ kann der opener auch manuell gesetzt werden (Kommentar der nächsten Zeile entfernen)\r\n this.browserwindow.opener = 'dwDummyLogOpener_foo';\r\n this.browserwindow.close();\r\n this.browserwindow = null;\r\n this.browserdoc = null;\r\n};\r\n\r\nDwBrowserLogger.prototype.dir = function(obj) {\r\n // noch nicht unterstützt\r\n};\r\n\r\nDwBrowserLogger.prototype.profile = function(profileTitle) {\r\n // noch nicht unterstützt\r\n};\r\n\r\nDwBrowserLogger.prototype.profileEnd = function() {\r\n // noch nicht unterstützt;\r\n};\r\n\r\nDwBrowserLogger.prototype.group = function(message) {\r\n this.logger.log(\"GROUP START: \" + message);\r\n this.logger.groupStack.push(message);\r\n};\r\n\r\nDwBrowserLogger.prototype.groupEnd = function(message) {\r\n this.logger.log(\"GROUP END: \" + this.logger.groupStack.pop());\r\n};\n/*\r\n * Copyright (c) 2025 Quanos Solutions GmbH\r\n */\r\n\r\n// KONSTANTEN\r\nvar DWAJAX_ACTIVE = true;\r\n\r\nvar DWAJAX_LOG_ERRORS = true;\r\nvar DWAJAX_SHOW_ERRORS = true;\r\nvar DWAJAX_SHOW_EXCEPTIONS = true;\r\nvar DWAJAX_ERROR_DETAIL_MAX_LENGTH = 10000;\r\nvar DWAJAX_REFRESH_AFTER_ERROR = false;\r\n\r\nvar DWAJAX_DEBUG_COMMANDS = false;\r\nvar DWAJAX_SHOW_STACKTRACE = false;\r\n// Eigentlich müssten wir warten bis die Antwort vom Server kommt. Aber es funktioniert bei schnellen Klicks\r\n// nicht, deshalb erst mal disabled, bis wir etwas haben, um die Klicks aufzusammeln, während der Server arbeitet\r\nvar DWAJAX_DISABLE_INPUT = false;\r\nvar DWAJAX_WAIT_CURSOR_MS = 2000; // 2000ms, bei 0 kommt er sofort, bei -1 gar nicht\r\nvar DWAJAX_WAIT_CURSOR_TIMEOUT_ID = null;\r\nvar DWAJAX_TIMEOUT_MS = 999999999;\r\n\r\n// Liste mit Updates die zu senden sind\r\nvar dwAjaxUpdates = new Array();\r\n// Flag ob überhaupt noch die Sanduhr anzuzeigen ist\r\nvar dwAjaxCurrentlySending = false;\r\n// Static Pong Mechanismus. Eine Verbindung, die offen gehalten wird, und der Server gibt darüber Bescheid, wenn der Browser\r\n// etwas aktualisieren soll\r\nvar dwAjaxStaticConnectionXmlHttp = null;\r\nvar dwAjaxStaticConnectionForbiddenCounter = 0;\r\n\r\n// 400er und 500er Fehler bei Ajax-Requests können einfach wiederholt werden. Erst nach 10 Fehlversuchen wird ein Fehler in der GUI gezeigt\r\nvar isRepeatAjaxError = false;\r\nvar repeatAjaxErrorCounter = 0;\r\nvar pageRefreshCounter = 0;\r\n\r\n/**\r\n * Fügt ein Update hinzu\r\n *\r\n * @param command das Kommando das zum Server gesendet werden soll\r\n * @param doAutoSend soll es gleich geendet werden?\r\n * @param doAsynchronousCall soll (nicht) auf die Antwort gewartet werden?\r\n */\r\nfunction dwAjaxAddUpdate(command, doAutoSend, doAsynchronousCall) {\r\n dwAjaxUpdates.push(command);\r\n if (doAutoSend && !dwAjaxCurrentlySending) {\r\n dwAjaxSendUpdates(false, doAsynchronousCall);\r\n }\r\n}\r\n\r\n/**\r\n * Sendet eine Liste von Änderungs-Befehlen an den Server\r\n */\r\nfunction dwAjaxSendUpdates(ignoreErrors, doAsynchronousCall) {\r\n if (!DWAJAX_ACTIVE) {\r\n // Nach \"Lost connection\" oder \"404\" keine Aktivität mehr, bringt ja nichts\r\n return;\r\n }\r\n if (!dwFrameworkInitFinished) {\r\n // Init Methode noch nicht abgeschlossen - noch keine Ajax Befehle abfeuern\r\n return;\r\n }\r\n if (dwAjaxCurrentlySending) {\r\n return;\r\n }\r\n if ((typeof (framework_isActive) == 'undefined' || !framework_isActive)) {\r\n return;\r\n }\r\n\r\n if (dwAjaxUpdates.length > 0) {\r\n // Normalerweise bei DEVELOPMENT Hints zu Ajax anzeigen\r\n var showHint = dwFrameworkShowDevelopmentMessages();\r\n if ((dwAjaxUpdates.length == 1) && (dwAjaxUpdates[0] == \"ping\")) {\r\n // Ausser bei Pings\r\n showHint = false;\r\n }\r\n dwAjaxCurrentlySending = true;\r\n var dwAjaxTimerStart = new Date().getTime();\r\n\r\n if (DWAJAX_WAIT_CURSOR_MS == 0) {\r\n dwUtilsShowWaitCursor();\r\n } else if (DWAJAX_WAIT_CURSOR_MS > 0) {\r\n DWAJAX_WAIT_CURSOR_TIMEOUT_ID = setTimeout(dwUtilsShowWaitCursor, DWAJAX_WAIT_CURSOR_MS);\r\n }\r\n\r\n if (DWAJAX_DISABLE_INPUT) {\r\n dwUtilsDisableInput();\r\n }\r\n\r\n dwResizeRegistryGetInstance().updateSizes();\r\n\r\n if (DWAJAX_DEBUG_COMMANDS) {\r\n for (var i = 0; i < dwAjaxUpdates.length; i++) {\r\n var line = dwAjaxUpdates[i];\r\n line = line.replace(/
/g, \" \");\r\n line = line.replace(//g, \">\");\r\n dwUtilsDebugWrite(\" >>> \" + line + \"
\");\r\n }\r\n }\r\n // Kopie damit wir ja nichts verlieren\r\n var dwAjaxUpdatesTmp = dwAjaxUpdates;\r\n dwAjaxUpdates = new Array();\r\n framework_lastServerRequest = new Date().getTime();\r\n var currentBrowserRootWindowCommand = \"currentBrowserRootWindow\" + \"@DW@\" + dwFrameworkGetRootWindowId() + \"@DW@\" + framework_displayWidth + \"@DW@\" + framework_displayHeight;\r\n dwAjaxUpdatesTmp.unshift(currentBrowserRootWindowCommand);\r\n\r\n dwAjaxToServer(dwAjaxTimerStart, showHint, dwAjaxUpdatesTmp, ignoreErrors, new Date().getTime(), doAsynchronousCall);\r\n }\r\n}\r\n\r\nfunction getNewUrlForWebapp(path) {\r\n var url = dwUtilsGetBaseApplicationUrl() + path;\r\n return url;\r\n}\r\n\r\n// Siehe StaticConnectionUpdater\r\nfunction dwAjaxNewStaticConnection() {\r\n if (!framework_isActive) {\r\n return;\r\n }\r\n setTimeout(function() {\r\n if (!framework_isActive) {\r\n return;\r\n }\r\n\r\n dwAjaxStaticConnectionXmlHttp = dwUtilsCreateXmlHttpRequest(true);\r\n var url = getNewUrlForWebapp(\"/static.connection_\" + dwFrameworkGetRootWindowId()); // StaticConnection pro RootWindow\r\n dwAjaxStaticConnectionXmlHttp.open(\"POST\", url, true);\r\n dwAjaxStaticConnectionXmlHttp.setRequestHeader(\"Content-type\", \"text/plain; charset=UTF-8\");\r\n dwAjaxStaticConnectionXmlHttp.onreadystatechange = function() {\r\n if (!framework_isActive) {\r\n return;\r\n }\r\n if (dwAjaxStaticConnectionXmlHttp.readyState == DWUTILS_READY_STATE.DONE) {\r\n try {\r\n if (dwAjaxStaticConnectionXmlHttp.status == 200) {\r\n // Bei Antwort y (yes), p (ping) oder f (finish) ein AJAX Ping durchführen\r\n if ((dwAjaxStaticConnectionXmlHttp.responseText == 'y') || (dwAjaxStaticConnectionXmlHttp.responseText == 'p')\r\n || (dwAjaxStaticConnectionXmlHttp.responseText == 'f')) {\r\n dwAjaxAddUpdate(\"ping\", true, true);\r\n if (dwAjaxStaticConnectionXmlHttp.responseText == 'f') {\r\n return; // Fertig -> Static Connection beendet\r\n }\r\n } else { // Static Connection wurde beendet\r\n return;\r\n }\r\n }\r\n } catch (exception) {\r\n }\r\n if ((dwAjaxStaticConnectionXmlHttp.status == 403) || (dwAjaxStaticConnectionXmlHttp.status == 302)\r\n || (dwAjaxStaticConnectionXmlHttp.status == 307)) {\r\n // 403 tritt z.B. auf, wenn Tomcat neu gestartet wurde und Browserfenster noch offen ist\r\n // 302 oder 307 werden von Login-Systemen für den Redirect auf eine Login-Seite verwendet, was bedeutet,\r\n // dass die Session/Login abgelaufen ist\r\n dwAjaxStaticConnectionForbiddenCounter++;\r\n } else {\r\n dwAjaxStaticConnectionForbiddenCounter = 0;\r\n }\r\n if (dwAjaxStaticConnectionForbiddenCounter < 10) {\r\n dwAjaxNewStaticConnection();\r\n }\r\n }\r\n };\r\n dwAjaxStaticConnectionXmlHttp.send(\"?\");\r\n }, 0);\r\n}\r\n\r\nfunction sleep(millis) {\r\n var date = new Date();\r\n var curDate = null;\r\n while (curDate - date < millis) {\r\n curDate = new Date();\r\n }\r\n}\r\n\r\nfunction dwAjaxToServer(dwAjaxTimerStart, showHint, dwAjaxUpdatesTmp, ignoreErrors, startTime, doAsynchronousCall) {\r\n var string = \"\";\r\n for (var i = 0; i < dwAjaxUpdatesTmp.length; i++) {\r\n var line = dwAjaxUpdatesTmp[i];\r\n if (string.length > 0) {\r\n string += \"@DX@\";\r\n }\r\n string += line;\r\n }\r\n if (typeof (doAsynchronousCall) == 'undefined') {\r\n // Flag sollte immer gesetzt sein. Im Fehlerfall wird der Default angenommen (asynchron)\r\n doAsynchronousCall = true;\r\n }\r\n\r\n var xmlHttp = dwUtilsCreateXmlHttpRequest(true);\r\n var url = getNewUrlForWebapp(\"/ajax\");\r\n xmlHttp.open(\"POST\", url, doAsynchronousCall);\r\n xmlHttp.setRequestHeader(\"Content-type\", \"text/plain; charset=UTF-8\");\r\n xmlHttp.onreadystatechange = function() {\r\n if ((DWAJAX_WAIT_CURSOR_MS > 0) && (new Date().getTime() - dwAjaxTimerStart > DWAJAX_WAIT_CURSOR_MS)) {\r\n dwUtilsShowWaitCursor();\r\n }\r\n try {\r\n if (showHint) {\r\n if (xmlHttp.readyState == DWUTILS_READY_STATE.OPENED) {\r\n dwFrameworkShowHint(\"AJAX\", \"SENDING (\" + dwAjaxUpdates.length + \")\", \"#0000dd\", \"#ffffff\");\r\n } else if (xmlHttp.readyState == DWUTILS_READY_STATE.HEADERS_RECEIVED) {\r\n dwFrameworkShowHint(\"AJAX\", \"WAITING FOR SERVER...\", \"#0000dd\", \"#ffffff\");\r\n } else if (xmlHttp.readyState == DWUTILS_READY_STATE.LOADING) {\r\n dwFrameworkShowHint(\"AJAX\", \"RECEIVING\", \"#0000dd\", \"#ffffff\");\r\n }\r\n }\r\n if (xmlHttp.readyState == DWUTILS_READY_STATE.DONE) {\r\n var shutdownFramework = false;\r\n switch (xmlHttp.status) {\r\n case 200:\r\n pageRefreshCounter = 0;\r\n repeatAjaxErrorCounter = 0;\r\n dwFrameworkHideLostConnectionBanner();\r\n if (xmlHttp.responseText == \"\") {\r\n // Damit auch hier er ganz normal in GotUpdate reingeht\r\n var newValues = new Array();\r\n } else {\r\n var newValues = xmlHttp.responseText.split('@DX@');\r\n }\r\n dwAjaxGotUpdate(dwAjaxTimerStart, newValues, showHint);\r\n break;\r\n case 12029:\r\n case 12030:\r\n case 12031:\r\n case 12152:\r\n case 12159:\r\n case 12007:\r\n case 0:\r\n if (pageRefreshCounter < 2) {\r\n pageRefreshCounter++;\r\n dwAjaxRefreshPage(); // Keine Verbindung\r\n return;\r\n }\r\n case 404:\r\n // Bislang wurde bei Status Code 0 und Status Code 404 (keine Verbindung zum Server / Server nicht gefunden)\r\n // automatisch ein Fehlerdialog angezeigt.\r\n // Stattdessen wird jetzt auch bis zu 30 Sekunden gewartet (insbesondere in Bezug darauf das temporär ein\r\n // Verbindungsverlust (z.B. bei mobilen Endgeräten) auftreten kann und es angenehmer ist,\r\n // wenn der Nutzer nicht ständig \"neu laden\" drücken muss - ohne zu wissen ob/wann die Verbindung wieder steht.\r\n if (ignoreErrors || $(\"lostConnection\")) {\r\n // Fehler sollen z.B. ignoriert werden, wenn die Nachricht zur Fehlerübertragung dient (dwAjaxErrorHandler->dwAjaxSendMessage)\r\n // oder bereits das Popup angezeigt wird, dass die Verbindung verloren ist (d.h. > 30 Sekunden sind bereits vergangen)\r\n break;\r\n } else if ((new Date().getTime() - startTime) > 30000) {\r\n // Fehler ignorieren ist hier notwendig, damit in der Finish-Methode die bislang vorliegenden Befehle\r\n // nicht erneut gesendet werden und erneut der Timer ausgelöst wird (während das Popup angezeigt wird)\r\n ignoreErrors = true;\r\n\r\n // In der Liste der Updates ist ggf. noch der Befehl drin der nicht übertragen werden konnte\r\n // Liste der Befehle muss geleert werden, damit eine ewig neue Verbindung / Übertragung im onFinished ausgelöst wird\r\n dwAjaxUpdates = [];\r\n dwFrameworkHideLostConnectionBanner();\r\n // Länger als 30 Sekunden probiert => Aufgeben. Wir biegen um auf die üblichen Probleme.\r\n var exception = new Object();\r\n exception.name = \"Ajax error \" + xmlHttp.status + \": \" + xmlHttp.statusText;\r\n exception.message = \"Ajax error \" + xmlHttp.status + \": \" + xmlHttp.statusText;\r\n dwAjaxErrorHandler(exception, null, 12029, xmlHttp.responseText);\r\n shutdownFramework = true;\r\n break;\r\n } else {\r\n // Langsam von 30 herunterzählen ... (damit der Nutzer sieht, wie lange noch probiert wird)\r\n setTimeout(function() {\r\n var countdown = parseInt(((startTime + 30000 - new Date().getTime()) / 1000));\r\n dwFrameworkShowLostConnectionBanner(countdown);\r\n // http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_23421667.html\r\n // http://danweber.blogspot.de/2007/04/ie6-and-error-code-12030.html\r\n // Kann 1000 Gründe haben.\r\n // Wir wiederholen den Call einfach nochmal\r\n dwAjaxToServer(dwAjaxTimerStart, showHint, dwAjaxUpdatesTmp, ignoreErrors, startTime);\r\n }, 1000);\r\n return;\r\n }\r\n case 403:\r\n // PING Requests ignorieren Fehler (temporär kann Server unerreichbar sein...)\r\n // Ist der PING allerdings abgelehnt worden (Status Code 403) werden weitere Versuche abgebrochen (verm. Session invalid)\r\n ignoreErrors = false;\r\n\r\n default:\r\n if (!ignoreErrors) {\r\n if (isRepeatAjaxError && (xmlHttp.status >= 400) && (xmlHttp.status < 600) && (repeatAjaxErrorCounter < 10)) {\r\n if (repeatAjaxErrorCounter > 5) {\r\n sleep(200);\r\n }\r\n repeatAjaxErrorCounter++;\r\n dwAjaxToServer(dwAjaxTimerStart, showHint, dwAjaxUpdatesTmp, ignoreErrors, startTime);\r\n return;\r\n }\r\n\r\n var exception = new Object();\r\n exception.name = \"Ajax error \" + xmlHttp.status + \": \" + xmlHttp.statusText;\r\n exception.message = \"Ajax error \" + xmlHttp.status + \": \" + xmlHttp.statusText;\r\n dwAjaxErrorHandler(exception, null, xmlHttp.status, xmlHttp.responseText);\r\n shutdownFramework = true;\r\n }\r\n }\r\n dwAjaxDwrFinished(ignoreErrors);\r\n if (shutdownFramework) {\r\n framework_isActive = false; // Framework deaktivieren\r\n }\r\n }\r\n } catch (exception) {\r\n // Zeile bitte so lassen damit wir immer alle Codestellen per Volltextsuche finden. Das kann man nicht auslagern in eine Datei.\r\n if (typeof (framework_isActive) == 'undefined' || !framework_isActive) {\r\n return;\r\n }\r\n throw exception;\r\n }\r\n };\r\n\r\n xmlHttp.send(string);\r\n}\r\n\r\n/**\r\n * Setzt die Darstellung zurück (normaler Cursor, ...) und versucht die bisher aufgelaufenen Befehle direkt zu übertragen\r\n *\r\n * Ist \"ignoreErrors\" gesetzt so wird kein Timer / erneuter Fehlerdialog angzeigt, wenn die Datenverbindung noch immer nicht aufgebaut werden konnte\r\n * @param ignoreErrors\r\n */\r\nfunction dwAjaxDwrFinished(ignoreErrors) {\r\n if (DWAJAX_DISABLE_INPUT) {\r\n dwUtilsEnableInput();\r\n }\r\n try {\r\n if (DWAJAX_WAIT_CURSOR_TIMEOUT_ID != null) {\r\n clearTimeout(DWAJAX_WAIT_CURSOR_TIMEOUT_ID);\r\n DWAJAX_WAIT_CURSOR_TIMEOUT_ID = null;\r\n }\r\n } catch (exception) {\r\n }\r\n\r\n dwUtilsShowNormalCursor();\r\n dwAjaxCurrentlySending = false;\r\n // Nochmal senden falls wieder etwas neu drin ist\r\n dwAjaxSendUpdates(ignoreErrors, true);\r\n}\r\n\r\n/**\r\n * Vom Server ist eine Anfrage reingekommen\r\n *\r\n * @param newvalues Liste mit Kommandos die am Client ausgeführt werden sollen\r\n */\r\nfunction dwAjaxGotUpdate(dwAjaxTimerStart, commands, showHint) {\r\n if (!dwFrameworkInitFinished) {\r\n // Das Html wurde noch nicht komplett geladen, speichere die commandos, damit sie später\r\n // ausgeführt werden können\r\n return;\r\n }\r\n\r\n var dwAjaxTimerClientStart = new Date();\r\n try {\r\n if (commands == null) {\r\n if (DWAJAX_DEBUG_COMMANDS) {\r\n alert(\"Ajax got update - but commands was 'null'\");\r\n }\r\n throw (\"Ajax got update - but commands was 'null'\");\r\n }\r\n if (showHint) {\r\n dwFrameworkShowHint(\"AJAX\", \"RECEIVED (\" + commands.length + \")\", \"#0000dd\", \"#ffffff\");\r\n }\r\n var nrOfCharacters = 0;\r\n var alreadyShowingWaitCursor = false;\r\n for (var i = 0; i < commands.length; i++) {\r\n\r\n if ((DWAJAX_WAIT_CURSOR_MS > 0) && (!alreadyShowingWaitCursor) && (new Date().getTime() - dwAjaxTimerStart > DWAJAX_WAIT_CURSOR_MS)) {\r\n dwUtilsShowWaitCursor();\r\n alreadyShowingWaitCursor = true;\r\n }\r\n if (DWAJAX_DEBUG_COMMANDS) {\r\n var line = commands[i];\r\n line = line.replace(/
/g, \" \");\r\n line = line.replace(//g, \">\");\r\n dwUtilsDebugWrite(\"<<< \" + line + \"
\");\r\n }\r\n nrOfCharacters += commands[i].length;\r\n var command = commands[i].split(\"@DW@\");\r\n var control = null;\r\n var action = null;\r\n\r\n if (command.length < 1) {\r\n throw \"NO_ACTION_FOUND\";\r\n } else {\r\n action = command[0];\r\n }\r\n\r\n // Ab hier kommen die Implementierungen\r\n // Aktionen die nur 1 Angabe benötigen (Aktion)\r\n if (action == \"refreshPage\") {\r\n dwAjaxRefreshPage();\r\n } else if (action == \"setBookmarkValue\") {\r\n dwAjaxSetBookmarkValue(command[1]);\r\n } else if (action == \"setChildThreadCount\") {\r\n dwAjaxSetChildThreadCount(command[1]);\r\n } else if (action == \"evaluateJavascript\") {\r\n var javascriptMethods = command[1];\r\n dwUtilsEvaluateJavascript(javascriptMethods, true);\r\n } else if (action == \"addJavascriptFunction\") {\r\n var functionCode = command[1];\r\n dwDomAddJavascriptFunction(functionCode);\r\n } else if (action == \"removeJavascriptFunction\") {\r\n var functionCode = command[1];\r\n dwDomRemoveJavascriptFunction(functionCode);\r\n } else if (action == \"addJavascriptFile\") {\r\n var filename = command[1];\r\n dwAjaxAddJavascriptFile(filename);\r\n } else if (action == \"removeJavascriptFile\") {\r\n var filename = command[1];\r\n dwAjaxRemoveJavascriptFile(filename);\r\n } else if (action == \"addJavascriptListenerTagForControl\") {\r\n dwAjaxAddJavascriptListenerTag(command);\r\n } else if (action == \"setGlobalStyleIfNotExists\") {\r\n dwDomSetGlobalStyleIfNotExists(command[1]);\r\n } else if (action == \"removeJavascriptListenerTagForControl\") {\r\n dwAjaxRemoveJavascriptListenerTag(command);\r\n } else if (action == \"addToInnerFunction\") {\r\n var functionName = command[1];\r\n var commandsToAdd = command[2];\r\n dwDomAddToFunction(functionName, commandsToAdd);\r\n } else if (action == \"addToInnerFunctionParameter\") {\r\n var functionName = command[1];\r\n var innerFunctionName = command[2];\r\n var innerFunctionParameterValueToAppend = command[3];\r\n dwDomAppendToInnerFunctionParameter(functionName, innerFunctionName, innerFunctionParameterValueToAppend);\r\n } else if (action == \"setBrowserTitle\") {\r\n dwDomSetBrowserTitle(command[1]);\r\n } else if (action == \"setFavIcon\") {\r\n dwDomSetFavIcon(command[1]);\r\n } else if (action == \"removeFavIcon\") {\r\n dwDomRemoveFavIconIfPossible();\r\n } else if (action == \"showException\") {\r\n var stackTrace = command[2];\r\n dwAjaxServerExceptionHandler(command[1], stackTrace);\r\n } else if (action == \"initCountdown\") {\r\n dwUtilsInitCountdown();\r\n } else if (action == \"setCountdownTime\") {\r\n dwUtilsSetCountdownTime(command[1]);\r\n } else if (action == \"htmlToPDf\") {\r\n dwHtmlStringToPdf(command[1], command[2], command[3]);\r\n } else if (action == \"scanQrCode\") {\r\n dwStartScanner(command[1], command[2], command[3], command[4]);\r\n } else if (action == \"startCamera\") {\r\n dwCameraStartVideo(command[1], command[2], command[3]);\r\n } else if (action == \"stopCamera\") {\r\n dwCameraStopVideo();\r\n } else if (action == \"takePicture\") {\r\n dwCameraTakeSnapshot();\r\n } else if (action == \"cropPicture\") {\r\n dwCameraStartCrop();\r\n } else if (action == \"rotatePicture\") {\r\n dwCameraRotatePicture();\r\n } else if (action == \"savePicture\") {\r\n dwCameraSavePicture();\r\n } else {\r\n // Aktionen die auf einen Knoten im DOM ausgeführt werden, und sich somit fest auf ein Control beziehen (uniqueId)\r\n if (command.length < 2) {\r\n // Wenn es weniger als 2 Kommandos gibt, dann ist @DW@ folglich gar nicht in dem Kommando-String enthalten\r\n // und es handelt sich ziemlich sicher nicht um eine Antwort vom ApplicationServer, sondern z.B. von\r\n // einem Login-System -> prüfe, ob es sich um eine HTML-Seite handelt, und lade die Seite in diesem Fall neu\r\n if ((command.length > 0) && dwUtilsStringStartsWith(command[0], \"\", true)) {\r\n dwFrameworkRefreshPage();\r\n return;\r\n }\r\n\r\n throw \"NO_ID_FOUND\";\r\n } else {\r\n var controlId = command[1];\r\n control = $(controlId);\r\n if (control == null) {\r\n if (dwAjaxIgnoreControlNotFound(action, controlId)) { // Soll ignoriert werden, dass das Control nicht gefunden werden konnte?\r\n continue;\r\n } else {\r\n throw \"CONTROL_NOT_FOUND\";\r\n }\r\n }\r\n }\r\n if (action == \"removeDomAttribute\") {\r\n dwAjaxRemoveDomAttribute(control, command);\r\n } else if (action == \"setDomAttribute\") {\r\n var key = command[2];\r\n var value = command[3];\r\n dwAjaxSetDomAttribute(control, key, value);\r\n } else if (action == \"appendDomAttributeValue\") {\r\n var key = command[2];\r\n var value = command[3];\r\n dwAjaxAppendDomAttributeValue(control, key, value);\r\n } else if (action == \"setDomMultiSelection\") {\r\n dwAjaxSetDomMultiSelection(control, command);\r\n } else if (action == \"removeDomMultiSelection\") {\r\n dwAjaxRemoveDomMultiSelection(control, command);\r\n } else if (action == \"setCustomMultiSelection\") {\r\n dwAjaxSetCustomMultiSelection(control, command);\r\n } else if (action == \"removeCustomMultiSelection\") {\r\n dwAjaxRemoveCustomMultiSelection(control, command);\r\n } else if (action == \"selectInTextField\") {\r\n var all = command[2] == \"true\";\r\n var startPos = command[3];\r\n var endPos = command[4];\r\n dwDomSelectInTextField(control, all, startPos, endPos);\r\n } else if (action == \"setStyle\") {\r\n var key = command[2];\r\n var value = command[3];\r\n key = dwFrameworkCssToJavascriptProperty(key);\r\n dwDomSetStyle(control, key, value);\r\n } else if (action == \"setStyleIgnoreControlNotFound\") {\r\n var key = command[2];\r\n var value = command[3];\r\n key = dwFrameworkCssToJavascriptProperty(key);\r\n dwDomSetStyle(control, key, value);\r\n } else if (action == \"removeStyle\") {\r\n var key = command[2];\r\n key = dwFrameworkCssToJavascriptProperty(key);\r\n dwDomRemoveStyle(control, key);\r\n } else if (action == \"setClass\") {\r\n var value = command[2];\r\n dwDomSetClass(control, value);\r\n } else if (action == \"addClass\") {\r\n dwAjaxAddClass(control, command);\r\n } else if (action == \"removeClass\") {\r\n dwAjaxRemoveClass(control, command);\r\n } else if (action == \"removeTableRow\") {\r\n dwAjaxRemoveTableRow(control, command);\r\n } else if (action == \"removeLastTableRow\") {\r\n dwAjaxRemoveLastTableRow(control, command);\r\n } else if (action == \"removeTableContentRows\") {\r\n dwAjaxRemoveTableContentRows(control, command);\r\n } else if (action == \"addTableRow\") {\r\n dwAjaxAddTableRow(control, command);\r\n } else if (action == \"addTableRows\") {\r\n dwAjaxAddTableRows(control, command);\r\n } else if (action == \"insertTableRow\") {\r\n dwAjaxInsertTableRow(control, command);\r\n } else if (action == \"setDomText\") {\r\n dwAjaxSetDomText(control, command);\r\n } else if (action == \"setDomNextSiblingText\") {\r\n dwAjaxSetDomNextSiblingText(control, command);\r\n } else if (action == \"removeDomText\") {\r\n dwAjaxRemoveDomText(control, command);\r\n } else if (action == \"removeDomSiblingText\") {\r\n dwAjaxRemoveDomSiblingText(control, command);\r\n } else if (action == \"setNode\") {\r\n dwAjaxSetNode(control, command);\r\n } else if (action == \"addNode\") {\r\n dwAjaxAddNode(control, command);\r\n } else if (action == \"addNodes\") {\r\n dwAjaxAddNodes(control, command);\r\n } else if (action == \"insertNode\") {\r\n dwAjaxInsertNode(control, command);\r\n } else if (action == \"replaceNode\") {\r\n dwAjaxReplaceNode(control, command);\r\n } else if (action == \"moveToFront\") {\r\n dwAjaxMoveToFront(control, command);\r\n } else if (action == \"moveToBack\") {\r\n dwAjaxMoveToBack(control, command);\r\n } else if (action == \"switchNodes\") {\r\n dwAjaxSwitchChildNodes(control, command);\r\n } else if (action == \"removeChildNode\") {\r\n dwAjaxRemoveChildNode(control, command);\r\n } else if (action == \"removeAllChildNodes\") {\r\n dwDomRemoveAllChildNodes(control);\r\n } else if (action == \"removeNode\") {\r\n dwDomRemoveNodeById(command[1]);\r\n } else if (action == \"addOptionNode\") {\r\n dwAjaxAddOptionNode(control, command);\r\n } else if (action == \"insertOptionNode\") {\r\n dwAjaxInsertOptionNode(control, command);\r\n } else if (action == \"addCheckboxListEntry\") {\r\n dwAjaxAddCheckboxListEntry(control, command);\r\n } else if (action == \"insertCheckboxListEntry\") {\r\n dwAjaxInsertCheckboxListEntry(control, command);\r\n } else if (action == \"removeCheckboxListEntry\") {\r\n dwAjaxRemoveCheckboxListEntry(control, command);\r\n } else if (action == \"removeCustomListEntry\") {\r\n dwAjaxRemoveCustomListEntry(control, command);\r\n } else if (action == \"scrollToListEntry\") {\r\n dwAjaxScrollToListEntry(control, command);\r\n } else if (action == \"replaceSelf\") {\r\n dwAjaxReplaceSelf(control, command);\r\n } else if (action == \"replaceParent\") {\r\n dwAjaxReplaceParent(control, command);\r\n } else if (action == \"removeParent\") {\r\n dwAjaxRemoveParent(control, command);\r\n } else if (action == \"setEvent\") {\r\n var key = command[2];\r\n var value = command[3];\r\n var withEventBubbling = (command[4] == \"true\");\r\n dwDomSetEvent(control, key, value, withEventBubbling);\r\n } else if (action == \"removeEvent\") {\r\n var key = command[2];\r\n var value = command[3];\r\n dwDomRemoveEvent(control, key, value);\r\n } else if (action == \"removeEventType\") {\r\n dwDomRemoveEventType(control, command[2]);\r\n } else if (action == \"addEvent\") {\r\n var key = command[2];\r\n var value = command[3];\r\n var withEventBubbling = (command[4] == \"true\");\r\n dwDomAddEvent(control, key, value, withEventBubbling);\r\n } else if (action == \"addJavascriptFileToNode\") {\r\n // Standard AddNode Mechanismus nicht verwendbar, der mit innerHTML arbeitet\r\n // Script Tags müssen clientseitig mit createElement eingebunden werden\r\n var filename = command[2];\r\n dwDomAddJavascriptFile(control, filename);\r\n } else if (action == \"addJavascriptListenerTagForControlToNode\") {\r\n var objectEvent = command[2];\r\n var forObjectId = command[3];\r\n var javascriptMethods = command[4];\r\n dwDomAddJavascriptListenerTag(control, objectEvent, forObjectId, javascriptMethods);\r\n } else if (action == \"removeJavascriptListenerTagForControlFromNode\") {\r\n var objectEvent = command[2];\r\n var forObjectId = command[3];\r\n dwDomRemoveJavascriptListenerTag(control, objectEvent, forObjectId);\r\n } else if (action == \"addHotkeyRecursiveCallback\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.addRecursiveCallbackHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"addHotkeyNearestNeighbour\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.addNearestNeighbourHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"addHotkeyExecuteClick\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.addExecuteClickHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"addHotkeyMnemonic\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.addMnemonicHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"removeHotkeyRecursiveCallback\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.removeRecursiveCallbackHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"removeHotkeyNearestNeighbour\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.removeNearestNeighbourHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"removeHotkeyExecuteClick\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.removeExecuteClickHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"removeHotkeyMnemonic\") {\r\n if (dwHotkeyRegistry != null) {\r\n var eventHandlerComponentId = command[1];\r\n var uniqueId = command[2];\r\n var key = command[3];\r\n var modifiers = command[4];\r\n dwHotkeyRegistry.removeMnemonicHotkeyEntry(eventHandlerComponentId, uniqueId, key, modifiers);\r\n }\r\n } else if (action == \"genericSetNodeStyle\") {\r\n dwAjaxGenericSetNodeStyle(control, command);\r\n } else if (action == \"genericRemoveNodeStyle\") {\r\n dwAjaxGenericRemoveNodeStyle(control, command);\r\n } else if (action == \"genericSetClass\") {\r\n dwAjaxGenericSetClass(control, command);\r\n } else if (action == \"genericAddClass\") {\r\n dwAjaxGenericAddClass(control, command);\r\n } else if (action == \"genericRemoveClass\") {\r\n dwAjaxGenericRemoveClass(control, command);\r\n } else if (action == \"genericSetDomAttribute\") {\r\n dwAjaxGenericSetDomAttribute(control, command);\r\n } else if (action == \"genericRemoveDomAttribute\") {\r\n dwAjaxGenericRemoveDomAttribute(control, command);\r\n } else if (action == \"genericSetDomText\") {\r\n dwAjaxGenericSetDomText(control, command);\r\n } else if (action == \"genericSetDomNextSiblingText\") {\r\n dwAjaxGenericSetDomNextSiblingText(control, command);\r\n } else if (action == \"genericAddNode\") {\r\n dwAjaxGenericAddNode(control, command);\r\n } else if (action == \"genericInsertNode\") {\r\n dwAjaxGenericInsertNode(control, command);\r\n } else if (action == \"genericInsertTableRow\") {\r\n dwAjaxGenericInsertTableRow(control, command);\r\n } else if (action == \"genericRemoveNode\") {\r\n dwAjaxGenericRemoveNode(control, command);\r\n } else if (action == \"genericRemoveNodes\") {\r\n dwAjaxGenericRemoveNodes(control, command);\r\n } else if (action == \"genericRemoveAllChildNodes\") {\r\n dwAjaxGenericRemoveAllChildNodes(control, command);\r\n } else if (action == \"genericReplaceNode\") {\r\n dwAjaxGenericReplaceNode(control, command);\r\n } else if (action == \"genericRemoveEvent\") {\r\n dwAjaxGenericRemoveEvent(control, command);\r\n } else if (action == \"genericRemoveEventType\") {\r\n dwAjaxGenericRemoveEventType(control, command);\r\n } else if (action == \"genericAddEvent\") {\r\n dwAjaxGenericAddEvent(control, command);\r\n } else if (action == \"genericScrollToNode\") {\r\n dwAjaxGenericScrollToNode(control, command);\r\n } else if (action == \"genericMoveNode\") {\r\n dwAjaxGenericMoveNode(control, command);\r\n } else if (action == \"setHoverClasses\") {\r\n dwAjaxSetHoverClasses(control, command[2]);\r\n }\r\n }\r\n }\r\n var dwAjaxTimerEnd = new Date();\r\n if (showHint) {\r\n var serverTimeElapsed = dwAjaxTimerClientStart.getTime() - dwAjaxTimerStart;\r\n var clientTimeElapsed = dwAjaxTimerEnd.getTime() - dwAjaxTimerClientStart.getTime();\r\n// var timeString = dwAjaxTimerEnd.getHours() + \":\" + dwAjaxTimerEnd.getMinutes() + \":\" + dwAjaxTimerEnd.getSeconds();\r\n dwFrameworkShowHint(\"AJAX\", \"AJAX SERVER: \" + serverTimeElapsed + \"ms CLIENT: \" +\r\n clientTimeElapsed + \"ms SIZE: \" + nrOfCharacters + \" characters\", \"#BBFFBB\", \"#000000\");\r\n }\r\n // Durch Änderungen am DOM könnten sich Control-Größen geändert haben und man will nicht auf die nächste Anfrage\r\n // vom Client zum Server warten (evtl. kommt keine z.B. von Notizen -> allg. Info springen)\r\n dwResizeRegistryGetInstance().updateSizes();\r\n } catch (exception) {\r\n if (typeof (exception) == \"string\") {\r\n var text = exception;\r\n exception = new Object();\r\n exception.name = text;\r\n exception.message = text;\r\n }\r\n var additionalInfo = (commands == null) ? \"null\" : commands[i];\r\n dwAjaxErrorHandler(exception, additionalInfo, null, null);\r\n }\r\n}\r\n\r\nvar ignoreControlNotFoundOnActions = [\r\n 'setStyle',\r\n 'removeStyle',\r\n 'removeDomAttribute',\r\n 'setDomAttribute',\r\n 'appendDomAttributeValue',\r\n 'removeStyle',\r\n 'genericSetNodeStyle',\r\n 'genericRemoveNodeStyle',\r\n 'genericSetDomAttribute',\r\n 'genericRemoveDomAttribute'\r\n];\r\n\r\n/**\r\n * Soll während der Abarbeitung der AJAX Updates ignoriert werden, dass das Control mit der angegebenen controlId\r\n * nicht gefunden werden konnte?\r\n * @param controlId\r\n * @return {@code true} falls das fehlende Control ignoriert und die Abarbeitung des aktuellen AJAX Updates abgebrochen werden soll\r\n */\r\nfunction dwAjaxIgnoreControlNotFound(action, controlId) {\r\n if (!framework_isDevelopment) {\r\n // Im Releasemode soll CONTROL_NOT_FOUND ignoriert werden, wenn es sich um einfache Styleänderungen handelt.\r\n // Im Prinzip dürfte das nicht passieren, aber die Anzeige des Fehlers macht deutlich mehr Ärger, als wenn man eben die Farbe nicht setzt.\r\n for (var i = 0; i < ignoreControlNotFoundOnActions.length; i++) {\r\n if (action === ignoreControlNotFoundOnActions[i]) {\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n // beim Öffnen der Tastatur unter iOS können kurzfristig die Elemente von AutoClose-Popup-Fenstern\r\n // (enden auf \"_layerdiv\" und \"_contentdiv\") nicht gefunden werden -> fehlendes Control ignorieren\r\n if (framework_isiOS && (dwUtilsStringEndsWith(controlId, \"_layerdiv\", false) || dwUtilsStringEndsWith(controlId, \"_contentdiv\", false))) {\r\n return true;\r\n }\r\n // In Einzelfällen können Komponenten im Komponentenbaum hängen, die nicht im DOM-Baum sind (z.B. Inhalte einer inaktiven TabbedPaneEntry)\r\n // Gibt es dort dann ein HeavyWeightControl, wird bei Anzeige eines modalen Fensters setVisible geschickt. Das auf dem Server abzufangen,\r\n // wäre sehr aufwändig, deswegen wird dann explizit mitgeschickt, dass nichtvorhandene Controls ignoriert werden sollen.\r\n if (action == \"setStyleIgnoreControlNotFound\") {\r\n return true;\r\n }\r\n\r\n return false;\r\n}\r\n\r\n/**\r\n * Lädt die Seite neu\r\n */\r\nfunction dwAjaxRefreshPage() {\r\n dwFrameworkRefreshPageJs();\r\n}\r\n\r\n/**\r\n * Setzt den Bookmark Wert neu\r\n */\r\nfunction dwAjaxSetBookmarkValue(value) {\r\n var oldHash = (window.location.hash.indexOf('#') == 0) ? window.location.hash.substring(1) : window.location.hash;\r\n if (oldHash == value) {\r\n return;\r\n }\r\n window.location.hash = value;\r\n if (framework_html5HistoryEnabled) {\r\n var state = dwFrameworkCreateBrowserHistoryState(value);\r\n\r\n try {\r\n history.replaceState(state, document.title, window.location.href);\r\n } catch (exception) {\r\n }\r\n\r\n framework_html5HistoryCurrentState = state;\r\n }\r\n}\r\n\r\n/**\r\n * Setzt, wieviel Kindthreads gerade im Hintergrund aktiv sind\r\n */\r\nfunction dwAjaxSetChildThreadCount(value) {\r\n framework_childThreadCount = parseInt(value);\r\n}\r\n\r\nfunction dwAjaxAddJavascriptFile(filename) {\r\n var head = document.getElementsByTagName(\"head\")[0];\r\n dwDomAddJavascriptFile(head, filename);\r\n}\r\n\r\nfunction dwAjaxRemoveJavascriptFile(filename) {\r\n var head = document.getElementsByTagName(\"head\")[0];\r\n dwDomRemoveJavascriptFile(head, filename);\r\n}\r\n\r\nfunction dwAjaxAddJavascriptListenerTag(command) {\r\n var objectEvent = command[1];\r\n var forObjectId = command[2];\r\n var methods = command[3];\r\n var head = document.getElementsByTagName(\"head\")[0];\r\n dwDomAddJavascriptListenerTag(head, objectEvent, forObjectId, methods);\r\n}\r\n\r\nfunction dwAjaxRemoveJavascriptListenerTag(command) {\r\n var objectEvent = command[1];\r\n var forObjectId = command[2];\r\n var head = document.getElementsByTagName(\"head\")[0];\r\n dwDomRemoveJavascriptListenerTag(head, objectEvent, forObjectId);\r\n}\r\n\r\n\r\n/**\r\n * Löscht ein Dom Attribut\r\n */\r\nfunction dwAjaxRemoveDomAttribute(control, command) {\r\n var key = command[2];\r\n dwDomRemoveDomAttribute(control, key);\r\n}\r\n\r\n/**\r\n * Setzt ein Dom Attribut\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxSetDomAttribute(control, key, value) {\r\n dwDomSetDomAttribute(control, key, value);\r\n}\r\n\r\n/**\r\n * Erweitert ein (textbasiertes) Dom-Attribut\r\n * @param control\r\n * @param key\r\n * @param valueToAppend\r\n */\r\nfunction dwAjaxAppendDomAttributeValue(control, key, valueToAppend) {\r\n dwDomAppendDomAttributeValue(control, key, valueToAppend);\r\n}\r\n\r\n/**\r\n * Selektiert Einträge in einer Multi-Select-Auswahl\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxSetDomMultiSelection(control, command) {\r\n // GuiList Control (Multi-Selection möglich). Jeder Index durch Divider \"|\" getrennt.\r\n // Es wird mind 1 Wert erwartet.\r\n // prüfen ob das eigentliche objekt in dem array ist -> ansonsten deselekt\r\n var selectionValue = command[2];\r\n var selectedIndices = dwUtilsSplit(selectionValue, \"|\", false);\r\n dwDomSetListSelection(control, selectedIndices);\r\n}\r\n\r\n/**\r\n * Deselektiert (alle) Einträge aus einer Multi-Select-Auswahl\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveDomMultiSelection(control, command) {\r\n var value = command[2];\r\n if (value == null || value == undefined) {\r\n // Alle Einträge deselektieren\r\n dwDomSetListSelection(control, new Array());\r\n } else {\r\n // Dieser Fall wird aktuell noch nicht server-seitig unterstützt\r\n }\r\n}\r\n\r\n/**\r\n * Selektiert Eitnräge in einer Multi Select Auswahl (generiert mit HtmlListRenderer).\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxSetCustomMultiSelection(control, command) {\r\n var listUniqueId = command[2];\r\n var selectionValue = command[3];\r\n var attribute = command[4];\r\n var updateDisplay = (command[5] == \"true\");\r\n var selectedIndices = dwUtilsSplit(selectionValue, \"|\", false);\r\n dwDomSetCustomListSelection(control, listUniqueId, selectedIndices, attribute, updateDisplay);\r\n}\r\n\r\nfunction dwAjaxRemoveCustomMultiSelection(control, command) {\r\n var listUniqueId = command[2];\r\n var attribute = command[3];\r\n var listControl = $(listUniqueId);\r\n var updateDisplay = (command[5] == \"true\");\r\n dwDomSetCustomListSelection(control, listUniqueId, new Array(), attribute, updateDisplay);\r\n listControl.setAttribute(\"highlightedIndices\", \"\");\r\n}\r\n\r\n/**\r\n * Fügt Class Names zum Class-Attribut über Javascript Notation hinzu.\r\n *\r\n * Vorhandene Class Names bleiben dem Control erhalten.\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxAddClass(control, command) {\r\n var value = command[2]; // Leerzeichen separierte Liste\r\n dwDomAddClass(control, value);\r\n}\r\n\r\n/**\r\n * Entfernt einen oder mehrere Class Names aus dem Class Attribut\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveClass(control, command) {\r\n var value = command[2]; // Leerzeichen separierte Liste\r\n dwDomRemoveClass(control, value);\r\n}\r\n\r\n/**\r\n * Löscht aus der Tabelle eine Zeile\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveTableRow(control, command) {\r\n var index = parseInt(command[2]);\r\n var tableRowContainer = dwDomGetRealRowContainerNode(control);\r\n dwDomRemoveChild(tableRowContainer, index);\r\n}\r\n\r\nfunction dwAjaxRemoveLastTableRow(control, command) {\r\n var tableRowContainer = dwDomGetRealRowContainerNode(control);\r\n dwDomRemoveChild(tableRowContainer);\r\n}\r\n\r\n/**\r\n * Löscht alle Inhalts-Zeilen aus der Tabelle\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveTableContentRows(control, command) {\r\n var hasHeader = dwUtilsToBoolean(command[2]);\r\n var tableRowContainer = dwDomGetRealRowContainerNode(control);\r\n dwDomRemoveTableContentRows(tableRowContainer, hasHeader);\r\n}\r\n\r\n/**\r\n * Hängt eine Zeile an die Tabelle an\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxAddTableRow(control, command) {\r\n control = dwDomGetRealRowContainerNode(control);\r\n var content = command[2];\r\n dwDomAppendChild(control, content);\r\n}\r\n\r\n/**\r\n * Fügt mehrere Zeilen hinzu\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxAddTableRows(control, command) {\r\n control = dwDomGetRealRowContainerNode(control);\r\n var contentArray = new Array();\r\n for (var i = 2; i < command.length; i++) {\r\n contentArray[i - 2] = command[i];\r\n }\r\n dwDomAppendChildren(control, contentArray);\r\n}\r\n\r\nfunction dwAjaxInsertTableRow(control, command) {\r\n var rowIndex = parseInt(command[2]);\r\n var content = command[3];\r\n var tableRowContainer = dwDomGetRealRowContainerNode(control);\r\n dwDomInsertChild(tableRowContainer, rowIndex, content);\r\n}\r\n\r\nfunction dwAjaxSetDomText(control, command) {\r\n var value = command[2];\r\n var escape = dwUtilsToBoolean(command[3]);\r\n dwDomSetDomText(control, value, escape);\r\n}\r\n\r\nfunction dwAjaxSetDomNextSiblingText(control, command) {\r\n var value = command[2];\r\n var escape = dwUtilsToBoolean(command[3]);\r\n dwDomSetDomNextSiblingText(control, value, escape);\r\n}\r\n\r\n/**\r\n * Löscht alle Text-Unterknoten eines Elements. Andere Unterknoten (wie Elemente) werden nicht entfernt\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveDomText(control, command) {\r\n var textNodes = dwDomGetChildNodesByType(control, DWUTILS_NODE_TYPE.TEXT);\r\n dwDomRemoveChildren(textNodes, 0, textNodes.length);\r\n}\r\n\r\n/**\r\n * Löscht den nächsten Knoten, wenn dieser vom Typ 'Text' ist\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveDomSiblingText(control, command) {\r\n var siblingNode = control.nextSibling;\r\n // Nur löschen, wenn Sibling vorhanden und Typ 'Text'\r\n if ((siblingNode != null) && (siblingNode.nodeType == DWUTILS_NODE_TYPE.TEXT)) {\r\n control.parentNode.removeChild(siblingNode);\r\n }\r\n}\r\n\r\nfunction dwAjaxSetNode(control, command) {\r\n var index = parseInt(command[2]);\r\n var content = command[3];\r\n\r\n}\r\n\r\n/**\r\n * Fügt einen Knoten hinzu\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxAddNode(control, command) {\r\n var content = command[2];\r\n dwDomAppendChild(control, content);\r\n}\r\n\r\n/**\r\n * Fügt mehrere Knoten hinzu\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxAddNodes(control, command) {\r\n var contentArray = new Array();\r\n for (var i = 2; i < command.length; i++) {\r\n contentArray[i - 2] = command[i];\r\n }\r\n dwDomAppendChildren(control, contentArray);\r\n}\r\n\r\nfunction dwAjaxAddOptionNode(control, command) {\r\n var value = command[2];\r\n var label = command[3];\r\n var option = document.createElement(\"option\");\r\n option.text = label;\r\n option.value = value;\r\n if (framework_isIE) {\r\n control.options.add(option);\r\n } else {\r\n control.appendChild(option);\r\n }\r\n}\r\n\r\nfunction dwAjaxInsertOptionNode(control, command) {\r\n var value = command[2];\r\n var label = command[3];\r\n var index = command[4];\r\n var option = document.createElement(\"option\");\r\n option.text = label;\r\n option.value = value;\r\n if (framework_isIE) {\r\n control.options.add(option, index);\r\n } else {\r\n control.insertBefore(option, control.childNodes[index]);\r\n }\r\n}\r\n\r\nfunction dwAjaxAddCheckboxListEntry(control, command) {\r\n var listUniqueId = command[2];\r\n var checkbox = command[3];\r\n var image = command[4];\r\n var text = command[5];\r\n dwDomAppendCheckboxListEntry(control, listUniqueId, checkbox, image, text);\r\n}\r\n\r\nfunction dwAjaxInsertCheckboxListEntry(control, command) {\r\n var listUniqueId = command[2];\r\n var checkbox = command[3];\r\n var image = command[4];\r\n var text = command[5];\r\n var index = command[6];\r\n dwDomInsertCheckboxListEntry(control, listUniqueId, checkbox, image, text, index);\r\n}\r\n\r\nfunction dwAjaxRemoveCheckboxListEntry(control, command) {\r\n var listUniqueId = command[2];\r\n var index = command[3];\r\n dwDomRemoveCheckboxListEntry(control, listUniqueId, index);\r\n}\r\n\r\nfunction dwAjaxRemoveCustomListEntry(control, command) {\r\n var listUniqueId = command[2];\r\n var index = command[3];\r\n dwDomRemoveCustomListEntry(control, listUniqueId, index);\r\n}\r\n\r\n/**\r\n * Fügt im Dom einen Knoten hinzu\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxInsertNode(control, command) {\r\n var itemIdx = parseInt(command[2]);\r\n var content = command[3];\r\n dwDomInsertChild(control, itemIdx, content);\r\n}\r\n\r\n/**\r\n * Ersetzt einen Knoten\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxReplaceNode(control, command) {\r\n var itemIdx = parseInt(command[2]);\r\n var content = command[3];\r\n dwDomReplaceChild(control, itemIdx, content);\r\n}\r\n\r\n/**\r\n * Verschiebt ein Element an erste Stelle (vor Elemente und Textknoten)\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxMoveToFront(control, command) {\r\n var index = parseInt(command[2]);\r\n dwDomMoveToFront(control, index);\r\n}\r\n\r\n/**\r\n * Verschiebt ein Element an letzte Stelle (hinter Elemente und Textknoten)\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxMoveToBack(control, command) {\r\n var index = parseInt(command[2]);\r\n dwDomMoveToBack(control, index);\r\n}\r\n\r\n/**\r\n * Vertauscht zwei Kindelemente\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxSwitchChildNodes(control, command) {\r\n var index1 = parseInt(command[2]);\r\n var index2 = parseInt(command[3]);\r\n dwDomSwitchChildren(control, index1, index2);\r\n}\r\n\r\n/**\r\n * Löscht einen Kindknoten\r\n *\r\n * @param control\r\n * @param command\r\n */\r\nfunction dwAjaxRemoveChildNode(control, command) {\r\n var itemIdx = parseInt(command[2]);\r\n dwDomRemoveChild(control, itemIdx);\r\n}\r\n\r\nfunction dwAjaxReplaceSelf(control, command) {\r\n var parentNode = control.parentNode;\r\n parentNode.replaceChild(dwDomParseStringToNodes(command[2]), control);\r\n}\r\n\r\nfunction dwAjaxReplaceParent(control, command) {\r\n dwAjaxReplaceSelf(control.parentNode, command);\r\n}\r\n\r\nfunction dwAjaxRemoveParent(control, command) {\r\n var parent = control.parentNode;\r\n var grandparent = parent.parentNode;\r\n grandparent.removeChild(parent);\r\n}\r\n\r\nfunction dwAjaxGenericSetNodeStyle(control, command) {\r\n var navigationString = command[2];\r\n var key = command[3];\r\n var value = command[4];\r\n key = dwFrameworkCssToJavascriptProperty(key);\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwDomSetStyle(container, key, value);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveNodeStyle(control, command) {\r\n var navigationString = command[2];\r\n var key = command[3];\r\n key = dwFrameworkCssToJavascriptProperty(key);\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwDomSetStyle(container, key, \"\");\r\n}\r\n\r\nfunction dwAjaxGenericSetClass(control, command) {\r\n var navigationString = command[2];\r\n var value = command[3];\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwDomSetClass(container, value);\r\n}\r\n\r\nfunction dwAjaxGenericAddClass(control, command) {\r\n var navigationString = command[2];\r\n var value = command[3];\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwDomAddClass(container, value);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveClass(control, command) {\r\n var navigationString = command[2];\r\n var value = command[3];\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwDomRemoveClass(container, value);\r\n}\r\n\r\nfunction dwAjaxGenericSetDomAttribute(control, command) {\r\n var navigationString = command[2];\r\n var key = command[3];\r\n var value = command[4];\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwAjaxSetDomAttribute(container, key, value);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveDomAttribute(control, command) {\r\n var navigationString = command[2];\r\n var key = command[3];\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwAjaxRemoveDomAttribute(container, key);\r\n}\r\n\r\nfunction dwAjaxGenericSetDomText(control, command) {\r\n var navigationString = command[2];\r\n var text = command[3];\r\n var escape = dwUtilsToBoolean(command[4]);\r\n var container = dwDomFindContainer(control, navigationString, false);\r\n dwDomSetDomText(container, text, escape);\r\n}\r\n\r\nfunction dwAjaxGenericSetDomNextSiblingText(control, command) {\r\n var navigationPath = command[2];\r\n var text = command[3];\r\n var escape = dwUtilsToBoolean(command[4]);\r\n var container = dwDomFindContainer(control, navigationPath, false);\r\n dwDomSetDomNextSiblingText(container, text, escape);\r\n}\r\n\r\nfunction dwAjaxGenericAddNode(control, command) {\r\n var navigationString = command[2];\r\n var content = command[3];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomAppendChild(container, content);\r\n}\r\n\r\nfunction dwAjaxGenericInsertNode(control, command) {\r\n var navigationString = command[2];\r\n var insertAt = parseInt(command[3]);\r\n var content = command[4];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomInsertChild(container, insertAt, content);\r\n}\r\n\r\nfunction dwAjaxGenericInsertTableRow(control, command) {\r\n var navigationString = command[2]\r\n var rowIndex = parseInt(command[3]);\r\n var content = command[4];\r\n var tableRowContainer = dwDomFindContainer(control, navigationString, true);\r\n dwDomInsertChild(tableRowContainer, rowIndex, content);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveNode(control, command) {\r\n var navigationString = command[2];\r\n var itemIdx = parseInt(command[3]);\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomRemoveChild(container, itemIdx);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveNodes(control, command) {\r\n var navigationString = command[2];\r\n var itemIdx = parseInt(command[3]);\r\n var howMany = parseInt(command[4]);\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomRemoveElementChildNodes(container, itemIdx, howMany);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveAllChildNodes(control, command) {\r\n var navigationString = command[2];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomRemoveAllChildNodes(container);\r\n}\r\n\r\nfunction dwAjaxGenericReplaceNode(control, command) {\r\n var navigationString = command[2];\r\n var itemIdx = parseInt(command[3]);\r\n var content = command[4];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomReplaceChild(container, itemIdx, content);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveEvent(control, command) {\r\n var navigationString = command[2];\r\n var eventType = command[3];\r\n var method = command[4];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomRemoveEvent(container, eventType, method);\r\n}\r\n\r\nfunction dwAjaxGenericRemoveEventType(control, command) {\r\n var navigationString = command[2];\r\n var eventType = command[3];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomRemoveEventType(container, eventType);\r\n}\r\n\r\nfunction dwAjaxGenericAddEvent(control, command) {\r\n var navigationString = command[2];\r\n var eventType = command[3];\r\n var method = command[4];\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomAddEvent(container, eventType, method, false);\r\n}\r\n\r\nfunction dwAjaxGenericScrollToNode(control, command) {\r\n var scrolledId = command[2];\r\n var navigationPath = command[3];\r\n var nodeIndex = parseInt(command[4]);\r\n dwDomScrollToNode(control.id, scrolledId, navigationPath, nodeIndex);\r\n}\r\n\r\nfunction dwAjaxScrollToListEntry(control, command) {\r\n var nodeIndex = parseInt(command[2]);\r\n dwDomScrollToListEntry(control.id, nodeIndex);\r\n}\r\n\r\nfunction dwAjaxGenericMoveNode(control, command) {\r\n var navigationString = command[2];\r\n var oldNodeIndex = parseInt(command[3]);\r\n var newNodeIndex = parseInt(command[4]);\r\n var container = dwDomFindContainer(control, navigationString, true);\r\n dwDomMoveNode(container, oldNodeIndex, newNodeIndex);\r\n}\r\n\r\n/**\r\n * Zeigt eine Nachricht an. Kann später in eine Javascript Konsole umgeleitet werden.\r\n * MS Status Codes (> 12000) siehe http://msdn.microsoft.com/en-us/library/windows/desktop/aa383770%28v=vs.85%29.aspx\r\n *\r\n * @param command\r\n * @param doAutoSend\r\n */\r\nfunction dwAjaxErrorHandler(exception, additionalInformation, xmlHttpStatus, xmlHttpResponseText) {\r\n if (!framework_isActive) {\r\n // Kann bei CTRL-R auftreten. Mittlerweile wird bei onunload framework_isActive auf false gesetzt\r\n // damit wir das hier erkennen\r\n return;\r\n }\r\n if ((exception != null) && (exception.name)) {\r\n if ((exception.name.indexOf(\"commands was 'null'\") > 0) || // Neustart\r\n ((xmlHttpStatus != null) && (\r\n (xmlHttpStatus == 0) || // Ajax nicht erreichbar\r\n (xmlHttpStatus == 404) || // Andere Anwendung aktiv (IPP?)\r\n (xmlHttpStatus == 403) || // Forbidden, d.h. Server neu gestartet oder wirklich forbidden\r\n (xmlHttpStatus == 12029))) // Connection to server failed\r\n ) {\r\n if (xmlHttpStatus == 403) { // Server wurde neu gestartet oder Session ist nicht mehr gültig\r\n DWAJAX_ACTIVE = false;\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"AJAX\", \"Invalid or expired session: \" + exception.name, \"#FF0000\", \"#000000\");\r\n } else {\r\n if (xmlHttpResponseText && dwUtilsStringStartsWith(xmlHttpResponseText, \"http\", true)) {\r\n window.location.href = xmlHttpResponseText;\r\n } else {\r\n // Bei nicht-modalen Fenstern und einem Fehler 403 das Fenster schließen (z.B. bei einer neuen Session)\r\n if ((typeof (framework_isNonModalWindow) != 'undefined') && framework_isNonModalWindow) {\r\n dwFrameworkCloseWindowSilently = true;\r\n window.close();\r\n } else { // Bei modalen Fenstern (Hauptfenster) einen Fehlerdialog anzeigen bzgl. ungültiger Session\r\n // Bei Aufruf ohne Secure Start hat der Benutzer die Option die Sitzung neu zu starten\r\n // Beim Neustart werden die alten Startparameter berücksichtigt\r\n var isSecured = (typeof (framework_isSecured) != \"undefined\") && framework_isSecured;\r\n dwDialogShowInvalidSession(!isSecured);\r\n\r\n // Framework deaktivieren, so dass z.B. auch keine Notifizierung beim Schließen des Fensters mehr verschickt wird\r\n framework_isActive = false;\r\n dwFrameworkHideLostConnectionBanner();\r\n }\r\n }\r\n }\r\n } else {\r\n if (dwFrameworkShowDevelopmentMessages()) {\r\n dwFrameworkShowHint(\"AJAX\", \"Lost connection to server: \" + exception.name, \"#FF0000\", \"#000000\");\r\n } else {\r\n dwDialogShowLostConnection();\r\n dwFrameworkHideLostConnectionBanner();\r\n }\r\n }\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (!exception) {\r\n return; // Ohne Exception kein Exception Handling ...\r\n }\r\n var exceptionName = exception.name || \"Error\";\r\n var exceptionMessage = exception.message || exception || \"unknown\";\r\n var exceptionDetails = additionalInformation || \"\";\r\n if (!framework_isDevelopment && (exceptionDetails.length > DWAJAX_ERROR_DETAIL_MAX_LENGTH)) {\r\n exceptionDetails = exceptionDetails.substring(0, DWAJAX_ERROR_DETAIL_MAX_LENGTH) + \"...\";\r\n }\r\n var exceptionStack = dwFrameworkGetStacktrace(exception);\r\n\r\n // Wenn keine ID gefunden wurde, dann den Fehler nicht loggen, weil der Request komplett ungültig ist und demzufolge\r\n // vermutlich gar nicht vom ApplicationServer, sondern z.B. einem Login-System stammt\r\n if (DWAJAX_LOG_ERRORS && (exceptionName != \"NO_ID_FOUND\")) {\r\n // Direkter Aufruf von \"dwAjaxToServer\" - damit die Nachricht zuverlässig vor Anzeige eines Alerts zum Server übertragen wird (dwAjaxCurrentlySending könnte 'true' sein)\r\n // Schliesst ein Anwender bei einer Alert Nachricht den Browser / Tab kann andernfalls die Information verloren gehen.\r\n var message = \"@DWSUB@\" + exceptionMessage + \"@DWSUB@\" + dwAjaxErrorHandlerGetEncodedExceptionDetail(exceptionDetails) + \"@DWSUB@\";\r\n dwAjaxToServer(new Date().getTime(), false, [\"error@DW@ajax@DW@\" + exceptionName + message +\r\n exceptionStack], true, new Date().getTime());\r\n }\r\n var skipDefaultHandling = false;\r\n if (typeof (pluginOnAjaxErrorHandler) == \"function\") {\r\n skipDefaultHandling = pluginOnAjaxErrorHandler(exception, additionalInformation, xmlHttpStatus, xmlHttpResponseText);\r\n }\r\n\r\n if (DWAJAX_SHOW_ERRORS && !skipDefaultHandling) {\r\n var errorInfo = exceptionName + \": \" + exceptionMessage + \"\\n\\nStacktrace:\\n\" + exceptionStack;\r\n if (additionalInformation != null) {\r\n errorInfo += \"\\n\\nAdditional information:\\n\";\r\n errorInfo += additionalInformation;\r\n }\r\n dwDialogShowErrorDialog(errorInfo);\r\n }\r\n if (DWAJAX_REFRESH_AFTER_ERROR && !skipDefaultHandling) {\r\n dwFrameworkRefreshPageJs();\r\n }\r\n}\r\n\r\n// Die exceptionDetails werden jetzt \"codiert\" in Form von Bytes in UTF-8, weil manche Server Sicherheitsprobleme\r\n// mit dem übertragenen HTML Code haben (aufgetreten bei Claas)\r\nfunction dwAjaxErrorHandlerGetEncodedExceptionDetail(exceptionDetails) {\r\n var message = exceptionDetails.replace(/@DW@/g, \"@ERR@\").replace(/@DWSUB@/g, \"@ERRSUB@\");\r\n // UTF-8 Bytes\r\n try {\r\n return new TextEncoder().encode(message);\r\n } catch (exception) {\r\n // Wenn beim Encodieren etwas schief geht, dann doch die Originalmessage übertragen\r\n return message;\r\n }\r\n}\r\n\r\nfunction dwAjaxServerExceptionHandler(errorString, stacktrace) {\r\n if (DWAJAX_SHOW_EXCEPTIONS) {\r\n var name = \"Server Exception\";\r\n var message = errorString || \"unknown\";\r\n var errorInfo = name + \": \" + message;\r\n if (DWAJAX_SHOW_STACKTRACE || framework_isDevelopment) {\r\n if (stacktrace) {\r\n errorInfo += \"\\n\\nStacktrace:\\n\" + stacktrace;\r\n }\r\n }\r\n var skipDefaultHandling = false;\r\n if (typeof (pluginOnServerErrorHandler) == \"function\") {\r\n skipDefaultHandling = pluginOnServerErrorHandler(name, message, stacktrace);\r\n }\r\n if (skipDefaultHandling) {\r\n return;\r\n }\r\n\r\n dwDialogShowErrorDialog(errorInfo);\r\n }\r\n if (DWAJAX_REFRESH_AFTER_ERROR) {\r\n dwFrameworkRefreshPageJs();\r\n }\r\n}\r\n\r\n// ########### AB HIER SIND DIE DEFAULT EVENTS###########################################\r\n\r\nfunction dwAjaxDefaultOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var control = $(controlId);\r\n\r\n // control kann z.B. null sein, wenn im IE ein Textfeld mit OnChange-Listener entfernt wird, wo der IE (warum auch immer)\r\n // dann nochmal einen OnInput-Event feuert, das Control aber nicht mehr im DOM vorhanden ist\r\n if (!control) {\r\n return;\r\n }\r\n\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onChangeEvent@DW@\" + eventParameters + \"@DW@\" + control.value, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnChangeWithDebounce(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwUtilsDebounce(controlId, function() {\r\n dwAjaxDefaultOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend)\r\n }, dwUtilsGetDebounceTime(controlId))\r\n}\r\n\r\nfunction dwAjaxDefaultOnKeyPress(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n eventParameters += \"@DWSUB@__INT_keyCode=\" + event.keyCode;\r\n eventParameters = dwAjaxAddKeyModifiersToEventParameters(event, eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@keyPressedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnKeyUp(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var control = $(controlId);\r\n eventParameters += \"@DWSUB@__INT_keyCode=\" + event.keyCode;\r\n if (event.keyCode === undefined) {\r\n //Beim Autofill des Chrome Browsers\r\n return;\r\n }\r\n eventParameters = dwAjaxAddKeyModifiersToEventParameters(event, eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@keyReleasedEvent@DW@\" + eventParameters + \"@DW@\" + control.value, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnKeyDown(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n eventParameters += \"@DWSUB@__INT_keyCode=\" + event.keyCode;\r\n if (event.keyCode === undefined) {\r\n //Beim Autofill des Chrome Browsers\r\n return;\r\n }\r\n eventParameters = dwAjaxAddKeyModifiersToEventParameters(event, eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@keyTypedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n // var keyCode = event.keyCode ? event.keyCode : event.which;\r\n // var key = String.fromCharCode(keyCode);\r\n // var isShiftPressed = event.shiftKey;\r\n // var val = control.value;\r\n // if (keyCode == 8) {\r\n // Backspace -> delete 1 char\r\n // } else if (keyCode >= 32 && keyCode <= 128) {\r\n // if (!isShiftPressed) {\r\n // key = key.toLowerCase();\r\n // val += key;\r\n // }\r\n // }\r\n // dwAjaxSendUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@keyTypedEvent@DW@\" + key);\r\n // var str = control.value;\r\n // if (keyCode == 8) {\r\n // // Backspace\r\n // if (control.value.length > 0) {\r\n // str = control.value.substring(0, control.value.length - 1);\r\n // }\r\n // } else if (keyCode == 12 || keyCode == 38 || keyCode == 40 || keyCode == 13 || keyCode == 45 || keyCode == 32 || keyCode == 18 || keyCode == 16 || keyCode == 9 || keyCode == 36 || keyCode == 115) {\r\n // // ignore\r\n // return;\r\n // } else {\r\n // str += key;\r\n // }\r\n\r\n // setTimeout(function() {dwAjaxSendUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@keyTypedEvent@DW@\" + control.value) }, 0)\r\n}\r\n\r\nfunction dwAjaxAddActualActivatingControlToEventParameters(event, control, eventParameters) {\r\n var actualActivatingControl = dwHelperFindActualActivatingControl(control, dwUtilsGetEventTarget(event), false);\r\n if (actualActivatingControl != null) {\r\n if (eventParameters == \"\") {\r\n eventParameters += \"__ID_actualActivatingControl=\" + actualActivatingControl.id;\r\n } else {\r\n eventParameters += \"@DWSUB@__ID_actualActivatingControl=\" + actualActivatingControl.id;\r\n }\r\n }\r\n\r\n return eventParameters;\r\n}\r\n\r\nfunction dwAjaxAddKeyModifiersToEventParameters(event, eventParameters) {\r\n if (eventParameters == \"\") {\r\n eventParameters = \"strgKeyPressed=\" + event.ctrlKey;\r\n } else {\r\n eventParameters += \"@DWSUB@strgKeyPressed=\" + event.ctrlKey;\r\n }\r\n eventParameters += \"@DWSUB@shiftKeyPressed=\" + event.shiftKey;\r\n\r\n return eventParameters;\r\n}\r\n\r\nfunction dwAjaxDefaultOnClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // Abfrage auf event.defaultPrevented verhindert bei touch-Emulation das mehrfache Ausführen eines Events.\r\n // Die fehlende Unterstützung von event.defaultPrevented für IE8 spielt bei Touch-Emulation keine Rolle\r\n if ((event != null) && event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n// dwUtilsDebugWrite(new Date() + \" onClick\");\r\n dwFrameworkDisableEventBubbling(event);\r\n var eventTarget = dwUtilsGetEventTarget(event);\r\n\r\n // Damit wir keinen Klick doppelt machen, sondern einen Doppelklick\r\n if ((typeof (ajaxLastClickTarget) != \"undefined\") && (ajaxLastClickTarget == eventTarget)) {\r\n // das zuletzt geklickte Element war dasselbe\r\n if ((ajaxLastClickTime + DWUTILS_DOUBLE_CLICK_TIME >= new Date().getTime())) {\r\n // Innerhalb von 250ms auf dasselbe Element geklickt, wir ignorieren das Event, weil dann ein Doppelklick gefeuert wird\r\n return;\r\n }\r\n }\r\n\r\n ajaxLastClickTime = new Date().getTime();\r\n ajaxLastClickTarget = eventTarget;\r\n\r\n eventParameters = dwAjaxAddActualActivatingControlToEventParameters(event, $(controlId), eventParameters);\r\n eventParameters = dwAjaxAddKeyModifiersToEventParameters(event, eventParameters);\r\n var control = $(controlId);\r\n var coords = dwUtilsGetLocationOnWindow(control, true, true);\r\n eventParameters += \"@DWSUB@__POINT_controlPosition=\" + coords.x + \":\" + coords.y; // Sendet die aktuellen Koordinaten an den Server.\r\n // Koordinaten können z.B. für die Positionierung von GuiWindows verwendet werden\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseClickedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnDblClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // Abfrage auf event.defaultPrevented verhindert bei touch-Emulation das mehrfache Ausführen eines Events.\r\n // Die fehlende Unterstützung von event.defaultPrevented für IE8 spielt bei Touch-Emulation keine Rolle\r\n if ((event != null) && event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n// dwUtilsDebugWrite(new Date() + \" onDblClick\");\r\n dwFrameworkDisableEventBubbling(event);\r\n\r\n var eventTarget = dwUtilsGetEventTarget(event);\r\n\r\n // Damit wir nich zwei Doppelklicks ausführen\r\n if ((typeof (ajaxLastDoubleClickTarget) != \"undefined\") && (ajaxLastDoubleClickTarget == eventTarget)) {\r\n // das zuletzt doppelgeklickte Element war dasselbe\r\n if ((ajaxLastDoubleClickTime + DWUTILS_DOUBLE_CLICK_TIME >= new Date().getTime())) {\r\n // Innerhalb von 250ms kommen zwei Doppelklick Events auf dasselbe Element, wir ignorieren das Event\r\n return;\r\n }\r\n }\r\n ajaxLastDoubleClickTime = new Date().getTime();\r\n ajaxLastDoubleClickTarget = eventTarget;\r\n\r\n eventParameters = dwAjaxAddActualActivatingControlToEventParameters(event, $(controlId), eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseDoubleClickedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnRightClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // dwUtilsDebugWrite(new Date() + \" onClick\");\r\n dwFrameworkDisableEventBubbling(event);\r\n\r\n if (eventParameters == \"\") {\r\n eventParameters = \"strgKeyPressed=\" + event.ctrlKey;\r\n } else {\r\n eventParameters += \"@DWSUB@strgKeyPressed=\" + event.ctrlKey;\r\n }\r\n var control = $(controlId);\r\n var coords = dwUtilsGetLocationOnWindow(control, true, true);\r\n eventParameters += \"@DWSUB@__POINT_controlPosition=\" + coords.x + \":\" + coords.y; // Sendet die aktuellen Koordinaten an den Server.\r\n // Koordinaten können z.B. für die Positionierung von GuiWindows verwendet werden\r\n var mousePoint = dwUtilsGetCurrentMousePositionPerEvent(event);\r\n eventParameters += \"@DWSUB@__POINT_mousePoint=\" + mousePoint.x + \":\" + mousePoint.y; // Koordinaten des Mouse Clicks (in Bezug auf Viewport)\r\n\r\n eventParameters = dwAjaxAddActualActivatingControlToEventParameters(event, control, eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseRightClickedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseEnter(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseEnteredEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseLeave(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseExitedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseOver(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseMovedOverEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseOut(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseMovedOutEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseMove(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n if (!dwFrameworkInitFinished) {\r\n return;\r\n }\r\n dwFrameworkDisableEventBubbling(event);\r\n var eventHandler = $(eventHandlerComponentId);\r\n if (!eventHandler.mouseMoveIntervalTimer) {\r\n eventHandler.mouseMoveIntervalTimer = window.setInterval(function() {\r\n eventHandler.mouseMoveEventGranted = true;\r\n if (eventHandler.mouseMovedTimestamp && ((eventHandler.mouseMovedTimestamp + 3000) < new Date().getTime())) {\r\n // Bei 3 Sekunden Inaktivität wird das Intervall gestoppt ...\r\n window.clearInterval(eventHandler.mouseMoveIntervalTimer);\r\n eventHandler.mouseMoveIntervalTimer = null;\r\n }\r\n }, 100); // Intervall übermittelt alle 100ms eine neue Positionsangabe an den Server\r\n }\r\n if (!eventHandler.mouseMoveEventGranted) {\r\n return;\r\n }\r\n eventHandler.mouseMoveEventGranted = false;\r\n var relMouseCoords = dwUtilsGetRelMouseCoords(event, $(eventHandlerComponentId));\r\n if (eventHandler.mousePoint && (eventHandler.mousePoint.x == relMouseCoords.x) && (eventHandler.mousePoint.y == relMouseCoords.y)) {\r\n return; // Aktuelle Position hat sich nicht geändert...\r\n }\r\n eventHandler.mousePoint = relMouseCoords;\r\n eventHandler.mouseMovedTimestamp = new Date().getTime();\r\n if (eventParameters.length > 0) {\r\n eventParameters += \"@DWSUB@\";\r\n }\r\n eventParameters += \"__POINT_mousePoint=\" + relMouseCoords.x + \":\" + relMouseCoords.y;\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseMovedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxAddMouseButtonToEventParameters(event, eventParameters) {\r\n var mouseButton = 0;\r\n if (event.which) { // Browser außer IE\r\n mouseButton = event.which;\r\n } else if (event.button) { // IE\r\n if (event.button == 1) { // Links (Bit 1)\r\n mouseButton = 1;\r\n } else if (event.button == 4) { // Mitte (Bit 3)\r\n mouseButton = 2;\r\n } else if (event.button == 3) { // Rechts (Bit 2)\r\n mouseButton = 3;\r\n }\r\n }\r\n\r\n if (eventParameters == \"\") {\r\n eventParameters = \"mouseButton=\" + mouseButton;\r\n } else {\r\n eventParameters += \"@DWSUB@mouseButton=\" + mouseButton;\r\n }\r\n\r\n return eventParameters;\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseDown(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // Abfrage auf event.defaultPrevented verhindert bei touch-Emulation das mehrfache Ausführen eines Events.\r\n // Die fehlende Unterstützung von event.defaultPrevented für IE8 spielt bei Touch-Emulation keine Rolle\r\n if ((event != null) && event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n dwFrameworkDisableEventBubbling(event);\r\n\r\n eventParameters = dwAjaxAddActualActivatingControlToEventParameters(event, $(controlId), eventParameters);\r\n eventParameters = dwAjaxAddMouseButtonToEventParameters(event, eventParameters);\r\n eventParameters = dwAjaxAddKeyModifiersToEventParameters(event, eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mousePressedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnMouseUp(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // Abfrage auf event.defaultPrevented verhindert bei touch-Emulation das mehrfache Ausführen eines Events.\r\n // Die fehlende Unterstützung von event.defaultPrevented für IE8 spielt bei Touch-Emulation keine Rolle\r\n if ((event != null) && event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n //Das Event soll explizit nicht zum Server geschickt werden\r\n if ((event != null) && event.skipServer) {\r\n return;\r\n }\r\n\r\n dwFrameworkDefaultClose(event);\r\n dwFrameworkDisableEventBubbling(event);\r\n\r\n eventParameters = dwAjaxAddActualActivatingControlToEventParameters(event, $(controlId), eventParameters);\r\n eventParameters = dwAjaxAddMouseButtonToEventParameters(event, eventParameters);\r\n eventParameters = dwAjaxAddKeyModifiersToEventParameters(event, eventParameters);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@mouseReleasedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnResize(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // Abfrage auf event.defaultPrevented verhindert bei touch-Emulation das mehrfache Ausführen eines Events.\r\n // Die fehlende Unterstützung von event.defaultPrevented für IE8 spielt bei Touch-Emulation keine Rolle\r\n if ((event != null) && event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n if (eventParameters != \"\") {\r\n eventParameters += \"@DWSUB@\";\r\n }\r\n var control = $(controlId);\r\n eventParameters += \"newWidth=\" + control.clientWidth;\r\n eventParameters += \"@DWSUB@newHeight=\" + control.clientHeight;\r\n eventParameters += \"@DWSUB@hasVerticalOverflow=\" + dwUtilsHasVerticalOverflow(control);\r\n eventParameters += \"@DWSUB@hasHorizontalOverflow=\" + dwUtilsHasHorizontalOverflow(control);\r\n\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onresizeEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\n\r\n// AB HIER SIND DIE CUSTOM EVENTS\r\n\r\nfunction dwAjaxMenuItemOnClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n // Bei Klick der rechten Maustaste wir das Contextmenü angezeigt und die Id der zugeordneten Komponente in dem\r\n // versteckten Input-Field abgespeichert. Wir lesen uns die ID aus und ergänzen die Event-Parameter die zum\r\n // Server gesendet werden\r\n var guiWindowId = \"\";\r\n var paramArray = eventParameters.split(\"@DWSUB@\");\r\n var guiWindowIdString = \"guiWindowId=\";\r\n for (var i = 0; i < paramArray.length; i++) {\r\n var paramVal = paramArray[i];\r\n if (dwUtilsStringStartsWith(paramVal, guiWindowIdString, false)) {\r\n guiWindowId = paramVal.substring(guiWindowIdString.length);\r\n break;\r\n }\r\n }\r\n\r\n var activatingControl = $(guiWindowId + \"___ID_activatingControl\");\r\n var activatingControlId = activatingControl.value;\r\n if (activatingControlId == \"\") {\r\n // Es handelt sich nicht um ein Popup-Menu sondern um einen Click auf einen Menubar Eintrag\r\n // In diesem Fall ist das aufrufende Control die Komponente mit der eventHandlerComponentId\r\n activatingControlId = eventHandlerComponentId;\r\n }\r\n var activatingControlParam = \"__ID_activatingControl=\" + activatingControlId;\r\n if (eventParameters != \"\") {\r\n eventParameters += \"@DWSUB@\";\r\n }\r\n eventParameters += activatingControlParam;\r\n var actualActivatingControl = $(guiWindowId + \"___ID_actualActivatingControl\");\r\n var actualActivatingControlValue = actualActivatingControl.value;\r\n if (actualActivatingControlValue != \"\") {\r\n var actualActivatingControlParam;\r\n if (actualActivatingControlValue.indexOf(\"|PATH|\") == 0) {\r\n actualActivatingControlValue = actualActivatingControlValue.substring(\"|PATH|\".length);\r\n // ID konnte nicht genau bestimmt werden. Navigationspfad wurde ermittelt (von EventHandler zu EventTarget)\r\n actualActivatingControlParam = \"__PATH_actualActivatingControl=\" + activatingControlId + \"|PATH|\" + actualActivatingControlValue;\r\n } else {\r\n actualActivatingControlParam = \"__ID_actualActivatingControl=\" + actualActivatingControlValue;\r\n }\r\n eventParameters += \"@DWSUB@\";\r\n eventParameters += actualActivatingControlParam;\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@menuItemEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxButtonOnClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n // Ergänzung der Vollständigkeit halber auch hier ... (wird mitunter aus einem onclick ausgelöst ...)\r\n // Abfrage auf event.defaultPrevented verhindert bei touch-Emulation das mehrfache Ausführen eines Events.\r\n // Die fehlende Unterstützung von event.defaultPrevented für IE8 spielt bei Touch-Emulation keine Rolle\r\n if ((event != null) && event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@actionPerformedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxCheckboxOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var control = $(controlId);\r\n if ((typeof (control.getAttribute('disabled')) != \"undefined\") && (control.getAttribute('disabled') == 'disabled')) {\r\n return;\r\n }\r\n if ((event.type.toLowerCase() == \"click\") || (event.type.toLowerCase() == \"mousedown\")) {\r\n // Click (Stand 11.04.2016). Zusätzlich wird vorausschauend auch auf ein potentielles mousedown reagiert (radio button wurde abgeändert)\r\n // Es ist nicht anzunehmen, dass beide Listener auf dem Control registriert sind und diesen Befehl auslösen können\r\n control.checked = !control.checked;\r\n // On Change wird anscheined nicht gerufen, daher springen wir nicht mit return raus\r\n }\r\n // Übergebene controlId ist _input\r\n // Server erwartet die uniqueId zur weiteren Update/Event-Verarbeitung\r\n var controlIdLength = controlId.length - \"_input\".length;\r\n controlId = controlId.substring(0, controlIdLength);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onChangeEvent@DW@\" + eventParameters + \"@DW@\" + control.checked, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxRadioButtonOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var control = $(controlId);\r\n if ((typeof (control.getAttribute('disabled')) != \"undefined\") && (control.getAttribute('disabled') == 'disabled')) {\r\n return;\r\n }\r\n if ((event.type.toLowerCase() == \"click\") || (event.type.toLowerCase() == \"mousedown\")) {\r\n // mousedown (Stand 11.04.2016). Zusätzlich wird weiterhin auch auf ein potentielles click reagiert\r\n // Es ist nicht anzunehmen, dass beide Listener auf dem Control registriert sind und diesen Befehl auslösen können\r\n dwDomSetDomAttribute(control, \"checked\", \"true\");\r\n control.checked = true;\r\n // On Change wird anscheined nicht gerufen, daher springen wir nicht mit return raus\r\n }\r\n\r\n // Übergebene controlId ist _input\r\n // Server erwartet die uniqueId zur weiteren Update/Event-Verarbeitung\r\n var controlIdLength = controlId.length - \"_input\".length;\r\n controlId = controlId.substring(0, controlIdLength);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onChangeEvent@DW@\" + eventParameters + \"@DW@\" + control.checked, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxListOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var control = $(controlId);\r\n var command = eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onChangeEvent@DW@\" + eventParameters;\r\n for (var i = 0; i < control.options.length; i++) {\r\n if (control.options[i].selected) {\r\n command += \"@DW@\" + i;\r\n }\r\n }\r\n dwAjaxAddUpdate(command, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxGuiViewerImagePanPositionChanged(eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var command = eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@imagePanPositionChangedEvent@DW@pos=\" + eventParameters;\r\n dwAjaxAddUpdate(command, doAutoSend, true);\r\n}\r\n\r\nfunction dwAjaxGuiViewerImagePanOpenStateChanged(eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var command = eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@imagePanOpenStateChangedEvent@DW@state=\" + eventParameters;\r\n dwAjaxAddUpdate(command, doAutoSend, true);\r\n}\r\n\r\nfunction dwAjaxGuiViewerImageZoomToRectStateChanged(eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var command = eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@imageZoomToRectStateChangedEvent@DW@state=\" + eventParameters;\r\n dwAjaxAddUpdate(command, doAutoSend, true);\r\n}\r\n\r\nfunction dwAjaxCustomListOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var index = dwAjaxGetEventParameterValue(eventParameters, \"index\");\r\n var attribute = dwAjaxGetEventParameterValue(eventParameters, \"attribute\");\r\n var listUniqueId = dwAjaxGetEventParameterValue(eventParameters, \"listUniqueId\");\r\n dwHelperUpdateListSelectionIndices(event, controlId, listUniqueId, index, attribute);\r\n var selectedIndicesNode = $(listUniqueId + \"_selectedindices\"); // Input type hidden. Wert in Helper Methode aktualisiert\r\n var selectedIndices = dwUtilsSplit(dwDomGetDomAttribute(selectedIndicesNode, \"value\"), \"|\", false);\r\n var command = eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onChangeEvent@DW@\" + eventParameters;\r\n for (var i = 0; i < selectedIndices.length; i++) {\r\n command += \"@DW@\" + selectedIndices[i];\r\n }\r\n dwAjaxAddUpdate(command, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxOnFileSelection(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var target = dwUtilsGetEventTarget(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@fileSelectedEvent@DW@\" + eventParameters + \"@DW@\" + target.value, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTreeNodeExpansion(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n if ((typeof (event.returnValue) != \"undefined\") && !event.returnValue) {\r\n return;\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@treeExpansionEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTreeNodeCollapse(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n if ((typeof (event.returnValue) != \"undefined\") && !event.returnValue) {\r\n return;\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@treeCollapseEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTreeNodeSelection(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n if ((typeof (event.returnValue) != \"undefined\") && !event.returnValue) {\r\n return;\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@treeSelectionEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTableRowSelection(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n if ((typeof (event.returnValue) != \"undefined\") && !event.returnValue) {\r\n return;\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@tableSelectionEvent@DW@\" + eventParameters\r\n + \"@DW@\" + event.ctrlKey + \"@DW@\" + event.shiftKey, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTreeTableRowSelection(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@treeTableSelectionEvent@DW@\" + eventParameters\r\n + \"@DW@\" + event.ctrlKey + \"@DW@\" + event.shiftKey, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTableScrolled(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n if (eventParameters.length > 0) {\r\n eventParameters += \"@DWSUB@\";\r\n }\r\n var tableContentScroller = $(eventHandlerComponentId + \"_contentDiv\");\r\n if (!tableContentScroller) {\r\n // In älteren Browsern wird ggf. bereits ein scrolled Event ausgelöst bevor der gesamte Inhalt aufgebaut wurde\r\n // Event macht keinen Sinn ohne Zugriff auf die eig. Werte.\r\n return;\r\n }\r\n eventParameters += \"__INT_xScrollOffset=\" + tableContentScroller.scrollLeft + \"@DWSUB@__INT_yScrollOffset=\" + tableContentScroller.scrollTop;\r\n\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@tableScrolledEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxToggleButton(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwHelperToggleButton($(controlId));\r\n dwAjaxButtonOnClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxImageHotspotOnClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@imageHotspotClickedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxImageHotspotOnDoubleClick(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@imageHotspotDoubleClickedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxImageLoaded(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@imageLoadedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxInvisibleUriLoaded(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@invisibleUriLoadedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\n/**\r\n * Aktualisiert die Dividerposition der Splitpane Komponente\r\n * @param event\r\n * @param eventHandlerComponentId\r\n * @param controlId\r\n * @param eventParameters\r\n * @param doAutoSend\r\n */\r\nfunction dwAjaxSplitpaneDragging(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var splitpaneDividerTextField = $(controlId + \"_dividerPosition\");\r\n if (splitpaneDividerTextField == null) { // kann passieren, wenn die Komponente durch den ersten Klick schon ausgeblendet wurde\r\n dwSplitDragStopEvent(event); // da mouseUp u.U. nicht mehr kommt, explizit aufrufen, um Dragaktion abzubrechen\r\n return;\r\n }\r\n var splitpaneDividerPosition = parseInt(splitpaneDividerTextField.value);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@splitpaneDividerMovingEvent@DW@\" + eventParameters\r\n + \"@DW@\" + splitpaneDividerPosition, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxFocusLost(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onFocusLostEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxFocusGained(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onFocusGainedEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\n/**\r\n * Aktualisiert die Dividerposition der Splitpane Komponente\r\n * @param event\r\n * @param eventHandlerComponentId\r\n * @param controlId\r\n * @param eventParameters\r\n * @param doAutoSend\r\n */\r\nfunction dwAjaxSplitpaneDragged(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var splitpaneDividerTextField = $(controlId + \"_dividerPosition\");\r\n var splitpaneDividerPosition = parseInt(splitpaneDividerTextField.value);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@splitpaneDividerMovedEvent@DW@\" + eventParameters\r\n + \"@DW@\" + splitpaneDividerPosition, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTableColumnResized(event, eventHandlerComponentId, controlId, index, eventParameters, doAutoSend) {\r\n var textfieldId = controlId + \"_columnWidth_\" + index;\r\n var textfield = $(textfieldId);\r\n var newWidth = parseInt(textfield.value);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@tableColumnResizedEvent@DW@\" + eventParameters + \"@DWSUB@index=\" + index + \"@DWSUB@newWidth=\" + newWidth, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTableSort(event, eventHandlerComponentId, controlId, index, eventParameters, doAutoSend) {\r\n var control = $(controlId);\r\n var coords = dwUtilsGetLocationOnWindow(control, true, true);\r\n if (eventParameters != \"\") {\r\n eventParameters += \"@DWSUB@\";\r\n }\r\n eventParameters += \"__POINT_controlPosition=\" + coords.x + \":\" + coords.y; // Sendet die aktuellen Koordinaten an den Server.\r\n // Koordinaten können z.B. für die Positionierung von speziellen Popup-Menüs für Sortierung oder Filterung verwendet werden\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@tableColumnSortedEvent@DW@\" + eventParameters + \"@DW@\" + index, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTabbedPaneTabChanged(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var headerLink = dwUtilsFindMatchingNodes($(eventHandlerComponentId), dwUtilsGetEventTarget(event), function(rootNode, node) {\r\n return (node.tagName) && (node.tagName.toLowerCase() == \"th\");\r\n }, true);\r\n if (headerLink.length == 0) {\r\n return;\r\n }\r\n var index = dwUtilsStringAfter(headerLink[0].id, \"_link\");\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@tabbedPaneTabChangedEvent@DW@\" + eventParameters + \"@DW@\" + index, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxTabbedPaneCustomRemoveTab(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var headerLink = dwUtilsFindMatchingNodes($(eventHandlerComponentId), dwUtilsGetEventTarget(event), function(rootNode, node) {\r\n return (node.tagName) && (node.tagName.toLowerCase() == \"th\");\r\n }, true);\r\n if (headerLink.length == 0) {\r\n return;\r\n }\r\n var index = dwUtilsStringAfter(headerLink[0].id, \"_link\");\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@__custom_RemoveTab@DW@\" + eventParameters + \"@DW@\" + index, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxScrollpaneScrolled(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n if (!dwHelperHasScrollPaneValueChanged(controlId)) {\r\n return;\r\n }\r\n\r\n dwHelperScrollPaneValueChanged(controlId);\r\n var div = $(controlId);\r\n if (div != null) {\r\n var vertical = parseInt(div.scrollTop);\r\n var horizontal = parseInt(div.scrollLeft);\r\n if (eventParameters != \"\") {\r\n eventParameters += \"@DWSUB@\";\r\n }\r\n eventParameters += \"left=\" + horizontal + \"@DWSUB@\";\r\n eventParameters += \"top=\" + vertical + \"@DWSUB@\";\r\n eventParameters += \"scrollWidth=\" + parseInt(div.scrollWidth) + \"@DWSUB@\"\r\n eventParameters += \"scrollHeight=\" + parseInt(div.scrollHeight) + \"@DWSUB@\";\r\n eventParameters += \"divWidth=\" + parseInt(div.clientWidth) + \"@DWSUB@\";\r\n eventParameters += \"divHeight=\" + parseInt(div.clientHeight) + \"@DWSUB@\";\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@scrollpaneScrolledEvent@DW@\" + eventParameters\r\n + \"@DW@\" + horizontal + \"@DW@\" + vertical, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n }\r\n}\r\n\r\nfunction dwAjaxWindowClosing(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@closingEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxWindowToggleMaximize(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n\r\n dwFrameworkToggleGuiWindowMaximized(controlId);\r\n\r\n // Resize Listener müssen wir informieren\r\n dwResizeRegistryGetInstance().updateSizes();\r\n\r\n\r\n eventParameters += \"@DWSUB@toggleMaximized=true\";\r\n return dwAjaxDefaultOnResize(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultTooltipShow(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n var preventTooltip = !dwTooltip_isTooltipEventAllowed(event, $(controlId));\r\n if (preventTooltip) {\r\n return;\r\n }\r\n event.preventTooltip = true;\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@tooltipWillShowEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxSpinnerOnChange(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n var direction = dwAjaxGetEventParameterValue(eventParameters, \"direction\");\r\n var newValue = $(controlId + \"_input\").value;\r\n if (direction != null) {\r\n if (direction.toLowerCase() == \"next\") {\r\n newValue = dwHelperSetNextSpinnerValue(controlId);\r\n } else if (direction.toLowerCase() == \"previous\") {\r\n newValue = dwHelperSetPreviousSpinnerValue(controlId);\r\n }\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@onChangeEvent@DW@\" + eventParameters + \"@DW@\" + newValue, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnHotkeyEvent(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwFrameworkDisableEventBubbling(event);\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@hotkeyEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnTouchEvent(event, eventHandlerComponentId, controlId, eventParameters, doAutoSend) {\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@touchEvent@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\nfunction dwAjaxDefaultOnDisplayOrientationChanged(eventParameters, doAutoSend) {\r\n // die ID des aktuellen Fensters auslesen und als eventHandlerComponentId und controlId verwenden\r\n var windowId = null;\r\n var nodes = dwDomGetChildrenByTagname(document.forms[0], \"input\");\r\n for (var i = 0; i < nodes.length; i++) {\r\n if (nodes[i].getAttribute(\"name\") == \"__windowid\") {\r\n windowId = nodes[i].getAttribute(\"value\");\r\n break;\r\n }\r\n }\r\n if (windowId != null) {\r\n dwAjaxAddUpdate(windowId + \"@DW@\" + windowId + \"@DW@displayOrientationChangedEvent@DW@\" + eventParameters, doAutoSend, true);\r\n }\r\n}\r\n\r\nfunction dwAjaxFireCustomEvent(eventHandlerComponentId, controlId, customEventType, eventParameters, doAutoSend) {\r\n dwAjaxFireCustomEventWithEvent(null, eventHandlerComponentId, controlId, customEventType, eventParameters, doAutoSend, true);\r\n}\r\n\r\nfunction dwAjaxFireCustomEventWithEvent(event, eventHandlerComponentId, controlId, customEventType, eventParameters, doAutoSend) {\r\n if ((event != null) && event.dwTouch) {\r\n eventParameters += \"@DWSUB@\" + \"dwTouch=true\";\r\n }\r\n dwAjaxAddUpdate(eventHandlerComponentId + \"@DW@\" + controlId + \"@DW@__custom_\" + customEventType + \"@DW@\" + eventParameters, doAutoSend, dwAjaxIsAsynchronousCommand(event));\r\n}\r\n\r\n/**\r\n * Liest aus den übergebenen Event Parametern den Wert für den gewünschten Key aus\r\n * @param eventParameters\r\n * @param parameterKey\r\n * @return Wert oder NULL wenn key nicht gefunden\r\n */\r\nfunction dwAjaxGetEventParameterValue(eventParameters, parameterKey) {\r\n var paramArray = eventParameters.split(\"@DWSUB@\");\r\n var paramSearchId = parameterKey += \"=\";\r\n for (var i = 0; i < paramArray.length; i++) {\r\n var paramEntry = paramArray[i];\r\n if (dwUtilsStringStartsWith(paramEntry, paramSearchId, false)) {\r\n return paramEntry.substring(paramSearchId.length);\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction dwAjaxIsAsynchronousCommand(event) {\r\n event = dwFrameworkGetEvent(event);\r\n if (typeof (event) == 'undefined') {\r\n return true; // Default\r\n }\r\n if (typeof (window.dw_asynchronous) != 'undefined') {\r\n // Im IE8 (oder compat mode) kann ggf. das Event Objekt verändert werden\r\n return window.dw_asynchronous;\r\n }\r\n if (typeof (event.asynchronous) == 'undefined') {\r\n return true; // Kann z.B. vorkommen, wenn Events manuell erzeugt werden ...\r\n }\r\n return event.asynchronous;\r\n}\r\n\r\nfunction dwAjaxReturnPdfData(controlId, transactionid, arraybuffer) {\r\n var result = dwUtilArrayBufferToBase64(arraybuffer)\r\n dwAjaxAddUpdate(controlId + \"@DW@\" + controlId + \"@DW@__custom_pdfCreationFinishedEvent@DW@data=\" + result + \"@DWSUB@transactionId=\" + transactionid, true, true)\r\n}\r\n\r\n\r\nfunction dwAjaxReturnScanResult(controlId, transactionid, decodedText, decodedResult) {\r\n dwAjaxAddUpdate(controlId + \"@DW@\" + controlId + \"@DW@__custom_QrCodeScanFinishedEvent@DW@decodedText=\" + decodedText + \"@DWSUB@decodedResult=\" + decodedResult + \"@DWSUB@transactionId=\" + transactionid, true, true)\r\n}\r\n\r\n\r\n\r\n\r\n\n/*\r\n * Copyright (c) 2014 Docware GmbH\r\n */\r\n\r\nvar DW_LAZYLOAD_DEBUG_ACTIVE = false;\r\nvar DW_LAZYLOAD_WORKER_STATE = {BUSY: \"busy\", FREE: \"free\"};\r\n\r\nfunction DW_LAZYLOAD_WORKER() {\r\n var state = DW_LAZYLOAD_WORKER_STATE.FREE;\r\n var id = \"\";\r\n var dpi = 0;\r\n}\r\n\r\n// pageNo hat als ersten Seitenindex 1 und nicht 0\r\nfunction dwLazyLoadPage(controlId, pageNo) {\r\n var control = $(controlId);\r\n if (control == null) {\r\n return;\r\n }\r\n dwLazyLoadDebug(\"dwLazyLoadPage: show page \" + pageNo);\r\n\r\n function __internal_updateTodoList(pageNo) {\r\n if ((pageNo < 1) || (pageNo > count)) {\r\n return; // ungültige Angabe\r\n }\r\n control.current = pageNo;\r\n var startPage = pageNo - preloadPreviousCount;\r\n if (startPage < 1) {\r\n startPage = 1;\r\n }\r\n var endPage = pageNo + preloadNextCount;\r\n if (endPage > count) {\r\n endPage = count;\r\n }\r\n var dpi = parseInt(dwDomGetDomAttribute(control, \"dpi\")); // dpi erst jetzt bestimmen, könnte sich nämlich geändert haben\r\n dwLazyLoadDebug(\"__internal_updateToDoList: from \" + startPage + \" to \" + endPage);\r\n pageLoop:for (var i = startPage; i <= endPage; i++) {\r\n var page = $(controlId + \"_\" + i);\r\n var pageDPI = parseInt(dwDomGetDomAttributeOrDefault(page, \"dpi\", \"0\"));\r\n var loaded = page && (pageDPI >= dpi);\r\n if (loaded) {\r\n dwLazyLoadDebug(\"Ignoring page: \" + i + \". Reason: already done (pagedpi: \" + pageDPI + \" - dpi: \" + dpi);\r\n continue;\r\n }\r\n for (var workerIdx = 0; workerIdx < workerCount; workerIdx++) {\r\n if ((workers[workerIdx].id == controlId + \"_\" + i) && (workers[workerIdx].dpi >= dpi)) {\r\n dwLazyLoadDebug(\"Ignoring page: \" + i + \". Reason: already working on it (\" + workerIdx + \")\");\r\n continue pageLoop;\r\n }\r\n }\r\n if (todoList.indexOf(i) == -1) {\r\n todoList.push(i);\r\n }\r\n }\r\n todoList.sort(__internal_sort);\r\n dwLazyLoadDebug(\"__internal_updateTodoList: \" + todoList);\r\n }\r\n\r\n function __internal_sort(val1, val2) {\r\n var diff1 = val1 - pageNo;\r\n var diff2 = val2 - pageNo;\r\n // Aufsteigende Gewichtung. Wichtigste Teile am Ende des Array zum Abarbeiten (POP)\r\n if (diff1 == 0) {\r\n return +1;\r\n }\r\n if (diff2 == 0) {\r\n return -1;\r\n }\r\n if (diff1 == diff2) {\r\n return 0;\r\n }\r\n var previousCount = (preloadPreviousCount > 0) ? preloadPreviousCount : 1;\r\n var nextCount = (preloadNextCount > 0) ? preloadNextCount : 1;\r\n var weightedDiff1 = (diff1 >= 0) ? (diff1 / nextCount) : (diff1 / previousCount);\r\n var weightedDiff2 = (diff2 >= 0) ? (diff2 / nextCount) : (diff2 / previousCount);\r\n return Math.abs(weightedDiff2) - Math.abs(weightedDiff1);\r\n }\r\n\r\n function __internal_doProcessTodoList(workerIndex) {\r\n var todoList = dwDomGetDomAttribute(control, \"todoList\");\r\n dwLazyLoadDebug(\"__internal_doProcessTodoList: \" + todoList);\r\n if (todoList.length == 0) {\r\n return;\r\n }\r\n if (workers[workerIndex].state == DW_LAZYLOAD_WORKER_STATE.BUSY) {\r\n return;\r\n }\r\n var pageIdx = parseInt(todoList.pop());\r\n var dpi = parseInt(dwDomGetDomAttribute(control, \"dpi\")); // dpi erst jetzt bestimmen, könnte sich nämlich geändert haben\r\n workers[workerIndex].state = DW_LAZYLOAD_WORKER_STATE.BUSY;\r\n workers[workerIndex].id = controlId + \"_\" + pageIdx;\r\n workers[workerIndex].dpi = dpi;\r\n dwDomSetDomAttribute(control, \"workers\", workers);\r\n dwDomSetDomAttribute(control, \"todoList\", todoList);\r\n var page = $(controlId + \"_\" + pageIdx);\r\n dwLazyLoadDebug(\"Processing page \" + pageIdx + \". Found: \" + (page != null) + \" (\" + controlId + \")\");\r\n if (!page) {\r\n workers[workerIndex].state = DW_LAZYLOAD_WORKER_STATE.FREE;\r\n workers[workerIndex].id = \"\";\r\n workers[workerIndex].dpi = 0;\r\n dwDomSetDomAttribute(control, \"workers\", workers);\r\n __internal_doProcessTodoList(workerIndex);\r\n return;\r\n }\r\n var pageSrc = dwDomGetDomAttribute(page, \"data-src\") + \"&dpi=\" + dpi;\r\n dwDomSetImageSource(page, pageSrc, function() {\r\n dwLazyLoadDebug(\"__internal_doProcessTodoList: dpi[\" + dpi + \"] for page '\" + pageIdx + \"' set\");\r\n dwDomSetDomAttribute(page, \"dpi\", dpi);\r\n workers[workerIndex].state = DW_LAZYLOAD_WORKER_STATE.FREE;\r\n workers[workerIndex].id = \"\";\r\n workers[workerIndex].dpi = 0;\r\n dwDomSetDomAttribute(control, \"workers\", workers);\r\n __internal_doProcessTodoList(workerIndex);\r\n }, function() {\r\n workers[workerIndex].state = DW_LAZYLOAD_WORKER_STATE.FREE;\r\n workers[workerIndex].id = \"\";\r\n workers[workerIndex].dpi = 0;\r\n dwDomSetDomAttribute(control, \"workers\", workers);\r\n __internal_doProcessTodoList(workerIndex);\r\n });\r\n }\r\n\r\n var preloadPreviousCount = dwDomGetDomAttribute(control, \"preload_previous\");\r\n var preloadNextCount = dwDomGetDomAttribute(control, \"preload_next\");\r\n var count = dwDomGetDomAttribute(control, \"count\");\r\n preloadPreviousCount = preloadPreviousCount ? parseInt(preloadPreviousCount) : 0;\r\n preloadNextCount = preloadNextCount ? parseInt(preloadNextCount) : 0;\r\n count = count ? parseInt(count) : 0;\r\n\r\n var workerCount = 4;\r\n var workers = dwDomGetDomAttribute(control, \"workers\") || dwUtilsInitArray(workerCount, new DW_LAZYLOAD_WORKER());\r\n\r\n var todoList = dwDomGetDomAttribute(control, \"todoList\") || new Array();\r\n dwLazyLoadDebug(\"TODO-LIST: \" + todoList + \" - Length: \" + todoList.length);\r\n dwLazyLoadDebug(\"WORKER-LIST: \" + workers + \" - Length: \" + workers.length);\r\n __internal_updateTodoList(pageNo);\r\n\r\n dwDomSetDomAttribute(control, \"todoList\", todoList);\r\n dwDomSetDomAttribute(control, \"workers\", workers);\r\n\r\n for (var i = 0; i < workers.length; i++) {\r\n __internal_doProcessTodoList(i);\r\n }\r\n}\r\n\r\nfunction dwLazyLoadDebug(msg) {\r\n if (DW_LAZYLOAD_DEBUG_ACTIVE) {\r\n framework_logger.log(msg);\r\n }\r\n}\n/*\r\n * Copyright (c) 2017 Docware GmbH\r\n */\r\n\r\nfunction DwFile(file, controlId) {\r\n this.nativeFile = file;\r\n this.name = file.name || file || '';\r\n this.size = file.size || 0;\r\n this.type = file.type || '';\r\n this.lastmodified = file.lastModifiedDate || new Date();\r\n this.controlId = controlId; // kann null / undefined sein bei drag&drop\r\n\r\n this.dateTo_yyyyMMdd = function() {\r\n return this.lastmodified.getTime();\r\n }\r\n}\r\n\r\nfunction dwFileUploadOnDrop(event, fileUploadPanelEventHandlerComponentId, fileUploadPanelId) {\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n var control = dwUtilsGetEventTarget(event);\r\n if (dwDomHasAttribute(control, \"disabled\")) {\r\n dwDomRemoveClass(control, \"guidropzone_invalid\");\r\n return;\r\n }\r\n dwDomRemoveClass(control, \"guidropzone_entered\");\r\n if (event.dataTransfer) {\r\n dwFileUploadAddMultipleFiles(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, event.dataTransfer.files);\r\n dwFileUploadAddFilesFinished(fileUploadPanelEventHandlerComponentId, fileUploadPanelId);\r\n dwAjaxSendUpdates(false);\r\n }\r\n}\r\n\r\nfunction dwFileUploadOnDragEnter(event) {\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n var control = dwUtilsGetEventTarget(event);\r\n if (dwDomHasAttribute(control, \"disabled\")) {\r\n dwDomAddClass(control, \"guidropzone_invalid\");\r\n } else {\r\n dwDomAddClass(control, \"guidropzone_entered\");\r\n }\r\n}\r\n\r\nfunction dwFileUploadOnDragLeave(event) {\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n var control = dwUtilsGetEventTarget(event);\r\n if (dwDomHasAttribute(control, \"disabled\")) {\r\n dwDomRemoveClass(control, \"guidropzone_invalid\");\r\n } else {\r\n dwDomRemoveClass(control, \"guidropzone_entered\");\r\n }\r\n}\r\n\r\nfunction dwFileUploadOnDragOver(event) {\r\n dwFrameworkPreventDefaultBehaviour(event);\r\n}\r\n\r\n\r\nfunction dwFileUploadAddFile(event, fileUploadPanelEventHandlerComponentId, fileUploadPanelId) {\r\n var clickedButton = dwUtilsGetEventTarget(dwFrameworkGetEvent(event));\r\n var fileUploadIframeDocument = dwFileUploadFindIframeDocument(fileUploadPanelId);\r\n var fileUploadForm = fileUploadIframeDocument.getElementById(\"submitform\");\r\n //Auf Typ Button testen\r\n if (clickedButton.tagName && clickedButton.tagName.toLowerCase() != \"button\") {\r\n var match = dwUtilsFindMatchingNodes($(fileUploadPanelEventHandlerComponentId), clickedButton, function(rootNode, node) {\r\n return (node.tagName) && (node.tagName.toLowerCase() == \"button\");\r\n }, true);\r\n if (match.length) {\r\n clickedButton = match[0];\r\n }\r\n }\r\n var inputFile = fileUploadIframeDocument.createElement(\"input\");\r\n inputFile.type = \"file\";\r\n var existingInputs = fileUploadForm.getElementsByTagName(\"input\");\r\n inputFile.name = \"file_\" + existingInputs.length;\r\n inputFile.id = \"file_\" + existingInputs.length;\r\n var isMultipleSelection = dwDomGetDomAttribute(clickedButton, \"multiple\") == \"multiple\";\r\n if (isMultipleSelection) {\r\n inputFile.multiple = \"multiple\";\r\n }\r\n inputFile.onchange = function() {\r\n if (this.files) {\r\n dwFileUploadAddMultipleFiles(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, this.files, inputFile.id);\r\n } else {\r\n dwFileUploadAddSingleFile(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, new DwFile(inputFile.value, inputFile.id));\r\n }\r\n dwFileUploadAddFilesFinished(fileUploadPanelEventHandlerComponentId, fileUploadPanelId);\r\n dwAjaxSendUpdates(false);\r\n };\r\n fileUploadForm.appendChild(inputFile);\r\n inputFile.click();\r\n}\r\n\r\nfunction dwFileUploadAddMultipleFiles(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, files, controlId) {\r\n for (var i = 0; i < files.length; i++) {\r\n var file = new DwFile(files[i], controlId);\r\n dwFileUploadAddSingleFile(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, file);\r\n }\r\n}\r\n\r\nfunction dwFileUploadAddSingleFile(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, file) {\r\n var fileUploadIframeDocument = dwFileUploadFindIframeDocument(fileUploadPanelId);\r\n var fileUploadForm = fileUploadIframeDocument.getElementById(\"submitform\");\r\n var fileList = fileUploadForm.fileList;\r\n if (!fileList) {\r\n fileList = new Array();\r\n fileUploadForm.fileList = fileList;\r\n }\r\n fileList.push(file);\r\n var eventParameter = \"filename=\" + file.name + \"@DWSUB@filesize=\" + file.size + \"@DWSUB@type=\" + file.type + \"@DWSUB@lastmodified=\" + file.dateTo_yyyyMMdd();\r\n dwAjaxFireCustomEvent(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, \"ADD_FILE\", eventParameter, false);\r\n}\r\n\r\nfunction dwFileUploadAddFilesFinished(fileUploadPanelEventHandlerComponentId, fileUploadPanelId) {\r\n dwAjaxFireCustomEvent(fileUploadPanelEventHandlerComponentId, fileUploadPanelId, \"ADD_FILES_FINISHED\", \"\", false);\r\n}\r\n\r\nfunction dwFileUploadRemoveFile(fileUploadPanelId, index) {\r\n var fileUploadIframeDocument = dwFileUploadFindIframeDocument(fileUploadPanelId);\r\n var fileUploadForm = fileUploadIframeDocument.getElementById(\"submitform\");\r\n var fileList = fileUploadForm.fileList;\r\n var fileItem = fileList[index];\r\n dwUtilsRemoveFromArrayByIndex(fileList, index);\r\n\r\n if (fileItem.controlId) {\r\n var fileInputControl = $(fileItem.controlId);\r\n if (!fileInputControl) {\r\n return;\r\n }\r\n if (fileInputControl.files && fileInputControl.files.length > 1) {\r\n fileInputControl.files = dwUtilsRemoveFromArrayByIndex(fileInputControl.files, index);\r\n } else {\r\n dwDomRemoveSelf(fileInputControl);\r\n }\r\n }\r\n}\r\n\r\nfunction dwFileUploadTransferFiles(fileUploadPanelId) {\r\n var fileUploadIframeDocument = dwFileUploadFindIframeDocument(fileUploadPanelId);\r\n var fileUploadForm = fileUploadIframeDocument.getElementById(\"submitform\");\r\n var fileList = fileUploadForm.fileList;\r\n if ((typeof (FormData) != \"undefined\") && fileList) {\r\n// if (FormData && fileList) {\r\n var uri = $(fileUploadPanelId).getElementsByTagName(\"iframe\")[0].src;\r\n var xhr = new XMLHttpRequest();\r\n var fd = new FormData();\r\n\r\n xhr.open(\"POST\", uri, true);\r\n xhr.onreadystatechange = function() {\r\n if (xhr.readyState == DWUTILS_READY_STATE.DONE && xhr.status == 200) {\r\n // Handle response.\r\n }\r\n };\r\n for (var i = 0; i < fileList.length; i++) {\r\n var file = fileList[i];\r\n fd.append(file.name, file.nativeFile);\r\n }\r\n // Initiate a multipart/form-data upload\r\n xhr.send(fd);\r\n\r\n// for (var i = 0; i < fileList.length; i++) {\r\n// dwFileUploadTransferFile(fileUploadPanelId, fileList[i]);\r\n// }\r\n } else {\r\n fileUploadForm.submit();\r\n }\r\n\r\n}\r\n\r\nfunction dwFileUploadTransferFile(fileUploadPanelId, file) {\r\n var uri = $(fileUploadPanelId).getElementsByTagName(\"iframe\")[0].src;\r\n var xhr = new XMLHttpRequest();\r\n var fd = new FormData();\r\n\r\n xhr.open(\"POST\", uri, true);\r\n xhr.onreadystatechange = function() {\r\n if (xhr.readyState == DWUTILS_READY_STATE.DONE && xhr.status == 200) {\r\n // Handle response.\r\n// alert(xhr.responseText); // handle response.\r\n }\r\n };\r\n fd.append(file.name, file.nativeFile);\r\n // Initiate a multipart/form-data upload\r\n xhr.send(fd);\r\n}\r\n\r\n\r\nfunction dwFileUploadFindIframeDocument(fileUploadPanelId) {\r\n var fileUploadPanel = $(fileUploadPanelId);\r\n var fileUploadIframe = fileUploadPanel.getElementsByTagName(\"iframe\")[0]; // muss da sein ...\r\n\r\n var fileUploadIframeDocument = fileUploadIframe.contentWindow || fileUploadIframe.contentDocument;\r\n if (fileUploadIframeDocument.document) {\r\n fileUploadIframeDocument = fileUploadIframeDocument.document;\r\n }\r\n return fileUploadIframeDocument;\r\n}\r\n\n/*\r\n * Copyright (c) 2021 Quanos Service Solutions GmbH\r\n */\r\n\r\nvar DW_DIALOG_TEXTS = new Object(); // Hashmap>\r\n\r\n/**\r\n * Speichert die Übersetzungstexte für eine Dialog Instanz / ID\r\n * @param id\r\n * @param textForTitle\r\n * @param textForMessage\r\n * @param textForDetailLink\r\n * @param textForCopyToClipboard\r\n * @param textForRetryButton\r\n * @param textForDetails\r\n */\r\nfunction dwDialogStoreDialogTranslations(id, textForTitle, textForMessage, textForDetailLink, textForCopyToClipboard, textForRetryButton, textForDetails) {\r\n DW_DIALOG_TEXTS[id] = {\r\n textForTitle: textForTitle,\r\n textForMessage: textForMessage,\r\n textForDetailLink: textForDetailLink,\r\n textForCopyToClipboard: textForCopyToClipboard,\r\n textForRetryButton: textForRetryButton,\r\n textForDetails: textForDetails\r\n }\r\n}\r\n\r\n/**\r\n * Klasse zur Darstellung eines Dialogs (z.B. für Fehlermeldungen). Layout angelehnt an Framework Dialoge\r\n * Parameter (title / message / ...) werden nur als Fallback ausgewertet, sofern keine Übersetzungstexte vorab übertragen wurden\r\n * @param id\r\n * @param title\r\n * @param message\r\n * @param linkTextDetail\r\n * @param buttonTextRetry\r\n * @param details\r\n * @constructor\r\n */\r\nvar DWDialog = function(id, title, message, linkTextDetail, copyToClipboardText, buttonTextRetry, details) {\r\n var _self = this;\r\n var texts = DW_DIALOG_TEXTS[id] || new Object();\r\n title = texts.textForTitle || title;\r\n message = texts.textForMessage || message;\r\n linkTextDetail = texts.textForDetailLink || linkTextDetail;\r\n copyToClipboardText = texts.textForCopyToClipboard || copyToClipboardText;\r\n\r\n if (buttonTextRetry) {\r\n buttonTextRetry = texts.textForRetryButton || buttonTextRetry;\r\n }\r\n\r\n if (details) {\r\n details = texts.textForDetails || details;\r\n }\r\n\r\n this.visible = false;\r\n\r\n this.__getWidth = function(withDetails) {\r\n var width = withDetails ? 650 : 450;\r\n return Math.min(width, framework_displayWidth);\r\n };\r\n this.__getHeight = function(withDetails) {\r\n var height = withDetails ? 250 : 145;\r\n // 15 ist Header, eine Zeile ist 18\r\n var heightCalculated = 15 + (dwUtilsCountString(message, \"
\") + 1) * 18;\r\n height = Math.max(heightCalculated, height);\r\n\r\n if (buttonTextRetry) {\r\n height += 23 + 2 * 8; // Button-Höhe + 2x Padding\r\n }\r\n\r\n return Math.min(height, framework_displayHeight);\r\n };\r\n this.__getMarginForCentering = function(size) {\r\n return parseInt(-size / 2);\r\n };\r\n this.__create = function() {\r\n this.fragment = document.createElement(\"div\");\r\n this.fragment.id = id;\r\n var dialogOverlay = document.createElement(\"div\");\r\n dialogOverlay.id = id + \"_dialog_overlay\";\r\n dialogOverlay.className = \"guiwindow_child_overlay\";\r\n dialogOverlay.style.zIndex = 50000;\r\n dialogOverlay.onclick = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogOverlay.onmousedown = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogOverlay.onmouseup = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogOverlay.onmousemove = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogOverlay.onkeydown = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogOverlay.onkeypress = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogOverlay.onkeyup = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n this.fragment.appendChild(dialogOverlay);\r\n\r\n var width = this.__getWidth(false);\r\n var height = this.__getHeight(false);\r\n var marginLeft = this.__getMarginForCentering(width);\r\n var marginTop = this.__getMarginForCentering(height);\r\n var dialogContainer = document.createElement(\"div\");\r\n dialogContainer.id = id + \"_dialog_container\";\r\n dialogContainer.className = \"guiwindow_child_container\";\r\n dialogContainer.style.width = width + \"px\";\r\n dialogContainer.style.marginLeft = marginLeft + \"px\";\r\n dialogContainer.style.height = height + \"px\";\r\n dialogContainer.style.marginTop = marginTop + \"px\";\r\n dialogContainer.style.zIndex = 50001;\r\n dialogContainer.onclick = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogContainer.onmousedown = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogContainer.onmouseup = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogContainer.onmousemove = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogContainer.onkeydown = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogContainer.onkeypress = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n dialogContainer.onkeyup = function(event) {\r\n dwFrameworkDisableEventBubbling(event);\r\n };\r\n\r\n this.fragment.appendChild(dialogContainer);\r\n\r\n var dialogTitle = document.createElement(\"div\");\r\n //dialogTitle.appendChild(document.createTextNode(title)); // escaped\r\n dialogTitle.innerHTML = title;\r\n dialogTitle.className = \"guiwindow_child_title\";\r\n dialogTitle.style.right = \"0\";\r\n dialogTitle.style.backgroundImage = \"none\";\r\n dialogContainer.appendChild(dialogTitle);\r\n\r\n var dialogContentContainer = document.createElement(\"div\");\r\n dialogContentContainer.className = \"guiwindow_child_content\";\r\n dialogContentContainer.style.top = \"23px\";\r\n dialogContainer.appendChild(dialogContentContainer);\r\n\r\n var dialogContentContainerPanel = document.createElement(\"div\");\r\n dialogContentContainerPanel.className = \"guipanel\";\r\n dialogContentContainerPanel.style.padding = \"8px\";\r\n dialogContentContainerPanel.style.height = \"100%\";\r\n dialogContentContainerPanel.style.width = \"100%\";\r\n dialogContentContainer.appendChild(dialogContentContainerPanel);\r\n\r\n var dialogContentMessage = document.createElement(\"div\");\r\n dialogContentMessage.innerHTML = message;\r\n dialogContentMessage.className = \"guilabel\";\r\n dialogContentMessage.style.whiteSpace = \"normal\";\r\n dialogContentContainerPanel.appendChild(dialogContentMessage);\r\n\r\n if (details) {\r\n var dialogContentMessageDetailsPanel = document.createElement(\"div\");\r\n dialogContentMessageDetailsPanel.id = id + \"_dialog_details_panel\";\r\n dialogContentMessageDetailsPanel.className = \"guipanel\";\r\n dialogContentMessageDetailsPanel.style.top = \"48px\";\r\n dialogContentMessageDetailsPanel.style.bottom = \"44px\";\r\n dialogContentMessageDetailsPanel.style.left = \"8px\";\r\n dialogContentMessageDetailsPanel.style.right = \"8px\";\r\n dialogContentMessageDetailsPanel.style.display = \"none\";\r\n dialogContentContainerPanel.appendChild(dialogContentMessageDetailsPanel);\r\n\r\n var dialogContentMessageDetails = document.createElement(\"textarea\");\r\n dialogContentMessageDetails.textContent = details;\r\n dialogContentMessageDetails.className = \"guitextarea cursor_text\";\r\n dialogContentMessageDetails.readOnly = true;\r\n dialogContentMessageDetails.style.width = \"100%\";\r\n dialogContentMessageDetails.style.height = \"100%\";\r\n dialogContentMessageDetails.style.overflow = \"auto\";\r\n dialogContentMessageDetailsPanel.appendChild(dialogContentMessageDetails);\r\n }\r\n\r\n if (details || buttonTextRetry) {\r\n var dialogContentToButtonsSeparatorPanel = document.createElement(\"div\");\r\n dialogContentToButtonsSeparatorPanel.className = \"guipanel\";\r\n dialogContentToButtonsSeparatorPanel.style.bottom = \"36px\";\r\n dialogContentToButtonsSeparatorPanel.style.left = \"8px\";\r\n dialogContentToButtonsSeparatorPanel.style.right = \"8px\";\r\n dialogContentContainerPanel.appendChild(dialogContentToButtonsSeparatorPanel);\r\n\r\n var dialogContentToButtonsSeparator = document.createElement(\"div\");\r\n dialogContentToButtonsSeparator.className = \"guiseparator_h\";\r\n dialogContentToButtonsSeparatorPanel.appendChild(dialogContentToButtonsSeparator);\r\n }\r\n\r\n if (details) {\r\n var dialogLinkToDetailsPanel = document.createElement(\"div\");\r\n dialogLinkToDetailsPanel.className = \"guipanel\";\r\n dialogLinkToDetailsPanel.style.bottom = \"8px\";\r\n dialogLinkToDetailsPanel.style.left = \"8px\";\r\n dialogContentContainerPanel.appendChild(dialogLinkToDetailsPanel);\r\n\r\n var dialogCopyDetailsToClipboard = document.createElement(\"button\");\r\n dialogCopyDetailsToClipboard.innerHTML = copyToClipboardText;\r\n dialogCopyDetailsToClipboard.className = \"guibutton_linkenabled\";\r\n dialogCopyDetailsToClipboard.style.paddingLeft = \"20px\";\r\n dialogCopyDetailsToClipboard.style.display = \"none\";\r\n dialogCopyDetailsToClipboard.style.height = \"22px\";\r\n dialogCopyDetailsToClipboard.onclick = dwUtilsCopyToClipboard(details);\r\n\r\n var dialogLinkToDetails = document.createElement(\"button\");\r\n dialogLinkToDetails.innerHTML = linkTextDetail;\r\n dialogLinkToDetails.className = \"guibutton_linkenabled\";\r\n dialogLinkToDetails.onclick = function() {\r\n var isVisible = $(id + \"_dialog_details_panel\").style.display == \"\";\r\n _self.__showDetails(!isVisible);\r\n dialogCopyDetailsToClipboard.style.display = !isVisible ? \"\" : \"none\";\r\n };\r\n\r\n dialogLinkToDetailsPanel.appendChild(dialogLinkToDetails);\r\n dialogLinkToDetailsPanel.appendChild(dialogCopyDetailsToClipboard);\r\n }\r\n\r\n if (buttonTextRetry) {\r\n var dialogButtonToReloadPanel = document.createElement(\"div\");\r\n dialogButtonToReloadPanel.className = \"guipanel\";\r\n dialogButtonToReloadPanel.style.bottom = \"8px\";\r\n dialogButtonToReloadPanel.style.right = \"8px\";\r\n dialogContentContainerPanel.appendChild(dialogButtonToReloadPanel);\r\n\r\n var dialogButtonToReload = document.createElement(\"button\");\r\n dialogButtonToReload.innerHTML = buttonTextRetry;\r\n dialogButtonToReload.className = \"guibutton_enabled\";\r\n dialogButtonToReload.id = id + \"_dialog_retry_button\";\r\n dialogButtonToReload.style.height = \"23px\";\r\n dialogButtonToReload.style.minWidth = \"100px\";\r\n dialogButtonToReload.style.paddingLeft = \"4px\";\r\n dialogButtonToReload.style.paddingRight = \"4px\";\r\n dialogButtonToReload.onclick = function() {\r\n _self.__retry();\r\n };\r\n dialogButtonToReloadPanel.appendChild(dialogButtonToReload);\r\n }\r\n };\r\n\r\n this.__create();\r\n\r\n this.__showDetails = function(visible) {\r\n var container = $(id + \"_dialog_container\");\r\n var width = this.__getWidth(visible);\r\n var height = this.__getHeight(visible);\r\n var marginLeft = this.__getMarginForCentering(width);\r\n var marginTop = this.__getMarginForCentering(height);\r\n var display = visible ? \"\" : \"none\";\r\n $(id + \"_dialog_details_panel\").style.display = display;\r\n container.style.height = height + \"px\";\r\n container.style.marginTop = marginTop + \"px\";\r\n container.style.width = width + \"px\";\r\n container.style.marginLeft = marginLeft + \"px\";\r\n\r\n this.__focusButton();\r\n// window.getSelection().selectAllChildren($(id + \"_dialog_details_panel\"));\r\n };\r\n\r\n this.__retry = function() {\r\n dwFrameworkRefreshPage();\r\n };\r\n\r\n this.__focusButton = function() {\r\n if ($(id + \"_dialog_retry_button\")) {\r\n $(id + \"_dialog_retry_button\").focus();\r\n }\r\n };\r\n\r\n this.setVisible = function(visible) {\r\n if ((typeof (url) != \"undefined\") && url.indexOf(\"chrome://\") == 0) {\r\n // Nein es geht nicht um den Chrome Browser sondern um Firefox. Die interne Engine hat auch einen Begriff wie \"chrome\"\r\n // Browser interne Meldungen bringen wir nicht als unsere Fehler. mit window.onError catchen wir ja alles\r\n return;\r\n }\r\n if (this.visible == visible) {\r\n return;\r\n }\r\n this.visible = visible;\r\n var body = $(\"body\");\r\n if (visible) {\r\n body.appendChild(this.fragment);\r\n this.__focusButton();\r\n if (framework_isIE) {\r\n var objectTags = document.getElementsByTagName(\"object\");\r\n for (var i = 0; i < objectTags.length; i++) {\r\n var object = objectTags[i];\r\n object.style.visibility = \"hidden\";\r\n }\r\n }\r\n dwTooltip_hideTooltips();\r\n } else {\r\n body.removeChild(this.fragment);\r\n }\r\n };\r\n};\r\n\r\nfunction dwDialogShowErrorDialog(details) {\r\n var body = $(\"body\");\r\n var dialog = $(\"error\");\r\n if (dialog) {\r\n // Dialog wird bereits angezeigt\r\n return;\r\n }\r\n dialog = new DWDialog(\"error\", \"An error occurred\", \"A communication error occurred. Do you want to retry?\", \"Details\", \"Copy to Clipboard\", \"Reload\", details);\r\n dialog.setVisible(true);\r\n}\r\n\r\n// Aktuell noch keinen generischen Fehlerdialog bei Requests (im Hintergrund) anzeigen. Nachricht könnte zudem nur angezeigt werden bei gleicher Domain\r\n//function dwDialogShowLoadUrlErrorDialog(details) {\r\n// var body = $(\"body\");\r\n// var dialog = $(\"loadError\");\r\n// if (dialog) {\r\n// // Dialog wird bereits angezeigt\r\n// return;\r\n// }\r\n// dialog = new DWDialog(\"loadError\", \"An error occurred\", \"A communication error occurred. Do you want to retry?\", \"Details\", \"Reload\", details);\r\n// dialog.setVisible(true);\r\n//}\r\n\r\nfunction dwDialogShowLostConnection() {\r\n var body = $(\"body\");\r\n var dialog = $(\"lostConnection\");\r\n if (dialog) {\r\n // Dialog wird bereits angezeigt\r\n return;\r\n }\r\n dialog = new DWDialog(\"lostConnection\", \"Lost connection to server\", \"A communication error occurred. Do you want to retry?\", null, null, \"Reload\", null);\r\n dialog.setVisible(true);\r\n}\r\n\r\nfunction dwDialogShowInvalidSession(showReloadButton) {\r\n var body = $(\"body\");\r\n var dialog = $(\"invalidSession\");\r\n if (dialog) {\r\n // Dialog wird bereits angezeigt\r\n return;\r\n }\r\n var buttonText = showReloadButton ? \"Reload\" : null;\r\n dialog = new DWDialog(\"invalidSession\", \"Invalid or expired session\", \"The current session has expired. Please restart the application.\", null, null, buttonText, null);\r\n if (showReloadButton) {\r\n dialog.__retry = function() {\r\n // Refresh Action ist leider nicht hinreichend. Bei der Location Reload Methode wird der Bookmark String korrekt übertragen\r\n // und intern das Laden des Bookmarks ausgelöst\r\n window.location.reload(true);\r\n }\r\n }\r\n //500ms delay bevor die meldung angezeigt wird\r\n var delayInterval = setInterval(function() {\r\n dialog.setVisible(true);\r\n clearInterval(delayInterval);\r\n }, 500);\r\n}\r\n\r\nfunction dwDialogShowMessageDialog(title, message) {\r\n var body = $(\"body\");\r\n var dialog = $(\"message\");\r\n if (dialog) {\r\n // Dialog wird bereits angezeigt\r\n return;\r\n }\r\n dialog = new DWDialog(\"message\", title, message, null, null, \"Close\", null);\r\n dialog.setVisible(true);\r\n}\n/*\r\n * Copyright (c) 2025 Quanos Solutions GmbH\r\n */\r\n/**\r\n * Sammlung von Methoden zur Anzeige von SVG\r\n */\r\n\r\n// Erzeugt einen Hotspot (nur für Anzeige)\r\nfunction dwImageSVGCreateHotspot(root, textNode, hotspot, unmarkedHotspotsVisible) {\r\n if ((root) && (textNode) && (hotspot)) {\r\n var bBoxRectangle = dwImageSVGGetBBox(textNode);\r\n\r\n dwImageWriteToLog(hotspot.elementId, \"create svg hotspot (id=\" + hotspot.uniqueId + \" key=\" + hotspot.key + \" keyver=\" + hotspot.keyVer + \")\");\r\n var node = dwImageSVGPaintHotspotNode(hotspot, null, bBoxRectangle, unmarkedHotspotsVisible);\r\n if (node) {\r\n node.setAttribute(\"id\", hotspot.uniqueId);\r\n if (textNode.hasAttribute(\"transform\")) { // Vermeidung von Browser Hinweisen, dass 'NULL' als transform gesetzt würde ...\r\n node.setAttribute(\"transform\", textNode.getAttribute(\"transform\")); //Transformation\r\n } else if ((textNode.tagName === \"tspan\") && (textNode.parentNode.hasAttribute(\"transform\"))) {\r\n node.setAttribute(\"transform\", textNode.parentNode.getAttribute(\"transform\")); //Transformation\r\n }\r\n\r\n node.setAttribute(\"textBoundingBox\", bBoxRectangle.x1 + \" \" + bBoxRectangle.y1 + \" \" + bBoxRectangle.width + \" \" + bBoxRectangle.height);\r\n\r\n //im SVG einhängen\r\n dwImageSVGInsertHotspot(root, textNode, node);\r\n\r\n //Position der Hotspots (Clickbereich) anpassen\r\n dwImageSVGTransformHotspot(root, node, hotspot, bBoxRectangle);\r\n\r\n dwImageWriteToLog(hotspot.elementId, \"inserted svg hotspot (id=\" + hotspot.uniqueId + \" \" +\r\n \"key=\" + hotspot.key + \" \" +\r\n \"keyver=\" + hotspot.keyVer + \" \" +\r\n \"bbox=(x1=\" + hotspot.x1 + \", x2=\" + hotspot.x2 + \", y1=\" + hotspot.y1 + \", y2=\" + hotspot.y2 + \"))\");\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGGetBBox(textNode) {\r\n if (textNode.getBBox) {\r\n var bBox = textNode.getBBox();\r\n return new DWRectangle(bBox.x, bBox.y, bBox.x + bBox.width, bBox.y + bBox.height);\r\n } else {\r\n var extent = textNode.getExtentOfChar(0);\r\n var width = textNode.getComputedTextLength();\r\n return new DWRectangle(extent.x, extent.y, extent.x + width, extent.y + extent.height);\r\n }\r\n}\r\n\r\nfunction dwImageSVGInsertHotspot(root, textNode, hotspotNode) {\r\n if ((root) && (textNode) && (textNode.parentNode) && (hotspotNode)) {\r\n //Zeichenbereich: Hotspot vor Text einhängen\r\n try {\r\n var parentNode = textNode.parentNode;\r\n //Parent ist ein switch und der Text eine Alternative\r\n if (dwImageSVGNodeIsInSwitch(root, textNode, false)) {\r\n //Gruppe um Rect und Text erzeugen\r\n var group = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\r\n parentNode.insertBefore(group, textNode);\r\n group.appendChild(hotspotNode);\r\n group.appendChild(textNode);\r\n } else { //Rect vor Text einhängen\r\n if (textNode.tagName === \"tspan\") {\r\n textNode = parentNode;\r\n parentNode = parentNode.parentNode;\r\n }\r\n parentNode.insertBefore(hotspotNode, textNode);\r\n }\r\n } catch (exception) {\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGNodeIsInSwitch(root, node, recursively) {\r\n if ((node) && (node.parentNode) && (node.parentNode.tagName) && (node != root)) {\r\n var isSwitch = (node.parentNode.tagName.toLowerCase() == \"switch\");\r\n if (isSwitch) {\r\n return true;\r\n } else {\r\n if (recursively) {\r\n return dwImageSVGNodeIsInSwitch(root, node.parentNode, recursively);\r\n } else {\r\n return false;\r\n }\r\n }\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\n//Matrix aus transform-Attribute in SVGMatrix wandeln (damit Matrizenoperationen ausgeführt werden können)\r\nfunction dwImageSVGCreateMatrixFromString(matrix) {\r\n var svgMatrix = null;\r\n if (matrix) {\r\n try {\r\n svgMatrix = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\").createSVGMatrix();\r\n var matrixStr = matrix.substring(matrix.indexOf(\"(\") + 1, matrix.indexOf(\")\"));\r\n var array = matrixStr.split(\" \");\r\n svgMatrix.a = array[0];\r\n svgMatrix.b = array[1];\r\n svgMatrix.c = array[2];\r\n svgMatrix.d = array[3];\r\n svgMatrix.e = array[4];\r\n svgMatrix.f = array[5];\r\n } catch (exception) {\r\n }\r\n }\r\n return svgMatrix;\r\n}\r\n\r\nfunction dwImageSVGGetHotspotMatrix(root, node) {\r\n var matrix = null;\r\n if ((root) && (node)) {\r\n try {\r\n //Im IE 10 liefert getTransformToElement bei einem Switch falsche Werte\r\n //deshalb hier die Matrix aus dem Transform-Attribut mit der Transformation des Switch-Knotens multiplizieren\r\n if (dwImageSVGNodeIsInSwitch(root, node, true)) {\r\n var matrixSVG = dwImageSVGCreateMatrixFromString(node.getAttribute(\"transform\"));\r\n\r\n //1. Parent = Group, 2. Parent = switch-Knoten und darauf dann das getTransformToElement\r\n matrix = dwImageSVGTransformToElement(root, node.parentNode.parentNode).inverse();\r\n matrix = matrix.multiply(matrixSVG);\r\n } else {\r\n matrix = dwImageSVGTransformToElement(root, node).inverse();\r\n }\r\n } catch (exception) {\r\n //Nix tun\r\n }\r\n }\r\n\r\n if (!matrix) {\r\n //Einheitsmatrix\r\n matrix = dwImageSVGCreateMatrixFromString(\"matrix(1 0 0 1 0 0)\");\r\n }\r\n return matrix;\r\n}\r\n\r\nfunction dwImageSVGTransformToElement(fromElement, toElement) {\r\n if (fromElement && toElement) {\r\n //Bei Chrome wurde getTransformToElement ab Version 48 ausgebaut\r\n //Workaround von http://jointjs.com/blog/get-transform-to-element-polyfill.html\r\n if (fromElement.getTransformToElement) {\r\n return fromElement.getTransformToElement(toElement);\r\n } else {\r\n return toElement.getScreenCTM().inverse().multiply(fromElement.getScreenCTM());\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction getViewbox(root) {\r\n if ((root) && (root.hasAttribute(\"viewBox\"))) {\r\n return root.getAttribute(\"viewBox\");\r\n }\r\n return null;\r\n}\r\n\r\nfunction dwImageSVGTransformHotspot(root, node, hotspot, bBoxRectangle) {\r\n if ((root) && (node) && (hotspot) && (bBoxRectangle)) {\r\n try {\r\n // see http://stackoverflow.com/questions/10623809/get-bounding-box-of-element-accounting-for-its-transform\r\n var pts = [\r\n root.createSVGPoint(), root.createSVGPoint(),\r\n root.createSVGPoint(), root.createSVGPoint()\r\n ];\r\n\r\n pts[0].x = bBoxRectangle.x1;\r\n pts[0].y = bBoxRectangle.y1;\r\n pts[1].x = bBoxRectangle.x1 + bBoxRectangle.width;\r\n pts[1].y = bBoxRectangle.y1;\r\n pts[2].x = bBoxRectangle.x1 + bBoxRectangle.width;\r\n pts[2].y = bBoxRectangle.y1 + bBoxRectangle.height;\r\n pts[3].x = bBoxRectangle.x1;\r\n pts[3].y = bBoxRectangle.y1 + bBoxRectangle.height;\r\n\r\n var matrix = dwImageSVGGetHotspotMatrix(root, node);\r\n dwImageWriteToLog(hotspot.elementId, \"using transformation matrix '\" + matrix + \"' \" +\r\n \"(id=\" + hotspot.uniqueId + \" key=\" + hotspot.key + \" keyver=\" + hotspot.keyVer + \")\");\r\n\r\n // Transformation unter Berücksichtigung der Transformations-Matrix (min/max)\r\n var xMin = Infinity;\r\n var xMax = -Infinity;\r\n var yMin = Infinity;\r\n var yMax = -Infinity;\r\n pts.forEach(function(pt) {\r\n pt = pt.matrixTransform(matrix);\r\n xMin = Math.min(xMin, pt.x);\r\n xMax = Math.max(xMax, pt.x);\r\n yMin = Math.min(yMin, pt.y);\r\n yMax = Math.max(yMax, pt.y);\r\n });\r\n\r\n // Bounding Box relativ zum Root bestimmen\r\n var newBoundingBox = {\r\n x: xMin,\r\n y: yMin,\r\n width: xMax - xMin,\r\n height: yMax - yMin\r\n };\r\n //Viewbox berücksichtigen (x,y)\r\n var viewBox = getViewbox(root);\r\n if (viewBox) {\r\n var vbArray = dwUtilsSplit(dwUtilsReplaceCharacter(viewBox, ' ', ','), ',', false);\r\n if (vbArray.length == 4) {\r\n newBoundingBox.x -= parseFloat(dwUtilsTrim(vbArray[0])); //x-Verschiebung\r\n newBoundingBox.y -= parseFloat(dwUtilsTrim(vbArray[1])); //y-Verschiebung\r\n }\r\n }\r\n //Position im Hotspot anpassen\r\n hotspot.x1 = newBoundingBox.x;\r\n hotspot.x2 = newBoundingBox.x + newBoundingBox.width;\r\n hotspot.y1 = newBoundingBox.y;\r\n hotspot.y2 = newBoundingBox.y + newBoundingBox.height;\r\n hotspot.width = parseFloat(newBoundingBox.width);\r\n hotspot.height = parseFloat(newBoundingBox.height);\r\n } catch (exception) {\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Bestimmung der Hotspot Informationen.\r\n *\r\n * Die Koordinaten des (Mouse-)Events werden aus dem absoluten Koordinaten System (relativ zu Viewport) umgewandelt\r\n * in interne Koordinaten, relativ zum SVG Objekt.\r\n *\r\n * Im Anschluss wird ein HIT Test ausgeführt. Bei mehreren Treffern wird optimiert, und das \"Original\" Objekt verwendet\r\n * sofern die Maus direkt über einer Linie war.\r\n *\r\n * Die gefundene Hotspot Information wird als Hashmap zurückgeliefert {hotspot : , node : }\r\n *\r\n * @param event\r\n * @param elementId\r\n * @param ignoreSimpleHotspots\r\n * @returns {*}\r\n */\r\nfunction dwImageSVGGetBestSuitableHotspotForMouseLocation(event, elementId, ignoreSimpleHotspots) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (!image) {\r\n return;\r\n }\r\n\r\n if (ignoreSimpleHotspots !== true) {\r\n var matchSimpleHotspot = dwImageSVGGetSimpleHotspotAtPoint(image, event.clientX, event.clientY);\r\n if (matchSimpleHotspot) {\r\n return matchSimpleHotspot;\r\n }\r\n }\r\n\r\n var imageLocation = dwUtilsGetLocationOnWindow(image, true, true);\r\n var relativePositionToImage = new DWPoint(event.clientX - imageLocation.x, event.clientY - imageLocation.y);\r\n\r\n var intersectionList = dwImageSVGGetIntersectionListForCoord(image, relativePositionToImage.x, relativePositionToImage.y);\r\n\r\n var result = null;\r\n\r\n for (var i = 0; i < intersectionList.length; i++) {\r\n var match = dwImageSVGGetHotspotForOutlineNode(image, intersectionList[i]);\r\n if (match) {\r\n var nodeId = match.node.getAttribute(\"id\");\r\n if (!result) {\r\n // Bei einem Klon ist das Interesse am zugehörigen realen Knoten ...\r\n var isClone = nodeId.indexOf(\"_clone\") > -1;\r\n if (isClone) {\r\n var originalNodeName = nodeId.substring(0, nodeId.indexOf(\"_clone\"));\r\n match.node = image.contentDocument.getElementById(originalNodeName);\r\n }\r\n result = match;\r\n } else {\r\n var isClone = nodeId.indexOf(\"_clone\") > -1;\r\n if (!isClone) {\r\n result = match;\r\n }\r\n }\r\n if (result) {\r\n break;\r\n }\r\n }\r\n }\r\n return result;\r\n}\r\n\r\nfunction dwImageSVGImageScrollpaneOnDoubleClickListener(event, elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (!image) {\r\n return;\r\n }\r\n\r\n var match = dwImageSVGGetBestSuitableHotspotForMouseLocation(event, elementId, false);\r\n if (!match) {\r\n return;\r\n }\r\n\r\n if (!match.isOutlineElement) {\r\n // Der Listener ist nur für die Outlineelemente, die normalen Hotspots haben eigene Eventlistener\r\n return;\r\n }\r\n\r\n var hotspotSpanClickArea = $(match.hotspot.uniqueId);\r\n if (hotspotSpanClickArea && hotspotSpanClickArea.ondblclick) {\r\n hotspotSpanClickArea.ondblclick(event);\r\n }\r\n}\r\n\r\nfunction dwImageSVGImageScrollpaneOnClickListener(event, elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (!image) {\r\n return;\r\n }\r\n\r\n var match = dwImageSVGGetBestSuitableHotspotForMouseLocation(event, elementId, false);\r\n if (!match) {\r\n return;\r\n }\r\n\r\n if (!match.isOutlineElement) {\r\n // Der Listener ist nur für die Outlineelemente, die normalen Hotspots haben eigene Eventlistener\r\n return;\r\n }\r\n\r\n var hotspotSpanClickArea = $(match.hotspot.uniqueId);\r\n if (hotspotSpanClickArea.onclick) {\r\n hotspotSpanClickArea.onclick(event);\r\n } else if (hotspotSpanClickArea.onmousedown) {\r\n hotspotSpanClickArea.onmousedown(event);\r\n }\r\n}\r\n\r\nfunction dwImageSVGImageScrollPaneOnMouseMoveListener(event, elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (!image) {\r\n return;\r\n }\r\n\r\n event = dwFrameworkGetEvent(event);\r\n\r\n var lastOutlineMatch = image.lastOutlineMatch;\r\n // Ignoriere die 'einfachen' Hotspots bei der Suche, da es nur um das Einfärben der outline-Elemente beim Hover geht.\r\n // Falls ein 'einfacher' Hotspot über den Bereichen wäre, dann würde das Element nicht mehr eingefärbt\r\n var match = dwImageSVGGetBestSuitableHotspotForMouseLocation(event, elementId, true);\r\n\r\n if ((lastOutlineMatch == null) && (match == null)) {\r\n return;\r\n } else if ((lastOutlineMatch != null) && (match != null)) {\r\n if ((lastOutlineMatch.hotspot.key == match.hotspot.key) &&\r\n (lastOutlineMatch.node == match.node)) {\r\n return;\r\n }\r\n }\r\n if (lastOutlineMatch && lastOutlineMatch.hotspot.isWithHover) {\r\n dwUtilsGetEventTarget(event).style.cursor = image.getAttribute(\"dwOpenCursor\");\r\n dwImageSVGPaintHotspotOutline(lastOutlineMatch.hotspot, lastOutlineMatch.node, false);\r\n dwTooltip_hideTooltips();\r\n }\r\n\r\n if (match && match.hotspot.isWithHover) {\r\n dwUtilsGetEventTarget(event).style.cursor = \"pointer\";\r\n dwImageSVGPaintHotspotOutline(match.hotspot, match.node, true);\r\n dwTooltip_delayShowTooltip(event, match.hotspot.text, DWTOOLTIP_DELAY_DEFAULT_VALUE);\r\n }\r\n image.lastOutlineMatch = match;\r\n}\r\n\r\n/**\r\n * Liefert eine Liste mit SVGElementen zurück, die sich mit den Koordinaten überlappen\r\n * @param image\r\n * @param x\r\n * @param y\r\n * @returns {Array}\r\n */\r\nfunction dwImageSVGGetIntersectionListForCoord(image, x, y) {\r\n var svgDocument = image.contentDocument;\r\n if (!svgDocument) {\r\n return [];\r\n }\r\n var root = svgDocument.documentElement;\r\n if (!root) {\r\n return [];\r\n }\r\n\r\n if (!image.hasHoverOrOutline) {\r\n // Flag wird gesetzt, wenn es mind. 1 Hotspot gibt, bei dem das Flag gesetzt ist (DWK Konfiguration für hotspots)\r\n // Nur dann muss (wegen Solidworks Mechanik) der vertikale Schnitt im SVG untersucht werden ob es Überschneidungen\r\n // mit einem Hotspot gibt (highlight der hotspot Fläche bei mouse over)\r\n return [];\r\n }\r\n\r\n var intersectionList = [];\r\n if (svgDocument.elementsFromPoint) { // FF und Chrome\r\n // Firefox ignoriert seit über 8 Jahren den SVG Standard, der die Methode getIntersectionList vorgibt\r\n // Chrome kann zwar getIntersectionList - allerdings wird hier die BoundingBox (großes Rechteck) als Fläche zugrunde gelegt -> fehlerhafte Ermittlung\r\n // IE unterstützt die getIntersectionList Methode korrekt\r\n intersectionList = svgDocument.elementsFromPoint(x, y);\r\n } else if (root.getIntersectionList) {\r\n var intersectionRect = root.createSVGRect();\r\n intersectionRect.x = x;\r\n intersectionRect.y = y;\r\n intersectionRect.width = intersectionRect.height = 1;\r\n intersectionList = root.getIntersectionList(intersectionRect, null);\r\n } else {\r\n // Nachteil dieser Methode: es wird nur eine Fläche zurückgeliefert. Es kann auch eine ungünstige/falsche sein.\r\n var intersectionElement = svgDocument.elementFromPoint(x, y);\r\n if (intersectionElement) {\r\n intersectionList.push(intersectionElement);\r\n }\r\n }\r\n return intersectionList;\r\n}\r\n\r\n\r\n/**\r\n * Ermittelt, ob es an der Position eine einfache clickAerea für einen Hotspot gibt und liefert eine Struktur mit Hotspot,\r\n * dem node zurück.\r\n * @param image\r\n * @param x\r\n * @param y\r\n * @returns {{node: Element, hotspot: *, isOutlineElement: boolean}}\r\n */\r\nfunction dwImageSVGGetSimpleHotspotAtPoint(image, x, y) {\r\n var element = document.elementFromPoint(x, y);\r\n\r\n var hotspot = dwImageSVGGetHotspotByElement(image, element);\r\n\r\n if (hotspot) {\r\n return {\r\n node: element,\r\n hotspot: hotspot,\r\n isOutlineElement: false\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Liefert den Hotspot zu dieser ClickAerea zurück.\r\n * @param image\r\n * @param element\r\n * @returns {*}\r\n */\r\nfunction dwImageSVGGetHotspotByElement(image, element) {\r\n if (element) {\r\n if (image) {\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (element.id === hotspot.uniqueId) {\r\n return hotspot;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Liefert nur die Hotspot-ID ohne einen evtl. Suffix zurück (z.B. {@code filter_1234_ajsdhfkasjhdf => 1234}).\r\n *\r\n * @param nodeId\r\n * @returns Hotspot-ID ohne einen evtl. Suffix\r\n */\r\nfunction getHotspotIdWithoutSuffix(nodeId) {\r\n let hotspotIdStrings = nodeId.split(\"_\");\r\n if (hotspotIdStrings.length >= 2) {\r\n return hotspotIdStrings[1];\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\n/**\r\n * Liefert die Hotspot-ID inkl. einen evtl. Suffix zurück (z.B. {@code filter_1234_ajsdhfkasjhdf => 1234_ajsdhfkasjhdf}).\r\n *\r\n * @param nodeId\r\n * @returns Hotspot-ID inkl. einen evtl. Suffix\r\n */\r\nfunction getHostpotIdIncludingSuffix(nodeId) {\r\n let hotspotIdSuffixIndex = nodeId.indexOf(\"_\");\r\n if ((hotspotIdSuffixIndex >= 0) && (hotspotIdSuffixIndex < nodeId.length - 1)) {\r\n return nodeId.substring(hotspotIdSuffixIndex + 1);\r\n } else {\r\n return \"\";\r\n }\r\n}\r\n\r\n/**\r\n * Liefert die Hotspot Information (matching zwischen hotspot.key und node.class) zurück\r\n * @param image\r\n * @param node\r\n * @returns {{node: *, hotspot: *}}\r\n */\r\nfunction dwImageSVGGetHotspotForOutlineNode(image, node) {\r\n let isASPLMversion2OrHigher = dwImageSVGIsASPLMOutlineVersionOrHigher(node.ownerDocument, 2);\r\n while (node && node.tagName) {\r\n if ((node.tagName === \"g\") && node.className.baseVal) {\r\n if (isASPLMversion2OrHigher) {\r\n return null;\r\n }\r\n var classNames = dwUtilsSplit(node.className.baseVal, \" \", false);\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n var hotspot = image.hotspots[i];\r\n if (dwUtilsIsInArray(classNames, hotspot.key)) {\r\n return {\r\n node: node,\r\n hotspot: hotspot,\r\n isOutlineElement: true\r\n }\r\n }\r\n }\r\n } else if (node.tagName === \"text\") {\r\n if (dwImageSVGIsWithOutlinesByASPLM(node.ownerDocument)) {\r\n // Spezielle Logik für Hotspots / Outlines aus dem ASPLM Umfeld\r\n // Anhand des Text-Knotens wird der zugehörige \"hotspot_\" Knoten gesucht in dem die Outline Informationen\r\n // zusammengefasst sind. Berücksichtigt werden muss, dass nur der Prefix fest ist, der Suffix bei den IDs ist variabel\r\n let text = dwDomGetTextContent(node, [\"desc\", \"metadata\", \"title\"]).trim();\r\n const hotspot = getHotspotForOutlineNodeById(text);\r\n if (hotspot) {\r\n return hotspot;\r\n }\r\n }\r\n } else if ((node.tagName === \"path\") || (node.tagName === \"rect\")) {\r\n if (dwImageSVGIsWithOutlinesByASPLM(node.ownerDocument)) {\r\n let hotspotId = getHotspotIdWithoutSuffix(node.id);\r\n const hotspot = getHotspotForOutlineNodeById(hotspotId);\r\n if (hotspot) {\r\n return hotspot;\r\n }\r\n }\r\n }\r\n\r\n function getHotspotForOutlineNodeById(hotspotId) {\r\n for (let i = 0; i < image.hotspots.length; i++) {\r\n let hotspot = image.hotspots[i];\r\n if (hotspotId === hotspot.key) {\r\n let hotspotIdWithSuffix = getHostpotIdIncludingSuffix(node.id); // ID inkl. Suffix des Hotspots, z.B. 280 oder 280_1_\r\n let outlineNode = node.ownerDocument.getElementById(\"hotspot_\" + hotspotIdWithSuffix);\r\n if (!outlineNode) {\r\n // Standardmäßig sollte immer ein passendes image mit identischer ID zu einem Text Node existieren\r\n // Sicherheitshalber machen wir einen Fallback - der aber nie großartig zuschlagen sollte\r\n // Beim Highlight spielt die genaue ID nur eine nebensächliche Rolle - es werden alle Outlines\r\n // zu einem Basis Hotspot Key (zb 280 und damit 280, 280_ 280_1 280_1_ 280_2, ... usw ) angezeigt\r\n outlineNode = dwImageSVGFindMatchingNodesForPartialId(node.ownerDocument, \"hotspot_\" + hotspot.key).getFirst();\r\n }\r\n if (outlineNode) {\r\n return {\r\n node: outlineNode,\r\n hotspot: hotspot,\r\n isOutlineElement: true\r\n }\r\n }\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n node = node.parentNode;\r\n }\r\n}\r\n\r\nfunction dwImageSVGRemoveAllHotspots(elementId) {\r\n let image = dwImageViewerGetImage(elementId);\r\n if (image == null) { // kann durch die Verwendung von setTimeout() passieren\r\n return;\r\n }\r\n\r\n let svgDoc = image.contentDocument;\r\n if ((svgDoc) && (svgDoc.documentElement) && (svgDoc.documentElement.getElementById)) {\r\n let existingHotspots = image.hotspots;\r\n for (let i = 0; i < existingHotspots.length; i++) {\r\n var node = svgDoc.documentElement.getElementById(existingHotspots[i].uniqueId);\r\n if (node != null) {\r\n dwDomRemoveSelf(node);\r\n }\r\n }\r\n }\r\n\r\n dwImageViewerRemoveAllHotspots(elementId);\r\n\r\n // Flag \"isAlreadyHotspot\" in den Text-Elementen zurücksetzen\r\n if (image.contentDocument) {\r\n let textNodes = image.contentDocument.getElementsByTagName(\"text\");\r\n let tspanNodes = image.contentDocument.getElementsByTagName(\"tspan\");\r\n let textElements = [];\r\n textElements = textElements.concat(dwUtilsToArray(textNodes));\r\n textElements = textElements.concat(dwUtilsToArray(tspanNodes));\r\n if ((textElements) && (textElements.length > 0)) {\r\n for (let i = 0; i < textElements.length; i++) {\r\n let textNode = textElements[i];\r\n textNode.removeAttribute(\"isAlreadyHotspot\");\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGMakeHotspots(image) {\r\n if (image) {\r\n var svgDoc = image.contentDocument;\r\n if ((svgDoc) && (svgDoc.documentElement)) {\r\n dwImageWriteToLog(image.elementId, \"Preparing Hotspot Creation: found documentElement\");\r\n var root = svgDoc.documentElement;\r\n var isBrowserEdge = (framework_isIE && (parseFloat(framework_browserVersion) > 11.0));\r\n var isOutlinesByASPLM = root.getAttribute(\"svg_outline_generator\") === \"asplm\";\r\n try {\r\n // Alle Textelemente im SVG\r\n // Ein TEXT Element kann kein / ein / beliebig viele TSPAN Elementen beinhalten\r\n // Beinhaltet ein TEXT Element genau ein TSPAN Element (mit dem vollständigen Text)\r\n // so wird das Hotspot matching für diesen Text aktuell mehrfach durchlaufen\r\n var textNodes = image.contentDocument.getElementsByTagName(\"text\");\r\n var tspanNodes = image.contentDocument.getElementsByTagName(\"tspan\");\r\n var textElements = [];\r\n textElements = textElements.concat(dwUtilsToArray(textNodes));\r\n textElements = textElements.concat(dwUtilsToArray(tspanNodes));\r\n if ((textElements) && (textElements.length > 0)) {\r\n dwImageWriteToLog(image.elementId, \"Preparing Hotspot Creation: found text elements (count=\" + textElements.length + \" - text=\" + textNodes.length + \" - tspan=\" + tspanNodes.length + \")\");\r\n //image.log(\"dwImageSVGMakeHotspots - Texts found\");\r\n var isSpacePreserve = false;\r\n if ((framework_isFirefox) && (root.hasAttribute(\"xml:space\")) && (root.getAttribute(\"xml:space\") == \"preserve\")) {\r\n //Verhalten im Firefox: wenn Attribut 'xml:space=\"preserve\"' gesetzt ist, liefert getBBox() auf den Textnodes falsche Werte (width zu groß)\r\n //Workaround: xml:space auf default setzen und nach der Berechnung der Hotspots wieder zurück auf preserve\r\n isSpacePreserve = true;\r\n root.setAttribute(\"xml:space\", \"default\");\r\n }\r\n\r\n var hotspot = null;\r\n //alle Hotspots durchlaufen und nach entsprechenden Textelementen im SVG suchen\r\n dwImageWriteToLog(image.elementId, \"Preparing Hotspot Creation: found hotspots (count=\" + image.hotspots.length + \")\");\r\n for (var i = 0; i < image.hotspots.length; i++) {\r\n hotspot = image.hotspots[i];\r\n if (hotspot != null) {\r\n //image.log(\"found hotspot \" + i + \"(key=\" + hotspot.key + \")\");\r\n var textHotSpot = hotspot.key;\r\n if (textHotSpot != \"\") {\r\n //image.log(\"found \" + textElements.length + \" textfragments\");\r\n for (var j = 0; j < textElements.length; j++) {\r\n var textNode = textElements[j];\r\n //Hotspot gefunden (Text stimmt überein und ist noch kein Hotspot)\r\n if (dwImageIsHotspotNode(svgDoc, textNode, hotspot)) {\r\n if (textNode.hasAttribute(\"isAlreadyHotspot\")) {\r\n continue;\r\n }\r\n\r\n //Hotspot erzeugen\r\n dwImageSVGCreateHotspot(root, textNode, hotspot, image.unmarkedHotspotsVisible);\r\n //dieses Textnode als \"schon verarbeitet\" kennzeichnen\r\n textNode.setAttribute(\"isAlreadyHotspot\", \"1\");\r\n\r\n if (dwImageSVGIsWithHoverOrOutline(hotspot)) {\r\n image.hasHoverOrOutline = true;\r\n // Lattice Webmaster Konturen\r\n // Ein übergeordnetes SVG Element ist ein Anchor Tag. Das Parent Element des Anchors wird\r\n // mit einem classname analog zum IsoDraw Mechanismus (classname = hotspot.key) geflagt\r\n var node = textNode;\r\n while ((node != null) && (node.tagName != \"svg\")) {\r\n if ((node.tagName == \"a\") && node.hasAttribute(\"xlink:href\")) {\r\n node = node.parentNode; // übergeordnete Group auswählen\r\n node.setAttribute(\"class\", hotspot.key);\r\n break;\r\n }\r\n node = node.parentNode;\r\n }\r\n\r\n if (node.className.baseVal != hotspot.key) {\r\n var isoDraw73Hotspots = (svgDoc.getElementsByClassName(\"hotspot_\" + hotspot.key));\r\n if (isoDraw73Hotspots && isoDraw73Hotspots.length) {\r\n for (var isoDrawHotspotIdx = 0; isoDrawHotspotIdx < isoDraw73Hotspots.length; isoDrawHotspotIdx++) {\r\n var isoDrawHotspot = isoDraw73Hotspots[isoDrawHotspotIdx];\r\n var classNames = isoDrawHotspot.getAttribute(\"class\") || \"\";\r\n if (classNames) {\r\n classNames += \" \";\r\n }\r\n classNames += hotspot.key;\r\n isoDrawHotspot.setAttribute(\"class\", classNames);\r\n }\r\n } else if (isOutlinesByASPLM) {\r\n let parentNode = textNode.parentNode;\r\n let outlineNode = null;\r\n while ((parentNode != null) && (parentNode.tagName.toLowerCase() !== \"svg\")) {\r\n let parentNodeId = parentNode.getAttribute(\"id\");\r\n if (!dwUtilsStringStartsWith(parentNodeId, \"hotspot_\", false)) {\r\n // Offen ist, ob die while-Schleife notwendig ist,\r\n // aber das Navigieren zum potentiellen Root erlaubt eine höhere Flexibilität der Datenstrukturen.\r\n // Vorkommen kann diese Struktur zb. bei Kombinationen (zb Motorcode_Benzin).\r\n parentNode = parentNode.parentNode;\r\n continue;\r\n }\r\n outlineNode = parentNode;\r\n let hotspotIdWithSuffix = getHostpotIdIncludingSuffix(parentNodeId); // ID inkl. Suffix des Hotspots, z.B. 280 oder 280_1_\r\n let hotspotId = getHotspotIdWithoutSuffix(parentNodeId);\r\n let outlinePathId = \"path_\" + hotspotId;\r\n let outlinePaths = dwImageSVGFindMatchingNodesForPartialId(svgDoc, outlinePathId).getNodes();\r\n if (outlinePaths.length === 0) {\r\n let outlinePath = dwImageSVGCreateOutlinePathRectForASPLM(svgDoc, outlineNode, \"path_\" + hotspotIdWithSuffix)\r\n outlinePaths.push(outlinePath);\r\n }\r\n outlinePaths.forEach(node => node.setAttribute(\"pointer-events\", \"visibleFill\"));\r\n // Class Mechanismus wird für die Erkennung der Outlines verwendet\r\n // Bei Mouse-Move Effekten werden Elemente mit class=hotspot.key ermittelt und\r\n // die Outline visualisiert\r\n outlineNode.setAttribute(\"class\", hotspot.key)\r\n break;\r\n }\r\n } else {\r\n // Solidworks Composer Konturen\r\n // In Abhängigkeit des SVG Formats (z.B. Solidworks Composer Quellformat) steht die zum Text-Hotspot\r\n // zugehörige Kontur/Fläche in keinem logischen Zusammenhang.\r\n // Bei der Überprüfung der überlappenden SVG Elemente wird nach Eigenschaften gesucht,\r\n // die auf eine Kontur/Fläche schließen lassen und so künstlich die logische Verknüpfung zum\r\n // Stücklisten-Hotspot hergestellt\r\n\r\n var intersectingNodes = null;\r\n //Problem im Edge Browser: getBoundingClientRect liefert keine verwertbaren Koordinaten, deshalb stattdessen getBBox verwenden\r\n if (isBrowserEdge) {\r\n var textBounds = textNode.getBBox();\r\n intersectingNodes = dwImageSVGGetIntersectionListForCoord(image, textBounds.x + textBounds.width / 2, textBounds.y + textBounds.height / 2);\r\n } else {\r\n var textBounds = textNode.getBoundingClientRect();\r\n intersectingNodes = dwImageSVGGetIntersectionListForCoord(image, textBounds.left + textBounds.width / 2, textBounds.top + textBounds.height / 2);\r\n }\r\n\r\n for (var intersectingNodeIdx = 0; intersectingNodeIdx < intersectingNodes.length; intersectingNodeIdx++) {\r\n var intersectedNode = intersectingNodes[intersectingNodeIdx];\r\n var outlineNode = intersectedNode;\r\n while (outlineNode != null) {\r\n // In der Pfad Struktur kann (aber muss nicht) ein Anchor Tag auftauchen\r\n // Indikator ist aber idR die group mit der ID \"hotspot.\", auf die das Class Attribut gesetzt werden muss\r\n // Die Parent Struktur wird komplett durchlaufen auf der Suche nach einem passenden Element\r\n if (outlineNode.id && dwUtilsStringStartsWith(outlineNode.id, \"hotspot.\", true)) {\r\n outlineNode.setAttribute(\"class\", hotspot.key);\r\n outlineNode.style.transition = \"opacity ease 0.2s\";\r\n intersectingNodeIdx = intersectingNodes.length;\r\n break;\r\n }\r\n outlineNode = outlineNode.parentNode;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n //Schleife beenden, damit Hotspot-Koordinaten nicht vom nächsten Textvorkommen wieder überschrieben werden\r\n break;\r\n }\r\n }\r\n\r\n if (dwImageSVGIsWithHoverOrOutline(hotspot)) {\r\n if (!dwImageSVGIsWithOutlinesByASPLM(svgDoc)) {\r\n // Für die Visualisierung wird idR eine Kopie der Outline erzeugt\r\n // und bei Highlight die Linien-Dicke/Farbe beeinflusst (ohne das Original zu verändern)\r\n // Bei Daten aus ASPLM ist dieser Ansatz unnötig - das SVG wird nicht unnötig \"aufgebläht\"\r\n dwImageSVGPCreateHotspotOutlineClone(hotspot);\r\n }\r\n dwImageSVGPaintHotspotOutlineForKey(hotspot, false);\r\n }\r\n }\r\n }\r\n }\r\n if (dwImageSVGIsWithRerenderUnlinkedImageHotspots(root)) {\r\n let unlinkedTextElements = [];\r\n let linkedTextElementsWithoutHover = []\r\n // Schleife muss erneut durchlaufen werden, diesmal erst Text dann Hotspot - damit leichter Textelemente ohne Verlinkung identifiziert werden können\r\n for (let i = 0; i < textElements.length; i++) {\r\n let textNode = textElements[i];\r\n if (textNode.hasAttribute(\"isAlreadyHotspot\")) {\r\n // Es kann Hotspots geben die keine Outline haben\r\n let text = dwDomGetTextContent(textNode, [\"desc\", \"metadata\", \"title\"]).trim();\r\n for (let j = 0; j < image.hotspots.length; j++) {\r\n let hotspot = image.hotspots[j];\r\n if (hotspot.key === text && !dwImageSVGIsWithHoverOrOutline(hotspot)) {\r\n linkedTextElementsWithoutHover.push(textNode);\r\n break;\r\n }\r\n }\r\n continue;\r\n }\r\n unlinkedTextElements.push(textNode);\r\n }\r\n dwImageSVGRenderUnlinkedImageHotspots(svgDoc, unlinkedTextElements);\r\n dwImageSVGRenderUnhoverableImageHotspots(svgDoc, linkedTextElementsWithoutHover);\r\n }\r\n\r\n if (isSpacePreserve) {\r\n //nach dem Laden der Hotspots Attribut wieder auf xml:space=preserve zurücksetzen\r\n root.setAttribute(\"xml:space\", \"preserve\");\r\n }\r\n\r\n //Nochmal laden, damit die geänderten Hotspotpositionen auch angezeigt werden\r\n dwImageViewerSetNormalizedZoom_immediately(image, true);\r\n }\r\n } catch (exception) {\r\n dwImageWriteToLog(image.elementId, \"Error while making hotspots: \" + exception.toString());\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Prüft auf Schriftgröße, -art und -gewichtung. Ist ein Wert nicht angegeben, gilt dies als gültig\r\nfunction isValidFont(textNode, hotspot) {\r\n if ((textNode == null) || (hotspot == null)) {\r\n dwImageWriteToLog(image.elementId, \"Font check failed. TextNode = \" + textNode + \", hotspot = \" + hotspot);\r\n return false;\r\n }\r\n\r\n try {\r\n if (!isValidFontSize(textNode, hotspot) || (!isValidFontName(textNode, hotspot) || (!isValidFontWeight(textNode, hotspot)))) {\r\n return false;\r\n }\r\n } catch (exception) {\r\n dwImageWriteToLog(image.elementId, \"Error on comparing font size, name or weight\");\r\n return false;\r\n }\r\n return true;\r\n}\r\n\r\nfunction isValidFontSize(textNode, hotspot) {\r\n // Fehlt die font-Size Angabe, ist der Hotspot auf jeden Fall gültig\r\n if (hotspot.fontSize.length === 0) {\r\n return true;\r\n }\r\n\r\n // beide Werte auf 2 Stellen runden, weil window.getComputedStyle(node).fontSize zwar auch in der Workbench\r\n // zur Bestimmung der Schriftgröße verwendet wird, aber anscheinend (browserabhängig?)\r\n // unterschiedliche Werte liefert (Bsp.: in der DB steht fontsize 3.53, wir berechnen hier 3.528px)\r\n const fontSizeNode = ((Math.round(parseFloat(dwUtilsGetStyle(textNode, \"font-size\")) * 100)) / 100);\r\n const fontSizeHotspot = ((Math.round(parseFloat(hotspot.fontSize) * 100)) / 100);\r\n return checkWithTolerance(fontSizeNode, fontSizeHotspot, 0.03);\r\n}\r\n\r\n// Werte mit Toleranz vergleichen\r\nfunction checkWithTolerance(valueToBeChecked, valueTarget, tolerance) {\r\n // Alles Zahlen?\r\n if (!parseFloat(valueToBeChecked) || !parseFloat(valueTarget) || !parseFloat(tolerance)) {\r\n return false;\r\n }\r\n // Liegt der Wert im Toleranzbereich?\r\n const toleranceMin = ((Math.round(parseFloat(valueTarget - tolerance) * 100)) / 100);\r\n const toleranceMax = ((Math.round(parseFloat(valueTarget + tolerance) * 100)) / 100);\r\n return ((valueToBeChecked >= toleranceMin) && (valueToBeChecked <= toleranceMax));\r\n}\r\n\r\nfunction isValidFontName(textNode, hotspot) {\r\n // Fehlt die Schriftart Angabe, ist der Hotspot auf jeden Fall gültig\r\n if (hotspot.fontName.length === 0) {\r\n return true;\r\n }\r\n const fontNameNode = dwUtilsGetStyle(textNode, \"font-family\");\r\n return (hotspot.fontName === fontNameNode);\r\n}\r\n\r\nfunction isValidFontWeight(textNode, hotspot) {\r\n // Fehlt die Gewichtung, ist der Hotspot auf jeden Fall gültig\r\n if (hotspot.fontWeight.length === 0) {\r\n return true;\r\n }\r\n const fontWeightNode = dwUtilsGetStyle(textNode, \"font-weight\");\r\n return (hotspot.fontWeight === fontWeightNode);\r\n}\r\n\r\n\r\n//neuen Knoten ins SVG einhängen (vor altem Knoten) und alten Knoten entfernen\r\nfunction dwImageSVGReplaceNode(oldNode, newNode, attributesToCopy) {\r\n if ((oldNode) && (oldNode.parentNode) && (newNode)) {\r\n if (attributesToCopy instanceof Array) {\r\n for (var i = 0; i < attributesToCopy.length; i++) {\r\n var attributeName = attributesToCopy[i];\r\n //framework_logger.log(\"copying svg attribute '\" + attributeName + \"' = '\" + oldNode.getAttribute(attributeName) + \"'\");\r\n newNode.setAttribute(attributeName, oldNode.getAttribute(attributeName));\r\n }\r\n }\r\n var parentNode = oldNode.parentNode;\r\n parentNode.replaceChild(newNode, oldNode);\r\n }\r\n}\r\n\r\nfunction dwImageSVGPaintHotspot(hotspot) {\r\n if (hotspot) {\r\n var image = dwImageViewerGetImage(hotspot.elementId);\r\n if (image) {\r\n var svgDoc = image.contentDocument;\r\n if ((svgDoc) && (svgDoc.documentElement) && (svgDoc.documentElement.getElementById)) {\r\n // Repaint des Knotens (z.B. nach Selektion). Der Knoten muss vorher bereits erzeugt worden sein.\r\n var node = svgDoc.documentElement.getElementById(hotspot.uniqueId);\r\n if (!node) {\r\n return;\r\n }\r\n // Vorhandene Bounding Box auslesen und für den repaint verwenden\r\n var boundingBoxArray = node.getAttribute(\"textBoundingBox\").split(\" \");\r\n var bBoxRectangle = new DWRectangle(parseFloat(boundingBoxArray[0]), parseFloat(boundingBoxArray[1]), parseFloat(boundingBoxArray[0]) + parseFloat(boundingBoxArray[2]), parseFloat(boundingBoxArray[1]) + parseFloat(boundingBoxArray[3]));\r\n //Hotspots zeichnen (Rechteck, Ellipse...)\r\n dwImageSVGPaintHotspotNode(hotspot, node, bBoxRectangle, image.unmarkedHotspotsVisible);\r\n\r\n if (dwImageSVGIsWithHoverOrOutline(hotspot)) {\r\n dwImageSVGPaintHotspotOutlineForKey(hotspot, false);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGCreateNewNodeIfRequired(oldNode, nodeType) {\r\n var node = null;\r\n if (!oldNode) {\r\n // Knoten gibts noch nicht - neu erzeugen\r\n node = document.createElementNS(\"http://www.w3.org/2000/svg\", nodeType);\r\n } else if (!dwImageElementIsTag(oldNode, nodeType)) {\r\n // Knoten gibt es schon, ist aber ein anderer Typ, deshalb neu erzeugen und Attribute kopieren\r\n node = document.createElementNS(\"http://www.w3.org/2000/svg\", nodeType);\r\n // Übernimmt wichtige Attribute aus dem alten Knoten, und ersetzt diesen danach im DOM durch den neuen Knoten\r\n dwImageSVGReplaceNode(oldNode, node, [\"id\", \"transform\", \"textBoundingBox\"]);\r\n } else {\r\n //Knoten gibt es schon und ist der gleiche typ\r\n node = oldNode;\r\n }\r\n return node;\r\n}\r\n\r\nfunction dwImageSVGPaintHotspotOutline(hotspot, outlineNode, isHover) {\r\n // Bei Solidworks Composer sind die Konturen/Hotspotflächen initial transparent (opacity)\r\n // Hier wird nicht die Farbe gesetzt, sondern der Hover/Selektionseffekt durch Anpassung des Attributs erzielt\r\n if (dwImageSVGIsWithOutlinesByASPLM(outlineNode.ownerDocument)) {\r\n let outlineNodeId = outlineNode.getAttribute(\"id\");\r\n let basicHotspotIdSuffix = outlineNodeId.substring(\"hotspot_\".length);\r\n let basicHotspotIdUnderscoreIdx = basicHotspotIdSuffix.indexOf(\"_\"); // Hat die Id einen Suffix in sich (z.B. text_123_ oder text_123_1)\r\n if (basicHotspotIdUnderscoreIdx >= 0) {\r\n // kürzt den Suffix von 123_1 auf 123\r\n // Basic Suffix wird verwendet zur Bestimmung aller passenden Hotspot Texte/Outlines zu dem Hotspot Key\r\n basicHotspotIdSuffix = basicHotspotIdSuffix.substring(0, basicHotspotIdUnderscoreIdx);\r\n }\r\n\r\n let textNodeId = \"text_\" + basicHotspotIdSuffix;\r\n let outlineFilterId = \"filter_\" + basicHotspotIdSuffix;\r\n // Suche nach allen passenden Text-Knoten (beginnend mit textNodeId)\r\n // Bei ID 16 können aber auch 160, 161, ...1600, ... zurückgeliefert werden. Das muss erst mal noch gefiltert werden\r\n let textNodes = dwImageSVGFindMatchingNodesForPartialId(outlineNode.ownerDocument, textNodeId).getNodes();\r\n let outlineFilterNodes = dwImageSVGFindMatchingNodesForPartialId(outlineNode.ownerDocument, outlineFilterId).getNodes();\r\n if (isHover || hotspot.marked) {\r\n for (let i = 0; i < outlineFilterNodes.length; i++) {\r\n let outlineFilter = outlineFilterNodes[i];\r\n outlineFilter.setAttribute(\"filter\", \"url(#HighlightMe)\");\r\n }\r\n let highLightTextFilterExists = outlineNode.ownerDocument.getElementById(\"HighlightText\");\r\n for (let i = 0; i < textNodes.length; i++) {\r\n let textNode = textNodes[i];\r\n if (!dwUtilsStringContains(textNode.className.baseVal, \" st_high\")) {\r\n textNode.className.baseVal = textNode.className.baseVal + \" st_high\";\r\n }\r\n if (highLightTextFilterExists) {\r\n textNode.setAttribute(\"filter\", \"url(#HighlightText)\");\r\n }\r\n }\r\n } else {\r\n for (let i = 0; i < outlineFilterNodes.length; i++) {\r\n let outlineFilter = outlineFilterNodes[i];\r\n outlineFilter.setAttribute(\"filter\", \"url(#NoHighlight)\");\r\n }\r\n for (let i = 0; i < textNodes.length; i++) {\r\n let textNode = textNodes[i];\r\n // Nicht kompatibel mit IE11 ... (unterstützt keine fat arrow und filter Methoden)\r\n let classNames = textNode.className.baseVal.split(\" \");\r\n let resultingClassNames = [];\r\n for (let cIdx = 0; cIdx < classNames.length; cIdx++) {\r\n let className = classNames[cIdx];\r\n if (className === \"st_high\") {\r\n continue;\r\n }\r\n resultingClassNames.push(className);\r\n }\r\n textNode.className.baseVal = resultingClassNames.join(\" \");\r\n textNode.removeAttribute(\"filter\");\r\n }\r\n }\r\n return;\r\n }\r\n if (outlineNode.hasAttribute(\"opacity\")) {\r\n if (isHover || hotspot.marked) {\r\n outlineNode.setAttribute(\"opacity\", \"0.5\");\r\n } else {\r\n outlineNode.setAttribute(\"opacity\", \"0\");\r\n }\r\n return;\r\n }\r\n\r\n // TODO Methodik näher beschreiben, Worfklow ggf. optimieren (d.h. original Attribut im onload setzen, ...)?\r\n // Bei IsoDraw werden die (stroke-) Farben gesetzt\r\n if (!outlineNode.hasAttribute(\"stroke\")) {\r\n // zuerst Originalfarbe setzen, damit man wieder zur Ursprungsfarbe zurückgehen kann\r\n // sonst wird u.U. bei dwImageSVGGetHotspotOriginalColor die Selektionsfarbe als Originalfarbe reingeschrieben und das Teil nicht mehr deselektiert\r\n outlineNode.style.stroke = dwImageSVGGetHotspotOriginalColor(outlineNode, \"stroke\");\r\n }\r\n\r\n //strokeColor setzen (je nachdem, ob der Knoten gehovert, selektiert oder in der Originalfarbe angezeigt werden soll)\r\n dwImageSVGSetHotspotOutlineColorAttribute(hotspot, outlineNode, isHover, \"stroke\");\r\n\r\n\r\n // DAIMLER DATEN\r\n //if (outlineNode.children.length > 0) {\r\n // var child = outlineNode.children[0];\r\n // if (child.hasAttribute(\"visibility\")) {\r\n // var visValue = isHover || hotspot.marked ? \"visible\" : \"visible\";\r\n // child.setAttribute(\"visibility\", visValue);\r\n // }\r\n //}\r\n\r\n //in den Kindknoten nach Elementen suchen, die bereits eine Füllfarbe haben und dort explizit die aktuelle Farbe setzen\r\n dwImageSVGPaintHotspotOutlineFixColor(hotspot, outlineNode, isHover, true);\r\n}\r\n\r\nfunction dwImageSVGPaintHotspotOutlineForKey(hotspot, isHover) {\r\n var svgDocument = dwImageSVGGetDocument(hotspot.elementId);\r\n if (!svgDocument) {\r\n return;\r\n }\r\n var elementsByClassname = svgDocument.getElementsByClassName(hotspot.key);\r\n if (elementsByClassname) {\r\n for (var j = 0; j < elementsByClassname.length; j++) {\r\n var elementByClassname = elementsByClassname[j];\r\n if (elementByClassname.tagName.toLowerCase() == \"g\") {\r\n dwImageSVGPaintHotspotOutline(hotspot, elementByClassname, isHover);\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGIsWithOutlinesByASPLM(svgDocument) {\r\n let root = dwImageSVGGetRootElement(svgDocument);\r\n if (!root) {\r\n return false;\r\n }\r\n return root.getAttribute(\"svg_outline_generator\") === \"asplm\";\r\n}\r\n\r\nfunction dwImageSVGIsASPLMOutlineVersionOrHigher(svgDocument, version) {\r\n if (!dwImageSVGIsWithOutlinesByASPLM(svgDocument)) {\r\n return false;\r\n }\r\n let root = dwImageSVGGetRootElement(svgDocument);\r\n if (!root) {\r\n return false;\r\n }\r\n let outlineVersion = root.getAttribute(\"svg_outline_version\");\r\n if (!outlineVersion) {\r\n return false;\r\n }\r\n return parseInt(outlineVersion) >= parseInt(version);\r\n}\r\n\r\nfunction dwImageSVGCreatePointForASPLM(svgDocument, x, y) {\r\n const pt = svgDocument.documentElement.createSVGPoint();\r\n pt.x = x;\r\n pt.y = y;\r\n\r\n return pt.matrixTransform(svgDocument.documentElement.getScreenCTM().inverse());\r\n}\r\n\r\n\r\nfunction dwImageSVGCreateOutlinePathRectForASPLM(svgDocument, hotspotNode, outlinePathId) {\r\n let boundRect = hotspotNode.getBoundingClientRect();\r\n // For embedded SVG in html page DOM to SVG transformation is needed\r\n let boundRectTxy = dwImageSVGCreatePointForASPLM(svgDocument, boundRect.x, boundRect.y);\r\n let boundRectTxy2 = dwImageSVGCreatePointForASPLM(svgDocument, boundRect.x + boundRect.width, boundRect.y + boundRect.height);\r\n\r\n let newRect = svgDocument.createElementNS(\"http://www.w3.org/2000/svg\", 'rect');\r\n newRect.setAttribute(\"id\", outlinePathId);\r\n newRect.setAttribute(\"x\", boundRectTxy.x);\r\n newRect.setAttribute(\"y\", boundRectTxy.y);\r\n newRect.setAttribute(\"width\", Math.abs(boundRectTxy2.x - boundRectTxy.x));\r\n newRect.setAttribute(\"height\", Math.abs(boundRectTxy2.y - boundRectTxy.y));\r\n newRect.setAttribute(\"fill\", \"none\");\r\n newRect.setAttribute(\"pointer-events\", \"visibleFill\");\r\n\r\n let hotspotPathsGroup = svgDocument.getElementById(\"hotspot-paths\");\r\n if (!hotspotPathsGroup) {\r\n hotspotPathsGroup = svgDocument.createElementNS(\"http://www.w3.org/2000/svg\", \"g\")\r\n hotspotPathsGroup.setAttribute(\"id\", \"hotspot-paths\");\r\n svgDocument.documentElement.appendChild(hotspotPathsGroup)\r\n }\r\n\r\n const hotspotPath = dwDomGetFirstElementChild(hotspotPathsGroup);\r\n if (!hotspotPath) {\r\n hotspotPathsGroup.appendChild(newRect);\r\n return newRect;\r\n }\r\n\r\n if (hotspotPath.tagName === \"path\") {\r\n // Noch keine Rectangles hinzugefügt. Keine weitere Sortierung der Rectangles nach Größe notwendig\r\n hotspotPathsGroup.insertBefore(newRect, hotspotPath);\r\n return newRect;\r\n }\r\n\r\n // Sortierung nach Größe der Rectangles (größte zuerst, damit kleinere darüber liegen)\r\n const rectangles = hotspotPathsGroup.querySelectorAll(\"rect\");\r\n for (const nextBigger of rectangles) {\r\n const nextBiggerBoundRect = nextBigger.getBoundingClientRect();\r\n if (boundRect.width * boundRect.height > nextBiggerBoundRect.width * nextBiggerBoundRect.height) {\r\n hotspotPathsGroup.insertBefore(newRect, nextBigger);\r\n return newRect;\r\n }\r\n }\r\n\r\n // Es ist davon auszugehen, dass mindestens 1 Rectangle vorher definiert war - ansonsten ist es bereits vor dem ersten\r\n // path Element eingefügt\r\n // Rectangle ist das kleinste und muss direkt vor dem ersten Path bzw. ganz hinten eingefügt werden, falls es keinen\r\n // Path gibt\r\n if (hotspotPath) {\r\n hotspotPathsGroup.insertBefore(newRect, hotspotPath);\r\n } else {\r\n hotspotPathsGroup.appendChild(newRect);\r\n }\r\n\r\n return newRect\r\n}\r\n\r\nfunction dwImageSVGHighlightUnlinkedHotspotsByASPLM(svgDoc, nodes) {\r\n if (!dwImageSVGIsWithOutlinesByASPLM(svgDoc)) {\r\n return;\r\n }\r\n\r\n // Zunächst alle nicht verlinkten Hotspot-Nummern ermitteln\r\n let unlinkedNodes = [];\r\n let unlinkedHotspotIds = [];\r\n for (let i = 0; i < nodes.length; i++) {\r\n let node = nodes[i];\r\n let nodeId = node.getAttribute(\"id\");\r\n if (!nodeId || !dwUtilsStringStartsWith(nodeId, \"text_\", false)) {\r\n continue;\r\n }\r\n unlinkedNodes.push(node);\r\n unlinkedHotspotIds.push(getHotspotIdWithoutSuffix(nodeId));\r\n }\r\n\r\n // Jetzt diese Hotspots gedimmt darstellen\r\n for (let i = 0; i < unlinkedNodes.length; i++) {\r\n let node = unlinkedNodes[i];\r\n let hotspotId = unlinkedHotspotIds[i];\r\n let filter = dwImageSVGFindMatchingNodesForPartialId(svgDoc, \"filter_\" + hotspotId).getNodes();\r\n if ((filter != null) && (filter.length > 0)) {\r\n filter.forEach(filterNode => {\r\n // Jetzt überprüfen, ob es sich um eine Gruppe handelt und Hotspots innerhalb dieser Gruppe in der Stückliste\r\n // vorhanden sind -> in diesem Fall die Gruppe nicht gedimmt darstellen\r\n let groupHotspotIds = dwImageSVGFindAllGroupHotspotIdsForPartialId(svgDoc, filterNode);\r\n let linkedHotspotFound = false;\r\n for (let groupIndex = 0; groupIndex < groupHotspotIds.length; groupIndex++) {\r\n if (!dwUtilsIsInArray(unlinkedHotspotIds, groupHotspotIds[groupIndex])) {\r\n linkedHotspotFound = true;\r\n break;\r\n }\r\n }\r\n if (!linkedHotspotFound) {\r\n // Alle FilterNodes, die mit der HotspotId beginnen (z.B. 1234, 1234_44213) als inaktiv markieren\r\n filterNode.setAttribute(\"filter\", \"url(#DimmedInactive)\");\r\n } else if (filterNode.getAttribute(\"filter\") === \"url(#DimmedInactive)\") {\r\n filterNode.setAttribute(\"filter\", \"url(#NoHighlight)\");\r\n }\r\n });\r\n }\r\n\r\n node.className.baseVal = node.className.baseVal + \" st_dimmed\";\r\n }\r\n}\r\n\r\nfunction dwImageSVGFindMatchingNodesForPartialId(svgDoc, partialId) {\r\n let possibleMatches = svgDoc.querySelectorAll('[id^=' + partialId + \"]\");\r\n let matches = [];\r\n for (let i = 0; i < possibleMatches.length; i++) {\r\n let possibleMatchId = possibleMatches[i].getAttribute(\"id\");\r\n if ((possibleMatchId === partialId) || dwUtilsStringStartsWith(possibleMatchId, partialId + \"_\", false)) {\r\n let match = svgDoc.getElementById(possibleMatchId);\r\n if (match) {\r\n matches.push(match);\r\n }\r\n }\r\n }\r\n return {\r\n getNodes: function() {\r\n return matches\r\n },\r\n getFirst: function() {\r\n return matches.length ? matches[0] : null\r\n }\r\n };\r\n}\r\n\r\nfunction dwImageSVGFindAllGroupHotspotIdsForPartialId(svgDoc, groupNode) {\r\n // Ab AS-PLM Outline Version 2 werden die ehemals notwendigen filtered_hotspot_ Gruppen nicht mehr generiert.\r\n // -> Filter sind verlinkt mit der original Hotspot-Gruppe.\r\n let childNodeIdPrefix = dwImageSVGIsASPLMOutlineVersionOrHigher(svgDoc, 2) ? \"hotspot_\" : \"filtered_hotspot_\";\r\n\r\n let todoNodes = [groupNode];\r\n let groupHotspots = [];\r\n while (todoNodes.length) {\r\n let todoNode = todoNodes.pop();\r\n let todoNodeId = dwDomGetDomAttribute(todoNode, \"id\");\r\n if (todoNodeId && dwUtilsStringStartsWith(todoNodeId, \"text_\", false)) {\r\n groupHotspots.push(getHotspotIdWithoutSuffix(todoNodeId)); // Hotspot in der Gruppe gefunden\r\n } else {\r\n let elements = dwDomGetElementChildNodes(todoNode);\r\n if (elements && elements.length) {\r\n // Alle Kind-Elemente auf den Stack pushen zur weiteren Untersuchung\r\n for (let i = 0; i < elements.length; i++) {\r\n todoNodes.push(elements[i]);\r\n }\r\n } else if (todoNodeId && dwUtilsStringStartsWith(todoNodeId, \"filter_\", false)) {\r\n // use-Tags mit \"filter_*\" haben nur einen ShadowRoot, der nicht normal über dwDomGetElementChildNodes()\r\n // seine Kind-Elemente zurückgibt. Stattdessen das darin befindliche g-Tag mit \"filtered_hotspot_*\" suchen\r\n // und dieses als Kind auf den Stack pushen zur weiteren Untersuchung.\r\n\r\n let hotspotId = getHotspotIdWithoutSuffix(todoNodeId);\r\n let childNodes = dwImageSVGFindMatchingNodesForPartialId(svgDoc, childNodeIdPrefix + hotspotId).getNodes();\r\n if (childNodes) {\r\n todoNodes.push(...childNodes);\r\n }\r\n }\r\n }\r\n }\r\n return groupHotspots;\r\n}\r\n\r\nfunction dwImageSVGGetRootElement(svgDocument) {\r\n if (!svgDocument) {\r\n return null;\r\n }\r\n return svgDocument.documentElement;\r\n}\r\n\r\nfunction dwImageSVGPCreateHotspotOutlineClone(hotspot) {\r\n var svgDocument = dwImageSVGGetDocument(hotspot.elementId);\r\n if (!svgDocument) {\r\n return;\r\n }\r\n\r\n var elementsByClassname = svgDocument.getElementsByClassName(hotspot.key);\r\n if (elementsByClassname) {\r\n for (var j = 0; j < elementsByClassname.length; j++) {\r\n var elementByClassname = elementsByClassname[j];\r\n if (elementByClassname.tagName.toLowerCase() == \"g\") {\r\n if (elementByClassname.hasAttribute(\"isCloned\")) {\r\n continue;\r\n }\r\n if (elementByClassname.hasAttribute(\"dw_stroke_big_clone\")) {\r\n continue;\r\n }\r\n var groupClone = elementByClassname.cloneNode(true);\r\n groupClone.setAttribute(\"id\", elementByClassname.getAttribute(\"id\") + \"_clone\");\r\n groupClone.setAttribute(\"dw_stroke_big_clone\", \"1\");\r\n groupClone.style.stroke = \"transparent\";\r\n groupClone.style.opacity = \"0\";\r\n dwImageSVGModifyStroke(groupClone, \"#00FF00\", 10, true);\r\n\r\n elementByClassname.parentNode.appendChild(groupClone);\r\n elementByClassname.setAttribute(\"isCloned\", \"1\");\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGModifyStroke(node, strokeColor, strokeWidthMultiplier, recursive) {\r\n node.style.stroke = strokeColor;\r\n var strokeWidth = node.style.strokeWidth || node.getAttribute(\"stroke-width\");\r\n if (strokeWidth) {\r\n // Beim Anpassen der Width (z.B. für den unsichtbaren Clone) muss immer auch die Unit beachtet werden (z.B. mm bei Solidworks Composer)\r\n var strokeWidthVal = parseFloat(strokeWidth);\r\n var strokeWidthUnit = \"\";\r\n if (strokeWidthVal != strokeWidth) {\r\n strokeWidthUnit = strokeWidth.substring((strokeWidthVal + \"\").length);\r\n }\r\n node.style.strokeWidth = (strokeWidthVal * strokeWidthMultiplier) + strokeWidthUnit;\r\n }\r\n if (recursive) {\r\n for (var i = 0; i < node.childNodes.length; i++) {\r\n var childNode = node.childNodes[i];\r\n if (childNode.nodeType == DWUTILS_NODE_TYPE.ELEMENT) {\r\n dwImageSVGModifyStroke(childNode, strokeColor, strokeWidthMultiplier, recursive);\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction dwImageSVGGetDocument(elementId) {\r\n var image = dwImageViewerGetImage(elementId);\r\n return (image != null) ? image.contentDocument : null;\r\n}\r\n\r\nfunction dwImageSVGPaintHotspotNode(hotspot, oldNode, bBoxRectangle, unmarkedHotspotsVisible) {\r\n var linkStyle = dwImageSVGGetHotspotLinkStyle(hotspot, unmarkedHotspotsVisible);\r\n var hotspotNode = null;\r\n if (bBoxRectangle) {\r\n var hotspotVisibility = \"visible\";\r\n var color = dwImageSVGGetHotspotColor(hotspot);\r\n dwImageWriteToLog(hotspot.elementId, \"paint svg hotspot (id=\" + hotspot.uniqueId + \" key=\" + hotspot.key + \" keyver=\" + hotspot.keyVer + \" bBox=\" + bBoxRectangle.toString() + \" linkstyle=\" + linkStyle + \" marked=\" + hotspot.marked + \")\");\r\n if (linkStyle == DW_LINK_STYLE_RECT) {\r\n hotspotNode = dwImageSVGCreateNewRect(bBoxRectangle.x1, bBoxRectangle.y1, bBoxRectangle.width, bBoxRectangle.height, oldNode);\r\n hotspotNode.style.fill = \"none\";\r\n } else if (linkStyle == DW_LINK_STYLE_FULL) {\r\n hotspotNode = dwImageSVGCreateNewRect(bBoxRectangle.x1, bBoxRectangle.y1, bBoxRectangle.width, bBoxRectangle.height, oldNode);\r\n hotspotNode.style.fill = color;\r\n } else if (linkStyle == DW_LINK_STYLE_ELLIPSE) {\r\n hotspotNode = dwImageSVGCreateNewEllipse(bBoxRectangle.x1, bBoxRectangle.y1, bBoxRectangle.width, bBoxRectangle.height, oldNode);\r\n hotspotNode.style.fill = \"none\";\r\n } else if (linkStyle == DW_LINK_STYLE_ELLIPSE_FULL) {\r\n hotspotNode = dwImageSVGCreateNewEllipse(bBoxRectangle.x1, bBoxRectangle.y1, bBoxRectangle.width, bBoxRectangle.height, oldNode);\r\n hotspotNode.style.fill = color;\r\n } else if (linkStyle == DW_LINK_STYLE_LINE) {\r\n hotspotNode = dwImageSVGCreateNewLine(bBoxRectangle.x1, bBoxRectangle.y1, bBoxRectangle.width, bBoxRectangle.height, oldNode);\r\n } else {\r\n hotspotNode = dwImageSVGCreateNewRect(bBoxRectangle.x1, bBoxRectangle.y1, bBoxRectangle.width, bBoxRectangle.height, oldNode);\r\n hotspotVisibility = \"hidden\";\r\n }\r\n //Allgemeine Eigenschaften\r\n hotspotNode.setAttribute(\"stroke\", color);\r\n hotspotNode.setAttribute(\"stroke-width\", \"0.5\");\r\n hotspotNode.setAttribute(\"visibility\", hotspotVisibility);\r\n hotspotNode.setAttribute(\"dw_hotspot_rect\", \"true\");\r\n }\r\n return hotspotNode;\r\n}\r\n\r\n//Hotspot - Rechteck erzeugen\r\nfunction dwImageSVGCreateNewRect(x, y, width, height, oldNode) {\r\n var node = dwImageSVGCreateNewNodeIfRequired(oldNode, \"rect\");\r\n node.setAttribute(\"x\", x);\r\n node.setAttribute(\"y\", y);\r\n node.setAttribute(\"width\", width);\r\n node.setAttribute(\"height\", height);\r\n return node;\r\n}\r\n\r\n//Hotspot - Ellipse erzeugen\r\nfunction dwImageSVGCreateNewEllipse(x, y, width, height, oldNode) {\r\n var node = dwImageSVGCreateNewNodeIfRequired(oldNode, \"ellipse\");\r\n //Center der Ellipse (1 Pixel verschoben zur Textbox)\r\n node.setAttribute(\"cx\", parseInt(x) + parseInt(Math.floor(width / 2)) + parseInt(1));\r\n node.setAttribute(\"cy\", parseInt(y) + parseInt(Math.floor(height / 2)) + parseInt(1));\r\n //\"Breite\" und \"Höhe\"\r\n node.setAttribute(\"rx\", (Math.floor(width / 2)) + 2);\r\n node.setAttribute(\"ry\", (Math.floor(height / 2)) + 2);\r\n return node;\r\n}\r\n\r\n//Hotspot - Linie (Unterstrich) erzeugen\r\nfunction dwImageSVGCreateNewLine(x, y, width, height, oldNode) {\r\n var node = dwImageSVGCreateNewNodeIfRequired(oldNode, \"line\");\r\n //Koordinaten\r\n node.setAttribute(\"x1\", x);\r\n node.setAttribute(\"y1\", parseInt(y) + parseInt(height));\r\n node.setAttribute(\"x2\", parseInt(x) + parseInt(width));\r\n node.setAttribute(\"y2\", node.getAttribute(\"y1\"));\r\n return node;\r\n}\r\n\r\nfunction dwImageSVGGetHotspotLinkStyle(hotspot, unmarkedHotspotsVisible) {\r\n if (hotspot) {\r\n var hotspotLinkStyle = hotspot.linkStyle;\r\n if (hotspot.marked) {\r\n dwImageWriteToLog(hotspot.elementId, \"mark svg hotspot (id=\" + hotspot.uniqueId + \" key=\" + hotspot.key + \" keyver=\" + hotspot.keyVer + \")\");\r\n hotspotLinkStyle = hotspot.linkStyleMark;\r\n } else if (!unmarkedHotspotsVisible) { //Keine Hotspots anzeigen\r\n hotspotLinkStyle = DW_LINK_STYLE_NONE;\r\n }\r\n return hotspotLinkStyle;\r\n }\r\n return DW_LINK_STYLE_NONE;\r\n}\r\n\r\n//Farbe für 'normale' Hotspotknoten (Texte)\r\nfunction dwImageSVGGetHotspotColor(hotspot) {\r\n var hotspotColor = \"#ffffff\";\r\n if (hotspot) {\r\n hotspotColor = hotspot.color;\r\n if (hotspot.marked) {\r\n hotspotColor = hotspot.colorMark;\r\n }\r\n }\r\n return hotspotColor;\r\n}\r\n\r\n//Farbe für Hover und Konturen (colorAttribute z.B. \"fill\" oder \"stroke\")\r\nfunction dwImageSVGGetHotspotColorOutline(hotspot, node, isHover, colorAttribute) {\r\n var hotspotColor = \"#ffffff\";\r\n if (hotspot) {\r\n // Aktuell wird als 'default' die Farbe Schwarz angenommen, aber falls der Knoten eine eigene Fillcolor hat, wird diese verwendet\r\n // Es kann (bei farbigen Zeichnungen) notwendig sein, alle Kinder recursiv zu untersuchen, und (mit Backup der Originalfarbe)\r\n // via inline Befehl die Farbe um-/zurückzusetzen\r\n hotspotColor = dwImageSVGGetHotspotOriginalColor(node, colorAttribute);\r\n if (isHover && hotspot.isWithHover) {\r\n hotspotColor = hotspot.colorHover;\r\n }\r\n if (hotspot.marked && hotspot.isWithOutline) {\r\n hotspotColor = hotspot.colorOutline;\r\n }\r\n }\r\n return hotspotColor;\r\n}\r\n\r\nfunction dwImageSVGOnLoad(elementId) {\r\n dwImageSVGLoadHotspots(elementId, new Date().getTime(), 0);\r\n}\r\n\r\nfunction dwImageSVGOnError(elementId) {\r\n dwImageWriteToLog(elementId, \"Error occurs while loading SVG!\");\r\n}\r\n\r\nfunction dwImageSVGOnAbort(elementId) {\r\n dwImageWriteToLog(elementId, \"Loading SVG aborted!\");\r\n}\r\n\r\n// Hotspots laden (nach 30s aufgeben)\r\nfunction dwImageSVGLoadHotspots(elementId, startTime, counter) {\r\n var image = dwImageViewerGetImage(elementId);\r\n if (image) {\r\n counter++;\r\n // Im GWT können wir nicht mit parent.dwImageOnLoad arbeiten. Deshalb ist hier eine erweiterte Erkennung,\r\n // ob das SVG schon komplett geladen ist.\r\n var mustWait = false;\r\n try {\r\n if ((typeof (image) == \"undefined\") || (typeof (image.initialized) == \"undefined\") || (!image.initialized)) {\r\n mustWait = true;\r\n } else if (typeof (image.contentDocument) == \"undefined\") {\r\n // IE Probleme\r\n mustWait = true;\r\n } else if (typeof (image.contentDocument.documentElement) == \"undefined\") {\r\n // IE Probleme\r\n mustWait = true;\r\n } else {\r\n var textNodes = image.contentDocument.getElementsByTagName(\"text\");\r\n image.contentDocument.documentElement.getElementsByTagName(\"text\");\r\n if (framework_isIE) {\r\n // IE feuert das onload etwas früh. Eine saubere Erkennung ist so nicht möglich\r\n // Serverseitig wird ein Element am Ende des SVG ROOT eingefügt. Ist dieses Element\r\n // geladen gehen wir davon aus, dass das SVG komplett geladen wurde ...\r\n mustWait = (image.contentDocument.getElementById(\"DOCWARE_END_NODE\") == null);\r\n }\r\n if (textNodes && textNodes.length) {\r\n // In Chrome ist die Layout Phase ggf. noch nicht vollständig abgeschlossen und die BBOx nicht ermittelbar - wir machen hier einen simplen Check\r\n for (var i = 0; i < textNodes.length; i++) {\r\n var textNode = textNodes[i];\r\n if (dwImageSVGIsEmptyText(textNode)) {\r\n continue;\r\n }\r\n\r\n mustWait = !dwImageSVGValidateTextBBox(textNode);\r\n if (!mustWait) {\r\n // Annahme: Ist ein Textknoten korrekt ermittelt, sollte die offset Bestimmung auch für alle weiteren Textknoten korrekt sein\r\n // Es wird nur der erste Knoten untersucht und abgebrochen.\r\n break;\r\n\r\n // Defensiver Ansatz für die ASPLM Daten. Hier kann es sein, dass bestimmte Textelemente (z.B. Symbol für Motorcode_Benzin)\r\n // als erstes Textelement gefunden werden. Ist in diesen Daten auch ein