Zeitzonen-Differenz

Hallo alle. Also das mit der Server-Zeit anstatt der lokalen Zeit des Browsers funktioniert selten. Was bitte auch verbessert werden müsste: Ich kriege den orangen Balken mit dem Hinweis der Zeitdifferenz jedes einzelne Mal. Da war doch mal ein Schieber, mit dem man das unterdrücken konnte? Nun, der ist nicht mehr da und der Hinweis ist unnötig nach dem zweiten Mal…
Gruss. Marc.

P.S. Verhalten identisch unter Safari und Chrome

Hallo Marc,

was funktioniert denn nicht? Stimmt die angezeigte Serverzeit nicht? Den Schieber gibt es aktuell in der Verwaltungskonsole, aber noch nicht im WebFront.

Ist die Zeitanzeige nur für das WebFront gedacht? Die Verwaltungskonsole nicht? Im WebFront sehe ich gerade keine Differenzen. In der Verwaltungskonsole durchgehend.
Gruss. Marc

Sowohl im WebFront als auch in der webbasierten Verwaltungskonsole wird die Serverzeit verwendet. Bei der Legacy-Konsole bin ich mir aktuell nicht sicher. Welche Visualisierung zeigt bei dir jetzt welche Zeit an?

Die webbasierte Verwaltungskonsole zeigt z.B. für Sonnenauf- und -untergang Lokalzeit anstatt Serverzeit. Siehe Bildschirmkopie. Ich bin aktuell bei UTC+3 und der Server UTC+1… Die Zeiten sind minus 2 zu rechnen. Ich vertiefe die Fehlersuche und komme in Kürze mit nachvollziehbaren Beispielen zurück.

Gruss. Marc

Screenshot 2019-02-21 11.34.47.png

Hier noch dasselbe vom iPad… Die Differenz hier sind die zwei Stunden.

Ok, das sieht so aus, als wenn die Zeiten im Ereignis korrekt nach UTC+1 angezeigt werden, auf dem iPad aber in UTC+3. Verwendest du auf dem iPad die App? Denn ich bin aktuell nicht sicher, wie das dort gehandhabt wird. Merkwürdig ist aber, dass die Zeiten für Sonnenaufgang und -untergang nach UTC+3 aussehen. Werden die genauso im Objektbaum dargestellt? Und was hast du als Ort im Location Control angegeben?

Ja, auf dem iPad läuft die App. Als Location habe ich mein Zuhause in der Nähe von Basel eingesetzt (ca. N4730/E00730). Und ja, im Objektbaum sind auch alle Zeiten unter Location um 2 Stunden „falsch“ dargestellt.

Kannst du mal die Timestamps in den Werten posten? Die bekommst du beispielsweise, indem du im Objektbaum doppelt auf den Variablenwert klickst.

Hier z.B. der Wert für Sonnenaufgang

Ich habe mal probiert den Fehler zu reproduzieren. Bei mir werden die Zeiten im Location Control korrekt nach Serverzeit angezeigt.Welchen Browser verwendest du und welche Symcon-Version? Kannst du mal die Entwicklerkonsole öffnen (in den meisten Browsern per F12) und in der Konsole nach einer Nachricht zu den verschiedenen Zeitzonen schauen und die hier posten?

Da ich gerade auch im Ausland bin, habe ich mir das Problem angesehen. Bisher kann ich ausschließlich ein Problem im „Location“ Widget feststellen. Dort sind die Zeiten tatsächlich nicht korrekt umgerechnet. In der App und im Objektbaum (webbasierte Konsole) sind die Zeiten korrekt.

@Niels: Das Problem scheint im Widget nur beim initialen Laden falsch. Sobald es sich aktualisiert, werden die korrekten Zeiten angezeigt.

Ah, jetzt hab ichs reproduziert. Danke für die Rückmeldung! Fix kommt mit dem nächsten Update.

