Scale Result

Description: User Story
—-

As a user, I should be able to see a Scale Result module (Element) in a program.

_This story is to build out the module skeleton and should only include the defaults that ALL scale results include. Additional stories are linked below to cover the graphing functionality. _

**[Zeplin Link](https://zpl.io/2pYGLoV)**

**All Scale Results include the following:**
– Scale Title _(EX: Happiness)_
– Future Share Button (https://www.pivotaltracker.com/story/show/150824000)
– Optional scale result image
– Result Title _(EX: Very Happy)_
– Result Score _(EX: 9)_
– Result Description _(EX: You are pretty happy. Try and find little things you enjoy and do them more often. Another way to boost happiness is to do something nice for someone you love.)_

Sample JSON Response for Element
—-
“`JSON

{
“id”:1608633,
“type”:”ScaleResultElement”,
“title”:null,
“subtitle”:null,
“content”:null,
“description”:null,
“is_resource”:false,
“position”:1,
“errors”:[],
“display_graph”:true,
“display_longitudinal_result”:true,
“caption”:null,
“attribution”:null,
“assessment”:{
“id”:”969993622081504381″,
“user_id”:”8″,
“champion_id”:”52″,
“title”:”Sample Assessment 1 – Scales”,
“description”:”This assessment is built to test the results for an assessment with longitudinal scales.”,
“created_at”:”2017-08-31T16:04:10.560Z”,
“updated_at”:”2017-08-31T16:09:03.276Z”,
“legacy_assessment_id”:null,
“show_longitudinal_results”:true,
“id_str”:”969993622081504381″,
“user_id_str”:”8″,
“champion_id_str”:”52″,
“legacy_assessment_id_str”:””
},
“scale”:{
“id”:”969994703121417348″,
“scale_type”:”ordinal”,
“parent_scale_id”:null,
“user_id”:”8″,
“name”:”Happiness”,
“description”:”A measure of how happy you are”,
“created_at”:”2017-08-31T16:06:19.426Z”,
“updated_at”:”2017-08-31T16:27:52.403Z”,
“champion_id”:”52″,
“display_score_type”:”sum_score”,
“identifier”:”Happiness”,
“show_scale_results”:true,
“parent_scale_id_str”:””,
“id_str”:”969994703121417348″,
“user_id_str”:”8″,
“champion_id_str”:”52″,
“title”:”Happiness”
},
“assessment_id”:”969993622081504381″,
“scale_id”:”969994703121417348″,
“image”:null
}
“`

—-

Other parts of this module for context
—-

– Optional Gauge Graph: – https://www.pivotaltracker.com/story/show/150724674
– Optional line graph with longitudinal data: – https://www.pivotaltracker.com/story/show/150724687

—-

Web Code – For reference
—-
https://github.com/TangoGroup/polymer/blob/mainline/epoxy/app/components/content/eg-scale-result.html

https://github.com/TangoGroup/polymer/blob/mainline/epoxy/app/components/content/eg-scale-result.js

Complex charting in here and also some additional data fetching for historical scores

Owner: