<!DOCTYPE html>
<html lang="hu-hu">
    <head>
        <title>
            IK Cloud
        </title>
        <link href='http://fonts.googleapis.com/css?family=Metrophobic' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="../../one/static/style.css">
        <link rel="icon" type="image/png" href="one/static/favicon.png">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="http://code.jquery.com/jquery.min.js"></script>
        <script type="text/javascript">
$(function(){
    $('.wm').click(function(){
        if($(this).children('.details').is(':hidden')){
            $(this).children('.details')
                .css('height',0)
                .css('padding','0px 5px')
                .show()
                .animate({height:160,paddingTop:15,paddingBottom:15},700);
        } else {
            var that=this;
            $(this).children('.details')
                .css('height',130)
                .css('padding','15px 5px')
                .animate({height:0,paddingTop:0,paddingBottom:0},700,function(){
                $(that).children('.details').hide();
            });
        }
    })
})
        </script>
    </head>
    <body>
        <div id="header">
            <div id="loginblock">
                <p>
                    Bejelentkezve: root. <a href="/logout/">Kijelentkezés</a> . <a href="/admin/">Admin</a> .
                </p>
            </div>
            <h1>
                <a href="/">IK Cloud</a>
            </h1>
        </div>
        <div id="content">
            <div class="boxes">
                <div class="contentblock" id="state">
                    <h2>
                        Virtuális gépek
                    </h2>
                    <ul class="content" id="wm-list">
                        <div class="wm">
                            <div class="summary">
                                <!--<div class="id">161</div>-->
                                <div class="name wm-on">
                                    <a href="/vm/show/161/" title="root Ubuntu 12.04 server (724)">root Ubuntu 12.04...</a>
                                </div>
                                <div class="actions">
                                    <a href="#"><img src="../../one/static/icons/plug.png" alt="plug" /></a>
                                    <a href="#"><img src="../../one/static/icons/control-pause.png" alt="pause" /></a>
                                    <a href="#"><img src="../../one/static/icons/minus-circle.png" alt="delete" /></a>
                                </div>
                                <div class="status">
                                    DONE
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="details" style="display: none">
                                <h3>Részletek</h3>
                                <ul>
                                    <li class="name">Gép neve: <span class="value">Ubuntyu</span></li>
                                    <li class="os-linux">Operációs rendszer: <span class="value">Ubuntu 12.04 Desktop</span></li>
                                    <li class="type">Instance típus: <span class="value">Small</span></li>
                                    <li class="date">Létrehozás dátuma: <span class="value">2013.01.24. 12:04</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="wm">
                            <div class="summary">
                                <!--<div class="id">161</div>-->
                                <div class="name wm-off">
                                    <a href="/vm/show/161/" title="root Ubuntu 12.04 server (724)">root Windows 7...</a>
                                </div>
                                <div class="actions">
                                    <a href="#"><img src="../../one/static/icons/control.png" alt="connect" /></a>
                                    <a href="#"><img src="../../one/static/icons/minus-circle.png" alt="delete" /></a>
                                </div>
                                <div class="status">
                                    SUSPENDED
                                </div>
                                <div class="clear"></div>
                                <div class="details" style="display: none">asdasd</div>
                            </div>
                            <div class="details" style="display: none">
                                <h3>Részletek</h3>
                                <ul>
                                    <li class="name">Gép neve: <span class="value">Wendóz</span></li>
                                    <li class="os-win">Operációs rendszer: <span class="value">Windows 7</span></li>
                                    <li class="type">Instance típus: <span class="value">Medium</span></li>
                                    <li class="date">Létrehozás dátuma: <span class="value">2013.01.21. 22:15</span></li>
                                </ul>
                            </div>
                        </div>
                        <div id="new-wm-tooltip" style="display: none">
                            <div id="new-wm-tooltip-container">
                                <p>
                                    Még nem indított egy gépet sem.
                                </p>
                                <p>
                                    Válasszon sablont, és iziben használhatja a kiválasztott rendszert.
                                </p>
                            </div>
                        </div>
                        <div id="new-wm-button" class="wm">
                            <div class="summary">
                                <div class="name">Új gép indítása</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div id="new-wm" style="display: none;">
                            <form method="post" action="/vm/new/3/">
                                <div style='display:none'>
                                    <input type='hidden' name='csrfmiddlewaretoken' value='Q01Rek6t07uPWEbTvI9zmz5k6hyCIsvZ'>
                                </div>
                                <p>
                                    <input type="submit" value="Ubuntu 12.04 server" class="button widebutton">
                                </p>
                            </form>
                            <form method="post" action="/vm/new/4/">
                                <div style='display:none'>
                                    <input type='hidden' name='csrfmiddlewaretoken' value='Q01Rek6t07uPWEbTvI9zmz5k6hyCIsvZ'>
                                </div>
                                <p>
                                    <input type="submit" value="Windows 7" class="button widebutton">
                                </p>
                            </form>
                            <form method="post" action="/vm/new/7/">
                                <div style='display:none'>
                                    <input type='hidden' name='csrfmiddlewaretoken' value='Q01Rek6t07uPWEbTvI9zmz5k6hyCIsvZ'>
                                </div>
                                <p>
                                    <input type="submit" value="Ubuntu 12.04 Desktop" class="button widebutton">
                                </p>
                            </form>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="boxes">
                <div class="contentblock">
                    <h2>
                        Adattár
                    </h2>
                    <div class="content">
                        <ul class="file-list">
                            <li class="wm">
                                <div class="summary">
                                    <div class="name filetype-c">hello.c</div>
                                    <div class="actions">
                                        <a href="#"><img src="../../one/static/icons/pencil.png" alt="rename" /></a>
                                        <a href="#"><img src="../../one/static/icons/minus-circle.png" alt="delete" /></a>
                                        <a href="#"><img src="../../one/static/icons/download-cloud.png" alt="download" /></a>
                                    </div>
                                    <div class="info">1 Kb</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="details">
                                    <h3>Részletek</h3>
                                    <ul>
                                        <li>Létrehozva: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Módosítva: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Hozzáférés: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Típus: <span class="value">text/plain</span></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="wm">
                                <div class="summary">
                                    <div class="name filetype-image">suna.jpg</div>
                                    <div class="actions">
                                        <a href="#"><img src="../../one/static/icons/pencil.png" alt="rename" /></a>
                                        <a href="#"><img src="../../one/static/icons/minus-circle.png" alt="delete" /></a>
                                        <a href="#"><img src="../../one/static/icons/download-cloud.png" alt="download" /></a>
                                    </div>
                                    <div class="info">1 Kb</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="details">
                                    <h3>Részletek</h3>
                                    <ul>
                                        <li>Létrehozva: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Módosítva: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Hozzáférés: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Típus: <span class="value">image/jpg</span></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="wm">
                                <div class="summary">
                                    <div class="name filetype-folder">poresz</div>
                                    <div class="actions">
                                        <a href="#"><img src="../../one/static/icons/pencil.png" alt="rename" /></a>
                                        <a href="#"><img src="../../one/static/icons/minus-circle.png" alt="delete" /></a>
                                    </div>
                                    <div class="info">katalógus</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="details">
                                    <h3>Részletek</h3>
                                    <ul>
                                        <li>Létrehozva: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Módosítva: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Hozzáférés: <span class="value">2012.12.29. 23:12</span></li>
                                        <li>Fájlok: <span class="value">666 db</span></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="file-details wm">
                                <div class="summary">
                                    <div class="name filetype-more">Mutasd a régebbi fájlokat!</div>
                                    <div class="clear"></div>
                                </div>
                            </li>
                            <li class="file-upload wm">
                                <div class="summary">
                                    <div class="name filetype-up">Fájlfeltöltés</div>
                                    <div class="clear"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="contentblock" id="state">
                    <h2>
                        A cluster állapota
                    </h2>
                    <div class="content">
                        <p>
                            <a href="http://cloud.ik.bme.hu/"><img src="/stat/cpu.png" alt="aktuális terhelés"> <img src="/stat/ram.png" alt="aktuális memóriafoglaltság"></a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="modal" style="display: none">
            <div id="shadow"></div>
            <div id="modal-container">
                <div></div>
            </div>
        </div>
    </body>
</html>