mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-25 00:28:31 -05:00
d0a0c95623
Display little level completion line graphs in the level completion table cells.
53 lines
No EOL
2.9 KiB
Text
53 lines
No EOL
2.9 KiB
Text
extends /templates/core/modal-base
|
|
|
|
block modal-header-content
|
|
h3 Campaign Analytics
|
|
if campaignCompletions.startDay && campaignCompletions.endDay
|
|
.input-group.input-group-sm
|
|
input.form-control#input-startday(type='text', style='width:100px;', value=campaignCompletions.startDay)
|
|
input.form-control#input-endday(type='text', style='width:100px;', value=campaignCompletions.endDay)
|
|
button.btn.btn-default.btn-sm#reload-button(style='margin-left:10px;') Reload
|
|
|
|
block modal-body-content
|
|
if campaignCompletions && campaignCompletions.levels
|
|
table.table.table-bordered.table-condensed.table-hover(style='font-size:10pt')
|
|
thead
|
|
tr
|
|
td Level
|
|
td Started
|
|
td Finished
|
|
td Left Game
|
|
td LG %
|
|
td Playtime (s)
|
|
td LG/s
|
|
td Completion %
|
|
tbody
|
|
- for (var i = 0; i < campaignCompletions.levels.length; i++)
|
|
tr
|
|
td.level-name-container= campaignCompletions.levels[i].level
|
|
span.level-name-background(style="width:#{campaignCompletions.levels[i].usersRemaining || 0}%;")
|
|
td= campaignCompletions.levels[i].started
|
|
td= campaignCompletions.levels[i].finished
|
|
td= campaignCompletions.levels[i].dropped
|
|
if campaignCompletions.top3DropPercentage && campaignCompletions.top3DropPercentage.indexOf(campaignCompletions.levels[i].level) >= 0
|
|
td(style='background-color:pink;')= td= campaignCompletions.levels[i].dropPercentage
|
|
else
|
|
td= campaignCompletions.levels[i].dropPercentage
|
|
td= campaignCompletions.levels[i].averagePlaytime
|
|
if campaignCompletions.top3DropPerSecond && campaignCompletions.top3DropPerSecond.indexOf(campaignCompletions.levels[i].level) >= 0
|
|
td(style='background-color:pink;')= td= campaignCompletions.levels[i].droppedPerSecond
|
|
else
|
|
td= campaignCompletions.levels[i].droppedPerSecond
|
|
if campaignCompletions.top3 && campaignCompletions.top3.indexOf(campaignCompletions.levels[i].level) >= 0
|
|
td.level-completion-container(style='background-color:lightblue;')= campaignCompletions.levels[i].completionRate
|
|
svg.level-completion-background(id="background#{campaignCompletions.levels[i].level}")
|
|
else if campaignCompletions.bottom3 && campaignCompletions.bottom3.indexOf(campaignCompletions.levels[i].level) >= 0
|
|
td.level-completion-container(style='background-color:pink;')= campaignCompletions.levels[i].completionRate
|
|
svg.level-completion-background(id="background#{campaignCompletions.levels[i].level}")
|
|
else
|
|
td.level-completion-container= campaignCompletions.levels[i].completionRate
|
|
svg.level-completion-background(id="background#{campaignCompletions.levels[i].level}")
|
|
else
|
|
div Loading...
|
|
|
|
block modal-footer |