1208 (#139)

* Before stream

* Updated unit test project

* Fixed some possible null references

* After stream

* 1. Placed the "add" button in a column so it has the same padding as the rest of the layout and removed the button button width as it is not required. (#137)

2. Updated "index.chtm"l and "_itemCard.chtml" so that all cards have equal height and the width is automatically calculated (3 column layout).
Ref: https://getbootstrap.com/docs/5.2/components/card/#card-groups

3. Updated the "_itemCard.chtml" card footer to use class="float-end" class instead of inline style (float:right).
Ref: https://getbootstrap.com/docs/5.2/utilities/float/

4. Updated the "_itemCard.chtm"l card footer buttons to use role="button" instead of inline style (cursor:pointer).
Ref: https://getbootstrap.com/docs/5.2/content/reboot/#pointers-on-buttons

5. Updated the "_itemCard.chtml" card footer so that the text could not be accidentally selected when clicking a button.
Ref: https://getbootstrap.com/docs/5.2/utilities/interactions/

* Updated to latest package versions

* After stream 2

Co-authored-by: JustCallMeAD <[email protected]>

Author: csharpfritz

sessions/Season-02/CollectionWebsite/1208-InsertUpdateDelete/MyCollectionSite.sln

@@ -0,0 +1,28 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.30114.105
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MyCollectionSite", "src\MyCollectionSite.csproj", "{5E91B40C-D360-44F0-9DAC-397CEFB24D97}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "test", "test\test.csproj", "{4E71A210-6F3A-4DA9-B20B-3F3541FF83B6}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{5E91B40C-D360-44F0-9DAC-397CEFB24D97}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{5E91B40C-D360-44F0-9DAC-397CEFB24D97}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{5E91B40C-D360-44F0-9DAC-397CEFB24D97}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{5E91B40C-D360-44F0-9DAC-397CEFB24D97}.Release|Any CPU.Build.0 = Release|Any CPU
+		{4E71A210-6F3A-4DA9-B20B-3F3541FF83B6}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{4E71A210-6F3A-4DA9-B20B-3F3541FF83B6}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{4E71A210-6F3A-4DA9-B20B-3F3541FF83B6}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{4E71A210-6F3A-4DA9-B20B-3F3541FF83B6}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+EndGlobal

sessions/Season-02/CollectionWebsite/1208-InsertUpdateDelete/README.md

@@ -0,0 +1,22 @@
+# Session 1208: Insert, Update, and Delete
+
+Our collection website has grown and now has some interesting features to allow us to maintain the website, but how do we maintain the data?  Let's look at adding, updating, and deleting items in our collection.  Once we have these data maintenance features, we can add Security to them next time. 
+
+## Agenda
+
+1. Let's introduce an "Add New" button to the home page.  This will lead to a page with an empty form to add a new collection item.  Let's not wire up the form to anything YET.
+1. We'll want to be able to edit items as well, let's add an edit link to the item display.  We'll use the Open Iconic pencil icon:  
+
+    ```html
+    <span class="oi oi-pencil" title="pencil" aria-hidden="true"></span>
+    ```
+
+1. We can also add a delete button using the X icon:
+
+    ```html
+    <span class="oi oi-x" title="x" aria-hidden="true"></span>
+    ```
+
+1. Let's see how Visual Studio 2022 provides a scaffolder to generate these actions for us and inspect the code generated.
+
+1. We need some unit tests and we'll want to connect the new Add, Update, and Delete actions to our Repository object instead of directly using the Entity Framework context.

sessions/Season-02/CollectionWebsite/1208-InsertUpdateDelete/src/.vscode/launch.json

@@ -0,0 +1,35 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            // Use IntelliSense to find out which attributes exist for C# debugging
+            // Use hover for the description of the existing attributes
+            // For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
+            "name": ".NET Core Launch (web)",
+            "type": "coreclr",
+            "request": "launch",
+            "preLaunchTask": "build",
+            // If you have changed target frameworks, make sure to update the program path.
+            "program": "${workspaceFolder}/bin/Debug/net6.0/MyCollectionSite.dll",
+            "args": [],
+            "cwd": "${workspaceFolder}",
+            "stopAtEntry": false,
+            // Enable launching a web browser when ASP.NET Core starts. For more information: https://aka.ms/VSCode-CS-LaunchJson-WebBrowser
+            "serverReadyAction": {
+                "action": "openExternally",
+                "pattern": "\\bNow listening on:\\s+(https?://\\S+)"
+            },
+            "env": {
+                "ASPNETCORE_ENVIRONMENT": "Development"
+            },
+            "sourceFileMap": {
+                "/Views": "${workspaceFolder}/Views"
+            }
+        },
+        {
+            "name": ".NET Core Attach",
+            "type": "coreclr",
+            "request": "attach"
+        }
+    ]
+}

sessions/Season-02/CollectionWebsite/1208-InsertUpdateDelete/src/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    "sqltools.connections": [
+        {
+            "previewLimit": 50,
+            "driver": "SQLite",
+            "name": "collection-db",
+            "database": "${workspaceFolder:src}/collection.db"
+        }
+    ]
+}

sessions/Season-02/CollectionWebsite/1208-InsertUpdateDelete/src/.vscode/tasks.json

