mirror of
https://github.com/google/nomulus.git
synced 2025-08-02 07:52:11 +02:00
Make a prettier table to display OT&E check results
We now display the results of each check in addition to the overall result. ------------- Created by MOE: https://github.com/google/moe MOE_MIGRATED_REVID=231051913
This commit is contained in:
parent
c6e58d3bff
commit
5272d8ca7f
10 changed files with 182 additions and 105 deletions
|
@ -17,6 +17,7 @@
|
|||
/** Registrar admin settings page for view and edit. */
|
||||
{template .settings}
|
||||
{@param allowedTlds: list<string>}
|
||||
{@param type: string} // the registrar type, e.g. REAL, OTE, TEST, etc.
|
||||
<form name="item" class="{css('item')} {css('registrar')}">
|
||||
<h1>Administrator settings</h1>
|
||||
<table>
|
||||
|
@ -48,7 +49,9 @@
|
|||
<p>Generate new OT&E accounts <a href="/registrar-ote-setup">here</a>
|
||||
</p></td>
|
||||
</tr>
|
||||
{call .oteStatus /}
|
||||
{call .oteStatus}
|
||||
{param registrarType: $type /}
|
||||
{/call}
|
||||
</table>
|
||||
</form>
|
||||
{/template}
|
||||
|
@ -67,15 +70,63 @@
|
|||
{/template}
|
||||
|
||||
{template .oteStatus}
|
||||
{@param registrarType: string}
|
||||
<tr class="{css('kd-settings-pane-section')}">
|
||||
<td class="{css('setting')}">
|
||||
<button
|
||||
type="button"
|
||||
id="btn-ote-status"
|
||||
value="Check OT&E status"
|
||||
class="{css('kd-button')} {css('kd-button-submit')}">Check OT&E status
|
||||
class="{css('kd-button')} {css('kd-button-submit')}
|
||||
{if $registrarType != 'OTE'} {css('disabled')} {/if}">
|
||||
Check OT&E status
|
||||
</button>
|
||||
</td>
|
||||
<td id="ote-status-area-parent" class="{css('setting')}"></td>
|
||||
</tr>
|
||||
{/template}
|
||||
|
||||
{template .oteResultsTable}
|
||||
{@param completed: bool}
|
||||
{@param detailsList: list<[description: string, timesPerformed: int, requirement: int, completed: bool]>}
|
||||
<table id="ote-results-table">
|
||||
{if $completed}
|
||||
<tr class={css('ote-fulfilled')}>
|
||||
<td>Status:</td>
|
||||
<td>Completed</td>
|
||||
</tr>
|
||||
{else}
|
||||
<tr class={css('ote-unfulfilled')}>
|
||||
<td>Status:</td>
|
||||
<td>Not Completed</td>
|
||||
</tr>
|
||||
{/if}
|
||||
<tr class="{css('ote-results-header')}">
|
||||
<th class="{css('ote-results-header-cell')}"><b>Test Name</b></th>
|
||||
<th class="{css('ote-results-header-cell')}"><b>Actions Performed</b></th>
|
||||
</tr>
|
||||
{for $detail in $detailsList}
|
||||
{if $detail.completed}
|
||||
<tr class="{css('ote-fulfilled')}">
|
||||
<td>{$detail.description}</td>
|
||||
<td>Completed</td>
|
||||
</tr>
|
||||
{elseif $detail.timesPerformed > 0}
|
||||
<tr class="{css('ote-semifulfilled')}">
|
||||
<td>{$detail.description}</td>
|
||||
<td>{$detail.timesPerformed} of {$detail.requirement}</td>
|
||||
</tr>
|
||||
{else}
|
||||
<tr class="{css('ote-unfulfilled')}">
|
||||
<td>{$detail.description}</td>
|
||||
<td>Not started</td>
|
||||
</tr>
|
||||
{/if}
|
||||
{/for}
|
||||
</table>
|
||||
{/template}
|
||||
|
||||
{template .oteErrorArea}
|
||||
{@param message: string}
|
||||
<p id="ote-status-area">Error: {$message}</p>
|
||||
{/template}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue