From 1f5ca6e5dd7cb463e3e31e834001bf6c489cc5dd Mon Sep 17 00:00:00 2001 From: applevalley Date: Wed, 16 Aug 2023 00:21:00 +0900 Subject: [PATCH 01/19] Feat: Add index.html --- .gitignore | 1 + detail.html | 0 enroll.html | 12 ++++ index.html | 43 ++++++++++++++ main.css | 167 ++++++++++++++++++++++++++++++++++++++++++++++++++++ script.js | 0 6 files changed, 223 insertions(+) create mode 100644 .gitignore create mode 100644 detail.html create mode 100644 enroll.html create mode 100644 index.html create mode 100644 main.css create mode 100644 script.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..dbe9c82b3 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode/ \ No newline at end of file diff --git a/detail.html b/detail.html new file mode 100644 index 000000000..e69de29bb diff --git a/enroll.html b/enroll.html new file mode 100644 index 000000000..eceb15ec5 --- /dev/null +++ b/enroll.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + hi + + diff --git a/index.html b/index.html new file mode 100644 index 000000000..6cac8ffc5 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + Document + + + + +
+
+ +
+
+
+
    + +
  • 번호
    • +
  • 사진
    • +
  • 이름
    • +
  • 연락처
    • +
  • 회원권 기간
    • +
  • PT 등록 여부
    • +
  • 남은 세션
    • +
+
+
+
+
+
+ + diff --git a/main.css b/main.css new file mode 100644 index 000000000..00dffc12a --- /dev/null +++ b/main.css @@ -0,0 +1,167 @@ +/* Desktop - 2 + +position: relative; +width: 1440px; +height: 1024px; + +background: #FFFFFF; */ + + +/* Frame 3 */ + +/* position: absolute; +width: 1380px; +height: 417px; +left: 30px; +top: 607px; */ + + + +/* Frame 7 */ + +/* Auto layout */ +/* display: flex; +flex-direction: row; +justify-content: space-between; +align-items: flex-start; +padding: 10px; +gap: 10px; + +position: absolute; +width: 1380px; +height: 50px; +left: 0px; +top: 24px; */ + + + +/* Frame 4 */ + +/* Auto layout */ +/* display: flex; +flex-direction: row; +flex-wrap: wrap; +justify-content: space-between; +align-items: center; +align-content: flex-start; +padding: 0px; +gap: 181px; + +position: absolute; +width: 1380px; +height: 50px; +left: 30px; +top: 533px; + +filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */ + + +/* Frame 5 */ + +/* width: 213px; +height: 50px; + +background: #DFDFDF; */ + +/* Inside auto layout */ +/* flex: none; +order: 0; +flex-grow: 0; */ + + +/* Rectangle 12 */ + +/* position: absolute; +width: 96px; +height: 50px; +left: 0px; +top: 0px; + +/* Blue 1 */ +/* background: #2F80ED; */ + + +/* Rectangle 11 */ + +/* position: absolute; +width: 96px; +height: 50px; +left: 117px; +top: 0px; + +background: #FF1F1F; */ + + +/* Frame 6 */ + +/* width: 447px; +height: 50px; + +background: #DFDFDF; */ + +/* Inside auto layout */ +/* flex: none; +order: 1; +flex-grow: 0; */ + + +/* Rectangle 13 */ + +/* position: absolute; +width: 330px; +height: 50px; +left: 0px; +top: 0px; + +background: #F80000; */ + + +/* Rectangle 14 */ + +/* position: absolute; +width: 97px; +height: 50px; +left: 350px; +top: 0px; + +background: #FFE601; */ + + +body { + margin: 0; +} + +.section__customer--management { + display: flex; + flex-direction: column; +} + +.section__customer--nav { + display: flex; + justify-content: space-between; + padding: 0 2rem; +} + +.section__customer--search { + display: flex; +} + +.section__customer--list { + display: flex; + flex-direction: column; + background-color: lightblue; + width: 100%; + height: 100%; +} + +.section__customer--template { + display: flex; + flex-direction: column; +} + +.section__customer--template > ul { + display: flex; + list-style: none; + justify-content: space-between; + padding: 0 2rem; +} \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 000000000..e69de29bb From 724d0c63358267934dd81feaa9bc2029fcd4e881 Mon Sep 17 00:00:00 2001 From: applevalley Date: Wed, 16 Aug 2023 01:00:27 +0900 Subject: [PATCH 02/19] Feat: Add enroll.html --- enroll.css | 35 +++++++++++++++++++++++++++++++ enroll.html | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 93 insertions(+), 1 deletion(-) create mode 100644 enroll.css diff --git a/enroll.css b/enroll.css new file mode 100644 index 000000000..ccc2ed306 --- /dev/null +++ b/enroll.css @@ -0,0 +1,35 @@ +.section__enroll--nav { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 2rem; +} + +.section__enroll--article { + display: grid; + width: 100%; + padding: 0 2rem; + grid-template-columns: 1fr 1fr; +} + + +.section__enroll--template > ul { + display: flex; + flex-direction: column; + list-style: none; + margin: 0; + padding: 0; +} + +.section__enroll--image_upload { + display: flex; + flex-direction: column; +} + +.section__enroll--image_button { + display: flex; +} + +.section__enroll--pt_check { + /* display: none; */ +} \ No newline at end of file diff --git a/enroll.html b/enroll.html index eceb15ec5..4a2deec80 100644 --- a/enroll.html +++ b/enroll.html @@ -5,8 +5,65 @@ Document + - hi +
+
+ +
+
+
    +
  • + 이름 + +
    • +
  • + 연락처 + +
    • +
  • + 등록 기간 + + +
    • +
  • + PT 등록 여부 + +
    • +
  • + PT 잔여 세션 +
    + +
    +
    • +
  • + 담당 트레이너 +
    + +
    +
    • +
+
+
+ 사진 +
+ +
+ + +
+
+
+
+
+
From 87f1c3168a7193b5a831c9574d28fd2073974f1d Mon Sep 17 00:00:00 2001 From: applevalley Date: Wed, 16 Aug 2023 16:14:38 +0900 Subject: [PATCH 03/19] Feat: Add detail.html --- detail.css | 26 ++++++++++++++ detail.html | 97 +++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 2 +- 3 files changed, 124 insertions(+), 1 deletion(-) create mode 100644 detail.css diff --git a/detail.css b/detail.css new file mode 100644 index 000000000..94b1964a7 --- /dev/null +++ b/detail.css @@ -0,0 +1,26 @@ +.section__detail--pt_info { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 2rem; +} + +.section__detail--pt_list { + display: flex; + flex-direction: column; + background-color: lightblue; + width: 100%; + height: 100%; +} + +.section__detail--pt_template { + display: flex; + flex-direction: column; +} + +.section__detail--pt_template>ul { + display: flex; + list-style: none; + justify-content: space-between; + padding: 0 2rem; +} \ No newline at end of file diff --git a/detail.html b/detail.html index e69de29bb..b67f8ab45 100644 --- a/detail.html +++ b/detail.html @@ -0,0 +1,97 @@ + + + + + + + Document + + + + +
+
+ +
+
+
    +
  • + 이름 + +
    • +
  • + 연락처 + +
    • +
  • + 등록 기간 + + +
    • +
  • + PT 등록 여부 + +
    • +
  • + PT 잔여 세션 +
    + +
    +
    • +
  • + 담당 트레이너 +
    + +
    +
    • +
+
+
+ 사진 +
+ +
+ + +
+
+
+
+
+
+ +
+
+
+
    +
  • 세션 번호
    • +
  • 날짜
    • +
  • 부위
    • +
  • 내용
    • +
  • 중량
    • +
  • 횟수
    • +
  • 세트
    • +
  • 비고
    • +
+
+
+
+
+
+ + diff --git a/index.html b/index.html index 6cac8ffc5..f444febbb 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@
-
    +
    • 번호
    • 사진
      • From a5ddaef3bf20d9dd7ef0a100f814155c099b3c40 Mon Sep 17 00:00:00 2001 From: applevalley Date: Wed, 16 Aug 2023 16:16:04 +0900 Subject: [PATCH 04/19] Feat: Add update.html --- update.html | 69 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 update.html diff --git a/update.html b/update.html new file mode 100644 index 000000000..9d2b17315 --- /dev/null +++ b/update.html @@ -0,0 +1,69 @@ + + + + + + + Document + + + +
      +
      + +
      +
      +
        +
      • + 이름 + +
        • +
      • + 연락처 + +
        • +
      • + 등록 기간 + + +
        • +
      • + PT 등록 여부 + +
        • +
      • + PT 잔여 세션 +
        + +
        +
        • +
      • + 담당 트레이너 +
        + +
        +
        • +
      +
      +
      + 사진 +
      + +
      + + +
      +
      +
      +
      +
      +
      + + From 8b1c9f00d4d98a2bd7182caf6b813ea733ea2251 Mon Sep 17 00:00:00 2001 From: applevalley Date: Thu, 17 Aug 2023 01:19:45 +0900 Subject: [PATCH 05/19] Feat: Add image preview in enroll.html --- enroll.html | 6 ++++-- image.js | 25 +++++++++++++++++++++++++ 2 files changed, 29 insertions(+), 2 deletions(-) create mode 100644 image.js diff --git a/enroll.html b/enroll.html index 4a2deec80..f874ec5c9 100644 --- a/enroll.html +++ b/enroll.html @@ -55,15 +55,17 @@
      사진
      - + +
      - +
+ diff --git a/image.js b/image.js new file mode 100644 index 000000000..a22b84a7a --- /dev/null +++ b/image.js @@ -0,0 +1,25 @@ +const parent = document.getElementById("image_location"); +const child = document.getElementsByClassName("imageFrame"); +const imageFile = document.getElementById("image_upload"); +imageFile.addEventListener("change", function (e) { + while (child.length > 0) { + parent.removeChild(child[0]); + } + console.log(e.target.files); + const selectedImage = e.target.files[0]; + const imageReader = new FileReader(); + imageReader.readAsDataURL(selectedImage); + + imageReader.onload = function () { + const imageFrame = document.createElement("div"); + imageFrame.style = `width: 25vw; height: 25vh; background: url(${imageReader.result}); background-size: cover`; + imageFrame.className = "imageFrame"; + document.getElementById("image_location").appendChild(imageFrame); + }; +}); + +function deleteImage() { + if (child.length > 0) { + parent.removeChild(child[0]); + } +} From 68220162ba78b2359b18fa8471846981980ecabb Mon Sep 17 00:00:00 2001 From: applevalley Date: Fri, 18 Aug 2023 02:10:07 +0900 Subject: [PATCH 06/19] Feat: Add customer enroll feature in enroll.html --- .gitignore | 5 ++- enroll.html | 66 ++++++++++++++++++++++++++++---------- enroll.js | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++++ firebase.js | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++ image.js | 27 +++++++++++++--- main.css | 2 ++ script.js | 0 7 files changed, 256 insertions(+), 22 deletions(-) create mode 100644 enroll.js create mode 100644 firebase.js delete mode 100644 script.js diff --git a/.gitignore b/.gitignore index dbe9c82b3..8361589d3 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,4 @@ -.vscode/ \ No newline at end of file +.vscode/ +node_modules +package.json +package-lock.json \ No newline at end of file diff --git a/enroll.html b/enroll.html index f874ec5c9..ee7dddec9 100644 --- a/enroll.html +++ b/enroll.html @@ -8,49 +8,78 @@ +
  • 이름 - +
  • 연락처 - +
  • 등록 기간 - - + +
  • PT 등록 여부 - +
    • -
  • +
