CircleIndicatorView -- dependencies, related, dependents

[jbenet]

A DepIndicator is a circle with a count in the center. The count depends on a function, and so does the color.

• [x] prop determines number
• [x] prop determines color

---

functions for "dependencies" indicator

function dependenciesNumber(item) {
  // blockers = dependencies - (dependencies that are done)
  if (item.links.blockers.length > 0) {
    return item.links.blockers.length
  }
  return dep.links.dependencies.length
}

function dependenciesColor(item) {
  if (item.links.blockers.length > 0) {
    return green
  }
  return red
}

functions for "related" indicator

var relatedNumber = (item) -> item.links.related
var relatedColor = (item) -> gray

functions for "dependents" indicator

var dependentsNumber = (item) -> item.links.dependents
var dependentsColor = (item) -> (item.done ? green : red)

---

The circle indicators here:

---

depends on #11

[jbenet]

Progress:

[wking]

Will be fixed by #11. Can we either add a depends on #11 or merge #11 and close this?

[jbenet]

Added depends on #11, merged #11, and closed #10.