openMF / web-app

Mifos X Web App is the revamped version of the Mifos X Community App built on top of the Fineract Platform leveraging the popular Angular framework.
https://openmf.github.io/web-app/
Mozilla Public License 2.0
230 stars 533 forks source link

Web-App Configuration #35

Closed abhaychawla closed 1 year ago

abhaychawla commented 6 years ago

Goal:

As a user, I want to configure the look and feel of the application so that it suits the needs of the organization.

Tasks:

  1. Add settings for web-app configuration
  2. Allow configuration of the name of the organization, its description, a summary, default language and date format to be used within the application.
  3. Allow configuration of favicon and logo of the organization.
  4. Allow configuration of the theme and fonts for the application.
  5. Allow configuration of the contact information of the organization (website, email, phone)

Acceptance Criteria:

UPDATE: User Interface completed. Functionality can be completed once required APIs are available.

Fineract: https://issues.apache.org/jira/browse/FINERACT-638

abhaychawla commented 6 years ago

Mockups for reference:

13 app configuration app 14 app configuration app 1 15 app configuration app 2 16 app configuration app 3 17 app configuration app 4

abhaychawla commented 6 years ago

@anweshknayak I have created a demo here: https://abhaychawla.github.io/angular-theme/ Its a simple example to show how we can allow customization of the theme using bootstrap at client's side using local storage. I have used the loader that you created as a trial so that we could incorporate that as well whenever the theme is configured during the initial load. Further this data could be stored on the server when the required API is created. How does it look to you? I will integrate this into the web-app so that we can use the themes from bootswatch and angular-material.

muddlebee commented 6 years ago

Looks good. Could you ask @edcable once? I think in our last session he mentioned to keep the theme around blue/white. I am not sure about the theme yet. We should take this up with him I think.

abhaychawla commented 6 years ago

Yes, I'll take his review as well. We can provide as many themes as required by default and if needed we can provide instructions so that the organization will be able to clone the project, create their own custom theme and build it according to their needs as well.

@edcable @gauravsaini03 please do have a look at this small demo and let us know your views on the same: https://abhaychawla.github.io/angular-theme/