Implement updateEventList(wip)

test_data/events/data.json

@@ -3,18 +3,21 @@
         "date":"2021. 1. 31. 목요일",
         "number": 0,
         "title": "눈사람 만들기 라이브",
+        "host": "주최자",
         "details": "환대를 사유한다. 우리가 사유하고자 하는 것은 손님을 접대하기 위한 기술이 아니다. 시장을 넓히기 위한 전략이 아니며, 아군을 얻기 위한 정치도 아니다. 환대의 이러한 측면들은 자주, 혼란스럽게 또는 교묘하게 전면에 내세워졌다. 환대는 그보다 더 근본적이고 본질적인 어떤 것이다. 사람들은 환대에 의해 사람됨을 승인받으며 결속하고 교류한다. 환대의 몸짓은 타인에 대한 인정을 표현하며, 이러한 표현은 집단적으로 창조되고 전승되어 소통의 수단으로 기능한다. 이 강의에서 우리는 타인에 대한 윤리적 물음으로부터 시작하여 경계선 긋기와 배제의 메커니즘에 대한 이해로 나아갈 것이다. 그리고 적대, 혐오, 무관심이 창궐하는 이 시대에 우리에게 주어진 환대의 조건들을 살펴보고, 적대를 해소하고 배제를 배제하는 환대의 조각들을 모아볼 것이다.<br/>홍서연<br/>문명사와 문화인류학을 강의한다. 신체의 기술, 생활의 기술, 표현의 기술을 넘나드는 인간의 활동을 주제로, 그리고 나눔을 주제로 연구하고 있다. <br/>indooa@gmail.com<br/>*온라인 스트리밍으로 진행되며, 신청하신 분들께 접속 링크를 보내드립니다.<br/><br/>1강 사람됨의 조건 [11월 7일 오후 2시-4시30분]<br/>#공포감으로_다가오는_타인<br/>#침시아_신화<br/>#북아메리카_인디언_의례<br/>#인정과_성원권<br/>#자기_서사의_편집권과_정체성<br/>#마스크를_쓸_권리<br/>2강 유대와 배제의 메커니즘 [11월 21일 오후 2시-4시30분]<br/>#쳄바가_마링_족의_축제와_전쟁<br/>#나눔과_환대<br/>#신화_속의_이방인들<br/>#데리다와_레비나스의_문제제기<br/>#순수한_환대는_가능한가<br/>#낙인의_구조<br/>3강 전망과 탐색 [11월 28일 오후 2시-4시30분]<br/>#적대를_해소하는_기술<br/>#피의_보복과_표범가죽_추장<br/>#오염의_관념과_혐오<br/>#팬데믹_시대의_적대와_혐오<br/>#지구_반대편의_석양<br/>#비인간_존재의_자리<br/>#배제를_배제하기<br/>*[0000환대의조각들]은 한국문화예술위원회 공공예술사업 지원으로 열립니다."
     },
     "0001":{
         "date":"2021. 1. 31. 목요일",
         "number": 1,
         "title": "0001 제목 0001 제목 ",
+        "host": "주최자",
         "details": "0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 "
     },
     "0002":{
         "date":"2021. 1. 31. 목요일",
         "number": 2,
         "title": "0002 제목 0002 제목 ",
+        "host": "주최자",
         "details": "0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 "
     }
 }

test_data/events/events_sample.html

@@ -41,7 +41,7 @@
 
   <div id="contents">
     <div id="about_wrapper">
-      <div id="0000" class="event_row">
+      <!-- <div id="0000" class="event_row">
         2020 / 11 / 7 #0000 환대를 사유하다 : 홍서연
       </div>
       <div class="event_row">
@@ -49,12 +49,14 @@
       </div>
       <div class="event_row">
         2020 / 11 / 7 #0003 환대를 사유하다 : 홍서연
-      </div>
+      </div> -->
       <!-- div.event_row will be generated by distribusi -->
     </div>
   </div>
 
 
 </div>
+<script src="/src/scripts/updateEventList.js"></script>
+
 </body>
 </html>

test_data/src/scripts/updateEventList.js

@@ -0,0 +1,32 @@
+
+// event name
+var pathname = window.location.pathname.split('/');
+
+var ed_resquest = new XMLHttpRequest();
+ed_resquest.open('GET', '/events/data.json');
+ed_resquest.responseType = 'json';
+ed_resquest.send();
+
+var event_list = null;
+ed_resquest.onload = function() {
+
+  event_list = ed_resquest.response;
+
+  console.log(event_list)
+  for (let key in event_list){
+    console.log(key);
+    let event = event_list[key];
+    let row = document.createElement('div');
+    row.classList.add("event_row")
+    row.innerHTML = `${event.date} #${event.number} ${event.title} : ${event.host}`
+    let link = document.createElement('a');
+    link.href = `${key}/`
+    link.appendChild(row)
+    
+    document.getElementById("about_wrapper").appendChild(link);
+    // TODO: add hover effect
+    // TODO: add 
+  }
+
+
+}

test_data/src/style/event.css

@@ -21,3 +21,11 @@ div#event_description {
   div.event_row {
     margin: 15px 0px 15px 0px;
   }
+
+  a {
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: none;
+  }