<!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 | 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"> </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"> </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"> </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"> </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"> </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"> </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 © 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>