Terminal.Gui/UICatalog/Scenarios/Frames.cs

using System;
using System.Linq;
using Terminal.Gui;

namespace UICatalog.Scenarios {
	[ScenarioMetadata (Name: "Frames Demo", Description: "Demonstrates Margin, Border, and Padding on Views.")]
	[ScenarioCategory ("Layout")]
	[ScenarioCategory ("Borders")]
	public class Frames : Scenario {
		public class FrameEditor : View {
			private Thickness _thickness;
			private TextField _topEdit;
			private TextField _leftEdit;
			private TextField _rightEdit;
			private TextField _bottomEdit;
			private bool _isUpdating;

			private ColorPicker _foregroundColorPicker;
			private ColorPicker _backgroundColorPicker;

			public Terminal.Gui.Attribute Color { get; set; }

			public Thickness Thickness {
				get => _thickness;
				set {
					if (_isUpdating) {
						return;
					}
					_thickness = value;
					ThicknessChanged?.Invoke (this, new ThicknessEventArgs () { Thickness = Thickness });
					if (IsInitialized) {
						_isUpdating = true;
						if (_topEdit.Text != _thickness.Top.ToString ()) {
							_topEdit.Text = _thickness.Top.ToString ();
						}
						if (_leftEdit.Text != _thickness.Left.ToString ()) {
							_leftEdit.Text = _thickness.Left.ToString ();
						}
						if (_rightEdit.Text != _thickness.Right.ToString ()) {
							_rightEdit.Text = _thickness.Right.ToString ();
						}
						if (_bottomEdit.Text != _thickness.Bottom.ToString ()) {
							_bottomEdit.Text = _thickness.Bottom.ToString ();
						}
						_isUpdating = false;
					}
				}
			}

			public event EventHandler<ThicknessEventArgs> ThicknessChanged;
			public event EventHandler<Terminal.Gui.Attribute> AttributeChanged;

			public FrameEditor ()
			{
				Margin.Thickness = new Thickness (0);
				BorderStyle = LineStyle.Double;
				Initialized += FrameEditor_Initialized; ;
			}

			void FrameEditor_Initialized (object sender, EventArgs e)
			{
				var editWidth = 3;

				_topEdit = new TextField ("") {
					X = Pos.Center (),
					Y = 0,
					Width = editWidth
				};
				_topEdit.TextChanging += Edit_TextChanging;
				Add (_topEdit);

				_leftEdit = new TextField ("") {
					X = Pos.Left (_topEdit) - editWidth,
					Y = Pos.Bottom (_topEdit),
					Width = editWidth
				};
				_leftEdit.TextChanging += Edit_TextChanging;
				Add (_leftEdit);

				_rightEdit = new TextField ("") {
					X = Pos.Right (_topEdit),
					Y = Pos.Bottom (_topEdit),
					Width = editWidth
				};
				_rightEdit.TextChanging += Edit_TextChanging;
				Add (_rightEdit);

				_bottomEdit = new TextField ("") {
					X = Pos.Center (),
					Y = Pos.Bottom (_leftEdit),
					Width = editWidth
				};
				_bottomEdit.TextChanging += Edit_TextChanging;
				Add (_bottomEdit);

				var copyTop = new Button ("Copy Top") {
					X = Pos.Center () + 1,
					Y = Pos.Bottom (_bottomEdit)
				};
				copyTop.Clicked += (s, e) => {
					Thickness = new Thickness (Thickness.Top);
					if (string.IsNullOrEmpty (_topEdit.Text)) {
						_topEdit.Text = "0";
					}
					_bottomEdit.Text = _leftEdit.Text = _rightEdit.Text = _topEdit.Text;
				};
				Add (copyTop);

				// Foreground ColorPicker.
				_foregroundColorPicker = new ColorPicker () {
					Title = "FG",
					BoxWidth = 1,
					BoxHeight = 1,
					X = -1,
					Y = Pos.Bottom (copyTop) + 1,
					BorderStyle = LineStyle.Single,
					SuperViewRendersLineCanvas = true
				};
				_foregroundColorPicker.ColorChanged += (o, a) =>
					AttributeChanged?.Invoke (this,
						new Attribute (_foregroundColorPicker.SelectedColor, _backgroundColorPicker.SelectedColor));
				Add (_foregroundColorPicker);

				// Background ColorPicker.
				_backgroundColorPicker = new ColorPicker () {
					Title = "BG",
					BoxWidth = 1,
					BoxHeight = 1,
					X = Pos.Right (_foregroundColorPicker) - 1,
					Y = Pos.Top (_foregroundColorPicker),
					BorderStyle = LineStyle.Single,
					SuperViewRendersLineCanvas = true
				};

				_backgroundColorPicker.ColorChanged += (o, a) =>
					AttributeChanged?.Invoke (this,
						new Terminal.Gui.Attribute (
							_foregroundColorPicker.SelectedColor,
							_backgroundColorPicker.SelectedColor));
				Add (_backgroundColorPicker);

				_topEdit.Text = $"{Thickness.Top}";
				_leftEdit.Text = $"{Thickness.Left}";
				_rightEdit.Text = $"{Thickness.Right}";
				_bottomEdit.Text = $"{Thickness.Bottom}";

				LayoutSubviews ();
				Height = GetFramesThickness ().Vertical + 4 + 4;
				Width = GetFramesThickness ().Horizontal + _foregroundColorPicker.Frame.Width * 2 - 3;
			}

