adding full calendar support

This commit is contained in:
2019-02-09 15:52:19 +01:00
parent e6b7297e3d
commit b978765df7
3 changed files with 158 additions and 100 deletions

View File

@ -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>