+
+
PT 잔여 세션
- +
- -
  • +
    • +
    담당 트레이너
    - +
    - - +
    +
    사진 @@ -59,13 +88,16 @@
    - +
    - + + + + diff --git a/enroll.js b/enroll.js new file mode 100644 index 000000000..1992f4712 --- /dev/null +++ b/enroll.js @@ -0,0 +1,91 @@ +import { writeUserData, readUserData } from "./firebase.js"; + +window.onload = function () { + const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; + const ptInfo = document.getElementsByClassName( + "section__enroll--pt_check" + )[0]; + + if (!pt.checked) { + ptInfo.style.display = "none"; + } else { + ptInfo.style.display = "block"; + } + + readUserData(); +}; + +const submitButton = document.getElementById("enroll_submit"); +submitButton.addEventListener("click", function (e) { + const name = document.getElementsByClassName("section__enroll--name")[0]; + const phone = document.getElementsByClassName("section__enroll--phone")[0]; + const startDay = document.getElementsByClassName( + "section__enroll--start_day" + )[0]; + const endDay = document.getElementsByClassName("section__enroll--end_day")[0]; + + const profileImage = document.getElementById("image_upload").files[0]; + const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; + const customerNum = document.getElementById("customer_number"); + + if (pt.checked) { + const sessionList = document.getElementById("pt_session"); + const trainerList = document.getElementById("pt_trainer"); + writeUserData( + customerNum.value, + name.value, + phone.value, + startDay.value, + endDay.value, + profileImage.msg, + sessionList.value, + trainerList.value + ); + } else { + writeUserData( + customerNum.value, + name.value, + phone.value, + startDay.value, + endDay.value, + profileImage.msg, + "", + "" + ); + } +}); + +const isPt = document.getElementsByClassName("section__enroll--is_pt")[0]; +isPt.addEventListener("click", function (e) { + const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; + const ptInfo = document.getElementsByClassName( + "section__enroll--pt_check" + )[0]; + + if (!pt.checked) { + ptInfo.style.display = "none"; + } else { + ptInfo.style.display = "block"; + } + + const sessionList = document.getElementById("pt_session"); + if (sessionList.childNodes.length < 200) { + for (let i = 1; i < 201; i++) { + let session = document.createElement("option"); + session.value = i; + session.innerText = i; + sessionList.appendChild(session); + } + } + + const trainerList = document.getElementById("pt_trainer"); + const employee = ["홍길동", "김철수"]; + if (trainerList.childNodes.length < 5) { + employee.forEach(function (em) { + let trainer = document.createElement("option"); + trainer.value = em; + trainer.innerText = em; + trainerList.appendChild(trainer); + }); + } +}); diff --git a/firebase.js b/firebase.js new file mode 100644 index 000000000..1b793b822 --- /dev/null +++ b/firebase.js @@ -0,0 +1,87 @@ +// Import the functions you need from the SDKs you need +import { initializeApp } from "https://www.gstatic.com/firebasejs/10.1.0/firebase-app.js"; +import { + getDatabase, + ref, + set, + get, + child, +} from "https://www.gstatic.com/firebasejs/10.1.0/firebase-database.js"; +import * as storageModule from "https://www.gstatic.com/firebasejs/10.1.0/firebase-storage.js"; + +// TODO: Add SDKs for Firebase products that you want to use +// https://firebase.google.com/docs/web/setup#available-libraries + +// Your web app's Firebase configuration +// For Firebase JS SDK v7.20.0 and later, measurementId is optional +const firebaseConfig = { + apiKey: "AIzaSyCa8XH8OjhbUUgIHcoSd4xWEUFkGfnuIdM", + authDomain: "nhj-js-homework.firebaseapp.com", + projectId: "nhj-js-homework", + storageBucket: "nhj-js-homework.appspot.com", + messagingSenderId: "741149984145", + appId: "1:741149984145:web:7ac61b0622986fec214630", + measurementId: "G-LWFHL30P81", + databaseURL: "https://nhj-js-homework-default-rtdb.firebaseio.com", + storageBucket: "gs://nhj-js-homework.appspot.com", +}; + +// Initialize Firebase +const app = initializeApp(firebaseConfig); +const database = getDatabase(app); +const storage = storageModule.getStorage(app); +// const storageRef = storageModule.ref(storage); + +function writeUserData( + userId, + name, + phone, + start, + end, + image, + session, + trainer +) { + const db = getDatabase(); + set(ref(db, "users/" + userId), { + username: name, + phoneNumber: phone, + startDate: start, + endDate: end, + imagePath: image, + sessionNumber: session, + trainerName: trainer, + }); + console.log("user data sent to database"); +} + +function readUserData() { + const dbRef = ref(getDatabase()); + get(child(dbRef, "users/")) + .then((snapshot) => { + if (snapshot.exists()) { + console.log(snapshot.val()); + const customerNum = document.getElementById("customer_number"); + customerNum.value = snapshot.val().length; + } else { + console.log("nothing"); + } + }) + .catch((error) => { + console.error(error); + }); +} + +function uploadImageData(image, imageName) { + const st = storageModule.getStorage(); + const storageRef = storageModule.ref(st, `image/${imageName}`); + storageModule.uploadBytes(storageRef, image).then((snapshot) => { + storageModule.getDownloadURL(snapshot.ref).then((url) => { + console.log("url: ", url); + image.msg = url; + }); + }); + console.log("image sent to storage"); +} + +export { writeUserData, readUserData, uploadImageData }; diff --git a/image.js b/image.js index a22b84a7a..5bb5c8c2b 100644 --- a/image.js +++ b/image.js @@ -1,3 +1,5 @@ +import { uploadImageData } from "./firebase.js"; + const parent = document.getElementById("image_location"); const child = document.getElementsByClassName("imageFrame"); const imageFile = document.getElementById("image_upload"); @@ -11,15 +13,32 @@ imageFile.addEventListener("change", function (e) { imageReader.readAsDataURL(selectedImage); imageReader.onload = function () { - const imageFrame = document.createElement("div"); - imageFrame.style = `width: 25vw; height: 25vh; background: url(${imageReader.result}); background-size: cover`; + const imageFrame = document.createElement("img"); + imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; imageFrame.className = "imageFrame"; + imageFrame.src = URL.createObjectURL(selectedImage); document.getElementById("image_location").appendChild(imageFrame); }; + console.log(child[0]); + console.log(child.src); + + const targetImage = document.getElementById("image_upload"); + console.log(targetImage); + console.log(targetImage.files[0]); + console.log(targetImage.files[0].name); + + // uploadimagedata에서 input element.files[0]에 msg로 넣어준 storage url을 + // enroll.js의 submit에서 찾고, writeuserdata에 인자로 url 같이 보냄 + // writeuserdata 함수 안에서 이미지 url에 해당되는 매개변수 추가해놓기 + + uploadImageData(targetImage.files[0], targetImage.files[0].name); }); -function deleteImage() { +const imageForDelete = document.getElementsByClassName( + "section__enroll--image_delete" +)[0]; +imageForDelete.addEventListener("click", function (e) { if (child.length > 0) { parent.removeChild(child[0]); } -} +}); diff --git a/main.css b/main.css index 00dffc12a..e9f140360 100644 --- a/main.css +++ b/main.css @@ -129,6 +129,8 @@ background: #FFE601; */ body { margin: 0; + padding: 0; + height: 100% } .section__customer--management { diff --git a/script.js b/script.js deleted file mode 100644 index e69de29bb..000000000 From 0c7b1a049e1cb2e4fec04d2019544059bbeaab6f Mon Sep 17 00:00:00 2001 From: applevalley Date: Fri, 18 Aug 2023 02:58:55 +0900 Subject: [PATCH 07/19] Feat: Add display user info feature in index.html --- firebase.js | 57 ++++++++++++++++++++++++++++++++++++++++++++- image.js | 67 ++++++++++++++++++++++++++++------------------------- index.html | 6 ++++- index.js | 3 +++ main.css | 12 +++++++++- 5 files changed, 111 insertions(+), 34 deletions(-) create mode 100644 index.js diff --git a/firebase.js b/firebase.js index 1b793b822..19d2757e4 100644 --- a/firebase.js +++ b/firebase.js @@ -44,6 +44,7 @@ function writeUserData( ) { const db = getDatabase(); set(ref(db, "users/" + userId), { + userId: userId, username: name, phoneNumber: phone, startDate: start, @@ -62,7 +63,12 @@ function readUserData() { if (snapshot.exists()) { console.log(snapshot.val()); const customerNum = document.getElementById("customer_number"); - customerNum.value = snapshot.val().length; + if (customerNum) { + customerNum.value = snapshot.val().length; + } + if (window.location.pathname === "/index.html") { + displayUserData(snapshot.val()); + } } else { console.log("nothing"); } @@ -72,6 +78,55 @@ function readUserData() { }); } +function displayUserData(arr) { + console.log(window.location.pathname); + const userBox = document.getElementsByClassName( + "section__customer--template" + )[0]; + arr.forEach((element) => { + console.log(element); + const userInfoFrame = document.createElement("ul"); + const userSelectBox = document.createElement("input"); + const userIndex = document.createElement("li"); + const userImage = document.createElement("img"); + const userName = document.createElement("li"); + const userphoneNumber = document.createElement("li"); + const userDate = document.createElement("li"); + const userPtCheck = document.createElement("li"); + const userPtSession = document.createElement("li"); + const userTrainer = document.createElement("li"); + if (element.sessionNumber === "") { + userPtCheck.innerHTML = "X"; + } else { + userPtCheck.innerHTML = "O"; + } + userSelectBox.type = "checkbox"; + userIndex.innerHTML = 0; + userImage.src = element.imagePath; + userImage.style.width = "5vw"; + userName.innerHTML = element.username; + userphoneNumber.innerHTML = element.phoneNumber; + userDate.innerHTML = `${element.startDate} ~ ${element.endDate}`; + userPtSession.innerHTML = + element.sessionNumber !== "" ? element.sessionNumber : "-"; + userTrainer.innerHTML = + element.trainerName !== "" ? element.trainerName : "-"; + + userInfoFrame.append( + userSelectBox, + userIndex, + userImage, + userName, + userphoneNumber, + userDate, + userPtCheck, + userPtSession, + userTrainer + ); + userBox.append(userInfoFrame); + }); +} + function uploadImageData(image, imageName) { const st = storageModule.getStorage(); const storageRef = storageModule.ref(st, `image/${imageName}`); diff --git a/image.js b/image.js index 5bb5c8c2b..73c32a929 100644 --- a/image.js +++ b/image.js @@ -3,42 +3,47 @@ import { uploadImageData } from "./firebase.js"; const parent = document.getElementById("image_location"); const child = document.getElementsByClassName("imageFrame"); const imageFile = document.getElementById("image_upload"); -imageFile.addEventListener("change", function (e) { - while (child.length > 0) { - parent.removeChild(child[0]); - } - console.log(e.target.files); - const selectedImage = e.target.files[0]; - const imageReader = new FileReader(); - imageReader.readAsDataURL(selectedImage); +if (imageFile) { + imageFile.addEventListener("change", function (e) { + while (child.length > 0) { + parent.removeChild(child[0]); + } + console.log(e.target.files); + const selectedImage = e.target.files[0]; + const imageReader = new FileReader(); + imageReader.readAsDataURL(selectedImage); - imageReader.onload = function () { - const imageFrame = document.createElement("img"); - imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; - imageFrame.className = "imageFrame"; - imageFrame.src = URL.createObjectURL(selectedImage); - document.getElementById("image_location").appendChild(imageFrame); - }; - console.log(child[0]); - console.log(child.src); + imageReader.onload = function () { + const imageFrame = document.createElement("img"); + imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; + imageFrame.className = "imageFrame"; + imageFrame.src = URL.createObjectURL(selectedImage); + document.getElementById("image_location").appendChild(imageFrame); + }; + console.log(child[0]); + console.log(child.src); - const targetImage = document.getElementById("image_upload"); - console.log(targetImage); - console.log(targetImage.files[0]); - console.log(targetImage.files[0].name); + const targetImage = document.getElementById("image_upload"); + console.log(targetImage); + console.log(targetImage.files[0]); + console.log(targetImage.files[0].name); - // uploadimagedata에서 input element.files[0]에 msg로 넣어준 storage url을 - // enroll.js의 submit에서 찾고, writeuserdata에 인자로 url 같이 보냄 - // writeuserdata 함수 안에서 이미지 url에 해당되는 매개변수 추가해놓기 + // uploadimagedata에서 input element.files[0]에 msg로 넣어준 storage url을 + // enroll.js의 submit에서 찾고, writeuserdata에 인자로 url 같이 보냄 + // writeuserdata 함수 안에서 이미지 url에 해당되는 매개변수 추가해놓기 - uploadImageData(targetImage.files[0], targetImage.files[0].name); -}); + uploadImageData(targetImage.files[0], targetImage.files[0].name); + }); +} const imageForDelete = document.getElementsByClassName( "section__enroll--image_delete" )[0]; -imageForDelete.addEventListener("click", function (e) { - if (child.length > 0) { - parent.removeChild(child[0]); - } -}); + +if (imageForDelete) { + imageForDelete.addEventListener("click", function (e) { + if (child.length > 0) { + parent.removeChild(child[0]); + } + }); +} diff --git a/index.html b/index.html index f444febbb..9eaec8536 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,6 @@ -
    + + + + diff --git a/index.js b/index.js new file mode 100644 index 000000000..3ee779661 --- /dev/null +++ b/index.js @@ -0,0 +1,3 @@ +import { readUserData } from "./firebase.js"; + +readUserData(); diff --git a/main.css b/main.css index e9f140360..e305e4871 100644 --- a/main.css +++ b/main.css @@ -161,9 +161,19 @@ body { flex-direction: column; } -.section__customer--template > ul { +/* .section__customer--template > ul { display: flex; list-style: none; justify-content: space-between; padding: 0 2rem; +} */ + +.section__customer--template>ul { + display: grid; + list-style: none; + justify-content: space-between; + align-items: center; + text-align: center; + padding: 0 2rem; + grid-template-columns: 0.1fr 0.1fr 0.2fr 0.2fr 0.15fr 0.1fr 0.1fr 0.1fr 0.1fr; } \ No newline at end of file From 5abdea811c9ae6009e5c60de4cd774c66fb7359d Mon Sep 17 00:00:00 2001 From: applevalley Date: Fri, 18 Aug 2023 14:30:06 +0900 Subject: [PATCH 08/19] Feat: Add user profile feature in detail.html --- detail.html | 57 +++++++++++++++++------------------ detail.js | 32 ++++++++++++++++++++ enroll.js | 71 ++++++++++++++++++++++++++++--------------- firebase.js | 86 +++++++++++++++++++++++++++++++++-------------------- image.js | 12 -------- index.html | 2 +- main.css | 11 +++---- 7 files changed, 166 insertions(+), 105 deletions(-) create mode 100644 detail.js diff --git a/detail.html b/detail.html index b67f8ab45..b3beab46e 100644 --- a/detail.html +++ b/detail.html @@ -23,48 +23,45 @@
    • 이름 - +
    • 연락처 - +
    • 등록 기간 - - + +
    • PT 등록 여부 - -
      • -
    • - PT 잔여 세션 -
      - -
      -
      • -
    • - 담당 트레이너 -
      - -
      +
      • +
      +
      + PT 잔여 세션 + +
      +
      + 담당 트레이너 + +
      +
    - 사진 -
    - -
    - - -
    -
    +

    사진

    @@ -93,5 +90,7 @@ + + diff --git a/detail.js b/detail.js new file mode 100644 index 000000000..b80566737 --- /dev/null +++ b/detail.js @@ -0,0 +1,32 @@ +import { readUserData } from "./firebase.js"; + +// window.onload = function () { +readUserData().then((res) => { + console.log(res); + const userName = document.getElementById("user_name"); + const userPhone = document.getElementById("user_phone"); + const startDate = document.getElementById("start_of_days"); + const endDate = document.getElementById("end_of_days"); + const isPt = document.getElementById("pt_check"); + const leftSession = document.getElementById("pt_session"); + const trainer = document.getElementById("pt_trainer"); + const imageFrame = document.getElementsByClassName( + "section__enroll--image" + )[0]; + + userName.value = res.username; + userPhone.value = res.phoneNumber; + startDate.value = res.startDate; + endDate.value = res.endDate; + if (res.leftSessionNumber || res.trainerName) { + isPt.checked = true; + } else isPt.checked = false; + leftSession.value = res.leftSessionNumber; + trainer.value = res.trainerName; + + const userImage = document.createElement("img"); + userImage.style = `width: 30vw; height: 30vh; background-size: cover`; + userImage.src = res.imagePath; + imageFrame.appendChild(userImage); +}); +// }; diff --git a/enroll.js b/enroll.js index 1992f4712..98dd81a0a 100644 --- a/enroll.js +++ b/enroll.js @@ -1,4 +1,4 @@ -import { writeUserData, readUserData } from "./firebase.js"; +import { writeUserData, readUserData, userCount } from "./firebase.js"; window.onload = function () { const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; @@ -13,9 +13,14 @@ window.onload = function () { } readUserData(); + // const customerNum = document.getElementById("customer_number"); + const customerNum = document.getElementById("customer_number"); + console.log(customerNum.value.length); + console.log(customerNum.value); }; const submitButton = document.getElementById("enroll_submit"); +console.log("check", userCount); submitButton.addEventListener("click", function (e) { const name = document.getElementsByClassName("section__enroll--name")[0]; const phone = document.getElementsByClassName("section__enroll--phone")[0]; @@ -26,32 +31,50 @@ submitButton.addEventListener("click", function (e) { const profileImage = document.getElementById("image_upload").files[0]; const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; - const customerNum = document.getElementById("customer_number"); + // const customerNum = document.getElementById("customer_number"); + // console.log(customerNum.value.length); + // console.log(customerNum.value); + // if (customerNum.value.length === 0) { + // customerNum.value = "1"; + // } else { + // customerNum.value = customerNum.value.length; + // } if (pt.checked) { - const sessionList = document.getElementById("pt_session"); - const trainerList = document.getElementById("pt_trainer"); - writeUserData( - customerNum.value, - name.value, - phone.value, - startDay.value, - endDay.value, - profileImage.msg, - sessionList.value, - trainerList.value - ); + try { + const sessionList = document.getElementById("pt_session"); + const trainerList = document.getElementById("pt_trainer"); + writeUserData( + userCount, + name.value, + phone.value, + startDay.value, + endDay.value, + profileImage.msg, + sessionList.value, + sessionList.value, + trainerList.value + ); + } catch (err) { + console.log(err); + } } else { - writeUserData( - customerNum.value, - name.value, - phone.value, - startDay.value, - endDay.value, - profileImage.msg, - "", - "" - ); + try { + writeUserData( + userCount, + name.value, + phone.value, + startDay.value, + endDay.value, + profileImage.msg, + "", + "", + "" + ); + } catch (err) { + console.log(err); + debugger; + } } }); diff --git a/firebase.js b/firebase.js index 19d2757e4..827f136fc 100644 --- a/firebase.js +++ b/firebase.js @@ -31,6 +31,7 @@ const app = initializeApp(firebaseConfig); const database = getDatabase(app); const storage = storageModule.getStorage(app); // const storageRef = storageModule.ref(storage); +export let userCount; function writeUserData( userId, @@ -40,46 +41,61 @@ function writeUserData( end, image, session, + leftSession, trainer ) { const db = getDatabase(); - set(ref(db, "users/" + userId), { - userId: userId, - username: name, - phoneNumber: phone, - startDate: start, - endDate: end, - imagePath: image, - sessionNumber: session, - trainerName: trainer, - }); - console.log("user data sent to database"); + try { + set(ref(db, "users/" + userId), { + userIdx: userId, + username: name, + phoneNumber: phone, + startDate: start, + endDate: end, + imagePath: image, + sessionNumber: session, + leftSessionNumber: leftSession, + trainerName: trainer, + }); + console.log("user data sent to database"); + } catch (err) { + console.log(err); + debugger; + } } function readUserData() { - const dbRef = ref(getDatabase()); - get(child(dbRef, "users/")) - .then((snapshot) => { - if (snapshot.exists()) { - console.log(snapshot.val()); - const customerNum = document.getElementById("customer_number"); - if (customerNum) { - customerNum.value = snapshot.val().length; - } - if (window.location.pathname === "/index.html") { - displayUserData(snapshot.val()); + return new Promise((resolve) => { + const dbRef = ref(getDatabase()); + // const customerNum = document.getElementById("customer_number"); + get(child(dbRef, "users/")) + .then((snapshot) => { + if (snapshot.exists()) { + if (window.location.pathname === "/index.html") { + displayUserData(snapshot.val()); + return; + } + userCount = snapshot.val().length; + if (window.location.pathname.includes("/detail.html")) { + const url = new URL(window.location.href); + const userNum = url.searchParams.get("number"); + console.log("dioadjsaiodjas", url); + console.log(userNum); + resolve(snapshot.val()[userNum]); + } + } else { + userCount = 1; + console.log("user data is not exist."); } - } else { - console.log("nothing"); - } - }) - .catch((error) => { - console.error(error); - }); + }) + .catch((error) => { + console.error(error); + }); + }); } function displayUserData(arr) { - console.log(window.location.pathname); + console.log(arr.length); const userBox = document.getElementsByClassName( "section__customer--template" )[0]; @@ -100,15 +116,21 @@ function displayUserData(arr) { } else { userPtCheck.innerHTML = "O"; } + userInfoFrame.className = "section__customer--added"; userSelectBox.type = "checkbox"; - userIndex.innerHTML = 0; userImage.src = element.imagePath; userImage.style.width = "5vw"; + userIndex.innerHTML = element.userIdx; + userIndex.addEventListener("click", function (e) { + window.location.href = `detail.html?number=${element.userIdx}`; + }); userName.innerHTML = element.username; userphoneNumber.innerHTML = element.phoneNumber; userDate.innerHTML = `${element.startDate} ~ ${element.endDate}`; userPtSession.innerHTML = - element.sessionNumber !== "" ? element.sessionNumber : "-"; + element.sessionNumber !== "" + ? `${element.leftSessionNumber} / ${element.sessionNumber}` + : "-"; userTrainer.innerHTML = element.trainerName !== "" ? element.trainerName : "-"; diff --git a/image.js b/image.js index 73c32a929..bb4317958 100644 --- a/image.js +++ b/image.js @@ -8,7 +8,6 @@ if (imageFile) { while (child.length > 0) { parent.removeChild(child[0]); } - console.log(e.target.files); const selectedImage = e.target.files[0]; const imageReader = new FileReader(); imageReader.readAsDataURL(selectedImage); @@ -20,18 +19,7 @@ if (imageFile) { imageFrame.src = URL.createObjectURL(selectedImage); document.getElementById("image_location").appendChild(imageFrame); }; - console.log(child[0]); - console.log(child.src); - const targetImage = document.getElementById("image_upload"); - console.log(targetImage); - console.log(targetImage.files[0]); - console.log(targetImage.files[0].name); - - // uploadimagedata에서 input element.files[0]에 msg로 넣어준 storage url을 - // enroll.js의 submit에서 찾고, writeuserdata에 인자로 url 같이 보냄 - // writeuserdata 함수 안에서 이미지 url에 해당되는 매개변수 추가해놓기 - uploadImageData(targetImage.files[0], targetImage.files[0].name); }); } diff --git a/index.html b/index.html index 9eaec8536..87e4420ca 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,7 @@
    -
    +
    • 번호
      • diff --git a/main.css b/main.css index e305e4871..7246bc1e0 100644 --- a/main.css +++ b/main.css @@ -161,13 +161,6 @@ body { flex-direction: column; } -/* .section__customer--template > ul { - display: flex; - list-style: none; - justify-content: space-between; - padding: 0 2rem; -} */ - .section__customer--template>ul { display: grid; list-style: none; @@ -176,4 +169,8 @@ body { text-align: center; padding: 0 2rem; grid-template-columns: 0.1fr 0.1fr 0.2fr 0.2fr 0.15fr 0.1fr 0.1fr 0.1fr 0.1fr; +} + +.section__customer--template>ul:nth-child(n+2)>li:nth-child(2) { + cursor: pointer; } \ No newline at end of file From d249d89a09bff39a07a7d91a56ca93e93b56e329 Mon Sep 17 00:00:00 2001 From: applevalley Date: Fri, 18 Aug 2023 18:32:06 +0900 Subject: [PATCH 09/19] Feat: Add workout sheet feature in update.html --- detail.css | 19 ++++- detail.html | 5 +- detail.js | 84 ++++++++++++++++--- enroll.js | 4 - firebase.js | 87 +++++++++++++++++--- image.js | 11 ++- update.css | 18 ++++ update.html | 77 ++++++++++++------ update.js | 231 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 9 files changed, 475 insertions(+), 61 deletions(-) create mode 100644 update.css create mode 100644 update.js diff --git a/detail.css b/detail.css index 94b1964a7..a7df5ef1f 100644 --- a/detail.css +++ b/detail.css @@ -1,3 +1,7 @@ +.section__enroll--template > ul > li, div { + margin-bottom: 10px; +} + .section__detail--pt_info { display: flex; justify-content: space-between; @@ -19,8 +23,21 @@ } .section__detail--pt_template>ul { - display: flex; + display: grid; list-style: none; justify-content: space-between; + align-items: center; + text-align: center; padding: 0 2rem; + grid-template-columns: 0.1fr 0.1fr 0.1fr 0.2fr 0.1fr 0.1fr 0.1fr 0.1fr; +} + +.section__detail--pt_template>ul>input { + text-align: center; +} + +.section__detail--pt_template>ul>input, +textarea { + width: 100%; + border: none; } \ No newline at end of file diff --git a/detail.html b/detail.html index b3beab46e..ceb043d3a 100644 --- a/detail.html +++ b/detail.html @@ -14,7 +14,7 @@ @@ -68,9 +68,6 @@
      diff --git a/detail.js b/detail.js index b80566737..2aa000a8b 100644 --- a/detail.js +++ b/detail.js @@ -1,19 +1,23 @@ -import { readUserData } from "./firebase.js"; +import { readUserData, readPtData } from "./firebase.js"; -// window.onload = function () { +const today = new Date(); +const year = today.getFullYear(); +const month = ("0" + (today.getMonth() + 1)).slice(-2); +const day = ("0" + today.getDate()).slice(-2); +const todayString = year + "-" + month + "-" + day; +const userIdx = document.createElement("div"); +const userName = document.getElementById("user_name"); +const userPhone = document.getElementById("user_phone"); +const startDate = document.getElementById("start_of_days"); +const endDate = document.getElementById("end_of_days"); +const isPt = document.getElementById("pt_check"); +const leftSession = document.getElementById("pt_session"); +const trainer = document.getElementById("pt_trainer"); +const imageFrame = document.getElementsByClassName("section__enroll--image")[0]; readUserData().then((res) => { console.log(res); - const userName = document.getElementById("user_name"); - const userPhone = document.getElementById("user_phone"); - const startDate = document.getElementById("start_of_days"); - const endDate = document.getElementById("end_of_days"); - const isPt = document.getElementById("pt_check"); - const leftSession = document.getElementById("pt_session"); - const trainer = document.getElementById("pt_trainer"); - const imageFrame = document.getElementsByClassName( - "section__enroll--image" - )[0]; + userIdx.value = res.userIdx; userName.value = res.username; userPhone.value = res.phoneNumber; startDate.value = res.startDate; @@ -28,5 +32,61 @@ readUserData().then((res) => { userImage.style = `width: 30vw; height: 30vh; background-size: cover`; userImage.src = res.imagePath; imageFrame.appendChild(userImage); + + readPtData(userIdx.value).then((res) => { + for (let i = 1; i < res.length; i++) { + let ptFrame = document.createElement("ul"); + let ptSessionId = document.createElement("input"); + let ptDate = document.createElement("input"); + let ptSubject = document.createElement("textarea"); + let ptWorkout = document.createElement("textarea"); + let ptWeight = document.createElement("textarea"); + let ptReps = document.createElement("textarea"); + let ptSets = document.createElement("textarea"); + let ptOther = document.createElement("textarea"); + + // userPtIdx.value = res[userIdx.value].sessionIdx; + ptSessionId.value = i; + ptSessionId.disabled = true; + ptDate.value = todayString; + ptDate.disabled = true; + ptSubject.value = res[i].subject; + ptSubject.disabled = true; + ptWorkout.value = res[i].workout; + ptWorkout.rows = "10"; + ptWorkout.disabled = true; + ptWeight.value = res[i].weight; + ptWeight.rows = "10"; + ptWeight.disabled = true; + ptReps.value = res[i].reps; + ptReps.rows = "10"; + ptReps.disabled = true; + ptSets.value = res[i].sets; + ptSets.rows = "10"; + ptSets.disabled = true; + ptOther.value = res[i].other; + ptOther.rows = "10"; + ptOther.disabled = true; + + ptFrame.append( + ptSessionId, + ptDate, + ptSubject, + ptWorkout, + ptWeight, + ptReps, + ptSets, + ptOther + ); + document + .getElementsByClassName("section__detail--pt_template")[0] + .appendChild(ptFrame); + } + }); +}); + +const updateButton = document.getElementById("go_update"); +updateButton.addEventListener("click", function (e) { + window.location.href = `update.html?number=${userIdx.value}`; }); // }; diff --git a/enroll.js b/enroll.js index 98dd81a0a..66061c8ca 100644 --- a/enroll.js +++ b/enroll.js @@ -13,10 +13,7 @@ window.onload = function () { } readUserData(); - // const customerNum = document.getElementById("customer_number"); const customerNum = document.getElementById("customer_number"); - console.log(customerNum.value.length); - console.log(customerNum.value); }; const submitButton = document.getElementById("enroll_submit"); @@ -73,7 +70,6 @@ submitButton.addEventListener("click", function (e) { ); } catch (err) { console.log(err); - debugger; } } }); diff --git a/firebase.js b/firebase.js index 827f136fc..d0eda379e 100644 --- a/firebase.js +++ b/firebase.js @@ -32,6 +32,7 @@ const database = getDatabase(app); const storage = storageModule.getStorage(app); // const storageRef = storageModule.ref(storage); export let userCount; +export let ptCount; function writeUserData( userId, @@ -60,7 +61,6 @@ function writeUserData( console.log("user data sent to database"); } catch (err) { console.log(err); - debugger; } } @@ -76,11 +76,12 @@ function readUserData() { return; } userCount = snapshot.val().length; - if (window.location.pathname.includes("/detail.html")) { + if ( + window.location.pathname.includes("/detail.html") || + window.location.pathname.includes("/update.html") + ) { const url = new URL(window.location.href); const userNum = url.searchParams.get("number"); - console.log("dioadjsaiodjas", url); - console.log(userNum); resolve(snapshot.val()[userNum]); } } else { @@ -149,16 +150,78 @@ function displayUserData(arr) { }); } +function writePtData( + userId, + sessionId, + date, + subject, + workout, + weight, + reps, + sets, + other +) { + const db = getDatabase(); + try { + console.log(sessionId, date); + set(ref(db, `user/${userId}/pt/` + sessionId), { + sessionIdx: sessionId, + date: date, + subject: subject, + workout: workout, + weight: weight, + reps: reps, + sets: sets, + other: other, + }); + console.log("pt session data sent to database"); + } catch (err) { + console.log(err); + } +} + +function readPtData(userId) { + return new Promise((resolve) => { + const dbRef = ref(getDatabase()); + // const customerNum = document.getElementById("customer_number"); + get(child(dbRef, `user/${userId}/pt/`)) + .then((snapshot) => { + if (snapshot.exists()) { + console.log(snapshot.val()); + ptCount = snapshot.val().length; + resolve(snapshot.val()); + } else { + ptCount = 1; + resolve(ptCount); + console.log("pt session data is not exist."); + } + }) + .catch((error) => { + console.error(error); + }); + }); +} + function uploadImageData(image, imageName) { - const st = storageModule.getStorage(); - const storageRef = storageModule.ref(st, `image/${imageName}`); - storageModule.uploadBytes(storageRef, image).then((snapshot) => { - storageModule.getDownloadURL(snapshot.ref).then((url) => { - console.log("url: ", url); - image.msg = url; + return new Promise((resolve) => { + const st = storageModule.getStorage(); + const storageRef = storageModule.ref(st, `image/${imageName}`); + console.log(image, imageName); + storageModule.uploadBytes(storageRef, image).then((snapshot) => { + storageModule.getDownloadURL(snapshot.ref).then((url) => { + console.log("url: ", url); + image.msg = url; + resolve(image.msg); + }); }); + console.log("image sent to storage"); }); - console.log("image sent to storage"); } -export { writeUserData, readUserData, uploadImageData }; +export { + writeUserData, + readUserData, + uploadImageData, + writePtData, + readPtData, +}; diff --git a/image.js b/image.js index bb4317958..67c5fe2dc 100644 --- a/image.js +++ b/image.js @@ -17,10 +17,17 @@ if (imageFile) { imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; imageFrame.className = "imageFrame"; imageFrame.src = URL.createObjectURL(selectedImage); + const targetImage = document.getElementById("image_upload"); + uploadImageData(targetImage.files[0], targetImage.files[0].name).then( + (res) => { + console.log(res); + imageFrame.src = res; + console.log(imageFrame); + } + ); + console.log(imageFrame); document.getElementById("image_location").appendChild(imageFrame); }; - const targetImage = document.getElementById("image_upload"); - uploadImageData(targetImage.files[0], targetImage.files[0].name); }); } diff --git a/update.css b/update.css new file mode 100644 index 000000000..36295334a --- /dev/null +++ b/update.css @@ -0,0 +1,18 @@ +.section__detail--pt_template>ul { + display: grid; + list-style: none; + justify-content: space-between; + align-items: center; + text-align: center; + padding: 0 2rem; + grid-template-columns: 0.1fr 0.1fr 0.1fr 0.2fr 0.1fr 0.1fr 0.1fr 0.1fr; +} + +.section__detail--pt_template>ul>input { + text-align: center; +} + +.section__detail--pt_template>ul>input, textarea { + width: 100%; + border: none; +} \ No newline at end of file diff --git a/update.html b/update.html index 9d2b17315..e2a4b323d 100644 --- a/update.html +++ b/update.html @@ -6,24 +6,29 @@ Document + +
      • 이름 - +
      • 연락처 - +
      • 등록 기간 @@ -34,36 +39,56 @@ PT 등록 여부
        • -
      • - PT 잔여 세션 -
        - -
        -
        • -
      • - 담당 트레이너 -
        - -
        -
        • +
        +
        + PT 잔여 세션 + +
        +
        + 담당 트레이너 + +
        +
      - 사진 +

      사진

      - -
      - - -
      + +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
        +
      • 세션 번호
        • +
      • 날짜
        • +
      • 부위
        • +
      • 내용
        • +
      • 중량
        • +
      • 횟수
        • +
      • 세트
        • +
      • 비고
        • +
      + + + diff --git a/update.js b/update.js new file mode 100644 index 000000000..3645cb34f --- /dev/null +++ b/update.js @@ -0,0 +1,231 @@ +import { + writeUserData, + readUserData, + writePtData, + readPtData, +} from "./firebase.js"; + +const today = new Date(); +const year = today.getFullYear(); +const month = ("0" + (today.getMonth() + 1)).slice(-2); +const day = ("0" + today.getDate()).slice(-2); +const todayString = year + "-" + month + "-" + day; +let ptFrame = document.createElement("ul"); +let ptSessionId = document.createElement("input"); +let ptDate = document.createElement("input"); +let ptSubject = document.createElement("textarea"); +let ptWorkout = document.createElement("textarea"); +let ptWeight = document.createElement("textarea"); +let ptReps = document.createElement("textarea"); +let ptSets = document.createElement("textarea"); +let ptOther = document.createElement("textarea"); + +const imageFrame = document.createElement("img"); +const imageDeleteButton = document.createElement("button"); +const updateButton = document.getElementById("update_button"); + +const userIdx = document.createElement("div"); +const userPtIdx = document.createElement("div"); +const userName = document.getElementById("user_name"); +const userPhone = document.getElementById("user_phone"); +const startDate = document.getElementById("start_of_days"); +const endDate = document.getElementById("end_of_days"); +const isPt = document.getElementById("pt_check"); +const leftSession = document.getElementById("pt_session"); +const trainer = document.getElementById("pt_trainer"); +const userImage = document.getElementsByClassName("section__enroll--image")[0]; +const profileImage = document.getElementById("image_upload").files[0]; +console.log(profileImage); +readUserData().then((res) => { + console.log(res); + + userIdx.value = res.userIdx; + userName.value = res.username; + userPhone.value = res.phoneNumber; + startDate.value = res.startDate; + endDate.value = res.endDate; + if (res.leftSessionNumber || res.trainerName) { + isPt.checked = true; + } else isPt.checked = false; + leftSession.value = res.leftSessionNumber; + trainer.value = res.trainerName; + + imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; + imageFrame.src = res.imagePath; + + imageDeleteButton.classList = "section__enroll--image_delete"; + imageDeleteButton.style = "display: block"; + imageDeleteButton.innerHTML = "삭제"; + userImage.append(imageFrame, imageDeleteButton); + + readPtData(userIdx.value).then((res) => { + for (let i = 1; i < res.length; i++) { + let ptFrame = document.createElement("ul"); + let ptSessionId = document.createElement("input"); + let ptDate = document.createElement("input"); + let ptSubject = document.createElement("textarea"); + let ptWorkout = document.createElement("textarea"); + let ptWeight = document.createElement("textarea"); + let ptReps = document.createElement("textarea"); + let ptSets = document.createElement("textarea"); + let ptOther = document.createElement("textarea"); + + userPtIdx.value = res[userIdx.value].sessionIdx; + ptSessionId.value = i; + ptSessionId.disabled = true; + ptDate.value = todayString; + ptDate.disabled = true; + ptWorkout.value = res[userIdx.value].workout; + ptWorkout.rows = "10"; + ptWeight.value = res[userIdx.value].weight; + ptWeight.rows = "10"; + ptReps.value = res[userIdx.value].reps; + ptReps.rows = "10"; + ptSets.value = res[userIdx.value].sets; + ptSets.rows = "10"; + ptOther.value = res[userIdx.value].other; + ptOther.rows = "10"; + + ptFrame.append( + ptSessionId, + ptDate, + ptSubject, + ptWorkout, + ptWeight, + ptReps, + ptSets, + ptOther + ); + document + .getElementsByClassName("section__detail--pt_template")[0] + .appendChild(ptFrame); + } + }); +}); + +updateButton.addEventListener("click", function (e) { + console.log(profileImage); + console.log(imageFrame); + // let msg = ""; + // if (profileImage && profileImage.msg) { + // console.log("changed image"); + // msg = profileImage.msg; + // } else { + // console.log(profileImage); + // console.log("not changed"); + // msg = imageFrame.src; + // } + + if (isPt.checked) { + writeUserData( + userIdx.value, + userName.value, + userPhone.value, + startDate.value, + endDate.value, + imageFrame.src, + leftSession.value, + leftSession.value, + trainer.value + ); + } else { + writeUserData( + userIdx.value, + userName.value, + userPhone.value, + startDate.value, + endDate.value, + imageFrame.src, + "", + "", + "" + ); + } + + window.location.href = `detail.html?number=${userIdx.value}`; +}); + +imageDeleteButton.addEventListener("click", function (e) { + imageFrame.remove(); + const deleteTarget = document.getElementsByClassName("imageFrame")[0]; + if (deleteTarget) { + deleteTarget.remove(); + } +}); + +const ptAddButton = document.getElementById("pt_add"); +ptAddButton.addEventListener("click", function (e) { + let ptFrame = document.createElement("ul"); + let ptSessionId = document.createElement("input"); + let ptDate = document.createElement("input"); + let ptSubject = document.createElement("textarea"); + let ptWorkout = document.createElement("textarea"); + let ptWeight = document.createElement("textarea"); + let ptReps = document.createElement("textarea"); + let ptSets = document.createElement("textarea"); + let ptOther = document.createElement("textarea"); + ptSessionId.value = ++userPtIdx.value; + ptSessionId.disabled = true; + ptDate.value = todayString; + ptDate.disabled = true; + ptWorkout.rows = "10"; + ptWeight.rows = "10"; + ptReps.rows = "10"; + ptSets.rows = "10"; + ptOther.rows = "10"; + + ptFrame.append( + ptSessionId, + ptDate, + ptSubject, + ptWorkout, + ptWeight, + ptReps, + ptSets, + ptOther + ); + document + .getElementsByClassName("section__detail--pt_template")[0] + .appendChild(ptFrame); +}); + +const ptSubmitButton = document.getElementById("pt_submit"); +ptSubmitButton.addEventListener("click", function () { + const container = document.getElementsByClassName( + "section__detail--pt_template" + )[0]; + console.log(container); + console.log(container.lastChild); + console.log(container.lastChild.childNodes); + let ptSessionId = document.createElement("input"); + let ptDate = document.createElement("input"); + let ptSubject = document.createElement("textarea"); + let ptWorkout = document.createElement("textarea"); + let ptWeight = document.createElement("textarea"); + let ptReps = document.createElement("textarea"); + let ptSets = document.createElement("textarea"); + let ptOther = document.createElement("textarea"); + const lastSession = container.lastChild.childNodes; + + ptSessionId.value = lastSession[0].value; + ptDate.value = lastSession[1].value; + ptSubject.value = lastSession[2].value; + ptWorkout.value = lastSession[3].value; + ptWeight.value = lastSession[4].value; + ptReps.value = lastSession[5].value; + ptSets.value = lastSession[6].value; + ptOther.value = lastSession[7].value; + + writePtData( + userIdx.value, + ++ptSessionId.value, + ptDate.value, + ptSubject.value, + ptWorkout.value, + ptWeight.value, + ptReps.value, + ptSets.value, + ptOther.value + ); + window.location.href = `detail.html?number=${userIdx.value}`; +}); From 0cd92fa645e3ffbd8d4b981f0698d44a1756c924 Mon Sep 17 00:00:00 2001 From: applevalley Date: Fri, 18 Aug 2023 18:43:32 +0900 Subject: [PATCH 10/19] Feat: Add change proflie image feature in update.html --- main.css | 1 + update.js | 24 +++++++++++------------- 2 files changed, 12 insertions(+), 13 deletions(-) diff --git a/main.css b/main.css index 7246bc1e0..6ef02392c 100644 --- a/main.css +++ b/main.css @@ -169,6 +169,7 @@ body { text-align: center; padding: 0 2rem; grid-template-columns: 0.1fr 0.1fr 0.2fr 0.2fr 0.15fr 0.1fr 0.1fr 0.1fr 0.1fr; + justify-items: center; } .section__customer--template>ul:nth-child(n+2)>li:nth-child(2) { diff --git a/update.js b/update.js index 3645cb34f..2e943559b 100644 --- a/update.js +++ b/update.js @@ -104,17 +104,15 @@ readUserData().then((res) => { }); updateButton.addEventListener("click", function (e) { - console.log(profileImage); - console.log(imageFrame); - // let msg = ""; - // if (profileImage && profileImage.msg) { - // console.log("changed image"); - // msg = profileImage.msg; - // } else { - // console.log(profileImage); - // console.log("not changed"); - // msg = imageFrame.src; - // } + let changedImage = document.getElementsByClassName("imageFrame")[0]; + let msg = ""; + + if (changedImage) { + msg = changedImage.src; + } else { + msg = imageFrame.src; + } + console.log(msg); if (isPt.checked) { writeUserData( @@ -123,7 +121,7 @@ updateButton.addEventListener("click", function (e) { userPhone.value, startDate.value, endDate.value, - imageFrame.src, + msg, leftSession.value, leftSession.value, trainer.value @@ -135,7 +133,7 @@ updateButton.addEventListener("click", function (e) { userPhone.value, startDate.value, endDate.value, - imageFrame.src, + msg, "", "", "" From 0eb5c4b00cd3f54cb276ff700905bea08bef301a Mon Sep 17 00:00:00 2001 From: applevalley Date: Fri, 18 Aug 2023 22:40:34 +0900 Subject: [PATCH 11/19] Feat: Add delete user feature in index.html --- enroll.html | 1 - firebase.js | 117 ++++++++++++++++++++++++++++++---------------------- index.html | 8 +--- index.js | 30 +++++++++++++- update.js | 12 +++--- 5 files changed, 105 insertions(+), 63 deletions(-) diff --git a/enroll.html b/enroll.html index ee7dddec9..5bf2d8e8a 100644 --- a/enroll.html +++ b/enroll.html @@ -87,7 +87,6 @@
      -
      diff --git a/firebase.js b/firebase.js index d0eda379e..f2b242ae5 100644 --- a/firebase.js +++ b/firebase.js @@ -73,7 +73,6 @@ function readUserData() { if (snapshot.exists()) { if (window.location.pathname === "/index.html") { displayUserData(snapshot.val()); - return; } userCount = snapshot.val().length; if ( @@ -95,59 +94,71 @@ function readUserData() { }); } +function deleteUserData(userId) { + const db = getDatabase(); + set(ref(db, "users/" + userId), null); + deletePtData(userId); + + console.log(`user ${userId} was deleted`); +} + function displayUserData(arr) { - console.log(arr.length); const userBox = document.getElementsByClassName( "section__customer--template" )[0]; - arr.forEach((element) => { - console.log(element); - const userInfoFrame = document.createElement("ul"); - const userSelectBox = document.createElement("input"); - const userIndex = document.createElement("li"); - const userImage = document.createElement("img"); - const userName = document.createElement("li"); - const userphoneNumber = document.createElement("li"); - const userDate = document.createElement("li"); - const userPtCheck = document.createElement("li"); - const userPtSession = document.createElement("li"); - const userTrainer = document.createElement("li"); - if (element.sessionNumber === "") { - userPtCheck.innerHTML = "X"; - } else { - userPtCheck.innerHTML = "O"; - } - userInfoFrame.className = "section__customer--added"; - userSelectBox.type = "checkbox"; - userImage.src = element.imagePath; - userImage.style.width = "5vw"; - userIndex.innerHTML = element.userIdx; - userIndex.addEventListener("click", function (e) { - window.location.href = `detail.html?number=${element.userIdx}`; + + if (arr) { + arr.forEach((element) => { + console.log(arr); + console.log(element); + const userInfoFrame = document.createElement("ul"); + const userSelectBox = document.createElement("input"); + const userIndex = document.createElement("li"); + const userImage = document.createElement("img"); + const userName = document.createElement("li"); + const userphoneNumber = document.createElement("li"); + const userDate = document.createElement("li"); + const userPtCheck = document.createElement("li"); + const userPtSession = document.createElement("li"); + const userTrainer = document.createElement("li"); + if (element.sessionNumber === "") { + userPtCheck.innerHTML = "X"; + } else { + userPtCheck.innerHTML = "O"; + } + userInfoFrame.className = "section__customer--added"; + userSelectBox.type = "checkbox"; + userSelectBox.className = "section__customer--checkbox"; + userImage.src = element.imagePath; + userImage.style.width = "5vw"; + userIndex.innerHTML = element.userIdx; + userIndex.addEventListener("click", function (e) { + window.location.href = `detail.html?number=${element.userIdx}`; + }); + userName.innerHTML = element.username; + userphoneNumber.innerHTML = element.phoneNumber; + userDate.innerHTML = `${element.startDate} ~ ${element.endDate}`; + userPtSession.innerHTML = + element.sessionNumber !== "" + ? `${element.leftSessionNumber} / ${element.sessionNumber}` + : "-"; + userTrainer.innerHTML = + element.trainerName !== "" ? element.trainerName : "-"; + + userInfoFrame.append( + userSelectBox, + userIndex, + userImage, + userName, + userphoneNumber, + userDate, + userPtCheck, + userPtSession, + userTrainer + ); + userBox.append(userInfoFrame); }); - userName.innerHTML = element.username; - userphoneNumber.innerHTML = element.phoneNumber; - userDate.innerHTML = `${element.startDate} ~ ${element.endDate}`; - userPtSession.innerHTML = - element.sessionNumber !== "" - ? `${element.leftSessionNumber} / ${element.sessionNumber}` - : "-"; - userTrainer.innerHTML = - element.trainerName !== "" ? element.trainerName : "-"; - - userInfoFrame.append( - userSelectBox, - userIndex, - userImage, - userName, - userphoneNumber, - userDate, - userPtCheck, - userPtSession, - userTrainer - ); - userBox.append(userInfoFrame); - }); + } } function writePtData( @@ -202,6 +213,13 @@ function readPtData(userId) { }); } +function deletePtData(userId) { + const db = getDatabase(); + set(ref(db, `user/${userId}/pt/`), null); + + console.log(`user ${userId} session info was deleted`); +} + function uploadImageData(image, imageName) { return new Promise((resolve) => { const st = storageModule.getStorage(); @@ -221,6 +239,7 @@ function uploadImageData(image, imageName) { export { writeUserData, readUserData, + deleteUserData, uploadImageData, writePtData, readPtData, diff --git a/index.html b/index.html index 87e4420ca..a7c6994fe 100644 --- a/index.html +++ b/index.html @@ -13,18 +13,14 @@
      +
      diff --git a/public/js/enroll.js b/public/js/enroll.js index e01801b45..b5878e33f 100644 --- a/public/js/enroll.js +++ b/public/js/enroll.js @@ -38,7 +38,7 @@ submitButton.addEventListener("click", function (e) { phone.value, startDay.value, endDay.value, - profileImage.msg, + profileImage?.msg, sessionList.value, sessionList.value, trainerList.value @@ -54,7 +54,7 @@ submitButton.addEventListener("click", function (e) { phone.value, startDay.value, endDay.value, - profileImage.msg, + profileImage?.msg, "", "", "" From f507fd8862f9d6068d2138a77d0c2105bb0b75c2 Mon Sep 17 00:00:00 2001 From: applevalley Date: Tue, 29 Aug 2023 00:15:37 +0900 Subject: [PATCH 19/19] Docs: Update Readme.md --- .firebase/hosting..cache | 151 +++++++++++++++++++ .firebase/hosting.cHVibGlj.cache | 15 ++ .firebaserc | 5 + README.md | 6 +- detail.css | 43 ------ detail.html | 93 ------------ detail.js | 99 ------------- enroll.css | 35 ----- enroll.html | 102 ------------- enroll.js | 101 ------------- firebase.js | 243 ------------------------------- firebase.json | 10 ++ image.js | 44 ------ index.html | 43 ------ index.js | 27 ---- main.css | 60 -------- update.css | 18 --- update.html | 94 ------------ update.js | 229 ----------------------------- 19 files changed, 184 insertions(+), 1234 deletions(-) create mode 100644 .firebase/hosting..cache create mode 100644 .firebase/hosting.cHVibGlj.cache create mode 100644 .firebaserc delete mode 100644 detail.css delete mode 100644 detail.html delete mode 100644 detail.js delete mode 100644 enroll.css delete mode 100644 enroll.html delete mode 100644 enroll.js delete mode 100644 firebase.js create mode 100644 firebase.json delete mode 100644 image.js delete mode 100644 index.html delete mode 100644 index.js delete mode 100644 main.css delete mode 100644 update.css delete mode 100644 update.html delete mode 100644 update.js diff --git a/.firebase/hosting..cache b/.firebase/hosting..cache new file mode 100644 index 000000000..efc290e6a --- /dev/null +++ b/.firebase/hosting..cache @@ -0,0 +1,151 @@ +package-lock.json,1692202990815,01d669b14b3ea9a74b2e5fcbc1c2c7edfcb11f65c4f8d31c7558ffe7f8204355 +package.json,1692253486441,ea74a7fbf612efaac6dcc02503d8dab7f5fc7a67313aac5577e06b6cdcc56030 +README.md,1692370351922,0eb5929cef3443c9833241fe32900ab171424a4fe27d3ce1bb20487cbc137acf +.git/COMMIT_EDITMSG,1692370717297,a52154b97a7d66f799891eadac5fd81c672acfc21192d2ff5c05d1a91cdc34da +.git/config,1691976600370,d1829687a1935feed55a298a52d897618060c7161ae6521033bc8bf4e5b5cb25 +.git/description,1691976592132,82f2436d331ddc1123e2c797669bec173d77c86477f087e1134ca09d91a0d852 +.git/HEAD,1691976640798,d12882553fb73d308e183b694006f27226e5072cd19d3946de3520cc79e083b0 +.git/index,1692673329643,23eaf4b5eeb90301093d5766a9d7db916c8941afc900db82cfb945d40e518d7f +.git/packed-refs,1691976600359,e2f092677ede21df8aa0666ee0b81cec203cc815c11100a2a964abb94b3188fe +.git/hooks/applypatch-msg.sample,1691976592133,159513c8ea7e79b52b19383e22c9b658a2d945432119c08295b7a7e0bb3a1784 +.git/hooks/commit-msg.sample,1691976592134,e57048340ae7ab73a9981e08e0dc33ac4c9ce12fbb1d4e36f0088b48bfb45dd3 +.git/hooks/fsmonitor-watchman.sample,1691976592135,a1d7cf483df6f75410516c4603a0b65163ceea3bd7e851102edfe16c80511050 +.git/hooks/post-update.sample,1691976592135,186590add780eec85c8e17f7b2726a6450113db3d709f49ed731aecf3b81465a +.git/hooks/pre-applypatch.sample,1691976592136,93353290a9b7afc06d5e6788dcbaeac204cb675a5d36fa2fd37d9564804e50f0 +.git/hooks/pre-commit.sample,1691976592137,0f1b8bcd57419856b52e2fea5965a5c47b98844f63f553f03f672f08e91f9ac3 +.git/hooks/pre-merge-commit.sample,1691976592137,f6ec777f95c3a2703f5a60b43f0450811ac294a6aca051922651c74d910a718f +.git/hooks/pre-push.sample,1691976592138,19bf363d5c1e6bf385375d25405d404c81f48b7d23aaf7ac14a1474748dbcfb6 +.git/hooks/pre-rebase.sample,1691976592139,9d8f25c53691dbf1d631c984ff20abcd073efba327b1aee045cca769c3dd73f1 +.git/hooks/pre-receive.sample,1691976592139,925ccbe4b2d5692094cb38a1daace52763f91e55ca85f133abff4b811a229f80 +.git/hooks/prepare-commit-msg.sample,1691976592141,3eff30b4f023ca3b2fa331a45fd227f6857177f773418a54bc0a513c5332f0f3 +.git/hooks/update.sample,1691976592141,b0c2c19c5afd90c0db973f3db201a2c3037f10672c7fb293168d56e64d04a8fd +.git/info/exclude,1691976592142,77e7e1ad67e1708c9434f9f596056e24819c6111399ce06bbddb35133f598f61 +.git/logs/HEAD,1692370717305,f3334e46a01d34da1481bf73b2a5391d931d8b84af7ba7bbbc4dec67e57e0031 +.git/logs/refs/heads/KDT0_NamHyeonJun,1692370717305,5bd0570bb08ee73a50b6822d6eb4dba45b08f1bed2a8efb4c928e7e2532dee99 +.git/logs/refs/heads/main,1691976600367,ba155975be4d186eefc044f1fead2ddc06f61b37ad21460ed596e3cf6d98bcc6 +.git/logs/refs/remotes/origin/HEAD,1691976600363,ba155975be4d186eefc044f1fead2ddc06f61b37ad21460ed596e3cf6d98bcc6 +.git/logs/refs/remotes/origin/KDT0_NamHyeonJun,1692370729314,9527b4cb6a658f8df3dcb582f87689e95791e8e7dbc785165cff702c50083aa4 +.git/objects/00/d217037b6703880f03db4e0632c786b56f2b22,1692369812705,a47b64985521cd69df7041352b890e1119df25ea064d69ce8db3732fd862b68c +.git/objects/00/dffc12ab0a2e077260ef133c37fc3db950236e,1692112843752,e1afe20a8ebff6e8720b1d0bd688c994c8c082f73f4711d216cce0d8acce7cfb +.git/objects/05/5ff3e9a63f774701356b10111cd10abf48cbeb,1692369842201,7b51dc8eb8b9de0d69fc19e7f2c9684a3eb4836cb162e02fceec7c1b3e5e7d7e +.git/objects/0a/3c08ce203d70b86c29ee66ea7017757fdc66ec,1692292207961,5c30ccb15e7e9524d1e533417538171abc97d18da7b57297de13183c5ecc5467 +.git/objects/0c/7b1a049e1cb2e4fec04d2019544059bbeaab6f,1692295135396,8bd37247fa19c1767be012aebb44aae8c80aba76da7d35fc0d9f7b0cb171ad7d +.git/objects/0c/d92fa645e3ffbd8d4b981f0698d44a1756c924,1692351812923,98a20e7d65fa4458a69c7e40ca233d4df72f7923f60e2bfae013352ffc1431b1 +.git/objects/0e/b5c4b00cd3f54cb276ff700905bea08bef301a,1692366034701,d9641b4c911a6d3719de1d0bd474c290c125ac6d5a08b8431d08837e56b07f2b +.git/objects/11/0b355517de2ed2fba9716dc19d274976f37e7b,1692202785634,3b9cb68db8b6b5b963cedc80f2c43d4c050ce3e56ec7cd2d81f4ea268575da50 +.git/objects/11/8aaf919f23e0615ea79a76966d7591efda5148,1692370698194,5304172cd1ec0b2b655eaf2520adce1fecd384b7a60766161bd84c1ade4f98ca +.git/objects/16/1c893e49e3887d3395b4cbbd834dd4bee5cbb5,1692115227779,c1d96163a1bb6acfeddc5fc15b2945d19838b622565939d2416bc5acf60a5c08 +.git/objects/19/92f4712785759dc186016a6c604dfb5281a2ae,1692292189984,722725187af1e4521187649b0dec177b32661457ca0078063da359d9d1416f23 +.git/objects/19/d2757e458650edf35579044f5011e85bd9a512,1692295106395,fde0c5dc8085a2488e5315890098d51bd5f8d012a1f61f2250da521c5cf2c04e +.git/objects/1b/793b82292b6dacf74a616505697eeee5521556,1692292189987,0939e7d92ee824d893af7a4ba7affa8a225557e1d53a858c04c022b8ed3859f7 +.git/objects/1b/8d68829ca166cbcc89c3fbd9aba414880b2139,1692336606191,023110fd764d1d76325db56a6d5ccf8d17cce534d8232791aef1756df37ce523 +.git/objects/1f/5ca6e5dd7cb463e3e31e834001bf6c489cc5dd,1692112860979,002ef3c81b0884054481ff3cf7bf5cdf896e53622626750947c7c709030ea5e6 +.git/objects/23/a821d51ab2c26ef062e6cc9e60ecb948bfad18,1692366034692,7c1e5cc2c79946123df4f0a07114df8828375e0aed74ac1e198760aff5ce9694 +.git/objects/2a/a000a8b486efda00566b04d24533ec56e676ab,1692351072454,58ef2a0435a39bd6781aa185483db8a16a0c3c85542d804f4ac28dc7ec6f17a9 +.git/objects/2e/943559be16e9b3529b7e8605ed23c54a78c523,1692351798142,9fadd1bdb62d21db41f7069afdb0b197c2247d03444659b0d6aa7cb7ea785647 +.git/objects/31/e573f8ab92b6a03c8205a0734b7df860ff79a6,1692369853041,70b0409738f9f73aef9e37c069c6ac96983abf14d82915fab3a7dbf999e5dfcf +.git/objects/36/295334a9291ddd3b61d732750d8f7b6a03bbdf,1692351072466,a210bd629eaa217a1072ef9a914ba7edefd2870babef27d5703f343f7f5d55d3 +.git/objects/36/45cb34f367ca64c75d638cc7b8ce4ffe84fe7c,1692351072468,d25517c6a06f25d853a381830e3db38c709300372674e2bd91095b78930843c1 +.git/objects/39/8fde820486b95e69b3a7d56998cfcb4fbafa72,1692369853033,3f17c4cbc867beb0afdce4d8a0a4a778760f60941334c509d2da7728ffca9d36 +.git/objects/3d/cd05a3f841dc02d83c7217f42a2e61dac51bfd,1692369812740,0ae39800677011250c00ee3762d0cde2bbb601819aaa2668aee19cfa9aee2683 +.git/objects/3e/e779661142bd2366e4b84104a0ca53b0c728c7,1692336554792,9887ef91fddd4682ecfe916f03b792fd4f5a498c7ebc5b053c9883c73a70ee10 +.git/objects/4a/2deec80ca6762bc28cffa1883a6c2afc3407d3,1692115209843,89663cb03a4e0f7f98b6c0213c1425ef046b712b7c0c53f10aae24520e80d732 +.git/objects/4a/65cbafd02e88bfe4b1248881fa55be52636153,1692351126352,6e8cbca406992b1b3fe2969f201386cc42535d779169764c18d43764c620a23c +.git/objects/4b/6b9732ada1f1fa2cebd08229e70f355aceeae2,1692369812723,6e5aa4e22801755e4e51a0670ebcb2c4cba0246222d6a48a9ca6fa8500008854 +.git/objects/50/67b1e74dfbdaff3f6cabca7926c47ea11f6b76,1692366021071,d3a837f3616c3510f54c7b9afc1fc4a401f81ec76120e663719ace85e3333ee8 +.git/objects/5a/bdea811c9ae6009e5c60de4cd774c66fb7359d,1692336606201,87549f7a997227b5bf74b892ad850d4db666a19b498b31e83d11bcc91e241045 +.git/objects/5b/b5c8c2baabf6c6032d50372a6f90106a348f14,1692292189980,4c7bcfb74e3ed0fb43f84b15db6bb1e7454848f4e669b30668547567af25357c +.git/objects/5b/f2d8e8a9b1b5842e4d3eaf1cecea06a8472327,1692366021063,2e3d069db153fe9e31658192f66b35131ab97a12ca7dbcf20958455059cbf300 +.git/objects/66/061c8cab411a0cf3153da3c55b0ad7955ddd29,1692351072456,a2a8c88e1e4425efdbba50d4ddd48666b9625c3201a0f703925a74ba6ef355d6 +.git/objects/67/c5fe2dc4bd0b00e306de62b824cc833c3533b1,1692351072461,293689520e1d85257cdca9bb98f122184119fd53ca7a35d8cb13ed5a592ddc81 +.git/objects/68/220162ba78b2359b18fa8471846981980ecabb,1692292207971,c1cc2a86087e56cf08cc39affe0d7ab660dcc57605cd6b6b57f2c41f563f6338 +.git/objects/6c/ac8ffc581d0374049d828065dfa09d3efdcfc4,1692112843750,5606650ba0f7cdc27f0d0c3e6e8f38c8dbe64bbbd209e7e0d9e16fc0577d0f84 +.git/objects/6c/c030a8568905fc054bed59381a1375a7dceba0,1692112860971,a0169931e04761b43834af8468b38a46bc1fd9f610e644d448670df8bf5dd93b +.git/objects/6e/9076db2f706130a0e1abf593d272f2bb01ed72,1692351812914,9e824ab482b8722a4f51031154afcb213a0f004ba3c6589da41488b1374eb9d6 +.git/objects/6e/f02392cabca0d0885a7198a6ac5653465811f8,1692351798139,89529eee1eb3a8490402e64cb968d01e13b93c1ef94fd4dee4e9e528c0d84dfc +.git/objects/72/46bc1e0a729b5ae7d0f2c48d2bb172c8552f95,1692336554793,26eb6e32df05d4d75782ec80219867a7f01e243b6c28b04aaeb909338e2f931f +.git/objects/72/4d0c63358267934dd81feaa9bc2029fcd4e881,1692115227787,6c437e741110b75b9d69aa6f7b5171b254e455ad5910df1744b2797e5a3456aa +.git/objects/72/4f741de767a34fb2c07d7f1f0596b3933398b4,1692370698197,0c0b23514762884c3da5385a4dc5da319eaa1774ba8ca52ebf39cc30e70f35a7 +.git/objects/73/c32a929afd180fe2cd781c94041d8d2f92384d,1692295106398,144b6021ca395bfcb3a53ac57760c0be5bcf74493a586081b485d0ae3b1131f4 +.git/objects/7f/6d52b52dd6a585cfbf13f9dff6f68820dba676,1692336554783,ed3c61e40d72a14c1f8e7991338ebc1621813b4bfc37d772981cdcedc60d2629 +.git/objects/7f/e6f856ddd557376adbecbce98f439c6406f4ac,1692370698203,e59e1d1556d213bc9786f2b7bf1766a8fa4ca1f5209f1aeacd24db6b2dfa97a1 +.git/objects/82/7f136fc903d3d284d74cae538ebb42042ef6fd,1692336585324,a44ff7a1d7cb8141a5d94dc9c6adf3cafaf54dc6be4ad0e57ff6e49e0c9ef4ef +.git/objects/83/52efb8302b5ed7d07b23bd7d0bf222a89194d9,1692369812726,189a853349a24b53d3d4614b0a80e4dcf1d05b597c9205c77b29c8a8bb92e03c +.git/objects/83/61589d33a54b92ca1691124b618781548cf338,1692292189974,bdabd2f1399a2c03253b4cb867bbbb705edcce55bd16ef468e23cbcdb1a3a947 +.git/objects/87/e4420cae36abad8bad03eed3ec9c7233e872ea,1692336554790,24a0b06d402f998379482f85737dd854c2c286a05861374110863d0491bac559 +.git/objects/87/f1c3168a7193b5a831c9574d28fd2073974f1d,1692170078140,c7a5363cfe5ea67ace9c38925ba888e144386d8f577fa9ec3ac8fed1b42c200d +.git/objects/88/1c8eac888b2af5684ce427c7194ba390addca4,1692369853049,545e342233f793654c1d0ab13357ebcd6ac018899433a3f7751a5d5230b862f4 +.git/objects/8b/1c9f00d4d98a2bd7182caf6b813ea733ea2251,1692202785642,6f9e02d914e8f00bd5302b3c655acb6f407b3cb310b1b117cff4a8dd7c941e8f +.git/objects/94/513bbc49a5ad15e0517ef4cf7420921e379bf8,1692369812733,b4b356ae3fea15d06ab01d667183209c1ccdeb56b081c00edf6781addc4a2a4c +.git/objects/94/b1964a75b6c96daf1afd662c24472a5f7ef97a,1692170070691,6b56ab9406784aa1bdfef61a22e932f3670b7a34e5349e74211564117f964f7f +.git/objects/98/dd81a0a551218f398abed191869a3c1340fcdc,1692336554779,7c32d09db34c886dcb4830240b4561932d2bbddc277962fc355617745b7a4c96 +.git/objects/9a/436c8c8dd2e2662a45ec70a6ab2ad44ed2c312,1692170078132,1399ad81330f811fa25209a76db6aa626e09cba04c04cbfa7c4dbee2cad6e8da +.git/objects/9a/841da2dab70713183a2bc20a91a97f362e8501,1692369853036,09bda4df0513058912f754e517c64e663b89e02ec97aec71904a744dc43ffb3b +.git/objects/9c/740d9a05b36d7806bfaa8058baf75df82db647,1692369812707,e4ee1085aca21566fcc28eb9c21d0c31f712ca4152427276476b76880984d9da +.git/objects/9d/2b17315958fc973c6271b9e171c8906fcd94e5,1692170158368,d29b3c4879e1ab6c8411a861ff0b994394b66d220661ae3ea0dd8b7b72785c70 +.git/objects/9d/dcbea81ac2242e6ad75643e7ffed10ce4ef6e5,1692366021074,f3c1efb04d5a1566d80695d5053ba4050ff3f5dc38d2d1cb534e0dada301e655 +.git/objects/9e/aec8536fe9cdb44e736bffa72af2b6ec60318d,1692295106400,c2412848772c672022226d945f57d1edc136f042888569f11d39d3d031a6b4b1 +.git/objects/a2/2b84a7a8787f6aa727c3f97300d05edda47396,1692202759102,8c6878475c09fb7e92a6967d69f720c46f3b696a479bd0d1a5f8b284df151468 +.git/objects/a3/99a4c163da065af8700783dda21bb6e9be6f0f,1692369812714,0dc46034b5a5b46811f61f1fa5683335c3fb8a1ff71799e66daa71bb6f8bd324 +.git/objects/a5/ddaef3bf20d9dd7ef0a100f814155c099b3c40,1692170164724,97c0add73185536945684f91318c83493bad225d2de1f95985aead33cf7de435 +.git/objects/a7/b9318b99274e6c4d04242057f688283060ee89,1692370698200,d89ae36bccd8f28343247494587352327275f05f5a61d1d6a91058b2cfe5870b +.git/objects/a7/c6994fe1278790bc378ff1cbeae89fa196c639,1692366021068,3a1434631c5a276c52994122fe27a4d972df7873ecc8d39e67b954fdf732a34d +.git/objects/a7/df5ef1f0da1d5db9ff2f5f9b223111b8d3a0b1,1692351072448,40939afbb8ec93930efe5ee3d957b4dc2d0296f9c1b61896d60b21bb66ab1325 +.git/objects/b2/08e23d8edbb849ec3c9657f718f64df5b7637c,1692370717299,bfc7a1059ae350dbc467fe8ad4f17a9d5fde797d8992f85d93587237a72268fa +.git/objects/b3/6cb77972e7381709d718d9a78d9e4ba447a403,1692369812712,db05183da6bb6c3a967db2b52c446b8317e4392b94f4f4731b24ff67ab2e8cc8 +.git/objects/b3/beab46e7157d92bcd18aaa92dc11f430890f11,1692336554777,4d46e476c0957fee177acd32ae45b5f4c126728c0a6b9d484a44865abee125c7 +.git/objects/b6/7f8ab45334d1329a89a806c78d1b25e10d9c89,1692170070687,ce9197628e988b82b007c3895e9c64b4db0551e449ba92a04a28f082c08c2987 +.git/objects/b8/05667375957d11fa2d20a034b247c855b7ed23,1692336554795,b717f9d284bc80e9672078d33ced6ae2dcb0f5311504ef02512c4bffc2ab561d +.git/objects/b9/55a61f186af6a9c5c05d54afd186c9a99d74e7,1692295135388,c8f54a27c3858d636bd6097c5556670d08bf9d64a26b5ec2ff62de034661e517 +.git/objects/bb/4317958f639684737e1b1990bfe80ee5dc3ee7,1692336554786,d7c4040f262ca105b8ea17783a092a24224f20afeb03f8bf84984423b843580a +.git/objects/bd/ad558d01df72eb357742e7babcbead4c4f90b1,1692369812720,6777e5ad65bf6f98ff2b1f3c02dee89247de83f5d8eaeea487098c97848f1bcc +.git/objects/c1/cf0f0e193e61cbab87422bb6561c169c96352a,1692370698187,507d312182c05d35ed0f1c4eda64506d76ced727dea1f04def7a377e6639ebde +.git/objects/c4/999c93c19c6321df3489d3a769e662972fa070,1692370698189,dffd95c5c8452751cbfa61db0e3931eff52e381d5258a20a370e9998237ce7ac +.git/objects/cc/c2ed3067e25bfa87a8787d464fc2256cb043ee,1692115209845,fe5126216661717cd2ab668dd2cfe567e7acf177411845352c92de93bfe54d47 +.git/objects/ce/b043d3acacd8df0a14168522539f93b83828a1,1692351072452,a1dd28b5344de16ae087a1a349a4141d289372c3a2a78c5ddb04915b4f39d78d +.git/objects/d0/eda379e2b2588ff823d2d2263d5ce3e0d7617f,1692351072458,53f9264ed6c66e11f8aa1cc878844912b193c95dc6de16f25ad4bbcbd8f5fe4b +.git/objects/d2/0e4caab09d56789a81d8bdb00731cf2fc2b696,1692369812717,38a43ea4d5b46cb42a23126b691049227f3b33ace248b783e2459aa032d40759 +.git/objects/d2/49d89a09bff39a07a7d91a56ca93e93b56e329,1692351126362,88c00b6b7fc71f8652e12649e2ae3a22a886ac984ea481c1095430a7d29ab317 +.git/objects/da/d182b1c489c5722e576059387836ea9365e202,1692369812730,5e2dddea8d286a9371991036a36a9e186a84f54dc98207d261248cb42a225aa9 +.git/objects/db/28768c91427be8ba9fccb53420cc6bfe6ddc3e,1692369812736,f51a113da34c077982b6a43cd5079214bf9a6dee73850d78ecf630e20492d0b2 +.git/objects/db/e9c82b3610ccd58d1c681848dcd322e500051e,1692112843743,fbc9f3689e451660dd0b61add6569081d64ef80be33d34311d30dd6b5320313a +.git/objects/e0/1801b45e8bb7b9568374bd04435a78f2643977,1692370698192,d2ec3049e4829047ff33cb43abb09fd9dfcc5ed598dd4016be14fd7b5e6e8642 +.git/objects/e2/a4b323d4e05c090c03c88a4e6120a9c16f1f54,1692351072464,2ba92c26b4f070c15ef7d4b1983ae93a078c461a17351caae3faed5d72406625 +.git/objects/e3/05e4871625c453052cc7ce0624dc8d0e118511,1692295106402,4598ddd53d5fb570e989ae4a7923433adb3b4ffcbb41841d78d5cb8a1a86a984 +.git/objects/e9/f140360985a45a0c8d07fbeb2be9bd5dae69cf,1692292189982,28b56233d98cb51a001eb0e87fad3022ace855bb2d6d6f84b10393f30cdddf0f +.git/objects/ea/d01936b9bbebeb653b10c69df203f70f081ef2,1692370717289,307cfd0af6b0b7c0e1aef34783e16a033a1f0288060acd012e102bb38e25b886 +.git/objects/ec/eb15ec5dbece413a418896837a7f722100b9e4,1692112843746,fff2950df7b43181bc7e8b53e08ce77e2f3059f1446634ea0dcba292d0529df4 +.git/objects/ee/7dddec9ca195ee45fa48e29f67733023fee958,1692292189977,8c9b4a2e003da0d515df38eb0d1c62173c6eb8e0b01a00d0b7427bc160b4dc38 +.git/objects/f2/b242ae5de8441c5bffe59780757004412f4f92,1692366021066,5fa252d43ff9d819be9f3bc88351beef027bcc2379ecd28b829b33f07c031252 +.git/objects/f4/44febbb33828252433d23999305b9150ff7ffc,1692170070689,581989486b424b97a90534ece40127da2e88725925c09a1245746611df8fbd72 +.git/objects/f5/323a93337cdd6b4a3a6f92b02bc9691576a808,1692170164716,ac8adf4686b70d1d9bb56ccc1f384e829c1986c947f428dd9f8486df55150e99 +.git/objects/f8/74ec5c99a5f13352aac2b0228029aaa4fdedb4,1692202759100,ae6f34ccec3641623ff8b5ccfb76c0f63e6afbad23b4ea1bd1e8b6fa3796d0b8 +.git/objects/pack/pack-a419bdd7daf5dcf8c6086d00334ff04978bc5b05.idx,1691976600243,15f8ef48bbeea79581565d9df17fa08a4ce383db82bd401e719ca9fae2a4936f +.git/objects/pack/pack-a419bdd7daf5dcf8c6086d00334ff04978bc5b05.pack,1692112843745,01c55dcd7a80b7a02e2f1b0ecf604816195771899469a9858476156009f5ea25 +.git/refs/heads/KDT0_NamHyeonJun,1692370717304,b58df8d9bf2698d991c01219fcd6ab71eb6f1607b2c7a84f537af9a92960cfb0 +.git/refs/heads/main,1691976600366,d54d5c455f26e4dcdf2ed84e21b2258b00ec632a7c989ba28589f393b628914a +.git/refs/remotes/origin/HEAD,1691976600363,309067256ef321c6851b59e293ca58f7ccae3509e768e9597fd3348d34570b32 +.git/refs/remotes/origin/KDT0_NamHyeonJun,1692370729313,b58df8d9bf2698d991c01219fcd6ab71eb6f1607b2c7a84f537af9a92960cfb0 +.vscode/settings.json,1691991040227,bfddd6c3bcad48364a2f5aa61f268ec2f165477695b95eb0b1cc60d98360af6c +assets/images/detail.JPG,1692367535070,840aecb3d07dd0afa57cfc14b21b7ee41b2951a1e228d4e526a2148933822236 +assets/images/enroll info.JPG,1692367514870,c9c0710d3cabf901778e4dc4aa27c7f90ad03f925a602d31d04b53ef8c135e3c +assets/images/enroll page.JPG,1692367400883,809fabce5de0804ba451454714053d736c427d23d02858551431074f3bb5bc50 +assets/images/flow chart.JPG,1692367190544,41171a61bfd5a7ff88fae3ee9740fde651ed9c76c03ab981f064a43684c9994d +assets/images/index page.JPG,1692367352800,9857c2fc25d7f9f68ce193c14ce33c265dae8981ffae94ff49e914ba08e3671a +assets/images/update after.JPG,1692368328671,8878f9f9457831d19eac5804e1c663409e9548a5c62b894a95f56db0db6b222b +assets/images/update.JPG,1692368319746,04cc11a63caf6663d247865aa2bfce463a1b6c546bbc100d7e8091f5940ce493 +public/404.html,1692673802339,daa499dd96d8229e73235345702ba32f0793f0c8e5c0d30e40e37a5872be57aa +public/detail.css,1692673329633,ed08046fb2102959c49f65f877b7cabdde2cccc1bc100e4ebb7c7723e0c0b1a2 +public/detail.html,1692673329634,938c784030102a49024b251c496f2f7853784160cc31e430e2dec67f736cf2a7 +public/enroll.css,1692673329635,ff7bbafc00a76de16bdce2a68a2a00d6c98aca446857fcfb380de35f75006431 +public/main.css,1692673329639,6b698ae18feded02d695384f27916e0c7730ab3a7b8ac2f76b52dd77cda19db5 +public/enroll.html,1692673329635,e06bee323bb8b8227d00aaf4a91e2da3e4d3360e96e00949fa24048e0c09607e +public/index.html,1692674445964,2054d54e5b66b91b442d1caa5e3060a6ce310eaf6a95dd2a9ad1a9e34d515fb8 +public/update.css,1692673329640,a690d8818c70e9bb83ed02a2e38db96147c6d7171d70df657bca119678b79602 +public/update.html,1692673329641,478fb893131a4ff68a78ebd72637f4ac80e154f7d27dbb6ecbb640bbd87ba3c0 +public/js/detail.js,1692673329634,d87a9194a012a4a6f211bd62f6ae813519218604269fa52c75bed48e644ecb7f +public/js/enroll.js,1692673329636,5b9616879aa9c046555e50a7e4c5401f206a2458c907090f689930f9e54781b3 +public/js/image.js,1692673329638,9ec96abaf0b792c69999bfbb860e2baa411e28c533e378d52225c331cc073e8e +public/js/firebase.js,1692673329637,54016a093ee5e34fd63bce9a3fca59b2a6600e3a66ac1156fdd30c36d9d885f7 +public/js/index.js,1692673329639,0913a6944235148484748c0d1f7afbe10ab4b9b884ae809220ec0f4c4425163c +public/js/update.js,1692673329642,d0fb7d8414588833448f628387caa66262d482765c1193acda637c28914fa9da diff --git a/.firebase/hosting.cHVibGlj.cache b/.firebase/hosting.cHVibGlj.cache new file mode 100644 index 000000000..00756e102 --- /dev/null +++ b/.firebase/hosting.cHVibGlj.cache @@ -0,0 +1,15 @@ +404.html,1692673802339,daa499dd96d8229e73235345702ba32f0793f0c8e5c0d30e40e37a5872be57aa +detail.html,1693211975306,7e8f25e10c7a72901dc038f8cdac37579c84fe90dedda0f4953171dc581a52a2 +enroll.html,1693211979483,99e6c2ddb16f1f655207dbf1c941f68531254911140ef72d44957722185f3dd1 +index.html,1693211984539,2651ff09fa9692ebedd724096ae66da78b0b62083a2227eeb3e8810e497e5df6 +update.html,1693211991160,2b2235e89b607073e4b63f60e5ed6493a154bc81c365e87b13aaf42bf6071acb +css/detail.css,1692673329633,ed08046fb2102959c49f65f877b7cabdde2cccc1bc100e4ebb7c7723e0c0b1a2 +css/enroll.css,1692673329635,ff7bbafc00a76de16bdce2a68a2a00d6c98aca446857fcfb380de35f75006431 +css/main.css,1693216526029,f265a2c8f68f0fad5b5d60b981e4a4f43b8e8ffa202ebcb2c9cbaeddef92f7bb +css/update.css,1693212704193,93efc8d236665521f505ad805a0c2355e3d5a9c4fed98a8251359b095959f705 +js/detail.js,1692673329634,d87a9194a012a4a6f211bd62f6ae813519218604269fa52c75bed48e644ecb7f +js/enroll.js,1692673329636,5b9616879aa9c046555e50a7e4c5401f206a2458c907090f689930f9e54781b3 +js/firebase.js,1693216618204,00c0e8c0028acad19339226f0328bdd4253859b8ac4e3589dc677b8108324732 +js/image.js,1692673329638,9ec96abaf0b792c69999bfbb860e2baa411e28c533e378d52225c331cc073e8e +js/index.js,1692675926167,0913a6944235148484748c0d1f7afbe10ab4b9b884ae809220ec0f4c4425163c +js/update.js,1692673329642,d0fb7d8414588833448f628387caa66262d482765c1193acda637c28914fa9da diff --git a/.firebaserc b/.firebaserc new file mode 100644 index 000000000..7e8fc0dc8 --- /dev/null +++ b/.firebaserc @@ -0,0 +1,5 @@ +{ + "projects": { + "default": "nhj-js-homework" + } +} diff --git a/README.md b/README.md index 80be179a6..8640f9d06 100644 --- a/README.md +++ b/README.md @@ -9,12 +9,12 @@ https://velvety-puppy-c1029b.netlify.app/ ## [필수 요구사항] - [X] “AWS S3 / Firebase 같은 서비스”를 이용하여 사진을 관리할 수 있는 페이지를 구현하세요. - [X] 프로필 페이지를 개발하세요. -- 스크롤이 가능한 형태의 리스팅 페이지를 개발하세요. -- 전체 페이지 데스크탑-모바일 반응형 페이지를 개발하세요. +- [X] 스크롤이 가능한 형태의 리스팅 페이지를 개발하세요. +- [X] 전체 페이지 데스크탑-모바일 반응형 페이지를 개발하세요. - [X] 사진을 등록, 수정, 삭제가 가능해야 합니다. - [X] 유저 플로우를 제작하여 리드미에 추가하세요. - CSS - * 애니메이션 구현 + - [X] 애니메이션 구현 - [X] 상대수치 사용(rem, em) - JavaScript - [X] DOM event 조작 diff --git a/detail.css b/detail.css deleted file mode 100644 index a7df5ef1f..000000000 --- a/detail.css +++ /dev/null @@ -1,43 +0,0 @@ -.section__enroll--template > ul > li, div { - margin-bottom: 10px; -} - -.section__detail--pt_info { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 2rem; -} - -.section__detail--pt_list { - display: flex; - flex-direction: column; - background-color: lightblue; - width: 100%; - height: 100%; -} - -.section__detail--pt_template { - display: flex; - flex-direction: column; -} - -.section__detail--pt_template>ul { - display: grid; - list-style: none; - justify-content: space-between; - align-items: center; - text-align: center; - padding: 0 2rem; - grid-template-columns: 0.1fr 0.1fr 0.1fr 0.2fr 0.1fr 0.1fr 0.1fr 0.1fr; -} - -.section__detail--pt_template>ul>input { - text-align: center; -} - -.section__detail--pt_template>ul>input, -textarea { - width: 100%; - border: none; -} \ No newline at end of file diff --git a/detail.html b/detail.html deleted file mode 100644 index 9c740d9a0..000000000 --- a/detail.html +++ /dev/null @@ -1,93 +0,0 @@ - - - - - - - Document - - - - -
      -
      - -
      -
      -
        -
      • - 이름 - -
        • -
      • - 연락처 - -
        • -
      • - 등록 기간 - - -
        • -
      • - PT 등록 여부 - -
        • -
        -
        - PT 잔여 세션 - -
        -
        - 담당 트레이너 - -
        -
        -
      -
      -
      -

      사진

      -
      -
      -
      -
      - -
      -
      -
      -
        -
      • 세션 번호
        • -
      • 날짜
        • -
      • 부위
        • -
      • 내용
        • -
      • 중량
        • -
      • 횟수
        • -
      • 세트
        • -
      • 비고
        • -
      -
      -
      -
      -
      -
      - - - - diff --git a/detail.js b/detail.js deleted file mode 100644 index c4999c93c..000000000 --- a/detail.js +++ /dev/null @@ -1,99 +0,0 @@ -import { readUserData, readPtData } from "./firebase.js"; - -const today = new Date(); -const year = today.getFullYear(); -const month = ("0" + (today.getMonth() + 1)).slice(-2); -const day = ("0" + today.getDate()).slice(-2); -const todayString = year + "-" + month + "-" + day; -const userIdx = document.createElement("div"); -const userName = document.getElementById("user_name"); -const userPhone = document.getElementById("user_phone"); -const startDate = document.getElementById("start_of_days"); -const endDate = document.getElementById("end_of_days"); -const isPt = document.getElementById("pt_check"); -const leftSession = document.getElementById("pt_session"); -const trainer = document.getElementById("pt_trainer"); -const imageFrame = document.getElementsByClassName("section__enroll--image")[0]; -readUserData().then((res) => { - userIdx.value = res.userIdx; - userName.value = res.username; - userPhone.value = res.phoneNumber; - startDate.value = res.startDate; - endDate.value = res.endDate; - if (res.leftSessionNumber || res.trainerName) { - isPt.checked = true; - } else isPt.checked = false; - leftSession.value = res.leftSessionNumber; - trainer.value = res.trainerName; - - const userImage = document.createElement("img"); - userImage.style = `width: 30vw; height: 30vh; background-size: cover`; - userImage.src = res.imagePath; - imageFrame.appendChild(userImage); - - readPtData(userIdx.value).then((res) => { - const ptArr = []; - if (res) { - for (let element in res) { - ptArr.push(res[element]); - } - } - - if (ptArr) { - console.log(ptArr); - ptArr.forEach((element) => { - let ptFrame = document.createElement("ul"); - let ptSessionId = document.createElement("input"); - let ptDate = document.createElement("input"); - let ptSubject = document.createElement("textarea"); - let ptWorkout = document.createElement("textarea"); - let ptWeight = document.createElement("textarea"); - let ptReps = document.createElement("textarea"); - let ptSets = document.createElement("textarea"); - let ptOther = document.createElement("textarea"); - - console.log(element); - ptSessionId.value = element.sessionIdx; - ptSessionId.disabled = true; - ptDate.value = todayString; - ptDate.disabled = true; - ptSubject.value = element.subject; - ptSubject.disabled = true; - ptWorkout.value = element.workout; - ptWorkout.rows = "10"; - ptWorkout.disabled = true; - ptWeight.value = element.weight; - ptWeight.rows = "10"; - ptWeight.disabled = true; - ptReps.value = element.reps; - ptReps.rows = "10"; - ptReps.disabled = true; - ptSets.value = element.sets; - ptSets.rows = "10"; - ptSets.disabled = true; - ptOther.value = element.other; - ptOther.rows = "10"; - ptOther.disabled = true; - - ptFrame.append( - ptSessionId, - ptDate, - ptSubject, - ptWorkout, - ptWeight, - ptReps, - ptSets, - ptOther - ); - document - .getElementsByClassName("section__detail--pt_template")[0] - .appendChild(ptFrame); - }); - } - }); -}); - -const updateButton = document.getElementById("go_update"); -updateButton.addEventListener("click", function (e) { - window.location.href = `update.html?number=${userIdx.value}`; -}); diff --git a/enroll.css b/enroll.css deleted file mode 100644 index ccc2ed306..000000000 --- a/enroll.css +++ /dev/null @@ -1,35 +0,0 @@ -.section__enroll--nav { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 2rem; -} - -.section__enroll--article { - display: grid; - width: 100%; - padding: 0 2rem; - grid-template-columns: 1fr 1fr; -} - - -.section__enroll--template > ul { - display: flex; - flex-direction: column; - list-style: none; - margin: 0; - padding: 0; -} - -.section__enroll--image_upload { - display: flex; - flex-direction: column; -} - -.section__enroll--image_button { - display: flex; -} - -.section__enroll--pt_check { - /* display: none; */ -} \ No newline at end of file diff --git a/enroll.html b/enroll.html deleted file mode 100644 index 5bf2d8e8a..000000000 --- a/enroll.html +++ /dev/null @@ -1,102 +0,0 @@ - - - - - - - Document - - - - -
      -
      - -
      -
      -
        -
      • - 이름 - -
        • -
      • - 연락처 - -
        • -
      • - 등록 기간 - - -
        • -
      • - PT 등록 여부 - -
        • -
      -
      -
      - PT 잔여 세션 -
      - -
      -
      -
      - 담당 트레이너 -
      - -
      -
      -
      -
      -
      - 사진 -
      - -
      -
      - -
      -
      -
      -
      -
      -
      - - - - - - diff --git a/enroll.js b/enroll.js deleted file mode 100644 index e01801b45..000000000 --- a/enroll.js +++ /dev/null @@ -1,101 +0,0 @@ -import { writeUserData, readUserData, userCount } from "./firebase.js"; - -window.onload = function () { - const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; - const ptInfo = document.getElementsByClassName( - "section__enroll--pt_check" - )[0]; - - if (!pt.checked) { - ptInfo.style.display = "none"; - } else { - ptInfo.style.display = "block"; - } - - readUserData(); - const customerNum = document.getElementById("customer_number"); -}; - -const submitButton = document.getElementById("enroll_submit"); -submitButton.addEventListener("click", function (e) { - const name = document.getElementsByClassName("section__enroll--name")[0]; - const phone = document.getElementsByClassName("section__enroll--phone")[0]; - const startDay = document.getElementsByClassName( - "section__enroll--start_day" - )[0]; - const endDay = document.getElementsByClassName("section__enroll--end_day")[0]; - - const profileImage = document.getElementById("image_upload").files[0]; - const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; - - if (pt.checked) { - try { - const sessionList = document.getElementById("pt_session"); - const trainerList = document.getElementById("pt_trainer"); - writeUserData( - userCount, - name.value, - phone.value, - startDay.value, - endDay.value, - profileImage.msg, - sessionList.value, - sessionList.value, - trainerList.value - ); - } catch (err) { - console.log(err); - } - } else { - try { - writeUserData( - userCount, - name.value, - phone.value, - startDay.value, - endDay.value, - profileImage.msg, - "", - "", - "" - ); - } catch (err) { - console.log(err); - } - } -}); - -const isPt = document.getElementsByClassName("section__enroll--is_pt")[0]; -isPt.addEventListener("click", function (e) { - const pt = document.getElementsByClassName("section__enroll--is_pt")[0]; - const ptInfo = document.getElementsByClassName( - "section__enroll--pt_check" - )[0]; - - if (!pt.checked) { - ptInfo.style.display = "none"; - } else { - ptInfo.style.display = "block"; - } - - const sessionList = document.getElementById("pt_session"); - if (sessionList.childNodes.length < 200) { - for (let i = 1; i < 201; i++) { - let session = document.createElement("option"); - session.value = i; - session.innerText = i; - sessionList.appendChild(session); - } - } - - const trainerList = document.getElementById("pt_trainer"); - const employee = ["홍길동", "김철수"]; - if (trainerList.childNodes.length < 5) { - employee.forEach(function (em) { - let trainer = document.createElement("option"); - trainer.value = em; - trainer.innerText = em; - trainerList.appendChild(trainer); - }); - } -}); diff --git a/firebase.js b/firebase.js deleted file mode 100644 index 118aaf919..000000000 --- a/firebase.js +++ /dev/null @@ -1,243 +0,0 @@ -// Import the functions you need from the SDKs you need -import { initializeApp } from "https://www.gstatic.com/firebasejs/10.1.0/firebase-app.js"; -import { - getDatabase, - ref, - set, - get, - child, -} from "https://www.gstatic.com/firebasejs/10.1.0/firebase-database.js"; -import * as storageModule from "https://www.gstatic.com/firebasejs/10.1.0/firebase-storage.js"; - -// TODO: Add SDKs for Firebase products that you want to use -// https://firebase.google.com/docs/web/setup#available-libraries - -// Your web app's Firebase configuration -// For Firebase JS SDK v7.20.0 and later, measurementId is optional -const firebaseConfig = { - apiKey: "AIzaSyCa8XH8OjhbUUgIHcoSd4xWEUFkGfnuIdM", - authDomain: "nhj-js-homework.firebaseapp.com", - projectId: "nhj-js-homework", - storageBucket: "nhj-js-homework.appspot.com", - messagingSenderId: "741149984145", - appId: "1:741149984145:web:7ac61b0622986fec214630", - measurementId: "G-LWFHL30P81", - databaseURL: "https://nhj-js-homework-default-rtdb.firebaseio.com", - storageBucket: "gs://nhj-js-homework.appspot.com", -}; - -// Initialize Firebase -const app = initializeApp(firebaseConfig); -const database = getDatabase(app); -const storage = storageModule.getStorage(app); -// const storageRef = storageModule.ref(storage); -export let userCount; -export let ptCount; - -function writeUserData( - userId, - name, - phone, - start, - end, - image, - session, - leftSession, - trainer -) { - const db = getDatabase(); - try { - set(ref(db, "users/" + userId), { - userIdx: userId, - username: name, - phoneNumber: phone, - startDate: start, - endDate: end, - imagePath: image, - sessionNumber: session, - leftSessionNumber: leftSession, - trainerName: trainer, - }); - console.log("user data sent to database"); - } catch (err) { - console.log(err); - } -} - -function readUserData() { - return new Promise((resolve) => { - const dbRef = ref(getDatabase()); - // const customerNum = document.getElementById("customer_number"); - get(child(dbRef, "users/")) - .then((snapshot) => { - if (snapshot.exists()) { - if (window.location.pathname === "/index.html") { - displayUserData(snapshot.val()); - } - userCount = snapshot.val().length; - if ( - window.location.pathname.includes("/detail.html") || - window.location.pathname.includes("/update.html") - ) { - const url = new URL(window.location.href); - const userNum = url.searchParams.get("number"); - resolve(snapshot.val()[userNum]); - } - } else { - userCount = 1; - console.log("user data is not exist."); - } - }) - .catch((error) => { - console.error(error); - }); - }); -} - -function deleteUserData(userId) { - const db = getDatabase(); - set(ref(db, "users/" + userId), null); - deletePtData(userId); - - console.log(`user ${userId} was deleted`); -} - -function displayUserData(arr) { - const userBox = document.getElementsByClassName( - "section__customer--template" - )[0]; - - if (arr) { - arr.forEach((element) => { - const userInfoFrame = document.createElement("ul"); - const userSelectBox = document.createElement("input"); - const userIndex = document.createElement("li"); - const userImage = document.createElement("img"); - const userName = document.createElement("li"); - const userphoneNumber = document.createElement("li"); - const userDate = document.createElement("li"); - const userPtCheck = document.createElement("li"); - const userPtSession = document.createElement("li"); - const userTrainer = document.createElement("li"); - if (element.sessionNumber === "") { - userPtCheck.innerHTML = "X"; - } else { - userPtCheck.innerHTML = "O"; - } - userInfoFrame.className = "section__customer--added"; - userSelectBox.type = "checkbox"; - userSelectBox.className = "section__customer--checkbox"; - userImage.src = element.imagePath; - userImage.style.width = "5vw"; - userIndex.innerHTML = element.userIdx; - userIndex.addEventListener("click", function (e) { - window.location.href = `detail.html?number=${element.userIdx}`; - }); - userName.innerHTML = element.username; - userphoneNumber.innerHTML = element.phoneNumber; - userDate.innerHTML = `${element.startDate} ~ ${element.endDate}`; - userPtSession.innerHTML = - element.sessionNumber !== "" - ? `${element.leftSessionNumber} / ${element.sessionNumber}` - : "-"; - userTrainer.innerHTML = - element.trainerName !== "" ? element.trainerName : "-"; - - userInfoFrame.append( - userSelectBox, - userIndex, - userImage, - userName, - userphoneNumber, - userDate, - userPtCheck, - userPtSession, - userTrainer - ); - userBox.append(userInfoFrame); - }); - } -} - -function writePtData( - userId, - sessionId, - date, - subject, - workout, - weight, - reps, - sets, - other -) { - const db = getDatabase(); - try { - console.log(sessionId, date); - set(ref(db, `user/${userId}/pt/` + sessionId), { - sessionIdx: sessionId, - date: date, - subject: subject, - workout: workout, - weight: weight, - reps: reps, - sets: sets, - other: other, - }); - console.log("pt session data sent to database"); - } catch (err) { - console.log(err); - } -} - -function readPtData(userId) { - return new Promise((resolve) => { - const dbRef = ref(getDatabase()); - get(child(dbRef, `user/${userId}/pt/`)) - .then((snapshot) => { - if (snapshot.exists()) { - console.log(snapshot.val()); - ptCount = snapshot.val().length; - resolve(snapshot.val()); - } else { - ptCount = 1; - resolve(ptCount); - console.log("pt session data is not exist."); - } - }) - .catch((error) => { - console.error(error); - }); - }); -} - -function deletePtData(userId) { - const db = getDatabase(); - set(ref(db, `user/${userId}/pt/`), null); - - console.log(`user ${userId} session info was deleted`); -} - -function uploadImageData(image, imageName) { - return new Promise((resolve) => { - const st = storageModule.getStorage(); - const storageRef = storageModule.ref(st, `image/${imageName}`); - console.log(image, imageName); - storageModule.uploadBytes(storageRef, image).then((snapshot) => { - storageModule.getDownloadURL(snapshot.ref).then((url) => { - console.log("url: ", url); - image.msg = url; - resolve(image.msg); - }); - }); - console.log("image sent to storage"); - }); -} - -export { - writeUserData, - readUserData, - deleteUserData, - uploadImageData, - writePtData, - readPtData, -}; diff --git a/firebase.json b/firebase.json new file mode 100644 index 000000000..e78293923 --- /dev/null +++ b/firebase.json @@ -0,0 +1,10 @@ +{ + "hosting": { + "public": "public", + "ignore": [ + "firebase.json", + "**/.*", + "**/node_modules/**" + ] + } +} diff --git a/image.js b/image.js deleted file mode 100644 index 67c5fe2dc..000000000 --- a/image.js +++ /dev/null @@ -1,44 +0,0 @@ -import { uploadImageData } from "./firebase.js"; - -const parent = document.getElementById("image_location"); -const child = document.getElementsByClassName("imageFrame"); -const imageFile = document.getElementById("image_upload"); -if (imageFile) { - imageFile.addEventListener("change", function (e) { - while (child.length > 0) { - parent.removeChild(child[0]); - } - const selectedImage = e.target.files[0]; - const imageReader = new FileReader(); - imageReader.readAsDataURL(selectedImage); - - imageReader.onload = function () { - const imageFrame = document.createElement("img"); - imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; - imageFrame.className = "imageFrame"; - imageFrame.src = URL.createObjectURL(selectedImage); - const targetImage = document.getElementById("image_upload"); - uploadImageData(targetImage.files[0], targetImage.files[0].name).then( - (res) => { - console.log(res); - imageFrame.src = res; - console.log(imageFrame); - } - ); - console.log(imageFrame); - document.getElementById("image_location").appendChild(imageFrame); - }; - }); -} - -const imageForDelete = document.getElementsByClassName( - "section__enroll--image_delete" -)[0]; - -if (imageForDelete) { - imageForDelete.addEventListener("click", function (e) { - if (child.length > 0) { - parent.removeChild(child[0]); - } - }); -} diff --git a/index.html b/index.html deleted file mode 100644 index a7c6994fe..000000000 --- a/index.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - Document - - - -
      -
      - -
      -
      -
      -
        - -
      • 번호
        • -
      • 사진
        • -
      • 이름
        • -
      • 연락처
        • -
      • 회원권 기간
        • -
      • PT 등록 여부
        • -
      • 남은 세션
        • -
      • 담당 트레이너
        • -
      -
      -
      -
      -
      -
      - - - - - - diff --git a/index.js b/index.js deleted file mode 100644 index 724f741de..000000000 --- a/index.js +++ /dev/null @@ -1,27 +0,0 @@ -import { readUserData, deleteUserData } from "./firebase.js"; - -readUserData(); -let deleteArr = []; -document.addEventListener("click", function (e) { - console.log(e.target); - const clickTarget = e.target; - if (clickTarget.classList.contains("section__customer--checkbox")) { - if (deleteArr.indexOf(clickTarget.nextSibling.innerHTML) === -1) { - deleteArr.push(clickTarget.nextSibling.innerHTML); - } else { - deleteArr.pop(clickTarget.nextSibling.innerHTML); - } - } -}); - -const deleteButton = document.getElementById("delete_customer_button"); -deleteButton.addEventListener("click", function (e) { - if (deleteArr.length === 0) { - alert("삭제할 회원이 없습니다."); - } else { - deleteArr.forEach((element) => { - deleteUserData(element); - }); - window.location.reload(); - } -}); diff --git a/main.css b/main.css deleted file mode 100644 index a7b9318b9..000000000 --- a/main.css +++ /dev/null @@ -1,60 +0,0 @@ -body { - margin: 0; - padding: 0; - height: 100% -} - -.section__customer--management { - display: flex; - flex-direction: column; -} - -.section__customer--nav { - display: flex; - justify-content: space-between; - padding: 0 2rem; -} - -.section__customer--search { - display: flex; -} - -.section__customer--list { - display: flex; - flex-direction: column; - background-color: lightblue; - width: 100%; - height: 100%; -} - -.section__customer--template { - display: flex; - flex-direction: column; -} - -.section__customer--template>ul { - display: grid; - list-style: none; - justify-content: space-between; - align-items: center; - text-align: center; - padding: 0 2rem; - justify-items: center; -} - -@media (min-width: 300px) { - .section__customer--template>ul { - display: flex; - flex-wrap: wrap; - } -} - -@media (min-width: 768px) { - .section__customer--template>ul { - grid-template-columns: 0.1fr 0.1fr 0.2fr 0.2fr 0.15fr 0.1fr 0.1fr 0.1fr 0.1fr; - } -} - -.section__customer--template>ul:nth-child(n+2)>li:nth-child(2) { - cursor: pointer; -} \ No newline at end of file diff --git a/update.css b/update.css deleted file mode 100644 index 36295334a..000000000 --- a/update.css +++ /dev/null @@ -1,18 +0,0 @@ -.section__detail--pt_template>ul { - display: grid; - list-style: none; - justify-content: space-between; - align-items: center; - text-align: center; - padding: 0 2rem; - grid-template-columns: 0.1fr 0.1fr 0.1fr 0.2fr 0.1fr 0.1fr 0.1fr 0.1fr; -} - -.section__detail--pt_template>ul>input { - text-align: center; -} - -.section__detail--pt_template>ul>input, textarea { - width: 100%; - border: none; -} \ No newline at end of file diff --git a/update.html b/update.html deleted file mode 100644 index e2a4b323d..000000000 --- a/update.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - - Document - - - - - -
      -
      - -
      -
      -
        -
      • - 이름 - -
        • -
      • - 연락처 - -
        • -
      • - 등록 기간 - - -
        • -
      • - PT 등록 여부 - -
        • -
        -
        - PT 잔여 세션 - -
        -
        - 담당 트레이너 - -
        -
        -
      -
      -
      -

      사진

      -
      - -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
        -
      • 세션 번호
        • -
      • 날짜
        • -
      • 부위
        • -
      • 내용
        • -
      • 중량
        • -
      • 횟수
        • -
      • 세트
        • -
      • 비고
        • -
      -
      -
      -
      -
      -
      - - - - - diff --git a/update.js b/update.js deleted file mode 100644 index 7fe6f856d..000000000 --- a/update.js +++ /dev/null @@ -1,229 +0,0 @@ -import { - writeUserData, - readUserData, - writePtData, - readPtData, -} from "./firebase.js"; - -const today = new Date(); -const year = today.getFullYear(); -const month = ("0" + (today.getMonth() + 1)).slice(-2); -const day = ("0" + today.getDate()).slice(-2); -const todayString = year + "-" + month + "-" + day; -let ptFrame = document.createElement("ul"); -let ptSessionId = document.createElement("input"); -let ptDate = document.createElement("input"); -let ptSubject = document.createElement("textarea"); -let ptWorkout = document.createElement("textarea"); -let ptWeight = document.createElement("textarea"); -let ptReps = document.createElement("textarea"); -let ptSets = document.createElement("textarea"); -let ptOther = document.createElement("textarea"); - -const imageFrame = document.createElement("img"); -const imageDeleteButton = document.createElement("button"); -const updateButton = document.getElementById("update_button"); - -const userIdx = document.createElement("div"); -const userPtIdx = document.createElement("div"); -const userName = document.getElementById("user_name"); -const userPhone = document.getElementById("user_phone"); -const startDate = document.getElementById("start_of_days"); -const endDate = document.getElementById("end_of_days"); -const isPt = document.getElementById("pt_check"); -const leftSession = document.getElementById("pt_session"); -const trainer = document.getElementById("pt_trainer"); -const userImage = document.getElementsByClassName("section__enroll--image")[0]; -const profileImage = document.getElementById("image_upload").files[0]; -readUserData().then((res) => { - console.log(res); - - userIdx.value = res.userIdx; - userName.value = res.username; - userPhone.value = res.phoneNumber; - startDate.value = res.startDate; - endDate.value = res.endDate; - if (res.leftSessionNumber || res.trainerName) { - isPt.checked = true; - } else isPt.checked = false; - leftSession.value = res.leftSessionNumber; - trainer.value = res.trainerName; - - imageFrame.style = `width: 30vw; height: 30vh; background-size: cover`; - imageFrame.src = res.imagePath; - - imageDeleteButton.classList = "section__enroll--image_delete"; - imageDeleteButton.style = "display: block"; - imageDeleteButton.innerHTML = "삭제"; - userImage.append(imageFrame, imageDeleteButton); - - readPtData(userIdx.value).then((res) => { - console.log(res); - for (let i = 1; i < res; i++) { - let ptFrame = document.createElement("ul"); - let ptSessionId = document.createElement("input"); - let ptDate = document.createElement("input"); - let ptSubject = document.createElement("textarea"); - let ptWorkout = document.createElement("textarea"); - let ptWeight = document.createElement("textarea"); - let ptReps = document.createElement("textarea"); - let ptSets = document.createElement("textarea"); - let ptOther = document.createElement("textarea"); - - userPtIdx.value = res[i].sessionIdx; - ptSessionId.value = i; - ptSessionId.disabled = true; - ptDate.value = todayString; - ptDate.disabled = true; - ptWorkout.value = res[i].workout; - ptWorkout.rows = "10"; - ptWeight.value = res[i].weight; - ptWeight.rows = "10"; - ptReps.value = res[i].reps; - ptReps.rows = "10"; - ptSets.value = res[i].sets; - ptSets.rows = "10"; - ptOther.value = res[i].other; - ptOther.rows = "10"; - - ptFrame.append( - ptSessionId, - ptDate, - ptSubject, - ptWorkout, - ptWeight, - ptReps, - ptSets, - ptOther - ); - document - .getElementsByClassName("section__detail--pt_template")[0] - .appendChild(ptFrame); - } - }); -}); - -updateButton.addEventListener("click", function (e) { - let changedImage = document.getElementsByClassName("imageFrame")[0]; - let msg = ""; - - if (changedImage) { - msg = changedImage.src; - } else { - msg = imageFrame.src; - } - console.log(msg); - - if (isPt.checked) { - writeUserData( - userIdx.value, - userName.value, - userPhone.value, - startDate.value, - endDate.value, - msg, - leftSession.value, - leftSession.value, - trainer.value - ); - } else { - writeUserData( - userIdx.value, - userName.value, - userPhone.value, - startDate.value, - endDate.value, - msg, - "", - "", - "" - ); - } - - window.location.href = `detail.html?number=${userIdx.value}`; -}); - -imageDeleteButton.addEventListener("click", function (e) { - imageFrame.remove(); - const deleteTarget = document.getElementsByClassName("imageFrame")[0]; - if (deleteTarget) { - deleteTarget.remove(); - } -}); - -const ptAddButton = document.getElementById("pt_add"); -ptAddButton.addEventListener("click", function (e) { - let ptFrame = document.createElement("ul"); - let ptSessionId = document.createElement("input"); - let ptDate = document.createElement("input"); - let ptSubject = document.createElement("textarea"); - let ptWorkout = document.createElement("textarea"); - let ptWeight = document.createElement("textarea"); - let ptReps = document.createElement("textarea"); - let ptSets = document.createElement("textarea"); - let ptOther = document.createElement("textarea"); - ptSessionId.value = ++userPtIdx.value; - if (!Boolean(userPtIdx.value)) { - ptSessionId.value = 1; - } - ptSessionId.disabled = true; - ptDate.value = todayString; - ptDate.disabled = true; - ptWorkout.rows = "10"; - ptWeight.rows = "10"; - ptReps.rows = "10"; - ptSets.rows = "10"; - ptOther.rows = "10"; - - ptFrame.append( - ptSessionId, - ptDate, - ptSubject, - ptWorkout, - ptWeight, - ptReps, - ptSets, - ptOther - ); - document - .getElementsByClassName("section__detail--pt_template")[0] - .appendChild(ptFrame); -}); - -const ptSubmitButton = document.getElementById("pt_submit"); -ptSubmitButton.addEventListener("click", function () { - const container = document.getElementsByClassName( - "section__detail--pt_template" - )[0]; - let ptSessionId = document.createElement("input"); - let ptDate = document.createElement("input"); - let ptSubject = document.createElement("textarea"); - let ptWorkout = document.createElement("textarea"); - let ptWeight = document.createElement("textarea"); - let ptReps = document.createElement("textarea"); - let ptSets = document.createElement("textarea"); - let ptOther = document.createElement("textarea"); - const lastSession = container.lastChild.childNodes; - - ptSessionId.value = lastSession[0].value; - ptDate.value = lastSession[1].value; - ptSubject.value = lastSession[2].value; - ptWorkout.value = lastSession[3].value; - ptWeight.value = lastSession[4].value; - ptReps.value = lastSession[5].value; - ptSets.value = lastSession[6].value; - ptOther.value = lastSession[7].value; - - writePtData( - userIdx.value, - ++ptSessionId.value, - ptDate.value, - ptSubject.value, - ptWorkout.value, - ptWeight.value, - ptReps.value, - ptSets.value, - ptOther.value - ); - window.location.href = `detail.html?number=${userIdx.value}`; -});