001.<!-- =========================================================
002.* Assessment Vibharam Hospital v1
003.=========================================================
004.* Copyright 2019 Vibharam Hospital
005.* Coded by Vibharam Hospital Mustakeam.T
006.=========================================================
007. -->
008. <?php
009. session_start();
010. require_once("../include/connect.php");
011. function fill_unit_select_box($connect){
012. $output = '';
013. $sqlTitle = "SELECT * FROM assQtnTitle";
014. $qryTitle = sqlsrv_query($connect, $sqlTitle);
015. while ($rowTitle = sqlsrv_fetch_array($qryTitle, SQLSRV_FETCH_ASSOC)) {
016. $output .= '<option value="'.$rowTitle["qTitleId"].'">'.$rowTitle["qTitleName"].'</option>';
017. }
018. return $output;
019.}
020. ?>
021. <!DOCTYPE html>
022. <html>
023.
024. <head>
025. <meta charset="utf-8">
026. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
027. <meta name="description" content="Start your development with a Dashboard for Bootstrap 4.">
028. <meta name="author" content="Creative Tim">
029. <title>แก้ไขตั้งค่าคำถามแบบประเมินความพึ่งพอใจ - VIBHARAMLCB HOSPITAL</title>
030. <!-- Favicon -->
031. <link rel="icon" href="../assets/img/brand/favicon.png" type="image/png">
032. <body>
033. <!-- Main content -->
034. <div class="main-content" id="panel">
035. <!-- Header Navbar -->
036. <?php include 'header.php' ?>
037. <!-- Header -->
038. <!-- Header -->
039. <div class="header bg-primary pb-6">
040. <div class="container-fluid">
041. <div class="header-body">
042. <div class="row align-items-center py-4">
043. <div class="col-lg-6 col-7">
044. <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
045. <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
046. </ol>
047. </nav>
048. </div>
049. </div>
050. </div>
051. </div>
052. </div>
053. <!-- Page content -->
054. <div class="container-fluid mt--6">
055. <div class="row">
056. <div class="col">
057. <div class="card col-lg-9 center">
058. <!-- Card header -->
059. <div class="card-header border-0">
060. <center>
061. <h2 class="mb-0">
062. <br>
063. เพิ่มรายการคำถาม
064. </h2>
065. <style>
066. select#exampleFormControlSelect1 {
067. max-width: 50em;
068. min-width: 50em;
069. width: 50em !important;
070. }
071. </style>
072. </center>
073. <br>
074. <br>
075. </div>
076. <!-- Table Assessment -->
077. <div class="table-responsive">
078. <form id="insertQtn" method="post">
079. <table class="table align-items-center table-flush" id="assQtnList">
080. <thead class="thead-light">
081. <tr>
082. <th scope="col" width="60%"><center><h4>รายการคำถาม</h4></center></th>
083. <th scope="col"><center><h4>ด้านรายการประเมิน</h4></center></th>
084. <th scope="col"><center><h4>เผยแพร่</h4></center></th>
085. <th scope="col"><button type="button" name="add" class="btn btn-success add"><i class="fas fa-plus-circle"></i> เพิ่ม</button></th>
086. </tr>
087. </thead>
088. </table>
089. <br>
090. <br>
091. <center>
092. <!-- <button class="btn btn-success text-white btn-lg" type="submit" name="submit" id="submit" value="Insert"><i class="fas fa-save"></i> บันทึก</button>
093. <button class="btn btn-danger text-white btn-lg " type="reset"><i class="far fa-times-circle"></i> ยกเลิก</button> -->
094. <button type="submit" name="submit" class="btn btn-success btn-lg"><i class="fas fa-save"></i> บักทึก</button>
095. <button type="reset" class="btn btn-danger btn-lg "><i class="far fa-times-circle"></i> ยกเลิก</button>
096. </center>
097. </form>
098. <br>
099. </div>
100. </div>
101. </div>
102. </div>
103. <!-- Footer -->
104. <?php include 'footer.php' ?>
105. </div>
106. </div>
107. <!-- Argon Scripts -->
108. <!-- Core -->
109. <script src="../assets/vendor/jquery/dist/jquery.min.js"></script>
110. <script src="../assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
111. <script src="../assets/vendor/js-cookie/js.cookie.js"></script>
112. <script src="../assets/vendor/jquery.scrollbar/jquery.scrollbar.min.js"></script>
113. <script src="../assets/vendor/jquery-scroll-lock/dist/jquery-scrollLock.min.js"></script>
114. <!-- Optional JS -->
115. <script src="../assets/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
116. <script src="../assets/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
117. <script src="../assets/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
118. <script src="../assets/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
119. <script src="../assets/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
120. <script src="../assets/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
121. <script src="../assets/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
122. <script src="../assets/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
123. <!-- Add Insert -->
124. <script src="../assets/js/addInsert/bootstrap.min.js"></script>
125. <script src="../assets/js/addInsert/jquery.min.js"></script>
126. <!-- Argon JS -->
127. <script src="../assets/js/argon.js?v=1.1.0"></script>
128. <!-- Demo JS - remove this in your project -->
129. <script src="../assets/js/demo.min.js"></script>
130. <!-- Fig Js -->
131. <script type="text/javascript">
132. $(document).ready(function(){
133. $(document).on('click', '.add', function(){
134. var html = '';
135. html += '<tr>';
136. html += '<td><input type="text" name="txtList[]" class="form-control txtList" required/></td>';
137. html += '<td><select name="txtTitle[]" class="form-control txtTitle"><?php echo fill_unit_select_box($connect); ?></select></td>';
138. html += '<td>';
139. html += '<center>';
140. html += '<label class="custom-toggle">';
141. html += '<input type="checkbox">';
142. html += '<span class="custom-toggle-slider rounded-circle" data-label-off="ปิด" data-label-on="เปิด"></span>';
143. html += '</label>';
144. html += '</center>';
145. html += '</td>';
146. html += '<td><button type="button" name="remove" class="btn btn-danger remove"><i class="fas fa-times-circle"></i></button></td></tr>';
147. $('#assQtnList').append(html);
148. });
149.
150. $(document).on('click', '.remove', function(){
151. $(this).closest('tr').remove();
152. });
153. var form_data = $(this).serialize();
154. $.ajax({
155. url:"insert/qtn.php",
156. method:"POST",
157. data:form_data,
158. success:function(data)
159. {
160. if(data == 'ok')
161. {
162. $('#assQtnList').find("tr:gt(0)").remove();
163. }
164. }
165. });
166.});
167. </script>
168. </body>
169. </html>
