2021-11-25 22:36:21 +01:00
|
|
|
<?php // This file is part of LibreQR, which is distributed under the GNU AGPLv3+ license
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2021-11-03 19:35:20 +01:00
|
|
|
use CodeItNow\BarcodeBundle\Utils\QrCode;
|
|
|
|
|
|
|
|
|
|
require "inc.php";
|
|
|
|
|
|
2021-07-11 14:00:35 +02:00
|
|
|
$params = array(
|
|
|
|
|
"txt" => "",
|
2022-02-13 01:24:34 +01:00
|
|
|
"redundancy" => DEFAULT_REDUNDANCY,
|
2021-07-11 14:00:35 +02:00
|
|
|
"margin" => DEFAULT_MARGIN,
|
|
|
|
|
"size" => DEFAULT_SIZE,
|
2021-11-01 18:08:42 +01:00
|
|
|
"bgColor" => DEFAULT_BGCOLOR,
|
|
|
|
|
"mainColor" => DEFAULT_MAINCOLOR,
|
2021-07-11 14:00:35 +02:00
|
|
|
);
|
|
|
|
|
|
2021-12-06 20:56:56 +01:00
|
|
|
$validFormSubmitted = false;
|
|
|
|
|
|
2021-07-11 14:00:35 +02:00
|
|
|
if (
|
|
|
|
|
isset($_POST['txt'])
|
2022-02-13 01:24:34 +01:00
|
|
|
AND isset($_POST['redundancy'])
|
2021-07-11 14:00:35 +02:00
|
|
|
AND isset($_POST['margin'])
|
|
|
|
|
AND isset($_POST['size'])
|
|
|
|
|
AND isset($_POST['bgColor'])
|
|
|
|
|
AND isset($_POST['mainColor'])
|
|
|
|
|
) {
|
|
|
|
|
|
|
|
|
|
if (strlen($_POST['txt']) >= 1 AND strlen($_POST['txt']) <= 4096)
|
|
|
|
|
$params['txt'] = $_POST['txt'];
|
2020-03-06 21:34:31 +01:00
|
|
|
else
|
2021-07-11 14:00:35 +02:00
|
|
|
exit("Wrong value for txt");
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2022-02-13 01:24:34 +01:00
|
|
|
if ($_POST['redundancy'] === "low" OR $_POST['redundancy'] === "medium" OR $_POST['redundancy'] === "quartile" OR $_POST['redundancy'] === "high")
|
|
|
|
|
$params['redundancy'] = $_POST['redundancy'];
|
2021-07-11 14:00:35 +02:00
|
|
|
else
|
2022-02-13 01:24:34 +01:00
|
|
|
exit("Wrong value for redundancy");
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2021-11-01 18:08:42 +01:00
|
|
|
if (is_numeric($_POST['margin']) AND $_POST['margin'] >= 0 AND $_POST['margin'] <= 1024)
|
2021-07-11 14:00:35 +02:00
|
|
|
$params['margin'] = $_POST['margin'];
|
2021-11-06 00:33:15 +01:00
|
|
|
else if (empty($_POST['margin']))
|
|
|
|
|
$params['margin'] = NULL;
|
2021-07-11 14:00:35 +02:00
|
|
|
else
|
|
|
|
|
exit("Wrong value for margin");
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2021-11-06 00:33:15 +01:00
|
|
|
if (is_numeric($_POST['size']) AND $_POST['size'] >= 1 AND $_POST['size'] <= 4096)
|
2021-07-11 14:00:35 +02:00
|
|
|
$params['size'] = $_POST['size'];
|
2021-11-06 00:33:15 +01:00
|
|
|
else if (empty($_POST['size']))
|
|
|
|
|
$params['size'] = NULL;
|
2021-07-11 14:00:35 +02:00
|
|
|
else
|
|
|
|
|
exit("Wrong value for size");
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2021-07-11 14:00:35 +02:00
|
|
|
if (preg_match("/^#[abcdefABCDEF0-9]{6}$/", $_POST['bgColor']))
|
2021-11-01 18:08:42 +01:00
|
|
|
$params['bgColor'] = substr($_POST['bgColor'], -6);
|
2021-07-11 14:00:35 +02:00
|
|
|
else
|
|
|
|
|
exit("Wrong value for bgColor");
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2021-07-11 14:00:35 +02:00
|
|
|
if (preg_match("/^#[abcdefABCDEF0-9]{6}$/", $_POST['mainColor']))
|
2021-11-01 18:08:42 +01:00
|
|
|
$params['mainColor'] = substr($_POST['mainColor'], -6);
|
2021-07-11 14:00:35 +02:00
|
|
|
else
|
|
|
|
|
exit("Wrong value for mainColor");
|
2020-03-06 21:34:31 +01:00
|
|
|
|
2021-12-06 20:56:56 +01:00
|
|
|
$validFormSubmitted = true;
|
|
|
|
|
|
2020-03-06 21:34:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
<!DOCTYPE html>
|
2020-07-01 20:47:02 +02:00
|
|
|
<html lang="<?= $locale ?>">
|
2019-01-26 14:23:19 +01:00
|
|
|
<head>
|
2021-12-01 21:57:49 +01:00
|
|
|
<meta charset="utf-8">
|
2020-07-01 20:47:02 +02:00
|
|
|
<title>LibreQR · <?= $loc['subtitle'] ?></title>
|
|
|
|
|
<meta name="description" content="<?= $loc['description'] ?>">
|
2019-02-11 19:26:31 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2021-12-01 21:57:49 +01:00
|
|
|
<meta name="color-scheme" content="dark light">
|
|
|
|
|
<meta name="application-name" content="LibreQR">
|
|
|
|
|
<meta name="referrer" content="no-referrer">
|
2021-12-06 20:12:01 +01:00
|
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self' data:; style-src 'self'; manifest-src 'self'; form-action 'self';">
|
2019-03-28 22:44:06 +01:00
|
|
|
<link rel="manifest" href="manifest.php">
|
2021-11-03 19:48:30 +01:00
|
|
|
<?php
|
2021-03-07 23:03:33 +01:00
|
|
|
require_once "less.php/lib/Less/Autoloader.php";
|
|
|
|
|
Less_Autoloader::register();
|
|
|
|
|
|
2021-12-06 20:53:23 +01:00
|
|
|
$colorScheme['theme'] = $theme;
|
|
|
|
|
|
2021-11-03 19:48:30 +01:00
|
|
|
$options = array('cache_dir' => 'css/', 'compress' => true);
|
2021-10-19 17:07:51 +02:00
|
|
|
$cssFileName = Less_Cache::Get(array("style.less" => ""), $options, $colorScheme);
|
2020-03-06 21:34:31 +01:00
|
|
|
?>
|
2021-12-18 23:16:35 +01:00
|
|
|
<link rel="stylesheet" media="screen" href="css/<?= $cssFileName ?>">
|
2021-11-03 19:48:30 +01:00
|
|
|
<?php
|
2020-07-01 20:47:02 +02:00
|
|
|
foreach($themeDimensionsIcons as $dimFav) { // Set all icons dimensions
|
2020-03-06 21:34:31 +01:00
|
|
|
echo ' <link rel="icon" type="image/png" href="themes/' . $theme . '/icons/' . $dimFav . '.png" sizes="' . $dimFav . 'x' . $dimFav . '">' . "\n";
|
2021-11-03 19:48:30 +01:00
|
|
|
}
|
|
|
|
|
?>
|
2019-01-26 14:23:19 +01:00
|
|
|
</head>
|
|
|
|
|
|
2020-03-06 21:34:31 +01:00
|
|
|
<body>
|
|
|
|
|
|
2020-07-01 20:47:02 +02:00
|
|
|
<main>
|
2019-01-26 14:23:19 +01:00
|
|
|
|
2019-03-17 16:03:43 +01:00
|
|
|
<header>
|
2020-10-25 18:02:57 +01:00
|
|
|
<a id="linkTitles" href="./">
|
|
|
|
|
<div id="titles">
|
2020-03-06 21:34:31 +01:00
|
|
|
<h1>LibreQR</h1>
|
2020-07-01 20:47:02 +02:00
|
|
|
<h2><?= $loc['subtitle'] ?></h2>
|
2020-03-06 21:34:31 +01:00
|
|
|
</div>
|
|
|
|
|
</a>
|
2019-03-17 16:03:43 +01:00
|
|
|
</header>
|
2019-08-13 21:17:08 +02:00
|
|
|
|
2021-12-06 20:58:49 +01:00
|
|
|
<form method="post" action="./#output">
|
2019-01-26 14:23:19 +01:00
|
|
|
|
2020-03-06 21:34:31 +01:00
|
|
|
<div id="firstWrapper">
|
2019-08-13 21:17:08 +02:00
|
|
|
|
2021-07-11 21:48:56 +02:00
|
|
|
<div class="param" id="txtParam">
|
2021-11-06 00:33:15 +01:00
|
|
|
<details>
|
|
|
|
|
<summary><label for="txt"><?= $loc['label_content'] ?></label></summary>
|
|
|
|
|
<div class="helpText">
|
|
|
|
|
<?= $loc['help_content'] ?>
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
<textarea rows="8" required="" id="txt" placeholder="<?= $loc['placeholder'] ?>" name="txt"><?= htmlspecialchars($params['txt']) ?></textarea>
|
2019-03-17 16:03:43 +01:00
|
|
|
</div>
|
|
|
|
|
|
2021-05-03 15:18:50 +02:00
|
|
|
<div id="sideParams">
|
2020-03-06 21:34:31 +01:00
|
|
|
|
|
|
|
|
<div class="param">
|
2021-11-06 00:33:15 +01:00
|
|
|
<details>
|
2022-02-13 01:24:34 +01:00
|
|
|
<summary><label for="redundancy"><?= $loc['label_redundancy'] ?></label></summary>
|
2021-11-06 00:33:15 +01:00
|
|
|
<p class="helpText">
|
2022-02-13 01:24:34 +01:00
|
|
|
<?= $loc['help_redundancy'] ?>
|
2021-11-06 00:33:15 +01:00
|
|
|
</p>
|
|
|
|
|
</details>
|
2022-02-13 01:24:34 +01:00
|
|
|
<select id="redundancy" name="redundancy">
|
|
|
|
|
<option <?php if ($params['redundancy'] === "low") echo 'selected="" '; ?>value="low">L - 7%</option>
|
|
|
|
|
<option <?php if ($params['redundancy'] === "medium") echo 'selected="" '; ?>value="medium">M - 15%</option>
|
|
|
|
|
<option <?php if ($params['redundancy'] === "quartile") echo 'selected="" '; ?>value="quartile">Q - 25%</option>
|
|
|
|
|
<option <?php if ($params['redundancy'] === "high") echo 'selected="" '; ?>value="high">H - 30%</option>
|
2020-03-06 21:34:31 +01:00
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="param">
|
2021-11-06 00:33:15 +01:00
|
|
|
<details>
|
|
|
|
|
<summary><label for="margin"><?= $loc['label_margin'] ?></label></summary>
|
|
|
|
|
<p class="helpText">
|
|
|
|
|
<?= $loc['help_margin'] ?>
|
|
|
|
|
</p>
|
|
|
|
|
</details>
|
|
|
|
|
<input type="number" list="margins" id="margin" placeholder="<?= $loc['placeholder_pixels'] ?>" name="margin" min="0" max="1024" value="<?= htmlspecialchars($params['margin']) ?>">
|
|
|
|
|
<datalist id="margins">
|
|
|
|
|
<option value="16">
|
|
|
|
|
<option value="32">
|
|
|
|
|
<option value="64">
|
|
|
|
|
<option value="128">
|
|
|
|
|
</datalist>
|
2020-03-06 21:34:31 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="param">
|
2021-11-06 00:33:15 +01:00
|
|
|
<details>
|
|
|
|
|
<summary><label for="size"><?= $loc['label_size'] ?></label></summary>
|
|
|
|
|
<p class="helpText">
|
|
|
|
|
<?= $loc['help_size'] ?>
|
|
|
|
|
</p>
|
|
|
|
|
</details>
|
|
|
|
|
<input type="number" list="sizes" id="size" placeholder="<?= $loc['placeholder_pixels'] ?>" name="size" min="1" max="4096" value="<?= htmlspecialchars($params['size']) ?>">
|
|
|
|
|
<datalist id="sizes">
|
|
|
|
|
<option value="128">
|
|
|
|
|
<option value="256">
|
|
|
|
|
<option value="512">
|
|
|
|
|
<option value="1024">
|
|
|
|
|
</datalist>
|
2020-03-06 21:34:31 +01:00
|
|
|
</div>
|
|
|
|
|
|
2019-03-17 16:03:43 +01:00
|
|
|
</div>
|
|
|
|
|
|
2020-03-06 21:34:31 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="colors">
|
|
|
|
|
|
2019-03-17 16:03:43 +01:00
|
|
|
<div class="param">
|
2020-07-01 20:47:02 +02:00
|
|
|
<label for="bgColor"><?= $loc['label_bgColor'] ?></label>
|
2020-10-25 18:02:57 +01:00
|
|
|
<div class="inputColorContainer">
|
2021-11-01 18:08:42 +01:00
|
|
|
<input type="color" name="bgColor" id="bgColor" value="#<?= htmlspecialchars($params['bgColor']) ?>">
|
2020-03-06 21:34:31 +01:00
|
|
|
</div>
|
2019-03-17 16:03:43 +01:00
|
|
|
</div>
|
2019-01-26 14:23:19 +01:00
|
|
|
|
2020-03-06 21:34:31 +01:00
|
|
|
<div class="param">
|
2020-07-01 20:47:02 +02:00
|
|
|
<label for="mainColor"><?= $loc['label_mainColor'] ?></label>
|
2020-10-25 18:02:57 +01:00
|
|
|
<div class="inputColorContainer">
|
2021-11-01 18:08:42 +01:00
|
|
|
<input type="color" name="mainColor" id="mainColor" value="#<?= htmlspecialchars($params['mainColor']) ?>">
|
2020-03-06 21:34:31 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-03-17 16:03:43 +01:00
|
|
|
</div>
|
2019-08-13 21:17:08 +02:00
|
|
|
|
2020-07-01 20:47:02 +02:00
|
|
|
<div class="centered">
|
2020-10-25 18:02:57 +01:00
|
|
|
<input class="button" type="submit" value="<?= $loc['button_create'] ?>" />
|
2019-03-17 16:03:43 +01:00
|
|
|
</div>
|
2019-02-11 19:26:31 +01:00
|
|
|
|
2019-03-17 16:03:43 +01:00
|
|
|
</form>
|
2019-02-11 19:26:31 +01:00
|
|
|
|
2021-11-06 00:33:15 +01:00
|
|
|
<?php
|
|
|
|
|
|
2021-12-06 20:56:56 +01:00
|
|
|
if ($validFormSubmitted) {
|
2021-11-06 00:33:15 +01:00
|
|
|
|
2021-12-06 20:53:23 +01:00
|
|
|
$rgbBgColor = array(
|
|
|
|
|
'r' => hexdec(substr($params['bgColor'],0,2)),
|
|
|
|
|
'g' => hexdec(substr($params['bgColor'],2,2)),
|
|
|
|
|
'b' => hexdec(substr($params['bgColor'],4,2)),
|
|
|
|
|
);
|
|
|
|
|
|
2021-11-06 00:33:15 +01:00
|
|
|
require "barcode-generator/Utils/QrCode.php";
|
|
|
|
|
$qrCode = new QrCode();
|
|
|
|
|
if (!is_null($params['margin']))
|
|
|
|
|
$qrCode->setPadding($params['margin']);
|
|
|
|
|
$qrCode
|
|
|
|
|
->setText($params['txt'])
|
|
|
|
|
->setSize($params['size'])
|
2022-02-13 01:24:34 +01:00
|
|
|
->setErrorCorrection($params['redundancy'])
|
2021-11-06 00:33:15 +01:00
|
|
|
->setForegroundColor(array(
|
|
|
|
|
'r' => hexdec(substr($params['mainColor'],0,2)),
|
|
|
|
|
'g' => hexdec(substr($params['mainColor'],2,2)),
|
|
|
|
|
'b' => hexdec(substr($params['mainColor'],4,2)),
|
|
|
|
|
))
|
2021-12-06 20:53:23 +01:00
|
|
|
->setBackgroundColor($rgbBgColor)
|
2021-11-06 00:33:15 +01:00
|
|
|
->setImageType(QrCode::IMAGE_TYPE_PNG);
|
|
|
|
|
$dataUri = $qrCode->getDataUri();
|
|
|
|
|
$qrSize = $qrCode->getSize() + 2 * $qrCode->getPadding();
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
<section id="output">
|
2021-07-11 21:48:56 +02:00
|
|
|
<div class="centered" id="downloadQR">
|
2021-11-06 00:33:15 +01:00
|
|
|
<a href="<?= $dataUri ?>" class="button" download="<?= htmlspecialchars($params['txt']); ?>.png"><?= $loc['button_download'] ?></a>
|
2021-07-11 21:48:56 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="centered" id="showOnlyQR">
|
2021-12-06 20:53:23 +01:00
|
|
|
<a title="<?= $loc['title_showOnlyQR'] ?>" href="<?= $dataUri ?>"><img width="<?= $qrSize ?>" height="<?= $qrSize ?>" alt='<?= $loc['alt_QR_before'] ?><?= htmlspecialchars($params['txt']); ?><?= $loc['alt_QR_after'] ?>' id="qrCode"<?php
|
|
|
|
|
|
|
|
|
|
// Compute the difference between the QR code and theme background colors
|
|
|
|
|
$diffLight = abs($rgbBgColor['r']-hexdec(substr($colorScheme['bg-light'],-6,2))) + abs($rgbBgColor['g']-hexdec(substr($colorScheme['bg-light'],-4,2))) + abs($rgbBgColor['b']-hexdec(substr($colorScheme['bg-light'],-2,2)));
|
|
|
|
|
$diffDark = abs($rgbBgColor['r']-hexdec(substr($colorScheme['bg-dark'],-6,2))) + abs($rgbBgColor['g']-hexdec(substr($colorScheme['bg-dark'],-4,2))) + abs($rgbBgColor['b']-hexdec(substr($colorScheme['bg-dark'],-2,2)));
|
|
|
|
|
|
|
|
|
|
// Determine whether a CSS corner is needed to let the user see the margin of the QR code
|
|
|
|
|
$contrastThreshold = 64;
|
|
|
|
|
if ($diffLight < $contrastThreshold)
|
|
|
|
|
echo " class='needLightContrast'";
|
|
|
|
|
if ($diffDark < $contrastThreshold)
|
|
|
|
|
echo " class='needDarkContrast'";
|
|
|
|
|
?> src="<?= $dataUri ?>"></a>
|
2021-07-11 21:48:56 +02:00
|
|
|
</div>
|
|
|
|
|
</section>
|
2019-02-11 19:26:31 +01:00
|
|
|
|
2021-11-06 00:33:15 +01:00
|
|
|
<?php } ?>
|
|
|
|
|
|
2020-10-25 18:02:57 +01:00
|
|
|
<footer>
|
2020-10-12 18:55:36 +02:00
|
|
|
|
2020-10-25 18:02:57 +01:00
|
|
|
<section id="info" class="metaText">
|
|
|
|
|
<?= $loc['metaText_qr'] ?>
|
|
|
|
|
</section>
|
2020-10-12 18:55:36 +02:00
|
|
|
|
2020-10-25 18:02:57 +01:00
|
|
|
<?php if ($customTextEnabled) { ?>
|
|
|
|
|
<section class="metaText">
|
|
|
|
|
<?= $customText ?>
|
|
|
|
|
</section>
|
2020-10-12 18:55:36 +02:00
|
|
|
<?php } ?>
|
2020-10-25 18:02:57 +01:00
|
|
|
|
|
|
|
|
<section class="metaText">
|
|
|
|
|
<?= $loc['metaText_legal'] ?>
|
|
|
|
|
</section>
|
|
|
|
|
|
2020-10-12 18:55:36 +02:00
|
|
|
</footer>
|
|
|
|
|
|
2020-07-01 20:47:02 +02:00
|
|
|
</main>
|
2019-02-11 19:26:31 +01:00
|
|
|
|
2019-03-17 16:03:43 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
