# Project: Complete UI rewrite or radiology and toolkit as an open web application

**URL:** <https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323>\
**Category:** Google Summer of Code\
**Tags:** gsoc2022, toolkit, gsoc2022-project, radiology, 350-hour-project\
**Created:** [January 11, 2022, 5:06pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323 "2022-01-11T17:06:12Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 6, 2022, 4:56am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/27 "2022-04-06T04:56:12Z")

</div>

Yeah, that will work.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 6, 2022, 11:37am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/28 "2022-04-06T11:37:46Z")

</div>

[https://toolkit.librehealth.io/devmanual](https://toolkit.librehealth.io/devmanual) =\> Says, 502 Bad Gateway.

What is the alternative?

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 6, 2022, 4:23pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/29 "2022-04-06T16:23:10Z")

</div>

The guide more or less just guides you to do exactly what you just did.

[https://docs.librehealth.io/projects/toolkit/guides/development/](https://docs.librehealth.io/projects/toolkit/guides/development/)

We started work on a user guide but all we have right now is explaining the different roles.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 6, 2022, 5:26pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/30 "2022-04-06T17:26:48Z")

</div>

Alright, that makes sense!

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 7, 2022, 12:49pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/31 "2022-04-07T12:49:25Z")

</div>

I have been researching the ways we can integrate the web-components in the spring projects. We can use Vaadin Fusion (now [Hilla](https://hilla.dev/)) but if we go this route we will have to change the source code a lot to make it compatible with **Hilla**. We would have to create an add-on project to support this.

Another way would be to use **Thymeleaf**. It has a `resources/templates` directory which we can initialize with `npm` to add the web components and use them in the views we make in this directory.

Is there another way that is more compatible with the current source code? Or maybe any other suggestions to look into?

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 7, 2022, 5:44pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/32 "2022-04-07T17:44:22Z")

</div>

No, make Open Web Apps: [Open Web Apps Module - Documentation - OpenMRS Wiki](https://wiki.openmrs.org/display/docs/Open+Web+Apps+Module)

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 10, 2022, 2:35pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/33 "2022-04-10T14:35:01Z")

</div>

I have been thinking about the timeline through which I can re-write the UI using the `web components` I have started dissecting the UI Elements to create wireframes for all the pages in the toolkit and radiology. So that it’s obvious what components to use in which part of the UI.

We can divide the re-write into phases and start from the toolkit and then the radiology. But I will need some help dividing the toolkit and radiology for an optimal approach for the re-write. I would love to hear some thoughts on the division. So that I can start creating a timeline and add it to the proposal.

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 10, 2022, 8:07pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/34 "2022-04-10T20:07:39Z")

</div>

> [@rosekamallove](#):
>
> We can divide the re-write into phases and start from the toolkit and then the radiology. But I will need some help dividing the toolkit and radiology for an optimal approach for the re-write. I would love to hear some thoughts on the division. So that I can start creating a timeline and add it to the proposal.

Choose one and go with it but make sure you don’t bite off more than you can chew. I think LibreHealth Radiology will be the easiest since you’re new.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 11, 2022, 5:14am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/35 "2022-04-11T05:14:58Z")

</div>

I agree, I explored both Radiology and Toolkit’s code and Radiology’s code straight up makes more sense to me, whereas Toolkit’s code requires more experience to get a good understanding.

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 11, 2022, 7:09am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/36 "2022-04-11T07:09:34Z")

</div>

Radiology is just a heavily customized version of Toolkit.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 11, 2022, 7:38am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/37 "2022-04-11T07:38:52Z")

</div>

So, if I get comfortable with Radiology then Toolkit won’t be hard at all.

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 11, 2022, 10:07pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/38 "2022-04-11T22:07:28Z")

</div>

Yes, more or less, that is true.

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 15, 2022, 7:27am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/39 "2022-04-15T07:27:50Z")

</div>

How are things going? You have until 2022-04-19T18:00:00Z to get this finalized. Finalized means the starter task is completed and ready for review. Failure to do the starter task is an immediate rejection. We do occasionally (though rarely) give extensions for the starter task, we have no control over the Google side of things.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 15, 2022, 7:52am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/40 "2022-04-15T07:52:15Z")

</div>

Starter tasks are almost done, I have written all the base components and completed Patient (get-patient + create-patient), but `Diagnostic Report` is remaining. I am researching the FHIR Resource and reading about it. Should be completed before the given date.

As for the Proposal, I have started writing it. Currently, I am taking screenshots of Radiology to create wireframes so that it is easier to map web components to the relevant UI Elements. These wireframes should be ready by tomorrow night I hope so. And I will then share the proposal for review.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 15, 2022, 2:17pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/41 "2022-04-15T14:17:52Z")

</div>

![Screenshot 2022-04-15 at 7.46.03 PM](https://forums.librehealth.io/uploads/default/original/2X/9/9defb593da1d86c9e7e93b6eb2a52e27afa65e3a.jpeg)

When I click on `Radiology` in the nav bar on [OpenMRS](https://radiology.librehealth.io/lh-toolkit) I get this as the result.

Is there a fix?

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 15, 2022, 4:07pm UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/42 "2022-04-15T16:07:23Z")

</div>

Follow this guide: [LibreHealth / LibreHealth Radiology / lh-radiology-docker · GitLab](https://gitlab.com/librehealth/radiology/lh-radiology-docker#setting-up-dicom-web-viewer-variables-in-librehealth-toolkit)

---

<div class="post-metadata">

**Author:** ![r0bby](https://forums.librehealth.io/user_avatar/forums.librehealth.io/r0bby/32/1781_2.png) [@r0bby](https://forums.librehealth.io/u/r0bby)\
**Post date:** [April 16, 2022, 2:00am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/43 "2022-04-16T02:00:20Z")

</div>

There will be a reminder sent tomorrow(Saturday) at 1800 UTC as it is 72 hours from the close of the application period.

Get your proposal in now since we have no wiggle room with that. We cannot accept you without a proposal submission. You may continue to work on your starter task but link the work somewhere, please.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 16, 2022, 4:47am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/44 "2022-04-16T04:47:10Z")

</div>

I will submit the first draft of my proposal tonight.

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 16, 2022, 8:45am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/45 "2022-04-16T08:45:43Z")

</div>

> [@rosekamallove](#):
>
> My laptop has the M1 processor and installing lh-toolkit with docker is throwing this error:
> 
> `no matching manifest for linux/arm64/v8 in the manifest list entries`

The solution to this is to update the `docker-compose.dev.yml` file and add `platform: linux/x86_64` in each of the services showing the error.

 ![Screenshot 2022-04-16 at 2.14.59 PM](https://forums.librehealth.io/uploads/default/original/2X/b/b6189d6a6e2be5cc0cb8e7a6edeba457e9f1f9e0.jpeg)

---

<div class="post-metadata">

**Author:** ![rosekamallove](https://forums.librehealth.io/user_avatar/forums.librehealth.io/rosekamallove/32/1930_2.png) [@rosekamallove](https://forums.librehealth.io/u/rosekamallove)\
**Post date:** [April 16, 2022, 8:57am UTC](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323/46 "2022-04-16T08:57:45Z")

</div>

![image](https://forums.librehealth.io/uploads/default/original/2X/3/3814fb14a9879fea795be299159cdfeadc1ae7b9.jpeg)

Docker usage of Radiology is throwing this error too. What to do now?

[Previous page](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323.md?page=1)

[Next page](https://forums.librehealth.io/t/project-complete-ui-rewrite-or-radiology-and-toolkit-as-an-open-web-application/4323.md?page=3)