			private void Edit_TextChanging (object sender, TextChangingEventArgs e)
			{
				try {
					if (string.IsNullOrEmpty (e.NewText.ToString ())) {
						e.Cancel = true;
						((TextField)sender).Text = "0";
						return;
					}
					switch (sender.ToString ()) {
					case var s when s == _topEdit.ToString ():
						Thickness = new Thickness (Thickness.Left,
							int.Parse (e.NewText), Thickness.Right,
							Thickness.Bottom);
						break;
					case var s when s == _leftEdit.ToString ():
						Thickness = new Thickness (int.Parse (e.NewText),
							Thickness.Top, Thickness.Right,
							Thickness.Bottom);
						break;
					case var s when s == _rightEdit.ToString ():
						Thickness = new Thickness (Thickness.Left,
							Thickness.Top, int.Parse (e.NewText),
							Thickness.Bottom);
						break;
					case var s when s == _bottomEdit.ToString ():
						Thickness = new Thickness (Thickness.Left,
							Thickness.Top, Thickness.Right,
							int.Parse (e.NewText));
						break;
					}
				} catch {
					if (!string.IsNullOrEmpty (e.NewText)) {
						e.Cancel = true;
					}
				}
			}
		}

		public class FramesEditor : Window {
			private View _viewToEdit;
			private FrameEditor _marginEditor;
			private FrameEditor _borderEditor;
			private FrameEditor _paddingEditor;
			private String _origTitle = string.Empty;

			public FramesEditor ()
			{
			}

			public View ViewToEdit {
				get {
					return _viewToEdit;
				}
				set {
					_origTitle = value.Title;
					_viewToEdit = value;

					_viewToEdit.Margin.ColorScheme = new ColorScheme (Colors.ColorSchemes ["Toplevel"]);
					_marginEditor = new FrameEditor () {
						X = 0,
						Y = 0,
						Title = "Margin",
						Thickness = _viewToEdit.Margin.Thickness,
						SuperViewRendersLineCanvas = true
					};
					_marginEditor.ThicknessChanged += Editor_ThicknessChanged;
					_marginEditor.AttributeChanged += Editor_AttributeChanged;
					Add (_marginEditor);

					_viewToEdit.Border.ColorScheme = new ColorScheme (Colors.ColorSchemes ["Base"]);
					_borderEditor = new FrameEditor () {
						X = Pos.Left (_marginEditor),
						Y = Pos.Bottom (_marginEditor),
						Title = "Border",
						Thickness = _viewToEdit.Border.Thickness,
						SuperViewRendersLineCanvas = true
					};
					_borderEditor.ThicknessChanged += Editor_ThicknessChanged;
					_borderEditor.AttributeChanged += Editor_AttributeChanged;
					Add (_borderEditor);

					_viewToEdit.Padding.ColorScheme = new ColorScheme (Colors.ColorSchemes ["Error"]);

					var borderStyleEnum = Enum.GetValues (typeof (LineStyle)).Cast<LineStyle> ().ToList ();
					var rbBorderStyle = new RadioGroup (borderStyleEnum.Select (
						e => e.ToString ()).ToArray ()) {

						X = Pos.Right (_borderEditor) - 1,
						Y = Pos.Top (_borderEditor),
						SelectedItem = (int)_viewToEdit.Border.BorderStyle,
						BorderStyle = LineStyle.Double,
						Title = "Border Style",
						SuperViewRendersLineCanvas = true
					};
					Add (rbBorderStyle);

					rbBorderStyle.SelectedItemChanged += (s, e) => {
						var prevBorderStyle = _viewToEdit.BorderStyle;
						_viewToEdit.Border.BorderStyle = (LineStyle)e.SelectedItem;
						if (_viewToEdit.Border.BorderStyle == LineStyle.None) {
							_viewToEdit.Border.Thickness = new Thickness (0);
						} else if (prevBorderStyle == LineStyle.None && _viewToEdit.Border.BorderStyle != LineStyle.None) {
							_viewToEdit.Border.Thickness = new Thickness (1);
						}
						_borderEditor.Thickness = new Thickness (_viewToEdit.Border.Thickness.Left, _viewToEdit.Border.Thickness.Top,
							_viewToEdit.Border.Thickness.Right, _viewToEdit.Border.Thickness.Bottom);
						_viewToEdit.SetNeedsDisplay ();
						LayoutSubviews ();
					};

					var ckbTitle = new CheckBox ("Show Title") {
						BorderStyle = LineStyle.Double,
						X = Pos.Left (_borderEditor),
						Y = Pos.Bottom (_borderEditor) - 1,
						Width = Dim.Width (_borderEditor),
						Checked = true,
						SuperViewRendersLineCanvas = true
					};
					ckbTitle.Toggled += (sender, args) => {
						if (ckbTitle.Checked == true) {
							_viewToEdit.Title = _origTitle;
						} else {
							_viewToEdit.Title = string.Empty;
						}
					};
					Add (ckbTitle);

					_paddingEditor = new FrameEditor () {
						X = Pos.Left (_borderEditor),
						Y = Pos.Bottom (rbBorderStyle),
						Title = "Padding",
						Thickness = _viewToEdit.Padding.Thickness,
						SuperViewRendersLineCanvas = true
					};
					_paddingEditor.ThicknessChanged += Editor_ThicknessChanged;
					_paddingEditor.AttributeChanged += Editor_AttributeChanged;
					Add (_paddingEditor);
					Add (_viewToEdit);

					_viewToEdit.LayoutComplete += (s, e) => {
						if (ckbTitle.Checked == true) {
							_viewToEdit.Title = _origTitle;
						} else {
							_viewToEdit.Title = string.Empty;
						}
					};
				}
			}

