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>