LT-248: Making Current Case Measurement Status look like the specified in the design
This commit is contained in:
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>
|
||||
Reference in new issue
Block a user