You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
6.8 KiB
138 lines
6.8 KiB
<!DOCTYPE html> |
|
<html> |
|
<link rel="stylesheet" href="./css/dev.css"> |
|
<head> |
|
<title>0xUniversallis |
|
</title> |
|
<meta charset="utf-8" name="viewport" content="width=100%, height=100%, initial-scale=1" http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" http-equiv="Pragma" content="no-cache" http-equiv="Expires" content="-1" /> |
|
<link href="./css/jquery-ui.css" rel="stylesheet" type="text/css"/> |
|
<script src="./js/main/funcs/protect.js"></script> |
|
<script src="./js/main/funcs/elements.js"></script> |
|
|
|
<script src="./js/main/jqueries/jquery.min.js"></script> |
|
<script src="./js/main/jqueries/jquery2.min.js"></script> |
|
<script src="./js/main/jqueries/jquery-ui.min.js"></script> |
|
|
|
<script type="text/javascript" src="./js/main/funcs/funcs.js"></script> |
|
</head> |
|
<body class="dark-mode"> |
|
<p style='float: left; padding-bottom: 20px;margin-top: -1.7%;'> |
|
<p></p> |
|
<button onclick="onelement1()">Synthesis Dev</button> |
|
<button onclick="onelement2()"></button> |
|
<a href="./url/"><button></button></a> |
|
<span> </span> |
|
<a href="./index.html" rel="noopener noreferrer"><button>Home</button></a> |
|
<a href="https://github.com/c2V2ZW4K/portal/" target="_blank" rel="noopener noreferrer"><button>Github Repo</button></a> |
|
<button id="dark-mode-btn" onclick="toggleDarkMode()">Lights</button> |
|
</p> |
|
<div> |
|
|
|
<div id="divResize1" style="position: absolute; left: 0.2%; top: 5%; height: 98%; width: 98%;"> |
|
<header> |
|
<button onclick="onelement2()">IMG > Base64</button> |
|
<button onclick="onelement4()">CSV To HTML</button> |
|
<button onclick="onelement3()">CSV Generator</button> |
|
<button onclick="onelement5()">Mol Gen (C-O-N)</button> |
|
<button onclick="onelement7()">Mol Gen (All Periodic Table)</button> |
|
<button onclick="onelement8()">Mol Gen (High Energy Smile)</button><span> </span> |
|
<button onclick="onelement9()">Mol Energy Calculator</button><span> </span> |
|
<button onclick="onelement10()">Mol Viwer</button> |
|
<button onclick="onelement6()">Molecule Researcher</button> |
|
<a href="https://molview.org/?" target="_blank" rel="noopener noreferrer"><button>molViwer</button></a> |
|
</header> |
|
<div id="divResize2" style="position: absolute; left: 1%; top: 5%; height: 13%; width: 11%; display: none"> |
|
<input type="file" id="imageInput" /> |
|
<button onclick="convertToBase64()">Convert to Base64</button> |
|
<textarea id="base64Output" readonly></textarea> |
|
<button onclick="copyToClipboard()">Copy to Clipboard</button> |
|
</div> |
|
|
|
<div id="divResize3" style="position: absolute; left: 75%; top: 1%; height: 81%; width: 23%; display: none"> |
|
<form> |
|
<label for="formula">Formula:</label> |
|
<input type="text" id="formula" name="formula"><br><br> |
|
<label for="molecular-weight">Molecular weight:</label> |
|
<input type="text" id="molecular-weight" name="molecular-weight"><br><br> |
|
<label for="hydrogen-bond-donors">Hydrogen bond donors:</label> |
|
<input type="text" id="hydrogen-bond-donors" name="hydrogen-bond-donors"><br><br> |
|
<label for="hydrogen-bond-acceptors">Hydrogen bond acceptors:</label> |
|
<input type="text" id="hydrogen-bond-acceptors" name="hydrogen-bond-acceptors"><br><br> |
|
<label for="percent-composition">Percent composition:</label> |
|
<textarea id="percent-composition" name="percent-composition"></textarea><br><br> |
|
<label for="canonical-smiles">Canonical SMILES:</label> |
|
<input type="text" id="canonical-smiles" name="canonical-smiles"><br><br> |
|
<label for="isomeric-smiles">Isomeric SMILES:</label> |
|
<input type="text" id="isomeric-smiles" name="isomeric-smiles"><br><br> |
|
<label for="inchikey">InChIKey:</label> |
|
<input type="text" id="inchikey" name="inchikey"><br><br> |
|
<label for="inchi">InChI:</label> |
|
<input type="text" id="inchi" name="inchi"><br><br> |
|
<button type="button" onclick="createCSV()">Create CSV</button> |
|
</form> |
|
</div> |
|
|
|
<div id="divResize4" style="position: absolute; left: 28%; top: 1%; height: 81%; width: 45%; display: none"> |
|
<input type="file" id="csv-file"> |
|
<button id="save-button">Save as HTML</button> |
|
<div id="table-container"></div> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script> |
|
</div> |
|
|
|
<div id="divResize5" style="position: absolute; left: 0.5%; top: 5%; height: 75%; width: 51%; display: none"> |
|
<textarea id="outputTextarea" rows="43" cols="71"></textarea> |
|
<button onclick="generateMolecule()">Gerar Molécula</button> |
|
<button onclick="copymolecule()">Copy Molecule</button> |
|
<button onclick="saveMolecule()">Salvar em .mol</button> |
|
</div> |
|
|
|
<div id="divResize6" style="position: absolute; left: 51%; top: 5%; height: 75%; width: 51%; display: none"> |
|
<button onclick="toggleCrossSite()">Toggle Cross-Site</button> |
|
</div> |
|
|
|
<div id="divResize7" style="position: absolute; left: 0.5%; top: 5%; height: 75%; width: 51%; display: none"> |
|
<textarea id="outputTextarea2" rows="43" cols="71"></textarea> |
|
<button onclick="generateMolecule2()">Gerar Molécula</button> |
|
<button onclick="copymolecule2()">Copy Molecule</button> |
|
<button onclick="saveMolecule2()">Salvar em .mol</button> |
|
</div> |
|
|
|
<div id="divResize8" style="position: absolute; left: 0.5%; top: 7%; height: 15%; width: 21%; display: none"> |
|
<p id="outputTextarea3"></p> |
|
<button onclick="gerarHEsmiles()">Generate HE Smile</button> |
|
<button onclick="copyOutput3()">Copy Smile</button> |
|
<button onclick="saveMolecule3()">Save Smile</button> |
|
</div> |
|
|
|
<div id="divResize9" style="position: absolute; left: 0.5%; top: 24%; height: 15%; width: 21%; display: none"> |
|
<label for="smiles">Insira o SMILES da molécula:</label> |
|
<input type="text" id="smiles"> |
|
<button onclick="calcularEnergiaMolecula()">Calcular Energia</button> |
|
<button id="molEnergycaleV">Copy Result</button> |
|
<p id="outputMolEnergy"></p> |
|
</div> |
|
|
|
<div id="divResize10" style="position: absolute; left: 23%; top: 7%; height: 15%; width: 19.7%; display: none"> |
|
<p>Enter a SMILES string:</p> |
|
<input type="text" id="vsmiles"/> |
|
<button onclick="generateURL(), onelement11()">Generate Mol</button> |
|
<button onclick="offMOL(), onelement11()">On/Off Connection</button> |
|
<br /> |
|
</div> |
|
|
|
<div id="divResize11" style="position: absolute; left: 44%; top: 7%; height: 55%; width: 54%; display: none"> |
|
<!-- <iframe id="molContent-iframe" src="" style="width: 100%; height: 100%;"></iframe>--> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
</body> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script> |
|
<script type="text/javascript" src="./js/dev/mol/molGen.js"></script> |
|
<script type="text/javascript" src="./js/dev/mol/smileGen.js"></script> |
|
<script type="text/javascript" src="./js/dev/mol/molEnergycalc.js"></script> |
|
<script type="text/javascript" src="./js/dev/dev/devmod.js"></script> |
|
<script type="text/javascript" src="./js/main/funcs/lights.js"></script> |
|
<script type="text/javascript" src="./js/main/funcs/mr.js"></script> |
|
</html>
|
|
|