Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bmatticus/feature/112 dashboard sorting #538

Conversation

bmatticus
Copy link
Contributor

Added DataTables to Dashboard for sorting, pagination and filtering. Also made project name a link into the list_bills API to allow users to drill in directly to project to do other things from the dashboard. Feature #112

@almet
Copy link
Member

almet commented Mar 3, 2020

That looks good to me. Any other feedback?

@Glandos
Copy link
Member

Glandos commented Mar 4, 2020

Very nice improvement.

I have one remark: is it possible to load CSS and JS only from dashboard? Right now, it will be loaded from every page, even if it will only be used for administration purposes.
It currently add ~95KB (uncompressed) on the main page, for a total of 529KB, which is something to be considered (at least to me 😋 )

@bmatticus
Copy link
Contributor Author

bmatticus commented Mar 4, 2020

Very nice improvement.

I have one remark: is it possible to load CSS and JS only from dashboard? Right now, it will be loaded from every page, even if it will only be used for administration purposes.
It currently add ~95KB (uncompressed) on the main page, for a total of 529KB, which is something to be considered (at least to me 😋 )

Yep, I can move it over. I was going to put it in the dashboard directly but most JS was being loaded in layout and I was trying to be consistent :)

@bmatticus
Copy link
Contributor Author

One other thing I was considering, should I remove the button/link on the project name and add a eye icon under actions to view the project? I think that may be more in line with the general feel.

@Glandos
Copy link
Member

Glandos commented Mar 4, 2020

I am surprised that it works… I thought <link> elements should be included in the <meta> tag… But it seems that the browser find it anyway. Do we have a better solution for now?

@Glandos
Copy link
Member

Glandos commented Mar 4, 2020

One other thing I was considering, should I remove the button/link on the project name and add a eye icon under actions to view the project? I think that may be more in line with the general feel.

This is a good idea. The button seems a bit big in this table. Maybe keep a simple link on the project name, and add an eye button. The eye button will guide the user to the available action, and the link is just a shortcut for hurry people.

… loading CSS/JS for datatables outside of the dashboard. Also added eye icon to drill into list_billa API to be more consistent with the look and feel of the overall site.
@bmatticus
Copy link
Contributor Author

bmatticus commented Mar 4, 2020

I am surprised that it works… I thought <link> elements should be included in the <meta> tag… But it seems that the browser find it anyway. Do we have a better solution for now?

Yea, it should be in the <head> tag at least, it works either way but it is not proper. I used an if in the template to load only if the target is the dashboard for now. Also put the eye icon in place.

@Glandos
Copy link
Member

Glandos commented Mar 6, 2020

All good :) Since @almet already approved this, let's enter the merge process.

Thank you for your work on this, it's really appreciated.

@Glandos Glandos merged commit a8e74c9 into spiral-project:master Mar 6, 2020
Jojo144 pushed a commit to Jojo144/ihatemoney that referenced this pull request Mar 21, 2020
* Added DataTables for table sorting, pagination, and searching of bill_table for dashboard. Issue spiral-project#112

* Moved datatables CSS/JS to dashboard to reduce loaded data throughout

* Moved link back to proper place, in head tab, but added if to prevent loading CSS/JS for datatables outside of the dashboard. Also added eye icon to drill into list_billa API to be more consistent with the look and feel of the overall site.

Co-authored-by: bmatt <bmatt@nuc01.attlocal.net>
@zorun zorun added this to the v5 milestone Jul 17, 2020
TomRoussel pushed a commit to TomRoussel/ihatemoney that referenced this pull request Mar 2, 2024
* Added DataTables for table sorting, pagination, and searching of bill_table for dashboard. Issue spiral-project#112

* Moved datatables CSS/JS to dashboard to reduce loaded data throughout

* Moved link back to proper place, in head tab, but added if to prevent loading CSS/JS for datatables outside of the dashboard. Also added eye icon to drill into list_billa API to be more consistent with the look and feel of the overall site.

Co-authored-by: bmatt <bmatt@nuc01.attlocal.net>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants