hks-epod / paydash Goto Github PK
View Code? Open in Web Editor NEWWorker payments dashboard for MGNREGA
Home Page: http://paydash.in
License: MIT License
Worker payments dashboard for MGNREGA
Home Page: http://paydash.in
License: MIT License
There is a ton of info at the top of the discrete page, but it's not structured very well.
Similar to the overview page, there should be a sub-header called "Performance of Your Panchayats". Under this can be the sentence of explanatory text. The unmapped panchayats alerts can go beneath that.
Right now it's hard to understand the context of the unmapped alerts because there isn't header text telling you you're on the panchayat performance page.
Open to suggestions on how to improve this as well.
The data on the region comparison chart is aggregated by month so the labels should reflect this
Axis tick labels:
"1 Jun, 15" -->
"Jun 15"
Legend label:
"Total transactions on 01 Jun, 2015: 35" -->
"Total transactions in Jun 2015: 35"
Musters not displaying on delayed musters page.
The API is returning data. Example response for GUNOR block:
[ { step: 'ds_t2',
msr_no: '4835',
work_name: 'कपिलधारा कूप निर्माण कार्य अरविन्द सिंह / रामप्रसाद ग्राम बरहाकला',
work_code: '1709003031/IF/9993707578',
start_date: '14/03/2016',
end_date: '20/03/2016',
panchayat_name: 'BARHAKALA' },
{ step: 'ds_t2',
msr_no: '4868',
work_name: 'kapildhara koop umashankar /baijnath',
work_code: '1709003031/IF/9993701022',
start_date: '14/03/2016',
end_date: '20/03/2016',
panchayat_name: 'BARHAKALA' },
{ step: 'ds_t2',
msr_no: '4872',
work_name: 'kapildhara koop keshkumar.babulal rajput',
work_code: '1709003031/IF/9993701023',
start_date: '14/03/2016',
end_date: '20/03/2016',
panchayat_name: 'BARHAKALA' },
{ step: 'ds_t2',
msr_no: '4876',
work_name: 'kapildhara koop ramlal/kadhora',
work_code: '1709003031/IF/9993701021',
start_date: '14/03/2016',
end_date: '20/03/2016',
panchayat_name: 'BARHAKALA' },
{ step: 'ds_t2',
msr_no: '4952',
work_name: 'sudur gram sampark sadak fulare ke khet se hajari lal ke khet tak gram dobha',
work_code: '1709003010/RC/22012034297198',
start_date: '14/03/2016',
end_date: '20/03/2016',
panchayat_name: 'DOBHA' },
{ step: 'ds_t2',
msr_no: '5001',
work_name: 'KAPIL DHARA KOOP NIRMAN KARYA JAY KARAN SINGH S/O SUJAN SINGH OT',
work_code: '1709003027/IF/9993691598',
start_date: '14/03/2016',
end_date: '20/03/2016',
panchayat_name: 'KOT' } ]
Right now, not clear that each line is part of a process. Add numbering as an experiment.
Time range dropdown text
"All available dates"
"Past 60 days"
"Past 30 days"
Intro text
Can we add the following intro text somewhere at the top of the page -->
"The performance of your panchayats on average days to complete each step of the payment process."
At the end of the previous sentence, add a question mark icon with hover tooltip displaying the following text:
"The charts below show the average number of days to complete each step of the payment process for payments that reached beneficiaries’ bank accounts on the given date. Therefore, only completed payments are displayed. Your worst performing panchayats are shown first."
On the TA/GRS info labels
"Mobile no" --> "Mobile"
"Step 1 average" --> "Average days from muster roll closure to entry"
"Step 1 total transactions" --> "Total transactions"
From Swapnil:
In Panchayat Performance report, grouping by TA, Step 1 average is shown to be greater than 0 whereas in the graphs, number of days for step 1 is shown to be 0. This is true for all the TAs and for all the blocks. Moreover, data is not getting displayed for certain Panchayats under some TAs.
Current muster page will only have the unmapped GRS alert.
Delayed muster page will have both the unmapped GRS and TA alerts.
Mapping data is included in the respective API responses.
Are login credentials supposed to be revealed? Because i can spec them in network inspector.
When TA is selected, the alert message says GRS.
Moving between any grouping (TA, GRS, None) should clear the panchayat selection. Currently this only happens when moving from TA to None or GRS to None.
Order should be:
Block
District
State
See screenshots for example. Color <--> Region Type mapping needs to be consistent across different checkbox selection states.
To do this in MG, pass in empty data for region types that are not selected (maintaining the order). Check function "prepForChart()" in https://github.com/hks-epod/peri/blob/master/demo.html.
Block should always be yellow, district should always be red, state should always be green.
Current alert location isn't intuitive. One suggestion -- when TA grouping is selected, put just the TA alert in the first box in the left side column. When GRS grouping is selected, put just the GRS alert in the first box in the left side column.
Time range dropdown text
"All available dates"
"Past 60 days"
"Past 30 days"
Top chart text
"Overview Performance" --> "Your Block's Performance"
Lorem Ipsum text --> "Average number of days to complete each step of the payment process in your block."
At the end of the previous sentence, add a question mark icon with hover tooltip displaying the following text:
"The chart at right shows the average number of days to complete each step of the payment process for payments that reached beneficiaries’ bank accounts on the given date. Therefore, only completed payments are displayed."
Bottom chart text
"Performance Comparison" --> "Benchmarking Your Performance"
Add sentence with same formatting as top chart's Lorem Ipsum text --> "Compare your performance with averages for your district and state."
Checkbox labels (in this order)
"[Block name] block average"
"[District name] district average"
"[State name] state average"
Legend labels (in this order)
"[Block name] block average"
"[District name] district average"
"[State name] state average"
Before any panchayats are selected, the default screen where the chart goes should just display the text:
"Select a panchayat at left to view its payment performance."
This should also be displayed when the grouping is changed and the panchayat selection gets cleared.
@ravisuhag What db permission does the app need? DM me on Slack.
@ravisuhag Past 2 months seems like it gives enough detail -- having 3 options might be overkill
Add dashed horizontal line b/w tables. Right now the "showing X records" text looks too close to the table title below it.
Title
Need to add screen title text -->
"Delayed Musters"
Column names
"Msr no." [msr_no]
"Work" [work_name]
"Panchayat" [panchayat_name]
"Closure date" [end_date]
"Days delayed" [days_pending]
"GRS" (T+2) or "TA" (T+5) [name]
"Mobile" [mobile]
Last two columns only apply to T+2 and T+5
Changing region on the dropdown reloads the existing region data
Remove the text that says the panchayat name right above the panchayat chart and "region performance" right above the block chart. We'll put the panchayat name into the title and subtitle directly.
Takes user to "page not found" screen.
The current and delayed musters API responses now include all the information prepped for display on their respective pages. Most of the work is being done in SQL.
Sample current muster response:
{ musters:
[ { msr_no: '5221',
work_name: '14 VA VITT C C ROADR PATIDAR DHARMSALA K PAS SE SANTILAL K GHAR',
panchayat_name: 'ICHHAPUR',
closure_date: '22-03-2016',
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '5222',
work_name: 'SUDUR KHET SADAK PIPARI ROAD SE PATIDAR KE KHET T',
panchayat_name: 'ICHHAPUR',
closure_date: '22-03-2016',
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '5223',
work_name: 'सुदुर ग्राम सडक ग्रेवल मार्ग खेत सडक गंधावड रोड गव',
panchayat_name: 'ICHHAPUR',
closure_date: '22-03-2016',
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '5236',
work_name: 'med bandhan giraja bai narayan ts n.1122',
panchayat_name: 'BAIJAPUR',
closure_date: '22-03-2016',
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '5295',
work_name: 'medh bandhan mahesh gangaram ts no. 911',
panchayat_name: 'AGHAVAN',
closure_date: '22-03-2016',
name: 'Unmapped',
mobile_no: 'Unmapped' } ],
mapping: { total_panchayat_count: 43, grs_panchayat_count: 0 } }
Sample delayed muster response:
{ musters:
{ ds_t2: [ { msr_no: '4835',
work_name: 'कपिलधारा कूप निर्माण कार्य अरविन्द सिंह / रामप्रसाद ग्राम बरहाकला',
panchayat_name: 'BARHAKALA',
closure_date: '20-03-2016',
days_pending: 17,
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '4868',
work_name: 'kapildhara koop umashankar /baijnath',
panchayat_name: 'BARHAKALA',
closure_date: '20-03-2016',
days_pending: 17,
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '4872',
work_name: 'kapildhara koop keshkumar.babulal rajput',
panchayat_name: 'BARHAKALA',
closure_date: '20-03-2016',
days_pending: 17,
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '4876',
work_name: 'kapildhara koop ramlal/kadhora',
panchayat_name: 'BARHAKALA',
closure_date: '20-03-2016',
days_pending: 17,
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '4952',
work_name: 'sudur gram sampark sadak fulare ke khet se hajari lal ke khet tak gram dobha',
panchayat_name: 'DOBHA',
closure_date: '20-03-2016',
days_pending: 17,
name: 'Unmapped',
mobile_no: 'Unmapped' },
{ msr_no: '5001',
work_name: 'KAPIL DHARA KOOP NIRMAN KARYA JAY KARAN SINGH S/O SUJAN SINGH OT',
panchayat_name: 'KOT',
closure_date: '20-03-2016',
days_pending: 17,
name: 'Unmapped',
mobile_no: 'Unmapped' } ],
ds_t5: [],
ds_t6: [],
ds_t7: [],
ds_t8: [] },
mapping:
{ total_panchayat_count: 83,
grs_panchayat_count: 4,
ta_panchayat_count: 83 } }
We want to make sure accounts stick to an individual person rather than to a position (for example, BDO of a certain block). To make this a little harder we should not allow them to change the profile information like name, etc.
We will display the first name, last name, and region name(s) but not allow them to change those fields.
We will only allow them to change these fields:
Personal email
Work email
Mobile no
All other fields we should remove from the profile screen.
The Account screen can stay as it is.
Data disappears from step labels on chart mouseout but persists for total transaction label. Should disappear from transaction label as well.
This will need to be translated as well
The fill is showing up but not the line.
If the browser is IE 8 or below, display the following message:
"The browser you are using is not supported. PayDash works best with Chrome, Firefox, or Internet Explorer 9+."
If you go to Settings > Save the regions disappear from the region menu and you have to log out and back in to get it to reload.
@ravisuhag I can't remember, did we decide to include a panchayat overview stat along with the panchayat name in the left side column on panchayat performance view?
Error screen
"Page not found. Please contact the Paydash team if you need assistance."
We'll include contact info as well when we put that plan in place.
Page loading
"Loading graph data" --> "Loading data..."
Needs to be general to apply to both graphs and tables.
All the months are getting pushed ahead by one. For example data coming out of the API as '20160501' is being shown on the charts as June rather than May.
Can we move to the side? Open to suggestions. This is not high priority.
It seems more intuitive to have "No grouping" as the default view. @ravisuhag do you have a strong opinion about this?
Looks like there should be enough room to increase the font size. Hard to read as is.
Change the text
"Performance of Your Panchayats"
to
"Performance of panchayat_name.upper().replace("PANCHAYAT","").strip() Panchayat"
Change the text
"The performance of your panchayats on average days to complete each step of the payment process."
to
"The performance of panchayat_name.upper().replace("PANCHAYAT","").strip() panchayat on average days to complete each step of the payment process."
Title
"Current Musters" --> "Musters Closing Today"
Column names
"Msr no." [msr_no]
"Work" [work_name]
"Panchayat" [panchayat_name]
"GRS" [name]
"Mobile" [mobile]
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.