Create a Client Overview page

[fatchat]

Description

A page in the application which provides an overview of Dalgo clients

Goals

• [x] Table of clients
• [x] Select to show a detailed view in a separate panel

Expected Outcome

The page will fetch the required data from the backend and render it in a table. The rows should be sorted by the "Name" column

Acceptance Criteria

• [x] Name column
• [x] Warehouse type column
• [x] Number of data sources column
• [x] Number of pipelines column
• [x] Column indicating whether or not GitHub has been connected
• [x] Details panel showing the above details + last sync date for each connection + GitHub repo url

Implementation Details

Bootstrap 5

Mockups / Wireframes

None

Product Name

Dalgo

Project Name

Dalgo Admin Console

Organization Name:

Project Tech4Dev

Domain

Others

Tech Skills Needed:

Python HTML Bootstrap SQL

Mentor(s)

@fatchat

Complexity

Medium

Category

UI/UX/Design, Feature

Sub Category

API, Database, Frontend, Backend, Mobile

[jayesh9747]

hello @fatchat i want to work on this API -frontend issue , can I going to start work on this issue ?

[fatchat]

hi @jayesh9747 are you not working on authentication then

[fatchat]

for this issue we will need to get data via an api, and for that we need authentication to be done

[jayesh9747]

hello @fatchat , I want to contribute in the authentication but I need some time to learn django framework cause I make auth with passport.js in nodejs but I am sure to be well in django also then I continue this issue#4

[jayesh9747]

so firstly i collab in auth also for grabbing more knowledge in django

[fatchat]

ok fair enough... then for now you can build the UI using dummy data. later we will replace that with an API call

[jayesh9747]

currently i am in learning phase so I try to build API also.

[jayesh9747]

Hello, @fatchat! In this issue, when clicking on a row, the details should be displayed in a separate panel, indicating the use of a modal to present specific client information.

[fatchat]

@jayesh9747 that sounds good, maybe a sidebar which opens from the right hand side

[jayesh9747]

@fatchat i think that on the table each row view button and model is open for detail information of client it is more preferable or not ? like that

[jayesh9747]

@fatchat can you give an idea about in detail , what the dalgo-admin project does? is there any documentation about this project?

[fatchat]

@jayesh9747 does this help? https://github.com/DalgoT4D/dalgo-admin/wiki/Client-view

[amansgith]

Hi @jayesh9747 let's divide the work into two parts

1. Making table and fetching data
2. Making the side pane for more details After it's done you may make the final pr.. Alright?

Hi Sir @fatchat can you tell me that is the data being fetched from postgres or any other platform for the table?

[fatchat]

@amansgith the data will come from an API call. I still have to build this API, for now you can fake it i.e. in your controller you will have functions like get_clients and get_client. these will call my API in future, for now they can return some fake data

[fatchat]

since you don't know how big some of these string responses will be, make sure to truncate them to a sensible length before rendering

[jayesh9747]

Now, let's simulate the backend by sending some mock data, and upon completion, display the details in the side panel when a row is clicked.

[amansgith]

@fatchat sure sir!

Yeah @jayesh9747 take up any one part you want to do.. and I will do the other one

[jayesh9747]

@amansgith, would it be possible for me to handle both parts of the project? As I have upcoming exams next week to next week or we can work on one part of this issue . what think about this ?

[amansgith]

@jayesh9747 It's totally up to you brother!! You asked for this issue first If you want to handle both.. it's ok otherwise it will be easier to work by splitting up work and push on the same branch

[jayesh9747]

@amansgith, let's do it together, most preferably I want to work on the first part which is building a model and fetching data.

[amansgith]

Ok @jayesh9747 Go ahead, complete the first part and after your are done with it.. I will add the side pane for the data table

[jayesh9747]

@amansgith, I apologize, but I managed to resolve the entire issue on my own. Could you please focus your efforts on issue #7?

[amansgith]

No worries!! @jayesh9747 I'm glad you were able to do it... ofc its not a very complex issue go ahead!! 👍

[jayesh9747]

@fatchat please close this issue and any new issue available for contribute?

[Viswaraje]

@fatchat I am interested to contribute to the issues in the repository.Could you please assign issues to solve ?Thanks.I am a full stack enthusiast and would love to work on the issues in the repository.Please assign me the issues.

[amansgith]

@fatchat I am interested to contribute to the issues in the repository.Could you please assign issues to solve ?Thanks.I am a full stack enthusiast and would love to work on the issues in the repository.Please assign me the issues.

@Viswaraje this issue is already closed.. please look for other issues