|
|
|
|
@ -6,14 +6,174 @@ var dataInstrument = []
|
|
|
|
|
var start = 0 |
|
|
|
|
var nextUrl = '' |
|
|
|
|
htmlText = '' |
|
|
|
|
var dataUri = [] |
|
|
|
|
var dataUri = []; |
|
|
|
|
var processingNext = false; |
|
|
|
|
var clickOnHideButton = false; |
|
|
|
|
var xhr = null; |
|
|
|
|
var tagsTmpl = _.template($("script#tag-list").html()); |
|
|
|
|
|
|
|
|
|
var hideItem = function(itemId, divBox) { |
|
|
|
|
var html = divBox.html(); |
|
|
|
|
|
|
|
|
|
divBox.html('<i class="fa fa-4x fa-spin fa-spinner"></i>') |
|
|
|
|
data = {'hide': true}; |
|
|
|
|
token = sessionStorage.getItem('token') |
|
|
|
|
$.ajax({ |
|
|
|
|
type: "PATCH", |
|
|
|
|
url: 'http://www.serv.stdb.most.go.th/api/v2/instrument/'+ itemId +'/', |
|
|
|
|
data: JSON.stringify(data), |
|
|
|
|
headers: { |
|
|
|
|
'Accept': 'application/json', |
|
|
|
|
'Content-Type': 'application/json', |
|
|
|
|
'Authorization': 'Bearer ' + token, |
|
|
|
|
}, |
|
|
|
|
success: function(respone) { |
|
|
|
|
divBox.html('ลบเรียบร้อยแล้ว ...').delay(2000).fadeOut(500); |
|
|
|
|
}, |
|
|
|
|
fail: function() { |
|
|
|
|
divBox.html('มีปัญหาขัดข้อง ...').delay(1000).html(html); |
|
|
|
|
}, |
|
|
|
|
dataType: 'json' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var reloadCardListener = function() { |
|
|
|
|
$('.hideBtn').click(function(evt) { |
|
|
|
|
clickOnHideButton = true; |
|
|
|
|
setTimeout(function() { |
|
|
|
|
clickOnHideButton = false; |
|
|
|
|
}, 1000); |
|
|
|
|
evt.stopPropagation(); |
|
|
|
|
var that = $(this); |
|
|
|
|
var itemId = that.data('id'); |
|
|
|
|
var $parent = that.closest('.cardStyle'); |
|
|
|
|
swal( |
|
|
|
|
{ |
|
|
|
|
title: "ลบ?", |
|
|
|
|
text: "ไม่ใช่ครุภัณฑ์วิทยาศาสตร์", |
|
|
|
|
type: "warning", |
|
|
|
|
showCancelButton: true, |
|
|
|
|
confirmButtonColor: "#DD6B55", |
|
|
|
|
confirmButtonText: "ลบเลย!" |
|
|
|
|
}, function(yes) { |
|
|
|
|
if (yes) |
|
|
|
|
hideItem(itemId, $parent) |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var reloadItem = function() { |
|
|
|
|
if (xhr) |
|
|
|
|
xhr.abort(); |
|
|
|
|
// reset stuff
|
|
|
|
|
start = 0 |
|
|
|
|
$('#modalAll').html(''); |
|
|
|
|
$('#card').html(''); |
|
|
|
|
htmlText = ''; |
|
|
|
|
modalText = ''; |
|
|
|
|
dataInstrument = []; |
|
|
|
|
|
|
|
|
|
/// start doing new onw
|
|
|
|
|
var orgId = sessionStorage.getItem('orgId'); |
|
|
|
|
if (!orgId) { |
|
|
|
|
alert('something is wrong, try reloading'); |
|
|
|
|
} |
|
|
|
|
var token = sessionStorage.getItem('token'); |
|
|
|
|
var tagFilter = ''; |
|
|
|
|
if (localStorage.getItem('selFilters')) { |
|
|
|
|
tagFilter = localStorage.getItem('selFilters').split(','); |
|
|
|
|
tagFilter = '&tags=' + tagFilter; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var isFilter = ''; |
|
|
|
|
if (localStorage.getItem('selIsFilters')) { |
|
|
|
|
isFilter = localStorage.getItem('selIsFilters').split(','); |
|
|
|
|
isFilter = '&is=' + isFilter; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var url = 'http://www.serv.stdb.most.go.th/api/v2/instrument/?organization='+orgId+tagFilter+isFilter; |
|
|
|
|
xhr = $.ajax({ |
|
|
|
|
type: "GET", |
|
|
|
|
url: url, |
|
|
|
|
headers :{ |
|
|
|
|
Authorization: 'Bearer '+ token, |
|
|
|
|
Accept: 'application/json, text/javascript', |
|
|
|
|
'Accept-Language' : 'en-US,en;q=0.8,th;q=0.6', |
|
|
|
|
}, |
|
|
|
|
success: getData, |
|
|
|
|
dataType: 'json', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var reloadFilterListener = function() { |
|
|
|
|
var selectedFilter = []; |
|
|
|
|
if (localStorage.getItem('selFilters')) { |
|
|
|
|
selectedFilter = localStorage.getItem('selFilters').split(','); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
$('input[name="tags"]').change( |
|
|
|
|
function() { |
|
|
|
|
var n = $(this).val(); |
|
|
|
|
if ($(this).is(':checked')) { |
|
|
|
|
selectedFilter = [n]; |
|
|
|
|
localStorage.setItem('selFilters', selectedFilter.join(',')); |
|
|
|
|
$('input[name="tags"]').each(function() { |
|
|
|
|
if ($(this).val() != n) |
|
|
|
|
$(this).prop('checked', false); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
selectedFilter = []; |
|
|
|
|
localStorage.removeItem('selFilters'); |
|
|
|
|
$('input[name="tags"]').prop('checked', false); |
|
|
|
|
} |
|
|
|
|
reloadItem(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$('input[name="is"]').change( |
|
|
|
|
function() { |
|
|
|
|
var n = $(this).val(); |
|
|
|
|
if ($(this).is(':checked')) { |
|
|
|
|
selectedIsFilter = [n]; |
|
|
|
|
localStorage.setItem('selIsFilters', selectedIsFilter.join(',')); |
|
|
|
|
$('input[name="is"]').each(function() { |
|
|
|
|
if ($(this).val() != n) |
|
|
|
|
$(this).prop('checked', false); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
selectedIsFilter = []; |
|
|
|
|
localStorage.removeItem('selIsFilters'); |
|
|
|
|
$('input[name="is"]').prop('checked', false); |
|
|
|
|
} |
|
|
|
|
reloadItem(); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var getOrgTags = function(orgId) { |
|
|
|
|
var url = `//www.serv.stdb.most.go.th/api/v2/organization/${orgId}/tags/`; |
|
|
|
|
var promise = $.get(url); |
|
|
|
|
var $box = $('#any-filter'); |
|
|
|
|
promise.fail(function() { |
|
|
|
|
$box.html(''); |
|
|
|
|
}); |
|
|
|
|
promise.done(function(resp) { |
|
|
|
|
var selectedFilter = []; |
|
|
|
|
if (localStorage.getItem('selFilters')) { |
|
|
|
|
selectedFilter = localStorage.getItem('selFilters').split(','); |
|
|
|
|
} |
|
|
|
|
$box.html(tagsTmpl({ |
|
|
|
|
items: resp, |
|
|
|
|
selected: selectedFilter |
|
|
|
|
})); |
|
|
|
|
reloadFilterListener(); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getStartPage() { |
|
|
|
|
sesToken = sessionStorage.getItem('token'); |
|
|
|
|
if( sesToken === null) { |
|
|
|
|
token = localStorage.getItem("token") |
|
|
|
|
// console.log(token)
|
|
|
|
|
// console.log('==================')
|
|
|
|
|
if( token != null ) { |
|
|
|
|
$.ajax({ |
|
|
|
|
type: "POST", |
|
|
|
|
@ -65,11 +225,9 @@ function getStat(){
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function getUser(status) { |
|
|
|
|
token = sessionStorage.getItem("token") |
|
|
|
|
// console.log(token)
|
|
|
|
|
// console.log('======== 2 ======')
|
|
|
|
|
dataUser = jwt_decode(token) |
|
|
|
|
userId = dataUser.user_id.toString()
|
|
|
|
|
token = sessionStorage.getItem("token"); |
|
|
|
|
dataUser = jwt_decode(token); |
|
|
|
|
userId = dataUser.user_id.toString(); |
|
|
|
|
$.ajax({ |
|
|
|
|
type: "GET", |
|
|
|
|
url: 'http://www.serv.stdb.most.go.th/api/v2/user/'+userId+'/', |
|
|
|
|
@ -77,7 +235,6 @@ function getUser(status){
|
|
|
|
|
Authorization: 'Bearer '+ token, |
|
|
|
|
}, |
|
|
|
|
success: function(respone) { |
|
|
|
|
// console.log(respone)
|
|
|
|
|
userData = respone |
|
|
|
|
organ = '<div>'+respone.organizations[0].name+'</div>' |
|
|
|
|
|
|
|
|
|
@ -90,17 +247,28 @@ function getUser(status){
|
|
|
|
|
searchText = '&search='+document.getElementById("searchId").value |
|
|
|
|
start = 0 |
|
|
|
|
$('#modalAll').html(''); |
|
|
|
|
$('#card').html(""); |
|
|
|
|
$('#card').html(''); |
|
|
|
|
htmlText = ''; |
|
|
|
|
modalText = ''; |
|
|
|
|
dataInstrument = []; |
|
|
|
|
// console.log(' >> end of search button');
|
|
|
|
|
// console.log(dataInstrument)
|
|
|
|
|
// console.log($('#card').html());
|
|
|
|
|
} |
|
|
|
|
var url = 'http://www.serv.stdb.most.go.th/api/v2/instrument/?organization='+respone.organizations[0].id+searchText; |
|
|
|
|
// console.log('url = ' + url)
|
|
|
|
|
$.ajax({ |
|
|
|
|
var tagFilter = ''; |
|
|
|
|
if (localStorage.getItem('selFilters')) { |
|
|
|
|
tagFilter = localStorage.getItem('selFilters').split(','); |
|
|
|
|
tagFilter = '&tags=' + tagFilter; |
|
|
|
|
} |
|
|
|
|
var isFilter = ''; |
|
|
|
|
if (localStorage.getItem('selIsFilters')) { |
|
|
|
|
isFilter = localStorage.getItem('selIsFilters').split(','); |
|
|
|
|
isFilter = '&is=' + isFilter; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
sessionStorage.setItem('orgId', respone.organizations[0].id); |
|
|
|
|
var url = 'http://www.serv.stdb.most.go.th/api/v2/instrument/?organization='+respone.organizations[0].id+searchText+tagFilter+isFilter; |
|
|
|
|
|
|
|
|
|
getOrgTags(respone.organizations[0].id); |
|
|
|
|
|
|
|
|
|
xhr = $.ajax({ |
|
|
|
|
type: "GET", |
|
|
|
|
url: url, |
|
|
|
|
headers :{ |
|
|
|
|
@ -119,7 +287,6 @@ function getUser(status){
|
|
|
|
|
|
|
|
|
|
function getDataStat(respone) { |
|
|
|
|
getUser('first'); |
|
|
|
|
// console.log(respone)
|
|
|
|
|
document.getElementById("like").innerHTML = respone.items.completed |
|
|
|
|
document.getElementById("status").innerHTML = '+'+respone.items.recent_update
|
|
|
|
|
document.getElementById("accountActive").innerHTML = respone.users.active |
|
|
|
|
@ -128,21 +295,12 @@ function getDataStat(respone){
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function getData(respone) { |
|
|
|
|
// console.log(dataInstrument)
|
|
|
|
|
// console.log(respone)
|
|
|
|
|
// console.log("---------------- Next")
|
|
|
|
|
// console.log(respone.next)
|
|
|
|
|
// console.log(respone.results)
|
|
|
|
|
// console.log(dataInstrument)
|
|
|
|
|
dataInstrument = dataInstrument.concat(respone.results) |
|
|
|
|
// console.log('*******ฬฬฬฬฬฬฬฬฬ*********')
|
|
|
|
|
// console.log(respone.results)
|
|
|
|
|
var htmlText = '' |
|
|
|
|
var modalText = '' |
|
|
|
|
|
|
|
|
|
for (i=start;i<dataInstrument.length;i++ ) { |
|
|
|
|
// console.log('========='+i+'==========')
|
|
|
|
|
// console.log(dataInstrument[i].name)
|
|
|
|
|
var item = dataInstrument[i]; |
|
|
|
|
var imageInstrument = '' |
|
|
|
|
if (dataInstrument[i].clips.length != 0) { |
|
|
|
|
var cover_img = getCoverImg(dataInstrument[i].clips); |
|
|
|
|
@ -150,23 +308,30 @@ function getData(respone) {
|
|
|
|
|
+'<img src="'+cover_img+'" class="cover-img">' |
|
|
|
|
+'</div>' |
|
|
|
|
} |
|
|
|
|
htmlText = htmlText+"<div id='"+i.toString()+"'' class='cardStyle' onclick='modalItem("+i.toString()+")'>" |
|
|
|
|
var tagsHtml = '<ul class="list-inline">'; |
|
|
|
|
for (var k=0; k<item.tags.length; k++) { |
|
|
|
|
tagsHtml += `<li><span class="tag">${item.tags[k]}</span><li>`; |
|
|
|
|
} |
|
|
|
|
tagsHtml += '</ul>'; |
|
|
|
|
htmlText = htmlText+"<div data-id=\"" + item.id + "\" id='"+i.toString()+"'' class='cardStyle cardBox' onClick='modalItem("+i.toString()+");'>" |
|
|
|
|
// Author :: Apirak
|
|
|
|
|
+ '<span class="pull-right"><button data-id="' + item.id + '" class="hideBtn"><i class="fa fa-4x fa-times danger"></i></button></span>' |
|
|
|
|
+ '<div class="box_">' |
|
|
|
|
+ imageInstrument |
|
|
|
|
// end of left
|
|
|
|
|
+ '<div class="box-right">' |
|
|
|
|
+'<h3 style="font-size:26px;margin-left:20px " >'+dataInstrument[i].name+'</h3>' |
|
|
|
|
+ '<h3 class="card-title" style="font-size:26px;margin-left:20px " >' |
|
|
|
|
+ dataInstrument[i].name+'</h3>' |
|
|
|
|
+ '<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >#'+dataInstrument[i].custom_id+'</h3>' |
|
|
|
|
+'<span style="float:right;color:#9E9E9E;font-size:22px;margin-left:20px " >@'+dataInstrument[i].location+'</span>' |
|
|
|
|
+'<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >☛ '+dataInstrument[i].caretaker+'</h3>' |
|
|
|
|
+ '<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >@'+dataInstrument[i].caretaker+'</h3>' |
|
|
|
|
+ tagsHtml |
|
|
|
|
+'</div>'// end of right
|
|
|
|
|
+ '</div>' |
|
|
|
|
// End
|
|
|
|
|
+'</div>'; |
|
|
|
|
// console.log(dataInstrument[i].clips.length)
|
|
|
|
|
var backup = dataInstrument[i].clips; |
|
|
|
|
dataInstrument[i].clips = addNullData(dataInstrument[i].clips); |
|
|
|
|
if(dataInstrument[i].clips.length === 0) { |
|
|
|
|
// console.log('========= = 0 =========')
|
|
|
|
|
imageTag = '<div class="flexCenter">' |
|
|
|
|
+'<div class="flexCenter bgImage">' |
|
|
|
|
+'<div class="flexCenter">' |
|
|
|
|
@ -192,7 +357,6 @@ function getData(respone) {
|
|
|
|
|
else{ |
|
|
|
|
var style4 = '' |
|
|
|
|
if(dataInstrument[i].clips.length >= 2) { |
|
|
|
|
// console.log('*********** >= 2 ***********')
|
|
|
|
|
var tagMiniImage = '' |
|
|
|
|
var loopImage = dataInstrument[i].clips.length |
|
|
|
|
if (loopImage > 4) { |
|
|
|
|
@ -202,8 +366,12 @@ function getData(respone) {
|
|
|
|
|
if (j==3) { |
|
|
|
|
style4 = 'margin-top:5px' |
|
|
|
|
} |
|
|
|
|
var imgUrl = ''; |
|
|
|
|
if (dataInstrument[i].clips[j].photo) { |
|
|
|
|
imgUrl = dataInstrument[i].clips[j]['thumbnail']['sm']; |
|
|
|
|
} |
|
|
|
|
tagMiniImage = tagMiniImage |
|
|
|
|
+'<img id="myImg'+j+''+i+'" class="miniImage" style="'+style4+'" src="'+dataInstrument[i].clips[j].photo+'" alt=""/>' |
|
|
|
|
+'<img id="myImg'+j+''+i+'" class="miniImage" style="'+style4+'" src="'+imgUrl+'" alt=""/>' |
|
|
|
|
+'<h6 class="miniImage flexCenter" >ไม่มีรูปภาพ</h6>'; |
|
|
|
|
} |
|
|
|
|
for(j=loopImage;j<4;j++) { |
|
|
|
|
@ -216,7 +384,6 @@ function getData(respone) {
|
|
|
|
|
}
|
|
|
|
|
} |
|
|
|
|
else{ |
|
|
|
|
// console.log('*********** < 2 ***********')
|
|
|
|
|
var tagMiniImage = '' |
|
|
|
|
for(j=1;j<4;j++) { |
|
|
|
|
if (j==3) { |
|
|
|
|
@ -228,11 +395,14 @@ function getData(respone) {
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var imgUrl = ''; |
|
|
|
|
if (dataInstrument[i].clips[0].photo) { |
|
|
|
|
imgUrl = dataInstrument[i].clips[0]['thumbnail']['sm']; |
|
|
|
|
} |
|
|
|
|
imageTag = '<div class="flexCenter">' |
|
|
|
|
+'<div class="flexCenter bgImage">' |
|
|
|
|
+'<div class="flexCenter">' |
|
|
|
|
+'<img id="myImg0'+i+'" src="'+dataInstrument[i].clips[0].photo+'" alt=""/>' |
|
|
|
|
+'<img id="myImg0'+i+'" src="'+imgUrl+'" alt=""/>' |
|
|
|
|
+'<div class="bgImage flexCenter"><h2>ไม่มีรูปภาพ</h2></div>' |
|
|
|
|
+'</div>' |
|
|
|
|
+'<div class="column bgMiniImage" style="margin-left:10px">' |
|
|
|
|
@ -292,11 +462,12 @@ function getData(respone) {
|
|
|
|
|
+'</div>'; |
|
|
|
|
dataInstrument[i].clips = backup; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(respone.next != null) { |
|
|
|
|
nextUrl = '' |
|
|
|
|
moreText = '' |
|
|
|
|
moreText = "<div class='cardStyle flexCenter' style='margin-bottom:10px;height:60px;background-color: #E0E0E0;' onClick='getNextUrl()'>" |
|
|
|
|
+"<h4>More</h4>" |
|
|
|
|
+"<h4 id='moreText'>More</h4>" |
|
|
|
|
+"</div>"; |
|
|
|
|
nextUrl = respone.next |
|
|
|
|
document.getElementById("more").innerHTML = moreText; |
|
|
|
|
@ -306,11 +477,15 @@ function getData(respone) {
|
|
|
|
|
moreText = '' |
|
|
|
|
document.getElementById("more").innerHTML = moreText; |
|
|
|
|
} |
|
|
|
|
processingNext = false; |
|
|
|
|
|
|
|
|
|
start = dataInstrument.length |
|
|
|
|
|
|
|
|
|
document.getElementById("modalAll").innerHTML = document.getElementById("modalAll").innerHTML+modalText |
|
|
|
|
document.getElementById("card").innerHTML = document.getElementById("card").innerHTML+htmlText |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
reloadCardListener(); |
|
|
|
|
/* Apirak */ |
|
|
|
|
$("img[id*='myImg']").each(function() { |
|
|
|
|
var id = $(this).attr('id'); |
|
|
|
|
@ -353,8 +528,12 @@ function getYoutubeTag(link,index){
|
|
|
|
|
return youtube_tag; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function getNextUrl(){ |
|
|
|
|
// console.log('==================')
|
|
|
|
|
function getNextUrl(x) { |
|
|
|
|
if (processingNext) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
processingNext = true; |
|
|
|
|
$('#moreText').html('<i class="fa fa-spin fa-spinner"></i>'); |
|
|
|
|
token = sessionStorage.getItem('token') |
|
|
|
|
$.ajax({ |
|
|
|
|
type: "GET", |
|
|
|
|
@ -386,17 +565,18 @@ function getCoverImg(arr){
|
|
|
|
|
|
|
|
|
|
if(obj.order == 0) |
|
|
|
|
{
|
|
|
|
|
link=obj.photo; |
|
|
|
|
link=obj.thumbnail.sm; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
return link; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function modalItem(idCard) { |
|
|
|
|
if (clickOnHideButton) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
var modal = document.getElementById('modal'+idCard); |
|
|
|
|
// console.log(modal)
|
|
|
|
|
var btn = document.getElementById(idCard); |
|
|
|
|
// console.log(btn)
|
|
|
|
|
modal.style.display = "block"; |
|
|
|
|
window.onclick = function(event) { |
|
|
|
|
if (event.target == modal) { |
|
|
|
|
@ -428,7 +608,8 @@ function uploadImage(idImage) {
|
|
|
|
|
else{ |
|
|
|
|
var loopImage = instrument.clips.length |
|
|
|
|
for(idImg=0;idImg<loopImage;idImg++) { |
|
|
|
|
$('#myImg'+idImg+''+idImage).attr('src', dataInstrument[idImage].clips[idImg].photo); |
|
|
|
|
var imgUrl = dataInstrument[idImage].clips[idImg]['thumbnail']['sm']; |
|
|
|
|
$('#myImg'+idImg+''+idImage).attr('src', imgUrl); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// console.log(idImage)
|
|
|
|
|
@ -437,20 +618,11 @@ function uploadImage(idImage) {
|
|
|
|
|
if(loopImage==0) { |
|
|
|
|
idloopImage = 0 |
|
|
|
|
} |
|
|
|
|
var idUri = 0 |
|
|
|
|
// console.log(dataUri)
|
|
|
|
|
// console.log(loopImage-1)
|
|
|
|
|
// console.log(idloopImage+dataUri.length)
|
|
|
|
|
/*for(idImg=loopImage;idImg<idloopImage+dataUri.length;idImg++){ |
|
|
|
|
$('#myImg'+idImg+''+idImage).attr('src', dataUri[idUri].uri); |
|
|
|
|
idUri += 1 |
|
|
|
|
}*/ |
|
|
|
|
var idUri = 0; |
|
|
|
|
$.each(dataUri,function(index,obj) { |
|
|
|
|
$('#myImg'+obj.order+''+idImage).attr('src', obj.uri); |
|
|
|
|
}); |
|
|
|
|
// console.log('---------------------------')
|
|
|
|
|
// console.log(dataUri)
|
|
|
|
|
check += 1 |
|
|
|
|
check += 1; |
|
|
|
|
}; |
|
|
|
|
reader.readAsDataURL(this.files[0]);
|
|
|
|
|
} |
|
|
|
|
@ -509,10 +681,6 @@ function addData(){
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function updateData(idData) { |
|
|
|
|
// console.log(document.getElementById("name"+idData))
|
|
|
|
|
// console.log(document.getElementById("note"+idData))
|
|
|
|
|
// console.log(document.getElementById("id"+idData))
|
|
|
|
|
// console.log(document.getElementById("cr"+idData))
|
|
|
|
|
dataUpdate = { |
|
|
|
|
'name':document.getElementById("name"+idData).value, |
|
|
|
|
'note':document.getElementById("note"+idData).value, |
|
|
|
|
@ -580,14 +748,13 @@ function removeImage(idData){
|
|
|
|
|
} |
|
|
|
|
else{ |
|
|
|
|
var time = new Date() |
|
|
|
|
var loopImage = dataInstrument[idData].clips.length |
|
|
|
|
// console.log(dataInstrument[idData])
|
|
|
|
|
var loopImage = dataInstrument[idData].clips.length; |
|
|
|
|
for(j=0;j<loopImage;j++) { |
|
|
|
|
// console.log('#myImg'+j+''+idData)
|
|
|
|
|
document.getElementById("myImg"+j+''+idData).src = dataInstrument[idData].clips[j].photo+'?'+time; |
|
|
|
|
// console.log(document.getElementById("myImg"+j+''+idData).src)
|
|
|
|
|
// console.log(document.getElementById("myImg"+j+''+idData))
|
|
|
|
|
|
|
|
|
|
var imgUrl = ''; |
|
|
|
|
if (dataInstrument[idData].clips[j].photo) { |
|
|
|
|
imgUrl = dataInstrument[idData].clips[j]['thumbnail']['sm']; |
|
|
|
|
} |
|
|
|
|
document.getElementById("myImg"+j+''+idData).src = imgUrl+'?'+time; |
|
|
|
|
} |
|
|
|
|
}
|
|
|
|
|
for(j=loopImage;j<4;j++) { |
|
|
|
|
|
