DalgoT4D / dalgo-admin-old

Administrative web console for Dalgo
GNU Affero General Public License v3.0
4 stars 12 forks source link

Frontend Toolbar #7

Closed fatchat closed 7 months ago

fatchat commented 9 months ago

Description

Add a toolbar to the frontend. This should appear at the top of every page.

Goals

Expected Outcome

Every page added to the frontend should contain the toolbar. The toolbar will have a logo at the left end which routes the user to the home page. At the right we will have a drop-down menu. For this first version the drop-down will have only one item - "Logout". In the center we will have the text "Dalgo Admin Console"

Acceptance Criteria

Implementation Details

Use Bootstrap 5

Mockups / Wireframes

None

Product Name

Dalgo

Project Name

Dalgo Admin Console

Organization Name:

Project Tech4Dev

Domain

Others

Tech Skills Needed:

Python HTML CSS

Mentor(s)

@fatchat

Complexity

Low

Category

UI/UX/Design, Feature

Sub Category

Frontend, Mobile, Beginner friendly

amansgith commented 8 months ago

Hello Sir @fatchat i would like to work on this issue under your guidance.. i have some questions regarding this issue:

  1. Is the toolbar actually a navigation bar to be placed on the top of the website?
  2. Also which repository i have to clone to work on this issue? Thank you!
fatchat commented 8 months ago

Hello @amansgith the project has not started yet but I can let you know when it does. Thanks for your interest

srishtiagarwall commented 8 months ago

Greetings, Sir @fatchat I would like to collaborate with you on this issue.

fatchat commented 8 months ago

hello @amansgith and @srishtiagarwall

If you are ready we can get started on this project. Please head over to

https://github.com/DalgoT4D/dalgo-admin/discussions/12

srishtiagarwall commented 8 months ago

Hello @fatchat,

Thank you for the update. I'm ready to get started on the project. I'll head over to #12 to collaborate on this. I look forward to contributing!

amansgith commented 8 months ago

Sure Sir @fatchat , I am also looking forward to contribute to this project! heading over #12 Thank you!!

Shubh-Goyal-07 commented 8 months ago

Heelo Sir @fatchat , I would be glad to contribute to this project under your guidance.

fatchat commented 8 months ago

sure @Shubh-Goyal-07 , head over to the discussion linked above

Shubh-Goyal-07 commented 8 months ago

Sure sir @fatchat Heading over to #12 Thank You.

Shubh-Goyal-07 commented 8 months ago

Sir @fatchat I would like to work on this issue. Requesting you to assign the issue.

priyakumari02 commented 7 months ago

@fatchat , Can I work on this issue , I believe the skills of this project align to my skills. I would like to work on this issue.

fatchat commented 7 months ago

happy to have you @priyakumari02 , go over to the discussion linked above to catch up

Shubh-Goyal-07 commented 7 months ago

Sir @fatchat, wanted to confirm if bootstrap should be used or raw CSS is preferred?

fatchat commented 7 months ago

@Shubh-Goyal-07 definitely not raw CSS. I think Bootstrap is a good choice since it is widely known and supported, i.e. there are many developers who will be able to contribute to this project if we use BS

Prathamesh12111 commented 7 months ago

@fatchat I would like to work on this issue. Requesting you to assign the issue.

Prayant-M commented 7 months ago

Hello, I would like to collaborate on this issue

fatchat commented 7 months ago

@Shubh-Goyal-07 are you working on this? if you're busy i'd like to give someone else a chance

jayesh9747 commented 7 months ago

@fatchat can I start work on this?

Shubh-Goyal-07 commented 7 months ago

Sir @fatchat, this is the first design I made for the toolbar. Can you please verify it?

Screenshot from 2024-02-02 13-35-38

fatchat commented 7 months ago

@Shubh-Goyal-07 that looks nice i like it

@jayesh9747 you'll have to find something else to work on!

