AdminSetting.js 2.36 KB
Newer Older
Jiwon Yoon's avatar
Jiwon Yoon committed
1
2
3
import React,{ useState } from 'react'


Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
4
5
let Setadmins = []
let Setadmin = {}
Jiwon Yoon's avatar
Jiwon Yoon committed
6
7

function AdminSetting() {
Jiwon Yoon's avatar
Jiwon Yoon committed
8

Jiwon Yoon's avatar
Jiwon Yoon committed
9
10
11
    const [password, setPassword] = useState('')
    const [adminpassword, setAdminPassword] = useState('')
    const [time, setTime] = useState('')
Jiwon Yoon's avatar
Jiwon Yoon committed
12
    
Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
13
    
Jiwon Yoon's avatar
Jiwon Yoon committed
14
    const handleChangePassword = (event) => {
Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
15
        Setadmin['password'] = event.target.value
Jiwon Yoon's avatar
Jiwon Yoon committed
16
        setPassword(event.target.value)
Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
17

Jiwon Yoon's avatar
Jiwon Yoon committed
18
19
    }
    const handleChangeAdminPassword = (event) => {
Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
20
        Setadmin['AdminPassword'] = event.target.value
Jiwon Yoon's avatar
Jiwon Yoon committed
21
22
23
        setAdminPassword(event.target.value)
    }
    const handleChangeTime = (event) => {
Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
24
        Setadmin['Time'] = event.target.value
Jiwon Yoon's avatar
Jiwon Yoon committed
25
26
27
28
29
        setTime(event.target.value)
    }


    function handleClick() {
Jiwon Yoon's avatar
choose    
Jiwon Yoon committed
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
        if (!password) {
            alert('비밀번호가 입력되지 않았습니다.')
        }
        else if (!adminpassword) {
            alert('관리자 비밀번호가 입력되지 않았습니다.')
        }
        else if (!time) {
            alert('제한시간이 입력되지 않았습니다.') //타임은 조건은 빼도 될 듯
        }
        else {
            Setadmins.push(Setadmin)
            localStorage.setItem('Set', JSON.stringify(Setadmins))
            console.log(Setadmins)
            alert('저장이 완료되었습니다.')
            console.log(Setadmin)

        }
Jiwon Yoon's avatar
Jiwon Yoon committed
47
48
49

    }
    return (
baesangjune's avatar
.    
baesangjune committed
50
        <div className="col-8">
baesangjune's avatar
.    
baesangjune committed
51
            <h2 className="p-3 border text-center">관리자 설정 변경 </h2>
Jiwon Yoon's avatar
Jiwon Yoon committed
52
            <div className="p-3 border">
baesangjune's avatar
.    
baesangjune committed
53
                <h4>변경할 비밀번호를 입력하세요</h4>
Jiwon Yoon's avatar
Jiwon Yoon committed
54
55
56
57
                <input type="text" onChange={handleChangePassword} placeholder="New Password" />

            </div>
            <div className="p-3 border">
baesangjune's avatar
.    
baesangjune committed
58
                <h4>변경할 관리자 비밀번호를 입력하세요</h4>
Jiwon Yoon's avatar
Jiwon Yoon committed
59
60
61
62
                <input type="text" onChange={handleChangeAdminPassword} placeholder="New Admin Password" />

            </div>
            <div className="p-3 border">
baesangjune's avatar
.    
baesangjune committed
63
                <h4>타이머를 설정하세요(초단위)</h4>
Jiwon Yoon's avatar
Jiwon Yoon committed
64
65
66
67
68
69
70
71
72
73
74
75
                <input type="text" onChange={handleChangeTime} placeholder="Set Time" />

            </div>
            <label for="inputLogin" className="d-flex justify-content-center">
                <button className="mt-4 btn btn-dark" onClick={handleClick}>작성완료</button>
            </label>
        </div>
    )
}


export default AdminSetting