ai/manga
1
0
Fork 0
Code Activity

merge cmt

Browse Source
This commit is contained in:
syui
2024-04-26 16:55:37 +09:00
parent ea6b7dcf92
commit 39e7a2129d
233 changed files with 71 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/App.vue
View File

@@ -1,28 +1,19 @@
<template>
<div id="app">
<link rel="stylesheet" href="https://yui.syui.ai/pkg/icomoon/icomoon.css" />
<link rel="stylesheet" href="https://yui.syui.ai/pkg/font-awesome/css/all.min.css" />
<link rel="stylesheet" href="https://syui.ai/bower_components/icomoon/style.css" />
<link rel="stylesheet" href="https://syui.ai/bower_components/font-awesome/css/all.min.css" />
<hooper :settings="hooperSettings">
<slide v-for="(n,index) of products" :key="n">
<div v-if="loading" class="loading">
<i class="fa-solid fa-spinner fa-spin-pulse"></i>
</div>
<img :src="url + 'manga/'+ (index) +'.webp'" @load="load" />
<img :src="url + dir + '/' + (index) +'.png'" @load="load" />
<div class="page_n"><a href="/"><span class="icon-ai"></span></a> {{ n }}</div>
</slide>
<hooper-navigation slot="hooper-addons"></hooper-navigation>
<hooper-pagination slot="hooper-addons"></hooper-pagination>
<hooper-progress slot="hooper-addons"></hooper-progress>
</hooper>
<!--
<div class="page">
<a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a>
<a :href="this.url + this.s_b"><button v-on:click="page_run(s_b)">2</button></a>
<a :href="this.url + this.s_c"><button v-on:click="page_run(s_c)">3</button></a>
<a :href="this.url + this.s_d"><button v-on:click="page_run(s_d)">4</button></a>
<a :href="this.url + this.s_e"><button v-on:click="page_run(s_e)">5</button></a>
</div>
-->
<div class="page" v-if="loc === ''">
<div class="page_data">
@@ -34,22 +25,14 @@
<th scope="col">day</th>
</tr>
</thead>
<tbody>
<tbody v-for="i in m.data">
<tr>
<th scope="row">
<a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a>
<th>
<a :href="'?dir=' + i.dir + '&end=' + i.end"><img :src="'/wa/' + i.dir + '/0.png'"></a>
</th>
<td>0.0</td>
<td>2021-07-11</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">
<a :href="this.url + this.s_b"><img :src="url + 'manga/' + this.s_b + '.webp'" v-on:click="page_run(s_a)"></a>
</th>
<td>0.1</td>
<td>2021-07-11</td>
<td>{{ i.id }}</td>
<td>{{ moment(i.updated_at) }}</td>
</tr>
</tbody>
</table>
@@ -59,49 +42,6 @@
<div class="comment" v-if="loc === ''">
<div class="bsky_comment_embed">
<blockquote class="bluesky-embed" data-bluesky-uri="at://did:plc:4hqjfn7m6n5hno3doamuhgef/app.bsky.feed.post/3kp5qn72s232q" data-bluesky-cid="bafyreiewdfyh6rywpkdzpmf5markqa6tavc5smc32q7cw2wpwbqik5hnfm"></blockquote>
<button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-down"></i></button>
</div>
</div>
<div class="comment" v-if="loc === ''">
<div class="bsky_comment" v-if="comment_open == false">
</div>
<div class="bsky_comment" v-else-if="api_json">
<span v-for="i in api_json.data" class="comment">
<!--
<blockquote class="bluesky-embed" :data-bluesky-uri="i.uri" :data-bluesky-cid="i.cid"></blockquote>
-->
<p class="comment-body" v-if="i">
<span v-if="i.did.replace('did:plc:', '') != ''">
{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }}
</span>
<span v-if="url_check == true && i.did.replace('did:plc:', '') != ''">
<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" class="comment"/>
</span>
<span v-else-if="i.avatar">
<img :src="i.avatar" class="comment"/>
</span>
<span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
<span class="comment-text" v-if="i.text">{{ i.text }}</span>
</p>
</span>
<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
</div>
</div>
<div class="page_title" v-if="loc === ''" >
<div class="page_data">
<table>
<tbody>
<tr>
<th class="row">
<a href="https://yui.syui.ai"><span class="icon-ai"></span></a>
</th>
<td>yui</td>
<td>不思議な力を持つアイの話</td>
</tr>
</tbody>
</table>
</div>
</div>
@@ -126,6 +66,11 @@ var page = 21;
var loc = window.location.pathname.split('/').slice(-1)[0];
//let loc = window.location.pathname.split('/').slice(0)[3];
const parameters = {}
var start = 0;
var end = 21;
var dir = "wa/0";
export default {
name: 'App',
components: {
@@ -152,11 +97,16 @@ export default {
f: null,
url_check: true,
url: "/",
start: 0,
end: 21,
dir: "wa/0",
s_a: 0,
s_b: 2,
s_c: 41,
s_d: 51,
s_e: 60,
m: null,
loc_manga: new URL(window.location.href),
products: [...Array(Number(page)).keys()],
hooperSettings: {
itemsToShow: 1,
@@ -172,6 +122,7 @@ export default {
page_run(s) {
this.loc = s;
this.hooperSettings.initialSlide = s;
},
load() {
this.loading = false;
@@ -200,6 +151,20 @@ export default {
this.api_url = "https://api.syui.ai";
}
let url = this.api_url + "/users/2/ma?itemsPerPage=4000";
this.loc_manga = new URL(window.location.href);
if (this.loc_manga.searchParams.get("start") !== null) {
this.star = this.loc_manga.url.searchParams.get("star");
}
if (this.loc_manga.searchParams.get("end") !== null) {
this.end = this.loc_manga.searchParams.get("end");
this.products = [...Array(Number(this.end)).keys()];
}
if (this.loc_manga.searchParams.get("dir") !== null) {
this.dir = "wa/" + this.loc_manga.searchParams.get("dir");
}
axios
.get("/json/manga.json",{ crossdomain: true })
.then(response => (this.m = response));
axios
.get(url,{ crossdomain: true })
.then(