]> Entropealabs - photography.git/commitdiff
projects / photography.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 9ff9d8f)
sort by datetime and filter by tags
authorChristopher Coté <chris@entropealabs.com>
Sat, 8 Jan 2022 19:42:57 +0000 (14:42 -0500)
committerChristopher Coté <chris@entropealabs.com>
Sat, 8 Jan 2022 19:42:57 +0000 (14:42 -0500)
src/index.js patch | blob | history
www/index.html patch | blob | history
www/js/index.js patch | blob | history
www/js/index.js.map patch | blob | history

diff --git a/src/index.js b/src/index.js
index 54a42aa71875b8f3fbac5f3c66e87403019081be..0819901e2cccb3e966b5560a5e84aee7b76c8173 100644 (file)
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,6 @@
 let server = null;
+let tags = {};
+let current_tag = null;
 
 function init(){
   get_config();
@@ -22,17 +24,56 @@ function get_metadata(){
 }
 
 function process_media(items){
-  let p = document.getElementById("content")
+  items.forEach(i => i.datetime = new Date(i.datetime));
+  items.sort((a, b) => b.datetime < a.datetime);
   items.forEach(i => {
+    i.tags.forEach(t => {
+      tags[t] = tags[t] ? tags[t] : [];
+      tags[t].push(i);
+    })
+  });
+  create_tags();
+  let ta = Object.keys(tags);
+  console.log(ta);
+  let rand = Math.floor(Math.random() * ta.length);
+  console.log(rand);
+  let t = ta[rand];
+  console.log(t);
+  show_tag(t);
+}
+
+function show_tag(tag) {
+  let p = document.getElementById("media");
+  while(p.firstChild){
+    p.removeChild(p.firstChild);
+  }
+  current_tag = tag;
+  tags[tag].forEach(i => {
     let img = image(i);
     p.appendChild(img);
+  });
+}
+
+function create_tags(){
+  let p = document.getElementById("tags");
+  let ta = Object.keys(tags);
+  ta.forEach(t => {
+    let ta = tag(t);
+    p.appendChild(ta);
   })
 }
 
 function image(image){
   let i = document.createElement("img");
   i.src = server + image.path;
-  return i
+  return i;
+}
+
+function tag(tag){
+  let t = document.createElement("li");
+  t.innerText = tag;
+  t.onclick = (e) => show_tag(tag);
+  return t;
 }
 
 init();
diff --git a/www/index.html b/www/index.html
index 3a959e3c3b1a3d43243dc2cba1af2be6272a98c9..0fadac854ce79b30854ff30812e0651a7701fd45 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -19,7 +19,8 @@
   </head>
   <body>
     <div id="content">
-
+      <ul id="tags"></ul>
+      <div id="media"></div>
     </div>
   </body>
 </html>
diff --git a/www/js/index.js b/www/js/index.js
index 3938d130e3500e1f3ef7f6d34800edbb465cd710..4400323a14d935d72a27c41e5736c7fe38e14e08 100644 (file)
--- a/www/js/index.js
+++ b/www/js/index.js
@@ -1,2 +1,2 @@
-(()=>{var t=null;function o(){a()}function a(){fetch("config.json").then(e=>e.json()).then(e=>f(e))}function f(e){t=e.media_server,m()}function m(){fetch("metadata.json").then(e=>e.json()).then(e=>d(e))}function d(e){let n=document.getElementById("content");e.forEach(c=>{let i=h(c);n.appendChild(i)})}function h(e){let n=document.createElement("img");return n.src=t+e.path,n}o();})();
+(()=>{var i=null,a={},d=null;function h(){f()}function f(){fetch("config.json").then(e=>e.json()).then(e=>s(e))}function s(e){i=e.media_server,m()}function m(){fetch("metadata.json").then(e=>e.json()).then(e=>g(e))}function g(e){e.forEach(o=>o.datetime=new Date(o.datetime)),e.sort((o,c)=>c.datetime<o.datetime),e.forEach(o=>{o.tags.forEach(c=>{a[c]=a[c]?a[c]:[],a[c].push(o)})}),u();let t=Object.keys(a);console.log(t);let n=Math.floor(Math.random()*t.length);console.log(n);let l=t[n];console.log(l),r(l)}function r(e){let t=document.getElementById("media");for(;t.firstChild;)t.removeChild(t.firstChild);d=e,a[e].forEach(n=>{let l=p(n);t.appendChild(l)})}function u(){let e=document.getElementById("tags");Object.keys(a).forEach(n=>{let l=E(n);e.appendChild(l)})}function p(e){let t=document.createElement("img");return t.src=i+e.path,t}function E(e){let t=document.createElement("li");return t.innerText=e,t.onclick=n=>r(e),t}h();})();
 //# sourceMappingURL=index.js.map
diff --git a/www/js/index.js.map b/www/js/index.js.map
index 02adc5f124db40ce71f729f1abaa8a895b1bd5f3..50da90eac5e544b936e361c0014132e24e4f40b6 100644 (file)
--- a/www/js/index.js.map
+++ b/www/js/index.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.js"],
-  "sourcesContent": ["let server = null;\n\nfunction init(){\n  get_config();\n}\n\nfunction get_config(){\n  fetch(\"config.json\")\n    .then(result => result.json())\n    .then(data => handle_config(data))\n}\n\nfunction handle_config(data){\n  server = data.media_server;\n  get_metadata();\n}\n\nfunction get_metadata(){\n  fetch(\"metadata.json\")\n    .then(result => result.json())\n    .then(data => process_media(data))\n}\n\nfunction process_media(items){\n  let p = document.getElementById(\"content\")\n  items.forEach(i => {\n    let img = image(i);\n    p.appendChild(img);\n  })\n}\n\nfunction image(image){\n  let i = document.createElement(\"img\");\n  i.src = server + image.path;\n  return i\n}\n\ninit();\n"],
-  "mappings": "MAAA,GAAI,GAAS,KAEb,YAAe,CACb,IAGF,YAAqB,CACnB,MAAM,eACH,KAAK,GAAU,EAAO,QACtB,KAAK,GAAQ,EAAc,IAGhC,WAAuB,EAAK,CAC1B,EAAS,EAAK,aACd,IAGF,YAAuB,CACrB,MAAM,iBACH,KAAK,GAAU,EAAO,QACtB,KAAK,GAAQ,EAAc,IAGhC,WAAuB,EAAM,CAC3B,GAAI,GAAI,SAAS,eAAe,WAChC,EAAM,QAAQ,GAAK,CACjB,GAAI,GAAM,EAAM,GAChB,EAAE,YAAY,KAIlB,WAAe,EAAM,CACnB,GAAI,GAAI,SAAS,cAAc,OAC/B,SAAE,IAAM,EAAS,EAAM,KAChB,EAGT",
+  "sourcesContent": ["let server = null;\nlet tags = {};\nlet current_tag = null;\n\nfunction init(){\n  get_config();\n}\n\nfunction get_config(){\n  fetch(\"config.json\")\n    .then(result => result.json())\n    .then(data => handle_config(data))\n}\n\nfunction handle_config(data){\n  server = data.media_server;\n  get_metadata();\n}\n\nfunction get_metadata(){\n  fetch(\"metadata.json\")\n    .then(result => result.json())\n    .then(data => process_media(data))\n}\n\nfunction process_media(items){\n  items.forEach(i => i.datetime = new Date(i.datetime));\n  items.sort((a, b) => b.datetime < a.datetime);\n  items.forEach(i => {\n    i.tags.forEach(t => {\n      tags[t] = tags[t] ? tags[t] : [];\n      tags[t].push(i);\n    })\n  });\n  create_tags();\n  let ta = Object.keys(tags);\n  console.log(ta);\n  let rand = Math.floor(Math.random() * ta.length);\n  console.log(rand);\n  let t = ta[rand];\n  console.log(t);\n  show_tag(t);\n}\n\nfunction show_tag(tag) {\n  let p = document.getElementById(\"media\");\n  while(p.firstChild){\n    p.removeChild(p.firstChild);\n  }\n  current_tag = tag;\n  tags[tag].forEach(i => {\n    let img = image(i);\n    p.appendChild(img);\n  });\n}\n\nfunction create_tags(){\n  let p = document.getElementById(\"tags\");\n  let ta = Object.keys(tags);\n  ta.forEach(t => {\n    let ta = tag(t);\n    p.appendChild(ta);\n  })\n}\n\nfunction image(image){\n  let i = document.createElement(\"img\");\n  i.src = server + image.path;\n  return i;\n}\n\nfunction tag(tag){\n  let t = document.createElement(\"li\");\n  t.innerText = tag;\n  t.onclick = (e) => show_tag(tag);\n  return t;\n}\n\ninit();\n"],
+  "mappings": "MAAA,GAAI,GAAS,KACT,EAAO,GACP,EAAc,KAElB,YAAe,CACb,IAGF,YAAqB,CACnB,MAAM,eACH,KAAK,GAAU,EAAO,QACtB,KAAK,GAAQ,EAAc,IAGhC,WAAuB,EAAK,CAC1B,EAAS,EAAK,aACd,IAGF,YAAuB,CACrB,MAAM,iBACH,KAAK,GAAU,EAAO,QACtB,KAAK,GAAQ,EAAc,IAGhC,WAAuB,EAAM,CAC3B,EAAM,QAAQ,GAAK,EAAE,SAAW,GAAI,MAAK,EAAE,WAC3C,EAAM,KAAK,CAAC,EAAG,IAAM,EAAE,SAAW,EAAE,UACpC,EAAM,QAAQ,GAAK,CACjB,EAAE,KAAK,QAAQ,GAAK,CAClB,EAAK,GAAK,EAAK,GAAK,EAAK,GAAK,GAC9B,EAAK,GAAG,KAAK,OAGjB,IACA,GAAI,GAAK,OAAO,KAAK,GACrB,QAAQ,IAAI,GACZ,GAAI,GAAO,KAAK,MAAM,KAAK,SAAW,EAAG,QACzC,QAAQ,IAAI,GACZ,GAAI,GAAI,EAAG,GACX,QAAQ,IAAI,GACZ,EAAS,GAGX,WAAkB,EAAK,CACrB,GAAI,GAAI,SAAS,eAAe,SAChC,KAAM,EAAE,YACN,EAAE,YAAY,EAAE,YAElB,EAAc,EACd,EAAK,GAAK,QAAQ,GAAK,CACrB,GAAI,GAAM,EAAM,GAChB,EAAE,YAAY,KAIlB,YAAsB,CACpB,GAAI,GAAI,SAAS,eAAe,QAEhC,AADS,OAAO,KAAK,GAClB,QAAQ,GAAK,CACd,GAAI,GAAK,EAAI,GACb,EAAE,YAAY,KAIlB,WAAe,EAAM,CACnB,GAAI,GAAI,SAAS,cAAc,OAC/B,SAAE,IAAM,EAAS,EAAM,KAChB,EAGT,WAAa,EAAI,CACf,GAAI,GAAI,SAAS,cAAc,MAC/B,SAAE,UAAY,EACd,EAAE,QAAU,AAAC,GAAM,EAAS,GACrB,EAGT",
   "names": []
 }
Photography, https://media.entropealabs.com