feat: make all the input fields mandatory

Author: devvaannsh

src/extensionsIntegrated/CustomSnippets/htmlContent/snippets-panel.html

@@ -56,17 +56,17 @@
     <!--this view will open up when user clicks on add a new snippet button-->
     <div id="custom-snippets-add-new" class="custom-snippets-add-new hidden">
         <div id="abbr-box-wrapper">
-            <label for="abbr-box">Abbreviation*: </label>
+            <label for="abbr-box">Abbreviation: </label>
             <input id="abbr-box" type="text" placeholder="clg" autocomplete="off" />
         </div>
 
         <div id="desc-box-wrapper">
-            <label for="desc-box">Description*: </label>
+            <label for="desc-box">Description: </label>
             <input id="desc-box" type="text" placeholder="console log shortcut" autocomplete="off" />
         </div>
 
         <div id="template-text-box-wrapper">
-            <label for="template-text-box">Template Text*: </label>
+            <label for="template-text-box">Template Text: </label>
             <input id="template-text-box" type="text" placeholder="console.log()" autocomplete="off" />
         </div>
 

src/extensionsIntegrated/CustomSnippets/main.js

@@ -97,6 +97,7 @@ define(function (require, exports, module) {
         const $abbrInput = $("#abbr-box");
         const $descInput = $("#desc-box");
         const $templateInput = $("#template-text-box");
+        const $fileExtnInput = $("#file-extn-box");
         const $addSnippetBtn = $("#add-snippet-btn");
         const $addNewSnippetBtn = $("#add-new-snippet-btn");
         const $backToListMenuBtn = $("#back-to-list-menu-btn");
@@ -125,6 +126,7 @@ define(function (require, exports, module) {
         $abbrInput.on("input", Helper.toggleSaveButtonDisability);
         $descInput.on("input", Helper.toggleSaveButtonDisability);
         $templateInput.on("input", Helper.toggleSaveButtonDisability);
+        $fileExtnInput.on("input", Helper.toggleSaveButtonDisability);
     }
 
     AppInit.appReady(function () {

src/extensionsIntegrated/CustomSnippets/src/helper.js

@@ -13,7 +13,7 @@ define(function (require, exports, module) {
         const abbreviation = $("#abbr-box").val().trim();
         const description = $("#desc-box").val().trim();
         const templateText = $("#template-text-box").val().trim();
-        const fileExtension = $("#file-extn-box").val().trim() || "all";
+        const fileExtension = $("#file-extn-box").val().trim();
 
         return {
             abbreviation: abbreviation,
@@ -34,14 +34,16 @@ define(function (require, exports, module) {
         const $abbrInput = $("#abbr-box");
         const $descInput = $("#desc-box");
         const $templateInput = $("#template-text-box");
+        const $fileExtnInput = $("#file-extn-box");
 
         const $saveBtn = $("#save-custom-snippet-btn").find("button");
 
         // make sure that the required fields has some value
         const hasAbbr = $abbrInput.val().trim().length > 0;
         const hasDesc = $descInput.val().trim().length > 0;
         const hasTemplate = $templateInput.val().trim().length > 0;
-        $saveBtn.prop("disabled", !(hasAbbr && hasDesc && hasTemplate));
+        const hasFileExtn = $fileExtnInput.val().trim().length > 0;
+        $saveBtn.prop("disabled", !(hasAbbr && hasDesc && hasTemplate && hasFileExtn));
     }
 
     /**