Pretty UI mockups

At this point it is a lot JavaScript stuff additionaly to the html templates and css stylesheets.

Unrelated to the redesign there is also a lot of stuff to do:

  • Logout button and information about current user similar to e.g. WordPress
  • Deep links to the missing configuration (e.g. if the backup storage folder is not set)
  • The DataTable <=> Bootstrap interaction isn’t working as intented all the time. E.g. it adds horizontal scroll bars even if there is theoretically enough horizontal space to show all columns without scrolling
  • Get the back and refresh button working using the pushState API
  • Still haven’t gotten around to repairing the archiving with the new layout, I think
  • Some stuff could be put into multiple columns
  • If we want to be cool, we could add a Dashboard as start page with configurable panels

Give me a heads up via PM/email/here with information about your dev platform and I’ll give you a (compiled) dev version to work on.

Glad to see this thread is resurrected! I’m still here too. I have a new job so I don’t have the same amount of free time that I used to, but I can certainly help answer any questions.

Im quit busy as well, but I will give it a try :smile:

@uroni: I can’t find the pm button. I normally develop in windows visual studio (asp.net), but that’s problably not what you mean. What techniques do you use? Do you use version control (git, svn?)
I shall start with the layout issues and do small iterations, so see some progress.

Edit:

Ok I found your github project and forked it. I see you are using c++ and visual studio. I’m gonna try to build it and see I have I can start the server locally on my windows machine. As far as I checked your code you have created a the webserver and use html templates.

BHD

You don’t really need to compile the server for that. I’ll send you an installer.

And the “dev” branch was seriously outdated on github. Pushed all the commits to github just now.

I forked the next branch, it seemed to be the most up to date branch. So switching to the dev branch?

Ok, also possible. But than I have to copy the source files to the install folder, so see my changes in action right? Otherwhise I can just compile run and see my changes directly.

If you need to make backend changes (C++) that would be the way to go.

If you only need to change the web interface you can just change the files in C:\Program Files\UrBackupServer\urbackup\www and, once a change is done, copy it into urbackupserver/www in the git repo and commit.

Yes, the changes in this thread go into dev currently (you don’t want to start over I hope).

Yeah you’re right. I have it running now. I was wondering thought: are you using a web framework or did you write the http server your self. Mainly asking that tot know if there any conventions, template/master/include support so that i can Reuse HTML. I Also found the templates.js but Every function is a single line, is there a reason for that?

Edit: got your message, I will look into that :slight_smile:

The HTTP-server is indeed custom. It has a server-side template system but it’s currently not in use. The JavaScript-front-end does HTTP RPC calls getting JSON back, so all the UI stuff is done in the browser (see Single-page application - Wikipedia ). Nowadays one would use Angular/React/Backbone etc. for that.

I send you a summary on how to build the templates.js via PM – please take a loko at that. This you have to do using the git checkout.

A post was split to a new topic: Further web interface improvements with next major version

A post was split to a new topic: How to build templates.js