protected TwoPanelsWithResizer( Hideability hideable, int minPanelSizePx, Tuple <int?, int?> fixedSize, SpacingPolicy?spacingPolicy) { MinPanelSizePx = minPanelSizePx; if (fixedSize == null && !spacingPolicy.HasValue || fixedSize != null && spacingPolicy.HasValue || fixedSize != null && fixedSize.Item1.HasValue && fixedSize.Item2.HasValue || fixedSize != null && !fixedSize.Item1.HasValue && !fixedSize.Item2.HasValue) { throw new Exception("Either spacing policy needs to be provided OR exactly one fixedSize dimension"); } Hideable = hideable; _fixedSize = fixedSize; _spacingPolicy = spacingPolicy; _container.ClassName = GetType().FullName; _container.Id = UniqueIdGenerator.GenerateAsString(); _splitter.ClassName = Magics.CssClassSplitter; _container.AppendChild(FirstPanel); _container.AppendChild(_splitter); _container.AppendChild(SecondPanel); _splitter.OnTouchStart += x => { if (!x.HasHtmlTarget()) { return; } var htmlTarget = x.HtmlTarget(); if (!htmlTarget.IsElementOrItsDescendant(_splitter)) { return; } _isDragging = true; _touchId = x.TargetTouches[0].Identifier; Logger.Debug(GetType(), "TouchStart {0}", _touchId); }; _splitter.OnTouchEnd += ev => { _isDragging = false; _touchId = 0; Logger.Debug(GetType(), "TouchEnd {0}", _touchId); }; _splitter.OnTouchMove += ev => { if (!_isDragging) { return; } var touch = ev.Touches.FirstOrDefault(x => x.Identifier == _touchId); Logger.Debug(GetType(), "TouchMove {0} present?={1}", _touchId, touch != null); if (touch == null) { return; } var sizes = CalculateSizesOnUserResize(touch.PageX, touch.PageY); if (sizes.Item1 < minPanelSizePx || sizes.Item2 < minPanelSizePx) { return; } Logger.Debug(GetType(), "updating sizes for panelType={0} id={1} to ({2}; {3})", GetType().FullName, _container.Id, sizes.Item1, sizes.Item2); _container.AddClasses(Magics.CssClassActive); ev.PreventDefault(); Sizes = sizes; SetPanelsSize(sizes); }; DocumentUtil.AddMouseDownListener(_splitter, x => { if (!x.HasHtmlTarget()) { return; } var htmlTarget = x.HtmlTarget(); if (!htmlTarget.IsElementOrItsDescendant(_splitter)) { return; } _isDragging = true; x.PreventDefault(); }); DocumentUtil.AddMouseUpListener(_splitter, x => { _isDragging = false; }); DocumentUtil.AddMouseMoveListener(_splitter, ev => { if (!_isDragging) { return; } ev.PreventDefault(); var sizes = CalculateSizesOnUserResize(ev.PageX, ev.PageY); if (sizes.Item1 < minPanelSizePx || sizes.Item2 < minPanelSizePx) { return; } Logger.Debug(GetType(), "updating sizes for panelType={0} id={1} to ({2}; {3})", GetType().FullName, _container.Id, sizes.Item1, sizes.Item2); _container.AddClasses(Magics.CssClassActive); Sizes = sizes; SetPanelsSize(sizes); }); DocumentUtil.AddElementAttachedToDocumentListener(_container, InitializeWidthsOnAttachOrResize); DocumentUtil.AddElementResizeListener(_container, InitializeWidthsOnAttachOrResize); }
private HorizontalTabbedView(Action <HorizontalTabbedView> addTabs) { _container = new HTMLDivElement { Id = UniqueIdGenerator.GenerateAsString(), ClassName = GetType().FullName }; _tabHandleContainer = new HTMLDivElement { ClassName = Magics.CssClassTabHandleContainer }; _tabContentContainer = new HTMLDivElement { ClassName = Magics.CssClassTabContentContainer }; _container.AppendChild(_tabHandleContainer); _container.AppendChild(_tabContentContainer); _tabHandleContainer.OnClick += ev => { if (!ev.HasHtmlTarget()) { return; } var target = ev.HtmlTarget(); if (target == _tabHandleContainer) { return; } var newActiveTabHandle = target.GetParentElementHavingParent(_tabHandleContainer); var newActiveTabIdx = _tabHandleContainer.Children.IndexOfUsingEquals(newActiveTabHandle); if (_activeTab == newActiveTabIdx) { Logger.Debug(GetType(), "already active tab selected {0}", _activeTab); return; } Logger.Debug(GetType(), "switching tab from {0} to {1}", _activeTab, newActiveTabIdx); if (newActiveTabIdx < 0 || newActiveTabIdx >= _tabContents.Count) { Logger.Error(GetType(), "there's no tab at index {0}. ignoring tab switch", newActiveTabIdx); return; } if (_activeTab >= 0) { _tabHandleContainer.Children[_activeTab].ClassList.Remove(Magics.CssClassActive); _tabContentContainer.RemoveAllChildren(); } ActivateTab(newActiveTabIdx); }; addTabs(this); DocumentUtil.AddElementAttachedToDocumentListener(_container, () => { if (_measured) { return; } var formerlyFocused = Document.ActiveElement; Logger.Debug(GetType(), "Measuring tab heights in onAttached"); // measure tab content var oldVis = _tabContentContainer.Style.Visibility; _tabContentContainer.Style.Visibility = Visibility.Hidden; _tabContents.ForEachI((i, tab) => { _tabContentContainer.RemoveAllChildren(); _tabContentContainer.AppendChild(tab); }); _tabContentContainer.RemoveAllChildren(); _tabContentContainer.Style.Visibility = oldVis; _measured = true; //assure that focused element within tab stays focused(it may have been lost during measurement process above) if (_tabContents.Any()) { ActivateTab(_activeTab); if (formerlyFocused != Document.ActiveElement) { formerlyFocused.TryFocusElement(); } } }); //activate first tab if (_tabContents.Any()) { ActivateTab(0); } }
public static void AddAttachedToDocumentEventListener(this Element self, Action action) { DocumentUtil.AddElementAttachedToDocumentListener(self, action); }