Add option to skip extracting thumbnails

Author: aNNiMON

src/main.rs

@@ -32,6 +32,20 @@ struct PhotoInfo {
     date: String,
 }
 
+enum ThumbMode {
+    None,
+    Exif,
+}
+
+impl ThumbMode {
+    fn create_dir(&self, thumbs_dir: &str) -> Result<(), std::io::Error> {
+        match self {
+            ThumbMode::Exif => fs::create_dir_all(thumbs_dir),
+            _ => Ok(()),
+        }
+    }
+}
+
 fn main() -> ExitCode {
     let dir = env::args_os()
         .nth(1)
@@ -43,7 +57,8 @@ fn main() -> ExitCode {
     }
 
     let thumbs_dir = "thumbs";
-    if let Err(e) = fs::create_dir_all(thumbs_dir) {
+    let thumb_mode = ThumbMode::Exif;
+    if let Err(e) = thumb_mode.create_dir(thumbs_dir) {
         eprintln!("Could not create {} directory: {}", thumbs_dir, e);
         return ExitCode::FAILURE;
     }
@@ -101,8 +116,12 @@ fn main() -> ExitCode {
             let make = get_string(&exif, Tag::Make).unwrap_or(UNKNOWN.to_string());
             let model = get_string(&exif, Tag::Model).unwrap_or(UNKNOWN.to_string());
             let date = get_datetime(&exif, Tag::DateTimeOriginal).unwrap_or(UNKNOWN.to_string());
-            let thumb = get_thumbnail_data(&exif)
-                .and_then(|data| save_thumbnail(format!("{}/t{}.jpg", thumbs_dir, idx), data))?;
+            let thumb = match thumb_mode {
+                ThumbMode::Exif => get_thumbnail_data(&exif).and_then(|data| {
+                    save_thumbnail(format!("{}/t{}.jpg", thumbs_dir, idx), data)
+                })?,
+                _ => "".to_string(),
+            };
 
             Some(PhotoInfo {
                 name,

src/map.html

@@ -116,7 +116,7 @@ <h3>{name}</h3>
     } else {
       // Show photo details
       const details = features.map(f => photoDetails(f));
-      document.getElementById('photo-details').innerHTML = details.join();
+      document.getElementById('photo-details').innerHTML = details.join("");
     }
   });
 });
@@ -125,7 +125,7 @@ <h3>{name}</h3>
   const transform = ol.proj.getTransform('EPSG:4326', 'EPSG:3857');
   items.forEach(item => {
     const feature = new ol.Feature(item);
-    feature.set('url', item.thumb);
+    feature.set('url', item.thumb ? item.thumb : thumbnail(item.name));
     const coordinate = transform([parseFloat(item.lon), parseFloat(item.lat)]);
     feature.setGeometry(new ol.geom.Point(coordinate));
     photosSource.addFeature(feature);
@@ -187,6 +187,24 @@ <h3>{name}</h3>
   return [photoStyle(feature, clamp(0.2, 0.1 / resolution, 1))];
 }
 
+function thumbnail(str) {
+  const hue = hueColor(str);
+  const svg = `
+      <svg width="160" height="120" xmlns="http://www.w3.org/2000/svg">
+        <rect width="100%" height="100%" fill="hsl(${hue}, 60%, 50%)" stroke="hsl(${hue}, 55%, 30%)" stroke-width="2"/>
+      </svg>
+  `.trim();
+  return `data:image/svg+xml;base64,${btoa(svg)}`;
+}
+
+function hueColor(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return hash % 360;
+}
+
 function clamp(min, value, max) {
   if (value < min) return min;
   if (value > max) return max;