<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Tizen Image Configurator</title>
+ <title>Tizen Image Creator (TIC)</title>
<link rel="shortcut icon" href="/image/tizen.ico">
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/lib/bootstrap-treeview/bootstrap-treeview.min.css">
<link rel="stylesheet" href="/lib/components-font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/style.css">
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
+ <script>
+ var ua = window.navigator.userAgent;
+ var msie = ua.indexOf("MSIE ");
+ if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
+ window.location.replace('406.html');
+ }
+ </script>
</head>
<body data-spy="scroll" data-target=".navbar-fixed-top">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
- <a class="navbar-brand tic-page-scroll" href="#tic-package-section"><img id="tic-brand-img" src="image/tizen_32.png"/> Tizen Image Configurator</a>
+ <a class="navbar-brand tic-page-scroll" href="#tic-package-section"><img id="tic-brand-img" src="image/tizen_32.png"/> Tizen Image Creator (TIC)</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
- <a class="tic-page-scroll" href="#tic-package-section">Package</a>
+ <a class="tic-page-scroll" href="#tic-package-section">Packages</a>
</li>
<li>
- <a class="tic-page-scroll"href="#tic-image-section">Image</a>
+ <a class="tic-page-scroll"href="#tic-job-section">Jobs</a>
+ </li>
+ <li>
+ <a class="tic-page-scroll"href="#tic-image-section">Images</a>
</li>
<li>
<a class="tic-page-scroll"href="#tic-settings-section">Settings</a>
</li>
</ul>
+ <!-- Log in -->
+ <ul id="tic-navbar-login" class="nav navbar-nav navbar-right">
+ <li class="dropdown">
+ <a id="tic-page-login-dropdown-toggle" href="#" class="dropdown-toggle" data-toggle="dropdown">Login<span class="caret"></span></a>
+ <ul id="tic-page-login-dropdown-menu" class="dropdown-menu">
+ <li>
+ <div class="row">
+ <div class="col-md-12">
+ <form id="tic-page-login-form" class="form" role="form" method="get" accept-charset="UTF-8" data-toggle="validator" data-validate="true">
+ <div id="tic-page-form-group-email" class="form-group">
+ <label class="sr-only" for="tic-page-login-form-email">Email address</label>
+ <input type="email" id="tic-page-login-form-email" class="form-control" name="email" placeholder="Email address"
+ data-required-error="Please enter an email address." required>
+ <div id="tic-page-form-help-email" class="help-block with-errors"></div>
+ </div>
+ <div id="tic-page-form-group-password" class="form-group">
+ <label class="sr-only" for="tic-page-login-form-password">Password</label>
+ <input type="password" id="tic-page-login-form-password" class="form-control" name="password" placeholder="Password"
+ data-required-error="Please enter your password." required>
+ <div id="tic-page-form-help-password" class="help-block with-errors"></div>
+ </div>
+ <div class="form-group">
+ <button type="submit" class="btn btn-primary btn-block">Log in</button>
+ </div>
+ </form>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ <!-- Log out -->
+ <ul id="tic-navbar-logout" class="nav navbar-nav navbar-right hidden">
+ <li class="dropdown">
+ <a id="tic-page-logout-dropdown-toggle" href="#" class="dropdown-toggle" data-toggle="dropdown">email<span class="caret"></span></a>
+ <ul id="tic-page-logout-dropdown-menu" class="dropdown-menu">
+ <li>
+ <div class="row">
+ <div class="col-md-12">
+ <form id="tic-page-logout-form" class="form" role="form" method="get" accept-charset="UTF-8">
+ <div class="form-group">
+ <button type="submit" class="btn btn-primary btn-block">Logout</button>
+ </div>
+ </form>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </li>
+ </ul>
</div><!--/.nav-collapse -->
</div><!-- /.container -->
</nav>
-
<!-- Package Section -->
<section id="tic-package-section">
<div class="container">
<!-- Package Left Column -->
<div class="col-md-6">
<div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">Package List</h3>
+ </div>
<div class="panel-body">
- <!-- Profile Toolbar -->
- <div class="btn-group btn-group-justified">
- <div class="btn-group">
- <button type="button" class="btn btn-primary">All</button>
- </div>
- <div class="btn-group">
- <button type="button" class="btn btn-primary">Common</button>
- </div>
- <div class="btn-group">
- <button type="button" class="btn btn-primary">Mobile</button>
- </div>
- <div class="btn-group">
- <button type="button" class="btn btn-primary">Wearable</button>
- </div>
- <div class="btn-group">
- <button type="button" class="btn btn-primary">TV</button>
- </div>
- </div>
<!-- Package Tree Toolbar -->
<div id="tic-package-left-col-tree-toolbar">
<div class="input-group">
</div>
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- <i class="fa fa-navicon"></i>
+ <i class="fa fa-filter"></i>
</button>
<ul class="dropdown-menu dropdown-menu-right">
- <li><a id="tic-package-toolbar-checkall">Check All</a></li>
- <li><a id="tic-package-toolbar-uncheckall">Uncheck All</a></li>
+ <li>
+ <a href="#" tabIndex="-1">
+ <label class="checkbox-inline"><input type="checkbox" id="tic-package-toolbar-debug"/> Hide Debug Packages</label>
+ </a>
+ </li>
+ <li>
+ <a href="#" tabIndex="-1">
+ <label class="checkbox-inline"><input type="checkbox" id="tic-package-toolbar-devel"/> Hide Develop Packages</label>
+ </a>
+ </li>
</ul>
<button type="button" class="btn btn-default" id="tic-package-left-col-tree-toolbar-collapse-all">
<i class="fa fa-minus"></i>
<tr><td>Installed Size</td><td id="tic-package-info-installed-size"></td></tr>
<tr><td>Summary</td><td id="tic-package-info-summary"></td></tr>
<tr><td>Description</td><td id="tic-package-info-description"></td></tr>
- <tr><td>Dependency</td><td id="tic-package-info-dependency"></td></tr>
</tbody>
</table>
</div>
<tbody>
<tr><td>Image Size</td><td id="tic-package-image-size"></td></tr>
<tr><td>Image Installed Size</td><td id="tic-package-image-installed-size"></td></tr>
- <tr><td>Number of Packages</td><td id="tic-package-count"></td></tr>
- <tr><td>Package List</td><td id="tic-package-list"></td></tr>
+ <tr><td>Package List <span class="badge" id="tic-package-list-badge"></span></td><td id="tic-package-list"></td></tr>
</tbody>
</table>
</div>
<div class="panel-footer">
- <a type="button" id="tic-package-create" class="btn btn-primary disabled" href="#tic-image-section">Create Image</a>
+ <a type="button" id="tic-package-create" class="btn btn-primary disabled" href="#">Image Creation</a>
</div>
</div>
</div><!-- /End Package Right Column -->
</div><!-- /.container -->
</section>
-
- <!-- Image Section -->
- <section id="tic-image-section">
+ <!-- Job Section -->
+ <section id="tic-job-section">
<div class="container">
<div class="row">
- <!-- Image Column -->
- <div class="col-md-6">
+ <!-- Job List Column -->
+ <div class="col-md-12">
<div class="panel panel-primary">
- <div class="panel-heading">Image</div>
- <div class="panel-body">
- <table id="tic-image-summary" class="table table-condensed">
- <tbody>
- <tr><td>Image Size</td><td id="tic-image-image-size"></td></tr>
- <tr><td>Image Installed Size</td><td id="tic-image-image-installed-size"></td></tr>
- <tr><td>Number of Packages</td><td id="tic-image-package-count"></td></tr>
- <tr><td>Package List</td><td id="tic-image-package-list"></td></tr>
- </tbody>
- </table>
+ <div class="panel-heading">
+ <h3 class="panel-title">Job List</h3>
</div>
- <div class="panel-footer">
- <button type="button" id="tic-image-create" class="btn btn-primary">Create Image</button>
+ <div class="panel-body">
+ <div id="tic-job-list">
+ <div id="tic-job-list-content">
+ <div>
+ <table class="table table-hover table-bordered ui-responsive tic-job-table" id="tic-job-table">
+ <thead>
+ <tr class="filters text-center">
+ <th>#</th>
+ <th>Status</th>
+ <th>Image</th>
+ <th>Image Size</th>
+ <th>Updated</th>
+ <th>Action</th>
+ <th>KS</th>
+ <th>Log</th>
+ </tr>
+ </thead>
+ <tbody>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ <div id="tic-job-list-pagination">
+ <ul class="pagination pagination-sm">
+ <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a></li>
+ <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></li>
+ </ul>
+ </div>
</div>
</div>
- </div><!-- /End Image Column -->
+ </div><!-- /End Job List Column -->
+ </div>
+ </div><!-- /.container -->
+ </section>
+ <!-- Image Section -->
+ <section id="tic-image-section">
+ <div class="container">
+ <div class="row">
<!-- Image List Column -->
- <div class="col-md-6">
+ <div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">Image List</div>
<div class="panel-body">
- <ul class="list-group" id="tic-image-list"></ul>
- <!-- Create an image -->
- <div id="tic-image-new-container">
- <div class="infoboxheader">
- <h4>Create an image</h4>
- </div>
- <div class="infobox info" id="tic-image-new">
- <div id="tic-image-new-log"></div>
- </div>
+ <div id="tic-image-list-content">
+ <ul class="list-group" id="tic-image-list"></ul>
+ </div>
+ <div id="tic-image-list-pagination">
+ <ul class="pagination pagination-sm">
+ <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a></li>
+ <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></li>
+ </ul>
</div>
</div>
</div>
<!-- Settings Column -->
<div class="col-md-12">
<div class="panel panel-primary">
+ <div class="panel-heading">Settings</div>
<div class="panel-body">
- <!-- Settings Toolbar -->
- <div id="tic-repository-toolbar">
- <button type="button" id="tic-repository-recipe-import" class="btn btn-default"><i class="fa fa-download"></i> Recipe Import</button>
- <button type="button" id="tic-repository-recipe-export" class="btn btn-default"><i class="fa fa-upload"></i> Recipe Export</button>
- </div>
-
<!-- Repository Column -->
<div class="panel panel-primary">
- <div class="panel-heading">Repository</div>
+ <div class="panel-heading">Recipe</div>
<div class="panel-body">
- <div class="input-group">
- <div class="form-group has-feedback has-clear">
- <input id="tic-repository-input" type="text" class="form-control" placeholder="Enter repository URL">
- <span id="tic-repository-input-clear" class="form-control-clear glyphicon glyphicon-remove form-control-feedback hidden"></span>
- </div>
- <span class="input-group-btn">
- <button type="button" id="tic-repository-add"class="btn btn-default">Add Repository</button>
- </span>
+ <!-- Settings Toolbar -->
+ <div id="tic-settings-recipe-toolbar">
+ <button type="button" id="tic-settings-recipe-import" class="btn btn-default"><i class="fa fa-download"></i> Import</button>
+ <button type="button" id="tic-settings-recipe-export" class="btn btn-default"><i class="fa fa-upload"></i> Export</button>
</div>
- <ol id="tic-repository-list" class="list-group"></ol>
+ <ol id="tic-recipe-list" class="list-group"></ol>
</div>
</div>
</div>
<div class="panel-footer">
- <a id="tic-repository-apply" type="button" class="btn btn-primary" href="#tic-package-section">Apply</a>
+ <a id="tic-recipe-apply" type="button" class="btn btn-primary" href="#tic-package-section">Apply</a>
</div>
</div>
</div><!-- /End Settings Column -->
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
</div><!-- /End Loading Dialog -->
+ <!-- Info Dialog -->
+ <div class="modal fade" id="tic-info-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+ <div class="modal-dialog modal-sm">
+ <div class="modal-content">
+ <div class="modal-body">
+ <p id="tic-info-content"></p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-dismiss="modal">Close</button>
+ </div>
+ </div>
+ </div>
+ </div><!-- /End Info Dialog -->
+
<!-- Alert Dialog -->
<div class="modal fade" id="tic-alert-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-sm">
</div>
</div><!-- /End Confirm Dialog -->
+ <!-- Log View -->
+ <div id="log-view-content" class="log-view-content">
+ <div class="log-view-content-header">
+ <button type="button" class="close log-view-content-close">x</button>
+ <h4 class="log-view-content-header-title">Log</h4>
+ <a type="button" id="log-view-content-download" class="fa fa-download log-view-content-download"> Download</a>
+ </div>
+ <div id="log-view-content-body" class="log-view-content-body"></div>
+ </div><!-- /End Log View -->
+
+ <!-- Context menu in package tree -->
+ <div id="tic-package-context-menu">
+ <ul class="dropdown-menu" role="menu">
+ <li><a id="tic-package-context-menu-uncheck-all" tabindex="-1">Uncheck All</a></li>
+ <!--
+ <li class="divider"></li>
+ -->
+ </ul>
+ </div><!-- /End Context menu in package tree -->
+
+ <!-- Import Dialog -->
+ <div class="modal fade" id="tic-import-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <h4 class="modal-title">Add Recipe or Repository</h4>
+ </div>
+ <div class="modal-body">
+ <div id="tic-import-recipe-container" data-toggle="validator" data-validate="true">
+ <!-- Recipe File -->
+ <div class="row">
+ <div class="form-group col-md-3">
+ <div class="radio">
+ <label class="radio-inline control-label"><input id="tic-import-recipe-file-group" type="radio" name="recipe" checked="checked"> Recipe File</label>
+ </div>
+ </div>
+ <div class="form-group has-feedback has-clear col-md-5">
+ <input class="form-control tic-import-recipe-file-group" id="tic-import-recipe-file-input" type="text" readonly>
+ </div>
+ <div class="form-group col-md-2">
+ <button id="tic-import-recipe-file-browser" class="tic-import-recipe-file-group btn btn-primary" type="button">Browser..</button>
+ </div>
+ </div>
+
+ <!-- Recipe URL -->
+ <div class="row">
+ <div class="form-group col-md-3">
+ <div class="radio">
+ <label class="radio-inline control-label"><input id="tic-import-recipe-url-group" type="radio" name="recipe"> Recipe URL</label>
+ </div>
+ </div>
+ <div id="tic-import-recipe-url-group" class="form-group has-feedback has-clear col-md-7">
+ <input class="form-control tic-import-recipe-url-group" id="tic-import-recipe-url-input" type="url" placeholder="Enter recipe URL" data-unique="unique">
+ <div id="tic-import-recipe-url-group-help" class="help-block with-errors"></div>
+ </div>
+ </div>
+
+ <!-- Repository URL -->
+ <div class="row">
+ <div class="form-group col-md-3">
+ <div class="radio">
+ <label class="radio-inline control-label"><input id="tic-import-recipe-repo-url-group" type="radio" name="recipe" > Repository URL</label>
+ </div>
+ </div>
+ <div class="form-group has-feedback has-clear col-md-7">
+ <input class="form-control tic-import-recipe-repo-url-group" id="tic-import-recipe-repo-url-input" type="url" placeholder="Enter repository URL" data-unique="unique">
+ <div class="help-block with-errors"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button id="tic-import-recipe-confirm-ok" type="button" class="btn btn-primary">OK</button>
+ <button id="tic-import-recipe-confirm-cancel" type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
+ </div>
+ </div>
+ </div>
+ </div><!-- /End Import Dialog -->
<!-- library loading -->
<script src="/socket.io/socket.io.js"></script>
- <script src="/lib/bootstrap/js/bootstrap.js"></script>
- <script src="/lib/bootstrap-treeview/bootstrap-treeview.min.js"></script>
- <script src="/lib/jquery/jquery.js"></script>
- <script src="/lib/jquery-sortable/jquery-sortable.js"></script>
- <script src="/lib/lodash/lodash.js"></script>
<script src="/js/config.js"></script>
<script src="/lib/requirejs/require.js" data-main="js/main"></script>
</body>
-</html>
+</html>
\ No newline at end of file