uamuzibora / nafasi

Uamuzi Bora on OpenMRS 1.9.
1 stars 0 forks source link

Refresh UI with Twitter Bootstrap #43

Closed kenners closed 12 years ago

kenners commented 12 years ago

Use Twitter Bootstrap to redo the UI.

kenners commented 12 years ago

There's still quite a bit to do here, but if you run f228263 on bifrost, you'll be able to see the direction I'm heading in.

This is all rather unstable at the moment, so please don't be surprised if things are broken at this stage.

kenners commented 12 years ago

List of files in openmrs/WEB-INF/view that need updating to work with Bootstrap: (this is @kenners todo list)

.
├── admin
│   ├── concepts
│   │   ├── conceptClassForm.jsp
│   │   ├── conceptClassList.jsp
│   │   ├── conceptDatatypeForm.jsp
│   │   ├── conceptDatatypeList.jsp
│   │   ├── conceptDrugForm.jsp
│   │   ├── conceptDrugList.jsp
│   │   ├── conceptIndexForm.jsp
│   │   ├── conceptProposalForm.jsp
│   │   ├── conceptProposalList.jsp
│   │   ├── conceptSetDerivedForm.jsp
│   │   ├── conceptSourceForm.jsp
│   │   ├── conceptSourceList.jsp
│   │   ├── localHeader.jsp
│   │   └── proposeConceptForm.jsp
│   ├── encounters
│   │   ├── encounterForm.jsp
│   │   ├── encounterTypeForm.jsp
│   │   ├── encounterTypeList.jsp
│   │   ├── index.jsp
│   │   ├── localHeader.jsp
│   │   └── obsDisplay.jsp
│   ├── forms
│   │   ├── auditFieldForm.jsp
│   │   ├── fieldForm.jsp
│   │   ├── fieldList.jsp
│   │   ├── fieldTypeForm.jsp
│   │   ├── fieldTypeList.jsp
│   │   ├── formEditForm.jsp
│   │   ├── formList.jsp
│   │   ├── formSchemaDesignForm.jsp
│   │   ├── formViewXsltForm.jsp
│   │   ├── include
│   │   │   ├── fieldEdit.jsp
│   │   │   └── formFieldEdit.jsp
│   │   └── localHeader.jsp
│   ├── hl7
│   │   ├── hl7InArchiveList.jsp
│   │   ├── hl7InArchiveMigration.jsp
│   │   ├── hl7InErrorList.jsp
│   │   ├── hl7InQueueList.jsp
│   │   ├── hl7OnHoldList.jsp
│   │   └── localHeader.jsp
│   ├── index.jsp
│   ├── locations
│   │   ├── hierarchy.jsp
│   │   ├── localHeader.jsp
│   │   ├── locationForm.jsp
│   │   ├── locationList.jsp
│   │   ├── locationTag.jsp
│   │   └── locationTagEdit.jsp
│   ├── maintenance
│   │   ├── auditPatientIdentifiers.jsp
│   │   ├── currentUsers.jsp
│   │   ├── databaseChangesInfo.jsp
│   │   ├── globalPropsForm.jsp
│   │   ├── implementationIdForm.jsp
│   │   ├── localHeader.jsp
│   │   ├── localesAndThemes.jsp
│   │   ├── mrnGenerator.jsp
│   │   ├── quickReport.jsp
│   │   ├── serverLog.jsp
│   │   └── systemInfo.jsp
│   ├── modules
│   │   ├── localHeader.jsp
│   │   ├── moduleList.jsp
│   │   └── modulePropertiesForm.jsp
│   ├── observations
│   │   ├── index.jsp
│   │   ├── localHeader.jsp
│   │   ├── obsForm.jsp
│   │   └── personObsForm.jsp
│   ├── orders
│   │   ├── choosePatient.jsp
│   │   ├── localHeader.jsp
│   │   ├── orderDrugForm.jsp
│   │   ├── orderDrugList.jsp
│   │   ├── orderForm.jsp
│   │   ├── orderList.jsp
│   │   ├── orderListByPatient.jsp
│   │   ├── orderTypeForm.jsp
│   │   └── orderTypeList.jsp
│   ├── patients
│   │   ├── findDuplicatePatients.jsp
│   │   ├── include
│   │   │   └── editPatientIdentifier.jsp
│   │   ├── index.jsp
│   │   ├── localHeader.jsp
│   │   ├── mergePatientsForm.jsp
│   │   ├── patientForm.jsp
│   │   ├── patientIdentifierTypeForm.jsp
│   │   ├── patientIdentifierTypeList.jsp
│   │   ├── shortPatientForm.jsp
│   │   └── tribeList.jsp
│   ├── person
│   │   ├── addPerson.jsp
│   │   ├── entryError.jsp
│   │   ├── include
│   │   │   ├── editPersonInfo.jsp
│   │   │   └── showPersonInfo.jsp
│   │   ├── localHeader.jsp
│   │   ├── personAttributeTypeForm.jsp
│   │   ├── personAttributeTypeList.jsp
│   │   ├── relationshipForm.jsp
│   │   ├── relationshipList.jsp
│   │   ├── relationshipTypeForm.jsp
│   │   ├── relationshipTypeList.jsp
│   │   └── relationshipTypeViewForm.jsp
│   ├── programs
│   │   ├── conversionForm.jsp
│   │   ├── conversionList.jsp
│   │   ├── localHeader.jsp
│   │   ├── programForm.jsp
│   │   ├── programList.jsp
│   │   └── workflowForm.jsp
│   ├── scheduler
│   │   ├── localHeader.jsp
│   │   ├── schedulerForm.jsp
│   │   ├── schedulerList.jsp
│   │   └── taskList.jsp
│   └── users
│       ├── alertForm.jsp
│       ├── alertList.jsp
│       ├── changePasswordForm.jsp
│       ├── localHeader.jsp
│       ├── privilegeForm.jsp
│       ├── privilegeList.jsp
│       ├── roleForm.jsp
│       ├── roleList.jsp
│       ├── userForm.jsp
│       └── users.jsp
├── dictionary
│   ├── concept.jsp
│   ├── conceptForm.jsp
│   ├── conceptStatsForm.jsp
│   └── index.jsp
├── encounters
│   └── encounterDisplay.jsp
├── feedback.jsp
├── fieldGen
│   ├── concept.jsp
│   ├── date.jsp
│   ├── default.jsp
│   ├── drug.jsp
│   ├── encounter.jsp
│   ├── list.jsp
│   ├── location.jsp
│   ├── orderType.jsp
│   ├── patient.jsp
│   ├── person.jsp
│   ├── programWorkflow.jsp
│   ├── reason.jsp
│   ├── string.jsp
│   └── user.jsp
├── findPatient.jsp
├── forgotPasswordForm.jsp
├── help.jsp
├── index.jsp
├── login.jsp
├── migration
│   └── migration.jsp
├── missing.jsp
├── optionsForm.jsp
├── patientDashboardForm.jsp
├── patientGraphJsonForm.jsp
├── personDashboardForm.jsp
├── portlets
│   ├── activeListAllergy.jsp
│   ├── activeListProblem.jsp
│   ├── addPersonForm.jsp
│   ├── addressLayout.jsp
│   ├── cohort.jsp
│   ├── customMostRecentObs.jsp
│   ├── findObservation.jsp
│   ├── findPatient.jsp
│   ├── globalProperties.jsp
│   ├── login.jsp
│   ├── nameLayout.jsp
│   ├── patientDemographics.jsp
│   ├── patientEncounters.jsp
│   ├── patientGraphs.jsp
│   ├── patientHeader.jsp
│   ├── patientIdentifiers.jsp
│   ├── patientOverview.jsp
│   ├── patientPrograms.jsp
│   ├── patientRegimen.jsp
│   ├── patientRegimenCompleted.jsp
│   ├── patientRegimenCurrent.jsp
│   ├── personFormEntry.jsp
│   ├── personHeader.jsp
│   ├── personRelationships.jsp
│   └── welcome.jsp
├── remotecommunication
│   └── postHl7Form.jsp
└── uncaughtException.jsp
kenners commented 12 years ago

Noticed that by including either only the new version of jQuery or both new and bundled versions causes native OpenMRS JS functions (e.g. concept dictionary search) to break completely.

I'm temporarily going to revert to the original version of jQuery, which will break some of the UI for Bootstrap, but it's the better option until a solution is found to deal with the jQuery issue (allegedly, it is possible to have 2 versions of jQuery on the same page).

kenners commented 12 years ago

Going to need to redo for this OpenMRS 1.9, and probably not for the July 2012 deployment.

Still, this serves as a template as to the sorts of things that need to be done.