升级日程安排，工作记录的日历控件到最新新版，功能更强大，体验更舒适
This commit is contained in:
hdm
parent
9b97adb389
commit
484d58350b
@ -82,7 +82,7 @@ class Plan extends BaseController
|
||||
->whereOr(function ($query) use ($where2) {
|
||||
$query->where($where2);
|
||||
})
|
||||
->field('id,title,type,start_time,end_time')
|
||||
->field('id,title,type,remind_type,start_time,end_time')
|
||||
->select()->toArray();
|
||||
$events = [];
|
||||
$color_array=['#393D49','#FF5722','#FFB800','#1E9FFF','#12bb37'];
|
||||
@ -134,25 +134,26 @@ class Plan extends BaseController
|
||||
if ($param['end_time'] <= $param['start_time']) {
|
||||
return to_assign(1, "结束时间需要大于开始时间");
|
||||
}
|
||||
|
||||
if($param['remind_type']==1){
|
||||
$param['remind_time'] = $param['start_time']-5*60;
|
||||
}
|
||||
if($param['remind_type']==2){
|
||||
$param['remind_time'] = $param['start_time']-15*60;
|
||||
}
|
||||
if($param['remind_type']==3){
|
||||
$param['remind_time'] = $param['start_time']-30*60;
|
||||
}
|
||||
if($param['remind_type']==4){
|
||||
$param['remind_time'] = $param['start_time']-60*60;
|
||||
}
|
||||
if($param['remind_type']==5){
|
||||
$param['remind_time'] = $param['start_time']-120*60;
|
||||
}
|
||||
if($param['remind_type']==6){
|
||||
$param['remind_time'] = $param['start_time']-1440*60;
|
||||
}
|
||||
if (isset($param['remind_type'])) {
|
||||
if($param['remind_type']==1){
|
||||
$param['remind_time'] = $param['start_time']-5*60;
|
||||
}
|
||||
if($param['remind_type']==2){
|
||||
$param['remind_time'] = $param['start_time']-15*60;
|
||||
}
|
||||
if($param['remind_type']==3){
|
||||
$param['remind_time'] = $param['start_time']-30*60;
|
||||
}
|
||||
if($param['remind_type']==4){
|
||||
$param['remind_time'] = $param['start_time']-60*60;
|
||||
}
|
||||
if($param['remind_type']==5){
|
||||
$param['remind_time'] = $param['start_time']-120*60;
|
||||
}
|
||||
if($param['remind_type']==6){
|
||||
$param['remind_time'] = $param['start_time']-1440*60;
|
||||
}
|
||||
}
|
||||
if ($param['id'] == 0) {
|
||||
$param['admin_id'] = $admin_id;
|
||||
$param['did'] = get_admin($admin_id)['did'];
|
||||
|
||||
@ -1,38 +1,47 @@
|
||||
{extend name="common/base"/}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/core/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/daygrid/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/timegrid/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/list/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/main.min.css"/>
|
||||
<link rel="stylesheet" href="{__JS__}/module/dtree/dtree.css">
|
||||
<link rel="stylesheet" href="{__JS__}/module/dtree/font/dtreefont.css">
|
||||
<style>
|
||||
.fc .fc-day-header{padding:8px 0; background-color:#f2f2f2;}
|
||||
.fc-week-number,.fc-axis{background-color:#f2f2f2;}
|
||||
#calendar {width: 100%;margin: 0 auto;
|
||||
-moz-user-select: none; /*火狐*/
|
||||
-webkit-user-select: none; /*webkit浏览器*/
|
||||
-ms-user-select: none; /*IE10*/
|
||||
-khtml-user-select: none; /*早期浏览器*/
|
||||
user-select: none;}
|
||||
.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0;border:1px solid #ddd; border-bottom:none;padding:15px 12px;background-color:#fafafa;}
|
||||
.fc-col-header{background-color:#fafafa;}
|
||||
.fc .fc-button-primary {
|
||||
color: #fff;
|
||||
background-color: #1E9FFF;
|
||||
border-color: #1E9FFF;
|
||||
}
|
||||
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
|
||||
color: #fff;
|
||||
background-color: #FBBC05;
|
||||
border-color: #FBBC05;
|
||||
}
|
||||
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
.fc .fc-button-primary:hover{color:#fff; background-color:#52B5FF; border-color:#52B5FF;}
|
||||
.fc-daygrid-event-harness{cursor:pointer;}
|
||||
|
||||
.layui-tags-span {padding: 3px 6px;font-size: 12px; background-color:#fff; border-radius: 3px; margin:2px 0; margin-right: 5px; border: 1px solid #e6e6e6; display: inline-block;}
|
||||
.layui-layer-content .layui-table-view .layui-table td,.layui-layer-content .layui-table-view .layui-table th{padding:1px 0;}
|
||||
.calendar-add{width:200px; height:38px; position:absolute; top:31px; left:188px; z-index:100;}
|
||||
.calendar-select{width:200px; height:38px; position:absolute; top:31px; right:160px; z-index:100;}
|
||||
.calendar-select{width:100px; height:38px; position:absolute; top:31px; right:255px; z-index:100;}
|
||||
.calendar-select .layui-input{height: 36px; line-height: 1.2;}
|
||||
.layui-unselect dl {max-height:188px;}
|
||||
.fc-toolbar.fc-header-toolbar{padding:15px 12px; margin-bottom:0; border:1px solid #ddd; border-bottom:none;}
|
||||
</style>
|
||||
{/block}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<script src="{__STATIC__}/fullcalendar/core/main.min.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/core/locales-all.min.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/interaction/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/daygrid/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/timegrid/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/list/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/main.min.js"></script>
|
||||
<div class="body-table">
|
||||
<div id="calendar"></div>
|
||||
<div class="calendar-add">
|
||||
<button class="layui-btn layui-btn-normal addLoan" style="padding:0 12px;">+新增日程安排</button>
|
||||
</div>
|
||||
<div class="calendar-select">
|
||||
<div class="layui-input-inline" style="width: 110px;"><input type="text" placeholder="请选择员工" class="layui-input" data-event="select" autocomplete="off"/></div>
|
||||
<button class="layui-btn" lay-filter="webform" style="padding:0 12px;">清空员工</button>
|
||||
<div class="layui-input-inline" style="width: 90px;"><input type="text" placeholder="请选择员工" class="layui-input" data-event="select" autocomplete="off"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /主体 -->
|
||||
@ -41,7 +50,12 @@
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
var uid=0;
|
||||
|
||||
function addZero(num){
|
||||
if(num<10){
|
||||
num='0'+num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
function init(layui){
|
||||
var layer = layui.layer
|
||||
,employeepicker = layui.employeepicker
|
||||
@ -57,8 +71,8 @@
|
||||
ids: ids,
|
||||
names: names,
|
||||
type: 0,
|
||||
department_url:"{:url('/home/api/get_department_tree')}",
|
||||
employee_url:"{:url('/home/api/get_employee')}",
|
||||
department_url:"{:url('home/api/get_department_tree')}",
|
||||
employee_url:"{:url('home/api/get_employee')}",
|
||||
callback: function (ids, names, dids, departments) {
|
||||
uid = ids;
|
||||
that.val(names);
|
||||
@ -68,29 +82,6 @@
|
||||
}
|
||||
})
|
||||
});
|
||||
// 去除员工
|
||||
$('.body-table').on('click','[lay-filter="webform"]',function(){
|
||||
uid = 0;
|
||||
$('[data-event="select"]').val('');
|
||||
calendar.refetchEvents({
|
||||
url: '/home/plan/index?uid='+uid
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$('.body-table').on('click','.addLoan',function(){
|
||||
var detail={};
|
||||
detail['id']=0;
|
||||
detail['title']='';
|
||||
detail['start_time_a']='';
|
||||
detail['end_time_a']='';
|
||||
detail['start_time_b']='08:30';
|
||||
detail['end_time_b']='18:00';
|
||||
detail['remark']='';
|
||||
detail['type']=0;
|
||||
detail['remind_type']=0;
|
||||
addEvent(detail);
|
||||
});
|
||||
|
||||
function addEvent(detail){
|
||||
var type='<span style="color:#aaa">请选择</span>';
|
||||
@ -136,17 +127,17 @@
|
||||
<td>\
|
||||
<input id="start_time_a" name="start_time_a" style="width:120px; display:inline-block;" autocomplete="off" class="layui-input" value="'+detail.start_time_a+'" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"><div style="display: inline-block; margin-left:3px; width: 86px;"><select lay-filter="start_time_b" id="start_time_b"></select></div> 至 <input id="end_time_a" name="end_time_a" style="width:120px; display:inline-block;" autocomplete="off" class="layui-input" value="'+detail.end_time_a+'" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"><div style="display: inline-block; margin-left:3px; width: 86px;"><select lay-filter="end_time_b" id="end_time_b"></select></div>\
|
||||
</td>\
|
||||
<td class="layui-td-gray">日程优先级 <span style="color: red">*</span></td>\
|
||||
<td class="layui-td-gray">提醒 <span style="color: red">*</span></td>\
|
||||
<td>\
|
||||
<div class="layui-input" id="type" style="width:120px; line-height:35px;">'+type+'</div>\
|
||||
<div class="layui-input" id="remind_type" style="width:120px; line-height:35px;">'+remind_type+'</div>\
|
||||
</td>\
|
||||
</tr>\
|
||||
<tr>\
|
||||
<td class="layui-td-gray2">日程内容 <span style="color: red">*</span></td>\
|
||||
<td><input name="title" class="layui-input" value="'+detail.title+'" lay-verify="required" placeholder="请完成日程内容" lay-reqText="请完成日程内容"></td>\
|
||||
<td class="layui-td-gray">提醒 <span style="color: red">*</span></td>\
|
||||
<td class="layui-td-gray">日程优先级 <span style="color: red">*</span></td>\
|
||||
<td>\
|
||||
<div class="layui-input" id="remind_type" style="width:120px; line-height:35px;">'+remind_type+'</div>\
|
||||
<div class="layui-input" id="type" style="width:120px; line-height:35px;">'+type+'</div>\
|
||||
</td>\
|
||||
</tr>\
|
||||
<tr>\
|
||||
@ -290,14 +281,14 @@
|
||||
layer.msg('请完善日程时间范围');
|
||||
return;
|
||||
}
|
||||
if(detail.type==0){
|
||||
layer.msg('请选择日程优先级');
|
||||
return;
|
||||
}
|
||||
if(detail.title==''){
|
||||
layer.msg('请填写日程内容');
|
||||
return;
|
||||
}
|
||||
if(detail.type==0){
|
||||
layer.msg('请选择日程优先级');
|
||||
return;
|
||||
}
|
||||
console.log(detail);
|
||||
$.ajax({
|
||||
url:"{:url('home/plan/add')}",
|
||||
@ -384,56 +375,152 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
//日历
|
||||
var calendarEl = document.getElementById('calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
header: {
|
||||
//right: 'prev,next today',
|
||||
right: 'prev,next',
|
||||
//initialDate: '2020-09-12',//默认显示日期
|
||||
initialView: 'dayGridMonth',//默认显示月视图
|
||||
customButtons: {
|
||||
//自定义按钮
|
||||
add: {
|
||||
text: '+ 新建日程', click: function () {
|
||||
var detail={};
|
||||
detail['id']=0;
|
||||
detail['title']='';
|
||||
detail['start_time_a']='';
|
||||
detail['end_time_a']='';
|
||||
detail['start_time_b']='08:30';
|
||||
detail['end_time_b']='18:00';
|
||||
detail['remark']='';
|
||||
detail['type']=0;
|
||||
detail['remind_type']=0;
|
||||
addEvent(detail);
|
||||
}
|
||||
},
|
||||
clear: {
|
||||
text: '清空员工', click: function () {
|
||||
uid = 0;
|
||||
$('[data-event="select"]').val('');
|
||||
calendar.refetchEvents({
|
||||
url: '/home/plan/index?uid='+uid
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
headerToolbar: {
|
||||
left: 'add prev,next',//prev,next today add
|
||||
center: 'title',
|
||||
left: 'dayGridMonth,timeGridWeek,listMonth'
|
||||
//left: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
|
||||
right: 'clear dayGridMonth,timeGridWeek,listWeek' //clear dayGridMonth,timeGridWeek,timeGridDay,listWeek
|
||||
},
|
||||
defaultView:'dayGridMonth',
|
||||
locale: 'zh-cn',//语言
|
||||
buttonIcons: false, // prev/next是否图表
|
||||
weekNumbers: true,// 是否开启周数
|
||||
navLinks: true, // 点击day/week 跳转到相应的视图
|
||||
editable: true,
|
||||
eventLimit: false, // 当事件过多时是否显示更多按钮
|
||||
selectable: true,
|
||||
select: function(arg) {
|
||||
height: 'auto',//自动高度
|
||||
navLinks: true, // can click day/week names to navigate views
|
||||
editable: true,//确定是否可以拖拉调整日历事件的时间。
|
||||
eventResizeStop:function(ev) {
|
||||
var arg = ev.event
|
||||
console.log(arg);
|
||||
detail={};
|
||||
var startTime=arg.start.getFullYear()+'-'+(arg.start.getMonth()+1)+'-'+(arg.start.getDate())+' '+(arg.start.getHours())+':'+(arg.start.getMinutes());
|
||||
var endTime=arg.end.getFullYear()+'-'+(arg.end.getMonth()+1)+'-'+(arg.end.getDate())+' '+(arg.end.getHours())+':'+(arg.end.getMinutes());
|
||||
|
||||
detail['start_time']=startTime;
|
||||
detail['end_time']= endTime;
|
||||
detail['date_time']= startTime;
|
||||
//addEvent();
|
||||
calendar.unselect()
|
||||
},
|
||||
eventClick: function(info) {
|
||||
console.log(info.event);
|
||||
eventApi(info.event.id);
|
||||
var detail={};
|
||||
detail['id']=arg.id;
|
||||
detail['start_time_a']=arg.start.getFullYear()+'-'+(arg.start.getMonth()+1)+'-'+(arg.start.getDate());
|
||||
detail['end_time_a']=arg.end.getFullYear()+'-'+(arg.end.getMonth()+1)+'-'+(arg.end.getDate());
|
||||
detail['start_time_b']=addZero(arg.start.getHours())+':'+addZero(arg.start.getMinutes());
|
||||
detail['end_time_b']=addZero(arg.end.getHours())+':'+addZero(arg.end.getMinutes());
|
||||
console.log(detail);
|
||||
$.ajax({
|
||||
url:"{:url('home/plan/add')}",
|
||||
type:'post',
|
||||
data:detail,
|
||||
success:function(e){
|
||||
layer.msg(e.msg);
|
||||
if(e.code==1){
|
||||
ev.revert();
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
eventDrop:function(ev) {
|
||||
var arg = ev.event
|
||||
console.log(arg);
|
||||
var detail={};
|
||||
detail['id']=arg.id;
|
||||
detail['start_time_a']=arg.start.getFullYear()+'-'+(arg.start.getMonth()+1)+'-'+(arg.start.getDate());
|
||||
detail['end_time_a']=arg.end.getFullYear()+'-'+(arg.end.getMonth()+1)+'-'+(arg.end.getDate());
|
||||
detail['start_time_b']=addZero(arg.start.getHours())+':'+addZero(arg.start.getMinutes());
|
||||
detail['end_time_b']=addZero(arg.end.getHours())+':'+addZero(arg.end.getMinutes());
|
||||
console.log(detail);
|
||||
$.ajax({
|
||||
url:"{:url('home/plan/add')}",
|
||||
type:'post',
|
||||
data:detail,
|
||||
success:function(e){
|
||||
layer.msg(e.msg);
|
||||
if(e.code==1){
|
||||
ev.revert();
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
selectable: true,//拖拉选择日期
|
||||
selectMirror: true,//是否在用户拖动时绘制"占位符"事件。
|
||||
select: function(arg) {
|
||||
//console.log(arg);
|
||||
var detail={};
|
||||
detail['id']=0;
|
||||
detail['title']='';
|
||||
detail['start_time_a']=arg.start.getFullYear()+'-'+(arg.start.getMonth()+1)+'-'+(arg.start.getDate());
|
||||
detail['end_time_a']=arg.end.getFullYear()+'-'+(arg.end.getMonth()+1)+'-'+(arg.end.getDate());
|
||||
detail['start_time_b']=addZero(arg.start.getHours())+':'+addZero(arg.start.getMinutes());
|
||||
detail['end_time_b']=addZero(arg.end.getHours())+':'+addZero(arg.end.getMinutes());
|
||||
detail['remark']='';
|
||||
detail['type']=0;
|
||||
detail['remind_type']=0;
|
||||
//console.log(detail);
|
||||
addEvent(detail);
|
||||
calendar.unselect()
|
||||
},
|
||||
nowIndicator: true,
|
||||
weekNumbers: true,// 是否开启周数
|
||||
displayEventEnd: false, //所有视图显示结束时间
|
||||
eventTimeFormat: { // like '14:30:00'
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
//second: '2-digit',
|
||||
meridiem: false,
|
||||
hour12: false //设置时间为24小时
|
||||
},
|
||||
locale: 'zh-cn',//语言
|
||||
buttonText: {
|
||||
//按钮文本
|
||||
today: '今天',
|
||||
month: '月',
|
||||
week: '周',
|
||||
day: '日',
|
||||
list: '日程列表',
|
||||
},
|
||||
weekText: '周',
|
||||
allDayText: '全天',
|
||||
moreLinkText: function(n) {
|
||||
return '另外 ' + n + ' 个'
|
||||
},
|
||||
noEventsText: '没有事件显示',
|
||||
events: function(fetchInfo, successCallback, failureCallback ){
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url:"/home/plan/calendar",
|
||||
url:"{:url('home/plan/calendar')}",
|
||||
dataType:"json",
|
||||
data:{start:fetchInfo.startStr,end:fetchInfo.endStr,uid:uid},
|
||||
success:function(result){
|
||||
console.info(result);
|
||||
//console.info(result);
|
||||
successCallback(result);
|
||||
},
|
||||
error:function(){
|
||||
failureCallback();
|
||||
}
|
||||
})
|
||||
},
|
||||
eventClick: function(info) {
|
||||
//console.log(info.event);
|
||||
eventApi(info.event.id);
|
||||
}
|
||||
});
|
||||
calendar.render();
|
||||
|
||||
@ -1,38 +1,47 @@
|
||||
{extend name="common/base"/}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/core/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/daygrid/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/timegrid/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/list/main.css"/>
|
||||
<link rel="stylesheet" href="{__STATIC__}/fullcalendar/main.min.css"/>
|
||||
<link rel="stylesheet" href="{__JS__}/module/dtree/dtree.css">
|
||||
<link rel="stylesheet" href="{__JS__}/module/dtree/font/dtreefont.css">
|
||||
<style>
|
||||
.fc .fc-day-header{padding:8px 0; background-color:#f2f2f2;}
|
||||
.fc-week-number,.fc-axis{background-color:#f2f2f2;}
|
||||
#calendar {width: 100%;margin: 0 auto;
|
||||
-moz-user-select: none; /*火狐*/
|
||||
-webkit-user-select: none; /*webkit浏览器*/
|
||||
-ms-user-select: none; /*IE10*/
|
||||
-khtml-user-select: none; /*早期浏览器*/
|
||||
user-select: none;}
|
||||
.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0;border:1px solid #ddd; border-bottom:none;padding:15px 12px;background-color:#fafafa;}
|
||||
.fc-col-header{background-color:#fafafa;}
|
||||
.fc .fc-button-primary {
|
||||
color: #fff;
|
||||
background-color: #1E9FFF;
|
||||
border-color: #1E9FFF;
|
||||
}
|
||||
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
|
||||
color: #fff;
|
||||
background-color: #FBBC05;
|
||||
border-color: #FBBC05;
|
||||
}
|
||||
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
.fc .fc-button-primary:hover{color:#fff; background-color:#52B5FF; border-color:#52B5FF;}
|
||||
.fc-daygrid-event-harness{cursor:pointer;}
|
||||
|
||||
.layui-tags-span {padding: 3px 6px;font-size: 12px; background-color:#fff; border-radius: 3px; margin:2px 0; margin-right: 5px; border: 1px solid #e6e6e6; display: inline-block;}
|
||||
.layui-layer-content .layui-table-view .layui-table td,.layui-layer-content .layui-table-view .layui-table th{padding:1px 0;}
|
||||
.calendar-add{width:200px; height:38px; position:absolute; top:31px; left:188px; z-index:100;}
|
||||
.calendar-select{width:200px; height:38px; position:absolute; top:31px; right:160px; z-index:100;}
|
||||
.calendar-select{width:100px; height:38px; position:absolute; top:31px; right:255px; z-index:100;}
|
||||
.calendar-select .layui-input{height: 36px; line-height: 1.2;}
|
||||
.layui-unselect dl {max-height:188px;}
|
||||
.fc-toolbar.fc-header-toolbar{padding:15px 12px; margin-bottom:0; border:1px solid #ddd; border-bottom:none;}
|
||||
</style>
|
||||
{/block}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<script src="{__STATIC__}/fullcalendar/core/main.min.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/core/locales-all.min.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/interaction/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/daygrid/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/timegrid/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/list/main.js"></script>
|
||||
<script src="{__STATIC__}/fullcalendar/main.min.js"></script>
|
||||
<div class="body-table">
|
||||
<div id="calendar"></div>
|
||||
<div class="calendar-add">
|
||||
<button class="layui-btn layui-btn-normal addLoan" style="padding:0 12px;">+新增工作记录</button>
|
||||
</div>
|
||||
<div class="calendar-select">
|
||||
<div class="layui-input-inline" style="width: 110px;"><input type="text" placeholder="请选择员工" class="layui-input" data-event="select" autocomplete="off"/></div>
|
||||
<button class="layui-btn" lay-filter="webform" style="padding:0 12px;">清空员工</button>
|
||||
<div class="layui-input-inline" style="width: 90px;"><input type="text" placeholder="请选择员工" class="layui-input" data-event="select" autocomplete="off"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /主体 -->
|
||||
@ -40,8 +49,13 @@
|
||||
<!-- 脚本 -->
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
var detail={},uid=0;
|
||||
|
||||
var uid=0;
|
||||
function addZero(num){
|
||||
if(num<10){
|
||||
num='0'+num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
function init(layui){
|
||||
var layer = layui.layer
|
||||
,employeepicker = layui.employeepicker
|
||||
@ -67,19 +81,6 @@
|
||||
}
|
||||
})
|
||||
});
|
||||
// 去除员工
|
||||
$('.body-table').on('click','[lay-filter="webform"]',function(){
|
||||
uid = 0;
|
||||
$('[data-event="select"]').val('');
|
||||
calendar.refetchEvents({
|
||||
url: '/home/schedule/index?uid='+uid
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$('.body-table').on('click','.addLoan',function(){
|
||||
addEvent();
|
||||
});
|
||||
|
||||
function addEvent(){
|
||||
var detail={};
|
||||
@ -292,54 +293,107 @@
|
||||
}
|
||||
|
||||
|
||||
//日历
|
||||
var calendarEl = document.getElementById('calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
header: {
|
||||
//right: 'prev,next today',
|
||||
right: 'prev,next',
|
||||
//initialDate: '2020-09-12',//默认显示日期
|
||||
initialView: 'dayGridMonth',//默认显示月视图
|
||||
customButtons: {
|
||||
//自定义按钮
|
||||
add: {
|
||||
text: '+ 新建工作记录', click: function () {
|
||||
var detail={};
|
||||
detail['id']=0;
|
||||
detail['title']='';
|
||||
detail['start_time_a']='';
|
||||
detail['end_time_a']='';
|
||||
detail['start_time_b']='08:30';
|
||||
detail['end_time_b']='18:00';
|
||||
detail['remark']='';
|
||||
detail['type']=0;
|
||||
detail['remind_type']=0;
|
||||
addEvent(detail);
|
||||
}
|
||||
},
|
||||
clear: {
|
||||
text: '清空员工', click: function () {
|
||||
uid = 0;
|
||||
$('[data-event="select"]').val('');
|
||||
calendar.refetchEvents({
|
||||
url: '/home/schedule/index?uid='+uid
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
headerToolbar: {
|
||||
left: 'add prev,next',
|
||||
center: 'title',
|
||||
left: 'dayGridMonth,timeGridWeek,listMonth'
|
||||
//left: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
|
||||
right: 'clear dayGridMonth,timeGridWeek,listWeek'
|
||||
},
|
||||
defaultView:'dayGridMonth',
|
||||
locale: 'zh-cn',//语言
|
||||
buttonIcons: false, // prev/next是否图表
|
||||
weekNumbers: true,// 是否开启周数
|
||||
navLinks: true, // 点击day/week 跳转到相应的视图
|
||||
editable: true,
|
||||
eventLimit: false, // 当事件过多时是否显示更多按钮
|
||||
selectable: true,
|
||||
height: 'auto',//自动高度
|
||||
navLinks: true, // can click day/week names to navigate views
|
||||
editable: false,//确定是否可以拖拉调整日历事件的时间。
|
||||
selectable: false,//拖拉选择日期
|
||||
selectMirror: false,//是否在用户拖动时绘制"占位符"事件。
|
||||
select: function(arg) {
|
||||
console.log(arg);
|
||||
detail={};
|
||||
var startTime=arg.start.getFullYear()+'-'+(arg.start.getMonth()+1)+'-'+(arg.start.getDate())+' '+(arg.start.getHours())+':'+(arg.start.getMinutes());
|
||||
var endTime=arg.end.getFullYear()+'-'+(arg.end.getMonth()+1)+'-'+(arg.end.getDate())+' '+(arg.end.getHours())+':'+(arg.end.getMinutes());
|
||||
|
||||
detail['start_time']=startTime;
|
||||
detail['end_time']= endTime;
|
||||
detail['date_time']= startTime;
|
||||
//addEvent();
|
||||
//console.log(arg);
|
||||
var detail={};
|
||||
detail['id']=0;
|
||||
detail['title']='';
|
||||
detail['start_time_a']=arg.start.getFullYear()+'-'+(arg.start.getMonth()+1)+'-'+(arg.start.getDate());
|
||||
detail['end_time_a']=arg.end.getFullYear()+'-'+(arg.end.getMonth()+1)+'-'+(arg.end.getDate());
|
||||
detail['start_time_b']=addZero(arg.start.getHours())+':'+addZero(arg.start.getMinutes());
|
||||
detail['end_time_b']=addZero(arg.end.getHours())+':'+addZero(arg.end.getMinutes());
|
||||
detail['remark']='';
|
||||
detail['type']=0;
|
||||
detail['remind_type']=0;
|
||||
//console.log(detail);
|
||||
addEvent(detail);
|
||||
calendar.unselect()
|
||||
},
|
||||
eventClick: function(info) {
|
||||
console.log(info.event);
|
||||
eventApi(info.event.id);
|
||||
},
|
||||
nowIndicator: true,
|
||||
weekNumbers: true,// 是否开启周数
|
||||
displayEventEnd: false, //所有视图显示结束时间
|
||||
eventTimeFormat: { // like '14:30:00'
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
//second: '2-digit',
|
||||
meridiem: false,
|
||||
hour12: false //设置时间为24小时
|
||||
},
|
||||
locale: 'zh-cn',//语言
|
||||
buttonText: {
|
||||
//按钮文本
|
||||
today: '今天',
|
||||
month: '月',
|
||||
week: '周',
|
||||
day: '日',
|
||||
list: '记录列表',
|
||||
},
|
||||
weekText: '周',
|
||||
allDayText: '全天',
|
||||
moreLinkText: function(n) {
|
||||
return '另外 ' + n + ' 个'
|
||||
},
|
||||
noEventsText: '没有事件显示',
|
||||
events: function(fetchInfo, successCallback, failureCallback ){
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url:"/home/schedule/calendar",
|
||||
url:"{:url('home/schedule/calendar')}",
|
||||
dataType:"json",
|
||||
data:{start:fetchInfo.startStr,end:fetchInfo.endStr,uid:uid},
|
||||
success:function(result){
|
||||
console.info(result);
|
||||
//console.info(result);
|
||||
successCallback(result);
|
||||
},
|
||||
error:function(){
|
||||
failureCallback();
|
||||
}
|
||||
})
|
||||
},
|
||||
eventClick: function(info) {
|
||||
//console.log(info.event);
|
||||
eventApi(info.event.id);
|
||||
}
|
||||
});
|
||||
calendar.render();
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,17 +0,0 @@
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = global || self, (global.FullCalendarLocales = global.FullCalendarLocales || {}, global.FullCalendarLocales['en-au'] = factory()));
|
||||
}(this, function () { 'use strict';
|
||||
|
||||
var enAu = {
|
||||
code: "en-au",
|
||||
week: {
|
||||
dow: 1,
|
||||
doy: 4 // The week that contains Jan 4th is the first week of the year.
|
||||
}
|
||||
};
|
||||
|
||||
return enAu;
|
||||
|
||||
}));
|
||||
@ -1,17 +0,0 @@
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = global || self, (global.FullCalendarLocales = global.FullCalendarLocales || {}, global.FullCalendarLocales['en-gb'] = factory()));
|
||||
}(this, function () { 'use strict';
|
||||
|
||||
var enGb = {
|
||||
code: "en-gb",
|
||||
week: {
|
||||
dow: 1,
|
||||
doy: 4 // The week that contains Jan 4th is the first week of the year.
|
||||
}
|
||||
};
|
||||
|
||||
return enGb;
|
||||
|
||||
}));
|
||||
@ -1,17 +0,0 @@
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = global || self, (global.FullCalendarLocales = global.FullCalendarLocales || {}, global.FullCalendarLocales['en-nz'] = factory()));
|
||||
}(this, function () { 'use strict';
|
||||
|
||||
var enNz = {
|
||||
code: "en-nz",
|
||||
week: {
|
||||
dow: 1,
|
||||
doy: 4 // The week that contains Jan 4th is the first week of the year.
|
||||
}
|
||||
};
|
||||
|
||||
return enNz;
|
||||
|
||||
}));
|
||||
@ -1,33 +0,0 @@
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = global || self, (global.FullCalendarLocales = global.FullCalendarLocales || {}, global.FullCalendarLocales['zh-cn'] = factory()));
|
||||
}(this, function () { 'use strict';
|
||||
|
||||
var zhCn = {
|
||||
code: "zh-cn",
|
||||
week: {
|
||||
// GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
|
||||
dow: 1,
|
||||
doy: 4 // The week that contains Jan 4th is the first week of the year.
|
||||
},
|
||||
buttonText: {
|
||||
prev: "上个月",
|
||||
next: "下个月",
|
||||
today: "今天",
|
||||
month: "月",
|
||||
week: "周",
|
||||
day: "日",
|
||||
list: "列表"
|
||||
},
|
||||
weekLabel: "周",
|
||||
allDayText: "全天",
|
||||
eventLimitText: function (n) {
|
||||
return "另外 " + n + " 个";
|
||||
},
|
||||
noEventsMessage: "没有工作记录"
|
||||
};
|
||||
|
||||
return zhCn;
|
||||
|
||||
}));
|
||||
@ -1,26 +0,0 @@
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = global || self, (global.FullCalendarLocales = global.FullCalendarLocales || {}, global.FullCalendarLocales['zh-tw'] = factory()));
|
||||
}(this, function () { 'use strict';
|
||||
|
||||
var zhTw = {
|
||||
code: "zh-tw",
|
||||
buttonText: {
|
||||
prev: "上月",
|
||||
next: "下月",
|
||||
today: "今天",
|
||||
month: "月",
|
||||
week: "週",
|
||||
day: "天",
|
||||
list: "活動列表"
|
||||
},
|
||||
weekLabel: "周",
|
||||
allDayText: "整天",
|
||||
eventLimitText: '顯示更多',
|
||||
noEventsMessage: "没有任何活動"
|
||||
};
|
||||
|
||||
return zhTw;
|
||||
|
||||
}));
|
||||
@ -1,871 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/core v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/
|
||||
.fc {
|
||||
direction: ltr;
|
||||
text-align: left; }
|
||||
|
||||
.fc-rtl {
|
||||
text-align: right; }
|
||||
|
||||
body .fc {
|
||||
/* extra precedence to overcome jqui */
|
||||
font-size: 1em; }
|
||||
|
||||
/* Colors
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-highlight {
|
||||
/* when user is selecting cells */
|
||||
background: #bce8f1;
|
||||
opacity: .3; }
|
||||
|
||||
.fc-bgevent {
|
||||
/* default look for background events */
|
||||
background: #8fdf82;
|
||||
opacity: .3; }
|
||||
|
||||
.fc-nonbusiness {
|
||||
/* default look for non-business-hours areas */
|
||||
/* will inherit .fc-bgevent's styles */
|
||||
background: #d7d7d7; }
|
||||
|
||||
/* Popover
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-popover {
|
||||
position: absolute;
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
|
||||
|
||||
.fc-popover .fc-header {
|
||||
/* TODO: be more consistent with fc-head/fc-body */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 2px 4px; }
|
||||
|
||||
.fc-rtl .fc-popover .fc-header {
|
||||
flex-direction: row-reverse; }
|
||||
|
||||
.fc-popover .fc-header .fc-title {
|
||||
margin: 0 2px; }
|
||||
|
||||
.fc-popover .fc-header .fc-close {
|
||||
cursor: pointer;
|
||||
opacity: 0.65;
|
||||
font-size: 1.1em; }
|
||||
|
||||
/* Misc Reusable Components
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-divider {
|
||||
border-style: solid;
|
||||
border-width: 1px; }
|
||||
|
||||
hr.fc-divider {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0 0 2px;
|
||||
/* height is unreliable across browsers, so use padding */
|
||||
border-width: 1px 0; }
|
||||
|
||||
.fc-bg,
|
||||
.fc-bgevent-skeleton,
|
||||
.fc-highlight-skeleton,
|
||||
.fc-mirror-skeleton {
|
||||
/* these element should always cling to top-left/right corners */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
.fc-bg {
|
||||
bottom: 0;
|
||||
/* strech bg to bottom edge */ }
|
||||
|
||||
.fc-bg table {
|
||||
height: 100%;
|
||||
/* strech bg to bottom edge */ }
|
||||
|
||||
/* Tables
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc table {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
/* fix scrollbar issue in firefox */
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
font-size: 1em;
|
||||
/* normalize cross-browser */ }
|
||||
|
||||
.fc th {
|
||||
text-align: center; }
|
||||
|
||||
.fc th,
|
||||
.fc td {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 0;
|
||||
vertical-align: top; }
|
||||
|
||||
.fc td.fc-today {
|
||||
border-style: double;
|
||||
/* overcome neighboring borders */ }
|
||||
|
||||
/* Internal Nav Links
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
a[data-goto] {
|
||||
cursor: pointer; }
|
||||
|
||||
a[data-goto]:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
/* Fake Table Rows
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc .fc-row {
|
||||
/* extra precedence to overcome themes forcing a 1px border */
|
||||
/* no visible border by default. but make available if need be (scrollbar width compensation) */
|
||||
border-style: solid;
|
||||
border-width: 0; }
|
||||
|
||||
.fc-row table {
|
||||
/* don't put left/right border on anything within a fake row.
|
||||
the outer tbody will worry about this */
|
||||
border-left: 0 hidden transparent;
|
||||
border-right: 0 hidden transparent;
|
||||
/* no bottom borders on rows */
|
||||
border-bottom: 0 hidden transparent; }
|
||||
|
||||
.fc-row:first-child table {
|
||||
border-top: 0 hidden transparent;
|
||||
/* no top border on first row */ }
|
||||
|
||||
/* Day Row (used within the header and the DayGrid)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-row {
|
||||
position: relative; }
|
||||
|
||||
.fc-row .fc-bg {
|
||||
z-index: 1; }
|
||||
|
||||
/* highlighting cells & background event skeleton */
|
||||
.fc-row .fc-bgevent-skeleton,
|
||||
.fc-row .fc-highlight-skeleton {
|
||||
bottom: 0;
|
||||
/* stretch skeleton to bottom of row */ }
|
||||
|
||||
.fc-row .fc-bgevent-skeleton table,
|
||||
.fc-row .fc-highlight-skeleton table {
|
||||
height: 100%;
|
||||
/* stretch skeleton to bottom of row */ }
|
||||
|
||||
.fc-row .fc-highlight-skeleton td,
|
||||
.fc-row .fc-bgevent-skeleton td {
|
||||
border-color: transparent; }
|
||||
|
||||
.fc-row .fc-bgevent-skeleton {
|
||||
z-index: 2; }
|
||||
|
||||
.fc-row .fc-highlight-skeleton {
|
||||
z-index: 3; }
|
||||
|
||||
/*
|
||||
row content (which contains day/week numbers and events) as well as "mirror" (which contains
|
||||
temporary rendered events).
|
||||
*/
|
||||
.fc-row .fc-content-skeleton {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
padding-bottom: 2px;
|
||||
/* matches the space above the events */ }
|
||||
|
||||
.fc-row .fc-mirror-skeleton {
|
||||
z-index: 5; }
|
||||
|
||||
.fc .fc-row .fc-content-skeleton table,
|
||||
.fc .fc-row .fc-content-skeleton td,
|
||||
.fc .fc-row .fc-mirror-skeleton td {
|
||||
/* see-through to the background below */
|
||||
/* extra precedence to prevent theme-provided backgrounds */
|
||||
background: none;
|
||||
/* in case <td>s are globally styled */
|
||||
border-color: transparent; }
|
||||
|
||||
.fc-row .fc-content-skeleton td,
|
||||
.fc-row .fc-mirror-skeleton td {
|
||||
/* don't put a border between events and/or the day number */
|
||||
border-bottom: 0; }
|
||||
|
||||
.fc-row .fc-content-skeleton tbody td,
|
||||
.fc-row .fc-mirror-skeleton tbody td {
|
||||
/* don't put a border between event cells */
|
||||
border-top: 0; }
|
||||
|
||||
/* Scrolling Container
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-scroller {
|
||||
-webkit-overflow-scrolling: touch; }
|
||||
|
||||
/* TODO: move to timegrid/daygrid */
|
||||
.fc-scroller > .fc-day-grid,
|
||||
.fc-scroller > .fc-time-grid {
|
||||
position: relative;
|
||||
/* re-scope all positions */
|
||||
width: 100%;
|
||||
/* hack to force re-sizing this inner element when scrollbars appear/disappear */ }
|
||||
|
||||
/* Global Event Styles
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-event {
|
||||
position: relative;
|
||||
/* for resize handle and other inner positioning */
|
||||
display: block;
|
||||
/* make the <a> tag block */
|
||||
font-size: .85em;
|
||||
line-height: 1.4;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #3788d8; }
|
||||
|
||||
.fc-event,
|
||||
.fc-event-dot {
|
||||
background-color: #3788d8;
|
||||
/* default BACKGROUND color */ }
|
||||
|
||||
.fc-event,
|
||||
.fc-event:hover {
|
||||
color: #fff;
|
||||
/* default TEXT color */
|
||||
text-decoration: none;
|
||||
/* if <a> has an href */ }
|
||||
|
||||
.fc-event[href],
|
||||
.fc-event.fc-draggable {
|
||||
cursor: pointer;
|
||||
/* give events with links and draggable events a hand mouse pointer */ }
|
||||
|
||||
.fc-not-allowed,
|
||||
.fc-not-allowed .fc-event {
|
||||
/* to override an event's custom cursor */
|
||||
cursor: not-allowed; }
|
||||
|
||||
.fc-event .fc-content {
|
||||
position: relative;
|
||||
z-index: 2; }
|
||||
|
||||
/* resizer (cursor AND touch devices) */
|
||||
.fc-event .fc-resizer {
|
||||
position: absolute;
|
||||
z-index: 4; }
|
||||
|
||||
/* resizer (touch devices) */
|
||||
.fc-event .fc-resizer {
|
||||
display: none; }
|
||||
|
||||
.fc-event.fc-allow-mouse-resize .fc-resizer,
|
||||
.fc-event.fc-selected .fc-resizer {
|
||||
/* only show when hovering or selected (with touch) */
|
||||
display: block; }
|
||||
|
||||
/* hit area */
|
||||
.fc-event.fc-selected .fc-resizer:before {
|
||||
/* 40x40 touch area */
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
/* user of this util can scope within a lower z-index */
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px; }
|
||||
|
||||
/* Event Selection (only for touch devices)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-event.fc-selected {
|
||||
z-index: 9999 !important;}
|
||||
|
||||
.fc-event.fc-selected:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/* same z-index as fc-bg, behind text */
|
||||
/* overcome the borders */
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
left: -1px;
|
||||
/* darkening effect */
|
||||
background: #000;
|
||||
opacity: .25; }
|
||||
|
||||
.fc-event.fc-dragging:not(.fc-selected) {
|
||||
opacity: .75; }
|
||||
|
||||
/* Horizontal Events
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* bigger touch area when selected */
|
||||
.fc-h-event.fc-selected:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
/* below resizers */
|
||||
top: -10px;
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
|
||||
.fc-ltr .fc-h-event.fc-not-start,
|
||||
.fc-rtl .fc-h-event.fc-not-end {
|
||||
margin-left: 0;
|
||||
border-left-width: 0;
|
||||
padding-left: 1px;
|
||||
/* replace the border with padding */
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
|
||||
.fc-ltr .fc-h-event.fc-not-end,
|
||||
.fc-rtl .fc-h-event.fc-not-start {
|
||||
margin-right: 0;
|
||||
border-right-width: 0;
|
||||
padding-right: 1px;
|
||||
/* replace the border with padding */
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
|
||||
/* resizer (cursor AND touch devices) */
|
||||
/* left resizer */
|
||||
.fc-ltr .fc-h-event .fc-start-resizer,
|
||||
.fc-rtl .fc-h-event .fc-end-resizer {
|
||||
cursor: w-resize;
|
||||
left: -1px;
|
||||
/* overcome border */ }
|
||||
|
||||
/* right resizer */
|
||||
.fc-ltr .fc-h-event .fc-end-resizer,
|
||||
.fc-rtl .fc-h-event .fc-start-resizer {
|
||||
cursor: e-resize;
|
||||
right: -1px;
|
||||
/* overcome border */ }
|
||||
|
||||
/* resizer (mouse devices) */
|
||||
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
|
||||
width: 7px;
|
||||
top: -1px;
|
||||
/* overcome top border */
|
||||
bottom: -1px;
|
||||
/* overcome bottom border */ }
|
||||
|
||||
/* resizer (touch devices) */
|
||||
.fc-h-event.fc-selected .fc-resizer {
|
||||
/* 8x8 little dot */
|
||||
border-radius: 3px;
|
||||
border-width: 1px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
background: #fff;
|
||||
/* vertically center */
|
||||
top: 50%;
|
||||
margin-top: -4px; }
|
||||
|
||||
/* left resizer */
|
||||
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
|
||||
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
|
||||
margin-left: -4px;
|
||||
/* centers the 8x8 dot on the left edge */ }
|
||||
|
||||
/* right resizer */
|
||||
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
|
||||
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
|
||||
margin-right: -4px;
|
||||
/* centers the 8x8 dot on the right edge */ }
|
||||
|
||||
/* DayGrid events
|
||||
----------------------------------------------------------------------------------------------------
|
||||
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
|
||||
be a descendant of the grid when it is being dragged.
|
||||
*/
|
||||
.fc-day-grid-event {
|
||||
margin: 1px 2px 0;
|
||||
/* spacing between events and edges */
|
||||
padding: 0 1px; }
|
||||
|
||||
tr:first-child > td > .fc-day-grid-event {
|
||||
margin-top: 2px;
|
||||
/* a little bit more space before the first event */ }
|
||||
|
||||
.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
|
||||
margin-top: 0;
|
||||
/* except for mirror skeleton */ }
|
||||
|
||||
.fc-day-grid-event .fc-content {
|
||||
/* force events to be one-line tall */
|
||||
white-space: nowrap;
|
||||
overflow: hidden; }
|
||||
|
||||
.fc-day-grid-event .fc-time {
|
||||
font-weight: bold; }
|
||||
|
||||
/* resizer (cursor devices) */
|
||||
/* left resizer */
|
||||
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
|
||||
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
|
||||
margin-left: -2px;
|
||||
/* to the day cell's edge */ }
|
||||
|
||||
/* right resizer */
|
||||
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
|
||||
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
|
||||
margin-right: -2px;
|
||||
/* to the day cell's edge */ }
|
||||
|
||||
/* Event Limiting
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* "more" link that represents hidden events */
|
||||
a.fc-more {
|
||||
margin: 1px 3px;
|
||||
font-size: .85em;
|
||||
cursor: pointer;
|
||||
text-decoration: none; }
|
||||
|
||||
a.fc-more:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.fc-limited {
|
||||
/* rows and cells that are hidden because of a "more" link */
|
||||
display: none; }
|
||||
|
||||
/* popover that appears when "more" link is clicked */
|
||||
.fc-day-grid .fc-row {
|
||||
z-index: 1;
|
||||
/* make the "more" popover one higher than this */ }
|
||||
|
||||
.fc-more-popover {
|
||||
z-index: 2;
|
||||
width: 220px; }
|
||||
|
||||
.fc-more-popover .fc-event-container {
|
||||
padding: 10px; }
|
||||
|
||||
/* Now Indicator
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-now-indicator {
|
||||
position: absolute;
|
||||
border: 0 solid red; }
|
||||
|
||||
/* Utilities
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-unselectable {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
/*
|
||||
TODO: more distinction between this file and common.css
|
||||
*/
|
||||
/* Colors
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-unthemed th,
|
||||
.fc-unthemed td,
|
||||
.fc-unthemed thead,
|
||||
.fc-unthemed tbody,
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-row,
|
||||
.fc-unthemed .fc-content,
|
||||
.fc-unthemed .fc-popover,
|
||||
.fc-unthemed .fc-list-view,
|
||||
.fc-unthemed .fc-list-heading td {
|
||||
border-color: #ddd; }
|
||||
|
||||
.fc-unthemed .fc-popover {
|
||||
background-color: #fff; }
|
||||
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-popover .fc-header,
|
||||
.fc-unthemed .fc-list-heading td {
|
||||
background: #eee; }
|
||||
|
||||
.fc-unthemed td.fc-today {
|
||||
background: #fcf8e3; }
|
||||
|
||||
.fc-unthemed .fc-disabled-day {
|
||||
background: #d7d7d7;
|
||||
opacity: .3; }
|
||||
|
||||
/* Icons
|
||||
--------------------------------------------------------------------------------------------------
|
||||
from https://feathericons.com/ and built with IcoMoon
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'fcicons';
|
||||
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
.fc-icon {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'fcicons' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale; }
|
||||
|
||||
.fc-icon-chevron-left:before {
|
||||
content: "\e900"; }
|
||||
|
||||
.fc-icon-chevron-right:before {
|
||||
content: "\e901"; }
|
||||
|
||||
.fc-icon-chevrons-left:before {
|
||||
content: "\e902"; }
|
||||
|
||||
.fc-icon-chevrons-right:before {
|
||||
content: "\e903"; }
|
||||
|
||||
.fc-icon-minus-square:before {
|
||||
content: "\e904"; }
|
||||
|
||||
.fc-icon-plus-square:before {
|
||||
content: "\e905"; }
|
||||
|
||||
.fc-icon-x:before {
|
||||
content: "\e906"; }
|
||||
|
||||
.fc-icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
text-align: center; }
|
||||
|
||||
/* Buttons
|
||||
--------------------------------------------------------------------------------------------------
|
||||
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
|
||||
*/
|
||||
/* reset */
|
||||
.fc-button {
|
||||
border-radius: 0;
|
||||
overflow: visible;
|
||||
text-transform: none;
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit; }
|
||||
|
||||
.fc-button {
|
||||
-webkit-appearance: button; }
|
||||
|
||||
.fc-button:not(:disabled) {
|
||||
cursor: pointer; }
|
||||
|
||||
.fc-button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none; }
|
||||
|
||||
/* theme */
|
||||
.fc-button {
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
color: #212529;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
padding: 0.4em 0.8em;
|
||||
font-size: 1em;
|
||||
line-height: 1.79;
|
||||
border-radius: 0.2em; }
|
||||
|
||||
.fc-button:hover {
|
||||
color: #212529;
|
||||
text-decoration: none; }
|
||||
|
||||
.fc-button:disabled {
|
||||
opacity: 0.65; }
|
||||
|
||||
/* "primary" coloring */
|
||||
.fc-button-primary {
|
||||
color: #fff;
|
||||
background-color: #1E9FFF;
|
||||
border-color: #1E9FFF; }
|
||||
|
||||
.fc-button-primary:hover {
|
||||
color: #fff;
|
||||
opacity:0.9
|
||||
}
|
||||
|
||||
.fc-button-primary:disabled {
|
||||
color: #fff;
|
||||
background-color: #2C3E50;
|
||||
border-color: #2C3E50; }
|
||||
|
||||
.fc-button-primary:not(:disabled).fc-button-active {
|
||||
color: #fff;
|
||||
background-color: #fbbc05;
|
||||
border-color: #fbbc05;
|
||||
}
|
||||
|
||||
|
||||
/* icons within buttons */
|
||||
.fc-button .fc-icon {
|
||||
vertical-align: middle;
|
||||
font-size: 1.5em; }
|
||||
|
||||
/* Buttons Groups
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-button-group {
|
||||
position: relative;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
vertical-align: middle; }
|
||||
|
||||
.fc-button-group > .fc-button {
|
||||
position: relative;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto; }
|
||||
|
||||
|
||||
.fc-button-group > .fc-button:focus,
|
||||
.fc-button-group > .fc-button:active,
|
||||
.fc-button-group > .fc-button.fc-button-active {
|
||||
z-index: 1; }
|
||||
|
||||
.fc-button-group > .fc-button:not(:first-child) {
|
||||
margin-left: -1px; }
|
||||
|
||||
.fc-button-group > .fc-button:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
|
||||
.fc-button-group > .fc-button:not(:first-child) {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
|
||||
/* Popover
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-unthemed .fc-popover {
|
||||
border-width: 1px;
|
||||
border-style: solid; }
|
||||
|
||||
/* List View
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-unthemed .fc-list-item:hover td {
|
||||
background-color: #f5f5f5; }
|
||||
|
||||
/* Toolbar
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-toolbar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center; }
|
||||
|
||||
.fc-toolbar.fc-header-toolbar {
|
||||
margin-bottom: 1.5em; }
|
||||
|
||||
.fc-toolbar.fc-footer-toolbar {
|
||||
margin-top: 1.5em; }
|
||||
|
||||
/* inner content */
|
||||
.fc-toolbar > * > :not(:first-child) {
|
||||
margin-left: .75em; }
|
||||
|
||||
.fc-toolbar h2 {
|
||||
font-size: 1.75em;
|
||||
margin: 0; }
|
||||
|
||||
/* View Structure
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-view-container {
|
||||
position: relative; }
|
||||
|
||||
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
|
||||
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
|
||||
.fc-view-container *,
|
||||
.fc-view-container *:before,
|
||||
.fc-view-container *:after {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
.fc-view,
|
||||
.fc-view > table {
|
||||
/* so dragged elements can be above the view's main element */
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
@media print {
|
||||
.fc {
|
||||
max-width: 100% !important; }
|
||||
|
||||
/* Global Event Restyling
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-event {
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
page-break-inside: avoid; }
|
||||
|
||||
.fc-event .fc-resizer {
|
||||
display: none; }
|
||||
|
||||
/* Table & Day-Row Restyling
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc th,
|
||||
.fc td,
|
||||
.fc hr,
|
||||
.fc thead,
|
||||
.fc tbody,
|
||||
.fc-row {
|
||||
border-color: #ccc !important;
|
||||
background: #fff !important; }
|
||||
|
||||
/* kill the overlaid, absolutely-positioned components */
|
||||
/* common... */
|
||||
.fc-bg,
|
||||
.fc-bgevent-skeleton,
|
||||
.fc-highlight-skeleton,
|
||||
.fc-mirror-skeleton,
|
||||
.fc-bgevent-container,
|
||||
.fc-business-container,
|
||||
.fc-highlight-container,
|
||||
.fc-mirror-container {
|
||||
display: none; }
|
||||
|
||||
/* don't force a min-height on rows (for DayGrid) */
|
||||
.fc tbody .fc-row {
|
||||
height: auto !important;
|
||||
/* undo height that JS set in distributeHeight */
|
||||
min-height: 0 !important;
|
||||
/* undo the min-height from each view's specific stylesheet */ }
|
||||
|
||||
.fc tbody .fc-row .fc-content-skeleton {
|
||||
position: static;
|
||||
/* undo .fc-rigid */
|
||||
padding-bottom: 0 !important;
|
||||
/* use a more border-friendly method for this... */ }
|
||||
|
||||
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
|
||||
/* only works in newer browsers */
|
||||
padding-bottom: 1em;
|
||||
/* ...gives space within the skeleton. also ensures min height in a way */ }
|
||||
|
||||
.fc tbody .fc-row .fc-content-skeleton table {
|
||||
/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
|
||||
making it look more like 3em. for other browers, it will already be this tall */
|
||||
height: 1em; }
|
||||
|
||||
/* Undo month-view event limiting. Display all events and hide the "more" links
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-more-cell,
|
||||
.fc-more {
|
||||
display: none !important; }
|
||||
|
||||
.fc tr.fc-limited {
|
||||
display: table-row !important; }
|
||||
|
||||
.fc td.fc-limited {
|
||||
display: table-cell !important; }
|
||||
|
||||
.fc-popover {
|
||||
display: none;
|
||||
/* never display the "more.." popover in print mode */ }
|
||||
|
||||
/* TimeGrid Restyling
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* undo the min-height 100% trick used to fill the container's height */
|
||||
.fc-time-grid {
|
||||
min-height: 0 !important; }
|
||||
|
||||
/* don't display the side axis at all ("all-day" and time cells) */
|
||||
.fc-timeGrid-view .fc-axis {
|
||||
display: none; }
|
||||
|
||||
/* don't display the horizontal lines */
|
||||
.fc-slats,
|
||||
.fc-time-grid hr {
|
||||
/* this hr is used when height is underused and needs to be filled */
|
||||
display: none !important;
|
||||
/* important overrides inline declaration */ }
|
||||
|
||||
/* let the container that holds the events be naturally positioned and create real height */
|
||||
.fc-time-grid .fc-content-skeleton {
|
||||
position: static; }
|
||||
|
||||
/* in case there are no events, we still want some height */
|
||||
.fc-time-grid .fc-content-skeleton table {
|
||||
height: 4em; }
|
||||
|
||||
/* kill the horizontal spacing made by the event container. event margins will be done below */
|
||||
.fc-time-grid .fc-event-container {
|
||||
margin: 0 !important; }
|
||||
|
||||
/* TimeGrid *Event* Restyling
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* naturally position events, vertically stacking them */
|
||||
.fc-time-grid .fc-event {
|
||||
position: static !important;
|
||||
margin: 3px 2px !important; }
|
||||
|
||||
/* for events that continue to a future day, give the bottom border back */
|
||||
.fc-time-grid .fc-event.fc-not-end {
|
||||
border-bottom-width: 1px !important; }
|
||||
|
||||
/* indicate the event continues via "..." text */
|
||||
.fc-time-grid .fc-event.fc-not-end:after {
|
||||
content: "..."; }
|
||||
|
||||
/* for events that are continuations from previous days, give the top border back */
|
||||
.fc-time-grid .fc-event.fc-not-start {
|
||||
border-top-width: 1px !important; }
|
||||
|
||||
/* indicate the event is a continuation via "..." text */
|
||||
.fc-time-grid .fc-event.fc-not-start:before {
|
||||
content: "..."; }
|
||||
|
||||
/* time */
|
||||
/* undo a previous declaration and let the time text span to a second line */
|
||||
.fc-time-grid .fc-event .fc-time {
|
||||
white-space: normal !important; }
|
||||
|
||||
/* hide the the time that is normally displayed... */
|
||||
.fc-time-grid .fc-event .fc-time span {
|
||||
display: none; }
|
||||
|
||||
/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
|
||||
.fc-time-grid .fc-event .fc-time:after {
|
||||
content: attr(data-full); }
|
||||
|
||||
/* Vertical Scroller & Containers
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* kill the scrollbars and allow natural height */
|
||||
.fc-scroller,
|
||||
.fc-day-grid-container,
|
||||
.fc-time-grid-container {
|
||||
/* */
|
||||
overflow: visible !important;
|
||||
height: auto !important; }
|
||||
|
||||
/* kill the horizontal border/padding used to compensate for scrollbars */
|
||||
.fc-row {
|
||||
border: 0 !important;
|
||||
margin: 0 !important; }
|
||||
|
||||
/* Button Controls
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-button-group,.fc button {display: none;}
|
||||
File diff suppressed because it is too large
Load Diff
5
public/static/fullcalendar/core/main.min.css
vendored
5
public/static/fullcalendar/core/main.min.css
vendored
File diff suppressed because one or more lines are too long
9
public/static/fullcalendar/core/main.min.js
vendored
9
public/static/fullcalendar/core/main.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,69 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/daygrid v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/
|
||||
/* DayGridView
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* day row structure */
|
||||
.fc-dayGridWeek-view .fc-content-skeleton,
|
||||
.fc-dayGridDay-view .fc-content-skeleton {
|
||||
/* there may be week numbers in these views, so no padding-top */
|
||||
padding-bottom: 1em;
|
||||
/* ensure a space at bottom of cell for user selecting/clicking */ }
|
||||
|
||||
.fc-dayGrid-view .fc-body .fc-row {
|
||||
min-height: 4em;
|
||||
/* ensure that all rows are at least this tall */ }
|
||||
|
||||
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
|
||||
.fc-row.fc-rigid {
|
||||
overflow: hidden; }
|
||||
|
||||
.fc-row.fc-rigid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
/* week and day number styling */
|
||||
.fc-day-top.fc-other-month {
|
||||
opacity: 0.3; }
|
||||
|
||||
.fc-dayGrid-view .fc-week-number,
|
||||
.fc-dayGrid-view .fc-day-number {
|
||||
padding: 2px; }
|
||||
|
||||
.fc-dayGrid-view th.fc-week-number,
|
||||
.fc-dayGrid-view th.fc-day-number {
|
||||
padding: 0 2px;
|
||||
/* column headers can't have as much v space */ }
|
||||
|
||||
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
|
||||
float: right; }
|
||||
|
||||
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
|
||||
float: left; }
|
||||
|
||||
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
float: left;
|
||||
border-radius: 0 0 3px 0; }
|
||||
|
||||
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
float: right;
|
||||
border-radius: 0 0 0 3px; }
|
||||
|
||||
.fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
background-color: #f2f2f2;
|
||||
color: #808080; }
|
||||
|
||||
/* when week/day number have own column */
|
||||
.fc-dayGrid-view td.fc-week-number {
|
||||
text-align: center; }
|
||||
|
||||
.fc-dayGrid-view td.fc-week-number > * {
|
||||
/* work around the way we do column resizing and ensure a minimum width */
|
||||
display: inline-block;
|
||||
min-width: 1.25em; }
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,5 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/daygrid v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/.fc-dayGridDay-view .fc-content-skeleton,.fc-dayGridWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-dayGrid-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-dayGrid-view .fc-day-number,.fc-dayGrid-view .fc-week-number{padding:2px}.fc-dayGrid-view th.fc-day-number,.fc-dayGrid-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-dayGrid-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-dayGrid-view td.fc-week-number{text-align:center}.fc-dayGrid-view td.fc-week-number>*{display:inline-block;min-width:1.25em}
|
||||
20
public/static/fullcalendar/daygrid/main.min.js
vendored
20
public/static/fullcalendar/daygrid/main.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,101 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/list v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/
|
||||
/* List View
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* possibly reusable */
|
||||
.fc-event-dot {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px; }
|
||||
|
||||
/* view wrapper */
|
||||
.fc-rtl .fc-list-view {
|
||||
direction: rtl;
|
||||
/* unlike core views, leverage browser RTL */ }
|
||||
|
||||
.fc-list-view {
|
||||
border-width: 1px;
|
||||
border-style: solid; }
|
||||
|
||||
/* table resets */
|
||||
.fc .fc-list-table {
|
||||
table-layout: auto;
|
||||
/* for shrinkwrapping cell content */ }
|
||||
|
||||
.fc-list-table td {
|
||||
border-width: 1px 0 0;
|
||||
padding: 8px 14px; }
|
||||
|
||||
.fc-list-table tr:first-child td {
|
||||
border-top-width: 0; }
|
||||
|
||||
/* day headings with the list */
|
||||
.fc-list-heading {
|
||||
border-bottom-width: 1px; }
|
||||
|
||||
.fc-list-heading td {
|
||||
font-weight: bold; }
|
||||
|
||||
.fc-ltr .fc-list-heading-main {
|
||||
float: left; }
|
||||
|
||||
.fc-ltr .fc-list-heading-alt {
|
||||
float: right; }
|
||||
|
||||
.fc-rtl .fc-list-heading-main {
|
||||
float: right; }
|
||||
|
||||
.fc-rtl .fc-list-heading-alt {
|
||||
float: left; }
|
||||
|
||||
/* event list items */
|
||||
.fc-list-item.fc-has-url {
|
||||
cursor: pointer;
|
||||
/* whole row will be clickable */ }
|
||||
|
||||
.fc-list-item-marker,
|
||||
.fc-list-item-time {
|
||||
white-space: nowrap;
|
||||
width: 1px; }
|
||||
|
||||
/* make the dot closer to the event title */
|
||||
.fc-ltr .fc-list-item-marker {
|
||||
padding-right: 0; }
|
||||
|
||||
.fc-rtl .fc-list-item-marker {
|
||||
padding-left: 0; }
|
||||
|
||||
.fc-list-item-title a {
|
||||
/* every event title cell has an <a> tag */
|
||||
text-decoration: none;
|
||||
color: inherit; }
|
||||
|
||||
.fc-list-item-title a[href]:hover {
|
||||
/* hover effect only on titles with hrefs */
|
||||
text-decoration: underline; }
|
||||
|
||||
/* message when no events */
|
||||
.fc-list-empty-wrap2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0; }
|
||||
|
||||
.fc-list-empty-wrap1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table; }
|
||||
|
||||
.fc-list-empty {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center; }
|
||||
|
||||
.fc-unthemed .fc-list-empty {
|
||||
/* theme will provide own background */
|
||||
background-color: #eee; }
|
||||
@ -1,341 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/list v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@fullcalendar/core')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', '@fullcalendar/core'], factory) :
|
||||
(global = global || self, factory(global.FullCalendarList = {}, global.FullCalendar));
|
||||
}(this, function (exports, core) { 'use strict';
|
||||
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||||
this file except in compliance with the License. You may obtain a copy of the
|
||||
License at http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
||||
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
||||
MERCHANTABLITY OR NON-INFRINGEMENT.
|
||||
|
||||
See the Apache Version 2.0 License for specific language governing permissions
|
||||
and limitations under the License.
|
||||
***************************************************************************** */
|
||||
/* global Reflect, Promise */
|
||||
|
||||
var extendStatics = function(d, b) {
|
||||
extendStatics = Object.setPrototypeOf ||
|
||||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
||||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
||||
return extendStatics(d, b);
|
||||
};
|
||||
|
||||
function __extends(d, b) {
|
||||
extendStatics(d, b);
|
||||
function __() { this.constructor = d; }
|
||||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||||
}
|
||||
|
||||
var ListEventRenderer = /** @class */ (function (_super) {
|
||||
__extends(ListEventRenderer, _super);
|
||||
function ListEventRenderer(listView) {
|
||||
var _this = _super.call(this, listView.context) || this;
|
||||
_this.listView = listView;
|
||||
return _this;
|
||||
}
|
||||
ListEventRenderer.prototype.attachSegs = function (segs) {
|
||||
if (!segs.length) {
|
||||
this.listView.renderEmptyMessage();
|
||||
}
|
||||
else {
|
||||
this.listView.renderSegList(segs);
|
||||
}
|
||||
};
|
||||
ListEventRenderer.prototype.detachSegs = function () {
|
||||
};
|
||||
// generates the HTML for a single event row
|
||||
ListEventRenderer.prototype.renderSegHtml = function (seg) {
|
||||
var _a = this.context, view = _a.view, theme = _a.theme;
|
||||
var eventRange = seg.eventRange;
|
||||
var eventDef = eventRange.def;
|
||||
var eventInstance = eventRange.instance;
|
||||
var eventUi = eventRange.ui;
|
||||
var url = eventDef.url;
|
||||
var classes = ['fc-list-item'].concat(eventUi.classNames);
|
||||
var bgColor = eventUi.backgroundColor;
|
||||
var timeHtml;
|
||||
if (eventDef.allDay) {
|
||||
timeHtml = core.getAllDayHtml(view);
|
||||
}
|
||||
else if (core.isMultiDayRange(eventRange.range)) {
|
||||
if (seg.isStart) {
|
||||
timeHtml = core.htmlEscape(this._getTimeText(eventInstance.range.start, seg.end, false // allDay
|
||||
));
|
||||
}
|
||||
else if (seg.isEnd) {
|
||||
timeHtml = core.htmlEscape(this._getTimeText(seg.start, eventInstance.range.end, false // allDay
|
||||
));
|
||||
}
|
||||
else { // inner segment that lasts the whole day
|
||||
timeHtml = core.getAllDayHtml(view);
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Display the normal time text for the *event's* times
|
||||
timeHtml = core.htmlEscape(this.getTimeText(eventRange));
|
||||
}
|
||||
if (url) {
|
||||
classes.push('fc-has-url');
|
||||
}
|
||||
return '<tr class="' + classes.join(' ') + '">' +
|
||||
(this.displayEventTime ?
|
||||
'<td class="fc-list-item-time ' + theme.getClass('widgetContent') + '">' +
|
||||
(timeHtml || '') +
|
||||
'</td>' :
|
||||
'') +
|
||||
'<td class="fc-list-item-marker ' + theme.getClass('widgetContent') + '">' +
|
||||
'<span class="fc-event-dot"' +
|
||||
(bgColor ?
|
||||
' style="background-color:' + bgColor + '"' :
|
||||
'') +
|
||||
'></span>' +
|
||||
'</td>' +
|
||||
'<td class="fc-list-item-title ' + theme.getClass('widgetContent') + '">' +
|
||||
'<a' + (url ? ' href="' + core.htmlEscape(url) + '"' : '') + '>' +
|
||||
core.htmlEscape(eventDef.title || '') +
|
||||
'</a>' +
|
||||
'</td>' +
|
||||
'</tr>';
|
||||
};
|
||||
// like "4:00am"
|
||||
ListEventRenderer.prototype.computeEventTimeFormat = function () {
|
||||
return {
|
||||
hour: 'numeric',
|
||||
minute: '2-digit',
|
||||
meridiem: 'short'
|
||||
};
|
||||
};
|
||||
return ListEventRenderer;
|
||||
}(core.FgEventRenderer));
|
||||
|
||||
/*
|
||||
Responsible for the scroller, and forwarding event-related actions into the "grid".
|
||||
*/
|
||||
var ListView = /** @class */ (function (_super) {
|
||||
__extends(ListView, _super);
|
||||
function ListView(context, viewSpec, dateProfileGenerator, parentEl) {
|
||||
var _this = _super.call(this, context, viewSpec, dateProfileGenerator, parentEl) || this;
|
||||
_this.computeDateVars = core.memoize(computeDateVars);
|
||||
_this.eventStoreToSegs = core.memoize(_this._eventStoreToSegs);
|
||||
var eventRenderer = _this.eventRenderer = new ListEventRenderer(_this);
|
||||
_this.renderContent = core.memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer));
|
||||
_this.el.classList.add('fc-list-view');
|
||||
var listViewClassNames = (_this.theme.getClass('listView') || '').split(' '); // wish we didn't have to do this
|
||||
for (var _i = 0, listViewClassNames_1 = listViewClassNames; _i < listViewClassNames_1.length; _i++) {
|
||||
var listViewClassName = listViewClassNames_1[_i];
|
||||
if (listViewClassName) { // in case input was empty string
|
||||
_this.el.classList.add(listViewClassName);
|
||||
}
|
||||
}
|
||||
_this.scroller = new core.ScrollComponent('hidden', // overflow x
|
||||
'auto' // overflow y
|
||||
);
|
||||
_this.el.appendChild(_this.scroller.el);
|
||||
_this.contentEl = _this.scroller.el; // shortcut
|
||||
context.calendar.registerInteractiveComponent(_this, {
|
||||
el: _this.el
|
||||
// TODO: make aware that it doesn't do Hits
|
||||
});
|
||||
return _this;
|
||||
}
|
||||
ListView.prototype.render = function (props) {
|
||||
var _a = this.computeDateVars(props.dateProfile), dayDates = _a.dayDates, dayRanges = _a.dayRanges;
|
||||
this.dayDates = dayDates;
|
||||
this.renderContent(this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges));
|
||||
};
|
||||
ListView.prototype.destroy = function () {
|
||||
_super.prototype.destroy.call(this);
|
||||
this.scroller.destroy(); // will remove the Grid too
|
||||
this.calendar.unregisterInteractiveComponent(this);
|
||||
};
|
||||
ListView.prototype.updateSize = function (isResize, viewHeight, isAuto) {
|
||||
_super.prototype.updateSize.call(this, isResize, viewHeight, isAuto);
|
||||
this.eventRenderer.computeSizes(isResize);
|
||||
this.eventRenderer.assignSizes(isResize);
|
||||
this.scroller.clear(); // sets height to 'auto' and clears overflow
|
||||
if (!isAuto) {
|
||||
this.scroller.setHeight(this.computeScrollerHeight(viewHeight));
|
||||
}
|
||||
};
|
||||
ListView.prototype.computeScrollerHeight = function (viewHeight) {
|
||||
return viewHeight -
|
||||
core.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
|
||||
};
|
||||
ListView.prototype._eventStoreToSegs = function (eventStore, eventUiBases, dayRanges) {
|
||||
return this.eventRangesToSegs(core.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.nextDayThreshold).fg, dayRanges);
|
||||
};
|
||||
ListView.prototype.eventRangesToSegs = function (eventRanges, dayRanges) {
|
||||
var segs = [];
|
||||
for (var _i = 0, eventRanges_1 = eventRanges; _i < eventRanges_1.length; _i++) {
|
||||
var eventRange = eventRanges_1[_i];
|
||||
segs.push.apply(segs, this.eventRangeToSegs(eventRange, dayRanges));
|
||||
}
|
||||
return segs;
|
||||
};
|
||||
ListView.prototype.eventRangeToSegs = function (eventRange, dayRanges) {
|
||||
var _a = this, dateEnv = _a.dateEnv, nextDayThreshold = _a.nextDayThreshold;
|
||||
var range = eventRange.range;
|
||||
var allDay = eventRange.def.allDay;
|
||||
var dayIndex;
|
||||
var segRange;
|
||||
var seg;
|
||||
var segs = [];
|
||||
for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex++) {
|
||||
segRange = core.intersectRanges(range, dayRanges[dayIndex]);
|
||||
if (segRange) {
|
||||
seg = {
|
||||
component: this,
|
||||
eventRange: eventRange,
|
||||
start: segRange.start,
|
||||
end: segRange.end,
|
||||
isStart: eventRange.isStart && segRange.start.valueOf() === range.start.valueOf(),
|
||||
isEnd: eventRange.isEnd && segRange.end.valueOf() === range.end.valueOf(),
|
||||
dayIndex: dayIndex
|
||||
};
|
||||
segs.push(seg);
|
||||
// detect when range won't go fully into the next day,
|
||||
// and mutate the latest seg to the be the end.
|
||||
if (!seg.isEnd && !allDay &&
|
||||
dayIndex + 1 < dayRanges.length &&
|
||||
range.end <
|
||||
dateEnv.add(dayRanges[dayIndex + 1].start, nextDayThreshold)) {
|
||||
seg.end = range.end;
|
||||
seg.isEnd = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return segs;
|
||||
};
|
||||
ListView.prototype.renderEmptyMessage = function () {
|
||||
this.contentEl.innerHTML =
|
||||
'<div class="fc-list-empty-wrap2">' + // TODO: try less wraps
|
||||
'<div class="fc-list-empty-wrap1">' +
|
||||
'<div class="fc-list-empty">' +
|
||||
core.htmlEscape(this.opt('noEventsMessage')) +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
};
|
||||
// called by ListEventRenderer
|
||||
ListView.prototype.renderSegList = function (allSegs) {
|
||||
var segsByDay = this.groupSegsByDay(allSegs); // sparse array
|
||||
var dayIndex;
|
||||
var daySegs;
|
||||
var i;
|
||||
var tableEl = core.htmlToElement('<table class="fc-list-table ' + this.calendar.theme.getClass('tableList') + '"><tbody></tbody></table>');
|
||||
var tbodyEl = tableEl.querySelector('tbody');
|
||||
for (dayIndex = 0; dayIndex < segsByDay.length; dayIndex++) {
|
||||
daySegs = segsByDay[dayIndex];
|
||||
if (daySegs) { // sparse array, so might be undefined
|
||||
// append a day header
|
||||
tbodyEl.appendChild(this.buildDayHeaderRow(this.dayDates[dayIndex]));
|
||||
daySegs = this.eventRenderer.sortEventSegs(daySegs);
|
||||
for (i = 0; i < daySegs.length; i++) {
|
||||
tbodyEl.appendChild(daySegs[i].el); // append event row
|
||||
}
|
||||
}
|
||||
}
|
||||
this.contentEl.innerHTML = '';
|
||||
this.contentEl.appendChild(tableEl);
|
||||
};
|
||||
// Returns a sparse array of arrays, segs grouped by their dayIndex
|
||||
ListView.prototype.groupSegsByDay = function (segs) {
|
||||
var segsByDay = []; // sparse array
|
||||
var i;
|
||||
var seg;
|
||||
for (i = 0; i < segs.length; i++) {
|
||||
seg = segs[i];
|
||||
(segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
|
||||
.push(seg);
|
||||
}
|
||||
return segsByDay;
|
||||
};
|
||||
// generates the HTML for the day headers that live amongst the event rows
|
||||
ListView.prototype.buildDayHeaderRow = function (dayDate) {
|
||||
var dateEnv = this.dateEnv;
|
||||
var mainFormat = core.createFormatter(this.opt('listDayFormat')); // TODO: cache
|
||||
var altFormat = core.createFormatter(this.opt('listDayAltFormat')); // TODO: cache
|
||||
return core.createElement('tr', {
|
||||
className: 'fc-list-heading',
|
||||
'data-date': dateEnv.formatIso(dayDate, { omitTime: true })
|
||||
}, '<td class="' + (this.calendar.theme.getClass('tableListHeading') ||
|
||||
this.calendar.theme.getClass('widgetHeader')) + '" colspan="3">' +
|
||||
(mainFormat ?
|
||||
core.buildGotoAnchorHtml(this, dayDate, { 'class': 'fc-list-heading-main' }, core.htmlEscape(dateEnv.format(dayDate, mainFormat)) // inner HTML
|
||||
) :
|
||||
'') +
|
||||
(altFormat ?
|
||||
core.buildGotoAnchorHtml(this, dayDate, { 'class': 'fc-list-heading-alt' }, core.htmlEscape(dateEnv.format(dayDate, altFormat)) // inner HTML
|
||||
) :
|
||||
'') +
|
||||
'</td>');
|
||||
};
|
||||
return ListView;
|
||||
}(core.View));
|
||||
ListView.prototype.fgSegSelector = '.fc-list-item'; // which elements accept event actions
|
||||
function computeDateVars(dateProfile) {
|
||||
var dayStart = core.startOfDay(dateProfile.renderRange.start);
|
||||
var viewEnd = dateProfile.renderRange.end;
|
||||
var dayDates = [];
|
||||
var dayRanges = [];
|
||||
while (dayStart < viewEnd) {
|
||||
dayDates.push(dayStart);
|
||||
dayRanges.push({
|
||||
start: dayStart,
|
||||
end: core.addDays(dayStart, 1)
|
||||
});
|
||||
dayStart = core.addDays(dayStart, 1);
|
||||
}
|
||||
return { dayDates: dayDates, dayRanges: dayRanges };
|
||||
}
|
||||
|
||||
var main = core.createPlugin({
|
||||
views: {
|
||||
list: {
|
||||
class: ListView,
|
||||
buttonTextKey: 'list',
|
||||
listDayFormat: { month: 'long', day: 'numeric', year: 'numeric' } // like "January 1, 2016"
|
||||
},
|
||||
listDay: {
|
||||
type: 'list',
|
||||
duration: { days: 1 },
|
||||
listDayFormat: { weekday: 'long' } // day-of-week is all we need. full date is probably in header
|
||||
},
|
||||
listWeek: {
|
||||
type: 'list',
|
||||
duration: { weeks: 1 },
|
||||
listDayFormat: { weekday: 'long' },
|
||||
listDayAltFormat: { month: 'long', day: 'numeric', year: 'numeric' }
|
||||
},
|
||||
listMonth: {
|
||||
type: 'list',
|
||||
duration: { month: 1 },
|
||||
listDayAltFormat: { weekday: 'long' } // day-of-week is nice-to-have
|
||||
},
|
||||
listYear: {
|
||||
type: 'list',
|
||||
duration: { year: 1 },
|
||||
listDayAltFormat: { weekday: 'long' } // day-of-week is nice-to-have
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
exports.ListView = ListView;
|
||||
exports.default = main;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
5
public/static/fullcalendar/list/main.min.css
vendored
5
public/static/fullcalendar/list/main.min.css
vendored
@ -1,5 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/list v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}
|
||||
20
public/static/fullcalendar/list/main.min.js
vendored
20
public/static/fullcalendar/list/main.min.js
vendored
File diff suppressed because one or more lines are too long
1
public/static/fullcalendar/main.min.css
vendored
Normal file
1
public/static/fullcalendar/main.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6
public/static/fullcalendar/main.min.js
vendored
Normal file
6
public/static/fullcalendar/main.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1,266 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/timegrid v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/
|
||||
/* TimeGridView all-day area
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-timeGrid-view .fc-day-grid {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
/* so the "more.." popover will be over the time grid */ }
|
||||
|
||||
.fc-timeGrid-view .fc-day-grid .fc-row {
|
||||
min-height: 3em;
|
||||
/* all-day section will never get shorter than this */ }
|
||||
|
||||
.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
|
||||
padding-bottom: 1em;
|
||||
/* give space underneath events for clicking/selecting days */ }
|
||||
|
||||
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc .fc-axis {
|
||||
/* .fc to overcome default cell styles */
|
||||
vertical-align: middle;
|
||||
padding: 0 4px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.fc-ltr .fc-axis {
|
||||
text-align: right; }
|
||||
|
||||
.fc-rtl .fc-axis {
|
||||
text-align: left; }
|
||||
|
||||
/* TimeGrid Structure
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid-container,
|
||||
.fc-time-grid {
|
||||
/* so slats/bg/content/etc positions get scoped within here */
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
.fc-time-grid {
|
||||
min-height: 100%;
|
||||
/* so if height setting is 'auto', .fc-bg stretches to fill height */ }
|
||||
|
||||
.fc-time-grid table {
|
||||
/* don't put outer borders on slats/bg/content/etc */
|
||||
border: 0 hidden transparent; }
|
||||
|
||||
.fc-time-grid > .fc-bg {
|
||||
z-index: 1; }
|
||||
|
||||
.fc-time-grid .fc-slats,
|
||||
.fc-time-grid > hr {
|
||||
/* the <hr> TimeGridView injects when grid is shorter than scroller */
|
||||
position: relative;
|
||||
z-index: 2; }
|
||||
|
||||
.fc-time-grid .fc-content-col {
|
||||
position: relative;
|
||||
/* because now-indicator lives directly inside */ }
|
||||
|
||||
.fc-time-grid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
/* divs within a cell within the fc-content-skeleton */
|
||||
.fc-time-grid .fc-business-container {
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
.fc-time-grid .fc-bgevent-container {
|
||||
position: relative;
|
||||
z-index: 2; }
|
||||
|
||||
.fc-time-grid .fc-highlight-container {
|
||||
position: relative;
|
||||
z-index: 3; }
|
||||
|
||||
.fc-time-grid .fc-event-container {
|
||||
position: relative;
|
||||
z-index: 4; }
|
||||
|
||||
.fc-time-grid .fc-now-indicator-line {
|
||||
z-index: 5; }
|
||||
|
||||
.fc-time-grid .fc-mirror-container {
|
||||
/* also is fc-event-container */
|
||||
position: relative;
|
||||
z-index: 6; }
|
||||
|
||||
/* TimeGrid Slats (lines that run horizontally)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid .fc-slats td {
|
||||
height: 1.5em;
|
||||
border-bottom: 0;
|
||||
/* each cell is responsible for its top border */ }
|
||||
|
||||
.fc-time-grid .fc-slats .fc-minor td {
|
||||
border-top-style: dotted; }
|
||||
|
||||
/* TimeGrid Highlighting Slots
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid .fc-highlight-container {
|
||||
/* a div within a cell within the fc-highlight-skeleton */
|
||||
position: relative;
|
||||
/* scopes the left/right of the fc-highlight to be in the column */ }
|
||||
|
||||
.fc-time-grid .fc-highlight {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* top and bottom will be in by JS */ }
|
||||
|
||||
/* TimeGrid Event Containment
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-ltr .fc-time-grid .fc-event-container {
|
||||
/* space on the sides of events for LTR (default) */
|
||||
margin: 0 2.5% 0 2px; }
|
||||
|
||||
.fc-rtl .fc-time-grid .fc-event-container {
|
||||
/* space on the sides of events for RTL */
|
||||
margin: 0 2px 0 2.5%; }
|
||||
|
||||
.fc-time-grid .fc-event,
|
||||
.fc-time-grid .fc-bgevent {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/* scope inner z-index's */ }
|
||||
|
||||
.fc-time-grid .fc-bgevent {
|
||||
/* background events always span full width */
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
/* TimeGrid Event Styling
|
||||
----------------------------------------------------------------------------------------------------
|
||||
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
|
||||
be a descendant of the grid when it is being dragged.
|
||||
*/
|
||||
.fc-time-grid-event {
|
||||
margin-bottom: 1px; }
|
||||
|
||||
.fc-time-grid-event-inset {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px #fff;
|
||||
box-shadow: 0px 0px 0px 1px #fff; }
|
||||
|
||||
.fc-time-grid-event.fc-not-start {
|
||||
/* events that are continuing from another day */
|
||||
/* replace space made by the top border with padding */
|
||||
border-top-width: 0;
|
||||
padding-top: 1px;
|
||||
/* remove top rounded corners */
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
.fc-time-grid-event.fc-not-end {
|
||||
/* replace space made by the top border with padding */
|
||||
border-bottom-width: 0;
|
||||
padding-bottom: 1px;
|
||||
/* remove bottom rounded corners */
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
|
||||
.fc-time-grid-event .fc-content {
|
||||
overflow: hidden;
|
||||
max-height: 100%; }
|
||||
|
||||
.fc-time-grid-event .fc-time,
|
||||
.fc-time-grid-event .fc-title {
|
||||
padding: 0 1px; }
|
||||
|
||||
.fc-time-grid-event .fc-time {
|
||||
font-size: .85em;
|
||||
white-space: nowrap; }
|
||||
|
||||
/* short mode, where time and title are on the same line */
|
||||
.fc-time-grid-event.fc-short .fc-content {
|
||||
/* don't wrap to second line (now that contents will be inline) */
|
||||
white-space: nowrap; }
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time,
|
||||
.fc-time-grid-event.fc-short .fc-title {
|
||||
/* put the time and title on the same line */
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time span {
|
||||
display: none;
|
||||
/* don't display the full time text... */ }
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time:before {
|
||||
content: attr(data-start);
|
||||
/* ...instead, display only the start time */ }
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time:after {
|
||||
content: "\000A0-\000A0";
|
||||
/* seperate with a dash, wrapped in nbsp's */ }
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-title {
|
||||
font-size: .85em;
|
||||
/* make the title text the same size as the time */
|
||||
padding: 0;
|
||||
/* undo padding from above */ }
|
||||
|
||||
/* resizer (cursor device) */
|
||||
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
line-height: 8px;
|
||||
font-size: 11px;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
cursor: s-resize; }
|
||||
|
||||
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
|
||||
content: "="; }
|
||||
|
||||
/* resizer (touch device) */
|
||||
.fc-time-grid-event.fc-selected .fc-resizer {
|
||||
/* 10x10 dot */
|
||||
border-radius: 5px;
|
||||
border-width: 1px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
background: #fff;
|
||||
/* horizontally center */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
/* center on the bottom edge */
|
||||
bottom: -5px; }
|
||||
|
||||
/* Now Indicator
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid .fc-now-indicator-line {
|
||||
border-top-width: 1px;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
/* arrow on axis */
|
||||
.fc-time-grid .fc-now-indicator-arrow {
|
||||
margin-top: -5px;
|
||||
/* vertically center on top coordinate */ }
|
||||
|
||||
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
|
||||
left: 0;
|
||||
/* triangle pointing right... */
|
||||
border-width: 5px 0 5px 6px;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent; }
|
||||
|
||||
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
|
||||
right: 0;
|
||||
/* triangle pointing left... */
|
||||
border-width: 5px 6px 5px 0;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent; }
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,5 +0,0 @@
|
||||
/*!
|
||||
@fullcalendar/timegrid v4.0.1
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/.fc-timeGrid-view .fc-day-grid{position:relative;z-index:2}.fc-timeGrid-view .fc-day-grid .fc-row{min-height:3em}.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-mirror-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-time-grid-event{margin-bottom:1px}.fc-time-grid-event-inset{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.fc-time-grid-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-time-grid-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event .fc-content{overflow:hidden;max-height:100%}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}
|
||||
20
public/static/fullcalendar/timegrid/main.min.js
vendored
20
public/static/fullcalendar/timegrid/main.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,4 +1,9 @@
|
||||
.main-body{padding:0;min-width: 1220px;}
|
||||
.main-body{padding:0;min-width: 1220px;
|
||||
-moz-user-select: none; /*火狐*/
|
||||
-webkit-user-select: none; /*webkit浏览器*/
|
||||
-ms-user-select: none; /*IE10*/
|
||||
-khtml-user-select: none; /*早期浏览器*/
|
||||
user-select: none;}
|
||||
.ittab-bg-gray {background-color:#001529;}
|
||||
.layui-layout-admin .layui-header {height:49px;background-color:#fff;box-shadow: 0 2px 6px 0 rgb(5 32 96 / 10%);}
|
||||
.layui-layout-admin .layui-logo {line-height:49px;cursor:pointer;font-size:16px;color:#fff;background:#001529;width:180px;border-bottom: 1px solid #001529;}
|
||||
@ -43,7 +48,6 @@
|
||||
|
||||
|
||||
.gougu-admin-tab .layui-tab-title {position:absolute;top:-50px; z-index:58; height:49px;left:36px; border:0;max-width:calc(100% - 226px); overflow:hidden;}
|
||||
|
||||
.gougu-admin-tab .layui-tab-title li {min-width:36px; padding:0 24px 0 12px; color:#666;font-size:12px;line-height:48px;border-top:3px solid #fff; border-right: 1px solid #F5F8FA; background-color:#fff;}
|
||||
.gougu-admin-tab .layui-tab-title li .gougu-tab-active {display: inline-block; background-color: #999; width: 8px; height: 8px; border-radius: 20px; margin-right: 6px;}
|
||||
.gougu-admin-tab .layui-tab-title li .layui-tab-close {position:absolute;width:15px;height:15px;line-height:16px;top:16px;right:5px;font-size:10px;display:none;border-radius:50%;}
|
||||
@ -64,7 +68,7 @@
|
||||
|
||||
.gougu-admin-tab .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {border:0;}
|
||||
.gougu-admin-tab .layui-tab-item {height:100%;}
|
||||
.gougu-admin-tab .layui-tab-bar { height: 50px;border-width: 0;line-height: 50px;}
|
||||
.gougu-admin-tab .layui-tab-bar {height: 50px;border-width: 0;line-height: 50px;}
|
||||
|
||||
.layui-layout-right{padding: 0 3px; background-color:#fff;}
|
||||
.layui-nav .layui-nav-item a{padding: 0 12px; text-align: center; min-width: 24px; border-left: 1px solid #eee;}
|
||||
@ -75,8 +79,8 @@
|
||||
.layui-nav.layui-layout-right .layui-nav-bar {background-color: #fff;}
|
||||
.layui-tab-brief>.layui-tab-more li.layui-this:after {border-bottom: 0;}
|
||||
.layui-nav-img {width:25px;height:25px;margin-right:0;}
|
||||
.layui-layout-admin .layui-footer {left:200px;height:30px;line-height:30px;background-color:#f0f0f0;font-size:12px;}
|
||||
.layui-tab-content {padding:0px;}
|
||||
|
||||
.layui-nav .msg-num { min-width: 18px;height: 18px;position: absolute;top: -10px;right: 5px;display: none;}
|
||||
.layui-nav .msg-num a {min-width: 18px; height: 18px; margin: 0; padding: 0; display: inline-block; font-size: 11px;line-height: 18px;text-align: center; background-color: #FF5722; color: #fff;border-radius: 12px; cursor: pointer;}
|
||||
.layui-nav .msg-num a {min-width: 18px; height: 18px; margin: 0; padding: 0; display: inline-block; font-size: 11px;line-height: 18px;text-align: center; background-color: #FF5722; color: #fff;border-radius: 12px; cursor: pointer;}
|
||||
|
||||
.layui-layout-admin .layui-footer {left:200px;height:30px;line-height:30px;background-color:#f0f0f0;font-size:12px;}
|
||||
.layui-tab-content {padding:0px;}
|
||||
Loading…
x
Reference in New Issue
Block a user