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

<div class="popup "  id="popNewEvent" style="z-index: 510; position:absolute; left:200px;top:40px" >
	<div class="popheader" > Nieuwe afspraak
		<img src="css/images/closebut.png" class="popclose" style='float:right;margin-top:3px' />
	</div>
	<div class="popbody" >
		<div class="draganchor" style="height: 350px;">  </div>
		<div class="popcontent" style= "height:350px; ">
			<table style="border-collapse:collapse; cellspacing: 0px; padding-left:5px">
				<thead>
					<tr>
						<th colspan=2 class='aheader'> van</th>
						<th class='aheader'>-</th>
						<th colspan=2 class='aheader'> 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="with: NewAfspraak">
					<tr  style=" color:#6e6e6e"> 
						<td> <input class="dubbelint "
									style="border:none; width:2-px"
									data-bind="value: startUur, 
												event:{change: $parent.fCheckUur},
												attr:{id: 'uurS' + id}" />:
						</td>
						<td>
							 <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}" />  </td>
						<td >-</td>
						<td> <input class="dubbelint"
									style="border:none; width:20px"								
									data-bind="value: eindUur, 
												event:{change: $parent.fCheckUur},
												attr:{id: 'uurE' + id}"/>:
						</td>
						<td>
						  <input class="dubbelint"
									style="border:none; width:20px; text-align:left;padding-left:0px;margin-left:0px"								
									data-bind="value: eindMinuut, 
												event:{change: $parent.fCheckMinuut},
												attr:{id: 'minuutE' + id} "/> 
						</td>
						<td> <input style="width: 300px; border:none; "
									id="newAfspraakTitel"
									data-bind="value: titel" />  </td>						
					</tr>
					<tr class='trOpen'
						style="background-color: #fdfdfd"
						data-bind="attr: {id: 'trbij' + id}">
						<td colspan = '6'>
							<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},
																	checked:toegang " /> zelf
												<input 	type="radio"
														value="23"
														data-bind="attr:{name:'toegang' + id},
																	checked:toegang" /> MT
											 	<input 	type="radio"
														value="63"
														data-bind="attr:{name:'toegang' + id},
																	checked:toegang " /> team					
										</td>
									</tr>
									<tr>
										<td class="cLabel">Wijzigen</td>
										<td >  <input 	type="radio"
														value="3"
														data-bind="attr:{name:'wijzig' + id},
																	checked:wijzig " /> zelf
												<input 	type="radio"
														value="23"
														data-bind="attr:{name:'wijzig' + id},
																	checked:wijzig" /> MT
											 	<input 	type="radio"
														value="63"
														data-bind="attr:{name:'wijzig' + id},
																	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:{change: $parent.fAnderePijler}  " >
											   </select>
										</td>						
									</tr>	
									<tr>
										<td class="cLabel"> Activiteit</td>
										<td>
											<select   style="color:#6e6e6e"
												 data-bind="options: $parent.newDagActiviteitset(),
													       optionsText:'naam',
													       optionsValue:  'id',
													       value : activiteitID " >
											   </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  " >
											 </select>
										</td>						
									</tr>
									<tr >
										<td class="cLabel"> Opmerkingen</td>
										<td > <textarea style="width: 97%;height:75px; color:#6e6e6e"
														data-bind= "value: opmerking">
											    </textarea>
										</td>					
									</tr> 
								</tbody>	
							</table>	
						</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: fClosePopUp"> annuleren </button>
		 <button 	class="ondark " 	
  			  		style=" float:right; margin-right: 15px"			
		 	 		data-bind="click: fMaakNewAfspraak"> opslaan </button> 
	</div>
</div>