From 5401b9e1ec415e15a2d41ee1cb8f2e4b7fc2a8db Mon Sep 17 00:00:00 2001
From: tsteelematc <tsteele@madisoncollege.edu>
Date: Fri, 24 Oct 2025 10:33:36 -0500
Subject: [PATCH 1/3] My Week 08 Sharing in a single commit : - )

---
 src/app/app.html                                     |  1 +
 src/app/app.ts                                       |  3 ++-
 .../tsteele-my-component/tsteele-my-component.css    |  0
 .../tsteele-my-component/tsteele-my-component.html   | 12 ++++++++++++
 src/app/tsteele-my-component/tsteele-my-component.ts | 11 +++++++++++
 5 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/app/tsteele-my-component/tsteele-my-component.css
 create mode 100644 src/app/tsteele-my-component/tsteele-my-component.html
 create mode 100644 src/app/tsteele-my-component/tsteele-my-component.ts

diff --git a/src/app/app.html b/src/app/app.html
index 3dd99b5..5122fda 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -1 +1,2 @@
 <app-sw-planet-films></app-sw-planet-films>
+<app-tsteele-my-component></app-tsteele-my-component>
diff --git a/src/app/app.ts b/src/app/app.ts
index 5f5f986..547a14a 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -1,9 +1,10 @@
 import { Component, signal } from '@angular/core';
 import { SwPlanetFilms } from './sw-planet-films/sw-planet-films';
+import { TsteeleMyComponent } from './tsteele-my-component/tsteele-my-component';
 
 @Component({
 	selector: 'app-root',
-	imports: [SwPlanetFilms],
+	imports: [SwPlanetFilms, TsteeleMyComponent],
 	templateUrl: './app.html',
 	styleUrl: './app.css',
 })
diff --git a/src/app/tsteele-my-component/tsteele-my-component.css b/src/app/tsteele-my-component/tsteele-my-component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/tsteele-my-component/tsteele-my-component.html b/src/app/tsteele-my-component/tsteele-my-component.html
new file mode 100644
index 0000000..b5d168f
--- /dev/null
+++ b/src/app/tsteele-my-component/tsteele-my-component.html
@@ -0,0 +1,12 @@
+<h1>Choose two planets, add their film count...</h1>
+<select>
+	<option>Tatooine (5)</option>
+	<option>Alderan (2)</option>
+</select>
+<br />
+<br />
+<select>
+	<option>Tatooine (5)</option>
+	<option>Alderan (2)</option>
+</select>
+<h3>Sum of film count: 7</h3>
diff --git a/src/app/tsteele-my-component/tsteele-my-component.ts b/src/app/tsteele-my-component/tsteele-my-component.ts
new file mode 100644
index 0000000..ce4e0d1
--- /dev/null
+++ b/src/app/tsteele-my-component/tsteele-my-component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-tsteele-my-component',
+  imports: [],
+  templateUrl: './tsteele-my-component.html',
+  styleUrl: './tsteele-my-component.css'
+})
+export class TsteeleMyComponent {
+
+}

From efa02a52813464d99d6e0c39dc731405569b4744 Mon Sep 17 00:00:00 2001
From: tsteelematc <tsteele@madisoncollege.edu>
Date: Tue, 28 Oct 2025 11:03:29 -0500
Subject: [PATCH 2/3] Renaming with 02 to hopefully have better rebase/merge
 demos in class today : - O

Only hoping : - OO
---
 src/app/app.html                                      |  2 +-
 src/app/app.ts                                        |  4 ++--
 .../tsteele-my-component-02.css}                      |  0
 .../tsteele-my-component-02.html}                     |  0
 .../tsteele-my-component-02.ts                        |  9 +++++++++
 src/app/tsteele-my-component/tsteele-my-component.ts  | 11 -----------
 6 files changed, 12 insertions(+), 14 deletions(-)
 rename src/app/{tsteele-my-component/tsteele-my-component.css => tsteele-my-component-02/tsteele-my-component-02.css} (100%)
 rename src/app/{tsteele-my-component/tsteele-my-component.html => tsteele-my-component-02/tsteele-my-component-02.html} (100%)
 create mode 100644 src/app/tsteele-my-component-02/tsteele-my-component-02.ts
 delete mode 100644 src/app/tsteele-my-component/tsteele-my-component.ts

