Lesion Tracker Redesign so far

Packages/lesiontracker/client/components/caseProgress/caseProgress.html

@@ -0,0 +1,11 @@
+<template name="caseProgress">
+    <div class="caseProgress">
+        {{ >radialProgressBar isLocked=isLocked progressPercent=progressPercent progressText=progressText}}
+        {{ #if isLocked }}
+       <h5>Locked</h5>
+        {{ /if }}
+        {{ #if progressComplete }}
+        <button class="btn">Enter response</button>
+        {{ /if }}
+    </div>
+</template>

Packages/lesiontracker/client/components/caseProgress/caseProgress.js

@@ -0,0 +1,30 @@
+Template.caseProgress.onCreated(function caseProgressOnCreated() {
+    const instance = Template.instance();
+
+    instance.progressPercent = new ReactiveVar();
+    instance.progressPercent.set(50);
+
+    instance.progressText = new ReactiveVar();
+    instance.progressText.set(5);
+
+    instance.isLocked = new ReactiveVar(false);
+});
+
+Template.caseProgress.helpers({
+    progressPercent() {
+        return Template.instance().progressPercent.get();
+    },
+
+    progressText() {
+        return Template.instance().progressText.get();
+    },
+
+    isLocked() {
+        return Template.instance().isLocked.get();
+    },
+
+    progressComplete() {
+        var progressPercent = Template.instance().progressPercent.get();
+        return progressPercent === 100;
+    }
+});

Packages/lesiontracker/client/components/caseProgress/caseProgress.styl

@@ -0,0 +1,3 @@
+@import "{design}/app"
+
+//.caseProgress