SWDB/application/view/frame/portrait.php

<div id='portrait'>
    <input type='hidden' id='selected_id' value='<?=$page->id?>'/>
    <img id='portrait_img' class='border_<?=$page->element?>' src='<?=$page->cur_img?>'/>
    <h4 id='portrait_title' class='color_<?=$page->element?>'>
        <?=$page->cur_name?>
    </h4>
    <h5 id='portrait_details'>
<?php
        if ($page->awaken == 1){
            $star_src = $path["img"]["layout"] . "icon/star_aw.png";
        }
        else{
            $star_src = $path["img"]["layout"] . "icon/star.png";
        }
        for ($i = 1; $i < 7; $i++){
            $translucent = "";
            if ($i > $page->stars){
                $translucent = "portrait_star_translucent";
            }
?>
            <img id='portratit_star_1' class='portrait_star <?=$translucent?>' src='<?=$star_src?>'/>
<?php
        }
?>
    </h5>
    <table id='portrait_table'>
        <tr>
            <td class='left'>
                Stars:
            </td>
            <td class='right'>
                <input id='v_stars' value='<?=$page->stars?>' type='number' min='1' max='6' onChange='selectMaxLevel(this.value); updateMonster(document.getElementById("selected_id").value, "stars", this.value);'/>
            </td>
        <tr>
        </tr>
            <td class='left'>
                Level:
            </td>
            <td class='right'>
                <input id='v_level' value='<?=$page->level?>' type='number' min='1' max='<?=$page->max_level?>' onChange='updateMonster(document.getElementById("selected_id").value, "level", this.value);'/>
            </td>
        </tr>
        <tr>
            <td class='left'>
                Awakened:
            </td>
            <td class='right'>
<?php
                $checked = "";
                if ($page->awaken == 1){
                    $checked = "checked";
                }
?>
                <input id='v_awaken' type='checkbox' <?=$checked?> onChange='updateMonster(document.getElementById("selected_id").value, "awaken", this.checked);'/>
            </td>
        </tr>
    </table>
    <input type='button' onClick='removeMonster(document.getElementById("selected_id").value);' value='Delete monster'/>
</div> <!-- #portrait -->