fix adding buttons of 'add description' and 'add img' fail for loaded data

parsers.js

@@ -24,19 +24,37 @@ function parseMd(content) {
     }
 
     if (line.includes('##')) {
-      var preDataIndex = 0;
+      preDataIndex = 0;
       blockCount = blockCount + 1 | 0;
       const preBlockindex = blockCount;
       const {blockDiv, h, titleInput, inputButton, descButton, imgButton} = getBlockElements(contentDiv);
       parseBlockDiv = blockDiv;
       const title = parseTitle(line);
-      const text = title;
-      blockArray[preBlockindex] = {title: text};
-      h.textContent = text;
+      blockArray[preBlockindex] = {title: title};
+      h.textContent = title;
       inputButton.onclick = function() {
-        const text = titleInput.value;
-        blockArray[preBlockindex].title = text;
-        h.textContent = text;
+        const title = titleInput.value;
+        blockArray[preBlockindex].title = title;
+        h.textContent = title;
+      }
+      descButton.onclick = function() {
+        const ownDataIndex = blockArray[preBlockindex].data.length;
+        const {p, descTextArea, descInputButton} = getdescElements(blockDiv);
+        descInputButton.onclick = function() {
+          blockArray = handleDescInputClick(p, descTextArea.value, blockArray, preBlockindex, ownDataIndex)
+        }
+      }
+      imgButton.onclick = function() {
+        const imgDataIndex = blockArray[preBlockindex].data.length;
+        const {img, imgInput, widthInput, heightInput, imgInputButton} = getImgElements(blockDiv);
+        imgInputButton.onclick = function() {
+          const imgObject = {image: {src: imgInput.value,
+                                     height: heightInput.value,
+                                     width: widthInput.value,
+                                     alt: 'image field',
+                                     layout: 'responsive'}};
+          blockArray = handleImgInputClick(img, imgObject, blockArray, preBlockindex, imgDataIndex)
+        }
       }
     } else if (line.includes('amp-img')) {
       const preBlockindex = blockCount;
@@ -51,16 +69,12 @@ function parseMd(content) {
       const {img, imgInput, widthInput, heightInput, imgInputButton} = getImgElements(parseBlockDiv);
       preImg = img;
       imgInputButton.onclick = function() {
-        preImg.setAttribute('src', imgInput.value);
-        preImg.setAttribute('width', widthInput.value);
-        preImg.setAttribute('height', heightInput.value);
-        preImg.setAttribute('alt', 'image field');
         const imgObject = {image: {src: imgInput.value,
                                    height: heightInput.value,
                                    width: widthInput.value,
                                    alt: 'image field',
                                    layout: 'responsive'}};
-        blockArray = addDataToBlockArray(imgObject, blockArray, preBlockindex, imgDataIndex)
+        blockArray = handleImgInputClick(img, imgObject, blockArray, preBlockindex, imgDataIndex)
       }
     } else {
       const preBlockindex = blockCount;
@@ -70,10 +84,8 @@ function parseMd(content) {
       const text = line;
       p.textContent = text;
       blockArray = addDataToBlockArray({description: {text: text}}, blockArray, preBlockindex, ownDataIndex)
-      descInputButton.onclick = function () {
-        const text = descTextArea.value;
-        p.textContent = text;
-        addDataToBlockArray({description: {text: text}}, blockArray, preBlockindex, ownDataIndex)
+      descInputButton.onclick = function() {
+        blockArray = handleDescInputClick(p, descTextArea.value, blockArray, preBlockindex, ownDataIndex)
       }
     }
   }
@@ -103,4 +115,17 @@ const parseAmpImg = line => {
   } else if (line.includes('layout')) {
     const layoutParameter = line.replace(/layout=|"|>/g, '');                             
   }
-}
+}
+
+function handleDescInputClick(p, desc, blockArray, blockIndex, ownDataIndex) {
+  p.textContent = desc;
+  return addDataToBlockArray({description: {text: desc}}, blockArray, blockIndex, ownDataIndex)
+}
+
+function handleImgInputClick(img, imgObject, blockArray, blockIndex, ownDataIndex) {
+  img.setAttribute('src', _.get(imgObject, 'image.src'));
+  img.setAttribute('width', _.get(imgObject, 'image.width'));
+  img.setAttribute('height', _.get(imgObject, 'image.height'));
+  img.setAttribute('alt', _.get(imgObject, 'image.alt'));
+  return addDataToBlockArray(imgObject, blockArray, blockIndex, ownDataIndex)
+}