increase size for snippets too

Author: adirochs

backend/src/common/constants.js

@@ -6,13 +6,13 @@ const ENV = {
 
 const MAX_NUMBER_OF_TAGS = 8;
 
-const MAX_NUMBER_OF_CHARS_FOR_DESCRIPTION = 3000;
+const MAX_NUMBER_OF_CHARS_FOR_DESCRIPTION = 5000;
 
-const MAX_NUMBER_OF_LINES_FOR_DESCRIPTION = 300;
+const MAX_NUMBER_OF_LINES_FOR_DESCRIPTION = 500;
 
-const MAX_NUMBER_OF_CHARS_FOR_CODE_SNIPPET = 5000;
+const MAX_NUMBER_OF_CHARS_FOR_CODE_SNIPPET = 10000;
 
-const MAX_NUMBER_OF_LINES_FOR_CODE_SNIPPET = 500;
+const MAX_NUMBER_OF_LINES_FOR_CODE_SNIPPET = 1000;
 
 const MAX_NUMBER_RETURNED_RESULTS = 55;
 

frontend/src/app/my-bookmarks/save-bookmark-form/save-bookmark-form.component.ts

@@ -22,7 +22,9 @@ import { UserInfoStore } from '../../core/user/user-info.store';
 import { SuggestedTagsStore } from '../../core/user/suggested-tags.store';
 import { WebpageInfo } from '../../core/model/webpage-info';
 import { MyBookmarksStore } from '../../core/user/my-bookmarks.store';
-import { PublicBookmarkPresentDialogComponent } from './public-bookmark-present-dialog/public-bookmark-present-dialog.component';
+import {
+  PublicBookmarkPresentDialogComponent
+} from './public-bookmark-present-dialog/public-bookmark-present-dialog.component';
 import { AdminService } from '../../core/admin/admin.service';
 import { WebpageInfoService } from '../../core/webpage-info/webpage-info.service';
 import { UserDataHistoryStore } from '../../core/user/userdata.history.store';
@@ -34,6 +36,7 @@ import { StackoverflowHelper } from '../../core/helper/stackoverflow.helper';
 import { UserDataPinnedStore } from '../../core/user/userdata.pinned.store';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatAutocompleteActivatedEvent, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import iziToast, { IziToastSettings } from 'izitoast';
 
 @Component({
   selector: 'app-save-bookmark-form',
@@ -192,7 +195,7 @@ export class SaveBookmarkFormComponent implements OnInit {
     if (isNewBookmark) {
       this.bookmarkForm.get('location').valueChanges.pipe(
         debounceTime(1000),
-        distinctUntilChanged(), )
+        distinctUntilChanged(),)
         .subscribe(location => {
           this.verifyExistenceInPersonalBookmarks(location);
         });
@@ -377,9 +380,18 @@ export class SaveBookmarkFormComponent implements OnInit {
         concatMap((updatedBookmark) => this.userDataStore.updateUserDataHistory$(updatedBookmark))
       ).subscribe(
         () => {
-          this.navigateToHomePageHistoryTab()
+          this.navigateToHomePageHistoryTab();
         },
-        () => this.navigateToHomePageHistoryTab() // TODO add error handling - popover
+        (response) => {
+          const iziToastSettings: IziToastSettings = {
+            title: `Error when updating ${bookmark.name}`,
+            messageLineHeight: '5',
+            timeout: false,
+            message: response.message + ' ' + response?.validationErrors
+          }
+          iziToast.error(iziToastSettings);
+          this.navigateToHomePageHistoryTab()
+        } // TODO add error handling - popover}
       );
     }
   }
@@ -439,17 +451,17 @@ export class SaveBookmarkFormComponent implements OnInit {
             this.publishInUserDataStores(newBookmark, readLater, pinned);
             this.navigateToBookmarkDetails(newBookmark);
 
-/*            if (this.url) {
-              if (this.popup) {
-                this.navigateToBookmarkDetails(newBookmark);
-              } else if (this.popupExt) {
-                this.navigateToHomePageHistoryTab();
-              } else {
-                window.location.href = this.url;
-              }
-            } else {
-              this.navigateToHomePageHistoryTab();
-            }*/
+            /*            if (this.url) {
+                          if (this.popup) {
+                            this.navigateToBookmarkDetails(newBookmark);
+                          } else if (this.popupExt) {
+                            this.navigateToHomePageHistoryTab();
+                          } else {
+                            window.location.href = this.url;
+                          }
+                        } else {
+                          this.navigateToHomePageHistoryTab();
+                        }*/
           });
         },
         (error: HttpResponse<any>) => {

frontend/src/app/my-snippets/create-snippet-form/create-snippet-form.component.html

@@ -79,7 +79,7 @@
           </textarea>
           <div
             class="description-chars-counter">{{codeSnippet.get('code').value ? codeSnippet.get('code').value.length : 0}}
-            / 5000
+            / 10000
           </div>
           <div class="form-group">
             <label for="commentAfter-{{i}}">Comment after (optional) - <i class="fab fa-markdown"></i> <a
@@ -100,7 +100,7 @@
               allowed.
             </div>
             <div *ngIf="codeSnippet.get('code').errors.tooManyCharacters">
-              Your code snippet has {{codeSnippet.get('code').errors.tooManyCharacters.value}} characters. Maximum 5000
+              Your code snippet has {{codeSnippet.get('code').errors.tooManyCharacters.value}} characters. Maximum 10000
               characters
               are
               allowed.

frontend/src/app/my-snippets/create-snippet-form/create-snippet-form.component.ts

@@ -124,7 +124,7 @@ export class CreateSnippetFormComponent extends SnippetFormBaseComponent impleme
     }
 
     return this.formBuilder.group({
-      code: [this.code ? this.ext === 'vscode' ? this.decodeTextVsCode(this.code) : this.code : '', textSizeValidator(5000, 500)],
+      code: [this.code ? this.ext === 'vscode' ? this.decodeTextVsCode(this.code) : this.code : '', textSizeValidator(10000, 1000)],
       comment: [this.comment ? this.comment : '', textSizeValidator(1000, 30)],
       commentAfter: [ '', textSizeValidator(1000, 30)]
     });

