feat - add and show reference for notes

Author: 4drianMatei

frontend/src/app/my-notes/save-note-form/note-editor.component.html

@@ -76,6 +76,15 @@
       </div>
     </div>
 
+    <div class="form-group pb-2">
+      <label for="reference">Reference</label>
+      <input type="url"
+             class="form-control"
+             id="reference"
+             formControlName="reference"
+             placeholder='Optional reference (web url, project, topic etc.)'>
+    </div>
+
     <button type="submit" class="btn btn-primary mr-2"
             [disabled]="!noteForm.valid">
       Save note

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

@@ -131,7 +131,7 @@
              class="form-control"
              id="sourceUrl"
              formControlName="sourceUrl"
-             placeholder='Where the code snippets are inspired from (source URL, project etc.)'>
+             placeholder='Optional reference (source url, web url, project etc.)'>
     </div>
 
     <div class="form-check mb-4 mt-1">

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

@@ -128,7 +128,7 @@
              class="form-control"
              id="sourceUrl"
              formControlName="sourceUrl"
-             placeholder='Where the code snippets are inspired from (source URL, project etc.)'>
+             placeholder='Optional reference (source url, web url, project etc.)'>
     </div>
 
     <div *ngIf="!copyToMine && !snippet.public && !snippet.copiedFromId" class="form-check mb-4 mt-1">

frontend/src/app/shared/note-details/note-details.component.html

@@ -8,7 +8,9 @@ <h6 class="card-subtitle mb-2 text-muted url-under-title">
       <span *ngIf="note.reference"><strong>Ref</strong> -
         <span
           *ngIf="note.reference.startsWith('http:') || note.reference.startsWith('https:'); else justText">
-          <a href="{{note.reference}}" target="_blank">{{note.reference}}</a>
+          <a href="{{note.reference}}" target="_blank">
+            {{ note.reference.length > 55 ? note.reference.substring(0, 55) + '...' :note.reference }}
+          </a>
           <sup class="ml-1"><i class="fas fa-external-link-alt"></i></sup>
         </span>
         <ng-template #justText>

frontend/src/app/shared/snippet-details/snippet-details.component.html

@@ -53,8 +53,7 @@ <h6 class="card-subtitle mb-2 text-muted url-under-title">
 
   <ng-container *ngIf="
   {
-    userId: userId$ | async,
-    userIsLoggedIn: userIsLoggedIn$ | async
+    userId: userId$ | async
   } as observables">
 
     <div class="card-footer" style="padding-right: 0.3rem">
@@ -89,14 +88,14 @@ <h6 class="card-subtitle mb-2 text-muted url-under-title">
           <button
             *ngIf="snippet.userId !== observables.userId"
             type="button" class="btn btn-light btn-sm"
-            (click)="copyToMine(observables.userIsLoggedIn, snippet)"
+            (click)="copyToMine(userIsLoggedIn, snippet)"
             title="Save to my snippets">
             <i class="far fa-copy"></i> Copy to mine
           </button>
           <button *ngIf="snippet.public || (!snippet.public && snippet.userId === observables.userId)"
             class="btn btn-light btn-sm float-right"
             title="Share via email or on social media"
-            (click)="shareSnippetDialog(snippet, observables.userIsLoggedIn, observables.userId)"><i class="fas fa-share"></i> Share
+            (click)="shareSnippetDialog(snippet, userIsLoggedIn, observables.userId)"><i class="fas fa-share"></i> Share
           </button>
         </div>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Codever",
-  "version": "7.2.2",
+  "version": "7.3.0",
   "description": "Codever - bookmarks, snippets and notes manager for developers & co",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",