Changed indentation in text to display properly

    In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`.

    In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`.

    ```yaml

     ```

     DB_DATABASE: keycloak

     DB_DATABASE: keycloak

     DB_USER: keycloak

     DB_USER: keycloak

     DB_PASSWORD: password

     DB_PASSWORD: password

    In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

    In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

   ```yaml

    ```

    KEYCLOAK_PASSWORD: Pa55w0rd

    KEYCLOAK_PASSWORD: Pa55w0rd

    ```

    ```

If you want to utilise the Bugzilla connector:

If you want to utilise the Bugzilla connector:

In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

  ```yaml

```

SPRING_APPLICATION_JSON: '{

SPRING_APPLICATION_JSON: '{

  "spring.activemq.brokerUrl": "tcp://anartemis:61616?jms.watchTopicAdvisories=false",

  "spring.activemq.brokerUrl": "tcp://anartemis:61616?jms.watchTopicAdvisories=false",

  "spring.activemq.user": "artemis",

  "spring.activemq.user": "artemis",

  "main_operations_product":""

  "main_operations_product":""

}'

}'

```

```

And add the provided Bugzilla installation information:

And add the provided Bugzilla installation information:

```yaml

```

"bugzillaurl":"bugzillaurl.xx:443/bugzilla/",

"bugzillaurl":"bugzillaurl.xx:443/bugzilla/",

"bugzillakey":"exampleKeyeqNNwxBlgxZgMEIne0Oeq0Bz",

"bugzillakey":"exampleKeyeqNNwxBlgxZgMEIne0Oeq0Bz",

"main_operations_product":"Main Site Operations" // this is the default product to issue tickets

"main_operations_product":"Main Site Operations" // this is the default product to issue tickets

- If you made changes to mysql and keycloak credentials.

- If you made changes to mysql and keycloak credentials.

- If you want to change logging level (TRACE / DEBUG / INFO / WARN / ERROR).

- If you want to change logging level (TRACE / DEBUG / INFO / WARN / ERROR).

> **If you are using a non-local domain, replace everywhere the http://keycloak:8080 with the respective {{protocol://domain.name}}, as well as "spring.portal.main.domain" property.**

> ***If you are using a non-local domain, replace everywhere the http://keycloak:8080 with the respective {{protocol://domain.name}}, as well as "spring.portal.main.domain" property.***

In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

  ```yaml

```

SPRING_APPLICATION_JSON: '{

SPRING_APPLICATION_JSON: '{

  "spring.datasource.username":"root",

  "spring.datasource.username":"root",

  "spring.datasource.password":"letmein",

  "spring.datasource.password":"letmein",

> **If you are using a non-local domain, replace everywhere the http://keycloak:8080 with the respective {{protocol://domain.name}}.**

> **If you are using a non-local domain, replace everywhere the http://keycloak:8080 with the respective {{protocol://domain.name}}.**

In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

In folder `org.etsi.osl.main/compose/` edit the file `docker-compose.yaml`

```yaml

```

SPRING_APPLICATION_JSON: '{

SPRING_APPLICATION_JSON: '{

  "spring.datasource.username":"root",

  "spring.datasource.username":"root",

  "spring.datasource.password":"letmein",

  "spring.datasource.password":"letmein",

Edit the `config.js` file with the information of your domain

Edit the `config.js` file with the information of your domain

```yaml

```

