Mirrors/Overte-community-apps-AleziaKurdis
3
0
Fork 0
mirror of https://github.com/AleziaKurdis/Overte-community-apps.git synced 2025-04-06 07:33:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update app UI basic styling and fix doppelganger desc.

Browse source
This commit is contained in:
Kasen IO 2020-02-26 11:34:43 -05:00
parent d5bde7430e
commit f3442e6fa3
4 changed files with 65 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
applications/metadata.js
View file

@ -3,7 +3,7 @@ var metadata = { "applications": [
"isActive": true,
"directory": "doppelganger-mirror",
"name": "Doppelganger-Mirror",
"description": "Generate an double of your avatar that only you can see. This allows you to examine your avatar and see how you move. The doppelganger can be grabbed and positioned like you want.",
"description": "Generate a double of your avatar that only you can see. This allows you to examine your avatar and see how you move. The doppelganger can be grabbed and positioned however you want.",
"jsfile": "doppelganger-mirror/app-doppleganger.js",
"icon": "doppelganger-mirror/doppleganger-i.svg",
"caption": "MIRROR"

37
more/css/styles.css
View file

@ -9,9 +9,9 @@
*/
body {
background: #73758c;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #27343B;
font-family: 'Merriweather', sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: 600;
text-decoration: none;
@ -21,7 +21,7 @@ body {
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: 'Quicksand', sans-serif;
font-size: 28px;
color: #ffffff;
font-weight: 800;
@ -32,8 +32,20 @@ h1 {
text-shadow: 3px 3px 3px rgba(63,64,76,1);
}
h1.mainTitle {
}
p.mainDesc {
font-size: 16px;
}
p a {
color: SteelBlue;
}
font.appname {
font-family: Arial, Helvetica, sans-serif;
font-family: 'Merriweather', sans-serif;
font-size: 18px;
color: #CFB538;
font-weight: 800;
@ -41,17 +53,23 @@ font.appname {
font-style: normal;
font-variant: normal;
text-transform: none;
margin-bottom: 5px;
float: left;
clear: both;
}
font.appdesc {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-family: 'Merriweather', sans-serif;
font-size: 15px;
color: #ffffff;
font-weight: 500;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
margin-bottom: 5px;
float: left;
clear: both;
}
font.noresult {
@ -77,7 +95,7 @@ font.caption {
}
font.pager {
font-family: Arial, Helvetica, sans-serif;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #B2B5D9;
font-weight: 600;
@ -114,6 +132,7 @@ button.install {
border-radius: 6px;
border: 2px solid #008CBA;
transition-duration: 0.3s;
float: right;
}
button.install:hover {
@ -130,6 +149,7 @@ button.uninstall {
border-radius: 6px;
border: 2px solid #b34700;
transition-duration: 0.3s;
float: right;
}
button.uninstall:hover {
@ -146,6 +166,7 @@ button.processing {
border-radius: 6px;
border: 2px solid #b59207;
transition-duration: 0.3s;
float: right;
}
div.searchbox {

7
more/more.html
View file

@ -104,14 +104,15 @@
EventBridge.emitWebEvent(JSON.stringify(readyEvent));
}
</script>
</script>
<link href="https://fonts.googleapis.com/css?family=Merriweather|Quicksand:400,700&display=swap" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body><form name = "searchbar">
<h1>Add more functionalities...</h1>
<p>Want to add your own app? Read the <a href="../web/index.html">guide</a>!</p>
<h1 class="mainTitle">Add more functionalities...</h1>
<p class="mainDesc">Want to add your own app? Read the <a href="../web/index.html">guide</a>!</p>
<table style = "width:100%;">
<tr >
<td style = "vertical-align:middle; text-align:left;">

72
web/metadata_js_generator.html
View file

@ -17,35 +17,25 @@
<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>
<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> 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>
<input name = 'generate' type = 'button' onclick = 'genCode();' value ='Generate'><br><br>
<div id = 'errormessage'><font class = 'error'>&nbsp;</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>
<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 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> 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'>&nbsp;</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>
</form>
<script>
@ -75,22 +65,22 @@
return result;
};
function CheckAllowedChar(str){
function CheckAllowedChar(str) {
var allowed = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-";
var ii;
for(ii = 0; ii < str.length; ii = ii + 1 ){
if(allowed.indexOf(str.charAt(ii)) == -1){
for (ii = 0; ii < str.length; ii = ii + 1 ) {
if (allowed.indexOf(str.charAt(ii)) == -1) {
return false;
}
}
return true;
}
function CheckAllowedChar4files(str){
function CheckAllowedChar4files(str) {
var allowed = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-.";
var ii;
for(ii = 0; ii < str.length; ii = ii + 1 ){
if(allowed.indexOf(str.charAt(ii)) == -1){
for (ii = 0; ii < str.length; ii = ii + 1 ) {
if (allowed.indexOf(str.charAt(ii)) == -1) {
return false;
}
}
@ -112,12 +102,12 @@
document.gen.dlapp.disabled = true;
function FormatJsJson(obj){
function FormatJsJson(obj) {
var jsdata = 'var metadata = { "applications": [\n';
obj.applications.forEach(function(item, index){
obj.applications.forEach(function(item, index) {
var comma = "";
if (index < obj.applications.length - 1 ){
if (index < obj.applications.length - 1 ) {
comma = ",";
}
jsdata = jsdata + " {\n";
@ -137,7 +127,7 @@
return jsdata;
}
function genCode(){
function genCode() {
var errormessage = "&nbsp;";
var name = document.gen.name.value;
var description = document.gen.description.value;
@ -156,13 +146,13 @@
jsfilename = jsfilename.trim();
description = description.replace(/\s+/g, ' ').trim();
if (directory == "" || name == "" || description == "" || jsfilename == "" || icon == "" ){
if (directory == "" || name == "" || description == "" || jsfilename == "" || icon == "" ) {
errormessage = "Error: Something is missing.";
} else {
if (CheckAllowedChar(directory) == false){
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){
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 = {