ivancarlos/wificode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

update

Browse Source
This commit is contained in:
Ivan Carlos
2025-12-13 02:45:51 -03:00
parent 3c42ca9668
commit e2efbba5b8
2 changed files with 80 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Dockerfile
View File

@@ -1,8 +1,3 @@
FROM nginx:alpine
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

117
public/index.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -17,13 +18,15 @@
<link rel="canonical" href="https://wifi.git.icc.gg/">
<!-- Bootstrap removed -->
</head>
<body>
<div class="container">
<section id="generator" class="card">
<header class="page-header">
<h1 id="title">Wifi no QR</h1>
<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>
</header>
@@ -38,7 +41,13 @@
<label for="ssid">SSID (Network Name)</label>
<div class="input-wrapper">
<!-- 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>
</div>
</div>
@@ -51,7 +60,11 @@
<option value="WEP">WEP</option>
<option value="nopass">None</option>
</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>
@@ -59,11 +72,20 @@
<label for="key">Password</label>
<div class="input-wrapper">
<!-- 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>
<button type="button" id="display-key" class="icon-btn">
<!-- 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>
<!-- 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>
</button>
</div>
</div>
@@ -75,8 +97,10 @@
<div class="button-group">
<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>
<a href="#" id="export" class="btn btn-outline" target="_blank" title="Download PNG">Download PNG</a>
<button id="save" type="button" class="btn btn-secondary"
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>
</div>
</form>
@@ -88,25 +112,33 @@
</div>
<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>
</section>
</div>
<!-- Scripts preserved and paths adjusted if necessary -->
<script src="jquery/jquery-3.5.1.slim.min.js"></script>
<!-- Scripts -->
<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.storage.js/jquery.storage.js"></script>
<!-- Original Logic Preserved -->
<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 hex_only = /^[0-9a-f]+$/i;
var output = "";
for (var i=0; i<string.length; i++) {
if($.inArray(string[i], to_escape) != -1) {
output += '\\'+string[i];
for (var i = 0; i < string.length; i++) {
if ($.inArray(string[i], to_escape) != -1) {
output += '\\' + string[i];
}
else {
output += string[i];
@@ -115,26 +147,26 @@
return output;
};
function generate () {
function generate() {
var ssid = $('#ssid').val();
var hidden = $('#hidden').is(':checked');
var enc = $('#enc').val();
if (enc != 'nopass') {
var key = $('#key').val();
$('#showkey').text(enc+' Passphrase: '+key);
$('#showkey').text(enc + ' Passphrase: ' + key);
} else {
var key = '';
$('#showkey').text('');
}
// 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) {
qrstring += 'H:true';
}
qrstring += ';';
$('#qrcode').empty();
$('#qrcode').qrcode(qrstring);
$('#showssid').text('SSID: '+ssid);
$('#showssid').text('SSID: ' + ssid);
$('#save').show();
$('#print').css('display', 'inline-block');
$('#showssid, #showkey').show(); // Show result text
@@ -144,12 +176,12 @@
var data = canvas[0].toDataURL('image/png');
var e = $('#export');
e.attr('href', data);
e.attr('download', ssid+'-qrcode.png');
e.attr('download', ssid + '-qrcode.png');
e.css('display', 'inline-block');
}
};
function save () {
function save() {
var ssid = $('#ssid').val();
if (!ssid) return;
var hidden = $('#hidden').is(':checked');
@@ -157,7 +189,7 @@
var key = $('#key').val();
var storage = $.localStorage('qificodes');
if (!storage) storage = {};
storage[ssid] = {'hidden': hidden, 'enc': enc, 'key': key};
storage[ssid] = { 'hidden': hidden, 'enc': enc, 'key': key };
$.localStorage('qificodes', storage);
loadhistory();
};
@@ -173,23 +205,23 @@
}
};
function loadhistory () {
function loadhistory() {
var storage = $.localStorage('qificodes');
if (storage) {
var history = $('#history-drop ul.dropdown-menu');
var ssids = Object.keys(storage);
history.empty();
for (var i=0; i<ssids.length; i++) {
history.append('<li><a href="#" class="history-item">'+ssids[i]+'</a></li>');
for (var i = 0; i < ssids.length; i++) {
history.append('<li><a href="#" class="history-item">' + ssids[i] + '</a></li>');
}
history.append('<li class="divider"></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();
load($(this).text());
});
history.on('click', 'a.history-clear', function(e) {
history.on('click', 'a.history-clear', function (e) {
e.preventDefault();
clearhistory();
});
@@ -197,13 +229,13 @@
}
};
function clearhistory () {
function clearhistory() {
$.localStorage('qificodes', null);
$('#history-drop').hide();
};
$(document).ready(function(){
$('#form').submit(function() {
$(document).ready(function () {
$('#form').submit(function () {
generate();
// Scroll to result on mobile
$('html, body').animate({
@@ -211,12 +243,12 @@
}, 500);
return false;
});
$('#save').click(function() {
$('#save').click(function () {
save();
});
// Eye toggle logic adapted for SVG changes
$('#display-key').click(function() {
$('#display-key').click(function () {
var $key = $("#key");
var $icon = $("#display-key-icon");
if ($key.attr('type') === 'password') {
@@ -229,19 +261,19 @@
}
});
$('#enc').change(function() {
if($(this).val() != 'nopass') {
$('#key-p').slideDown();
$('#key').attr('required','required');
$('#enc').change(function () {
if ($(this).val() != 'nopass') {
$('#key-p').slideDown();
$('#key').attr('required', 'required');
}
else {
$('#key-p').slideUp();
$('#key').removeAttr('required');
$('#key-p').slideUp();
$('#key').removeAttr('required');
}
});
// Toggle history logic
$('.history-btn').click(function() {
$('.history-btn').click(function () {
$('.dropdown-menu').toggle();
});
@@ -250,14 +282,15 @@
// Service Worker installation
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/sw.js', {scope: './'}).then(function(registration) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('/sw.js', { scope: './' }).then(function (registration) {
console.log('[Service Worker] Successfully installed');
}).catch(function(error) {
}).catch(function (error) {
console.log('[Service Worker] Installation failed:', error);
})
});
}
</script>
</body>
</html>