{	  

{	  

    TITLE: "OpenSlice by ETSI",

    TITLE: "OpenSlice by ETSI",

    WIKI: "https://openslice.readthedocs.io/en/stable/",

    WIKI: "https://openslice.readthedocs.io/en/stable/",

```

```

E.g. Edit "TITLE" or "WIKI" property with your domain title

E.g. Edit "TITLE" or "WIKI" property with your domain title

```yaml

```

{	  

{	  

    TITLE: "OpenSlice by ETSI",

    TITLE: "OpenSlice by ETSI",

    WIKI: "https://osl.etsi.org/documentation/latest/deployment/",

    WIKI: "https://osl.etsi.org/documentation/latest/deployment/",

```

```

> ***IMPORTANT NOTE:***

> ***IMPORTANT NOTE:***

If you want to apply changes to the JSON configuration files without the need to rebuild the

If you want to apply changes to the JSON configuration files without the need to rebuild the application, you have to apply the changes at the `org.etsi.osl.tmf.web/dist/io-openslice-portal-web/assets/config` directory. Although, it is <u>mandatory</u> to also apply these changes to the `org.etsi.osl.tmf.web/src/assets/config` for <u>persistancy</u>, as after any future rebuild of OpenSlice the `/dist` directory is being overwritten along with its contents. The OpenSlice team strongly recommends to always apply your changes to the TMF web UI configuration files at `org.etsi.osl.tmf.web/src/assets/config` and rebuild the application.

application, you have to apply the changes at the `org.etsi.osl.tmf.web/dist/io-openslice-portal-web/assets/config` 

directory. Although, it is <u>mandatory</u> to also apply these changes to the `org.etsi.osl.tmf.web/src/assets/config`

for <u>persistancy</u>, as after any future rebuild of OpenSlice the `/dist` directory is being overwritten along with its

contents. The OpenSlice team strongly recommends to always apply your changes to the TMF web UI configuration files

at `org.etsi.osl.tmf.web/src/assets/config` and rebuild the application.

## Deploy OpenSlice via Docker Compose

## Deploy OpenSlice via Docker Compose

2 - Replace http://localhost/auth/ with http://keycloak:8080/auth/ in your Keycloak config for AngularJS and Angular (see examples below).

2 - Replace http://localhost/auth/ with http://keycloak:8080/auth/ in your Keycloak config for AngularJS and Angular (see examples below).

Explanation:

> Explanation

Nginx uses the http://keycloak:8080 URL, which is accessible via the internal docker system's network.

Nginx uses the http://keycloak:8080 URL, which is accessible via the internal docker system's network.

The Front-end (TS/Angular) shall also use the http://keycloak:8080.

The Front-end (TS/Angular) shall also use the http://keycloak:8080.

- For the Angular configuration (TMF portal UI), navigate to  org.etsi.osl.tmf.web/src/assets/config and edit config.prod.json

- For the Angular configuration (TMF portal UI), navigate to  org.etsi.osl.tmf.web/src/assets/config and edit config.prod.json

   ```bash

   ```bash

   # Starting from the root project directory

   # Starting from the root project directory

   cd org.etsi.osl.tmf.web/src/assets/config

   cd org.etsi.osl.tmf.web/src/assets/config

   ```

   ```

   ```bash

   ```bash

   nano config.prod.json

   nano config.prod.json

   ```

   ```

   After editing it should look like the example bellow:

   After editing it should look like the example bellow:

   ```yaml

   ```yaml

   {	      

   {	      

      "TITLE": "OpenSlice by ETSI",

      "TITLE": "OpenSlice by ETSI",

  > If you want the changes to take place immediately without rebuilding the project, then repeat the process for org.etsi.osl.tmf.web/dist/org.etsi.osl.tmf.web/assets/config/config.prod.json

  > If you want the changes to take place immediately without rebuilding the project, then repeat the process for org.etsi.osl.tmf.web/dist/org.etsi.osl.tmf.web/assets/config/config.prod.json

- For the AngularJS configuration (NVF portal UI), navigate to org.etsi.osl.portal.web/src/js and edit config.js

- For the AngularJS configuration (NVF portal UI), navigate to org.etsi.osl.portal.web/src/js and edit config.js

   ```bash

   ```bash

   # Starting from the root project directory

   # Starting from the root project directory

   cd org.etsi.osl.portal.web/src/js

   cd org.etsi.osl.portal.web/src/js

   ```

   ```

   ```bash

   ```bash

   nano config.js

   nano config.js

   ```

   ```

   after editing it should look like the example bellow:

   after editing it should look like the example bellow:

   ```js

   ```

   var appConfig = angular.module('portalwebapp.config',[]);

   var appConfig = angular.module('portalwebapp.config',[]);