How to Make Changes in Frontend Code/Layout OctoBot

[mkamranmazhar]

Hello,

I've successfully running OctoBot with Docker on my server.

I'm looking to make some changes to its frontend layout. However, I'm encountering difficulty understanding where the frontend files are located.

someone please guide me on how to locate the frontend files within the source code?

Thank you.

[Herklos]

Hi @mkamranmazhar,

You can find the source code of the OctoBot web interface here https://github.com/Drakkar-Software/OctoBot-Tentacles/tree/master/Services/Interfaces/web_interface.

These files are automatically installed at first startup as modules named "tentacles"

[mkamranmazhar]

These files are automatically installed at first startup as modules named "tentacles"

Thank you @Herklos

These files will also be automatically installed if I run this via Docker, right?

[Herklos]

Right, you can find them at /octobot/tentacles inside your docker container

[mkamranmazhar]

@Herklos,

Please check image files are not available in this folder.

Thank you.

[Herklos]

@Herklos,

Please check image files are not available in this folder.

Thank you.

They are installed at first startup

[mkamranmazhar]

They are installed at first startup

I've already done first startup, please check image & files are still not available in this location /octobot/tentacles.

both images attached.

Thank you.

[Herklos]

The second screenshot contains the files available in the OctoBot docker image. It doesn't represent the files on your computer/server. A docker image once started can create new files and directories.

[mkamranmazhar]

@Herklos,

Indeed, you're correct. Once the Docker image is started, files are automatically generated within the Docker container. However, I'm curious about the location of the frontend code files within the Docker container. Obviously, frontend code files are also generated, which is why the frontend is displayed when I start it in the browser.

Thank you.

[Herklos]

They are packaged from https://github.com/Drakkar-Software/OctoBot-Tentacles/tree/master/Services/Interfaces/web_interface and then downloaded from our servers when a bot starts.

[mkamranmazhar]

Thank you for update, @Herklos

They are packaged before being downloaded from your servers to our server?

And if so, does this mean I need to build the Docker image myself if I want to make changes to the source code?

[Herklos]

No you can just mount a volume on /tentacles (like https://github.com/Drakkar-Software/OctoBot/blob/master/Dockerfile#L66) and modify the web interface source files