monpas/application/views/ijkpartituur/popups/popdagagenda.php

<style>
.aheader{
	background-color:#975796; 
	color:#fff;
}
.kleinint{
	text-align:right;
	width: 15px;
}
 td.DagClose{
        background:url("css/images/arrowright.png") 50% 50% no-repeat; 
        cursor: pointer;   
   }
  td.DagOpen{
             background:url("css/images/arrowdown.png") 50% 50% no-repeat;    
             cursor: pointer;   
   }
  tr.trOpen{
  	display: table-row;
  } 
  tr.trClose{
  	display:none;
  }
  td.cLabel{
  	font-size: 		0.9em;
  	color:			#bababa;
  	vertical-align: 	top;
  	text-align:		right;
  	padding-right:	10px;
  }
</style>
	

<div class="popup "  id="popDagAgenda" style="margin-left:15px; margin-top:20px; position:absolute" >
	<div class='overlay' id="lsOverlay2"></div>

	<div class="popheader" style="font-family: Mooischrijf;   bold;background-color:#ebebeb; color: #8b8b8b"> 
		<p style="padding-top:15px; margin-top:0px;margin-bottom:0px; font-size:2.0em"> 
			<span data-bind="text: selectedContent().dag()"> </span>
			<span data-bind= "text: currentMaand().naam()"> </span>
			<span data-bind ="text: currentMaand().jaar()"> </span>
		</p>
		<p data-bind="text: selectedContent().dagvanweek()"
			style="font-size: 1.1em, margin-top: -5px"> 
		</p>	
		<p>	
			<img src="css/images/closebut.png" class="popclose"  style="float:right"/>
		</p>
	</div>
	<div class="clearfix"> </div>	      
	<div class="popbody" >	
		<div class="draganchor" style="height: 450px;margin-right:0px">  </div>
		<div class="popcontent" style= "height:450px; background-color:#fff; margin-left:0px">
			<table style="border-collapse:collapse; cellspacing: 0px; padding-left:5px">
				<thead>
					<tr>
						<th class='aheader'> </th>
						<th class='aheader' width=65px> van</th>
						<th class='aheader'>-</th>
						<th class='aheader' width=65px> tot </th>
						<th class='aheader' style="width:300px; text-align:left">onderwerp</th>
						<th class='aheader' style="width:20px"></th> 
					</tr>
				</thead>	
				<tbody data-bind="foreach: selectedContent().events()">
					<tr  style=" color:#6e6e6e"> 
						<td data-bind="click: $parent.fDelete">
								<img src="css/images/delete.png" width=15px height=15px />
						</td>		
						<td> <input class="dubbelint "
									style="border:none; width:20px"
									data-bind="value: startUur, 
												event:{change: $parent.fCheckUur},
												attr:{id: 'uurS' + id},
												enable:schrijf" />:
							 <input class=" dubbelint "	
							 		style="border:none; width:20px;text-align:left;padding-left:0px;margin-left:0px"								
									data-bind="value: startMinuut, 
												event:{change: $parent.fCheckMinuut},
												attr:{id: 'minuutS' + id},
												enable:schrijf" />  </td>
						<td >&nbsp;-&nbsp;</td>
						<td> <input class="dubbelint"
							style="border:none; width:20px"								
							data-bind=	"value: eindUur, 
									event:{change: $parent.fCheckUur},
									attr:{id: 'uurE' + id},
									enable:schrijf"/>:
						  <input class="dubbelint"
							style="border:none; width:25px; text-align:left;padding-left:0px;margin-left:0px"								
							data-bind=	"value: eindMinuut, 
									event:{change: $parent.fCheckMinuut},
									attr:{id: 'minuutE' + id},
									enable:schrijf "/> 
						</td>
						<td> <input style="width: 300px; border:none; "
									data-bind="value: titel,
												event:{change: $parent.fSaveEvent},
												enable:schrijf" />  </td>
						<td class="DagClose" 
							data-bind="click: $parent.fOpenCloseEvent,
										attr: {id:'event' + id} "></td>
					</tr>
					<tr class='trClose'
						style="background-color: #fdfdfd"
						data-bind="attr: {id: 'trbij' + id}">
						<td colspan = '8'>
							<table style="border-collapse:collapse; cellspacing: 0px;width: 100%;color:#6e6e6e">
								<colgroup>
									<col style="width: 130px">
									<col style="width: 320px">
								</colgroup>
								<tbody>
									<tr>
										<td class="cLabel">Toegang</td>
										<td >  <input 	type="radio"
														value="3"
														data-bind="attr:{name:'toegang' + id},
																	enable: schrijf, 
																	event:{change: $parent.fSaveEvent},
																	checked:toegang " /> zelf
												<input 	type="radio"
														value="23"
														data-bind="attr:{name:'toegang' + id},
																	enable: schrijf, 
																	event:{change: $parent.fSaveEvent},
																	checked:toegang" /> MT
											 	<input 	type="radio"
														value="63"
														data-bind="attr:{name:'toegang' + id},
																	enable: schrijf, 
																	event:{change: $parent.fSaveEvent},
																	checked:toegang " /> team					
										</td>
									</tr>
									<tr>
										<td class="cLabel">Wijzigen</td>
										<td >  <input 	type="radio"
														value="3"
														data-bind="attr:{name:'wijzig' + id},
																	enable: schrijf, 
																	event:{change: $parent.fSaveEvent},
																	checked:wijzig " /> zelf
												<input 	type="radio"
														value="23"
														data-bind="attr:{name:'wijzig' + id},
																	enable: schrijf, 
																	event:{change: $parent.fSaveEvent},
																	checked:wijzig" /> MT
											 	<input 	type="radio"
														value="63"
														data-bind="attr:{name:'wijzig' + id},
																	enable: schrijf, 
																	event:{change: $parent.fSaveEvent},
																	checked:wijzig " /> team					
										</td>
									</tr>
									<tr >
										<td class="cLabel"><?=$this->lang->line('lbl-Pijler')?></td>
										<td> <select   	style="color:#6e6e6e"
														data-bind=   "options: $parent.DagPijlerset(),
																	   optionsText:'naam',
																	   optionsValue:  'id',
																	    value : pijlerID ,
																	    event:{click: $parent.fSaveOldPijler,
																	    		 change: $parent.fChangePijler} ,
																	    enable:schrijf    " >
											   </select>
										</td>						
									</tr>	
									<tr>
										<td class="cLabel"> Activiteit</td>
										<td data-bind="visible: !ChangeActiviteit()">
											<span  data-bind="text: activiteitNaam"> </span>
											 <button class="onwhite" 
											 		style="color: #6e6e6e"
											 		 data-bind="click:$parent.fChangeActiviteit,
											 		 			attr: {id: 'CA' + id},
											 		 			visible: schrijf && (pijlerID() > 0) && (pijlerID() !== undefined)">
											 		 andere activiteit			
											 </button>		 			
										 </td>															
										<td data-bind="visible: ChangeActiviteit()">
											<select   	style="color:#6e6e6e"
														data-bind="options: $parent.DagActiviteitset(),
																   optionsText:'naam',
																   optionsValue:  'id',
																    value : activiteitID ,
																    event:{change: $parent.fSaveActiviteit} 
																      " >
											   </select>
										</td>	
									</tr>	
									<tr >
										<td class="cLabel"> Kleur</td>
										<td ><select   style="color:#6e6e6e"
													   data-bind="options: $parent.colorset(),
																   optionsText:'naam',
																   optionsValue:  'colorcode',
																    value : colorcode ,
																    event:{change: $parent.fSaveEvent} ,
																    enable:schrijf    " >
											 </select>
										</td>						
									</tr>
									<tr >
										<td class="cLabel"> Opmerkingen</td>
										<td > <textarea style="width: 97%;height:75px; color:#6e6e6e"
														data-bind= "value: opmerking,
																	event:{change: $parent.fSaveEvent},
																	enable:schrijf">
											    </textarea>
										</td>					
									</tr> 
								</tbody>	
							</table>	
						</td>					
					</tr>
					<tr>
						<td colspan=8> <hr> </td>
					</tr>
				</tbody>	
			</table>
		</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: fNewEvent"> nieuwe afspraak </button>
		<!-- <button 	class="ondark " 	
  			  		style=" margin-left: 185px"			
		 	 		data-bind="click: functienaam, enable: Conditie"> opslaan </button> -->
	</div>
</div>