Lesion Tracker Redesign so far

Packages/lesiontracker/client/components/additionalMeasurements/radioOptionGroup/radioOptionGroup.html

@@ -0,0 +1,16 @@
+<template name="radioOptionGroup">
+    <div class="{{class}} entrySection viewerRadioOptionGroup">
+        <h5>{{text}}</h5>
+        <div>
+            {{#each item in this.options}}
+                <label>
+                    <input type="radio"
+                           name="{{item.key}}"
+                           data-key="{{item.key}}"
+                        {{inlineIf value.get item.key 'selected'}}/>
+                    {{item.text}}
+                </label>
+            {{/each}}
+        </div>
+    </div>
+</template>

Packages/lesiontracker/client/components/additionalMeasurements/radioOptionGroup/radioOptionGroup.js

@@ -0,0 +1,15 @@
+Template.radioOptionGroup.onRendered(() => {
+    const instance = Template.instance();
+    const value = instance.data.value;
+    if (!value.get()) {
+        value.set(instance.data.options[0].key);
+    }
+});
+
+Template.radioOptionGroup.events({
+    'click [data-key]'(event, instance) {
+        const $element = $(event.currentTarget);
+        const key = $element.attr('data-key');
+        instance.data.value.set(key);
+    }
+});

Packages/lesiontracker/client/components/additionalMeasurements/radioOptionGroup/radioOptionGroup.styl

@@ -0,0 +1,20 @@
+@import "{design}/app"
+
+.entrySection
+  padding: 10px
+  color: $textPrimaryColor
+
+  &:not(:last-child)
+    border-bottom: $uiBorderThickness solid $uiBorderColorDark
+
+  h5
+    font-weight: 300
+
+  label
+    font-size: 14px
+    font-weight: 100
+    display: inline-block
+    padding: 5px
+
+    input
+      margin: 5px