{"version":3,"sources":["webpack:///./src/views/edit.vue?e789","webpack:///./src/views/edit.vue","webpack:///./src/views/edit.vue?c79b"],"names":["class","onsubmit","_createElementVNode","$data","_createElementBlock","_hoisted_6","type","placeholder","$event","style","onClick","$options","_Fragment","_renderList","item","i","_hoisted_8","_toDisplayString","title","_hoisted_9","_hoisted_3","data","hasPassed","tempPass","undefined","actualPass","historyArticles","tempIndex","tempContent","methods","auth","this","alert","getPass","docRef","db","collection","doc","get","then","exists","JSON","parse","password","console","log","catch","error","getTheHistory","deleteArticle","editArticle","content","stringify","ref","update","mounted","clear","__exports__","render"],"mappings":"kHAAA,W,wECCOA,MAAM,c,GACHC,SAAS,gB,EACbC,eAAiB,UAAb,YAAQ,G,GACPF,MAAM,Q,SAOHA,MAAM,W,EAChBE,eAAiB,UAAb,YAAQ,G,GAMPF,MAAM,oB,YAKLE,eAAI,mB,+BAtBmBC,aAA/B,iBAUAC,eAkBM,MAlBN,EAkBM,CAjBJC,EACAH,eAIM,2BAHJA,eAA6D,SAAtDI,KAAK,SAASC,YAAY,Q,qCAAiBJ,YAASK,IAA3D,mBAAkDL,eAG9C,eAFJD,eAAyF,SAAlFI,KAAK,OAAOC,YAAY,K,qCAAcJ,cAAWK,GAAEC,MAAA,4BAA1D,mBAA6CN,iBAC7CD,eAA0C,UAAjCQ,QAAK,eAAEC,kBAAe,QAEjCT,eAQM,MARN,EAQM,qBANJE,eAKWQ,OAAA,KAAAC,eALkBV,kBAAe,CAA1BW,EAAKC,K,4CAA6BA,GAAC,CACxCD,GAAI,iBAAfV,eAGM,MAAAY,EAAA,CAFJd,eAAkC,WAAAe,eAA3BF,EAAC,GAAI,IAACE,eAAA,OAAEH,QAAF,IAAEA,OAAF,EAAEA,EAAMI,OAAK,GAC1BC,KAFa,uBADoC,MAArD,YAnB2BhB,iBAA/BC,eAQM,MARN,EAQM,CAPJF,eAMO,OANP,EAMO,CALLkB,EACAlB,eAEM,MAFN,EAEM,gBADJA,eAA+C,S,qCAA/BC,WAAQK,GAAED,YAAY,SAAtC,mBAAgBJ,gBAElBD,eAAqD,UAA7CI,KAAK,SAAUI,QAAK,eAAEC,WAAQ,e,gBA6B9B,GACZU,OACE,MAAM,CACJC,WAAW,EAGXC,cAAUC,EACVC,gBAAYD,EAEZE,qBAAiBF,EAEjBG,eAAWH,EACXI,iBAAaJ,IAGjBK,QAAQ,CACNC,OACKC,KAAKR,UAAYQ,KAAKN,WAMzBO,MAAM,cALJD,KAAKT,WAAY,GAOrBW,UACE,IAAIC,EAASC,OAAGC,WAAW,aAAaC,IAAK,WAE3CH,EAAOI,MAAMC,KAAMF,IACXA,EAAIG,OACNT,KAAKN,WAAagB,KAAKC,MAAML,EAAIhB,OAAOsB,UAMtCC,QAAQC,IAAI,uBAEjBC,MAAOC,IACNH,QAAQC,IAAI,0BAA2BE,MAK/CC,gBAEE,IAAId,EAASC,OAAGC,WAAW,WAAWC,IAAK,YAE3CH,EAAOI,MAAMC,KAAMF,IACfA,EAAIG,OAENT,KAAKL,gBAAkBe,KAAKC,MAAML,EAAIhB,OAAOA,MA2B3CuB,QAAQC,IAAI,uBAEjBC,MAAOC,IACNH,QAAQC,IAAI,0BAA2BE,MAMzCE,uBAGSlB,KAAKL,gBAAgB,WACrBK,KAAKL,gBAAgB,WACrBK,KAAKL,gBAAgB,WACrBK,KAAKL,gBAAgB,WACrBK,KAAKL,gBAAgB,KAc9BwB,cAGEnB,KAAKL,gBAAgBK,KAAKJ,UAAU,GAAGwB,QAASpB,KAAKH,YACrDG,KAAKL,gBAAkBe,KAAKW,UAAUrB,KAAKL,iBAE3C,MAAM2B,EAAMlB,OAAGC,WAAW,WAC1BiB,EAAIhB,IAAK,YAAWiB,OAAO,CACzBjC,KAAMU,KAAKL,kBAGbkB,QAAQC,IAAI,eAKhBU,UACEX,QAAQY,QACRzB,KAAKE,UACLF,KAAKiB,kB,iCC5JT,MAAMS,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB","file":"js/chunk-68699b36.7db3da1f.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./edit.vue?vue&type=style&index=0&id=35174cc5&lang=css\"","<template>\n  <div class=\"main-block\" v-if=\"!hasPassed\">\n    <form onsubmit=\"return false\">\n      <h1>管理者パスワード</h1>\n      <div class=\"info\">\n        <input v-model=\"tempPass\" placeholder=\"パスワード\" >\n      </div>\n      <button type=\"submit\" @click=\"auth()\">Submit</button>\n    </form>\n  </div>\n\n  <div v-else class=\"content\">\n    <h2>articles</h2>\n    <div>\n      <input type=\"number\" placeholder=\"index\" v-model=\"tempIndex\">\n      <input type=\"text\" placeholder=\"内容\" v-model=\"tempContent\" style=\"white-space: pre-wrap;\">\n      <button @click=\"editArticle()\">編集</button>\n    </div>\n    <div class=\"articles-wrapper\">\n\n      <template v-for=\"(item,i) in historyArticles\" :key=\"i\">\n        <div v-if=\"item\">\n          <div>{{i+1}}.{{item?.title}}</div>\n          <hr>\n        </div>\n      </template>\n    </div>\n    <!-- <span>{{historyArticles}}</span> -->\n\n  </div>\n\n</template>\n\n<script>\nimport db from '../../firebase.js';\n\nexport default{\n  data(){\n    return{\n      hasPassed: false,\n      // hasPassed: true,\n\n      tempPass: undefined,\n      actualPass: undefined,\n\n      historyArticles: undefined,\n\n      tempIndex: undefined,\n      tempContent: undefined,\n    }\n  },\n  methods:{\n    auth(){\n      if(this.tempPass == this.actualPass){\n        this.hasPassed = true\n        \n        return \n      }\n      \n      alert('パスワードが違います')\n    },\n    getPass(){\n      var docRef = db.collection('analytics').doc(`editing`);\n\n        docRef.get().then((doc) => {\n            if (doc.exists) {\n              this.actualPass = JSON.parse(doc.data().password)\n              // console.log(this.actualPass)\n\n\n            } else {\n                // doc.data() will be undefined in this case\n                console.log(\"No such document!\");\n            }\n        }).catch((error) => {\n            console.log(\"Error getting document:\", error);\n        });\n\n    },\n\n    getTheHistory(){  \n\n      var docRef = db.collection('history').doc(`articles`);\n\n      docRef.get().then((doc) => {\n      if (doc.exists) {\n        // this.tempString =doc.data().data\n        this.historyArticles = JSON.parse(doc.data().data)\n        // console.log(this.historyArticles[1].content)\n        // for(let i in this.historyArticles){\n        //   let article = this.historyArticles[i]\n        //   article.views = 10\n\n        //   // console.log(this.historyArticles[i].views)\n        // }\n\n        // this.historyArticles = JSON.stringify(this.historyArticles)\n\n        // console.log(this.historyArticles)\n        // const ref = db.collection('history')\n        // ref.doc(`articles`).update({\n        //   data:this.historyArticles\n        // })\n        // this.members = JSON.parse(doc.data().members)\n        // if(!this.members.includes(this.username)) this.members.push(this.username)\n        // this.modalStatus = 3\n        // this.onlineRoll = 'guest'\n\n        // docRef.update({\n        //   members: JSON.stringify(this.members),\n        // })\n        // // this.countingToStartGame()\n      } else {\n          // doc.data() will be undefined in this case\n          console.log(\"No such document!\");\n      }\n  }).catch((error) => {\n      console.log(\"Error getting document:\", error);\n  });\n\n\n    },\n\n    deleteArticle(){\n      // console.log(this.historyArticles[])\n\n      delete this.historyArticles[18]\n      delete this.historyArticles[19]\n      delete this.historyArticles[20]\n      delete this.historyArticles[21]\n      delete this.historyArticles[22]\n      // delete this.historyArticles[23]\n\n      // this.historyArticles = JSON.stringify(this.historyArticles)\n\n      // const ref = db.collection('history')\n      // ref.doc(`articles`).update({\n      //   data: this.historyArticles\n      // })\n      // console.log(typeof this.historyArticles)\n      // this.historyArticles = this.historyArticles.pop();\n      // console.log(this.historyArticles)\n    },\n\n    editArticle(){\n      \n      // this.tempContent = `&nbsp;`+ this.tempContent\n      this.historyArticles[this.tempIndex-1].content= this.tempContent\n      this.historyArticles = JSON.stringify(this.historyArticles)\n\n      const ref = db.collection('history')\n      ref.doc(`articles`).update({\n        data: this.historyArticles\n      })\n\n      console.log('updagting')\n\n    },\n\n  },\n  mounted(){\n    console.clear()\n    this.getPass()\n    this.getTheHistory()\n  }\n}\n\n</script>\n\n<style>\n\n      h1 {\n      margin: 0 0 20px;\n      font-weight: 400;\n      color: #1c87c9;\n      }\n      p {\n      margin: 0 0 5px;\n      }\n      .main-block {\n        margin-top: 5em;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      min-height: 80vh;\n      background: #1c87c9;\n      }\n      form {\n      padding: 25px;\n      margin: 25px;\n      box-shadow: 0 2px 5px #f5f5f5; \n      background: #f5f5f5; \n      }\n      .fas {\n      margin: 25px 10px 0;\n      font-size: 72px;\n      color: #fff;\n      }\n      .fa-envelope {\n      transform: rotate(-20deg);\n      }\n      .fa-at , .fa-mail-bulk{\n      transform: rotate(10deg);\n      }\n      input, textarea {\n      width: calc(100% - 18px);\n      padding: 8px;\n      margin-bottom: 20px;\n      border: 1px solid #1c87c9;\n      outline: none;\n      }\n      input::placeholder {\n      color: #666;\n      }\n      .main-block button {\n      width: 100%;\n      padding: 10px;\n      border: none;\n      background: #1c87c9; \n      font-size: 16px;\n      font-weight: 400;\n      color: #fff;\n      }\n      .main-block button:hover {\n      background: #2371a0;\n      }    \n      @media (min-width: 568px) {\n      .main-block {\n      flex-direction: row;\n      }\n      .left-part, form {\n      width: 50%;\n      }\n      .fa-envelope {\n      margin-top: 0;\n      margin-left: 20%;\n      }\n      .fa-at {\n      margin-top: -10%;\n      margin-left: 65%;\n      }\n      .fa-mail-bulk {\n      margin-top: 2%;\n      margin-left: 28%;\n      }\n      }\n\n  .content{\n    width: 50%;\n    margin: 5em auto;\n    text-align: center;\n  }\n\n  .articles-wrapper{\n    text-align: left;\n  }\n      \n</style>","import { render } from \"./edit.vue?vue&type=template&id=35174cc5\"\nimport script from \"./edit.vue?vue&type=script&lang=js\"\nexport * from \"./edit.vue?vue&type=script&lang=js\"\n\nimport \"./edit.vue?vue&type=style&index=0&id=35174cc5&lang=css\"\n\nimport exportComponent from \"/opt/build/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}