นี้คือหน้าตาตอนหลังจากตกแต่งเสร็จ(ไม่ค่อยสวยเท่าไร 55)
โดยจะขออธิบายตาม commit (จากล่างขึ้นบน)
delete use timezone(not necessary)
ลบวิธีการใส่เวลาแบบ use timezone ออกไปเนื่องจากไม่จำเป็น
delete total_income and total_expense to 1 funtion
จากครั้งที่แล้วที่นำเสนอไป ฟังก์ชั่นคำนวณค่ารวมของรายรับ กับ ร่ายจ่าย ใช้ฟังก์ชั่นเป็นของตัวเองในการคำนวณ ได้ยุบเหลือเพียงฟังก์ชั่นเดียวโดยดังนี้
ในการวนลูป 1 ครั้งจะเช็คเลยว่าเป็นรายรับ หรือ รายจ่าย แล้วก็แยกบวกตามประเภทนั้นๆ หลังจากนั้น ก็เก็บค่าไว้ใน list ชื่อ total แล้ว return กลับไป
โดย total[0] = total_income และ total[1] = total_expense
เนื่องจาก Firefox ไม่รองรับการใช้ input date เลยได้ไปหาวิธีการใช้ datepicker วิธีอื่นๆ สิ่งที่ได้คือการใช้ jQuery https://jqueryui.com/datepicker/#default
ซึ่งช่วยแก้ปัญหาได้มากเลยที่เดียว แต่ว่าจะต้องมีการตั้งค่า format ให้มันก่อน เพราะว่า Model เราใช้เป็น DateField() โดยมันจะรับค่าเป็น yy-mm-dd เท่าน้้น โดยวิธีการตั้งค่า format ก็ได้มาจากการเปิด youtube หาวิธี https://www.youtube.com/watch?v=9U_5Z4WqswI ( ต้องขอบคุณจริงๆที่สมัยนี้การค้นคว้าหาข้อมูลทำได้ง่ายๆ)
lumn
ได้ลบตัวค่ายอดคงเหลือ ของแต่ละแถวออกไปเพราะมันไม่จำเป็นอีกต่อไปแล้ว
ครั้งที่แล้วการลบนั้นก่อให้เกิดปัญหาเรื่องยอดคงเหลือของแต่ละแถว แต่ตอนนี้ได้ลบยอดคงเหลือดังกล่าวไปแล้ว ทำให้สามารถสานต่อการลบได้ โดยจะเปลี่ยนจากการลบได้หลายๆตัว ให้เป็นลบได้เพียงตัวเดียว ก็เพราะว่า ต้องการจะให้มีหน้าแสดงเตือน ด้วยว่าจะต้องการลบจริงๆ แล้วอีกอย่างคือ บันทึกรายรับ รายจ่ายเป็นสิ่งที่ต้องคิดก่อนที่จะบันทึก เลยไม่น่าจะมีความผิดพลาดมากมายให้ขนาดว่า ต้องลบทีละหลายๆรายการ
เมื่อเลือกรายการแล้วกด Submit
จะมีปุ่ม Yes กับ No ให้เลือก
เมื่อเลือก Yes ก็จะลบรายการนั้นทิ้งไป แต่ถ้าหากว่าเลือก No ก็จะกลับไปหน้าเลือกลบรายการใหม่
ตกแต่งสีสันให้สวยงาม(แต่ดันไม่สวยไม่งาม)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น