From 33c953fb8937cb8965b746260bdd0b234c73b1e3 Mon Sep 17 00:00:00 2001
From: Laura Hausmann <laura@hausmann.dev>
Date: Mon, 12 Dec 2022 15:54:53 +0100
Subject: [PATCH] Split PTR generation into addr and net and color
 appropriately

---
 src/css/tools.css | 10 ++++++++++
 src/js/tools.js   |  5 +++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/css/tools.css b/src/css/tools.css
index 5ef1f11..803e78a 100644
--- a/src/css/tools.css
+++ b/src/css/tools.css
@@ -101,6 +101,16 @@ body {
     border-radius: 0;
 }
 
+.split-ptr-net {
+    font-family: Monospace;
+    color: #FFFAA0;
+}
+
+.split-ptr-addr {
+    font-family: Monospace;
+    color: #FFCCA0;
+}
+
 .ptr {
     font-size: 76%;
 }
diff --git a/src/js/tools.js b/src/js/tools.js
index e355cb1..09d5e28 100644
--- a/src/js/tools.js
+++ b/src/js/tools.js
@@ -54,7 +54,7 @@ function compressChanged(e){
 
 function ptrChanged(e){
 	try {
-		$("#generated_ptr").text(ptr($("#ptr_to_generate").val()));
+		$("#generated_ptr").html(ptr($("#ptr_to_generate").val()));
 		$("#ptr_to_generate").parent().removeClass("has-warning");
 	}
 	catch {
@@ -445,7 +445,8 @@ const ptr = function (addr) {
    validate(addr);
    const fullAddr = normalize(addr);
    const reverse = fullAddr.replace(/:/g, '').split('').reverse();
-   return reverse.slice(0, 128 / 4).join('.') + ".ip6.arpa";
+   const sliced = reverse.slice(0, 128 / 4).join('.');
+   return sliced.replace(/(([0-9a-f]\.?){16})\.(.*)/, '<span class="split-ptr-addr">$1</span>.<span class="split-ptr-net">$3</span>') + ".ip6.arpa";
 };
 
 if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {