MathewFrancis/btc_horse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: MathewFrancis:main
Branches Tags
MathewFrancis:main
MathewFrancis:ui-branch
MathewFrancis:backend
MathewFrancis:web_socket
MathewFrancis:JNI
MathewFrancis:k-btc
MathewFrancis:docker
MathewFrancis:post_btc
MathewFrancis:btc
..
compare: MathewFrancis:btc
Branches Tags
MathewFrancis:ui-branch
MathewFrancis:backend
MathewFrancis:web_socket
MathewFrancis:JNI
MathewFrancis:k-btc
MathewFrancis:docker
MathewFrancis:post_btc
MathewFrancis:btc
MathewFrancis:main

2 Commits
main ... btc

Author SHA1 Message Date
MathewFrancis
da12f3bbdc Race card 2025-07-22 16:09:03 +05:30
MathewFrancis
a6c1668fed updated shared screen styling 2025-07-10 16:23:38 +05:30
17 changed files with 168 additions and 50 deletions
Show Stats Expand all files Collapse all files

14
btc-UI/src/app/components/activity-screen/activity-screen.css
View File

@ -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;
}

63
btc-UI/src/app/components/activity-screen/activity-screen.html
View File

@ -1,30 +1,45 @@
<div class="d-flex min-vh-100">
<div class="flex-grow-1 d-flex flex-column">
<!-- Header Section: BT No, Date/Time, Venue, Race No (matching navbar style) --> <body>
<div class="top-bar d-flex justify-content-between align-items-center px-3 py-2" style="background:#0d329f; color:white;">
<div class="d-flex align-items-center"> <div class="d-flex min-vh-100 flex-column">
<span class="me-2"><b>B.T.No:1111</b></span> <!-- Header Section (Navbar) -->
<span class="date-time">{{ dateTime }}</span> <div class="top-bar d-flex justify-content-between align-items-center px-3 py-2"
</div> style="background:#0d329f; color:white; height: 60px;">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<button class="nav-dropdown me-2" style="background:transparent; border:none; color:white;" > <span class="me-2"><b>B.T.No:1111</b></span>
{{ selectedVenue }} <span class="date-time">{{ dateTime }}</span>
</button> </div>
<button class="nav-dropdown" style="background:transparent; border:none; color:white;" > <div class="d-flex align-items-center">
<button class="nav-dropdown me-2" style="background:transparent; border:none; color:white;">
{{ selectedVenue }}
</button>
<button class="nav-dropdown" style="background:transparent; border:none; color:white;">
{{ selectedRace }} {{ selectedRace }}
</button> </button>
</div> </div>
</div>
<!-- Main Content Area (fills rest of screen) -->
<div class="flex-grow-1 d-flex flex-column wrapper" style="height: calc(100vh - 60px); margin-top: 2.8rem;">
<!-- 70%: Middle Section -->
<div style="flex: 0 0 56%;">
<app-middle-section [containerHeight]="'100%'"></app-middle-section>
</div> </div>
<!-- Main Content --> <!-- 30%: Footer -->
<div class="flex-grow-1 p-3"> <div style="flex: 0 0 10%; background-color: #469c7ba2; margin-bottom: 5rem;">
<app-middle-section></app-middle-section> <!-- You can insert a component or HTML here -->
<div class="h-100 d-flex align-items-center justify-content-center">
<!-- Tablet View Touchpad --> <h5 class="mb-0">Live data goes here </h5>
<div *ngIf="isTabletView" class="mt-3">
<app-touch-pad-menu [ticketingActive]="isTicketingActive"></app-touch-pad-menu>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</body>

3
btc-UI/src/app/components/middle-section/middle-section.component.css
View File

