Redmine

I don't know if this is a hot topic anymore, but Akiko has some vue.js integration in her plugin so perhaps she can ask your questions.

Kind regards,

Bernhard

Hi, Bernhard.
Thanks for the above reply.

As Bernhard mentioned, the latest version of my plugin is trying to apply Vue.js partially to create an issue template with custom fields setting.
Since Redmine does not use Vue.js's library but jQuery, I added the vue.min.js in my plugin's assets.

Please note, I'm not a skilled front-end engineer and my plugin's implementation is quite rough.
So that Vue / JavaScript code is not so complexed. Sorry I could not give you any good suggestions.....

Here is the place that using Vue and related JS. I hope this would be of any help.

• https://github.com/akiko-pusu/redmine_issue_templates/blob/a351ae9b1b010e3640710f9dbae48246e0459802/app/views/issue_templates/_form.html.erb#L57-L128
• https://github.com/akiko-pusu/redmine_issue_templates/blob/master/assets/javascripts/template_fields.js

Thanks for the feedback and the links Akiko Takano and Bernhard Ganslmeier !

The plugin approach looks very interesting. I am currently working with vue on different projects which need some partial, component based integration.
I wonder if it would be an idea to use the rest api (i did not dive into your code yet) to extend some features, too. Not sure about that yet.

It might be worth working on the view to extend certain ui features with vue. As a start, i thought of adding vuejs components to the date and time form fields (e.g. on ticket and timetracking views).

Could be quite a usability boost there.

So another question would be if it makes sense (in a custom redmine instance) at all to go into core and add those features or if it should mainly be provided via plugins and the theme. Not sure about that.

Best,
Chris

Hi, Pinner

if you have an existing application you can use Vue in just one part of your front-end that needs a more interactive experience

I agree with this opinion.
In my plugin, I applied partially Vue.js to implement a more user-friendly interface. Of course, I also use the jQuery.

Redmine's API is not enough for my plugin.
But I don't like to customize Redmine's core code directly. This is because to keep easy to update Redmine.

So, I provided some simple additional endpoint to return JSON in my plugin.
Instead of this approach, I have to keep maintaining the plugin but I accepted it.

I think that using Vue.js or some of the latest frameworks on the front end of Redmine itself still needs discussion.
But I hope my tiny plugin will be helpful for future releases.

For sure, the aim would not be to integrate a framework like vue.js into core (just thinking about the entrypoints) on the template and view level permanently.
So from a redmine perspective, there are two/three ways to integrate (if i get it right):

1. New feature as a plugin, where you add an additional feature
2. Using the rest api and the theme.js as a "hookup" only

I am currently getting along very well with using a custom theme that integrates bootstrap 4. vue.js logic would be best place in a plugin - see plugin by Akiko.

I think that the the extension/development of the redmine rest api might be very important not only for things like vue.js but for application connectivity in general.