frontend/src/app/my-snippets/snippet-form-base/snippet-form.base.component.ts

@@ -126,23 +126,23 @@ export class SnippetFormBaseComponent implements OnInit {
 
   createCodeSnippet(codeSnippet: CodeSnippet): FormGroup {
     return this.formBuilder.group({
-      code: [codeSnippet.code, textSizeValidator(5000, 500)],
+      code: [codeSnippet.code, textSizeValidator(10000, 1000)],
       comment: codeSnippet.comment,
       commentAfter: codeSnippet.commentAfter
     });
   }
 
   createInitialCodeSnippet(): FormGroup {
     return this.formBuilder.group({
-      code: ['', textSizeValidator(5000, 500)],
+      code: ['', textSizeValidator(10000, 1000)],
       comment: ['', textSizeValidator(1000, 30)],
       commentAfter: ['', textSizeValidator(1000, 30)]
     });
   }
 
   createEmptyCodeSnippet(): FormGroup {
     return this.formBuilder.group({
-      code: ['', textSizeValidator(5000, 500)],
+      code: ['', textSizeValidator(10000, 1000)],
       comment: ['', textSizeValidator(1000, 30)],
       commentAfter: ['', textSizeValidator(1000, 30)]
     });

frontend/src/app/my-snippets/update-snippet-form/update-snippet-form.component.html

@@ -78,7 +78,7 @@
           </textarea>
           <div
             class="description-chars-counter">{{codeSnippet.get('code').value ? codeSnippet.get('code').value.length : 0}}
-            / 5000
+            / 10000
           </div>
           <div class="form-group">
             <label for="commentAfter-{{i}}">Comment after (optional) - <i class="fab fa-markdown"></i> <a