137 lines
4.3 KiB
PHP
137 lines
4.3 KiB
PHP
<script type="text/javascript" src="js/ijkpartituur/models/modelagenda.js"></script>
|
|
|
|
<style>
|
|
.ahcell{
|
|
float: left;
|
|
font-weight:normal;
|
|
//width: 110px;
|
|
width: 125px;
|
|
height: 30px;
|
|
border:1px solid black;
|
|
border-left:none;
|
|
background-color:#975796;
|
|
color:#fff;
|
|
text-align:center;
|
|
}
|
|
.acell{
|
|
float: left;
|
|
font-size:0.8em;
|
|
//width: 110px;
|
|
width: 125px;
|
|
height: 75px;
|
|
border:1px solid black;
|
|
border-left:none;
|
|
border-top:none;
|
|
background-color:white;
|
|
overflow-y:hidden;
|
|
overflow-x:hidden;
|
|
}
|
|
.todaycell {
|
|
background-color:#38c7f0 !important;
|
|
}
|
|
.weekendcell {
|
|
background-color:#ebebeb;
|
|
}
|
|
.agendatable{
|
|
border-collapse: collapse;
|
|
cellspacing: 0px;
|
|
margin-right:5px;
|
|
}
|
|
.borderleft{
|
|
border-left:1px solid #000;
|
|
}
|
|
</style>
|
|
<div class="popup" id="popAgenda" style="left:15px;" >
|
|
<?php $this->load->view("ijkpartituur/popups/popdagagenda"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popnewevent"); ?>
|
|
|
|
<div class="popheader" > Agenda
|
|
<img src="css/images/closebut.png" class="popclose" style='float:right;margin-top:3px;' />
|
|
</div>
|
|
|
|
<div class="popbody" style='height:600px' >
|
|
<div class="draganchor" style="height: 550px;" > </div>
|
|
<div class="popcontent" style= "height:600px;width:910px; overflow-x:auto;">
|
|
<div style="float:left; margin-top: 10px; margin-bottom:10px;width:650px">
|
|
<span style="font-size:1.2em" data-bind="text: currentMaand().naam"> </span>
|
|
<span style="font-size:1.2em" data-bind="text: currentMaand().jaar"> </span>
|
|
<span style="margin-left: 30px"> filter </span>
|
|
<select data-bind="options: Pijlerset(),
|
|
optionsText:'naam',
|
|
optionsValue: 'id',
|
|
value: selectedPijler ,
|
|
event:{change: fGetActiviteiten} " >
|
|
</select>
|
|
<select data-bind="options: Activiteitenset(),
|
|
optionsText:'naam',
|
|
optionsValue: 'id',
|
|
value: selectedActiviteit,
|
|
event:{change: fFilter} " >
|
|
</select>
|
|
</div>
|
|
<div style="float: right; margin-right: 5px; margin-top: 10px; margin-bottom:10px;width: 150px">
|
|
<button class="left"
|
|
style="margin:0px; padding:0px;"
|
|
data-bind="click:fMinus"> </button>
|
|
<button class="onwhite"
|
|
style="margin:0px; padding:0px; height:25px"
|
|
data-bind="click:fToday"> vandaag </button>
|
|
<button class="LSright"
|
|
style="margin:0px; padding:0px;"
|
|
data-bind="click:fPlus"> </button>
|
|
</div>
|
|
<div class="clearfix"> </div>
|
|
|
|
<div id="celcontainer" style="width:890px" >
|
|
<div class='ahcell borderleft'> ma</div>
|
|
<div class='ahcell'> di</div>
|
|
<div class='ahcell'> wo</div>
|
|
<div class='ahcell'> do</div>
|
|
<div class='ahcell'> vr</div>
|
|
<div class='ahcell'> za</div>
|
|
<div class='ahcell'> zo</div>
|
|
<div class="clearfix"> </div>
|
|
|
|
<!-- ko foreach: Acontent -->
|
|
<div class='acell'
|
|
data-bind="visible:teller <35 || dag() > 0,
|
|
css: {borderleft : (teller%7)==0,
|
|
weekendcell: (teller%7 ==5) || (teller%7 == 6) ,
|
|
todaycell: isVandaag},
|
|
attr:{id: 'cel' + teller},
|
|
click: $parent.fADetails">
|
|
<p style="text-align: right; margin-right:5px" data-bind="text: dag() > 0 ? dag : '' "> </p>
|
|
|
|
<!-- ko foreach: events -->
|
|
<p style="font-size:0.8em; text-align: left; padding-left: 5px; width: 118px; overflow-x:hidden;"
|
|
data-bind="visible: $index()< 2 ,
|
|
text: Atitel ,
|
|
style: {background : colorcode },
|
|
attr:{title: Info}" > </p>
|
|
<p style="font-size:0.8em; text-align:left; margin-left:5px;"
|
|
data-bind= "visible : ( $parent.events().length > 2 && $index() > 1) ,
|
|
text : 'meer ...' ">
|
|
</p>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</div>
|
|
<!-- ko if: teller%7==6 -->
|
|
<div class='clearfix'> </div>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"> </div>
|
|
</div> <!-- popbody -->
|
|
<!-- <div class="popfooter">
|
|
<hr style="margin-top:0px"> -->
|
|
<!-- <button class="ondark "
|
|
style="margin-left: 20px"
|
|
data-bind="click: $('.popclose').click()"> annuleren </button> -->
|
|
<!-- <button class="ondark "
|
|
style=" margin-left: 185px"
|
|
data-bind="click: functienaam, enable: Conditie"> opslaan </button> -->
|
|
<!-- </div> -->
|
|
</div>
|