mirror of
https://github.com/AleziaKurdis/Overte-community-apps.git
synced 2025-04-06 07:33:22 +02:00
Add license headers, add separate css files for web pages.
This commit is contained in:
Kasen IO
parent
62908fd60e
commit
d4f11e2552
6 changed files with 393 additions and 368 deletions
|
|
@ -1,3 +1,12 @@
|
|||
<!--
|
||||
// index.html
|
||||
//
|
||||
// Created by Keb Helion, February 2020.
|
||||
// Copyright 2020 Project Athena and contributors.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
// VERSION 1.0
|
||||
//
|
||||
// Created by Keb Helion, February 2020.
|
||||
// Copyright "Project Athena" 2020.
|
||||
// Copyright 2020 Project Athena and contributors.
|
||||
//
|
||||
// This script adds a "More Apps" selector to "Project Athena" to allow the user to add optional functionalities to the tablet.
|
||||
// This application has been designed to work directly from the Github repository.
|
||||
|
|
|
|||
97
web/css/metadata_gen.css
Normal file
97
web/css/metadata_gen.css
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
/*
|
||||
metadata_gen.css
|
||||
|
||||
Created by Kalila L. on 23 Feb 2020.
|
||||
Copyright 2020 Project Athena and contributors.
|
||||
|
||||
Distributed under the Apache License, Version 2.0.
|
||||
See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
color: #CFB538;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.error {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 16px;
|
||||
color: #FF0000;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.explain {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
color: #CFB538;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style:italic;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
input {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
textarea.output {
|
||||
background: #ffff66;
|
||||
width: 100%;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
sup {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #3E415E;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
input[type="button"]:disabled {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
109
web/css/styles.css
Normal file
109
web/css/styles.css
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
/*
|
||||
styles.css
|
||||
|
||||
Created by Kalila L. on 23 Feb 2020.
|
||||
Copyright 2020 Project Athena and contributors.
|
||||
|
||||
Distributed under the Apache License, Version 2.0.
|
||||
See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
*/
|
||||
|
||||
body {
|
||||
background: #ffffff; //#3e4563;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 30px;
|
||||
color: #000000;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.appname {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
color: #CFB538;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.appdesc {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.noresult {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
color: #aaaaaa;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.caption {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.greencommented {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #009900;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: italic;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.pager {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #B2B5D9;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
#wrapper {
|
||||
margin: 0 auto;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
#content {
|
||||
float: left;
|
||||
width: 700;
|
||||
}
|
||||
113
web/index.html
113
web/index.html
|
|
@ -1,110 +1,17 @@
|
|||
<!--
|
||||
// index.html
|
||||
//
|
||||
// Created by Keb Helion, February 2020.
|
||||
// Copyright 2020 Project Athena and contributors.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
|
||||
body {
|
||||
background: #ffffff; //#3e4563;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 30px;
|
||||
color: #000000;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.appname {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
color: #CFB538;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.appdesc {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.noresult {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
color: #aaaaaa;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.caption {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.greencommented {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #009900;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: italic;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.pager {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #B2B5D9;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
#wrapper {
|
||||
margin: 0 auto;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
#content {
|
||||
float: left;
|
||||
width: 700;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link href="css/styles.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
|
|
|
|||
|
|
@ -1,291 +1,194 @@
|
|||
<!--
|
||||
// metadata_js_generator.html
|
||||
//
|
||||
// Created by Keb Helion, February 2020.
|
||||
// Copyright 2020 Project Athena and contributors.
|
||||
//
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Applications Metadata Generator ("metadata.js")</title>
|
||||
<title>Applications Metadata Generator ("metadata.js")</title>
|
||||
<link href="css/metadata_gen.css" rel="stylesheet">
|
||||
<script type="text/javascript" src="../applications/metadata.js"></script>
|
||||
</head>
|
||||
<script type="text/javascript" src="../applications/metadata.js"></script>
|
||||
<style>
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
color: #CFB538;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.error {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 16px;
|
||||
color: #FF0000;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
font.explain {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
color: #CFB538;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style:italic;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
input {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
textarea.output {
|
||||
background: #ffff66;
|
||||
width: 100%;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
sup {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #3E415E;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
input[type="button"]:disabled {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<h1>Applications Metadata Generator ("metadata.js")</h1>
|
||||
<form name = 'gen'>
|
||||
<sup>*</sup> Directory name: <input type = 'text' size = '60' maxlength="50" name='directory'> (without any path.)<br><br><br>
|
||||
<h1>Applications Metadata Generator ("metadata.js")</h1>
|
||||
<form name = 'gen'>
|
||||
<sup>*</sup> Directory name: <input type = 'text' size = '60' maxlength="50" name='directory'> (without any path.)<br><br><br>
|
||||
|
||||
|
||||
|
||||
<sup>*</sup> Application Name: <input type = 'text' size = '60' maxlength="50" name='name'><br><br>
|
||||
<sup>*</sup> Application Name: <input type = 'text' size = '60' maxlength="50" name='name'><br><br>
|
||||
|
||||
|
||||
<sup>*</sup> Application Description: <br><textarea name ='description' rows = '6' style = 'width:60%;' maxlength="1000"></textarea><br><br><br>
|
||||
<sup>*</sup> Application Description: <br><textarea name ='description' rows = '6' style = 'width:60%;' maxlength="1000"></textarea><br><br><br>
|
||||
|
||||
|
||||
<sup>*</sup> Main javascript file name: <input type = 'text' size = '60' maxlength="60" name='jsfilename'> (without any path.)<br><br><br><br>
|
||||
<sup>*</sup> Main javascript file name: <input type = 'text' size = '60' maxlength="60" name='jsfilename'> (without any path.)<br><br><br><br>
|
||||
|
||||
<sup>*</sup> Icon file name: <input type = 'text' size = '60' maxlength="60" name='icon'> (without any path.)<br>
|
||||
<font class = 'explain'>Use the "inactive" tablet's icon of your applications. If the script doesn't use the tablet, add an image to<br>illustrate what it does. (Must be 50 X 50 pixels. Possible Format: ".png" or ".svg") </font><br>
|
||||
<br>
|
||||
Caption: <input type = 'text' size = '30' maxlength="12" name='caption'><br>
|
||||
<font class = 'explain'>The same Caption that will appear in the tablet. If the script doesn't use the tablet, keep it null.</font><br><br><br>
|
||||
<sup>*</sup> Icon file name: <input type = 'text' size = '60' maxlength="60" name='icon'> (without any path.)<br>
|
||||
<font class = 'explain'>Use the "inactive" tablet's icon of your applications. If the script doesn't use the tablet, add an image to<br>illustrate what it does. (Must be 50 X 50 pixels. Possible Format: ".png" or ".svg") </font><br>
|
||||
<br>
|
||||
Caption: <input type = 'text' size = '30' maxlength="12" name='caption'><br>
|
||||
<font class = 'explain'>The same Caption that will appear in the tablet. If the script doesn't use the tablet, keep it null.</font><br><br><br>
|
||||
|
||||
|
||||
|
||||
<input name = 'generate' type = 'button' onclick = 'genCode();' value ='Generate'><br><br>
|
||||
<div id = 'errormessage'><font class = 'error'> </font></div><br><br>
|
||||
<hr><br>INSTRUCTIONS:<br><br>
|
||||
1- The file "metadata.js" must replace the current one in the "applications" folder.<br>
|
||||
(The one where all the application's subfolders are stored)<br><br><br>
|
||||
<input name = 'generate' type = 'button' onclick = 'genCode();' value ='Generate'><br><br>
|
||||
<div id = 'errormessage'><font class = 'error'> </font></div><br><br>
|
||||
<hr><br>INSTRUCTIONS:<br><br>
|
||||
1- The file "metadata.js" must replace the current one in the "applications" folder.<br>
|
||||
(The one where all the application's subfolders are stored)<br><br><br>
|
||||
|
||||
<input name = 'dlapp' type = 'button' onclick = 'downloadFile(document.gen.appCode.value, "metadata.js", "application/javascript");' value ='Download metadata.js'><br><br>
|
||||
<textarea class = 'output' name ='appCode' rows = '12' style='width:80%;' readonly></textarea>
|
||||
<input name = 'dlapp' type = 'button' onclick = 'downloadFile(document.gen.appCode.value, "metadata.js", "application/javascript");' value ='Download metadata.js'><br><br>
|
||||
<textarea class = 'output' name ='appCode' rows = '12' style='width:80%;' readonly></textarea>
|
||||
|
||||
</form>
|
||||
<script>
|
||||
|
||||
String.prototype.escapeJSON = function() {
|
||||
var result = "";
|
||||
for (var i = 0; i < this.length; i++)
|
||||
{
|
||||
var ch = this[i];
|
||||
switch (ch)
|
||||
{
|
||||
case "\\": ch = "\\\\"; break;
|
||||
//case "\'": ch = "\\'"; break;
|
||||
case "\"": ch = '\\"'; break;
|
||||
//case "\&": ch = "\\&"; break;
|
||||
case "\t": ch = "\\t"; break;
|
||||
case "\n": ch = "\\n"; break;
|
||||
case "\r": ch = "\\r"; break;
|
||||
case "\b": ch = "\\b"; break;
|
||||
case "\f": ch = "\\f"; break;
|
||||
case "\v": ch = "\\v"; break;
|
||||
default: break;
|
||||
}
|
||||
|
||||
result += ch;
|
||||
}
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
function CheckAllowedChar(str){
|
||||
var allowed = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-";
|
||||
var ii;
|
||||
for(ii = 0; ii < str.length; ii = ii + 1 ){
|
||||
if(allowed.indexOf(str.charAt(ii)) == -1){
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function CheckAllowedChar4files(str){
|
||||
var allowed = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-.";
|
||||
var ii;
|
||||
for(ii = 0; ii < str.length; ii = ii + 1 ){
|
||||
if(allowed.indexOf(str.charAt(ii)) == -1){
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
function downloadFile(theContent, filename, type) {
|
||||
var element = document.createElement('a');
|
||||
element.href = window.URL.createObjectURL(new Blob([theContent], {type: '' + type }));
|
||||
element.download = filename;
|
||||
// Append anchor to body.
|
||||
document.body.appendChild(element);
|
||||
element.click();
|
||||
|
||||
</form>
|
||||
<script>
|
||||
// Remove anchor from body
|
||||
document.body.removeChild(element);
|
||||
}
|
||||
|
||||
String.prototype.escapeJSON = function() {
|
||||
var result = "";
|
||||
for (var i = 0; i < this.length; i++)
|
||||
{
|
||||
var ch = this[i];
|
||||
switch (ch)
|
||||
{
|
||||
case "\\": ch = "\\\\"; break;
|
||||
//case "\'": ch = "\\'"; break;
|
||||
case "\"": ch = '\\"'; break;
|
||||
//case "\&": ch = "\\&"; break;
|
||||
case "\t": ch = "\\t"; break;
|
||||
case "\n": ch = "\\n"; break;
|
||||
case "\r": ch = "\\r"; break;
|
||||
case "\b": ch = "\\b"; break;
|
||||
case "\f": ch = "\\f"; break;
|
||||
case "\v": ch = "\\v"; break;
|
||||
default: break;
|
||||
}
|
||||
document.gen.dlapp.disabled = true;
|
||||
|
||||
result += ch;
|
||||
}
|
||||
function FormatJsJson(obj){
|
||||
var jsdata = 'var metadata = { "applications": [\n';
|
||||
|
||||
obj.applications.forEach(function(item, index){
|
||||
var comma = "";
|
||||
if (index < obj.applications.length - 1 ){
|
||||
comma = ",";
|
||||
}
|
||||
jsdata = jsdata + " {\n";
|
||||
jsdata = jsdata + ' "isActive": ' + item.isActive + ',\n';
|
||||
jsdata = jsdata + ' "directory": "' + item.directory + '",\n';
|
||||
jsdata = jsdata + ' "name": "' + item.name.escapeJSON() + '",\n';
|
||||
jsdata = jsdata + ' "description": "' + item.description.escapeJSON() + '",\n';
|
||||
jsdata = jsdata + ' "jsfile": "' + item.jsfile + '",\n';
|
||||
jsdata = jsdata + ' "icon": "' + item.icon + '",\n';
|
||||
jsdata = jsdata + ' "caption": "' + item.caption.escapeJSON() + '"\n';
|
||||
jsdata = jsdata + " }" + comma + "\n";
|
||||
});
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
function CheckAllowedChar(str){
|
||||
var allowed = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-";
|
||||
var ii;
|
||||
for(ii = 0; ii < str.length; ii = ii + 1 ){
|
||||
if(allowed.indexOf(str.charAt(ii)) == -1){
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function CheckAllowedChar4files(str){
|
||||
var allowed = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-.";
|
||||
var ii;
|
||||
for(ii = 0; ii < str.length; ii = ii + 1 ){
|
||||
if(allowed.indexOf(str.charAt(ii)) == -1){
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
function downloadFile(theContent, filename, type) {
|
||||
var element = document.createElement('a');
|
||||
element.href = window.URL.createObjectURL(new Blob([theContent], {type: '' + type }));
|
||||
element.download = filename;
|
||||
// Append anchor to body.
|
||||
document.body.appendChild(element);
|
||||
element.click();
|
||||
|
||||
// Remove anchor from body
|
||||
document.body.removeChild(element);
|
||||
}
|
||||
|
||||
|
||||
document.gen.dlapp.disabled = true;
|
||||
|
||||
|
||||
function FormatJsJson(obj){
|
||||
var jsdata = 'var metadata = { "applications": [\n';
|
||||
|
||||
obj.applications.forEach(function(item, index){
|
||||
var comma = "";
|
||||
if (index < obj.applications.length - 1 ){
|
||||
comma = ",";
|
||||
}
|
||||
jsdata = jsdata + " {\n";
|
||||
jsdata = jsdata + ' "isActive": ' + item.isActive + ',\n';
|
||||
jsdata = jsdata + ' "directory": "' + item.directory + '",\n';
|
||||
jsdata = jsdata + ' "name": "' + item.name.escapeJSON() + '",\n';
|
||||
jsdata = jsdata + ' "description": "' + item.description.escapeJSON() + '",\n';
|
||||
jsdata = jsdata + ' "jsfile": "' + item.jsfile + '",\n';
|
||||
jsdata = jsdata + ' "icon": "' + item.icon + '",\n';
|
||||
jsdata = jsdata + ' "caption": "' + item.caption.escapeJSON() + '"\n';
|
||||
jsdata = jsdata + " }" + comma + "\n";
|
||||
});
|
||||
|
||||
jsdata = jsdata + " ]\n";
|
||||
jsdata = jsdata + "};";
|
||||
|
||||
return jsdata;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function genCode(){
|
||||
var errormessage = " ";
|
||||
var name = document.gen.name.value;
|
||||
var description = document.gen.description.value;
|
||||
var jsfilename = document.gen.jsfilename.value;
|
||||
var icon = document.gen.icon.value;
|
||||
var caption = document.gen.caption.value;
|
||||
var directory = document.gen.directory.value;
|
||||
var appJsCode = "";
|
||||
var metaJsCode = "";
|
||||
document.gen.dlapp.disabled = true;
|
||||
|
||||
|
||||
caption = caption.toUpperCase();
|
||||
caption = caption.trim()
|
||||
icon = icon.trim();
|
||||
name = name.trim();
|
||||
jsfilename = jsfilename.trim();
|
||||
description = description.replace(/\s+/g, ' ').trim();
|
||||
|
||||
if (directory == "" || name == "" || description == "" || jsfilename == "" || icon == "" ){
|
||||
errormessage = "Error: Something is missing.";
|
||||
}else{
|
||||
if (CheckAllowedChar(directory) == false){
|
||||
errormessage = "Error: The directory name must not contain space or special characters. (Allowed: a-z A-Z 0-9 _ -)";
|
||||
}else{
|
||||
if (CheckAllowedChar4files(jsfilename) == false || CheckAllowedChar4files(icon) == false){
|
||||
errormessage = "Error: The file names (Maim js file or Icon) must not contain space or special characters. (Allowed: a-z A-Z 0-9 _ - .)";
|
||||
}else{
|
||||
appJsCode = {
|
||||
"isActive": true,
|
||||
"directory": directory,
|
||||
"name": name,//.escapeJSON(),
|
||||
"description": description,//.escapeJSON(),
|
||||
"jsfile": directory + "/" + jsfilename,
|
||||
"icon": directory + "/" + icon,
|
||||
"caption": caption //.escapeJSON()
|
||||
};
|
||||
document.gen.dlapp.disabled = false;
|
||||
|
||||
//add entry to current metadata
|
||||
var newMetadata = JSON.parse(JSON.stringify(metadata));
|
||||
newMetadata.applications.push(appJsCode);
|
||||
|
||||
metaJsCode = FormatJsJson(newMetadata);
|
||||
//metaJsCode = "var metadata = " + JSON.stringify(newMetadata) + ";";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
document.gen.appCode.value = metaJsCode;
|
||||
|
||||
|
||||
document.getElementById("errormessage").innerHTML = "<font class = 'error'>" + errormessage + "</font>";
|
||||
|
||||
}
|
||||
</script>
|
||||
jsdata = jsdata + " ]\n";
|
||||
jsdata = jsdata + "};";
|
||||
|
||||
return jsdata;
|
||||
}
|
||||
|
||||
function genCode(){
|
||||
var errormessage = " ";
|
||||
var name = document.gen.name.value;
|
||||
var description = document.gen.description.value;
|
||||
var jsfilename = document.gen.jsfilename.value;
|
||||
var icon = document.gen.icon.value;
|
||||
var caption = document.gen.caption.value;
|
||||
var directory = document.gen.directory.value;
|
||||
var appJsCode = "";
|
||||
var metaJsCode = "";
|
||||
document.gen.dlapp.disabled = true;
|
||||
|
||||
caption = caption.toUpperCase();
|
||||
caption = caption.trim()
|
||||
icon = icon.trim();
|
||||
name = name.trim();
|
||||
jsfilename = jsfilename.trim();
|
||||
description = description.replace(/\s+/g, ' ').trim();
|
||||
|
||||
if (directory == "" || name == "" || description == "" || jsfilename == "" || icon == "" ){
|
||||
errormessage = "Error: Something is missing.";
|
||||
} else {
|
||||
if (CheckAllowedChar(directory) == false){
|
||||
errormessage = "Error: The directory name must not contain space or special characters. (Allowed: a-z A-Z 0-9 _ -)";
|
||||
} else {
|
||||
if (CheckAllowedChar4files(jsfilename) == false || CheckAllowedChar4files(icon) == false){
|
||||
errormessage = "Error: The file names (Maim js file or Icon) must not contain space or special characters. (Allowed: a-z A-Z 0-9 _ - .)";
|
||||
} else {
|
||||
appJsCode = {
|
||||
"isActive": true,
|
||||
"directory": directory,
|
||||
"name": name,//.escapeJSON(),
|
||||
"description": description,//.escapeJSON(),
|
||||
"jsfile": directory + "/" + jsfilename,
|
||||
"icon": directory + "/" + icon,
|
||||
"caption": caption //.escapeJSON()
|
||||
};
|
||||
document.gen.dlapp.disabled = false;
|
||||
|
||||
//add entry to current metadata
|
||||
var newMetadata = JSON.parse(JSON.stringify(metadata));
|
||||
newMetadata.applications.push(appJsCode);
|
||||
|
||||
metaJsCode = FormatJsJson(newMetadata);
|
||||
//metaJsCode = "var metadata = " + JSON.stringify(newMetadata) + ";";
|
||||
}
|
||||
}
|
||||
}
|
||||
document.gen.appCode.value = metaJsCode;
|
||||
|
||||
document.getElementById("errormessage").innerHTML = "<font class = 'error'>" + errormessage + "</font>";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue