diff --git a/src/angular/hq/src/app/app.component.html b/src/angular/hq/src/app/app.component.html index 4612d829..5542b2fa 100644 --- a/src/angular/hq/src/app/app.component.html +++ b/src/angular/hq/src/app/app.component.html @@ -1,6 +1,45 @@ - + +
+ +
 
+ + + +
+ +
+
+ +
+ My Account + Sign out +
+
+
+
Sanctuary Software Studio, Inc.
+
+
- \ No newline at end of file + +
+ +
+ + + \ No newline at end of file diff --git a/src/angular/hq/src/app/app.component.ts b/src/angular/hq/src/app/app.component.ts index 7df2553e..0a1d1c40 100644 --- a/src/angular/hq/src/app/app.component.ts +++ b/src/angular/hq/src/app/app.component.ts @@ -21,6 +21,8 @@ export class AppComponent { title = 'HQ'; appSettingsService = inject(AppSettingsService); oidcSecurityService = inject(OidcSecurityService); + + dropdownOpen = false; ngOnInit() { this.oidcSecurityService diff --git a/src/angular/hq/src/app/clients/client-details/client-details.component.html b/src/angular/hq/src/app/clients/client-details/client-details.component.html index e8d4be2c..11fcc7dd 100644 --- a/src/angular/hq/src/app/clients/client-details/client-details.component.html +++ b/src/angular/hq/src/app/clients/client-details/client-details.component.html @@ -1,5 +1,25 @@ - +
+

[Client Name Here]

-Projects
-Quotes
-Services \ No newline at end of file +
+
$105.00
+
billingEmail@clientDomain.com
+
Official Name - Probably longer than the name
+
+
+ +
+
+
+ Search, Dropdown, Toggle Here +
+
+ Projects + Quotes + Services + Invoices +
+
+
+ + \ No newline at end of file diff --git a/src/angular/hq/src/app/clients/client-details/client-project-list/client-project-list.component.html b/src/angular/hq/src/app/clients/client-details/client-project-list/client-project-list.component.html index 62c8ef99..52fc4324 100644 --- a/src/angular/hq/src/app/clients/client-details/client-project-list/client-project-list.component.html +++ b/src/angular/hq/src/app/clients/client-details/client-project-list/client-project-list.component.html @@ -1 +1,2 @@ -

client-project-list works!

+ +

client-project-list works!

\ No newline at end of file diff --git a/src/angular/hq/src/app/clients/client-details/client-quote-list/client-quote-list.component.html b/src/angular/hq/src/app/clients/client-details/client-quote-list/client-quote-list.component.html index 321d8131..26cf7baa 100644 --- a/src/angular/hq/src/app/clients/client-details/client-quote-list/client-quote-list.component.html +++ b/src/angular/hq/src/app/clients/client-details/client-quote-list/client-quote-list.component.html @@ -1 +1,2 @@ -

client-quote-list works!

+ +

client-quote-list works!

diff --git a/src/angular/hq/src/app/clients/client-details/client-service-list/client-service-list.component.html b/src/angular/hq/src/app/clients/client-details/client-service-list/client-service-list.component.html index a5baf9e7..f115aea4 100644 --- a/src/angular/hq/src/app/clients/client-details/client-service-list/client-service-list.component.html +++ b/src/angular/hq/src/app/clients/client-details/client-service-list/client-service-list.component.html @@ -1 +1,2 @@ -

client-service-list works!

+ +

client-service-list works!

diff --git a/src/angular/hq/src/app/clients/client-list/client-list.component.html b/src/angular/hq/src/app/clients/client-list/client-list.component.html index cbf38b45..504fc70e 100644 --- a/src/angular/hq/src/app/clients/client-list/client-list.component.html +++ b/src/angular/hq/src/app/clients/client-list/client-list.component.html @@ -1,5 +1,13 @@ -

client-list works!

+
+

Clients

-Some ID 1
-Some ID 2
-Some ID 3 \ No newline at end of file +
+   +
+
+ +
+ Some ID 1
+ Some ID 2
+ Some ID 3 +
\ No newline at end of file diff --git a/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html b/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html index 5af5dc22..1caccee8 100644 --- a/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html +++ b/src/angular/hq/src/app/psr/psrdetails/psrdetails.component.html @@ -1 +1,7 @@ -

psrdetails works!

+
+

P 1006; POS

+ +
+
Dencar Technology
+
+
\ No newline at end of file diff --git a/src/angular/hq/src/app/psr/psrlist/psrlist.component.html b/src/angular/hq/src/app/psr/psrlist/psrlist.component.html index 62e7d040..531187b4 100644 --- a/src/angular/hq/src/app/psr/psrlist/psrlist.component.html +++ b/src/angular/hq/src/app/psr/psrlist/psrlist.component.html @@ -1,5 +1,15 @@ -

psrlist works!

+
+

PSR

-Some ID 1
-Some ID 2
-Some ID 3 \ No newline at end of file +
+
$105.00
+
billingEmail@clientDomain.com
+
Official Name - Probably longer than the name
+
+
+ +
+ Some ID 1
+ Some ID 2
+ Some ID 3 +
\ No newline at end of file diff --git a/src/angular/hq/src/assets/logo.svg b/src/angular/hq/src/assets/logo.svg new file mode 100644 index 00000000..5ec87308 --- /dev/null +++ b/src/angular/hq/src/assets/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/angular/hq/src/index.html b/src/angular/hq/src/index.html index d213d8d3..0c6d8f71 100644 --- a/src/angular/hq/src/index.html +++ b/src/angular/hq/src/index.html @@ -1,5 +1,5 @@ - + HQ @@ -8,8 +8,11 @@ + - + diff --git a/src/angular/hq/src/styles.scss b/src/angular/hq/src/styles.scss index 6837946b..052efd29 100644 --- a/src/angular/hq/src/styles.scss +++ b/src/angular/hq/src/styles.scss @@ -106,5 +106,8 @@ $HQ-theme: mat.define-light-theme(( @tailwind components; @tailwind utilities; -html, body { height: 100%; } -body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } +html, body { + height: 100%; + @apply text-gray-100; +} +body { margin: 0; font-family: "Open Sans", Roboto, "Helvetica Neue", sans-serif; } diff --git a/src/angular/hq/tailwind.config.js b/src/angular/hq/tailwind.config.js index 1012fe8f..e88ac8f6 100644 --- a/src/angular/hq/tailwind.config.js +++ b/src/angular/hq/tailwind.config.js @@ -4,6 +4,10 @@ module.exports = { "./src/**/*.{html,ts}", ], theme: { + fontFamily: { + 'rajdhani': ['rajdhani', 'sans-serif'], + 'open-sans': ['open-sans', 'sans-serif'] + }, extend: { colors: { orange: { @@ -31,10 +35,49 @@ module.exports = { 800: '#94300c', 900: '#7a280d', 950: '#461302', - } + }, + blue: { + '50': '#f5f7fa', + '100': '#ebeef3', + '200': '#d3dae4', + '300': '#abbbce', + '400': '#7e96b2', + '500': '#5e7a99', + '600': '#4a617f', + '700': '#3d4f67', + '800': '#354357', + '900': '#28313e', + '950': '#202631', + }, + 'steel-blue': { + '50': '#f3f8fb', + '100': '#e4edf5', + '200': '#cfe0ee', + '300': '#afcce1', + '400': '#88b0d2', + '500': '#6c96c5', + '600': '#537bb5', + '700': '#4e6da7', + '800': '#445b89', + '900': '#3a4d6e', + '950': '#273144', + }, + gray: { + '50': '#b3b3b3', + '100': '#e9e9e9', + '200': '#d1d1d1', + '300': '#b0b0b0', + '400': '#888888', + '500': '#6d6d6d', + '600': '#5d5d5d', + '700': '#4f4f4f', + '800': '#454545', + '900': '#3e3e3e', + '950': '#262626', + }, + 'black-alt': "#242424" } }, }, plugins: [], -} - +} \ No newline at end of file