From 2f9472b80380f209fc1de8c2babfd52d01ee5a87 Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Tue, 2 Sep 2025 20:16:43 +0200
Subject: [PATCH] Add rotate checkbox for xkcd

---
 .../src/components/CDocumentXkcd.vue                       | 3 +++
 showbits-thermal-printer/src/documents/xkcd/mod.rs         | 7 ++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/showbits-thermal-printer-ui/src/components/CDocumentXkcd.vue b/showbits-thermal-printer-ui/src/components/CDocumentXkcd.vue
index 51ee01e..9e653b0 100644
--- a/showbits-thermal-printer-ui/src/components/CDocumentXkcd.vue
+++ b/showbits-thermal-printer-ui/src/components/CDocumentXkcd.vue
@@ -7,6 +7,7 @@ const { disabled, error, makeRequest } = useApiRequest();
 const form = useTemplateRef<HTMLFormElement>("form");
 
 const number = ref<number>();
+const rotate = ref(false);
 const dither = ref(true);
 const bright = ref(true);
 const feed = ref(true);
@@ -15,6 +16,7 @@ function submit() {
   const data = new URLSearchParams();
   if (typeof number.value === "number")
     data.append("number", number.value.toFixed());
+  data.append("rotate", String(rotate.value));
   data.append("dither", String(dither.value));
   data.append("bright", String(bright.value));
   data.append("feed", String(feed.value));
@@ -38,6 +40,7 @@ function submit() {
     </label>
 
     <div class="wide">
+      <label><input v-model="rotate" type="checkbox" :disabled /> Rotate</label>
       <label><input v-model="dither" type="checkbox" :disabled /> Dither</label>
       <label
         ><input
diff --git a/showbits-thermal-printer/src/documents/xkcd/mod.rs b/showbits-thermal-printer/src/documents/xkcd/mod.rs
index 8c8e305..8d25aff 100644
--- a/showbits-thermal-printer/src/documents/xkcd/mod.rs
+++ b/showbits-thermal-printer/src/documents/xkcd/mod.rs
@@ -6,7 +6,7 @@ use axum::{
     extract::State,
     response::{IntoResponse, Response},
 };
-use image::ImageFormat;
+use image::{ImageFormat, imageops};
 use serde::{Deserialize, Serialize};
 
 use crate::server::{Server, somehow};
@@ -31,6 +31,7 @@ struct Data {
 #[derive(Deserialize)]
 pub struct FormData {
     pub number: Option<u32>,
+    pub rotate: Option<bool>,
     pub dither: Option<bool>,
     pub bright: Option<bool>,
     pub feed: Option<bool>,
@@ -59,6 +60,10 @@ pub async fn post(server: State<Server>, Form(form): Form<FormData>) -> somehow:
         feed: form.feed.unwrap_or(true),
     };
 
+    if form.rotate.unwrap_or(false) {
+        image = imageops::rotate90(&image);
+    }
+
     if data.dither {
         let max_width = Some(384);
         let max_height = Some(1024);