added webpack-encore for managing frontend assets #113 (#122)

* updated installation docu #113
* rewritten login page #113
* added icheck plugin #113
* changed to YesNoType in edit forms #113
* updated CONTRIBUTING.md #113
* added start of developer docu #113
* added compile scripts and compiled assets #113

assets/js/app.js

@@ -0,0 +1,31 @@
+// ------ jquery and bootstrap basics ------
+// create global $ and jQuery variables
+const $ = require('jquery');
+global.$ = global.jQuery = $;
+
+require('jquery-ui');
+require('bootstrap-sass');
+require('jquery-slimscroll');
+
+// ------ for charts ------
+const Chart = require('../../vendor/almasaeed2010/adminlte/plugins/chartjs/Chart.min.js');
+global.Chart = Chart;
+
+// ------ AdminLTE framework ------
+require('../css/vendor.scss');
+require('../../vendor/almasaeed2010/adminlte/dist/css/AdminLTE.min.css');
+require('../../vendor/almasaeed2010/adminlte/dist/css/skins/_all-skins.css');
+require('../css/kimai.scss');
+
+global.$.AdminLTE = {};
+global.$.AdminLTE.options = {};
+require('../../vendor/almasaeed2010/adminlte/dist/js/app.js');
+
+// ------ Kimai itself ------
+require('./kimai.js');
+require('./toolbar.js');
+require('../images/default_avatar.png');
+
+// ------ icheck for enhanced radio buttins and checkboxes ------
+require('icheck');
+require('icheck/skins/square/blue.css');

assets/js/kimai.js

@@ -0,0 +1,76 @@
+/*!
+ * Kimai Time-Tracking - kimai.js
+ *
+ * This file is part of the Kimai package.
+ *
+ * (c) Kevin Papst <kevin@kevinpapst.de>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+if (typeof jQuery === "undefined") {
+    throw new Error("Kimai requires jQuery");
+}
+
+/* kimai
+ *
+ * @type Object
+ * @description $.kimai is the main object for the template's app.
+ *              It's used for implementing functions and options related
+ *              to the template. Keeping everything wrapped in an object
+ *              prevents conflict with other plugins and is a better
+ *              way to organize our code.
+ */
+$.kimai = {};
+
+$(function() {
+"use strict";
+
+    $.kimai = {
+        init: function(options) {
+            if (typeof options !== 'undefined') {
+                $.kimai.settings = $.extend({}, $.kimai.defaults, options);
+            }
+
+            // ask before a delete call is executed
+            $('a.btn-trash').click(function (event) {
+                return confirm($.kimai.settings['confirmDelete']);
+            });
+
+            $('.dropdown-toggle').dropdown();
+
+            /*
+            $('input').iCheck({
+                checkboxClass: 'icheckbox_square-blue',
+                radioClass: 'iradio_square-blue',
+                increaseArea: '20%' // optional
+            });
+            */
+
+            // $.AdminLTE.pushMenu.expandOnHover();
+        },
+        pauseRecord: function(selector) {
+            $(selector + ' .pull-left i').hover(function () {
+                var link = $(this).parents('a');
+                link.attr('href', link.attr('href').replace('/stop', '/pause'));
+                $(this).removeClass('fa-stop-circle').addClass('fa-pause-circle').addClass('text-orange');
+            },function () {
+                var link = $(this).parents('a');
+                link.attr('href', link.attr('href').replace('/pause', '/stop'));
+                $(this).removeClass('fa-pause-circle').removeClass('text-orange').addClass('fa-stop-circle');
+            });
+        }
+    };
+
+    // default values
+    $.kimai.defaults = {
+        baseUrl: '/',
+        imagePath: '/images',
+        confirmDelete: 'Really delete?'
+    };
+
+    // once initialized, here are all values
+    $.kimai.settings = {};
+
+});

assets/js/toolbar.js

@@ -0,0 +1,39 @@
+/*!
+ * Kimai Time-Tracking - toolbar.js
+ *
+ * This file is part of the Kimai package.
+ *
+ * (c) Kevin Papst <kevin@kevinpapst.de>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+$(document).ready(function () {
+
+    // DateRange - TODO improve me, so users can type without reloading in between
+    $('.toolbar form input').change(function (event) {
+        $('.toolbar form').submit();
+    });
+
+    $('.toolbar form select').change(function (event) {
+        switch (event.target.id) {
+            case 'customer':
+                if ($(this).val() === '') {
+                    $('.toolbar form select#project').parent().remove();
+                } else {
+                    $('.toolbar form select#project').val('');
+                }
+                $('.toolbar form select#activity').parent().remove();
+                break;
+            case 'project':
+                if ($(this).val() === '') {
+                    $('.toolbar form select#activity').parent().remove();
+                } else {
+                    $('.toolbar form select#activity').val('');
+                }
+                break;
+        }
+        $('.toolbar form').submit();
+    });
+
+});