123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- 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;
- });
|