improvements

web/css/kimai.css

@@ -0,0 +1,248 @@
+#ticktac img {
+    width: 30px;
+}
+
+/*
+#ticktac img {
+    width: 100%;
+}
+.user-panel>.info {
+    left: 80px;
+}
+*/
+footer.main-footer {
+    padding: 5px;
+    font-size: 80%;
+}
+
+/*
+    TODO
+    "display:hidden" regel für dataTable - spalten - mobile ansicht
+    "display:hidden" regel für dataTable - header icon - mobile ansicht
+
+*/
+
+
+/*
+dataTables.bootstrap.css
+*/
+div.dataTables_length label {
+    font-weight: normal;
+    text-align: left;
+    white-space: nowrap;
+}
+
+div.dataTables_length select {
+    width: 75px;
+    display: inline-block;
+}
+
+div.dataTables_filter {
+    text-align: right;
+}
+
+div.dataTables_filter label {
+    font-weight: normal;
+    white-space: nowrap;
+    text-align: left;
+}
+
+div.dataTables_filter input {
+    margin-left: 0.5em;
+    display: inline-block;
+    width: auto;
+}
+
+div.dataTables_info {
+    padding-top: 8px;
+    white-space: nowrap;
+}
+
+div.dataTables_paginate {
+    margin: 0;
+    white-space: nowrap;
+    text-align: right;
+}
+
+div.dataTables_paginate ul.pagination {
+    margin: 2px 0;
+    white-space: nowrap;
+}
+
+@media screen and (max-width: 767px) {
+    div.dataTables_wrapper > div.row > div,
+    div.dataTables_length,
+    div.dataTables_filter,
+    div.dataTables_info,
+    div.dataTables_paginate {
+        text-align: center;
+    }
+
+    div.DTTT {
+        margin-bottom: 0.5em;
+    }
+}
+
+
+table.dataTable td,
+table.dataTable th {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}
+
+
+table.dataTable {
+    clear: both;
+    /*margin-top: 6px !important;
+    margin-bottom: 6px !important;*/
+    margin-bottom: 0px !important;
+    max-width: none !important;
+}
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+    cursor: pointer;
+    position: relative;
+}
+
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    display: block;
+    font-family: 'Glyphicons Halflings';
+    opacity: 0.5;
+}
+table.dataTable thead .sorting:after {
+    opacity: 0.2;
+    content: "\e150"; /* sort */
+}
+table.dataTable thead .sorting_asc:after {
+    content: "\e155"; /* sort-by-attributes */
+}
+table.dataTable thead .sorting_desc:after {
+    content: "\e156"; /* sort-by-attributes-alt */
+}
+div.dataTables_scrollBody table.dataTable thead .sorting:after,
+div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
+div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
+    display: none;
+}
+
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+    color: #eee;
+}
+
+table.dataTable thead > tr > th {
+    padding-right: 30px;
+}
+
+table.dataTable th:active {
+    outline: none;
+}
+
+
+/* Condensed */
+table.dataTable.table-condensed thead > tr > th {
+    padding-right: 20px;
+}
+
+table.dataTable.table-condensed thead .sorting:after,
+table.dataTable.table-condensed thead .sorting_asc:after,
+table.dataTable.table-condensed thead .sorting_desc:after {
+    top: 6px;
+    right: 6px;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+    margin-bottom: 0 !important;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+    border-top: none;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+    border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+    margin-top: 0 !important;
+    border-top: none;
+}
+
+/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
+   width calculations when using scrolling impossible to align columns. We have
+   to use separate
+ */
+table.table-bordered.dataTable {
+    border-collapse: separate !important;
+}
+table.table-bordered thead th,
+table.table-bordered thead td {
+    border-left-width: 0;
+    border-top-width: 0;
+}
+table.table-bordered tbody th,
+table.table-bordered tbody td {
+    border-left-width: 0;
+    border-bottom-width: 0;
+}
+table.table-bordered tfoot th,
+table.table-bordered tfoot td {
+    border-left-width: 0;
+    border-bottom-width: 0;
+}
+table.table-bordered th:last-child,
+table.table-bordered td:last-child {
+    border-right-width: 0;
+}
+div.dataTables_scrollHead table.table-bordered {
+    border-bottom-width: 0;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table.dataTable tbody tr.active td,
+.table.dataTable tbody tr.active th {
+    background-color: #08C;
+    color: white;
+}
+
+.table.dataTable tbody tr.active:hover td,
+.table.dataTable tbody tr.active:hover th {
+    background-color: #0075b0 !important;
+}
+
+.table.dataTable tbody tr.active th > a,
+.table.dataTable tbody tr.active td > a {
+    color: white;
+}
+
+.table-striped.dataTable tbody tr.active:nth-child(odd) td,
+.table-striped.dataTable tbody tr.active:nth-child(odd) th {
+    background-color: #017ebc;
+}

web/js/kimai.js

@@ -0,0 +1,56 @@
+$(document).ready(function() {
+
+    (function( $ ) {
+
+        var pubSub = $({});
+
+        var methods = {
+            init : function(options) {
+                $.fn.kimai.settings = $.extend( {}, $.fn.kimai.defaults, options );
+            },
+            hook: function(name) {
+                alert('Hook: ' + name);
+                console.log($.fn.kimai.settings);
+            },
+            subscribe: function() {
+                pubSub.on.apply(pubSub, arguments);
+            },
+            unsubscribe: function() {
+                pubSub.off.apply(pubSub, arguments);
+            },
+            publish: function() {
+                pubSub.trigger.apply(pubSub, arguments);
+            },
+            ticktac: function(selector) {
+                $(selector + ' img').hover(function () {
+                    $(this).attr('src', $.fn.kimai.settings.imagePath + '/buzzer-on-hover.png');
+                },function () {
+                    $(this).attr('src', $.fn.kimai.settings.imagePath + '/buzzer-on.png');
+                });
+            }
+        };
+
+        $.fn.kimai = function(options) {
+            console.log('#');
+            console.log(options);
+            console.log('#');
+            if (methods[options]) {
+                return methods[options].apply( this, Array.prototype.slice.call(arguments, 1));
+            } else if (typeof options === 'object') {
+                return methods.init.apply( this, arguments );
+            }
+            return this;
+        };
+
+        // default values
+        $.fn.kimai.defaults = {
+            baseUrl: '/',
+            imagePath: '/images'
+        };
+
+        // once initialized, here are all values
+        $.fn.kimai.settings = {};
+
+    }( jQuery ));
+
+});