dfsdgdsgsdg
- -dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
-dfsdgdsgsdg
- - - - - - - diff --git a/jambotron-ui/src/app/components/home.component/home.component.ts b/jambotron-ui/src/app/components/home.component/home.component.ts deleted file mode 100644 index 9b001f7..0000000 --- a/jambotron-ui/src/app/components/home.component/home.component.ts +++ /dev/null @@ -1,76 +0,0 @@ -import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; -import {MatFormField, MatInput, MatLabel} from '@angular/material/input'; -import {AngularImageViewerModule, CustomImageEvent, ImageViewerConfig} from '@hreimer/angular-image-viewer'; - -import {ZhipuaiImageService} from '../../services/zhipuai-image.service'; -import {MatButton} from '@angular/material/button'; - - -import {FormsModule} from '@angular/forms'; -import {CommonModule} from '@angular/common'; -import {BrowserModule} from '@angular/platform-browser'; -import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from '@angular/material/card'; -import {Image} from '../../models/image'; - -@Component({ - selector: 'app-home.component', - imports: [ - - AngularImageViewerModule, - FormsModule - ], - templateUrl: './home.component.html', - styleUrl: './home.component.scss', - schemas :[CUSTOM_ELEMENTS_SCHEMA] -}) - -export class HomeComponent { - - query : string = ''; - - images = []; - image: Image = { - url: '' - }; - imageIndexOne = 0; - - config: ImageViewerConfig = { customBtns: [{ name: 'print', icon: { - classes: 'fas fa-paperclip', - text: 'link' - } }, { name: 'link', icon: { - classes: 'fas fa-paperclip', - text: 'link' - } }] }; - - submitted: boolean = false; - - constructor(private zhipuaiImageService: ZhipuaiImageService) { - - } - - handleEvent(event: CustomImageEvent) { - console.log(`${event.name} has been click on img ${event.imageIndex + 1}`); - - switch (event.name) { - case 'print': - console.log('run print logic'); - break; - } - } - generateImage(){ - this.zhipuaiImageService.generate(this.query).subscribe( - data => { - this.image = data; - // @ts-ignore - this.images = [this.image.url]; - - - console.log(data); - }, - error => { - console.log(error); - } - ) - } - -} diff --git a/jambotron-ui/src/app/components/login/login.component.html b/jambotron-ui/src/app/components/login/login.component.html deleted file mode 100644 index a4d4501..0000000 --- a/jambotron-ui/src/app/components/login/login.component.html +++ /dev/null @@ -1,75 +0,0 @@ -
-
diff --git a/jambotron-ui/src/app/components/login/login.component.scss b/jambotron-ui/src/app/components/login/login.component.scss
deleted file mode 100644
index 8b13789..0000000
--- a/jambotron-ui/src/app/components/login/login.component.scss
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/jambotron-ui/src/app/components/login/login.component.ts b/jambotron-ui/src/app/components/login/login.component.ts
deleted file mode 100644
index b9518e7..0000000
--- a/jambotron-ui/src/app/components/login/login.component.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import {FormsModule} from "@angular/forms";
-import {NgIf} from "@angular/common";
-import {AuthService} from '../../services/auth.service';
-import {TokenStorageService} from '../../services/token-storage.service';
-
-@Component({
- selector: 'app-login',
- templateUrl: './login.component.html',
- imports: [
- FormsModule,
- NgIf
- ],
- styleUrls: ['./login.component.scss']
-})
-export class LoginComponent implements OnInit {
-
- form: any = {
- username: null,
- password: null
- };
- isLoggedIn = false;
- isLoginFailed = false;
- errorMessage = '';
- roles: string[] = [];
-
- constructor(private authService: AuthService, private tokenStorage: TokenStorageService) { }
-
- ngOnInit(): void {
- if (this.tokenStorage.getToken()) {
- this.isLoggedIn = true;
- this.roles = this.tokenStorage.getUser().roles;
- }
- }
-
- onSubmit(): void {
- const { username, password } = this.form;
-
- this.authService.login(username, password).subscribe(
- data => {
- this.tokenStorage.saveToken(data.accessToken);
- this.tokenStorage.saveUser(data);
-
- this.isLoginFailed = false;
- this.isLoggedIn = true;
- this.roles = this.tokenStorage.getUser().roles;
- this.reloadPage();
- },
- err => {
- this.errorMessage = err.error.message;
- this.isLoginFailed = true;
- }
- );
- }
-
- reloadPage(): void {
- window.location.reload();
- }
-}
diff --git a/jambotron-ui/src/app/components/profile/profile.component.html b/jambotron-ui/src/app/components/profile/profile.component.html
deleted file mode 100644
index d6c4144..0000000
--- a/jambotron-ui/src/app/components/profile/profile.component.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
- 
-
-
-
- 
-
-
-
- Logged in as {{ roles }}.
-
-
-
-
-
-
- - {{ currentUser.username }} Profile -
-- Token: - {{ currentUser.accessToken.substring(0, 20) }} ... - {{ currentUser.accessToken.substr(currentUser.accessToken.length - 20) }} -
-- Email: - {{ currentUser.email }} -
- Roles: --
-
- - {{ role }} - -
-
diff --git a/jambotron-ui/src/app/components/register/register.component.scss b/jambotron-ui/src/app/components/register/register.component.scss
deleted file mode 100644
index 8b13789..0000000
--- a/jambotron-ui/src/app/components/register/register.component.scss
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/jambotron-ui/src/app/components/register/register.component.spec.ts b/jambotron-ui/src/app/components/register/register.component.spec.ts
deleted file mode 100644
index f6db869..0000000
--- a/jambotron-ui/src/app/components/register/register.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RegisterComponent } from './register.component';
-
-describe('RegisterComponent', () => {
- let component: RegisterComponent;
- let fixture: ComponentFixture
-
-
-
-
-
-
-
-
- Your registration is successful!
-
- ai-welcome.component works!
diff --git a/jambotron-ui/src/app/components/profile/profile.component.scss b/jambotron-ui/src/app/modules/ai-module/ai-welcome.component/ai-welcome.component.scss similarity index 100% rename from jambotron-ui/src/app/components/profile/profile.component.scss rename to jambotron-ui/src/app/modules/ai-module/ai-welcome.component/ai-welcome.component.scss diff --git a/jambotron-ui/src/app/components/login/login.component.spec.ts b/jambotron-ui/src/app/modules/ai-module/ai-welcome.component/ai-welcome.component.spec.ts similarity index 53% rename from jambotron-ui/src/app/components/login/login.component.spec.ts rename to jambotron-ui/src/app/modules/ai-module/ai-welcome.component/ai-welcome.component.spec.ts index d2c0e6c..b90e25f 100644 --- a/jambotron-ui/src/app/components/login/login.component.spec.ts +++ b/jambotron-ui/src/app/modules/ai-module/ai-welcome.component/ai-welcome.component.spec.ts @@ -1,20 +1,18 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { LoginComponent } from './login.component'; +import { AiWelcomeComponent } from './ai-welcome.component'; -describe('LoginComponent', () => { - let component: LoginComponent; - let fixture: ComponentFixture
+
+
+ Generate image
+
+
+
+ Query
+
+
+
+
+
+ @if (spinnerService.visibility | async) {
+
+
+
+@for (image of images; track image) {
+
+
+
+
+
+
+}
+
+
diff --git a/jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.scss b/jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.scss
new file mode 100644
index 0000000..6004a05
--- /dev/null
+++ b/jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.scss
@@ -0,0 +1,42 @@
+.generate-image-view {
+ margin-right: 12px;
+ padding: 20px 22px 18px 22px;
+ margin-top: 81px;
+ margin-left: 12px;
+ background-color: #e7edf3c2;
+ backdrop-filter: blur(8px);
+}
+
+.image-container{
+ width: 100%;
+ height: 100%;
+
+}
+.image-container .image-toolbar
+{
+ background-color: rgba(153,153,153,0);
+
+ color: white;
+ position: absolute;
+ left : 50%;
+ top: 5%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ padding: 0px 2px;
+ border: none;
+ border-radius: 5px;
+}
+.image-container .menu-spacer {
+ flex: 1 1 auto;
+}
+
+.image-container .image-file-name {
+ padding-left: 10px;
+}
+
+.mat-mdc-mini-fab{
+ margin: 5px;
+}
+.example-full-width {
+ width: 100%;
+}
diff --git a/jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.spec.ts b/jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.spec.ts
new file mode 100644
index 0000000..255f5e0
--- /dev/null
+++ b/jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GenerateImageComponent } from './generate-image.component';
+
+describe('GenerateImageComponent', () => {
+ let component: GenerateImageComponent;
+ let fixture: ComponentFixture
+ 
+
+
+
+
+ @if (isLoggedIn) {
+
+ }
+
+
+
+
+ 
+
+
diff --git a/jambotron-ui/src/app/modules/tutorials-module/tutorial-view.component/tutorial-view.component.scss b/jambotron-ui/src/app/modules/tutorials-module/tutorial-view.component/tutorial-view.component.scss
new file mode 100644
index 0000000..b1babdc
--- /dev/null
+++ b/jambotron-ui/src/app/modules/tutorials-module/tutorial-view.component/tutorial-view.component.scss
@@ -0,0 +1,17 @@
+.tutorial-view {
+ margin-right: 12px;
+ padding: 20px 12px 12px 31px;
+ margin-top: 81px;
+ margin-left: 12px;
+ background-color: #e7edf3c2;
+ backdrop-filter: blur(8px);
+
+ display: flex;
+ flex-wrap: nowrap;
+ flex-direction: column;
+ align-items: center;
+}
+
+.tutorial-body{
+ width: 100%;
+}
diff --git a/jambotron-ui/src/app/modules/tutorials-module/tutorial-view.component/tutorial-view.component.spec.ts b/jambotron-ui/src/app/modules/tutorials-module/tutorial-view.component/tutorial-view.component.spec.ts
new file mode 100644
index 0000000..0cadd22
--- /dev/null
+++ b/jambotron-ui/src/app/modules/tutorials-module/tutorial-view.component/tutorial-view.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TutorialViewComponent } from './tutorial-view.component';
+
+describe('TutorialViewComponent', () => {
+ let component: TutorialViewComponent;
+ let fixture: ComponentFixture
+ @for(tutorial of tutorials; track $index){
+
+ ![Photo of a]()
+
+
+
+
+
+
+
+ }
+
+
diff --git a/jambotron-ui/src/app/modules/tutorials-module/tutorials-card-view.component/tutorials-card-view.component.scss b/jambotron-ui/src/app/modules/tutorials-module/tutorials-card-view.component/tutorials-card-view.component.scss
new file mode 100644
index 0000000..7929a90
--- /dev/null
+++ b/jambotron-ui/src/app/modules/tutorials-module/tutorials-card-view.component/tutorials-card-view.component.scss
@@ -0,0 +1,38 @@
+//mat-card{
+// width: 20%;
+//}
+
+.container-card-view{
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ gap: 24px;
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+ padding: 24px;
+ //width: 100%;
+ //height: 100%;
+ //padding-top: 20px;
+ //display: flex;
+ //flex-wrap: wrap;
+ //flex-direction: row;
+ //align-content: flex-start;
+ //justify-content: space-around;
+ //align-items: center;
+}
+
+.container {
+ padding: 24px;
+}
+
+img {
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+}
+
+.responsive-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ gap: 24px;
+}
diff --git a/jambotron-ui/src/app/modules/tutorials-module/tutorials-card-view.component/tutorials-card-view.component.spec.ts b/jambotron-ui/src/app/modules/tutorials-module/tutorials-card-view.component/tutorials-card-view.component.spec.ts
new file mode 100644
index 0000000..7d850b2
--- /dev/null
+++ b/jambotron-ui/src/app/modules/tutorials-module/tutorials-card-view.component/tutorials-card-view.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TutorialsCardViewComponent } from './tutorials-card-view.component';
+
+describe('TutorialsCardViewComponent', () => {
+ let component: TutorialsCardViewComponent;
+ let fixture: ComponentFixturetutorials-welcome.component works!
diff --git a/jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.scss b/jambotron-ui/src/app/modules/tutorials-module/tutorials-welcome.component/tutorials-welcome.component.scss similarity index 100% rename from jambotron-ui/src/app/user-module/ai-models.component/ai-models.component.scss rename to jambotron-ui/src/app/modules/tutorials-module/tutorials-welcome.component/tutorials-welcome.component.scss diff --git a/jambotron-ui/src/app/modules/tutorials-module/tutorials-welcome.component/tutorials-welcome.component.spec.ts b/jambotron-ui/src/app/modules/tutorials-module/tutorials-welcome.component/tutorials-welcome.component.spec.ts new file mode 100644 index 0000000..47c5c99 --- /dev/null +++ b/jambotron-ui/src/app/modules/tutorials-module/tutorials-welcome.component/tutorials-welcome.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TutorialsWelcomeComponent } from './tutorials-welcome.component'; + +describe('TutorialsWelcomeComponent', () => { + let component: TutorialsWelcomeComponent; + let fixture: ComponentFixtureHi
+
+
+
+ @for (fileInfo of fileInfos; track fileInfo){
+
+ 
+
+
+
+ {{fileInfo.name}}
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
diff --git a/jambotron-ui/src/app/modules/user-module/dialog-select-image.component/dialog-select-image.component.scss b/jambotron-ui/src/app/modules/user-module/dialog-select-image.component/dialog-select-image.component.scss
new file mode 100644
index 0000000..ad0d4e1
--- /dev/null
+++ b/jambotron-ui/src/app/modules/user-module/dialog-select-image.component/dialog-select-image.component.scss
@@ -0,0 +1,28 @@
+.menu-spacer {
+ flex: 1 1 auto;
+}
+
+.mat-dialog-content{
+ min-height: 300px;
+ min-width: 300px;
+
+ height: 75%;
+ width: 75%;
+}
+.mdc-dialog--open .mat-mdc-dialog-inner-container
+{
+ opacity: 1;
+ width: 600px;
+}
+
+.mat-mdc-dialog-container {
+ width: 600px;
+ height: 500px;
+ display: block;
+ box-sizing: border-box;
+ max-height: inherit;
+ min-height: inherit;
+ min-width: inherit;
+ max-width: inherit;
+ outline: 0;
+}
diff --git a/jambotron-ui/src/app/modules/user-module/dialog-select-image.component/dialog-select-image.component.spec.ts b/jambotron-ui/src/app/modules/user-module/dialog-select-image.component/dialog-select-image.component.spec.ts
new file mode 100644
index 0000000..6b51f49
--- /dev/null
+++ b/jambotron-ui/src/app/modules/user-module/dialog-select-image.component/dialog-select-image.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DialogSelectImageComponent } from './dialog-select-image.component';
+
+describe('DialogSelectImageComponent', () => {
+ let component: DialogSelectImageComponent;
+ let fixture: ComponentFixtureimages.component works!
+ +
+
+
+ @for (fileInfo of fileInfos; track fileInfo) {
+
+
+
+
+
+
+ }
+
diff --git a/jambotron-ui/src/app/modules/user-module/images.component/images.component.scss b/jambotron-ui/src/app/modules/user-module/images.component/images.component.scss
new file mode 100644
index 0000000..0928c5a
--- /dev/null
+++ b/jambotron-ui/src/app/modules/user-module/images.component/images.component.scss
@@ -0,0 +1,31 @@
+
+.image-container{
+ width: 100%;
+ height: 100%;
+
+}
+.image-container .image-toolbar
+{
+ background-color: rgba(153,153,153,0);
+
+ color: white;
+ position: absolute;
+ left : 50%;
+ top: 5%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ padding: 0px 2px;
+ border: none;
+ border-radius: 5px;
+}
+.image-container .menu-spacer {
+ flex: 1 1 auto;
+}
+
+.image-container .image-file-name {
+ padding-left: 10px;
+}
+
+.mat-mdc-mini-fab{
+ margin: 5px;
+}
diff --git a/jambotron-ui/src/app/components/dialog/dialog.component.spec.ts b/jambotron-ui/src/app/modules/user-module/images.component/images.component.spec.ts
similarity index 55%
rename from jambotron-ui/src/app/components/dialog/dialog.component.spec.ts
rename to jambotron-ui/src/app/modules/user-module/images.component/images.component.spec.ts
index 8fd87c4..144618e 100644
--- a/jambotron-ui/src/app/components/dialog/dialog.component.spec.ts
+++ b/jambotron-ui/src/app/modules/user-module/images.component/images.component.spec.ts
@@ -1,18 +1,18 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DialogComponent } from './dialog.component';
+import { ImagesComponent } from './images.component';
-describe('DialogComponent', () => {
- let component: DialogComponent;
- let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Body
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ } @else {
+
+ }
+ Tutorial was submitted successfully!
+ +
-
-