AngularJS Status Directive and Animations01 -- 2

it is the same "i will upload a shape for the model" this should be the exact shape of the widget " so the status bars should fit inside " the widget should update the values and colors as the scope changes. An AngularJS directive that updates from services (scope) The Directive shall: automatically update on scope change use Epoch/Unix Time use css. use config for colors(cs classes) example/l statusa = yellow Include time angular filter Pulse animate Status cells on scope update Flip animate the outside shape to a blank card when one of the status areas are clicked. You can modify json to achieve needs. See attachment Example JSON { "name": "First Last" "online": true, "timenow": 1404843592, "timelastseen": 1404843078, "timemorning": 1404806676, "timenight": 1404857376, "id": 123, "level": 4, "status": { "a": "yellow", "b": "green", "c": "green" "d": "green" }, "xstring": "prk" }