-
-
Notifications
You must be signed in to change notification settings - Fork 47
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #877 from AleziaKurdis/CreateAppAdvancedImport
Create Application: Advanced Import functionality
- Loading branch information
Showing
6 changed files
with
572 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
160 changes: 160 additions & 0 deletions
160
scripts/system/create/importEntities/html/css/importEntities.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,160 @@ | ||
| /* | ||
| // importEntities.css | ||
| // | ||
| // Created by Alezia Kurdis on March 13th, 2024 | ||
| // Copyright 2024 Overte e.V. | ||
| // | ||
| // Distributed under the Apache License, Version 2.0. | ||
| // See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html | ||
| */ | ||
|
|
||
| @font-face { | ||
| font-family: FiraSans-SemiBold; | ||
| src: url(../../../../../../resources/fonts/FiraSans-SemiBold.ttf), /* Windows production */ | ||
| url(../../../../../../fonts/FiraSans-SemiBold.ttf); /* OSX production */ | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: FiraSans-Regular; | ||
| src: url(../../../../../../resources/fonts/FiraSans-Regular.ttf), /* Windows production */ | ||
| url(../../../../../../fonts/FiraSans-Regular.ttf); /* OSX production */ | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: Raleway-Bold; | ||
| src: url(../../../../../../resources/fonts/Raleway-Bold.ttf), /* Windows production */ | ||
| url(../../../../../../fonts/Raleway-Bold.ttf); /* OSX production */ | ||
| } | ||
|
|
||
| html { | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| input[type="text"] { | ||
| font-family: FiraSans-SemiBold; | ||
| color: #BBBBBB; | ||
| background-color: #222222; | ||
| border: 0; | ||
| padding: 4px; | ||
| margin: 1px; | ||
| } | ||
|
|
||
| input[type="number"] { | ||
| font-family: FiraSans-SemiBold; | ||
| color: #BBBBBB; | ||
| background-color: #222222; | ||
| border: 0; | ||
| padding: 4px; | ||
| margin: 1px; | ||
| width: 90px; | ||
| } | ||
|
|
||
| h2 { | ||
| font-size: 18px; | ||
| color: #FFFFFF; | ||
| } | ||
| body { | ||
| background: #404040; | ||
| font-family: FiraSans-Regular; | ||
| font-size: 14px; | ||
| color: #BBBBBB; | ||
| text-decoration: none; | ||
| font-style: normal; | ||
| font-variant: normal; | ||
| text-transform: none; | ||
| } | ||
|
|
||
| #importAtSpecificPositionContainer { | ||
| display: none; | ||
| width: 100%; | ||
| } | ||
|
|
||
| #jsonUrl { | ||
| width:90%; | ||
| } | ||
| #browseBtn { | ||
| font-family: FiraSans-SemiBold; | ||
| } | ||
| #browseBtn:hover { | ||
|
|
||
| } | ||
|
|
||
| label { | ||
| font-family: FiraSans-SemiBold; | ||
| color: #DDDDDD; | ||
| } | ||
| font.red { | ||
| font-family: FiraSans-SemiBold; | ||
| color: #e83333; | ||
| } | ||
| font.green { | ||
| font-family: FiraSans-SemiBold; | ||
| color: #0db518; | ||
| } | ||
| font.blue { | ||
| font-family: FiraSans-SemiBold; | ||
| color: #447ef2; | ||
| } | ||
| #importBtn { | ||
| color: #ffffff; | ||
| background-color: #1080b8; | ||
| background: linear-gradient(#00b4ef 20%, #1080b8 100%); | ||
| font-family: Raleway-Bold; | ||
| font-size: 13px; | ||
| text-transform: uppercase; | ||
| vertical-align: top; | ||
| height: 28px; | ||
| min-width: 70px; | ||
| padding: 0 18px; | ||
| margin: 3px 3px 12px 3px; | ||
| border-radius: 5px; | ||
| border: 0; | ||
| cursor: pointer; | ||
| } | ||
| #importBtn:hover { | ||
| background: linear-gradient(#00b4ef, #00b4ef); | ||
| border: none; | ||
| } | ||
| input:focus { | ||
| outline: none; | ||
| color: #FFFFFF; | ||
| } | ||
| button:focus { | ||
| outline: none; | ||
| } | ||
| div.explicative { | ||
| width: 96%; | ||
| padding: 7px; | ||
| font-family: FiraSans-SemiBold; | ||
| font-size: 12px; | ||
| text-decoration: none; | ||
| color: #BBBBBB; | ||
| } | ||
| button.black { | ||
| font-family: Raleway-Bold; | ||
| font-size: 10px; | ||
| text-transform: uppercase; | ||
| vertical-align: top; | ||
| height: 18px; | ||
| min-width: 60px; | ||
| padding: 0 14px; | ||
| margin: 5px; | ||
| border-radius: 4px; | ||
| border: none; | ||
| color: #fff; | ||
| background-color: #000; | ||
| background: linear-gradient(#343434 20%, #000 100%); | ||
| cursor: pointer; | ||
| } | ||
| button.black:hover { | ||
| background: linear-gradient(#000, #000); | ||
| border: none; | ||
| } | ||
| #messageContainer { | ||
| font-family: FiraSans-SemiBold; | ||
| width: 100%; | ||
| } | ||
| #testContainer { | ||
| border: 1px solid #AAAAAA; | ||
| padding: 0px; | ||
| } |
77 changes: 77 additions & 0 deletions
77
scripts/system/create/importEntities/html/importEntities.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| <!-- | ||
| // importEntities.html | ||
| // | ||
| // Created by Alezia Kurdis on March 13th, 2024. | ||
| // Copyright 2024 Overte e.V. | ||
| // | ||
| // Distributed under the Apache License, Version 2.0. | ||
| // See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html | ||
| --> | ||
| <html> | ||
| <head> | ||
| <title>Import Entities</title> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
| <link rel="stylesheet" type="text/css" href="css/importEntities.css"> | ||
| <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script> | ||
| <script type="text/javascript" src="js/importEntitiesUi.js"></script> | ||
| </head> | ||
| <body onload="loaded();" > | ||
| <h2>Import Entities (.json)</h2> | ||
| <font class="red">* </font>URL/File (.json):<br> | ||
| <input type="text" id = "jsonUrl"> <button id="browseBtn">...</button><br> | ||
| <br> | ||
| <table style="width: 96%;"> | ||
| <tr style="vertical-align: top;"> | ||
| <td style="width: 40%;"> | ||
| Position:<br> | ||
| <input type="radio" name="importAtPosition" id="importAtAvatar" value="avatar" checked><label for="importAtAvatar"> In front of your avatar</label><br> | ||
| <input type="radio" name="importAtPosition" id="importAtSpecificPosition" value="position"><label for="importAtSpecificPosition"> At a specified Position</label><br> | ||
| </td> | ||
| <td style="width: 60%;"> | ||
| <div id="importAtSpecificPositionContainer"> | ||
| <font class="red">X</font> <input type="number" size="6" id = "positionX" value = "0"> | ||
| <font class="green">Y</font> <input type="number" size="6" id = "positionY" value = "0"> | ||
| <font class="blue">Z</font> <input type="number" size="6" id = "positionZ" value = "0"><br> | ||
| <button id="pastePositionBtn" class="black">Paste Position</button><br> | ||
| <div class="explicative"> | ||
| Note: If you import a "serverless" json file, such data include positions. | ||
| It this case, the "Position" will act as an offset. | ||
| </div> | ||
| </div> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| <br> | ||
| <table style="width: 96%;"> | ||
| <tr style="vertical-align: top;"> | ||
| <td style="width: 30%;"> | ||
| Entity Host Type:<br> | ||
| <input type="radio" name="entityHostType" id="entityHostTypeDomain" value="domain" checked><label for="entityHostTypeDomain"> Domain Entities</label><br> | ||
| <input type="radio" name="entityHostType" id="entityHostTypeAvatar" value="avatar"><label for="entityHostTypeAvatar"> Avatar Entities</label><br> | ||
| </td> | ||
| <td style="width: 70%;"> | ||
| <div id="messageContainer"></div> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| <div style="text-align: right; width:96%;"><button id="importBtn">IMPORT</button></div> | ||
| <div id="testContainer"> | ||
| <table style="width: 96%;"> | ||
| <tr style="vertical-align: top;"> | ||
| <td style="width: 60%;"> | ||
| <div class="explicative"> | ||
| For large import, it can be wise to test it in a serverless environment before doing it in your real domain. | ||
| </div> | ||
| </td> | ||
| <td style="width: 40%;"> | ||
| <div style="text-align: center; width:96%;"> | ||
| <button id="backBtn" class="black">⮜ Back</button> | ||
| | ||
| <button id="tpTutorialBtn" class="black">Go test ⮞</button> | ||
| </div> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.