1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- define("webodf/editor/FullWindowZoomHelper", [], function () {
- "use strict";
-
- var FullWindowZoomHelper = function FullWindowZoomHelper(toolbarContainerElement, canvasContainerElement) {
- function translateToolbar() {
- var y = document.body.scrollTop;
- toolbarContainerElement.style.WebkitTransformOrigin = "center top";
- toolbarContainerElement.style.WebkitTransform = 'translateY(' + y + 'px)';
- }
- function repositionContainer() {
- canvasContainerElement.style.top = toolbarContainerElement.getBoundingClientRect().height + 'px';
- }
- this.destroy = function (callback) {
- window.removeEventListener('scroll', translateToolbar);
- window.removeEventListener('focusout', translateToolbar);
- window.removeEventListener('touchmove', translateToolbar);
- window.removeEventListener('resize', repositionContainer);
- callback();
- };
- function init() {
- var metaElement, toolbarStyle;
-
- metaElement = document.createElement("meta");
- metaElement.setAttribute("name", "viewport");
- metaElement.setAttribute("content", "width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0");
- document.head.appendChild(metaElement);
-
- toolbarStyle = toolbarContainerElement.style;
- toolbarStyle.top = 0;
- toolbarStyle.left = 0;
- toolbarStyle.right = 0;
- toolbarStyle.position = "absolute";
- toolbarStyle.zIndex = 5;
- toolbarStyle.boxShadow = "0 1px 5px rgba(0, 0, 0, 0.25)";
- repositionContainer();
- window.addEventListener('scroll', translateToolbar);
- window.addEventListener('focusout', translateToolbar);
- window.addEventListener('touchmove', translateToolbar);
- window.addEventListener('resize', repositionContainer);
- }
- init();
- };
- return FullWindowZoomHelper;
- });
|