$def with (computer_form, computer, user, plugins)
$var title = computer.name
$var tab: navigator
$var css = ['navigator.css']
$var js=['navigator.js']

$code:
    hierarchy = []
    hierarchy = [storage(link='/navigator/computer/%s' % computer.name, caption=computer.name)]
    parent = computer.ou
    while parent:
        hierarchy.append(storage(link='/navigator/ou/%s' % parent.name, caption=parent.name))
        # Do not show more hirarchy elements than needed
        if parent in user.organizative_units:
            break
        parent = parent.parent
    hierarchy.append(storage(link='/navigator', caption=_("Root")))
    hierarchy.reverse()

$var hierarchy = hierarchy

<div id="computer">
    <div id="tools">
        <div class="editcomp"><a href="/navigator/computer/$computer.name/edit">$_("Edit")</a></div>
        <div class="rmcomp rm"><form method="post" action="/navigator/computer/$computer.name/del/"><button>$_("Delete")</button></div>
    </div>

    <div class="computer" title="$computer.description">
        <div id="compimg">
            <img class="comp_img_big" alt="$computer.id" src="/static/images/$(computer.get_img())-big.png"/>
        </div>
        <div id="comptext">
            <p>
            <em>$_("Name")</em>: $computer.name<br/>
            <em>$_("MAC")</em>: $computer.get_pretty_mac()<br/>
            <em>$_("IP")</em>: $computer.ip<br/>
            <em>$_("OS")</em>:
            <span class="computer-os">$computer.os</span><br/>
            <em>$_("Status")</em>:
            <span class="status">
            $if computer.online:
                $_("Online")
            $else:
                $_("Offline")
            <br/>
            </span>
            </p>
        </div>
        <p>$computer.description</p>
    </div>
    <div class="clear"></div>
</div>