{{content}}
8 |
6 | {{pointPosition}}
7 |
--------------------------------------------------------------------------------
/src/app/home/play-episode/reveal-extra/reveal-extra.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | -webkit-box-sizing: border-box;
4 | -moz-box-sizing: border-box;
5 | box-sizing: border-box;
6 | margin-top: 1rem;
7 | }
8 |
9 | //.reveal-off {
10 | // text-align: center;
11 | //}
12 |
13 | .reveal-on {
14 | > .buttons {
15 | margin-top: 1rem;
16 | //text-align: center;
17 | }
18 | }
--------------------------------------------------------------------------------
/src/app/pipes/index.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {UserLevelNamePipe} from './user-level-name.pipe';
3 | import {WeekdayPipe} from './weekday.pipe';
4 |
5 | export const PIPES = [
6 | UserLevelNamePipe,
7 | WeekdayPipe
8 | ];
9 |
10 | @NgModule({
11 | declarations: PIPES,
12 | exports: PIPES
13 | })
14 | export class DenebCommonPipes {
15 |
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/entity/announce.ts:
--------------------------------------------------------------------------------
1 | import { Bangumi } from './bangumi';
2 |
3 | export class Announce {
4 | id?: string;
5 | content: string;
6 | bangumi?: Bangumi;
7 | image_url?: string;
8 | position: number;
9 | sort_order: number;
10 | start_time: number;
11 | end_time: number;
12 |
13 | static POSITION_BANNER = 1;
14 | static POSITION_BANGUMI = 2;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/pipes/user-level-name.pipe.ts:
--------------------------------------------------------------------------------
1 | import {Pipe, PipeTransform} from '@angular/core';
2 |
3 | export const LEVEL_NAMES = ['默认等级Level 0', '用户Level 1', '管理员Level 2', '超级管理员Level 3'];
4 |
5 | @Pipe({name: 'userLevelName'})
6 | export class UserLevelNamePipe implements PipeTransform {
7 |
8 | transform(level: number): any {
9 | return LEVEL_NAMES[level] || '未知';
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-pipes/type-name-pipe.ts:
--------------------------------------------------------------------------------
1 | import {Pipe, PipeTransform} from '@angular/core';
2 |
3 | export const BANGUMI_TYPES = {
4 | 2: '动画',
5 | 6: '电视剧'
6 | };
7 |
8 | @Pipe({name: 'bangumiTypeName'})
9 | export class BangumiTypeNamePipe implements PipeTransform {
10 |
11 | transform(value: number | string): any {
12 | return BANGUMI_TYPES[value] || '未知类型';
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/alert-dialog/alert-dialog.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { AlertDialog } from './alert-dialog.component';
3 | import { UIDialogModule } from 'deneb-ui';
4 | @NgModule({
5 | declarations: [AlertDialog],
6 | imports: [UIDialogModule],
7 | exports: [AlertDialog],
8 | entryComponents: [AlertDialog]
9 | })
10 | export class AlertDialogModule {
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/reset-pass/reset-pass.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { ResetPass } from './reset-pass.component';
3 | import { ReactiveFormsModule } from '@angular/forms';
4 | import { CommonModule } from '@angular/common';
5 |
6 | @NgModule({
7 | declarations: [ResetPass],
8 | imports: [ReactiveFormsModule, CommonModule]
9 | })
10 | export class ResetPassModule {
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/admin/admin.less:
--------------------------------------------------------------------------------
1 | @import "./bangumi-detail/bangumi-detail.less";
2 |
3 | .admin-container {
4 | display: block;
5 | .sidebar-header {
6 | height: 10rem;
7 | border-bottom: 1px solid rgba(225, 225, 225, 0.08);
8 | }
9 | .brand {
10 | font-size: 2.2rem;
11 | color: #fff;
12 | display: block;
13 | width: 100%;
14 | line-height: 5rem;
15 | padding-left: 1.1428rem;
16 | }
17 | }
--------------------------------------------------------------------------------
/src/app/entity/watch-progress.ts:
--------------------------------------------------------------------------------
1 | export class WatchProgress {
2 | id: string;
3 | bangumi_id: string;
4 | episode_id: string;
5 | user_id: string;
6 | watch_status: number;
7 | last_watch_position: number;
8 | last_watch_time: number;
9 | percentage: number;
10 |
11 | static WISH = 1;
12 | static WATCHED = 2;
13 | static WATCHING = 3;
14 | static PAUSE = 4;
15 | static ABANDONED = 5;
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/forget-pass/forget-pass.less:
--------------------------------------------------------------------------------
1 | .forget-pass {
2 | position: fixed;
3 | top: 0;
4 | left: 0;
5 | right: 0;
6 | bottom: 0;
7 | .form-wrapper {
8 | width: 40rem;
9 | height: 12rem;
10 | position: absolute;
11 | top: 0;
12 | left: 0;
13 | right: 0;
14 | bottom: 0;
15 | margin: auto;
16 | text-align: center;
17 | }
18 | .email-input {
19 | width: 80%;
20 | }
21 | }
--------------------------------------------------------------------------------
/src/app/entity/user.ts:
--------------------------------------------------------------------------------
1 | export class User {
2 | id: string;
3 | name: string;
4 | password: string;
5 | password_repeat: string;
6 | level: number;
7 | invite_code: string;
8 | remember: boolean;
9 | email: string;
10 | email_confirmed: boolean;
11 |
12 | static LEVEL_DEFAULT = 0;
13 | static LEVEL_USER = 1;
14 | static LEVEL_ADMIN = 2;
15 | static LEVEL_SUPER_USER = 3;
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/video-player/core/state.ts:
--------------------------------------------------------------------------------
1 | export class PlayState {
2 | static INITIAL = -1;
3 | static INVALID = 0;
4 | static PLAYING = 1;
5 | static PLAY_END = 2;
6 | static PAUSED = 3;
7 | }
8 |
9 | export class ReadyState {
10 | static HAVE_NOTHING = 0;
11 | static HAVE_METADATA = 1;
12 | static HAVE_CURRENT_DATA = 2;
13 | static HAVE_FUTURE_DATA = 3;
14 | static HAVE_ENOUGH_DATA = 4;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/entity/item.ts:
--------------------------------------------------------------------------------
1 | import { ItemType } from './item-type';
2 | import { Publisher } from './publisher';
3 | import { Team } from './team';
4 |
5 | export class Item {
6 | id: any;
7 | title: string;
8 | eps_no_list: number[];
9 | type: ItemType;
10 | team?: Team;
11 | timestampe: Date;
12 | uri?: string;
13 | publisher: Publisher;
14 | torrent_url?: string;
15 | magnet_uri?: string;
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/form-utils/validators.ts:
--------------------------------------------------------------------------------
1 | import {FormGroup} from "@angular/forms";
2 |
3 |
4 | export function passwordMatch(passwordKey:string, passwordConfirmKey:string) {
5 | return (group:FormGroup):{[key:string]:any} => {
6 | let password = group.get(passwordKey);
7 | let passwordConfirm = group.get(passwordConfirmKey);
8 | return password.value !== passwordConfirm.value ? {mismatchedPasswords: true}: null;
9 | };
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/admin/admin-navbar/admin-navbar.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, Input, ViewEncapsulation} from '@angular/core';
2 |
3 | @Component({
4 | selector: 'admin-navbar',
5 | templateUrl: './admin-navbar.html',
6 | styleUrls: ['./admin-navbar.less'],
7 | encapsulation: ViewEncapsulation.None
8 | })
9 | export class AdminNavbar {
10 | @Input()
11 | navTitle: string;
12 |
13 | @Input()
14 | backLink: string;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/home/bangumi-extra-info/bangumi-staff-info/bangumi-staff-info.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | width: 100%;
4 | margin-top: 2rem;
5 | }
6 | .staff-header {
7 | margin-top: 1.8rem;
8 | padding-bottom: 0.4rem;
9 | border-bottom: 1px solid #ccc;
10 | display: block;
11 | font-size: 0.8rem;
12 | color: #adadad;
13 | }
14 | .staff-info {
15 | width: 100%;
16 | margin-top: 0.4rem;
17 | .staff-item {
18 | margin-bottom: 0.5rem;
19 | }
20 | }
--------------------------------------------------------------------------------
/src/app/video-player/controls/captured-frame-list/captured-frame-list.less:
--------------------------------------------------------------------------------
1 | :host {
2 | position: absolute;
3 | top: 0;
4 | left: 0;
5 | height: 10rem;
6 | width: 100%;
7 | background-color: rgba(0, 0, 0, 0.4);
8 | }
9 |
10 | .captured-frame-list-wrapper {
11 | width: 100%;
12 | height: 100%;
13 | padding: 0.6rem 0.3rem;
14 | overflow-y: hidden;
15 | overflow-x: auto;
16 | white-space: nowrap;
17 | user-select: none;
18 | cursor: default;
19 | }
--------------------------------------------------------------------------------
/src/app/pipes/weekday.pipe.ts:
--------------------------------------------------------------------------------
1 | import {PipeTransform, Pipe} from "@angular/core";
2 |
3 | @Pipe({name: 'weekday'})
4 | export class WeekdayPipe implements PipeTransform {
5 |
6 | weekday_cn = ['', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
7 |
8 | transform(value:any, ...args):any {
9 | if(Number.isInteger(value) && value < this.weekday_cn.length) {
10 | return this.weekday_cn[value];
11 | } else {
12 | return '';
13 | }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/helpers/error/ClientError.ts:
--------------------------------------------------------------------------------
1 | import {BaseError} from "./BaseError";
2 |
3 |
4 | export class ClientError extends BaseError {
5 |
6 | // common error
7 | static INVALID_REQUEST = 'invalid parameter';
8 |
9 | static DUPLICATE_EMAIL = 'duplicate email';
10 |
11 | static MAIL_NOT_EXISTS = 'email not exists';
12 |
13 | constructor(
14 | public message: string,
15 | public status: number) {
16 | super('ClientError', message, status);
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/admin/admin-navbar/admin-navbar.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-pipes/libyk-pipe.ts:
--------------------------------------------------------------------------------
1 | import {Pipe, PipeTransform} from '@angular/core';
2 |
3 | @Pipe({name: 'libykFormat'})
4 | export class LibykPipe implements PipeTransform {
5 | transform(value: string, key?: string): any {
6 | if (value) {
7 | let obj = JSON.parse(value);
8 | if (key) {
9 | return obj[key];
10 | }
11 | return `[${obj.t}] ${obj.q}`;
12 | }
13 | return '';
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # @AngularClass
2 | # http://editorconfig.org
3 |
4 | root = true
5 |
6 | [*]
7 | charset = utf-8
8 | indent_style = space
9 | end_of_line = lf
10 |
11 | [*.{ts,js}]
12 | indent_size = 4
13 | insert_final_newline = true
14 | trim_trailing_whitespace = true
15 |
16 | [*.{yml,json}]
17 | indent_size = 2
18 | trim_trailing_whitespace = true
19 |
20 | [*.html]
21 | indent_size = 4
22 | trim_trailing_whitespace = true
23 |
24 | [*.less]
25 | indent_size = 2
26 | trim_trailing_whitespace = true
--------------------------------------------------------------------------------
/src/app/reset-pass/reset-pass.less:
--------------------------------------------------------------------------------
1 | .reset-pass {
2 | position: fixed;
3 | top: 0;
4 | left: 0;
5 | right: 0;
6 | bottom: 0;
7 |
8 | .reset-pass-wrapper {
9 | width: 30rem;
10 | height: 22rem;
11 | position: absolute;
12 | top: 0;
13 | left: 0;
14 | right: 0;
15 | bottom: 0;
16 | margin: auto;
17 | padding: 0.8rem;
18 | .reset-header {
19 | text-align: center;
20 | }
21 | .ui.form {
22 | margin: 1rem 0 2rem 0;
23 | }
24 | }
25 | }
--------------------------------------------------------------------------------
/src/app/alert-dialog/alert-dialog.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/home/user-action/user-action.html:
--------------------------------------------------------------------------------
1 |
3 |
4 | {{title}}
5 |
6 |
7 |
9 |
10 |
14 |
15 |
2 |
8 |
9 |
--------------------------------------------------------------------------------
/src/app/video-player/controls/volume-control/volume-control.html:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/app/admin/task-manager/task-manager.less:
--------------------------------------------------------------------------------
1 | .content-area {
2 | position: fixed;
3 | top: 4.8rem;
4 | left: 260px;
5 | bottom: 0;
6 | right: 0;
7 | overflow: hidden;
8 | padding: 0.5rem 1rem;
9 | background-color: #f0f0f0;
10 | .task-list {
11 | width: 100%;
12 | height: 100%;
13 | overflow-x: hidden;
14 | overflow-y: auto;
15 | }
16 | }
17 |
18 | .anchor-button {
19 | cursor: pointer;
20 | color: #333333;
21 | padding: 0.4em;
22 | &:hover,
23 | &:focus {
24 | color: #5f94c5;
25 | }
26 | }
--------------------------------------------------------------------------------
/src/app/email-confirm/email-confirm.module.ts:
--------------------------------------------------------------------------------
1 | import { HttpClientModule } from '@angular/common/http';
2 | import { NgModule } from '@angular/core';
3 | import { CommonModule } from '@angular/common';
4 | import { EmailConfirm } from './email-confirm.component';
5 | import { EmailConfirmService } from "./email-confirm.service";
6 |
7 | @NgModule({
8 | declarations: [EmailConfirm],
9 | imports: [CommonModule, HttpClientModule],
10 | providers: [EmailConfirmService]
11 | })
12 | export class EmailConfirmModule {
13 |
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/home/bangumi-extra-info/bangumi-staff-info/bangumi-staff-info.html:
--------------------------------------------------------------------------------
1 | 制作人员
2 |
3 |
--------------------------------------------------------------------------------
/src/app/responsive-image/responsive-image.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { ResponsiveImage } from './responsive-image.directive';
3 | import { ResponsiveService } from './responsive.service';
4 | import { ResponsiveImageWrapper } from './responsive-image-wrapper';
5 |
6 | @NgModule({
7 | declarations: [ResponsiveImage, ResponsiveImageWrapper],
8 | providers: [ResponsiveService],
9 | exports: [ResponsiveImage, ResponsiveImageWrapper]
10 | })
11 | export class ResponsiveImageModule {
12 |
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/home/bangumi-extra-info/bangumi-character/bangumi-character.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { Bangumi } from '../../../entity';
3 | import { Character } from '../interfaces';
4 |
5 |
6 | @Component({
7 | selector: 'bangumi-character',
8 | templateUrl: './bangumi-character.html',
9 | styleUrls: ['./bangumi-character.less']
10 | })
11 | export class BangumiCharacterComponent {
12 | @Input()
13 | bangumi: Bangumi;
14 | @Input()
15 | characterList: Character[];
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/admin/user-manager/user-manager.less:
--------------------------------------------------------------------------------
1 | .content-area {
2 | position: fixed;
3 | top: 4.8rem;
4 | left: 260px;
5 | bottom: 0;
6 | right: 0;
7 | overflow-x: hidden;
8 | overflow-y: auto;
9 | padding: 0.5rem 1rem;
10 | background-color: #f0f0f0;
11 | }
12 |
13 | .pagination-container {
14 | display: flex;
15 | flex-direction: row;
16 | justify-content: center;
17 | }
18 |
19 | .anchor-button {
20 | cursor: pointer;
21 | color: #333333;
22 | padding: 0.4em;
23 | &:hover,
24 | &:focus {
25 | color: #5f94c5;
26 | }
27 | }
--------------------------------------------------------------------------------
/src/app/email-confirm/email-confirm.html:
--------------------------------------------------------------------------------
1 |
4 | {{job}}：
5 |
6 | {{staff.name}}
7 | /
8 |
9 |
10 |
2 |
--------------------------------------------------------------------------------
/src/assets/css/main.css:
--------------------------------------------------------------------------------
1 | #body-container {
2 | margin: 0;
3 | height: 100%;
4 | }
5 | .bgm-link-icon {
6 | display: inline-block;
7 | vertical-align: middle;
8 | }
9 | .bgm-rate-emo {
10 | background: transparent url('/assets/img/rate_emo.gif') no-repeat;
11 | background-position: -77px 0;
12 | height: 37px;
13 | width: 30px;
14 | }
15 |
16 | .bgm-emo-47 {
17 | background: transparent url('/assets/img/24.gif') no-repeat;
18 | height: 21px;
19 | width: 21px;
20 | display: inline-block;
21 | vertical-align: baseline;
22 | }
--------------------------------------------------------------------------------
/src/app/confirm-dialog/index.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {ConfirmDialogDirective} from './confirm-dialog.directive';
3 | import {UIDialogModule} from 'deneb-ui';
4 | import {ConfirmDialogModal} from './confirm-dialog-modal.component';
5 |
6 | @NgModule({
7 | declarations: [ConfirmDialogDirective, ConfirmDialogModal],
8 | imports: [UIDialogModule],
9 | exports: [ConfirmDialogDirective],
10 | entryComponents: [ConfirmDialogModal]
11 | })
12 | export class ConfirmDialogModule {
13 |
14 | }
15 |
16 | export * from './confirm-dialog.directive';
17 |
--------------------------------------------------------------------------------
/src/app/home/user-action/browser-extension-tip/browser-extension-tip.html:
--------------------------------------------------------------------------------
1 |
3 |
5 | Just wait a little moment...
4 |
6 |
9 | Congratulations! You have completed email address confirmation.
7 | 8 |
10 |
12 | Fail to confirm email!
11 |
2 |
13 |
--------------------------------------------------------------------------------
/src/app/alert-dialog/alert-dialog.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { UIDialogRef } from 'deneb-ui';
3 |
4 | @Component({
5 | selector: 'alert-dialog',
6 | templateUrl: './alert-dialog.html'
7 | })
8 | export class AlertDialog {
9 | @Input()
10 | confirmButtonText: string;
11 |
12 | @Input()
13 | title: string;
14 |
15 | @Input()
16 | content: string;
17 |
18 |
19 | constructor(private _dialogRef: UIDialogRefBangumi整合功能
3 |
4 | 现在你可以通过安装{{browserType}}扩展的方式绑定Bangumi帐号，
5 | 这项增强的功能提供了评分到评论的一系列基于Bangumi帐号的社交服务。
6 | 前往{{browserType}}商店 7 | 8 |
9 |
12 | 5 | 这项增强的功能提供了评分到评论的一系列基于Bangumi帐号的社交服务。
6 | 前往{{browserType}}商店 7 | 8 |
2 |
--------------------------------------------------------------------------------
/src/app/static-content/static-content.less:
--------------------------------------------------------------------------------
1 | @navbarHeight: 3.5rem;
2 | @footerHeight: 8em;
3 |
4 | :host {
5 | display: block;
6 | height: 100%;
7 | padding-top: @navbarHeight + 1.5rem;
8 | }
9 |
10 | .navbar {
11 | width: 100%;
12 | height: @navbarHeight;
13 | background-color: #fff;
14 | display: flex;
15 | flex-direction: row;
16 | justify-content: flex-start;
17 | border-bottom: 1px solid #ccc;
18 | align-items: center;
19 | position: fixed;
20 | top: 0;
21 | left: 0;
22 | z-index: 200;
23 |
24 | .brand {
25 | display: block;
26 | padding: 0 1rem 0 2.5rem;
27 | color: #101010;
28 | }
29 | }
--------------------------------------------------------------------------------
/src/app/forget-pass/forget-pass.html:
--------------------------------------------------------------------------------
1 | 开放API
3 |本站允许开发者根据需要来使用API访问网站内容，请开发者自行阅读API文档，注意除了登陆和注册相关API，其他API均需要登录访问。
4 | 5 |源代码
6 |我们坚持开放源代码与社区共同维护我们的服务。您可以访问到服务端和客户端的源代码
7 |-
8 |
- 服务端源代码：https://github.com/lordfriend/Albireo 9 |
- Web客户端源代码：https://github.com/lordfriend/Deneb 10 |
2 |
--------------------------------------------------------------------------------
/src/app/admin/announce/announce.less:
--------------------------------------------------------------------------------
1 | .content-area {
2 | position: fixed;
3 | top: 4.8rem;
4 | left: 260px;
5 | bottom: 0;
6 | right: 0;
7 | overflow-x: hidden;
8 | overflow-y: auto;
9 | padding: 0.5rem 1rem;
10 | background-color: #f0f0f0;
11 | }
12 |
13 | .table {
14 | td {
15 | overflow: hidden;
16 | white-space: normal;
17 | -ms-word-break: break-all;
18 | word-break: break-all;
19 | }
20 | }
21 |
22 | .anchor-button {
23 | display: inline-block;
24 | margin: 0 0.2rem;
25 | cursor: pointer;
26 | color: #333333;
27 | padding: 0.3em;
28 | &:hover,
29 | &:focus {
30 | color: #5f94c5;
31 | }
32 | }
--------------------------------------------------------------------------------
/src/app/admin/user-manager/user-promote-modal/user-promote-modal.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, Input} from '@angular/core';
2 | import {UIDialogRef} from 'deneb-ui';
3 |
4 | @Component({
5 | selector: 'user-promote-modal',
6 | templateUrl: './user-promote-modal.html',
7 | styleUrls: ['./user-promote-modal.less']
8 | })
9 | export class UserPromoteModal {
10 |
11 | @Input() level: number;
12 |
13 | constructor(private _dialogRef: UIDialogRef
3 |
14 | 重置密码
4 | 13 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/src/app/confirm-dialog/confirm-dialog-modal.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/email-confirm/email-confirm.less:
--------------------------------------------------------------------------------
1 | :host {
2 | position: fixed;
3 | top: 0;
4 | left: 0;
5 | bottom: 0;
6 | right: 0;
7 | display: block;
8 | box-sizing: border-box;
9 | background-color: #f0f0f0;
10 | }
11 |
12 | .email-confirm {
13 | width: 700px;
14 | height: 200px;
15 | position: absolute;
16 | top: 0;
17 | left: 0;
18 | right: 0;
19 | bottom: 0;
20 | margin: auto;
21 | background-color: #ffffff;
22 | border: 1px solid #ccc;
23 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
24 | text-align: center;
25 | padding: 2rem;
26 | p {
27 | font-size: 1.2rem;
28 | }
29 | .confirmed {
30 | .ui.button {
31 | margin-top: 2rem;
32 | }
33 | }
34 | }
--------------------------------------------------------------------------------
/src/app/admin/web-hook/web-hook-card/web-hook-card.less:
--------------------------------------------------------------------------------
1 | web-hook-card {
2 | display: block;
3 | box-sizing: border-box;
4 | padding: 0.5rem 0;
5 | height: 12rem;
6 | > .ui.segment {
7 | width: 100%;
8 | height: 100%;
9 | margin: 0;
10 |
11 | .url {
12 | font-size: 0.9em;
13 | color: #555555;
14 | margin-bottom: 0.5em;
15 | }
16 |
17 | .desc {
18 | overflow: hidden;
19 | text-overflow: ellipsis;
20 | -webkit-box-orient: vertical;
21 | -webkit-line-clamp: 2;
22 | font-size: 1rem;
23 | line-height: 1rem;
24 | max-height: 2rem;
25 | }
26 | }
27 |
28 | .created_by > .detail {
29 | padding-right: 1em;
30 | }
31 | }
--------------------------------------------------------------------------------
/src/app/home/play-episode/comment/comment-form/comment-form.less:
--------------------------------------------------------------------------------
1 | :host {
2 | width: 100%;
3 | display: flex;
4 | flex-direction: row;
5 | justify-content: flex-start;
6 | -webkit-box-sizing: border-box;
7 | -moz-box-sizing: border-box;
8 | box-sizing: border-box;
9 | }
10 | .user-avatar {
11 | width: 2.5em;
12 | height: 2.5em;
13 | border-radius: 0.25rem;
14 | margin-right: 1rem;
15 | > img {
16 | width: 100%;
17 | height: 100%;
18 | border-radius: 0.25rem;
19 | }
20 | }
21 | .ui.form {
22 | flex: 1 1 auto;
23 | textarea {
24 | height: 8em;
25 | }
26 | .buttons.field {
27 | display: flex;
28 | flex-direction: row;
29 | justify-content: flex-end;
30 | }
31 | }
--------------------------------------------------------------------------------
/src/app/home/play-episode/comment/edit-comment/edit-comment.less:
--------------------------------------------------------------------------------
1 | :host {
2 | width: 100%;
3 | display: flex;
4 | flex-direction: row;
5 | justify-content: flex-start;
6 | -webkit-box-sizing: border-box;
7 | -moz-box-sizing: border-box;
8 | box-sizing: border-box;
9 | }
10 | .user-avatar {
11 | width: 2.5em;
12 | height: 2.5em;
13 | border-radius: 0.25rem;
14 | margin-right: 1rem;
15 | > img {
16 | width: 100%;
17 | height: 100%;
18 | border-radius: 0.25rem;
19 | }
20 | }
21 | .ui.form {
22 | flex: 1 1 auto;
23 | textarea {
24 | height: 8em;
25 | }
26 | .buttons.field {
27 | display: flex;
28 | flex-direction: row;
29 | justify-content: flex-end;
30 | }
31 | }
--------------------------------------------------------------------------------
/src/app/home/bottom-float-banner/bottom-float-banner.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, HostBinding } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'bottom-float-banner',
5 | templateUrl: './bottom-float-banner.html',
6 | styleUrls: ['./bottom-float-banner.less'],
7 | })
8 | export class BottomFloatBannerComponent {
9 |
10 | @HostBinding('class.show')
11 | showBanner = false;
12 |
13 | constructor() {
14 | const ua = navigator.userAgent;
15 | this.showBanner = ua.toLowerCase().indexOf('android') > -1;
16 | }
17 |
18 | closeBanner(event: Event) {
19 | event.preventDefault();
20 | event.stopPropagation();
21 | this.showBanner = false;
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/app/home/play-episode/comment/comment-form/comment-form.html:
--------------------------------------------------------------------------------
1 |
3 |
4 | {{title}}
5 |
6 |
7 |
8 |
9 |
10 |
14 |
18 |
19 |
2 | ![avatar]()
3 |
4 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-pipes/status-name-pipe.ts:
--------------------------------------------------------------------------------
1 | import {Pipe, PipeTransform} from '@angular/core';
2 |
3 | export const BANGUMI_STATUS = {
4 | 0: 'Pending',
5 | 1: 'On Air',
6 | 2: 'Finished'
7 | };
8 |
9 | @Pipe({name: 'bangumiStatusName'})
10 | export class BangumiStatusNamePipe implements PipeTransform {
11 | transform(value: number): any {
12 | return BANGUMI_STATUS[value];
13 | }
14 | }
15 |
16 | export const VIDEO_FILE_STATUS = {
17 | 1: '未下载',
18 | 2: '下载中',
19 | 3: '已下载'
20 | };
21 |
22 | @Pipe({name: 'videoFileStatusName'})
23 | export class VideoFileStatusNamePipe implements PipeTransform {
24 |
25 | transform(value: number): any {
26 | return VIDEO_FILE_STATUS[value];
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/user-service/index.ts:
--------------------------------------------------------------------------------
1 | import { HttpClientModule } from '@angular/common/http';
2 | import { NgModule } from '@angular/core';
3 | import { UserService } from './user.service';
4 | import { RouterModule } from '@angular/router';
5 | import { Authentication } from './authentication.service';
6 | import { PersistStorage } from './persist-storage';
7 |
8 | @NgModule({
9 | providers: [
10 | UserService,
11 | Authentication,
12 | PersistStorage
13 | ],
14 | imports: [
15 | HttpClientModule,
16 | RouterModule
17 | ]
18 | })
19 | export class UserServiceModule {
20 |
21 | }
22 |
23 | export * from './user.service';
24 | export * from './authentication.service';
25 | export * from './persist-storage';
26 |
--------------------------------------------------------------------------------
/src/app/confirm-dialog/confirm-dialog-modal.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, Input} from '@angular/core';
2 | import {UIDialogRef} from 'deneb-ui';
3 | @Component({
4 | selector: 'confirm-dialog-modal',
5 | templateUrl: './confirm-dialog-modal.html',
6 | styles: [`
7 | .ui.modal.active {
8 | transform: translate3d(0, -50%, 0);
9 | }
10 | `]
11 | })
12 | export class ConfirmDialogModal {
13 |
14 | @Input()
15 | title;
16 |
17 | @Input()
18 | content;
19 |
20 | constructor(private _dialogRef: UIDialogRef
2 | ![avatar]()
3 |
4 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/src/app/video-player/core/settings.ts:
--------------------------------------------------------------------------------
1 | export const PREFIX = 'VideoPlayer';
2 |
3 | export class Capture {
4 | static className = 'Capture';
5 | static prefix = `${PREFIX}:${Capture.className}`;
6 | static AUTO_REMOVE = `${Capture.prefix}:AutoRemove`;
7 | static DIRECT_DOWNLOAD = `${Capture.prefix}:DirectDownload`;
8 | }
9 |
10 | export class PlayList {
11 | static className = 'PlayList';
12 | static prefix = `${PREFIX}:${PlayList.className}`;
13 | static AUTO_PLAY_NEXT = `${PlayList.prefix}:AutoPlayNext`;
14 | }
15 |
16 | export class FloatPlayer {
17 | static className = 'FloatPlayer';
18 | static prefix = `${PREFIX}:${FloatPlayer.className}`;
19 | static AUTO_FLOAT_WHEN_SCROLL = `${FloatPlayer.prefix}:AutoFloatWhenScroll`;
20 | static AUTO_FLOAT_WHEN_LEAVE = `${FloatPlayer.prefix}:AutoFloatWhenLeave`;
21 | }
22 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-pipes/nyaa-pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 |
3 | export const AVAILABLE_FILTER = ['No filter', 'No remakes', 'Trusted only'];
4 | export const AVAILABLE_CATEGORY = {'1_2': 'Anime - English-translated', '1_3': 'Anime - Non-English-translated', '1_4': 'Anime - Raw'};
5 |
6 | @Pipe({name: 'NyaaPipe'})
7 | export class NyaaPipe implements PipeTransform {
8 |
9 | transform(value: string, key: string): any {
10 | if (value) {
11 | let params = new URLSearchParams(value);
12 | let v = params.get(key);
13 | if (key === 'f') {
14 | return AVAILABLE_FILTER[v];
15 | } else if (key === 'c') {
16 | return AVAILABLE_CATEGORY[v];
17 | }
18 | return v;
19 | }
20 | return '';
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/admin/admin.html:
--------------------------------------------------------------------------------
1 |
2 |
22 |
24 |
--------------------------------------------------------------------------------
/tsconfig.webpack.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2015",
4 | "module": "ESNext",
5 | "moduleResolution": "node",
6 | "emitDecoratorMetadata": true,
7 | "experimentalDecorators": true,
8 | "allowSyntheticDefaultImports": true,
9 | "sourceMap": true,
10 | "noEmitHelpers": true,
11 | "importHelpers": true,
12 | "strictNullChecks": false,
13 | "lib": [
14 | "es2018",
15 | "dom"
16 | ],
17 | "typeRoots": ["node_modules/@types"],
18 | },
19 | "exclude": [
20 | "node_modules",
21 | "dist",
22 | "src/**/*.spec.ts",
23 | "src/**/*.e2e.ts",
24 | "src/service-worker"
25 | ],
26 | "angularCompilerOptions": {
27 | "skipMetadataEmit": true
28 | },
29 | "compileOnSave": false,
30 | "buildOnSave": false,
31 | "atom": {
32 | "rewriteTsconfig": false
33 | }
34 | }
--------------------------------------------------------------------------------
/src/app/email-confirm/email-confirm.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { Observable } from 'rxjs';
4 | import { catchError, map } from 'rxjs/operators';
5 | import { BaseService } from '../../helpers/base.service';
6 |
7 | @Injectable()
8 | export class EmailConfirmService extends BaseService {
9 | constructor(private _http: HttpClient) {
10 | super()
11 | }
12 |
13 | confirmEmail(querystring: string): Observable
2 | 我在看的番組
3 |
4 |
13 |
14 | 还没有{{favoriteLabel[currentStatus]}}的番組
15 |
--------------------------------------------------------------------------------
/src/app/video-player/touch-controls/touch-controls.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/home/play-episode/feedback/feedback.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/admin/admin.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnDestroy } from '@angular/core';
2 | import { UserService } from '../user-service/user.service';
3 | import { User } from '../entity/user';
4 | import { Subscription } from 'rxjs';
5 |
6 | @Component({
7 | selector: 'admin',
8 | templateUrl: './admin.html',
9 | styleUrls: ['./admin.less']
10 | })
11 | export class Admin implements OnDestroy {
12 | private _subscription = new Subscription();
13 |
14 | site_title = SITE_TITLE;
15 |
16 | user: User;
17 |
18 | constructor(private _userService: UserService) {
19 | this._subscription.add(
20 | this._userService.userInfo
21 | .subscribe((u) => {
22 | this.user = u;
23 | })
24 | );
25 | }
26 |
27 |
28 | ngOnDestroy(): void {
29 | this._subscription.unsubscribe();
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/admin/user-manager/user-promote-modal/user-promote-modal.html:
--------------------------------------------------------------------------------
1 |
3 |
5 |
6 |
8 |
9 |
15 | {{currentTimeClock}}
10 |
11 |
13 | {{durationClock}}
14 |
2 |
--------------------------------------------------------------------------------
/src/app/video-player/float-controls/float-controls.html:
--------------------------------------------------------------------------------
1 |
3 |
14 |
18 |
4 |
13 | {{level | userLevelName}}
5 |
6 |
12 |
2 |
10 |
17 |
--------------------------------------------------------------------------------
/src/app/video-player/controls/captured-frame-list/operation-dialog/operation-dialog.html:
--------------------------------------------------------------------------------
1 |
11 |
13 |
14 |
16 | {{currentTimeClock}} / {{durationClock}}
15 |
2 |
6 |
3 |
4 |
5 |
7 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/entity/bangumi-raw.ts:
--------------------------------------------------------------------------------
1 | import {Bangumi} from "./bangumi";
2 | import {Episode} from "./episode";
3 | export class BangumiRaw extends Bangumi{
4 | public episodes: Episode[];
5 | constructor(rawData: any) {
6 | super();
7 |
8 | this.bgm_id = rawData.id;
9 | this.name = rawData.name;
10 | this.name_cn = rawData.name_cn;
11 | this.type = rawData.type;
12 | this.summary = rawData.summary;
13 | this.image = rawData.images.large;
14 | this.air_date = rawData.air_date;
15 | this.air_weekday = rawData.air_weekday;
16 |
17 |
18 | if(Array.isArray(rawData.eps) && rawData.eps.length > 0) {
19 | this.episodes = rawData.eps.filter(item => item.type === Episode.EPISODE_TYPE_NORMAL).map(item => Episode.fromRawData(item, item.sort));
20 | this.eps = this.episodes.length;
21 | } else {
22 | this.episodes = [];
23 | this.eps = 0;
24 | }
25 |
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-detail/bangumi-moe-builder/bangum-moe-entity.ts:
--------------------------------------------------------------------------------
1 | export class Tag {
2 | _id: string;
3 | activity: number;
4 | locale: { ja: string, zh_cn: string, zh_tw: string, en: string };
5 | name: string;
6 | syn_lowercase: string[];
7 | synonyms: string[];
8 | type: string
9 | }
10 |
11 | export class Torrent {
12 | btskey: string;
13 | category_tag_id: string;
14 | comments: number;
15 | content: string[][];
16 | downloads: number;
17 | file_id: string;
18 | finished: 807;
19 | infoHash: string;
20 | introduction: string;
21 | leechers: 15;
22 | magnet: string;
23 | publish_time: string;
24 | seeders: number;
25 | size: string;
26 | tag_ids: string[];
27 | team_id: string;
28 | team_sync: any;
29 | title: string;
30 | uploader_id: string;
31 | _id: string;
32 | // add by Albireo
33 | eps_no_list: number[]
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/RefreshSameRouteStrategy.ts:
--------------------------------------------------------------------------------
1 | import { ActivatedRouteSnapshot, DetachedRouteHandle, RouteReuseStrategy } from '@angular/router';
2 | import { Injectable } from '@angular/core';
3 |
4 | @Injectable()
5 | export class RefreshSameRouteStrategy extends RouteReuseStrategy {
6 |
7 | shouldDetach(route: ActivatedRouteSnapshot): boolean {
8 | return false;
9 | }
10 |
11 | store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle): void {
12 | }
13 |
14 | shouldAttach(route: ActivatedRouteSnapshot): boolean {
15 | return false;
16 | }
17 |
18 | retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle {
19 | return null;
20 | }
21 |
22 | shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
23 | let refresh = !!future.data && !!future.data.refresh;
24 | return future.routeConfig === curr.routeConfig && !refresh;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/static-content/static-content.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { PrivacyComponent } from './privacy/privacy.component';
3 | import { TosComponent } from './tos/tos.component';
4 | import { StaticContentComponent } from './static-content.component';
5 | import { RouterModule } from '@angular/router';
6 | import { staticContentRoutes } from './static-content.routes';
7 | import { DevelopersComponent } from './developers/developers.component';
8 | import { AppsComponent } from './apps/apps.component';
9 | import { CommonModule } from '@angular/common';
10 |
11 | @NgModule({
12 | declarations: [
13 | PrivacyComponent,
14 | TosComponent,
15 | StaticContentComponent,
16 | DevelopersComponent,
17 | AppsComponent
18 | ],
19 | imports: [
20 | RouterModule.forChild(staticContentRoutes),
21 | CommonModule
22 | ]
23 | })
24 | export class StaticContentModule {
25 |
26 | }
27 |
--------------------------------------------------------------------------------
/src/assets/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "App",
3 | "icons": [
4 | {
5 | "src": "/assets/icon/android-icon-36x36.png",
6 | "sizes": "36x36",
7 | "type": "image/png",
8 | "density": 0.75
9 | },
10 | {
11 | "src": "/assets/icon/android-icon-48x48.png",
12 | "sizes": "48x48",
13 | "type": "image/png",
14 | "density": 1.0
15 | },
16 | {
17 | "src": "/assets/icon/android-icon-72x72.png",
18 | "sizes": "72x72",
19 | "type": "image/png",
20 | "density": 1.5
21 | },
22 | {
23 | "src": "/assets/icon/android-icon-96x96.png",
24 | "sizes": "96x96",
25 | "type": "image/png",
26 | "density": 2.0
27 | },
28 | {
29 | "src": "/assets/icon/android-icon-144x144.png",
30 | "sizes": "144x144",
31 | "type": "image/png",
32 | "density": 3.0
33 | },
34 | {
35 | "src": "/assets/icon/android-icon-192x192.png",
36 | "sizes": "192x192",
37 | "type": "image/png",
38 | "density": 4.0
39 | }
40 | ]
41 | }
42 |
--------------------------------------------------------------------------------
/src/app/_center-box.less:
--------------------------------------------------------------------------------
1 |
2 | .center-box {
3 | .center-box-header {
4 | text-align: center;
5 | }
6 | .center-box-body {
7 | padding: 15px;
8 | }
9 | }
10 |
11 | @media (max-width: 723px) {
12 | .center-box {
13 | flex-grow: 1;
14 | flex-shrink: 1;
15 | flex-basis: 100%;
16 | max-width: 100%;
17 | max-height: 100%;
18 | .center-box-header {
19 | margin-top: 40px;
20 | }
21 | }
22 | }
23 |
24 | @media (min-width: 723px) {
25 | .center-box {
26 | width: 400px;
27 | }
28 |
29 | .center-box-frame {
30 | //height: 550px;
31 | display: flex;
32 | flex-direction: row;
33 | justify-content: center;
34 | }
35 |
36 | .center-box-background {
37 | position: fixed;
38 | top: 0;
39 | left: 0;
40 | right: 0;
41 | bottom: 0;
42 | display: flex;
43 | flex-direction: column;
44 | justify-content: center;
45 | }
46 | }
47 |
48 | .error-message {
49 | color: #f44336;
50 | }
51 |
--------------------------------------------------------------------------------
/src/app/home/favorite-chooser/conflict-dialog/conflict-dialog.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/video-player/controls/help-button/help-button.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, HostListener } from '@angular/core';
2 | import { VideoPlayer } from '../../video-player.component';
3 |
4 | @Component({
5 | selector: 'video-player-help-button',
6 | template: '',
7 | styles: [`
8 | :host {
9 | display: inline-block;
10 | box-sizing: border-box;
11 | flex: 0 0 auto;
12 | margin-left: 0.5rem;
13 | margin-right: 0.5rem;
14 | padding: 0.4rem;
15 | cursor: pointer;
16 | line-height: 1;
17 | }
18 | `]
19 | })
20 | export class VideoPlayerHelpButton {
21 | constructor(private _videoPlayer: VideoPlayer) {
22 | }
23 |
24 | @HostListener('click', ['$event'])
25 | onClick(event: Event) {
26 | event.preventDefault();
27 | event.stopPropagation();
28 | this._videoPlayer.openHelpDialog();
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/admin/web-hook/web-hook.less:
--------------------------------------------------------------------------------
1 | .content-area {
2 | position: fixed;
3 | top: 4.8rem;
4 | left: 260px;
5 | bottom: 0;
6 | right: 0;
7 | overflow-x: hidden;
8 | overflow-y: auto;
9 | padding: 0.5rem 1rem;
10 | background-color: #f0f0f0;
11 | }
12 |
13 | .anchor-button {
14 | cursor: pointer;
15 | color: #333333;
16 | }
17 |
18 | .all-web-hook-container {
19 | width: 100%;
20 | height: 100%;
21 | padding: 0 2rem;
22 | }
23 |
24 | .no-result-container {
25 | width: 100%;
26 | height: 100%;
27 | overflow: hidden;
28 | position: relative;
29 | .no-result-tips {
30 | position: absolute;
31 | top: 0;
32 | left: 0;
33 | right: 0;
34 | bottom: 0;
35 | margin: auto;
36 | width: 12em;
37 | height: 2em;
38 | font-size: 3rem;
39 | color: #9f9f9f;
40 | }
41 | }
42 | .searching-container {
43 | width: 100%;
44 | height: 100%;
45 | overflow: hidden;
46 | position: relative;
47 | .loader {
48 | color: #9f9f9f;
49 | }
50 | }
--------------------------------------------------------------------------------
/src/app/admin/web-hook/web-hook.html:
--------------------------------------------------------------------------------
1 |
3 |
4 | 同步 {{bangumiName}} 收藏状态时发现冲突
5 |
6 |
7 |
13 | 发现{{siteTitle}}的状态与Bangumi的状态不同，请选择保留何种状态
8 |
9 |
12 | {{siteTitle}}的收藏状态：{{STATUS_TEXT[siteStatus]}}
10 | Bangumi的收藏状态：{{STATUS_TEXT[bgmStatus]}}
11 |
14 |
17 |
20 |
21 |
7 |
--------------------------------------------------------------------------------
/src/app/home/bangumi-extra-info/bangumi-staff-info/bangumi-staff-info.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit } from '@angular/core';
2 | import { Staff } from '../interfaces';
3 |
4 | @Component({
5 | selector: 'bangumi-staff-info',
6 | templateUrl: './bangumi-staff-info.html',
7 | styleUrls: ['./bangumi-staff-info.less']
8 | })
9 | export class BangumiStaffInfoComponent implements OnInit {
10 | @Input()
11 | staffList: Staff[];
12 |
13 | staffMap: {[job: string]: Staff[]};
14 |
15 | jobs: string[];
16 |
17 | constructor() {
18 | this.staffMap = {};
19 | this.jobs = [];
20 | }
21 |
22 | ngOnInit(): void {
23 | this.staffList.forEach(staff => {
24 | staff.jobs.forEach(job => {
25 | if (!this.staffMap[job]) {
26 | this.jobs.push(job);
27 | this.staffMap[job] = [];
28 | }
29 | this.staffMap[job].push(staff);
30 | });
31 | });
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/app/video-player/help-dialog/help-dialog.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 375px) {
6 | width: 90%;
7 | }
8 | width: 300px;
9 | height: 410px;
10 | margin: auto;
11 | top: 0;
12 | left: 0;
13 | right: 0;
14 | bottom: 0;
15 | position: absolute;
16 | border-radius: 4px;
17 | background-color: #fff;
18 | overflow: hidden;
19 | }
20 |
21 | .dialog-title {
22 | padding: 0.5rem;
23 | position: relative;
24 | border-bottom: 1px solid #ccc;
25 | > h3 {
26 | margin: 0;
27 | text-align: center;
28 | font-weight: 600;
29 | color: #414141;
30 | }
31 | > .close-button {
32 | position: absolute;
33 | top: 0.5rem;
34 | right: 0.5rem;
35 | color: #636363;
36 | font-size: 1.5rem;
37 | cursor: pointer;
38 | outline: none;
39 | }
40 | }
41 | .dialog-content {
42 | padding: 1rem;
43 | > table.no-border {
44 | border: none;
45 | td {
46 | padding: 0.4rem 0.6rem;
47 | }
48 | }
49 | }
--------------------------------------------------------------------------------
/src/app/home/web-hook/web-hook.less:
--------------------------------------------------------------------------------
1 | :host {
2 | background-color: #f0f0f0;
3 | display: block;
4 | box-sizing: border-box;
5 | position: fixed;
6 | top: 3.5rem;
7 | left: 0;
8 | right: 0;
9 | bottom: 0;
10 | overflow-x: hidden;
11 | overflow-y: auto;
12 | }
13 |
14 | .web-hook-list-container {
15 | width: 700px;
16 | padding-top: 2rem;
17 | padding-bottom: 3rem;
18 |
19 | @media (max-width: 479px) {
20 | width: 100%;
21 | }
22 | @media (min-width: 480px) and (max-width: 767px) {
23 | width: 480px;
24 | }
25 | @media (min-width: 768px) {
26 | width: 700px;
27 | }
28 |
29 | }
30 |
31 |
32 | .web-hook-list {
33 | .name {
34 | font-size: 1.2rem;
35 | padding: 0.4rem 1rem 0.8rem 0;
36 | border-bottom: 1px solid #cccccc;
37 | margin-bottom: 0.6rem;
38 | }
39 | .desc {
40 | margin-top: 1rem;
41 | color: #4c4c4c;
42 | }
43 | .permission-tags {
44 | padding: 0.5rem 0;
45 | > .key {
46 | font-size: 0.9rem;
47 | padding-right: 1rem;
48 | }
49 | }
50 | }
--------------------------------------------------------------------------------
/src/helpers/error/AuthError.ts:
--------------------------------------------------------------------------------
1 | import {BaseError} from './BaseError';
2 |
3 | export class AuthError extends BaseError {
4 |
5 | // login error
6 | static LOGIN_FAIL = 'invalid name or password';
7 |
8 |
9 | // register error
10 | static INVALID_INVITE_CODE = 'invalid invite code';
11 | static DUPLICATE_NAME = 'duplicate name';
12 | static PASSWORD_MISMATCH = 'password not match';
13 | static INVALID_EMAIL = 'invalid email';
14 |
15 | // update pass error
16 | static PASSWORD_INCORRECT = 'password incorrect';
17 |
18 | static PERMISSION_DENIED = 'permission denied';
19 |
20 | constructor(
21 | public message: string,
22 | public status: number) {
23 | super('AuthError', message, status);
24 | }
25 |
26 | public isPermission(): boolean {
27 | return this.status === 403;
28 | }
29 |
30 | public isUnauthorized(): boolean {
31 | return this.status === 401;
32 | }
33 |
34 | public isLoginFailed(): boolean {
35 | return this.status === 400 && this.message === AuthError.LOGIN_FAIL;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/helpers/dom.ts:
--------------------------------------------------------------------------------
1 | // select closet parent element
2 | export function closest(el, selector) {
3 | const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
4 |
5 | while (el) {
6 | if (matchesSelector.call(el, selector)) {
7 | return el;
8 | } else {
9 | el = el.parentElement;
10 | }
11 | }
12 | return null;
13 | }
14 |
15 | export function getRemPixel(remValue: number): number {
16 | return remValue * parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/(\d+(?:\.\d+)?)px/)[1]);
17 | }
18 |
19 | /**
20 | * get the vw in pixel
21 | * @param value
22 | */
23 | export function getVwInPixel(value: number): number {
24 | let w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
25 | return value / 100 * w;
26 | }
27 |
28 | export function getVhInPixel(value: number): number {
29 | let h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
30 | return value / 100 * h;
31 | }
32 |
--------------------------------------------------------------------------------
/.github/workflows/main.yml:
--------------------------------------------------------------------------------
1 | # This is a basic workflow to help you get started with Actions
2 |
3 | name: CI
4 |
5 | # Controls when the workflow will run
6 | on:
7 | # Triggers the workflow on push or pull request events but only for the master branch
8 | push:
9 | branches: [ master ]
10 | # pull_request:
11 | # branches: [ master ]
12 |
13 | # Allows you to run this workflow manually from the Actions tab
14 | # workflow_dispatch:
15 |
16 | # A workflow run is made up of one or more jobs that can run sequentially or in parallel
17 | jobs:
18 | to_gitlab:
19 | runs-on: ubuntu-18.04
20 | steps: # <-- must use actions/checkout@v1 before mirroring!
21 | - uses: actions/checkout@v1
22 | - uses: pixta-dev/repository-mirroring-action@v1
23 | with:
24 | target_repo_url:
25 | git@gitlab.com:iroha/Deneb.git
26 | ssh_private_key: # <-- use 'secrets' to pass credential information.
27 | ${{ secrets.GITLAB_SSH_PRIVATE_KEY }}
28 |
--------------------------------------------------------------------------------
/src/app/static-content/privacy/privacy.html:
--------------------------------------------------------------------------------
1 |
8 |
9 |
13 |
14 |
15 |
17 | 还没有添加Web Hook
16 |
18 |
20 | Loading...
19 |
2 |
--------------------------------------------------------------------------------
/src/app/home/user-action/user-action-panel/user-action-panel.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/static-content/static-content.routes.ts:
--------------------------------------------------------------------------------
1 | import { Routes } from '@angular/router';
2 | import { TosComponent } from './tos/tos.component';
3 | import { StaticContentComponent } from './static-content.component';
4 | import { PrivacyComponent } from './privacy/privacy.component';
5 | import { DevelopersComponent } from './developers/developers.component';
6 | import { AppsComponent } from './apps/apps.component';
7 |
8 | export const staticContentRoutes: Routes = [
9 | {
10 | path: 'about',
11 | component: StaticContentComponent,
12 | children: [
13 | {
14 | path: 'tos',
15 | component: TosComponent
16 | },
17 | {
18 | path: 'privacy',
19 | component: PrivacyComponent
20 | },
21 | {
22 | path: 'developers',
23 | component: DevelopersComponent
24 | },
25 | {
26 | path: 'apps',
27 | component: AppsComponent
28 | }
29 | ]
30 | }
31 | ];
32 |
--------------------------------------------------------------------------------
/src/app/admin/user-manager/user-promote-modal/user-promote-modal.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 465px) {
6 | width: 90%;
7 | }
8 | @media(min-width: 466px) {
9 | width: 470px;
10 | }
11 | @media(min-height: 300px) {
12 | height: 280px;
13 | }
14 | @media(max-height: 299px) {
15 | height: 90%;
16 | }
17 | margin: auto;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | bottom: 0;
22 | position: absolute;
23 | border-radius: 4px;
24 | background-color: #fff;
25 | overflow: hidden;
26 | padding-bottom: 5rem;
27 | }
28 |
29 | .user-promote-modal {
30 | padding: 2rem;
31 | text-align: center;
32 | }
33 |
34 | .footer {
35 | position: absolute;
36 | width: 100%;
37 | height: 5rem;
38 | left: 0;
39 | bottom: 0;
40 | border-top: 1px solid #e2e2e2;
41 | background-color: #fff;
42 | display: flex;
43 | flex-direction: row;
44 | justify-content: flex-end;
45 | align-items: center;
46 | padding-right: 1.6rem;
47 | > .ui.button {
48 | margin-right: 2rem;
49 | }
50 | }
--------------------------------------------------------------------------------
/src/app/home/play-episode/feedback/feedback.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 639px) and (min-height: 400px) {
6 | width: 90%;
7 | height: 360px;
8 | }
9 | @media(min-width: 640px) and (min-height: 400px) {
10 | width: 600px;
11 | height: 300px;
12 | }
13 | @media(min-height: 400px) and (min-width: 425px) {
14 | height: 300px;
15 | }
16 | @media(max-height: 399px) {
17 | height: 90%;
18 | }
19 | margin: auto;
20 | top: 0;
21 | left: 0;
22 | right: 0;
23 | bottom: 0;
24 | position: absolute;
25 | border-radius: 4px;
26 | background-color: #fff;
27 | overflow: hidden;
28 | -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
29 | -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
30 | box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
31 | }
32 |
33 | .ui.form {
34 | padding: 1rem 1.5rem;
35 |
36 | .ui.questions.buttons {
37 | flex-wrap: wrap;
38 | }
39 |
40 | .footer {
41 | display: flex;
42 | flex-direction: row;
43 | justify-content: flex-end;
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/app/home/rating/rating.html:
--------------------------------------------------------------------------------
1 |
25 |
--------------------------------------------------------------------------------
/src/app/error/error.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit, OnDestroy} from '@angular/core';
2 | // import {BaseError} from '../../helpers/error';
3 | import {Title} from '@angular/platform-browser';
4 | import {ActivatedRoute} from '@angular/router';
5 | import {Subscription} from 'rxjs';
6 |
7 |
8 | @Component({
9 | selector: 'error-page',
10 | templateUrl: './error.html'
11 | })
12 | export class ErrorComponent implements OnInit, OnDestroy {
13 |
14 | constructor(titleService: Title, private route: ActivatedRoute) {
15 | titleService.setTitle('出错了!');
16 | }
17 |
18 | errorMessage: string;
19 |
20 | errorStatus: string;
21 |
22 | private routeParamsSubscription: Subscription;
23 |
24 | ngOnInit(): any {
25 | this.routeParamsSubscription = this.route.params.subscribe(
26 | (params) => {
27 | this.errorMessage = params['message'];
28 | this.errorStatus = params['status'];
29 | }
30 | );
31 | return null;
32 | }
33 |
34 | ngOnDestroy(): any {
35 | if(this.routeParamsSubscription) {
36 | this.routeParamsSubscription.unsubscribe();
37 | }
38 | return null;
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/app/video-player/controls/config-button/config-panel/config-panel.less:
--------------------------------------------------------------------------------
1 | @arrowOffset: 0.30714286em;
2 |
3 | @arrowStroke: 1px;
4 | @arrowColor: #000;
5 |
6 | @arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor;
7 | @leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor;
8 | @rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor;
9 | @bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor;
10 |
11 |
12 | :host {
13 | display: block;
14 | -webkit-box-sizing: border-box;
15 | -moz-box-sizing: border-box;
16 | box-sizing: border-box;
17 | z-index: 300;
18 | padding: 1rem;
19 | }
20 |
21 | .config-panel-container {
22 | position: relative;
23 | border: 1px solid #000;
24 | border-radius: 4px;
25 | background-color: #000;
26 | color: #fff;
27 | margin: 0.5rem;
28 | -webkit-box-shadow: 0 2px 4px 0 rgba(15,15,15,.12), 0 2px 10px 0 rgba(15, 15, 15, 0.15);
29 | -moz-box-shadow: 0 2px 4px 0 rgba(15,15,15,.12), 0 2px 10px 0 rgba(15,15,15,.15);
30 | box-shadow: 0 2px 4px 0 rgba(15,15,15,.12), 0 2px 10px 0 rgba(15,15,15,.15);
31 | &.ui.form {
32 | padding: 1rem;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2015-2016 Nyasoft
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/src/app/home/my-bangumi/my-bangumi.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | }
5 |
6 | .status-picker {
7 | float: right;
8 | color: rgba(0, 0, 0, 0.87);
9 | font-weight: 500;
10 | }
11 |
12 | .header {
13 | margin: 0;
14 | font-size: 0.9rem;
15 | font-weight: 700;
16 | line-height: 2;
17 | color: #2185d0;
18 | }
19 |
20 | .menu.favorite-list {
21 | margin: .3em -1.14285714em 0;
22 | padding-top: 1rem;
23 | > .item.favorite-item {
24 | font-size: 1rem;
25 | padding: 0.5em 1.14em;
26 | white-space: nowrap;
27 | > .bangumi-name {
28 | display: inline-block;
29 | width: 9em;
30 | color: #696969;
31 | overflow: hidden;
32 | text-overflow: ellipsis;
33 | white-space: nowrap;
34 | }
35 | > .ui.label {
36 | position: absolute;
37 | top: 0.63em;
38 | right: 1.14em;
39 | &.undecorated {
40 | background: transparent;
41 | color: #999999;
42 | }
43 | }
44 | }
45 | }
46 |
47 | .empty-placeholder {
48 | margin: .5em -1.14285714em 0;
49 | font-size: 1rem;
50 | padding: 1.5em 1.14em 0.5em;
51 | color: #4c4c4c;
52 | }
--------------------------------------------------------------------------------
/src/app/admin/announce/edit-announce/edit-announce.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 767px) {
6 | width: 90%;
7 | }
8 | @media(min-width: 768px) {
9 | width: 768px;
10 | }
11 | @media(min-height: 640px) {
12 | height: 640px;
13 | }
14 | @media(max-height: 639px) {
15 | height: 100%;
16 | }
17 | margin: auto;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | bottom: 0;
22 | position: absolute;
23 | border-radius: 4px;
24 | background-color: #fff;
25 | overflow: hidden;
26 | }
27 |
28 | .edit-announce-form {
29 | height: 100%;
30 | }
31 |
32 | .announce-info {
33 | width: 100%;
34 | height: 100%;
35 | overflow-x: hidden;
36 | overflow-y: auto;
37 | padding: 1.5rem 1.5rem 6rem 1.5rem;
38 | }
39 |
40 | .footer {
41 | position: absolute;
42 | width: 100%;
43 | height: 5rem;
44 | left: 0;
45 | bottom: 0;
46 | border-top: 1px solid #e2e2e2;
47 | background-color: #fff;
48 | display: flex;
49 | flex-direction: row;
50 | justify-content: flex-end;
51 | align-items: center;
52 | padding-right: 2rem;
53 | > .ui.button {
54 | margin-right: 2rem;
55 | }
56 | }
--------------------------------------------------------------------------------
/src/app/admin/bangumi-detail/bangumi-basic/bangumi-basic.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 767px) {
6 | width: 90%;
7 | }
8 | @media(min-width: 768px) {
9 | width: 768px;
10 | }
11 | @media(min-height: 640px) {
12 | height: 640px;
13 | }
14 | @media(max-height: 639px) {
15 | height: 100%;
16 | }
17 | margin: auto;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | bottom: 0;
22 | position: absolute;
23 | border-radius: 4px;
24 | background-color: #fff;
25 | overflow: hidden;
26 | }
27 |
28 | .bangumi-form {
29 | height: 100%;
30 | }
31 |
32 | .bangumi-basic-info {
33 | width: 100%;
34 | height: 100%;
35 | overflow-x: hidden;
36 | overflow-y: auto;
37 | padding: 1.5rem 1.5rem 6rem 1.5rem;
38 | }
39 |
40 | .footer {
41 | position: absolute;
42 | width: 100%;
43 | height: 5rem;
44 | left: 0;
45 | bottom: 0;
46 | border-top: 1px solid #e2e2e2;
47 | background-color: #fff;
48 | display: flex;
49 | flex-direction: row;
50 | justify-content: flex-end;
51 | align-items: center;
52 | padding-right: 2rem;
53 | > .ui.button {
54 | margin-right: 2rem;
55 | }
56 | }
--------------------------------------------------------------------------------
/src/app/home/bottom-float-banner/bottom-float-banner.less:
--------------------------------------------------------------------------------
1 | @bannerHeight: 3rem;
2 |
3 | :host {
4 | display: none;
5 | box-sizing: border-box;
6 | position: fixed;
7 | left: 0;
8 | right: 0;
9 | bottom: 0;
10 | height: @bannerHeight;
11 | background: #383838;
12 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
13 | z-index: 2000;
14 | &.show {
15 | display: block;
16 | }
17 | .banner {
18 | height: @bannerHeight;
19 | line-height: @bannerHeight;
20 | font-size: 1.2rem;
21 | font-weight: 600;
22 | font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
23 | padding: 0 @bannerHeight 0 1rem;
24 | .app-link {
25 | .app-logo {
26 | display: inline-block;
27 | height: @bannerHeight - 0.8rem;
28 | width: auto;
29 | border: none;
30 | vertical-align: middle;
31 | margin-right: 1rem;
32 | }
33 | color: #f0f0f0;
34 | }
35 | .close-button {
36 | position: absolute;
37 | display: inline-block;
38 | width: @bannerHeight;
39 | height: @bannerHeight;
40 | top: 0;
41 | right: 0;
42 | font-size: 1.4rem;
43 | color: #f0f0f0;
44 | }
45 | }
46 | }
--------------------------------------------------------------------------------
/src/helpers/url.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * some code get from query-string
3 | */
4 |
5 | export function queryString(obj: any): string {
6 | let formatter = function (key, value) {
7 | return value === null ? encodeURIComponent(key) : [
8 | encodeURIComponent(key),
9 | '=',
10 | encodeURIComponent(value)
11 | ].join('');
12 | };
13 |
14 | return obj ? Object.keys(obj).sort().map(function (key) {
15 | let val = obj[key];
16 |
17 | if (val === undefined) {
18 | return '';
19 | }
20 |
21 | if (val === null) {
22 | return encodeURIComponent(key);
23 | }
24 |
25 | if (Array.isArray(val)) {
26 | let result = [];
27 |
28 | val.slice().forEach(function (val2) {
29 | if (val2 === undefined) {
30 | return;
31 | }
32 |
33 | result.push(formatter(key, val2));
34 | });
35 |
36 | return result.join('&');
37 | }
38 |
39 | return encodeURIComponent(key) + '=' + encodeURIComponent(val);
40 | }).filter(function (x) {
41 | return x.length > 0;
42 | }).join('&') : '';
43 | }
44 |
--------------------------------------------------------------------------------
/src/app/home/default/default.less:
--------------------------------------------------------------------------------
1 | .on-air-loading-wrapper {
2 | height: 21rem;
3 | position: static !important;
4 | }
5 | .default-container {
6 | padding-top: 2rem;
7 | }
8 |
9 | .recommend-header {
10 | font-size: 1.1rem;
11 | font-weight: bold;
12 | padding: 0.6rem 1rem;
13 | margin: 1rem 0 1.8rem 0;
14 | border-bottom: 1px solid #f0f0f0;
15 | }
16 |
17 | .bangumi-card {
18 | overflow: hidden;
19 | .ui.ribbon.label {
20 | position: absolute;
21 | top: 0.5rem;
22 | left: -1rem;
23 | }
24 | .image-wrapper {
25 | width: 100%;
26 | height: 0;
27 | padding-bottom: 140.5152224824%;
28 | position: relative;
29 | overflow: hidden;
30 | > img {
31 | position: absolute;
32 | top: 0;
33 | left: 0;
34 | object-fit: cover;
35 | width: 100%;
36 | height: 100%;
37 | }
38 | }
39 | }
40 |
41 | .announce-container {
42 | padding: 0 0.2rem;
43 | .announcement {
44 | display: block;
45 | position: relative;
46 | width: 100%;
47 | height: 0;
48 | padding-bottom: 20.43%;
49 | > img {
50 | display: block;
51 | position: absolute;
52 | top: 0;
53 | left: 0;
54 | width: 100%;
55 | height: 100%;
56 | }
57 | }
58 | }
--------------------------------------------------------------------------------
/src/helpers/base.service.ts:
--------------------------------------------------------------------------------
1 |
2 | import {throwError as observableThrowError, Observable} from 'rxjs';
3 | import {AuthError} from './error';
4 | import {ServerError} from './error/ServerError';
5 | import {ClientError} from './error/ClientError';
6 |
7 | export abstract class BaseService {
8 |
9 | handleError(resp: any) {
10 | var error: Error;
11 | if (resp.status === 400) {
12 | if (resp.json().message === AuthError.LOGIN_FAIL) {
13 | error = new AuthError(resp.message, resp.status);
14 | } else {
15 | error = new ClientError(resp.message, resp.status);
16 | }
17 | } else if (resp.status === 401) {
18 | error = new AuthError(resp.message, resp.status);
19 | } else if (resp.status == 403) {
20 | error = new AuthError(resp.message, resp.status);
21 | } else if (resp.status === 500) {
22 | error = new ServerError(resp.message, resp.status);
23 | } else if (resp.status === 502) {
24 | error = new ServerError('Server offline', resp.status);
25 | } else {
26 | error = new ServerError('Network Error', 0);
27 | }
28 | return observableThrowError(error);
29 | }
30 |
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/home/user-action/user-action.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | -webkit-box-sizing: border-box;
4 | -moz-box-sizing: border-box;
5 | box-sizing: border-box;
6 | }
7 |
8 | .user-action {
9 | margin-right: 2rem;
10 | @media (max-width: 639px) {
11 | margin-right: 1rem;
12 | }
13 | cursor: pointer;
14 | .text {
15 | font-weight: 700;
16 | display: inline-block;
17 | -webkit-transition: none;
18 | -moz-transition: none;
19 | -ms-transition: none;
20 | -o-transition: none;
21 | transition: none;
22 | > img {
23 | display: inline-block;
24 | vertical-align: top;
25 | width: 2em;
26 | height: 2em;
27 | margin: -.4em .78571429rem -.4em 0;
28 | float: none;
29 | max-height: 2em;
30 | border-radius: 4px;
31 | border: 1px solid #dfdfdf;
32 | }
33 | }
34 | .dropdown.icon {
35 | margin: 0 0.5em 0 0.21428571em;
36 | vertical-align: baseline;
37 | font-family: Dropdown;
38 | width: auto;
39 | height: 1em;
40 | line-height: 1;
41 | display: inline-block;
42 | font-weight: 400;
43 | font-style: normal;
44 | text-align: center;
45 | position: relative;
46 | font-size: 0.85714286em;
47 | opacity: 1;
48 | speak: none;
49 | }
50 | }
--------------------------------------------------------------------------------
/src/app/home/web-hook/web-hook.html:
--------------------------------------------------------------------------------
1 | 我们收集与存储的信息
3 |-
4 |
- 5 | 当你访问Web版客户端时，我们使用Google Analytics收集必要的信息用于统计用户使用状况，这些信息由Google收集与储存，本站并不直接存储这些信息。 6 | 所有的这些信息都是匿名的，我们不会将帐号信息提供给Google。 7 | 8 |
- 9 | 为了更好的提供服务，本站保存了您的用户名，密码，邮箱地址。其中密码经过加盐hash加密存储的，确保任何人（包括我们）不会知道泄露您的原始密码。 10 | 此外本站还会自动保存您的观看记录和进度。 11 | 12 |
- 13 | 所有这些信息收集政策都仅限Web客户端，如果您使用的是第三方客户端，您需要检查第三方客户端的信息收集政策。 14 | 15 |
我们分享的信息
17 |-
18 |
- 19 | 我们仅使用Google Analytics收集匿名信息，但我们并不会与Google分享任何您的帐号相关信息。 20 | 21 |
- 22 | 当您使用第三方客户端时，请检查第三方客户端的隐私政策来了解第三方客户端是否会与其他机构或个人分享信息。 23 | 24 |
政策的变化
26 |-
27 |
- 28 | 我们的隐私政策可能会随时变化，当隐私政策发生变化时，我们会尽可能通知您，但您依然有义务随时检查隐私政策。只要您继续使用我们的服务即意味着您接受我们的隐私政策。 29 | 30 |
2 |
7 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-detail/episode-detail/episode-detail.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 639px) {
6 | width: 90%;
7 | }
8 | @media(min-width: 640px) {
9 | width: 500px;
10 | }
11 | @media(min-height: 650px) {
12 | height: 600px;
13 | }
14 | @media(max-height: 649px) {
15 | height: 90%;
16 | }
17 | margin: auto;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | bottom: 0;
22 | position: absolute;
23 | border-radius: 4px;
24 | background-color: #fff;
25 | overflow: hidden;
26 | padding-bottom: 5rem;
27 | }
28 | .episode-detail-modal {
29 | width: 100%;
30 | height: 100%;
31 | padding: 1.2rem 1.5rem 0.5rem 1.5rem;
32 | overflow-x: hidden;
33 | overflow-y: auto;
34 | }
35 |
36 | .footer {
37 | position: absolute;
38 | width: 100%;
39 | height: 5rem;
40 | left: 0;
41 | bottom: 0;
42 | border-top: 1px solid #e2e2e2;
43 | background-color: #fff;
44 | display: flex;
45 | flex-direction: row;
46 | justify-content: flex-end;
47 | align-items: center;
48 | padding-right: 1.6rem;
49 | > .ui.button {
50 | margin-right: 2rem;
51 | }
52 | .episode-status-label {
53 | position: absolute;
54 | top: 1.6rem;
55 | left: 2rem;
56 | }
57 | }
--------------------------------------------------------------------------------
/src/app/admin/list-bangumi/list-bangumi.less:
--------------------------------------------------------------------------------
1 | .search-action {
2 | width: 20rem;
3 | height: 2.8rem;
4 | }
5 | .sort-button {
6 | padding: 0 0.4rem;
7 | }
8 | .anchor-button {
9 | cursor: pointer;
10 | color: #333333;
11 | }
12 | .content-area {
13 | position: fixed;
14 | top: 4.8rem;
15 | left: 260px;
16 | bottom: 0;
17 | right: 0;
18 | overflow: hidden;
19 | background-color: #f0f0f0;
20 | }
21 | .all-bangumi-container {
22 | width: 100%;
23 | height: 100%;
24 | padding: 0 2rem;
25 | }
26 | .search-result-container {
27 | width: 100%;
28 | height: 100%;
29 | padding: 0 2rem;
30 | overflow-x: hidden;
31 | overflow-y: auto;
32 | .bangumi-list {
33 | margin-top: 1.2rem;
34 | margin-bottom: 2rem;
35 | }
36 | }
37 | .no-result-container {
38 | width: 100%;
39 | height: 100%;
40 | overflow: hidden;
41 | position: relative;
42 | .no-result-tips {
43 | position: absolute;
44 | top: 0;
45 | left: 0;
46 | right: 0;
47 | bottom: 0;
48 | margin: auto;
49 | width: 8em;
50 | height: 2em;
51 | font-size: 4rem;
52 | color: #9f9f9f;
53 | }
54 | }
55 | .searching-container {
56 | width: 100%;
57 | height: 100%;
58 | overflow: hidden;
59 | position: relative;
60 | .loader {
61 | color: #9f9f9f;
62 | }
63 | }
--------------------------------------------------------------------------------
/src/app/admin/web-hook/web-hook-card/web-hook-card.html:
--------------------------------------------------------------------------------
1 |
8 |
25 | 可用的Web Hook
9 | 13 |
14 |
24 |
15 |
23 | {{webHook.name}}
16 |
20 |
21 |
22 |
2 |
--------------------------------------------------------------------------------
/src/app/admin/announce/edit-bangumi-recommend/edit-bangumi-recommend.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 489px) {
6 | width: 90%;
7 | }
8 | @media(min-width: 490px) {
9 | width: 490px;
10 | }
11 | @media(min-height: 440px) {
12 | height: 450px;
13 | }
14 | @media(max-height: 399px) {
15 | height: 100%;
16 | }
17 | margin: auto;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | bottom: 0;
22 | position: absolute;
23 | border-radius: 4px;
24 | background-color: #fff;
25 | overflow: hidden;
26 | }
27 |
28 | .bangumi-recommend-form {
29 | height: 100%;
30 | }
31 |
32 | .bangumi-info {
33 | height: 4rem;
34 | padding: 0.5rem 1.5rem;
35 | }
36 |
37 | .announce-info {
38 | width: 100%;
39 | height: 100%;
40 | overflow-x: hidden;
41 | overflow-y: auto;
42 | padding: 1.5rem 1.5rem 6rem 1.5rem;
43 | }
44 |
45 | .footer {
46 | position: absolute;
47 | width: 100%;
48 | height: 5rem;
49 | left: 0;
50 | bottom: 0;
51 | border-top: 1px solid #e2e2e2;
52 | background-color: #fff;
53 | display: flex;
54 | flex-direction: row;
55 | justify-content: flex-end;
56 | align-items: center;
57 | padding-right: 2rem;
58 | > .ui.button {
59 | margin-right: 2rem;
60 | }
61 | }
--------------------------------------------------------------------------------
/src/app/home/play-episode/feedback/feedback.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit } from '@angular/core';
2 | import { UIDialogRef } from 'deneb-ui';
3 | import { FormBuilder, FormGroup } from '@angular/forms';
4 |
5 | @Component({
6 | selector: 'feedback-dialog',
7 | templateUrl: './feedback.html',
8 | styleUrls: ['./feedback.less']
9 | })
10 | export class FeedbackComponent implements OnInit {
11 |
12 | feedbackForm: FormGroup;
13 |
14 | issueList = ['有画面无声音', '有声音无画面', '无声音无画面', '其他'];
15 |
16 | pickedIndex = -1;
17 |
18 | constructor(private _dialogRef: UIDialogRef
3 | {{webHook.name}}
4 | ID:{{webHook.id}}
5 | ALIVE
6 | HAS ERROR
7 | DEAD
8 | INITIAL
9 |
10 |
11 | 连续错误次数
12 | {{webHook.consecutive_failure_count}}
13 |
14 |
15 |
16 | URL:
17 | {{webHook.url}}
18 |
19 |
20 | {{webHook.description}}
21 |
22 |
23 | 创建者： {{webHook.created_by?.name}}
24 | 创建于： {{webHook.register_time | date:'fullDate'}}
25 |
26 |
2 |
--------------------------------------------------------------------------------
/src/app/video-player/next-episode-overlay/next-episode-overlay.html:
--------------------------------------------------------------------------------
1 |
3 |
7 |
8 |
26 |
9 |
25 |
10 | ![]()
11 |
12 |
13 |
24 | 14 | {{currentPV.name_cn}} 15 |
16 |17 | {{currentPV.name}} 18 |
19 |{{currentPV.name}}
20 |
21 |
22 | 放送开始：{{currentPV.air_date}}
23 |
2 | ![]()
3 |
4 |
5 |
--------------------------------------------------------------------------------
/src/app/home/bangumi-extra-info/bangumi-character/bangumi-character.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | -webkit-box-sizing: border-box;
4 | -moz-box-sizing: border-box;
5 | box-sizing: border-box;
6 | }
7 |
8 | .crt-header {
9 | margin-top: 1.8rem;
10 | padding-bottom: 0.4rem;
11 | border-bottom: 1px solid #ccc;
12 | display: block;
13 | font-size: 0.8rem;
14 | color: #adadad;
15 | }
16 |
17 | .chara-grid {
18 | margin-top: 0.4rem;
19 | }
20 |
21 | .character-wrapper {
22 | display: flex;
23 | flex-direction: row;
24 | justify-content: flex-start;
25 | .chara-avatar {
26 | flex: 0 0 auto;
27 | width: 4rem;
28 | height: 4rem;
29 | border-radius: 0.2rem;
30 | border: 1px solid #e0e0e0;
31 | > img {
32 | width: 100%;
33 | height: 100%;
34 | }
35 | }
36 | .chara-info {
37 | flex: 1 1 auto;
38 | margin-left: 0.5rem;
39 | > .main-info {
40 | padding-bottom: 0.2rem;
41 | border-bottom: 1px solid #d6d6d6;
42 | }
43 | > .extra-info {
44 | margin-top: 0.2rem;
45 | > .name-cn {
46 | font-size: 0.9rem;
47 | color: #606060;
48 | }
49 | }
50 | > .actor-info {
51 | font-size: 0.9rem;
52 | margin-top: 0.2rem;
53 | .actor-key {
54 | color: #474747;
55 | }
56 | .actor-name-link {
57 | color: #5f5f5f;
58 | &:hover,
59 | &:focus {
60 | color: #1e70bf;
61 | }
62 | }
63 | }
64 | }
65 | }
--------------------------------------------------------------------------------
/src/app/video-player/controls/captured-frame-list/operation-dialog/operation-dialog.less:
--------------------------------------------------------------------------------
1 | :host {
2 | position: absolute;
3 | top: 0;
4 | left: 0;
5 | right: 0;
6 | bottom: 0;
7 | margin: auto;
8 | display: block;
9 | box-sizing: border-box;
10 | text-align: left;
11 | background-color: #000;
12 | overflow: hidden;
13 | padding-bottom: 5rem;
14 |
15 | width: 400px;
16 | height: 320px;
17 |
18 |
19 | @media screen and (max-width: 656px) {
20 | width: 90%;
21 | height: 200px;
22 | }
23 |
24 | @media screen and (min-width: 1320px) and (min-height:870px) {
25 | width: 640px;
26 | height: 460px;
27 | }
28 | }
29 | .image-container {
30 | width: 100%;
31 | height: 0;
32 | padding-bottom: 56.25%;
33 | position: relative;
34 | > .image-wrapper {
35 | position: absolute;
36 | width: 100%;
37 | height: 100%;
38 | margin: 0 -0.3rem;
39 | }
40 | }
41 |
42 | .operation-wrapper {
43 | margin: 0.5rem;
44 | .operation-buttons {
45 | margin: 0;
46 | padding: 0;
47 | &:before,
48 | &:after {
49 | display: table;
50 | content: ' ';
51 | }
52 | > .operation-button {
53 | padding: 0.4rem;
54 | margin: 0.5rem;
55 | display: inline-block;
56 | font-size: 1.2rem;
57 | color: #fff;
58 | cursor: pointer;
59 | &.right {
60 | float: right;
61 | }
62 | }
63 | }
64 | }
65 |
66 | .default-operation {
67 | margin: 0 1.5rem 0.5rem 1.5rem;
68 | color: #fff;
69 | }
--------------------------------------------------------------------------------
/src/app/app.routes.ts:
--------------------------------------------------------------------------------
1 | import { homeRoutes } from './home/home.routes';
2 | import { Register } from './register/register.component';
3 | import { Login } from './login/login.component';
4 | import { ErrorComponent } from './error/error.component';
5 | import { Routes } from '@angular/router';
6 | import { Authentication } from './user-service';
7 | import { EmailConfirm } from './email-confirm/email-confirm.component';
8 | import { ForgetPass } from './forget-pass/forget-pass.component';
9 | import { ResetPass } from './reset-pass/reset-pass.component';
10 | import { staticContentRoutes } from './static-content/static-content.routes';
11 |
12 |
13 | export const appRoutes: Routes = [
14 | ...homeRoutes,
15 | {
16 | path: 'admin',
17 | data: {level: 2},
18 | canActivate: [Authentication],
19 | loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule)
20 | },
21 | {
22 | path: 'register',
23 | component: Register
24 | },
25 | {
26 | path: 'login',
27 | component: Login
28 | },
29 | {
30 | path: 'forget',
31 | component: ForgetPass
32 | },
33 | {
34 | path: 'reset-pass',
35 | component: ResetPass
36 | },
37 | {
38 | path: 'error',
39 | component: ErrorComponent
40 | },
41 | {
42 | path: 'email-confirm',
43 | canActivate: [Authentication],
44 | component: EmailConfirm
45 | },
46 | ...staticContentRoutes
47 | ];
48 |
--------------------------------------------------------------------------------
/src/app/home/bangumi-extra-info/bangumi-character/bangumi-character.html:
--------------------------------------------------------------------------------
1 |
6 |
10 |
18 |
19 | 取消
20 |
21 | 下一话
7 |
8 |
9 | 角色和声优
2 | 角色
3 |
4 |
--------------------------------------------------------------------------------
/src/app/admin/task-manager/task.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { Observable } from 'rxjs';
4 | import { catchError, map } from 'rxjs/operators';
5 | import { BaseService } from '../../../helpers/base.service';
6 | import { Bangumi, Episode } from '../../entity';
7 |
8 | @Injectable()
9 | export class TaskService extends BaseService {
10 | private _baseUrl = '/api/task';
11 |
12 | constructor(private _http: HttpClient) {
13 | super();
14 | }
15 |
16 | listPendingDeleteBangumi(): Observable<{data: Bangumi[], delete_delay: number}> {
17 | return this._http.get<{data: Bangumi[], delete_delay: number}>(`${this._baseUrl}/bangumi`).pipe(
18 | catchError(this.handleError),);
19 | }
20 |
21 | listPendingDeleteEpisode(): Observable<{data: Episode[], delete_delay: number}> {
22 | return this._http.get<{data: Episode[], delete_delay: number}>(`${this._baseUrl}/episode`).pipe(
23 | catchError(this.handleError),);
24 | }
25 |
26 | restoreBangumi(bangumi_id: string): Observable
5 |
27 |
6 |
26 |
7 | ![avatar]()
8 |
9 |
10 |
25 |
11 | {{character.name}}
12 |
13 |
14 | {{character.role_name}}
15 | {{character.name_cn}}
16 |
17 |
18 | CV:
19 |
20 | {{actor.name}}
21 | /
22 |
23 |
24 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/src/app/admin/admin.routes.ts:
--------------------------------------------------------------------------------
1 | import { Routes } from '@angular/router';
2 | import { Admin } from './admin.component';
3 | import { BangumiDetail } from './bangumi-detail/bangumi-detail.component';
4 | import { ListBangumi } from './list-bangumi/list-bangumi.component';
5 | import { TaskManager } from './task-manager/task-manager.component';
6 | import { UserManager } from './user-manager/user-manager.component';
7 | import { AnnounceComponent } from './announce/announce.component';
8 | import { WebHookComponent } from './web-hook/web-hook.component';
9 |
10 |
11 | export const adminRoutes: Routes = [
12 | {
13 | path: '',
14 | component: Admin,
15 | children: [
16 | {
17 | path: 'bangumi/:id',
18 | component: BangumiDetail
19 | },
20 | {
21 | path: 'bangumi',
22 | component: ListBangumi
23 | },
24 | {
25 | path: 'user',
26 | component: UserManager
27 | },
28 | {
29 | path: 'task',
30 | component: TaskManager
31 | },
32 | {
33 | path: 'announce',
34 | component: AnnounceComponent
35 | },
36 | {
37 | path: 'web-hook',
38 | component: WebHookComponent
39 | },
40 | {
41 | path: '',
42 | redirectTo: 'bangumi',
43 | pathMatch: 'full'
44 | }
45 | ]
46 | }
47 | ];
48 |
--------------------------------------------------------------------------------
/src/app/home/user-center/user-center.less:
--------------------------------------------------------------------------------
1 | :host {
2 | background-color: #f0f0f0;
3 | display: block;
4 | box-sizing: border-box;
5 | position: fixed;
6 | top: 3.5rem;
7 | left: 0;
8 | right: 0;
9 | bottom: 0;
10 | overflow-x: hidden;
11 | overflow-y: auto;
12 | }
13 | .user-center-container {
14 | width: 700px;
15 | padding-top: 2rem;
16 | padding-bottom: 3rem;
17 |
18 | @media (max-width: 479px) {
19 | width: 100%;
20 | }
21 | @media (min-width: 480px) and (max-width: 767px) {
22 | width: 480px;
23 | }
24 | @media (min-width: 768px) {
25 | width: 700px;
26 | }
27 |
28 | .ui.form {
29 | .inline.field {
30 | > label {
31 | width: 8em;
32 | text-align: right;
33 | }
34 | .warning.text {
35 | display: inline-block;
36 | margin-left: 1em;
37 | color: #573a08;
38 | }
39 | > .ui.button {
40 | margin-left: 1em;
41 | }
42 | }
43 | .ui.button {
44 | margin-left: 8em;
45 | }
46 | .inline.field + .ui.error.message {
47 | margin-left: 8.4em;
48 | }
49 | }
50 | }
51 |
52 |
53 | .web-hook-list {
54 | .name {
55 | font-size: 1.2rem;
56 | padding: 0.4rem 1rem 0.8rem 0;
57 | border-bottom: 1px solid #cccccc;
58 | margin-bottom: 0.6rem;
59 | }
60 | .desc {
61 | margin-top: 1rem;
62 | color: #4c4c4c;
63 | }
64 | .permission-tags {
65 | padding: 0.5rem 0;
66 | > .key {
67 | font-size: 0.9rem;
68 | padding-right: 1rem;
69 | }
70 | }
71 | }
72 |
73 | .action-row {
74 | margin-top: 2rem;
75 | }
--------------------------------------------------------------------------------
/src/app/entity/episode.ts:
--------------------------------------------------------------------------------
1 | import {Bangumi} from './bangumi';
2 | import {WatchProgress} from './watch-progress';
3 | import {VideoFile} from './video-file';
4 | import { Image } from './image';
5 |
6 | export class Episode {
7 |
8 | static EPISODE_TYPE_NORMAL: number = 0;
9 | static EPISODE_TYPE_SPECIAL: number = 1;
10 |
11 | id: string;
12 | bangumi_id: string;
13 | bgm_eps_id: number;
14 | episode_no: number;
15 | name: string;
16 | name_cn: string;
17 | duration: string;
18 | airdate: string;
19 | status: number;
20 | torrent_id: string;
21 | create_time: number;
22 | update_time: number;
23 | bangumi: Bangumi; // optional
24 | // @deprecated
25 | thumbnail: string; // optional
26 | video_files: VideoFile[]; // optional
27 |
28 | // @Optional
29 | delete_mark: number;
30 | // @Optional
31 | delete_eta: number;
32 |
33 | // optional
34 | watch_progress: WatchProgress;
35 |
36 | // deprecated
37 | thumbnail_color: string;
38 |
39 | thumbnail_image: Image | null;
40 |
41 |
42 | static fromRawData(rawData: any, episode_no?: number) {
43 | let episode = new Episode();
44 | episode.bgm_eps_id = rawData.id;
45 | episode.episode_no = episode_no;
46 | episode.name = rawData.name;
47 | episode.name_cn = rawData.name_cn;
48 | episode.duration = rawData.duration;
49 | episode.airdate = rawData.airdate;
50 | return episode;
51 | }
52 |
53 | static STATUS_NOT_DOWNLOADED = 0;
54 | static STATUS_DOWNLOADING = 1;
55 | static STATUS_DOWNLOADED = 2;
56 | }
57 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-detail/bangumi-basic/bangumi-basic.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit } from '@angular/core';
2 | import { Bangumi } from '../../../entity/bangumi';
3 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
4 | import { UIDialogRef } from 'deneb-ui';
5 | import { User } from '../../../entity/user';
6 |
7 | @Component({
8 | selector: 'bangumi-basic',
9 | templateUrl: './bangumi-basic.html',
10 | styleUrls: ['./bangumi-basic.less']
11 | })
12 | export class BangumiBasic implements OnInit {
13 |
14 | @Input()
15 | bangumi: Bangumi;
16 |
17 | bangumiForm: FormGroup;
18 |
19 | adminList: User[];
20 |
21 | constructor(private _fb: FormBuilder,
22 | private _dialogRef: UIDialogRef
2 |
40 |
41 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-detail/video-file-modal/video-file-list.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | box-sizing: border-box;
4 | text-align: left;
5 | @media(max-width: 659px) {
6 | width: 90%;
7 | }
8 | @media(min-width: 660px) {
9 | width: 650px;
10 | }
11 | @media(min-height: 760px) {
12 | height: 750px;
13 | }
14 | @media(max-height: 759px) {
15 | height: 90%;
16 | }
17 | margin: auto;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | bottom: 0;
22 | position: absolute;
23 | border-radius: 4px;
24 | background-color: #fff;
25 | overflow: hidden;
26 | }
27 |
28 | .video-file-modal {
29 | width: 100%;
30 | height: 100%;
31 | padding: 6rem 1.5rem 2rem 1.5rem;
32 | overflow-x: hidden;
33 | overflow-y: auto;
34 | }
35 |
36 | .modal-header {
37 | padding-left: 1rem;
38 | position: absolute;
39 | top: 0;
40 | left: 0;
41 | width: 100%;
42 | height: 3rem;
43 | > h4 {
44 | margin: 0;
45 | height: 3rem;
46 | line-height: 3rem;
47 | }
48 | .close-button {
49 | position: absolute;
50 | right: 0.5rem;
51 | top: 0.4rem;
52 | color: #9f9f9f;
53 | cursor: pointer;
54 | &:hover,
55 | &:focus {
56 | color: #4f7ba4;
57 | }
58 | }
59 | }
60 |
61 | .control-bar {
62 | padding-left: 1rem;
63 | position: absolute;
64 | top: 3rem;
65 | left: 0;
66 | width: 100%;
67 | height: 3rem;
68 | line-height: 3rem;
69 | .add-button {
70 | display: inline-block;
71 | cursor: pointer;
72 | }
73 | }
74 |
75 | .footer {
76 | position: absolute;
77 | left: 0;
78 | bottom: 0;
79 | width: 100%;
80 | font-size: 0.8rem;
81 | color: #656565;
82 | padding: 0.6rem 1rem;
83 | }
--------------------------------------------------------------------------------
/src/app/video-player/controls/volume-control/volume-control.less:
--------------------------------------------------------------------------------
1 | @sliderHandlerRadius: 5px;
2 |
3 | :host {
4 | display: flex;
5 | flex-direction: row;
6 | justify-content: space-between;
7 | align-items: center;
8 | box-sizing: border-box;
9 | flex: 0 0 auto;
10 | margin-left: 0.5rem;
11 | margin-right: 0.5rem;
12 | }
13 |
14 | .mute-button {
15 | display: inline-block;
16 | flex: 0 0 auto;
17 | padding: 0.4rem;
18 | cursor: pointer;
19 | line-height: 1;
20 | > .icon.volume {
21 | position: relative;
22 | }
23 | > .icon.volume.down {
24 | left: -2px;
25 | }
26 | > .icon.volume.off {
27 | left: -3px;
28 | }
29 | }
30 |
31 | .volume-slider-wrapper {
32 | display: inline-block;
33 | flex: 0 0 auto;
34 | position: relative;
35 | width: 4rem;
36 | height: 1rem;
37 | cursor: pointer;
38 | .volume-slider-bg {
39 | width: 100%;
40 | height: 0.3rem;
41 | position: relative;
42 | top: 0.35rem;
43 | background-color: rgba(255, 255, 255, 0.2);
44 | }
45 | .volume-slider-current {
46 | position: absolute;
47 | height: 0.3rem;
48 | top: 0.35rem;
49 | background-color: #f8f8f8;
50 | }
51 | .slider-handler-slot {
52 | display: block;
53 | position: absolute;
54 | top: 0;
55 | left: @sliderHandlerRadius;
56 | bottom: 0;
57 | right: @sliderHandlerRadius;
58 | > .slider-handler {
59 | position: relative;
60 | margin-left: -@sliderHandlerRadius;
61 | margin-top: 0.15rem;
62 | border-radius: @sliderHandlerRadius;
63 | width: 2 * @sliderHandlerRadius;
64 | height: 2 * @sliderHandlerRadius;
65 | background-color: #f8f8f8;
66 | }
67 | }
68 |
69 | }
70 |
--------------------------------------------------------------------------------
/src/app/admin/announce/announce.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { Observable } from 'rxjs';
4 | import { catchError, map } from 'rxjs/operators';
5 | import { BaseService } from '../../../helpers/base.service';
6 | import { Announce } from '../../entity/announce';
7 |
8 | @Injectable()
9 | export class AnnounceService extends BaseService {
10 |
11 | private _baseUrl = '/api/announce';
12 |
13 | constructor(private _http: HttpClient) {
14 | super();
15 | }
16 |
17 | listAnnounce(position: number, offset: number, count: number, content?: string): Observable<{data: Announce[], total: number}> {
18 | return this._http.get<{data: Announce[], total: number}>(this._baseUrl, {
19 | params: {
20 | position: position + '',
21 | offset: offset + '',
22 | count: count + '',
23 | content: content
24 | }
25 | }).pipe(
26 | catchError(this.handleError),);
27 | }
28 |
29 | addAnnounce(announce: Announce): Observable
2 |
14 |
27 |
--------------------------------------------------------------------------------
/src/app/video-player/float-controls/non-interactive-progress-bar/non-interactive-progress-bar.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, ElementRef, OnDestroy, OnInit, Self } from '@angular/core';
2 | import { Subscription } from 'rxjs/index';
3 | import { VideoPlayer } from '../../video-player.component';
4 |
5 | @Component({
6 | selector: 'non-interactive-progress-bar',
7 | templateUrl: 'non-interactive-progress-bar.html',
8 | styleUrls: ['./non-interactive-progress-bar.less']
9 | })
10 | export class NonInteractiveProgressBarComponent implements OnInit, OnDestroy {
11 | private _subscription = new Subscription();
12 |
13 | duration = Number.NaN;
14 | currentTime = 0;
15 | buffered = 0;
16 |
17 | get playProgressPercentage(): number {
18 | if (Number.isNaN(this.duration)) {
19 | return 0;
20 | }
21 | return Math.round(this.currentTime / this.duration * 1000) / 10;
22 | }
23 |
24 | get bufferedPercentage(): number {
25 | if (Number.isNaN(this.duration)) {
26 | return 0;
27 | }
28 | return Math.round(this.buffered / this.duration * 1000) / 10;
29 | }
30 |
31 | constructor(@Self() private _hostRef: ElementRef, private _videoPlayer: VideoPlayer) {
32 | }
33 |
34 | ngOnInit(): void {
35 | this._subscription.add(
36 | this._videoPlayer.currentTime.subscribe(time => this.currentTime = time)
37 | );
38 | this._subscription.add(
39 | this._videoPlayer.duration.subscribe(duration => {
40 | this.duration = duration;
41 | })
42 | );
43 | this._subscription.add(
44 | this._videoPlayer.buffered.subscribe(buffered => this.buffered = buffered)
45 | );
46 | }
47 |
48 | ngOnDestroy(): void {
49 | this._subscription.unsubscribe();
50 | }
51 |
52 | }
53 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Angular 2 decorators and services
3 | */
4 | import { Component, ViewEncapsulation } from '@angular/core';
5 |
6 | import { AnalyticsService } from './analytics.service';
7 | import { Router, NavigationEnd, NavigationStart } from '@angular/router';
8 | import { Subscription } from 'rxjs';
9 |
10 | /*
11 | * App Component
12 | * Top Level Component
13 | */
14 | @Component({
15 | selector: 'app',
16 | template: `
17 |
15 |
26 |
16 | {{comment}}
17 |
18 |
19 |
20 |
25 | 暂时还没有评论
21 |
24 |
2 |
--------------------------------------------------------------------------------
/src/helpers/localstorage.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * provide a in-memory polyfill for localstorage
3 | */
4 | export class LocalStorage implements Storage {
5 | valuesMap = new Map
3 |
39 |
4 |
5 |
9 |
38 | 6 | 注册 7 |
8 |
10 |
30 |
37 |
31 | 已有帐号?登录
32 |
33 |
36 |
2 |
6 |
--------------------------------------------------------------------------------
/src/app/home/user-action/browser-extension-tip/browser-extension-tip.less:
--------------------------------------------------------------------------------
1 | @arrowOffset: 0.30714286em;
2 |
3 | @arrowStroke: 1px;
4 | @arrowColor: #bababc;
5 |
6 | @arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor;
7 | @leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor;
8 | @rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor;
9 | @bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor;
10 |
11 |
12 | :host {
13 | display: block;
14 | position: absolute;
15 | top: 0;
16 | left: 0;
17 | -webkit-box-sizing: border-box;
18 | -moz-box-sizing: border-box;
19 | box-sizing: border-box;
20 | z-index: 1900;
21 | }
22 |
23 | .ui-basic-popover {
24 | position: relative;
25 | border: 1px solid #d6d6d6;
26 | border-radius: 4px;
27 | background: #ffffff;
28 | margin: 0.5rem;
29 | -webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
30 | -moz-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
31 | box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
32 | .popover-title {
33 | padding: 0.6rem 0.8rem 0.2rem 0.8rem;
34 | font-weight: bold;
35 | font-size: 1rem;
36 | }
37 | .popover-content {
38 | padding: 0.5rem 0.8rem 0.6rem 0.8rem;
39 | font-size: 1rem;
40 | }
41 |
42 | &:before {
43 | top: -@arrowOffset;
44 | right: 1em;
45 | bottom: auto;
46 | left: auto;
47 | margin-left: 0em;
48 | box-shadow: @bottomArrowBoxShadow;
49 | background-color: #ffffff;
50 | position: absolute;
51 | content: ' ';
52 | width: .71428571em;
53 | height: .71428571em;
54 | -webkit-transform: rotate(45deg);
55 | -moz-transform: rotate(45deg);
56 | -ms-transform: rotate(45deg);
57 | -o-transform: rotate(45deg);
58 | transform: rotate(45deg);
59 | z-index: 2;
60 | }
61 | .popover-footer {
62 | text-align: right;
63 | padding: 0 0.5rem 0.5rem 0;
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/src/app/admin/search-bangumi/result-detail/result-detail.html:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
45 |
46 | | space | 11 |播放/暂停 | 12 |
| ←<, | 15 |快退 | 16 |
| →>. | 19 |快进 | 20 |
| ↵ | 23 |全屏/退出全屏 |
| -_ | 26 |音量减小10% |
| =+ | 29 |音量增加10% | 30 |
| m | 33 |静音/取消静音 | 34 |
| c | 37 |截图 | 38 |
| /? | 41 |帮助 | 42 |
2 |
9 |
--------------------------------------------------------------------------------
/src/app/admin/search-bangumi/result-detail/result-detail.less:
--------------------------------------------------------------------------------
1 | .result-detail {
2 | width: 100%;
3 | height: 100%;
4 | top: 0;
5 | left: 0;
6 | padding-top: 4rem;
7 | position: absolute;
8 | transition: transform 300ms ease-out;
9 | transform: translate3d(100%, 0, 0);
10 | &.show-detail {
11 | transform: translate3d(0, 0, 0);
12 | }
13 | }
14 | .action-bar {
15 | position: absolute;
16 | top: 0;
17 | left: 0;
18 | width: 100%;
19 | height: 4rem;
20 | border-bottom: 1px solid #cccccc;
21 | border-top-left-radius: 4px;
22 | border-top-right-radius: 4px;
23 | background-color: #ffffff;
24 | display: flex;
25 | flex-direction: row;
26 | justify-content: flex-start;
27 | align-items: center;
28 | .back-button {
29 | display: inline-block;
30 | padding: 0.6rem;
31 | color: #333333;
32 | cursor: pointer;
33 | margin-left: 2rem;
34 | margin-right: 4rem;
35 | }
36 | .title {
37 | flex: 1 1 auto;
38 | font-size: 1.2rem;
39 | }
40 | .confirm-button {
41 | flex: 0 0 auto;
42 | display: inline-block;
43 | padding: 0.6rem;
44 | color: #333333;
45 | cursor: pointer;
46 | margin-left: 2rem;
47 | margin-right: 2rem;
48 | }
49 | }
50 | .detail-container {
51 | width: 100%;
52 | height: 100%;
53 | background-color: #fff;
54 | border-bottom-left-radius: 4px;
55 | border-bottom-right-radius: 4px;
56 | overflow-x: hidden;
57 | overflow-y: auto;
58 | }
59 | .bangumi-form {
60 | display: flex;
61 | flex-direction: row;
62 | justify-content: flex-start;
63 | align-items: flex-start;
64 | .bangumi-image {
65 | width: 30%;
66 | padding: 1rem;
67 | > img {
68 | display: block;
69 | width: 100%;
70 | height: auto;
71 | }
72 | }
73 | .bangumi-basic-info {
74 | flex: 1 0 auto;
75 | display: flex;
76 | flex-direction: column;
77 | justify-content: flex-start;
78 | align-items: stretch;
79 | padding: 1rem 1rem 1rem 0.5rem;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/src/app/home/rating/rating.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { Rating } from '../../entity/rating';
3 |
4 | export const RATING_TEXT = ['无评分', '不忍直视', '很差', '差', '较差', '不过不失', '还行', '推荐', '力荐', '神作', '超神作'];
5 | export const RATING_COLOR = [
6 | '#cccccc',
7 | '#a80407',
8 | '#ec4017',
9 | '#df641d',
10 | '#da9003',
11 | '#ffd400',
12 | '#c2e008',
13 | '#65e615',
14 | '#72e7a3',
15 | '#71dddf',
16 | '#04afff'
17 | ];
18 |
19 | @Component({
20 | selector: 'bangumi-rating',
21 | templateUrl: './rating.html',
22 | styleUrls: ['./rating.less']
23 | })
24 | export class RatingComponent {
25 | @Input()
26 | rating: Rating;
27 |
28 | get countDist(): {r: number, c: number}[] {
29 | if (this.rating) {
30 | return Object.keys(this.rating.count)
31 | .map(r => parseInt(r, 10))
32 | .sort((r1, r2) => r2 - r1)
33 | .map(r => {
34 | return {r: r, c: this.rating.count[r]};
35 | });
36 | } else {
37 | return [];
38 | }
39 | }
40 |
41 | get ratingScore(): string {
42 | if (!this.rating) {
43 | return '0.0';
44 | }
45 | if (Math.floor(this.rating.score) === this.rating.score) {
46 | return this.rating.score + '.0';
47 | }
48 | return this.rating.score + '';
49 | }
50 |
51 | get roundedScore(): number {
52 | if (!this.rating) {
53 | return 0;
54 | }
55 | return Math.round(this.rating.score);
56 | }
57 |
58 | get ratingText(): string {
59 | if (!this.rating) {
60 | return RATING_TEXT[0];
61 | }
62 | return RATING_TEXT[this.roundedScore];
63 | }
64 |
65 | get ratingColor(): string {
66 | if (!this.rating) {
67 | return RATING_COLOR[0];
68 | }
69 | return RATING_COLOR[this.roundedScore];
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/src/app/email-confirm/email-confirm.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
2 | import { Router } from '@angular/router';
3 | import { Subscription } from 'rxjs';
4 | import { mergeMap } from 'rxjs/operators';
5 | import { UserService } from '../user-service/user.service';
6 | import { EmailConfirmService } from './email-confirm.service';
7 |
8 | @Component({
9 | selector: 'email-confirm',
10 | templateUrl: './email-confirm.html',
11 | styleUrls: ['./email-confirm.less'],
12 | encapsulation: ViewEncapsulation.None
13 | })
14 | export class EmailConfirm implements OnInit, OnDestroy {
15 | private _subscription = new Subscription();
16 |
17 | isLoading = true;
18 |
19 | emailValid = false;
20 |
21 | constructor(private _confirmService: EmailConfirmService,
22 | private _userService: UserService,
23 | private _router: Router) {
24 | }
25 |
26 | ngOnInit(): void {
27 | this.isLoading = true;
28 | let searchString = window.location.search;
29 | if (searchString) {
30 | this._subscription.add(
31 | this._confirmService.confirmEmail(searchString.substring(1, searchString.length)).pipe(
32 | mergeMap(() => {
33 | return this._userService.getUserInfo();
34 | }))
35 | .subscribe(() => {
36 | this.isLoading = false;
37 | this.emailValid = true;
38 | }, () => {
39 | this.isLoading = false;
40 | this.emailValid = false;
41 | })
42 | );
43 | } else {
44 | this.isLoading = false;
45 | this.emailValid = false;
46 | }
47 | }
48 |
49 | ngOnDestroy(): void {
50 | this._subscription.unsubscribe();
51 | }
52 |
53 | returnToHome() {
54 | this._router.navigateByUrl('/');
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/src/app/video-player/touch-controls/touch-controls.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | position: absolute;
4 | top: 0;
5 | left: 0;
6 | right: 0;
7 | bottom: 0;
8 | }
9 |
10 | .touch-control-wrapper {
11 | width: 100%;
12 | height: 100%;
13 | display: flex;
14 | flex-direction: column;
15 | justify-content: center;
16 | -webkit-user-select: none;
17 | -moz-user-select: none;
18 | -ms-user-select: none;
19 | user-select: none;
20 | overflow: hidden;
21 | position: relative;
22 | z-index: 100;
23 | .top-section {
24 | position: absolute;
25 | left: 0;
26 | top: 0;
27 | width: 100%;
28 | display: flex;
29 | flex-direction: row;
30 | justify-content: flex-end;
31 | align-items: flex-start;
32 | padding: 0.5rem 0 1.5rem 0;
33 | color: #fff;
34 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
35 | }
36 | .center-section {
37 | position: relative;
38 | display: flex;
39 | flex-direction: row;
40 | justify-content: center;
41 | font-size: 2.5rem;
42 | color: #fff;
43 | }
44 | .bottom-section {
45 | position: absolute;
46 | left: 0;
47 | bottom: -0.5rem;
48 | width: 100%;
49 | display: flex;
50 | flex-direction: row;
51 | justify-content: space-between;
52 | align-items: flex-end;
53 | padding: 0 0.5rem;
54 | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
55 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
56 | .time-indicator {
57 | flex: 0 1 auto;
58 | font-family: "Segoe UI", sans-serif;
59 | font-size: 1rem;
60 | color: #fff;
61 | line-height: 1;
62 | margin-bottom: 1rem;
63 | }
64 | .scrub-wrapper {
65 | flex: 1 1 auto;
66 | margin-left: 1rem;
67 | margin-right: 1rem;
68 | }
69 | }
70 | }
--------------------------------------------------------------------------------
/src/app/home/bangumi-account-binding/bangumi-account-binding.less:
--------------------------------------------------------------------------------
1 | :host {
2 | background-color: #f0f0f0;
3 | display: block;
4 | box-sizing: border-box;
5 | position: fixed;
6 | top: 3.5rem;
7 | left: 0;
8 | right: 0;
9 | bottom: 0;
10 | overflow-x: hidden;
11 | overflow-y: auto;
12 | }
13 | .bangumi-account-binding-container {
14 | width: 700px;
15 | padding-top: 2rem;
16 | padding-bottom: 3rem;
17 |
18 | @media (max-width: 479px) {
19 | width: 100%;
20 | }
21 | @media (min-width: 480px) and (max-width: 767px) {
22 | width: 480px;
23 | }
24 | @media (min-width: 768px) {
25 | width: 700px;
26 | }
27 | }
28 | .bangumi-bound {
29 | display: flex;
30 | flex-direction: row;
31 | justify-content: flex-start;
32 | padding: 1rem 1.5rem;
33 | .avatar {
34 | width: 75px;
35 | height: 75px;
36 | border-radius: 4px;
37 | border: 1px solid #f0f0f0;
38 | > img {
39 | width: 100%;
40 | height: 100%;
41 | border-radius: 4px;
42 | }
43 | }
44 | .info {
45 | margin: 0 1.5rem;
46 | > .nickname {
47 | font-size: 1.2rem;
48 | color: #383838;
49 | font-weight: 600;
50 | padding: 0 0 0.5rem 0;
51 | }
52 | > .username {
53 | font-size: 1.1rem;
54 | color: #606060;
55 | padding: 0 0 0.5rem 0;
56 | }
57 | > .user-space-url {
58 | font-size: 1.1rem;
59 | padding-top: 0.8rem;
60 | }
61 | > .actions {
62 | margin-top: 1.5rem;
63 | }
64 | }
65 | }
66 |
67 | .bangumi-login-status {
68 | height: 4em;
69 | line-height: 2em;
70 | .status-icon {
71 | background: transparent url('/assets/img/rate_emo.gif') no-repeat;
72 | height: 37px;
73 | width: 30px;
74 | display: inline-block;
75 | vertical-align: middle;
76 | margin: 0 1rem;
77 | }
78 |
79 | .status-logon {
80 | background-position: -153px 0;
81 | }
82 |
83 | .status-logout {
84 | background-position: 0;
85 | }
86 | .status-text {
87 | display: inline-block;
88 | margin: 0 1rem 0 0;
89 | }
90 | }
--------------------------------------------------------------------------------
/src/app/admin/bangumi-card/bangumi-card.html:
--------------------------------------------------------------------------------
1 |
10 |
41 |
42 |
2 |
--------------------------------------------------------------------------------
/src/app/video-player/controls/time-indicator/time-indicator.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnDestroy, OnInit } from '@angular/core';
2 | import { VideoPlayer } from '../../video-player.component';
3 | import { Subscription } from 'rxjs';
4 | import { VideoPlayerHelpers } from '../../core/helpers';
5 |
6 | @Component({
7 | selector: 'video-time-indicator',
8 | template: `
9 | {{currentTimeClock}}
10 | /
11 | {{durationClock}}
12 | `,
13 | styles: [`
14 | :host {
15 | display: inline-block;
16 | box-sizing: border-box;
17 | flex: 0 0 auto;
18 | margin-left: 0.5rem;
19 | margin-right: 0.5rem;
20 | padding: 0.4rem;
21 | line-height: 1;
22 | cursor: default;
23 | font-family: "Segoe UI", sans-serif;
24 | }
25 | `]
26 | })
27 | export class VideoTimeIndicator implements OnInit, OnDestroy {
28 | private _subscription = new Subscription();
29 |
30 | currentTime = Number.NaN;
31 | duration = Number.NaN;
32 |
33 | get durationClock(): string {
34 | if (Number.isNaN(this.duration)) {
35 | return '-';
36 | }
37 | return VideoPlayerHelpers.convertTime(this.duration);
38 | }
39 |
40 | get currentTimeClock() : string {
41 | if (Number.isNaN(this.duration)) {
42 | return '-';
43 | }
44 | return VideoPlayerHelpers.convertTime(this.currentTime);
45 | }
46 |
47 | constructor(private _videoPlayer: VideoPlayer) {
48 | }
49 |
50 | ngOnInit(): void {
51 | this._subscription.add(
52 | this._videoPlayer.currentTime.subscribe(time => this.currentTime = time)
53 | );
54 | this._subscription.add(
55 | this._videoPlayer.duration.subscribe(duration => this.duration = duration)
56 | )
57 | }
58 |
59 | ngOnDestroy(): void {
60 | this._subscription.unsubscribe();
61 | }
62 |
63 | }
64 |
--------------------------------------------------------------------------------
/src/app/admin/bangumi-detail/bangumi-moe-builder/bangumi-moe.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import {Injectable} from '@angular/core';
3 | import {Observable} from 'rxjs';
4 | import {Tag, Torrent} from './bangum-moe-entity';
5 |
6 | @Injectable()
7 | export class BangumiMoeService {
8 | private _baseUrl = 'https://bangumi.moe/api';
9 |
10 | constructor(private _http: HttpClient) {
11 | }
12 |
13 | fetchTagData(tags: string): Observable
3 |
13 |
14 |
41 |
15 | ![image]()
16 |
17 |
18 |
40 | {{bangumi.name_cn || '暂无'}}已添加
19 |20 | 日文名 21 | {{bangumi.name || '暂无'}} 22 |
23 |24 | 简介 25 | {{bangumi.summary || '暂无'}} 26 |
27 |28 | 放送开始 29 | {{bangumi.air_date || '未知'}} 30 |
31 |32 | 放送星期 33 | {{bangumi.air_weekday || '未知'}} 34 |
35 |36 | 话数 37 | {{bangumi.eps || '0'}} 38 |
39 |