2012-03-15 18:25:06 +01:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Plugin manager</title>
|
|
|
|
|
<style>
|
|
|
|
|
table {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
}
|
|
|
|
|
td, th {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
padding-top: 2px;
|
|
|
|
|
padding-bottom: 2px;
|
|
|
|
|
}
|
2012-03-15 21:07:48 +01:00
|
|
|
.template {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.dialog {
|
|
|
|
|
display: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
width: 500px;
|
|
|
|
|
height: 400px;
|
|
|
|
|
margin-left: -250px;
|
|
|
|
|
margin-top: -200px;
|
|
|
|
|
border: 3px solid #999999;
|
|
|
|
|
background: #eeeeee;
|
|
|
|
|
}
|
|
|
|
|
.dialog .title {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 2px;
|
|
|
|
|
border-bottom: 3px solid #999999;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
}
|
|
|
|
|
.dialog .title .close {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
.dialog .history {
|
|
|
|
|
background: #222222;
|
|
|
|
|
color: #eeeeee;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 41px;
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
left: 10px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
padding: 2px;
|
|
|
|
|
}
|
2012-03-15 18:25:06 +01:00
|
|
|
</style>
|
2012-03-15 21:07:48 +01:00
|
|
|
<script src="../../static/js/jquery.js"></script>
|
|
|
|
|
<script src="../../socket.io/socket.io.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
var socket = io.connect().of("/pluginfw/installer");
|
|
|
|
|
|
2012-03-17 18:17:10 +01:00
|
|
|
function updateHandlers() {
|
|
|
|
|
$("#progress.dialog .close").click(function () {
|
|
|
|
|
$("#progress.dialog").hide();
|
|
|
|
|
});
|
2012-03-15 21:07:48 +01:00
|
|
|
|
2012-03-17 18:17:10 +01:00
|
|
|
$("#do-search").click(function () {
|
|
|
|
|
if ($("#search-query")[0].value != "")
|
|
|
|
|
socket.emit("search", $("#search-query")[0].value);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$("#do-install").click(function (e) {
|
|
|
|
|
var row = $(e.target).closest("tr");
|
|
|
|
|
socket.emit("install", row.find(".name").html());
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$("#do-uninstall").click(function (e) {
|
|
|
|
|
var row = $(e.target).closest("tr");
|
|
|
|
|
socket.emit("install", row.find(".name").html());
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
updateHandlers();
|
2012-03-15 21:07:48 +01:00
|
|
|
|
|
|
|
|
socket.on('progress', function (data) {
|
|
|
|
|
$("#progress.dialog .close").hide();
|
|
|
|
|
$("#progress.dialog").show();
|
|
|
|
|
var message = data.message;
|
|
|
|
|
if (data.error) {
|
|
|
|
|
message = "<div class='error'>" + data.error.toString() + "<div>";
|
|
|
|
|
}
|
|
|
|
|
$("#progress.dialog .message").html(message);
|
|
|
|
|
$("#progress.dialog .history").append(message);
|
|
|
|
|
|
|
|
|
|
if (data.progress >= 1) {
|
|
|
|
|
if (data.error) {
|
|
|
|
|
$("#progress.dialog .close").show();
|
|
|
|
|
} else {
|
|
|
|
|
$("#progress.dialog").hide();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
socket.on('search-result', function (data) {
|
|
|
|
|
$("#search-results *").remove();
|
|
|
|
|
for (plugin_name in data.results) {
|
|
|
|
|
var plugin = data.results[plugin_name];
|
|
|
|
|
var row = $("#search-result-template").clone();
|
|
|
|
|
|
|
|
|
|
for (attr in plugin) {
|
|
|
|
|
row.find("." + attr).html(plugin[attr]);
|
|
|
|
|
}
|
|
|
|
|
$("#search-results").append(row);
|
|
|
|
|
}
|
2012-03-17 18:17:10 +01:00
|
|
|
updateHandlers();
|
2012-03-15 21:07:48 +01:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2012-03-15 18:25:06 +01:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<% if (errors.length) { %>
|
|
|
|
|
<div class="errors">
|
|
|
|
|
<% errors.forEach(function (item) { %>
|
|
|
|
|
<div class="error"><%= item.toString() %></div>
|
|
|
|
|
<% }) %>
|
|
|
|
|
</div>
|
|
|
|
|
<% } %>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1>Installed plugins</h1>
|
|
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
<th>Description</th>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<% for (var plugin_name in plugins) { %>
|
|
|
|
|
<% var plugin = plugins[plugin_name]; %>
|
|
|
|
|
<tr>
|
2012-03-17 18:17:10 +01:00
|
|
|
<td class="name"><%= plugin.package.name %></td>
|
2012-03-15 18:25:06 +01:00
|
|
|
<td><%= plugin.package.description %></td>
|
|
|
|
|
<td>
|
2012-03-17 18:17:10 +01:00
|
|
|
<input type="submit" value="U" class="do-uninstall">
|
2012-03-15 18:25:06 +01:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<% } %>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1>Search for plugins to install</h1>
|
|
|
|
|
<form>
|
2012-03-15 21:07:48 +01:00
|
|
|
<input type="text" name="search" value="" id="search-query">
|
|
|
|
|
<input type="button" value="S" id="do-search">
|
2012-03-15 18:25:06 +01:00
|
|
|
</form>
|
|
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
<th>Description</th>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
2012-03-15 21:07:48 +01:00
|
|
|
<tbody class="template">
|
|
|
|
|
<tr id="search-result-template">
|
|
|
|
|
<td class="name"></td>
|
|
|
|
|
<td class="description"></td>
|
|
|
|
|
<td class="actions">
|
2012-03-17 18:17:10 +01:00
|
|
|
<input type="button" value="I" class="do-install">
|
2012-03-15 21:07:48 +01:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
<tbody id="search-results">
|
2012-03-15 18:25:06 +01:00
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
2012-03-15 21:07:48 +01:00
|
|
|
<div id="progress" class="dialog">
|
|
|
|
|
<h1 class="title">
|
|
|
|
|
Please wait: <span class="message"></span>
|
|
|
|
|
<input type="button" class="close" value="Close">
|
|
|
|
|
</h1>
|
|
|
|
|
|
|
|
|
|
<div class="history"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2012-03-15 18:25:06 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