Hallo alle. Nur kurz: Bei Beta 5.1 ist der Fehler im Widget noch vorhanden. Siehe Screenshot. Diese Zeiten sind lokal vom Browser, nicht vom Serverstandort.

Gruss. Marc

Welchen Browser nutzt du? Ich kann das Problem aktuell leider nicht mehr nachstellen.

paresy

Safari 12.1 und auch Chrome 73.0.3683.86 unter OS-X 10.14.4. Ist bei beiden Browsern identisch

Wird die korrekte Zeit dargestellt, wenn du das Location Widget entfernst und wieder neu anlegst? So war es nämlich beim ursprünglichen Fehler.

Hallo. Habe ich gerade schnell gemacht. Nein, es bleibt bei der „falschen“ Darstellung.

Kannst du mal beim Starten der Verwaltungskonsole in die Entwicklerkonsole schauen, was dort steht? Da sollte eine Meldung zur Zeitzone kommen. Wie du die Entwicklerkonsole auf Mac öffnest ist hier erklärt: https://transferwise.com/de/help/article/2139744/technisches-browser/wie-offne-ich-die-konsole#/Safari

Hmm. Eine Volltextsuche nach „time“ oder „zone“ ergab nichts. Hier der Dump:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=yes"><title>IP-Symcon Management Console</title><meta name="description" content="Manage the devices and settings of your system"><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="google" content="notranslate"><meta name="apple-touch-fullscreen" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="IP-Symcon Console"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="apple-touch-icon" href="images/touch-icon-ios.png"><meta name="msapplication-TileImage" content="images/touch-icon-ms.png"><meta name="msapplication-TileColor" content="#002F52"><link rel="icon" type="image/x-icon" href="favicon.ico"><script>(function(a){function b(a){return r.typeof="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?b=function(a){return typeof a}:b=function(a){return a&&"function"===typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},b(a)}function c(a){function b(d,e){try{var f=a[d](e),g=f.value,h=g instanceof r.AwaitValue;Promise.resolve(h?g.wrapped:g).then(function(a){return h?void b("next",a):void c(f.done?"return":"normal",a)},function(a){b("throw",a)})}catch(a){c("throw",a)}}function c(a,c){switch(a){case"return":d.resolve({value:c,done:!0});break;case"throw":d.reject(c);break;default:d.resolve({value:c,done:!1});}d=d.next,d?b(d.key,d.arg):e=null}var d,e;this._invoke=function(a,c){return new Promise(function(f,g){var h={key:a,arg:c,resolve:f,reject:g,next:null};e?e=e.next=h:(d=e=h,b(a,c))})},"function"!==typeof a.return&&(this.return=void 0)}function d(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){return void c(a)}h.done?b(i):Promise.resolve(i).then(d,e)}function e(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function f(a,b){for(var c in b){var d=b[c];d.configurable=d.enumerable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,c,d)}if(Object.getOwnPropertySymbols)for(var e=Object.getOwnPropertySymbols(b),f=0;f<e.length;f++){var g=e[f],d=b[g];d.configurable=d.enumerable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,g,d)}return a}function g(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function h(){return r.extends=h=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},h.apply(this,arguments)}function i(a){return r.getPrototypeOf=i=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},i(a)}function j(a,b){return r.setPrototypeOf=j=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},j(a,b)}function k(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(a){return!1}}function l(){return r.construct=k()?l=Reflect.construct:l=function(b,c,d){var e=[null];e.push.apply(e,c);var a=Function.bind.apply(b,e),f=new a;return d&&r.setPrototypeOf(f,d.prototype),f},l.apply(null,arguments)}function m(a){var b="function"===typeof Map?new Map:void 0;return r.wrapNativeSuper=m=function(a){function c(){return r.construct(a,arguments,r.getPrototypeOf(this).constructor)}if(null===a||!r.isNativeFunction(a))return a;if("function"!==typeof a)throw new TypeError("Super expression must either be null or a function");if("undefined"!==typeof b){if(b.has(a))return b.get(a);b.set(a,c)}return c.prototype=Object.create(a.prototype,{constructor:{value:c,enumerable:!1,writable:!0,configurable:!0}}),r.setPrototypeOf(c,a)},m(a)}function n(a,b,c){return r.get="undefined"!==typeof Reflect&&Reflect.get?n=Reflect.get:n=function(a,b,c){var d=r.superPropBase(a,b);if(d){var e=Object.getOwnPropertyDescriptor(d,b);return e.get?e.get.call(c):e.value}},n(a,b,c||a)}function o(a,b,c,d){return o="undefined"!==typeof Reflect&&Reflect.set?Reflect.set:function(a,b,c,d){var e,f=r.superPropBase(a,b);if(f){if(e=Object.getOwnPropertyDescriptor(f,b),e.set)return e.set.call(d,c),!0;if(!e.writable)return!1}if(e=Object.getOwnPropertyDescriptor(d,b),e){if(!e.writable)return!1;e.value=c,Object.defineProperty(d,b,e)}else r.defineProperty(d,b,c);return!0},o(a,b,c,d)}function p(a,b,c,d,e){var f=o(a,b,c,d||a);if(!f&&e)throw new Error("failed to set property");return c}function q(a){if(Symbol.iterator in Object(a)||"[object Arguments]"===Object.prototype.toString.call(a))return Array.from(a)}var r=a.babelHelpers={};r.typeof=b,r.asyncIterator=function(a){var b;if("function"===typeof Symbol){if(Symbol.asyncIterator&&(b=a[Symbol.asyncIterator],null!=b))return b.call(a);if(Symbol.iterator&&(b=a[Symbol.iterator],null!=b))return b.call(a)}throw new TypeError("Object is not async iterable")},r.AwaitValue=function(a){this.wrapped=a},"function"===typeof Symbol&&Symbol.asyncIterator&&(c.prototype[Symbol.asyncIterator]=function(){return this}),c.prototype.next=function(a){return this._invoke("next",a)},c.prototype.throw=function(a){return this._invoke("throw",a)},c.prototype.return=function(a){return this._invoke("return",a)},r.AsyncGenerator=c,r.wrapAsyncGenerator=function(a){return function(){return new r.AsyncGenerator(a.apply(this,arguments))}},r.awaitAsyncGenerator=function(a){return new r.AwaitValue(a)},r.asyncGeneratorDelegate=function(a,b){function c(c,d){return e=!0,d=new Promise(function(b){b(a[c](d))}),{done:!1,value:b(d)}}var d={},e=!1;return"function"===typeof Symbol&&Symbol.iterator&&(d[Symbol.iterator]=function(){return this}),d.next=function(a){return e?(e=!1,a):c("next",a)},"function"===typeof a.throw&&(d.throw=function(a){if(e)throw e=!1,a;return c("throw",a)}),"function"===typeof a.return&&(d.return=function(a){return c("return",a)}),d},r.asyncToGenerator=function(a){return function(){var b=this,c=arguments;return new Promise(function(e,f){function g(a){d(i,e,f,g,h,"next",a)}function h(a){d(i,e,f,g,h,"throw",a)}var i=a.apply(b,c);g(void 0)})}},r.classCallCheck=function(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")},r.createClass=function(a,b,c){return b&&e(a.prototype,b),c&&e(a,c),a},r.defineEnumerableProperties=f,r.defaults=function(a,b){for(var c=Object.getOwnPropertyNames(b),d=0;d<c.length;d++){var e=c[d],f=Object.getOwnPropertyDescriptor(b,e);f&&f.configurable&&a[e]===void 0&&Object.defineProperty(a,e,f)}return a},r.defineProperty=g,r.extends=h,r.objectSpread=function(a){for(var b=1;b<arguments.length;b++){var c=null==arguments[b]?{}:arguments[b],d=Object.keys(c);"function"===typeof Object.getOwnPropertySymbols&&(d=d.concat(Object.getOwnPropertySymbols(c).filter(function(a){return Object.getOwnPropertyDescriptor(c,a).enumerable}))),d.forEach(function(b){r.defineProperty(a,b,c[b])})}return a},r.inherits=function(a,b){if("function"!==typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&r.setPrototypeOf(a,b)},r.getPrototypeOf=i,r.setPrototypeOf=j,r.construct=l,r.isNativeFunction=function(a){return-1!==Function.toString.call(a).indexOf("[native code]")},r.wrapNativeSuper=m,r.instanceof=function(a,b){return null!=b&&"undefined"!==typeof Symbol&&b[Symbol.hasInstance]?b[Symbol.hasInstance](a):a instanceof b},r.interopRequireDefault=function(a){return a&&a.__esModule?a:{default:a}},r.interopRequireWildcard=function(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b.default=a,b},r.newArrowCheck=function(a,b){if(a!==b)throw new TypeError("Cannot instantiate an arrow function")},r.objectDestructuringEmpty=function(a){if(null==a)throw new TypeError("Cannot destructure undefined")},r.objectWithoutPropertiesLoose=function(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e},r.objectWithoutProperties=function(a,b){if(null==a)return{};var c,d,e=r.objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],!(0<=b.indexOf(c))&&Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e},r.assertThisInitialized=function(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a},r.possibleConstructorReturn=function(a,b){return b&&("object"===typeof b||"function"===typeof b)?b:r.assertThisInitialized(a)},r.superPropBase=function(a,b){for(;!Object.prototype.hasOwnProperty.call(a,b)&&(a=r.getPrototypeOf(a),null!==a););return a},r.get=n,r.set=p,r.taggedTemplateLiteral=function(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))},r.temporalRef=function(a,b){if(a===r.temporalUndefined)throw new ReferenceError(b+" is not defined - temporal dead zone");else return a},r.readOnlyError=function(a){throw new Error("\""+a+"\" is read-only")},r.temporalUndefined={},r.slicedToArray=function(a,b){return r.arrayWithHoles(a)||r.iterableToArrayLimit(a,b)||r.nonIterableRest()},r.toArray=function(a){return r.arrayWithHoles(a)||r.iterableToArray(a)||r.nonIterableRest()},r.toConsumableArray=function(a){return r.arrayWithoutHoles(a)||r.iterableToArray(a)||r.nonIterableSpread()},r.arrayWithoutHoles=function(a){if(Array.isArray(a)){for(var b=0,c=Array(a.length);b<a.length;b++)c[b]=a[b];return c}},r.arrayWithHoles=function(a){if(Array.isArray(a))return a},r.iterableToArray=q,r.iterableToArrayLimit=function(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!(b&&c.length===b));d=!0);}catch(a){e=!0,f=a}finally{try{d||null==h["return"]||h["return"]()}finally{if(e)throw f}}return c},r.nonIterableSpread=function(){throw new TypeError("Invalid attempt to spread non-iterable instance")},r.nonIterableRest=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")},r.toPropertyKey=function(a){var b=r.toPrimitive(a,"string");return"symbol"===typeof b?b:b+""}})("undefined"===typeof global?self:global);</script><script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><script src="./node_modules/web-animations-js/web-animations-next-lite.min.js"></script><script>"use strict";(function(){function a(a,b,c){var d=a;if(d.state=b,d.stateData=c,0<d.onNextStateChange.length){var e=d.onNextStateChange.slice();d.onNextStateChange.length=0;for(var f,g=0,h=e;g<h.length;g++)f=h[g],f()}return d}function b(b){function d(){try{document.head.removeChild(f)}catch(a){}}var e=a(b,"Loading",void 0),f=document.createElement("script");return f.src=b.url,null!==b.crossorigin&&f.setAttribute("crossorigin",b.crossorigin),f.onload=function(){var a,b,f;void 0===r?(b=[],f=void 0):(a=r(),b=a[0],f=a[1]),c(e,b,f),d()},f.onerror=function(){g(b,new TypeError("Failed to fetch "+b.url)),d()},document.head.appendChild(f),e}function c(b,c,e){var f=d(b,c),g=f[0],h=f[1];return a(b,"WaitingForTurn",{args:g,deps:h,moduleBody:e})}function d(a,c){for(var e,f=[],g=[],i=0,j=c;i<j.length;i++){if(e=j[i],"exports"===e){f.push(a.exports);continue}if("require"===e){f.push(function(b,c,e){var f=d(a,b),g=f[0],i=f[1];h(i,function(){c&&c.apply(null,g)},e)});continue}if("meta"===e){f.push({url:!0===a.isTopLevel?a.url.substring(0,a.url.lastIndexOf("#")):a.url});continue}var l=k(n(a.urlBase,e),a.crossorigin);f.push(l.exports),g.push(l),"Initialized"===l.state&&b(l)}return[f,g]}function e(b){var c=a(b,"WaitingOnDeps",b.stateData);return h(b.stateData.deps,function(){return f(c)},function(a){return g(c,a)}),c}function f(b){var c=b.stateData;if(null!=c.moduleBody)try{c.moduleBody.apply(null,c.args)}catch(a){return g(b,a)}return a(b,"Executed",void 0)}function g(b,c){return!0===b.isTopLevel&&setTimeout(function(){throw c}),a(b,"Failed",c)}function h(a,b,c){var d=a.shift();return void 0===d?void(b&&b()):"WaitingOnDeps"===d.state?(!1,void h(a,b,c)):void i(d,function(){h(a,b,c)},c)}function i(a,b,c){switch(a.state){case"WaitingForTurn":return e(a),void i(a,b,c);case"Failed":return void(c&&c(a.stateData));case"Executed":return void b();case"Loading":case"WaitingOnDeps":return void a.onNextStateChange.push(function(){return i(a,b,c)});case"Initialized":throw new Error("All dependencies should be loading already before pressureDependencyToExecute is called.");default:throw new Error("Impossible module state: "+a.state);}}function j(a,b){switch(a.state){case"Executed":case"Failed":return void b();default:a.onNextStateChange.push(function(){return j(a,b)});}}function k(a,b){void 0===b&&(b="anonymous");var c=q[a];return void 0===c&&(c=q[a]={url:a,urlBase:m(a),exports:Object.create(null),state:"Initialized",stateData:void 0,isTopLevel:!1,crossorigin:b,onNextStateChange:[]}),c}function l(a){return v.href=a,v.href}function m(a){return a=a.split("?")[0],a=a.split("#")[0],a.substring(0,a.lastIndexOf("/")+1)}function n(a,b){return-1===b.indexOf("://")?l("/"===b[0]?b:a+b):b}function o(){return document.baseURI||(document.querySelector("base")||window.location).href}function p(){var b=document.currentScript;if(!b)return u;if(window.HTMLImports){var c=window.HTMLImports.importForElement(b);return c?c.href:u}var d=b.ownerDocument.createElement("a");return d.href="",d.href}if(!window.define){var q=Object.create(null),r=void 0,s=0,t=void 0,u=o();window.define=function(a,b){var d=!1;r=function(){return d=!0,r=void 0,[a,b]};var f=p(),g=document.currentScript&&document.currentScript.getAttribute("crossorigin")||"anonymous";setTimeout(function(){if(!1==d){r=void 0;var h=f+"#"+s++,i=k(h,g);i.isTopLevel=!0;var l=c(i,a,b);void 0===t?e(l):j(k(t),function(){e(l)}),t=h}},0)},window.define._reset=function(){for(var a in q)delete q[a];r=void 0,s=0,t=void 0,u=o()};var v=document.createElement("a")}})();</script><script async="">define(['./src/console-app.js']);</script><script type="text/javascript">var BrowserDetect={init:function(){this.browser=this.searchString(this.dataBrowser)||"Other";this.version=this.searchVersion(navigator.userAgent)||this.searchVersion(navigator.appVersion)||"Unknown"},searchString:function(data){for(var i=0,dataString;i<data.length;i++){dataString=data[i].string;this.versionSearchString=data[i].subString;if(-1!==dataString.indexOf(data[i].subString)){return data[i].identity}}},searchVersion:function(dataString){var index=dataString.indexOf(this.versionSearchString);if(-1===index){return}var rv=dataString.indexOf("rv:");if("Trident"===this.versionSearchString&&-1!==rv){return parseFloat(dataString.substring(rv+3))}else{return parseFloat(dataString.substring(index+this.versionSearchString.length+1))}},dataBrowser:[{string:navigator.userAgent,subString:"Chrome",identity:"Chrome"},{string:navigator.userAgent,subString:"MSIE",identity:"Explorer"},{string:navigator.userAgent,subString:"Edge",identity:"Edge"},{string:navigator.userAgent,subString:"Trident",identity:"Explorer"},{string:navigator.userAgent,subString:"Firefox",identity:"Firefox"},{string:navigator.userAgent,subString:"Safari",identity:"Safari"},{string:navigator.userAgent,subString:"Opera",identity:"Opera"}]};document.addEventListener("DOMContentLoaded",function(event){BrowserDetect.init();if("Chrome"===BrowserDetect.browser&&38<=BrowserDetect.version||"Firefox"===BrowserDetect.browser&&37<=BrowserDetect.version||"Safari"===BrowserDetect.browser&&538<=BrowserDetect.version||"Opera"===BrowserDetect.browser&&27<=BrowserDetect.version||"Edge"===BrowserDetect.browser&&1<=BrowserDetect.version){document.getElementById("incompatibleBrowserOverlay").style.display="none";document.getElementById("incompatibleBrowser").style.display="none";document.getElementById("img-firefox").src="";document.getElementById("img-chrome").src="";document.getElementById("img-opera").src="";document.getElementById("img-edge").src=""}else{document.getElementById("console").style.display="none"}});</script><style>@font-face{font-family:'Sansation-bold';src:url('fonts/Sansation-Bold.ttf') format('truetype');}@font-face{font-family:"Chalk-Font";src:url(fonts/blzee.ttf) format("truetype");}body{font-family:'Roboto', 'Noto', sans-serif;margin:0;}html,
    body{height:100%;width:100%;position:fixed;}console-app{height:100%;width:100%;}#incompatibleBrowserOverlay{background-color:grey;opacity:0.7;width:100%;height:100%;left:0;top:0;position:absolute;z-index:10000;}#incompatibleBrowser{z-index:10001!important;}#incompatibleBrowser h2{font-size:16px;font-weight:normal;}#incompatibleBrowser h3{position:absolute;top:46px;}#incompatibleBrowser table td{width:25%;text-align:center;}#incompatibleBrowser table td img{margin:14px 0;width:100px;}#incompatibleBrowser table td:hover img{margin:0;width:128px;}#incompatibleBrowser table td a{margin-top:10px;text-decoration:none;color:black;font-weight:bold;}.background-outer-wrapper{background:linear-gradient(to top, rgba(7,15,36,1) 0%,rgba(17,25,48,1) 100%);background-size:cover;display:block;height:100%;width:100%;}.background-inner-wrapper{height:100%;width:100%;background-image:url('images/background-image.svg');display:flex;justify-content:center;align-items:center;}.loading-container{background:white;min-width:480px;width:25%;height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.loading-logo{fill:#32c9ac;width:150px;height:150px;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}.verdana{font-family:Verdana, sans-serif;}</style></head><body><console-app><div class="background-outer-wrapper"><div class="background-inner-wrapper"><div class="loading-container"><svg class="loading-logo" viewBox="0 0 141.73 141.73"><polygon id="part1" class="logoPolygon" points="26.2,124.6 43.4,124.6 43.4,68.4 26.2,68.4"><animate begin="0s" id="zeroFrame1" dur="40ms" fill="freeze" attributeName="points" to="26.2,124.6 43.4,124.6 43.4,124.6 26.2,124.6"></animate><animate keyTimes="0;1" calcMode="spline" keySplines=".42 0 1 1" begin="0s; resetAnim9.end" id="anim1" dur="400ms" fill="freeze" attributeName="points" to="26.2,124.6 43.4,124.6 43.4,68.4 26.2,68.4"></animate><animate begin="anim5.end" id="anim7" dur="300ms" fill="freeze" attributeName="points" to="26.2,68.4 43.4,68.4 43.4,68.4 26.2,68.4"></animate><animate begin="anim7.end" id="resetAnim7" dur="50ms" fill="freeze" attributeName="points" to="26.2,124.6 43.4,124.6 43.4,124.6 26.2,124.6"></animate></polygon><polygon id="part2" class="logoPolygon" points="59.3,28.5 71.5,40.6 19.8,92.2 7.7,80.1"><animate begin="0s" id="zeroFrame2" dur="40ms" fill="freeze" attributeName="points" to="7.7,80.1 19.8,92.2 19.8,92.2 7.7,80.1"></animate><animate keyTimes="0; 1" calcMode="spline" keySplines=" 0 0 .59 1" begin="195ms; resetAnim9.end + 195ms" id="anim2" dur="700ms" fill="freeze" attributeName="points" to="59.3,28.5 71.5,40.6 19.8,92.2 7.7,80.1"></animate><animate begin="anim5.end + 150ms" id="anim8" dur="600ms" fill="freeze" attributeName="points" to="59.3,28.5 71.5,40.6 71.5,40.6 59.3,28.5"></animate><animate begin="anim8.end" id="resetAnim8" dur="50ms" fill="freeze" attributeName="points" to="7.7,80.1 19.8,92.2 19.8,92.2 7.7,80.1"></animate></polygon><polygon id="part3" class="logoPolygon" points="133.8,80.1 121.7,92.2 58.6,29.2 70.4,16.6"><animate begin="0s" id="zeroFrame3" dur="40ms" fill="freeze" attributeName="points" to="70.4,16.6 58.6,29.2 58.6,29.2 70.4,16.6 "></animate><animate begin="anim2.end" id="anim3" dur="700ms" fill="freeze" attributeName="points" to="133.8,80.1 121.7,92.2 58.6,29.2 70.4,16.6"></animate><animate begin="resetAnim8.end" id="anim9" dur="600ms" fill="freeze" attributeName="points" to="133.8,80.1 121.7,92.2 121.7,92.2 133.8,80.1"></animate><animate begin="anim9.end" id="resetAnim9" dur="50ms" fill="freeze" attributeName="points" to="70.4,16.6 58.6,29.2 58.6,29.2 70.4,16.6"></animate></polygon><polygon id="part4" class="logoPolygon" points="98.2,68.4 115.4,81 115.4,108 98.2,108"><animate begin="0s" id="zeroFrame4" dur="40ms" fill="freeze" attributeName="points" to="98.2,68.4 115.4,81 115.4,81 98.2,68.4"></animate><animate keyTimes="0;1" calcMode="spline" keySplines=".42 0 1 1" begin="anim2.end + 500ms" id="anim4" dur="400ms" fill="freeze" attributeName="points" to="98.2,68.4 115.4,81 115.4,108 98.2,108"></animate><animate keyTimes="0;1" calcMode="spline" keySplines=".42 0 1 1" begin="resetAnim8.end + 400ms" id="anim10" dur="400ms" fill="freeze" attributeName="points" to="98.2,108 115.4,108 115.4,108 98.2,108"></animate><animate begin="anim10.end" id="resetAnim10" dur="50ms" fill="freeze" attributeName="points" to="98.2,68.4 115.4,81 115.4,81 98.2,68.4"></animate></polygon><polygon id="part5" class="logoPolygon" points="78.1,107.5 78.1,124.7 115.4,124.7 115.4,107.5"><animate begin="0s" id="zeroFrame5" dur="40ms" fill="freeze" attributeName="points" to="115.4,107.5 115.4,124.7 115.4,124.7 115.4,107.5"></animate><animate begin="anim4.end" id="anim5" dur="300ms" fill="freeze" attributeName="points" to="78.1,107.5 78.1,124.7 115.4,124.7 115.4,107.5"></animate><animate keyTimes="0; 1" calcMode="spline" keySplines=" 0 0 .59 1" begin="resetAnim10.end" id="anim11" dur="300ms" fill="freeze" attributeName="points" to="78.1,107.5 78.1,124.7 78.1,124.7 78.1,107.5"></animate><animate begin="anim11.end" id="resetAnim11" dur="50ms" fill="freeze" attributeName="points" to="115.4,107.5 115.4,124.7 115.4,124.7 115.4,107.5"></animate></polygon><polygon id="part6" class="logoPolygon" points="61.8,90 61.8,124.7 79,124.7 79,90"><animate begin="0s" id="zeroFrame6" dur="40ms" fill="freeze" attributeName="points" to="61.8,124.7 61.8,124.7 79,124.7 79,124.7"></animate><animate keyTimes="0; 1" calcMode="spline" keySplines=" 0 0 .59 1" begin="anim5.end" id="anim6" dur="500ms" fill="freeze" attributeName="points" to="61.8,90 61.8,124.7 79,124.7 79,90"></animate><animate keyTimes="0; 1" calcMode="spline" keySplines=" 0 0 .59 1" begin="resetAnim11.end" id="anim12" dur="400ms" fill="freeze" attributeName="points" to="61.8,90 61.8,90 79,90 79,90"></animate><animate begin="anim12.end" id="resetAnim12" dur="50ms" fill="freeze" attributeName="points" to="61.8,124.7 61.8,124.7 79,124.7 79,124.7"></animate></polygon></svg><div class="verdana">Bitte warten Sie noch kurz. IP-Symcon wird geladen.</div></div></div></div></console-app><div id="incompatibleBrowserOverlay"></div><div id="incompatibleBrowser" class="noTitle" style="position: fixed; outline: none; z-index: 12;height: 300px;width: 700px;padding: 100px 50px; top: 50%!important;left: 50%!important;margin-top: -265px!important;margin-left: -360px!important;  background: #fff;color: rgba(0, 0, 0, 0.87);margin: 32px;overflow: visible !important;box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);"><h3>Leider unterstützt Ihr Browser die Verwaltungskonsole nicht.</h3><br><br><h2>Wir empfehlen Ihnen die Installation der neusten Version von einem der folgenden Browsern:</h2><br><table style="margin: 0 10%; width:80%;"><tbody><tr><td><a href="https://mozilla.org/firefox"><img id="img-firefox" src="images/Firefox.png"></a></td><td><a href="https://chrome.google.com"><img id="img-chrome" src="images/Chrome.png"></a></td><td><a href="http://www.opera.com/"><img id="img-opera" src="images/Opera.png"></a></td><td><a href="http://www.browserfordoing.com/"><img id="img-edge" src="images/Edge.png"></a></td></tr><tr><td><a href="https://mozilla.org/firefox">Mozilla Firefox</a></td><td><a href="https://chrome.google.com">Google Chrome</a></td><td><a href="http://www.opera.com/">Opera</a></td><td><a href="http://www.browserfordoing.com/">Microsoft Edge</a></td></tr></tbody></table></div></body></html>