IFrame control + example added

Author: FeodorFitsner

pglet.psm1

@@ -21,6 +21,7 @@ New-Alias -Name GridColumn -Value New-PgletGridColumn
 New-Alias -Name Grid -Value New-PgletGrid
 New-Alias -Name Html -Value New-PgletHtml
 New-Alias -Name Icon -Value New-PgletIcon
+New-Alias -Name IFrame -Value New-PgletIFrame
 New-Alias -Name Image -Value New-PgletImage
 New-Alias -Name LineChart -Value New-PgletLineChart
 New-Alias -Name LineChartData -Value New-PgletLineChartData

src/Pglet.PowerShell/NewPgletIFrameCommand.cs

@@ -0,0 +1,33 @@
+using Pglet.Controls;
+using System.Management.Automation;
+
+namespace Pglet.PowerShell
+{
+    [Cmdlet(VerbsCommon.New, "PgletIFrame")]
+    [OutputType(typeof(IFrame))]
+    public class NewPgletIFrameCommand : NewControlCmdletBase
+    {
+        [Parameter(Mandatory = false, Position = 0)]
+        public string Src { get; set; }
+
+        [Parameter(Mandatory = false)]
+        public string Title { get; set; }
+
+        [Parameter(Mandatory = false)]
+        public string Border { get; set; }
+
+        protected override void ProcessRecord()
+        {
+            var control = new IFrame
+            {
+                Src = Src,
+                Title = Title,
+                Border = Border
+            };
+
+            SetControlProps(control);
+
+            WriteObject(control);
+        }
+    }
+}

src/Pglet/Controls/IFrame.cs

@@ -0,0 +1,25 @@
+namespace Pglet.Controls
+{
+    public class IFrame : Control
+    {
+        protected override string ControlName => "iframe";
+
+        public string Src
+        {
+            get { return GetAttr("src"); }
+            set { SetAttr("src", value); }
+        }
+
+        public string Title
+        {
+            get { return GetAttr("title"); }
+            set { SetAttr("title", value); }
+        }
+
+        public string Border
+        {
+            get { return GetAttr("border"); }
+            set { SetAttr("border", value); }
+        }
+    }
+}

tests/buttons.ps1

@@ -81,8 +81,8 @@ Connect-PgletApp -Name "pglet-buttons" -ScriptBlock {
 
         Text "Split buttons" -Size Large
         Button -Split -Text "Standard" -MenuItems @(
-          MenuItem -Text "Email message" -Icon "Mail"
-          MenuItem -Text "Calendar event" -Icon "Calendar"
+          MenuItem -Text "Email message" -Icon "Mail" -OnClick { Write-Trace "Email message clicked!" }
+          MenuItem -Text "Calendar event" -Icon "Calendar" -OnClick { Write-Trace "Calendar clicked!" }
         )
         Button -Split -Primary -Text "Primary" -MenuItems @(
           MenuItem -Text "Email message" -Icon "Mail"

tests/iframe.ps1

@@ -1,10 +1,11 @@
 Remove-Module pglet -ErrorAction SilentlyContinue
 Import-Module ([IO.Path]::Combine((get-item $PSScriptRoot).parent.FullName, 'pglet.psd1'))
 
-Connect-PgletPage -Name "index" -NoWindow
+Connect-PgletApp -ScriptBlock {
+    $page = $PGLET_PAGE
 
-Invoke-Pglet "clean page"
-
-Invoke-Pglet "add
-iframe src='https://pglet.io' width='100%' border1='2px solid red'
-"
+    $page.title = "IFrame example"
+    $page.add(
+        (IFrame -Src 'https://pglet.io' -Width '100%' -Height 300 -Border '2px solid red')
+    )
+}