updated quick add and expanded tag entry - name check

undeser · Apr 25, 2024 · ee24e6b · ee24e6b
1 parent 67882a8
commit ee24e6b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 17 deletions.
diff --git a/src/components/ExpandedTagEntry.vue b/src/components/ExpandedTagEntry.vue
@@ -209,23 +209,19 @@ export default {
       console.log("saving");
 
       let docTitle = document.getElementById("inputTagName").value;
-      let docStart = document
-        .getElementById("inputStartDate")
-        .value.replace("T", " ");
-      let docEnd = document
-        .getElementById("inputEndDate")
-        .value.replace("T", " ");
-      let docCalendar_name = document.getElementById(
-        "selectInputCalendarName"
-      ).value;
-      //add calendar id later on
+      let docStart = document.getElementById("inputStartDate").value.replace("T", " ");
+      let docEnd = document.getElementById("inputEndDate").value.replace("T", " ");
+      let docCalendar_name = document.getElementById("selectInputCalendarName").value;
+
       let docColor = document.getElementById("customColor").value;
       let docCompleted = false;
 
       try {
+        if (docTitle === ""){
+          throw new Error(`Please Enter a Tag Name`)
+        }
         //create a new tag
         const tagDocRef = await addDoc(collection(db, "Tags"), {
-          //id: docId,
           title: docTitle,
           start: docStart,
           end: docEnd,
@@ -304,6 +300,7 @@ export default {
         this.$emit("tag-submitted");
       } catch (error) {
         console.error("Error adding document: ", error);
+        alert(error);
       }
 
       //after save reroute to misc tags

diff --git a/src/components/MiscellaneousTags.vue b/src/components/MiscellaneousTags.vue
@@ -168,12 +168,10 @@ export default {
                     };
                 })
             );
-            //filter for those that have no calendar
             this.tableRows = this.tableRows.filter((row) => !row.calendar_name);
         },
 
         addQuickTag(event) {
-            // do we need a cancllation button - or will it auto cancel itself
             console.log("Add Quick Tag");
             this.addingtag = true;
         },

diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
@@ -150,7 +150,7 @@ export default {
                                 (row) => row.color
                             ),
                             borderSkipped: false,
-                            // borderRadius: 10,
+                            borderRadius: 10,
                             barPercentage: 0.2,
                             categoryPercentage: 0.8,
                         },
@@ -166,8 +166,6 @@ export default {
                     },
                     scales: {
                         x: {
-                            min:0,
-                            max: 100,
                             display: false,
                             grid: {
                                 display: false,

diff --git a/src/components/QuickTagEntry.vue b/src/components/QuickTagEntry.vue
@@ -7,11 +7,13 @@
         v-model="inputData"
         id="quickAddTag"
         required="yes"
+        title="Enter a Tag name and indicate its importance with '!' e.g. Buy Groceries!"
       />
-      <!-- not sure how to put icon over form -->
+
       <i class="expandTag" @click="expandTagEntry">
         <BIconArrowsAngleExpand />
       </i>
+
     </form>
   </div>
 </template>
@@ -172,11 +174,13 @@ input {
   color: #f5f5f5;
 }
 
+
 input::placeholder {
   color: #f5f5f5;
 }
 
 .expandTag {
   color: #f5f5f5;
 }
+
 </style>