<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width" /> <title>Nexedi ERP5 | Computers</title> <!-- TODO: gadget mobile meta --> <!-- TODO: schema.org? --> <!-- TODO: all JQM widgets should have enhanced markup vs letting JQM enhance --> <!-- normalize --> <link rel="stylesheet" href="css/normalize.css"> <!-- JQM structure --> <link rel="stylesheet" href="css/jquery-mobile/jquery-mobile.latest.css"> <!-- JQM extensions --> <link rel="stylesheet" href="css/extensions.css"> <!-- fontawesome icons --> <link rel="stylesheet" href="css/fontawesome.css"> <!-- JQM custom themes (slapos-white, slapos-black, slapos-active) --> <link rel="stylesheet" href="css/themes.css"> <!-- generic CSS --> <link rel="stylesheet" href="css/css.css"> </head> <body> <div id="computers" data-role="page" data-theme="slapos-white"> <!-- left panel --> <div data-role="panel" id="menu_computers" data-theme="slapos-black" class="panel" data-position="left" data-display="push"> <div class="panel_element panel_element_first panel_header"> <input type="search" data-role="button" value="" placeholder="Search" class="panel_search" /> <a href="#menu" class="panel-close" data-role="button" data-iconpos="notext" data-icon="remove" data-rel="close">Close</a> </div> <div class="panel_element"> <!-- gadget modules --> <ul data-role="listview" class="listview" data-theme="slapos-black"> <li data-role="list-divider">Modules</li> <li class="listview_item listview_icon"><a href="webpages.html"><span class="ui-li-icon ui-li-icon-custom ui-icon-file-alt ui-icon">&nbsp;</span><h3>Webpages</h3><p>Generated Webpages</p></a></li> </ul> </div> <div class="panel_element"> <ul data-role="listview" class="listview" data-theme="slapos-black"> <li data-role="list-divider">General</li> <li class="listview_item listview_icon"><a href=""><span class="ui-li-icon ui-li-icon-custom ui-icon-folder-open-alt ui-icon">&nbsp;</span><h3>Software</h3></a></li> <li class="listview_item listview_icon"><a href=""><span class="ui-li-icon ui-li-icon-custom ui-icon-book ui-icon">&nbsp;</span><h3>Documentation</h3></a></li> <li class="listview_item listview_icon"><a href=""><span class="ui-li-icon ui-li-icon-custom ui-icon-cloud-download ui-icon">&nbsp;</span><h3>Download</h3></a></li> <li class="listview_item listview_icon"><a href=""><span class="ui-li-icon ui-li-icon-custom ui-icon-comments ui-icon">&nbsp;</span><h3>Forum</h3></a></li> <li class="listview_item listview_icon"><a href=""><span class="ui-li-icon ui-li-icon-custom ui-icon-microphone ui-icon">&nbsp;</span><h3>Blog</h3></a></li> </ul> </div> <div class="panel_element" data-theme="slapos-black"> <ul class="list mini"> <li><a href="http://nexedi.com/">Nexedi &copy; 2013</a></li> </ul> </div> </div> <!-- gadget header --> <div data-role="header" data-position="fixed"> <div class="wrap left"> <div data-role="controlgroup" data-type="horizontal" class="buttongroup"> <a href="#menu_computers" data-rel="panel" data-role="button" data-icon="reorder" class="responsive">Navigate</a> </div> </div> <h1>Computers</h1> <div class="wrap right"> <div data-role="controlgroup" data-type="horizontal" class="buttongroup"> <a href="#popup_computers" data-rel="popup" data-transition="pop" data-position-to="window" data-role="button" data-icon="user" class="responsive">Login</a> <a href="#communicate_computers" data-rel="panel" data-role="button" data-icon="comments" class="responsive">Communicate</a> </div> </div> </div> <!-- popup login --> <div data-role="popup" id="popup_computers" data-overlay-theme="slapos-black" data-tolerance="30,30,30,30" data-shadow="false" data-theme="slapos-white" class="popup single ui-content"> <div class="popup_element logo_wrap"> <img src="img/slapos.png" alt="slapos logo" /> </div> <div class="popup_element"> <p>Sign in using</p> <div data-role="controlgroup"> <a href="#" data-role="button" class="signin_google" data-iconpos="left" data-icon="google-plus-sign">Google</a> <a href="#" data-role="button" class="signin_fb" data-iconpos="left" data-icon="facebook-sign">Facebook</a> </div> <p>Classic login</p> <div data-role="controlgroup" data-type="horizontal" class="input_board"> <label class="ui-hidden-accessible">Login</label> <input name="login" type="text" value="" placeholder="Login" data-icon="user" /> <label class="ui-hidden-accessible">Password</label> <input name="password" type="password" value="" placeholder="Password" data-icon="lock" /> </div> <span class="mini right note"> <a href="#">Forgot Password</a> </span> </div> <div class="popup_element"> <p class="mini"> <span class="note">Please note:</span> To maintain sufficient resources, a minimal fee of 1 EUR will be charged if you use SlapOS services for <strong>more than 24 hours</strong>. By clicking on one of the signup buttons, you agree that you are subscribing to a payable service. All services you request will be invoiced to you at the end of the month. </p> <p> To find out more, please refer to </p> <a href="pricing.html" data-role="button" data-iconpos="left" data-icon="euro">SlapOS Pricing</a> </div> </div> <!-- content --> <div class="ui-content"> <div class="content_element content_element_fullscreen"> <table class="table_default erp5_gadget" data-gadget="listbox" data-gadget-id="listbox_01"> <!-- dynamic --> </table> </div> <div class="content_element content_element_fullscreen"> <table class="table_default erp5_gadget" data-gadget="listbox" data-gadget-id="listbox_02"> <!-- dynamic --> </table> </div> </div> <!-- footer --> <div data-role="footer" data-position="fixed"> <div data-role="navbar" class="navbar"> <ul> <li><a href="#" data-icon="compass">Browse</a></li> <li><a class="new_item" href="computer.html?mode=add" data-icon="plus"><span class="navbar_add">Add</span>/<span class="navbar_clone">Clone</span></a></li> <li><a class="remove_item" href="#" data-icon="minus">Remove</a></li> <li><a href="#" data-icon="cog">Action</a></li> <li><a href="#" data-icon="share">Import/Export</a></li> </ul> </div> </div> <!-- right panel --> <div data-role="panel" id="communicate_computers" data-theme="slapos-black" class="panel" data-position="right" data-display="push"> </div> </div> <!-- Jquery, JQM, JQM extensions --> <script src="js/libs/jquery/jquery.js"></script> <script src="js/libs/jquery-mobile/jquery-mobile.js"></script> <script src="js/extensions.js"></script> <!-- dragdrop --> <script src="http://view.jqueryui.com/master/ui/jquery.ui.mouse.js" ></script> <script src="http://view.jqueryui.com/master/ui/jquery.ui.sortable.js" ></script> <script src="https://rawgithub.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js" ></script> <script> $.ui.sortable.initSelector = ":jqmData(sortable='true')"; </script> <!-- JIO --> <script src="js/libs/jio/sha256.amd.js"></script> <script src="js/libs/jio/jio.js"></script> <script src="js/libs/jio/complex_queries.js"></script> <script src="js/libs/jio/localstorage.js"></script> <!-- custom script --> <script src="js/erp5_loader.js"></script> </body> </html>