diff options
| author | 黃勁捷 <pizza159630@gmail.com> | 2012-11-28 17:24:02 +0800 |
|---|---|---|
| committer | 黃勁捷 <pizza159630@gmail.com> | 2012-11-28 17:24:02 +0800 |
| commit | 525f9b5bd9fe0e6a84afdb383c0fc87b84e7bae8 (patch) | |
| tree | b07cb79e58342795c14d4c8fa31dbec4925a9599 | |
| parent | 8470b9cb474e3d2e60ba69ef679807899d9408f1 (diff) | |
| download | inccalendar-525f9b5bd9fe0e6a84afdb383c0fc87b84e7bae8.tar.gz inccalendar-525f9b5bd9fe0e6a84afdb383c0fc87b84e7bae8.tar.zst inccalendar-525f9b5bd9fe0e6a84afdb383c0fc87b84e7bae8.zip | |
月曆清單版v1
| -rw-r--r-- | jinhtml/list.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/jinhtml/list.html b/jinhtml/list.html new file mode 100644 index 0000000..a880209 --- /dev/null +++ b/jinhtml/list.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html> + <head> + <meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8"> + <title> {{ productname }} </title> + <link rel = "stylesheet" href = "css/format.css" type = "text/css"> + <style> + thead tr > td { + font-size:1.5em; + } + td { + border-width:0px 1px 1px 0px; + border-style:solid; + font-size:1.2em; + } + table#listcal { + border-width:1px 0px 0px 1px; + border-style:solid; + text-align:center; + width:99%; + } + tr.event > td { + padding:20px; + } + td { + height:20px; + } + td.date { + min-width:25px; + width:100px; + } + td.week { + width:80px; + } + td.time { + width:150px; + } + </style> + <script type = "text/javascript"> + function google_logout () { + window.location = "{{ logouturl }}"; + } + </script> + <script type = "text/javascript"> + function loadevent () { + var eventbody = document.getElementById ("eventbody"); + var dataclass = ["date", "week", "time", "content"]; + var Event, data; + for (var i = 0 ; i < 10 ; i++) { + Event = document.createElement ("tr"); + Event.className = "event"; + for (var j = 0 ; j < 4 ; j++) { + data = document.createElement ("td"); + data.className = dataclass[j]; + Event.appendChild (data); + } + eventbody.appendChild (Event); + } + } + </script> + </head> + <body onload = "loadevent ();"> + <div id = "topprodname"> + {{ googleuser }} - {{ productname }} + </div> + <div id = "controlpanel"> + <div id = "controlleft"> + <input type = "button" value = "月曆" id = "switchmonth"> + <input type = "button" value = "清單" id = "switchlist" class = "selected"> + </div> + <div id = "controlright"> + <input type = "button" value = "匯入" id = "buttonimport"> + <input type = "button" value = "匯出" id = "buttonexport"> + <input type = "button" value = "登出" onclick = "google_logout()" style = "background-color:darkgray;"> + </div> + </div> + <div id = "statusbar"> + 載入中...... + </div> + <div align = "center"> + <table id = "listcal" cellpadding = "0" cellspacing = "0"> + <thead> + <tr> + <td colspan = "3" id = "date"> 日期 </td> + <td id = "eventcontent"> 內容 </td> + </tr> + </thead> + <tbody id = "eventbody"> + <tr class = "event"> + <td class = "date"> 2012.11.27 </td> + <td class = "week"> 星期二 </td> + <td class = "time"> 20:13 - 22:00 </td> + <td class = "content"> final project online </td> + </tr> + </tbody> + </table> + </div> + </body> +</html>
\ No newline at end of file |