mirror of
https://github.com/dev-claw/vripper-project.git
synced 2026-08-19 08:35:41 +02:00
Add about menu
Fix README.md
This commit is contained in:
death-claw
@@ -1,4 +1,4 @@
|
||||
# Viper Ripper!
|
||||
# VRipper!
|
||||
|
||||
This is my spin for a cross platform gallery ripper app for [vipergirls](https://vipergirls.to) website.
|
||||
The purpose of this project is to build a robust and clean application to conveniently download photo galleries using modern web technologies, Java + Spring boot for the back end and angular + electron for the front end.
|
||||
@@ -15,8 +15,16 @@ Most people will be interested only on the desktop app, however if you have a na
|
||||
To build the server app:
|
||||
|
||||
mvn clean install -DskipTests
|
||||
|
||||
To build the desktop app:
|
||||
|
||||
mvn clean install -Pelectron -DskipTests
|
||||
|
||||
Maven will automatically handle front end compilation. However, for development, you will need to install a recent version of nodejs on your system.
|
||||
Maven will automatically handle front end compilation. However, for development, you will need to install a recent
|
||||
version of nodejs on your system.
|
||||
|
||||
If you feel generous and want to support me, you can donate some coins, and I would be very grateful 🙏
|
||||
|
||||
I accept Bitcoin (BTC) for donations, following is my address
|
||||
|
||||
bc1q9jzzw3st49r9vmxgtylq4vrd67cl7zfclf3lsq
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin about-component-theme($theme) {
|
||||
$foreground: map-get($theme, foreground);
|
||||
$background: map-get($theme, background);
|
||||
|
||||
.about-link, .about-icon {
|
||||
color: mat-color($foreground, text);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
<div class="dialog-container" fxLayout="column" style="height: 100%;">
|
||||
<div fxFlex="nogrow" fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<h2 class="no-wrap" mat-dialog-title>About</h2>
|
||||
</div>
|
||||
<mat-dialog-content class="content" fxFlex="grow">
|
||||
<mat-card class="mat-elevation-z4">
|
||||
<mat-card-header class="header" fxLayout="row" fxLayoutAlign="flex-start center" fxLayoutGap="10px">
|
||||
<div class="header-image" mat-card-avatar></div>
|
||||
<mat-card-title>VRipper</mat-card-title>
|
||||
<mat-card-subtitle>{{version}}</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<section class="section">
|
||||
Due to the lack of cross platform Ripper for vipergirls.to and the official one being no longer maintained,
|
||||
this application was created as a personal project of mine to fulfill the old one's tasks.<br/>
|
||||
Soon after, people were interested in it and i released it to the public.<br/>
|
||||
This project is built to be a robust and clean replacement of the old one, using modern technologies to
|
||||
conveniently download photo galleries from the forum.<br/>
|
||||
I aim to provide you with a software that is easy to use have a nice and intuitive design and interface.<br/>
|
||||
The project is currently maintained by me 'theghooost', a member of the vipergirls.to forum, feel free to PM
|
||||
if you need anything.<br/>
|
||||
</section>
|
||||
<mat-divider></mat-divider>
|
||||
<section class="section">
|
||||
<span fxLayout="row" fxLayoutAlign="flex-start center">
|
||||
<svg class="about-icon" style="width:24px;height:24px" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M11 6H14L17.29 2.7A1 1 0 0 1 18.71 2.7L21.29 5.29A1 1 0 0 1 21.29 6.7L19 9H11V11A1 1 0 0 1 10 12A1 1 0 0 1 9 11V8A2 2 0 0 1 11 6M5 11V15L2.71 17.29A1 1 0 0 0 2.71 18.7L5.29 21.29A1 1 0 0 0 6.71 21.29L11 17H15A1 1 0 0 0 16 16V15H17A1 1 0 0 0 18 14V13H19A1 1 0 0 0 20 12V11H13V12A2 2 0 0 1 11 14H9A2 2 0 0 1 7 12V9Z"
|
||||
fill="currentColor"/>
|
||||
</svg><h2 class="margin-left no-bottom-margin no-top-margin inline-block">Contribution</h2>
|
||||
</span>
|
||||
You can contribute to the project by testing new releases, raising bug reports or coding.<br/>
|
||||
The project is open source and is hosted in github.com.<br/>
|
||||
<h4 class="no-bottom-margin">Github: </h4><a (click)="goTo('https://github.com/death-claw/vripper-project')"
|
||||
class="about-link" href="javascript:void(0)">https://github.com/death-claw/vripper-project</a>
|
||||
<h4 class="no-bottom-margin">Issues: </h4><a
|
||||
(click)="goTo('https://github.com/death-claw/vripper-project/issues')" class="about-link"
|
||||
href="javascript:void(0)">https://github.com/death-claw/vripper-project/issues</a>
|
||||
<h4 class="no-bottom-margin">PM: </h4><a (click)="goTo('https://vipergirls.to/members/244439-theghooost')"
|
||||
class="about-link" href="javascript:void(0)">https://vipergirls.to/members/244439-theghooost</a>
|
||||
</section>
|
||||
<mat-divider></mat-divider>
|
||||
<section class="section">
|
||||
<span fxLayout="row" fxLayoutAlign="flex-start center">
|
||||
<svg class="about-icon" style="width:24px;height:24px" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M9.06,1.93C7.17,1.92 5.33,3.74 6.17,6H3A2,2 0 0,0 1,8V10A1,1 0 0,0 2,11H11V8H13V11H22A1,1 0 0,0 23,10V8A2,2 0 0,0 21,6H17.83C19,2.73 14.6,0.42 12.57,3.24L12,4L11.43,3.22C10.8,2.33 9.93,1.94 9.06,1.93M9,4C9.89,4 10.34,5.08 9.71,5.71C9.08,6.34 8,5.89 8,5A1,1 0 0,1 9,4M15,4C15.89,4 16.34,5.08 15.71,5.71C15.08,6.34 14,5.89 14,5A1,1 0 0,1 15,4M2,12V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V12H13V20H11V12H2Z"
|
||||
fill="currentColor"/>
|
||||
</svg><h2 class="margin-left no-bottom-margin no-top-margin inline-block">Donation</h2>
|
||||
</span>
|
||||
If you feel generous and want to support me, you can donate some coins, and I would be very grateful <span
|
||||
style="font-size: 20px">🙏</span><br/>
|
||||
I accept Bitcoin (BTC) for donations, following is my address
|
||||
<h3>bc1q9jzzw3st49r9vmxgtylq4vrd67cl7zfclf3lsq</h3>
|
||||
</section>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</mat-dialog-content>
|
||||
<mat-dialog-actions align="end" fxFlex="nogrow">
|
||||
<button mat-dialog-close mat-raised-button>Close</button>
|
||||
</mat-dialog-actions>
|
||||
</div>
|
||||
@@ -0,0 +1,39 @@
|
||||
.header-image {
|
||||
background-size: cover;
|
||||
background-image: url('../../assets/v.svg');
|
||||
}
|
||||
|
||||
.section {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.mat-card-avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.no-bottom-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.no-top-margin {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.margin-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
import {ChangeDetectionStrategy, Component} from '@angular/core';
|
||||
import {environment} from '../../environments/environment';
|
||||
import {ElectronService} from 'ngx-electron';
|
||||
|
||||
@Component({
|
||||
selector: 'app-about',
|
||||
templateUrl: './about-component.html',
|
||||
styleUrls: ['./about-component.scss'],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush
|
||||
})
|
||||
export class AboutComponent {
|
||||
|
||||
version = environment.version;
|
||||
|
||||
constructor(
|
||||
public electronService: ElectronService
|
||||
) {
|
||||
}
|
||||
|
||||
goTo(url: string) {
|
||||
if (this.electronService.isElectronApp) {
|
||||
this.electronService.shell.openExternal(url);
|
||||
} else {
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -29,6 +29,7 @@ import {MatIconRegistry} from '@angular/material/icon';
|
||||
import {DomSanitizer} from '@angular/platform-browser';
|
||||
import {EventLogComponent} from './event-log/event-log.component';
|
||||
import {EventLogMessageDialogComponent} from './event-log/message-dialog/event-log-message-dialog.component';
|
||||
import {AboutComponent} from './about/about-component';
|
||||
|
||||
@NgModule({
|
||||
declarations: [
|
||||
@@ -48,7 +49,8 @@ import {EventLogMessageDialogComponent} from './event-log/message-dialog/event-l
|
||||
PostContextMenuComponent,
|
||||
AlternativeTitleComponent,
|
||||
EventLogComponent,
|
||||
EventLogMessageDialogComponent
|
||||
EventLogMessageDialogComponent,
|
||||
AboutComponent
|
||||
],
|
||||
imports: [
|
||||
BrowserAnimationsModule,
|
||||
|
||||
@@ -59,6 +59,9 @@
|
||||
<button (click)="openSettings()" mat-icon-button matTooltip="Preferences">
|
||||
<mat-icon>settings</mat-icon>
|
||||
</button>
|
||||
<button (click)="openAbout()" mat-icon-button matTooltip="About">
|
||||
<mat-icon>info</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</mat-toolbar-row>
|
||||
</mat-toolbar>
|
||||
|
||||
@@ -20,6 +20,7 @@ import {PostsService} from '../services/posts.service';
|
||||
import {HomeTabsService} from '../services/home-tabs.service';
|
||||
import {LinkCollectorService} from '../services/link-collector.service';
|
||||
import {EventLogService} from '../services/event-log.service';
|
||||
import {AboutComponent} from '../about/about-component';
|
||||
|
||||
@Component({
|
||||
selector: 'app-toolbar',
|
||||
@@ -237,4 +238,25 @@ export class ToolbarComponent implements OnInit, OnDestroy {
|
||||
ngOnDestroy() {
|
||||
this.subscriptions.forEach(e => e.unsubscribe());
|
||||
}
|
||||
|
||||
openAbout(): void {
|
||||
const dialogRef = this.dialog.open(AboutComponent, {
|
||||
width: '70%',
|
||||
height: '70%',
|
||||
maxWidth: '100vw',
|
||||
maxHeight: '100vh'
|
||||
});
|
||||
|
||||
const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
|
||||
if (result.matches) {
|
||||
dialogRef.updateSize('100%', '100%');
|
||||
} else {
|
||||
dialogRef.updateSize('70%', '70%');
|
||||
}
|
||||
});
|
||||
|
||||
dialogRef.afterClosed().subscribe(result => {
|
||||
smallDialogSubscription.unsubscribe();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
+30
-31
@@ -1,39 +1,45 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
height="1024"
|
||||
id="svg8"
|
||||
inkscape:export-filename="C:\Users\Marwen\IdeaProjects\vripper-project\vripper-electron\build\icons\1024x1024.png"
|
||||
inkscape:export-xdpi="96.00956"
|
||||
inkscape:export-ydpi="96.00956"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
|
||||
sodipodi:docname="v.svg"
|
||||
version="1.1"
|
||||
viewBox="0 0 270.93333 270.93334"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
|
||||
width="1024"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
height="1024"
|
||||
id="svg8"
|
||||
inkscape:export-filename="C:\Users\Marwen\IdeaProjects\vripper-project\vripper-electron\build\icons\1024x1024.png"
|
||||
inkscape:export-xdpi="96.00956"
|
||||
inkscape:export-ydpi="96.00956"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
sodipodi:docname="v.svg"
|
||||
version="1.1"
|
||||
viewBox="0 0 270.93333 270.93334"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd">
|
||||
<defs
|
||||
id="defs2"/>
|
||||
id="defs2">
|
||||
<rect
|
||||
height="57.580088"
|
||||
id="rect32"
|
||||
width="31.592941"
|
||||
x="46.113095"
|
||||
y="71.423793"/>
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
id="base"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:cx="-200.49762"
|
||||
inkscape:cy="299.73785"
|
||||
inkscape:cx="504.85714"
|
||||
inkscape:cy="512"
|
||||
inkscape:document-rotation="0"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-height="1017"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-x="-8"
|
||||
inkscape:window-x="1912"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:zoom="0.35"
|
||||
pagecolor="#ffffff"
|
||||
@@ -61,21 +67,14 @@
|
||||
cy="161.53331"
|
||||
id="path3715"
|
||||
r="135.45317"
|
||||
style="fill:#aa0000;fill-opacity:1;stroke-width:0.35248032"/>
|
||||
<flowRoot
|
||||
id="flowRoot4522"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40.00005341px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none"
|
||||
transform="matrix(5.7825687,0,0,5.7825687,-859.25089,-2020.8769)"
|
||||
xml:space="preserve"><flowRegion
|
||||
id="flowRegion4524"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40.00005341px;font-family:'Fira Code';-inkscape-font-specification:'Fira Code, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1"><rect
|
||||
height="380"
|
||||
id="rect4526"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:40.00005341px;font-family:'Fira Code';-inkscape-font-specification:'Fira Code, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1"
|
||||
width="514.28571"
|
||||
x="160"
|
||||
y="356.80539" /></flowRegion>
|
||||
<flowPara
|
||||
id="flowPara4534">V</flowPara></flowRoot>
|
||||
style="fill:#aa0000;fill-opacity:1;stroke-width:0.35248"/>
|
||||
<text
|
||||
id="text30"
|
||||
style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect32);fill:#000000;fill-opacity:1;stroke:none;"
|
||||
transform="matrix(4.1259458,0,0,4.1259458,-117.77844,-239.46004)"
|
||||
xml:space="preserve"><tspan
|
||||
x="46.113281"
|
||||
y="117.35549"><tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:50.8px;font-family:'Fira Mono';-inkscape-font-specification:'Fira Mono Bold';fill:#ffffff">V</tspan></tspan></text>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 2.5 KiB |
@@ -32,12 +32,14 @@
|
||||
@import 'src/app/status-bar/status-bar.component.scss-theme';
|
||||
@import 'app/app.component.scss-theme.scss';
|
||||
@import 'src/app/toolbar/toolbar.component.scss-theme';
|
||||
@import 'src/app/about/about-component.component-scss-theme';
|
||||
@import 'grid-theme.scss';
|
||||
|
||||
@mixin custom-components-theme($theme, $dark: false) {
|
||||
@include status-bar-component-theme($theme);
|
||||
@include app-component-theme($theme);
|
||||
@include toolbar-theme($theme, $dark);
|
||||
@include about-component-theme($theme)
|
||||
}
|
||||
|
||||
.dark-theme {
|
||||
|
||||
Reference in New Issue
Block a user