How to add a toolbox next to "Add Data" in the workbench

40 views
Skip to first unread message

Man Duc Chuc

unread,
Mar 16, 2021, 4:19:55 AM3/16/21
to TerriaJS
Hi guys, greetings from Japan.

I am a newbie to both ReactJS and TerriaJS. I have installed TerriaJS on my local machine and it is working great.
Now I wanted to modified the workbench to include an additional tab next to the "Add Data" tab. This new tab is intended for requesting long-running processing on the server side (such as Cesium task). I attached an image of the prototype UI.
My questions are:
1. Where in the code should I look for in order to make the change?
2. Is this a proper use of TerriaJS as from what I read from the documentation, 
TerriaJS is intended for geospatial catalogue explorers only.

I really appreciate your help.
Test.png

Man Duc Chuc

unread,
Mar 16, 2021, 4:23:17 AM3/16/21
to TerriaJS
I'd like to correct my previous post.

It is Celery task, not Cesium.
I also attached a corrected image of the prototype UI.
Test.png

Yohannes Tamru

unread,
Mar 24, 2021, 3:51:29 PM3/24/21
to TerriaJS
Greetings,

For your first question, I think you probably need to modify either the "SidePanel" component or the "Workbench" component (which is a child of the former) to add your tabs. If you haven't done so already, I suggest you install React Developer Tools to chrome and use it to find the exact component you need to modify.

I'm not sure I understand your second question. Terriajs is under a very permissive license, so I imagine you can extend it in any way you want. But customizing potentially means diverting away from the well-trodden paths which can add difficulties.


terria.jpg

Man Duc Chuc

unread,
Mar 25, 2021, 6:06:07 AM3/25/21
to terr...@googlegroups.com
Hi Yohannes Tamru,

Thank you so much for your suggestions. 
I haven't modified it yet. I will try with the React Developer Tools, it seems easier with the tool now.
For my second question, I find the underline functionality is very useful. I just want to tailor the UI to reflect the app logic the way I personally like more. 
It is great if the UI could be easily modified.

Yours sincerely,


--
You received this message because you are subscribed to a topic in the Google Groups "TerriaJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/terriajs/HBysVeQhTKw/unsubscribe.
To unsubscribe from this group and all its topics, send an email to terriajs+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/terriajs/98d97a75-33df-45cc-9239-4903d4a256a4n%40googlegroups.com.


--
Man Duc Chuc, BSc.
Researcher 
FIMO Center (Center of Multidisciplinary Integrated Technologies for Field Monitoring)
VNU University of Engineering and Technology
add:   Room 408-518, E3 Building, 144 Xuan Thuy, Hanoi, VIETNAM.
tel: +84-2437549727

The content of this email is confidential and intended for the recipient specified in message only. It is strictly forbidden to share any part of this message with any third party, without a written consent of the sender. If you received this message by mistake, please reply to this message and follow with its deletion, so that we can ensure such a mistake does not occur in the future.
Reply all
Reply to author
Forward
0 new messages