320 lines
22 KiB
HTML
320 lines
22 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>Repository index</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">
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
</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="#" 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-right">
|
|
<button id="nav_connect" class="btn btn-danger" onclick="repoindex.alpmClient.init();"><span class="glyphicon glyphicon glyphicon-refresh" aria-hidden="true" id="connection_glyphicon"></span> <span id="connection_status">Disconnected</span></button>
|
|
</form>
|
|
<form class="navbar-form navbar-right" role="search" onsubmit="repoindex.pageManager.applySearchTerm(this.searchtermInput.value, this.searchtermExact.checked); return false;" style="width: 30%;">
|
|
<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 = '');">
|
|
<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);"><label for="searchterm_exact">Excact</label></li>
|
|
</ul>
|
|
</span>
|
|
</div>
|
|
</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">
|
|
<!-- 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><th>Flag 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 -->
|
|
<div id="info_container" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
Package info
|
|
<button type="button" class="close" onclick="repoindex.pageManager.hidePackageInfo();" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="panel-body">
|
|
<!-- package info table (stub) -->
|
|
<table class="table">
|
|
<colgroup>
|
|
<col style="width:30%">
|
|
<col style="width:70%">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr><th>Name</th><td id="pkg_name"></td></tr>
|
|
<tr><th>Repository</th><td id="pkg_repo"></td></tr>
|
|
<tr><th>Version</th><td id="pkg_ver"></td></tr>
|
|
<tr><th>Description</th><td id="pkg_desc"></td></tr>
|
|
<tr><th>Architecture</th><td id="pkg_arch"></td></tr>
|
|
<tr><th>Upstream URL</th><td id="pkg_url"></td></tr>
|
|
<tr><th>Licenses</th><td id="pkg_lic"></td></tr>
|
|
<tr><th>Groups</th><td id="pkg_grp"></td></tr>
|
|
<tr><th>Provides</th><td id="pkg_prov"></td></tr>
|
|
<tr><th>Depends on</th><td id="pkg_deps"></td></tr>
|
|
<tr><th>Optional deps</th><td id="pkg_optd"></td></tr>
|
|
<tr><th>Required by</th><td id="pkg_requ"></td></tr>
|
|
<tr><th>Conflicts with</th><td id="pkg_conf"></td></tr>
|
|
<tr><th>Replaces</th><td id="pkg_repl"></td></tr>
|
|
<tr><th>Install size</th><td id="pkg_isize"></td></tr>
|
|
<tr><th>Packager</th><td id="pkg_pack"></td></tr>
|
|
<tr><th>Build date</th><td id="pkg_bdate"></td></tr>
|
|
<tr><th>Install date</th><td id="pkg_idate"></td></tr>
|
|
<tr><th>Install reason</th><td id="pkg_expl"></td></tr>
|
|
<tr><th>Install script</th><td id="pkg_scri"></td></tr>
|
|
<tr><th>Validated by</th><td id="pkg_sig"></td></tr>
|
|
<tr><th>Files</th><td id="pkg_files"></td></tr>
|
|
<tr>
|
|
<th>Download</th>
|
|
<td><span id="pkg_down"></span> <span id="src_down"></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</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">
|
|
<div id="info_container" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
Repository info
|
|
<button type="button" class="close" onclick="repoindex.pageManager.hideRepoInfo();" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="panel-body">
|
|
<!-- repo info table (stub) -->
|
|
<table class="table">
|
|
<colgroup>
|
|
<col style="width:30%">
|
|
<col style="width:70%">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr><th>Name</th><td id="repo_name"></td></tr>
|
|
<tr><th>Description</th><td id="repo_desc"></td></tr>
|
|
<tr><th>Package count</th><td id="repo_pkgcount"></td></tr>
|
|
<tr><th>Usage</th><td id="repo_usage"></td></tr>
|
|
<tr><th>Signature level</th><td id="repo_siglevel"></td></tr>
|
|
<tr><th>Upgrade sources</th><td id="repo_upgrade_sources"></td></tr>
|
|
<tr>
|
|
<th>Upgrades</th>
|
|
<td><span id="repo_checkforupdates"></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</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;">
|
|
<h2>Repository Index</h2>
|
|
<p>1.0.0</p>
|
|
<p style="margin: 25px 0px;">
|
|
<em>Tool to browse Arch Linux repositories.</em><br>
|
|
<a href="https://github.com/Martchus/" onclick="window.open(this.href); return false;">Project website</a>
|
|
</p>
|
|
<p style="font-size: 80%;">Martchus</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="https://ajax.googleapis.com/ajax/libs/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/packagemanagement.js"></script>
|
|
<script src="js/groupmanagement.js"></script>
|
|
<script src="js/alpm.js"></script>
|
|
<script src="js/pagemanagement.js"></script>
|
|
</body>
|
|
</html>
|