10 Commits

Author SHA1 Message Date
Gitea Actions
6469f92c12 Update manifest version to 2.0.4 [▶️] 2025-12-13 06:48:39 +00:00
303e1ad89e revert
All checks were successful
Build, Push, Publish / Build & Release (push) Successful in 10m0s
2025-12-13 03:48:22 -03:00
Gitea Actions
73da0e732c Update manifest version to 2.0.3 [▶️] 2025-12-13 06:33:07 +00:00
3afbc4d640 Merge branch 'main' of https://git.icc.gg/ivancarlos/wificode
All checks were successful
Build, Push, Publish / Build & Release (push) Successful in 9m58s
2025-12-13 03:32:51 -03:00
e8bca48304 remote js 2025-12-13 03:32:33 -03:00
Gitea Actions
d1191e27fc Update manifest version to 2.0.2 [▶️] 2025-12-13 06:03:20 +00:00
e5f83a12e3 Update public/style.css
All checks were successful
Build, Push, Publish / Build & Release (push) Successful in 9m59s
2025-12-13 06:03:09 +00:00
Gitea Actions
6cca124291 Update manifest version to 2.0.1 [▶️] 2025-12-13 05:46:29 +00:00
400a50c7f3 Merge branch 'main' of https://git.icc.gg/ivancarlos/wificode
All checks were successful
Build, Push, Publish / Build & Release (push) Successful in 9m58s
2025-12-13 02:46:05 -03:00
e2efbba5b8 update 2025-12-13 02:45:51 -03:00
3 changed files with 81 additions and 53 deletions

View File

@@ -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

View File

@@ -1,4 +1,4 @@
{ {
"version": "2.0.0", "version": "2.0.4",
"author": "Ivan Carlos" "author": "Ivan Carlos"
} }

View File

@@ -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>