mattercontrol/original/MatterControlLib/SetupWizard/TourPopover.cs

/*
Copyright (c) 2018, Lars Brubaker, John Lewin
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

1. Redistributions of source code must retain the above copyright notice, this
   list of conditions and the following disclaimer.
2. Redistributions in binary form must reproduce the above copyright notice,
   this list of conditions and the following disclaimer in the documentation
   and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

The views and conclusions contained in the software and documentation are those
of the authors and should not be interpreted as representing official policies,
either expressed or implied, of the FreeBSD Project.
*/

using MatterHackers.Agg;
using MatterHackers.Agg.Image;
using MatterHackers.Agg.Platform;
using MatterHackers.Agg.UI;
using MatterHackers.ImageProcessing;
using MatterHackers.Localizations;
using MatterHackers.MatterControl.CustomWidgets;
using MatterHackers.MatterControl.PartPreviewWindow;
using MatterHackers.VectorMath;

namespace MatterHackers.MatterControl.Tour
{
	public class TourPopover : Popover
	{
		private ThemeConfig theme;

		public TourPopover(ProductTour productTour, ThemeConfig theme, RectangleDouble targetBounds)
			: base(ArrowDirection.Left, 0, 7, 0)
		{
			this.HAnchor = HAnchor.Fit;
			this.VAnchor = VAnchor.Fit;
			this.theme = theme;

			var targetWidget = productTour.ActiveItem.Widget;

			var column = new FlowLayoutWidget(FlowDirection.TopToBottom)
			{
				HAnchor = HAnchor.Fit,
				VAnchor = VAnchor.Fit
			};
			this.AddChild(column);

			var row = new GuiWidget()
			{
				Margin = new BorderDouble(5),
				HAnchor = HAnchor.Stretch,
				VAnchor = VAnchor.Fit
			};
			column.AddChild(row);

			var title = new TextWidget(productTour.ActiveItem.Title, pointSize: theme.DefaultFontSize, textColor: theme.PrimaryAccentColor)
			{
				HAnchor = HAnchor.Left,
				Margin = new BorderDouble(top: 4, left: 4),
				VAnchor = VAnchor.Center,
			};
			row.AddChild(title);

			var closeButton = theme.CreateSmallResetButton();
			closeButton.HAnchor = HAnchor.Right;
			closeButton.VAnchor = VAnchor.Top;
			closeButton.Margin = 0;
			closeButton.Click += (s, e) =>
			{
				this.Parent.CloseOnIdle();
			};

			row.AddChild(closeButton);

			var body = this.CreateBodyWidgets(productTour);
			body.Padding = new BorderDouble(theme.DefaultContainerPadding).Clone(top: 0);
			column.AddChild(body);

			var totalWidth = this.Width + this.DeviceMarginAndBorder.Width;
			var totalHeight = this.Height + this.DeviceMarginAndBorder.Height;

			var totalBounds = new RectangleDouble(0, 0, totalWidth, totalHeight);

			var targetCenterX = targetWidget.Width / 2;
			var targetCenterY = targetWidget.Height / 2;

			if (targetBounds.Right >= totalBounds.Width)
			{
				if (targetBounds.Bottom < totalBounds.Height / 2)
				{
					if (targetBounds.Bottom - totalBounds.Height < 0)
					{
						// Down arrow
						this.ArrowDirection = ArrowDirection.Down;

						// Arrow centered on target in x, to the right
						totalBounds = this.GetTotalBounds();
						this.ArrowOffset = (int)(totalBounds.Right - targetCenterX);

						// Popover positioned above target, aligned right
						this.Position = new Vector2(
							this.LeftForAlignTargetRight(targetBounds.Right, totalBounds),
							targetBounds.Top + 1);
					}
					else
					{
						// Right arrow
						this.ArrowDirection = ArrowDirection.Right;

						//  Arrow centered on target in y, to the top
						totalBounds = this.GetTotalBounds();
						this.ArrowOffset = (int)(totalBounds.Height - targetCenterY);

						// Popover positioned left of target, aligned top
						this.Position = new Vector2(
							this.LeftForAlignTargetRight(targetBounds.Right, totalBounds),
							targetBounds.Top - totalBounds.Height);
					}
				}
				else
				{
					// Up arrow
					this.ArrowDirection = ArrowDirection.Up;

					// Arrow centered on target in x, to the right
					totalBounds = this.GetTotalBounds();
					this.ArrowOffset = (int)(totalBounds.Right - targetCenterX);

					// Popover positioned below target, aligned right
					this.Position = new Vector2(
						this.LeftForAlignTargetRight(targetBounds.Right, totalBounds),
						targetBounds.Bottom - totalBounds.Height - 1);
				}
			}
			else
			{
				if (targetBounds.Bottom < totalBounds.Height)
				{
					// Left arrow
					this.ArrowDirection = ArrowDirection.Left;

					// Arrow centered on target in y (or top - 20 if target larger than content)
					totalBounds = this.GetTotalBounds();
					if (targetWidget.Height > totalBounds.Height)
					{
						this.ArrowOffset = 20;
					}
					else
					{
						this.ArrowOffset = (int)targetCenterY;
					}

					// Popover positioned right of target, aligned top
					this.Position = new Vector2(
						targetBounds.Right + 1,
						targetBounds.Top - totalBounds.Height);
				}
				else
				{
					this.ArrowDirection = ArrowDirection.Up;

					// Arrow centered on target in x, to the left
					totalBounds = this.GetTotalBounds();
					this.ArrowOffset = (int) targetCenterX;

					// Popover positioned below target, aligned left
					this.Position = new Vector2(
						targetBounds.Left,
						targetBounds.Bottom - totalBounds.Height - 1);
				}
			}

			this.TagColor = theme.ResolveColor(theme.BackgroundColor, theme.AccentMimimalOverlay.WithAlpha(50));

			this.RebuildShape();
		}

