スタジオ管理シートアプリの制作

song_checkbox_all.addEventListener('change', (event) => {
  let eventElem = event.target;
  // チェックが入って、かつ配列になかった場合
  if (eventElem.checked === true && checkbox_array.indexOf(eventElem.id) === -1) {
    console.log("push")
    checkbox_array.push(eventElem.id);
  }
  // チェックが外れた場合
  if (eventElem.checked === false ) {
    let delKey = checkbox_array.indexOf(eventElem.id);
    checkbox_array.splice(delKey,1);
  }
});

let addFC = () => {
  db.ref(`/users/${firebase.auth().currentUser.displayName}/`).set({
    name:firebase.auth().currentUser.displayName,
    id:checkbox_array
  });
}

let addFC = () => {
  console.log("addFC")
  if(firebase.auth().currentUser != null) {
    db.ref(`/users/${firebase.auth().currentUser.displayName}/`).set({
      name:user_name.value,
      id:checkbox_array
    });
  } else {
    db.ref(`/users/${user_name.value}/`).set({
      name:user_name.value,
      id:checkbox_array
    });
  }
}

let databaseInitFC = () => {
  all_DB = db.ref(`/users`);
  // DB取得※usersを取得。配列キーの数を参考に参加者人数算出。
  all_DB.on('child_added', (data) => {
    console.log("全てのDBを取得")
    firebase_db_latest = data.val();
    all_data.push(firebase_db_latest);
    people_number.textContent = `参加者人数：${all_data.length}人`
  });
  if (firebase.auth().currentUser != null){
~~~~

connect_DB = db.ref(`/users/${firebase.auth().currentUser.displayName}`);
connect_DB.on('child_changed', function(data) {
  location.reload();
});

if (login_user_data[0] != null) {
  login_user_data[0].map((id) => {
    let v_id = document.getElementById(id);
    v_id.checked = true;
  });
};

checkbox_array.push(v_id);

// DB取得※ユーザー毎。nameとidで2回処理される
connect_DB.once('value', (data) => {
  firebase_db_user = data.val();

firebase_db_all = data.val();
// db_all.push(firebase_db_all); // これいらな過ぎる！！

let removeFC = () => {
  db.ref(`/users/${firebase.auth().currentUser.displayName}`).remove();
}

td #{song}
td(id=`sheet_vo${key}`) 
td(id=`sheet_gtLead${key}`) 
td(id=`sheet_gtSide${key}`) 
td(id=`sheet_ba${key}`) 
td(id=`sheet_dr${key}`)

let firebase_db_sheet

let mkSheetFC = () => {
  console.log("mksheet!!");
  console.log(firebase_db_all);
  db.ref(`/users`).on('child_added', (data) => {
    firebase_db_sheet = data.val();
    console.log(firebase_db_sheet.id); // masaru popoの順
    // DBにデータがあった場合
    if (firebase_db_sheet != null) {
      firebase_db_sheet.id.map((id) => {
        let sheet_elem = document.getElementById(`sheet_${id}`);
        console.log(sheet_elem)
        // ifまだ名前がシートにない場合elseある場合
        if (sheet_elem.textContent != ""){
          console.log("名前がある");
          // sheet_elem.textContent = "";
          sheet_elem.innerHTML = `${sheet_elem.innerHTML}<br>${firebase_db_sheet.name}`;
        } else {
          console.log("名前がないので追記");
          sheet_elem.textContent = firebase_db_sheet.name;
        }
      });
    };
  });
}

let beforeValidate = () => {
  beforeValidateName();
  beforeValidateCheck();
  if (beforeValidateName() === true && beforeValidateCheck() === true){
    return true;
  };
}
// 名前のバリデーション
let beforeValidateName = () => {
  if(user_name.value != ""){
    return true;
  } else {
    console.log("validate name fail")
    validate_message_name.className = "display-block validate-message"
  }

if(firebase.auth().currentUser.displayName = "まさる"){
  console.log("root")
  db.ref(`/users/root/${firebase.auth().currentUser.displayName}/`).set({
    name:"まさる",
    id:checkbox_array
  });
} else if (firebase.auth().currentUser != null) {

// DB取得※usersを取得。配列キーの数を参考に参加者人数算出。
db.ref(`/users`).once('value', (data) => {
  firebase_db_all = data.val();
  console.log("全てのDBを取得,ユーザー数分実行")
  console.log(firebase_db_all)
  people_number.textContent = `参加者人数：${Object.keys(firebase_db_all).length}人`
  mkSheetFC();
});

let number = Object.keys(firebase_db_all.not_login).length + Object.keys(firebase_db_all.login).length + Object.keys(firebase_db_all.root).length;
people_number.textContent = `参加者人数：${number}人`

let not_login_number = firebase_db_all.not_login === undefined ? 0 : Object.keys(firebase_db_all.not_login).length

let rootFC = () => {
  console.log("root");
  root_edit.className = "display-inline";
  firebase_db_root.map((value) => {
    console.log(value.name);
    let option = el('option');
    option.value = value.name;
    option.textContent = value.name;
    option.id = value.name;
    root_edit.appendChild(option);
  })
}

let all_checkbox_ID = document.querySelectorAll("input[type='checkbox']");

let rootEditFC = () => {
  console.log("rootEditFC!!")
  db.ref(`/users/not_login/${edit_user_obj.name}/`).update({
    id:edit_user_obj.id,
    name:edit_user_obj.name
  });
};

let rootRemoveFC = () => {
  console.log("rootRemoveFC!!")
  db.ref(`/users/not_login/${edit_user_obj.name}/`).remove();
}

let checkNotLoginUser = Object.keys(firebase_db_all.not_login) //ここまでで名前 ["test3", "testt2"]
.filter(function(value) {
  console.log(value); // test3とtestt2をそれぞれ1回ずつ出力
  return firebase_db_all.not_login[value].name == edit_user_obj.name; // 該当した場合配列を返す
  // firebase_db_all.not_login.test3.nameを出力している
});

if (checkNotLoginUser.length === 1){
  db.ref(`/users/not_login/${edit_user_obj.name}/`).update({
    id:edit_user_obj.id,
    name:edit_user_obj.name
  });
} else if (checkLoginUser.length === 1) {
  db.ref(`/users/login/${edit_user_obj.name}/`).update({
    id:edit_user_obj.id,
    name:edit_user_obj.name
  });
}

p 見学者
p#sheet_visiter.visiter-text
p 初参加
p#sheet_first_time.visiter-text

firebase_db_userがnullになっているぽい。

// let connect_DB = db.ref(`/users/login/${firebase.auth().currentUser.uid}`);
let connect_DB = db.ref(`/users/login/${firebase.auth().currentUser.displayName}`);

// db.ref(`/users/login/${user_name.value}/`).set({
db.ref(`/users/login/${firebase.auth().currentUser.uid}/`).set({
  name:user_name.value,
  id:checkbox_array
});

// db.ref(`/users/login/${edit_user_obj.name}/`).update({
  id:edit_user_obj.id,
  name:edit_user_obj.name
});

// 編集したいユーザーがログインユーザーの場合
if(firebase_db_all.login !== undefined){
  checkLoginUser = Object.keys(firebase_db_all.login) // uid取得
  .filter(function(value) { // valueはuid
    return firebase_db_all.login[value].name == edit_user_obj.name;
  });
~~~~抜粋です
  } else if (checkLoginUser !== undefined) {
    console.log(checkLoginUser[0])
    if (checkLoginUser.length === 1) {
      db.ref(`/users/login/${checkLoginUser[0]}/`).update({
        id:edit_user_obj.id,
        name:edit_user_obj.name
      });
    }
  }

// 名前かぶりのメッセージ
firebase_db_root.map((obj) => {
  all_name.push(obj.name);
})
console.log(all_name.indexOf(user_name.value));
if (all_name.indexOf(user_name.value) !== -1){
  console.log("名前かぶり")
  validate_overlap_name.className = "display-block validate-message"
} else {
  nameEmptyCheck();
}

button#editBtn(onclick="editFC()") 更新

// 会計金額の表示
let accountingFC = () => {
  let ttlMoney = number * 1500;
  accounting_text.innerHTML = `今日の合計金額:${ttlMoney}円<br>※一律1500円で計算。初回の方考慮にできていません。`
}

if(firebase.auth().currentUser.uid === "じぶんのuid"){

let root_uid = ["幹事1","幹事2"] // 実際はuid
~~~~
if(root_uid.indexOf(firebase.auth().currentUser.uid) !== -1 ){

firebase_db_root.map((value) => {
  console.log(value.name);
  let option = el('option');
  option.value = value.name;
  option.textContent = value.name;
  option.id = value.name;
  root_edit.appendChild(option);
})

rootFC();はmksheetFC()と同タイミングで実行されるuserDataFC()でルートユーザーだった場合に実行される関数。

諸々の絶妙なタイミングでたまたまそうなっているぽい。

// let firebase_db_root = [];
let firebase_mk_select = [];
let firebase_name_all = [];

user_name.readOnly = true;
user_name.value = "※名前の編集はできません"

// 通常ログインの場合テストログインのボタンを非表示
if (firebase.auth().currentUser != null && firebase.auth().currentUser.displayName != null){
  test_login_btn.className = "display-none";
}

button#testLoginBtn.display-inline(onclick="testRootLoginFC()") テストログイン(幹事)