MinecraftPayment/mithril/components/MinecraftUsers.template.html

<table class="table table-striped table-hover">
    <thead>
    <tr class="table-primary">
        <th dval-innerText="this.user.Username" colspan="2"></th>
    </tr>
    </thead>
    <tbody>
    <tr class="table-primary">
        <th colspan="2" dval-innerText="__('Server')"></th>
    </tr>
    <tr m-for="MinecraftPayService.Servers as server">
        <td class="align-middle" style="vertical-align: middle; width: 100%" dval-innerText="server.Name"></td>
        <td class="align-middle">
                <span m-if="this.subscriptionsStates.has( server.ID )"
                      dval-onclick="() => this.UnlockServer( server.ID )"
                      dval-class="'d-flex align-items-center btn ' + ( this.subscriptionsStates.get( server.ID ) ? 'btn-success' : 'btn-danger' )">
                    <span m-if="!this.subscriptionsStates.get( server.ID )"
                          dval-innerText="__( 'Unlock' ) + '&nbsp;~' + server.PerMonthPrice + '&nbsp;&euro;&nbsp;'"></span>
                    <img class="float-right" style="height: 1em; filter: invert( 1 ); vertical-align: middle;"
                         dval-src="Resources.GetImageUrl( this.subscriptionsStates.get( server.ID ) ? 'unlock.svg' : 'lock.svg', 'Minecraft-Payment' )"/>
                </span>
        </td>
    </tr>
    </tbody>
</table>