da_capo/10_Selectreservation.html at master · hyoenju/da_capo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

    <title>Checking_Reservation_of_student</title>
    <style>
        .navbar{
            background-color: #e6eaaa;
            font-size: auto;
        }
        table{
            font-size : 18px;
            width: 85%;
            border-collapse: collapse;
        }
        table,th,td{
            border: 1px solid grey;
            padding: 10px;
            text-align: center;
        }
        th{
            background-color : #f8ffff;
            font-weight: bold;
        }
        h2,p{
            text-align :center;
            font-weight: bold;
        }
        #icon_color{
            color: orange;
        }

        .btn{
            background-color: #ff8868;
            width:15%;
            font-size: 18px;
            font-weight: bold;
            height:auto;
            text-align:center;
        }

        #link3{
            color: white;
        }
        #footer {
            font-size: 70%;
            background-color: #e6eaaa;
            font-weight: bold;
            text-align: right;
            margin: auto;
            padding: 5px;
            position: relative;
            height: 20px;
        }

        .divider{
            width: 300px;
            height: auto;
            display: inline-block;
        }
    </style>
</head>
<script>
    function popupFunction(){
        window.open("2_", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
    }
</script>

<body onhashchange="myFunction()">

<nav class="navbar navbar-default">
    <div class="navbar-header">
        <a class="navbar-brand" id="link3">Selectreservation</a>
    </div>
    <div class="container-fluid">
        <div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="6_Information.html"><span class="glyphicon glyphicon-home" id="icon_color"></span>&nbsp;이용안내</a></li>
                <li><a href="3_Login.html"><span class="glyphicon glyphicon-off"id="icon_color"></span>&nbsp;로그인</a></li>
                <li><a href="10_Selectreservation.html">
                    <span class="glyphicon glyphicon-book" id="icon_color"></span>&nbsp;예약확인/예약취소&nbsp;</a></li>
            </ul>
        </div>
    </div>
</nav>

<span style="line-height: 10px"><br></span>
<table align="center">
    <tr>
        <th>강의실</th>
        <td>519호</td>
    </tr>
    <tr>
        <th>예약자학번</th>
        <td>201433298</td>
    </tr>
    <tr>
        <th>예약자이름</th>
        <td>이현주</td>
    </tr>
    <tr>
        <th>동반사용자</th>
        <td>201433272 서예지<br>201433289 홍길동</td>
    </tr>
    <tr>
        <th>예약시간</th>
        <td>13:00~15:00</td>
    </tr>
    <tr>
        <th>사용목적</th>
        <td>프로그램 입문 수업 발표 회의</td>
    </tr>
    <tr>
        <th>승인상태</th>
        <td><a onclick="popupFunction()" style="color: red">취소</a></td>
    </tr>
</table>

<br>
<p>승인상태가 취소 인 경우, 취소를 클릭하시면 이유를 확인 할 수 있습니다</p>
<span style="line-height: 100px"><br></span>

<div class="container" align="center">
    <button type="button" class="btn btn-danger" onclick="self.close()">예약확인</button>
    <div class="divider"></div>
    <button type="button" class="btn btn-danger"><a href="11_Cancel.html" style="color:white;">예약취소</a></button>
</div>

<span style="line-height: 20px"><br></span>
<footer id="footer">
    <div class="pull-left" >&nbsp;&nbsp;가천대학교 산업경영공학과</div>
    <div class="pull-right">Copyright (c) da_capo&nbsp;&nbsp;</div>
</footer>

</body>
</html>