<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no" /> <title>Nexedi ERP5 | Computer</title> <!-- TODO: gadget mobile meta --> <!-- TODO: schema.org? --> <!-- TODO: all JQM widgets should have enhanced markup vs letting JQM enhance --> <!-- 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="computer" data-role="page" data-theme="slapos-white"> <!-- left panel --> <div data-role="panel" id="menu_computer" 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> <!-- header --> <div data-role="header" data-position="fixed"> <div class="wrap left"> <div data-role="controlgroup" data-type="horizontal" class="buttongroup"> <a href="#menu_computer" data-rel="panel" data-role="button" data-icon="reorder" class="responsive">Navigate</a> <a href="#" data-role="button" data-icon="save" class="responsive ui-btn-active save_object">Save</a> </div> </div> <h1>Computer</h1> <div class="wrap right"> <div data-role="controlgroup" data-type="horizontal" class="buttongroup"> <a href="#popup_computer" data-rel="popup" data-transition="pop" data-position-to="window" data-role="button" data-icon="user" class="responsive">Login</a> <a href="#communicate_computer" 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 login 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"> <div class="erp5_single" data-gadaget="tabs" data-gadget-id="tabs_01"> <!-- dynamic --> </div> </div> <!-- <div class="content_element content_element_fullscreen"> <form class="display_object"> <input type="hidden" name="computer_type" value="" /> <div data-role="collapsible-set" data-type="tabs" data-tabs="5" data-theme="slapos-white" data-content-theme="slapos-white"> <div data-role="collapsible" data-theme="slapos-white" data-icon="false" data-collapsed="false"> <h1>View</h1> <div class="content_element"> <div class="ui-fieldcontain" title=""> <label>Title</label> <input name="computer_title" value="" type="text" data-clear-btn="true" /> </div> <div class="ui-fieldcontain" title=""> <label>Reference</label> <input name="computer_reference" value="" type="text" data-clear-btn="true" data-action-btn="true" data-action-btn-icon="cog" data-action-btn-text="Pick from Selection" /> </div> </div> <div class="content_element"> </div> <div class="content_element content_element_fullscreen"> <div class="ui-fieldcontain" title=""> <label>Description</label> <textarea name="computer_description" rows="5" cols="30"></textarea> </div> </div> </div> <div data-role="collapsible" data-theme="slapos-white" data-icon="false"> <h1>Partitions</h1> </div> <div data-role="collapsible" data-theme="slapos-white" data-icon="false"> <h1>TCP Port Numbers</h1> </div> <div data-role="collapsible" data-theme="slapos-white" data-icon="false"> <h1>History</h1> </div> <div data-role="collapsible" data-theme="slapos-white" data-icon="false"> <h1>Metadata</h1> <div class="content_element"> <div class="ui-fieldcontain" title=""> <label>ID</label> <input type="text" disabled name="computer__id" value="" /> <input type="hidden" name="computer__id" value="" /> </div> <div class="ui-fieldcontain" title=""> <label>Title</label> <input name="computer_title" value="" type="text" data-clear-btn="true" /> </div> <div class="ui-fieldcontain" title=""> <label>Description</label> <textarea name="computer_description" rows="5" cols="30"></textarea> </div> <div class="ui-fieldcontain" title=""> <input type="hidden" name="computer_date" value="" /> <input type="hidden" name="computer_created" value="" /> <fieldset data-role="controlgroup" data-type="horizontal"> <legend>Creation Date</legend> <label>Year</label> <select name="computer_created_year"> <option disabled="disabled" value=""></option> </select> <label>Month</label> <select name="computer_created_month"> <option disabled="disabled" value=""></option> </select> <label>Day</label> <select name="computer_created_day"> <option disabled="disabled" value=""></option> </select> </fieldset> </div> <div class="ui-fieldcontain" title=""> <fieldset data-role="controlgroup" data-type="horizontal"> <legend>Modification Date</legend> <select name="computer_modified_year"> <option disabled="disabled" value=""></option> </select> <label>Month</label> <select name="computer_modified_month"> <option disabled="disabled" value=""></option> </select> <label>Day</label> <select name="computer_modified_day"> <option disabled="disabled" value=""></option> </select> </fieldset> </div> <div class="ui-fieldcontain" title=""> <fieldset data-role="controlgroup" data-type="horizontal"> <legend>Effective Date</legend> <label>Year</label> <select name="computer_effective_date_year"> <option disabled="disabled">Year</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> </select> <label>Month </label> <select name="computer_effective_date_month"> <option disabled="disabled">Month</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <label>Day</label> <select name="computer_effective_date_day"> <option disabled="disabled">Day</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </fieldset> </div> <div class="ui-fieldcontain" title=""> <fieldset data-role="controlgroup" data-type="horizontal"> <legend>Effective Date</legend> <label>Year</label> <select name="computer_expiration_date_year"> <option disabled="disabled">Year</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> </select> <label>Month</label> <select name="computer_expiration_date_month"> <option disabled="disabled">Month</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <label>Day</label> <select name="computer_expiration_date_day"> <option disabled="disabled">Day</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </fieldset> </div> </div> <div class="content_element"> <div class="ui-fieldcontain" title=""> <label>Language</label> <input name="computer_language" value="" type="text" data-clear-btn="true" data-action-btn="true" data-action-btn-icon="cog" data-action-btn-text="Pick from selection" /> </div> <div class="ui-fieldcontain" title=""> <label>Contributors</label> <textarea name="computer_contributor" rows="5" cols="30"></textarea> </div> <div class="ui-fieldcontain" title=""> <label>Categories</label> <textarea name="computer_category" rows="5" cols="30"></textarea> </div> </div> </div> </div> </form> </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_computer" 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> <!-- 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>