		private GuiWidget CreateBodyWidgets(ProductTour productTour)
		{
			var body = new FlowLayoutWidget(FlowDirection.TopToBottom)
			{
				HAnchor = HAnchor.Absolute,
				VAnchor = VAnchor.Fit,
			};

			body.AddChild(new WrappedTextWidget(productTour.ActiveItem.Description, textColor: theme.TextColor, pointSize: theme.DefaultFontSize)
			{
				Margin = 5,
			});

			var buttonRow = new FlowLayoutWidget()
			{
				HAnchor = HAnchor.Stretch,
				Margin = new BorderDouble(0, 0, 0, 5)
			};
			body.AddChild(buttonRow);

			var prevButton = new ArrowButton("Prev".Localize(), ArrowDirection.Left, theme, pointSize: theme.DefaultFontSize - 2)
			{
				Height = theme.ButtonHeight - 4,
				Padding = theme.TextButtonPadding.Clone(left: theme.TextButtonPadding.Left + 8)
			};
			prevButton.Click += (s, e) =>
			{
				this.Parent.Close();
				productTour.ShowPrevious();
			};
			buttonRow.AddChild(prevButton);

			buttonRow.AddChild(new HorizontalSpacer());

			buttonRow.AddChild(new CarouselIndicators(productTour, theme));

			buttonRow.AddChild(new HorizontalSpacer());

			var nextButton = new ArrowButton("Next".Localize(), ArrowDirection.Right, theme, pointSize: theme.DefaultFontSize - 2)
			{
				Height = theme.ButtonHeight - 4,
				Padding = theme.TextButtonPadding.Clone(right: theme.TextButtonPadding.Right + 8)
			};
			nextButton.Click += (s, e) =>
			{
				this.Parent.Close();

				productTour.ShowNext();
			};
			buttonRow.AddChild(nextButton);

			body.Size = new Vector2(280, body.Height);

			return body;
		}

		private double LeftForAlignTargetRight(double targetRight, RectangleDouble totalBounds)
		{
			return targetRight - totalBounds.Width;
		}

		private RectangleDouble GetTotalBounds()
		{
			var totalWidth = this.Width + this.DeviceMarginAndBorder.Width;
			var totalHeight = this.Height + this.DeviceMarginAndBorder.Height;

			return new RectangleDouble(0, 0, totalWidth, totalHeight);
		}

		private class ArrowButton : ThemedTextButton
		{
			public ArrowButton(string text, ArrowDirection arrowDirection, ThemeConfig theme, double pointSize = -1)
				: base(text, theme, pointSize)
			{
				var rightArrow = StaticData.Instance.LoadIcon("fa-angle-right_12.png", 10, 10).GrayToColor(theme.TextColor);

				if (arrowDirection == ArrowDirection.Right)
				{
					this.Image = rightArrow;
				}
				else
				{
					var leftArrow = new ImageBuffer(rightArrow).MirrorX();

					this.Image = leftArrow;
				}

				this.ArrowDirection = arrowDirection;
			}

			public ImageBuffer Image { get; }

			public ArrowDirection ArrowDirection { get; }

			public override void OnDraw(Graphics2D graphics2D)
			{
				base.OnDraw(graphics2D);

				if (this.Image != null)
				{
					var bounds = this.LocalBounds;

					var centerY = (this.Height / 2) - (this.Image.Height / 2) + bounds.Bottom;

					if (this.ArrowDirection == ArrowDirection.Left)
					{
						graphics2D.Render(this.Image, bounds.Left + 8, centerY);
					}
					else
					{
						graphics2D.Render(this.Image, bounds.Right - this.Image.Width - 8, centerY);
					}
				}
			}
		}
	}
}