Custom CSS plugin for Kimai

free

Pricing for this item

Features
Screenshots
Installation
Updates

Offered by

Keleo

Software development company founded by Kevin Papst

If you have any question, visit the developers homepage or use the email for direct contact .

A plugin, which allows editing custom CSS rules through an administration screen.

Last update: 21 Feb 2019

GitHub Download

Full documentation available in the documentation.

You can test the Plugin in the Plugin demo.

This bundle allows you to add custom CSS rules to Kimai.

Permissions

Permission Name	Description
select_custom_css	select from the pre-defined rules
edit_custom_css	access the administration screen to edit custom css rules

By default, these are assigned to each user with the role ROLE_SUPER_ADMIN.

Read how to assign these permission to your user roles in the permission documentation.

Storage

This bundle stores the custom CSS rules in the file var/data/custom-css-bundle.css. Make sure its writable by your webserver and included in your backups.

Screenshots

Custom CSS administration

The new administration page with all available pre-made rules (fullscreen)

Timesheet

Default timesheet view before using rules (fullscreen)

Custom timesheet

Timesheet view with activated custom rules: highlight active records, hide overlapping records (fullscreen)

Installation

Copy files

Extract the ZIP file and upload the included directory and all files to your Kimai installation to the new directory:

var/plugins/CustomCSSBundle/

Or you can clone it directly to the var/plugins/ directory of your Kimai installation:

cd kimai/var/plugins/
git clone https://github.com/Keleo/CustomCSSBundle.git CustomCSSBundle

The file structure needs to look like this afterwards:

var/plugins/
├── CustomCSSBundle
│   ├── CustomCSSBundle.php
|   └ ... more files and directories follow here ...

Clear cache

After uploading the files, Kimai needs to know about the new plugin. It will be found once the cache was re-built. Call these commands from the Kimai directory:

How to reload Kimai cache

bin/console kimai:reload --env=prod

It is not advised, but in case the above command fails you could try:

rm -r var/cache/prod/*

You might have to set file permissions afterwards:

Fix Kimai file permission

You have to allow PHP (your webserver process) to write to var/ and it subdirectories.

Here is an example for Debian/Ubuntu (to be executed inside the Kimai directory):

chown -R :www-data .
chmod -R g+r .
chmod -R g+rw var/
chmod -R g+rw public/avatars/

Test Kimai before executing these commands (they are likely not required in a shared-hosting environment). You probably need to prefix them with sudo and the group might be called different than www-data.

Updates

Updating the plugin works exactly like the installation:

Delete the directory var/plugins/CustomCSSBundle/
Execute all installation steps again:
- Copy files
- Clear cache

All items by Keleo

Console client (PHAR)	bash PHP PHAR	free
Custom CSS plugin	plugin	free
Fail2Ban plugin	plugin	free
Fixed invoice data format (by language)	plugin	free
Grandtotal plugin	GrandTotal	free
Recalculate rates plugin	plugin	free