|
|
|
@ -143,11 +143,16 @@ function getData(respone) {
|
|
|
|
|
for (i=start;i<dataInstrument.length;i++ ){ |
|
|
|
|
console.log('========='+i+'==========') |
|
|
|
|
// console.log(dataInstrument[i].name)
|
|
|
|
|
var imageInstrument = '' |
|
|
|
|
if (dataInstrument[i].clips.length != 0) { |
|
|
|
|
imageInstrument = '<div class="box-left">' |
|
|
|
|
+'<img src="'+dataInstrument[i].clips[0].photo+'" class="cover-img">' |
|
|
|
|
+'</div>' |
|
|
|
|
} |
|
|
|
|
htmlText = htmlText+"<div id='"+i.toString()+"'' class='cardStyle' onclick='modalItem("+i.toString()+")'>" |
|
|
|
|
// Author :: Apirak
|
|
|
|
|
+'<div class="box-left">' |
|
|
|
|
+'<img src="'+dataInstrument[i].clips[0].photo+'" class="cover-img">' |
|
|
|
|
+'</div>'// end of left
|
|
|
|
|
+ imageInstrument |
|
|
|
|
// end of left
|
|
|
|
|
+'<div class="box-right">' |
|
|
|
|
+'<h3 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>' |
|
|
|
|