Skip to content

Commit

Permalink
[選課小幫手] 調整樣式及說明
Browse files Browse the repository at this point in the history
  • Loading branch information
@itshenrywu
itshenrywu committed Aug 19, 2024
1 parent 0d9404f commit 0bab2f3
Showing 1 changed file with 29 additions and 20 deletions.
49 changes: 29 additions & 20 deletions course/info.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
margin: 30vh 0;
}

td button {
td a {
margin-left: 0.5rem!important;
}

Expand Down Expand Up @@ -93,6 +93,10 @@
display: none !important;
}

tr {
padding: .5rem 0 !important;
}

.ts-container.is-navbar {
padding: 0;
}
Expand Down Expand Up @@ -131,42 +135,38 @@
gtag('config', 'G-DZHZ6VYR7M');
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
/*! ics.js Wed Aug 20 2014 17:23:02 */
var saveAs=saveAs||function(e){"use strict";if(typeof e==="undefined"||typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS("http://www.w3.org/1999/xhtml","a"),o="download"in r,a=function(e){var t=new MouseEvent("click");e.dispatchEvent(t)},i=/constructor/i.test(e.HTMLElement)||e.safari,f=/CriOS\/[\d]+/.test(navigator.userAgent),u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},s="application/octet-stream",d=1e3*40,c=function(e){var t=function(){if(typeof e==="string"){n().revokeObjectURL(e)}else{e.remove()}};setTimeout(t,d)},l=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var o=e["on"+t[r]];if(typeof o==="function"){try{o.call(e,n||e)}catch(a){u(a)}}}},p=function(e){if(/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)){return new Blob([String.fromCharCode(65279),e],{type:e.type})}return e},v=function(t,u,d){if(!d){t=p(t)}var v=this,w=t.type,m=w===s,y,h=function(){l(v,"writestart progress write writeend".split(" "))},S=function(){if((f||m&&i)&&e.FileReader){var r=new FileReader;r.onloadend=function(){var t=f?r.result:r.result.replace(/^data:[^;]*;/,"data:attachment/file;");var n=e.open(t,"_blank");if(!n)e.location.href=t;t=undefined;v.readyState=v.DONE;h()};r.readAsDataURL(t);v.readyState=v.INIT;return}if(!y){y=n().createObjectURL(t)}if(m){e.location.href=y}else{var o=e.open(y,"_blank");if(!o){e.location.href=y}}v.readyState=v.DONE;h();c(y)};v.readyState=v.INIT;if(o){y=n().createObjectURL(t);setTimeout(function(){r.href=y;r.download=u;a(r);h();c(y);v.readyState=v.DONE});return}S()},w=v.prototype,m=function(e,t,n){return new v(e,t||e.name||"download",n)};if(typeof navigator!=="undefined"&&navigator.msSaveOrOpenBlob){return function(e,t,n){t=t||e.name||"download";if(!n){e=p(e)}return navigator.msSaveOrOpenBlob(e,t)}}w.abort=function(){};w.readyState=w.INIT=0;w.WRITING=1;w.DONE=2;w.error=w.onwritestart=w.onprogress=w.onwrite=w.onabort=w.onerror=w.onwriteend=null;return m}(typeof self!=="undefined"&&self||typeof window!=="undefined"&&window||this.content);if(typeof module!=="undefined"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!=="undefined"&&define!==null&&define.amd!==null){define("FileSaver.js",function(){return saveAs})}
var ics=function(e,t){"use strict";{if(!(navigator.userAgent.indexOf("MSIE")>-1&&-1==navigator.userAgent.indexOf("MSIE 10"))){void 0===e&&(e="default"),void 0===t&&(t="Calendar");var r=-1!==navigator.appVersion.indexOf("Win")?"\r\n":"\n",n=[],i=["BEGIN:VCALENDAR","PRODID:"+t,"VERSION:2.0"].join(r),o=r+"END:VCALENDAR",a=["SU","MO","TU","WE","TH","FR","SA"];return{events:function(){return n},calendar:function(){return i+r+n.join(r)+o},addEvent:function(t,i,o,l,u,s){if(void 0===t||void 0===i||void 0===o||void 0===l||void 0===u)return!1;if(s&&!s.rrule){if("YEARLY"!==s.freq&&"MONTHLY"!==s.freq&&"WEEKLY"!==s.freq&&"DAILY"!==s.freq)throw"Recurrence rrule frequency must be provided and be one of the following: 'YEARLY', 'MONTHLY', 'WEEKLY', or 'DAILY'";if(s.until&&isNaN(Date.parse(s.until)))throw"Recurrence rrule 'until' must be a valid date string";if(s.interval&&isNaN(parseInt(s.interval)))throw"Recurrence rrule 'interval' must be an integer";if(s.count&&isNaN(parseInt(s.count)))throw"Recurrence rrule 'count' must be an integer";if(void 0!==s.byday){if("[object Array]"!==Object.prototype.toString.call(s.byday))throw"Recurrence rrule 'byday' must be an array";if(s.byday.length>7)throw"Recurrence rrule 'byday' array must not be longer than the 7 days in a week";s.byday=s.byday.filter(function(e,t){return s.byday.indexOf(e)==t});for(var c in s.byday)if(a.indexOf(s.byday[c])<0)throw"Recurrence rrule 'byday' values must include only the following: 'SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'"}}var g=new Date(l),d=new Date(u),f=new Date,S=("0000"+g.getFullYear().toString()).slice(-4),E=("00"+(g.getMonth()+1).toString()).slice(-2),v=("00"+g.getDate().toString()).slice(-2),y=("00"+g.getHours().toString()).slice(-2),A=("00"+g.getMinutes().toString()).slice(-2),T=("00"+g.getSeconds().toString()).slice(-2),b=("0000"+d.getFullYear().toString()).slice(-4),D=("00"+(d.getMonth()+1).toString()).slice(-2),N=("00"+d.getDate().toString()).slice(-2),h=("00"+d.getHours().toString()).slice(-2),I=("00"+d.getMinutes().toString()).slice(-2),R=("00"+d.getMinutes().toString()).slice(-2),M=("0000"+f.getFullYear().toString()).slice(-4),w=("00"+(f.getMonth()+1).toString()).slice(-2),L=("00"+f.getDate().toString()).slice(-2),O=("00"+f.getHours().toString()).slice(-2),p=("00"+f.getMinutes().toString()).slice(-2),Y=("00"+f.getMinutes().toString()).slice(-2),U="",V="";y+A+T+h+I+R!=0&&(U="T"+y+A+T,V="T"+h+I+R);var B,C=S+E+v+U,j=b+D+N+V,m=M+w+L+("T"+O+p+Y);if(s)if(s.rrule)B=s.rrule;else{if(B="rrule:FREQ="+s.freq,s.until){var x=new Date(Date.parse(s.until)).toISOString();B+=";UNTIL="+x.substring(0,x.length-13).replace(/[-]/g,"")+"000000Z"}s.interval&&(B+=";INTERVAL="+s.interval),s.count&&(B+=";COUNT="+s.count),s.byday&&s.byday.length>0&&(B+=";BYDAY="+s.byday.join(","))}(new Date).toISOString();var H=["BEGIN:VEVENT","UID:"+n.length+"@"+e,"CLASS:PUBLIC","DESCRIPTION:"+i,"DTSTAMP;VALUE=DATE-TIME:"+m,"DTSTART;VALUE=DATE-TIME:"+C,"DTEND;VALUE=DATE-TIME:"+j,"LOCATION:"+o,"SUMMARY;LANGUAGE=en-us:"+t,"TRANSP:TRANSPARENT","END:VEVENT"];return B&&H.splice(4,0,B),H=H.join(r),n.push(H),H},download:function(e,t){if(n.length<1)return!1;t=void 0!==t?t:".ics",e=void 0!==e?e:"calendar";var a,l=i+r+n.join(r)+o;if(-1===navigator.userAgent.indexOf("MSIE 10"))a=new Blob([l]);else{var u=new BlobBuilder;u.append(l),a=u.getBlob("text/x-vCalendar;charset="+document.characterSet)}return saveAs(a,e+t),l},build:function(){return!(n.length<1)&&i+r+n.join(r)+o}}}console.log("Unsupported Browser")}};
</script>
<script>
$(function(){
let savedCourse = JSON.parse(localStorage.getItem('savedCourse') || '[]');
let getTerm = localStorage.getItem('term') || '';
if(savedCourse.length > 0) $('.savedCourse_count').text(savedCourse.length).show();
else $('.savedCourse_count').hide();

function conventTime(arr) {
const formatDateTime = (dateTime) => {
function conventTime(arr, name) {
if(arr[0] == '' || arr[1] == '') return '<td class="is-empty"></td>';
const formatDateTime = (dateTime) => {
const date = new Date(dateTime);
const month = date.getMonth() + 1; // JavaScript months are 0-based
const month = date.getMonth() + 1;
const day = date.getDate();
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
return `${month}/${day} ${hours}:${minutes}`;
const week = ['日', '一', '二', '三', '四', '五', '六'][date.getDay()];
return `${month}/${day} (${week}) ${hours}:${minutes}`;
};
return `${formatDateTime(arr[0])} ~ ${formatDateTime(arr[1])}`;
return `<td>${formatDateTime(arr[0])} ~ ${formatDateTime(arr[1])}
<a href="https://mcut-bot.henrywu.tw/course/get_info.php?openExternalBrowser=1&action=ics&date=${arr[0]}&name=${name}初選" class="ts-button is-small is-icon is-outlined"><span class="ts-icon is-calendar-plus-icon"></span></a></td>`;
}
$.ajax({
url: 'https://mcut-bot.henrywu.tw/course/get_info.php',
type: 'GET',
dataType: 'json',
success: function(data){
$.each(data, function(i, item){
$.each(data, function(i, item) {
$('tr[data-type="'+i+'"]').html('\
<td>'+i+'</td>\
<td>'+item[0]+'</td>\
<td>'+conventTime(item[1])+'\
<a href="https://mcut-bot.henrywu.tw/course/get_info.php?openExternalBrowser=1&action=ics&date='+item[1][0]+'&name='+i+'初選" class="ts-button is-small is-icon is-outlined"><span class="ts-icon is-calendar-plus-icon"></span></a></td>\
<td>'+conventTime(item[2])+'\
<a href="https://mcut-bot.henrywu.tw/course/get_info.php?openExternalBrowser=1&action=ics&date='+item[1][0]+'&name='+i+'加退選" data-cal="'+item[2][0]+'" class="ts-button is-small is-icon is-outlined"><span class="ts-icon is-calendar-plus-icon"></span></a></td>'+
<td>'+item[0]+'</td>'+
conventTime(item[1], i)+
conventTime(item[2], i)+
(item[3][0]==''?'<td class="is-empty"></td>':'<td>'+item[3][0]+' 學分</td>')+
(item[3][1]==''?'<td class="is-empty"></td>':'<td>'+item[3][1]+' 學分</td>')
);
Expand Down Expand Up @@ -217,6 +217,18 @@ <h1>選課資訊</h1>
</div>
</div>
<br>
<div class="ts-box is-top-indicated">
<div class="ts-content">
<div class="ts header"><b>注意事項</b></div>
<div class="ts-list is-ordered">
<div class="item">四技部必修課程已由系統自動預選，選修課程（四技通識、專業課程）須自行選課。</div>
<div class="item">選課確認時，「相同名稱但時段分開」的課程會分開顯示，計算累積學分時算一次即可。</div>
<div class="item">若無登入過校園入口網，選課密碼預設為身分證字號（大寫）。若忘記密碼請洽電算中心 <a href="tel:0229089899,2270">2908-9899#2270</a>。</div>
<div class="item">選課問題請洽教務處課務組 <a href="tel:0229089899,2207">2908-9899#2207</a> <a href="tel:0229089899,2208">#2208</a> <a href="tel:0229089899,2209">#2209</a>。</div>
</div>
</div>
</div>
<br>
<div class="ts-box">
<table class="ts-table is-definition">
<thead>
Expand Down Expand Up @@ -289,9 +301,6 @@ <h1>選課資訊</h1>
</tbody>
</table>
</div>
<div class="ts-text is-description has-top-padded">
四技部必修課程已由系統自動預選，選修課程須自行選擇。
</div>
</div>
<br>
</div>
Expand Down

0 comments on commit 0bab2f3

Please sign in to comment.