[TIC-Web] add browser not support page
[archive/20170607/tools/tic.git] / public / src / index.html
index fef9851..9152391 100644 (file)
         <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">
                         </li>
                     </ul>
                     <!-- Log in -->
-                    <ul class="nav navbar-nav navbar-right">
+                    <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">
-                                                <div class="form-group">
+                                            <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" required>
+                                                    <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 class="form-group">
+                                                <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" required>
+                                                    <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>
                             </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>
                         <div class="panel panel-primary">
                             <div class="panel-heading">
                                 <h3 class="panel-title">Job List</h3>
-                                <div class="pull-right">
-                                    <button class="btn btn-default btn-xs btn-filter">
-                                        <span class="glyphicon glyphicon-filter"></span> Filter
-                                    </button>
-                                </div>
                             </div>
                             <div class="panel-body">
                                 <div id="tic-job-list">
                                     <div id="tic-job-list-content">
-                                        <div id="tic-job-filter">
-                                            <form class="navbar-form" role="search">
-                                                <div class="input-group">
-                                                    <input type="text" class="form-control" placeholder="Search" name="q">
-                                                    <div class="input-group-btn">
-                                                        <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
-                                                    </div>
-                                                </div>
-                                            </form>
-                                        </div>
                                         <div>
-                                            <table class="table table-hover table-bordered" id="tic-job-table">
+                                            <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 Name</th>
+                                                        <th>Image</th>
                                                         <th>Image Size</th>
-                                                        <th>Download</th>
                                                         <th>Updated</th>
                                                         <th>Action</th>
                                                         <th>KS</th>
                                             </table>
                                         </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 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 class="panel panel-primary">
                             <div class="panel-heading">Image List</div>
                             <div class="panel-body">
-                                <ul class="list-group" id="tic-image-list"></ul>
+                                <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>
                         <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 -->
             </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="/js/config.js"></script>
         <script src="/lib/requirejs/require.js" data-main="js/main"></script>
     </body>
-</html>
+</html>
\ No newline at end of file