diff --git a/btc-UI/src/app/components/activity-screen/activity-screen.css b/btc-UI/src/app/components/activity-screen/activity-screen.css index e69de29..57ea8f2 100644 --- a/btc-UI/src/app/components/activity-screen/activity-screen.css +++ b/btc-UI/src/app/components/activity-screen/activity-screen.css @@ -0,0 +1,14 @@ +body { + background-image: url('../../../assets/horse.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-attachment: fixed; +} + +.wrapper{ + + display: flex; + flex-direction: column; + justify-content: space-between; +} \ No newline at end of file diff --git a/btc-UI/src/app/components/activity-screen/activity-screen.html b/btc-UI/src/app/components/activity-screen/activity-screen.html index ccf9069..ca017c1 100644 --- a/btc-UI/src/app/components/activity-screen/activity-screen.html +++ b/btc-UI/src/app/components/activity-screen/activity-screen.html @@ -1,30 +1,45 @@ -
-
- -
-
- B.T.No:1111 - {{ dateTime }} -
-
- - + -
+ +
+
+ + +
+ + +
+
- -
- - - -
- + +
+ +
+
Live data goes here
-
-
\ No newline at end of file +
+ + + +
+ + + + diff --git a/btc-UI/src/app/components/middle-section/middle-section.component.css b/btc-UI/src/app/components/middle-section/middle-section.component.css index 124a39d..fbff867 100644 --- a/btc-UI/src/app/components/middle-section/middle-section.component.css +++ b/btc-UI/src/app/components/middle-section/middle-section.component.css @@ -23,10 +23,11 @@ div[style*="background-color: black"] .custom-cell { .middle-section-container { display: flex; gap: 1rem; - height: 38vh; width: 100%; + /* height is now controlled dynamically via [ngStyle] */ } + /* Desktop view (default) */ .main-table { width: 60%; diff --git a/btc-UI/src/app/components/middle-section/middle-section.component.html b/btc-UI/src/app/components/middle-section/middle-section.component.html index f51f83a..bc1d10b 100644 --- a/btc-UI/src/app/components/middle-section/middle-section.component.html +++ b/btc-UI/src/app/components/middle-section/middle-section.component.html @@ -1,5 +1,6 @@ -
+
+
-
+
- +
diff --git a/btc-UI/src/app/login/login.component.html b/btc-UI/src/app/login/login.component.html index aff40ac..7027f88 100644 --- a/btc-UI/src/app/login/login.component.html +++ b/btc-UI/src/app/login/login.component.html @@ -19,7 +19,7 @@
- + --> diff --git a/btc-UI/src/app/login/login.component.ts b/btc-UI/src/app/login/login.component.ts index 74397dc..47e23f7 100644 --- a/btc-UI/src/app/login/login.component.ts +++ b/btc-UI/src/app/login/login.component.ts @@ -219,21 +219,21 @@ export class LoginComponent implements OnInit, OnDestroy { localStorage.setItem('userName', printData.name); localStorage.setItem('employeeId', printData.employeeId); - // 🖨️ Print logic commented out + // 🖨️ Print logic commented out - // fetch('http://localhost:9100/print', { - // method: 'POST', - // headers: { 'Content-Type': 'application/json' }, - // body: JSON.stringify(printData), - // }) - // .then((res) => { - // if (!res.ok) throw new Error('Print failed'); - // console.log('🖨️ Print successful'); - // }) - // .catch((err) => { - // console.error('‼️ Print failed', err); - // this.loginError = 'Login OK, but printing failed.'; - // }); + fetch('http://localhost:9100/print', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(printData), + }) + .then((res) => { + if (!res.ok) throw new Error('Print failed'); + console.log('🖨️ Print successful'); + }) + .catch((err) => { + console.error('‼️ Print failed', err); + this.loginError = 'Login OK, but printing failed.'; + }); // ✅ Open secondary screen after login diff --git a/btc-UI/src/assets/horse.jpg b/btc-UI/src/assets/horse.jpg new file mode 100644 index 0000000..e04fca5 Binary files /dev/null and b/btc-UI/src/assets/horse.jpg differ diff --git a/btc-UI/src/assets/horse_cropped.jpg b/btc-UI/src/assets/horse_cropped.jpg new file mode 100644 index 0000000..ff1d938 Binary files /dev/null and b/btc-UI/src/assets/horse_cropped.jpg differ