<!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>