|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
|
|
<!-- <meta name="viewport"
|
|
|
|
|
|
content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1"> -->
|
|
|
|
|
|
<title>Traffy STDB</title>
|
|
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
|
|
<link rel="stylesheet" href="//api.traffy.xyz/static/font-awesome/css/font-awesome.min.css" />
|
|
|
|
|
|
<link rel="shortcut icon" type="image/png" href="https://avatars1.githubusercontent.com/u/17867603?v=3&s=200"/>
|
|
|
|
|
|
<script src="//api.traffy.xyz/static/jquery/dist/jquery.min.js"></script>
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
|
|
<script src="//api.traffy.xyz/static/underscore/underscore-min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="js/materialize.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="js/jwtDecode.min.js"></script>
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="css/stdb.css" media="screen,projection"/>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/bower_components/sweetalert/dist/sweetalert.css">
|
|
|
|
|
|
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
|
|
|
|
<style>
|
|
|
|
|
|
div.tags {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding: 10px 3rem;
|
|
|
|
|
|
background: rgba(0, 153, 204, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
div.tags>ul.list-inline {
|
|
|
|
|
|
background: rgba(0, 153, 204, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
#is-filter {
|
|
|
|
|
|
background: white;
|
|
|
|
|
|
padding-left: 10rem;
|
|
|
|
|
|
padding-right: 10rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
#is-filter label {
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
color: rgba(91, 91, 91, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.box_ {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
.box-left {
|
|
|
|
|
|
width: 140px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.box-right {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.box-right .card-title {
|
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<ul class="titleIn">
|
|
|
|
|
|
<center>
|
|
|
|
|
|
<li><a href="javascript:history.go(0)" class="active">Instrument</a></li>
|
|
|
|
|
|
<li style="float:right;font-size:18px"><a onClick="LogoutPage()">Logout</a></li>
|
|
|
|
|
|
<li style="float:right;font-size:18px"><a onClick="modalItem('add')">Add Instrument</a></li>
|
|
|
|
|
|
<li style="float:right;"><a class="material-icons" onclick="modalItem('search')" style="color:#FFF;">search</a></li>
|
|
|
|
|
|
</center>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="boxShow">
|
|
|
|
|
|
<div id="nameOrgan" class="flexCenter" style="margin-top:120px;font-size:40px;color:#F0F0F0"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="boxShow">
|
|
|
|
|
|
<!-- like -->
|
|
|
|
|
|
<div style="margin-top:20px;">
|
|
|
|
|
|
<li class="cardData" >
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<i class="medium material-icons " style="">thumb_up</i>
|
|
|
|
|
|
<div class="flexCenter" style="font-size:18px;" id='like'></div>
|
|
|
|
|
|
<div style="font-size:14px;color:#868686" id='like'>(Last 7 day)</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!-- status -->
|
|
|
|
|
|
<li class="cardData" >
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<i class="medium material-icons " style="color:#4CAF50">trending_up</i>
|
|
|
|
|
|
<div class="flexCenter" style="font-size:18px;" id='status'></div>
|
|
|
|
|
|
<div style="font-size:14px;color:#868686" id='like'>(Last 7 day)</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!-- accountActive -->
|
|
|
|
|
|
<li class="cardData" >
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<i class="medium material-icons " style="">people</i>
|
|
|
|
|
|
<div class="flexCenter" style="font-size:18px;" id='accountActive'></div>
|
|
|
|
|
|
<div style="font-size:14px;color:#868686" id='like'>(Last 7 day)</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!-- equipment -->
|
|
|
|
|
|
<li class="cardData" style="width: 300px;display:block;" >
|
|
|
|
|
|
<center><h1 style="font-size:18px;margin-top:10px;margin-bottom:15px">อุปกรณ์</h1></center>
|
|
|
|
|
|
<div class="flexCenterSpace">
|
|
|
|
|
|
<i class="medium material-icons ">featured_play_list</i>
|
|
|
|
|
|
<i class="medium material-icons ">photo</i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flexCenterSpace" style="margin-top:-3px;">
|
|
|
|
|
|
<i style='margin-right:15px'>ทั้งหมด</i>
|
|
|
|
|
|
<i style='margin-right:10px'>มีรูป</i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flexCenterSpace" style="margin-top:-5px;">
|
|
|
|
|
|
<i id="numAll" style='margin-right:15px'></i>
|
|
|
|
|
|
<i id="numPhoto" style='margin-right:10px'></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="boxShow" id="is-filter">
|
|
|
|
|
|
<ul class="list-inline">
|
|
|
|
|
|
<li><label>
|
|
|
|
|
|
<input type="checkbox" name="is" value="has_photo">
|
|
|
|
|
|
มีรูป
|
|
|
|
|
|
</label></li>
|
|
|
|
|
|
<li><label>
|
|
|
|
|
|
<input type="checkbox" name="is" value="missing">
|
|
|
|
|
|
ข้อมูลไม่ครบ
|
|
|
|
|
|
</label></li>
|
|
|
|
|
|
<li><label>
|
|
|
|
|
|
<input type="checkbox" name="is" value="completed">
|
|
|
|
|
|
ข้อมูลครบถ้วน
|
|
|
|
|
|
</label></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="boxShow" id="any-filter">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="card" class="container" style="max-width:800px"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="modalAll" ></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="more" class="container" style="max-width:800px;height:80px"> </div >
|
|
|
|
|
|
|
|
|
|
|
|
<div id="modaladd" class="modal" style="max-height: 100%;display: none;padding-top:10px;">
|
|
|
|
|
|
<div class="modal-content cardStyle" >
|
|
|
|
|
|
<div class="flexCenter">
|
|
|
|
|
|
<div class="flexCenter bgImage">
|
|
|
|
|
|
<div class="flexCenter">
|
|
|
|
|
|
<img id="myImg0add" src="" alt=""/>
|
|
|
|
|
|
<div class="bgImage flexCenter"><h2>ไม่มีรูปภาพ</h2></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="column bgMiniImage" style="margin-left:10px">
|
|
|
|
|
|
<img id="myImg1add" class="miniImage" src="" alt=""/>
|
|
|
|
|
|
<h6 class="miniImage flexCenter" >ไม่มีรูปภาพ</h6>
|
|
|
|
|
|
<img id="myImg2add" class="miniImage" src="" alt=""/>
|
|
|
|
|
|
<h6 class="miniImage flexCenter" >ไม่มีรูปภาพ</h6>
|
|
|
|
|
|
<img id="myImg3add" class="miniImage" style="margin-top:5px" src="" alt=""/>
|
|
|
|
|
|
<h6 class="miniImage flexCenter" style="margin-top:5px">ไม่มีรูปภาพ</h6>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flexCenter" style="margin-top:5px;">
|
|
|
|
|
|
<div class="upload flexCenter">
|
|
|
|
|
|
<a style="font-size:18px">Upload</a></div>
|
|
|
|
|
|
<input type="file" name="upload" onclick="uploadImage('add')"/>'
|
|
|
|
|
|
</div>'
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">ชื่อครุภัณฑ์วิทยาศาสตร์</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="nameI" name="nameI" value="" placeholder="ชื่อครุภัณฑ์วิทยาศาสตร์"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">จุดประสงค์และลักษณะการใช้งาน</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="noteI" name="noteI" value="" placeholder="จุดประสงค์และลักษณะการใช้งาน"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">เลขครุภัณฑ์</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="idI" name="idI" value="" placeholder="เลขครุภัณฑ์"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">ผู้ดูแล</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="CrI" name="CrI" value="" placeholder="ชื่อ นามสกุล"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">สถานที่</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="LcI" name="LcI" value="" placeholder="สถานที่"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">ยี่ห้อ</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="makeI" name="makeI" value="" placeholder="ยี่ห้อ"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">รุ่น</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="modelI" name="modelI" value="" placeholder="รุ่น"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div style="font-size:20px;margin-top:10px">วีดีโอ(youtube)</div>
|
|
|
|
|
|
<div style="font-size:16px;margin-top:5px;margin-left:5px"><input type="text" id="YlI" name="YlI" value="" placeholder="https://www.youtube.com/watch?v=xxxxx"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flexCenterSpace" style="margin-top:20px">
|
|
|
|
|
|
<input type="button" onclick="addData('add')" class="buttonUpdate" value="Add">
|
|
|
|
|
|
<input type="button" onclick="backData('add')" class="buttonBack" value="Back">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="modalsearch" class="modal" style="max-height: 100%;display: none;padding-top:100px;">
|
|
|
|
|
|
<div class="modal-content cardStyle" >
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<input type="text" class="cardSearch" id="searchId" value="" placeholder="Search">
|
|
|
|
|
|
<div class="flexEnd">
|
|
|
|
|
|
<button class="buttonSearch flexCenter" onclick="searchItem('search')">
|
|
|
|
|
|
<a class="material-icons" style="color:#FFF;">search</a>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/template" class="template" id="tag-list">
|
|
|
|
|
|
<div class="tags">
|
|
|
|
|
|
<ul class="list-inline"><% for (i in items) {%>
|
|
|
|
|
|
<li><label>
|
|
|
|
|
|
<input type="checkbox" name="tags" value="<%- items[i][0] %>"
|
|
|
|
|
|
<%- (selected.indexOf(items[i][0]) > -1 ? "checked": "") %>
|
|
|
|
|
|
>
|
|
|
|
|
|
<span class="tag"><%- items[i][0] %></span>
|
|
|
|
|
|
</label></li>
|
|
|
|
|
|
<% } %></ul>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/bower_components/sweetalert/dist/sweetalert.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="js/stdb.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
|
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
|
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
|
|
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
|
|
|
|
|
|
|
|
|
|
ga('create', 'UA-72505920-2', 'auto');
|
|
|
|
|
|
ga('send', 'pageview');
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script language="javascript">
|
|
|
|
|
|
|
|
|
|
|
|
function searchItem(idSearch){
|
|
|
|
|
|
var modal = document.getElementById('modal'+idSearch);
|
|
|
|
|
|
modal.style.display = "none";
|
|
|
|
|
|
getUser('search')
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</html>
|
