/*! * bootstrap-calendar plugin * Original author: @ahmontero * Licensed under the MIT license * * jQuery lightweight plugin boilerplate * Original author: @ajpiano * Further changes, comments: @addyosmani * Licensed under the MIT license */ // the semi-colon before the function invocation is a safety // net against concatenated scripts and/or other plugins // that are not closed properly. // ; (function ($, window, document, undefined) { (function () { var cache = {}; this.tmpl = function tmpl(str, data) { // Figure out if we're getting a template, or if we need to // load the template - and be sure to cache the result. var fn = !/\W/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template // generator (and which will be cached). new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + // Introduce the data as local variables using with(){} "with(obj){p.push('" + // Convert the template into pure JavaScript str .replace(/[\r\t\n]/g, " ") .split("<%").join("\t") .replace(/((^|%>)[^\t]*)'/g, "$1\r") .replace(/\t=(.*?)%>/g, "',$1,'") .split("\t").join("');") .split("%>").join("p.push('") .split("\r").join("\\'") + "');}return p.join('');"); // Provide some basic currying to the user return data ? fn(data) : fn; }; })(); String.prototype.suffix = function (len, end) { if (this.length > len) { this.substr(0, len); return this + end; } else { return this; } } var pluginName = 'LiveScheduler', defaults = { weekStart: 1, msg_days: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], msg_months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], msg_today: 'Today', msg_events_today: 'Events Today', // when today click. url: "", currentday: null, events: null }, // .aweek.btn-group>operator+date_id timeline_template = tmpl( '
' + '
'), days_template = tmpl( '' + ''), events_list_template = '
' + '<% if(seven_day_events.length ==0){%>' + '' + '' + '
课程名称学科授课时间授课地点状态操作
当天没有直播信息!
' + '<% }%>' + '<% for (var ix = 0, lengthx = seven_day_events.length; ix < lengthx; ix ++) { %>' + '
">' + '<% if (seven_day_events[ix].length>0){ %>' + '' + '' + '<% for (var jx = 0 ,sde=seven_day_events[ix][0], lengthy = seven_day_events[ix][0].LiveInfo.length; jx < lengthy; jx ++) { %>' + //'<% if (sde.LiveInfo[jx].status == "录制中") {%>'+ ' ' + '' + '' + '' + '' + //' <% if( sde.LiveInfo[jx].status !=null ){ %>'+ ' ' + '' + //'<% } %>' + ' ' + //'<% }%>'+ '<% } %>' + '
课程名称学科授课时间授课地点状态操作
' + '<% if (sde.LiveInfo[jx].url ){%> <%= sde.LiveInfo[jx].title.suffix(24,"...") %> <%}else{%>' + '<%= sde.LiveInfo[jx].title.suffix(24,"...") %>' + '<% }%>' + '<%= sde.LiveInfo[jx].course %><%= sde.LiveInfo[jx].time%> <%= sde.LiveInfo[jx].chatper%><%= sde.LiveInfo[jx].classroom%>' + ' <% var status=""; if (sde.LiveInfo[jx].status == "直播中" || sde.LiveInfo[jx].status == "直播录制中" || sde.LiveInfo[jx].status == "已结束" || sde.LiveInfo[jx].status =="准备就绪") { status = sde.LiveInfo[jx].status; %><%= sde.LiveInfo[jx].status %>' + '<% } else { status = "未直播"; %>' + '未直播' + '<% } %>' + ' <% if((status == "未直播" || status == "已结束") && sde.LiveInfo[jx].url_title == "回顾视频" ){ %>"><%= sde.LiveInfo[jx].url_title %>' + '<% } else if (status != "未直播" && sde.LiveInfo[jx].url_title == "收看直播" ){ %>"><%= sde.LiveInfo[jx].url_title %>'+ '<% } %>
' + //'no data'+ '<% } else { %>' + '当天没有直播信息!' + '<% }%>' + '
' + //end if '<% } %>',// end for daysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], today = new Date(); // The actual plugin constructor function Plugin(element, options) { this.element = $(element); this.options = $.extend({}, defaults, options); this._defaults = defaults; this._name = pluginName; this.init(); } Plugin.prototype.init = function () { // Place initialization logic here // You already have access to the DOM element and // the options via the instance, e.g. this.element // and this.options var now = moment(); this.weekStart = this.options.weekStart || 1; this.othersParams = this.options.otherParams || ''; this.url = this.options.url; this.paramsData = getParameters(this.options.otherParams); this.currentday = this.options.currentday ? this.options.currentday : now; this.renderCalendar(getSevenDays2(this.currentday)); }; Plugin.prototype.renderCalendar = function (daylist) { $(this.element).contents().remove(); var that = this; var elt = tmpl(events_list_template); this.calendar = $(days_template({ seven_day: daylist })).appendTo(this.element); this.timeline = $(timeline_template({})).appendTo(this.element).on({ click: $.proxy(this.click, this) }); this.calendar.on({ click: $.proxy(this.click, this) }); this.paramsData.days = _.map(daylist, function (k) { return moment(k).utc().format(); }); $.ajax({ type: "POST", url: this.url, data: this.paramsData, // crossDomain:true, dataType: "json", jsonp: false }).done(function (results) { var res_dates = results; if (res_dates.length > 0) { var req_days = _.map(daylist, function (k) { return moment(k).utc().format(); }); that.events = _.map(req_days, function (req_date) { return _.filter(res_dates, function (res) { res.date = moment(res.date); return res.date.date() == moment(req_date).date(); }); }); var v = { seven_day_events: that.events, r_days: daylist }; $(elt(v)).appendTo(that.element); } else { var v = { seven_day_events: [], r_days: [] }; $(elt(v)).appendTo(that.element); } for (var i = 0; i < 7; i++) { if (daylist[i].format("YYYYMMDD") == moment(this.currentday).format("YYYYMMDD")) { var a = 1; } } if (a == 1) { $("#days_tabs .select_by_" + moment(this.currentday).format("D") + " a").tab("show"); $($("#days_tabs .select_by_" + moment(this.currentday).format("D") + " a").attr('href')).children('.live_table').dataTable({ "bRetrieve": true, "aaSorting": [[2, 'asc']], "sDom": "<'row'<'span4'l><'pull-right'f>r>t<'row'<'span4'i><'pull-right'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有找到相应数据", "sInfoEmpty": "没有数据", "sInfoFiltered": "( 从 _MAX_ 条数据筛选出)" } }); } else { var date1 = new Date(); $("#days_tabs .select_by_" + moment(daylist[date1.getDay() - 1]).format("D") + " a").tab("show"); $($("#days_tabs .select_by_" + moment(daylist[date1.getDay() - 1]).format("D") + " a").attr('href')).children('.live_table').dataTable({ "bRetrieve": true, "aaSorting": [[2, 'asc']], "sDom": "<'row'<'span4'l><'pull-right'f>r>t<'row'<'span4'i><'pull-right'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有找到相应数据", "sInfoEmpty": "没有数据", "sInfoFiltered": "( 从 _MAX_ 条数据筛选出)" } }); } }).fail(function (jqXHR, textStatus, errorThrown) { }); }; Plugin.prototype.click = function (e) { e.stopPropagation(); e.preventDefault(); var target = $(e.target).closest('li'); if (target.length == 1) { if (target.is('.pre')) { if (target.is('.fast')) { this.currentday = moment(this.currentday).subtract('d', 7); this.renderCalendar(getSevenDays2(this.currentday)); } else { this.currentday = moment(this.currentday).subtract('d', 1); this.renderCalendar(getSevenDays(this.currentday)); } } else if (target.is('.next')) { if (target.is('.fast')) { this.currentday = moment(this.currentday).add('d', 7); this.renderCalendar(getSevenDays2(this.currentday)); } else { this.currentday = moment(this.currentday).add('d', 1); this.renderCalendar(getSevenDays(this.currentday)); } } else if (target.is('.select_day')) { $(target).children('a').tab("show"); $($(target).children('a').attr("href")).children('.live_table').dataTable({ "bRetrieve": true, "aaSorting": [[2, 'asc']], "sDom": "<'row'<'span4'l><'pull-right'f>r>t<'row'<'span4'i><'pull-right'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有找到相应数据", "sInfoEmpty": "没有数据", "sInfoFiltered": "( 从 _MAX_ 条数据筛选出)" } }); } } }; var getParameters = function (url) { var params = url.split("&"), i, val, resultes = new Object; for (i = 0; i < params.length; i++) { val = params[i].split("="); resultes[val[0]] = escape(val[1]); } return resultes; }; var getSevenDays = function (middleDay) { var daylist = new Array(); var startDay = moment(middleDay).subtract('d', 4); _(7).times(function (n) { var ss = startDay.add('d', 1);// daylist.push(moment(ss)); }); return daylist; }; var getSevenDays2 = function (middleDay) { var daylist = new Array(); var monday = new Date(middleDay) monday = new Date(monday.getTime()); monday.setDate(monday.getDate() + 1 - monday.getDay()); var startDay = moment(monday).subtract('d', 1); _(7).times(function (n) { var ss = startDay.add('d', 1); daylist.push(moment(ss)); }); return daylist; }; $.fn[pluginName] = function (options) { return this.each(function () { if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin(this, options)); } }); } })(jQuery, window, document);