anian
1 line
6.6 KiB
JavaScript
1 line
6.6 KiB
JavaScript
class HALO_DOUBAN{constructor(){this.ver="1.2.2",this.type="movie",this.status="done",this.finished=!1,this.paged=1,this.genre_list=[],this.genre=[],this.subjects=[],this._create()}on(t,e,n){document.querySelectorAll(e).forEach((item=>{item.addEventListener(t,n)}))}_addSearchParams(url,params={}){return url=new URL(url,window.location.origin),new URL(`${url.origin}${url.pathname}?${new URLSearchParams([...Array.from(url.searchParams.entries()),...Object.entries(params)])}`).href}_fetchGenres(){document.querySelector(".db--genres").innerHTML="";return fetch(this._addSearchParams("/apis/api.douban.moony.la/v1alpha1/doubanmovies/-/genres",{type:this.type})).then((response=>response.json())).then((data=>{data.length&&(this.genre_list=data,this._renderGenre())})),!0}_statusChange(){this.on("click",".db--typeItem",(t=>{const self=t.currentTarget;self.classList.contains("is-active")||(document.querySelector(".db--list").innerHTML="",document.querySelector(".lds-ripple").classList.remove("u-hide"),document.querySelector(".db--typeItem.is-active").classList.remove("is-active"),self.classList.add("is-active"),this.status=self.dataset.status,this.paged=1,this.finished=!1,this.subjects=[],this._fetchData())}))}_handleGenreClick(){this.on("click",".db--genreItem",(t=>{const self=t.currentTarget;if(self.classList.contains("is-active")){const index=this.genre.indexOf(self.innerText);return self.classList.remove("is-active"),this.genre.splice(index,1),this.paged=1,this.finished=!1,this.subjects=[],void this._fetchData()}document.querySelector(".db--list").innerHTML="",document.querySelector(".lds-ripple").classList.remove("u-hide"),self.classList.add("is-active"),this.genre.push(self.innerText),this.paged=1,this.finished=!1,this.subjects=[],this._fetchData()}))}_renderGenre(){document.querySelector(".db--genres").innerHTML=this.genre_list.map((item=>`<span class="db--genreItem">${item}</span>`)).join(""),this._handleGenreClick()}_fetchData(){var url=`/apis/api.douban.moony.la/v1alpha1/doubanmovies?page=${this.paged}&size=49&type=${this.type}&status=${this.status}`;const genre=this.genre;if(genre.length>0)for(let i=0;i<genre.length;i++)url+=`&genre=${genre[i]}`;fetch(url).then((response=>response.json())).then((data=>{data.items.length?(null==this.subjects&&(this.subjects=[]),document.querySelector(".db--list").classList.contains("db--list__card")?(this.subjects=[...this.subjects,...data.items],this._randerDateTemplate()):(this.subjects=[...this.subjects,...data.items],this._randerListTemplate()),document.querySelector(".lds-ripple").classList.add("u-hide")):(document.querySelector(".db--list").classList.contains("db--list__card")?this._randerDateTemplate():this._randerListTemplate(),this.finished=!0,document.querySelector(".lds-ripple").classList.add("u-hide"))}))}_randerDateTemplate(){if(!this.subjects.length)return document.querySelector(".db--list").innerHTML='<div class="db--empty"></div>';const result=this.subjects.reduce(((result,item)=>{const date=new Date(item.faves.createTime),key=`${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2,"0")}`;return Object.prototype.hasOwnProperty.call(result,key)?result[key].push(item):result[key]=[item],result}),{});let html="";for(let key in result){const date=key.split("-");html+=`<div class="db--listBydate"><div class="db--titleDate JiEun"><div class="db--titleDate__day">${date[1]}</div><div class="db--titleDate__month">${date[0]}</div></div><div class="db--dateList__card">`,html+=result[key].map((movie=>`<div class="db--item"><img src="${movie.spec.dataType,movie.spec.poster}" referrerpolicy="unsafe-url" class="db--image"><div class="db--score JiEun">${movie.spec.score>0?'<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" ><path d="M12 20.1l5.82 3.682c1.066.675 2.37-.322 2.09-1.584l-1.543-6.926 5.146-4.667c.94-.85.435-2.465-.799-2.567l-6.773-.602L13.29.89a1.38 1.38 0 0 0-2.581 0l-2.65 6.53-6.774.602C.052 8.126-.453 9.74.486 10.59l5.147 4.666-1.542 6.926c-.28 1.262 1.023 2.26 2.09 1.585L12 20.099z"></path></svg>'+movie.spec.score:""}${movie.spec.year>0?" · "+movie.spec.year:""}</div><div class="db--title"><a href="${movie.spec.link}" target="_blank">${movie.spec.name}</a></div>\n \n </div>`)).join(""),html+="</div></div>"}document.querySelector(".db--list").innerHTML=html}_randerListTemplate(){if(!this.subjects.length)return document.querySelector(".db--list").innerHTML='<div class="db--empty"></div>';document.querySelector(".db--list").innerHTML=this.subjects.map((item=>`<div class="db--item"><img src="${item.spec.dataType,item.spec.poster}" referrerpolicy="unsafe-url" class="db--image"><div class="ipc-signpost JiEun">${item.faves.createTime}</div><div class="db--score JiEun">${item.spec.score>0?'<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" ><path d="M12 20.1l5.82 3.682c1.066.675 2.37-.322 2.09-1.584l-1.543-6.926 5.146-4.667c.94-.85.435-2.465-.799-2.567l-6.773-.602L13.29.89a1.38 1.38 0 0 0-2.581 0l-2.65 6.53-6.774.602C.052 8.126-.453 9.74.486 10.59l5.147 4.666-1.542 6.926c-.28 1.262 1.023 2.26 2.09 1.585L12 20.099z"></path></svg>'+item.spec.score:""}${item.spec.year>0?" · "+item.spec.year:""}</div><div class="db--title"><a href="${item.spec.link}" target="_blank">${item.spec.name}</a></div>\n </div>\n </div>`)).join("")}_handleScroll(){window.addEventListener("scroll",(()=>{var t=window.scrollY||window.pageYOffset;document.querySelector(".block-more").offsetTop+-window.innerHeight<t&&document.querySelector(".lds-ripple").classList.contains("u-hide")&&!this.finished&&(document.querySelector(".lds-ripple").classList.remove("u-hide"),this.paged++,this._fetchData())}))}_handleNavClick(){this.on("click",".db--navItem",(t=>{if(t.target.classList.contains("current"))return;this.genre=[],this.type=t.target.dataset.type,"book"!=this.type?(this._fetchGenres(),document.querySelector(".db--genres").classList.remove("u-hide")):document.querySelector(".db--genres").classList.add("u-hide"),document.querySelector(".db--list").innerHTML="",document.querySelector(".lds-ripple").classList.remove("u-hide"),document.querySelector(".db--navItem.current").classList.remove("current");t.target.classList.add("current"),this.paged=1,this.finished=!1,this.subjects=[],this._fetchData()}))}_create(){document.querySelector(".db--container")&&(document.querySelector(".db--navItem.current")&&(this.type=document.querySelector(".db--navItem.current").dataset.type),document.querySelector(".db--list").dataset.type&&(this.type=document.querySelector(".db--list").dataset.type),"movie"==this.type&&document.querySelector(".db--genres").classList.remove("u-hide"),this._fetchGenres(),this._fetchData(),this._handleScroll(),this._handleNavClick(),this._statusChange())}}new HALO_DOUBAN; |