diff --git a/src/app/app.html b/src/app/app.html
index 5122fda..56cbfcb 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -1,2 +1,2 @@
 <app-sw-planet-films></app-sw-planet-films>
-<app-tsteele-my-component></app-tsteele-my-component>
+<app-tsteele-my-component-02></app-tsteele-my-component-02>
diff --git a/src/app/app.ts b/src/app/app.ts
index 547a14a..df95005 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -1,10 +1,10 @@
 import { Component, signal } from '@angular/core';
 import { SwPlanetFilms } from './sw-planet-films/sw-planet-films';
-import { TsteeleMyComponent } from './tsteele-my-component/tsteele-my-component';
+import { TsteeleMyComponent02 } from './tsteele-my-component-02/tsteele-my-component-02';
 
 @Component({
 	selector: 'app-root',
-	imports: [SwPlanetFilms, TsteeleMyComponent],
+	imports: [SwPlanetFilms, TsteeleMyComponent02],
 	templateUrl: './app.html',
 	styleUrl: './app.css',
 })
diff --git a/src/app/tsteele-my-component/tsteele-my-component.css b/src/app/tsteele-my-component-02/tsteele-my-component-02.css
similarity index 100%
rename from src/app/tsteele-my-component/tsteele-my-component.css
rename to src/app/tsteele-my-component-02/tsteele-my-component-02.css
diff --git a/src/app/tsteele-my-component/tsteele-my-component.html b/src/app/tsteele-my-component-02/tsteele-my-component-02.html
similarity index 100%
rename from src/app/tsteele-my-component/tsteele-my-component.html
rename to src/app/tsteele-my-component-02/tsteele-my-component-02.html
diff --git a/src/app/tsteele-my-component-02/tsteele-my-component-02.ts b/src/app/tsteele-my-component-02/tsteele-my-component-02.ts
new file mode 100644
index 0000000..6b9f6ae
--- /dev/null
+++ b/src/app/tsteele-my-component-02/tsteele-my-component-02.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-tsteele-my-component-02',
+	imports: [],
+	templateUrl: './tsteele-my-component-02.html',
+	styleUrl: './tsteele-my-component-02.css',
+})
+export class TsteeleMyComponent02 {}
diff --git a/src/app/tsteele-my-component/tsteele-my-component.ts b/src/app/tsteele-my-component/tsteele-my-component.ts
deleted file mode 100644
index ce4e0d1..0000000
--- a/src/app/tsteele-my-component/tsteele-my-component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-tsteele-my-component',
-  imports: [],
-  templateUrl: './tsteele-my-component.html',
-  styleUrl: './tsteele-my-component.css'
-})
-export class TsteeleMyComponent {
-
-}

From 5ff6bb86eb56f667167a223f3d326534095f24c2 Mon Sep 17 00:00:00 2001
From: tsteelematc <tsteele@madisoncollege.edu>
Date: Tue, 28 Oct 2025 13:23:58 -0500
Subject: [PATCH 3/3] Moved my component to the bottom of the app page...

---
 src/app/app.html | 2 +-
 src/app/app.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/app.html b/src/app/app.html
index cd19925..0f29453 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -1,3 +1,3 @@
 <app-sw-planet-films></app-sw-planet-films>
-<app-tsteele-my-component-02></app-tsteele-my-component-02>
 <app-tsteele-my-component></app-tsteele-my-component>
+<app-tsteele-my-component-02></app-tsteele-my-component-02>
diff --git a/src/app/app.ts b/src/app/app.ts
index fe0e4f7..64515d6 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -1,7 +1,7 @@
 import { Component, signal } from '@angular/core';
 import { SwPlanetFilms } from './sw-planet-films/sw-planet-films';
-import { TsteeleMyComponent02 } from './tsteele-my-component-02/tsteele-my-component-02';
 import { TsteeleMyComponent } from './tsteele-my-component/tsteele-my-component';
+import { TsteeleMyComponent02 } from './tsteele-my-component-02/tsteele-my-component-02';
 
 @Component({
 	selector: 'app-root',