@ -23,10 +23,11 @@ div[style*="background-color: black"] .custom-cell {
.middle-section-container { .middle-section-container {
display: flex; display: flex;
gap: 1rem; gap: 1rem;
height: 38vh;
width: 100%; width: 100%;
/* height is now controlled dynamically via [ngStyle] */
} }
/* Desktop view (default) */ /* Desktop view (default) */
.main-table { .main-table {
width: 60%; width: 60%;

5
btc-UI/src/app/components/middle-section/middle-section.component.html
View File

@ -1,5 +1,6 @@
<!-- Responsive Container --> <!-- Responsive Container -->
<div class="middle-section-container"> <div class="middle-section-container" [ngStyle]="{ height: containerHeight }">
<!-- Transaction Summary --> <!-- Transaction Summary -->
<div class="transaction-summary"> <div class="transaction-summary">
<div <div
@ -33,7 +34,7 @@
</div> </div>
<!-- Main Table --> <!-- Main Table -->
<div class="main-table"> <div class="main-table ">
<div <div
class="p-2 rounded h-100 d-flex flex-column justify-content-between" class="p-2 rounded h-100 d-flex flex-column justify-content-between"
style="background-color: #f1f1f1df" style="background-color: #f1f1f1df"

25
btc-UI/src/app/components/middle-section/middle-section.component.ts
View File

@ -1,15 +1,32 @@
import { Component } from '@angular/core'; // import { Component } from '@angular/core';
import { CommonModule } from '@angular/common'; // ✅ Import this // import { CommonModule } from '@angular/common'; // ✅ Import this
// @Component({
// selector: 'app-middle-section',
// standalone: true,
// imports: [CommonModule], // ✅ Add CommonModule here
// templateUrl: './middle-section.component.html',
// styleUrls: ['./middle-section.component.css']
// })
// export class MiddleSectionComponent {
// rows = Array.from({ length: 5 });
// summaryRows = Array.from({ length: 4 }); // 4 empty rows for now
// }
import { Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
@Component({ @Component({
selector: 'app-middle-section', selector: 'app-middle-section',
standalone: true, standalone: true,
imports: [CommonModule], // ✅ Add CommonModule here imports: [CommonModule],
templateUrl: './middle-section.component.html', templateUrl: './middle-section.component.html',
styleUrls: ['./middle-section.component.css'] styleUrls: ['./middle-section.component.css']
}) })
export class MiddleSectionComponent { export class MiddleSectionComponent {
@Input() containerHeight: string = '50vh'; // default for home screen
rows = Array.from({ length: 5 }); rows = Array.from({ length: 5 });
summaryRows = Array.from({ length: 4 }); // 4 empty rows for now summaryRows = Array.from({ length: 4 }); // 4 empty rows for now
} }

2
btc-UI/src/app/constants/http-routs.ts
View File

@ -1,6 +1,6 @@
export class ApplicationHttpRouts { export class ApplicationHttpRouts {
private static readonly PROTOCOL: string = 'http'; private static readonly PROTOCOL: string = 'http';
private static readonly BACKEND_SERVER: string = '172.20.100.122'; private static readonly BACKEND_SERVER: string = '192.168.1.110';
private static readonly FRONT_PORT_NUMBER: string = '4200'; private static readonly FRONT_PORT_NUMBER: string = '4200';
private static readonly PORT_NUMBER: string = '8083'; private static readonly PORT_NUMBER: string = '8083';
private static readonly SOCKET: string = `${this.PROTOCOL}://${this.BACKEND_SERVER}:${this.PORT_NUMBER}`; private static readonly SOCKET: string = `${this.PROTOCOL}://${this.BACKEND_SERVER}:${this.PORT_NUMBER}`;

2
btc-UI/src/app/home/home.component.html
View File

@ -17,7 +17,7 @@
<!-- Main Content --> <!-- Main Content -->
<div class="flex-grow-1 p-3"> <div class="flex-grow-1 p-3">
<app-middle-section></app-middle-section> <app-middle-section [containerHeight]="'38vh'"></app-middle-section>
<!-- Tablet View Touchpad --> <!-- Tablet View Touchpad -->
<div *ngIf="isTabletView" class="mt-3"> <div *ngIf="isTabletView" class="mt-3">

4
btc-UI/src/app/login/login.component.html
View File

@ -19,7 +19,7 @@
</div> </div>
<!-- Scan Enable/Disable Toggle Button --> <!-- Scan Enable/Disable Toggle Button -->
<button <!-- <button
type="button" type="button"
class="scan-toggle-btn" class="scan-toggle-btn"
(click)="toggleScan()" (click)="toggleScan()"
@ -27,7 +27,7 @@
style="margin-bottom: 10px" style="margin-bottom: 10px"
> >
Scanner: {{ scanningEnabled ? "ON" : "OFF" }} Scanner: {{ scanningEnabled ? "ON" : "OFF" }}
</button> </button> -->
<!-- End Scan Toggle Button --> <!-- End Scan Toggle Button -->
<!-- Login Form --> <!-- Login Form -->

28
btc-UI/src/app/login/login.component.ts
View File

@ -219,21 +219,21 @@ export class LoginComponent implements OnInit, OnDestroy {
localStorage.setItem('userName', printData.name); localStorage.setItem('userName', printData.name);
localStorage.setItem('employeeId', printData.employeeId); localStorage.setItem('employeeId', printData.employeeId);
// 🖨️ Print logic commented out // 🖨️ Print logic commented out
// fetch('http://localhost:9100/print', { fetch('http://localhost:9100/print', {
// method: 'POST', method: 'POST',
// headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
// body: JSON.stringify(printData), body: JSON.stringify(printData),
// }) })
// .then((res) => { .then((res) => {
// if (!res.ok) throw new Error('Print failed'); if (!res.ok) throw new Error('Print failed');
// console.log('🖨️ Print successful'); console.log('🖨️ Print successful');
// }) })
// .catch((err) => { .catch((err) => {
// console.error('‼️ Print failed', err); console.error('‼️ Print failed', err);
// this.loginError = 'Login OK, but printing failed.'; this.loginError = 'Login OK, but printing failed.';
// }); });
// ✅ Open secondary screen after login // ✅ Open secondary screen after login

BIN
btc-UI/src/assets/horse.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 558 KiB

BIN
btc-UI/src/assets/horse_cropped.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 373 KiB

9
springHorse/src/main/java/com/example/cezenBTC/DTO/race_card/Pools.java Normal file
View File

@ -0,0 +1,9 @@
package com.example.cezenBTC.DTO.race_card;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Map;
import java.util.Set;
public record Pools(Map<String, Set<Integer>> comboRaces) {
}

8
springHorse/src/main/java/com/example/cezenBTC/DTO/race_card/RaceCard.java Normal file
View File

@ -0,0 +1,8 @@
package com.example.cezenBTC.DTO.race_card;
import java.time.LocalDate;
import java.util.List;
import java.util.Set;
public record RaceCard(String Venue, LocalDate date, RaceVenueRaces raceVenueRaces, Pools pools) {
}

9
springHorse/src/main/java/com/example/cezenBTC/DTO/race_card/RaceVenueRaces.java Normal file
View File

@ -0,0 +1,9 @@
package com.example.cezenBTC.DTO.race_card;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Map;
import java.util.Set;
public record RaceVenueRaces(Set<Set<Integer>> races) {
}

1
springHorse/src/main/java/com/example/cezenBTC/config/CezenRoutsSecurityChain.java
View File

@ -103,6 +103,7 @@ public class CezenRoutsSecurityChain {
"/btc/get_all_venues", "/btc/get_all_venues",
"/btc/get_races_by_venue_id", "/btc/get_races_by_venue_id",
"/btc/get_all_races_by_today", "/btc/get_all_races_by_today",
"/btc/get_race_card",
"/cezen/set_aors", "/cezen/set_aors",
"/cezen/set_password", "/cezen/set_password",
"/cezen/add_extension" "/cezen/add_extension"

8
springHorse/src/main/java/com/example/cezenBTC/controller/BtcOperations.java
View File

@ -1,9 +1,11 @@
package com.example.cezenBTC.controller; package com.example.cezenBTC.controller;
import com.example.cezenBTC.DTO.race_card.RaceCard;
import com.example.cezenBTC.entity.btc_entity.RaceNumber; import com.example.cezenBTC.entity.btc_entity.RaceNumber;
import com.example.cezenBTC.entity.btc_entity.RaceVenue; import com.example.cezenBTC.entity.btc_entity.RaceVenue;
import com.example.cezenBTC.service.BtcRaceService; import com.example.cezenBTC.service.BtcRaceService;
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.RequestParam;
@ -39,4 +41,10 @@ public class BtcOperations {
return this.btcRaceService.getAllRacesByDateService(LocalDate.now()); return this.btcRaceService.getAllRacesByDateService(LocalDate.now());
} }
@GetMapping("/get_race_card")
public ResponseEntity<RaceCard> getRaceCard(){
return this.btcRaceService.getRaceCard(LocalDate.now());
}
} }

37
springHorse/src/main/java/com/example/cezenBTC/service/BtcRaceService.java
View File

@ -2,13 +2,17 @@ package com.example.cezenBTC.service;
import com.example.cezenBTC.DAO.BtcOpsDAO; import com.example.cezenBTC.DAO.BtcOpsDAO;
import com.example.cezenBTC.DTO.ReturnStatus; import com.example.cezenBTC.DTO.ReturnStatus;
import com.example.cezenBTC.DTO.race_card.Pools;
import com.example.cezenBTC.DTO.race_card.RaceCard;
import com.example.cezenBTC.DTO.race_card.RaceVenueRaces;
import com.example.cezenBTC.entity.btc_entity.RaceNumber; import com.example.cezenBTC.entity.btc_entity.RaceNumber;
import com.example.cezenBTC.entity.btc_entity.RaceVenue; import com.example.cezenBTC.entity.btc_entity.RaceVenue;
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Service; import org.springframework.stereotype.Service;
import java.time.LocalDate; import java.time.LocalDate;
import java.util.List; import java.util.*;
@Service @Service
public class BtcRaceService { public class BtcRaceService {
@ -79,4 +83,35 @@ public class BtcRaceService {
return null; return null;
} }
} }
public ResponseEntity<RaceCard> getRaceCard(LocalDate date){
//create race numbers
Set<Integer> races1 = new LinkedHashSet<>(List.of(1,2,3,4,5,6,7,8,10));
Set<Integer> races2 = new LinkedHashSet<>(List.of(2,4,6,8,10,12));
Set<Integer> races3 = new LinkedHashSet<>(List.of(1,2,3,5,7,8,9,10,11));
Set<Integer> races4 = new LinkedHashSet<>(List.of(1,2,3,4,5,6,7,8,10,12,13));
// create a Venue
Set<Set<Integer>> mysRaces = new LinkedHashSet<>();
mysRaces.add(races1);
mysRaces.add(races2);
mysRaces.add(races3);
mysRaces.add(races4);
RaceVenueRaces raceVenueMYS = new RaceVenueRaces(mysRaces);
//create a Pool combination
Set<Integer> pool1 = new LinkedHashSet<>(List.of(5, 6, 7));
Set<Integer> pool2 = new LinkedHashSet<>(List.of(1, 2, 3));
// pole id to pool combo
Map<String, Set<Integer>> mysPools = new LinkedHashMap<>();
mysPools.put("TRB2", pool1);
mysPools.put("MJP1", pool2);
Pools mysPool = new Pools(mysPools);
RaceCard raceCard = new RaceCard("MYS", date, raceVenueMYS, mysPool);
return ResponseEntity.status(200).body(raceCard);
}
} }