LT-248: Making Current Case Measurement Status look like the specified in the design

This commit is contained in:
Bruno Alves de Faria authored and Erik Ziegler committed 2016-07-22 11:12:04 +02:00
1 parent 25c94c4dc1
commit 738c118336
9 files changed
+81 -50

No files matched your search

@@ -15,29 +15,31 @@
stroke-dasharray="131.9469"
stroke-dashoffset="0">
</circle>
<circle id="bar"
r="21"
cx="23"
cy="23"
fill="transparent"
stroke-dasharray="131.9469"
style="stroke-dashoffset: {{progressRadius}}px;">
</circle>
{{#unless isLocked}}
<circle id="bar"
r="21"
cx="23"
cy="23"
fill="transparent"
stroke-dasharray="131.9469"
style="stroke-dashoffset: {{progressRadius}}px;">
</circle>
{{/unless}}
</svg>
<div class="progressText">
{{ #if isLocked }}
<svg>
{{#if isLocked}}
<svg class="locked">
<use xlink:href=/packages/lesiontracker/assets/icons.svg#icon-status-lock></use>
</svg>
{{ else }}
{{ #if progressComplete }}
<svg>
<use xlink:href=/packages/lesiontracker/assets/icons.svg#icon-status-complete></use>
</svg>
{{ else }}
{{progressText}}
{{ /if }}
{{ /if }}
{{else}}
{{#if progressComplete}}
<svg class="complete">
<use xlink:href=/packages/lesiontracker/assets/icons.svg#icon-status-complete></use>
</svg>
{{else}}
{{progressText}}
{{/if}}
{{/if}}
</div>
</div>
</template>