5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <title>Tizen Image Creator (TIC)</title>
10 <link rel="shortcut icon" href="/image/tizen.ico">
11 <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
12 <link rel="stylesheet" href="/lib/bootstrap-treeview/bootstrap-treeview.min.css">
13 <link rel="stylesheet" href="/lib/components-font-awesome/css/font-awesome.min.css">
14 <link rel="stylesheet" href="/css/style.css">
15 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
16 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
18 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
19 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
23 <body data-spy="scroll" data-target=".navbar-fixed-top">
25 <nav class="navbar navbar-inverse navbar-fixed-top">
26 <div class="container">
27 <div class="navbar-header">
28 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
29 <span class="sr-only">Toggle navigation</span>
30 <span class="icon-bar"></span>
31 <span class="icon-bar"></span>
32 <span class="icon-bar"></span>
34 <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>
37 <!-- Collect the nav links, forms, and other content for toggling -->
38 <div id="navbar" class="collapse navbar-collapse">
39 <ul class="nav navbar-nav">
41 <a class="tic-page-scroll" href="#tic-package-section">Packages</a>
44 <a class="tic-page-scroll"href="#tic-job-section">Jobs</a>
47 <a class="tic-page-scroll"href="#tic-image-section">Images</a>
50 <a class="tic-page-scroll"href="#tic-settings-section">Settings</a>
54 <ul id="tic-navbar-login" class="nav navbar-nav navbar-right">
56 <a id="tic-page-login-dropdown-toggle" href="#" class="dropdown-toggle" data-toggle="dropdown">Login<span class="caret"></span></a>
57 <ul id="tic-page-login-dropdown-menu" class="dropdown-menu">
60 <div class="col-md-12">
61 <form id="tic-page-login-form" class="form" role="form" method="get" accept-charset="UTF-8" data-toggle="validator" data-validate="true">
62 <div id="tic-page-form-group-email" class="form-group">
63 <label class="sr-only" for="tic-page-login-form-email">Email address</label>
64 <input type="email" id="tic-page-login-form-email" class="form-control" name="email" placeholder="Email address"
65 data-required-error="Please enter an email address." required>
66 <div id="tic-page-form-help-email" class="help-block with-errors"></div>
68 <div id="tic-page-form-group-password" class="form-group">
69 <label class="sr-only" for="tic-page-login-form-password">Password</label>
70 <input type="password" id="tic-page-login-form-password" class="form-control" name="password" placeholder="Password"
71 data-required-error="Please enter your password." required>
72 <div id="tic-page-form-help-password" class="help-block with-errors"></div>
74 <div class="form-group">
75 <button type="submit" class="btn btn-primary btn-block">Log in</button>
85 <ul id="tic-navbar-logout" class="nav navbar-nav navbar-right hidden">
87 <a id="tic-page-logout-dropdown-toggle" href="#" class="dropdown-toggle" data-toggle="dropdown">email<span class="caret"></span></a>
88 <ul id="tic-page-logout-dropdown-menu" class="dropdown-menu">
91 <div class="col-md-12">
92 <form id="tic-page-logout-form" class="form" role="form" method="get" accept-charset="UTF-8">
93 <div class="form-group">
94 <button type="submit" class="btn btn-primary btn-block">Logout</button>
103 </div><!--/.nav-collapse -->
104 </div><!-- /.container -->
107 <!-- Package Section -->
108 <section id="tic-package-section">
109 <div class="container">
111 <!-- Package Left Column -->
112 <div class="col-md-6">
113 <div class="panel panel-primary">
114 <div class="panel-heading">
115 <h3 class="panel-title">Package List</h3>
117 <div class="panel-body">
118 <!-- Package Tree Toolbar -->
119 <div id="tic-package-left-col-tree-toolbar">
120 <div class="input-group">
121 <div class="form-group has-feedback has-clear">
122 <input type="text" class="form-control" placeholder="Start typing to filter list of packages" id="tic-package-toolbar-input"/>
123 <span class="form-control-clear glyphicon glyphicon-remove form-control-feedback hidden" id="tic-package-toolbar-input-clear"></span>
125 <div class="input-group-btn">
126 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
127 <i class="fa fa-filter"></i>
129 <ul class="dropdown-menu dropdown-menu-right">
131 <a href="#" tabIndex="-1">
132 <label class="checkbox-inline"><input type="checkbox" id="tic-package-toolbar-debug"/> Hide Debug Packages</label>
136 <a href="#" tabIndex="-1">
137 <label class="checkbox-inline"><input type="checkbox" id="tic-package-toolbar-devel"/> Hide Develop Packages</label>
141 <button type="button" class="btn btn-default" id="tic-package-left-col-tree-toolbar-collapse-all">
142 <i class="fa fa-minus"></i>
144 <button type="button" class="btn btn-default" id="tic-package-left-col-tree-toolbar-expand-all">
145 <i class="fa fa-plus"></i>
150 <!-- Package Tree -->
151 <div id="tic-package-left-col-tree">
155 </div><!-- /End Package Left Column -->
157 <!-- Package Right Column -->
158 <div class="col-md-6">
159 <!-- Package Information -->
160 <div class="panel panel-primary">
161 <div class="panel-heading">Package Information</div>
162 <div class="panel-body">
163 <table id="tic-package-info-table" class="table table-condensed">
165 <tr><td>Name</td><td id="tic-package-info-text"></td></tr>
166 <tr><td>Version</td><td id="tic-package-info-version"></td></tr>
167 <tr><td>Architecture</td><td id="tic-package-info-arch"></td></tr>
168 <tr><td>Size</td><td id="tic-package-info-size"></td></tr>
169 <tr><td>Installed Size</td><td id="tic-package-info-installed-size"></td></tr>
170 <tr><td>Summary</td><td id="tic-package-info-summary"></td></tr>
171 <tr><td>Description</td><td id="tic-package-info-description"></td></tr>
176 <!-- Package Summary -->
177 <div class="panel panel-primary">
178 <div class="panel-heading">Summary</div>
179 <div class="panel-body">
180 <table id="tic-package-summary" class="table table-condensed">
182 <tr><td>Image Size</td><td id="tic-package-image-size"></td></tr>
183 <tr><td>Image Installed Size</td><td id="tic-package-image-installed-size"></td></tr>
184 <tr><td>Package List <span class="badge" id="tic-package-list-badge"></span></td><td id="tic-package-list"></td></tr>
188 <div class="panel-footer">
189 <a type="button" id="tic-package-create" class="btn btn-primary disabled" href="#">Image Creation</a>
192 </div><!-- /End Package Right Column -->
194 </div><!-- /.container -->
198 <section id="tic-job-section">
199 <div class="container">
201 <!-- Job List Column -->
202 <div class="col-md-12">
203 <div class="panel panel-primary">
204 <div class="panel-heading">
205 <h3 class="panel-title">Job List</h3>
207 <div class="panel-body">
208 <div id="tic-job-list">
209 <div id="tic-job-list-content">
211 <table class="table table-hover table-bordered ui-responsive tic-job-table" id="tic-job-table">
213 <tr class="filters text-center">
230 <div id="tic-job-list-pagination">
231 <ul class="pagination pagination-sm">
232 <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a></li>
233 <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></li>
238 </div><!-- /End Job List Column -->
240 </div><!-- /.container -->
243 <!-- Image Section -->
244 <section id="tic-image-section">
245 <div class="container">
247 <!-- Image List Column -->
248 <div class="col-md-12">
249 <div class="panel panel-primary">
250 <div class="panel-heading">Image List</div>
251 <div class="panel-body">
252 <div id="tic-image-list-content">
253 <ul class="list-group" id="tic-image-list"></ul>
255 <div id="tic-image-list-pagination">
256 <ul class="pagination pagination-sm">
257 <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a></li>
258 <li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></li>
263 </div><!-- /End Image List Column -->
265 </div><!-- /.container -->
269 <!-- Settings Section -->
270 <section id="tic-settings-section">
271 <div class="container">
273 <!-- Settings Column -->
274 <div class="col-md-12">
275 <div class="panel panel-primary">
276 <div class="panel-heading">Settings</div>
277 <div class="panel-body">
278 <!-- Repository Column -->
279 <div class="panel panel-primary">
280 <div class="panel-heading">Recipe</div>
281 <div class="panel-body">
282 <!-- Settings Toolbar -->
283 <div id="tic-settings-recipe-toolbar">
284 <button type="button" id="tic-settings-recipe-import" class="btn btn-default"><i class="fa fa-download"></i> Import</button>
285 <button type="button" id="tic-settings-recipe-export" class="btn btn-default"><i class="fa fa-upload"></i> Export</button>
287 <ol id="tic-recipe-list" class="list-group"></ol>
292 <div class="panel-footer">
293 <a id="tic-recipe-apply" type="button" class="btn btn-primary" href="#tic-package-section">Apply</a>
296 </div><!-- /End Settings Column -->
298 </div><!-- /.container -->
302 <!-- Loading Dialog -->
303 <div class="modal fade" id="tic-load-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
304 <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
305 </div><!-- /End Loading Dialog -->
308 <div class="modal fade" id="tic-info-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
309 <div class="modal-dialog modal-sm">
310 <div class="modal-content">
311 <div class="modal-body">
312 <p id="tic-info-content"></p>
314 <div class="modal-footer">
315 <button type="button" class="btn btn-success" data-dismiss="modal">Close</button>
319 </div><!-- /End Info Dialog -->
321 <!-- Alert Dialog -->
322 <div class="modal fade" id="tic-alert-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
323 <div class="modal-dialog modal-sm">
324 <div class="modal-content">
325 <div class="modal-body">
326 <p id="tic-alert-content"></p>
328 <div class="modal-footer">
329 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
333 </div><!-- /End Alert Dialog -->
335 <!-- Confirm Dialog -->
336 <div class="modal fade" id="tic-confirm-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
337 <div class="modal-dialog modal-sm">
338 <div class="modal-content">
339 <div class="modal-body">
340 <p id="tic-confirm-content"></p>
342 <div class="modal-footer">
343 <button id="tic-confirm-ok" type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
344 <button id="tic-confirm-cancel" type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
348 </div><!-- /End Confirm Dialog -->
351 <div id="log-view-content" class="log-view-content">
352 <div class="log-view-content-header">
353 <button type="button" class="close log-view-content-close">x</button>
354 <h4 class="log-view-content-header-title">Log</h4>
355 <a type="button" id="log-view-content-download" class="fa fa-download log-view-content-download"> Download</a>
357 <div id="log-view-content-body" class="log-view-content-body"></div>
358 </div><!-- /End Log View -->
360 <!-- Context menu in package tree -->
361 <div id="tic-package-context-menu">
362 <ul class="dropdown-menu" role="menu">
363 <li><a id="tic-package-context-menu-uncheck-all" tabindex="-1">Uncheck All</a></li>
365 <li class="divider"></li>
368 </div><!-- /End Context menu in package tree -->
370 <!-- Import Dialog -->
371 <div class="modal fade" id="tic-import-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
372 <div class="modal-dialog">
373 <div class="modal-content">
374 <div class="modal-header">
375 <h4 class="modal-title">Add Recipe or Repository</h4>
377 <div class="modal-body">
378 <div id="tic-import-recipe-container" data-toggle="validator" data-validate="true">
381 <div class="form-group col-md-3">
383 <label class="radio-inline control-label"><input id="tic-import-recipe-file-group" type="radio" name="recipe" checked="checked"> Recipe File</label>
386 <div class="form-group has-feedback has-clear col-md-5">
387 <input class="form-control tic-import-recipe-file-group" id="tic-import-recipe-file-input" type="text" readonly>
389 <div class="form-group col-md-2">
390 <button id="tic-import-recipe-file-browser" class="tic-import-recipe-file-group btn btn-primary" type="button">Browser..</button>
396 <div class="form-group col-md-3">
398 <label class="radio-inline control-label"><input id="tic-import-recipe-url-group" type="radio" name="recipe"> Recipe URL</label>
401 <div id="tic-import-recipe-url-group" class="form-group has-feedback has-clear col-md-7">
402 <input class="form-control tic-import-recipe-url-group" id="tic-import-recipe-url-input" type="url" placeholder="Enter recipe URL" data-unique="unique">
403 <div id="tic-import-recipe-url-group-help" class="help-block with-errors"></div>
407 <!-- Repository URL -->
409 <div class="form-group col-md-3">
411 <label class="radio-inline control-label"><input id="tic-import-recipe-repo-url-group" type="radio" name="recipe" > Repository URL</label>
414 <div class="form-group has-feedback has-clear col-md-7">
415 <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">
416 <div class="help-block with-errors"></div>
421 <div class="modal-footer">
422 <button id="tic-import-recipe-confirm-ok" type="button" class="btn btn-primary">OK</button>
423 <button id="tic-import-recipe-confirm-cancel" type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
427 </div><!-- /End Import Dialog -->
429 <!-- library loading -->
430 <script src="/socket.io/socket.io.js"></script>
431 <script src="/js/config.js"></script>
432 <script src="/lib/requirejs/require.js" data-main="js/main"></script>