ivalentin
/
SWDB


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
        <meta charset='utf-8'/>
        <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
        <title><?=$page->title?></title>
        <link rel='shortcut icon' href='<?=$page->favicon?>'/>
        <!-- CSS files -->
        <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
        <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>collection.css'/>
        <!-- Script files -->
        <script type="text/javascript" src="<?=$path["js"]?>ui.js"></script>
        <script type="text/javascript" src="<?=$path["js"]?>collection.js"></script>
        <!-- Meta tags -->
        <link rel='canonical' href='<?=$page->canonical?>'/>
        <link rel='author' href='<?=$page->author?>'/>
        <link rel='publisher' href='<?=$page->author?>'/>
        <meta name='description' content='<?=$page->description?>'/>
        <meta property='og:title' content='<?=$page->title?>'/>
        <meta property='og:url' content='<?=$page->canonical?>'/>
        <meta property='og:description' content='<?=$page->description?>'/>
        <meta property='og:image' content='<?=$page->icon?>'/>
        <meta property='og:site_name' content='<?=$page->name?>'/>
        <meta property='og:type' content='website'/>
        <meta property='og:locale' content='en'/>
        <meta name='twitter:card' content='summary'/>
        <meta name='twitter:title' content='<?=$page->title?>'/>
        <meta name='twitter:description' content='<?=$page->description?>'/>
        <meta name='twitter:image' content='<?=$page->icon?>'/>
        <meta name='twitter:url' content='<?=$page->canonical?>'/>
        <meta name='robots' content='index follow'/>
    </head>
    <body onLoad='loadCollection(null);'>
<?php
        include __DIR__ . "/inc/header.php";
?>
        <div id='content'>
            <div class='section'>
                <h3 class='section_title'>
                    Monster collection
                </h3>
                <input type='button' onClick='showNew(true);' value='New monster'>
                <br/>
                <div id='collection' class='h_scroll'>
                </div> <!-- #collection -->
                <div id='portrait_container'>
                </div> <!-- #portrait_container -->
            </div> <!-- .section -->
        </div> <!-- .content -->
        <div id='cover'></div>
        <div id='new' class='section'>
            <h3 class='section_title'>
                New Monster
            </h3>
            <table id='new_table'>
                <tr>
                    <td class='left'>
                        Type:
                    </td>
                    <td class='right'>
                        <input type='text' id='new_base' list='base_list' onChange='getMonsterId(this.value, document.getElementById("new_element").value);'/>
                        <datalist id='base_list'>
<?php
                        foreach($page->base_monster as $base){
?>
                            <option value="<?=$base->name?>"><?=$base->name?></option>
<?php
                        }
?>
                        </datalist>
                    </td>
                <tr>
                </tr>
                    <td class='left'>
                        Element:
                    </td>
                    <td class='right'>
                        <select type="text" id="new_element" onChange='getMonsterId(document.getElementById("new_base").value, this.value);'>
                            <option value="Fire">Fire</option>
                            <option value="Water">Water</option>
                            <option value="Wind">Wind</option>
                            <option value="Dark">Dark</option>
                            <option value="Light">Light</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan='2' class='center'>
                        <span id='new_frame'>
                            <input type='hidden' id='new_monster' value=''/>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class='left'>
                        Stars:
                    </td>
                    <td class='right'>
                        <input id='new_stars' value='3' type='number' min='1' max='6'/>
                    </td>
                </tr>
                <tr>
                    <td class='left'>
                        Level:
                    </td>
                    <td class='right'>
                        <input id='new_level' value='1' type='number' min='1' max='40'/>
                    </td>
                </tr>
                <tr>
                    <td class='left'>
                        Awakened:
                    </td>
                    <td class='right'>
                        <input id='new_awaken' type='checkbox'/>
                    </td>
                </tr>
            </table>
            <input type='button' value='Save' onClick='addMonster();'/>
            <input type='button' value='Cancel' onClick='showNew(false);'/>
        </div> <!-- #new -->
<?php
        include __DIR__ . "/inc/footer.php";
?>
    </body>
</html>