애니라이프 추가 및 애니24 수정

This commit is contained in:
2022-08-20 23:01:21 +09:00
parent 801145b625
commit 7def5579df
9 changed files with 1260 additions and 26 deletions

View File

@@ -54,7 +54,7 @@
<script type="text/javascript">
const package_name = "{{arg['package_name'] }}";
const sub = "{{arg['sub'] }}";
const ohli24_url = "{{arg['ohli24_url']}}";
const anilife_url = "{{arg['anilife_url']}}";
let current_data = null;
let page = 1;
let next_page = Number
@@ -133,10 +133,11 @@
str += '<div>';
str += '<button type="button" class="btn btn-info">Page <span class="badge bg-warning">' + page + '</span></button>';
str += '</div>';
str += '<div id="inner_screen_movie" class="row infinite-scroll">';
str += '<div class="card-columns">'
// str += '<div id="inner_screen_movie" class="row infinite-scroll">';
for (let i in data.anime_list) {
tmp = '<div class="col-6 col-sm-4 col-md-3">';
// tmp = '<div class="col-6 col-sm-4 col-md-3">';
tmp += '<div class="card">';
// tmp += '<img class="lozad" data-src="' + data.anime_list[i].image_link + '" />';
tmp += '<img class="lazyload" src="../static/img_loader_x200.svg" data-original="' + data.anime_list[i].image_link + '" style="cursor: pointer" onclick="location.href=\'./request?code=' + data.anime_list[i].code + '\'"/>';
@@ -148,11 +149,12 @@
tmp += '<a href="./request?code=' + data.anime_list[i].code + '" class="btn btn-primary cut-text">' + data.anime_list[i].title + '</a>';
tmp += '</div>';
tmp += '</div>';
tmp += '</div>';
// tmp += '</div>';
str += tmp
}
str += '</div>';
// str += '</div>';
str += '</div><!-- .card-columns -->';
str += m_hr_black();
if (page > 1) {
@@ -186,6 +188,7 @@
str += '<div>';
str += '<button type="button" class="btn btn-info">Page <span class="badge bg-warning">' + page + '</span></button>';
str += '</div>';
str += '<div class="card-columns">'
str += '<div id="inner_screen_movie" class="row infinite-scroll">';
for (let i in data.anime_list) {
if (data.anime_list[i].wr_id !== '') {
@@ -213,6 +216,7 @@
}
str += '</div>';
str += '</div><!-- .card-columns -->';
str += m_hr_black();
if (page > 1) {
@@ -239,6 +243,7 @@
str += '<div>';
str += '<button type="button" class="btn btn-info">Page <span class="badge bg-warning">' + page + '</span></button>';
str += '</div>';
// str += '<div class="card-columns">'
str += '<div id="inner_screen_movie" class="row infinite-scroll">';
for (let i in data.anime_list) {
@@ -256,6 +261,7 @@
}
str += '</div>';
// str += '</div><!-- .card-columns -->';
str += m_hr_black();
if (page > 1) {
@@ -281,8 +287,8 @@
$(document).ready(function () {
// if ( "{{arg['ohli24_current_code']}}" !== "" ) {
// document.getElementById("code").value = "{{arg['ohli24_current_code']}}";
// if ( "{{arg['anilife_current_code']}}" !== "" ) {
// document.getElementById("code").value = "{{arg['anilife_current_code']}}";
// // 값이 공백이 아니면 분석 버튼 계속 누름
// document.getElementById("analysis_btn").click();
// }
@@ -383,9 +389,9 @@
});
$("body").on('click', '#go_ohli24_btn', function (e) {
$("body").on('click', '#go_anilife_btn', function (e) {
e.preventDefault();
window.open("{{arg['ohli24_url']}}", "_blank");
window.open("{{arg['anilife_url']}}", "_blank");
});
$("body").on('click', '#all_check_on_btn', function (e) {
@@ -514,11 +520,6 @@
display: block;
}
@media (min-width: 576px) {
.container {
max-width: 100%;
}
}
[data-tooltip-text]:hover {
position: relative;
@@ -638,5 +639,49 @@
button.btn-favorite {
background-color: #e0ff42;
}
/*.card-columns {*/
/* @include media-breakpoint-only(lg) {*/
/* column-count: 4;*/
/* }*/
/* @include media-breakpoint-only(xl) {*/
/* column-count: 5;*/
/* }*/
/*}*/
@media (min-width: 576px) {
.container {
max-width: 100%;
}
.card-columns {
column-count: 2;
column-gap: 1.25rem;
}
.card-columns .card {
display: inline-block;
}
}
@media (min-width: 768px) {
.card-columns {column-count: 3;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {column-count: 3;}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.card-columns {
column-count: 5;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
.card-columns .card img{
width: 100%;
}
</style>
{% endblock %}