+
+
+ ثبت نام
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/app/authentication/register/register.component.scss b/ClientApp/src/app/authentication/register/register.component.scss
new file mode 100644
index 0000000..d6fe658
--- /dev/null
+++ b/ClientApp/src/app/authentication/register/register.component.scss
@@ -0,0 +1,36 @@
+// filepath: /d:/Projects/Private/NoteBookKeeper/Client/NoteKeeper/src/app/authentication/register/register.component.scss
+.register-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ background-color: #e0e0e0; /* Warm background color */
+}
+
+.register-card {
+ width: 100%;
+ max-width: 400px;
+ padding: 20px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ background-color: #ffffff; /* Warm card color */
+ border-radius: 5%;
+}
+
+.register-form {
+ display: flex;
+ flex-direction: column;
+}
+
+button {
+ margin-top: 20px;
+ background-color: #007bff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background-color 0.5s ease-in-out; /* Ensure smooth transition */
+}
+
+button:hover {
+ background-color: #0441b3; /* Warm hover color */
+}
\ No newline at end of file
diff --git a/ClientApp/src/app/authentication/register/register.component.ts b/ClientApp/src/app/authentication/register/register.component.ts
new file mode 100644
index 0000000..cf11ed8
--- /dev/null
+++ b/ClientApp/src/app/authentication/register/register.component.ts
@@ -0,0 +1,69 @@
+// filepath: /d:/Projects/Private/NoteBookKeeper/Client/NoteKeeper/src/app/authentication/register/register.component.ts
+import { Component } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { ApiUrlSettings } from '../../environmets/ApiSettings';
+import { ApiService } from '../../services/base.api';
+import { AuthenticationModel } from '../../environmets/AuthenticationModel';
+import { Router } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+
+@Component({
+ selector: 'app-register',
+ standalone: true,
+ imports: [
+ MatCardModule,
+ MatFormFieldModule,
+ MatInputModule,
+ MatButtonModule,
+ FormsModule
+ ],
+ templateUrl: './register.component.html',
+ styleUrls: ['./register.component.scss']
+})
+export class RegisterComponent {
+ userName: string='';
+ email: string='';
+ password: string='';
+ repassword: string='';
+ baseUrl:ApiUrlSettings = new ApiUrlSettings();
+
+ constructor(private clientService: ApiService, private authenticationModel:AuthenticationModel,
+ private router:Router
+ ) {
+ if(this.authenticationModel.IsUserLogin())
+ {
+ this.router.navigate(['/']);
+ }
+ }
+
+ register(){
+ var request = new RegisterUserDto();
+ request.userName = this.userName;
+ request.email = this.email;
+ request.password=this.password;
+ request.rePassword=this.repassword;
+ const content_ = JSON.stringify(request);
+
+ this.clientService
+ .post
+
+
+ افزودن جزوه جدید
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/app/components/add-note/add-note.component.scss b/ClientApp/src/app/components/add-note/add-note.component.scss
new file mode 100644
index 0000000..2e54eda
--- /dev/null
+++ b/ClientApp/src/app/components/add-note/add-note.component.scss
@@ -0,0 +1,109 @@
+// add-note.component.scss
+.container {
+ padding: 20px;
+ max-width: 800px;
+ margin: 0 auto;
+ }
+
+ .note-form {
+ display: flex;
+ flex-direction: column;
+ gap: 20px;
+ }
+
+ .editor-card {
+ margin-top: 10px;
+ }
+
+ .editor-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ padding: 8px;
+ border-bottom: 1px solid #e0e0e0;
+ background-color: #f5f5f5;
+ border-radius: 4px 4px 0 0;
+ }
+
+ .toolbar-group {
+ display: flex;
+ gap: 2px;
+ }
+
+ .toolbar-divider {
+ width: 1px;
+ height: 24px;
+ background-color: #e0e0e0;
+ margin: 0 8px;
+ }
+
+ .editor-content {
+ min-height: 200px;
+ padding: 16px;
+ border: 1px solid #e0e0e0;
+ border-radius: 0 0 4px 4px;
+ background-color: white;
+
+ &:focus {
+ outline: none;
+ border-color: #1976d2;
+ }
+ }
+
+ .full-width {
+ width: 100%;
+ }
+
+ .file-upload {
+ .upload-zone {
+ border: 2px dashed #ccc;
+ border-radius: 4px;
+ padding: 20px;
+ text-align: center;
+ cursor: pointer;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 8px;
+
+ &:hover {
+ border-color: #1976d2;
+ background-color: #f5f5f5;
+ }
+
+ mat-icon {
+ font-size: 48px;
+ width: 48px;
+ height: 48px;
+ color: #666;
+ }
+ }
+
+ .file-list {
+ margin-top: 10px;
+
+ .file-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 8px;
+ background: #f5f5f5;
+ border-radius: 4px;
+ margin-bottom: 5px;
+ }
+ }
+ }
+
+ .actions {
+ display: flex;
+ justify-content: flex-end;
+ gap: 8px;
+ margin-top: 20px;
+ }
+
+ .form-label {
+ font-weight: 500;
+ margin-bottom: 8px;
+ display: block;
+ color: rgba(0, 0, 0, 0.87);
+ }
\ No newline at end of file
diff --git a/ClientApp/src/app/components/add-note/add-note.component.ts b/ClientApp/src/app/components/add-note/add-note.component.ts
new file mode 100644
index 0000000..700ece6
--- /dev/null
+++ b/ClientApp/src/app/components/add-note/add-note.component.ts
@@ -0,0 +1,179 @@
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { COMMA, ENTER } from '@angular/cdk/keycodes';
+import { ApiService } from '../../services/base.api';
+import { ApiUrlSettings } from '../../environmets/ApiSettings';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { ViewChild, ElementRef } from '@angular/core';
+import { MatChipInputEvent } from '@angular/material/chips';
+import { AuthenticationModel } from '../../environmets/AuthenticationModel';
+
+interface NewNote {
+ detail: string;
+ redirectLink: string;
+ searchWords: string[];
+ files: File[];
+}
+
+@Component({
+ selector: 'app-add-note',
+ standalone: true,
+ imports: [
+ CommonModule,
+ ReactiveFormsModule,
+ MatCardModule,
+ MatFormFieldModule,
+ MatInputModule,
+ MatButtonModule,
+ MatChipsModule,
+ MatIconModule,
+ MatTooltipModule
+ ],
+ templateUrl: './add-note.component.html',
+ styleUrls: ['./add-note.component.scss']
+})
+export class AddNoteComponent implements OnInit {
+ noteForm: FormGroup;
+ @ViewChild('editor') editor!: ElementRef;
+ loading = false;
+ files: File[] = [];
+ searchWords: string[] = [];
+ baseUrls = new ApiUrlSettings();
+ readonly separatorKeysCodes = [ENTER, COMMA] as const;
+ topicId='';
+
+ constructor(
+ private fb: FormBuilder,
+ private snackBar: MatSnackBar,
+ private route: ActivatedRoute,
+ private router: Router,
+ private apiService:ApiService,
+ private authenticationModel:AuthenticationModel
+ ) {
+ if(!this.authenticationModel.IsUserLogin())
+ {
+ this.router.navigate(['/sign-in'])
+ }
+ this.noteForm = this.fb.group({
+ detail: ['', Validators.required],
+ redirectLink: [''],
+ searchWord: ['']
+ });
+ }
+
+ async ngOnInit() {
+ this.topicId = this.route.snapshot.paramMap.get('id') || '';
+ }
+
+ formatDoc(command: string) {
+ if (command === 'createLink') {
+ const url = prompt('لطفاً URL را وارد کنید:');
+ if (url) {
+ document.execCommand(command, false, url);
+ }
+ } else {
+ document.execCommand(command, false);
+ }
+ this.editor.nativeElement.focus();
+ }
+
+ onEditorInput(event: Event) {
+ const content = (event.target as HTMLDivElement).innerHTML;
+ this.noteForm.get('detail')?.setValue(content);
+ }
+
+ addSearchWord(event: MatChipInputEvent): void {
+ const value = (event.value || '').trim();
+ if (value) {
+ this.searchWords.push(value);
+ event.chipInput!.clear();
+ }
+ }
+
+ removeSearchWord(word: string): void {
+ const index = this.searchWords.indexOf(word);
+ if (index >= 0) {
+ this.searchWords.splice(index, 1);
+ }
+ }
+
+ onFileSelected(event: any): void {
+ const files = event.target.files;
+ for (let i = 0; i < files.length; i++) {
+ this.files.push(files[i]);
+ }
+ }
+
+ removeFile(index: number): void {
+ this.files.splice(index, 1);
+ }
+
+ goBack() {
+ this.router.navigate(['/note-list', this.topicId]);
+ }
+
+ onSubmit() {
+ if (this.noteForm.valid) {
+ if(this.searchWords.length == 0)
+ {
+ this.showErrorMessage('کلمات کلیدی نمیتواند خالی باشد');
+ return;
+ }
+ this.loading = true;
+ const formData = new FormData();
+ formData.append('detail', this.noteForm.get('detail')?.value);
+ formData.append('redirectLink', this.noteForm.get('redirectLink')?.value);
+ formData.append('noteSettingId', this.topicId);
+
+ this.searchWords.forEach(word => {
+ formData.append('searchWords', word);
+ });
+
+ this.files.forEach(file => {
+ formData.append('files', file);
+ });
+
+ // contentType parameter رو حذف کنید
+ this.apiService.post(this.baseUrls.createNoteSettingItem, formData)
+ .subscribe({
+ next: () => {
+ this.showSuccessMessage();
+ this.router.navigate(['/note-list/', this.topicId]);
+ this.loading = false;
+ },
+ error: () => {
+ this.loading = false;
+ this.showErrorMessage();
+ }
+ });
+ }
+}
+
+ private showSuccessMessage(): void {
+ this.snackBar.open('نوت با موفقیت ذخیره شد', 'باشه', {
+ duration: 3000,
+ horizontalPosition: 'start',
+ direction: 'rtl',
+ panelClass: 'success-snackbar'
+ });
+ this.router.navigate(['note-list'])
+ }
+
+ private showErrorMessage(errMsg:string='خطا در ذخیره نوت'): void {
+ this.snackBar.open(errMsg, 'تلاش مجدد', {
+ duration: 5000,
+ horizontalPosition: 'start',
+ direction: 'rtl',
+ panelClass: 'error-snackbar'
+ });
+ }
+}
diff --git a/ClientApp/src/app/components/home/home.component.html b/ClientApp/src/app/components/home/home.component.html
new file mode 100644
index 0000000..8525fcd
--- /dev/null
+++ b/ClientApp/src/app/components/home/home.component.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/app/components/home/home.component.scss b/ClientApp/src/app/components/home/home.component.scss
new file mode 100644
index 0000000..72dd2e4
--- /dev/null
+++ b/ClientApp/src/app/components/home/home.component.scss
@@ -0,0 +1,151 @@
+// home.component.scss
+.home-container {
+ min-height: 100vh;
+ position: relative;
+ overflow: hidden;
+ background: #f8f9fa;
+ direction: rtl;
+ }
+
+ .background-pattern {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 40vh;
+ background:
+ linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%),
+ linear-gradient(-45deg, rgba(0,0,0,0.1) 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.1) 75%),
+ linear-gradient(-45deg, transparent 75%, rgba(0,0,0,0.1) 75%);
+ background-size: 20px 20px;
+ background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+ opacity: 0.1;
+ }
+
+ .content-container {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 3rem 1.5rem;
+ position: relative;
+ z-index: 1;
+ }
+
+ .header-section {
+ text-align: center;
+ margin-bottom: 4rem;
+
+ .main-title {
+ font-size: 2.5rem;
+ font-weight: 700;
+ color: #2d3748;
+ margin-bottom: 1rem;
+ line-height: 1.2;
+ }
+
+ .subtitle {
+ font-size: 1.25rem;
+ color: #4a5568;
+ margin-bottom: 0.5rem;
+ }
+
+ .extra-text {
+ font-size: 1.1rem;
+ color: #718096;
+ }
+ }
+
+ .welcome-section {
+ background: white;
+ border-radius: 1rem;
+ padding: 2rem;
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+ 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+
+ .welcome-title {
+ font-size: 1.75rem;
+ font-weight: 600;
+ color: #2d3748;
+ margin-bottom: 1rem;
+ }
+
+ .welcome-description {
+ font-size: 1.1rem;
+ color: #4a5568;
+ line-height: 1.6;
+ margin-bottom: 2rem;
+ }
+ }
+
+ .new-note-btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0.75rem;
+ background: #000;
+ color: white;
+ border: none;
+ border-radius: 0.5rem;
+ padding: 1rem 2rem;
+ font-size: 1.1rem;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ width: 100%;
+
+ .btn-text {
+ font-weight: 500;
+ }
+
+ .btn-icon {
+ transition: transform 0.3s ease;
+ }
+
+ &:hover {
+ background: #1a1a1a;
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+
+ .btn-icon {
+ transform: translateX(-5px);
+ }
+ }
+ }
+
+ // Responsive Design
+ @media (max-width: 768px) {
+ .content-container {
+ padding: 2rem 1rem;
+ }
+
+ .header-section {
+ .main-title {
+ font-size: 2rem;
+ }
+
+ .subtitle {
+ font-size: 1.1rem;
+ }
+ }
+
+ .welcome-section {
+ padding: 1.5rem;
+
+ .welcome-title {
+ font-size: 1.5rem;
+ }
+
+ .welcome-description {
+ font-size: 1rem;
+ }
+ }
+ }
+
+ // Add Persian/Arabic font support
+ @font-face {
+ font-family: 'Vazir';
+ src: url('../../../assets/Vazir.woff2') format('woff2');
+ }
+
+ :host {
+ font-family: 'Vazir', system-ui, -apple-system, sans-serif;
+ }
\ No newline at end of file
diff --git a/ClientApp/src/app/components/home/home.component.ts b/ClientApp/src/app/components/home/home.component.ts
new file mode 100644
index 0000000..71745f9
--- /dev/null
+++ b/ClientApp/src/app/components/home/home.component.ts
@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { trigger, transition, style, animate } from '@angular/animations';
+
+@Component({
+ selector: 'app-home',
+ templateUrl: './home.component.html',
+ styleUrls: ['./home.component.scss'],
+ animations: [
+ trigger('fadeIn', [
+ transition(':enter', [
+ style({ opacity: 0, transform: 'translateY(20px)' }),
+ animate('600ms ease-out', style({ opacity: 1, transform: 'translateY(0)' }))
+ ])
+ ])
+ ]
+})
+export class HomeComponent {
+ constructor(private router: Router) {}
+
+ navigateToNewNote() {
+ this.router.navigate(['/new-note']);
+ }
+}
\ No newline at end of file
diff --git a/ClientApp/src/app/components/newnote/newnote.component.html b/ClientApp/src/app/components/newnote/newnote.component.html
new file mode 100644
index 0000000..bfe3199
--- /dev/null
+++ b/ClientApp/src/app/components/newnote/newnote.component.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+ نوت هاتو بزار جا ما
+با قابلیت جست و جو توی جزوت میتونی
+دنیارو بدست بیاری
+
+
+ به نوت کیپر خوش اومدی
++ در اینجا میتونی نوت هاتو نگه داری و توشون جست و جو کنی، فقط کافیه + از منو نوت جدید رو انتخاب کنی +
+ + + +
+
+
+ افزودن موضوع نوت
+ لطفاً اطلاعات نوت خود را وارد کنید
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/app/components/newnote/newnote.component.scss b/ClientApp/src/app/components/newnote/newnote.component.scss
new file mode 100644
index 0000000..ae4e1a9
--- /dev/null
+++ b/ClientApp/src/app/components/newnote/newnote.component.scss
@@ -0,0 +1,102 @@
+// features/notes/create-note/create-note.component.scss
+.create-note-container {
+ width: 100%;
+ max-width: 800px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ min-height: calc(100vh - 4rem);
+ display: flex;
+ flex-direction: column;
+ }
+
+ .note-card {
+ border-radius: 1rem;
+ overflow: hidden;
+ background: white;
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+ 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+ }
+
+ .note-form {
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem;
+ padding: 1.5rem 0;
+ }
+
+ mat-card-header {
+ padding: 1.5rem 1.5rem 0;
+ }
+
+ mat-card-title {
+ font-size: 1.5rem;
+ font-weight: 500;
+ color: #1a1a1a;
+ margin-bottom: 0.5rem;
+ }
+
+ mat-card-subtitle {
+ color: #666;
+ }
+
+ mat-card-content {
+ padding: 0 1.5rem 1.5rem;
+ }
+
+ .button-container {
+ display: flex;
+ gap: 1rem;
+ margin-top: 1rem;
+
+ button {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ padding: 0.5rem 1.5rem;
+ font-size: 1rem;
+
+ mat-icon {
+ font-size: 1.25rem;
+ width: 1.25rem;
+ height: 1.25rem;
+ }
+ }
+ }
+
+ // RTL Support
+ :host {
+ direction: rtl;
+ }
+
+ // Responsive Design
+ @media (max-width: 768px) {
+ .create-note-container {
+ margin: 1rem auto;
+ padding: 0 0.5rem;
+ }
+
+ .note-card {
+ border-radius: 0.75rem;
+ }
+
+ mat-card-header {
+ padding: 1rem 1rem 0;
+ }
+
+ mat-card-title {
+ font-size: 1.25rem;
+ }
+
+ mat-card-content {
+ padding: 0 1rem 1rem;
+ }
+
+ .button-container {
+ flex-direction: column;
+
+ button {
+ width: 100%;
+ justify-content: center;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/ClientApp/src/app/components/newnote/newnote.component.ts b/ClientApp/src/app/components/newnote/newnote.component.ts
new file mode 100644
index 0000000..1cfda46
--- /dev/null
+++ b/ClientApp/src/app/components/newnote/newnote.component.ts
@@ -0,0 +1,136 @@
+// features/notes/create-note/create-note.component.ts
+import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { TextFieldModule } from '@angular/cdk/text-field';
+import { LoadingOverlayComponent } from '../../coreComponents/loading/loadingoverlay.component ';
+import { CommonModule, DOCUMENT} from '@angular/common';
+import { ApiService } from '../../services/base.api';
+import { ApiUrlSettings } from '../../environmets/ApiSettings';
+import { Router } from '@angular/router';
+import { AuthenticationModel } from '../../environmets/AuthenticationModel';
+
+interface NoteForm {
+ subject: string;
+ description: string;
+}
+
+@Component({
+ selector: 'app-create-note',
+ templateUrl: './newnote.component.html',
+ styleUrls: ['./newnote.component.scss'],
+ standalone:true,
+ imports:[
+ CommonModule,
+ ReactiveFormsModule,
+ MatCardModule,
+ MatInputModule,
+ MatButtonModule,
+ MatIconModule,
+ MatProgressSpinnerModule,
+ MatSnackBarModule,
+ TextFieldModule,
+ LoadingOverlayComponent]
+})
+export class NewNoteComponent implements OnInit {
+ noteForm: FormGroup<{
+ subject: FormControl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ تاریخ ایجاد
+{{ getPersianDate() }}
+
+
+
+
+
+
+ لینک مرتبط
+
+
+
+
+ فایلهای پیوست شده
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ {{ error }}
+
+
+
+
+
+
+ جستجو
+
+ search
+
+
+
+ تعداد نمایش در هر صفحه
+
+
+ {{ size }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/app/components/note-list-component/note-list.component.scss b/ClientApp/src/app/components/note-list-component/note-list.component.scss
new file mode 100644
index 0000000..5427d0f
--- /dev/null
+++ b/ClientApp/src/app/components/note-list-component/note-list.component.scss
@@ -0,0 +1,132 @@
+// features/notes/list/note-list.component.scss
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 1rem;
+
+ @media (min-width: 768px) {
+ padding: 2rem;
+ }
+ }
+
+ .header {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ margin-bottom: 2rem;
+
+ @media (min-width: 768px) {
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ h1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ margin: 0;
+ }
+ }
+
+ .search-card {
+ margin-bottom: 1.5rem;
+ }
+
+ .search-content {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+
+ @media (min-width: 768px) {
+ flex-direction: row;
+ align-items: center;
+ }
+ }
+
+ .search-input {
+ width: 100%;
+
+ @media (min-width: 768px) {
+ width: 70%;
+ }
+ }
+
+ .page-size-select {
+ width: 100%;
+
+ @media (min-width: 768px) {
+ width: 30%;
+ }
+ }
+
+ .list-card {
+ margin-bottom: 1.5rem;
+ }
+
+ .notes-container {
+ max-height: 600px;
+ overflow-y: auto;
+ padding: 0.5rem;
+ }
+
+ .note-item {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s ease;
+
+ &:last-child {
+ border-bottom: none;
+ }
+
+ &:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ }
+
+ .note-subject {
+ font-size: 1.1rem;
+ font-weight: 500;
+ margin: 0 0 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+ }
+
+ .note-description {
+ color: rgba(0, 0, 0, 0.6);
+ margin: 0 0 0.5rem;
+ line-height: 1.5;
+ }
+
+ .note-date {
+ font-size: 0.875rem;
+ color: rgba(0, 0, 0, 0.54);
+ }
+
+ .loading-state {
+ display: flex;
+ justify-content: center;
+ padding: 2rem;
+ }
+
+ .empty-state {
+ text-align: center;
+ padding: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ }
+
+ :host ::ng-deep {
+ .mat-mdc-card {
+ border-radius: 8px;
+ }
+
+ .mat-mdc-form-field {
+ width: 100%;
+ }
+
+ .mat-mdc-paginator {
+ border-radius: 8px;
+ }
+ }
+ .note-item {
+ cursor: pointer;
+ // ... other styles ...
+ }
\ No newline at end of file
diff --git a/ClientApp/src/app/components/note-list-component/note-list.component.ts b/ClientApp/src/app/components/note-list-component/note-list.component.ts
new file mode 100644
index 0000000..f4d383f
--- /dev/null
+++ b/ClientApp/src/app/components/note-list-component/note-list.component.ts
@@ -0,0 +1,120 @@
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router, RouterModule } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { MatPaginatorModule, PageEvent } from '@angular/material/paginator';
+import { debounceTime, distinctUntilChanged, Subject } from 'rxjs';
+import { ApiService } from '../../services/base.api';
+import { ApiUrlSettings } from '../../environmets/ApiSettings';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { AuthenticationModel } from '../../environmets/AuthenticationModel';
+
+@Component({
+ selector: 'app-note-list',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ FormsModule,
+ MatCardModule,
+ MatInputModule,
+ MatSelectModule,
+ MatIconModule,
+ MatButtonModule,
+ MatPaginatorModule,
+ MatProgressSpinnerModule
+ ],
+ templateUrl: './note-list.component.html',
+ styleUrls: ['./note-list.component.scss']
+})
+export class NoteListComponent implements OnInit {
+ notes: GetNotesDto[] = [];
+ loading = false;
+ searchTerm = '';
+ currentPage = 0;
+ pageSize = 10;
+ pageSizeOptions = [5, 10, 25, 50];
+ totalItems = 0;
+ private searchSubject = new Subject
+
+
+
+
+
+
+ note موضوعات
+
+
+
+
+
+
+ {{ note.topic }}
+{{ note.description }}
+ {{ note.creationDate | date:'medium' }} + +
+
+
+
+ موردی یافت نشد
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/app/components/topic-notes/topic-notes.component.scss b/ClientApp/src/app/components/topic-notes/topic-notes.component.scss
new file mode 100644
index 0000000..8c878b5
--- /dev/null
+++ b/ClientApp/src/app/components/topic-notes/topic-notes.component.scss
@@ -0,0 +1,105 @@
+// features/notes/topic-notes/topic-notes.component.scss
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 1rem;
+
+ @media (min-width: 768px) {
+ padding: 2rem;
+ }
+ }
+
+ .header {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+ margin-bottom: 2rem;
+
+ h1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ margin: 0;
+ }
+ }
+
+ .notes-grid {
+ display: grid;
+ gap: 1rem;
+ grid-template-columns: repeat(1, 1fr);
+
+ @media (min-width: 640px) {
+ grid-template-columns: repeat(2, 1fr);
+ }
+
+ @media (min-width: 1024px) {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ }
+
+ .note-card {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+
+ .mat-mdc-card-header {
+ padding: 1rem 1rem 0;
+ }
+
+ .mat-mdc-card-content {
+ padding: 1rem;
+ flex-grow: 1;
+ }
+
+ .note-content {
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ line-height: 1.5;
+ color: rgba(0, 0, 0, 0.6);
+ }
+ }
+
+ .loading-state {
+ grid-column: 1 / -1;
+ display: flex;
+ justify-content: center;
+ padding: 2rem;
+ }
+
+ .empty-state {
+ grid-column: 1 / -1;
+ text-align: center;
+ padding: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ }
+ // features/notes/topic-notes/topic-notes.component.scss
+.note-card {
+ // ... existing styles ...
+
+ .image-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+ gap: 0.5rem;
+ margin-top: 1rem;
+ }
+
+ .image-container {
+ aspect-ratio: 1;
+ overflow: hidden;
+ border-radius: 4px;
+
+ &:hover {
+ .note-image {
+ transform: scale(1.05);
+ }
+ }
+ }
+
+ .note-image {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: transform 0.2s ease;
+ }
+ }
\ No newline at end of file
diff --git a/ClientApp/src/app/components/topic-notes/topic-notes.component.ts b/ClientApp/src/app/components/topic-notes/topic-notes.component.ts
new file mode 100644
index 0000000..e9d757f
--- /dev/null
+++ b/ClientApp/src/app/components/topic-notes/topic-notes.component.ts
@@ -0,0 +1,94 @@
+import { CommonModule } from '@angular/common';
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { forkJoin, map, of, switchMap } from 'rxjs';
+import { ApiUrlSettings } from '../../environmets/ApiSettings';
+import { ApiService } from '../../services/base.api';
+
+@Component({
+ selector: 'app-topic-notes',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ MatCardModule,
+ MatButtonModule,
+ MatIconModule,
+ MatProgressSpinnerModule
+ ],
+ templateUrl: './topic-notes.component.html',
+ styleUrls: ['./topic-notes.component.scss']
+})
+export class TopicNotesComponent implements OnInit, OnDestroy {
+ topicId = '';
+ topicName = '';
+ notes: GetNoteItemsDto[] = [];
+ loading = false;
+ private readonly apiSettings = new ApiUrlSettings();
+ private readonly objectUrls: string[] = [];
+
+ constructor(
+ private readonly route: ActivatedRoute,
+ private readonly apiService: ApiService
+ ) {}
+
+ ngOnInit(): void {
+ this.topicId = this.route.snapshot.paramMap.get('id') || '';
+ this.loadTopicNotes();
+ }
+
+ ngOnDestroy(): void {
+ this.objectUrls.forEach(url => URL.revokeObjectURL(url));
+ }
+
+ private loadTopicNotes(): void {
+ if (!this.topicId) return;
+
+ this.loading = true;
+ this.apiService
+ .get
+
+
+
+
+
+ {{ topicName }}
+
+
+
+ {{ note.detail }}
+ {{ note.creationDate| date:'medium' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![Note image]()
+
+
+
+
+
+
+
+ هیچ نوتی برای این موضوع یافت نشد
+
+
+
+
\ No newline at end of file
diff --git a/ClientApp/src/main.ts b/ClientApp/src/main.ts
new file mode 100644
index 0000000..35b00f3
--- /dev/null
+++ b/ClientApp/src/main.ts
@@ -0,0 +1,6 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig)
+ .catch((err) => console.error(err));
diff --git a/ClientApp/src/polyfills.ts b/ClientApp/src/polyfills.ts
new file mode 100644
index 0000000..6133588
--- /dev/null
+++ b/ClientApp/src/polyfills.ts
@@ -0,0 +1,34 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ * 2. Application imports. Files imported after ZoneJS that should be loaded before your main file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ */
+
+/***************************************************************************************************
+ * 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 animation support is needed and using Angular animations.
+ */
+// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js'; // Included with Angular CLI.
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
\ No newline at end of file
diff --git a/ClientApp/src/styles.scss b/ClientApp/src/styles.scss
new file mode 100644
index 0000000..f7d3d3b
--- /dev/null
+++ b/ClientApp/src/styles.scss
@@ -0,0 +1,52 @@
+
+// Custom Theming for Angular Material
+// For more information: https://material.angular.io/guide/theming
+@use '@angular/material' as mat;
+
+html {
+ @include mat.theme((
+ color: (
+ theme-type: light,
+ primary: mat.$azure-palette,
+ tertiary: mat.$blue-palette,
+ ),
+ typography: Roboto,
+ density: 0,
+ ));
+}/* filepath: src/styles.scss */
+/* Mobile-first styles */
+.container {
+ padding: 10px;
+ font-size: 14px;
+}
+
+/* Larger screens */
+@media (min-width: 480px) {
+ .container {
+ padding: 15px;
+ font-size: 15px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ padding: 20px;
+ font-size: 16px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .container {
+ padding: 25px;
+ font-size: 18px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .container {
+ padding: 30px;
+ font-size: 20px;
+ }
+}
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
\ No newline at end of file
diff --git a/ClientApp/tsconfig.app.json b/ClientApp/tsconfig.app.json
new file mode 100644
index 0000000..3d264ff
--- /dev/null
+++ b/ClientApp/tsconfig.app.json
@@ -0,0 +1,18 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "./out-tsc/app",
+ "types": [
+ "node"
+ ]
+ },
+ "files": [
+ "src/main.ts",
+ "src/polyfills.ts"
+ ],
+ "include": [
+ "src/**/*.d.ts"
+ ]
+}
diff --git a/ClientApp/tsconfig.json b/ClientApp/tsconfig.json
new file mode 100644
index 0000000..5525117
--- /dev/null
+++ b/ClientApp/tsconfig.json
@@ -0,0 +1,27 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+ "compileOnSave": false,
+ "compilerOptions": {
+ "outDir": "./dist/out-tsc",
+ "strict": true,
+ "noImplicitOverride": true,
+ "noPropertyAccessFromIndexSignature": true,
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true,
+ "skipLibCheck": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
+ "experimentalDecorators": true,
+ "moduleResolution": "bundler",
+ "importHelpers": true,
+ "target": "ES2022",
+ "module": "ES2022"
+ },
+ "angularCompilerOptions": {
+ "enableI18nLegacyMessageIdFormat": false,
+ "strictInjectionParameters": true,
+ "strictInputAccessModifiers": true,
+ "strictTemplates": true
+ }
+}
diff --git a/ClientApp/tsconfig.spec.json b/ClientApp/tsconfig.spec.json
new file mode 100644
index 0000000..5fb748d
--- /dev/null
+++ b/ClientApp/tsconfig.spec.json
@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "./out-tsc/spec",
+ "types": [
+ "jasmine"
+ ]
+ },
+ "include": [
+ "src/**/*.spec.ts",
+ "src/**/*.d.ts"
+ ]
+}
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..18e2e79
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,25 @@
+FROM node:22-alpine AS client-build
+WORKDIR /src/ClientApp
+COPY ClientApp/package*.json ./
+RUN npm ci
+COPY ClientApp/ ./
+RUN npm run build
+
+FROM mcr.microsoft.com/dotnet/sdk:10.0 AS server-build
+WORKDIR /src
+COPY NoteBookKeeper.Api/NoteBookKeeper.Api.csproj NoteBookKeeper.Api/
+RUN dotnet restore NoteBookKeeper.Api/NoteBookKeeper.Api.csproj
+COPY NoteBookKeeper.Api/ NoteBookKeeper.Api/
+COPY --from=client-build /src/ClientApp/dist/NoteKeeper/ NoteBookKeeper.Api/wwwroot/
+RUN dotnet publish NoteBookKeeper.Api/NoteBookKeeper.Api.csproj \
+ --configuration Release \
+ --output /app/publish \
+ --no-restore
+
+FROM mcr.microsoft.com/dotnet/aspnet:10.0 AS runtime
+WORKDIR /app
+COPY --from=server-build /app/publish .
+ENV ASPNETCORE_HTTP_PORTS=10000
+EXPOSE 10000
+USER $APP_UID
+ENTRYPOINT ["dotnet", "NoteBookKeeper.Api.dll"]
diff --git a/NoteBookKeeper.Api/Controllers/AddNoteController.cs b/NoteBookKeeper.Api/Controllers/AddNoteController.cs
index 8f8aced..efd9a14 100644
--- a/NoteBookKeeper.Api/Controllers/AddNoteController.cs
+++ b/NoteBookKeeper.Api/Controllers/AddNoteController.cs
@@ -1,5 +1,4 @@
-using Amazon.S3;
-using Amazon.S3.Model;
+using System.Security.Claims;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
using Microsoft.EntityFrameworkCore;
@@ -7,184 +6,198 @@
using NoteBookKeeper.Api.Entities;
using NoteBookKeeper.Api.Models;
using NoteBookKeeper.Api.Models.Base;
-using System.Security.Claims;
-namespace NoteBookKeeper.Api.Controllers
+namespace NoteBookKeeper.Api.Controllers;
+
+[ApiController]
+[Authorize]
+[Route("api/[controller]")]
+public class AddNoteController(NoteKeeperContext context) : ControllerBase
{
- [ApiController]
- [Route("api/[controller]")]
- public class AddNoteController(NoteKeeperContext ctx, IAmazonS3 amazonS3) : ControllerBase
+ private const long MaxFileSize = 5 * 1024 * 1024;
+ private const int MaxFileCount = 5;
+
+ [HttpPost("[action]")]
+ public async Task