how to change feel and look of this web interface

[bigoss]

This is probably a silly question but I am not familiar with sencha GXT. I would like to change this bluish look, buttons etc possibly with simple methods like css and so or mayby by using sencha but what should i edit and how looking at source I can't find any clue how to do this.

[vitalidze]

Well, I haven't yet changed appearance. There is an official guide, but AFAIK you can use css. Styles and classes can be found with browser tools. Then you may add them to traccar.html to change LnF.

[piro]

vitalidze

THANK YOU for the work you have done so far, but please consider for any future changes, please please please making some kind of workaround for changing colours etc.. I have looked at official guide, im lost on the first sentence.. that software was designed for programmers, for which I am certainly not, nor are many of the other users.

Either way thanks again for your added enhancements.

[vitalidze]

I think the workaround is to reverse engineer CSS classes and put necessary changes directly either to traccar.html file or to a separate .css file. I think it's still possible to use the way of GXT2 to change style of web application following this guide.

For now I don't have any plans on adding user-friendly way to customise application theme.

[piro]

Hi Vitaly Thank you for your response, I appreciate your very busy. That is very sad to hear that have no plans in future to move css outside of java.   The link you gave me for the guide, is the guide I cannot understand, I have looked at it about 10 times and even downloaded the trial version of their software and still i am totally lost just like everyone else. Thank you anyway. Best wishes Peter 

  From: Vitaly Litvak <notifications@github.com>

To: vitalidze/traccar-web traccar-web@noreply.github.com Cc: piro pironan@yahoo.com Sent: Monday, May 4, 2015 7:11 PM Subject: Re: [traccar-web] how to change feel and look of this web interface (#102)

I think the workaround is to reverse engineer CSS classes and put necessary changes directly either to traccar.html file or to a separate .css file. I think it's still possible to use the way of GXT2 to change style of web application following this guide. For now I don't have any plans on adding user-friendly way to customise application theme.— Reply to this email directly or view it on GitHub.

[vitalidze]

From my understanding you can use CSS without java even in current version. Below is what I've got just now by playing a bit in chrome.

So, briefly the process could be:

1) Update necessary CSS directly in browser 2) Take all these CSS classes definition into a separate CSS file and put it somewhere into traccar-web.war file. It's just a .zip archive. 3) Put into traccar.html file located in same traccar-web.war archive a reference to your CSS file.

After restart it should work. And actually this is a way that it was done in GXT2, which I was talking about.

Hope this helps.

[piro]

Vitaly You are very kind, thank you for the brief idiots guide. I surely need it :) Best wishes Peter 

  From: Vitaly Litvak <notifications@github.com>

To: vitalidze/traccar-web traccar-web@noreply.github.com Cc: piro pironan@yahoo.com Sent: Monday, May 4, 2015 7:36 PM Subject: Re: [traccar-web] how to change feel and look of this web interface (#102)

From my understanding you can use CSS without java even in current version. Below is what I've got just now by playing a bit in chrome.So, briefly the process could be:1) Update necessary CSS directly in browser 2) Take all these CSS classes definition into a separate CSS file and put it somewhere into traccar-web.war file. It's just a .zip archive. 3) Put into traccar.html file located in same traccar-web.war archive a reference to your CSS file.After restart it should work. And actually this is a way that it was done in GXT2, which I was talking about.Hope this helps.— Reply to this email directly or view it on GitHub.

[bigoss]

Piro you can change the theme to the grey one if you don’t like blue one

On 03 May 2015, at 22:00, piro notifications@github.com wrote:

vitalidze

THANK YOU for the work you have done so far, but please consider for any future changes, please please please making some kind of workaround for changing colours etc.. I have looked at official guide, im lost on the first sentence.. that software was designed for programmers, for which I am certainly not, nor are many of the other users.

Either way thanks again for your added enhancements.

— Reply to this email directly or view it on GitHub.

[zzyber]

After a bit of trial and error I just take down the code as described in "build". Then I compile it as documented. So nothing much happening after that other that you now have a traccar-web.war file. Move that .war file to a new folder and unzip it. Now everything is accessible and I will try to figure out what is what but until then I started of like others recommend, changing css in Chrome and then put it in traccar.html but I was not happy with that so I decided for example to change all black colors to white. That is #000000 to #FFFFFF and to do this I use rpl -R color2 color2 path-to-folder-where-I-unpacked-war-file/ This neat little command rpm with -R is recursive and will search all files for the string color1 and change it to color2. When I'm done I just pack the war file again with jar cf traccar-web.war \ copy it to the /traccar folder and start the system again. Its to bad there are no documentation anywhere whats inside the war file but I hope this could help someone anyways.

[vitalidze]

@zzyber thanks for sharing your experience

[sriabt]

We have already installed latest Traccar in our Vps server, can you please advice how to change current web screens with newly designed html pages similar to www.protrack365.com?

In java or php can we achieve this?, please advice do we need to use only API to achieve this or its easy to access existing Traccar source code module to do this? Ready to fund on this to achieve this project delivery soon. Thanks.

[vitalidze]

@sriabt source code is available in this repository. You can read about GXT themes here: https://docs.sencha.com/gxt/4.x/guides/ui/theme/Themes.html

[sriabt]

Why need gxt theme needed

[vitalidze]

Why need gxt theme needed

Because this project is using Sencha GXT for making UI. If you want to change style, then you need to develop a theme. Or, of course, you can start from scratch. The amount of work is incomparable between these both cases.

[sriabt]

You mean using traccar api to start from scratch should reduce more time than touch the theme?

[vitalidze]

@sriabt

You mean using traccar api to start from scratch should reduce more time than touch the theme?

Of course no. It is obvious that developing everything from scratch will consume much more time than changing theme.

[aliasgharjanali]

Hi can help me when I change css code in directory /opt/traccar/m/css# nano framework7.ios. how I can build again that and see result ? I could back them to zip file ? I unzip traccar-web.war file . I could remove that and zip new files ? how I can restart server for apply changes .

thanks for answers

[vitalidze]

@aliasgharjanali you got it absolutely right. You can just unzip the traccar-web.war, then make changes and update files in the zip-archive directly. I am using jar utility for this. After that you can simply restart your traccar service to republish changed files.

[aliasgharjanali]

thanks for you answer @vitalidze . but can tell me with which command I can restart traccar service ? and what can do jar utility ?

[vitalidze]

You can restart service in a usual way on your operating system. jar utility is part of Oracle JDK.

[aliasgharjanali]

hi . for how much price ypu can wright script for my server that if coordinate sended by device more than one longitude and less than one longitude and more than one latitude and less than one latitude delet that .

with how much price can do that ?

Best wishes

On Thu, 19 Apr 2018, 19:35 Vitaly Litvak, notifications@github.com wrote:

You can restart service in a usual way on your operating system. jar utility is part of Oracle JDK.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/vitalidze/traccar-web/issues/102#issuecomment-382770786, or mute the thread https://github.com/notifications/unsubscribe-auth/ASyBnGccbiaN_Kb-mQSyZgj6PkDYwXDCks5tqKecgaJpZM4DouVV .