gistfile1.mao

    <div data-role="page" id="server-info" data-url="/server/{{server.id}}">
        <div data-role="header">
            <a href="/" data-direction="reverse" data-icon="arrow-l">Back</a>
            <h1>{{server.name}}</h1>
            <a href="edit-server/{{server.id}}" data-icon="gear">Edit</a>
        </div>

        <div class="ui-body ui-body-c"><strong>Server info</strong></div>

        <div data-role="content" class="ui-body ui-body-d">
            <div class="ui-grid-c">
            	<div class="ui-block-a"><strong>Name</strong></div>
            	<div class="ui-block-b">{{server.name}}</div>
            	<div class="ui-block-c"><strong>Username</strong></div>
            	<div class="ui-block-d">{{server.login}}</div>
            </div>
            <div class="ui-grid-c">
            	<div class="ui-block-a"><strong>Host</strong></div>
            	<div class="ui-block-b">{{server.host}}</div>
            	<div class="ui-block-c"><strong>Port</strong></div>
            	<div class="ui-block-d">{{server.port}}</div>
            </div>
            <div class="ui-grid-c">
            	<div class="ui-block-a"><strong>Protocol</strong></div>
            	<div class="ui-block-b">{{server.proto|upper}}</div>
            </div>

            <div class="ui-grid-c">
            	<div class="ui-block-a"><strong>Overall state</strong></div>
            	<div class="ui-block-b">
            <span class="state-{{state}}">
                {% if state == 'good' %}Good{% endif %}
                {% if state == 'susp' %}Suspicious{% endif %}
                {% if state == 'dang' %}Dangerous{% endif %}
            </span>
            	</div>
            </div>

            <br/>
            <div data-role="controlgroup" data-type="horizontal" style="text-align:center">
                <a href="/refresh/{{server.id}}" rel="external" data-role="button" data-icon="refresh" data-theme="b">Refresh</a>
                <a href="{{server.proto}}://{{server.host}}:{{server.port}}" target="_blank" data-role="button" data-icon="star" data-theme="b">Panel</a>
            </div>
        </div>

        <div>
        {{data|safe}}
        </div>
    </div>