function render_widget1(id) {
var widgetArea = document.getElementById(id);
widgetArea.innerHTML = `
| 今日 |
明日 |
| 時間 |
9 |
12 |
15 |
18 |
21 |
0 |
3 |
6 |
9 |
12 |
15 |
| 天気 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
| 気温 |
21℃ |
22℃ |
22℃ |
21℃ |
19℃ |
18℃ |
17℃ |
18℃ |
20℃ |
21℃ |
22℃ |
`;
widgetArea.dataset.originId = id;
widgetArea.id = id + "_" + Math.random().toString(32).substring(2);
}
function render_widget2(id) {
var widgetArea = document.getElementById(id);
widgetArea.innerHTML = `
| 今日 |
| 時間 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
| 天気 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
| 気温 |
21℃ |
22℃ |
22℃ |
22℃ |
22℃ |
22℃ |
22℃ |
21℃ |
21℃ |
21℃ |
20℃ |
`;
widgetArea.dataset.originId = id;
widgetArea.id = id + "_" + Math.random().toString(32).substring(2);
}
function render_widget(id, wrapper, threshold) {
var $wrapper = document.getElementById(wrapper);
console.log([id, wrapper, $wrapper]);
var $course_widget = $wrapper.querySelector(".COURSE_WIDGET");
if ($wrapper.clientWidth < threshold) {
$course_widget.id = 'COURSE_WIDGET_1';
render_widget1(id);
} else {
$course_widget.id = 'COURSE_WIDGET_2';
render_widget2(id);
}
$wrapper.dataset.originId = wrapper;
$wrapper.id = wrapper + "_" + Math.random().toString(32).substring(2);
}
(function(){
function addClass(elName) {
document
.querySelectorAll(".RPsXVH9eVL_course_container " + elName)
.forEach($el => {
$el.classList.add("cwidget_" + elName)
})
}
window.addEventListener('load', (event) => {
[
"header", "div", "section", "p",
"table", "tr", "td", "th", "tbody",
"a", "span", "strong", "img"
].forEach(tag => {
addClass(tag)
})
});
})()