You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@fineract.apache.org by Abhay Chawla <ab...@gmail.com> on 2018/06/08 16:42:56 UTC
Web-App (Angular 6): Choice of Design Framework - Angular Material vs
bootswatch and ng-bootstrap)
Hello everyone,
After some discussion, Anwesh and I have a come up with the following
points regarding the decision to use Angular Material or bootswatch and
ng-bootstrap for the new MifosX Web App (Angular 6):
1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
Angular Directives that can be implemented without any dependencies on
jQuery or popper.js https://ng-bootstrap.github.io/#/home
2) Bootswatch provides a collection of themes(21 + 1 default) for
Bootstrap https://github.com/thomaspark/bootswatch/
3) Bootswatch provides with an API which can be integrated with the
platform for theme configuration easily and provide the organizations with
a choice from these 21 themes https://bootswatch.com/api/4.json
4) We are currently using the bootswatch material theme to compete and
provide with a similar kind of look as by angular-material
5) New themes if required can be configured easily using bootstrap, as a
simple example I have created a demonstration here:
https://abhaychawla.github.io/angular-theme/
6) We can also provide instructions so that the organizations will be able
to clone the project, create their own custom theme, build the app and use
that theme.
7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are easy
to implement and could be modified and used to suit our needs
8) On the other hand, angular-material provides with 4 inbuilt material
themes to chose from https://material.angular.io/
9) More custom themes can be configured according to organizations needs
using angular-material as well but it will be a bit more complex
10) Overall, angular-material will be more time consuming and a little
difficult to implement
We would like to share this with the community and get their opinion
regarding our choice of design framework so that we can finalize the same
as soon as possible in the initial stage of the project.
Looking forward to your responses.
Thanks
Abhay.
Re: [Mifos-developer] Web-App (Angular 6): Choice of
DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
Posted by Sendoro Juma <se...@singo.africa>.
Dear Jubha,
As for
- When transfering a client from one office to another, an option to choose a transfer date will be good also
https://github.com/openMF/community-app/issues/2968
Can you check the other two if there is no opened issue... so that you can open?
Regards
Sendoro
From: "jubha mayala" <ba...@gmail.com>
To: "Ed Cable" <ed...@mifos.org>, "mifos-developer" <mi...@lists.sourceforge.net>
Cc: "Pranjal Goswami" <pr...@gmail.com>, "dev" <de...@fineract.apache.org>, gsoc-2018@mifos.org
Sent: Thursday, June 21, 2018 10:53:23 AM
Subject: RE: [Mifos-developer] Web-App (Angular 6): Choice of DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
Hi All!
On my experience using and training users of Mifos x, I would recommend these things be added into the new coming Mifos x:
- Data import tool (Bulk Import) menu to have numbers like the old data Import Tool, this helps a lot when you are training new users of Mifos x. (numbers are memorized easily compared to words!)
- an option to display a total number of clients on list of client’s page.
- When transferring a client from one office to another, an option to choose a transfer date will be good also.
all of these I have attached print screen photos for more clarifications.
Thank you all for the good job!
Jubha.
Sent from [ https://go.microsoft.com/fwlink/?LinkId=550986 | Mail ] for Windows 10
From: [ mailto:edcable@mifos.org | Ed Cable ]
Sent: Wednesday, June 20, 2018 4:15 PM
To: [ mailto:mifos-developer@lists.sourceforge.net | Mifos software development ]
Cc: [ mailto:pranjal.b.goswami@gmail.com | Pranjal Goswami ] ; [ mailto:dev@fineract.apache.org | Dev ] ; [ mailto:gsoc-2018@mifos.org | gsoc-2018@mifos.org ]
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
Sifiso, Jubha,
Allowing skinnable themes and more configuration of look and feel of UI is exactly one of the goals we want to support with rewrite of the UI on Angular 6.
We don't want the default UI to be a drastic departure from the current UX and redesigned skin that we rolled out but we do want to ensure we take into account Material guidelines and address and optimize the current portions of the UI that are challenging for end users.
What would be great for you both to do is share your feedback on this thread about what works best about the current UX and want to ensure is replicated and what areas of the current UI you think need to be improved the most.
Santosh is working closely with Anwesh and Abhay on this project to ensure usability is improved and doesn't drastically depart from the current Mifos X web app experience.
Ed
On Wed, Jun 20, 2018 at 5:53 AM jubha mayala < [ mailto:basstone40@gmail.com | basstone40@gmail.com ] > wrote:
Hi all!
Yes, the proposed UI looks great, but I would also recommend if possible Mifos x should have a feature to choose themes. Users to be able to choose the classic Mifos x UI or the new one
Sent from [ https://go.microsoft.com/fwlink/?LinkId=550986 | Mail ] for Windows 10
From: [ mailto:sifiso@skyburgsystems.org | sifiso@skyburgsystems.org ]
Sent: Wednesday, June 20, 2018 2:52 PM
To: [ mailto:mifos-developer@lists.sourceforge.net | 'Mifos software development' ]
Cc: [ mailto:pranjal.b.goswami@gmail.com | pranjal.b.goswami@gmail.com ] ; [ mailto:gsoc-2018@mifos.org | gsoc-2018@mifos.org ] ; [ mailto:dev@fineract.apache.org | dev@fineract.apache.org ]
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Hi guys,
I like some of the UI that is being proposed for the system. But other suggestions are not really necessary like the top menu, client create, and the accounting new look UIs. So my question is can we choose what we want the system UI to look like and perform as?
Kind regards,
Sifiso
From: Anwesh Krishna Nayak < [ mailto:anweshknayak@gmail.com | anweshknayak@gmail.com ] >
Sent: Friday, June 15, 2018 6:13 PM
To: Gaurav Saini < [ mailto:gauravsaini03@gmail.com | gauravsaini03@gmail.com ] >
Cc: [ mailto:gsoc-2018@mifos.org | gsoc-2018@mifos.org ] ; Pranjal Goswami < [ mailto:pranjal.b.goswami@gmail.com | pranjal.b.goswami@gmail.com ] >; Mifos software development < [ mailto:mifos-developer@lists.sourceforge.net | mifos-developer@lists.sourceforge.net ] >; Dev < [ mailto:dev@fineract.apache.org | dev@fineract.apache.org ] >
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I have attached below the doc containing redesigning of all UI and links respectively
Link : [ https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing | https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing ]
Thanks
[ https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient ]
Virus-free. [ https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient | www.avast.com ]
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! [ http://sdm.link/slashdot | http://sdm.link/slashdot ] Mifos-developer mailing list
[ mailto:mifos-developer@lists.sourceforge.net | mifos-developer@lists.sourceforge.net ]
Unsubscribe or change settings at:
[ https://lists.sourceforge.net/lists/listinfo/mifos-developer | https://lists.sourceforge.net/lists/listinfo/mifos-developer ]
--
Ed Cable
President/CEO, Mifos Initiative
[ mailto:edcable@mifos.org | edcable@mifos.org ] | Skype: edcable | Mobile: +1.484.477.8649
Collectively Creating a World of 3 Billion Maries | [ http://mifos.org/ | http://mifos.org ] [ http://facebook.com/mifos ] [ http://www.twitter.com/mifos ]
RE: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Posted by si...@skyburgsystems.org.
Great.
I must say Abhay that was beyond my expectation. Sounds good. I have added some of my suggestions as well and hope they can be merged together with these developments.
Thanks and regards,
Sifiso
From: Abhay Chawla <ab...@gmail.com>
Sent: Wednesday, June 20, 2018 3:51 PM
To: Ed Cable <ed...@mifos.org>
Cc: Mifos software development <mi...@lists.sourceforge.net>; sifiso@skyburgsystems.org; Pranjal Goswami <pr...@gmail.com>; dev@fineract.apache.org; gsoc-2018@mifos.org; santosh@confluxtechnologies.com
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Hello,
As Ed mentioned we would be soon having a feature to configure the themes in the new MifosX web app.
Apart from this, the organization will also be able to configure the following from the settings in the future:
1. The name of the organization, its description, a summary, default language and date format to be used within the application.
2. favicon and logo of the organization.
3. Allow configuration of the contact information of the organization (website, email, phone)
Looking forward to your feedback on the same. Please do let us know if there are any other requirements.
Thanks
Abhay.
On Wed, Jun 20, 2018 at 6:44 PM Ed Cable <edcable@mifos.org <ma...@mifos.org> > wrote:
Sifiso, Jubha,
Allowing skinnable themes and more configuration of look and feel of UI is exactly one of the goals we want to support with rewrite of the UI on Angular 6.
We don't want the default UI to be a drastic departure from the current UX and redesigned skin that we rolled out but we do want to ensure we take into account Material guidelines and address and optimize the current portions of the UI that are challenging for end users.
What would be great for you both to do is share your feedback on this thread about what works best about the current UX and want to ensure is replicated and what areas of the current UI you think need to be improved the most.
Santosh is working closely with Anwesh and Abhay on this project to ensure usability is improved and doesn't drastically depart from the current Mifos X web app experience.
Ed
On Wed, Jun 20, 2018 at 5:53 AM jubha mayala <basstone40@gmail.com <ma...@gmail.com> > wrote:
Hi all!
Yes, the proposed UI looks great, but I would also recommend if possible Mifos x should have a feature to choose themes. Users to be able to choose the classic Mifos x UI or the new one😊
Sent from <https://go.microsoft.com/fwlink/?LinkId=550986> Mail for Windows 10
From: <ma...@skyburgsystems.org> sifiso@skyburgsystems.org
Sent: Wednesday, June 20, 2018 2:52 PM
To: <ma...@lists.sourceforge.net> 'Mifos software development'
Cc: <ma...@gmail.com> pranjal.b.goswami@gmail.com; <ma...@mifos.org> gsoc-2018@mifos.org; <ma...@fineract.apache.org> dev@fineract.apache.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Hi guys,
I like some of the UI that is being proposed for the system. But other suggestions are not really necessary like the top menu, client create, and the accounting new look UIs. So my question is can we choose what we want the system UI to look like and perform as?
Kind regards,
Sifiso
From: Anwesh Krishna Nayak < <ma...@gmail.com> anweshknayak@gmail.com>
Sent: Friday, June 15, 2018 6:13 PM
To: Gaurav Saini < <ma...@gmail.com> gauravsaini03@gmail.com>
Cc: <ma...@mifos.org> gsoc-2018@mifos.org; Pranjal Goswami < <ma...@gmail.com> pranjal.b.goswami@gmail.com>; Mifos software development < <ma...@lists.sourceforge.net> mifos-developer@lists.sourceforge.net>; Dev < <ma...@fineract.apache.org> dev@fineract.apache.org>
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I have attached below the doc containing redesigning of all UI and links respectively
Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Thanks
<https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
Virus-free. <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient> www.avast.com
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdotMifos-developer mailing list
mifos-developer@lists.sourceforge.net <ma...@lists.sourceforge.net>
Unsubscribe or change settings at:
https://lists.sourceforge.net/lists/listinfo/mifos-developer
--
Ed Cable
President/CEO, Mifos Initiative
<ma...@mifos.org> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
Collectively Creating a World of 3 Billion Maries | <http://mifos.org> http://mifos.org <http://facebook.com/mifos> <http://www.twitter.com/mifos>
--
You received this message because you are subscribed to the Google Groups "Mifos Google Summer of Code 2018" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gsoc-2018+unsubscribe@mifos.org <ma...@mifos.org> .
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
Framework- Angular Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Hello,
As Ed mentioned we would be soon having a feature to configure the themes
in the new MifosX web app.
Apart from this, the organization will also be able to configure the
following from the settings in the future:
1. The name of the organization, its description, a summary, default
language and date format to be used within the application.
2. favicon and logo of the organization.
3. Allow configuration of the contact information of the organization
(website, email, phone)
Looking forward to your feedback on the same. Please do let us know if
there are any other requirements.
Thanks
Abhay.
On Wed, Jun 20, 2018 at 6:44 PM Ed Cable <ed...@mifos.org> wrote:
> Sifiso, Jubha,
>
> Allowing skinnable themes and more configuration of look and feel of UI is
> exactly one of the goals we want to support with rewrite of the UI on
> Angular 6.
>
> We don't want the default UI to be a drastic departure from the current UX
> and redesigned skin that we rolled out but we do want to ensure we take
> into account Material guidelines and address and optimize the current
> portions of the UI that are challenging for end users.
>
> What would be great for you both to do is share your feedback on this
> thread about what works best about the current UX and want to ensure is
> replicated and what areas of the current UI you think need to be improved
> the most.
>
> Santosh is working closely with Anwesh and Abhay on this project to ensure
> usability is improved and doesn't drastically depart from the current Mifos
> X web app experience.
>
> Ed
>
> On Wed, Jun 20, 2018 at 5:53 AM jubha mayala <ba...@gmail.com> wrote:
>
>> Hi all!
>>
>> Yes, the proposed UI looks great, but I would also recommend if possible
>> Mifos x should have a feature to choose themes. Users to be able to choose
>> the classic Mifos x UI or the new one😊
>>
>>
>>
>> Sent from Mail <https://go.microsoft.com/fwlink/?LinkId=550986> for
>> Windows 10
>>
>>
>>
>> *From: *sifiso@skyburgsystems.org
>> *Sent: *Wednesday, June 20, 2018 2:52 PM
>> *To: *'Mifos software development'
>> <mi...@lists.sourceforge.net>
>> *Cc: *pranjal.b.goswami@gmail.com; gsoc-2018@mifos.org;
>> dev@fineract.apache.org
>> *Subject: *Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
>> Framework- Angular Material vs bootswatch and ng-bootstrap)
>>
>>
>>
>> Hi guys,
>>
>>
>>
>> I like some of the UI that is being proposed for the system. But other
>> suggestions are not really necessary like the top menu, client create, and
>> the accounting new look UIs. So my question is can we choose what we want
>> the system UI to look like and perform as?
>>
>>
>>
>> Kind regards,
>>
>> Sifiso
>>
>>
>>
>> *From:* Anwesh Krishna Nayak <an...@gmail.com>
>> *Sent:* Friday, June 15, 2018 6:13 PM
>> *To:* Gaurav Saini <ga...@gmail.com>
>> *Cc:* gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>;
>> Mifos software development <mi...@lists.sourceforge.net>; Dev <
>> dev@fineract.apache.org>
>> *Subject:* Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
>> Framework - Angular Material vs bootswatch and ng-bootstrap)
>>
>>
>>
>> I have attached below the doc containing redesigning of all UI and links
>> respectively
>>
>>
>>
>> Link :
>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>
>>
>>
>> Thanks
>>
>>
>>
>> [image:
>> https://ipmcdn.avast.com/images/icons/icon-envelope-tick-round-orange-animated-no-repeat-v1.gif]
>> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>>
>> Virus-free. www.avast.com
>> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>>
>>
>>
>>
>>
>> ------------------------------------------------------------------------------
>> Check out the vibrant tech community on one of the world's most
>> engaging tech sites, Slashdot.org! http://sdm.link/slashdotMifos-developer
>> mailing list
>> mifos-developer@lists.sourceforge.net
>> Unsubscribe or change settings at:
>> https://lists.sourceforge.net/lists/listinfo/mifos-developer
>
>
>
> --
> *Ed Cable*
> President/CEO, Mifos Initiative
> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>
> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
RE: [Mifos-developer] Web-App (Angular 6): Choice of
DesignFramework-Angular Material vs bootswatch and ng-bootstrap)
Posted by jubha mayala <ba...@gmail.com>.
Thank you Santosh!
Sent from Mail for Windows 10
From: Santosh Math
Sent: Thursday, June 21, 2018 1:41 PM
To: Dev
Cc: Pranjal Goswami; Mifos software development; gsoc-2018@mifos.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of DesignFramework-Angular Material vs bootswatch and ng-bootstrap)
Hi Jubha,
The issue is prioritised with 'p1' for upcoming GSOC 2018 hackathon. :)
Regards
Santosh
On Thu, Jun 21, 2018 at 2:23 PM, jubha mayala <ba...@gmail.com> wrote:
Hi All!
On my experience using and training users of Mifos x, I would recommend these things be added into the new coming Mifos x:
- Data import tool (Bulk Import) menu to have numbers like the old data Import Tool, this helps a lot when you are training new users of Mifos x. (numbers are memorized easily compared to words!)
- an option to display a total number of clients on list of client’s page.
- When transferring a client from one office to another, an option to choose a transfer date will be good also.
all of these I have attached print screen photos for more clarifications.
Thank you all for the good job!
Jubha.
Sent from Mail for Windows 10
From: Ed Cable
Sent: Wednesday, June 20, 2018 4:15 PM
To: Mifos software development
Cc: Pranjal Goswami; Dev; gsoc-2018@mifos.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
Sifiso, Jubha,
Allowing skinnable themes and more configuration of look and feel of UI is exactly one of the goals we want to support with rewrite of the UI on Angular 6.
We don't want the default UI to be a drastic departure from the current UX and redesigned skin that we rolled out but we do want to ensure we take into account Material guidelines and address and optimize the current portions of the UI that are challenging for end users.
What would be great for you both to do is share your feedback on this thread about what works best about the current UX and want to ensure is replicated and what areas of the current UI you think need to be improved the most.
Santosh is working closely with Anwesh and Abhay on this project to ensure usability is improved and doesn't drastically depart from the current Mifos X web app experience.
Ed
On Wed, Jun 20, 2018 at 5:53 AM jubha mayala <ba...@gmail.com> wrote:
Hi all!
Yes, the proposed UI looks great, but I would also recommend if possible Mifos x should have a feature to choose themes. Users to be able to choose the classic Mifos x UI or the new one😊
Sent from Mail for Windows 10
From: sifiso@skyburgsystems.org
Sent: Wednesday, June 20, 2018 2:52 PM
To: 'Mifos software development'
Cc: pranjal.b.goswami@gmail.com; gsoc-2018@mifos.org; dev@fineract.apache.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Hi guys,
I like some of the UI that is being proposed for the system. But other suggestions are not really necessary like the top menu, client create, and the accounting new look UIs. So my question is can we choose what we want the system UI to look like and perform as?
Kind regards,
Sifiso
From: Anwesh Krishna Nayak <an...@gmail.com>
Sent: Friday, June 15, 2018 6:13 PM
To: Gaurav Saini <ga...@gmail.com>
Cc: gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>; Mifos software development <mi...@lists.sourceforge.net>; Dev <de...@fineract.apache.org>
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I have attached below the doc containing redesigning of all UI and links respectively
Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Thanks
Virus-free. www.avast.com
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdotMifos-developer mailing list
mifos-developer@lists.sourceforge.net
Unsubscribe or change settings at:
https://lists.sourceforge.net/lists/listinfo/mifos-developer
--
Ed Cable
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
Collectively Creating a World of 3 Billion Maries | http://mifos.org
--
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: [Mifos-developer] Web-App (Angular 6): Choice of DesignFramework-
Angular Material vs bootswatch and ng-bootstrap)
Posted by Santosh Math <sa...@confluxtechnologies.com>.
Hi Jubha,
The issue is prioritised with 'p1' for upcoming GSOC 2018 hackathon. :)
Regards
Santosh
On Thu, Jun 21, 2018 at 2:23 PM, jubha mayala <ba...@gmail.com> wrote:
> Hi All!
>
> On my experience using and training users of Mifos x, I would recommend
> these things be added into the new coming Mifos x:
>
>
>
> - Data import tool (Bulk Import) menu to have numbers like the old data
> Import Tool, this helps a lot when you are training new users of Mifos x.
> (numbers are memorized easily compared to words!)
>
>
>
> - an option to display a total number of clients on list of client’s page.
>
>
>
> - When transferring a client from one office to another, an option to
> choose a transfer date will be good also.
>
>
>
> all of these I have attached print screen photos for more clarifications.
>
>
>
> Thank you all for the good job!
>
>
>
> Jubha.
>
>
>
>
>
>
>
> Sent from Mail <https://go.microsoft.com/fwlink/?LinkId=550986> for
> Windows 10
>
>
>
> *From: *Ed Cable <ed...@mifos.org>
> *Sent: *Wednesday, June 20, 2018 4:15 PM
> *To: *Mifos software development <mi...@lists.sourceforge.net>
> *Cc: *Pranjal Goswami <pr...@gmail.com>; Dev
> <de...@fineract.apache.org>; gsoc-2018@mifos.org
> *Subject: *Re: [Mifos-developer] Web-App (Angular 6): Choice of
> DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
>
>
>
> Sifiso, Jubha,
>
>
>
> Allowing skinnable themes and more configuration of look and feel of UI is
> exactly one of the goals we want to support with rewrite of the UI on
> Angular 6.
>
>
>
> We don't want the default UI to be a drastic departure from the current UX
> and redesigned skin that we rolled out but we do want to ensure we take
> into account Material guidelines and address and optimize the current
> portions of the UI that are challenging for end users.
>
>
>
> What would be great for you both to do is share your feedback on this
> thread about what works best about the current UX and want to ensure is
> replicated and what areas of the current UI you think need to be improved
> the most.
>
>
>
> Santosh is working closely with Anwesh and Abhay on this project to ensure
> usability is improved and doesn't drastically depart from the current Mifos
> X web app experience.
>
>
>
> Ed
>
>
>
> On Wed, Jun 20, 2018 at 5:53 AM jubha mayala <ba...@gmail.com> wrote:
>
> Hi all!
>
> Yes, the proposed UI looks great, but I would also recommend if possible
> Mifos x should have a feature to choose themes. Users to be able to choose
> the classic Mifos x UI or the new one😊
>
>
>
> Sent from Mail <https://go.microsoft.com/fwlink/?LinkId=550986> for
> Windows 10
>
>
>
> *From: *sifiso@skyburgsystems.org
> *Sent: *Wednesday, June 20, 2018 2:52 PM
> *To: *'Mifos software development' <mi...@lists.sourceforge.net>
> *Cc: *pranjal.b.goswami@gmail.com; gsoc-2018@mifos.org;
> dev@fineract.apache.org
> *Subject: *Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
> Framework- Angular Material vs bootswatch and ng-bootstrap)
>
>
>
> Hi guys,
>
>
>
> I like some of the UI that is being proposed for the system. But other
> suggestions are not really necessary like the top menu, client create, and
> the accounting new look UIs. So my question is can we choose what we want
> the system UI to look like and perform as?
>
>
>
> Kind regards,
>
> Sifiso
>
>
>
> *From:* Anwesh Krishna Nayak <an...@gmail.com>
> *Sent:* Friday, June 15, 2018 6:13 PM
> *To:* Gaurav Saini <ga...@gmail.com>
> *Cc:* gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>;
> Mifos software development <mi...@lists.sourceforge.net>; Dev <
> dev@fineract.apache.org>
> *Subject:* Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
> Framework - Angular Material vs bootswatch and ng-bootstrap)
>
>
>
> I have attached below the doc containing redesigning of all UI and links
> respectively
>
>
>
> Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsj
> j0LglUZ3wCzbw8/edit?usp=sharing
>
>
>
> Thanks
>
>
>
> [image:
> https://ipmcdn.avast.com/images/icons/icon-envelope-tick-round-orange-animated-no-repeat-v1.gif]
> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>
> Virus-free. www.avast.com
> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>
>
>
>
>
> ------------------------------------------------------------
> ------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdotMifos-developer
> mailing list
> mifos-developer@lists.sourceforge.net
> Unsubscribe or change settings at:
> https://lists.sourceforge.net/lists/listinfo/mifos-developer
>
>
>
>
> --
>
> *Ed Cable*
>
> President/CEO, Mifos Initiative
>
> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>
>
>
> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org *[image:
> https://secure.plimus.com/developers/817570/Template/icon-tiny-facebook.png]*
> <http://facebook.com/mifos> *[image:
> http://organizationsandmarkets.files.wordpress.com/2010/04/icon-tiny-twitter.png]*
> <http://www.twitter.com/mifos>
>
>
>
>
>
--
RE: [Mifos-developer] Web-App (Angular 6): Choice of
DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
Posted by jubha mayala <ba...@gmail.com>.
Hi All!
On my experience using and training users of Mifos x, I would recommend these things be added into the new coming Mifos x:
- Data import tool (Bulk Import) menu to have numbers like the old data Import Tool, this helps a lot when you are training new users of Mifos x. (numbers are memorized easily compared to words!)
- an option to display a total number of clients on list of client’s page.
- When transferring a client from one office to another, an option to choose a transfer date will be good also.
all of these I have attached print screen photos for more clarifications.
Thank you all for the good job!
Jubha.
Sent from Mail for Windows 10
From: Ed Cable
Sent: Wednesday, June 20, 2018 4:15 PM
To: Mifos software development
Cc: Pranjal Goswami; Dev; gsoc-2018@mifos.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of DesignFramework- Angular Material vs bootswatch and ng-bootstrap)
Sifiso, Jubha,
Allowing skinnable themes and more configuration of look and feel of UI is exactly one of the goals we want to support with rewrite of the UI on Angular 6.
We don't want the default UI to be a drastic departure from the current UX and redesigned skin that we rolled out but we do want to ensure we take into account Material guidelines and address and optimize the current portions of the UI that are challenging for end users.
What would be great for you both to do is share your feedback on this thread about what works best about the current UX and want to ensure is replicated and what areas of the current UI you think need to be improved the most.
Santosh is working closely with Anwesh and Abhay on this project to ensure usability is improved and doesn't drastically depart from the current Mifos X web app experience.
Ed
On Wed, Jun 20, 2018 at 5:53 AM jubha mayala <ba...@gmail.com> wrote:
Hi all!
Yes, the proposed UI looks great, but I would also recommend if possible Mifos x should have a feature to choose themes. Users to be able to choose the classic Mifos x UI or the new one😊
Sent from Mail for Windows 10
From: sifiso@skyburgsystems.org
Sent: Wednesday, June 20, 2018 2:52 PM
To: 'Mifos software development'
Cc: pranjal.b.goswami@gmail.com; gsoc-2018@mifos.org; dev@fineract.apache.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Hi guys,
I like some of the UI that is being proposed for the system. But other suggestions are not really necessary like the top menu, client create, and the accounting new look UIs. So my question is can we choose what we want the system UI to look like and perform as?
Kind regards,
Sifiso
From: Anwesh Krishna Nayak <an...@gmail.com>
Sent: Friday, June 15, 2018 6:13 PM
To: Gaurav Saini <ga...@gmail.com>
Cc: gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>; Mifos software development <mi...@lists.sourceforge.net>; Dev <de...@fineract.apache.org>
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I have attached below the doc containing redesigning of all UI and links respectively
Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Thanks
Virus-free. www.avast.com
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdotMifos-developer mailing list
mifos-developer@lists.sourceforge.net
Unsubscribe or change settings at:
https://lists.sourceforge.net/lists/listinfo/mifos-developer
--
Ed Cable
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
Collectively Creating a World of 3 Billion Maries | http://mifos.org
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
Framework- Angular Material vs bootswatch and ng-bootstrap)
Posted by Ed Cable <ed...@mifos.org>.
Sifiso, Jubha,
Allowing skinnable themes and more configuration of look and feel of UI is
exactly one of the goals we want to support with rewrite of the UI on
Angular 6.
We don't want the default UI to be a drastic departure from the current UX
and redesigned skin that we rolled out but we do want to ensure we take
into account Material guidelines and address and optimize the current
portions of the UI that are challenging for end users.
What would be great for you both to do is share your feedback on this
thread about what works best about the current UX and want to ensure is
replicated and what areas of the current UI you think need to be improved
the most.
Santosh is working closely with Anwesh and Abhay on this project to ensure
usability is improved and doesn't drastically depart from the current Mifos
X web app experience.
Ed
On Wed, Jun 20, 2018 at 5:53 AM jubha mayala <ba...@gmail.com> wrote:
> Hi all!
>
> Yes, the proposed UI looks great, but I would also recommend if possible
> Mifos x should have a feature to choose themes. Users to be able to choose
> the classic Mifos x UI or the new one😊
>
>
>
> Sent from Mail <https://go.microsoft.com/fwlink/?LinkId=550986> for
> Windows 10
>
>
>
> *From: *sifiso@skyburgsystems.org
> *Sent: *Wednesday, June 20, 2018 2:52 PM
> *To: *'Mifos software development' <mi...@lists.sourceforge.net>
> *Cc: *pranjal.b.goswami@gmail.com; gsoc-2018@mifos.org;
> dev@fineract.apache.org
> *Subject: *Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
> Framework- Angular Material vs bootswatch and ng-bootstrap)
>
>
>
> Hi guys,
>
>
>
> I like some of the UI that is being proposed for the system. But other
> suggestions are not really necessary like the top menu, client create, and
> the accounting new look UIs. So my question is can we choose what we want
> the system UI to look like and perform as?
>
>
>
> Kind regards,
>
> Sifiso
>
>
>
> *From:* Anwesh Krishna Nayak <an...@gmail.com>
> *Sent:* Friday, June 15, 2018 6:13 PM
> *To:* Gaurav Saini <ga...@gmail.com>
> *Cc:* gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>;
> Mifos software development <mi...@lists.sourceforge.net>; Dev <
> dev@fineract.apache.org>
> *Subject:* Re: [Mifos-developer] Web-App (Angular 6): Choice of Design
> Framework - Angular Material vs bootswatch and ng-bootstrap)
>
>
>
> I have attached below the doc containing redesigning of all UI and links
> respectively
>
>
>
> Link :
> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>
>
>
> Thanks
>
>
>
> [image:
> https://ipmcdn.avast.com/images/icons/icon-envelope-tick-round-orange-animated-no-repeat-v1.gif]
> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>
> Virus-free. www.avast.com
> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>
>
>
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdotMifos-developer
> mailing list
> mifos-developer@lists.sourceforge.net
> Unsubscribe or change settings at:
> https://lists.sourceforge.net/lists/listinfo/mifos-developer
--
*Ed Cable*
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos> <http://www.twitter.com/mifos>
RE: [Mifos-developer] Web-App (Angular 6): Choice of Design
Framework- Angular Material vs bootswatch and ng-bootstrap)
Posted by jubha mayala <ba...@gmail.com>.
Hi all!
Yes, the proposed UI looks great, but I would also recommend if possible Mifos x should have a feature to choose themes. Users to be able to choose the classic Mifos x UI or the new one😊
Sent from Mail for Windows 10
From: sifiso@skyburgsystems.org
Sent: Wednesday, June 20, 2018 2:52 PM
To: 'Mifos software development'
Cc: pranjal.b.goswami@gmail.com; gsoc-2018@mifos.org; dev@fineract.apache.org
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework- Angular Material vs bootswatch and ng-bootstrap)
Hi guys,
I like some of the UI that is being proposed for the system. But other suggestions are not really necessary like the top menu, client create, and the accounting new look UIs. So my question is can we choose what we want the system UI to look like and perform as?
Kind regards,
Sifiso
From: Anwesh Krishna Nayak <an...@gmail.com>
Sent: Friday, June 15, 2018 6:13 PM
To: Gaurav Saini <ga...@gmail.com>
Cc: gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>; Mifos software development <mi...@lists.sourceforge.net>; Dev <de...@fineract.apache.org>
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I have attached below the doc containing redesigning of all UI and links respectively
Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Thanks
Virus-free. www.avast.com
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
RE: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
Posted by si...@skyburgsystems.org.
Hi guys,
I like some of the UI that is being proposed for the system. But other suggestions are not really necessary like the top menu, client create, and the accounting new look UIs. So my question is can we choose what we want the system UI to look like and perform as?
Kind regards,
Sifiso
From: Anwesh Krishna Nayak <an...@gmail.com>
Sent: Friday, June 15, 2018 6:13 PM
To: Gaurav Saini <ga...@gmail.com>
Cc: gsoc-2018@mifos.org; Pranjal Goswami <pr...@gmail.com>; Mifos software development <mi...@lists.sourceforge.net>; Dev <de...@fineract.apache.org>
Subject: Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I have attached below the doc containing redesigning of all UI and links respectively
Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Thanks
---
This email has been checked for viruses by Avast antivirus software.
https://www.avast.com/antivirus
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Okay, I'll be there.
Abhay
On Sat, Jun 16, 2018 at 1:12 PM Gaurav Saini <ga...@gmail.com>
wrote:
> Hello Abhay And Anwesh,
>
> Let's get on a call around 6:30 PM today on Skype. I will give you my
> inputs and feedbacks.
>
> Thanks
> Gaurav
>
> On Sat, Jun 16, 2018 at 1:09 PM Abhay Chawla <ab...@gmail.com>
> wrote:
>
>> Thank you Gaurav, Please let us know the time soon and we will be there.
>>
>> Also, please have a look at the latest changes regarding self-service
>> user management as well. I have deployed them to gh-pages. The routes are:
>> 1) /self-service/users
>> 1) /self-service/users/create
>> 1) /self-service/users/view
>>
>> Thanks
>> Abhay
>>
>> On Sat, Jun 16, 2018 at 2:23 AM Gaurav Saini <ga...@gmail.com>
>> wrote:
>>
>>> As suggested by Abhay lets get on a call. I will fo my best to schedule
>>> it in weekend itself.
>>>
>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>> mistakes done in new designs ideas shared that is the main reason to use
>>> angular material as you will stick to exact component designs.
>>>
>>> Let's have a call and discuss about all these in weekend itself.
>>>
>>> Thanks
>>> Gaurav
>>>
>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
>>> wrote:
>>>
>>>> I have attached below the doc containing redesigning of all UI and
>>>> links respectively
>>>>
>>>> Link :
>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>
>>>> Thanks
>>>>
>>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
>
>
> --
> Regards,
> *Gaurav Saini*
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Gaurav Saini <ga...@gmail.com>.
Hello Abhay And Anwesh,
Let's get on a call around 6:30 PM today on Skype. I will give you my
inputs and feedbacks.
Thanks
Gaurav
On Sat, Jun 16, 2018 at 1:09 PM Abhay Chawla <ab...@gmail.com>
wrote:
> Thank you Gaurav, Please let us know the time soon and we will be there.
>
> Also, please have a look at the latest changes regarding self-service user
> management as well. I have deployed them to gh-pages. The routes are:
> 1) /self-service/users
> 1) /self-service/users/create
> 1) /self-service/users/view
>
> Thanks
> Abhay
>
> On Sat, Jun 16, 2018 at 2:23 AM Gaurav Saini <ga...@gmail.com>
> wrote:
>
>> As suggested by Abhay lets get on a call. I will fo my best to schedule
>> it in weekend itself.
>>
>> Also, i saw the doc with screenshots there are really basic UI/UX
>> mistakes done in new designs ideas shared that is the main reason to use
>> angular material as you will stick to exact component designs.
>>
>> Let's have a call and discuss about all these in weekend itself.
>>
>> Thanks
>> Gaurav
>>
>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
>> wrote:
>>
>>> I have attached below the doc containing redesigning of all UI and links
>>> respectively
>>>
>>> Link :
>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>
>>> Thanks
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
--
Regards,
*Gaurav Saini*
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Thank you Gaurav, Please let us know the time soon and we will be there.
Also, please have a look at the latest changes regarding self-service user
management as well. I have deployed them to gh-pages. The routes are:
1) /self-service/users
1) /self-service/users/create
1) /self-service/users/view
Thanks
Abhay
On Sat, Jun 16, 2018 at 2:23 AM Gaurav Saini <ga...@gmail.com>
wrote:
> As suggested by Abhay lets get on a call. I will fo my best to schedule it
> in weekend itself.
>
> Also, i saw the doc with screenshots there are really basic UI/UX mistakes
> done in new designs ideas shared that is the main reason to use angular
> material as you will stick to exact component designs.
>
> Let's have a call and discuss about all these in weekend itself.
>
> Thanks
> Gaurav
>
> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
> wrote:
>
>> I have attached below the doc containing redesigning of all UI and links
>> respectively
>>
>> Link :
>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>
>> Thanks
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Hello Ed,
We have deployed all the new changes to https://openmf.github.io/web-app/
Also, I'll deploy these themes as well in some time.
Thanks
Abhay.
On Thu, Jun 28, 2018 at 8:36 PM Ed Cable <ed...@mifos.org> wrote:
> Abhay/Anwesh,
>
> Are we yet deploying the changes for the new codebase to
> https://openmf.github.io/web-app/
>
> or is this still the latest:
> https://abhaychawla.github.io/angular-app-shell?
>
> On Thu, Jun 28, 2018 at 7:55 AM Ed Cable <ed...@mifos.org> wrote:
>
>> Abhay,
>>
>> Sorry as I only just saw this reply.
>>
>> The following blue/green combo options based on Mifos logo looked nice in
>> my eyes:
>>
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
>>
>> Ed
>>
>> On Fri, Jun 22, 2018 at 1:54 AM Abhay Chawla <ab...@gmail.com>
>> wrote:
>>
>>> Hello,
>>>
>>> There is an official *material design colour tool* using which we can
>>> generate themes based on the official material palette as well as our
>>> custom colour choices here:
>>> https://material.io/tools/color/
>>> (*Ref:* https://material.io/design/color/#tools-for-picking-colors)
>>>
>>> I have created a few examples of themes using it and would request you
>>> to give your opinion regarding them as to which theme we should use as the
>>> official default theme for the new MifosX web app. You could also use the
>>> material design colour tool to generate any other theme and share with us
>>> if I missed something.
>>>
>>> *Based on the new skin of community app:*
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=082331&primary.text.color=ffffff&secondary.color=4f99ed&secondary.text.color=000000
>>>
>>> *Based on the logo of Mifos:*
>>> Blue theme -
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&primary.text.color=ffffff&secondary.color=1daeec&secondary.text.color=000000
>>> Green theme -
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1fb050&primary.text.color=000000&secondary.color=b4d575&secondary.text.color=000000
>>> Blue/Green theme combinations -
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=ffffff
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=000000
>>>
>>> *Based on the material palette:*
>>> Blue theme -
>>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2196F3&secondary.color=00BCD4&secondary.text.color=000000
>>> Green theme -
>>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2E7D32&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
>>> Blue/Green theme -
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=3D5AFE&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
>>>
>>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=00E676&secondary.color=3D5AFE&primary.text.color=000000&secondary.text.color=ffffff
>>>
>>> Thanks
>>> Abhay.
>>>
>>> On Fri, Jun 22, 2018 at 12:30 AM Abhay Chawla <ab...@gmail.com>
>>> wrote:
>>>
>>>> Hello Ed and Gaurav,
>>>>
>>>> Yes, I will deploy the code to the main repository positively by
>>>> tomorrow.
>>>> We have the 4 default themes officially provided by angular-material.
>>>> Apart from that, we can also create our own custom theme based on the
>>>> current skin colour of the community app.
>>>>
>>>> *Reference:*
>>>> https://material.angular.io/guide/theming
>>>> https://material.io/design/color/#
>>>>
>>>> I will have a look and see if more themes are available and also would
>>>> try to create a custom theme based on the current skin and share as soon as
>>>> possible over the weekend.
>>>>
>>>> Thanks
>>>> Abhay.
>>>>
>>>>
>>>> On Fri, Jun 22, 2018 at 12:11 AM Gaurav Saini <ga...@gmail.com>
>>>> wrote:
>>>>
>>>>> I think we can choose from material color pallet there are many more
>>>>> color themes available. Abhay you can suggest some or drop a link if there
>>>>> any on official angular material site where all colors can be seen.
>>>>>
>>>>> On Fri 22 Jun, 2018, 00:08 Ed Cable, <ed...@mifos.org> wrote:
>>>>>
>>>>>> Abhay,
>>>>>>
>>>>>> That is coming along nicely. Are we going to soon deploy that to the
>>>>>> main web-app github repo?
>>>>>>
>>>>>> I'm glad that we made the choice to switch over to Angular Material
>>>>>> as it does look more familiar and I think will be of benefit to our user
>>>>>> base who will also recognize it from other web apps they use consistently.
>>>>>>
>>>>>> I believe a comment of mine previously might have been misheard as I
>>>>>> didn't like the old skin color scheme and do like the recent color scheme
>>>>>> of the recent re-skin we deployed. Are you able to change the default color
>>>>>> scheme away from the blue/purple color?
>>>>>>
>>>>>> Are there more than just those 4 default colors for themes?
>>>>>>
>>>>>> On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <
>>>>>> abhay.chawla97@gmail.com> wrote:
>>>>>>
>>>>>>> Hello Everyone,
>>>>>>>
>>>>>>> Here is a glimpse of the initial shell structure of the new web app
>>>>>>> currently in development:
>>>>>>> https://abhaychawla.github.io/angular-app-shell/
>>>>>>> We would appreciate any reviews you all have on the same.
>>>>>>>
>>>>>>> Thank you
>>>>>>> Abhay.
>>>>>>>
>>>>>>> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <
>>>>>>> gauravsaini03@gmail.com> wrote:
>>>>>>>
>>>>>>>> Hello Everyone,
>>>>>>>>
>>>>>>>> Just to update on the latest activity going on the new web-app.
>>>>>>>> Abhay, Anwesh and me had a call on weekend where we discussed what was
>>>>>>>> currently built and shared my concerns with the approach we were following
>>>>>>>> by not using official Angular Material. There were multiple UI/UX concerns
>>>>>>>> also and some component level discussions and at the end we came to
>>>>>>>> conclusion that we will be going to use:
>>>>>>>>
>>>>>>>> - Angular Material for the new web-application
>>>>>>>> - Another important point finalised was that we will be first
>>>>>>>> preparing a shell structure of the application and then start working on
>>>>>>>> each component.
>>>>>>>> - We also took a look on to some dashboard themes for ideation
>>>>>>>> on UI/UX and finalised it also.
>>>>>>>>
>>>>>>>> Abhay just shared with initial structure he started and it's
>>>>>>>> looking really good now and he will soon deploy that for demo also once he
>>>>>>>> integrate and push it.
>>>>>>>>
>>>>>>>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>>>>>>>> <an...@gmail.com> Also, some of the points that you should
>>>>>>>> take care while working from starting is:
>>>>>>>>
>>>>>>>> - Follow javascript style guidelines -
>>>>>>>> https://github.com/airbnb/javascript
>>>>>>>> - Proper code commenting, Indentation & formatting (use ESLint)
>>>>>>>> - Proper code directory structure in feature base modularity
>>>>>>>> - Try best not to write own custom/internal CSS if we can use
>>>>>>>> helper classes in library
>>>>>>>> - Naming convention of classes, function, variable (this will
>>>>>>>> be part of airbnb styleguide)
>>>>>>>> - Documentation should be done in parallel as we tend to miss
>>>>>>>> this everytime
>>>>>>>> - Responsiveness - When building a new component or page do
>>>>>>>> test it should be responsive. Although by default ,most of material
>>>>>>>> components take care of this, just in case you write anything custom do
>>>>>>>> test this.
>>>>>>>> - Webpack build process should be there so that project builds
>>>>>>>> properly.
>>>>>>>>
>>>>>>>>
>>>>>>>> @Mentors: I request you all again to give your inputs so that we
>>>>>>>> have more pair of eyes looking onto the project, that way we can have most
>>>>>>>> of the basic things correct from start.
>>>>>>>> @Mohit I need your feedback on the offline support also, if we need
>>>>>>>> to setup anything from starting itself so our new application can work as
>>>>>>>> PWA installable app also. :)
>>>>>>>>
>>>>>>>> Thanks
>>>>>>>> Gaurav
>>>>>>>>
>>>>>>>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>>>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>>>
>>>>>>>>> Hi all,
>>>>>>>>>
>>>>>>>>> There was some error we faced so that material UI was not
>>>>>>>>> consistent yesterday. Its back up again.
>>>>>>>>> Please recheck https://openmf.github.io/web-app/
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>>> Feel free to provide feedback in the doc.
>>>>>>>>>
>>>>>>>>> Thanks
>>>>>>>>>
>>>>>>>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <
>>>>>>>>> gauravsaini03@gmail.com> wrote:
>>>>>>>>>
>>>>>>>>>> As suggested by Abhay lets get on a call. I will fo my best to
>>>>>>>>>> schedule it in weekend itself.
>>>>>>>>>>
>>>>>>>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>>>>>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>>>>>>>> angular material as you will stick to exact component designs.
>>>>>>>>>>
>>>>>>>>>> Let's have a call and discuss about all these in weekend itself.
>>>>>>>>>>
>>>>>>>>>> Thanks
>>>>>>>>>> Gaurav
>>>>>>>>>>
>>>>>>>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>>>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>>>>>
>>>>>>>>>>> I have attached below the doc containing redesigning of all UI
>>>>>>>>>>> and links respectively
>>>>>>>>>>>
>>>>>>>>>>> Link :
>>>>>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>>>>>
>>>>>>>>>>> Thanks
>>>>>>>>>>>
>>>>>>>>>>> --
>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>> Google Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>> it, send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>> Google Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Regards,
>>>>>>>> *Gaurav Saini*
>>>>>>>>
>>>>>>>
>>>>>>
>>>>>> --
>>>>>> *Ed Cable*
>>>>>> President/CEO, Mifos Initiative
>>>>>> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>>>>>>
>>>>>> *Collectively Creating a World of 3 Billion Maries | *
>>>>>> http://mifos.org <http://facebook.com/mifos>
>>>>>> <http://www.twitter.com/mifos>
>>>>>>
>>>>>>
>>
>> --
>> *Ed Cable*
>> President/CEO, Mifos Initiative
>> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>>
>> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
>> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>>
>>
>
> --
> *Ed Cable*
> President/CEO, Mifos Initiative
> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>
> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Ed Cable <ed...@mifos.org>.
Abhay/Anwesh,
Are we yet deploying the changes for the new codebase to
https://openmf.github.io/web-app/
or is this still the latest: https://abhaychawla.github.io/angular-app-shell
?
On Thu, Jun 28, 2018 at 7:55 AM Ed Cable <ed...@mifos.org> wrote:
> Abhay,
>
> Sorry as I only just saw this reply.
>
> The following blue/green combo options based on Mifos logo looked nice in
> my eyes:
>
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
>
> Ed
>
> On Fri, Jun 22, 2018 at 1:54 AM Abhay Chawla <ab...@gmail.com>
> wrote:
>
>> Hello,
>>
>> There is an official *material design colour tool* using which we can
>> generate themes based on the official material palette as well as our
>> custom colour choices here:
>> https://material.io/tools/color/
>> (*Ref:* https://material.io/design/color/#tools-for-picking-colors)
>>
>> I have created a few examples of themes using it and would request you to
>> give your opinion regarding them as to which theme we should use as the
>> official default theme for the new MifosX web app. You could also use the
>> material design colour tool to generate any other theme and share with us
>> if I missed something.
>>
>> *Based on the new skin of community app:*
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=082331&primary.text.color=ffffff&secondary.color=4f99ed&secondary.text.color=000000
>>
>> *Based on the logo of Mifos:*
>> Blue theme -
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&primary.text.color=ffffff&secondary.color=1daeec&secondary.text.color=000000
>> Green theme -
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1fb050&primary.text.color=000000&secondary.color=b4d575&secondary.text.color=000000
>> Blue/Green theme combinations -
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=ffffff
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=000000
>>
>> *Based on the material palette:*
>> Blue theme -
>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2196F3&secondary.color=00BCD4&secondary.text.color=000000
>> Green theme -
>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2E7D32&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
>> Blue/Green theme -
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=3D5AFE&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
>>
>> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=00E676&secondary.color=3D5AFE&primary.text.color=000000&secondary.text.color=ffffff
>>
>> Thanks
>> Abhay.
>>
>> On Fri, Jun 22, 2018 at 12:30 AM Abhay Chawla <ab...@gmail.com>
>> wrote:
>>
>>> Hello Ed and Gaurav,
>>>
>>> Yes, I will deploy the code to the main repository positively by
>>> tomorrow.
>>> We have the 4 default themes officially provided by angular-material.
>>> Apart from that, we can also create our own custom theme based on the
>>> current skin colour of the community app.
>>>
>>> *Reference:*
>>> https://material.angular.io/guide/theming
>>> https://material.io/design/color/#
>>>
>>> I will have a look and see if more themes are available and also would
>>> try to create a custom theme based on the current skin and share as soon as
>>> possible over the weekend.
>>>
>>> Thanks
>>> Abhay.
>>>
>>>
>>> On Fri, Jun 22, 2018 at 12:11 AM Gaurav Saini <ga...@gmail.com>
>>> wrote:
>>>
>>>> I think we can choose from material color pallet there are many more
>>>> color themes available. Abhay you can suggest some or drop a link if there
>>>> any on official angular material site where all colors can be seen.
>>>>
>>>> On Fri 22 Jun, 2018, 00:08 Ed Cable, <ed...@mifos.org> wrote:
>>>>
>>>>> Abhay,
>>>>>
>>>>> That is coming along nicely. Are we going to soon deploy that to the
>>>>> main web-app github repo?
>>>>>
>>>>> I'm glad that we made the choice to switch over to Angular Material as
>>>>> it does look more familiar and I think will be of benefit to our user base
>>>>> who will also recognize it from other web apps they use consistently.
>>>>>
>>>>> I believe a comment of mine previously might have been misheard as I
>>>>> didn't like the old skin color scheme and do like the recent color scheme
>>>>> of the recent re-skin we deployed. Are you able to change the default color
>>>>> scheme away from the blue/purple color?
>>>>>
>>>>> Are there more than just those 4 default colors for themes?
>>>>>
>>>>> On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <ab...@gmail.com>
>>>>> wrote:
>>>>>
>>>>>> Hello Everyone,
>>>>>>
>>>>>> Here is a glimpse of the initial shell structure of the new web app
>>>>>> currently in development:
>>>>>> https://abhaychawla.github.io/angular-app-shell/
>>>>>> We would appreciate any reviews you all have on the same.
>>>>>>
>>>>>> Thank you
>>>>>> Abhay.
>>>>>>
>>>>>> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
>>>>>> wrote:
>>>>>>
>>>>>>> Hello Everyone,
>>>>>>>
>>>>>>> Just to update on the latest activity going on the new web-app.
>>>>>>> Abhay, Anwesh and me had a call on weekend where we discussed what was
>>>>>>> currently built and shared my concerns with the approach we were following
>>>>>>> by not using official Angular Material. There were multiple UI/UX concerns
>>>>>>> also and some component level discussions and at the end we came to
>>>>>>> conclusion that we will be going to use:
>>>>>>>
>>>>>>> - Angular Material for the new web-application
>>>>>>> - Another important point finalised was that we will be first
>>>>>>> preparing a shell structure of the application and then start working on
>>>>>>> each component.
>>>>>>> - We also took a look on to some dashboard themes for ideation
>>>>>>> on UI/UX and finalised it also.
>>>>>>>
>>>>>>> Abhay just shared with initial structure he started and it's looking
>>>>>>> really good now and he will soon deploy that for demo also once he
>>>>>>> integrate and push it.
>>>>>>>
>>>>>>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>>>>>>> <an...@gmail.com> Also, some of the points that you should
>>>>>>> take care while working from starting is:
>>>>>>>
>>>>>>> - Follow javascript style guidelines -
>>>>>>> https://github.com/airbnb/javascript
>>>>>>> - Proper code commenting, Indentation & formatting (use ESLint)
>>>>>>> - Proper code directory structure in feature base modularity
>>>>>>> - Try best not to write own custom/internal CSS if we can use
>>>>>>> helper classes in library
>>>>>>> - Naming convention of classes, function, variable (this will be
>>>>>>> part of airbnb styleguide)
>>>>>>> - Documentation should be done in parallel as we tend to miss
>>>>>>> this everytime
>>>>>>> - Responsiveness - When building a new component or page do test
>>>>>>> it should be responsive. Although by default ,most of material components
>>>>>>> take care of this, just in case you write anything custom do test this.
>>>>>>> - Webpack build process should be there so that project builds
>>>>>>> properly.
>>>>>>>
>>>>>>>
>>>>>>> @Mentors: I request you all again to give your inputs so that we
>>>>>>> have more pair of eyes looking onto the project, that way we can have most
>>>>>>> of the basic things correct from start.
>>>>>>> @Mohit I need your feedback on the offline support also, if we need
>>>>>>> to setup anything from starting itself so our new application can work as
>>>>>>> PWA installable app also. :)
>>>>>>>
>>>>>>> Thanks
>>>>>>> Gaurav
>>>>>>>
>>>>>>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>>
>>>>>>>> Hi all,
>>>>>>>>
>>>>>>>> There was some error we faced so that material UI was not
>>>>>>>> consistent yesterday. Its back up again.
>>>>>>>> Please recheck https://openmf.github.io/web-app/
>>>>>>>>
>>>>>>>>
>>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>> Feel free to provide feedback in the doc.
>>>>>>>>
>>>>>>>> Thanks
>>>>>>>>
>>>>>>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <
>>>>>>>> gauravsaini03@gmail.com> wrote:
>>>>>>>>
>>>>>>>>> As suggested by Abhay lets get on a call. I will fo my best to
>>>>>>>>> schedule it in weekend itself.
>>>>>>>>>
>>>>>>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>>>>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>>>>>>> angular material as you will stick to exact component designs.
>>>>>>>>>
>>>>>>>>> Let's have a call and discuss about all these in weekend itself.
>>>>>>>>>
>>>>>>>>> Thanks
>>>>>>>>> Gaurav
>>>>>>>>>
>>>>>>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>>>>
>>>>>>>>>> I have attached below the doc containing redesigning of all UI
>>>>>>>>>> and links respectively
>>>>>>>>>>
>>>>>>>>>> Link :
>>>>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>>>>
>>>>>>>>>> Thanks
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>> Google Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> Regards,
>>>>>>> *Gaurav Saini*
>>>>>>>
>>>>>>
>>>>>
>>>>> --
>>>>> *Ed Cable*
>>>>> President/CEO, Mifos Initiative
>>>>> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>>>>>
>>>>> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
>>>>> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>>>>>
>>>>>
>
> --
> *Ed Cable*
> President/CEO, Mifos Initiative
> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>
> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>
>
--
*Ed Cable*
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos> <http://www.twitter.com/mifos>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Ed Cable <ed...@mifos.org>.
Abhay,
Sorry as I only just saw this reply.
The following blue/green combo options based on Mifos logo looked nice in
my eyes:
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
Ed
On Fri, Jun 22, 2018 at 1:54 AM Abhay Chawla <ab...@gmail.com>
wrote:
> Hello,
>
> There is an official *material design colour tool* using which we can
> generate themes based on the official material palette as well as our
> custom colour choices here:
> https://material.io/tools/color/
> (*Ref:* https://material.io/design/color/#tools-for-picking-colors)
>
> I have created a few examples of themes using it and would request you to
> give your opinion regarding them as to which theme we should use as the
> official default theme for the new MifosX web app. You could also use the
> material design colour tool to generate any other theme and share with us
> if I missed something.
>
> *Based on the new skin of community app:*
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=082331&primary.text.color=ffffff&secondary.color=4f99ed&secondary.text.color=000000
>
> *Based on the logo of Mifos:*
> Blue theme -
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&primary.text.color=ffffff&secondary.color=1daeec&secondary.text.color=000000
> Green theme -
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1fb050&primary.text.color=000000&secondary.color=b4d575&secondary.text.color=000000
> Blue/Green theme combinations -
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=ffffff
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
>
> https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=000000
>
> *Based on the material palette:*
> Blue theme -
> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2196F3&secondary.color=00BCD4&secondary.text.color=000000
> Green theme -
> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2E7D32&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
> Blue/Green theme -
>
> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=3D5AFE&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
>
> https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=00E676&secondary.color=3D5AFE&primary.text.color=000000&secondary.text.color=ffffff
>
> Thanks
> Abhay.
>
> On Fri, Jun 22, 2018 at 12:30 AM Abhay Chawla <ab...@gmail.com>
> wrote:
>
>> Hello Ed and Gaurav,
>>
>> Yes, I will deploy the code to the main repository positively by tomorrow.
>> We have the 4 default themes officially provided by angular-material.
>> Apart from that, we can also create our own custom theme based on the
>> current skin colour of the community app.
>>
>> *Reference:*
>> https://material.angular.io/guide/theming
>> https://material.io/design/color/#
>>
>> I will have a look and see if more themes are available and also would
>> try to create a custom theme based on the current skin and share as soon as
>> possible over the weekend.
>>
>> Thanks
>> Abhay.
>>
>>
>> On Fri, Jun 22, 2018 at 12:11 AM Gaurav Saini <ga...@gmail.com>
>> wrote:
>>
>>> I think we can choose from material color pallet there are many more
>>> color themes available. Abhay you can suggest some or drop a link if there
>>> any on official angular material site where all colors can be seen.
>>>
>>> On Fri 22 Jun, 2018, 00:08 Ed Cable, <ed...@mifos.org> wrote:
>>>
>>>> Abhay,
>>>>
>>>> That is coming along nicely. Are we going to soon deploy that to the
>>>> main web-app github repo?
>>>>
>>>> I'm glad that we made the choice to switch over to Angular Material as
>>>> it does look more familiar and I think will be of benefit to our user base
>>>> who will also recognize it from other web apps they use consistently.
>>>>
>>>> I believe a comment of mine previously might have been misheard as I
>>>> didn't like the old skin color scheme and do like the recent color scheme
>>>> of the recent re-skin we deployed. Are you able to change the default color
>>>> scheme away from the blue/purple color?
>>>>
>>>> Are there more than just those 4 default colors for themes?
>>>>
>>>> On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <ab...@gmail.com>
>>>> wrote:
>>>>
>>>>> Hello Everyone,
>>>>>
>>>>> Here is a glimpse of the initial shell structure of the new web app
>>>>> currently in development:
>>>>> https://abhaychawla.github.io/angular-app-shell/
>>>>> We would appreciate any reviews you all have on the same.
>>>>>
>>>>> Thank you
>>>>> Abhay.
>>>>>
>>>>> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
>>>>> wrote:
>>>>>
>>>>>> Hello Everyone,
>>>>>>
>>>>>> Just to update on the latest activity going on the new web-app.
>>>>>> Abhay, Anwesh and me had a call on weekend where we discussed what was
>>>>>> currently built and shared my concerns with the approach we were following
>>>>>> by not using official Angular Material. There were multiple UI/UX concerns
>>>>>> also and some component level discussions and at the end we came to
>>>>>> conclusion that we will be going to use:
>>>>>>
>>>>>> - Angular Material for the new web-application
>>>>>> - Another important point finalised was that we will be first
>>>>>> preparing a shell structure of the application and then start working on
>>>>>> each component.
>>>>>> - We also took a look on to some dashboard themes for ideation on
>>>>>> UI/UX and finalised it also.
>>>>>>
>>>>>> Abhay just shared with initial structure he started and it's looking
>>>>>> really good now and he will soon deploy that for demo also once he
>>>>>> integrate and push it.
>>>>>>
>>>>>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>>>>>> <an...@gmail.com> Also, some of the points that you should
>>>>>> take care while working from starting is:
>>>>>>
>>>>>> - Follow javascript style guidelines -
>>>>>> https://github.com/airbnb/javascript
>>>>>> - Proper code commenting, Indentation & formatting (use ESLint)
>>>>>> - Proper code directory structure in feature base modularity
>>>>>> - Try best not to write own custom/internal CSS if we can use
>>>>>> helper classes in library
>>>>>> - Naming convention of classes, function, variable (this will be
>>>>>> part of airbnb styleguide)
>>>>>> - Documentation should be done in parallel as we tend to miss
>>>>>> this everytime
>>>>>> - Responsiveness - When building a new component or page do test
>>>>>> it should be responsive. Although by default ,most of material components
>>>>>> take care of this, just in case you write anything custom do test this.
>>>>>> - Webpack build process should be there so that project builds
>>>>>> properly.
>>>>>>
>>>>>>
>>>>>> @Mentors: I request you all again to give your inputs so that we have
>>>>>> more pair of eyes looking onto the project, that way we can have most of
>>>>>> the basic things correct from start.
>>>>>> @Mohit I need your feedback on the offline support also, if we need
>>>>>> to setup anything from starting itself so our new application can work as
>>>>>> PWA installable app also. :)
>>>>>>
>>>>>> Thanks
>>>>>> Gaurav
>>>>>>
>>>>>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>
>>>>>>> Hi all,
>>>>>>>
>>>>>>> There was some error we faced so that material UI was not consistent
>>>>>>> yesterday. Its back up again.
>>>>>>> Please recheck https://openmf.github.io/web-app/
>>>>>>>
>>>>>>>
>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>> Feel free to provide feedback in the doc.
>>>>>>>
>>>>>>> Thanks
>>>>>>>
>>>>>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <
>>>>>>> gauravsaini03@gmail.com> wrote:
>>>>>>>
>>>>>>>> As suggested by Abhay lets get on a call. I will fo my best to
>>>>>>>> schedule it in weekend itself.
>>>>>>>>
>>>>>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>>>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>>>>>> angular material as you will stick to exact component designs.
>>>>>>>>
>>>>>>>> Let's have a call and discuss about all these in weekend itself.
>>>>>>>>
>>>>>>>> Thanks
>>>>>>>> Gaurav
>>>>>>>>
>>>>>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>>>
>>>>>>>>> I have attached below the doc containing redesigning of all UI and
>>>>>>>>> links respectively
>>>>>>>>>
>>>>>>>>> Link :
>>>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>>>
>>>>>>>>> Thanks
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>>
>>>>>>>> --
>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>> --
>>>>>> Regards,
>>>>>> *Gaurav Saini*
>>>>>>
>>>>>
>>>>
>>>> --
>>>> *Ed Cable*
>>>> President/CEO, Mifos Initiative
>>>> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>>>>
>>>> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
>>>> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>>>>
>>>>
--
*Ed Cable*
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos> <http://www.twitter.com/mifos>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Hello,
There is an official *material design colour tool* using which we can
generate themes based on the official material palette as well as our
custom colour choices here:
https://material.io/tools/color/
(*Ref:* https://material.io/design/color/#tools-for-picking-colors)
I have created a few examples of themes using it and would request you to
give your opinion regarding them as to which theme we should use as the
official default theme for the new MifosX web app. You could also use the
material design colour tool to generate any other theme and share with us
if I missed something.
*Based on the new skin of community app:*
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=082331&primary.text.color=ffffff&secondary.color=4f99ed&secondary.text.color=000000
*Based on the logo of Mifos:*
Blue theme -
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&primary.text.color=ffffff&secondary.color=1daeec&secondary.text.color=000000
Green theme -
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1fb050&primary.text.color=000000&secondary.color=b4d575&secondary.text.color=000000
Blue/Green theme combinations -
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=ffffff
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1074b9&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=ffffff
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=b4d575&secondary.text.color=000000&primary.text.color=000000
https://material.io/tools/color/#!/?view.left=0&view.right=1&primary.color=1daeec&secondary.color=1fb050&secondary.text.color=000000&primary.text.color=000000
*Based on the material palette:*
Blue theme -
https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2196F3&secondary.color=00BCD4&secondary.text.color=000000
Green theme -
https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=2E7D32&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
Blue/Green theme -
https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=3D5AFE&secondary.color=00E676&primary.text.color=ffffff&secondary.text.color=000000
https://material.io/tools/color/#!/?view.left=0&view.right=0&primary.color=00E676&secondary.color=3D5AFE&primary.text.color=000000&secondary.text.color=ffffff
Thanks
Abhay.
On Fri, Jun 22, 2018 at 12:30 AM Abhay Chawla <ab...@gmail.com>
wrote:
> Hello Ed and Gaurav,
>
> Yes, I will deploy the code to the main repository positively by tomorrow.
> We have the 4 default themes officially provided by angular-material.
> Apart from that, we can also create our own custom theme based on the
> current skin colour of the community app.
>
> *Reference:*
> https://material.angular.io/guide/theming
> https://material.io/design/color/#
>
> I will have a look and see if more themes are available and also would try
> to create a custom theme based on the current skin and share as soon as
> possible over the weekend.
>
> Thanks
> Abhay.
>
>
> On Fri, Jun 22, 2018 at 12:11 AM Gaurav Saini <ga...@gmail.com>
> wrote:
>
>> I think we can choose from material color pallet there are many more
>> color themes available. Abhay you can suggest some or drop a link if there
>> any on official angular material site where all colors can be seen.
>>
>> On Fri 22 Jun, 2018, 00:08 Ed Cable, <ed...@mifos.org> wrote:
>>
>>> Abhay,
>>>
>>> That is coming along nicely. Are we going to soon deploy that to the
>>> main web-app github repo?
>>>
>>> I'm glad that we made the choice to switch over to Angular Material as
>>> it does look more familiar and I think will be of benefit to our user base
>>> who will also recognize it from other web apps they use consistently.
>>>
>>> I believe a comment of mine previously might have been misheard as I
>>> didn't like the old skin color scheme and do like the recent color scheme
>>> of the recent re-skin we deployed. Are you able to change the default color
>>> scheme away from the blue/purple color?
>>>
>>> Are there more than just those 4 default colors for themes?
>>>
>>> On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <ab...@gmail.com>
>>> wrote:
>>>
>>>> Hello Everyone,
>>>>
>>>> Here is a glimpse of the initial shell structure of the new web app
>>>> currently in development:
>>>> https://abhaychawla.github.io/angular-app-shell/
>>>> We would appreciate any reviews you all have on the same.
>>>>
>>>> Thank you
>>>> Abhay.
>>>>
>>>> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
>>>> wrote:
>>>>
>>>>> Hello Everyone,
>>>>>
>>>>> Just to update on the latest activity going on the new web-app. Abhay,
>>>>> Anwesh and me had a call on weekend where we discussed what was currently
>>>>> built and shared my concerns with the approach we were following by not
>>>>> using official Angular Material. There were multiple UI/UX concerns also
>>>>> and some component level discussions and at the end we came to conclusion
>>>>> that we will be going to use:
>>>>>
>>>>> - Angular Material for the new web-application
>>>>> - Another important point finalised was that we will be first
>>>>> preparing a shell structure of the application and then start working on
>>>>> each component.
>>>>> - We also took a look on to some dashboard themes for ideation on
>>>>> UI/UX and finalised it also.
>>>>>
>>>>> Abhay just shared with initial structure he started and it's looking
>>>>> really good now and he will soon deploy that for demo also once he
>>>>> integrate and push it.
>>>>>
>>>>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>>>>> <an...@gmail.com> Also, some of the points that you should
>>>>> take care while working from starting is:
>>>>>
>>>>> - Follow javascript style guidelines -
>>>>> https://github.com/airbnb/javascript
>>>>> - Proper code commenting, Indentation & formatting (use ESLint)
>>>>> - Proper code directory structure in feature base modularity
>>>>> - Try best not to write own custom/internal CSS if we can use
>>>>> helper classes in library
>>>>> - Naming convention of classes, function, variable (this will be
>>>>> part of airbnb styleguide)
>>>>> - Documentation should be done in parallel as we tend to miss this
>>>>> everytime
>>>>> - Responsiveness - When building a new component or page do test
>>>>> it should be responsive. Although by default ,most of material components
>>>>> take care of this, just in case you write anything custom do test this.
>>>>> - Webpack build process should be there so that project builds
>>>>> properly.
>>>>>
>>>>>
>>>>> @Mentors: I request you all again to give your inputs so that we have
>>>>> more pair of eyes looking onto the project, that way we can have most of
>>>>> the basic things correct from start.
>>>>> @Mohit I need your feedback on the offline support also, if we need to
>>>>> setup anything from starting itself so our new application can work as PWA
>>>>> installable app also. :)
>>>>>
>>>>> Thanks
>>>>> Gaurav
>>>>>
>>>>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>>>>> anweshknayak@gmail.com> wrote:
>>>>>
>>>>>> Hi all,
>>>>>>
>>>>>> There was some error we faced so that material UI was not consistent
>>>>>> yesterday. Its back up again.
>>>>>> Please recheck https://openmf.github.io/web-app/
>>>>>>
>>>>>>
>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>> Feel free to provide feedback in the doc.
>>>>>>
>>>>>> Thanks
>>>>>>
>>>>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <
>>>>>> gauravsaini03@gmail.com> wrote:
>>>>>>
>>>>>>> As suggested by Abhay lets get on a call. I will fo my best to
>>>>>>> schedule it in weekend itself.
>>>>>>>
>>>>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>>>>> angular material as you will stick to exact component designs.
>>>>>>>
>>>>>>> Let's have a call and discuss about all these in weekend itself.
>>>>>>>
>>>>>>> Thanks
>>>>>>> Gaurav
>>>>>>>
>>>>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>>
>>>>>>>> I have attached below the doc containing redesigning of all UI and
>>>>>>>> links respectively
>>>>>>>>
>>>>>>>> Link :
>>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>>
>>>>>>>> Thanks
>>>>>>>>
>>>>>>>> --
>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>>
>>>>>>> --
>>>>>>> You received this message because you are subscribed to the Google
>>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>> --
>>>>> Regards,
>>>>> *Gaurav Saini*
>>>>>
>>>>
>>>
>>> --
>>> *Ed Cable*
>>> President/CEO, Mifos Initiative
>>> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>>>
>>> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
>>> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>>>
>>>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Hello Ed and Gaurav,
Yes, I will deploy the code to the main repository positively by tomorrow.
We have the 4 default themes officially provided by angular-material. Apart
from that, we can also create our own custom theme based on the current
skin colour of the community app.
*Reference:*
https://material.angular.io/guide/theming
https://material.io/design/color/#
I will have a look and see if more themes are available and also would try
to create a custom theme based on the current skin and share as soon as
possible over the weekend.
Thanks
Abhay.
On Fri, Jun 22, 2018 at 12:11 AM Gaurav Saini <ga...@gmail.com>
wrote:
> I think we can choose from material color pallet there are many more color
> themes available. Abhay you can suggest some or drop a link if there any on
> official angular material site where all colors can be seen.
>
> On Fri 22 Jun, 2018, 00:08 Ed Cable, <ed...@mifos.org> wrote:
>
>> Abhay,
>>
>> That is coming along nicely. Are we going to soon deploy that to the main
>> web-app github repo?
>>
>> I'm glad that we made the choice to switch over to Angular Material as it
>> does look more familiar and I think will be of benefit to our user base who
>> will also recognize it from other web apps they use consistently.
>>
>> I believe a comment of mine previously might have been misheard as I
>> didn't like the old skin color scheme and do like the recent color scheme
>> of the recent re-skin we deployed. Are you able to change the default color
>> scheme away from the blue/purple color?
>>
>> Are there more than just those 4 default colors for themes?
>>
>> On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <ab...@gmail.com>
>> wrote:
>>
>>> Hello Everyone,
>>>
>>> Here is a glimpse of the initial shell structure of the new web app
>>> currently in development:
>>> https://abhaychawla.github.io/angular-app-shell/
>>> We would appreciate any reviews you all have on the same.
>>>
>>> Thank you
>>> Abhay.
>>>
>>> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
>>> wrote:
>>>
>>>> Hello Everyone,
>>>>
>>>> Just to update on the latest activity going on the new web-app. Abhay,
>>>> Anwesh and me had a call on weekend where we discussed what was currently
>>>> built and shared my concerns with the approach we were following by not
>>>> using official Angular Material. There were multiple UI/UX concerns also
>>>> and some component level discussions and at the end we came to conclusion
>>>> that we will be going to use:
>>>>
>>>> - Angular Material for the new web-application
>>>> - Another important point finalised was that we will be first
>>>> preparing a shell structure of the application and then start working on
>>>> each component.
>>>> - We also took a look on to some dashboard themes for ideation on
>>>> UI/UX and finalised it also.
>>>>
>>>> Abhay just shared with initial structure he started and it's looking
>>>> really good now and he will soon deploy that for demo also once he
>>>> integrate and push it.
>>>>
>>>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>>>> <an...@gmail.com> Also, some of the points that you should take
>>>> care while working from starting is:
>>>>
>>>> - Follow javascript style guidelines -
>>>> https://github.com/airbnb/javascript
>>>> - Proper code commenting, Indentation & formatting (use ESLint)
>>>> - Proper code directory structure in feature base modularity
>>>> - Try best not to write own custom/internal CSS if we can use
>>>> helper classes in library
>>>> - Naming convention of classes, function, variable (this will be
>>>> part of airbnb styleguide)
>>>> - Documentation should be done in parallel as we tend to miss this
>>>> everytime
>>>> - Responsiveness - When building a new component or page do test it
>>>> should be responsive. Although by default ,most of material components take
>>>> care of this, just in case you write anything custom do test this.
>>>> - Webpack build process should be there so that project builds
>>>> properly.
>>>>
>>>>
>>>> @Mentors: I request you all again to give your inputs so that we have
>>>> more pair of eyes looking onto the project, that way we can have most of
>>>> the basic things correct from start.
>>>> @Mohit I need your feedback on the offline support also, if we need to
>>>> setup anything from starting itself so our new application can work as PWA
>>>> installable app also. :)
>>>>
>>>> Thanks
>>>> Gaurav
>>>>
>>>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>>>> anweshknayak@gmail.com> wrote:
>>>>
>>>>> Hi all,
>>>>>
>>>>> There was some error we faced so that material UI was not consistent
>>>>> yesterday. Its back up again.
>>>>> Please recheck https://openmf.github.io/web-app/
>>>>>
>>>>>
>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>> Feel free to provide feedback in the doc.
>>>>>
>>>>> Thanks
>>>>>
>>>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <gauravsaini03@gmail.com
>>>>> > wrote:
>>>>>
>>>>>> As suggested by Abhay lets get on a call. I will fo my best to
>>>>>> schedule it in weekend itself.
>>>>>>
>>>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>>>> angular material as you will stick to exact component designs.
>>>>>>
>>>>>> Let's have a call and discuss about all these in weekend itself.
>>>>>>
>>>>>> Thanks
>>>>>> Gaurav
>>>>>>
>>>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>>>> anweshknayak@gmail.com> wrote:
>>>>>>
>>>>>>> I have attached below the doc containing redesigning of all UI and
>>>>>>> links respectively
>>>>>>>
>>>>>>> Link :
>>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>>
>>>>>>> Thanks
>>>>>>>
>>>>>>> --
>>>>>>> You received this message because you are subscribed to the Google
>>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>>
>>>>>> --
>>>>>> You received this message because you are subscribed to the Google
>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>> Regards,
>>>> *Gaurav Saini*
>>>>
>>>
>>
>> --
>> *Ed Cable*
>> President/CEO, Mifos Initiative
>> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>>
>> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
>> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>>
>>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Gaurav Saini <ga...@gmail.com>.
I think we can choose from material color pallet there are many more color
themes available. Abhay you can suggest some or drop a link if there any on
official angular material site where all colors can be seen.
On Fri 22 Jun, 2018, 00:08 Ed Cable, <ed...@mifos.org> wrote:
> Abhay,
>
> That is coming along nicely. Are we going to soon deploy that to the main
> web-app github repo?
>
> I'm glad that we made the choice to switch over to Angular Material as it
> does look more familiar and I think will be of benefit to our user base who
> will also recognize it from other web apps they use consistently.
>
> I believe a comment of mine previously might have been misheard as I
> didn't like the old skin color scheme and do like the recent color scheme
> of the recent re-skin we deployed. Are you able to change the default color
> scheme away from the blue/purple color?
>
> Are there more than just those 4 default colors for themes?
>
> On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <ab...@gmail.com>
> wrote:
>
>> Hello Everyone,
>>
>> Here is a glimpse of the initial shell structure of the new web app
>> currently in development:
>> https://abhaychawla.github.io/angular-app-shell/
>> We would appreciate any reviews you all have on the same.
>>
>> Thank you
>> Abhay.
>>
>> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
>> wrote:
>>
>>> Hello Everyone,
>>>
>>> Just to update on the latest activity going on the new web-app. Abhay,
>>> Anwesh and me had a call on weekend where we discussed what was currently
>>> built and shared my concerns with the approach we were following by not
>>> using official Angular Material. There were multiple UI/UX concerns also
>>> and some component level discussions and at the end we came to conclusion
>>> that we will be going to use:
>>>
>>> - Angular Material for the new web-application
>>> - Another important point finalised was that we will be first
>>> preparing a shell structure of the application and then start working on
>>> each component.
>>> - We also took a look on to some dashboard themes for ideation on
>>> UI/UX and finalised it also.
>>>
>>> Abhay just shared with initial structure he started and it's looking
>>> really good now and he will soon deploy that for demo also once he
>>> integrate and push it.
>>>
>>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>>> <an...@gmail.com> Also, some of the points that you should take
>>> care while working from starting is:
>>>
>>> - Follow javascript style guidelines -
>>> https://github.com/airbnb/javascript
>>> - Proper code commenting, Indentation & formatting (use ESLint)
>>> - Proper code directory structure in feature base modularity
>>> - Try best not to write own custom/internal CSS if we can use helper
>>> classes in library
>>> - Naming convention of classes, function, variable (this will be
>>> part of airbnb styleguide)
>>> - Documentation should be done in parallel as we tend to miss this
>>> everytime
>>> - Responsiveness - When building a new component or page do test it
>>> should be responsive. Although by default ,most of material components take
>>> care of this, just in case you write anything custom do test this.
>>> - Webpack build process should be there so that project builds
>>> properly.
>>>
>>>
>>> @Mentors: I request you all again to give your inputs so that we have
>>> more pair of eyes looking onto the project, that way we can have most of
>>> the basic things correct from start.
>>> @Mohit I need your feedback on the offline support also, if we need to
>>> setup anything from starting itself so our new application can work as PWA
>>> installable app also. :)
>>>
>>> Thanks
>>> Gaurav
>>>
>>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>>> anweshknayak@gmail.com> wrote:
>>>
>>>> Hi all,
>>>>
>>>> There was some error we faced so that material UI was not consistent
>>>> yesterday. Its back up again.
>>>> Please recheck https://openmf.github.io/web-app/
>>>>
>>>>
>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>> Feel free to provide feedback in the doc.
>>>>
>>>> Thanks
>>>>
>>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <ga...@gmail.com>
>>>> wrote:
>>>>
>>>>> As suggested by Abhay lets get on a call. I will fo my best to
>>>>> schedule it in weekend itself.
>>>>>
>>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>>> angular material as you will stick to exact component designs.
>>>>>
>>>>> Let's have a call and discuss about all these in weekend itself.
>>>>>
>>>>> Thanks
>>>>> Gaurav
>>>>>
>>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>>> anweshknayak@gmail.com> wrote:
>>>>>
>>>>>> I have attached below the doc containing redesigning of all UI and
>>>>>> links respectively
>>>>>>
>>>>>> Link :
>>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>>
>>>>>> Thanks
>>>>>>
>>>>>> --
>>>>>> You received this message because you are subscribed to the Google
>>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>> send an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>>
>>>>> --
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>
>>>>
>>>>
>>>
>>> --
>>> Regards,
>>> *Gaurav Saini*
>>>
>>
>
> --
> *Ed Cable*
> President/CEO, Mifos Initiative
> edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
>
> *Collectively Creating a World of 3 Billion Maries | *http://mifos.org
> <http://facebook.com/mifos> <http://www.twitter.com/mifos>
>
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Ed Cable <ed...@mifos.org>.
Abhay,
That is coming along nicely. Are we going to soon deploy that to the main
web-app github repo?
I'm glad that we made the choice to switch over to Angular Material as it
does look more familiar and I think will be of benefit to our user base who
will also recognize it from other web apps they use consistently.
I believe a comment of mine previously might have been misheard as I didn't
like the old skin color scheme and do like the recent color scheme of the
recent re-skin we deployed. Are you able to change the default color scheme
away from the blue/purple color?
Are there more than just those 4 default colors for themes?
On Thu, Jun 21, 2018 at 3:30 AM Abhay Chawla <ab...@gmail.com>
wrote:
> Hello Everyone,
>
> Here is a glimpse of the initial shell structure of the new web app
> currently in development: https://abhaychawla.github.io/angular-app-shell/
> We would appreciate any reviews you all have on the same.
>
> Thank you
> Abhay.
>
> On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
> wrote:
>
>> Hello Everyone,
>>
>> Just to update on the latest activity going on the new web-app. Abhay,
>> Anwesh and me had a call on weekend where we discussed what was currently
>> built and shared my concerns with the approach we were following by not
>> using official Angular Material. There were multiple UI/UX concerns also
>> and some component level discussions and at the end we came to conclusion
>> that we will be going to use:
>>
>> - Angular Material for the new web-application
>> - Another important point finalised was that we will be first
>> preparing a shell structure of the application and then start working on
>> each component.
>> - We also took a look on to some dashboard themes for ideation on
>> UI/UX and finalised it also.
>>
>> Abhay just shared with initial structure he started and it's looking
>> really good now and he will soon deploy that for demo also once he
>> integrate and push it.
>>
>> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
>> <an...@gmail.com> Also, some of the points that you should take
>> care while working from starting is:
>>
>> - Follow javascript style guidelines -
>> https://github.com/airbnb/javascript
>> - Proper code commenting, Indentation & formatting (use ESLint)
>> - Proper code directory structure in feature base modularity
>> - Try best not to write own custom/internal CSS if we can use helper
>> classes in library
>> - Naming convention of classes, function, variable (this will be part
>> of airbnb styleguide)
>> - Documentation should be done in parallel as we tend to miss this
>> everytime
>> - Responsiveness - When building a new component or page do test it
>> should be responsive. Although by default ,most of material components take
>> care of this, just in case you write anything custom do test this.
>> - Webpack build process should be there so that project builds
>> properly.
>>
>>
>> @Mentors: I request you all again to give your inputs so that we have
>> more pair of eyes looking onto the project, that way we can have most of
>> the basic things correct from start.
>> @Mohit I need your feedback on the offline support also, if we need to
>> setup anything from starting itself so our new application can work as PWA
>> installable app also. :)
>>
>> Thanks
>> Gaurav
>>
>> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
>> anweshknayak@gmail.com> wrote:
>>
>>> Hi all,
>>>
>>> There was some error we faced so that material UI was not consistent
>>> yesterday. Its back up again.
>>> Please recheck https://openmf.github.io/web-app/
>>>
>>>
>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>> Feel free to provide feedback in the doc.
>>>
>>> Thanks
>>>
>>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <ga...@gmail.com>
>>> wrote:
>>>
>>>> As suggested by Abhay lets get on a call. I will fo my best to schedule
>>>> it in weekend itself.
>>>>
>>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>>> mistakes done in new designs ideas shared that is the main reason to use
>>>> angular material as you will stick to exact component designs.
>>>>
>>>> Let's have a call and discuss about all these in weekend itself.
>>>>
>>>> Thanks
>>>> Gaurav
>>>>
>>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <
>>>> anweshknayak@gmail.com> wrote:
>>>>
>>>>> I have attached below the doc containing redesigning of all UI and
>>>>> links respectively
>>>>>
>>>>> Link :
>>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>>
>>>>> Thanks
>>>>>
>>>>> --
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>
>>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>
>>>
>>>
>>
>> --
>> Regards,
>> *Gaurav Saini*
>>
>
--
*Ed Cable*
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos> <http://www.twitter.com/mifos>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Hello Everyone,
Here is a glimpse of the initial shell structure of the new web app
currently in development: https://abhaychawla.github.io/angular-app-shell/
We would appreciate any reviews you all have on the same.
Thank you
Abhay.
On Wed, Jun 20, 2018 at 1:06 PM Gaurav Saini <ga...@gmail.com>
wrote:
> Hello Everyone,
>
> Just to update on the latest activity going on the new web-app. Abhay,
> Anwesh and me had a call on weekend where we discussed what was currently
> built and shared my concerns with the approach we were following by not
> using official Angular Material. There were multiple UI/UX concerns also
> and some component level discussions and at the end we came to conclusion
> that we will be going to use:
>
> - Angular Material for the new web-application
> - Another important point finalised was that we will be first
> preparing a shell structure of the application and then start working on
> each component.
> - We also took a look on to some dashboard themes for ideation on
> UI/UX and finalised it also.
>
> Abhay just shared with initial structure he started and it's looking
> really good now and he will soon deploy that for demo also once he
> integrate and push it.
>
> @Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
> <an...@gmail.com> Also, some of the points that you should take
> care while working from starting is:
>
> - Follow javascript style guidelines -
> https://github.com/airbnb/javascript
> - Proper code commenting, Indentation & formatting (use ESLint)
> - Proper code directory structure in feature base modularity
> - Try best not to write own custom/internal CSS if we can use helper
> classes in library
> - Naming convention of classes, function, variable (this will be part
> of airbnb styleguide)
> - Documentation should be done in parallel as we tend to miss this
> everytime
> - Responsiveness - When building a new component or page do test it
> should be responsive. Although by default ,most of material components take
> care of this, just in case you write anything custom do test this.
> - Webpack build process should be there so that project builds
> properly.
>
>
> @Mentors: I request you all again to give your inputs so that we have more
> pair of eyes looking onto the project, that way we can have most of the
> basic things correct from start.
> @Mohit I need your feedback on the offline support also, if we need to
> setup anything from starting itself so our new application can work as PWA
> installable app also. :)
>
> Thanks
> Gaurav
>
> On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <
> anweshknayak@gmail.com> wrote:
>
>> Hi all,
>>
>> There was some error we faced so that material UI was not consistent
>> yesterday. Its back up again.
>> Please recheck https://openmf.github.io/web-app/
>>
>>
>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>> Feel free to provide feedback in the doc.
>>
>> Thanks
>>
>> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <ga...@gmail.com>
>> wrote:
>>
>>> As suggested by Abhay lets get on a call. I will fo my best to schedule
>>> it in weekend itself.
>>>
>>> Also, i saw the doc with screenshots there are really basic UI/UX
>>> mistakes done in new designs ideas shared that is the main reason to use
>>> angular material as you will stick to exact component designs.
>>>
>>> Let's have a call and discuss about all these in weekend itself.
>>>
>>> Thanks
>>> Gaurav
>>>
>>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
>>> wrote:
>>>
>>>> I have attached below the doc containing redesigning of all UI and
>>>> links respectively
>>>>
>>>> Link :
>>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>>
>>>> Thanks
>>>>
>>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>>
>>
>
> --
> Regards,
> *Gaurav Saini*
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Gaurav Saini <ga...@gmail.com>.
Hello Everyone,
Just to update on the latest activity going on the new web-app. Abhay,
Anwesh and me had a call on weekend where we discussed what was currently
built and shared my concerns with the approach we were following by not
using official Angular Material. There were multiple UI/UX concerns also
and some component level discussions and at the end we came to conclusion
that we will be going to use:
- Angular Material for the new web-application
- Another important point finalised was that we will be first preparing
a shell structure of the application and then start working on each
component.
- We also took a look on to some dashboard themes for ideation on UI/UX
and finalised it also.
Abhay just shared with initial structure he started and it's looking really
good now and he will soon deploy that for demo also once he integrate and
push it.
@Abhay Chawla <ab...@gmail.com> @Anwesh Krishna Nayak
<an...@gmail.com> Also, some of the points that you should take care
while working from starting is:
- Follow javascript style guidelines -
https://github.com/airbnb/javascript
- Proper code commenting, Indentation & formatting (use ESLint)
- Proper code directory structure in feature base modularity
- Try best not to write own custom/internal CSS if we can use helper
classes in library
- Naming convention of classes, function, variable (this will be part of
airbnb styleguide)
- Documentation should be done in parallel as we tend to miss this
everytime
- Responsiveness - When building a new component or page do test it
should be responsive. Although by default ,most of material components take
care of this, just in case you write anything custom do test this.
- Webpack build process should be there so that project builds properly.
@Mentors: I request you all again to give your inputs so that we have more
pair of eyes looking onto the project, that way we can have most of the
basic things correct from start.
@Mohit I need your feedback on the offline support also, if we need to
setup anything from starting itself so our new application can work as PWA
installable app also. :)
Thanks
Gaurav
On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <an...@gmail.com>
wrote:
> Hi all,
>
> There was some error we faced so that material UI was not consistent
> yesterday. Its back up again.
> Please recheck https://openmf.github.io/web-app/
>
>
> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
> Feel free to provide feedback in the doc.
>
> Thanks
>
> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <ga...@gmail.com>
> wrote:
>
>> As suggested by Abhay lets get on a call. I will fo my best to schedule
>> it in weekend itself.
>>
>> Also, i saw the doc with screenshots there are really basic UI/UX
>> mistakes done in new designs ideas shared that is the main reason to use
>> angular material as you will stick to exact component designs.
>>
>> Let's have a call and discuss about all these in weekend itself.
>>
>> Thanks
>> Gaurav
>>
>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
>> wrote:
>>
>>> I have attached below the doc containing redesigning of all UI and links
>>> respectively
>>>
>>> Link :
>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>
>>> Thanks
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
>
>
--
Regards,
*Gaurav Saini*
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Anwesh Krishna Nayak <an...@gmail.com>.
Hi all,
There was some error we faced so that material UI was not consistent
yesterday. Its back up again.
Please recheck https://openmf.github.io/web-app/
https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Feel free to provide feedback in the doc.
Thanks
On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <ga...@gmail.com>
wrote:
> As suggested by Abhay lets get on a call. I will fo my best to schedule it
> in weekend itself.
>
> Also, i saw the doc with screenshots there are really basic UI/UX mistakes
> done in new designs ideas shared that is the main reason to use angular
> material as you will stick to exact component designs.
>
> Let's have a call and discuss about all these in weekend itself.
>
> Thanks
> Gaurav
>
> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
> wrote:
>
>> I have attached below the doc containing redesigning of all UI and links
>> respectively
>>
>> Link : https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsj
>> j0LglUZ3wCzbw8/edit?usp=sharing
>>
>> Thanks
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Gaurav Saini <ga...@gmail.com>.
As suggested by Abhay lets get on a call. I will fo my best to schedule it
in weekend itself.
Also, i saw the doc with screenshots there are really basic UI/UX mistakes
done in new designs ideas shared that is the main reason to use angular
material as you will stick to exact component designs.
Let's have a call and discuss about all these in weekend itself.
Thanks
Gaurav
On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <an...@gmail.com>
wrote:
> I have attached below the doc containing redesigning of all UI and links
> respectively
>
> Link :
> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>
> Thanks
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Anwesh Krishna Nayak <an...@gmail.com>.
I have attached below the doc containing redesigning of all UI and links
respectively
Link :
https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
Thanks
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Abhay Chawla <ab...@gmail.com>.
Hello everyone,
Could we have a conversation on call to finalize the design framework? It
would be great as we'll have more clarity on the mentioned points. As soon
as it is possible and feasible for everyone, anytime today or over the
weekend would be great as it will give us some time to explore and work at
a better pace.
Thanks
Abhay
On Fri, Jun 15, 2018 at 7:35 PM Anwesh Krishna Nayak <an...@gmail.com>
wrote:
> Hi Gaurav,
>
> I understand your point. We are using https://bootswatch.com/materia/ for
> overriding the common bootstrap.css properties. In our case it shouldn't be
> of much difference. It is just a material wrapper over common bootstrap.css
> .
>
> As about the point of using Angular Material. It is just to give material
> look to components like tables,tabs which comes with its own materialize
> css properties. As we already have material look by bootswatch it doesn't
> add much to the material effect. Using https://bootswatch.com/materia/
> will help maintaining the overall material look of the web app while using
> only angular-material won't give that look.
>
> We can use angular-material for use cases if necessary but the UI we wrote
> is less dependent on angular material library as we are using simple
> material bootstrap components for it.
> I will host the link with updated pages today itself.
>
> Thanks
>
> On Fri, Jun 15, 2018 at 7:19 PM, Gaurav Saini <ga...@gmail.com>
> wrote:
>
>> Hello Anwesh,
>>
>> I would say we should use Angular Material library for consistency and
>> below reasons:
>>
>> - We already have our self-service app last year built on angular
>> material itself so we should follow.
>> - Another reason is its official Angular library and there can be
>> chances in future that bootswatch or ng-bootstrap might discontinue support
>> or don't add further modules.
>> - I don't see angular material support mentioned on both bootswatch
>> <https://bootswatch.com/> and ng-bootstrap
>> <https://github.com/ng-bootstrap/ng-bootstrap> github repos. Might be
>> there is some add-on package which i am not aware of.
>>
>> I saw the initial hosted project and have some feedback to speed-up the
>> development:
>>
>> - Define the wire-frames or some sample mock-up ideas how we want our
>> new web-app to look like.
>> - Also, wire-frames for some important pages like Client Page,
>> Dashboard etc
>> - Use of Data-table as in our current application we have a lot many
>> views using data-tables. @Ed Cable <ed...@mifos.org> If you can
>> give some feedback improvement we needed from the current look we have so
>> we in-corporate from start and maintain same data-table in entire project.
>> - Make sure you re-use as much code as possible by making proper
>> modules.
>> - Go through each page on current community-app to find what all
>> pages are sharing same modules like I mentioned of data-table. This will
>> help you re-use code and fasten the development cycle.
>>
>> @Mohit Bajoria <mo...@gmail.com> @Pranjal Goswami
>> <pr...@gmail.com> Please add more suggestions you have from
>> your experience or something I might not be right here. Let's try to help
>> out both Anwesh and Abhay as much possible from our available time, as I
>> can see they have a big task in front of them, which I am positive that
>> they can take over :)
>>
>> Thanks
>> Gaurav
>>
>> On Sat, Jun 9, 2018 at 11:41 PM Anwesh Krishna Nayak <
>> anweshknayak@gmail.com> wrote:
>>
>>> Raunak,
>>>
>>> Infact we are using material based design for Angular that is bootswatch
>>> and ng-bootstrap. We are already following the UI/UX guidelines for
>>> consistency.
>>>
>>> Thanks
>>>
>>> On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <se...@gmail.com>
>>> wrote:
>>>
>>>> We should use Angular Material. We should have consistent experience
>>>> across all platforms and given that we are already following material
>>>> design guidelines on a lot of our android clients as well as web. So it
>>>> would be easier if we just have a common UI/UX guidelines for the
>>>> consistency.
>>>>
>>>> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
>>>> wrote:
>>>>
>>>>> Hello everyone,
>>>>>
>>>>> After some discussion, Anwesh and I have a come up with the following
>>>>> points regarding the decision to use Angular Material or bootswatch and
>>>>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>>>>
>>>>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>>>>> Angular Directives that can be implemented without any dependencies on
>>>>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>>>>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>>>>> Bootstrap https://github.com/thomaspark/bootswatch/
>>>>> 3) Bootswatch provides with an API which can be integrated with the
>>>>> platform for theme configuration easily and provide the organizations with
>>>>> a choice from these 21 themes https://bootswatch.com/api/4.json
>>>>> 4) We are currently using the bootswatch material theme to compete and
>>>>> provide with a similar kind of look as by angular-material
>>>>> 5) New themes if required can be configured easily using bootstrap, as
>>>>> a simple example I have created a demonstration here:
>>>>> https://abhaychawla.github.io/angular-theme/
>>>>> 6) We can also provide instructions so that the organizations will be
>>>>> able to clone the project, create their own custom theme, build the app and
>>>>> use that theme.
>>>>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>>>>> easy to implement and could be modified and used to suit our needs
>>>>>
>>>>> 8) On the other hand, angular-material provides with 4 inbuilt
>>>>> material themes to chose from https://material.angular.io/
>>>>> 9) More custom themes can be configured according to organizations
>>>>> needs using angular-material as well but it will be a bit more complex
>>>>> 10) Overall, angular-material will be more time consuming and a little
>>>>> difficult to implement
>>>>>
>>>>> We would like to share this with the community and get their opinion
>>>>> regarding our choice of design framework so that we can finalize the same
>>>>> as soon as possible in the initial stage of the project.
>>>>>
>>>>> Looking forward to your responses.
>>>>>
>>>>> Thanks
>>>>> Abhay.
>>>>>
>>>>> --
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>>
>>>>
>>>>
>>>> --
>>>> Raunak Sett
>>>>
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>>
>>
>> --
>> Regards,
>> *Gaurav Saini*
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Anwesh Krishna Nayak <an...@gmail.com>.
Hi Gaurav,
I understand your point. We are using https://bootswatch.com/materia/ for
overriding the common bootstrap.css properties. In our case it shouldn't be
of much difference. It is just a material wrapper over common bootstrap.css
.
As about the point of using Angular Material. It is just to give material
look to components like tables,tabs which comes with its own materialize
css properties. As we already have material look by bootswatch it doesn't
add much to the material effect. Using https://bootswatch.com/materia/
will help maintaining the overall material look of the web app while using
only angular-material won't give that look.
We can use angular-material for use cases if necessary but the UI we wrote
is less dependent on angular material library as we are using simple
material bootstrap components for it.
I will host the link with updated pages today itself.
Thanks
On Fri, Jun 15, 2018 at 7:19 PM, Gaurav Saini <ga...@gmail.com>
wrote:
> Hello Anwesh,
>
> I would say we should use Angular Material library for consistency and
> below reasons:
>
> - We already have our self-service app last year built on angular
> material itself so we should follow.
> - Another reason is its official Angular library and there can be
> chances in future that bootswatch or ng-bootstrap might discontinue support
> or don't add further modules.
> - I don't see angular material support mentioned on both bootswatch
> <https://bootswatch.com/> and ng-bootstrap
> <https://github.com/ng-bootstrap/ng-bootstrap> github repos. Might be
> there is some add-on package which i am not aware of.
>
> I saw the initial hosted project and have some feedback to speed-up the
> development:
>
> - Define the wire-frames or some sample mock-up ideas how we want our
> new web-app to look like.
> - Also, wire-frames for some important pages like Client Page,
> Dashboard etc
> - Use of Data-table as in our current application we have a lot many
> views using data-tables. @Ed Cable <ed...@mifos.org> If you can give
> some feedback improvement we needed from the current look we have so we
> in-corporate from start and maintain same data-table in entire project.
> - Make sure you re-use as much code as possible by making proper
> modules.
> - Go through each page on current community-app to find what all pages
> are sharing same modules like I mentioned of data-table. This will help you
> re-use code and fasten the development cycle.
>
> @Mohit Bajoria <mo...@gmail.com> @Pranjal Goswami
> <pr...@gmail.com> Please add more suggestions you have from
> your experience or something I might not be right here. Let's try to help
> out both Anwesh and Abhay as much possible from our available time, as I
> can see they have a big task in front of them, which I am positive that
> they can take over :)
>
> Thanks
> Gaurav
>
> On Sat, Jun 9, 2018 at 11:41 PM Anwesh Krishna Nayak <
> anweshknayak@gmail.com> wrote:
>
>> Raunak,
>>
>> Infact we are using material based design for Angular that is bootswatch
>> and ng-bootstrap. We are already following the UI/UX guidelines for
>> consistency.
>>
>> Thanks
>>
>> On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <se...@gmail.com>
>> wrote:
>>
>>> We should use Angular Material. We should have consistent experience
>>> across all platforms and given that we are already following material
>>> design guidelines on a lot of our android clients as well as web. So it
>>> would be easier if we just have a common UI/UX guidelines for the
>>> consistency.
>>>
>>> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
>>> wrote:
>>>
>>>> Hello everyone,
>>>>
>>>> After some discussion, Anwesh and I have a come up with the following
>>>> points regarding the decision to use Angular Material or bootswatch and
>>>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>>>
>>>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>>>> Angular Directives that can be implemented without any dependencies on
>>>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>>>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>>>> Bootstrap https://github.com/thomaspark/bootswatch/
>>>> 3) Bootswatch provides with an API which can be integrated with the
>>>> platform for theme configuration easily and provide the organizations with
>>>> a choice from these 21 themes https://bootswatch.com/api/4.json
>>>> 4) We are currently using the bootswatch material theme to compete and
>>>> provide with a similar kind of look as by angular-material
>>>> 5) New themes if required can be configured easily using bootstrap, as
>>>> a simple example I have created a demonstration here:
>>>> https://abhaychawla.github.io/angular-theme/
>>>> 6) We can also provide instructions so that the organizations will be
>>>> able to clone the project, create their own custom theme, build the app and
>>>> use that theme.
>>>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>>>> easy to implement and could be modified and used to suit our needs
>>>>
>>>> 8) On the other hand, angular-material provides with 4 inbuilt material
>>>> themes to chose from https://material.angular.io/
>>>> 9) More custom themes can be configured according to organizations
>>>> needs using angular-material as well but it will be a bit more complex
>>>> 10) Overall, angular-material will be more time consuming and a little
>>>> difficult to implement
>>>>
>>>> We would like to share this with the community and get their opinion
>>>> regarding our choice of design framework so that we can finalize the same
>>>> as soon as possible in the initial stage of the project.
>>>>
>>>> Looking forward to your responses.
>>>>
>>>> Thanks
>>>> Abhay.
>>>>
>>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "Mifos Google Summer of Code 2018" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>>
>>>
>>>
>>> --
>>> Raunak Sett
>>>
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
>
>
> --
> Regards,
> *Gaurav Saini*
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Gaurav Saini <ga...@gmail.com>.
Hello Anwesh,
I would say we should use Angular Material library for consistency and
below reasons:
- We already have our self-service app last year built on angular
material itself so we should follow.
- Another reason is its official Angular library and there can be
chances in future that bootswatch or ng-bootstrap might discontinue support
or don't add further modules.
- I don't see angular material support mentioned on both bootswatch
<https://bootswatch.com/> and ng-bootstrap
<https://github.com/ng-bootstrap/ng-bootstrap> github repos. Might be
there is some add-on package which i am not aware of.
I saw the initial hosted project and have some feedback to speed-up the
development:
- Define the wire-frames or some sample mock-up ideas how we want our
new web-app to look like.
- Also, wire-frames for some important pages like Client Page, Dashboard
etc
- Use of Data-table as in our current application we have a lot many
views using data-tables. @Ed Cable <ed...@mifos.org> If you can give
some feedback improvement we needed from the current look we have so we
in-corporate from start and maintain same data-table in entire project.
- Make sure you re-use as much code as possible by making proper
modules.
- Go through each page on current community-app to find what all pages
are sharing same modules like I mentioned of data-table. This will help you
re-use code and fasten the development cycle.
@Mohit Bajoria <mo...@gmail.com> @Pranjal Goswami
<pr...@gmail.com> Please add more suggestions you have from
your experience or something I might not be right here. Let's try to help
out both Anwesh and Abhay as much possible from our available time, as I
can see they have a big task in front of them, which I am positive that
they can take over :)
Thanks
Gaurav
On Sat, Jun 9, 2018 at 11:41 PM Anwesh Krishna Nayak <an...@gmail.com>
wrote:
> Raunak,
>
> Infact we are using material based design for Angular that is bootswatch
> and ng-bootstrap. We are already following the UI/UX guidelines for
> consistency.
>
> Thanks
>
> On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <se...@gmail.com>
> wrote:
>
>> We should use Angular Material. We should have consistent experience
>> across all platforms and given that we are already following material
>> design guidelines on a lot of our android clients as well as web. So it
>> would be easier if we just have a common UI/UX guidelines for the
>> consistency.
>>
>> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
>> wrote:
>>
>>> Hello everyone,
>>>
>>> After some discussion, Anwesh and I have a come up with the following
>>> points regarding the decision to use Angular Material or bootswatch and
>>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>>
>>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>>> Angular Directives that can be implemented without any dependencies on
>>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>>> Bootstrap https://github.com/thomaspark/bootswatch/
>>> 3) Bootswatch provides with an API which can be integrated with the
>>> platform for theme configuration easily and provide the organizations with
>>> a choice from these 21 themes https://bootswatch.com/api/4.json
>>> 4) We are currently using the bootswatch material theme to compete and
>>> provide with a similar kind of look as by angular-material
>>> 5) New themes if required can be configured easily using bootstrap, as a
>>> simple example I have created a demonstration here:
>>> https://abhaychawla.github.io/angular-theme/
>>> 6) We can also provide instructions so that the organizations will be
>>> able to clone the project, create their own custom theme, build the app and
>>> use that theme.
>>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>>> easy to implement and could be modified and used to suit our needs
>>>
>>> 8) On the other hand, angular-material provides with 4 inbuilt material
>>> themes to chose from https://material.angular.io/
>>> 9) More custom themes can be configured according to organizations needs
>>> using angular-material as well but it will be a bit more complex
>>> 10) Overall, angular-material will be more time consuming and a little
>>> difficult to implement
>>>
>>> We would like to share this with the community and get their opinion
>>> regarding our choice of design framework so that we can finalize the same
>>> as soon as possible in the initial stage of the project.
>>>
>>> Looking forward to your responses.
>>>
>>> Thanks
>>> Abhay.
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>>
>>
>> --
>> Raunak Sett
>>
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
--
Regards,
*Gaurav Saini*
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Ed Cable <ed...@mifos.org>.
Hi all,
Pranjal,
Would you be able to join the GSOC check-in today to participate in the
discussion regarding the design framework. Mohit and Gaurav were going to
try to participate as well.
Ed
On Sat, Jun 9, 2018 at 11:11 AM Anwesh Krishna Nayak <an...@gmail.com>
wrote:
> Raunak,
>
> Infact we are using material based design for Angular that is bootswatch
> and ng-bootstrap. We are already following the UI/UX guidelines for
> consistency.
>
> Thanks
>
> On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <se...@gmail.com>
> wrote:
>
>> We should use Angular Material. We should have consistent experience
>> across all platforms and given that we are already following material
>> design guidelines on a lot of our android clients as well as web. So it
>> would be easier if we just have a common UI/UX guidelines for the
>> consistency.
>>
>> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
>> wrote:
>>
>>> Hello everyone,
>>>
>>> After some discussion, Anwesh and I have a come up with the following
>>> points regarding the decision to use Angular Material or bootswatch and
>>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>>
>>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>>> Angular Directives that can be implemented without any dependencies on
>>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>>> Bootstrap https://github.com/thomaspark/bootswatch/
>>> 3) Bootswatch provides with an API which can be integrated with the
>>> platform for theme configuration easily and provide the organizations with
>>> a choice from these 21 themes https://bootswatch.com/api/4.json
>>> 4) We are currently using the bootswatch material theme to compete and
>>> provide with a similar kind of look as by angular-material
>>> 5) New themes if required can be configured easily using bootstrap, as a
>>> simple example I have created a demonstration here:
>>> https://abhaychawla.github.io/angular-theme/
>>> 6) We can also provide instructions so that the organizations will be
>>> able to clone the project, create their own custom theme, build the app and
>>> use that theme.
>>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>>> easy to implement and could be modified and used to suit our needs
>>>
>>> 8) On the other hand, angular-material provides with 4 inbuilt material
>>> themes to chose from https://material.angular.io/
>>> 9) More custom themes can be configured according to organizations needs
>>> using angular-material as well but it will be a bit more complex
>>> 10) Overall, angular-material will be more time consuming and a little
>>> difficult to implement
>>>
>>> We would like to share this with the community and get their opinion
>>> regarding our choice of design framework so that we can finalize the same
>>> as soon as possible in the initial stage of the project.
>>>
>>> Looking forward to your responses.
>>>
>>> Thanks
>>> Abhay.
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@mifos.org.
>>>
>>
>>
>> --
>> Raunak Sett
>>
>
>
--
*Ed Cable*
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos> <http://www.twitter.com/mifos>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Anwesh Krishna Nayak <an...@gmail.com>.
Raunak,
Infact we are using material based design for Angular that is bootswatch
and ng-bootstrap. We are already following the UI/UX guidelines for
consistency.
Thanks
On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <se...@gmail.com> wrote:
> We should use Angular Material. We should have consistent experience
> across all platforms and given that we are already following material
> design guidelines on a lot of our android clients as well as web. So it
> would be easier if we just have a common UI/UX guidelines for the
> consistency.
>
> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
> wrote:
>
>> Hello everyone,
>>
>> After some discussion, Anwesh and I have a come up with the following
>> points regarding the decision to use Angular Material or bootswatch and
>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>
>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>> Angular Directives that can be implemented without any dependencies on
>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>> Bootstrap https://github.com/thomaspark/bootswatch/
>> 3) Bootswatch provides with an API which can be integrated with the
>> platform for theme configuration easily and provide the organizations with
>> a choice from these 21 themes https://bootswatch.com/api/4.json
>> 4) We are currently using the bootswatch material theme to compete and
>> provide with a similar kind of look as by angular-material
>> 5) New themes if required can be configured easily using bootstrap, as a
>> simple example I have created a demonstration here: https://abhaychawla.
>> github.io/angular-theme/
>> 6) We can also provide instructions so that the organizations will be
>> able to clone the project, create their own custom theme, build the app and
>> use that theme.
>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>> easy to implement and could be modified and used to suit our needs
>>
>> 8) On the other hand, angular-material provides with 4 inbuilt material
>> themes to chose from https://material.angular.io/
>> 9) More custom themes can be configured according to organizations needs
>> using angular-material as well but it will be a bit more complex
>> 10) Overall, angular-material will be more time consuming and a little
>> difficult to implement
>>
>> We would like to share this with the community and get their opinion
>> regarding our choice of design framework so that we can finalize the same
>> as soon as possible in the initial stage of the project.
>>
>> Looking forward to your responses.
>>
>> Thanks
>> Abhay.
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
>
>
> --
> Raunak Sett
>
Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework
- Angular Material vs bootswatch and ng-bootstrap)
Posted by Ed Cable <ed...@mifos.org>.
Emmanuel,
Please start a new message thread if you have a different support query.
You can do so my creating a new email with a relevant subject line and
sending it to the respective mailing list.
We need to keep each discussion thread relevant and on-topic. Thank you for
using the mailing lists though!
Cheers,
Ed
On Sat, Jun 9, 2018 at 3:00 AM Emmanuel Njoku <ei...@gmail.com> wrote:
> who can assist me on this error message. I obtain this message after
> creation of new Data table mapped to client*.*
>
> Jun 09, 2018 10:45:22 AM com.sun.jersey.spi.container.ContainerResponse
> mapMappableContainerException
> SEVERE: The RuntimeException could not be mapped to a response, re-throwing
> to the HTTP container
> java.lang.NullPointerException
> at
>
> org.apache.fineract.infrastructure.security.utils.SQLInjectionValidator.validateSQLInput(SQLInjectionValidator.java:36)
> at
>
> org.apache.fineract.infrastructure.security.utils.ColumnValidator.validateSqlInjection(ColumnValidator.java:95)
> at
>
> org.apache.fineract.infrastructure.dataqueries.service.ReadWriteNonCoreDataServiceImpl.retrieveDataTableGenericResultSet(ReadWriteNonCoreDataServiceImpl.java:1190)
> at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
> at
>
> sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
> at
>
> sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
> at java.lang.reflect.Method.invoke(Method.java:498)
> at
>
> org.springframework.aop.support.AopUtils.invokeJoinpointUsingReflection(AopUtils.java:317)
> at
>
> org.springframework.aop.framework.JdkDynamicAopProxy.invoke(JdkDynamicAopProxy.java:201)
> at com.sun.proxy.$Proxy148.retrieveDataTableGenericResultSet(Unknown
> Source)
> at
>
> org.apache.fineract.infrastructure.dataqueries.api.DatatablesApiResource.getDatatable(DatatablesApiResource.java:174)
> at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
> at
>
> sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
> at
>
> sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
> at java.lang.reflect.Method.invoke(Method.java:498)
> at
>
> com.sun.jersey.spi.container.JavaMethodInvokerFactory$1.invoke(JavaMethodInvokerFactory.java:60)
> at
>
> com.sun.jersey.server.impl.model.method.dispatch.AbstractResourceMethodDispatchProvider$TypeOutInvoker._dispatch(AbstractResourceMethodDispatchProvider.java:185)
> at
>
> com.sun.jersey.server.impl.model.method.dispatch.ResourceJavaMethodDispatcher.dispatch(ResourceJavaMethodDispatcher.java:75)
> at
>
> com.sun.jersey.server.impl.uri.rules.HttpMethodRule.accept(HttpMethodRule.java:302)
> at
>
> com.sun.jersey.server.impl.uri.rules.RightHandPathRule.accept(RightHandPathRule.java:147)
> at
>
> com.sun.jersey.server.impl.uri.rules.ResourceClassRule.accept(ResourceClassRule.java:108)
> at
>
> com.sun.jersey.server.impl.uri.rules.RightHandPathRule.accept(RightHandPathRule.java:147)
> at
>
> com.sun.jersey.server.impl.uri.rules.RootResourceClassesRule.accept(RootResourceClassesRule.java:84)
> at
>
> com.sun.jersey.server.impl.application.WebApplicationImpl._handleRequest(WebApplicationImpl.java:1511)
> at
>
> com.sun.jersey.server.impl.application.WebApplicationImpl._handleRequest(WebApplicationImpl.java:1442)
> at
>
> com.sun.jersey.server.impl.application.WebApplicationImpl.handleRequest(WebApplicationImpl.java:1391)
> at
>
> com.sun.jersey.server.impl.application.WebApplicationImpl.handleRequest(WebApplicationImpl.java:1381)
> at
>
> com.sun.jersey.spi.container.servlet.WebComponent.service(WebComponent.java:416)
> at
>
> com.sun.jersey.spi.container.servlet.ServletContainer.service(ServletContainer.java:538)
> at
>
> com.sun.jersey.spi.container.servlet.ServletContainer.service(ServletContainer.java:716)
> at javax.servlet.http.HttpServlet.service(HttpServlet.java:731)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
> at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
> at
>
> org.springframework.security.web.access.intercept.FilterSecurityInterceptor.invoke(FilterSecurityInterceptor.java:108)
> at
>
> org.springframework.security.web.access.intercept.FilterSecurityInterceptor.doFilter(FilterSecurityInterceptor.java:84)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:330)
> at
>
> org.springframework.security.web.access.intercept.FilterSecurityInterceptor.invoke(FilterSecurityInterceptor.java:118)
> at
>
> org.springframework.security.web.access.intercept.FilterSecurityInterceptor.doFilter(FilterSecurityInterceptor.java:84)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.access.ExceptionTranslationFilter.doFilter(ExceptionTranslationFilter.java:113)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.authentication.AnonymousAuthenticationFilter.doFilter(AnonymousAuthenticationFilter.java:113)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.servletapi.SecurityContextHolderAwareRequestFilter.doFilter(SecurityContextHolderAwareRequestFilter.java:154)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.apache.fineract.infrastructure.security.filter.TwoFactorAuthenticationFilter.doFilter(TwoFactorAuthenticationFilter.java:122)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.context.request.async.WebAsyncManagerIntegrationFilter.doFilterInternal(WebAsyncManagerIntegrationFilter.java:50)
> at
>
> org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.authentication.www.BasicAuthenticationFilter.doFilter(BasicAuthenticationFilter.java:201)
> at
>
> org.apache.fineract.infrastructure.security.filter.TenantAwareBasicAuthenticationFilter.doFilter(TenantAwareBasicAuthenticationFilter.java:153)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.context.SecurityContextPersistenceFilter.doFilter(SecurityContextPersistenceFilter.java:87)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.access.channel.ChannelProcessingFilter.doFilter(ChannelProcessingFilter.java:144)
> at
>
> org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
> at
>
> org.springframework.security.web.FilterChainProxy.doFilterInternal(FilterChainProxy.java:192)
> at
>
> org.springframework.security.web.FilterChainProxy.doFilter(FilterChainProxy.java:160)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
> at
>
> org.springframework.boot.context.web.ErrorPageFilter.doFilter(ErrorPageFilter.java:108)
> at
>
> org.springframework.boot.context.web.ErrorPageFilter.access$000(ErrorPageFilter.java:58)
> at
>
> org.springframework.boot.context.web.ErrorPageFilter$1.doFilterInternal(ErrorPageFilter.java:87)
> at
>
> org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
> at
>
> org.springframework.boot.context.web.ErrorPageFilter.doFilter(ErrorPageFilter.java:100)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
> at
>
> org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
> at
>
> org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:219)
> at
>
> org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:110)
> at
>
> org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:506)
> at
>
> org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:169)
> at
>
> org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103)
> at
> org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:962)
> at
>
> org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116)
> at
> org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:445)
> at
>
> org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1115)
> at
>
> org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:637)
> at
> org.apache.tomcat.util.net
> .JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:318)
> at
>
> java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149)
> at
>
> java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624)
> at
>
> org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
> at java.lang.Thread.run(Thread.java:748)
>
> On Sat, Jun 9, 2018 at 7:20 AM, Raunak Sett <se...@gmail.com> wrote:
>
> > We should use Angular Material. We should have consistent experience
> > across all platforms and given that we are already following material
> > design guidelines on a lot of our android clients as well as web. So it
> > would be easier if we just have a common UI/UX guidelines for the
> > consistency.
> >
> > On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
> > wrote:
> >
> >> Hello everyone,
> >>
> >> After some discussion, Anwesh and I have a come up with the following
> >> points regarding the decision to use Angular Material or bootswatch and
> >> ng-bootstrap for the new MifosX Web App (Angular 6):
> >>
> >> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
> >> Angular Directives that can be implemented without any dependencies on
> >> jQuery or popper.js https://ng-bootstrap.github.io/#/home
> >> 2) Bootswatch provides a collection of themes(21 + 1 default) for
> >> Bootstrap https://github.com/thomaspark/bootswatch/
> >> 3) Bootswatch provides with an API which can be integrated with the
> >> platform for theme configuration easily and provide the organizations
> with
> >> a choice from these 21 themes https://bootswatch.com/api/4.json
> >> 4) We are currently using the bootswatch material theme to compete and
> >> provide with a similar kind of look as by angular-material
> >> 5) New themes if required can be configured easily using bootstrap, as a
> >> simple example I have created a demonstration here:
> https://abhaychawla.
> >> github.io/angular-theme/
> >> 6) We can also provide instructions so that the organizations will be
> >> able to clone the project, create their own custom theme, build the app
> and
> >> use that theme.
> >> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
> >> easy to implement and could be modified and used to suit our needs
> >>
> >> 8) On the other hand, angular-material provides with 4 inbuilt material
> >> themes to chose from https://material.angular.io/
> >> 9) More custom themes can be configured according to organizations needs
> >> using angular-material as well but it will be a bit more complex
> >> 10) Overall, angular-material will be more time consuming and a little
> >> difficult to implement
> >>
> >> We would like to share this with the community and get their opinion
> >> regarding our choice of design framework so that we can finalize the
> same
> >> as soon as possible in the initial stage of the project.
> >>
> >> Looking forward to your responses.
> >>
> >> Thanks
> >> Abhay.
> >>
> >> --
> >> You received this message because you are subscribed to the Google
> Groups
> >> "Mifos Google Summer of Code 2018" group.
> >> To unsubscribe from this group and stop receiving emails from it, send
> an
> >> email to gsoc-2018+unsubscribe@mifos.org.
> >>
> >
> >
> > --
> > Raunak Sett
> >
> > ------------------------------------------------------------
> > ------------------
> > Check out the vibrant tech community on one of the world's most
> > engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> > Mifos-developer mailing list
> > mifos-developer@lists.sourceforge.net
> > Unsubscribe or change settings at:
> > https://lists.sourceforge.net/lists/listinfo/mifos-developer
> >
>
--
*Ed Cable*
President/CEO, Mifos Initiative
edcable@mifos.org | Skype: edcable | Mobile: +1.484.477.8649
*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos> <http://www.twitter.com/mifos>
Re: [Mifos-developer] Web-App (Angular 6): Choice of Design Framework
- Angular Material vs bootswatch and ng-bootstrap)
Posted by Emmanuel Njoku <ei...@gmail.com>.
who can assist me on this error message. I obtain this message after
creation of new Data table mapped to client*.*
Jun 09, 2018 10:45:22 AM com.sun.jersey.spi.container.ContainerResponse
mapMappableContainerException
SEVERE: The RuntimeException could not be mapped to a response, re-throwing
to the HTTP container
java.lang.NullPointerException
at
org.apache.fineract.infrastructure.security.utils.SQLInjectionValidator.validateSQLInput(SQLInjectionValidator.java:36)
at
org.apache.fineract.infrastructure.security.utils.ColumnValidator.validateSqlInjection(ColumnValidator.java:95)
at
org.apache.fineract.infrastructure.dataqueries.service.ReadWriteNonCoreDataServiceImpl.retrieveDataTableGenericResultSet(ReadWriteNonCoreDataServiceImpl.java:1190)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at
sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
at
sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:498)
at
org.springframework.aop.support.AopUtils.invokeJoinpointUsingReflection(AopUtils.java:317)
at
org.springframework.aop.framework.JdkDynamicAopProxy.invoke(JdkDynamicAopProxy.java:201)
at com.sun.proxy.$Proxy148.retrieveDataTableGenericResultSet(Unknown Source)
at
org.apache.fineract.infrastructure.dataqueries.api.DatatablesApiResource.getDatatable(DatatablesApiResource.java:174)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at
sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
at
sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:498)
at
com.sun.jersey.spi.container.JavaMethodInvokerFactory$1.invoke(JavaMethodInvokerFactory.java:60)
at
com.sun.jersey.server.impl.model.method.dispatch.AbstractResourceMethodDispatchProvider$TypeOutInvoker._dispatch(AbstractResourceMethodDispatchProvider.java:185)
at
com.sun.jersey.server.impl.model.method.dispatch.ResourceJavaMethodDispatcher.dispatch(ResourceJavaMethodDispatcher.java:75)
at
com.sun.jersey.server.impl.uri.rules.HttpMethodRule.accept(HttpMethodRule.java:302)
at
com.sun.jersey.server.impl.uri.rules.RightHandPathRule.accept(RightHandPathRule.java:147)
at
com.sun.jersey.server.impl.uri.rules.ResourceClassRule.accept(ResourceClassRule.java:108)
at
com.sun.jersey.server.impl.uri.rules.RightHandPathRule.accept(RightHandPathRule.java:147)
at
com.sun.jersey.server.impl.uri.rules.RootResourceClassesRule.accept(RootResourceClassesRule.java:84)
at
com.sun.jersey.server.impl.application.WebApplicationImpl._handleRequest(WebApplicationImpl.java:1511)
at
com.sun.jersey.server.impl.application.WebApplicationImpl._handleRequest(WebApplicationImpl.java:1442)
at
com.sun.jersey.server.impl.application.WebApplicationImpl.handleRequest(WebApplicationImpl.java:1391)
at
com.sun.jersey.server.impl.application.WebApplicationImpl.handleRequest(WebApplicationImpl.java:1381)
at
com.sun.jersey.spi.container.servlet.WebComponent.service(WebComponent.java:416)
at
com.sun.jersey.spi.container.servlet.ServletContainer.service(ServletContainer.java:538)
at
com.sun.jersey.spi.container.servlet.ServletContainer.service(ServletContainer.java:716)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:731)
at
org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303)
at
org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
at
org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at
org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at
org.springframework.security.web.access.intercept.FilterSecurityInterceptor.invoke(FilterSecurityInterceptor.java:108)
at
org.springframework.security.web.access.intercept.FilterSecurityInterceptor.doFilter(FilterSecurityInterceptor.java:84)
at
org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at
org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:330)
at
org.springframework.security.web.access.intercept.FilterSecurityInterceptor.invoke(FilterSecurityInterceptor.java:118)
at
org.springframework.security.web.access.intercept.FilterSecurityInterceptor.doFilter(FilterSecurityInterceptor.java:84)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.access.ExceptionTranslationFilter.doFilter(ExceptionTranslationFilter.java:113)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.authentication.AnonymousAuthenticationFilter.doFilter(AnonymousAuthenticationFilter.java:113)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.servletapi.SecurityContextHolderAwareRequestFilter.doFilter(SecurityContextHolderAwareRequestFilter.java:154)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.apache.fineract.infrastructure.security.filter.TwoFactorAuthenticationFilter.doFilter(TwoFactorAuthenticationFilter.java:122)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.context.request.async.WebAsyncManagerIntegrationFilter.doFilterInternal(WebAsyncManagerIntegrationFilter.java:50)
at
org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.authentication.www.BasicAuthenticationFilter.doFilter(BasicAuthenticationFilter.java:201)
at
org.apache.fineract.infrastructure.security.filter.TenantAwareBasicAuthenticationFilter.doFilter(TenantAwareBasicAuthenticationFilter.java:153)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.context.SecurityContextPersistenceFilter.doFilter(SecurityContextPersistenceFilter.java:87)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.access.channel.ChannelProcessingFilter.doFilter(ChannelProcessingFilter.java:144)
at
org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342)
at
org.springframework.security.web.FilterChainProxy.doFilterInternal(FilterChainProxy.java:192)
at
org.springframework.security.web.FilterChainProxy.doFilter(FilterChainProxy.java:160)
at
org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at
org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at
org.springframework.boot.context.web.ErrorPageFilter.doFilter(ErrorPageFilter.java:108)
at
org.springframework.boot.context.web.ErrorPageFilter.access$000(ErrorPageFilter.java:58)
at
org.springframework.boot.context.web.ErrorPageFilter$1.doFilterInternal(ErrorPageFilter.java:87)
at
org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
at
org.springframework.boot.context.web.ErrorPageFilter.doFilter(ErrorPageFilter.java:100)
at
org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at
org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at
org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:219)
at
org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:110)
at
org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:506)
at
org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:169)
at
org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103)
at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:962)
at
org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116)
at
org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:445)
at
org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1115)
at
org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:637)
at
org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:318)
at
java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149)
at
java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624)
at
org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
at java.lang.Thread.run(Thread.java:748)
On Sat, Jun 9, 2018 at 7:20 AM, Raunak Sett <se...@gmail.com> wrote:
> We should use Angular Material. We should have consistent experience
> across all platforms and given that we are already following material
> design guidelines on a lot of our android clients as well as web. So it
> would be easier if we just have a common UI/UX guidelines for the
> consistency.
>
> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
> wrote:
>
>> Hello everyone,
>>
>> After some discussion, Anwesh and I have a come up with the following
>> points regarding the decision to use Angular Material or bootswatch and
>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>
>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>> Angular Directives that can be implemented without any dependencies on
>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>> Bootstrap https://github.com/thomaspark/bootswatch/
>> 3) Bootswatch provides with an API which can be integrated with the
>> platform for theme configuration easily and provide the organizations with
>> a choice from these 21 themes https://bootswatch.com/api/4.json
>> 4) We are currently using the bootswatch material theme to compete and
>> provide with a similar kind of look as by angular-material
>> 5) New themes if required can be configured easily using bootstrap, as a
>> simple example I have created a demonstration here: https://abhaychawla.
>> github.io/angular-theme/
>> 6) We can also provide instructions so that the organizations will be
>> able to clone the project, create their own custom theme, build the app and
>> use that theme.
>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>> easy to implement and could be modified and used to suit our needs
>>
>> 8) On the other hand, angular-material provides with 4 inbuilt material
>> themes to chose from https://material.angular.io/
>> 9) More custom themes can be configured according to organizations needs
>> using angular-material as well but it will be a bit more complex
>> 10) Overall, angular-material will be more time consuming and a little
>> difficult to implement
>>
>> We would like to share this with the community and get their opinion
>> regarding our choice of design framework so that we can finalize the same
>> as soon as possible in the initial stage of the project.
>>
>> Looking forward to your responses.
>>
>> Thanks
>> Abhay.
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Mifos Google Summer of Code 2018" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to gsoc-2018+unsubscribe@mifos.org.
>>
>
>
> --
> Raunak Sett
>
> ------------------------------------------------------------
> ------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> Mifos-developer mailing list
> mifos-developer@lists.sourceforge.net
> Unsubscribe or change settings at:
> https://lists.sourceforge.net/lists/listinfo/mifos-developer
>
Re: Web-App (Angular 6): Choice of Design Framework - Angular
Material vs bootswatch and ng-bootstrap)
Posted by Raunak Sett <se...@gmail.com>.
We should use Angular Material. We should have consistent experience across
all platforms and given that we are already following material design
guidelines on a lot of our android clients as well as web. So it would be
easier if we just have a common UI/UX guidelines for the consistency.
On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <ab...@gmail.com>
wrote:
> Hello everyone,
>
> After some discussion, Anwesh and I have a come up with the following
> points regarding the decision to use Angular Material or bootswatch and
> ng-bootstrap for the new MifosX Web App (Angular 6):
>
> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
> Angular Directives that can be implemented without any dependencies on
> jQuery or popper.js https://ng-bootstrap.github.io/#/home
> 2) Bootswatch provides a collection of themes(21 + 1 default) for
> Bootstrap https://github.com/thomaspark/bootswatch/
> 3) Bootswatch provides with an API which can be integrated with the
> platform for theme configuration easily and provide the organizations with
> a choice from these 21 themes https://bootswatch.com/api/4.json
> 4) We are currently using the bootswatch material theme to compete and
> provide with a similar kind of look as by angular-material
> 5) New themes if required can be configured easily using bootstrap, as a
> simple example I have created a demonstration here:
> https://abhaychawla.github.io/angular-theme/
> 6) We can also provide instructions so that the organizations will be able
> to clone the project, create their own custom theme, build the app and use
> that theme.
> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are easy
> to implement and could be modified and used to suit our needs
>
> 8) On the other hand, angular-material provides with 4 inbuilt material
> themes to chose from https://material.angular.io/
> 9) More custom themes can be configured according to organizations needs
> using angular-material as well but it will be a bit more complex
> 10) Overall, angular-material will be more time consuming and a little
> difficult to implement
>
> We would like to share this with the community and get their opinion
> regarding our choice of design framework so that we can finalize the same
> as soon as possible in the initial stage of the project.
>
> Looking forward to your responses.
>
> Thanks
> Abhay.
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@mifos.org.
>
--
Raunak Sett