OSDN Git Service

「イベントメイン」ウィジェットの管理機能、一覧画面にプレビューを付ける。
[magic3/magic3.git] / widgets / event_main / include / template / admin_entry.tmpl.html
1 /**\r
2  * 表示データ作成用テンプレート(patTemplate)\r
3  *\r
4  * LICENSE: This source file is licensed under the terms of the GNU General Public License.\r
5  *\r
6  * @package    Magic3 Framework\r
7  * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>\r
8  * @copyright  Copyright 2006-2013 Magic3 Project.\r
9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License\r
10  * @version    SVN: $Id$\r
11  * @link       http://www.magic3.org\r
12  */\r
13 <patTemplate:tmpl name="_widget">\r
14 <script type="text/javascript">\r
15 //<![CDATA[\r
16 function newItem(){\r
17         document.main.task.value = 'entry_detail';\r
18         document.main.act.value = 'new';\r
19         document.main.submit();\r
20         return true;\r
21 }\r
22 function editItem(){\r
23         if (document.main.seriallist.value){\r
24                 var items = document.main.seriallist.value.split(",");\r
25                 for (var i = 0; i < items.length; i++){\r
26                         var name = "document.main.item" + i + "_selected";\r
27                         var itemObj = eval(name);\r
28                         // チェックありのときは終了\r
29                         if (itemObj && itemObj.checked) break;\r
30                 }\r
31                 if (i == items.length){                 \r
32                         window.alert('編集する項目を選択してください');\r
33                 } else {\r
34                         document.main.task.value = 'entry_detail';\r
35                         document.main.act.value = 'edit';\r
36                         document.main.serial.value = items[i];\r
37                         document.main.submit();\r
38                 }\r
39         }\r
40         return true;\r
41 }\r
42 function editItemBySerial(serial){\r
43         document.main.task.value = 'entry_detail';\r
44         document.main.act.value = 'edit';\r
45         document.main.serial.value = serial;\r
46         document.main.submit();\r
47 }\r
48 function delItem(){\r
49         if (document.main.seriallist.value){\r
50                 var items = document.main.seriallist.value.split(",");\r
51                 for (var i = 0; i < items.length; i++){\r
52                         var name = "document.main.item" + i + "_selected";\r
53                         var itemObj = eval(name);\r
54                         // チェックありのときは終了\r
55                         if (itemObj && itemObj.checked) break;\r
56                 }\r
57                 if (i == items.length){                 \r
58                         window.alert('削除する項目を選択してください');\r
59                 } else {\r
60                         if (!window.confirm('選択項目を削除しますか?')) return false;\r
61                         document.main.act.value = 'delete';\r
62                         document.main.submit();\r
63                 }\r
64         }\r
65         return true;\r
66 }\r
67 function search(){\r
68         document.main.act.value = 'search';\r
69         document.main.submit();\r
70         return true;\r
71 }\r
72 function selpage(page){\r
73         document.main.act.value = 'selpage';\r
74         document.main.page.value = page;\r
75         document.main.submit();\r
76         return true;\r
77 }\r
78 function clearSearchParam(){\r
79         document.main.search_start.value = '';\r
80         document.main.search_end.value = '';\r
81 //      document.main.search_category0.value = '0';\r
82         document.main.search_keyword.value = '';\r
83         return true;\r
84 }\r
85 function showSearchArea()\r
86 {\r
87         $('#search_comment').slideToggle('slow');\r
88 }\r
89 // プレビューを別ウィンドウで表示\r
90 function previewInOtherWindow()\r
91 {\r
92         m3ShowPreviewWindow(0, "{PREVIEW_URL}");\r
93         return true;\r
94 }\r
95 $(function(){\r
96         // スクロールバー付きのテーブルを作成\r
97         m3_tableWithScrollbar('entrylist', {LIST_COUNT}, 0);\r
98 \r
99         Calendar.setup({\r
100                 inputField  : "search_start",   // ID of the input field\r
101                 ifFormat    : "%Y/%m/%d"                // the date format\r
102         });\r
103         Calendar.setup({\r
104                 inputField  : "search_end",     // ID of the input field\r
105                 ifFormat    : "%Y/%m/%d"                // the date format\r
106         });\r
107 });\r
108 //]]>\r
109 </script>\r
110 <div align="center">\r
111 {MENU_ITEMS}\r
112 <!-- m3:ErrorMessage -->\r
113 <form method="post" name="main">\r
114 <input type="hidden" name="task" value="entry"/>\r
115 <input type="hidden" name="act" />\r
116 <input type="hidden" name="serial" />\r
117 <input type="hidden" name="seriallist" value="{SERIAL_LIST}" />\r
118 <input type="hidden" name="page" value="{PAGE}" />\r
119 <table width="90%">\r
120 <tr><td colspan="2">\r
121 <div id="search_comment" class="m3search" style="display:none;">\r
122 <span {_HELP_ENTRY_SEARCH}><label>イベント記事検索</label></span>\r
123 <table class="simple-table">\r
124     <tbody>\r
125         <tr>\r
126             <td class="table-headside"><span {_HELP_ENTRY_SEARCH_KEYWORD}>キーワード</span></td>\r
127             <td><input type="text" id="search_keyword" name="search_keyword" value="{SEARCH_KEYWORD}" maxlength="50" style="width:98%;" /></td>\r
128         </tr>\r
129         <!-- <tr class="even">\r
130             <td class="table-headside"><span {_HELP_ENTRY_SEARCH_CATEGORY}>カテゴリー</span></td>\r
131             <td>\r
132 <patTemplate:tmpl name="category">\r
133             <select name="search_category{INDEX}">\r
134                 <option value="0">-- 未選択 --</option>\r
135                 <patTemplate:tmpl name="category_list">\r
136                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
137                 </patTemplate:tmpl>\r
138             </select>\r
139 </patTemplate:tmpl>\r
140             </td>\r
141         </tr> -->\r
142         <tr class="even">\r
143             <td class="table-headside" width="100"><span {_HELP_ENTRY_SEARCH_DT}>期間</span></td>\r
144             <td><input type="text" id="search_start" name="search_start" value="{SEARCH_START}" size="15" maxlength="10" />~<input type="text" id="search_end" name="search_end" value="{SEARCH_END}" size="15" maxlength="10" /></td>\r
145         </tr>\r
146         <tr>\r
147             <td colspan="2" align="right"><input type="button" class="button" onclick="clearSearchParam();" value="クリア" /><input type="button" class="button" onclick="search();" value="検索" /></td>\r
148         </tr>\r
149     </tbody>\r
150 </table>\r
151 </div>\r
152 </td></tr>\r
153 <tr><td>\r
154 <span {_HELP_ENTRY_LIST}><label>イベント記事一覧</label></span>\r
155 &nbsp;&nbsp;\r
156 <a href="javascript:void(0);" onclick="showSearchArea();"><img src="{SEARCH_IMG}" width="16" height="16" border="0" alt="{SEARCH_STR}" title="{SEARCH_STR}" /></a>\r
157 </td>\r
158 <td align="right"><span {_HELP_ENTRY_PREVIEW_BTN}><input type="button" class="button" onclick="previewInOtherWindow();" value="プレビュー" /></span>&nbsp;&nbsp;<span {_HELP_ENTRY_NEW_BTN}><input type="button" class="button" onclick="newItem();" value="新規" /></span><span {_HELP_ENTRY_EDIT_BTN}><input type="button" class="button" onclick="editItem();" value="編集" /></span><span {_HELP_ENTRY_DEL_BTN}><input type="button" class="button" onclick="delItem();" value="削除" /></span>\r
159 </td></tr>\r
160 <tr><td colspan="2">\r
161 <table id="entrylist" class="simple-table" width="100%">\r
162     <thead>\r
163         <tr>\r
164             <th width="40"><span {_HELP_ENTRY_CHECK}>選択</span></th>\r
165             <th width="30"><span {_HELP_ENTRY_ID}>ID</span></th>\r
166             <th width="30%"><span {_HELP_ENTRY_NAME}>タイトル</span></th>\r
167             <th width="50"><span {_HELP_ENTRY_STATUS}>公開</span></th>\r
168             <th width="120"><span {_HELP_ENTRY_DT}>開催日時</span></th>\r
169             <th width="30%"><span {_HELP_ENTRY_PLACE}>場所</span></th>\r
170             <th><span {_HELP_ENTRY_VIEW_COUNT}>閲覧</span></th>\r
171         </tr>\r
172     </thead>\r
173     <tbody>\r
174         <patTemplate:tmpl name="itemlist">\r
175         <tr>\r
176             <td align="center"><input type="checkbox" name="item{INDEX}_selected" /></td>\r
177             <td align="center">{ID}</td>\r
178             <td><a href="#" onclick="editItemBySerial({SERIAL});">{NAME}</a></td>\r
179             <td align="center">{STATUS}</td>\r
180             <td align="center">{DATE_START}<br />{DATE_END}</td>\r
181             <td>{PLACE}</td>\r
182             <td align="center">{VIEW_COUNT}</td>\r
183         </tr>\r
184         </patTemplate:tmpl>\r
185     </tbody>\r
186 </table>\r
187 {PAGE_LINK}\r
188 </td></tr>\r
189 </table>\r
190 </form>\r
191 </div>\r
192 </patTemplate:tmpl>\r