Shubh-Goyal-07 commented 7 months ago

@fatchat would like to confirm if the fonts used and the color theme must align with the Dalgo page?

fatchat commented 7 months ago

Not necessarily

On Fri, 2 Feb 2024 at 4:34 PM, Shubh Goyal @.***> wrote:

@fatchat https://github.com/fatchat would like to confirm if the fonts used and the color theme must align with the Dalgo page?

— Reply to this email directly, view it on GitHub https://github.com/DalgoT4D/dalgo-admin/issues/7#issuecomment-1923576743, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAQPOIFPTSFFJPZFSVIAJUTYRTB5DAVCNFSM6AAAAAA7XQM7QKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRTGU3TMNZUGM . You are receiving this because you were mentioned.Message ID: @.***>

amansgith commented 7 months ago

Hii @Shubh-Goyal-07 make sure that you add the toolbar to every page of the Dalgo Admin Website.. I also suggest that you can try to include it in a base.html and then let other files inherit that base.html.. or as a component which will be inherited by diffferent html pages

fatchat commented 7 months ago

In base.html sounds good… other pages should have no knowledge of the toolbar

Or of the side menu

On Fri, 2 Feb 2024 at 5:24 PM, Aman Khan @.***> wrote:

Hii @Shubh-Goyal-07 https://github.com/Shubh-Goyal-07 make sure that you add the toolbar to every page of the Dalgo Admin Website.. I also suggest that you can try to include it in a base.html and then let other files inherit that base.html.. or as a component which will be inherited by diffferent html pages

— Reply to this email directly, view it on GitHub https://github.com/DalgoT4D/dalgo-admin/issues/7#issuecomment-1923657558, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAQPOIDCOKK3G42WB5ZIKPTYRTHVXAVCNFSM6AAAAAA7XQM7QKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRTGY2TONJVHA . You are receiving this because you were mentioned.Message ID: @.***>

Shubh-Goyal-07 commented 7 months ago

Yeah... I have made an admin.html as the base file and the toolbar is being imported into it. We will be able to use it in every page later on. I will edit the admin.html to base.html

fatchat commented 7 months ago

@Shubh-Goyal-07 and @vilol-04

you are both working on issues which are somewhat related

similarities:

difference:

@vilol-04 i believe @Shubh-Goyal-07 has made progress towards this goal, you may want to see what he has done and adapt your code accordingly

thank you both

vilol-04 commented 7 months ago

@Shubh-Goyal-07 can you help me with the set up? Can we discuss on discord?

Shubh-Goyal-07 commented 7 months ago

Sure @vilol-04, severus#2725 is my discord id.

Also sir @fatchat, if you permit may I create a PR to push the current toolbar. This will let others use the basic template for all the issues and also the sidebar will easily get integrated in it. I will later on make it completely responsive and make another PR in a couple of days.

vilol-04 commented 7 months ago

@Shubh-Goyal-07 I can't find you. Can you dm me? @V_goyal is my id.

Shubh-Goyal-07 commented 7 months ago

@vilol-04 can't find your name too. Can you search come online and search for someone with name enigma on C4GT server.

fatchat commented 7 months ago

@Shubh-Goyal-07 ok that's a good idea, will be helpful to have the framework and then iterate upon it separately

Shubh-Goyal-07 commented 7 months ago

Sir @fatchat there is a conflict regarding the path to the admin page, currently it has been set to the base link whereas I did set it to be at /dalgo_admin/ after the base link. What should be used. Also, should the templates folder be kept in the main directory or in the dalgo_admin_app folder.

fatchat commented 7 months ago

@Shubh-Goyal-07 it sounds like you have two questions

  1. url structure
  2. project folder structure

for (1), by "admin page" do you mean home? in the urls.py of the main branch, home is attached the to path '' which is fine. or let me know if i have misunderstood your question

regarding (2), it looks like the application is running fine with the templates inside dalgo_admin_app so let's leave it like that