# Server to Showcase UI Changes for Migration to Bootstrap + Pull Request Advice

**URL:** <https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305>\
**Category:** GSoC\
**Created:** [May 21, 2019, 7:43pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305 "2019-05-21T19:43:52Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [May 21, 2019, 7:43pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/1 "2019-05-21T19:43:52Z")

</div>

Continuing the discussion from [Gsoc 2019 : Bootstrap as a foundation for Reference Application UI Project](https://talk.openmrs.org/t/gsoc-2019-bootstrap-as-a-foundation-for-reference-application-ui-project/23162/65):

Continuing the discussion from [Gsoc 2019 : Bootstrap as a foundation for Reference Application UI Project](https://talk.openmrs.org/t/gsoc-2019-bootstrap-as-a-foundation-for-reference-application-ui-project/23162/65):

Hello community as part of this GSoC project we would like to get a server so that we can demonstrate the progress made to date. We would also like to get feedback on the following:

1. A server to showcase the changes being made e.g., [bootstrap-app.openmrs.org](http://bootstrap-app.openmrs.org)

2. Pull Requests - since the changes are being made in multiple modules, coreapps, uiframework, uicommons, referenceapplication I was thinking that all changes be pushed to the same PR for each module to simplify deployment to the server in #1

Looking forward to your thoughts and suggestions as @jwnasambu and I mentor @ayesh on this project

---

<div class="post-metadata">

**Author:** ![suthagar23](https://talk.openmrs.org/user_avatar/talk.openmrs.org/suthagar23/32/6342_2.png) [@suthagar23](https://talk.openmrs.org/u/suthagar23)\
**Post date:** [May 22, 2019, 4:46am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/2 "2019-05-22T04:46:10Z")

</div>

Great effort @ssmusoke. Waiting to see the [bootstrap-app.openmrs.org](http://bootstrap-app.openmrs.org) 🙂

---

<div class="post-metadata">

**Author:** ![mksd](https://talk.openmrs.org/user_avatar/talk.openmrs.org/mksd/32/11729_2.png) [@mksd](https://talk.openmrs.org/u/mksd)\
**Post date:** [May 22, 2019, 10:03am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/3 "2019-05-22T10:03:40Z")

</div>

Yes this is great.

@lilian @jesplana that’s a big step towards mobile responsiveness within OpenMRS. I think we should help wherever we can here.

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [May 25, 2019, 7:30pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/4 "2019-05-25T19:30:39Z")

</div>

Hi @ssmusoke @jwnasambu hope we are continuing the discussions here.

And as discussed I migrated to latest bootstrap.And migrated the login components to bootstrap components. After this Tuesday code walk through will be pushing the changes

> **[Login.mp4 (video)](https://drive.google.com/file/d/1IC1Wd2M4vnL5D1iWlvoBFevxArpg9e3o/view?usp=sharing)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![mksd](https://talk.openmrs.org/user_avatar/talk.openmrs.org/mksd/32/11729_2.png) [@mksd](https://talk.openmrs.org/u/mksd)\
**Post date:** [May 26, 2019, 6:06pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/5 "2019-05-26T18:06:51Z")

</div>

Looking really good!

@ayesh @ssmusoke the million dollar question is: what about HFE? Are there any plans to ensure that HFE forms could become mobile responsive?

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [May 27, 2019, 3:07pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/6 "2019-05-27T15:07:59Z")

</div>

Hi @mksd

As my mentors and I discussed on the weekly call I am currently looking in to dashboard and header to make them responsive.But yes will be having the call tomorrow will let know afterwards.

Thanks

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [May 27, 2019, 7:46pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/7 "2019-05-27T19:46:09Z")

</div>

Hi @jwnasambu , @ssmusoke

I worked on the Header and the Home Page which was broken due to bootstrap 4 integration as we discussed.During the call tomorrow will be doing a code walk through thanks

> **[Home\_Header.mp4 (video)](https://drive.google.com/file/d/1ogzOu-xyUJm9aTgS2c8k4-aSVACOrOXA/view?usp=drive_open)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [May 28, 2019, 6:39am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/8 "2019-05-28T06:39:49Z")

</div>

@cintiadr How can I get a server for this GSoc project based on Reference Application (latest version)

For updates to the server I think this will have to be done manually by uploading the modules that have changed @ayesh so we may have to keep updating this server maybe weekly

Any help getting this is much appreciated

---

<div class="post-metadata">

**Author:** ![cintiadr](https://talk.openmrs.org/user_avatar/talk.openmrs.org/cintiadr/32/8081_2.png) [@cintiadr](https://talk.openmrs.org/u/cintiadr)\
**Post date:** [May 28, 2019, 12:17pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/9 "2019-05-28T12:17:56Z")

</div>

@ssmusoke,

I’m not sure how this project work, but there’s [modules-refapp.openmrs.org](http://modules-refapp.openmrs.org) that can be used to test modules (owner is @dkayiwa)

If that’s not enough, I’d need a date and owner of the new environment, a new docker compose PR: [https://wiki.openmrs.org/display/ISM/OpenMRS+environments](https://wiki.openmrs.org/display/ISM/OpenMRS+environments)

[https://wiki.openmrs.org/display/ISM/How+to+deploy+a+new+application+to+our+infrastructure](https://wiki.openmrs.org/display/ISM/How+to+deploy+a+new+application+to+our+infrastructure)

I’ve learned the hard way that I need it as a docker file, otherwise it’s impossible to keep track of things.

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [May 28, 2019, 1:18pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/10 "2019-05-28T13:18:55Z")

</div>

@cintiadr Thanks for the clarification, will prepare required documentation, and I will be the owner of the environment.

This is different from the [modules-refapp.openmrs.org](http://modules-refapp.openmrs.org) as this is for the demoing the GSOC project so will be deleted once the project is done.

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [June 12, 2019, 11:43am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/12 "2019-06-12T11:43:39Z")

</div>

Hi @cintiadr

I have created the PR for the modules that I have done changes.

> <https://github.com/openmrs/openmrs-module-uicommons/pull/52>

> <https://github.com/openmrs/openmrs-module-referenceapplication/pull/56>

> <https://github.com/openmrs/openmrs-module-appui/pull/21>

> <https://github.com/openmrs/openmrs-module-coreapps/pull/194>

Can you advice on how to proceed on the new instance.

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [June 12, 2019, 5:05pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/13 "2019-06-12T17:05:11Z")

</div>

> [@cintiadr](#):
>
> If that’s not enough, I’d need a date and owner of the new environment, a new docker compose PR: [OpenMRS environments - IT Service Management - OpenMRS Wiki](https://wiki.openmrs.org/display/ISM/OpenMRS+environments)
> 
> [https://wiki.openmrs.org/display/ISM/How+to+deploy+a+new+application+to+our+infrastructure](https://wiki.openmrs.org/display/ISM/How+to+deploy+a+new+application+to+our+infrastructure)
> 
> I’ve learned the hard way that I need it as a docker file, otherwise it’s impossible to keep track of things.

@ayesh Here are the instructions that are needed for the environment

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [June 12, 2019, 5:49pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/14 "2019-06-12T17:49:34Z")

</div>

Hi @ssmusoke @cintiadr

I have created the Pr with the new docker compose file.

> <https://github.com/openmrs/openmrs-contrib-ansible-docker-compose/pull/31>

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [June 12, 2019, 5:53pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/15 "2019-06-12T17:53:57Z")

</div>

@ayesh see PR comment to enable uploading of modules

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [June 12, 2019, 6:01pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/16 "2019-06-12T18:01:50Z")

</div>

Did the change @ssmusoke

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [June 16, 2019, 1:53pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/17 "2019-06-16T13:53:13Z")

</div>

@cintiadr thanks for merging the PR 😀

---

<div class="post-metadata">

**Author:** ![cintiadr](https://talk.openmrs.org/user_avatar/talk.openmrs.org/cintiadr/32/8081_2.png) [@cintiadr](https://talk.openmrs.org/u/cintiadr)\
**Post date:** [June 17, 2019, 11:02pm UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/18 "2019-06-17T23:02:41Z")

</div>

Can you please update [https://issues.openmrs.org/browse/ITSM-4218](https://issues.openmrs.org/browse/ITSM-4218) with the required details of the new instance?

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [June 18, 2019, 5:14am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/19 "2019-06-18T05:14:45Z")

</div>

Hi @cintiadr

Updated on the jira.

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [July 6, 2019, 9:35am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/20 "2019-07-06T09:35:42Z")

</div>

Hi @cintiadr

I actually uploaded a module in [https://bootstrapmigration.openmrs.org/openmrs](https://bootstrapmigration.openmrs.org/openmrs) and it did’t seems to be working after few hours checking showing an nginx 504 gateway.Is the service down in the instance

---

<div class="post-metadata">

**Author:** ![cintiadr](https://talk.openmrs.org/user_avatar/talk.openmrs.org/cintiadr/32/8081_2.png) [@cintiadr](https://talk.openmrs.org/u/cintiadr)\
**Post date:** [July 7, 2019, 5:37am UTC](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305/21 "2019-07-07T05:37:40Z")

</div>

I don’t know why, it was unhealthy. I restarted the docker daemon.

[Next page](https://talk.openmrs.org/t/server-to-showcase-ui-changes-for-migration-to-bootstrap-pull-request-advice/23305.md?page=2)
