Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
e829f08aca | ||
| a20a4a698b | |||
| c85df7cd44 | |||
|
|
6469f92c12 | ||
| 303e1ad89e | |||
|
|
73da0e732c | ||
| 3afbc4d640 | |||
| e8bca48304 | |||
|
|
d1191e27fc | ||
| e5f83a12e3 | |||
|
|
6cca124291 | ||
| 400a50c7f3 | |||
| e2efbba5b8 |
@@ -1,8 +1,3 @@
|
|||||||
FROM nginx:alpine
|
FROM nginx:alpine
|
||||||
|
|
||||||
COPY public/ /usr/share/nginx/html
|
COPY public/ /usr/share/nginx/html
|
||||||
|
|
||||||
# Install wget and download jQuery
|
|
||||||
RUN apk add --no-cache wget && \
|
|
||||||
mkdir -p /usr/share/nginx/html/jquery && \
|
|
||||||
wget https://code.jquery.com/jquery-3.5.1.slim.min.js -O /usr/share/nginx/html/jquery/jquery-3.5.1.slim.min.js
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
{
|
{
|
||||||
"version": "2.0.0",
|
"version": "2.0.5",
|
||||||
"author": "Ivan Carlos"
|
"author": "Ivan Carlos"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
@@ -17,13 +18,15 @@
|
|||||||
<link rel="canonical" href="https://wifi.git.icc.gg/">
|
<link rel="canonical" href="https://wifi.git.icc.gg/">
|
||||||
<!-- Bootstrap removed -->
|
<!-- Bootstrap removed -->
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<section id="generator" class="card">
|
<section id="generator" class="card">
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<h1 id="title">Wifi no QR</h1>
|
<h1 id="title">Wifi no QR</h1>
|
||||||
<p class="subtitle">
|
<p class="subtitle">
|
||||||
Enter your WiFi details below and click <strong>Generate</strong>. The QR Code is created locally in your browser—no data is sent to any server.
|
Enter your WiFi details below and click <strong>Generate</strong>. The QR Code is created locally in
|
||||||
|
your browser—no data is sent to any server.
|
||||||
</p>
|
</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@@ -38,7 +41,13 @@
|
|||||||
<label for="ssid">SSID (Network Name)</label>
|
<label for="ssid">SSID (Network Name)</label>
|
||||||
<div class="input-wrapper">
|
<div class="input-wrapper">
|
||||||
<!-- Signal Icon -->
|
<!-- Signal Icon -->
|
||||||
<svg class="input-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.55a11 11 0 0 1 14.08 0"></path><path d="M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line></svg>
|
<svg class="input-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
|
||||||
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M5 12.55a11 11 0 0 1 14.08 0"></path>
|
||||||
|
<path d="M1.42 9a16 16 0 0 1 21.16 0"></path>
|
||||||
|
<path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path>
|
||||||
|
<line x1="12" y1="20" x2="12.01" y2="20"></line>
|
||||||
|
</svg>
|
||||||
<input type="text" id="ssid" name="ssid" placeholder="MyWiFiNetwork" required>
|
<input type="text" id="ssid" name="ssid" placeholder="MyWiFiNetwork" required>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -51,7 +60,11 @@
|
|||||||
<option value="WEP">WEP</option>
|
<option value="WEP">WEP</option>
|
||||||
<option value="nopass">None</option>
|
<option value="nopass">None</option>
|
||||||
</select>
|
</select>
|
||||||
<svg class="select-arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
|
<svg class="select-arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||||||
|
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||||||
|
stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<polyline points="6 9 12 15 18 9"></polyline>
|
||||||
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -59,11 +72,20 @@
|
|||||||
<label for="key">Password</label>
|
<label for="key">Password</label>
|
||||||
<div class="input-wrapper">
|
<div class="input-wrapper">
|
||||||
<!-- Lock Icon -->
|
<!-- Lock Icon -->
|
||||||
<svg class="input-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
|
<svg class="input-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
|
||||||
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
|
||||||
|
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
|
||||||
|
</svg>
|
||||||
<input type="password" id="key" name="key" placeholder="Wireless Key" required>
|
<input type="password" id="key" name="key" placeholder="Wireless Key" required>
|
||||||
<button type="button" id="display-key" class="icon-btn">
|
<button type="button" id="display-key" class="icon-btn">
|
||||||
<!-- Eye Icon -->
|
<!-- Eye Icon -->
|
||||||
<svg id="display-key-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
<svg id="display-key-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||||||
|
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||||||
|
stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
|
||||||
|
<circle cx="12" cy="12" r="3"></circle>
|
||||||
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -75,8 +97,10 @@
|
|||||||
|
|
||||||
<div class="button-group">
|
<div class="button-group">
|
||||||
<button id="generate" class="btn btn-primary">Generate QR Code</button>
|
<button id="generate" class="btn btn-primary">Generate QR Code</button>
|
||||||
<button id="save" type="button" class="btn btn-secondary" title="Save credentials locally">Save</button>
|
<button id="save" type="button" class="btn btn-secondary"
|
||||||
<a href="#" id="export" class="btn btn-outline" target="_blank" title="Download PNG">Download PNG</a>
|
title="Save credentials locally">Save</button>
|
||||||
|
<a href="#" id="export" class="btn btn-outline" target="_blank" title="Download PNG">Download
|
||||||
|
PNG</a>
|
||||||
<a href="javascript:window.print()" id="print" class="btn btn-outline" title="Print">Print</a>
|
<a href="javascript:window.print()" id="print" class="btn btn-outline" title="Print">Print</a>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
@@ -88,25 +112,33 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p><a href="https://icc.gg/privacidade" target="_blank">Privacy Policy</a> • <a href="https://icc.gg/termos" target="_blank">Terms and Conditions</a></p>
|
<p><a href="https://icc.gg/privacidade" target="_blank">Privacy Policy</a> • <a
|
||||||
|
href="https://icc.gg/termos" target="_blank">Terms and Conditions</a></p>
|
||||||
</footer>
|
</footer>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Scripts preserved and paths adjusted if necessary -->
|
<!-- Scripts -->
|
||||||
<script src="jquery/jquery-3.5.1.slim.min.js"></script>
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
|
||||||
|
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
<script src="jquery-qrcode/jquery.qrcode.min.js"></script>
|
<script src="jquery-qrcode/jquery.qrcode.min.js"></script>
|
||||||
<script src="jquery.storage.js/jquery.storage.js"></script>
|
<script src="jquery.storage.js/jquery.storage.js"></script>
|
||||||
|
|
||||||
<!-- Original Logic Preserved -->
|
<!-- Original Logic Preserved -->
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function escape_string (string) {
|
// Prevent default form submission globally
|
||||||
|
document.getElementById('form').addEventListener('submit', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
function escape_string(string) {
|
||||||
var to_escape = ['\\', ';', ',', ':', '"'];
|
var to_escape = ['\\', ';', ',', ':', '"'];
|
||||||
var hex_only = /^[0-9a-f]+$/i;
|
var hex_only = /^[0-9a-f]+$/i;
|
||||||
var output = "";
|
var output = "";
|
||||||
for (var i=0; i<string.length; i++) {
|
for (var i = 0; i < string.length; i++) {
|
||||||
if($.inArray(string[i], to_escape) != -1) {
|
if ($.inArray(string[i], to_escape) != -1) {
|
||||||
output += '\\'+string[i];
|
output += '\\' + string[i];
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
output += string[i];
|
output += string[i];
|
||||||
@@ -115,26 +147,26 @@
|
|||||||
return output;
|
return output;
|
||||||
};
|
};
|
||||||
|
|
||||||
function generate () {
|
function generate() {
|
||||||
var ssid = $('#ssid').val();
|
var ssid = $('#ssid').val();
|
||||||
var hidden = $('#hidden').is(':checked');
|
var hidden = $('#hidden').is(':checked');
|
||||||
var enc = $('#enc').val();
|
var enc = $('#enc').val();
|
||||||
if (enc != 'nopass') {
|
if (enc != 'nopass') {
|
||||||
var key = $('#key').val();
|
var key = $('#key').val();
|
||||||
$('#showkey').text(enc+' Passphrase: '+key);
|
$('#showkey').text(enc + ' Passphrase: ' + key);
|
||||||
} else {
|
} else {
|
||||||
var key = '';
|
var key = '';
|
||||||
$('#showkey').text('');
|
$('#showkey').text('');
|
||||||
}
|
}
|
||||||
// https://github.com/zxing/zxing/wiki/Barcode-Contents#wi-fi-network-config-android-ios-11
|
// https://github.com/zxing/zxing/wiki/Barcode-Contents#wi-fi-network-config-android-ios-11
|
||||||
var qrstring = 'WIFI:S:'+escape_string(ssid)+';T:'+enc+';P:'+escape_string(key)+';';
|
var qrstring = 'WIFI:S:' + escape_string(ssid) + ';T:' + enc + ';P:' + escape_string(key) + ';';
|
||||||
if (hidden) {
|
if (hidden) {
|
||||||
qrstring += 'H:true';
|
qrstring += 'H:true';
|
||||||
}
|
}
|
||||||
qrstring += ';';
|
qrstring += ';';
|
||||||
$('#qrcode').empty();
|
$('#qrcode').empty();
|
||||||
$('#qrcode').qrcode(qrstring);
|
$('#qrcode').qrcode(qrstring);
|
||||||
$('#showssid').text('SSID: '+ssid);
|
$('#showssid').text('SSID: ' + ssid);
|
||||||
$('#save').show();
|
$('#save').show();
|
||||||
$('#print').css('display', 'inline-block');
|
$('#print').css('display', 'inline-block');
|
||||||
$('#showssid, #showkey').show(); // Show result text
|
$('#showssid, #showkey').show(); // Show result text
|
||||||
@@ -144,12 +176,12 @@
|
|||||||
var data = canvas[0].toDataURL('image/png');
|
var data = canvas[0].toDataURL('image/png');
|
||||||
var e = $('#export');
|
var e = $('#export');
|
||||||
e.attr('href', data);
|
e.attr('href', data);
|
||||||
e.attr('download', ssid+'-qrcode.png');
|
e.attr('download', ssid + '-qrcode.png');
|
||||||
e.css('display', 'inline-block');
|
e.css('display', 'inline-block');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
function save () {
|
function save() {
|
||||||
var ssid = $('#ssid').val();
|
var ssid = $('#ssid').val();
|
||||||
if (!ssid) return;
|
if (!ssid) return;
|
||||||
var hidden = $('#hidden').is(':checked');
|
var hidden = $('#hidden').is(':checked');
|
||||||
@@ -157,7 +189,7 @@
|
|||||||
var key = $('#key').val();
|
var key = $('#key').val();
|
||||||
var storage = $.localStorage('qificodes');
|
var storage = $.localStorage('qificodes');
|
||||||
if (!storage) storage = {};
|
if (!storage) storage = {};
|
||||||
storage[ssid] = {'hidden': hidden, 'enc': enc, 'key': key};
|
storage[ssid] = { 'hidden': hidden, 'enc': enc, 'key': key };
|
||||||
$.localStorage('qificodes', storage);
|
$.localStorage('qificodes', storage);
|
||||||
loadhistory();
|
loadhistory();
|
||||||
};
|
};
|
||||||
@@ -173,23 +205,23 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
function loadhistory () {
|
function loadhistory() {
|
||||||
var storage = $.localStorage('qificodes');
|
var storage = $.localStorage('qificodes');
|
||||||
if (storage) {
|
if (storage) {
|
||||||
var history = $('#history-drop ul.dropdown-menu');
|
var history = $('#history-drop ul.dropdown-menu');
|
||||||
var ssids = Object.keys(storage);
|
var ssids = Object.keys(storage);
|
||||||
history.empty();
|
history.empty();
|
||||||
for (var i=0; i<ssids.length; i++) {
|
for (var i = 0; i < ssids.length; i++) {
|
||||||
history.append('<li><a href="#" class="history-item">'+ssids[i]+'</a></li>');
|
history.append('<li><a href="#" class="history-item">' + ssids[i] + '</a></li>');
|
||||||
}
|
}
|
||||||
history.append('<li class="divider"></li>');
|
history.append('<li class="divider"></li>');
|
||||||
history.append('<li><a href="#" class="history-clear">clear history</a></li>');
|
history.append('<li><a href="#" class="history-clear">clear history</a></li>');
|
||||||
|
|
||||||
history.on('click', 'a.history-item', function(e) {
|
history.on('click', 'a.history-item', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
load($(this).text());
|
load($(this).text());
|
||||||
});
|
});
|
||||||
history.on('click', 'a.history-clear', function(e) {
|
history.on('click', 'a.history-clear', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
clearhistory();
|
clearhistory();
|
||||||
});
|
});
|
||||||
@@ -197,13 +229,13 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
function clearhistory () {
|
function clearhistory() {
|
||||||
$.localStorage('qificodes', null);
|
$.localStorage('qificodes', null);
|
||||||
$('#history-drop').hide();
|
$('#history-drop').hide();
|
||||||
};
|
};
|
||||||
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function () {
|
||||||
$('#form').submit(function() {
|
$('#form').submit(function () {
|
||||||
generate();
|
generate();
|
||||||
// Scroll to result on mobile
|
// Scroll to result on mobile
|
||||||
$('html, body').animate({
|
$('html, body').animate({
|
||||||
@@ -211,37 +243,37 @@
|
|||||||
}, 500);
|
}, 500);
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
$('#save').click(function() {
|
$('#save').click(function () {
|
||||||
save();
|
save();
|
||||||
});
|
});
|
||||||
|
|
||||||
// Eye toggle logic adapted for SVG changes
|
// Eye toggle logic adapted for SVG changes
|
||||||
$('#display-key').click(function() {
|
$('#display-key').click(function () {
|
||||||
var $key = $("#key");
|
var $key = $("#key");
|
||||||
var $icon = $("#display-key-icon");
|
var $icon = $("#display-key-icon");
|
||||||
if ($key.attr('type') === 'password') {
|
if ($key.attr('type') === 'password') {
|
||||||
$key.attr('type', 'text');
|
$key.attr('type', 'text');
|
||||||
// Simple logic to visual indicate change - in real app would swap SVG path
|
// Simple logic to visual indicate change - in real app would swap SVG path
|
||||||
$icon.css('opacity', '0.5');
|
$icon.css('opacity', '0.5');
|
||||||
} else {
|
} else {
|
||||||
$key.attr('type', 'password');
|
$key.attr('type', 'password');
|
||||||
$icon.css('opacity', '1');
|
$icon.css('opacity', '1');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#enc').change(function() {
|
$('#enc').change(function () {
|
||||||
if($(this).val() != 'nopass') {
|
if ($(this).val() != 'nopass') {
|
||||||
$('#key-p').slideDown();
|
$('#key-p').slideDown();
|
||||||
$('#key').attr('required','required');
|
$('#key').attr('required', 'required');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$('#key-p').slideUp();
|
$('#key-p').slideUp();
|
||||||
$('#key').removeAttr('required');
|
$('#key').removeAttr('required');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Toggle history logic
|
// Toggle history logic
|
||||||
$('.history-btn').click(function() {
|
$('.history-btn').click(function () {
|
||||||
$('.dropdown-menu').toggle();
|
$('.dropdown-menu').toggle();
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -250,14 +282,15 @@
|
|||||||
|
|
||||||
// Service Worker installation
|
// Service Worker installation
|
||||||
if ('serviceWorker' in navigator) {
|
if ('serviceWorker' in navigator) {
|
||||||
window.addEventListener('load', function() {
|
window.addEventListener('load', function () {
|
||||||
navigator.serviceWorker.register('/sw.js', {scope: './'}).then(function(registration) {
|
navigator.serviceWorker.register('/sw.js', { scope: './' }).then(function (registration) {
|
||||||
console.log('[Service Worker] Successfully installed');
|
console.log('[Service Worker] Successfully installed');
|
||||||
}).catch(function(error) {
|
}).catch(function (error) {
|
||||||
console.log('[Service Worker] Installation failed:', error);
|
console.log('[Service Worker] Installation failed:', error);
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>basic example</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
|
|
||||||
|
|
||||||
<!--<script type="text/javascript" src="../jquery.qrcode.min.js"></script>
|
|
||||||
--><script type="text/javascript" src="../src/jquery.qrcode.js"></script>
|
|
||||||
<script type="text/javascript" src="../src/qrcode.js"></script>
|
|
||||||
|
|
||||||
<p>Render in table</p>
|
|
||||||
<div id="qrcodeTable"></div>
|
|
||||||
<p>Render in canvas</p>
|
|
||||||
<div id="qrcodeCanvas"></div>
|
|
||||||
<script>
|
|
||||||
//jQuery('#qrcode').qrcode("this plugin is great");
|
|
||||||
jQuery('#qrcodeTable').qrcode({
|
|
||||||
render : "table",
|
|
||||||
text : "http://jetienne.com"
|
|
||||||
});
|
|
||||||
jQuery('#qrcodeCanvas').qrcode({
|
|
||||||
text : "http://jetienne.com"
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Demo page</title>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>
|
|
||||||
TODO make a nice looking pure client qrcode generator
|
|
||||||
even allow download of the image
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="output"></div>
|
|
||||||
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.qrcode.min.js"></script>
|
|
||||||
<script>
|
|
||||||
jQuery(function(){
|
|
||||||
jQuery('#output').qrcode("http://jetienne.com");
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Reference in New Issue
Block a user