adding full calendar support
This commit is contained in:
		| @@ -1,102 +1,104 @@ | ||||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | ||||
|         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||||
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" | ||||
|   xmlns:f="http://java.sun.com/jsf/core" xmlns:my="http://xmlns.jcp.org/jsf/composite/my" xmlns:b="http://bootsfaces.net/ui"> | ||||
| 	xmlns:f="http://java.sun.com/jsf/core" xmlns:my="http://xmlns.jcp.org/jsf/composite/my" xmlns:b="http://bootsfaces.net/ui"> | ||||
| <h:head> | ||||
|   <title>Arbeitszeit</title> | ||||
| 	<title>Arbeitszeit</title> | ||||
| </h:head> | ||||
| <h:body> | ||||
|   <ui:composition template="/pages/template.xhtml"> | ||||
|     <ui:define name="top"></ui:define> | ||||
|     <ui:define name="main"> | ||||
|       <b:panel title="Arbeitszeit" look="primary"> | ||||
|         <b:form> | ||||
|           <h:panelGrid columns="3"> | ||||
|             <h:outputText value="für den Tag" /> | ||||
|             <b:dateTimePicker value="#{doneModel.day}" showTime="false" style="padding-left: 4px" /> | ||||
|             <b:commandButton action="#{doneControl.toList}" value="neu laden" look="default" iconAwesome="refresh" | ||||
|               style="padding-left: 4px" /> | ||||
|           </h:panelGrid> | ||||
|           <b:tabView> | ||||
|             <b:tab title="Liste"> | ||||
|               <b:dataTable value="#{doneModel.beans}" var="b" border="false" info="false" paginated="false" searching="false" | ||||
|                 styleClass="doneoverview"> | ||||
|                 <b:dataTableColumn label="" orderable="false"> | ||||
|                   <b:commandButton action="#{doneControl.toDelete(b)}" value="Entfernen" look="danger" iconAwesome="trash" /> | ||||
|                 </b:dataTableColumn> | ||||
|                 <b:dataTableColumn label="" value="#{b.timeSummary}" contentStyleClass="doneoverviewtext" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" value="#{b.projectName}" contentStyleClass="doneoverviewtextemph" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" value="#{b.timeDiff}" contentStyleClass="doneoverviewtextemph" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" orderable="false"> | ||||
|                   <b:commandButton action="#{doneControl.toEdit(b)}" value="Editieren" look="warning" iconAwesome="pencil" /> | ||||
|                 </b:dataTableColumn> | ||||
|                 <b:dataTableColumn label="" value="#{b.moduleName}" contentStyleClass="doneoverviewtext" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" value="#{b.jobName}" contentStyleClass="doneoverviewtext" orderable="false" /> | ||||
|               </b:dataTable> | ||||
|             </b:tab> | ||||
|             <b:tab title="Zusammenfassung"> | ||||
|               <b:dataTable value="#{doneModel.allJobs}" var="col" border="false" info="false" paginated="false" | ||||
|                 searching="false"> | ||||
|                 <b:dataTableColumn label="" value="#{col.projectName}" contentStyle="font-size: 120%" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" value="#{col.moduleName}" contentStyle="font-size: 120%" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" value="#{col.jobName}" contentStyle="font-size: 120%" orderable="false" /> | ||||
|                 <b:dataTableColumn label="" value="#{col.duration}" contentStyle="font-size: 120%" orderable="false" /> | ||||
|               </b:dataTable> | ||||
|             </b:tab> | ||||
|             <b:tab title="Anhang"> | ||||
|               <p> | ||||
|                 <b:inputTextarea value="#{doneModel.attach}" readonly="true" /> | ||||
|               </p> | ||||
|             </b:tab> | ||||
|           </b:tabView> | ||||
|           <b:row rendered="#{doneModel.daySummary != null}"> | ||||
|             <b:column colXs="4"> | ||||
|               <b:well styleClass="dangerWell">Pause | ||||
|               <h3> | ||||
|                   <h:outputText value="#{doneModel.daySummary.breakTime}" /> | ||||
|                 </h3> | ||||
|               </b:well> | ||||
|             </b:column> | ||||
|             <b:column colXs="4"> | ||||
|               <b:well>Startzeit | ||||
|               <h3> | ||||
|                   <h:outputText value="#{doneModel.daySummary.startTime}" /> | ||||
|                 </h3> | ||||
|               </b:well> | ||||
|             </b:column> | ||||
|             <b:column colXs="4"> | ||||
|               <b:well>Überstunden | ||||
|               <h3> | ||||
|                   <h:outputText value="#{doneModel.daySummary.overtime}" /> | ||||
|                 </h3> | ||||
|               </b:well> | ||||
|             </b:column> | ||||
|             <b:column colXs="4"> | ||||
|               <b:well styleClass="successWell">Arbeitszeit | ||||
|               <h3> | ||||
|                   <h:outputText value="#{doneModel.daySummary.workTime}" /> | ||||
|                 </h3> | ||||
|               </b:well> | ||||
|             </b:column> | ||||
|             <b:column colXs="4"> | ||||
|               <b:well>Endzeit | ||||
|               <h3> | ||||
|                   <h:outputText value="#{doneModel.daySummary.endTime}" /> | ||||
|                 </h3> | ||||
|               </b:well> | ||||
|             </b:column> | ||||
|           </b:row> | ||||
|         </b:form> | ||||
|       </b:panel> | ||||
|     </ui:define> | ||||
|     <ui:define name="navigation"> | ||||
|       <b:form> | ||||
|         <b:buttonGroup> | ||||
|           <b:commandButton action="#{doneControl.toStart}" value="zurück" look="primary" iconAwesome="arrow-left" /> | ||||
|           <b:commandButton action="#{doneControl.toAdd}" value="Neuer Eintrag" look="success" iconAwesome="plus" /> | ||||
|         </b:buttonGroup> | ||||
|       </b:form> | ||||
|     </ui:define> | ||||
|   </ui:composition> | ||||
| 	<ui:composition template="/pages/template.xhtml"> | ||||
| 		<ui:define name="top"></ui:define> | ||||
| 		<ui:define name="main"> | ||||
| 			<b:panel title="Arbeitszeit" look="primary"> | ||||
| 				<b:form> | ||||
| 					<h:panelGrid columns="3"> | ||||
| 						<h:outputText value="für den Tag" /> | ||||
| 						<b:dateTimePicker value="#{doneModel.day}" showTime="false" style="padding-left: 4px" /> | ||||
| 						<b:commandButton action="#{doneControl.toList}" value="neu laden" look="default" iconAwesome="refresh" | ||||
| 							style="padding-left: 4px" /> | ||||
| 					</h:panelGrid> | ||||
| 					<b:tabView> | ||||
| 						<b:tab title="Liste"> | ||||
| 							<b:dataTable value="#{doneModel.beans}" var="b" border="false" info="false" paginated="false" searching="false" | ||||
| 								styleClass="doneoverview"> | ||||
| 								<b:dataTableColumn label="" orderable="false"> | ||||
| 									<b:commandButton action="#{doneControl.toDelete(b)}" value="Entfernen" look="danger" iconAwesome="trash" /> | ||||
| 								</b:dataTableColumn> | ||||
| 								<b:dataTableColumn label="" value="#{b.timeSummary}" contentStyleClass="doneoverviewtext" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" value="#{b.projectName}" contentStyleClass="doneoverviewtextemph" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" value="#{b.timeDiff}" contentStyleClass="doneoverviewtextemph" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" orderable="false"> | ||||
| 									<b:commandButton action="#{doneControl.toEdit(b)}" value="Editieren" look="warning" iconAwesome="pencil" /> | ||||
| 								</b:dataTableColumn> | ||||
| 								<b:dataTableColumn label="" value="#{b.moduleName}" contentStyleClass="doneoverviewtext" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" value="#{b.jobName}" contentStyleClass="doneoverviewtext" orderable="false" /> | ||||
| 							</b:dataTable> | ||||
| 							<b:row rendered="#{doneModel.daySummary != null}"> | ||||
| 								<b:column colXs="4"> | ||||
| 									<b:well styleClass="dangerWell">Pause | ||||
|                     <h3> | ||||
| 											<h:outputText value="#{doneModel.daySummary.breakTime}" /> | ||||
| 										</h3> | ||||
| 									</b:well> | ||||
| 								</b:column> | ||||
| 								<b:column colXs="4"> | ||||
| 									<b:well>Startzeit | ||||
|                     <h3> | ||||
| 											<h:outputText value="#{doneModel.daySummary.startTime}" /> | ||||
| 										</h3> | ||||
| 									</b:well> | ||||
| 								</b:column> | ||||
| 								<b:column colXs="4"> | ||||
| 									<b:well>Überstunden | ||||
|                     <h3> | ||||
| 											<h:outputText value="#{doneModel.daySummary.overtime}" /> | ||||
| 										</h3> | ||||
| 									</b:well> | ||||
| 								</b:column> | ||||
| 								<b:column colXs="4"> | ||||
| 									<b:well styleClass="successWell">Arbeitszeit | ||||
|                     <h3> | ||||
| 											<h:outputText value="#{doneModel.daySummary.workTime}" /> | ||||
| 										</h3> | ||||
| 									</b:well> | ||||
| 								</b:column> | ||||
| 								<b:column colXs="4"> | ||||
| 									<b:well>Endzeit | ||||
|                     <h3> | ||||
| 											<h:outputText value="#{doneModel.daySummary.endTime}" /> | ||||
| 										</h3> | ||||
| 									</b:well> | ||||
| 								</b:column> | ||||
| 							</b:row> | ||||
| 						</b:tab> | ||||
| 						<b:tab title="Zusammenfassung"> | ||||
| 							<b:dataTable value="#{doneModel.allJobs}" var="col" border="false" info="false" paginated="false" searching="false"> | ||||
| 								<b:dataTableColumn label="" value="#{col.projectName}" contentStyle="font-size: 120%" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" value="#{col.moduleName}" contentStyle="font-size: 120%" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" value="#{col.jobName}" contentStyle="font-size: 120%" orderable="false" /> | ||||
| 								<b:dataTableColumn label="" value="#{col.duration}" contentStyle="font-size: 120%" orderable="false" /> | ||||
| 							</b:dataTable> | ||||
| 						</b:tab> | ||||
| 						<b:tab title="Anhang"> | ||||
| 							<p> | ||||
| 								<b:inputTextarea value="#{doneModel.attach}" readonly="true" /> | ||||
| 							</p> | ||||
| 						</b:tab> | ||||
| 						<b:tab title="Kalender"> | ||||
| 							<b:fullCalendar editable="false" events="#{doneModel.calendarEvents}" height="400" defaultDate="#{doneModel.day}" /> | ||||
| 						</b:tab> | ||||
| 					</b:tabView> | ||||
| 				</b:form> | ||||
| 			</b:panel> | ||||
| 		</ui:define> | ||||
| 		<ui:define name="navigation"> | ||||
| 			<b:form> | ||||
| 				<b:buttonGroup> | ||||
| 					<b:commandButton action="#{doneControl.toStart}" value="zurück" look="primary" iconAwesome="arrow-left" /> | ||||
| 					<b:commandButton action="#{doneControl.toAdd}" value="Neuer Eintrag" look="success" iconAwesome="plus" /> | ||||
| 				</b:buttonGroup> | ||||
| 			</b:form> | ||||
| 		</ui:define> | ||||
| 	</ui:composition> | ||||
| </h:body> | ||||
| </html> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user