- -- [A simplified Jira clone built with Angular, Akita and ng-zorro](#a-simplified-jira-clone-built-with-angular-akita-and-ng-zorro) - - [Merry Christmas](#merry-christmas) - - [Working application](#working-application) - - [Storybook](#storybook) - - [What is Storybook](#what-is-storybook) - - [Jira Clone Storybook](#jira-clone-storybook) - - [Support](#support) - - [Who is it for ๐คทโโ๏ธ](#who-is-it-for-๏ธ) - - [Tech stack](#tech-stack) - - [High level design](#high-level-design) - - [Application architecture](#application-architecture) - - [Simple data interaction flow](#simple-data-interaction-flow) - - [Features and Roadmap](#features-and-roadmap) - - [Phase 1 - Angular application and simple Nest API](#phase-1---angular-application-and-simple-nest-api) - - [Phase 2](#phase-2) - - [Tutorial](#tutorial) - - [Time spending](#time-spending) - - [What's currently missing?](#whats-currently-missing) - - [Proper backend API](#proper-backend-api) - - [Proper authentication system ๐](#proper-authentication-system-) - - [Accessibility โฟ](#accessibility-) - - [Setting up development environment ๐ ](#setting-up-development-environment-) - - [Unit/Integration tests ๐งช](#unitintegration-tests-) - - [Compatibility](#compatibility) - - [Author: Trung Vo โ๏ธ](#author-trung-vo-๏ธ) - - [Contributing](#contributing) - - [Credits](#credits) - - [License](#license) - -
-
+-
Thanks a bunch for stopping by and supporting me!
[tweet]: https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Ftrungk18%2Fjira-clone-angular&text=Awesome%20Jira%20clone%20app%20built%20with%20Angular%209%20and%20Akita&hashtags=angular,akita,typescript
-
## Who is it for ๐คทโโ๏ธ
I have been working with Angular for about four years. I built cool stuff at [Zyllem][zyllem] but almost all of them are internal apps which is difficult to show.
@@ -184,7 +147,7 @@ I will take two weeks break to:
- Fix bugs and UI enhancements for Angular Jira clone.
- Continue working with the [typescript-data-structures][typescript-dsa] repo.
-[typescript-dsa]: https://github.com/trungk18/typescript-data-structures
+[typescript-dsa]: https://github.com/trungvose/typescript-data-structures
### Phase 2
@@ -220,18 +183,18 @@ Its series will also be published in Vietnamese as part of our [angular-vietnam/
| 07 | [Build a rich text HTML editor][part07] | Done |
| 08 | [Create placeholder loading (like Facebook's cards loading)][part08] | Done |
-[part-1]: https://slides.com/tuantrungvo/behind-the-900-star-repository-jira-clone-angular
+[part-1]: https://slides.com/trungvose/behind-the-900-star-repository-jira-clone-angular
[part-1-video]: https://youtu.be/3dukbsRX0tc
-[part00]: https://trungk18.com/experience/angular-jira-clone-tutorial-00-prerequisites/
-[part01]: https://trungk18.com/experience/angular-jira-clone-tutorial-01-planning-and-set-up/
-[part02]: https://trungk18.com/experience/angular-jira-clone-tutorial-02-application-layout-tailwindcss-flex/
-[part03]: https://trungk18.com/experience/angular-jira-clone-tutorial-03-akita-state-management/
-[part04]: https://trungk18.com/experience/angular-jira-clone-tutorial-04-editable-textbox/
-[part05]: https://trungk18.com/experience/angular-jira-clone-tutorial-05-interactive-drag-and-drop-board/
-[part06]: https://trungk18.com/experience/angular-jira-clone-tutorial-06-angular-markdown-text-editor/
-[part07]: https://trungk18.com/experience/angular-jira-clone-tutorial-07-rich-text-editor/
-[part08]: https://trungk18.com/experience/angular-jira-clone-tutorial-08-angular-placeholder-loading/
-[todo-list]: https://www.notion.so/trungk18/Tasks-636be5c5c0dd4d8cab30808e4e41facc
+[part00]: https://trungvose.com/blog/angular-jira-clone-tutorial-00-prerequisites/
+[part01]: https://trungvose.com/blog/angular-jira-clone-tutorial-01-planning-and-set-up/
+[part02]: https://trungvose.com/blog/angular-jira-clone-tutorial-02-application-layout-tailwindcss-flex/
+[part03]: https://trungvose.com/blog/angular-jira-clone-tutorial-03-akita-state-management/
+[part04]: https://trungvose.com/blog/angular-jira-clone-tutorial-04-editable-textbox/
+[part05]: https://trungvose.com/blog/angular-jira-clone-tutorial-05-interactive-drag-and-drop-board/
+[part06]: https://trungvose.com/blog/angular-jira-clone-tutorial-06-angular-markdown-text-editor/
+[part07]: https://trungvose.com/blog/angular-jira-clone-tutorial-07-rich-text-editor/
+[part08]: https://trungvose.com/blog/angular-jira-clone-tutorial-08-angular-placeholder-loading/
+[todo-list]: https://trungvose.notion.site/Angular-Jira-clone-Phase-1-79d3205e26024357a75ebfc00aba558e?pvs=4
## Time spending
@@ -247,10 +210,6 @@ I really enjoyed working on this project. The interactive kanban board took me s
There are missing features from the live demo which should exist in a real product. All of them will be finished on Phase 2:
-### Proper backend API
-
-I built a very simple NestJS API to send a fixed data structure to the client. All of your interactivity with data will only be saved on the memory. If you refresh the page, it will be gone. Phase 2 will bring the application to live by saving the data into a database.
-
### Proper authentication system ๐
I am currently sending the same email and a random password to the server without any check to get the current user back. Phase 2 will also bring a proper authentication system.
@@ -261,42 +220,12 @@ Not all components have properly defined [aria attributes](https://developer.moz
## Setting up development environment ๐
-- `git clone https://github.com/trungk18/jira-clone-angular.git`
+- `git clone https://github.com/trungvose/jira-clone-angular.git`
- `cd jira-clone-angular`
-- `npm run start:front` for angular web application
+- `npm install` for installing npm-modules
+- `npm start` for angular web application
- The app should run on `http://localhost:4200/`
-> Update August 02, 2020: I changed the the API to use two simple JSON files for project and user. The API on heroku will go to sleep after sometimes idle. Therefore, if you open the webpage after a while without anyone using before, it will be very slow for the first load.
-
-If you still want to use the API, you should follow those steps:
-
-- `npm run start:back` for the API
-- The API server should run on `http://localhost:3000`
-- Open `environment.ts` and `environment.prod.ts` and uncomment the actual URL.
-- Open `auth.service.ts`, change
-
-```ts
-this._http.get
- 
-
A progressive Node.js framework for building efficient and scalable server-side applications, heavily inspired by Angular.
-
-
-
-
-
-
-
-
-
-
- 
- 
-
It took me few hours to try and configure with different option. Also, was confuse when PurgeCSS remove ng-zorro style...
I wrote one myself
https://trungk18.com/experience/configure-tailwind-css-with-angular/
Adding comments to an issue is a useful way to record additional detail about an issue, and collaborate with team members. Comments are shown in the Comments section when you view an issue.
I am currently using NestJS and storing data on a json file. I like the idea behind GraphQL, it is the good chance to learn more about that technology.
Akita is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Stores model.
', - type: 'Story', - status: 'InProgress', - priority: 'High', - listPosition: 1, - createdAt: '2020-06-12T14:40:01.304Z', - updatedAt: '2020-06-12T14:52:02.173Z', - reporterId: 'd65047e5-f4cf-4caa-9a38-6073dcbab7d1', - userIds: ['d65047e5-f4cf-4caa-9a38-6073dcbab7d1'], - }, - { - id: '9548', - title: 'Make the CDK Drag and Drop animation smoother', - description: - "After finishing all the other heavy lifting parts, I will spend sometimes at the end to finalize the DnD. The current behavior is acceptable for now.
28 June 2020
After spending about half an hour on that, I found the bug. Basically, I applied the cdkDrag to my component issue-card. Its height and width was collapsed to 0. That's why the animation has no effect at all.
I fixed by fixing adding these CSS to the issue-card component.
:host { @apply flex flex-grow; margin-bottom: 5px;}",
- type: 'Bug',
- status: 'Done',
- priority: 'High',
- listPosition: 1,
- createdAt: '2020-06-12T14:40:01.304Z',
- updatedAt: '2020-06-12T14:52:02.173Z',
- reporterId: 'd65047e5-f4cf-4caa-9a38-6073dcbab7d1',
- userIds: ['d65047e5-f4cf-4caa-9a38-6073dcbab7d1'],
- },
- {
- id: '9584',
- title: 'What is Angular Jira clone application?',
- description:
- "There have been a handful of cool Jira-cloned apps written in React/VueJS, which makes me wonder Why not Angular? And here you go.
This is not only a simplified Jira clone built with Angular 9, but also an example of a modern, real-world Angular codebase.
Tech stack
tooltip, modal, select, icon and more.Iโm the only front-end engineer at Zyllem, where I work mostly with Angular to build client side web app. I love thinking about development and user experience.
Find me around the web
Old question, but for those who might stumble on it on how to enable angular routing in Netlify.
See the full answer on stackoverflow.
Create a file _redirects in your src folder, add the following to it:
/* /index.html 200",
- type: 'Bug',
- status: 'Done',
- priority: 'High',
- listPosition: 1,
- createdAt: '2020-06-12T14:40:00.000Z',
- updatedAt: '2020-06-12T14:51:00.000Z',
- reporterId: 'd65047e5-f4cf-4caa-9a38-6073dcbab7d1',
- userIds: [
- '94502aad-c97f-43e1-a9d1-28cf3e4937a7',
- '7ac265f9-b9ac-443f-a2b2-795682e579a4',
- ],
- },
- {
- id: '9667',
- title:
- 'When creating an issue, the assignee list is not working properly on searching',
- description:
- "After searching for an assignee on the list and clear the text, the option label was missing. It could be the bug on the ng-zorro select itself. If you have any idea, feel free to create a pull request.
",
- type: 'Bug',
- status: 'Selected',
- priority: 'High',
- listPosition: 1,
- createdAt: '2020-06-28T15:30:00.000Z',
- updatedAt: '2020-06-28T16:30:00.000Z',
- reporterId: 'd65047e5-f4cf-4caa-9a38-6073dcbab7d1',
- userIds: ['d65047e5-f4cf-4caa-9a38-6073dcbab7d1'],
- },
- ],
-};
diff --git a/backend/test/app.e2e-spec.ts b/backend/test/app.e2e-spec.ts
deleted file mode 100644
index 50cda623..00000000
--- a/backend/test/app.e2e-spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Test, TestingModule } from '@nestjs/testing';
-import { INestApplication } from '@nestjs/common';
-import * as request from 'supertest';
-import { AppModule } from './../src/app.module';
-
-describe('AppController (e2e)', () => {
- let app: INestApplication;
-
- beforeEach(async () => {
- const moduleFixture: TestingModule = await Test.createTestingModule({
- imports: [AppModule],
- }).compile();
-
- app = moduleFixture.createNestApplication();
- await app.init();
- });
-
- it('/ (GET)', () => {
- return request(app.getHttpServer())
- .get('/')
- .expect(200)
- .expect('Hello World!');
- });
-});
diff --git a/backend/test/jest-e2e.json b/backend/test/jest-e2e.json
deleted file mode 100644
index e9d912f3..00000000
--- a/backend/test/jest-e2e.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "moduleFileExtensions": ["js", "json", "ts"],
- "rootDir": ".",
- "testEnvironment": "node",
- "testRegex": ".e2e-spec.ts$",
- "transform": {
- "^.+\\.(t|j)s$": "ts-jest"
- }
-}
diff --git a/backend/tsconfig.build.json b/backend/tsconfig.build.json
deleted file mode 100644
index 64f86c6b..00000000
--- a/backend/tsconfig.build.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "extends": "./tsconfig.json",
- "exclude": ["node_modules", "test", "dist", "**/*spec.ts"]
-}
diff --git a/backend/tsconfig.json b/backend/tsconfig.json
deleted file mode 100644
index bf10a239..00000000
--- a/backend/tsconfig.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
- "compilerOptions": {
- "module": "commonjs",
- "declaration": true,
- "removeComments": true,
- "emitDecoratorMetadata": true,
- "experimentalDecorators": true,
- "allowSyntheticDefaultImports": true,
- "target": "es2017",
- "sourceMap": true,
- "outDir": "./dist",
- "baseUrl": "./",
- "incremental": true
- }
-}
diff --git a/frontend/documentation.json b/documentation.json
similarity index 99%
rename from frontend/documentation.json
rename to documentation.json
index 015ab063..4df3458b 100644
--- a/frontend/documentation.json
+++ b/documentation.json
@@ -2427,7 +2427,7 @@
}
]
},
- "templateData": "\n \n Kanban board\n \n \n\n \n Kanban board\n \n \n\n ;
assignees$: Observable;
- issueForm: FormGroup;
+ issueForm: UntypedFormGroup;
editorOptions = quillConfiguration;
get f() {
@@ -30,7 +30,7 @@ export class AddIssueModalComponent implements OnInit {
}
constructor(
- private _fb: FormBuilder,
+ private _fb: UntypedFormBuilder,
private _modalRef: NzModalRef,
private _projectService: ProjectService,
private _projectQuery: ProjectQuery) {}
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.html b/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.html
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.html
rename to src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.html
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.scss b/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.scss
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.scss
rename to src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.scss
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.spec.ts b/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.spec.ts
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.spec.ts
rename to src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.spec.ts
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.ts b/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.ts
similarity index 84%
rename from frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.ts
rename to src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.ts
index 09e54a18..832e915f 100644
--- a/frontend/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.ts
+++ b/src/app/project/components/add-issue-modal/issue-assignees-select/issue-assignees-select.component.ts
@@ -1,6 +1,6 @@
import { Component, Input, ViewEncapsulation } from '@angular/core';
import { JUser } from '@trungk18/interface/user';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
@Component({
selector: 'issue-assignees-select',
@@ -9,7 +9,7 @@ import { FormControl } from '@angular/forms';
encapsulation: ViewEncapsulation.None
})
export class IssueAssigneesSelectComponent {
- @Input() control: FormControl;
+ @Input() control: UntypedFormControl;
@Input() users: JUser[];
constructor() {}
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.html b/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.html
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.html
rename to src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.html
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.scss b/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.scss
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.scss
rename to src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.scss
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.spec.ts b/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.spec.ts
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.spec.ts
rename to src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.spec.ts
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.ts b/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.ts
similarity index 88%
rename from frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.ts
rename to src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.ts
index 386483a3..e8f90268 100644
--- a/frontend/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.ts
+++ b/src/app/project/components/add-issue-modal/issue-priority-select/issue-priority-select.component.ts
@@ -1,5 +1,5 @@
import { Component, Input } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { IssuePriorityIcon } from '@trungk18/interface/issue-priority-icon';
import { IssueUtil } from '@trungk18/project/utils/issue';
import { IssuePriority } from '@trungk18/interface/issue';
@@ -11,7 +11,7 @@ import { ProjectConst } from '@trungk18/project/config/const';
styleUrls: ['./issue-priority-select.component.scss']
})
export class IssuePrioritySelectComponent {
- @Input() control: FormControl;
+ @Input() control: UntypedFormControl;
priorities: IssuePriorityIcon[];
constructor() {
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.html b/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.html
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.html
rename to src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.html
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.scss b/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.scss
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.scss
rename to src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.scss
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.ts b/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.ts
similarity index 82%
rename from frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.ts
rename to src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.ts
index d380e015..868c56a8 100644
--- a/frontend/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.ts
+++ b/src/app/project/components/add-issue-modal/issue-reporter-select/issue-reporter-select.component.ts
@@ -1,5 +1,5 @@
import { Component, Input } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { JUser } from '@trungk18/interface/user';
@Component({
@@ -8,7 +8,7 @@ import { JUser } from '@trungk18/interface/user';
styleUrls: ['./issue-reporter-select.component.scss']
})
export class IssueReporterSelectComponent {
- @Input() control: FormControl;
+ @Input() control: UntypedFormControl;
@Input() users: JUser[];
constructor() {}
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.html b/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.html
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.html
rename to src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.html
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.scss b/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.scss
similarity index 100%
rename from frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.scss
rename to src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.scss
diff --git a/frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.ts b/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.ts
similarity index 88%
rename from frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.ts
rename to src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.ts
index c2b5cdf3..62380d5e 100644
--- a/frontend/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.ts
+++ b/src/app/project/components/add-issue-modal/issue-type-select/issue-type-select.component.ts
@@ -2,7 +2,7 @@ import { Component, Input } from '@angular/core';
import { IssueType } from '@trungk18/interface/issue';
import { IssueUtil } from '@trungk18/project/utils/issue';
import { IssueTypeWithIcon } from '@trungk18/interface/issue-type-icon';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { ProjectConst } from '@trungk18/project/config/const';
@Component({
@@ -11,7 +11,7 @@ import { ProjectConst } from '@trungk18/project/config/const';
styleUrls: ['./issue-type-select.component.scss']
})
export class IssueTypeSelectComponent {
- @Input() control: FormControl;
+ @Input() control: UntypedFormControl;
issueTypes: IssueTypeWithIcon[];
diff --git a/frontend/src/app/project/components/board/board-dnd-list/board-dnd-list.component.html b/src/app/project/components/board/board-dnd-list/board-dnd-list.component.html
similarity index 100%
rename from frontend/src/app/project/components/board/board-dnd-list/board-dnd-list.component.html
rename to src/app/project/components/board/board-dnd-list/board-dnd-list.component.html
diff --git a/frontend/src/app/project/components/board/board-dnd-list/board-dnd-list.component.scss b/src/app/project/components/board/board-dnd-list/board-dnd-list.component.scss
similarity index 100%
rename from frontend/src/app/project/components/board/board-dnd-list/board-dnd-list.component.scss
rename to src/app/project/components/board/board-dnd-list/board-dnd-list.component.scss
diff --git a/frontend/src/app/project/components/board/board-dnd-list/board-dnd-list.component.ts b/src/app/project/components/board/board-dnd-list/board-dnd-list.component.ts
similarity index 100%
rename from frontend/src/app/project/components/board/board-dnd-list/board-dnd-list.component.ts
rename to src/app/project/components/board/board-dnd-list/board-dnd-list.component.ts
diff --git a/frontend/src/app/project/components/board/board-dnd/board-dnd.component.html b/src/app/project/components/board/board-dnd/board-dnd.component.html
similarity index 100%
rename from frontend/src/app/project/components/board/board-dnd/board-dnd.component.html
rename to src/app/project/components/board/board-dnd/board-dnd.component.html
diff --git a/frontend/src/app/project/components/board/board-dnd/board-dnd.component.scss b/src/app/project/components/board/board-dnd/board-dnd.component.scss
similarity index 100%
rename from frontend/src/app/project/components/board/board-dnd/board-dnd.component.scss
rename to src/app/project/components/board/board-dnd/board-dnd.component.scss
diff --git a/frontend/src/app/project/components/board/board-dnd/board-dnd.component.ts b/src/app/project/components/board/board-dnd/board-dnd.component.ts
similarity index 100%
rename from frontend/src/app/project/components/board/board-dnd/board-dnd.component.ts
rename to src/app/project/components/board/board-dnd/board-dnd.component.ts
diff --git a/frontend/src/app/project/components/board/board-filter/board-filter.component.html b/src/app/project/components/board/board-filter/board-filter.component.html
similarity index 100%
rename from frontend/src/app/project/components/board/board-filter/board-filter.component.html
rename to src/app/project/components/board/board-filter/board-filter.component.html
diff --git a/frontend/src/app/project/components/board/board-filter/board-filter.component.scss b/src/app/project/components/board/board-filter/board-filter.component.scss
similarity index 100%
rename from frontend/src/app/project/components/board/board-filter/board-filter.component.scss
rename to src/app/project/components/board/board-filter/board-filter.component.scss
diff --git a/frontend/src/app/project/components/board/board-filter/board-filter.component.ts b/src/app/project/components/board/board-filter/board-filter.component.ts
similarity index 93%
rename from frontend/src/app/project/components/board/board-filter/board-filter.component.ts
rename to src/app/project/components/board/board-filter/board-filter.component.ts
index d385fb1c..e47e55a4 100644
--- a/frontend/src/app/project/components/board/board-filter/board-filter.component.ts
+++ b/src/app/project/components/board/board-filter/board-filter.component.ts
@@ -1,5 +1,5 @@
import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { FilterQuery } from '@trungk18/project/state/filter/filter.query';
import { FilterService } from '@trungk18/project/state/filter/filter.service';
@@ -14,7 +14,7 @@ import { JUser } from '@trungk18/interface/user';
})
@UntilDestroy()
export class BoardFilterComponent implements OnInit {
- searchControl: FormControl = new FormControl('');
+ searchControl: UntypedFormControl = new UntypedFormControl('');
userIds: string[];
constructor(
diff --git a/frontend/src/app/project/components/board/index.ts b/src/app/project/components/board/index.ts
similarity index 100%
rename from frontend/src/app/project/components/board/index.ts
rename to src/app/project/components/board/index.ts
diff --git a/frontend/src/app/project/components/issues/index.ts b/src/app/project/components/issues/index.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/index.ts
rename to src/app/project/components/issues/index.ts
diff --git a/frontend/src/app/project/components/issues/issue-assignees/issue-assignees.component.html b/src/app/project/components/issues/issue-assignees/issue-assignees.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-assignees/issue-assignees.component.html
rename to src/app/project/components/issues/issue-assignees/issue-assignees.component.html
diff --git a/frontend/src/app/project/components/issues/issue-assignees/issue-assignees.component.scss b/src/app/project/components/issues/issue-assignees/issue-assignees.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-assignees/issue-assignees.component.scss
rename to src/app/project/components/issues/issue-assignees/issue-assignees.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-assignees/issue-assignees.component.ts b/src/app/project/components/issues/issue-assignees/issue-assignees.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-assignees/issue-assignees.component.ts
rename to src/app/project/components/issues/issue-assignees/issue-assignees.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-card/issue-card.component.html b/src/app/project/components/issues/issue-card/issue-card.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-card/issue-card.component.html
rename to src/app/project/components/issues/issue-card/issue-card.component.html
diff --git a/frontend/src/app/project/components/issues/issue-card/issue-card.component.scss b/src/app/project/components/issues/issue-card/issue-card.component.scss
similarity index 58%
rename from frontend/src/app/project/components/issues/issue-card/issue-card.component.scss
rename to src/app/project/components/issues/issue-card/issue-card.component.scss
index cc09d479..85d79130 100644
--- a/frontend/src/app/project/components/issues/issue-card/issue-card.component.scss
+++ b/src/app/project/components/issues/issue-card/issue-card.component.scss
@@ -1,16 +1,19 @@
:host {
- @apply flex flex-grow;
+ @apply flex;
+ flex-grow: 1;
margin-bottom: 5px;
}
.issue-wrap {
touch-action: manipulation;
cursor: grab;
- @apply flex flex-grow;
+ @apply flex;
+ flex-grow: 1;
}
.issue {
- @apply flex flex-grow flex-col rounded-sm bg-white transition-all duration-100 select-none;
+ @apply flex flex-col rounded-sm bg-white transition-all duration-100 select-none;
+ flex-grow: 1;
padding: 10px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 2px 0px;
}
diff --git a/frontend/src/app/project/components/issues/issue-card/issue-card.component.ts b/src/app/project/components/issues/issue-card/issue-card.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-card/issue-card.component.ts
rename to src/app/project/components/issues/issue-card/issue-card.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-comment/issue-comment.component.html b/src/app/project/components/issues/issue-comment/issue-comment.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-comment/issue-comment.component.html
rename to src/app/project/components/issues/issue-comment/issue-comment.component.html
diff --git a/frontend/src/app/project/components/issues/issue-comment/issue-comment.component.scss b/src/app/project/components/issues/issue-comment/issue-comment.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-comment/issue-comment.component.scss
rename to src/app/project/components/issues/issue-comment/issue-comment.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-comment/issue-comment.component.ts b/src/app/project/components/issues/issue-comment/issue-comment.component.ts
similarity index 92%
rename from frontend/src/app/project/components/issues/issue-comment/issue-comment.component.ts
rename to src/app/project/components/issues/issue-comment/issue-comment.component.ts
index de8782b4..712a30f9 100644
--- a/frontend/src/app/project/components/issues/issue-comment/issue-comment.component.ts
+++ b/src/app/project/components/issues/issue-comment/issue-comment.component.ts
@@ -1,5 +1,5 @@
import { Component, Input, OnInit, HostListener, ElementRef, ViewChild } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { JComment } from '@trungk18/interface/comment';
import { JUser } from '@trungk18/interface/user';
@@ -17,7 +17,7 @@ export class IssueCommentComponent implements OnInit {
@Input() comment: JComment;
@Input() createMode: boolean;
@ViewChild('commentBoxRef') commentBoxRef: ElementRef;
- commentControl: FormControl;
+ commentControl: UntypedFormControl;
user: JUser;
isEditing: boolean;
@@ -38,7 +38,7 @@ export class IssueCommentComponent implements OnInit {
}
ngOnInit(): void {
- this.commentControl = new FormControl('');
+ this.commentControl = new UntypedFormControl('');
this._authQuery.user$.pipe(untilDestroyed(this)).subscribe((user) => {
this.user = user;
if (this.createMode) {
diff --git a/frontend/src/app/project/components/issues/issue-comments/issue-comments.component.html b/src/app/project/components/issues/issue-comments/issue-comments.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-comments/issue-comments.component.html
rename to src/app/project/components/issues/issue-comments/issue-comments.component.html
diff --git a/frontend/src/app/project/components/issues/issue-comments/issue-comments.component.scss b/src/app/project/components/issues/issue-comments/issue-comments.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-comments/issue-comments.component.scss
rename to src/app/project/components/issues/issue-comments/issue-comments.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-comments/issue-comments.component.ts b/src/app/project/components/issues/issue-comments/issue-comments.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-comments/issue-comments.component.ts
rename to src/app/project/components/issues/issue-comments/issue-comments.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.html b/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.html
rename to src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.html
diff --git a/frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.scss b/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.scss
rename to src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.spec.ts b/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.spec.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.spec.ts
rename to src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.spec.ts
diff --git a/frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.ts b/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.ts
rename to src/app/project/components/issues/issue-delete-modal/issue-delete-modal.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-description/issue-description.component.html b/src/app/project/components/issues/issue-description/issue-description.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-description/issue-description.component.html
rename to src/app/project/components/issues/issue-description/issue-description.component.html
diff --git a/frontend/src/app/project/components/issues/issue-description/issue-description.component.scss b/src/app/project/components/issues/issue-description/issue-description.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-description/issue-description.component.scss
rename to src/app/project/components/issues/issue-description/issue-description.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-description/issue-description.component.ts b/src/app/project/components/issues/issue-description/issue-description.component.ts
similarity index 88%
rename from frontend/src/app/project/components/issues/issue-description/issue-description.component.ts
rename to src/app/project/components/issues/issue-description/issue-description.component.ts
index c92d308e..26eb3c1d 100644
--- a/frontend/src/app/project/components/issues/issue-description/issue-description.component.ts
+++ b/src/app/project/components/issues/issue-description/issue-description.component.ts
@@ -1,6 +1,6 @@
import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
import { JIssue } from '@trungk18/interface/issue';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { quillConfiguration } from '@trungk18/project/config/editor';
import { ProjectService } from '@trungk18/project/state/project/project.service';
@@ -12,7 +12,7 @@ import { ProjectService } from '@trungk18/project/state/project/project.service'
})
export class IssueDescriptionComponent implements OnChanges {
@Input() issue: JIssue;
- descriptionControl: FormControl;
+ descriptionControl: UntypedFormControl;
editorOptions = quillConfiguration;
isEditing: boolean;
isWorking: boolean;
@@ -22,7 +22,7 @@ export class IssueDescriptionComponent implements OnChanges {
ngOnChanges(changes: SimpleChanges): void {
const issueChange = changes.issue;
if (issueChange.currentValue !== issueChange.previousValue) {
- this.descriptionControl = new FormControl(this.issue.description);
+ this.descriptionControl = new UntypedFormControl(this.issue.description);
}
}
diff --git a/frontend/src/app/project/components/issues/issue-detail/issue-detail.component.html b/src/app/project/components/issues/issue-detail/issue-detail.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-detail/issue-detail.component.html
rename to src/app/project/components/issues/issue-detail/issue-detail.component.html
diff --git a/frontend/src/app/project/components/issues/issue-detail/issue-detail.component.scss b/src/app/project/components/issues/issue-detail/issue-detail.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-detail/issue-detail.component.scss
rename to src/app/project/components/issues/issue-detail/issue-detail.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-detail/issue-detail.component.spec.ts b/src/app/project/components/issues/issue-detail/issue-detail.component.spec.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-detail/issue-detail.component.spec.ts
rename to src/app/project/components/issues/issue-detail/issue-detail.component.spec.ts
diff --git a/frontend/src/app/project/components/issues/issue-detail/issue-detail.component.ts b/src/app/project/components/issues/issue-detail/issue-detail.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-detail/issue-detail.component.ts
rename to src/app/project/components/issues/issue-detail/issue-detail.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-loader/issue-loader.component.html b/src/app/project/components/issues/issue-loader/issue-loader.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-loader/issue-loader.component.html
rename to src/app/project/components/issues/issue-loader/issue-loader.component.html
diff --git a/frontend/src/app/project/components/issues/issue-loader/issue-loader.component.scss b/src/app/project/components/issues/issue-loader/issue-loader.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-loader/issue-loader.component.scss
rename to src/app/project/components/issues/issue-loader/issue-loader.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-loader/issue-loader.component.ts b/src/app/project/components/issues/issue-loader/issue-loader.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-loader/issue-loader.component.ts
rename to src/app/project/components/issues/issue-loader/issue-loader.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-modal/issue-modal.component.html b/src/app/project/components/issues/issue-modal/issue-modal.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-modal/issue-modal.component.html
rename to src/app/project/components/issues/issue-modal/issue-modal.component.html
diff --git a/frontend/src/app/project/components/issues/issue-modal/issue-modal.component.scss b/src/app/project/components/issues/issue-modal/issue-modal.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-modal/issue-modal.component.scss
rename to src/app/project/components/issues/issue-modal/issue-modal.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-modal/issue-modal.component.ts b/src/app/project/components/issues/issue-modal/issue-modal.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-modal/issue-modal.component.ts
rename to src/app/project/components/issues/issue-modal/issue-modal.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-priority/issue-priority.component.html b/src/app/project/components/issues/issue-priority/issue-priority.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-priority/issue-priority.component.html
rename to src/app/project/components/issues/issue-priority/issue-priority.component.html
diff --git a/frontend/src/app/project/components/issues/issue-priority/issue-priority.component.scss b/src/app/project/components/issues/issue-priority/issue-priority.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-priority/issue-priority.component.scss
rename to src/app/project/components/issues/issue-priority/issue-priority.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-priority/issue-priority.component.ts b/src/app/project/components/issues/issue-priority/issue-priority.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-priority/issue-priority.component.ts
rename to src/app/project/components/issues/issue-priority/issue-priority.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-reporter/issue-reporter.component.html b/src/app/project/components/issues/issue-reporter/issue-reporter.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-reporter/issue-reporter.component.html
rename to src/app/project/components/issues/issue-reporter/issue-reporter.component.html
diff --git a/frontend/src/app/project/components/issues/issue-reporter/issue-reporter.component.scss b/src/app/project/components/issues/issue-reporter/issue-reporter.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-reporter/issue-reporter.component.scss
rename to src/app/project/components/issues/issue-reporter/issue-reporter.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-reporter/issue-reporter.component.ts b/src/app/project/components/issues/issue-reporter/issue-reporter.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-reporter/issue-reporter.component.ts
rename to src/app/project/components/issues/issue-reporter/issue-reporter.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-status/issue-status.component.html b/src/app/project/components/issues/issue-status/issue-status.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-status/issue-status.component.html
rename to src/app/project/components/issues/issue-status/issue-status.component.html
diff --git a/frontend/src/app/project/components/issues/issue-status/issue-status.component.scss b/src/app/project/components/issues/issue-status/issue-status.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-status/issue-status.component.scss
rename to src/app/project/components/issues/issue-status/issue-status.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-status/issue-status.component.ts b/src/app/project/components/issues/issue-status/issue-status.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-status/issue-status.component.ts
rename to src/app/project/components/issues/issue-status/issue-status.component.ts
diff --git a/frontend/src/app/project/components/issues/issue-title/issue-title.component.html b/src/app/project/components/issues/issue-title/issue-title.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-title/issue-title.component.html
rename to src/app/project/components/issues/issue-title/issue-title.component.html
diff --git a/frontend/src/app/project/components/issues/issue-title/issue-title.component.scss b/src/app/project/components/issues/issue-title/issue-title.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-title/issue-title.component.scss
rename to src/app/project/components/issues/issue-title/issue-title.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-title/issue-title.component.spec.ts b/src/app/project/components/issues/issue-title/issue-title.component.spec.ts
similarity index 94%
rename from frontend/src/app/project/components/issues/issue-title/issue-title.component.spec.ts
rename to src/app/project/components/issues/issue-title/issue-title.component.spec.ts
index f502e12c..e6a7140b 100644
--- a/frontend/src/app/project/components/issues/issue-title/issue-title.component.spec.ts
+++ b/src/app/project/components/issues/issue-title/issue-title.component.spec.ts
@@ -1,4 +1,4 @@
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { IssueTitleComponent } from './issue-title.component';
import {SimpleChange} from '@angular/core';
import {JComment} from '@trungk18/interface/comment';
@@ -15,7 +15,7 @@ describe('IssueTitleComponent', () => {
component = new IssueTitleComponent(
projectService
);
- component.titleControl = new FormControl('test');
+ component.titleControl = new UntypedFormControl('test');
});
it('should be able to make onBlur action', () => {
diff --git a/frontend/src/app/project/components/issues/issue-title/issue-title.component.ts b/src/app/project/components/issues/issue-title/issue-title.component.ts
similarity index 83%
rename from frontend/src/app/project/components/issues/issue-title/issue-title.component.ts
rename to src/app/project/components/issues/issue-title/issue-title.component.ts
index ac9e6038..e6a6e3fe 100644
--- a/frontend/src/app/project/components/issues/issue-title/issue-title.component.ts
+++ b/src/app/project/components/issues/issue-title/issue-title.component.ts
@@ -1,5 +1,5 @@
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { JIssue } from '@trungk18/interface/issue';
import { ProjectService } from '@trungk18/project/state/project/project.service';
@@ -10,14 +10,14 @@ import { ProjectService } from '@trungk18/project/state/project/project.service'
})
export class IssueTitleComponent implements OnChanges {
@Input() issue: JIssue;
- titleControl: FormControl;
+ titleControl: UntypedFormControl;
constructor(private _projectService: ProjectService) {}
ngOnChanges(changes: SimpleChanges): void {
const issueChange = changes.issue;
if (issueChange.currentValue !== issueChange.previousValue) {
- this.titleControl = new FormControl(this.issue.title);
+ this.titleControl = new UntypedFormControl(this.issue.title);
}
}
diff --git a/frontend/src/app/project/components/issues/issue-type/issue-type.component.html b/src/app/project/components/issues/issue-type/issue-type.component.html
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-type/issue-type.component.html
rename to src/app/project/components/issues/issue-type/issue-type.component.html
diff --git a/frontend/src/app/project/components/issues/issue-type/issue-type.component.scss b/src/app/project/components/issues/issue-type/issue-type.component.scss
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-type/issue-type.component.scss
rename to src/app/project/components/issues/issue-type/issue-type.component.scss
diff --git a/frontend/src/app/project/components/issues/issue-type/issue-type.component.ts b/src/app/project/components/issues/issue-type/issue-type.component.ts
similarity index 100%
rename from frontend/src/app/project/components/issues/issue-type/issue-type.component.ts
rename to src/app/project/components/issues/issue-type/issue-type.component.ts
diff --git a/frontend/src/app/project/components/navigation/index.ts b/src/app/project/components/navigation/index.ts
similarity index 100%
rename from frontend/src/app/project/components/navigation/index.ts
rename to src/app/project/components/navigation/index.ts
diff --git a/frontend/src/app/project/components/navigation/navbar-left/navbar-left.component.html b/src/app/project/components/navigation/navbar-left/navbar-left.component.html
similarity index 100%
rename from frontend/src/app/project/components/navigation/navbar-left/navbar-left.component.html
rename to src/app/project/components/navigation/navbar-left/navbar-left.component.html
diff --git a/frontend/src/app/project/components/navigation/navbar-left/navbar-left.component.scss b/src/app/project/components/navigation/navbar-left/navbar-left.component.scss
similarity index 100%
rename from frontend/src/app/project/components/navigation/navbar-left/navbar-left.component.scss
rename to src/app/project/components/navigation/navbar-left/navbar-left.component.scss
diff --git a/frontend/src/app/project/components/navigation/navbar-left/navbar-left.component.ts b/src/app/project/components/navigation/navbar-left/navbar-left.component.ts
similarity index 100%
rename from frontend/src/app/project/components/navigation/navbar-left/navbar-left.component.ts
rename to src/app/project/components/navigation/navbar-left/navbar-left.component.ts
diff --git a/frontend/src/app/project/components/navigation/navigation/navigation.component.html b/src/app/project/components/navigation/navigation/navigation.component.html
similarity index 100%
rename from frontend/src/app/project/components/navigation/navigation/navigation.component.html
rename to src/app/project/components/navigation/navigation/navigation.component.html
diff --git a/frontend/src/app/project/components/navigation/navigation/navigation.component.scss b/src/app/project/components/navigation/navigation/navigation.component.scss
similarity index 100%
rename from frontend/src/app/project/components/navigation/navigation/navigation.component.scss
rename to src/app/project/components/navigation/navigation/navigation.component.scss
diff --git a/frontend/src/app/project/components/navigation/navigation/navigation.component.spec.ts b/src/app/project/components/navigation/navigation/navigation.component.spec.ts
similarity index 100%
rename from frontend/src/app/project/components/navigation/navigation/navigation.component.spec.ts
rename to src/app/project/components/navigation/navigation/navigation.component.spec.ts
diff --git a/frontend/src/app/project/components/navigation/navigation/navigation.component.ts b/src/app/project/components/navigation/navigation/navigation.component.ts
similarity index 100%
rename from frontend/src/app/project/components/navigation/navigation/navigation.component.ts
rename to src/app/project/components/navigation/navigation/navigation.component.ts
diff --git a/frontend/src/app/project/components/navigation/resizer/resizer.component.html b/src/app/project/components/navigation/resizer/resizer.component.html
similarity index 100%
rename from frontend/src/app/project/components/navigation/resizer/resizer.component.html
rename to src/app/project/components/navigation/resizer/resizer.component.html
diff --git a/frontend/src/app/project/components/navigation/resizer/resizer.component.scss b/src/app/project/components/navigation/resizer/resizer.component.scss
similarity index 100%
rename from frontend/src/app/project/components/navigation/resizer/resizer.component.scss
rename to src/app/project/components/navigation/resizer/resizer.component.scss
diff --git a/frontend/src/app/project/components/navigation/resizer/resizer.component.ts b/src/app/project/components/navigation/resizer/resizer.component.ts
similarity index 100%
rename from frontend/src/app/project/components/navigation/resizer/resizer.component.ts
rename to src/app/project/components/navigation/resizer/resizer.component.ts
diff --git a/frontend/src/app/project/components/navigation/sidebar/sidebar.component.html b/src/app/project/components/navigation/sidebar/sidebar.component.html
similarity index 100%
rename from frontend/src/app/project/components/navigation/sidebar/sidebar.component.html
rename to src/app/project/components/navigation/sidebar/sidebar.component.html
diff --git a/frontend/src/app/project/components/navigation/sidebar/sidebar.component.scss b/src/app/project/components/navigation/sidebar/sidebar.component.scss
similarity index 94%
rename from frontend/src/app/project/components/navigation/sidebar/sidebar.component.scss
rename to src/app/project/components/navigation/sidebar/sidebar.component.scss
index 148eee19..d4dc91a7 100644
--- a/frontend/src/app/project/components/navigation/sidebar/sidebar.component.scss
+++ b/src/app/project/components/navigation/sidebar/sidebar.component.scss
@@ -44,5 +44,5 @@
}
.divider {
- @apply mt-4 pt-4 border-t border-borderLight;
+ @apply mt-4 pt-4 border-t-2 border-borderLight;
}
diff --git a/frontend/src/app/project/components/navigation/sidebar/sidebar.component.ts b/src/app/project/components/navigation/sidebar/sidebar.component.ts
similarity index 100%
rename from frontend/src/app/project/components/navigation/sidebar/sidebar.component.ts
rename to src/app/project/components/navigation/sidebar/sidebar.component.ts
diff --git a/frontend/src/app/project/components/search/issue-result/issue-result.component.html b/src/app/project/components/search/issue-result/issue-result.component.html
similarity index 100%
rename from frontend/src/app/project/components/search/issue-result/issue-result.component.html
rename to src/app/project/components/search/issue-result/issue-result.component.html
diff --git a/frontend/src/app/project/components/search/issue-result/issue-result.component.scss b/src/app/project/components/search/issue-result/issue-result.component.scss
similarity index 100%
rename from frontend/src/app/project/components/search/issue-result/issue-result.component.scss
rename to src/app/project/components/search/issue-result/issue-result.component.scss
diff --git a/frontend/src/app/project/components/search/issue-result/issue-result.component.ts b/src/app/project/components/search/issue-result/issue-result.component.ts
similarity index 100%
rename from frontend/src/app/project/components/search/issue-result/issue-result.component.ts
rename to src/app/project/components/search/issue-result/issue-result.component.ts
diff --git a/frontend/src/app/project/components/search/search-drawer/search-drawer.component.html b/src/app/project/components/search/search-drawer/search-drawer.component.html
similarity index 100%
rename from frontend/src/app/project/components/search/search-drawer/search-drawer.component.html
rename to src/app/project/components/search/search-drawer/search-drawer.component.html
diff --git a/frontend/src/app/project/components/search/search-drawer/search-drawer.component.scss b/src/app/project/components/search/search-drawer/search-drawer.component.scss
similarity index 100%
rename from frontend/src/app/project/components/search/search-drawer/search-drawer.component.scss
rename to src/app/project/components/search/search-drawer/search-drawer.component.scss
diff --git a/frontend/src/app/project/components/search/search-drawer/search-drawer.component.ts b/src/app/project/components/search/search-drawer/search-drawer.component.ts
similarity index 94%
rename from frontend/src/app/project/components/search/search-drawer/search-drawer.component.ts
rename to src/app/project/components/search/search-drawer/search-drawer.component.ts
index 420c7ea6..7092cda4 100644
--- a/frontend/src/app/project/components/search/search-drawer/search-drawer.component.ts
+++ b/src/app/project/components/search/search-drawer/search-drawer.component.ts
@@ -1,5 +1,5 @@
import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { JIssue } from '@trungk18/interface/issue';
import { ProjectQuery } from '@trungk18/project/state/project/project.query';
@@ -17,7 +17,7 @@ import { IssueModalComponent } from '../../issues/issue-modal/issue-modal.compon
})
@UntilDestroy()
export class SearchDrawerComponent implements OnInit {
- searchControl: FormControl = new FormControl('');
+ searchControl: UntypedFormControl = new UntypedFormControl('');
results$: Observable;
recentIssues$: Observable;
diff --git a/frontend/src/app/project/components/user/user.component.html b/src/app/project/components/user/user.component.html
similarity index 100%
rename from frontend/src/app/project/components/user/user.component.html
rename to src/app/project/components/user/user.component.html
diff --git a/frontend/src/app/project/components/user/user.component.scss b/src/app/project/components/user/user.component.scss
similarity index 100%
rename from frontend/src/app/project/components/user/user.component.scss
rename to src/app/project/components/user/user.component.scss
diff --git a/frontend/src/app/project/components/user/user.component.ts b/src/app/project/components/user/user.component.ts
similarity index 100%
rename from frontend/src/app/project/components/user/user.component.ts
rename to src/app/project/components/user/user.component.ts
diff --git a/frontend/src/app/project/config/const.ts b/src/app/project/config/const.ts
similarity index 100%
rename from frontend/src/app/project/config/const.ts
rename to src/app/project/config/const.ts
diff --git a/frontend/src/app/project/config/editor.ts b/src/app/project/config/editor.ts
similarity index 100%
rename from frontend/src/app/project/config/editor.ts
rename to src/app/project/config/editor.ts
diff --git a/frontend/src/app/project/config/icons.ts b/src/app/project/config/icons.ts
similarity index 100%
rename from frontend/src/app/project/config/icons.ts
rename to src/app/project/config/icons.ts
diff --git a/frontend/src/app/project/config/sidebar.ts b/src/app/project/config/sidebar.ts
similarity index 100%
rename from frontend/src/app/project/config/sidebar.ts
rename to src/app/project/config/sidebar.ts
diff --git a/frontend/src/app/project/pages/board/board.component.html b/src/app/project/pages/board/board.component.html
similarity index 97%
rename from frontend/src/app/project/pages/board/board.component.html
rename to src/app/project/pages/board/board.component.html
index aaa70eb1..fac1257d 100644
--- a/frontend/src/app/project/pages/board/board.component.html
+++ b/src/app/project/pages/board/board.component.html
@@ -3,7 +3,7 @@
Kanban board
-
๐บ Support
diff --git a/frontend/src/app/project/pages/board/board.component.scss b/src/app/project/pages/board/board.component.scss
similarity index 100%
rename from frontend/src/app/project/pages/board/board.component.scss
rename to src/app/project/pages/board/board.component.scss
diff --git a/frontend/src/app/project/pages/board/board.component.ts b/src/app/project/pages/board/board.component.ts
similarity index 100%
rename from frontend/src/app/project/pages/board/board.component.ts
rename to src/app/project/pages/board/board.component.ts
diff --git a/frontend/src/app/project/pages/full-issue-detail/full-issue-detail.component.html b/src/app/project/pages/full-issue-detail/full-issue-detail.component.html
similarity index 100%
rename from frontend/src/app/project/pages/full-issue-detail/full-issue-detail.component.html
rename to src/app/project/pages/full-issue-detail/full-issue-detail.component.html
diff --git a/frontend/src/app/project/pages/full-issue-detail/full-issue-detail.component.scss b/src/app/project/pages/full-issue-detail/full-issue-detail.component.scss
similarity index 100%
rename from frontend/src/app/project/pages/full-issue-detail/full-issue-detail.component.scss
rename to src/app/project/pages/full-issue-detail/full-issue-detail.component.scss
diff --git a/frontend/src/app/project/pages/full-issue-detail/full-issue-detail.component.ts b/src/app/project/pages/full-issue-detail/full-issue-detail.component.ts
similarity index 100%
rename from frontend/src/app/project/pages/full-issue-detail/full-issue-detail.component.ts
rename to src/app/project/pages/full-issue-detail/full-issue-detail.component.ts
diff --git a/frontend/src/app/project/pages/settings/settings.component.html b/src/app/project/pages/settings/settings.component.html
similarity index 100%
rename from frontend/src/app/project/pages/settings/settings.component.html
rename to src/app/project/pages/settings/settings.component.html
diff --git a/frontend/src/app/project/pages/settings/settings.component.scss b/src/app/project/pages/settings/settings.component.scss
similarity index 100%
rename from frontend/src/app/project/pages/settings/settings.component.scss
rename to src/app/project/pages/settings/settings.component.scss
diff --git a/frontend/src/app/project/pages/settings/settings.component.ts b/src/app/project/pages/settings/settings.component.ts
similarity index 93%
rename from frontend/src/app/project/pages/settings/settings.component.ts
rename to src/app/project/pages/settings/settings.component.ts
index 5acf5cf9..b1d2aab0 100644
--- a/frontend/src/app/project/pages/settings/settings.component.ts
+++ b/src/app/project/pages/settings/settings.component.ts
@@ -3,7 +3,7 @@ import { ProjectConst } from '@trungk18/project/config/const';
import { JProject, ProjectCategory } from '@trungk18/interface/project';
import { ProjectQuery } from '@trungk18/project/state/project/project.query';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
-import { FormGroup, FormBuilder } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder } from '@angular/forms';
import { ProjectService } from '@trungk18/project/state/project/project.service';
import { Router } from '@angular/router';
import { NzNotificationService } from 'ng-zorro-antd/notification';
@@ -16,7 +16,7 @@ import { NoWhitespaceValidator } from '@trungk18/core/validators/no-whitespace.v
@UntilDestroy()
export class SettingsComponent implements OnInit {
project: JProject;
- projectForm: FormGroup;
+ projectForm: UntypedFormGroup;
categories: ProjectCategory[];
get breadcrumbs(): string[] {
return [ProjectConst.Projects, this.project?.name, 'Settings'];
@@ -26,7 +26,7 @@ export class SettingsComponent implements OnInit {
private _projectQuery: ProjectQuery,
private _projectService: ProjectService,
private _notification: NzNotificationService,
- private _fb: FormBuilder,
+ private _fb: UntypedFormBuilder,
private _router: Router
) {
this.categories = [
diff --git a/frontend/src/app/project/project-routing.module.ts b/src/app/project/project-routing.module.ts
similarity index 100%
rename from frontend/src/app/project/project-routing.module.ts
rename to src/app/project/project-routing.module.ts
diff --git a/frontend/src/app/project/project.component.html b/src/app/project/project.component.html
similarity index 100%
rename from frontend/src/app/project/project.component.html
rename to src/app/project/project.component.html
diff --git a/frontend/src/app/project/project.component.scss b/src/app/project/project.component.scss
similarity index 100%
rename from frontend/src/app/project/project.component.scss
rename to src/app/project/project.component.scss
diff --git a/frontend/src/app/project/project.component.spec.ts b/src/app/project/project.component.spec.ts
similarity index 100%
rename from frontend/src/app/project/project.component.spec.ts
rename to src/app/project/project.component.spec.ts
diff --git a/frontend/src/app/project/project.component.ts b/src/app/project/project.component.ts
similarity index 100%
rename from frontend/src/app/project/project.component.ts
rename to src/app/project/project.component.ts
diff --git a/frontend/src/app/project/project.guard.ts b/src/app/project/project.guard.ts
similarity index 100%
rename from frontend/src/app/project/project.guard.ts
rename to src/app/project/project.guard.ts
diff --git a/frontend/src/app/project/project.module.spec.ts b/src/app/project/project.module.spec.ts
similarity index 100%
rename from frontend/src/app/project/project.module.spec.ts
rename to src/app/project/project.module.spec.ts
diff --git a/frontend/src/app/project/project.module.ts b/src/app/project/project.module.ts
similarity index 100%
rename from frontend/src/app/project/project.module.ts
rename to src/app/project/project.module.ts
diff --git a/frontend/src/app/project/state/filter/filter.query.ts b/src/app/project/state/filter/filter.query.ts
similarity index 100%
rename from frontend/src/app/project/state/filter/filter.query.ts
rename to src/app/project/state/filter/filter.query.ts
diff --git a/frontend/src/app/project/state/filter/filter.service.ts b/src/app/project/state/filter/filter.service.ts
similarity index 100%
rename from frontend/src/app/project/state/filter/filter.service.ts
rename to src/app/project/state/filter/filter.service.ts
diff --git a/frontend/src/app/project/state/filter/filter.store.ts b/src/app/project/state/filter/filter.store.ts
similarity index 100%
rename from frontend/src/app/project/state/filter/filter.store.ts
rename to src/app/project/state/filter/filter.store.ts
diff --git a/frontend/src/app/project/state/project/project.query.ts b/src/app/project/state/project/project.query.ts
similarity index 100%
rename from frontend/src/app/project/state/project/project.query.ts
rename to src/app/project/state/project/project.query.ts
diff --git a/frontend/src/app/project/state/project/project.service.spec.ts b/src/app/project/state/project/project.service.spec.ts
similarity index 100%
rename from frontend/src/app/project/state/project/project.service.spec.ts
rename to src/app/project/state/project/project.service.spec.ts
diff --git a/frontend/src/app/project/state/project/project.service.ts b/src/app/project/state/project/project.service.ts
similarity index 100%
rename from frontend/src/app/project/state/project/project.service.ts
rename to src/app/project/state/project/project.service.ts
diff --git a/frontend/src/app/project/state/project/project.store.ts b/src/app/project/state/project/project.store.ts
similarity index 100%
rename from frontend/src/app/project/state/project/project.store.ts
rename to src/app/project/state/project/project.store.ts
diff --git a/frontend/src/app/project/utils/date.ts b/src/app/project/utils/date.ts
similarity index 100%
rename from frontend/src/app/project/utils/date.ts
rename to src/app/project/utils/date.ts
diff --git a/frontend/src/app/project/utils/issue.ts b/src/app/project/utils/issue.ts
similarity index 100%
rename from frontend/src/app/project/utils/issue.ts
rename to src/app/project/utils/issue.ts
diff --git a/frontend/src/app/work-in-progress/work-in-progress-routing.module.spec.ts b/src/app/work-in-progress/work-in-progress-routing.module.spec.ts
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress-routing.module.spec.ts
rename to src/app/work-in-progress/work-in-progress-routing.module.spec.ts
diff --git a/frontend/src/app/work-in-progress/work-in-progress-routing.module.ts b/src/app/work-in-progress/work-in-progress-routing.module.ts
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress-routing.module.ts
rename to src/app/work-in-progress/work-in-progress-routing.module.ts
diff --git a/frontend/src/app/work-in-progress/work-in-progress.component.html b/src/app/work-in-progress/work-in-progress.component.html
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress.component.html
rename to src/app/work-in-progress/work-in-progress.component.html
diff --git a/frontend/src/app/work-in-progress/work-in-progress.component.scss b/src/app/work-in-progress/work-in-progress.component.scss
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress.component.scss
rename to src/app/work-in-progress/work-in-progress.component.scss
diff --git a/frontend/src/app/work-in-progress/work-in-progress.component.ts b/src/app/work-in-progress/work-in-progress.component.ts
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress.component.ts
rename to src/app/work-in-progress/work-in-progress.component.ts
diff --git a/frontend/src/app/work-in-progress/work-in-progress.module.spec.ts b/src/app/work-in-progress/work-in-progress.module.spec.ts
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress.module.spec.ts
rename to src/app/work-in-progress/work-in-progress.module.spec.ts
diff --git a/frontend/src/app/work-in-progress/work-in-progress.module.ts b/src/app/work-in-progress/work-in-progress.module.ts
similarity index 100%
rename from frontend/src/app/work-in-progress/work-in-progress.module.ts
rename to src/app/work-in-progress/work-in-progress.module.ts
diff --git a/frontend/src/assets/.gitkeep b/src/assets/.gitkeep
similarity index 100%
rename from frontend/src/assets/.gitkeep
rename to src/assets/.gitkeep
diff --git a/frontend/src/assets/data/auth.json b/src/assets/data/auth.json
similarity index 100%
rename from frontend/src/assets/data/auth.json
rename to src/assets/data/auth.json
diff --git a/frontend/src/assets/data/project.json b/src/assets/data/project.json
similarity index 77%
rename from frontend/src/assets/data/project.json
rename to src/assets/data/project.json
index 807000c6..09d6bf6d 100644
--- a/frontend/src/assets/data/project.json
+++ b/src/assets/data/project.json
@@ -41,7 +41,7 @@
"issues": [
{
"createdAt": "2020-08-27T14:23:38.183Z",
- "description": "I shared some of my technical decisions behind jira.trungk18.com on Singapore talk.js August 2020 with a very catchy title - Behind the 900 stars repository ๐ Do you like it?
Hopefully I can change the title to a thousand stars soon... ๐คฃ
Thanks for having me!
See the
- Slide deck โก https://slides.com/tuantrungvo/behind-the-900-star-repository-jira-clone-angular
- Recorded talk: https://youtu.be/X_beeihKk7o
",
+ "description": "I shared some of my technical decisions behind jira.trungk18.com on Singapore talk.js August 2020 with a very catchy title - Behind the 900 stars repository ๐ Do you like it?
Hopefully I can change the title to a thousand stars soon... ๐คฃ
Thanks for having me!
See the
- Slide deck โก https://slides.com/trungvose/behind-the-900-star-repository-jira-clone-angular
- Recorded talk: https://youtu.be/X_beeihKk7o
",
"id": "6527",
"priority": "Medium",
"reporterId": "d65047e5-f4cf-4caa-9a38-6073dcbab7d1",
@@ -211,7 +211,7 @@
{
"id": "9554",
"title": "Who is the author of Angular Jira clone?",
- "description": "Hi! My name is Trung ๐
I am a seasoned front-end engineer with 7 years of passion in creating experience-driven products. I am proficient in Angular, React and TypeScript development.
I'm helping the Angular community by creating open sources and writing about interesting and useful topics. I found that there weren't many resources on building a proper real-world scale application, and that's my focus for sharing. My most notable open-source projects are:
- spotify.trungk18.com
- jira.trungk18.com
- tetris.trungk18.com
- github.com/angular-vietnam/100-days-of-angular
Recently, I organized Angular Singapore to advocate and grow the Angular developer community in Singapore. If you have any questions/problems with @angular or need any other advice? Feel free to โ
book a FREE one-on-one meeting with me. I'll try my best to help you.
Find me around the web
- https://trungk18.com/
- https://github.com/trungk18
- https://stackoverflow.com/users/3375906
- https://stackblitz.com/@trungk18
- https://twitter.com/tuantrungvo
",
+ "description": "Trung Vo is a seasoned web developer, tech community builder, and recognised Google Developer Expert in Angular. As the founder of Angular Singapore, he leads initiatives to build and nurture the software developer community in Singapore. Trung frequently speaks at international tech conferences, sharing insights on modern development practices to make the web fast and delightful for end users.
At Ascenda, he innovates towards loyalty programs for financial services worldwide, making rewards more accessible and driving a deeper understanding of customer behaviour.
- His personal blog: https://trungvose.com/
- Twitter: https://www.twitter.com/trungvose
- Github: https://github.com/trungvose
- StackOverFlow: https://stackoverflow.com/users/3375906
- Stackblitz: https://stackblitz.com/@trungk18
- Codepen: https://codepen.io/trungvose/
He has been a guest speaker at several international conferences and events. You can view all his talks at trungvose.com/talks.
- iJS Singapore 2024
- JSConfJP 2024, Japan
- STACK Developer Conference 2024, Singapore
- JavaScript Bangkok 2024, Thailand
- CityJS Singapore 2024
- NDC London 2024, UK
- iJS Singapore 2023
- Voxxed Days Thessaloniki 2023, Greece
- CityJS Singapore 2023
- Google I/O Extended MienTrung 2023, Vietnam
- Web Directions Code 2023, Australia
- NG ROME 2021 & 2022, Italy
Some of his most notable open-source projects
- Angular Spotify ~ 2.5k stars - https://github.com/trungvose/angular-spotify
- Angular Jira Clone ~ 2.2k stars - https://github.com/trungvose/jira-clone-angular
- Angular Tetris ~ 500 stars - https://github.com/trungvose/angular-tetris
",
"type": "Task",
"status": "Backlog",
"priority": "High",
diff --git a/frontend/src/assets/favicon.png b/src/assets/favicon.png
similarity index 100%
rename from frontend/src/assets/favicon.png
rename to src/assets/favicon.png
diff --git a/frontend/src/assets/img/assignee-bug.gif b/src/assets/img/assignee-bug.gif
similarity index 100%
rename from frontend/src/assets/img/assignee-bug.gif
rename to src/assets/img/assignee-bug.gif
diff --git a/frontend/src/assets/img/bugs/search-one-letter-bug-fixed.gif b/src/assets/img/bugs/search-one-letter-bug-fixed.gif
similarity index 100%
rename from frontend/src/assets/img/bugs/search-one-letter-bug-fixed.gif
rename to src/assets/img/bugs/search-one-letter-bug-fixed.gif
diff --git a/frontend/src/assets/img/bugs/search-one-letter-bug.gif b/src/assets/img/bugs/search-one-letter-bug.gif
similarity index 100%
rename from frontend/src/assets/img/bugs/search-one-letter-bug.gif
rename to src/assets/img/bugs/search-one-letter-bug.gif
diff --git a/frontend/src/assets/img/diagram/application-architecture.png b/src/assets/img/diagram/application-architecture.png
similarity index 100%
rename from frontend/src/assets/img/diagram/application-architecture.png
rename to src/assets/img/diagram/application-architecture.png
diff --git a/frontend/src/assets/img/diagram/interaction-data-flow.png b/src/assets/img/diagram/interaction-data-flow.png
similarity index 100%
rename from frontend/src/assets/img/diagram/interaction-data-flow.png
rename to src/assets/img/diagram/interaction-data-flow.png
diff --git a/frontend/src/assets/img/jira-clone-angular-demo-trungk18.gif b/src/assets/img/jira-clone-angular-demo-trungk18.gif
similarity index 100%
rename from frontend/src/assets/img/jira-clone-angular-demo-trungk18.gif
rename to src/assets/img/jira-clone-angular-demo-trungk18.gif
diff --git a/frontend/src/assets/img/jira-clone-tech-stack.png b/src/assets/img/jira-clone-tech-stack.png
similarity index 100%
rename from frontend/src/assets/img/jira-clone-tech-stack.png
rename to src/assets/img/jira-clone-tech-stack.png
diff --git a/frontend/src/assets/img/jira-storybook.gif b/src/assets/img/jira-storybook.gif
similarity index 100%
rename from frontend/src/assets/img/jira-storybook.gif
rename to src/assets/img/jira-storybook.gif
diff --git a/frontend/src/assets/img/merry-christmas-2020.gif b/src/assets/img/merry-christmas-2020.gif
similarity index 100%
rename from frontend/src/assets/img/merry-christmas-2020.gif
rename to src/assets/img/merry-christmas-2020.gif
diff --git a/frontend/src/assets/img/time-spending.png b/src/assets/img/time-spending.png
similarity index 100%
rename from frontend/src/assets/img/time-spending.png
rename to src/assets/img/time-spending.png
diff --git a/frontend/src/environments/environment-model.ts b/src/environments/environment-model.ts
similarity index 100%
rename from frontend/src/environments/environment-model.ts
rename to src/environments/environment-model.ts
diff --git a/frontend/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
similarity index 100%
rename from frontend/src/environments/environment.prod.ts
rename to src/environments/environment.prod.ts
diff --git a/frontend/src/environments/environment.ts b/src/environments/environment.ts
similarity index 91%
rename from frontend/src/environments/environment.ts
rename to src/environments/environment.ts
index 045225c2..9ec69239 100644
--- a/frontend/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -16,4 +16,4 @@ export const environment: EnvironmentModel = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/frontend/src/index.html b/src/index.html
similarity index 100%
rename from frontend/src/index.html
rename to src/index.html
diff --git a/frontend/src/index.prod.html b/src/index.prod.html
similarity index 100%
rename from frontend/src/index.prod.html
rename to src/index.prod.html
diff --git a/frontend/src/main.ts b/src/main.ts
similarity index 64%
rename from frontend/src/main.ts
rename to src/main.ts
index 9bdbf02b..acdd8b8f 100644
--- a/frontend/src/main.ts
+++ b/src/main.ts
@@ -1,21 +1,16 @@
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import * as Sentry from '@sentry/angular';
-import { Integrations } from '@sentry/tracing';
+import { init, browserTracingIntegration } from '@sentry/angular';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
const initSentry = () => {
- Sentry.init({
+ init({
dsn: 'https://b2af8332e38f486d910f06b79df66365@o495789.ingest.sentry.io/5569161',
- autoSessionTracking: true,
integrations: [
- new Integrations.BrowserTracing({
- tracingOrigins: ['localhost', 'https://jira.trungk18.com/'],
- routingInstrumentation: Sentry.routingInstrumentation
- })
+ browserTracingIntegration(),
],
-
+ tracePropagationTargets: ['localhost', 'jira.trungk18.com'],
tracesSampleRate: 1.0
});
};
diff --git a/frontend/src/polyfills.ts b/src/polyfills.ts
similarity index 80%
rename from frontend/src/polyfills.ts
rename to src/polyfills.ts
index 03711e5d..dcd18eac 100644
--- a/frontend/src/polyfills.ts
+++ b/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
diff --git a/frontend/src/stories/Introduction.stories.mdx b/src/stories/Introduction.stories.mdx
similarity index 98%
rename from frontend/src/stories/Introduction.stories.mdx
rename to src/stories/Introduction.stories.mdx
index 0590f474..cc408744 100644
--- a/frontend/src/stories/Introduction.stories.mdx
+++ b/src/stories/Introduction.stories.mdx
@@ -77,7 +77,7 @@ Its series will also be published in Vietnamese as part of our [angular-vietnam/
| 07 | [Build a rich text HTML editor][part07] | Done |
| 08 | [Create placeholder loading (like Facebook's cards loading)][part08] | Done |
-[part-1]: https://slides.com/tuantrungvo/behind-the-900-star-repository-jira-clone-angular
+[part-1]: https://slides.com/trungvose/behind-the-900-star-repository-jira-clone-angular
[part00]: https://trungk18.com/experience/angular-jira-clone-tutorial-00-prerequisites/
[part01]: https://trungk18.com/experience/angular-jira-clone-tutorial-01-planning-and-set-up/
[part02]: https://trungk18.com/experience/angular-jira-clone-tutorial-02-application-layout-tailwindcss-flex/
diff --git a/frontend/src/styles.scss b/src/styles.scss
similarity index 100%
rename from frontend/src/styles.scss
rename to src/styles.scss
diff --git a/frontend/src/test.ts b/src/test.ts
similarity index 57%
rename from frontend/src/test.ts
rename to src/test.ts
index 50193eb0..7632e27a 100644
--- a/frontend/src/test.ts
+++ b/src/test.ts
@@ -1,25 +1,14 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
-declare const require: {
- context(path: string, deep?: boolean, filter?: RegExp): {
- keys(): string[];
- (id: string): T;
- };
-};
-
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
platformBrowserDynamicTesting()
);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/frontend/tailwind.config.js b/tailwind.config.js
similarity index 100%
rename from frontend/tailwind.config.js
rename to tailwind.config.js
diff --git a/frontend/tsconfig.app.json b/tsconfig.app.json
similarity index 100%
rename from frontend/tsconfig.app.json
rename to tsconfig.app.json
diff --git a/frontend/tsconfig.json b/tsconfig.json
similarity index 63%
rename from frontend/tsconfig.json
rename to tsconfig.json
index 047ada5b..789b63b7 100644
--- a/frontend/tsconfig.json
+++ b/tsconfig.json
@@ -2,9 +2,13 @@
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
- "paths": {
- "@trungk18/*": ["src/app/*"],
- "@trungk18/interface/*": ["src/app/interface/*"]
+ "paths": {
+ "@trungk18/*": [
+ "src/app/*"
+ ],
+ "@trungk18/interface/*": [
+ "src/app/interface/*"
+ ]
},
"outDir": "./dist/out-tsc",
"sourceMap": true,
@@ -14,8 +18,12 @@
"module": "es2020",
"moduleResolution": "node",
"importHelpers": true,
- "target": "es2015",
- "lib": ["es2018", "dom"]
+ "target": "ES2022",
+ "lib": [
+ "es2018",
+ "dom"
+ ],
+ "useDefineForClassFields": false
},
"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
diff --git a/frontend/tsconfig.spec.json b/tsconfig.spec.json
similarity index 100%
rename from frontend/tsconfig.spec.json
rename to tsconfig.spec.json
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 00000000..76ab6d84
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,18 @@
+
+module.exports = {
+ module: {
+ rules: [
+ {
+ test: /\.scss$/,
+ loader: 'postcss-loader',
+ options: {
+ postcssOptions: {
+ ident: 'postcss',
+ syntax: 'postcss-scss',
+ plugins: ['postcss-import', 'tailwindcss', 'autoprefixer'],
+ },
+ },
+ },
+ ],
+ },
+}