implement UI (Vue) to edit and generate templates

This is based on Utopian Weekly Automation request and deals with one of the todo's mentioned in

New Features

• New Web UI for editing markdown files

Side Navigation

• Side navigation is a bit clunky at the moment as I removed some of the main feature you would expect from a manager: creating new files and deleting existing ones. At the templates are read explicitly from the static/templates folder.

Online Editor

• The editor parts pick up content based on the current article selected in side-nav. Most of this logic resides in the store while the display relies on 2 components src/components/inputer.vue and src/components/outputer.vue.
• I would think that displaying the html template (a new feature) would be done enhancing src/components/inputer.vue component.

UI Overview:

• Setup a Vue App based on https://github.com/jrainlau/markcook enhanced with a list of templates read from the server: side-menu and the vuex store

Bug fixes

Config modules were conflicting

• I had to move the config rules for connecting and sending emails in the base config folder, as environment variables. In order to overwrite those as a best practice would be to set environment variables on the server so that these are only set as reference for developers. For now the examples are moved in config/prod.env.js

Pull Request: PR 7

---

Posted on Utopian.io - Rewarding Open Source Contributors

---