argonlaser / badgeit-front

Front service for badgeit
http://badgeit.today/
MIT License
0 stars 1 forks source link

Render the data using a view framework in result.html #15

Closed argonlaser closed 7 years ago

argonlaser commented 7 years ago

Payload will contain data that resembles the following

{
  "badges": [],
  "error": "",
  "remote": ""
}

and the badges array will contain an array of badge object which has payload equivalent to the following

{
    "Name": "github release",
    "ImageURL": "https://img.shields.io/github/release/scriptnull/ds.svg",
    "LinkURL": "https://github.com/scriptnull/ds",
    "Group": "github",
    "Tags": [
        "version",
        "release",
        "github",
        "git",
        "source control management",
        "scm"
    ],
    "Style": "",
    "Label": ""
}

Note the Group variable in each badges object.

This issue is about, just arranging the badges belonging to the same group under one div. ' So the end result will look something like

image

UI is important part we need to iterate very consciously and incrementally in small blocks, so that we don't end up in a closed road.

scriptnull commented 7 years ago

This is done and deployed.