<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:te="http://www.seasar.org/teeda/extension"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xml:lang="ja" lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title id="title"></title>
    <link rel="stylesheet" type="text/css" href="../../css/default.css" />
    <script type="text/javascript" src="../../js/common.js"></script>
    <script language="JavaScript" type="text/javascript" src="../../js/kumu.js"></script>
    <script type="text/javascript">
        Kumu.dynamicLoad('sortable_table');
        new Kumu.Html.SortableTable('sortable_table');
    </script>
    <script language="JavaScript" type="text/javascript">
        // 削除確認用
        function delConfirm(tindex) {
            if(confirm('Are you sure you want to delete this and any dependent records?')){
                document.getElementById('customMailTemplatesForm:customMailTemplatesItems:'+tindex+':doOnceDelete').click();
            }
        }
    </script>
</head>
<body class="main">
<form id="customMailTemplatesForm">
<table class="titlebar" cellpadding="0" cellspacing="0">
    <tr>
        <td class="titlebar_bg">
            <table width="100%" border="0">
                <tr>
                    <td class="titlebar" nowrap="nowrap"><label id="headTitle"></label></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<table class="toolbar" cellpadding="0" cellspacing="0">
    <tr>
        <td class="toolbar_bg">
            <table width="100%" border="0">
                <tr>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<table class="edit" style="margin-left:20px">
    <tr>
        <td class="edit" nowrap="nowrap"><label id="viewing"></label></td>
        <td class="edit" style="padding-right:40px" nowrap="nowrap">
            <input type="button" id="doOnceFirstPage" te:renderJs="true" disabled="disabled" />
            <input type="button" id="doOncePrevPage" te:renderJs="true" disabled="disabled" />
            <input type="text" class="output" id="currentPage" readonly="readonly" style="width:50px;text-align:center;" />
            <input type="button" id="doOnceNextPage" te:renderJs="true" disabled="disabled" />
            <input type="button" id="doOnceLastPage" te:renderJs="true" disabled="disabled" />
            <span id="totalPageTitleLabel" style="margin-left:5px;margin-right:5px;"></span>
            <span id="totalPage-1" /><input type="hidden" id="totalPage" />
        </td>
        <td class="edit" nowrap="nowrap"><label id="show"></label></td>
        <td class="edit" nowrap="nowrap">
            <select class="default" id="pageSize">
            </select>
            <label id="perPage"></label>
            <input type="button" id="doOnceGo" te:renderJs="true" />
        </td>
    </tr>
</table>
<table class="edit" style="margin-left:20px; margin-bottom:20px;">
    <tr>
        <td class="edit" nowrap="nowrap">
            <select class="default" id="keywordType">
            </select>
        </td>
        <td class="edit" nowrap="nowrap">
            <input type="text" class="default" id="keyword" />
        </td>
        <td class="edit" nowrap="nowrap">
            <input type="button" id="doOnceFilter" te:renderJs="true" />
        </td>
    </tr>
</table>
    <input type="hidden" id="mailListSearchFlg" />
    <input type="hidden" id="customMailTemplatesItemsSave" />
<table>
    <tr>
        <td style="padding-left:10px; padding-right:10px;">
            <input type="button" id="doOnceNew" te:renderJs="true" />
        </td>
    </tr>
</table>

<table id="sortable_table" class="list_bg" width="100%" cellspacing="1" style="margin-top:10px;">
    <thead>
    <tr>
        <td class="list_head" nowrap="nowrap"><label id="mailListHeadName"></label></td>
        <td class="list_head" nowrap="nowrap"><label id="mailListHeadDesc"></label></td>
        <td class="list_head" nowrap="nowrap"><label id="mailListHeadActions"></label></td>
    </tr>
    </thead>

    <tfoot style="display:none">
    <tr>
      <td colspan="0"></td>
    </tr>
    </tfoot>

    <tbody>
    <span id="customMailTemplatesItems">
        <tr id='dataList'>
            <td id="name" class="list_data_left" nowrap="nowrap">
                <span id="templateName"></span>
            </td>
            <td id="desc" class="list_data_left" nowrap="nowrap">
                <span id="description"></span>
            </td>
            <td class="list_data_left" nowrap="nowrap">
                <input type="button" id="doOnceReview" value="doOnceReviewLabel" te:renderJs="true" onclick="window.open('customMailTemplateReview.html?templateId=#{mail_customMailTemplatesPage.templateId}')"/>
                <input type="button" id="doOnceEdit" value="doOnceEditLabel" te:renderJs="true" />
                <input type="button" id="delete" value="doOnceDeleteLabel" onclick="javascript:delConfirm('#{mail_customMailTemplatesPage.customMailTemplatesIndex}');" />
                <input type="submit" id="doOnceDelete" style="display:none" te:renderJs="true" />
            </td>
        </tr>
    </span>
    </tbody>
</table>

</form>
</body>
</html>