{"version":3,"file":"edit_posts.js","mappings":"YA+CA,SAASA,EAAKC,GACZ,MAAO,mDAAmDA,QAC5D,CAEA,SAASC,EAAKD,GACZ,MAAO,ghBAKGA,kBAEZ,CA3DAE,EAAE,gCAAgCC,GAAG,SAAS,SAASC,GACrD,IAAIC,EAAiBH,EAAEI,MAEnBC,EADWF,EAAeG,QAAQ,yBACZC,KAAK,qBAAqBC,QAChDC,EAAQJ,EAAWK,SAAS,WAC5BC,EAAeF,EAAQJ,EAAWE,KAAK,QAAQT,OAAOc,QAAUP,EAAWP,OAAOc,OAASP,EAAWP,OACtGe,EAAYb,EAAE,qFACdc,EAAgBd,EAAE,iRAClBe,EAAgBf,EAAE,mQAEtBa,EAAUG,KAAKL,GAmDjB,SAAyBG,EAAeC,EAAeZ,EAAgBQ,EAAcF,GACnF,IAKIQ,EAEFA,EADER,EACgBT,EAAED,EAAKY,IAEPX,EAAEH,EAAKc,IAG3BI,EAAcd,GAAG,SAAS,WACxBD,EAAEI,MAAMc,QAAQ,YAAYC,YAAYF,GACxCH,EAAcM,SACdL,EAAcK,SACdjB,EAAekB,MACjB,IAEAP,EAAcb,GAAG,SAAS,WACxB,IAAIY,EAAYb,EAAEI,MAAMc,QAAQ,YAC5BI,EAAUT,EAAUU,MACpBC,EAAoBxB,EAAEI,MAAME,QAAQ,yBAAyBmB,KAAK,kBAClEC,EAAS1B,EAAE,kBAAkByB,KAAK,MACtCzB,EAAE2B,KAAK,CACLC,SAAU,OACVC,IAAM,gBACNJ,KAAO,CAAE,KAAS,CACd,OAAWd,EACX,MAAUW,EACV,QAAYI,EACZ,kBAAsBF,IAE1BM,QAAU,SAASC,GACjB,GAAKA,EAU2B,mBAArBA,EAASC,SAClBnB,EAAUM,YAAYF,GACtBH,EAAcM,SACdL,EAAcI,YAAY,gOACG,UAApBY,EAASC,UAClBnB,EAAUM,YAAYF,GACtBH,EAAcM,SACdL,EAAcI,YAAY,sQAjBb,CACb,IAAIc,EAEFA,EADExB,EACWT,EAAED,EAAKuB,IAEPtB,EAAEH,EAAKyB,IAEtBT,EAAUM,YAAYc,GACtBnB,EAAcM,SACdL,EAAcI,YAAY,oPAC5B,CAUF,GAEJ,GACF,CA5GEe,CAAgBpB,EAAeC,EAAeZ,EAAgBQ,EAAcF,GAC5EJ,EAAWc,YAAYN,GAevBb,EAAE,YAAYC,GAAG,eAAe,WAC9B,IAAIkC,EAAMnC,EAAEI,MACVgC,EAASD,EAAIE,cAAgBF,EAAIG,SAE/BH,EAAIE,cAAgBjC,KAAKmC,cAG3BJ,EAAIG,OAAO,GAFXH,EAAIG,OAAOlC,KAAKmC,aAAeH,EAKnC,IACApC,EAAE,YAAYwC,QAAQ,SAGxB,SAAqBC,EAAU3B,EAAeC,EAAeF,GAC3D,EAAgB6B,YAAY7B,GAC5B,EAAgB6B,YAAY7B,GAC5B4B,EAASE,MACX,CA/BEC,CAAYzC,EAAgBW,EAAeC,EAAeF,EAC5D,G","sources":["webpack://trace_taiwan/./app/javascript/packs/edit_posts.js"],"sourcesContent":["$('#trace-details .improve-text').on('click', function(e) {\n  let $improveButton = $(this);\n  let $section = $improveButton.closest('[data-post-attribute]');\n  let $contentEl = $section.find('.editable-content').first();\n  let isGps = $contentEl.hasClass('gps-loc');\n  let originalText = isGps ? $contentEl.find('span').text().trim() || $contentEl.text().trim() : $contentEl.text();\n  let $textArea = $(`<textarea class=\"improve post-select\" name=\"improvement area\" spellcheck=\"false\">`);\n  let $submitButton = $('<button class=\"inline-flex justify-center py-1.5 mt-2 mr-3 px-4 border border-transparent cursor-pointer text-sm font-semibold rounded-lg text-white bg-green-500 hover:bg-green-600 focus:outline-none transition duration-150 ease-in-out edit-button\">Submit Edit</button>');\n  let $cancelButton = $('<button class=\"inline-flex justify-center py-1.5 mt-2 px-4 border border-transparent cursor-pointer text-sm font-semibold rounded-lg text-white bg-red-500 hover:bg-red-600 focus:outline-none transition duration-150 ease-in-out edit-button\">Cancel</button>');\n\n  $textArea.html(originalText);\n  addButtonEvents($submitButton, $cancelButton, $improveButton, originalText, isGps);\n  $contentEl.replaceWith($textArea);\n  enableStrechTextArea();\n  swapButtons($improveButton, $submitButton, $cancelButton, $textArea);\n})\n\nfunction parseGps(url) {\n  var splitUrl = url.split('!3d');\n  var latLong = splitUrl[splitUrl.length-1].split('!4d');\n\n  var latitude = latLong[0];\n\n  return `${latitude}`\n}\n\nfunction enableStrechTextArea() {\n  $('.improve').on('keyup paste', function() {\n    var $el = $(this),\n      offset = $el.innerHeight() - $el.height();\n\n    if ($el.innerHeight() < this.scrollHeight) {\n      $el.height(this.scrollHeight - offset);\n    } else {\n      $el.height(1);\n      $el.height(this.scrollHeight - offset);\n    }\n  });\n  $('.improve').trigger('keyup');\n}\n\nfunction swapButtons($swapOut, $submitButton, $cancelButton, $textArea) {\n  ($cancelButton).insertAfter($textArea);\n  ($submitButton).insertAfter($textArea);\n  $swapOut.hide();\n}\n\nfunction addP(text) {\n  return `<p class='editable-content text-gray-600 pl-7'> ${text} </p>`\n}\n\nfunction addA(text) {\n  return `<a class='editable-content gps-loc inline-flex items-center gap-1.5 text-sm font-medium text-gray-600 mt-1'>\n    <svg class=\"w-4 h-4 flex-shrink-0 text-blue-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" />\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" />\n    </svg>\n    <span>${text}</span>\n  </a>`\n}\n\nfunction addButtonEvents($submitButton, $cancelButton, $improveButton, originalText, isGps) {\n  let successMsg = \"Thank you for your contribution. Your update is being reviewed. It may \" +\n    \"take some time before it is live. Please be patient and avoid resubmitting.\"\n  let doubleEditMsg = \"You have already submitted an improvement for this information. Please give us \" +\n    \" time to review it before creating another.\"\n  let loginMessage = \"Only logged in users can edit information.\"\n  let originalWriteUp;\n  if (isGps) {\n    originalWriteUp = $(addA(originalText));\n  } else {\n    originalWriteUp = $(addP(originalText));\n  }\n\n  $cancelButton.on('click', function() {\n    $(this).prevAll('textarea').replaceWith(originalWriteUp);\n    $submitButton.remove();\n    $cancelButton.remove();\n    $improveButton.show();\n  })\n\n  $submitButton.on('click', function() {\n    let $textArea = $(this).prevAll('textarea');\n    let newText = $textArea.val();\n    let attribute_updated = $(this).closest('[data-post-attribute]').data('post-attribute');\n    let postId = $('#trace-details').data('id');\n    $.ajax({\n      dataType: \"json\",\n      url : '/edits/create',\n      data : { 'edit' : {\n          'before' : originalText,\n          'after' : newText,\n          'post_id' : postId,\n          'attribute_updated' : attribute_updated\n        } },\n      success : function(response) {\n        if (!response) {\n          let newWriteUp;\n          if (isGps) {\n            newWriteUp = $(addA(newText))\n          } else {\n            newWriteUp = $(addP(newText))\n          }\n          $textArea.replaceWith(newWriteUp);\n          $submitButton.remove();\n          $cancelButton.replaceWith(`<div class=\"rounded-lg py-3 px-4 mt-2 bg-green-100 text-green-800 text-sm font-semibold\">${successMsg}</div>`);\n        } else if (response.message === 'duplicate edit'){\n          $textArea.replaceWith(originalWriteUp);\n          $submitButton.remove();\n          $cancelButton.replaceWith(`<div class=\"rounded-lg py-3 px-4 mt-2 bg-yellow-100 text-yellow-800 text-sm font-semibold\">${doubleEditMsg}</div>`);\n        } else if (response.message=== 'login') {\n          $textArea.replaceWith(originalWriteUp);\n          $submitButton.remove();\n          $cancelButton.replaceWith(`<div class=\"rounded-lg py-3 px-4 mt-2 bg-yellow-100 text-yellow-800 text-sm font-semibold\">${loginMessage}\n                        <a class='ml-3 text-blue-600 hover:underline' href=\"/login\">Click to Login/Sign Up</a></div>`);\n        }\n      }\n    })\n  })\n}\n"],"names":["addP","text","addA","$","on","e","$improveButton","this","$contentEl","closest","find","first","isGps","hasClass","originalText","trim","$textArea","$submitButton","$cancelButton","html","originalWriteUp","prevAll","replaceWith","remove","show","newText","val","attribute_updated","data","postId","ajax","dataType","url","success","response","message","newWriteUp","addButtonEvents","$el","offset","innerHeight","height","scrollHeight","trigger","$swapOut","insertAfter","hide","swapButtons"],"ignoreList":[],"sourceRoot":""}