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 <[email protected]> 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 <[email protected]> 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 <[email protected]> >> 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 <[email protected]> >>> 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 <[email protected]> >>>> 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, <[email protected]> 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 < >>>>>> [email protected]> 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 < >>>>>>> [email protected]> 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 <[email protected]> @Anwesh Krishna Nayak >>>>>>>> <[email protected]> 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 < >>>>>>>> [email protected]> 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 < >>>>>>>>> [email protected]> 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, < >>>>>>>>>> [email protected]> 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 [email protected]. >>>>>>>>>>> >>>>>>>>>> -- >>>>>>>>>> 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 [email protected]. >>>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>> >>>>>>>> -- >>>>>>>> Regards, >>>>>>>> *Gaurav Saini* >>>>>>>> >>>>>>> >>>>>> >>>>>> -- >>>>>> *Ed Cable* >>>>>> President/CEO, Mifos Initiative >>>>>> [email protected] | 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 >> [email protected] | 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 > [email protected] | 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> > >
