openmedialibrary-linux-package
This commit is contained in:
commit
b7c6c44cd1
16 changed files with 477 additions and 0 deletions
11
openmedialibrary/index.html
Normal file
11
openmedialibrary/index.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Open Media Library</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<link href="/png/oml.png" rel="icon" type="image/png">
|
||||
<script src="/js/install.js" type="text/javascript"></script>
|
||||
<meta name="google" value="notranslate"/>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
148
openmedialibrary/js/install.js
Normal file
148
openmedialibrary/js/install.js
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
'use strict';
|
||||
|
||||
(function() {
|
||||
|
||||
loadImages(function(images) {
|
||||
loadScreen(images);
|
||||
initUpdate();
|
||||
});
|
||||
|
||||
function initUpdate(browserSupported) {
|
||||
window.update = {};
|
||||
update.status = document.createElement('div');
|
||||
update.status.className = 'OxElement';
|
||||
update.status.style.position = 'absolute';
|
||||
update.status.style.left = '16px';
|
||||
update.status.style.top = '336px';
|
||||
update.status.style.right = 0;
|
||||
update.status.style.bottom = 0;
|
||||
update.status.style.width = '512px';
|
||||
update.status.style.height = '16px';
|
||||
update.status.style.margin = 'auto';
|
||||
update.status.style.textAlign = 'center';
|
||||
update.status.style.color = 'rgb(16, 16, 16)';
|
||||
update.status.style.fontFamily = 'Lucida Grande, Segoe UI, DejaVu Sans, Lucida Sans Unicode, Helvetica, Arial, sans-serif';
|
||||
update.status.style.fontSize = '11px';
|
||||
document.querySelector('#loadingScreen').appendChild(update.status);
|
||||
update.status.innerHTML = '';
|
||||
updateStatus();
|
||||
}
|
||||
|
||||
function load() {
|
||||
var base = '//127.0.0.1:9842',
|
||||
ws = new WebSocket('ws:' + base + '/ws');
|
||||
ws.onopen = function(event) {
|
||||
document.location.href = 'http:' + base;
|
||||
};
|
||||
ws.onerror = function(event) {
|
||||
ws.close();
|
||||
setTimeout(load, 500);
|
||||
};
|
||||
ws.onclose = function(event) {
|
||||
setTimeout(load, 500);
|
||||
};
|
||||
}
|
||||
|
||||
function loadImages(callback) {
|
||||
var images = {};
|
||||
images.logo = document.createElement('img');
|
||||
images.logo.onload = function() {
|
||||
images.logo.style.position = 'absolute';
|
||||
images.logo.style.left = 0;
|
||||
images.logo.style.top = 0;
|
||||
images.logo.style.right = 0;
|
||||
images.logo.style.bottom = '96px';
|
||||
images.logo.style.width = '256px';
|
||||
images.logo.style.height = '256px';
|
||||
images.logo.style.margin = 'auto';
|
||||
images.logo.style.MozUserSelect = 'none';
|
||||
images.logo.style.MSUserSelect = 'none';
|
||||
images.logo.style.OUserSelect = 'none';
|
||||
images.logo.style.WebkitUserSelect = 'none';
|
||||
images.loadingIcon = document.createElement('img');
|
||||
images.loadingIcon.setAttribute('id', 'loadingIcon');
|
||||
images.loadingIcon.style.position = 'absolute';
|
||||
images.loadingIcon.style.left = '16px';
|
||||
images.loadingIcon.style.top = '256px'
|
||||
images.loadingIcon.style.right = 0;
|
||||
images.loadingIcon.style.bottom = 0;
|
||||
images.loadingIcon.style.width = '32px';
|
||||
images.loadingIcon.style.height = '32px';
|
||||
images.loadingIcon.style.margin = 'auto';
|
||||
images.loadingIcon.style.MozUserSelect = 'none';
|
||||
images.loadingIcon.style.MSUserSelect = 'none';
|
||||
images.loadingIcon.style.OUserSelect = 'none';
|
||||
images.loadingIcon.style.WebkitUserSelect = 'none';
|
||||
images.loadingIcon.src = '/svg/symbolLoading.svg';
|
||||
callback(images);
|
||||
};
|
||||
images.logo.src = '/png/oml.png';
|
||||
}
|
||||
|
||||
function loadScreen(images) {
|
||||
var loadingScreen = document.createElement('div');
|
||||
loadingScreen.setAttribute('id', 'loadingScreen');
|
||||
loadingScreen.className = 'OxScreen';
|
||||
loadingScreen.style.position = 'absolute';
|
||||
loadingScreen.style.width = '100%';
|
||||
loadingScreen.style.height = '100%';
|
||||
loadingScreen.style.backgroundColor = 'rgb(224, 224, 224)';
|
||||
loadingScreen.style.zIndex = '1002';
|
||||
loadingScreen.appendChild(images.logo);
|
||||
loadingScreen.appendChild(images.loadingIcon);
|
||||
// FF3.6 document.body can be undefined here
|
||||
window.onload = function() {
|
||||
document.body.style.margin = 0;
|
||||
document.body.appendChild(loadingScreen);
|
||||
startAnimation();
|
||||
};
|
||||
// IE8 does not call onload if already loaded before set
|
||||
document.body && window.onload();
|
||||
}
|
||||
|
||||
|
||||
function startAnimation() {
|
||||
var css, deg = 0, loadingIcon = document.getElementById('loadingIcon'),
|
||||
previousTime = +new Date();
|
||||
var animationInterval = setInterval(function() {
|
||||
var currentTime = +new Date(),
|
||||
delta = (currentTime - previousTime) / 1000;
|
||||
previousTime = currentTime;
|
||||
deg = Math.round((deg + delta * 360) % 360 / 30) * 30;
|
||||
css = 'rotate(' + deg + 'deg)';
|
||||
loadingIcon.style.MozTransform = css;
|
||||
loadingIcon.style.MSTransform = css;
|
||||
loadingIcon.style.OTransform = css;
|
||||
loadingIcon.style.WebkitTransform = css;
|
||||
loadingIcon.style.transform = css;
|
||||
}, 83);
|
||||
}
|
||||
|
||||
function updateStatus() {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.onload = function() {
|
||||
var response = JSON.parse(this.responseText);
|
||||
if (response.step) {
|
||||
var status = response.step;
|
||||
if (response.progress) {
|
||||
status = parseInt(response.progress * 100) + '% ' + status;
|
||||
}
|
||||
update.status.innerHTML = status;
|
||||
setTimeout(updateStatus, 1000);
|
||||
} else {
|
||||
update.status.innerHTML = 'Relaunching...';
|
||||
setTimeout(load, 500);
|
||||
}
|
||||
};
|
||||
xhr.onerror = function() {
|
||||
var status = update.status.innerHTML;
|
||||
if (['Relaunching...', ''].indexOf(status) == -1) {
|
||||
update.status.innerHTML = 'Installation failed';
|
||||
}
|
||||
load();
|
||||
}
|
||||
xhr.open('get', '/status');
|
||||
xhr.send();
|
||||
}
|
||||
|
||||
}());
|
||||
BIN
openmedialibrary/png/oml.png
Normal file
BIN
openmedialibrary/png/oml.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
51
openmedialibrary/svg/oml.svg
Normal file
51
openmedialibrary/svg/oml.svg
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="600" width="600">
|
||||
<g transform="translate(134 -64) rotate(-45 300 300)">
|
||||
<g transform="translate(115.47005383792516 66.66666666666667)">
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(140,131,114)"/>
|
||||
</g>
|
||||
<g transform="translate(230.94010767585033 133.33333333333334)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(156,163,142)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(131,140,114)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(105,112,91)"/>
|
||||
</g>
|
||||
<g transform="translate(346.4101615137755 200.0)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(142,163,142)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(114,140,114)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(91,112,91)"/>
|
||||
</g>
|
||||
<g transform="translate(230.94010767585033 266.6666666666667)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(142,163,156)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(114,140,131)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(91,112,105)"/>
|
||||
</g>
|
||||
<g transform="translate(115.47005383792516 333.33333333333337)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(142,156,163)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(114,131,140)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(91,105,112)"/>
|
||||
</g>
|
||||
<g transform="translate(0 400.0)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(142,142,163)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(114,114,140)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(91,91,112)"/>
|
||||
</g>
|
||||
<g transform="translate(0 266.6666666666667)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(156,142,163)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(131,114,140)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(105,91,112)"/>
|
||||
</g>
|
||||
<g transform="translate(0 133.33333333333334)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(163,142,156)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(140,114,131)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(112,91,105)"/>
|
||||
</g>
|
||||
<g transform="translate(0 0)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(163,142,142)"/>
|
||||
<path d="M 86.60254037844388,50.0 L 173.20508075688775,0 173.20508075688775,100 86.60254037844388,150.0 86.60254037844388,50.0" fill="rgb(140,114,114)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(112,91,91)"/>
|
||||
</g>
|
||||
<g transform="translate(115.47005383792516 66.66666666666667)">
|
||||
<path d="M 0,0 L 86.60254037844388,-50.0 173.20508075688775,0 86.60254037844388,50.0 0,0" fill="rgb(163,156,142)"/>
|
||||
<path d="M 0,0 L 86.60254037844388,50.0 86.60254037844388,150.0 0,100 0,0" fill="rgb(112,105,91)"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
16
openmedialibrary/svg/symbolLoading.svg
Normal file
16
openmedialibrary/svg/symbolLoading.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
|
||||
<g transform="translate(128, 128)" stroke="#808080" stroke-linecap="round" stroke-width="28">
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333"/>
|
||||
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Add table
Add a link
Reference in a new issue