@@ -0,0 +1,41 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "build",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "build",
+                "${workspaceFolder}/MyCollectionSite.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "publish",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "publish",
+                "${workspaceFolder}/MyCollectionSite.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "watch",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "watch",
+                "run",
+                "--project",
+                "${workspaceFolder}/MyCollectionSite.csproj"
+            ],
+            "problemMatcher": "$msCompile"
+        }
+    ]
+}

sessions/Season-02/CollectionWebsite/1208-InsertUpdateDelete/src/Controllers/CollectionItemsController.cs

@@ -0,0 +1,183 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.EntityFrameworkCore;
+using MyCollectionSite.Models;
+
+namespace MyCollectionSite.Controllers
+{
+	public class CollectionItemsController : Controller
+	{
+		private readonly CollectionContext _context;
+		private readonly IWebHostEnvironment Environment;
+
+		public CollectionItemsController(CollectionContext context
+		, IWebHostEnvironment environment)
+		{
+			_context = context;
+			this.Environment = environment;
+		}
+
+		// GET: CollectionItems
+		public async Task<IActionResult> Index()
+		{
+			return Redirect("/");
+		}
+
+		// GET: CollectionItems/Details/5
+		public async Task<IActionResult> Details(int? id)
+		{
+			if (id == null || _context.CollectionItems == null)
+			{
+				return NotFound();
+			}
+
+			var collectionItem = await _context.CollectionItems
+					.FirstOrDefaultAsync(m => m.Id == id);
+			if (collectionItem == null)
+			{
+				return NotFound();
+			}
+
+			return View(collectionItem);
+		}
+
+		// GET: CollectionItems/Create
+		public IActionResult Create()
+		{
+			return View();
+		}
+
+		// POST: CollectionItems/Create
+		// To protect from overposting attacks, enable the specific properties you want to bind to.
+		// For more details, see http://go.microsoft.com/fwlink/?LinkId=317598.
+		[HttpPost]
+		[ValidateAntiForgeryToken]
+		public async Task<IActionResult> Create(
+		[Bind("Name,Description,Acquired")] 
+			CollectionItem collectionItem,
+			List<IFormFile> files)
+		{
+			if (ModelState.IsValid)
+			{
+
+				if ((files.FirstOrDefault()?.Length ?? 0) > 0)
+				{
+					var filePath = Path.Combine(this.Environment.WebRootPath, 
+						"collectionImages", 
+						collectionItem.Name + ".jpg");
+
+					using (var stream = System.IO.File.Create(filePath))
+					{
+						await files.First().CopyToAsync(stream);
+					}
+
+					collectionItem.ImageURL = $"/collectionImages/{collectionItem.Name}.jpg";
+
+				}
+
+				_context.Add(collectionItem);
+				await _context.SaveChangesAsync();
+				return RedirectToAction(nameof(Index));
+			}
+			return View(collectionItem);
+		}
+
+		// GET: CollectionItems/Edit/5
+		public async Task<IActionResult> Edit(int? id)
+		{
+			if (id == null || _context.CollectionItems == null)
+			{
+				return NotFound();
+			}
+
+			var collectionItem = await _context.CollectionItems.FindAsync(id);
+			if (collectionItem == null)
+			{
+				return NotFound();
+			}
+			return View(collectionItem);
+		}
+
+		// POST: CollectionItems/Edit/5
+		// To protect from overposting attacks, enable the specific properties you want to bind to.
+		// For more details, see http://go.microsoft.com/fwlink/?LinkId=317598.
+		[HttpPost]
+		[ValidateAntiForgeryToken]
+		public async Task<IActionResult> Edit(int id, [Bind("Id,Name,Description,ImageURL,Acquired,Votes")] CollectionItem collectionItem)
+		{
+			if (id != collectionItem.Id)
+			{
+				return NotFound();
+			}
+
+			if (ModelState.IsValid)
+			{
+				try
+				{
+					_context.Update(collectionItem);
+					await _context.SaveChangesAsync();
+				}
+				catch (DbUpdateConcurrencyException)
+				{
+					if (!CollectionItemExists(collectionItem.Id))
+					{
+						return NotFound();
+					}
+					else
+					{
+						throw;
+					}
+				}
+				return RedirectToAction(nameof(Index));
+			}
+			return View(collectionItem);
+		}
+
+		// GET: CollectionItems/Delete/5
+		public async Task<IActionResult> Delete(int? id)
+		{
+			if (id == null || _context.CollectionItems == null)
+			{
+				return NotFound();
+			}
+
+			var collectionItem = await _context.CollectionItems
+					.FirstOrDefaultAsync(m => m.Id == id);
+			if (collectionItem == null)
+			{
+				return NotFound();
+			}
+
+			return View(collectionItem);
+		}
+
+		// POST: CollectionItems/Delete/5
+		[HttpPost, ActionName("Delete")]
+		[ValidateAntiForgeryToken]
+		public async Task<IActionResult> DeleteConfirmed(int id)
+		{
+			if (_context.CollectionItems == null)
+			{
+				return Problem("Entity set 'CollectionContext.CollectionItems'  is null.");
+			}
+			var collectionItem = await _context.CollectionItems.FindAsync(id);
+			if (collectionItem != null)
+			{
+				_context.CollectionItems.Remove(collectionItem);
+			}
+
+			await _context.SaveChangesAsync();
+			return RedirectToAction(nameof(Index));
+		}
+
+		private bool CollectionItemExists(int id)
+		{
+			return (_context.CollectionItems?.Any(e => e.Id == id)).GetValueOrDefault();
+		}
+	}
+}