Hi
+ diff --git a/jambotron-ui/src/app/components/dialog-signup.component/dialog-signup.component.scss b/jambotron-ui/src/app/components/dialog-signup.component/dialog-signup.component.scss new file mode 100644 index 0000000..3c72c51 --- /dev/null +++ b/jambotron-ui/src/app/components/dialog-signup.component/dialog-signup.component.scss @@ -0,0 +1,7 @@ +.menu-spacer { + flex: 1 1 auto; +} + +.fillField{ + width: 100%; +}; diff --git a/jambotron-ui/src/app/components/dialog-signup.component/dialog-signup.component.spec.ts b/jambotron-ui/src/app/components/dialog-signup.component/dialog-signup.component.spec.ts new file mode 100644 index 0000000..6140c87 --- /dev/null +++ b/jambotron-ui/src/app/components/dialog-signup.component/dialog-signup.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DialogSignupComponent } from './dialog-signup.component'; + +describe('DialogSignupComponent', () => { + let component: DialogSignupComponent; + let fixture: ComponentFixture
+
+
-
+
diff --git a/jambotron-ui/src/app/components/dialog/dialog.component.scss b/jambotron-ui/src/app/components/dialog/dialog.component.scss
index 292c1b2..3c72c51 100644
--- a/jambotron-ui/src/app/components/dialog/dialog.component.scss
+++ b/jambotron-ui/src/app/components/dialog/dialog.component.scss
@@ -1,3 +1,6 @@
+.menu-spacer {
+ flex: 1 1 auto;
+}
.fillField{
width: 100%;
diff --git a/jambotron-ui/src/app/components/dialog/dialog.component.ts b/jambotron-ui/src/app/components/dialog/dialog.component.ts
index c2c14e5..c9f8128 100644
--- a/jambotron-ui/src/app/components/dialog/dialog.component.ts
+++ b/jambotron-ui/src/app/components/dialog/dialog.component.ts
@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, Inject, inject, signal} from '@angular/core';
+import {ChangeDetectionStrategy, Component, EventEmitter, Inject, inject, Output, signal} from '@angular/core';
import {MatButtonModule} from "@angular/material/button";
import {
MAT_DIALOG_DATA,
@@ -14,7 +14,8 @@ import {MatFormField, MatLabel, MatSuffix} from "@angular/material/form-field";
import {MatInput} from "@angular/material/input";
import {FormsModule} from "@angular/forms";
import {MatIcon} from "@angular/material/icon";
-import {DialogData} from '../../main-module/main.component/main.component';
+import {DialogLoginData} from '../../main-module/main.component/main.component';
+import {MatSnackBar} from '@angular/material/snack-bar';
@@ -22,16 +23,32 @@ import {DialogData} from '../../main-module/main.component/main.component';
@Component({
selector: 'app-dialog',
imports: [MatButtonModule, MatLabel, MatDialogActions, MatDialogClose, MatDialogTitle, MatDialogContent, MatFormField, MatInput, FormsModule, MatIcon, MatSuffix],
- changeDetection: ChangeDetectionStrategy.OnPush,
+
templateUrl: './dialog.component.html',
- styleUrl: './dialog.component.scss'
+ styleUrl: './dialog.component.scss',
+ changeDetection: ChangeDetectionStrategy.OnPush
})
export class DialogComponent {
readonly dialogRef = inject(MatDialogRef
+
+
+
+ house
+ @if (!isCollapsed) {
+ Dashboard
+ }
+
+
+
+
+ newspaper
+ @if (!isCollapsed) {
+ Tutorials
+ }
+
+
+
+
+ house
+ @if (!isCollapsed) {
+ AI tools
+ }
+
+
+
+
+
+
+
+
diff --git a/jambotron-ui/src/app/components/side-bar.component/side-bar.component.scss b/jambotron-ui/src/app/components/side-bar.component/side-bar.component.scss
new file mode 100644
index 0000000..52e31bf
--- /dev/null
+++ b/jambotron-ui/src/app/components/side-bar.component/side-bar.component.scss
@@ -0,0 +1,21 @@
+.entry{
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+ padding:0.75rem;
+}
+
+
+
+.example-action-buttons {
+ padding-bottom: 20px;
+}
+
+.example-headers-align .mat-expansion-panel-header-description {
+ justify-content: space-between;
+ align-items: center;
+}
+
+.example-headers-align .mat-mdc-form-field + .mat-mdc-form-field {
+ margin-left: 8px;
+}
diff --git a/jambotron-ui/src/app/components/side-bar.component/side-bar.component.spec.ts b/jambotron-ui/src/app/components/side-bar.component/side-bar.component.spec.ts
new file mode 100644
index 0000000..b2bc9bf
--- /dev/null
+++ b/jambotron-ui/src/app/components/side-bar.component/side-bar.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SideBarComponent } from './side-bar.component';
+
+describe('SideBarComponent', () => {
+ let component: SideBarComponent;
+ let fixture: ComponentFixture
+ Jambotron
+
+ 
+
+
+
+
+
+
+
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [AiModelsComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(AiModelsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.ts b/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.ts
new file mode 100644
index 0000000..31bd190
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-ai-models.component',
+ imports: [],
+ templateUrl: './ai-models.component.html',
+ styleUrl: './ai-models.component.scss'
+})
+export class AiModelsComponent {
+
+}
diff --git a/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.html b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.html
new file mode 100644
index 0000000..088d130
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.html
@@ -0,0 +1,6 @@
+
+ Item 1
+ Item 2
+ Item 3
+
diff --git a/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.scss b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.spec.ts b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.spec.ts
new file mode 100644
index 0000000..c8453de
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TutorialsListComponent } from './tutorials-list.component';
+
+describe('TutorialsListComponent', () => {
+ let component: TutorialsListComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [TutorialsListComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(TutorialsListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.ts b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.ts
new file mode 100644
index 0000000..6b34a98
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/tutorials-list.component/tutorials-list.component.ts
@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import {MatList, MatListItem} from '@angular/material/list';
+
+@Component({
+ selector: 'app-tutorials-list.component',
+ imports: [
+ MatList,
+ MatListItem
+ ],
+ templateUrl: './tutorials-list.component.html',
+ styleUrl: './tutorials-list.component.scss'
+})
+export class TutorialsListComponent {
+
+}
diff --git a/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.html b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.html
new file mode 100644
index 0000000..1148657
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.html
@@ -0,0 +1 @@
+;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [UserWelcomeComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(UserWelcomeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.ts b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.ts
new file mode 100644
index 0000000..a80cd89
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-user-welcome.component',
+ imports: [],
+ templateUrl: './user-welcome.component.html',
+ styleUrl: './user-welcome.component.scss'
+})
+export class UserWelcomeComponent {
+
+}
diff --git a/jambotron-ui/src/app/user-module/user.component/user.component.html b/jambotron-ui/src/app/user-module/user.component/user.component.html
new file mode 100644
index 0000000..9467823
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.component/user.component.html
@@ -0,0 +1,34 @@
+
+
+
+
+;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [UserComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(UserComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/jambotron-ui/src/app/user-module/user.component/user.component.ts b/jambotron-ui/src/app/user-module/user.component/user.component.ts
new file mode 100644
index 0000000..b45bdb2
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.component/user.component.ts
@@ -0,0 +1,55 @@
+import {Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild} from '@angular/core';
+import {RouterOutlet} from '@angular/router';
+import {SideBarComponent} from '../../components/side-bar.component/side-bar.component';
+import {MatSidenav, MatSidenavContainer} from '@angular/material/sidenav';
+import {NgClass} from '@angular/common';
+import {MatListItem, MatNavList} from '@angular/material/list';
+import {MatIcon} from '@angular/material/icon';
+import {BreakpointObserver} from '@angular/cdk/layout';
+import {MatToolbar} from '@angular/material/toolbar';
+import {MatIconButton} from '@angular/material/button';
+
+@Component({
+ selector: 'app-user.component',
+ imports: [
+ RouterOutlet,
+ SideBarComponent,
+ MatSidenavContainer,
+ NgClass,
+ MatNavList,
+ MatSidenav,
+ MatListItem,
+ MatIcon,
+ MatToolbar,
+ MatIconButton
+ ],
+ templateUrl: './user.component.html',
+ styleUrl: './user.component.scss',
+ schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class UserComponent implements OnInit {
+ @ViewChild(MatSidenav)
+ sidenav!: MatSidenav;
+ isMobile= true;
+ isCollapsed = true;
+
+
+ constructor(private observer: BreakpointObserver) {
+
+ }
+
+ ngOnInit(): void {
+ this.observer.observe(['(max-width: 800px)']).subscribe((screenSize) => {
+ this.isMobile = screenSize.matches;
+ });
+ }
+ toggleMenu() {
+ if(this.isMobile){
+ this.sidenav.toggle();
+ this.isCollapsed = false;
+ } else {
+ this.sidenav.open();
+ this.isCollapsed = !this.isCollapsed;
+ }
+ }
+}
diff --git a/jambotron-ui/src/app/user-module/user.module.ts b/jambotron-ui/src/app/user-module/user.module.ts
new file mode 100644
index 0000000..7255d3c
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {userRouting} from './user.routing';
+import {UserComponent} from './user.component/user.component';
+
+
+
+@NgModule({
+ declarations: [],
+ imports: [
+ userRouting,
+ UserComponent,
+ CommonModule
+ ]
+})
+export class UserModule { }
diff --git a/jambotron-ui/src/app/user-module/user.routing.spec.ts b/jambotron-ui/src/app/user-module/user.routing.spec.ts
new file mode 100644
index 0000000..a1455bd
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.routing.spec.ts
@@ -0,0 +1,7 @@
+import { UserRouting } from './user.routing';
+
+describe('UserRouting', () => {
+ it('should create an instance', () => {
+ expect(new UserRouting()).toBeTruthy();
+ });
+});
diff --git a/jambotron-ui/src/app/user-module/user.routing.ts b/jambotron-ui/src/app/user-module/user.routing.ts
new file mode 100644
index 0000000..c9f7228
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.routing.ts
@@ -0,0 +1,27 @@
+import {RouterModule, Routes} from '@angular/router';
+
+import {UserComponent} from './user.component/user.component';
+
+const USER_ROUTES: Routes = [
+ {
+ path: '',
+ component: UserComponent,
+
+ children: [
+ {
+ path: 'user-welcome',
+ loadComponent: () => import('../user-module/user-welcome.component/user-welcome.component').then((c) => c.UserWelcomeComponent),
+ },
+ {
+ path: 'tutorials-list',
+ loadComponent: () => import('../user-module/tutorials-list.component/tutorials-list.component').then((c) => c.TutorialsListComponent)
+ },
+ {
+ path: 'ai-models',
+ loadComponent: () => import('../user-module/ai-models.component/ai-models.component').then((c) => c.AiModelsComponent)
+ }
+ ]
+ }
+];
+
+export const userRouting = RouterModule.forChild(USER_ROUTES);
diff --git a/jambotron-ui/src/styles.scss b/jambotron-ui/src/styles.scss
index 7a0592a..0421915 100644
--- a/jambotron-ui/src/styles.scss
+++ b/jambotron-ui/src/styles.scss
@@ -38,6 +38,18 @@ File: style.css
@import 'scss/themes/preset-style.scss';
+//markdown styles
+@import 'bootstrap/dist/css/bootstrap.min.css';
+@import 'prismjs/themes/prism-okaidia.css';
+@import 'prismjs/plugins/line-numbers/prism-line-numbers.css';
+@import 'prismjs/plugins/line-highlight/prism-line-highlight.css';
+blockquote {
+ border-left: 3px solid rgba(0,0,0,0.21);
+ padding-left: 12px;
+ color: rgba(0,0,0,0.54);
+}
+//--------------------------
+//
html, body { height: 100%; }
body {
background-image: url('../public/Firefly_jambo tron 118290.jpg');
ai-models.component works!
diff --git a/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.scss b/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.spec.ts b/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.spec.ts new file mode 100644 index 0000000..86b422c --- /dev/null +++ b/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AiModelsComponent } from './ai-models.component'; + +describe('AiModelsComponent', () => { + let component: AiModelsComponent; + let fixture: ComponentFixturetutorials-list.component works!
+user-welcome.component works!
diff --git a/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.scss b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.spec.ts b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.spec.ts new file mode 100644 index 0000000..5843210 --- /dev/null +++ b/jambotron-ui/src/app/user-module/user-welcome.component/user-welcome.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UserWelcomeComponent } from './user-welcome.component'; + +describe('UserWelcomeComponent', () => { + let component: UserWelcomeComponent; + let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/jambotron-ui/src/app/user-module/user.component/user.component.scss b/jambotron-ui/src/app/user-module/user.component/user.component.scss
new file mode 100644
index 0000000..070126d
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.component/user.component.scss
@@ -0,0 +1,50 @@
+
+mat-toolbar{
+ position:fixed;
+ top:0;
+ z-index: 2;
+}
+
+mat-sidenav-container {
+ height:100%;
+}
+
+// Move the content down so that it won't be hidden by the toolbar
+mat-sidenav {
+ padding-top: 3.5rem;
+ transition: width 0.3s ease;
+ @media screen and (min-width: 600px) {
+ padding-top: 4rem;
+ }
+
+ .entry{
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+ padding:0.75rem;
+ }
+
+}
+
+// Move the content down so that it won't be hidden by the toolbar
+mat-sidenav-content{
+ padding-top: 3.5rem;
+ @media screen and (min-width: 600px) {
+ padding-top: 4rem;
+ }
+}
+
+
+
+.expanded {
+ width: 250px;
+}
+
+//---------------
+.pc-sidebar{
+ top: 65px;
+ overflow-y: auto;
+}
+.pc-container{
+ top: 0px;
+}
diff --git a/jambotron-ui/src/app/user-module/user.component/user.component.spec.ts b/jambotron-ui/src/app/user-module/user.component/user.component.spec.ts
new file mode 100644
index 0000000..31806fe
--- /dev/null
+++ b/jambotron-ui/src/app/user-module/user.component/user.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserComponent } from './user.component';
+
+describe('UserComponent', () => {
+ let component: UserComponent;
+ let fixture: ComponentFixture