https://www.astro-otter.space/js/7007.0f632d6d.js

1"use strict";(self["webpackChunkastro_otter_fo"]=self["webpackChunkastro_otter_fo"]||[]).push([[7007,571,3617],{3617:function(e,t,a){a.r(t),a.d(t,{default:function(){return p}});var l=a(9812),s=a(5893),r=a(6777);const i=["href"],n={class:"d-flex transition-fast-in-fast-out text-white v-card--reveal display-3 white--text",style:{height:"100%"}},o={class:"justify-self-end"},u={class:"subheading me-2"},m={class:"subheading me-2"};var c={__name:"AstrobinCard",props:{item:{type:Object}},setup(e){const t=e=>r.Z.ASTROBIN_HOST+"/"+e;return(a,r)=>{const c=(0,l.up)("v-progress-circular"),d=(0,l.up)("v-row"),g=(0,l.up)("v-card-title"),p=(0,l.up)("v-expand-transition"),f=(0,l.up)("v-img"),v=(0,l.up)("v-icon"),w=(0,l.up)("v-list-item"),_=(0,l.up)("v-card-actions"),h=(0,l.up)("v-card"),y=(0,l.up)("v-hover");return(0,l.wg)(),(0,l.j4)(y,null,{default:(0,l.w5)((({isHovering:a,props:r})=>[(0,l.Wm)(h,(0,l.dG)({class:"ma-3",color:"secondary",elevation:a?18:1},r),{default:(0,l.w5)((()=>[(0,l._)("a",{href:t(e.item.id),target:"_blank"},[(0,l.Wm)(f,{src:e.item.image,"lazy-src":e.item.lazyImage,class:(0,s.C_)(a?"zoom bg-grey-lighten-2":"bg-grey-lighten-2"),height:"340",cover:""},{placeholder:(0,l.w5)((()=>[(0,l.Wm)(d,{class:"fill-height ma-0",align:"center",justify:"center"},{default:(0,l.w5)((()=>[(0,l.Wm)(c,{indeterminate:"",color:"grey-lighten-5"})])),_:1})])),default:(0,l.w5)((()=>[(0,l.Wm)(p,null,{default:(0,l.w5)((()=>[(0,l._)("div",n,[(0,l.Wm)(g,{class:"text-center text-h6 text-white"},{default:(0,l.w5)((()=>[(0,l._)("p",null,(0,s.zw)(e.item.title),1)])),_:1})])])),_:1})])),_:2},1032,["src","lazy-src","class"])],8,i),(0,l.Wm)(_,{color:"primary"},{default:(0,l.w5)((()=>[(0,l.Wm)(w,{class:"w-100"},{prepend:(0,l.w5)((()=>[(0,l.Wm)(v,{color:"grey",icon:"mdi-account"}),(0,l.Uk)((0,s.zw)(e.item.user),1)])),append:(0,l.w5)((()=>[(0,l._)("div",o,[(0,l.Wm)(v,{icon:"mdi-eye",color:"grey"}),(0,l.Uk)(),(0,l._)("span",u,(0,s.zw)(e.item.views),1),(0,l.Wm)(v,{icon:"mdi-heart",color:"grey"}),(0,l.Uk)(),(0,l._)("span",m,(0,s.zw)(e.item.likes),1)])])),_:1})])),_:1})])),_:2},1040,["elevation"])])),_:1})}}},d=a(8998);const g=(0,d.Z)(c,[["__scopeId","data-v-68c2b964"]]);var p=g},571:function(e,t,a){a.r(t),a.d(t,{default:function(){return o}});var l=a(9812),s=a(5893),r={__name:"ItemsList",props:{itemsList:{type:Object},gap:{type:Number,default:0},columns:{type:Number,default:0}},setup(e){const t=(0,l.Fl)((()=>screen.width<=766)),a=e,r=()=>t.value?"repeat(auto-fill, minmax(350px, 1fr))":`repeat(${a.columns}, 1fr)`,i=()=>`${a.gap}em`;return(t,a)=>{const n=(0,l.up)("v-row");return(0,l.wg)(),(0,l.j4)(n,{class:"grid",style:(0,s.j5)({gridTemplateColumns:r(),gridGap:i()})},{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(e.itemsList,(e=>(0,l.WI)(t.$slots,"default",{item:e}))),256))])),_:3},8,["style"])}}},i=a(8998);const n=(0,i.Z)(r,[["__scopeId","data-v-8066673a"]]);var o=n},7007:function(e,t,a){a.r(t),a.d(t,{default:function(){return f}});a(560);var l=a(9812),s=a(521),r=a(5893),i=a(4220),n=a(2357),o=a(571),u=a(3617),m=a(9857);const c={key:0},d={key:0,class:"text-h6 mt-5"};var g={__name:"BrowseImages",setup(e){const t=(0,n.oR)(),g=(0,l.RC)((()=>a.e(7591).then(a.bind(a,7591)))),p=(0,l.RC)((()=>a.e(8140).then(a.bind(a,8140)))),f=(0,l.RC)((()=>a.e(9616).then(a.bind(a,9616)))),v=(0,s.iH)("Browse Astrobin API"),w=(0,s.iH)(5),_=(0,s.iH)(20),h=(0,s.iH)({type:null,term:null}),y=(0,s.iH)(0),W=(0,s.qj)([]);(0,l.wF)((()=>{t.commit("message/setLoading",!1)}));const b=()=>{t.commit("message/setMessage",{loading:!0,type:"warning",message:"Load images from Astrobin API",httpCode:null},{root:!0});try{W.value=[];let e={};e[h.value.type]=h.value.term,console.log(e),x(e,_,w)}catch(e){t.commit("message/setMessage",{loading:!0,type:"error",message:e.message,httpCode:e.code},{root:!0})}},k=()=>{t.commit("message/setMessage",{loading:!0,type:"warning",message:"Load new more images from Astrobin API",httpCode:null},{root:!0});try{_.value+=20;let e={};e[h.value.type]=h.value.term,x(e,_,w)}catch(e){t.commit("message/setMessage",{loading:!0,type:"error",message:e.message,httpCode:e.code},{root:!0})}},x=async(e,a,l)=>{const s=await m.w.GET_IMAGES_BY(e,a.value,l.value);

1y.value=s.totalCount,s.listImages.forEach((e=>{W.push({id:e.astrobin_id,image:e.urlRegular,lazyImage:e.urlGallery,date:e.date,title:e.title,user:e.user,views:e.views,likes:e.likes})})),t.commit("message/setLoading",!1,{root:!0})},C=(0,l.Fl)((()=>t.state.message.loading)),z=(0,l.Fl)((()=>W.length)),I=(0,l.Fl)((()=>W));return(e,t)=>{const a=(0,l.up)("v-toolbar-title"),n=(0,l.up)("v-toolbar"),m=(0,l.up)("v-col"),w=(0,l.up)("v-select"),_=(0,l.up)("v-row"),W=(0,l.up)("v-btn"),x=(0,l.up)("v-sheet"),j=(0,l.up)("v-container");return(0,l.wg)(),(0,l.iD)(l.HY,null,[(0,l.Wm)((0,s.SU)(g),{title:v.value},null,8,["title"]),(0,l.Wm)(n,{height:"30"},{default:(0,l.w5)((()=>[(0,l.Wm)(a,{class:"text-h6 align-center"},{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(e.$t("astrobin.disclaimer")),1)])),_:1})])),_:1}),(0,l.Wm)(x,{elevation:"0",class:"landing-warpper",color:"transparent"},{default:(0,l.w5)((()=>[(0,l.Wm)(j,{class:"text-left"},{default:(0,l.w5)((()=>[(0,l.Wm)((0,s.SU)(f),{"form-data":h.value,onSubmitForm:b},null,8,["form-data"]),(0,l.Wm)(i.uT,{name:"fade"},{default:(0,l.w5)((()=>[!C.value&&0<I.value.length?((0,l.wg)(),(0,l.iD)("div",c,[(0,l.Wm)(j,{class:"text-left"},{default:(0,l.w5)((()=>[(0,l.Wm)(x,{elevation:"1",class:"mx-auto landing-warpper",rounded:"",color:"transparent"},{default:(0,l.w5)((()=>[(0,l.Wm)(x,{class:"pa-3",elevation:"0",color:"transparent"},{default:(0,l.w5)((()=>[(0,l.Wm)(_,{align:"left",justify:"left"},{default:(0,l.w5)((()=>[(0,l.Wm)(m,{cols:"12",sm:"4"},{default:(0,l.w5)((()=>[y.value?((0,l.wg)(),(0,l.iD)("h5",d,"Results: "+(0,r.zw)(y.value)+" images",1)):(0,l.kq)("",!0)])),_:1}),(0,l.Wm)(m,{cols:"12",sm:"4",align:"right"},{default:(0,l.w5)((()=>[(0,l.Wm)(w,{label:"Sort results by…",variant:"outlined",required:"",clearable:""})])),_:1})])),_:1}),(0,l.Wm)(_,{align:"center"},{default:(0,l.w5)((()=>[(0,l.Wm)(o["default"],{"items-list":I.value,columns:4},{default:(0,l.w5)((({item:e,index:t})=>[((0,l.wg)(),(0,l.j4)(u["default"],{key:t,item:e},null,8,["item"]))])),_:1},8,["items-list"])])),_:1}),(0,l.Wm)(_,{align:"center",justify:"center"},{default:(0,l.w5)((()=>[y.value>z.value?((0,l.wg)(),(0,l.j4)(W,{key:0,"prepend-icon":"mdi-plus",size:"x-large",variant:"outlined",class:"text-white mr-5",color:"grey",onClick:k},{default:(0,l.w5)((()=>[(0,l._)("span",null,(0,r.zw)(e.$t("layout.btnMore")),1)])),_:1})):(0,l.kq)("",!0)])),_:1})])),_:1})])),_:1})])),_:1})])):(0,l.kq)("",!0)])),_:1}),(0,l.Wm)(i.uT,{name:"fade"},{default:(0,l.w5)((()=>[(0,l.Wm)((0,s.SU)(p))])),_:1})])),_:1})])),_:1})],64)}}};const p=g;var f=p}}]);
2//# sourceMappingURL=7007.0f632d6d.js.map