From 237d0ec9daeeaa09f36425e26665e7e017a464a8 Mon Sep 17 00:00:00 2001
From: xpufx <github@xpufx.com>
Date: Mon, 25 Nov 2024 14:28:03 +0000
Subject: [PATCH 1/2] Display how many steps of transposition has been applied
 next to up/down arrows

---
 freetar/static/custom.js   | 3 +++
 freetar/templates/tab.html | 1 +
 2 files changed, 4 insertions(+)

diff --git a/freetar/static/custom.js b/freetar/static/custom.js
index cb7f25b..a63d060 100644
--- a/freetar/static/custom.js
+++ b/freetar/static/custom.js
@@ -19,11 +19,14 @@ function initialise_transpose() {
     plus.click(function () {
         transpose_value = Math.min(11, transpose_value + 1)
         //current.text(transpose_value)
+	document.getElementById('transpose_value').textContent =  transpose_value > 0 ? '+' + transpose_value : transpose_value
         transpose()
+
     });
     minus.click(function () {
         transpose_value = Math.max(-11, transpose_value - 1)
         //current.text(transpose_value)
+	document.getElementById('transpose_value').textContent =  transpose_value > 0 ? '+' + transpose_value : transpose_value
         transpose()
     });
 
diff --git a/freetar/templates/tab.html b/freetar/templates/tab.html
index 6a0b841..b6e3a65 100644
--- a/freetar/templates/tab.html
+++ b/freetar/templates/tab.html
@@ -51,6 +51,7 @@ <h5>
           <span class="">Transpose </span>
           <span role="button" id="transpose_down" title="transpose down" class="m-2">↓</span>
           <span role="button" id="transpose_up" title="transpose up" class="m-2">↑</span>
+	  <span id="transpose_value" title="transpose value" class="m-2"> </span>
       </div>
   </div>
 

From f0caa6e270c051966bfed413efdeb6ed9994c12b Mon Sep 17 00:00:00 2001
From: xpufx <github@xpufx.com>
Date: Wed, 27 Nov 2024 11:25:05 +0000
Subject: [PATCH 2/2] make transpose step roll over after the octave

---
 freetar/static/custom.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/freetar/static/custom.js b/freetar/static/custom.js
index a63d060..fdf052f 100644
--- a/freetar/static/custom.js
+++ b/freetar/static/custom.js
@@ -17,6 +17,9 @@ function initialise_transpose() {
     const plus = $('#transpose_up')
     //current.text(transpose_value)
     plus.click(function () {
+	if (transpose_value === 11) {
+		transpose_value = -1
+	}
         transpose_value = Math.min(11, transpose_value + 1)
         //current.text(transpose_value)
 	document.getElementById('transpose_value').textContent =  transpose_value > 0 ? '+' + transpose_value : transpose_value
@@ -24,10 +27,13 @@ function initialise_transpose() {
 
     });
     minus.click(function () {
+	if (transpose_value === -11) {
+		transpose_value = 1
+	}
         transpose_value = Math.max(-11, transpose_value - 1)
         //current.text(transpose_value)
 	document.getElementById('transpose_value').textContent =  transpose_value > 0 ? '+' + transpose_value : transpose_value
-        transpose()
+	transpose()
     });
 
     $('.tab').find('.chord-root, .chord-bass').each(function () {