Simple web interface using FrappeGantt to show and edit Nextcloud Deck Board cards in gantt format
Thanks to jeobz for the original beta version.
Also thanks to:
Nextcloud Deck for the great Nextcloud app
Frappe for the interactive javascript
Stadt Würzburg for sponsoring
Tailwind CSS
Alpine.js
Tasks with set due date in the nextcloud deck are shown in the gantt chart. Tasks without a set due date are shown in the list of unscheduled tasks
Other information will be stored in the description of your cards in the nextcloud in the following form:
| Content of card description added | Gantt chart representation | Can be set and initialized in Gantt | Has be initialized in Nextcloud | Can only be set in Nextcloud |
|---|---|---|---|---|
| d:8:d | Duration in days | ✅ | ❌ | ❌ |
| p:60:p | Task/card progression in percent | ❌ | ✅ | ❌ |
| w:15,54,12:w | comma separated ids of card dependencies | ❌ | ❌ | ✅ |
Before deploying the application to your servers you need to checkout the project and copy private/conf.js.example to private/conf.js and adapt the NC_URL variable to your needs in the form of https://your.nextcloud.com.
You can either do this on the server directly or do it locally and transfer the bundled files to your server later. We
git clone https://github.com/ClaraRuna/NxDeckGantt.git
yarn install
# adapt nextcloud uri in configuration
yarn build #create files in public folder
Now, you need to place the files located in public folder on your server & configure your Apache, for example like this if you copied the public folder to /var/www/NxDeckGantt/public
<VirtualHost *:80>
...
DocumentRoot /var/www/NxDeckGantt
</VirtualHost>
<VirtualHost *:443>
...
DocumentRoot /var/www/NxDeckGantt
</VirtualHost>
<Directory /var/www/NxDeckGantt>
DirectoryIndex public/App.html
</Directory>
If you want to change the logo you have to replace the file public/logo.svg. If you change the name of the file, you also need to edit the name in public/App.html. You can do this independently of your bundling.