{"id":119,"date":"2021-08-08T16:59:43","date_gmt":"2021-08-08T16:59:43","guid":{"rendered":"https:\/\/blogs.scummvm.org\/av-dx\/?p=119"},"modified":"2021-08-08T16:59:43","modified_gmt":"2021-08-08T16:59:43","slug":"making-use-of-games-database-week-9-progress","status":"publish","type":"post","link":"https:\/\/blogs.scummvm.org\/av-dx\/2021\/08\/08\/making-use-of-games-database-week-9-progress\/","title":{"rendered":"Making use of games database (Week 9 progress)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Task 1 : Adding more grouping methods<\/h2>\n\n\n\n<p>Just like with the grouped list, the next task is to get more groups working with the grid. I added a popup widget to select the grouping method and added few more grouping methods.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1024\" src=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-21-57-32-700x1024.png\" alt=\"\" class=\"wp-image-120\" srcset=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-21-57-32-700x1024.png 700w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-21-57-32-205x300.png 205w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-21-57-32-768x1123.png 768w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-21-57-32.png 812w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Task 2: Fix formatting issues<\/h2>\n\n\n\n<p>In the last picture, 2 things are very clearly wrong, there is way too much space in the middle, and the entries are trying to draw themselves outside of their bounds and on top of the scrollbar. What is not visible here is that counter-intuitively, clicking on the triangle does nothing, its not part of the header. So I fixed all these formatting issues.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1024\" src=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-22-05-04-1-700x1024.png\" alt=\"\" class=\"wp-image-122\" srcset=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-22-05-04-1-700x1024.png 700w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-22-05-04-1-205x300.png 205w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-22-05-04-1-768x1123.png 768w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-22-05-04-1.png 812w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption>Also some additional formatting to group headers<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Task 3: Use the ScummVM database to improve the grouping<\/h2>\n\n\n\n<p>As mentioned in my last post, ScummVM maintains a database of games, both as a Google Sheet, and in .YAML format in the scummvm-web (website) repository. I was able to grab the .YAML files and convert them to .XML with some Regex, then use the implemented XMLParser to inherit a MetadataParser class to read in the database. This allows us to display fields which aren&#8217;t captured in the config.ini file, and to provide full names to fields of which only ID&#8217;s are stored in the config.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-1024x569.png\" alt=\"\" class=\"wp-image-123\" srcset=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-1024x569.png 1024w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-300x167.png 300w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-768x427.png 768w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-1536x854.png 1536w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-2048x1139.png 2048w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-33-1568x872.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Sort by Series<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-1024x569.png\" alt=\"\" class=\"wp-image-124\" srcset=\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-1024x569.png 1024w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-300x167.png 300w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-768x427.png 768w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-1536x854.png 1536w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-2048x1139.png 2048w, https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/08\/Screenshot-from-2021-08-08-13-48-59-1568x872.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Sort by Engine, now with full names<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Task 1 : Adding more grouping methods Just like with the grouped list, the next task is to get more groups working with the grid. I added a popup widget to select the grouping method and added few more grouping methods. Task 2: Fix formatting issues In the last picture, 2 things are very clearly&hellip; <a class=\"more-link\" href=\"https:\/\/blogs.scummvm.org\/av-dx\/2021\/08\/08\/making-use-of-games-database-week-9-progress\/\">Continue reading <span class=\"screen-reader-text\">Making use of games database (Week 9 progress)<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-119","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":1,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts\/119\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/media?parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/categories?post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/tags?post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}