001.<div class="col-sm-12">
002. <div class="col-sm-1"></div>
003. <div class="col-sm-10"><br>
004. <div class="panel panel-default">
005. <div class="panel-heading">
006. <div class="col-sm-12">
007. <div class="col-sm-6">
008. รายละเอียดโครงการ :<label> Sansara - Plot 8, 10</label>
009. <br>Project detail :<label> Sansara - Plot 8, 10</label>
010. </div>
011. <div class="col-sm-6" align="right">
012. <button type="button" id="slideDown_detail" onclick='javascript:$("#detail").slideDown("slow");$("#slideDown_detail").hide();$("#slideUp_detail").show();'>
013. <span class="glyphicon glyphicon-chevron-down"></span>
014. </button>
015. <button type="button" id="slideUp_detail" onclick='javascript:$("#detail").slideUp("slow");$("#slideDown_detail").show();$("#slideUp_detail").hide();'>
016. <span class="glyphicon glyphicon-chevron-up"></span>
017. </button>
018. </div>
019. </div>
020. </div>
021. <div class="panel-body" id="detail">
022. <div class="panel-body" >
023.
024. <div class="col-sm-12">
025. <div class="col-sm-2">
026. <label>ชื่อโปรเจค <br>Project Name</label>
027. </div>
028. <div class="col-sm-3">
029. <input type="hidden" id="idproject" name="idproject" value="d63cae6cad">
030. <input type="hidden" id="floorplan" value="Floor_Pland63cae6cad.pdf">
031. <label>Sansara - Plot 8, 10</label>
032. </div>
033. <div class="col-sm-1"></div>
034. <div class="col-sm-2">
035. <label>ชื่อบริษัท <br>Company Name</label>
036. </div>
037. <div class="col-sm-3">
038. <label></label>
039. </div>
040. </div>
041. <div class="col-sm-12"><p>
042. <div class="col-sm-2">
043. <label>ที่อยู่ <br>Address</label>
044. </div>
045. <div class="col-sm-3">
046. <label>905/7 พระราม 3 บางโพงพาง</label>
047. </div>
048. <div class="col-sm-1"></div>
049. <div class="col-sm-2">
050. <label>ประเทศ <br>Country</label>
051. </div>
052. <div class="col-sm-3">
053. <label>Thailand</label>
054. </div>
055. </div>
056. <div class="col-sm-12"><p>
057. <div class="col-sm-2">
058. <label>ชื่อลูกค้า <br>Customer Name</label>
059. </div>
060. <div class="col-sm-3">
061. <label>Kittisuk</label>
062. </div>
063. <div class="col-sm-1"></div>
064. <div class="col-sm-2">
065. <label>ชื่อพนักงานขาย <br>Sales Person</label>
066. </div>
067. <div class="col-sm-3">
068. <label>mychelle taawan</label>
069. </div>
070. </div>
071. <div class="col-sm-12" align="center"><br>
072. --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
073. </div>
074.
075. <div class="col-sm-12">
076. <table class="table" id="table_contact">
077. <thead>
078. <tr>
079. <th>ชื่อผู้ติดต่อ <p>ContactName</th>
080. <th>เบอร์โทรผู้ติดต่อ <p>ContactPhone</th>
081. <th>เบอร์มือถือผู้ติดต่อ <p>ContactMobile</th>
082. <th>อีเมลผู้ตือต่อ <p>ContactEmail</th>
083. <th>แก้ไข/ลบ <p>Edit/Delete</th>
084.
085. </tr>
086. </thead>
087. <tbody>
088.
089.
090. <tr id="tb_con">
091.
092.
093. <td><label class="td_show" id="tname1893105906">thanawat</label> <input class="form-control td_hide" id="tname1893105906input" class="form-control" value="thanawat" onkeyup="contact('','tname1893105906','key')"></td>
094. <td><label class="td_show" id="tphone1893105906">024424281</label><input class="form-control td_hide" id="tphone1893105906input" class="form-control" value="024424281" onkeyup="contact('','tphone1893105906','key')"></td>
095. <td><label class="td_show" id="tmobile1893105906">0984264262</label><input class="form-control td_hide" id="tmobile1893105906input" class="form-control" value="0984264262" onkeyup="contact('','tmobile1893105906','key')"></td>
096. <td><label class="td_show" id="temail1893105906">bsm@bsm.com</label><input class="form-control td_hide" id="temail1893105906input" class="form-control" value="bsm@bsm.com" onkeyup="contact('','temail1893105906','key')"></td>
097.
098. <td>
099. <button type="button" id="btn_save_contact1893105906" class="btn btn-default btn_save_contact" onclick="contact('','1893105906','save')">
100. <span style="cursor:pointer; color: #002699" class="glyphicon glyphicon-floppy-disk fa-lg"></span>
101. </button>
102. <button type="button" id="btn_edit_contact1893105906" class="btn btn-default" onclick="contact('','1893105906','edit')">
103. <span style="cursor:pointer; color: #002699" class="glyphicon glyphicon-edit fa-lg"></span>
104. </button>
105. <button type="button" class="btn btn-default" onclick="contact(this,'1893105906','delete')" id='btn_delete_contact1893105906'>
106. <span style="cursor:pointer; color: red" class="glyphicon glyphicon-trash fa-lg"></span>
107. </button>
108. </td>
109.
110. </tr>
111.
112.
113. </tbody>
114.
115. </table>
116. </div>
117. <div class="col-sm-12" align="right"><br>
118. <!-- <a style="cursor: pointer" onclick="add_table();"><span class="glyphicon glyphicon-user"></span>
119. เพิ่มผู้ติดต่อ Add Contact</a> -->
120. <button type="button" class="btn btn-success" onclick="add_table();"><span class="glyphicon glyphicon-user"></span>เพิ่มผู้ติดต่อ Add Contact</button>
121. </div>
122. </div>
123. </div>
124. </div>
125. </div>
126. </div>
