UI: create sale summary entry gird

[krish300]

[krish300]

Changed the layout below

[krish300]

sample data from api/payment-mode/ [ { "id": 1, "category_nm": null, "name": "Cash", "display_name": "Cash", "display_in": "BOTH", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": null }, { "id": 2, "category_nm": null, "name": "Card", "display_name": "Card", "display_in": "BOTH", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": null }, { "id": 3, "category_nm": "QR-Payments", "name": "PhonePe", "display_name": "PhonePe", "display_in": "SOFTWARE", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": 1 }, { "id": 4, "category_nm": "QR-Payments", "name": "Gpay", "display_name": "G-Pay", "display_in": "SOFTWARE", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": 1 }, { "id": 5, "category_nm": "QR-Payments", "name": "Paytm", "display_name": "Paytm", "display_in": "SOFTWARE", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": 1 }, { "id": 6, "category_nm": "QR-Payments", "name": "PaytmBusiness", "display_name": "Paytm Business", "display_in": "MANAGER", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": 1 }, { "id": 7, "category_nm": null, "name": "Dineout", "display_name": "Dineout", "display_in": "BOTH", "created_at": "2020-03-18T00:17:39.204185+05:30", "last_modified": "2020-03-18T00:17:39.204185+05:30", "is_active": true, "category": null }, { "id": 8, "category_nm": null, "name": "ZomatoGold", "display_name": "Zomato Gold", "display_in": "BOTH", "created_at": "2020-03-18T00:17:39.205182+05:30", "last_modified": "2020-03-18T00:17:39.205182+05:30", "is_active": true, "category": null }, { "id": 9, "category_nm": null, "name": "ZomatoOnline", "display_name": "Zomato Online", "display_in": "BOTH", "created_at": "2020-03-18T00:17:39.205182+05:30", "last_modified": "2020-03-18T00:17:39.205182+05:30", "is_active": true, "category": null }, { "id": 10, "category_nm": null, "name": "SwiggyOnline", "display_name": "Swiggy Online", "display_in": "BOTH", "created_at": "2020-03-18T00:17:39.205182+05:30", "last_modified": "2020-03-18T00:17:39.205182+05:30", "is_active": true, "category": null }, { "id": 11, "category_nm": "TEST-GROUP", "name": "test-app-1", "display_name": "test app 1", "display_in": "SOFTWARE", "created_at": "2020-03-18T00:17:39.205182+05:30", "last_modified": "2020-03-18T00:17:39.205182+05:30", "is_active": true, "category": 2 }, { "id": 12, "category_nm": "TEST-GROUP", "name": "test-app-2", "display_name": "test app 2", "display_in": "MANAGER", "created_at": "2020-03-18T00:17:39.205182+05:30", "last_modified": "2020-03-18T00:17:39.205182+05:30", "is_active": true, "category": 2 }, { "id": 13, "category_nm": "TEST-GROUP", "name": "test-app-3", "display_name": "test app 3", "display_in": "MANAGER", "created_at": "2020-03-18T00:17:39.205182+05:30", "last_modified": "2020-03-18T00:17:39.205182+05:30", "is_active": true, "category": 2 } ]

[krish300]

sample data from: /api/salesummary/ { "id": 4, "date": "19-03-2020", "software_data": "{'Cash': 200, 'Card': 678, 'PhonePe': 120, 'Gpay': 300, 'Paytm': 400, 'Dineout': 300, 'ZomatoGold': 450, 'ZomatoOnline': 840, 'SwiggyOnline': 950, 'test-app-1': 300}", "manager_data": "{'Cash': 200, 'Card': 678, 'PaytmBusiness': 800, 'Dineout': 300, 'ZomatoGold': 450, 'ZomatoOnline': 800, 'SwiggyOnline': 950, 'test-app-2': 120, 'test-app-3': 180}", "software_sale": 10000, "manager_sale": 11000, "software_discount": 200, "created_at": "2020-03-19T21:36:31.615639+05:30", "last_modified": "2020-03-19T21:58:14.251816+05:30", "last_modified_by": "krishna", "is_active": true, "settlement": "340d7515-4e3a-4d5e-a11e-0219bed065d0", "cash_details": 1 }

[krish300]

sample data after re-structuring: { "QR-Apps":{ "nm":1, "Mgr":[ { "name":"PaytmBusiness", "display_name":"Paytm Business", "value":0 } ], "Sft":[ { "name":"PhonePe", "display_name":"PhonePe", "value":0 }, { "name":"Gpay", "display_name":"G-Pay", "value":0 }, { "name":"Paytm", "display_name":"Paytm", "value":0 } ] }, "Some-Dummy":{ "nm":2, "Mgr":[ { "name":"test-app-2", "display_name":"test app 2", "value":0 }, { "name":"test-app-3", "display_name":"test app 3", "value":0 } ], "Sft":[ { "name":"test-app-1", "display_name":"test app 1", "value":0 } ] }, "Genric":{ "nm":"Genric", "Mgr":[ { "name":"Cash", "display_name":"Cash", "value":0 }, { "name":"Card", "display_name":"Card", "value":0 }, { "name":"Dineout", "display_name":"Dineout", "value":0 }, { "name":"ZomatoGold", "display_name":"Zomato Gold", "value":0 }, { "name":"ZomatoOnline", "display_name":"Zomato Online", "value":0 }, { "name":"SwiggyOnline", "display_name":"Swiggy Online", "value":0 } ], "Sft":[ { "name":"Cash", "display_name":"Cash", "value":0 }, { "name":"Card", "display_name":"Card", "value":0 }, { "name":"Dineout", "display_name":"Dineout", "value":0 }, { "name":"ZomatoGold", "display_name":"Zomato Gold", "value":0 }, { "name":"ZomatoOnline", "display_name":"Zomato Online", "value":0 }, { "name":"SwiggyOnline", "display_name":"Swiggy Online", "value":0 } ] } }