123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372 |
- <?php
- /**
- * Copyright 2021, 2024 5 Mode
- *
- * This file is part of SnipSwap.
- *
- * SnipSwap is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * SnipSwap is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with SnipSwap. If not, see <https://www.gnu.org/licenses/>.
- *
- * home.php
- *
- * Page Home.
- *
- * @author Daniele Bonini <my25mb@aol.com>
- * @copyrights (c) 2016, 2024, 5 Mode
- */
- use fivemode\fivemode\LinkUtil;
- define('PAGE_TITLE', "SnipSwap - Home");
- function echo_label(string $label) {
- if (mb_strlen($label) > 25) {
- echo(left($label, 25) . "...");
- } else {
- echo($label);
- }
- }
- $q = (string)substr((string)filter_input1(INPUT_GET, "q", FILTER_SANITIZE_QM), 0, 100);
- $splash = filter_input(INPUT_GET, "splash");
- $curLocale = APP_LOCALE;
- ?>
- <script>
- <?PHP if ($splash === "1"):?>
- firstaccess = 1;
- <?PHP else: ?>
- firstaccess = 0;
- <?PHP endif ?>
- </script>
- <?php require APP_SCRIPT_PATH . "/header.php";?>
- <div id="linkContainer" style="margin-top:3%;margin-left:5%;margin-bottom:3%;margin-right:5%;min-height:400px;border:0px solid red;" cat="<?PHP echo($catMaskedPath);?>" ondragover="onDragOver(event);" ondrop="onDrop(this, event);">
- <?php
- //echo($q."=q***");
- //echo($catMaskedPath."=cat***");
- $allLinks = LinkUtil::getLinkList(PHP_STR, "*");
- $iLinkjs = 1;
- $myCubeInitjs= "";
- foreach($allLinks as $ainallLink) {
- $newFormalName = $ainallLink['name'];
- $myCubeInitjs .= "cubes[" . $iLinkjs . "-1] = new myCube( 'Snip#". $iLinkjs . "', '" . $newFormalName . "', '" . APP_HOST . "');\n";
- $myCubeInitjs .= "cubes[" . $iLinkjs . "-1].start();\n";
- $iLinkjs++;
- }
- $myCubeInitjs .= "totcubes=" . count($allLinks) . ";\n";
-
- $aLinks = LinkUtil::getLinkList($q, $catMaskedPath);
-
- $iLink = 0;
- foreach($aLinks as $aLink) {
-
- $order = 1;
- foreach ($allLinks as $ainallLink) {
- if ($ainallLink['name'] === $aLink['name']) {
- break;
- }
- $order++;
- }
-
- ?>
-
- <div class="link-div" style="width:250px; float:left; padding: 10px; margin:5px;" title="<?php echo($aLink['desc']); ?>" order="<?PHP echo($order);?>" onclick="selCube(this);openDetail()" draggable="true" ondragstart="onDragStart(this, event);" onmouseover="onMouseOver();">
- <div style="color:#ed6a43; padding-bottom:8px;"><?php echo($aLink['title']); ?></div>
- <a href="#"><img src="/res/code.png" style="width:232px; height:124px; border:1px solid darkgray;" alt="<?php echo($aLink['title']); ?>"></a><br>
- <a style="font-style:italic; color:green; font-size:10px; padding-top:5px;" href="http://<?php echo(str_replace(PHP_TILDE, PHP_SLASH, $aLink['link']));?>"><?php echo_label(str_replace(PHP_TILDE, PHP_SLASH, $aLink['label']));?></a><br>
- </div>
-
- <?php
-
- $iLink++;
-
- } ?>
-
- <?php
- if (Empty($aLinks)) {
- echo("<div class=\"no-link\" style=\"width:250px; float:left; padding: 10px;\">no link found</div>");
- }
- ?>
-
- </div>
- <?PHP echo("<script>$myCubeInitjs</script>"); ?>
- <button id="modalButton1" type="button" class="btn btn-primary" style="display:none;" data-toggle="modal" data-target="#modal1">Button #1</button>
- <div class="modal" tabindex="-1" role="dialog" id="modal1">
- <div class="modal-dialog modal-lg" role="document" style="width:80%;background-color:#FFFFFF;">
- <div class="modal-content" style="float:left;width:90%; height:90%;">
- <img src="/res/code.png" style="width:98%; vertical-align:top; opacity:0.2"></a>
- <div style="position:absolute; top:10px; padding:50px;">
- <table style="width:100%">
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Title: </td><td width="700px"><input id="snip-detail-title" name="txtTitle" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Description: </td><td width="700px"><input id="snip-detail-desc" name="txtDesc" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Code: </td><td width="700px"><textarea id="snip-detail-code" class="snip-code" name="txtCode" style="width:98%;max-width:750px;height:350px;max-height:350px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></textarea></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Tags: </td><td width="700px"><input id="snip-detail-tags" name="txtTags" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Label (link): </td><td width="700px"><input id="snip-detail-label" name="txtLabel" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Link: </td><td width="700px"><input id="snip-detail-link" name="txtLink" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Email: </td><td width="700px"><input id="snip-detail-email" name="txtEmail" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Cats: </td><td width="700px" style="padding-top:8px;font-weight:900;"><input id="snip-detail-cats" name="txtCats" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="storeData(this)" readonly><br><span style="font-size:10px;border-top:8px solid transparent;">space separated snip categories, "~" for subcategories.</span></td>
- </tr>
- <tr style="display: none;">
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Guid: </td><td width="700px"><input id="snip-detail-guid" name="txtGuid" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" readonly></td>
- </tr>
- <tr>
- <td style="width:100px;text-align:right;padding:10px;font-weight:900;">Password: </td><td width="700px"><input id="snip-detail-password" name="txtPassword" type="text" value="" style="width:98%;max-width:550px;font-weight:900;font-size:15px;border:2px solid #000000;" onkeyup="checkPwd(this)"></td>
- </tr>
- </table>
- <input type="hidden" id="comp-pwd" value="">
- </div>
- </div>
- <div class="modal-toolbox" style="float:left;">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- </div>
- </div>
- </div>
- <script>
-
- /*
- * Interaction code
- */
-
- var oldtthis; // Old cube
- var lineOldVal = ""; // Old value for a detail line
- var lineNewVal = ""; // New value for a detail line
- var dataChanged = false;
- /*
- * Select the given cube
- *
- * @param <interfaceEl> selected cube
- * @returns void
- */
- function selCube(tthis) {
- _selCube(tthis);
- }
- function checkPwd(tthis) {
- if (encryptSha2($(tthis).val()) === $("#comp-pwd").val()) {
- $("#snip-detail-title").prop("readonly", false);
- $("#snip-detail-desc").prop("readonly", false);
- $("#snip-detail-code").prop("readonly", false);
- $("#snip-detail-tags").prop("readonly", false);
- $("#snip-detail-label").prop("readonly", false);
- $("#snip-detail-link").prop("readonly", false);
- $("#snip-detail-email").prop("readonly", false);
- $("#snip-detail-cats").prop("readonly", false);
- }
- }
- /*
- * Get the data for the given detail / face
- *
- * @param string xmlStr, the current cube xml data
- * @param string detail, the requested detail
- * @returns string, the detail data
- */
- function getDetailData(xmlStr, detail) {
- var ret = "";
- var re;
- detail = detail.toLowerCase();
- xmlStr = xmlStr.replace('<?xml version="1.0" encoding="UTF-8"?>',"");
- xmlStr = xmlStr.replace('<details>',"");
- xmlStr = xmlStr.replace('</details>',"");
- xmlStr = xmlStr.replaceAll('\n',"|||999");
- xmlStr = xmlStr.replaceAll(String.fromCharCode(9), "");
- xmlStr = xmlStr.replaceAll(String.fromCharCode(10), "|||999");
- xmlStr = xmlStr.replaceAll(String.fromCharCode(13), "|||999");
- xmlStr = xmlStr.replaceAll(" ", "");
- xmlStr = xmlStr.replaceAll(" ", "");
- xmlStr = escape(xmlStr);
- //xmlStr = xmlStr.replaceAll('\n',"|99");
- //xmlStr = xmlStr.replaceAll(String.fromCharCode(10), "|99");
- //xmlStr = xmlStr.replaceAll(String.fromCharCode(13), "|99");
- xmlStr = xmlStr.replaceAll("%0A", "");
- xmlStr = xmlStr.replaceAll("%20%20%20%20%20", "");
- xmlStr = xmlStr.replaceAll("%20%20%20%20%", "");
- xmlStr = xmlStr.replaceAll("%20%20%", "");
- //xmlStr = unescape(xmlStr);
- //alert("xmlStr="+xmlStr);
- switch (detail) {
- case "snippet":
- re = new RegExp("detail%20face%3D%22snippet%22.+/cats", "igsu");
- break;
- case "contacts":
- re = new RegExp("detail%20face%3D%22contacts%22.+/email", "igsu");
- break;
- case "other info":
- re = new RegExp("detail%20face%3D%22other%20info%22.+/guid", "igsu");
- break;
- case "password":
- re = new RegExp("detail%20face%3D%22password%22.+/password", "igsu");
- break;
- }
- s = re.exec(xmlStr);
- if (!s || s.length===0) {
- //ret = " Error! #1";
- alert("Error#1");
- return ret;
- }
- xmlStr = s[0];
- xmlStr = "<"+xmlStr+"></detail>";
- xmlStr = unescape(xmlStr);
- //alert(xmlStr);
- const parser = new DOMParser();
- const doc = parser.parseFromString(xmlStr, "text/xml");
- x = doc.getElementsByTagName("detail");
- if (x.length===0) {
- //ret = "Error! #2";
- alert("Error#2");
- return ret;
- }
- //ret += "<div style='padding:10px;'>";
- for (i = 0; i < x[0].childNodes.length; i++) {
- if (x[0].childNodes[i].nodeType === 1) {
-
- if (x[0].childNodes[i].nodeName === "code") {
- document.getElementById("snip-detail-" + x[0].childNodes[i].nodeName).innerHTML = htmlEncode(x[0].childNodes[i].textContent);
- } else if (x[0].childNodes[i].nodeName === "password") {
- document.getElementById("comp-pwd").value = htmlEncode(x[0].childNodes[i].textContent);
- } else {
- //alert(x[0].childNodes[i].nodeName);
- document.getElementById("snip-detail-" + x[0].childNodes[i].nodeName).value = x[0].childNodes[i].textContent;
- }
-
- }
- }
- //if ((detail==="pictures") || (detail==="menu")) {
- // ret += "<div style='padding-left:80px;clear:both;'><br>you can use eg. Goolge Drive or Microsoft OneDrive to host your pictures.</div>"
- //}
- //ret += "</div>";
- return ret;
- }
-
- /*
- * Store in the cube object the new data of the text control
- *
- * @param {InterfaceEl} tthis, the text control under editing
- * @returns void
- */
- function storeData(tthis) {
- lineNewVal = $(tthis).val();
- //alert(lineNewVal);
- nodeName = tthis.id;
- nodeName = nodeName.replace("snip-detail-","");
- //alert(nodeName);
- xmlStr = curcube.getxml();
- //$("#log").html($("#log").html() + "old=" + "/(\<" + nodeName + "\>).*(\<\/" + nodeName + "\>)/gs" + "\n");
- //$("#log").html($("#log").html() + "new=" + lineNewVal + "\n");
- //alert("<" + nodeName + ">" + lineNewVal + "</" + nodeName + ">");
- //re = "/(\<" + nodeName + "\>).*(\<\/" + nodeName + "\>)/gs";
- switch (nodeName) {
- case "title":
- re = /(\<title>).*(\<\/title>)/gs;
- break;
- case "desc":
- re = /(\<desc>).*(\<\/desc>)/gs;
- break;
- case "code":
- re = /(\<code>\<\!\[CDATA\[).*(\]\]\>\<\/code>)/gs;
- break;
- case "tags":
- re = /(\<tags>).*(\<\/tags>)/gs;
- break;
- case "cats":
- re = /(\<cats>).*(\<\/cats>)/gs;
- break;
- case "label":
- re = /(\<label>).*(\<\/label>)/gs;
- break;
- case "link":
- re = /(\<link>).*(\<\/link>)/gs;
- break;
- case "email":
- re = /(\<email>).*(\<\/email>)/gs;
- break;
- }
- xmlStr = xmlStr.replace(re, "$1" + lineNewVal + "$2");
- //xmlStr = xmlStr.replace("<" + nodeName + ">" + lineOldVal + "</" + nodeName + ">", "<" + nodeName + ">" + lineNewVal + "</" + nodeName + ">");
- //alert(xmlStr);
- curcube.xml = xmlStr;
- dataChanged = true;
- }
- function _saveData() {
- if (dataChanged) {
- curcube.savedata();
- dataChanged = false;
- }
- }
- setInterval("_saveData()", 1500);
- /*
- * Display the given data detail
- *
- * @param <interfaceEl> selected cube
- * @returns void
- */
- function openDetail() {
- //alert(curcube.getxml());
- myhtml = getDetailData(curcube.getxml(), "snippet") + getDetailData(curcube.getxml(), "contacts") + getDetailData(curcube.getxml(), "other info") + getDetailData(curcube.getxml(), "password");
- $('#modalButton1').click();
- }
- </script>
- <?php require APP_SCRIPT_PATH . "/footer.php";?>
|