Computer directive

<div class="widget col-lg-4">
    <div class="widget-head br-green">
        <h3><i class="fa fa-desktop"></i> <b>{{ computer.computer.make }} - </b> {{ computer.computer.benchid }}</h3>
    </div>

    <div class="widget-body">
        <p>Processor: {{ computer.computer.processor }}</p>
        <p>Ram: {{ computer.computer.ram }}</p>
        <p>Hard Drive: {{ computer.computer.hard_drive }}</p>
        <p>Serial Number: {{ computer.computer.serial_number }}</p>
        <p>Product Key: {{ computer.computer.windows_product_key }}</p>
        <p><b>Notes:</b></p>
        <p>{{ computer.computer.computer_notes }}</p>
    </div>

    <div class="widget-foot">

        <p> Last updated at...</p>
    </div>

</div>

<script>
    function getWorkbenchName(workbenchNumber) {
        switch(workbenchNumber) {
            case 1:
                return "Workbench #1";
            case 2:
                return "Workbench #2";
            case 3:
                return "Workbench #3";
            case 4:
                return "Workbench #4";
            case 5:
                return "Laptop Workbench";
            case 6:
                return "Daniel's Desk";
            case 7:
                return "Dustin's Desk";
            case 8:
                return "Mac Workbench";
            case 9:
                return "Workroom Shelf";
            case 10:
                return "Finished Room";
        }
        return null;
    }
</script>