<!DOCTYPE html>
<html>
<head>
<title>Welcome to SkyAI</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<!--<link rel="stylesheet" href="css/b.css">-->
<!--<link rel="stylesheet" href="..static/css/generalstyle.css?<?php echo rand(0,512);?>">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<style>
.detail{
font-family: Microsoft JhengHei;
border-radius: 100px;
background-color: #008CBA;
border: none;
color: white;
padding: 5px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.4em;
margin: 4px 2px;
cursor: pointer;
transition-duration: 0.4s;
border: 3px solid white;
}
.detail:hover {
background-color: white;
color: black;
border: 3px solid black;
}
.title{
font-family: Microsoft JhengHei;
border-radius: 100px;
background-color: #f2f2f2;
border: none;
color: black;
padding: 10px 32px;
font-size: 2.5em;
}
.choose_nr {
color: #333333;
font-size: 1.7em;
font-weight:bold;
/*text-shadow: 1px 2px black;*/
}
.sw_number {
width:40px;
font-size:1.5em;
border:1px;
border-radius: 100px;
border: 3px solid lightgray;
}
.sw_number:hover {
width:40px;
font-size:1.5em;
border:1px;
border-radius: 100px;
border: 3px solid lightgreen;
background-color: white;
}
.choosed {
width:40px;
font-size:1.5em;
border:1px;
border-radius: 100px;
border: 3px solid red;
background-color: white;
}
select {
border-radius: 2px;
height: 25px;
font-size: 15px;
}
</style>
<script>
function Change(evt){
var nr = {{params.tid}};
var l = evt.length;
var n = $('select[name=' + evt.substring(0,l-1) + 'n]').val();
var y = $('select[name=' + evt.substring(0,l-1) + 'y]').val();
var m = $('select[name=' + evt.substring(0,l-1) + 'm]').val();
var d = $('select[name=' + evt.substring(0,l-1) + 'd]').val();
if(evt.charAt(1) == '_'){
var ori = '0';
}else if(evt.charAt(1) == '1'){
var ori = '1';
}else if(evt.charAt(1) == '2'){
var ori = '2';
}else if(evt.charAt(1) == '3'){
var ori = '3';
}else if(evt.charAt(1) == '4'){
var ori = '4';
}else if(evt.charAt(1) == '5'){
var ori = '5';
}else if(evt.charAt(1) == '6'){
var ori = '6';
}else if(evt.charAt(1) == '7'){
var ori = '7';
}else{
var ori = '8';
};
var json = {"nr":nr, "ori":ori, "n":n, "y":y, "m":m, "d":d, "evt":evt};
$.post('/aimg_history/' + nr, json, function(resText){
var html_y = '';
var html_m = '';
var html_d = '';
var html_t = '';
var l = evt.length;
if(evt.substring(l-1) == 'n'){
$.each(resText.y, function(i, obj){
html_y += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 'y]').html(html_y);
});
$.each(resText.m, function(i, obj){
html_m += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 'm]').html(html_m);
});
$.each(resText.d, function(i, obj){
html_d += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
});
$.each(resText.t, function(i, obj){
html_t += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
});
}else if(evt.substring(l-1) == 'y'){
$.each(resText.m, function(i, obj){
html_m += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 'm]').html(html_m);
});
$.each(resText.d, function(i, obj){
html_d += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
});
$.each(resText.t, function(i, obj){
html_t += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
});
}else if(evt.substring(l-1) == 'm'){
$.each(resText.d, function(i, obj){
html_d += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
});
$.each(resText.t, function(i, obj){
html_t += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
});
}else{
$.each(resText.t, function(i, obj){
html_t += '<option value="' + obj + '">' + obj + '</option>';
$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
});
};
}, 'json');
};
function SearchImg(evt){
var nr = {{params.tid}};
var ori = 0;
if(evt == 'c'){
ori = 0;
}else if(evt == 'c1'){
ori = 1;
}else if(evt == 'c2'){
ori = 2;
}else if(evt == 'c3'){
ori = 3;
}else if(evt == 'c4'){
ori = 4;
}else if(evt == 'c5'){
ori = 5;
}else if(evt == 'c6'){
ori = 6;
}else if(evt == 'c7'){
ori = 7;
}else if(evt == 'c8'){
ori = 8;
}else{};
var y = $('select[name=' + evt + '_y]').val();
var m = $('select[name=' + evt + '_m]').val();
var d = $('select[name=' + evt + '_d]').val();
var t = $('select[name=' + evt + '_t]').val();
if(ori == 0){
var ndvi = 'http://60.250.156.234/cust/' + nr + '/ndvia/' + y + '-' + m + '-' + d + '_' + t + '.png';
var img = 'http://60.250.156.234/cust/' + nr + '/nj/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
$('font[class=title]').text('N0.' + nr + ' Direction' + '自動' + '@' + y + '-' + m + '-' + d + '_' + t);
}else{
var ndvi = 'http://60.250.156.234/cust/' + nr + '/ndvia' + ori + '/' + y + '-' + m + '-' + d + '_' + t + '.png';
var img = 'http://60.250.156.234/cust/' + nr + '/nj' + ori + '/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
$('font[class=title]').text('N0.' + nr + ' Direction' + ori + ' @' + y + '-' + m + '-' + d + '_' + t);
};
$('img[name=ndvi]').attr('src', ndvi);
$('img[name=img]').attr('src', img);
};
$(function(){
{% if params.ndviImgPath %}
$("img[name=ndvi]").attr('src', '{{params.ndviImgPath}}');
{% endif %}
{% if params.imgPath %}
$("img[name=img]").attr('src', '{{params.imgPath}}');
{% endif %}
{% if params.year %}
$('font[class=title]').text('N0.' + '{{params.tid}}' + ' Direction' + '{{params.mode}}' + ' @' + '{{params.year}}' + '-' + '{{params.month}}' + '-' + '{{params.day}}' + '_' + '{{params.time}}');
{% endif %}
});
</script>
</head>
<body>
<div class="container">
<div id="header" class="row" style="background-color:#ffffff;">
<div style="height:20px;"></div>
<div class="col-md-12 col-md-12" style="text-align:center;margin:auto;">
<div class="col-md-4 col-sm-12" style="">
<img src="../static/img/logo_new.png" width="60%" height="7%">
</div>
<div class="col-md-6 col-sm-12 text-left" style="">
<a href="/aindex"><button class="btn btn-danger btn-lg" style="">地形圖</button></a>
<a href="/ashoot_setting/{{params.tid}}"><button class="btn btn-danger btn-lg" style="">拍攝設定</button></a>
<a href="/aimg_history/1"><button class="btn btn-primary btn-lg" style="">歷史資料</button></a>
</div>
<div class="col-md-1 col-sm-12" style="">
<a href="/logout"><button class="btn btn-primary btn-lg" style="">登出</button></a>
</div>
</div>
<div class="col-md-12" style="background-color:red;width:100%;height:5px;margin-top:5px;margin-bottom:20px;"></div>
</div>
<div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<center>
<!-- <?php echo "<font class='title'>$NR 號 NDVI歷史查詢</font>"; ?>-->
<h1>{{params.tid}} 號 NDVI歷史查詢</h1>
<br>
<a href="/aimg_history/1"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">1</button></a>
<a href="/aimg_history/2"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">2</button></a>
<a href="/aimg_history/3"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">3</button></a>
<a href="/aimg_history/4"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">4</button></a>
<a href="/aimg_history/5"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">5</button></a>
<a href="/aimg_history/6"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">6</button></a>
<a href="/aimg_history/7"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">7</button></a>
<a href="/aimg_history/8"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">8</button></a>
<a href="/aimg_history/9"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">9</button></a>
<a href="/aimg_history/10"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">10</button></a>
<a href="/aimg_history/11"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">11</button></a>
<a href="/aimg_history/12"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">12</button></a>
<a href="/aimg_history/13"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">13</button></a>
<a href="/aimg_history/14"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">14</button></a>
<a href="/aimg_history/15"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">15</button></a>
<a href="/aimg_history/16"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">16</button></a>
<a href="/aimg_history/17"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">17</button></a>
<a href="/aimg_history/18"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">18</button></a>
<a href="/aimg_history/19"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">19</button></a>
<table style="width:auto; height:auto; border: 20px solid #f2f2f2" border="0" align="center">
<div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class="choose_nr">手動</font><br>
<select name='c_y' oninput="Change('c_y');">
{% if params.Ly %}
{% for y in params.Ly %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c_m' oninput="Change('c_m');">
{% if params.Lm %}
{% for m in params.Lm %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c_d' oninput="Change('c_d');">
{% if params.Ld %}
{% for d in params.Ld %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c_t'>
{% if params.Lt %}
{% for t in params.Lt %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c" type="button" onclick="SearchImg('c');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>1.方位名稱</font>
<select name='c1_n' oninput="Change('c1_n');">
<option value="all">全部照片</option>
{% if params.Ln1 %}
{% for n in params.Ln1 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c1_y' oninput="Change('c1_y');">
{% if params.Ly1 %}
{% for y in params.Ly1 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c1_m' oninput="Change('c1_m');">
{% if params.Lm1 %}
{% for m in params.Lm1 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c1_d' oninput="Change('c1_d');">
{% if params.Ld1 %}
{% for d in params.Ld1 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c1_t'>
{% if params.Lt1 %}
{% for t in params.Lt1 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c1" type="button" onclick="SearchImg('c1');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>2.方位名稱</font>
<select name='c2_n' oninput="Change('c2_n');">
<option value="all">全部照片</option>
{% if params.Ln2 %}
{% for n in params.Ln2 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c2_y' oninput="Change('c2_y');">
{% if params.Ly2 %}
{% for y in params.Ly2 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c2_m' oninput="Change('c2_m');">
{% if params.Lm2 %}
{% for m in params.Lm2 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c2_d' oninput="Change('c2_d');">
{% if params.Ld2 %}
{% for d in params.Ld2 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c2_t'>
{% if params.Lt2 %}
{% for t in params.Lt2 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c2" type="button" onclick="SearchImg('c2');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>3.方位名稱</font>
<select name='c3_n' oninput="Change('c3_n');">
<option value="all">全部照片</option>
{% if params.Ln3 %}
{% for n in params.Ln3 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c3_y' oninput="Change('c3_y');">
{% if params.Ly3 %}
{% for y in params.Ly3 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c3_m' oninput="Change('c3_m');">
{% if params.Lm3 %}
{% for m in params.Lm3 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c3_d' oninput="Change('c3_d');">
{% if params.Ld3 %}
{% for d in params.Ld3 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c3_t'>
{% if params.Lt3 %}
{% for t in params.Lt3 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c3" type="button" onclick="SearchImg('c3');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>4.方位名稱</font>
<select name='c4_n' oninput="Change('c4_n');">
<option value="all">全部照片</option>
{% if params.Ln4 %}
{% for n in params.Ln4 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c4_y' oninput="Change('c4_y');">
{% if params.Ly4 %}
{% for y in params.Ly4 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c4_m' oninput="Change('c4_m');">
{% if params.Lm4 %}
{% for m in params.Lm4 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c4_d' oninput="Change('c4_d');">
{% if params.Ld4 %}
{% for d in params.Ld4 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c4_t'>
{% if params.Lt4 %}
{% for t in params.Lt4 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c4" type="button" onclick="SearchImg('c4');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>5.方位名稱</font>
<select name='c5_n' oninput="Change('c5_n');">
<option value="all">全部照片</option>
{% if params.Ln5 %}
{% for n in params.Ln5 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c5_y' oninput="Change('c5_y');">
{% if params.Ly5 %}
{% for y in params.Ly5 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c5_m' oninput="Change('c5_m');">
{% if params.Lm5 %}
{% for m in params.Lm5 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c5_d' oninput="Change('c5_d');">
{% if params.Ld5 %}
{% for d in params.Ld5 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c5_t'>
{% if params.Lt5 %}
{% for t in params.Lt5 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c5" type="button" onclick="SearchImg('c5');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>6.方位名稱</font>
<select name='c6_n' oninput="Change('c6_n');">
<option value="all">全部照片</option>
{% if params.Ln6 %}
{% for n in params.Ln6 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c6_y' oninput="Change('c6_y');">
{% if params.Ly6 %}
{% for y in params.Ly6 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c6_m' oninput="Change('c6_m');">
{% if params.Lm6 %}
{% for m in params.Lm6 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c6_d' oninput="Change('c6_d');">
{% if params.Ld6 %}
{% for d in params.Ld6 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c6_t'>
{% if params.Lt6 %}
{% for t in params.Lt6 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c6" type="button" onclick="SearchImg('c6');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>7.方位名稱</font>
<select name='c7_n' oninput="Change('c7_n');">
<option value="all">全部照片</option>
{% if params.Ln7 %}
{% for n in params.Ln7 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c7_y' oninput="Change('c7_y');">
{% if params.Ly7 %}
{% for y in params.Ly7 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c7_m' oninput="Change('c7_m');">
{% if params.Lm7 %}
{% for m in params.Lm7 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c7_d' oninput="Change('c7_d');">
{% if params.Ld7 %}
{% for d in params.Ld7 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c7_t'>
{% if params.Lt7 %}
{% for t in params.Lt7 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c7" type="button" onclick="SearchImg('c7');">查詢</button>
</div>
<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
<font class='choose_nr'>8.方位名稱</font>
<select name='c8_n' oninput="Change('c8_n');">
<option value="all">全部照片</option>
{% if params.Ln8 %}
{% for n in params.Ln8 %}
<option value="{{n}}">{{n}}</option>
{% endfor %}
{% endif %}
</select><br>
<select name='c8_y' oninput="Change('c8_y');">
{% if params.Ly8 %}
{% for y in params.Ly8 %}
<option value="{{y}}">{{y}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:年</font>
<select name='c8_m' oninput="Change('c8_m');">
{% if params.Lm8 %}
{% for m in params.Lm8 %}
<option value="{{m}}">{{m}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:月</font>
<select name='c8_d' oninput="Change('c8_d');">
{% if params.Ld8 %}
{% for d in params.Ld8 %}
<option value="{{d}}">{{d}}</option>
{% endfor %}
{% endif %}
</select>
<font class='choose_nr'>:日</font>
<select name='c8_t'>
{% if params.Lt8 %}
{% for t in params.Lt8 %}
<option value="{{t}}">{{t}}</option>
{% endfor %}
{% endif %}
</select><br>
<button name="c8" type="button" onclick="SearchImg('c8');">查詢</button>
</div>
<font class='title'>N0.{{params.tid}} Direction @--</font>
</div>
</table>
<img src='../static/img/ndvi.jpg' name="ndvi" class='img' style='max-width:100%;height: auto;'>
<img src='../static/img/color1.jpg' class='img' style='max-width:100%;height: auto;'>
<img src='../static/img/PV.jpg' name="img" class='img' style='max-width:100%;height: auto;'>
</center>
</div>
</div>
</body>
</html>