259 lines
17 KiB
HTML
259 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!-- naming convention
|
|
element IDs: some_element_id
|
|
CSS classes: some-css-class
|
|
JavaScript functions used with "new", JavaScript objects acting as enums: SomeFunction
|
|
regular JavaScript variable/function: someVariable
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<title>@META_APP_NAME@</title>
|
|
<link href="3rdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="3rdparty/bootstrap_dropdowns_enhancement/css/dropdowns-enhancement.min.css" rel="stylesheet">
|
|
<link href="css/dashboard.css" rel="stylesheet">
|
|
<link href="css/core.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<!-- navbar -->
|
|
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<!--<a class="navbar-brand collapsed" href="#">Repository index</a>-->
|
|
</div>
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav">
|
|
<li id="nav_packages" class="active"><a href="#packages">Packages <span class="sr-only">(current)</span></a></li>
|
|
<li id="nav_groups"><a href="#groups">Groups</a></li>
|
|
<li id="nav_repositories"><a href="#repositories">Repositories</a></li>
|
|
<!--<li id="nav_settings"><a id="link_settings" href="#" onclick="return false;" aria-label="Settings" data-toggle="popover" data-placement="bottom" title="Settings" data-content="TODO"><span class="glyphicon glyphicon-wrench" aria-hidden="true"></span></a></li>-->
|
|
<li id="nav_about"><a id="link_settings" href="#" onclick="$('#dlg_about').modal('show'); return false;"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></li>
|
|
</ul>
|
|
<form class="navbar-form navbar-left" target="#" onsubmit="repoindex.pageManager.applySearchTerm(this.searchtermInput.value, this.searchtermExact.checked, true); return false;">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Search" name="searchtermInput" oninput="repoindex.pageManager.applySearchTerm(this.value, this.form.searchtermExact.checked);">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-default btn-slim-glyphicon">
|
|
<span class="glyphicon glyphicon-search"></span><span class="sr-only"> Search</span>
|
|
</button>
|
|
<button type="button" class="btn btn-default btn-slim-glyphicon" aria-label="clear" onclick="repoindex.pageManager.applySearchTerm(this.form.searchtermInput.value = '', false, true);">
|
|
<!-- button can't be reset because this would reset the "exact"-checkbox too -->
|
|
<span class="glyphicon glyphicon-remove-sign"></span><span class="sr-only"> Clear</span>
|
|
</button>
|
|
<button type="button" class="btn btn-default btn-slim dropdown-toggle" data-toggle="dropdown" data-placeholder="false" aria-haspopup="true" aria-expanded="false">
|
|
<span class="caret"></span>
|
|
<span class="sr-only">Toggle search-dropdown</span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><input type="checkbox" name="searchtermExact" id="searchterm_exact" onchange="repoindex.pageManager.applySearchTerm(this.form.searchtermInput.value, this.checked, false);"><label for="searchterm_exact">Excact</label></li>
|
|
</ul>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
<form class="navbar-form navbar-right">
|
|
<div class="btn-group" id="nav_server">
|
|
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Server <span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#" onclick="repoindex.client.stopServer(); return false;">Stop</a></li>
|
|
<li><a href="#" onclick="repoindex.client.reinitAlpm(); return false;">Reinit ALPM databases</a></li>
|
|
<li><a href="#" onclick="repoindex.client.updateAlpm(); return false;">Update ALPM databases</a></li>
|
|
</ul>
|
|
</div>
|
|
<button id="nav_connect" class="btn btn-danger" onclick="repoindex.client.init();"><span class="glyphicon glyphicon glyphicon-refresh" aria-hidden="true" id="connection_glyphicon"></span> <span id="connection_status">Disconnected</span></button>
|
|
</form>
|
|
</div><!-- /.navbar-collapse -->
|
|
</div><!-- /.container-fluid -->
|
|
</nav>
|
|
<!-- begin of main content -->
|
|
<div class="main">
|
|
<!-- begin of error box -->
|
|
<div id="error_box" class="alert alert-danger row" role="alert">
|
|
<button type="button" class="close" onclick="repoindex.pageManager.hideErrors()" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<strong>Notifications</strong>
|
|
<ul id="error_list"></ul>
|
|
</div>
|
|
<!-- repositories -->
|
|
<div id="row_repos_buttons" class="row">
|
|
<form>
|
|
<span id="repos_buttons"><!-- generated by JavaScript --></span>
|
|
<span id="repos_buttons_options_dropdown" class="dropdown">
|
|
<button id="repo_buttons_settings_dropdown" type="button" class="btn btn-default btn-slim dropdown-toggle" data-toggle="dropdown" data-placeholder="false" aria-haspopup="true" aria-expanded="true">
|
|
<span class="sr-only">Toggle repo-buttons-options-dropdown</span>
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu" aria-labelledby="repo_buttons_settings_dropdown">
|
|
<li><input type="checkbox" name="reposButtonsExclusive" id="repos_buttons_exclusive"><label for="repos_buttons_exclusive">Exclusive selection</label></li>
|
|
<li><a href="#" onclick="repoindex.pageManager.repoManager.buttonContainerExclusiveButton.checked = false; repoindex.pageManager.repoManager.updateEnabledAll(true); return false;">Select all</a></li>
|
|
<li><a href="#" onclick="repoindex.pageManager.repoManager.updateEnabledAll(false); return false;">Remove selection</a></li>
|
|
</ul>
|
|
</span>
|
|
</form>
|
|
</div>
|
|
<!-- begin of packages page -->
|
|
<div id="page_packages" class="row">
|
|
<div id="multi_package_info_container"><!-- package info panel generated by JavaScript --></div>
|
|
<!-- left column -->
|
|
<div id="left_column_container_packages">
|
|
<!-- package list -->
|
|
<p class="well" id="packages_info">There are no packages available.</p>
|
|
<table class="table">
|
|
<colgroup>
|
|
<col style="width:5%">
|
|
<col style="width:10%">
|
|
<col style="width:15%">
|
|
<col style="width:8%">
|
|
<col style="width:37%">
|
|
<col style="width:15%">
|
|
<col style="width:5%">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>Arch</th><th>Repo</th><th>Name</th><th>Version</th><th>Description</th><th>Build date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="packages" class="table-list table-list-clickable"></tbody>
|
|
</table>
|
|
<!-- package list pagination -->
|
|
<nav class="pagination-nav"><ul class="pagination pagination-sm" id="packages_pagination"><!-- generated by JavaScript --></ul></nav>
|
|
</div>
|
|
<!-- right column -->
|
|
<div id="right_column_container_packages">
|
|
<!-- package info container (right column) -->
|
|
<!-- package info panel generated by JavaScript -->
|
|
</div>
|
|
</div>
|
|
<!-- begin of groups page -->
|
|
<div id="page_groups" class="row">
|
|
<!-- group list -->
|
|
<p class="well" id="groups_info">There are no groups available.</p>
|
|
<table class="table">
|
|
<colgroup>
|
|
<col style="width:15%">
|
|
<col style="width:7%">
|
|
</colgroup>
|
|
<thead>
|
|
<tr><th>Name</th><th>Repo</th><th>Packages</th></tr>
|
|
</thead>
|
|
<tbody id="groups" class="table-list"></tbody>
|
|
</table>
|
|
<!-- group list pagination -->
|
|
<nav class="pagination-nav"><ul class="pagination pagination-sm" id="groups_pagination"><!-- generated by JavaScript --></ul></nav>
|
|
</div>
|
|
<!-- begin of repositories page -->
|
|
<div id="page_repositories" class="row">
|
|
<div id="left_column_container_repos">
|
|
<!-- repository list -->
|
|
<p class="well" id="repos_info">There are no repositories available.</p>
|
|
<table class="table">
|
|
<colgroup>
|
|
<col style="width:10%">
|
|
<!--<col style="width:22%">-->
|
|
</colgroup>
|
|
<thead>
|
|
<tr><th>Name</th><th>Description</th><!--<th>Server</th>--></tr>
|
|
</thead>
|
|
<tbody id="repos" class="table-list table-list-clickable"></tbody>
|
|
</table>
|
|
<!-- repo list pagination -->
|
|
<nav class="pagination-nav"><ul class="pagination pagination-sm" id="repos_pagination"><!-- generated by JavaScript --></ul></nav>
|
|
</div>
|
|
<div id="right_column_container_repos">
|
|
<!-- repo info container (right column) -->
|
|
<!-- repo info panel generated by JavaScript -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade msgbox-critical" tabindex="-1" role="dialog" aria-labelledby="msgbox-critical" id="msgbox_critical">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title" id="msgbox_critical_title">Critical message box</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td class="glyphicon glyphicon-alert" style="font-size: 200%; margin: 15px; color: #c78928;"></td><td id="msgbox_critical_msg" style="vertical-align: middle;">Some message</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade dlg-mirror-selection" tabindex="-1" role="dialog" aria-labelledby="msgbox-critical" id="dlg_mirror_selection">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title" id="title_mirror_selection">Mirror selection</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p id="status_mirror_selection">Select a mirror:</p>
|
|
<ul id="list_mirror_selection"><!-- generated by Javascript --></ul>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade dlg-about" tabindex="-1" role="dialog" aria-labelledby="msgbox-critical" id="dlg_about">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">About</h4>
|
|
</div>
|
|
<div class="modal-body" style="text-align: center;">
|
|
<img src="img/@META_PROJECT_NAME@.svg" style="width: 256px; height: 256px;" />
|
|
<h2>@META_APP_NAME@</h2>
|
|
<p>@META_APP_VERSION@</p>
|
|
<p style="margin: 25px 0px;">
|
|
<em>@META_APP_DESCRIPTION@</em><br>
|
|
<a href="@META_APP_URL@" onclick="window.open(this.href); return false;">Project website</a>
|
|
</p>
|
|
<p style="font-size: 80%;">@META_APP_AUTHOR@</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="3rdparty/jquery-1.11.2/jquery.min.js"></script>
|
|
<script src="3rdparty/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="3rdparty/bootstrap_dropdowns_enhancement/js/dropdowns-enhancement.js"></script>
|
|
<script src="js/proto.js"></script>
|
|
<script src="js/utils.js"></script>
|
|
<script src="js/entrymanagement.js"></script>
|
|
<script src="js/repomanagement.js"></script>
|
|
<script src="js/pagination.js"></script>
|
|
<script src="js/tabbing.js"></script>
|
|
<script src="js/packagemanagement.js"></script>
|
|
<script src="js/groupmanagement.js"></script>
|
|
<script src="js/client.js"></script>
|
|
<script src="js/pagemanagement.js"></script>
|
|
</body>
|
|
</html>
|