[1042] XOOPS模組開發進階
<{$toolbar}>
<!--顯示某一筆資料-->
<{if $now_op=="show_one_phone_book"}>
<{$jeditable_set}>
<h2 class="text-center" id="name"><{$name}></h2>
<!--分類編號-->
<div class="row">
<label class="col-md-3 text-right">
<{$smarty.const._MD_PHONEBOOK_CATE_SN}>
</label>
<div class="col-md-9" id="cate_sn">
<{$cate_sn_title}>
</div>
</div>
<!--生日-->
<div class="row">
<label class="col-md-3 text-right">
<{$smarty.const._MD_PHONEBOOK_BIRTHDAY}>
</label>
<div class="col-md-9">
<{$birthday}>
</div>
</div>
<!--電話-->
<div class="row">
<label class="col-md-3 text-right">
<{$smarty.const._MD_PHONEBOOK_PHONE}>
</label>
<div class="col-md-9">
<{$phone}>
</div>
</div>
<!--電子信箱-->
<div class="row">
<label class="col-md-3 text-right">
<{$smarty.const._MD_PHONEBOOK_EMAIL}>
</label>
<div class="col-md-9">
<{$email}>
</div>
</div>
<!--地址-->
<div class="row">
<label class="col-md-3 text-right">
<{$smarty.const._MD_PHONEBOOK_ADDR}>
</label>
<div class="col-md-9">
<{$zip}><{$county}><{$city}><{$addr}>
</div>
</div>
<!--備註-->
<div class="row">
<label class="col-md-3 text-right">
<{$smarty.const._MD_PHONEBOOK_NOTE}>
</label>
<div class="col-md-9">
<pre class="well" id="note"><{$note}></pre>
</div>
</div>
<div class="text-right">
<{if $isAdmin}>
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=delete_phone_book&sn=<{$sn}>" class="btn btn-danger"><{$smarty.const._TAD_DEL}></a>
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form&sn=<{$sn}>" class="btn btn-warning"><{$smarty.const._TAD_EDIT}></a>
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form" class="btn btn-primary"><{$smarty.const._TAD_ADD}></a>
<{/if}>
<a href="<{$action}>" class="btn btn-success"><{$smarty.const._TAD_HOME}></a>
</div>
<{/if}>
<!--列出所有資料-->
<{if $now_op=="list_phone_book"}>
<script type="text/javascript">
$(document).ready(function(){
$( "#keyword" ).autocomplete({
source: "get_name.php"
});
$("#search_bar").hide();
// $("#open_bar").click(function(){
// $("#search_bar").toggle('slow');
// $("#open_bar").toggleClass("btn-danger");
// });
$("#open_bar").toggle(function() {
$("#open_bar").html("關閉搜尋").removeClass('btn-info').addClass('btn-danger');
$("#search_bar").fadeIn("slow");
}, function() {
$("#open_bar").html("開啟搜尋").removeClass('btn-danger').addClass('btn-info');
$("#search_bar").fadeOut("slow");
});
$("#cate_sn").change(function(){
location.href = "index.php?cate_sn=" + $("#cate_sn").val() + "&city=" + $("#city").val();
});
$("#county").change(function(){
var county_val = $("#county").val();
$.post("ajax.php", { "county": county_val} ,
function(data) {
$("#city").html(data);
});
});
$("#city").change(function(){
location.href = "index.php?cate_sn=" + $("#cate_sn").val() + "&city=" + $("#city").val();
});
});
</script>
<form action="index.php">
<div class="row">
<div class="col-md-2">
<button type="button" id="open_bar" class="btn btn-info">開啟搜尋</button>
</div>
<div class="col-md-10">
<div class="row" id="search_bar">
<{if $cate_arr}>
<div class="col-md-3">
<!-- 分類選單 -->
<select name="cate_sn" id="cate_sn" class="form-control">
<option value=""></option>
<{foreach from=$cate_arr item=cate}>
<option value="<{$cate.cate_sn}>" <{if $cate_sn==$cate.cate_sn}>selected<{/if}>><{$cate.cate_title}></option>
<{/foreach}>
</select>
</div>
<{/if}>
<div class="col-md-3">
<!-- 縣市選單 -->
<select name="county" id="county" class="form-control">
<option value="">請選擇縣市</option>
<{foreach from=$county_arr item=county}>
<option value="<{$county}>"><{$county}></option>
<{/foreach}>
</select>
</div>
<div class="col-md-3">
<!-- 鄉鎮市區選單 -->
<select name="city" id="city" class="form-control">
<option value="">選擇鄉鎮市區</option>
</select>
</div>
<div class="col-md-3">
<input type="text" name="keyword" id="keyword" class="form-control" placeholder="請輸入關鍵字">
</div>
</div>
</div>
</div>
</form>
<{if $all_content}>
<table id="phone_table" class="table table-striped table-hover" data-sorting="true" data-filtering="true">
<thead>
<tr>
<!--姓名-->
<th>
<{$smarty.const._MD_PHONEBOOK_NAME}>
</th>
<!--生日-->
<th data-breakpoints="xs">
<{$smarty.const._MD_PHONEBOOK_BIRTHDAY}>
</th>
<!--電話-->
<th>
<{$smarty.const._MD_PHONEBOOK_PHONE}>
</th>
<!--電子信箱-->
<th data-breakpoints="xs">
<{$smarty.const._MD_PHONEBOOK_EMAIL}>
</th>
<!--地址-->
<th data-breakpoints="xs sm md">
<{$smarty.const._MD_PHONEBOOK_ADDR}>
</th>
<!--分類-->
<th data-breakpoints="xs sm">
<{$smarty.const._MD_PHONEBOOK_CATE_SN}>
</th>
<{if $isAdmin}>
<th data-breakpoints="xs sm"><{$smarty.const._TAD_FUNCTION}></th>
<{/if}>
</tr>
</thead>
<tbody>
<{foreach from=$all_content item=data}>
<tr>
<td>
<!--姓名-->
<a href="<{$action}>?sn=<{$data.sn}>"><{$data.name}></a>
</td>
<td>
<!--生日-->
<{$data.birthday}>
</td>
<td>
<!--電話-->
<{$data.phone}>
</td>
<td>
<!--電子信箱-->
<{$data.email}>
</td>
<td>
<!--郵遞區號-->
<{$data.zip}>
<!--縣市-->
<{$data.county}>
<!--鄉鎮市區-->
<{$data.city}>
<!--地址-->
<{$data.addr}>
</td>
<td>
<!--分類-->
<{$data.cate_title}>
</td>
<{if $isAdmin}>
<td>
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=delete_phone_book&sn=<{$data.sn}>" class="btn btn-xs btn-danger"><{$smarty.const._TAD_DEL}></a>
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form&sn=<{$data.sn}>" class="btn btn-xs btn-warning"><{$smarty.const._TAD_EDIT}></a>
</td>
<{/if}>
</tr>
<{/foreach}>
</tbody>
</table>
<{if $isAdmin}>
<div class="text-right">
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form" class="btn btn-info"><{$smarty.const._TAD_ADD}></a>
</div>
<{/if}>
<{$bar}>
<{else}>
<{if $isAdmin}>
<div class="jumbotron text-center">
<a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form" class="btn btn-info"><{$smarty.const._TAD_ADD}></a>
</div>
<{/if}>
<{/if}>
<{/if}>