text: require('./bootstrap');
  window.Vue = require('vue');
  Vue.component('example-component', require('./components/ExampleComponent.vue').default);
  
  var userId = localStorage.getItem("userId");
  var userName = localStorage.getItem("userName");
  console.log(userId);
  console.log(userName);
  
  const mypage = new Vue({
      el: "#mypage", 
      data: {
          userId: userId,
          userName: userName,
          password: null,
          passNew: null,
          passNewAgain: null
      },
      methods: {
          submit: function() {
              /* ============ パスワード変更処理 ============ */          
              //パスワード不一致の処理
              if(mypage.passNew != mypage.passNewAgain) {
                  alert('新規のパスワードに誤りがあります。');
              } else if (mypage.passNew.length < 4 || mypage.passNew.length > 16){
                  alert('パスワードは4文字以上、16文字以下で入力してください。');
              } 
              else //新規のパスワードが問題なければ、既存のパスワードが正しいかチェックして変更する
              {
                  fetch(url + "api/changePass", {
                      method: "PATCH",
                      headers: {
                          'Content-Type':'application/json',
                          'userId': localStorage.getItem('userId'),
                          'token': localStorage.getItem('token')
                      },
                      body: JSON.stringify({
                          "userId": mypage.userId,
                          "password": mypage.password,
                          "passNew": mypage.passNew
                      })
                  })
                  .then(function(response) {
                      console.log(response);
                      if (response.status == 200) {
                          return response.json();
                      }
                      // 200番以外のレスポンスはエラーを投げる
                      return response.json().then(function(json) {
                          throw new Error(json.message);
                      });
                  })
                  .then(function(json) {
                      var content = JSON.stringify(json, null, 2);
                      console.log(content);
                  
                      if(content != '0'){
                          alert("パスワードを変更しました");
                          mypage.password = '';
                          mypage.passNew = '';
                          mypage.passNewAgain = '';
                      } else {
                          alert("登録済みのパスワードが違います");
                      }
                  })
                  .catch(function(err) {
                      console.log("Error.");
                  });
              }
          },//submit終了
  
          logout: function() {
              localStorage.setItem('userId', '');
              localStorage.setItem('userPassword', '');
              localStorage.setItem('userIcon', '');
              localStorage.setItem('groupId', '');
              location.href=url + "login";
          }
      },
  });
  