UI Flow Editor - Inline Editing

Register
Submit a solution
The challenge is finished.

Challenge Overview

Overview

Newman is a MVC web application that utilizes FreeMarker templates. For this project, the client is updating the application. First they are restyling the UI to make it more modern and engaging. Secondly, they are adding some new functionality.

Requirements

Currently the data for the template customizer is modified by text inputs in the left column. In this challenge we need to change web/src/main/webapp/js/angular/templates/screen.tpl such that users can edit the data inline. The behavior should mimic PowerPoint when editing text with a few customizations.

Please follow https://gitlab.com/Hercules-Newman/newman/blob/api/topcoder.md to get the app running and log in.

Now select a template, and you'll see the "Customize" button:

After clicking "Customize" button, you'll see the page we need to update in this challenge:

 

For detailed requirements, please register to see our notes in the forum.

Technologies

  • Elasticsearch
  • Maven
  • FreeMarker
  • Java 8
  • Bootstrap
  • jQuery
  • Angular.js


Final Submission Guidelines

Submission Details

  • Upload documentation for how to run your submission
  • Upload all your source code as a zip
  • Add @mlindenmuth and @huangqun as members of your forked repository
  • Winner will be required to submit a merge request on gitlab against the branch specified!

Review style

Final Review

Community Review Board

Approval

User Sign-Off

Challenge links

ID: 30053610