			private void Editor_AttributeChanged (object sender, Terminal.Gui.Attribute attr)
			{
				switch (sender.ToString ()) {
				case var s when s == _marginEditor.ToString ():
					_viewToEdit.Margin.ColorScheme = new ColorScheme (_viewToEdit.Margin.ColorScheme) { Normal = attr };
					break;
				case var s when s == _borderEditor.ToString ():
					_viewToEdit.Border.ColorScheme = new ColorScheme (_viewToEdit.Border.ColorScheme) { Normal = attr };
					break;
				case var s when s == _paddingEditor.ToString ():
					_viewToEdit.Padding.ColorScheme = new ColorScheme (_viewToEdit.Padding.ColorScheme) { Normal = attr };
					break;
				}
			}

			private void Editor_ThicknessChanged (object sender, ThicknessEventArgs e)
			{
				try {
					switch (sender.ToString ()) {
					case var s when s == _marginEditor.ToString ():
						_viewToEdit.Margin.Thickness = e.Thickness;
						break;
					case var s when s == _borderEditor.ToString ():
						_viewToEdit.Border.Thickness = e.Thickness;
						break;
					case var s when s == _paddingEditor.ToString ():
						_viewToEdit.Padding.Thickness = e.Thickness;
						break;
					}
				} catch {
					switch (sender.ToString ()) {
					case var s when s == _marginEditor.ToString ():
						_viewToEdit.Margin.Thickness = e.PreviousThickness;
						break;
					case var s when s == _borderEditor.ToString ():
						_viewToEdit.Border.Thickness = e.PreviousThickness;
						break;
					case var s when s == _paddingEditor.ToString ():
						_viewToEdit.Padding.Thickness = e.PreviousThickness;
						break;
					}
				}
			}
		}

		public override void Init ()
		{
			Application.Init ();
			ConfigurationManager.Themes.Theme = Theme;
			ConfigurationManager.Apply ();
			Application.Top.ColorScheme = Colors.ColorSchemes [TopLevelColorScheme];

			var view = new Window ();
			var tf1 = new TextField ("TextField") { Width = 10 };

			var button = new Button ("Press me!") {
				X = Pos.Center (),
				Y = Pos.Center (),
			};
			button.Clicked += (s, e) => MessageBox.Query (20, 7, "Hi", $"Am I a {view.GetType ().Name}?", "Yes", "No");
			var label = new Label ($"I'm a {view.GetType ().Name}") {
				X = Pos.Center (),
				Y = Pos.Center () - 1,
			};
			var tf2 = new Button ("Button") {
				X = Pos.AnchorEnd (10),
				Y = Pos.AnchorEnd (1),
				Width = 10
			};
			var tv = new Label () {
				Y = Pos.AnchorEnd (2),
				Width = 25,
				Height = Dim.Fill (),
				Text = "Label\nY=AnchorEnd(2),Height=Dim.Fill()"
			};

			view.Margin.Thickness = new Thickness (3);
			view.Padding.Thickness = new Thickness (1);

			view.Add (tf1, button, label, tf2, tv);

			var editor = new FramesEditor () {
				Title =$"{Application.QuitKey} to Quit - Scenario: {GetName ()}",
				ViewToEdit = view
			};
			view.X = 36;
			view.Y = 0;
			view.Width = Dim.Fill ();
			view.Height = Dim.Fill ();

			Application.Run (editor);
			Application.Shutdown ();
		}

		public override void Run ()
		{
		}
	}
}