{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-767761155", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 767761155, "node_id": "MDEyOklzc3VlQ29tbWVudDc2Nzc2MTE1NQ==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2021-01-26T19:05:21Z", "updated_at": "2021-01-26T19:06:36Z", "author_association": "OWNER", "body": "Idea: implement this using the existing table view, with a custom template called `table-internal-bb0ec0-tables.html` - that's the custom template listed in the HTML comments at the bottom of https://latest.datasette.io/_internal/tables", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-712855389", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 712855389, "node_id": "MDEyOklzc3VlQ29tbWVudDcxMjg1NTM4OQ==", "user": {"value": 24740, "label": "furilo"}, "created_at": "2020-10-20T13:36:41Z", "updated_at": "2020-10-20T13:36:41Z", "author_association": "NONE", "body": "Here is one quick sketch (done in Figma :P) for an idea: a possible filter to switch between showing all tables from all databases, or grouping tables by database. \r\n\r\n(the switch is interactive) \r\n\r\nAll tables: https://www.figma.com/proto/BjFrMroEtmVx6EeRjvSrox/Datasette-test?node-id=1%3A2&viewport=536%2C348%2C0.5&scaling=min-zoom\r\n\r\nGrouped: https://www.figma.com/proto/BjFrMroEtmVx6EeRjvSrox/Datasette-test?node-id=3%3A974&viewport=536%2C348%2C0.5&scaling=min-zoom\r\n\r\nWhen only 1 database: https://www.figma.com/proto/BjFrMroEtmVx6EeRjvSrox/Datasette-test?node-id=1%3A162&viewport=536%2C348%2C0.5&scaling=min-zoom\r\n\r\nIs this is useful, I can send some more suggestions/sketches. \r\n", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-712317638", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 712317638, "node_id": "MDEyOklzc3VlQ29tbWVudDcxMjMxNzYzOA==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-10-19T17:30:56Z", "updated_at": "2020-10-19T17:30:56Z", "author_association": "OWNER", "body": "https://biglocal.datasettes.com/ is one of my larger Datasettes in terms of number of databases.", "reactions": "{\"total_count\": 1, \"+1\": 1, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-710694711", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 710694711, "node_id": "MDEyOklzc3VlQ29tbWVudDcxMDY5NDcxMQ==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-10-16T23:24:03Z", "updated_at": "2020-10-16T23:24:03Z", "author_association": "OWNER", "body": "I'm really interested in exploring how this page could work with hundreds of database files attached and thousands of total tables.", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-710694607", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 710694607, "node_id": "MDEyOklzc3VlQ29tbWVudDcxMDY5NDYwNw==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-10-16T23:23:34Z", "updated_at": "2020-10-16T23:23:34Z", "author_association": "OWNER", "body": "Thinking more about pagination and search from #461: if the job of the homepage is to showcase the data that is available in the instance - data that is mostly in tables - maybe it's the tables themselves (and the ability to paginate and search through them) that becomes key to the design of the page.", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-710694144", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 710694144, "node_id": "MDEyOklzc3VlQ29tbWVudDcxMDY5NDE0NA==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-10-16T23:21:41Z", "updated_at": "2020-10-16T23:21:41Z", "author_association": "OWNER", "body": "Relevant: https://github.com/simonw/datasette/discussions/1021 asks about controlling the order of databases on that page that have been loaded using configuration directory mode.", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/991#issuecomment-705244583", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/991", "id": 705244583, "node_id": "MDEyOklzc3VlQ29tbWVudDcwNTI0NDU4Mw==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-10-07T23:24:56Z", "updated_at": "2020-10-07T23:24:56Z", "author_association": "OWNER", "body": "Sketched out an option:\r\n```diff\r\ndiff --git a/datasette/templates/index.html b/datasette/templates/index.html\r\nindex c1adfc5..eab3053 100644\r\n--- a/datasette/templates/index.html\r\n+++ b/datasette/templates/index.html\r\n@@ -5,6 +5,14 @@\r\n {% block body_class %}index{% endblock %}\r\n \r\n {% block content %}\r\n+<style>\r\n+.db-table {\r\n+    padding-left: 2em;\r\n+}\r\n+.db-table h3 {\r\n+    margin: 0 0 0.15em 0;\r\n+}\r\n+</style>\r\n <h1>{{ metadata.title or \"Datasette\" }}{% if private %} \ud83d\udd12{% endif %}</h1>\r\n \r\n {% block description_source_license %}{% include \"_description_source_license.html\" %}{% endblock %}\r\n@@ -21,8 +29,20 @@\r\n             {{ \"{:,}\".format(database.views_count) }} view{% if database.views_count != 1 %}s{% endif %}\r\n         {% endif %}\r\n     </p>\r\n-    <p>{% for table in database.tables_and_views_truncated %}<a href=\"{{ database.path }}/{{ table.name|quote_plus \r\n-    }}\"{% if table.count %} title=\"{{ table.count }} rows\"{% endif %}>{{ table.name }}</a>{% if table.private %} \ud83d\udd12{% endif %}{% if not loop.last %}, {% endif %}{% endfor %}{% if database.tables_and_views_more %}, <a href=\"{{ database.path }}\">...</a>{% endif %}</p>\r\n+    {% for table in database.tables_and_views_truncated %}\r\n+        {% if show_hidden or not table.hidden %}\r\n+        <div class=\"db-table\">\r\n+            <h3><a href=\"{{ database_url(database.name) }}/{{ table.name|quote_plus }}\">{{ table.name }}</a>{% if table.private %} \ud83d\udd12{% endif %}{% if table.hidden %}<em> (hidden)</em>{% endif %}</h3>\r\n+            <p><em>{% for column in table.columns[:9] %}{{ column }}{% if not loop.last %}, {% endif %}{% endfor %}{% if table.columns|length > 9 %}...{% endif %}</em></p>\r\n+            <p>{% if table.count is none %}Many rows{% else %}{{ \"{:,}\".format(table.count) }} row{% if table.count == 1 %}{% else %}s{% endif %}{% endif %}</p>\r\n+        </div>\r\n+        {% endif %}\r\n+    {% endfor %}\r\n+\r\n+    {% if database.tables_and_views_more %}\r\n+        <p><a href=\"{{ database.path }}\">All {{ database.tables_count }} tables in {{ database.name }}</a></p>\r\n+    {% endif %}\r\n+\r\n {% endfor %}\r\n \r\n {% endblock %}\r\n```\r\n\r\n![image](https://user-images.githubusercontent.com/9599/95398019-9c594480-08b9-11eb-90c9-f322d647ee3b.png)\r\n", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 714377268, "label": "Redesign application homepage"}, "performed_via_github_app": null}