diff --git a/test_data/events/data.json b/test_data/events/data.json index 83df22d..fbef049 100644 --- a/test_data/events/data.json +++ b/test_data/events/data.json @@ -18,6 +18,7 @@ "title": "복식 호흡 연습하기", "host": "원정", "place": "거실", - "details": "복식 호흡을 하면 무엇이 좋을까요?" + "details": "복식 호흡을 하면 무엇이 좋을까요?", + "signlang": "https://www.youtube.com/watch?v=mvl4PkUjdUM" } } diff --git a/test_data/src/img/sl.png b/test_data/src/img/sl.png new file mode 100644 index 0000000..70b4455 Binary files /dev/null and b/test_data/src/img/sl.png differ diff --git a/test_data/src/scripts/updateEventDescription.js b/test_data/src/scripts/updateEventDescription.js index f2db125..35802df 100644 --- a/test_data/src/scripts/updateEventDescription.js +++ b/test_data/src/scripts/updateEventDescription.js @@ -16,6 +16,34 @@ ed_resquest.onload = function() { document.getElementById("event_date").innerHTML = ed.date; document.getElementById("event_title").innerHTML = `#${event_number} ${ed.title}` document.getElementById("event_details").innerHTML = ed.details; + + // 수어 주소가 있는 경우에는 이벤트 설명 아래 수어 링크를 생성합니다. + if (ed.signlang) { + let parent = document.getElementById("event_description"); + let div = document.createElement("div"); + div.setAttribute("id", "event_sl"); + parent.appendChild(div); + + let a = document.createElement("a"); + a.setAttribute("id", "wrapper_coc"); + a.setAttribute("href", ed.signlang); + a.setAttribute("target", "_blank") + div.appendChild(a); + + let img = document.createElement("img"); + img.setAttribute("id", "icon_coc"); + img.setAttribute("src", "/src/img/sl.png"); + img.setAttribute("alt", "수어 보기 버튼"); + img.style.width = '100px'; + a.appendChild(img); + + let span = document.createElement("div"); + span.style.textAlign = 'center'; + span.innerHTML = "수어 보기"; + a.appendChild(span); + } + + // 수어 보기 버튼 수어 보기 // document.getElementById("event_place").innerHTML = ed.place; // document.getElementById("event_host").innerHTML = ed.host;