v1.6.2

Rework UI colors
Fix scan input bug
2026-08-19 08:35:41 +02:00 · 2019-09-17 23:00:55 +01:00 · 2019-09-17 22:59:04 +01:00 · 2019-09-16 22:56:57 +01:00 · 2019-09-16 22:54:18 +01:00 · 2019-09-15 22:19:53 +01:00
108 changed files with 3772 additions and 1144 deletions
@@ -1,5 +1,74 @@
 # Changelog

+## [1.6.2] - 2019-09-17
+### Changed
+- Rework UI colors
+- Fix scan input bug
+
+## [1.6.1] - 2019-09-16
+### Changed
+- Rework UI
+- Fix clipboard monitoring
+
+## [1.6.0] - 2019-09-15
+### Changed
+- Rework the UI
+- Add a dark theme
+- Fix the force ordering bug
+- Other bug fixes
+
+## [1.5.2] - 2019-09-01
+### Added
+- imx.to host fix
+
+## [1.5.1] - 2019-08-24
+### Added
+- Bug fixes
+
+## [1.5.0] - 2019-08-24
+### Added
+- Display logged in user
+- Add post details when clicking on main list items (Status, Post URL, Host)
+- Add open download location on main list items menu
+- Add support for multi-post threads (Show a menu to select posts to download)
+- Add link to image from details list
+
+## [1.4.10] - 2019-08-15
+### Changed
+- Fix a rename issue on windows
+
+## [1.4.9] - 2019-08-13
+### Changed
+- Update Built-By to be generic
+
+## [1.4.8] - 2019-08-13
+### Changed
+- Add option to force image ordering
+
+## [1.4.7] - 2019-08-13
+### Changed
+- Fixed a bug in image filename extensions 
+
+## [1.4.6] - 2019-08-06
+### Changed
+- Fixed a bug when creating image file names
+- Remove unnecessary logs
+- Fix data.json init 
+
+## [1.4.5] - 2019-08-03
+### Changed
+- Add min width and height for electron app
+### Added
+- Add download speed to status bar
+
+## [1.4.4] - 2019-08-01
+### Changed
+- Fix names for ImgboxHost
+- Enhance UI
+- Minor fixes
+### Added
+- Add start and stop button
+
 ## [1.4.3] - 2019-07-14
 ### Changed
 - Update some messages
@@ -0,0 +1,26 @@
+# Viper Ripper!
+
+This is my spin for a 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.
+
+## How to build
+You need a recent version of maven 3.6.1+.
+
+The application support 2 build modes:
+ - Desktop app (*Partially cross platform): Self contained app, built with electron, depends on Java runtimes.
+ - Server app (Fully cross platform): Depends on Java runtimes, you need a web browser to access the app UI.
+
+Most people will be interested only on the desktop app, however if you have a nas or a server, the server app is there for you.
+
+To build the server app:
+
+    mvn clean install
+To build the desktop app:
+
+    mvn clean install -Pelectron
+
+Maven will automatically handle front end compilation. However, for development, you will need to install a recent version of nodejs on your system.
+
+*Partially cross platform:
+Technically cross platform, but the Desktop app relies on electron builder to make appropriate binaries for each platform. mac binaries can only be generated on a mac, and i don't own one. So i can only provide binaries for windows and linux.
+The Server app however depends only on Java, so it will work just fine on a mac, you only need a browser to access it.
@@ -4,7 +4,7 @@
    <modelVersion>4.0.0</modelVersion>
    <groupId>tn.mnlr</groupId>
    <artifactId>vripper</artifactId>
-    <version>1.4.3</version>
+    <version>1.6.2</version>
    <packaging>pom</packaging>
    <parent>
        <groupId>org.springframework.boot</groupId>
@@ -15,5 +15,6 @@
    <modules>
        <module>vripper-server</module>
        <module>vripper-ui</module>
+        <module>vripper-electron</module>
    </modules>
 </project>
@@ -6,13 +6,17 @@ const { spawn } = require("child_process");
 const { ipcMain } = require("electron");
 const commandExists = require("command-exists").sync;
 const { dialog } = require("electron");
+const axios = require('axios');
 const appDir = process.env.APPDIR;

-console.log('App path', path.join(app.getPath('exe'), "../bin/vripper-server.jar"));
-console.log('App image path', appDir);
-
 let win;
 let vripperServer;
+let serverPort;
+
+const maxTerminationAttemps = 5;
+let terminationAttemps = 0;
+let terminationInteval;
+let terminated = false;

 process.on("uncaughtException", err => {
  dialog.showErrorBox(err.message, err.stack);
@@ -36,7 +40,9 @@ function createWindow() {
  }
  win = new BrowserWindow({
    width: 1024,
-    height: 768,
+    height: 800,
+    minWidth: 640,
+    minHeight: 480,
    frame: false,
    webPreferences: {
      nodeIntegration: true
@@ -62,15 +68,25 @@ function createWindow() {
 }

 getPort().then(port => {
+  serverPort = port;
  ipcMain.on("get-port", event => {
    event.reply("port", port);
  });
  vripperServer = spawn("java", [
+    "-Xms256m",
+    "-Xmx1024m",
    "-Dvripper.server.port=" + port,
    "-jar",
    appDir !== undefined ? path.join(appDir, "bin/vripper-server.jar") :
    path.join(app.getPath('exe'), "../bin/vripper-server.jar")
-  ], {stdio: 'ignore'});
+  ], {
+    stdio: 'ignore'
+  });
+  vripperServer.on('exit', (code, signal) => {
+    console.log(`vripper server terminated, code = ${code}, signal = ${signal}`);
+    terminated = true;
+    app.quit();
+  });
 });

 const gotTheLock = app.requestSingleInstanceLock();
@@ -89,10 +105,30 @@ if (!gotTheLock) {

  app.on("window-all-closed", () => {
    if (process.platform !== "darwin") {
-      if(vripperServer != null) {
-        vripperServer.kill("SIGTERM");
-      }
-      app.quit();
+      axios.post('http://localhost:' + serverPort + '/actuator/shutdown', {}, {
+        headers: { 'content-type': 'application/json' },
+      }).then((response) => {
+        terminationInteval=  setInterval(() => {
+          terminationAttemps++;
+          if(terminated) {
+            console.log('viper server terminated');
+            clearInterval(terminationInteval);
+            app.quit();
+          } else if(terminationAttemps > maxTerminationAttemps) {
+            console.log('viper server is not terminated');
+            console.log('Proceed to kill');
+            vripperServer.kill('SIGKILL');
+            clearInterval(terminationInteval);
+            app.quit();
+          }
+        }, 1000);
+      })
+      .catch((error) => {
+        // Terminate immediately
+        vripperServer.kill('SIGKILL');
+        terminated = true;
+        app.quit();
+      });
    }
  });

@@ -1,6 +1,6 @@
 {
  "name": "vripper-electron",
-  "version": "1.4.3",
+  "version": "1.6.2",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@@ -225,6 +225,15 @@
      "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
      "dev": true
    },
+    "axios": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz",
+      "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==",
+      "requires": {
+        "follow-redirects": "1.5.10",
+        "is-buffer": "^2.0.2"
+      }
+    },
    "balanced-match": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -909,9 +918,9 @@
      "dev": true
    },
    "electron": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-5.0.5.tgz",
-      "integrity": "sha512-GzVQhImBX3rSCFPyJ1u1KbxquoidAHzGeCH2FTs3lzAh1H8m4vd7xh6CNC111mT/I8pxFk5D8s3atJlJQLPAeg==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-6.0.4.tgz",
+      "integrity": "sha512-zrPi36etADOAjxnVX6TxRNKSWaBscMLd9S7AB+qISzI0dnYIDKycHpc2mB+5QWBd/8cR4m/1NLNTqNhX5KKGFg==",
      "dev": true,
      "requires": {
        "@types/node": "^10.12.18",
@@ -1199,6 +1208,29 @@
        }
      }
    },
+    "follow-redirects": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+      "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+      "requires": {
+        "debug": "=3.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
    "forever-agent": {
      "version": "0.6.1",
      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
@@ -1494,6 +1526,11 @@
      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
      "dev": true
    },
+    "is-buffer": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.3.tgz",
+      "integrity": "sha512-U15Q7MXTuZlrbymiz95PJpZxu8IlipAp4dtS3wOdgPXx3mqBnslrWU14kxfHB+Py/+2PVKSr37dMAgM2A4uArw=="
+    },
    "is-ci": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
@@ -1732,9 +1769,9 @@
      }
    },
    "lodash": {
-      "version": "4.17.11",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
-      "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg=="
+      "version": "4.17.15",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
    },
    "loud-rejection": {
      "version": "1.6.0",
@@ -2276,9 +2313,9 @@
      "dev": true
    },
    "psl": {
-      "version": "1.1.33",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.33.tgz",
-      "integrity": "sha512-LTDP2uSrsc7XCb5lO7A8BI1qYxRe/8EqlRvMeEl6rsnYAqDOl8xHR+8lSAIVfrNaSAlTPTNOCgNjWcoUL3AZsw==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.3.0.tgz",
+      "integrity": "sha512-avHdspHO+9rQTLbv1RO+MPYeP/SzsCoxofjVnHanETfQhTJrmB0HlDoW+EiN/R+C0BZ+gERab9NY0lPN2TxNag==",
      "dev": true
    },
    "pump": {
@@ -2956,9 +2993,9 @@
      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
    },
    "uuid": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
-      "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.3.tgz",
+      "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==",
      "dev": true
    },
    "validate-npm-package-license": {
@@ -1,6 +1,6 @@
 {
  "name": "vripper-electron",
-  "version": "1.4.3",
+  "version": "1.6.2",
  "description": "",
  "main": "main.js",
  "author": "",
@@ -27,7 +27,7 @@
    ],
    "extraFiles": [
      {
-        "from": "../vripper-server/target/vripper-server-${version}.jar",
+        "from": "../vripper-server/target/vripper-server-${version}-electron.jar",
        "to": "bin/vripper-server.jar"
      }
    ],
@@ -36,7 +36,7 @@
    },
    "linux": {
      "target": [
-        "AppImage"
+        "zip"
      ]
    }
  },
@@ -45,10 +45,11 @@
    "dist": "node pre-build.js && build"
  },
  "devDependencies": {
-    "electron": "^5.0.5",
+    "electron": "^6.0.4",
    "electron-builder": "^20.44.4"
  },
  "dependencies": {
+    "axios": "^0.19.0",
    "cheerio": "^1.0.0-rc.3",
    "command-exists": "^1.2.8",
    "copy-dir": "^1.1.0",
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
+         xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+  <modelVersion>4.0.0</modelVersion>
+  <parent>
+    <groupId>tn.mnlr</groupId>
+    <artifactId>vripper</artifactId>
+    <version>1.6.2</version>
+  </parent>
+  <artifactId>vripper-electron</artifactId>
+  <name>vripper-electron</name>
+  <build>
+    <plugins>
+      <plugin>
+        <artifactId>maven-jar-plugin</artifactId>
+        <configuration>
+          <classifier>${buildClassifier}</classifier>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+  <profiles>
+    <profile>
+      <id>electron</id>
+      <properties>
+        <buildClassifier>electron</buildClassifier>
+      </properties>
+      <dependencies>
+        <dependency>
+          <groupId>tn.mnlr</groupId>
+          <artifactId>vripper-server</artifactId>
+          <version>${project.version}</version>
+          <scope>runtime</scope>
+          <classifier>${buildClassifier}</classifier>
+        </dependency>
+      </dependencies>
+      <build>
+        <plugins>
+          <plugin>
+            <groupId>com.github.eirslett</groupId>
+            <artifactId>frontend-maven-plugin</artifactId>
+            <version>1.3</version>
+            <configuration>
+              <nodeVersion>v12.2.0</nodeVersion>
+              <npmVersion>6.9.0</npmVersion>
+              <workingDirectory>build-dir</workingDirectory>
+            </configuration>
+            <executions>
+              <execution>
+                <id>install node and npm</id>
+                <goals>
+                  <goal>install-node-and-npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm install</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm run build</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+                <configuration>
+                  <arguments>run dist</arguments>
+                </configuration>
+                <phase>generate-resources</phase>
+              </execution>
+            </executions>
+          </plugin>
+        </plugins>
+      </build>
+    </profile>
+  </profiles>
+</project>
@@ -6,7 +6,10 @@ const contextMenu = require("electron-context-menu");
 contextMenu({});
 const menu = new electron.Menu();
 const titlebar = new customTitlebar.Titlebar({
-  backgroundColor: customTitlebar.Color.fromHex("#3f51b5"),
+  backgroundColor: customTitlebar.Color.fromHex("#000000"),
+  titleHorizontalAlignment: 'left',
+  icon: 'favicon.ico',
+  shadow: true,
  menu: menu
 });
 titlebar.updateTitle("Viper Ripper");
@@ -5,7 +5,7 @@
    <parent>
        <groupId>tn.mnlr</groupId>
        <artifactId>vripper</artifactId>
-        <version>1.4.3</version>
+        <version>1.6.2</version>
    </parent>
    <artifactId>vripper-server</artifactId>
    <name>vripper-server</name>
@@ -28,7 +28,10 @@
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-websocket</artifactId>
        </dependency>
-
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-actuator</artifactId>
+        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
@@ -69,33 +72,29 @@
            <artifactId>vripper-ui</artifactId>
            <version>${project.version}</version>
            <scope>runtime</scope>
+            <classifier>${buildClassifier}</classifier>
        </dependency>
    </dependencies>

    <build>
-        <finalName>${project.artifactId}-${project.version}</finalName>
        <plugins>
+            <plugin>
+                <artifactId>maven-jar-plugin</artifactId>
+                <configuration>
+                    <classifier>${buildClassifier}</classifier>
+                </configuration>
+            </plugin>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
-            </plugin>
-            <plugin>
-                <artifactId>maven-resources-plugin</artifactId>
                <executions>
                    <execution>
-                        <id>copy-resources</id>
-                        <phase>validate</phase>
+                        <id>repackage</id>
                        <goals>
-                            <goal>copy-resources</goal>
+                            <goal>repackage</goal>
                        </goals>
                        <configuration>
-                            <outputDirectory>${project.build.directory}/classes/static</outputDirectory>
-                            <resources>
-                                <resource>
-                                    <directory>${project.parent.basedir}/vripper-ui/dist/vripper-ui/
-                                    </directory>
-                                </resource>
-                            </resources>
+                            <classifier>${buildClassifier}</classifier>
                        </configuration>
                    </execution>
                </executions>
@@ -130,6 +129,7 @@
                    <archive>
                        <manifestEntries>
                            <Build-Time>${maven.build.timestamp}</Build-Time>
+                            <Built-By>${user.name}</Built-By>
                        </manifestEntries>
                        <manifestSections>
                            <manifestSection>
@@ -149,4 +149,47 @@
            </plugin>
        </plugins>
    </build>
+
+    <profiles>
+        <profile>
+            <id>web</id>
+            <activation>
+                <activeByDefault>true</activeByDefault>
+            </activation>
+            <properties>
+                <buildClassifier>web</buildClassifier>
+            </properties>
+            <build>
+                <plugins>
+                    <plugin>
+                        <artifactId>maven-resources-plugin</artifactId>
+                        <executions>
+                            <execution>
+                                <id>copy-resources</id>
+                                <phase>validate</phase>
+                                <goals>
+                                    <goal>copy-resources</goal>
+                                </goals>
+                                <configuration>
+                                    <outputDirectory>${project.build.directory}/classes/static</outputDirectory>
+                                    <resources>
+                                        <resource>
+                                            <directory>${project.parent.basedir}/vripper-ui/dist/vripper-ui/
+                                            </directory>
+                                        </resource>
+                                    </resources>
+                                </configuration>
+                            </execution>
+                        </executions>
+                    </plugin>
+                </plugins>
+            </build>
+        </profile>
+        <profile>
+            <id>electron</id>
+            <properties>
+                <buildClassifier>electron</buildClassifier>
+            </properties>
+        </profile>
+    </profiles>
 </project>
@@ -7,7 +7,6 @@ import org.springframework.context.ApplicationContext;
 import org.springframework.context.ApplicationContextAware;
 import org.springframework.context.ConfigurableApplicationContext;
 import org.springframework.stereotype.Component;
-import tn.mnlr.vripper.services.PersistenceService;

 import java.util.Map;

@@ -18,8 +17,6 @@ public class SpringContext implements ApplicationContextAware {

    private static ConfigurableApplicationContext context;

-    private PersistenceService persistenceService;
-
    /**
     * Returns the Spring managed bean instance of the given class type (if it exists).
     * Returns null otherwise.
@@ -10,9 +10,12 @@ import org.springframework.stereotype.Component;
 import tn.mnlr.vripper.exception.VripperException;
 import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.PersistenceService;
+import tn.mnlr.vripper.services.PostParser;
 import tn.mnlr.vripper.services.VipergirlsAuthService;

 import java.io.File;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;

@SpringBootApplication
 public class VripperApplication {
@@ -21,6 +24,8 @@ public class VripperApplication {

    public static final String dataPath = System.getProperty("vripper.datapath", ".") + File.separator + "data.json";

+    public static final ExecutorService commonExecutor = Executors.newFixedThreadPool(Runtime.getRuntime().availableProcessors());
+
    public static void main(String[] args) {

        try {
@@ -60,6 +65,23 @@ public class VripperApplication {
            Runtime.getRuntime().addShutdownHook(new Thread(SpringContext::close));
        }
    }
+
+    @Component
+    public class TestRunner implements CommandLineRunner {
+
+        @Autowired
+        private PostParser postParser;
+
+        @Override
+        public void run(String... args) throws Exception {
+
+//            long start = System.currentTimeMillis();
+//            PostParser.VRThreadParser vrThreadParser = postParser.new VRThreadParser("600408");
+//            vrThreadParser.getPostPublishProcessor().subscribe(e -> System.out.println("new Post: " + e.getPostId()));
+//            vrThreadParser.parse();
+//            System.out.println("Total time: " + (System.currentTimeMillis() - start));
+        }
+    }
 }


@@ -5,19 +5,22 @@ import io.reactivex.processors.BehaviorProcessor;
 import lombok.Getter;
 import lombok.NoArgsConstructor;
 import lombok.Setter;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import tn.mnlr.vripper.host.Host;
 import tn.mnlr.vripper.services.AppStateService;

 import java.util.Objects;
-import java.util.concurrent.TimeUnit;
 import java.util.concurrent.atomic.AtomicLong;

@Getter
@NoArgsConstructor
 public class Image {

-    @Setter
+    private static final Logger logger = LoggerFactory.getLogger(Image.class);
+
    private AppStateService appStateService;
+
    private Disposable subscription;

    private final String type = "img";
@@ -30,6 +33,8 @@ public class Image {

    private String url;

+    private int index;
+
    private AtomicLong current = new AtomicLong(0);
    private Status status;
    private BehaviorProcessor<Image> imageStateProcessor;
@@ -37,17 +42,20 @@ public class Image {
    @Setter
    private long total = 0;

-    public Image(String url, String postId, String postName, Host host, AppStateService appStateService) {
+    public Image(String url, String postId, String postName, Host host, int index) {
        this.url = url;
        this.postId = postId;
        this.postName = postName;
        this.host = host;
-        this.appStateService = appStateService;
+        this.index = index;
        status = Status.PENDING;
        imageStateProcessor = BehaviorProcessor.create();
+    }
+
+    public void setAppStateService(AppStateService appStateService) {
+        this.appStateService = appStateService;
        appStateService.getCurrentImages().put(this.url, this);
        appStateService.getLiveImageUpdates().onNext(this);
-        init();
    }

    public void setStatus(Status status) {
@@ -60,12 +68,11 @@ public class Image {
    }

    public void init() {
-        if (imageStateProcessor != null) {
-            imageStateProcessor.onComplete();
-        }
-        if (subscription != null) {
-            subscription.dispose();
+        if (appStateService == null) {
+            logger.warn("Attempting to init the image whilst the App State is null, unexpected behaviour could occur from this");
+            return;
        }
+        cleanup();
        imageStateProcessor = BehaviorProcessor.create();
        subscription = imageStateProcessor
                .onBackpressureLatest()
@@ -77,6 +84,15 @@ public class Image {
        imageStateProcessor.onNext(this);
    }

+    public void cleanup() {
+        if (imageStateProcessor != null) {
+            imageStateProcessor.onComplete();
+        }
+        if (subscription != null) {
+            subscription.dispose();
+        }
+    }
+
    public void setCurrent(int current) {
        this.current.set(current);
        update();
@@ -2,21 +2,22 @@ package tn.mnlr.vripper.entities;

 import lombok.Getter;
 import lombok.NoArgsConstructor;
-import lombok.Setter;
 import lombok.ToString;
+import tn.mnlr.vripper.host.Host;
 import tn.mnlr.vripper.services.AppStateService;

 import java.util.List;
 import java.util.Map;
 import java.util.Objects;
+import java.util.Set;
 import java.util.concurrent.atomic.AtomicInteger;
+import java.util.stream.Collectors;

@Getter
@ToString
@NoArgsConstructor
 public class Post {

-    @Setter
    private AppStateService appStateService;

    private Status status;
@@ -25,45 +26,71 @@ public class Post {

    private String postId;

+    private String threadId;
+
    private String title;

+    private String postCounter;
+
    private String url;

    private List<Image> images;

-    private Map<String, String> metadata;
+    private Map<String, Object> metadata;

    private AtomicInteger done = new AtomicInteger(0);

    private int total;

+    private Set<String> hosts;
+
    private boolean removed = false;

-    public Post(String title, String url, List<Image> images, Map<String, String> metadata, String postId, AppStateService appStateService) {
+    public Post(String title, String url, List<Image> images, Map<String, Object> metadata, String postId, String threadId) {
        this.title = title;
        this.url = url;
        this.images = images;
        this.metadata = metadata;
        this.postId = postId;
-        this.appStateService = appStateService;
+        this.threadId = threadId;
+        if (this.images.contains(null)) {
+            System.out.println("Oops");
+        }
+        this.images.stream().map(e -> {
+            if (e == null) {
+                System.out.println("Am the cause");
+            }
+            return e.getHost();
+        }).collect(Collectors.toSet());
+        this.images.stream().map(e -> e.getHost()).map(Host::getHost).collect(Collectors.toSet());
+        this.hosts = this.images.stream().map(e -> e.getHost()).map(Host::getHost).collect(Collectors.toSet());
        total = images.size();
        status = Status.PENDING;
-        appStateService.getCurrentPosts().put(postId, this);
-        appStateService.getLivePostsState().onNext(this);
+
+    }
+
+    public void setAppStateService(AppStateService appStateService) {
+        this.appStateService = appStateService;
+        this.appStateService.getCurrentPosts().put(postId, this);
+        this.appStateService.getLivePostsState().onNext(this);
    }

    public void setRemoved(boolean removed) {
        this.removed = removed;
-        appStateService.getLivePostsState().onNext(this);
+        updateNotification();
    }

    public void increase() {
        done.incrementAndGet();
-        appStateService.getLivePostsState().onNext(this);
+        updateNotification();
    }

    public void setStatus(Status status) {
        this.status = status;
+        updateNotification();
+    }
+
+    private void updateNotification() {
        if (appStateService != null) {
            appStateService.getLivePostsState().onNext(this);
        }
@@ -5,16 +5,12 @@ import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.services.AppStateService;

 import java.util.List;
-import java.util.Map;

 public abstract class PostUIMixin {

    @JsonIgnore
    private List<Image> images;

-    @JsonIgnore
-    private Map<String, String> metadata;
-
    @JsonIgnore
    private AppStateService appStateService;
 }
@@ -1,6 +1,15 @@
 package tn.mnlr.vripper.exception;

 public class PostParseException extends Exception {
+
+    public PostParseException(String message) {
+        super(message);
+    }
+
+    public PostParseException(String message, Exception e) {
+        super(message, e);
+    }
+
    public PostParseException(Exception e) {
        super(e);
    }
@@ -34,7 +34,7 @@ public class AcidimgHost extends Host {
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -11,20 +11,22 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import org.w3c.dom.Document;
-import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.exception.DownloadException;
 import tn.mnlr.vripper.exception.HostException;
 import tn.mnlr.vripper.exception.HtmlProcessorException;
 import tn.mnlr.vripper.q.ImageFileData;
-import tn.mnlr.vripper.services.ConnectionManager;
-import tn.mnlr.vripper.services.HtmlProcessorService;
-import tn.mnlr.vripper.services.XpathService;
+import tn.mnlr.vripper.services.*;

+import javax.imageio.ImageIO;
+import javax.imageio.ImageReader;
+import javax.imageio.stream.ImageInputStream;
 import java.io.File;
 import java.io.FileOutputStream;
 import java.io.IOException;
 import java.io.InputStream;
+import java.nio.file.Files;
+import java.util.Iterator;
 import java.util.Random;

@Service
@@ -46,7 +48,13 @@ abstract public class Host {
    @Autowired
    private ConnectionManager cm;

-    abstract protected String getHost();
+    @Autowired
+    private DownloadSpeedService downloadSpeedService;
+
+    @Autowired
+    private PathService pathService;
+
+    abstract public String getHost();

    public boolean isSupported(String url) {
        return url.contains(getHost());
@@ -72,17 +80,14 @@ abstract public class Host {
             * END HOST SPECIFIC
             */

-            if(!imageFileData.getImageName().toLowerCase().endsWith(".jpg")) {
-                imageFileData.setImageName(imageFileData.getImageName() + ".jpg");
-            }
-
-            File destinationFolder = new File(appSettingsService.getDownloadPath(), sanitize(image.getPostName()));
+            String formatImageFileName = pathService.formatImageFileName(imageFileData.getImageName());
+            logger.info(String.format("Sanitizing image name from %s to %s", imageFileData.getImageName(), formatImageFileName));
+            imageFileData.setImageName(formatImageFileName);
+            File destinationFolder = pathService.getDownloadDestinationFolder(image.getPostId());
            logger.info(String.format("Saving to %s", destinationFolder.getPath()));
            if (!destinationFolder.exists()) {
                logger.info(String.format("Creating %s", destinationFolder.getPath()));
                destinationFolder.mkdirs();
-            } else {
-                logger.warn(String.format("%s already exists, the file will be overridden", destinationFolder.getPath()));
            }

            HttpClient client = cm.getClient().build();
@@ -95,11 +100,10 @@ abstract public class Host {
                    throw new DownloadException(String.format("Server returned code %d", response.getStatusLine().getStatusCode()));
                }

-                try (
-                        InputStream downloadStream = response.getEntity().getContent();
-                        FileOutputStream fos = new FileOutputStream(destinationFolder.getPath() + File.separator + imageFileData.getImageName())
-                ) {
-
+                File outputFile = new File(destinationFolder.getPath() + File.separator + imageFileData.getImageName() + ".tmp");
+                InputStream downloadStream = response.getEntity().getContent();
+                FileOutputStream fos = new FileOutputStream(outputFile);
+                try {
                    image.setTotal(response.getEntity().getContentLength());
                    logger.info(String.format("%s length is %d", imageFileData.getImageUrl(), image.getTotal()));
                    logger.info(String.format("Starting data transfer for %s", imageFileData.getImageUrl()));
@@ -109,9 +113,18 @@ abstract public class Host {
                    while ((read = downloadStream.read(buffer, 0, READ_BUFFER_SIZE)) != -1) {
                        fos.write(buffer, 0, read);
                        image.increase(read);
+                        downloadSpeedService.increase(read);
                    }
                    EntityUtils.consumeQuietly(response.getEntity());
+                } finally {
+                    if (downloadStream != null) {
+                        downloadStream.close();
+                    }
+                    if (fos != null) {
+                        fos.close();
+                    }
                }
+                checkImageTypeAndRename(outputFile, imageFileData.getImageName(), image.getIndex());
            }
        } catch (Exception e) {
            if(Thread.interrupted()) {
@@ -121,6 +134,32 @@ abstract public class Host {
        }
    }

+    private void checkImageTypeAndRename(File outputFile, String imageName, int index) throws HostException {
+        String formatName;
+        try (ImageInputStream iis = ImageIO.createImageInputStream(outputFile)) {
+            Iterator<ImageReader> it = ImageIO.getImageReaders(iis);
+            if (!it.hasNext()) {
+                throw new HostException("Image file is not recognized!");
+            }
+            ImageReader reader = it.next();
+            formatName = reader.getFormatName();
+            if (formatName.toUpperCase().equals("JPEG")) {
+                formatName = "jpg";
+            }
+        } catch (Exception e) {
+            throw new HostException("Failed to guess image format", e);
+        }
+        try {
+            File outImage = new File(outputFile.getParent(), (appSettingsService.isForceOrder() ? String.format("%03d_", index) : "") + imageName + "." + formatName.toLowerCase());
+            if (outImage.exists()) {
+                outImage.delete();
+            }
+            Files.move(outputFile.toPath(), outImage.toPath());
+        } catch (Exception e) {
+            throw new HostException("Failed to rename the image", e);
+        }
+    }
+
    /**
     * Just for testing, you may ignore
     * @throws Exception
@@ -133,14 +172,6 @@ abstract public class Host {
        }
    }

-
-
-    protected final String sanitize(final String folderName) {
-        String sanitizedFolderName = folderName.replaceAll("\\.|\\\\|/|\\||:|\\?|\\*|\"|<|>|\\p{Cntrl}", "_");
-        logger.debug(String.format("%s sanitized to %s", folderName, sanitizedFolderName));
-        return sanitizedFolderName;
-    }
-
    protected final String getDefaultImageName(final String imgUrl) {
        String imageTitle  = imgUrl.substring(imgUrl.lastIndexOf('/') + 1);
        logger.debug(String.format("Extracting name from url %s: %s", imgUrl, imageTitle));
@@ -155,6 +186,9 @@ abstract public class Host {
        Header[] headers;
        logger.info(String.format("Requesting %s", url));
        try (CloseableHttpResponse response = (CloseableHttpResponse) client.execute(httpGet)) {
+            if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                throw new HostException(String.format("Unexpected response code: %d", response.getStatusLine().getStatusCode()));
+            }
            headers = response.getAllHeaders();
            basePage = EntityUtils.toString(response.getEntity());
            logger.debug(String.format("%s response: %n%s", url, basePage));
@@ -188,4 +222,9 @@ abstract public class Host {
        private Document document;
        private Header[] headers;
    }
+
+    @Override
+    public String toString() {
+        return getHost();
+    }
 }
@@ -34,7 +34,7 @@ public class ImageBamHost extends Host {
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -0,0 +1,54 @@
+package tn.mnlr.vripper.host;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.w3c.dom.Document;
+import org.w3c.dom.Node;
+import tn.mnlr.vripper.exception.HostException;
+import tn.mnlr.vripper.exception.XpathException;
+import tn.mnlr.vripper.q.ImageFileData;
+import tn.mnlr.vripper.services.ConnectionManager;
+
+import java.util.Optional;
+
+@Service
+public class ImageTwistHost extends Host {
+
+    public static final String IMG_XPATH = "//img[contains(@class, 'img')]";
+    private static final Logger logger = LoggerFactory.getLogger(ImageTwistHost.class);
+    private static final String host = "imagetwist.com";
+    @Autowired
+    private ConnectionManager cm;
+
+    @Override
+    public String getHost() {
+        return host;
+    }
+
+    @Override
+    protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
+
+        Document doc = getResponse(url).getDocument();
+
+        Node imgNode;
+        try {
+            logger.info(String.format("Looking for xpath expression %s in %s", IMG_XPATH, url));
+            imgNode = xpathService.getAsNode(doc, IMG_XPATH);
+        } catch (XpathException e) {
+            throw new HostException(e);
+        }
+
+        try {
+            logger.info(String.format("Resolving name and image url for %s", url));
+            String imgTitle = Optional.ofNullable(imgNode.getAttributes().getNamedItem("alt")).map(Node::getTextContent).map(String::trim).orElse(null);
+            String imgUrl = imgNode.getAttributes().getNamedItem("src").getTextContent().trim();
+
+            imageFileData.setImageUrl(imgUrl);
+            imageFileData.setImageName(imgTitle);
+        } catch (Exception e) {
+            throw new HostException("Unexpected error occurred", e);
+        }
+    }
+}
@@ -23,7 +23,7 @@ public class ImageZillaHost extends Host {
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -23,7 +23,7 @@ public class ImgboxHost extends Host {
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -46,7 +46,7 @@ public class ImgboxHost extends Host {
            String imgUrl = imgNode.getAttributes().getNamedItem("src").getTextContent().trim();

            imageFileData.setImageUrl(imgUrl);
-            imageFileData.setImageName(imgTitle.substring(8));
+            imageFileData.setImageName(imgTitle);
        } catch (Exception e) {
            throw new HostException("Unexpected error occurred", e);
        }
@@ -29,14 +29,14 @@ public class ImxHost extends Host {
    private static final Logger logger = LoggerFactory.getLogger(ImxHost.class);

    private static final String host = "imx.to";
-    public static final String CONTINUE_BUTTON_XPATH = "//div[@id='continuetoimage']";
+    public static final String CONTINUE_BUTTON_XPATH = "//*[@name='imgContinue']";
    public static final String IMG_XPATH = "//img[@class='centred']";

    @Autowired
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -23,7 +23,7 @@ public class PixhostHost extends Host {
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -24,7 +24,7 @@ public class TurboImageHost extends Host {
    private ConnectionManager cm;

    @Override
-    protected String getHost() {
+    public String getHost() {
        return host;
    }

@@ -9,6 +9,7 @@ import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.services.AppStateService;

+import java.util.Arrays;
 import java.util.Iterator;
 import java.util.List;
 import java.util.concurrent.BlockingQueue;
@@ -18,6 +19,8 @@ import java.util.stream.Collectors;
@Service
 public class DownloadQ {

+    private static final List<Post.Status> FINISHED = Arrays.asList(Post.Status.ERROR, Post.Status.COMPLETE, Post.Status.STOPPED);
+
    private static final Logger logger = LoggerFactory.getLogger(DownloadQ.class);

    @Autowired
@@ -33,6 +36,7 @@ public class DownloadQ {

    public synchronized void put(Image image) throws InterruptedException {
        logger.info(String.format("Enqueuing a job for %s", image.getUrl()));
+        image.init();
        DownloadJob downloadJob = new DownloadJob(image);
        downloadQ.put(downloadJob);
        appStateService.newDownloadJob(downloadJob);
@@ -45,7 +49,6 @@ public class DownloadQ {
    }

    public void enqueue(Post post) throws InterruptedException {
-
        for (Image image : post.getImages()) {
            put(image);
        }
@@ -67,7 +70,6 @@ public class DownloadQ {
        appStateService.getPost(postId).setStatus(Post.Status.PENDING);
        logger.info(String.format("Restarting %d jobs for post id %s", images.size(), postId));
        for (Image image : images) {
-            image.init();
            put(image);
        }
    }
@@ -92,6 +94,8 @@ public class DownloadQ {
        if(!removed) {
            logger.warn(String.format("Job for %s does not exist", image.getUrl()));
        }
+
+        image.cleanup();
    }

    public void removeRunning(String postId) {
@@ -102,6 +106,9 @@ public class DownloadQ {

    public synchronized void stop(String postId) {
        try {
+            if (FINISHED.contains(appStateService.getPost(postId).getStatus())) {
+                return;
+            }
            notPauseQ = false;
            appStateService.getPost(postId).setStatus(Post.Status.STOPPED);
            List<Image> images = appStateService.getPost(postId)
@@ -119,4 +126,19 @@ public class DownloadQ {
            notPauseQ = true;
        }
    }
+
+    public int size() {
+        return downloadQ.size();
+    }
+
+    public synchronized void stopAll() {
+        appStateService.getCurrentPosts().values().stream().map(Post::getPostId).forEach(this::stop);
+    }
+
+    public synchronized void restartAll() throws InterruptedException {
+        for (Post post : appStateService.getCurrentPosts().values()) {
+            String postId = post.getPostId();
+            restart(postId);
+        }
+    }
 }
@@ -7,8 +7,8 @@ import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
-import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.entities.Image;
+import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.AppStateService;

 import javax.annotation.PostConstruct;
@@ -53,7 +53,7 @@ public class ExecutionService {

        retryPolicy = new RetryPolicy<>()
                .handleIf(e -> !(e instanceof InterruptedException))
-                .withDelay(Duration.ofSeconds(20))
+                .withDelay(Duration.ofSeconds(5))
                .withMaxRetries(2)
                .abortOn(InterruptedException.class)
                .onFailedAttempt(e -> logger.warn(String.format("#%d tries failed", e.getAttemptCount()), e.getLastFailure()));
@@ -87,6 +87,7 @@ public class ExecutionService {
            if(e.getImageFileData().getImageRequest() != null) {
                e.getImageFileData().getImageRequest().abort();
            }
+            e.getImage().cleanup();
        });
    }

@@ -105,6 +106,9 @@ public class ExecutionService {
                DownloadJob take = null;
                try {
                    take = downloadQ.take();
+                    if (take == null) {
+                        continue;
+                    }
                } catch (InterruptedException e) {
                    Thread.currentThread().interrupt();
                    break;
@@ -127,7 +131,7 @@ public class ExecutionService {
                                appStateService.doneDownloadJob(finalTake.getImage());
                                logger.info(String.format("Finished downloading %s", finalTake.getImage().getUrl()));
                                synchronized (threadCount) {
-                                    int i = threadCount.decrementAndGet();
+                                    threadCount.decrementAndGet();
                                    running.remove(finalTake);
                                    futures.remove(finalTake.getImage().getUrl());
                                    threadCount.notify();
@@ -149,4 +153,8 @@ public class ExecutionService {
            }
        }
    }
+
+    public int runningCount() {
+        return running.size();
+    }
 }
@@ -2,6 +2,7 @@ package tn.mnlr.vripper.services;

 import com.fasterxml.jackson.annotation.JsonProperty;
 import lombok.Getter;
+import lombok.NoArgsConstructor;
 import lombok.Setter;
 import org.apache.commons.codec.digest.DigestUtils;
 import org.slf4j.Logger;
@@ -9,6 +10,7 @@ import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Service;
 import tn.mnlr.vripper.exception.ValidationException;

+import javax.annotation.PreDestroy;
 import java.nio.file.Files;
 import java.nio.file.InvalidPathException;
 import java.nio.file.Path;
@@ -33,6 +35,8 @@ public class AppSettingsService {
    private final String V_PASSWORD = "VPASSWORD";
    private final String V_THANKS = "VTHANKS";
    private final String DESKTOP_CLIPBOARD = "DESKTOP_CLIPBOARD";
+    private final String FORCE_ORDER = "FORCE_ORDER";
+    private final String DARK_THEME = "DARK_THEME";

    private String downloadPath;
    private int maxThreads;
@@ -42,6 +46,8 @@ public class AppSettingsService {
    private String vPassword;
    private boolean vThanks;
    private boolean desktopClipboard;
+    private boolean forceOrder;
+    private boolean darkTheme;

    public void setVPassword(String vPassword) {
        if(vPassword.isEmpty()) {
@@ -61,8 +67,11 @@ public class AppSettingsService {
        vPassword = prefs.get(V_PASSWORD, "");
        vThanks = prefs.getBoolean(V_THANKS, false);
        desktopClipboard = prefs.getBoolean(DESKTOP_CLIPBOARD, false);
+        forceOrder = prefs.getBoolean(FORCE_ORDER, false);
+        darkTheme = prefs.getBoolean(DARK_THEME, false);
    }

+    @PreDestroy
    public void save() {

        prefs.put(DOWNLOAD_PATH, downloadPath);
@@ -73,6 +82,8 @@ public class AppSettingsService {
        prefs.put(V_PASSWORD, vPassword);
        prefs.putBoolean(V_THANKS, vThanks);
        prefs.putBoolean(DESKTOP_CLIPBOARD, desktopClipboard);
+        prefs.putBoolean(FORCE_ORDER, forceOrder);
+        prefs.putBoolean(DARK_THEME, darkTheme);

        try {
            prefs.sync();
@@ -100,6 +111,27 @@ public class AppSettingsService {
        }
    }

+    public Theme getTheme() {
+        return new Theme(this.darkTheme);
+    }
+
+    public void setTheme(Theme theme) {
+        this.darkTheme = theme.darkTheme;
+        save();
+    }
+
+    @Getter
+    @NoArgsConstructor
+    public static class Theme {
+
+        @JsonProperty("darkTheme")
+        private boolean darkTheme;
+
+        public Theme(boolean darkTheme) {
+            this.darkTheme = darkTheme;
+        }
+    }
+
    @Getter
    public static class Settings {

@@ -119,8 +151,10 @@ public class AppSettingsService {
        private boolean vThanks;
        @JsonProperty("desktopClipboard")
        private boolean desktopClipboard;
+        @JsonProperty("forceOrder")
+        private boolean forceOrder;

-        public Settings(String downloadPath, int maxThreads, boolean autoStart, boolean vLogin, String vUsername, String vPassword, boolean vThanks, boolean desktopClipboard) {
+        public Settings(String downloadPath, int maxThreads, boolean autoStart, boolean vLogin, String vUsername, String vPassword, boolean vThanks, boolean desktopClipboard, boolean forceOrder) {
            this.downloadPath = downloadPath;
            this.maxThreads = maxThreads;
            this.autoStart = autoStart;
@@ -129,6 +163,7 @@ public class AppSettingsService {
            this.vPassword = vPassword;
            this.vThanks = vThanks;
            this.desktopClipboard = desktopClipboard;
+            this.forceOrder = forceOrder;
        }
    }
 }
@@ -2,11 +2,13 @@ package tn.mnlr.vripper.services;

 import io.reactivex.processors.PublishProcessor;
 import lombok.Getter;
+import lombok.Setter;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
-import tn.mnlr.vripper.host.Host;
 import tn.mnlr.vripper.q.DownloadJob;

 import java.util.Iterator;
@@ -20,6 +22,8 @@ import java.util.stream.Collectors;
@Getter
 public class AppStateService {

+    private static final Logger logger = LoggerFactory.getLogger(AppStateService.class);
+
    private Map<String, Image> currentImages = new ConcurrentHashMap<>();

    private Map<String, Post> currentPosts = new ConcurrentHashMap<>();
@@ -45,14 +49,6 @@ public class AppStateService {
        }
    }

-    public Image createImage(String pageUrl, String postId, String postName, Host host) {
-        return new Image(pageUrl, postId, postName, host, this);
-    }
-
-    public Post createPost(String title, String url, List<Image> images, Map<String, String> metadata, String postId) {
-        return new Post(title, url, images, metadata, postId, this);
-    }
-
    public Post getPost(String postId) {
        return currentPosts.get(postId);
    }
@@ -79,7 +75,9 @@ public class AppStateService {
            if (post.getImages().stream().map(Image::getStatus).filter(e -> e.equals(Image.Status.ERROR)).count() > 0) {
                post.setStatus(Post.Status.ERROR);
            } else {
-                post.setStatus(Post.Status.COMPLETE);
+                if (!Post.Status.STOPPED.equals(post.getStatus())) {
+                    post.setStatus(Post.Status.COMPLETE);
+                }
            }
            livePostsState.onNext(post);
        }
@@ -125,4 +123,14 @@ public class AppStateService {
        toRemove.forEach(this::remove);
        return toRemove;
    }
+
+    @Getter
+    public static class CachedThread {
+
+        private Map<String, Post> posts = new ConcurrentHashMap<>();
+        private AtomicInteger parsed = new AtomicInteger(0);
+
+        @Setter
+        private int total = 0;
+    }
 }
@@ -10,6 +10,8 @@ import org.apache.http.impl.client.HttpClients;
 import org.apache.http.impl.conn.PoolingHttpClientConnectionManager;
 import org.springframework.stereotype.Service;

+import java.net.URI;
+
@Service
 public class ConnectionManager {

@@ -51,4 +53,10 @@ public class ConnectionManager {
        httpPost.addHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36");
        return httpPost;
    }
+
+    public HttpGet buildHttpGet(URI uri) {
+        HttpGet httpGet = new HttpGet(uri);
+        httpGet.addHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36");
+        return httpGet;
+    }
 }
@@ -0,0 +1,26 @@
+package tn.mnlr.vripper.services;
+
+import lombok.Getter;
+
+@Getter
+public class DownloadSpeed {
+
+    private final String type = "downSpeed";
+    private String speed;
+
+    public DownloadSpeed(long bytes) {
+        speed = formatSI(bytes);
+    }
+
+    private String formatSI(long bytes) {
+        return humanReadableByteCount(bytes, true);
+    }
+
+    private String humanReadableByteCount(long bytes, boolean si) {
+        int unit = si ? 1000 : 1024;
+        if (bytes < unit) return bytes + " B";
+        int exp = (int) (Math.log(bytes) / Math.log(unit));
+        String pre = (si ? "kMGTPE" : "KMGTPE").charAt(exp - 1) + (si ? "" : "i");
+        return String.format("%.1f %sB", bytes / Math.pow(unit, exp), pre);
+    }
+}
@@ -0,0 +1,40 @@
+package tn.mnlr.vripper.services;
+
+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
+import org.springframework.scheduling.annotation.EnableScheduling;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Service;
+
+import java.util.concurrent.atomic.AtomicLong;
+
+@Service
+@EnableScheduling
+public class DownloadSpeedService {
+
+    private AtomicLong read = new AtomicLong(0);
+
+    private long currentValue;
+
+    @Getter
+    private PublishProcessor<Long> readBytesPerSecond = PublishProcessor.create();
+
+    private boolean allowWrite = false;
+
+    public void increase(long read) {
+        if (allowWrite) {
+            this.read.addAndGet(read);
+        }
+    }
+
+    @Scheduled(fixedDelay = 1000)
+    private void calc() {
+        allowWrite = false;
+        long newValue = read.getAndSet(0);
+        if (newValue != currentValue) {
+            currentValue = newValue;
+            readBytesPerSecond.onNext(currentValue);
+        }
+        allowWrite = true;
+    }
+}
@@ -0,0 +1,39 @@
+package tn.mnlr.vripper.services;
+
+import lombok.Getter;
+
+import java.util.Objects;
+
+@Getter
+public class GlobalState {
+
+    private final String type = "globalState";
+    private long running;
+    private long queued;
+    private long remaining;
+    private long error;
+
+    public GlobalState(long running, long queued, long remaining, long error) {
+        this.running = running;
+        this.queued = queued;
+        this.remaining = remaining;
+        this.error = error;
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+        GlobalState that = (GlobalState) o;
+        return running == that.running &&
+                queued == that.queued &&
+                remaining == that.remaining &&
+                error == that.error &&
+                Objects.equals(type, that.type);
+    }
+
+    @Override
+    public int hashCode() {
+        return Objects.hash(type, running, queued, remaining, error);
+    }
+}
@@ -0,0 +1,52 @@
+package tn.mnlr.vripper.services;
+
+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.scheduling.annotation.EnableScheduling;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Service;
+import tn.mnlr.vripper.entities.Image;
+import tn.mnlr.vripper.q.DownloadQ;
+import tn.mnlr.vripper.q.ExecutionService;
+
+@Service
+@EnableScheduling
+public class GlobalStateService {
+
+    @Autowired
+    private DownloadQ downloadQ;
+
+    @Autowired
+    private ExecutionService executionService;
+
+    @Autowired
+    private AppStateService appStateService;
+
+    @Getter
+    private GlobalState currentState;
+
+    @Getter
+    private PublishProcessor<GlobalState> liveGlobalState = PublishProcessor.create();
+
+    @Scheduled(fixedDelay = 3000)
+    private void interval() {
+        GlobalState newGlobalState = new GlobalState(
+                executionService.runningCount(),
+                downloadQ.size(),
+                appStateService.getCurrentImages()
+                        .values()
+                        .stream()
+                        .filter(e -> e.getTotal() == 0 || e.getTotal() != e.getCurrent().get())
+                        .count(),
+                appStateService.getCurrentImages()
+                        .values()
+                        .stream()
+                        .filter(e -> e.getStatus().equals(Image.Status.ERROR))
+                        .count());
+        if (!newGlobalState.equals(currentState)) {
+            currentState = newGlobalState;
+            liveGlobalState.onNext(currentState);
+        }
+    }
+}
@@ -0,0 +1,48 @@
+package tn.mnlr.vripper.services;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.io.File;
+
+@Service
+public class PathService {
+
+    private static final Logger logger = LoggerFactory.getLogger(PathService.class);
+
+    @Autowired
+    private AppStateService appStateService;
+
+    @Autowired
+    private AppSettingsService appSettingsService;
+
+    public final File getDownloadDestinationFolder(String postId) {
+        String postTitle = appStateService.getCurrentPosts().get(postId).getTitle();
+        return new File(appSettingsService.getDownloadPath(), sanitize(postTitle + "_" + postId));
+    }
+
+    public final String sanitize(final String folderName) {
+        String sanitizedFolderName = folderName.replaceAll("\\.|\\\\|/|\\||:|\\?|\\*|\"|<|>|\\p{Cntrl}", "_");
+        logger.debug(String.format("%s sanitized to %s", folderName, sanitizedFolderName));
+        return sanitizedFolderName;
+    }
+
+    /**
+     * Will sanitize the image name and remove extension
+     *
+     * @param imageName
+     * @return
+     */
+    public final String formatImageFileName(String imageName) {
+        int extensionIndex = imageName.lastIndexOf('.');
+        String fileName;
+        if (extensionIndex != -1) {
+            fileName = imageName.substring(0, extensionIndex);
+        } else {
+            fileName = imageName;
+        }
+        return sanitize(fileName);
+    }
+}
@@ -16,9 +16,10 @@ import tn.mnlr.vripper.entities.mixin.persistance.PostPersistanceMixin;

 import javax.annotation.PreDestroy;
 import java.io.File;
+import java.io.FileWriter;
 import java.io.IOException;
 import java.io.PrintWriter;
-import java.nio.charset.Charset;
+import java.nio.charset.StandardCharsets;
 import java.nio.file.Files;
 import java.nio.file.Paths;
 import java.util.Arrays;
@@ -48,6 +49,9 @@ public class PersistenceService {
            try {
                if(dataFile.createNewFile()) {
                    logger.info("Data file successfully created");
+                    try (FileWriter fw = new FileWriter(dataFile)) {
+                        fw.write("{}");
+                    }
                } else {
                    logger.info("Data file already exists");
                }
@@ -100,7 +104,7 @@ public class PersistenceService {

        String jsonContent;
        try {
-            jsonContent = Files.readAllLines(Paths.get(VripperApplication.dataPath), Charset.forName("UTF-8")).stream().collect(Collectors.joining());
+            jsonContent = Files.readAllLines(Paths.get(VripperApplication.dataPath), StandardCharsets.UTF_8).stream().collect(Collectors.joining());
        } catch (Exception e) {
            logger.warn("data file not found, previous state cannot be restored", e);
            return;
@@ -1,45 +1,46 @@
 package tn.mnlr.vripper.services;

+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
 import org.apache.http.client.HttpClient;
 import org.apache.http.client.methods.CloseableHttpResponse;
 import org.apache.http.client.methods.HttpGet;
+import org.apache.http.client.utils.URIBuilder;
 import org.apache.http.util.EntityUtils;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
-import org.w3c.dom.Document;
-import org.w3c.dom.Node;
-import org.w3c.dom.NodeList;
+import org.xml.sax.Attributes;
+import org.xml.sax.SAXException;
+import org.xml.sax.helpers.DefaultHandler;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.exception.DownloadException;
 import tn.mnlr.vripper.exception.PostParseException;
 import tn.mnlr.vripper.host.Host;
+import tn.mnlr.vripper.q.DownloadQ;

+import javax.xml.parsers.ParserConfigurationException;
+import javax.xml.parsers.SAXParserFactory;
+import java.io.BufferedInputStream;
+import java.net.URISyntaxException;
 import java.util.ArrayList;
+import java.util.HashMap;
 import java.util.List;
+import java.util.Optional;

@Service
 public class PostParser {

    private static final Logger logger = LoggerFactory.getLogger(PostParser.class);

-    private final static String VIPER_GIRLS_BASE_ADRESS = "https://vipergirls.to/";
-    private final static String POSTS_XPATH = "//li[contains(@id,'post_')][not(contains(@id,'post_thank'))]";
-    private final static String REAL_THREAD_XPATH = ".//a[@class='postcounter']";
-    private final static String THREAD_TITLE_XPATH = "//li[contains(@class, 'lastnavbit')]/span";
-    private final static String POST_TITLE_XPATH = ".//h2";
-    private final static String POST_LINKS_XPATH = ".//a";
+    private static final String VR_API = "https://vipergirls.to/vr.php";

    @Autowired
    private ConnectionManager cm;

-    @Autowired
-    private HtmlProcessorService htmlProcessorService;
-
-    @Autowired
-    private XpathService xpathService;
+    SAXParserFactory factory = SAXParserFactory.newInstance();

    @Autowired
    private List<Host> supportedHosts;
@@ -47,141 +48,338 @@ public class PostParser {
    @Autowired
    private AppStateService appStateService;

-    public List<Post> parse(String threadUrl) throws PostParseException {
+    @Autowired
+    private VipergirlsAuthService authService;

-        logger.info(String.format("Parsing thread %s", threadUrl));
-        List<Post> posts = new ArrayList<>();
-        String postResponse;
+    @Autowired
+    private AppSettingsService appSettingsService;

-        HttpClient connection = cm.getClient().build();
-        HttpGet httpGet = cm.buildHttpGet(threadUrl);
+    @Autowired
+    private DownloadQ downloadQ;

-        logger.info(String.format("Requesting %s", httpGet));
-        try (CloseableHttpResponse response = (CloseableHttpResponse) connection.execute(httpGet)) {
-            if (response.getStatusLine().getStatusCode() / 100 != 2) {
-                throw new DownloadException(String.format("Unexpected response code '%d' for %s", response.getStatusLine().getStatusCode(), httpGet));
-            }
-            postResponse = EntityUtils.toString(response.getEntity());
-            logger.debug(String.format("Content received for %s:%n%s", httpGet, postResponse));
-            EntityUtils.consumeQuietly(response.getEntity());
-        } catch (Exception e) {
-            throw new PostParseException(e);
+    @Autowired
+    private VipergirlsAuthService vipergirlsAuthService;
+
+    public PostParser() throws ParserConfigurationException, SAXException {
+    }
+
+    public void addPost(String postId, String threadId) throws PostParseException {
+
+        if (appStateService.getCurrentPosts().containsKey(postId)) {
+            logger.info(String.format("skipping %s, already loaded", postId));
+            return;
        }

-        Document document;
-        try {
-            logger.debug(String.format("Cleaning HTML response for XML parsing: %s", postResponse));
-            document = htmlProcessorService.clean(postResponse);
-        } catch (Exception e) {
-            throw new PostParseException(e);
-        }
+        VRPostParser vrPostParser = new VRPostParser(threadId, postId);
+        Post post = vrPostParser.parse();

-        String threadTitle = null;
-        try {
-            logger.info(String.format("Looking for thread title using xpath: %s", THREAD_TITLE_XPATH));
-            Node threadTitleNode = xpathService.getAsNode(document, THREAD_TITLE_XPATH);
-            if (threadTitleNode != null) {
-                threadTitle = threadTitleNode.getTextContent().trim();
-                logger.info(String.format("Thread title found %s", threadTitle));
-            }
-            if (threadTitle == null) {
-                logger.warn("Cannot find thread's title");
-            }
-        } catch (Exception e) {
-            throw new PostParseException(e);
-        }
-
-        NodeList postsNodeList;
-        try {
-            logger.info(String.format("Looking for posts using xpath: %s", POSTS_XPATH));
-            postsNodeList = xpathService.getAsNodeList(document, POSTS_XPATH);
-        } catch (Exception e) {
-            throw new PostParseException(e);
-        }
-
-        logger.info(String.format("Found %d posts in thread %s", postsNodeList.getLength(), threadUrl));
-
-        for (int i = 0; i < postsNodeList.getLength(); i++) {
-            String realUrl;
-            logger.info(String.format("Parsing post #%d", i + 1));
+        post.setAppStateService(appStateService);
+        post.getImages().forEach(e -> e.setAppStateService(appStateService));
+        authService.leaveThanks(post.getUrl(), post.getPostId());
+        if (appSettingsService.isAutoStart()) {
+            logger.info("Auto start downloads option is enabled");
+            logger.info(String.format("Starting to enqueue %d jobs for %s", post.getImages().size(), post.getUrl()));
            try {
-                logger.info(String.format("Finding posts's link"));
-                realUrl = VIPER_GIRLS_BASE_ADRESS.concat(xpathService
-                        .getAsNode(postsNodeList.item(i), REAL_THREAD_XPATH)
-                        .getAttributes()
-                        .getNamedItem("href")
-                        .getTextContent()
-                        .trim());
-                logger.info(String.format("Post's link: %s", realUrl));
-            } catch (Exception e) {
-                throw new PostParseException(e);
+                downloadQ.enqueue(post);
+            } catch (InterruptedException e) {
+                logger.warn("Interruption was caught");
+                Thread.currentThread().interrupt();
+                return;
            }
+            logger.info(String.format("Done enqueuing jobs for %s", post.getUrl()));
+        } else {
+            logger.info("Auto start downloads option is disabled");
+        }
+    }

-            logger.info("Finding posts's id");
-            String postId = realUrl.substring(realUrl.indexOf("#")).replace("#post", "");
-            logger.info(String.format("Post's id: %s", postId));
+    @Getter
+    public static abstract class VRPostState {
+        private final String threadId;

-            if (appStateService.getCurrentPosts().containsKey(postId)) {
-                logger.warn(String.format("Post with id %s is already loaded, skipping", postId));
-                continue;
-            }
+        protected VRPostState(String threadId) {
+            this.threadId = threadId;
+        }
+    }

-            String postTitle;
+    @Getter
+    public static class VRPostParse extends VRPostState {
+
+        private final String type = "postParse";
+        private String postId;
+        private int number;
+        private String title;
+        private int imageCount;
+        private String url;
+        private List<String> previews;
+
+
+        public VRPostParse(String threadId, String postId, int number, String title, int imageCount, String url, List<String> previews) {
+            super(threadId);
+            this.postId = postId;
+            this.number = number;
+            this.title = title;
+            this.imageCount = imageCount;
+            this.previews = previews;
+            this.url = url;
+        }
+    }
+
+    @Getter
+    public static class VRThreadParseState extends VRPostState {
+
+        private final String type = "threadParseState";
+        private final String state;
+
+        public VRThreadParseState(String threadId, String state) {
+            super(threadId);
+            this.state = state;
+        }
+    }
+
+    public class VRThreadParser {
+
+        @Getter
+        private final PublishProcessor<VRPostState> postPublishProcessor = PublishProcessor.create();
+
+        private String threadId;
+
+        public VRThreadParser(String threadId) {
+            this.threadId = threadId;
+        }
+
+        public Void parse() throws PostParseException {
+
+            logger.info(String.format("Parsing thread %s", threadId));
+            HttpGet httpGet;
            try {
-                logger.info(String.format("Finding post's title"));
-                Node titleNode = xpathService.getAsNode(postsNodeList.item(i), POST_TITLE_XPATH);
-                if (titleNode != null) {
-                    postTitle = titleNode.getTextContent().trim();
-                    logger.info(String.format("Found post's title: %s", postTitle));
-                } else {
-                    logger.info("Cannot find post's title");
-                    if (threadTitle != null) {
-                        logger.info("Falling back to thread title to generate a post name");
-                        postTitle = threadTitle + "#" + postId;
-                    } else {
-                        logger.info("Falling back to post id to generate a post name");
-                        postTitle = "#" + postId;
-                    }
+                URIBuilder uriBuilder = new URIBuilder(VR_API);
+                uriBuilder.setParameter("t", threadId);
+                httpGet = cm.buildHttpGet(uriBuilder.build());
+                if (vipergirlsAuthService.getCookies() != null) {
+                    httpGet.addHeader("Cookie", vipergirlsAuthService.getCookies());
                }
-            } catch (Exception e) {
+            } catch (URISyntaxException e) {
                throw new PostParseException(e);
            }
-
-            ArrayList<Image> imagesList = new ArrayList<>();
-            try {
-                logger.info(String.format("Finding all links for post with id %s using xpath %s", postId, POST_LINKS_XPATH));
-                NodeList imagesNodeList = xpathService.getAsNodeList(postsNodeList.item(i), POST_LINKS_XPATH);
-                for (int j = 0; j < imagesNodeList.getLength(); j++) {
-
-                    Node imageHref = imagesNodeList.item(j).getAttributes().getNamedItem("href");
-                    Host foundHost;
-                    if (imageHref != null) {
-                        String imageUrl = imageHref.getTextContent().trim();
-                        logger.info(String.format("Scanning %s", imageUrl));
-                        foundHost = supportedHosts.stream().filter(host -> host.isSupported(imageUrl)).findFirst().orElse(null);
-                    } else {
-                        logger.warn("href is null, skipping");
-                        continue;
-                    }
-                    if (foundHost != null) {
-                        logger.info(String.format("Found supported host %s for %s", foundHost.getClass().getSimpleName(), imageHref));
-                        imagesList.add(appStateService.createImage(imageHref.getTextContent(), postId, postTitle, foundHost));
-                    } else {
-                        logger.warn(String.format("unsupported host for %s, skipping", imageHref));
-                        continue;
-                    }
+            VRThreadHandler handler = new VRThreadHandler(threadId, postPublishProcessor);
+            HttpClient connection = cm.getClient().build();
+            logger.info(String.format("Requesting %s", httpGet));
+            try (CloseableHttpResponse response = (CloseableHttpResponse) connection.execute(httpGet)) {
+                if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                    throw new DownloadException(String.format("Unexpected response code '%d' for %s", response.getStatusLine().getStatusCode(), httpGet));
                }
+
+                factory.newSAXParser().parse(new BufferedInputStream(response.getEntity().getContent()), handler);
+                EntityUtils.consumeQuietly(response.getEntity());
            } catch (Exception e) {
+                logger.error("parsing failed", e);
                throw new PostParseException(e);
            }
+            return null;
+        }
+    }

-            if (!imagesList.isEmpty()) {
-                logger.info(String.format("Found %d images for post with id %s", imagesList.size(), postId));
-                posts.add(appStateService.createPost(postTitle, realUrl, imagesList, null, postId));
-            } else {
-                logger.warn(String.format("No images found for post with id %s, skipping", postId));
+    private class VRThreadHandler extends DefaultHandler {
+
+        private final String threadId;
+        private final PublishProcessor<VRPostState> vrPostPublishProcessor;
+        private String threadTitle;
+        private String postId;
+        private String postTitle;
+        private int imageCount;
+        private int postCounter;
+        private int previewCounter = 0;
+        private List<String> previews = new ArrayList<>();
+
+        public VRThreadHandler(String threadId, PublishProcessor<VRPostState> vrPostPublishProcessor) {
+            this.vrPostPublishProcessor = vrPostPublishProcessor;
+            this.threadId = threadId;
+        }
+
+        @Override
+        public void startDocument() {
+            vrPostPublishProcessor.onNext(new VRThreadParseState(threadId, "START"));
+        }
+
+        @Override
+        public void startElement(String uri, String localName, String qName, Attributes attributes) {
+
+            switch (qName.toLowerCase()) {
+                case "thread":
+                    threadTitle = attributes.getValue("title").trim();
+                    break;
+                case "post":
+                    imageCount = Integer.parseInt(attributes.getValue("imagecount").trim());
+                    postId = attributes.getValue("id").trim();
+                    postCounter = Integer.parseInt(attributes.getValue("number").trim());
+                    postTitle = Optional.ofNullable(attributes.getValue("title")).map(e -> e.trim().isEmpty() ? null : e.trim()).orElse(threadTitle);
+                    break;
+                case "image":
+                    if (previewCounter++ < 4) {
+                        String thumbUrl = Optional.ofNullable(attributes.getValue("thumb_url")).map(String::trim).orElse(null);
+                        if (thumbUrl != null) {
+                            previews.add(thumbUrl);
+                        }
+                    }
+                    break;
+            }
+        }
+
+        @Override
+        public void endElement(String uri, String localName, String qName) {
+            switch (qName.toLowerCase()) {
+                case "post":
+                    if (imageCount != 0) {
+                        vrPostPublishProcessor.onNext(new VRPostParse(
+                                threadId,
+                                postId,
+                                postCounter,
+                                postTitle,
+                                imageCount,
+                                String.format("https://vipergirls.to/threads/%s/?p=%s&viewfull=1#post%s", threadId, postId, postId),
+                                previews
+                        ));
+                    }
+                    previewCounter = 0;
+                    previews = new ArrayList<>();
+                    break;
+            }
+        }
+
+        @Override
+        public void endDocument() {
+            vrPostPublishProcessor.onNext(new VRThreadParseState(threadId, "END"));
+            vrPostPublishProcessor.onComplete();
+        }
+    }
+
+    public class VRPostParser {
+
+        private String threadId;
+        private String postId;
+
+        public VRPostParser(String threadId, String postId) {
+            this.threadId = threadId;
+            this.postId = postId;
+        }
+
+        public Post parse() throws PostParseException {
+
+            Post post;
+            logger.info(String.format("Parsing post %s", postId));
+            HttpGet httpGet;
+            try {
+                URIBuilder uriBuilder = new URIBuilder(VR_API);
+                uriBuilder.setParameter("p", postId);
+                httpGet = cm.buildHttpGet(uriBuilder.build());
+                if (vipergirlsAuthService.getCookies() != null) {
+                    httpGet.addHeader("Cookie", vipergirlsAuthService.getCookies());
+                }
+            } catch (URISyntaxException e) {
+                throw new PostParseException(e);
+            }
+            VRPostHandler handler = new VRPostHandler(threadId, postId);
+            HttpClient connection = cm.getClient().build();
+            logger.info(String.format("Requesting %s", httpGet));
+            try (CloseableHttpResponse response = (CloseableHttpResponse) connection.execute(httpGet)) {
+                if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                    throw new DownloadException(String.format("Unexpected response code '%d' for %s", response.getStatusLine().getStatusCode(), httpGet));
+                }
+
+                factory.newSAXParser().parse(new BufferedInputStream(response.getEntity().getContent()), handler);
+                post = handler.getParsedPost();
+                EntityUtils.consumeQuietly(response.getEntity());
+            } catch (Exception e) {
+                logger.error("parsing failed", e);
+                throw new PostParseException(e);
+            }
+            return post;
+        }
+    }
+
+    private class VRPostHandler extends DefaultHandler {
+
+        private final String threadId;
+        private final String postId;
+        private String threadTitle;
+
+        private int previewCounter = 0;
+        private int index = 0;
+
+        private String postTitle;
+        private int imageCount;
+
+        private List<String> previews = new ArrayList<>();
+        private List<Image> images = new ArrayList<>();
+        @Getter
+        private Post parsedPost;
+
+        public VRPostHandler(String threadId, String postId) {
+            this.threadId = threadId;
+            this.postId = postId;
+        }
+
+        @Override
+        public void startDocument() {
+        }
+
+        @Override
+        public void startElement(String uri, String localName, String qName, Attributes attributes) {
+
+            switch (qName.toLowerCase()) {
+                case "thread":
+                    threadTitle = attributes.getValue("title").trim();
+                    break;
+                case "post":
+                    imageCount = Integer.parseInt(attributes.getValue("imagecount").trim());
+                    postTitle = Optional.ofNullable(attributes.getValue("title")).map(e -> e.trim().isEmpty() ? null : e.trim()).orElse(threadTitle);
+                    break;
+                case "image":
+                    index++;
+                    if (previewCounter++ < 4) {
+                        String thumbUrl = Optional.ofNullable(attributes.getValue("thumb_url")).map(String::trim).orElse(null);
+                        if (thumbUrl != null) {
+                            previews.add(thumbUrl);
+                        }
+                    }
+
+                    String mainUrl = Optional.ofNullable(attributes.getValue("main_url")).map(String::trim).orElse(null);
+                    if (mainUrl != null) {
+                        Host foundHost = supportedHosts.stream().filter(host -> host.isSupported(mainUrl)).findFirst().orElse(null);
+                        if (foundHost != null) {
+                            logger.info(String.format("Found supported host %s for %s", foundHost.getClass().getSimpleName(), mainUrl));
+                            images.add(new Image(mainUrl, postId, postTitle, foundHost, index));
+                        } else {
+                            logger.warn(String.format("unsupported host for %s, skipping", mainUrl));
+                        }
+                    }
+                    break;
+            }
+        }
+
+        @Override
+        public void endElement(String uri, String localName, String qName) {
+            switch (qName.toLowerCase()) {
+                case "post":
+                    if (imageCount != 0) {
+                        HashMap<String, Object> metadata = new HashMap<>();
+                        metadata.put("PREVIEWS", previews);
+                        parsedPost = new Post(
+                                postTitle,
+                                String.format("https://vipergirls.to/threads/%s/?p=%s&viewfull=1#post%s", threadId, postId, postId),
+                                images,
+                                metadata,
+                                postId,
+                                threadId
+                        );
+                    }
+                    index = 0;
+                    previewCounter = 0;
+                    previews = new ArrayList<>();
+                    images = new ArrayList<>();
+                    break;
            }
        }
-        return posts;
    }
 }
+
@@ -1,5 +1,7 @@
 package tn.mnlr.vripper.services;

+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
 import org.apache.http.NameValuePair;
 import org.apache.http.client.entity.UrlEncodedFormEntity;
 import org.apache.http.client.methods.CloseableHttpResponse;
@@ -13,11 +15,14 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import org.w3c.dom.Document;
+import tn.mnlr.vripper.VripperApplication;
 import tn.mnlr.vripper.exception.VripperException;

+import javax.annotation.PreDestroy;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
+import java.util.concurrent.TimeUnit;

@Service
 public class VipergirlsAuthService {
@@ -36,10 +41,24 @@ public class VipergirlsAuthService {
    @Autowired
    private AppSettingsService appSettingsService;

+    @Getter
    private String cookies;

    private boolean authenticated = false;

+    @Getter
+    private String loggedUser;
+
+    @Getter
+    private PublishProcessor<String> loggedInUser = PublishProcessor.create();
+
+    @PreDestroy
+    private void destroy() throws InterruptedException {
+        logger.info("Shutting down VipergirlsAuthService");
+        VripperApplication.commonExecutor.shutdown();
+        VripperApplication.commonExecutor.awaitTermination(10, TimeUnit.SECONDS);
+    }
+
    public void authenticate() throws VripperException {

        logger.info("Authenticating using ViperGirls credentials");
@@ -48,6 +67,8 @@ public class VipergirlsAuthService {
        if(!appSettingsService.isVLogin()) {
            logger.warn("Authentication option is disabled");
            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
            return;
        }

@@ -56,6 +77,9 @@ public class VipergirlsAuthService {

        if (username == null || password == null || username.isEmpty() || password.isEmpty()) {
            logger.error("Cannot authenticate with ViperGirls credentials, username or password is empty");
+            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
            return;
        }

@@ -73,6 +97,9 @@ public class VipergirlsAuthService {
        try {
            postAuth.setEntity(new UrlEncodedFormEntity(params));
        } catch (Exception e) {
+            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
            throw new VripperException(e);
        }

@@ -83,6 +110,9 @@ public class VipergirlsAuthService {

        try (CloseableHttpResponse response = client.execute(postAuth)) {

+            if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                throw new VripperException(String.format("Unexpected response code returned %s", response.getStatusLine().getStatusCode()));
+            }
            StringBuilder sb = new StringBuilder();
            Arrays.asList(response.getHeaders("set-cookie"))
                    .stream()
@@ -99,31 +129,41 @@ public class VipergirlsAuthService {
            }
            this.cookies = cookies;
        } catch (Exception e) {
-            throw new VripperException(e);
+            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
+            if (e instanceof VripperException) {
+                throw (VripperException) e;
+            } else {
+                throw new VripperException(e);
+            }
        }
        authenticated = true;
+        loggedUser = username;
        logger.info(String.format("Authenticated: %s", username));
+        loggedInUser.onNext(loggedUser);
    }

-    public void leaveThanks(String postUrl, String postId) throws VripperException {
-
-        if (!appSettingsService.isVLogin()) {
-            logger.warn("Authentication with ViperGirls option is disabled");
-            return;
-        }
-        if (!appSettingsService.isVThanks()) {
-            logger.warn("Leave thanks option is disabled");
-            return;
-        }
-        if (!authenticated) {
-            logger.error("You are not authenticated");
-            return;
-        }
-        try {
-            postThanks(postId, getSecurityToken(postUrl));
-        } catch (VripperException e) {
-            throw new VripperException(e);
-        }
+    public void leaveThanks(String postUrl, String postId) {
+        VripperApplication.commonExecutor.submit(() -> {
+            if (!appSettingsService.isVLogin()) {
+                logger.warn("Authentication with ViperGirls option is disabled");
+                return;
+            }
+            if (!appSettingsService.isVThanks()) {
+                logger.warn("Leave thanks option is disabled");
+                return;
+            }
+            if (!authenticated) {
+                logger.error("You are not authenticated");
+                return;
+            }
+            try {
+                postThanks(postId, getSecurityToken(postUrl));
+            } catch (Exception e) {
+                logger.error(String.format("Failed to leave a thanks for url %s, post id %s", postUrl, postId), e);
+            }
+        });
    }

    private String getSecurityToken(String url) throws VripperException {
@@ -183,7 +223,6 @@ public class VipergirlsAuthService {
        CloseableHttpClient client = cm.getClient().build();

        try (CloseableHttpResponse response = client.execute(postThanks)) {
-
            EntityUtils.consumeQuietly(response.getEntity());
        } catch (Exception e) {
            throw new VripperException(e);
@@ -8,14 +8,18 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.*;
-import tn.mnlr.vripper.entities.Post;
+import tn.mnlr.vripper.VripperApplication;
+import tn.mnlr.vripper.exception.PostParseException;
 import tn.mnlr.vripper.q.DownloadQ;
 import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.AppStateService;
+import tn.mnlr.vripper.services.PathService;
 import tn.mnlr.vripper.services.PostParser;
-import tn.mnlr.vripper.services.VipergirlsAuthService;

+import java.io.File;
 import java.util.List;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;

@RestController
@CrossOrigin(value = "*")
@@ -23,6 +27,9 @@ public class PostRestEndpoint {

    private static final Logger logger = LoggerFactory.getLogger(PostRestEndpoint.class);

+
+    private static final Pattern VG_URL_PATTERN = Pattern.compile("https:\\/\\/vipergirls\\.to\\/threads\\/(\\d+)((.*p=)(\\d+))?");
+
    @Autowired
    private AppStateService appStateService;

@@ -30,7 +37,7 @@ public class PostRestEndpoint {
    private AppSettingsService appSettingsService;

    @Autowired
-    private VipergirlsAuthService authService;
+    private PathService pathService;

    @ExceptionHandler(Exception.class)
    public ResponseEntity handleException(Exception e) {
@@ -55,33 +62,20 @@ public class PostRestEndpoint {
        } else if (!url.url.startsWith("https://vipergirls.to")) {
            return new ResponseEntity<>("ViperGirls only links are supported", HttpStatus.BAD_REQUEST);
        }
-        List<Post> parsed = postParser.parse(url.url);
-        logger.info(String.format("%d posts found from thread %s", parsed.size(), url.url));
-        parsed.forEach(p -> {
-            try {
-                authService.leaveThanks(p.getUrl(), p.getPostId());
-            } catch (Exception e) {
-                logger.error(String.format("Failed to leave thanks for %s", p.getUrl()), e);
-            }
-        });
-        if(appSettingsService.isAutoStart()) {
-            logger.info("Auto start downloads option is enabled");
-            logger.info(String.format("Starting to enqueue %d jobs for %s", parsed.stream().flatMap(e -> e.getImages().stream()).count(), url.url));
-            for (Post post : parsed) {
-                downloadQ.enqueue(post);
-            }
-            logger.info(String.format("Done enqueuing jobs for %s", url.url));
-        } else {
-            logger.info("Auto start downloads option is disabled");
-        }
-        logger.info(String.format("Done processing thread: %s", url.url));
-        return ResponseEntity.ok(new ParseResult(parsed.size()));
-    }

-    @PostMapping("/clipboard/post")
-    @ResponseStatus(value = HttpStatus.OK)
-    public ResponseEntity processPostFromClipboard(@RequestBody ThreadUrl url) throws Exception {
-        return this.processPost(url);
+        String threadId, postId;
+        try {
+            Matcher m = VG_URL_PATTERN.matcher(url.url);
+            if (m.find()) {
+                threadId = m.group(1);
+                postId = m.group(4);
+            } else {
+                throw new PostParseException(String.format("Cannot retrieve thread id from URL %s", url));
+            }
+        } catch (Exception e) {
+            throw new PostParseException(String.format("Cannot retrieve thread id from URL %s", url), e);
+        }
+        return ResponseEntity.ok(new PairThreadIdPostId(threadId, postId));
    }

    @PostMapping("/post/restart")
@@ -90,12 +84,45 @@ public class PostRestEndpoint {
        downloadQ.restart(postId.getPostId());
    }

+    @PostMapping("/post/add")
+    @ResponseStatus(value = HttpStatus.OK)
+    public void addPost(@RequestBody List<PostToAdd> posts) {
+        for (PostToAdd post : posts) {
+            VripperApplication.commonExecutor.submit(() -> {
+                try {
+                    postParser.addPost(post.postId, post.threadId);
+                } catch (PostParseException e) {
+                    logger.error(String.format("Failed to add post %s", post.postId), e);
+                }
+            });
+        }
+    }
+
+    @GetMapping("/post/path/{postId}")
+    @ResponseStatus(value = HttpStatus.OK)
+    public ResponseEntity<DownloadPath> folderPath(@PathVariable("postId") String postId) {
+        File destinationFolder = pathService.getDownloadDestinationFolder(postId);
+        return ResponseEntity.ok(new DownloadPath(destinationFolder.getPath()));
+    }
+
+    @PostMapping("/post/restart/all")
+    @ResponseStatus(value = HttpStatus.OK)
+    public void restartPost() throws Exception {
+        downloadQ.restartAll();
+    }
+
    @PostMapping("/post/stop")
    @ResponseStatus(value = HttpStatus.OK)
    public void stop(@RequestBody PostId postId) {
        downloadQ.stop(postId.getPostId());
    }

+    @PostMapping("/post/stop/all")
+    @ResponseStatus(value = HttpStatus.OK)
+    public void stopAll() {
+        downloadQ.stopAll();
+    }
+
    @PostMapping("/post/remove")
    @ResponseStatus(value = HttpStatus.OK)
    public ResponseEntity remove(@RequestBody PostId postId) {
@@ -128,11 +155,52 @@ public class PostRestEndpoint {
    }

    @Getter
+    private static class PairThreadIdPostId {
+        private String threadId;
+        private String postId;
+
+        public PairThreadIdPostId(String threadId, String postId) {
+            this.threadId = threadId;
+            this.postId = postId;
+        }
+    }
+
+    @Getter
+    private static class PostToAdd {
+        private String threadId;
+        private String postId;
+    }
+
+    @Getter
    private static class ParseResult {
-        ParseResult(int parsed) {
-            this.parsed = parsed;
+
+        private List<PostResult> posts;
+        private int count;
+        private String threadId;
+
+        public ParseResult(List<PostResult> posts, int count, String threadId) {
+            this.posts = posts;
+            this.count = count;
+            this.threadId = threadId;
+        }
+
+        @Getter
+        public static class PostResult {
+
+            private String title;
+            private int counter;
+            private String url;
+            private String postId;
+            private List<String> previews;
+
+            public PostResult(String title, int counter, String url, String postId, List<String> previews) {
+                this.title = title;
+                this.counter = counter;
+                this.url = url;
+                this.postId = postId;
+                this.previews = previews;
+            }
        }
-        private int parsed;
    }

    @Getter
@@ -154,4 +222,13 @@ public class PostRestEndpoint {
            this.postId = postId;
        }
    }
+
+    @Getter
+    private static class DownloadPath {
+        private String path;
+
+        DownloadPath(String path) {
+            this.path = path;
+        }
+    }
 }
@@ -7,8 +7,8 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.*;
-import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.exception.ValidationException;
+import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.VipergirlsAuthService;

@RestController
@@ -31,6 +31,20 @@ public class SettingsRestEndpoint {
                .body(e.getMessage());
    }

+    @PostMapping("/settings/theme")
+    @ResponseStatus(value = HttpStatus.OK)
+    public AppSettingsService.Theme postTheme(@RequestBody AppSettingsService.Theme theme) {
+
+        this.settings.setTheme(theme);
+        return settings.getTheme();
+    }
+
+    @GetMapping("/settings/theme")
+    @ResponseStatus(value = HttpStatus.OK)
+    public AppSettingsService.Theme getTheme() {
+        return settings.getTheme();
+    }
+
    @PostMapping("/settings")
    @ResponseStatus(value = HttpStatus.OK)
    public ResponseEntity postSettings(@RequestBody AppSettingsService.Settings settings) throws Exception {
@@ -57,6 +71,7 @@ public class SettingsRestEndpoint {
            this.settings.setVThanks(false);
        }
        this.settings.setDesktopClipboard(settings.isDesktopClipboard());
+        this.settings.setForceOrder(settings.isForceOrder());

        this.settings.save();

@@ -66,7 +81,7 @@ public class SettingsRestEndpoint {

    @GetMapping("/settings")
    @ResponseStatus(value = HttpStatus.OK)
-    public AppSettingsService.Settings getSettings() throws Exception {
+    public AppSettingsService.Settings getSettings() {

        return new AppSettingsService.Settings(
                settings.getDownloadPath(),
@@ -76,7 +91,8 @@ public class SettingsRestEndpoint {
                settings.getVUsername(),
                settings.getVPassword(),
                settings.isVThanks(),
-                settings.isDesktopClipboard()
+                settings.isDesktopClipboard(),
+                settings.isForceOrder()
        );
    }

@@ -12,16 +12,19 @@ import org.springframework.web.socket.CloseStatus;
 import org.springframework.web.socket.TextMessage;
 import org.springframework.web.socket.WebSocketSession;
 import org.springframework.web.socket.handler.TextWebSocketHandler;
+import tn.mnlr.vripper.VripperApplication;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.entities.mixin.ui.ImageUIMixin;
 import tn.mnlr.vripper.entities.mixin.ui.PostUIMixin;
-import tn.mnlr.vripper.services.AppStateService;
+import tn.mnlr.vripper.services.*;

 import java.io.IOException;
+import java.util.Arrays;
 import java.util.Map;
 import java.util.Optional;
 import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.Future;
 import java.util.concurrent.TimeUnit;
 import java.util.stream.Collectors;

@@ -30,40 +33,57 @@ public class WebSocketHandler extends TextWebSocketHandler {

    private static final Logger logger = LoggerFactory.getLogger(WebSocketHandler.class);

-    @Getter
-    private static class WSMessage {
-
-        private String cmd;
-        private String payload;
-
-        enum CMD {
-            POSTS_SUB,
-            POST_DETAILS_SUB,
-            POSTS_UNSUB,
-            POST_DETAILS_UNSUB
-        }
-    }
-
    public WebSocketHandler() {
        om.addMixIn(Image.class, ImageUIMixin.class).addMixIn(Post.class, PostUIMixin.class);
    }

-    private Map<String, Disposable> postsSubscriptions = new ConcurrentHashMap<>();
-    private Map<String, Disposable> postDetailsSubscriptions = new ConcurrentHashMap<>();
-    private ObjectMapper om = new ObjectMapper();
+    @Autowired
+    private GlobalStateService globalStateService;

    @Autowired
    private AppStateService appStateService;

+    @Autowired
+    private DownloadSpeedService downloadSpeedService;
+
+    @Autowired
+    private VipergirlsAuthService vipergirlsAuthService;
+
+    @Autowired
+    private PostParser postParser;
+
+    private Map<String, Disposable> postsSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> postDetailsSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> vrPostParserSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> stateSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> downloadSpeedSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> userSubscriptions = new ConcurrentHashMap<>();
+
+    private Map<String, Future<Void>> threadParseRequests = new ConcurrentHashMap<>();
+
+    private ObjectMapper om = new ObjectMapper();
+
    @Override
    protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {

        WSMessage wsMessage = om.readValue(message.getPayload(), WSMessage.class);
        WSMessage.CMD cmd = WSMessage.CMD.valueOf(wsMessage.getCmd());
        switch (cmd) {
+            case GLOBAL_STATE_SUB:
+                subscribeForGlobalState(session);
+                break;
+            case SPEED_SUB:
+                subscribeForSpeed(session);
+                break;
+            case USER_SUB:
+                subscribeForUser(session);
+                break;
            case POSTS_SUB:
                subscribeForPosts(session);
                break;
+            case THREAD_PARSING_SUB:
+                subscribeForThreadParsing(session, wsMessage.getPayload());
+                break;
            case POST_DETAILS_SUB:
                subscribeForPostDetails(session, wsMessage.getPayload());
                break;
@@ -71,13 +91,107 @@ public class WebSocketHandler extends TextWebSocketHandler {
                logger.info(String.format("Client %s unsubscribed from post details", session.getId()));
                Optional.ofNullable(postDetailsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
                break;
+            case THREAD_PARSING_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from thread parsing", session.getId()));
+                Optional.ofNullable(vrPostParserSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                Optional.ofNullable(threadParseRequests.remove(session.getId())).ifPresent(d -> d.cancel(true));
+                break;
            case POSTS_UNSUB:
                logger.info(String.format("Client %s unsubscribed from posts", session.getId()));
                Optional.ofNullable(postsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
                break;
+            case GLOBAL_STATE_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from global state", session.getId()));
+                Optional.ofNullable(stateSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                break;
+            case SPEED_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from download speed info", session.getId()));
+                Optional.ofNullable(downloadSpeedSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                break;
+            case USER_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from user info", session.getId()));
+                Optional.ofNullable(userSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                break;
        }
    }

+    private void subscribeForGlobalState(WebSocketSession session) {
+
+        logger.info(String.format("Client %s subscribed for global state", session.getId()));
+        if (stateSubscriptions.containsKey(session.getId())) {
+            stateSubscriptions.get(session.getId()).dispose();
+        }
+
+        try {
+            send(session, new TextMessage(om.writeValueAsString(Arrays.asList(globalStateService.getCurrentState()))));
+        } catch (Exception e) {
+            logger.error("Unexpected error occurred", e);
+        }
+
+        stateSubscriptions.put(session.getId(),
+                globalStateService.getLiveGlobalState()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .buffer(5000, TimeUnit.MILLISECONDS)
+                        .filter(e -> !e.isEmpty())
+                        .map(e -> e.subList(e.size() - 1, e.size()))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
+    private void subscribeForSpeed(WebSocketSession session) {
+
+        logger.info(String.format("Client %s subscribed for download speed info", session.getId()));
+        if (downloadSpeedSubscriptions.containsKey(session.getId())) {
+            downloadSpeedSubscriptions.get(session.getId()).dispose();
+        }
+
+        try {
+            send(session, new TextMessage(om.writeValueAsString(Arrays.asList(new DownloadSpeed(0)))));
+        } catch (Exception e) {
+            logger.error("Unexpected error occurred", e);
+        }
+
+        downloadSpeedSubscriptions.put(session.getId(),
+                downloadSpeedService.getReadBytesPerSecond()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .buffer(5000, TimeUnit.MILLISECONDS)
+                        .filter(e -> !e.isEmpty())
+                        .map(e -> e.subList(e.size() - 1, e.size()))
+                        .map(e -> e.stream().map(DownloadSpeed::new).collect(Collectors.toList()))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
+    private void subscribeForUser(WebSocketSession session) {
+
+        logger.info(String.format("Client %s subscribed for user info", session.getId()));
+        if (userSubscriptions.containsKey(session.getId())) {
+            userSubscriptions.get(session.getId()).dispose();
+        }
+
+        try {
+            send(session, new TextMessage(om.writeValueAsString(Arrays.asList(new LoggedUser(vipergirlsAuthService.getLoggedUser())))));
+        } catch (Exception e) {
+            logger.error("Unexpected error occurred", e);
+        }
+
+        userSubscriptions.put(session.getId(),
+                vipergirlsAuthService.getLoggedInUser()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .map(e -> Arrays.asList(new LoggedUser(e)))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
    private void subscribeForPosts(WebSocketSession session) {

        logger.info(String.format("Client %s subscribed for posts", session.getId()));
@@ -95,8 +209,7 @@ public class WebSocketHandler extends TextWebSocketHandler {
                appStateService.getLivePostsState()
                        .onBackpressureBuffer()
                        .observeOn(Schedulers.io())
-                        .filter(e -> !e.isRemoved())
-                        .buffer(500, TimeUnit.MILLISECONDS, 50)
+                        .buffer(2000, TimeUnit.MILLISECONDS, 200)
                        .filter(e -> !e.isEmpty())
                        .map(e -> e.stream().distinct().collect(Collectors.toList()))
                        .map(om::writeValueAsString)
@@ -105,6 +218,32 @@ public class WebSocketHandler extends TextWebSocketHandler {
        );
    }

+    private void subscribeForThreadParsing(WebSocketSession session, String threadId) {
+
+        logger.info(String.format("Client %s subscribed for thread parsing with threadId = %s", session.getId(), threadId));
+        if (vrPostParserSubscriptions.containsKey(session.getId())) {
+            vrPostParserSubscriptions.get(session.getId()).dispose();
+        }
+
+        if (threadParseRequests.containsKey(session.getId())) {
+            threadParseRequests.get(session.getId()).cancel(true);
+        }
+
+        PostParser.VRThreadParser vrThreadParser = postParser.new VRThreadParser(threadId);
+
+        vrPostParserSubscriptions.put(session.getId(), vrThreadParser.getPostPublishProcessor()
+                .onBackpressureBuffer()
+                .observeOn(Schedulers.io())
+                .buffer(200)
+                .filter(e -> !e.isEmpty())
+                .map(om::writeValueAsString)
+                .map(TextMessage::new)
+                .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+
+        threadParseRequests.put(session.getId(), VripperApplication.commonExecutor.submit(vrThreadParser::parse));
+    }
+
    private void subscribeForPostDetails(WebSocketSession session, String postId) {

        logger.info(String.format("Client %s subscribed for post details with id = %s", session.getId(), postId));
@@ -128,7 +267,7 @@ public class WebSocketHandler extends TextWebSocketHandler {
                .onBackpressureBuffer()
                .observeOn(Schedulers.io())
                .filter(e -> e.getPostId().equals(postId))
-                .buffer(500, TimeUnit.MILLISECONDS, 50)
+                .buffer(2000, TimeUnit.MILLISECONDS, 500)
                .filter(e -> !e.isEmpty())
                .map(e -> e.stream().distinct().collect(Collectors.toList()))
                .map(om::writeValueAsString)
@@ -143,7 +282,7 @@ public class WebSocketHandler extends TextWebSocketHandler {

    @Override
    public void afterConnectionEstablished(WebSocketSession session) {
-
+        logger.info(String.format("Connection open for client id: %s", session.getId()));
    }

    @Override
@@ -151,5 +290,45 @@ public class WebSocketHandler extends TextWebSocketHandler {

        Optional.ofNullable(postsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
        Optional.ofNullable(postDetailsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(stateSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(downloadSpeedSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(userSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(vrPostParserSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(threadParseRequests.remove(session.getId())).ifPresent(d -> d.cancel(true));
+
+        logger.info(String.format("Connection closed for client id: %s", session.getId()));
+    }
+
+    @Getter
+    private static class WSMessage {
+
+        private String cmd;
+        private String payload;
+
+        enum CMD {
+            POSTS_SUB,
+            POST_DETAILS_SUB,
+            POSTS_UNSUB,
+            POST_DETAILS_UNSUB,
+            GLOBAL_STATE_SUB,
+            GLOBAL_STATE_UNSUB,
+            SPEED_SUB,
+            SPEED_UNSUB,
+            THREAD_PARSING_SUB,
+            THREAD_PARSING_UNSUB,
+            USER_SUB,
+            USER_UNSUB
+        }
+    }
+
+    @Getter
+    private static class LoggedUser {
+
+        private final String type = "user";
+        private String user;
+
+        public LoggedUser(String user) {
+            this.user = user;
+        }
    }
 }
@@ -2,4 +2,7 @@ logging.level.org.springframework.web=INFO
 logging.level.root=INFO
 logging.level.org.apache.http=INFO
 logging.file=${user.dir}/vripper.log
-server.port=${vripper.server.port:8080}
+server.port=${vripper.server.port:8080}
+management.endpoints.web.exposure.include=shutdown
+management.endpoint.shutdown.enabled=true
+endpoints.shutdown.enabled=true
@@ -7,8 +7,17 @@

    <include resource=
                     "org/springframework/boot/logging/logback/console-appender.xml" />
-    <root level="INFO">
+
+    <appender name="ASYNC-FILE" class="ch.qos.logback.classic.AsyncAppender">
        <appender-ref ref="FILE" />
+    </appender>
+
+    <appender name="ASYNC-CONSOLE" class="ch.qos.logback.classic.AsyncAppender">
        <appender-ref ref="CONSOLE" />
+    </appender>
+
+    <root level="INFO">
+        <appender-ref ref="ASYNC-FILE"/>
+        <appender-ref ref="ASYNC-CONSOLE"/>
    </root>
 </configuration>
@@ -1,6 +1,6 @@
 {
  "name": "vripper-ui",
-  "version": "1.4.3",
+  "version": "1.6.2",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@@ -1588,14 +1588,14 @@
      "dev": true
    },
    "ag-grid-angular": {
-      "version": "21.0.1",
-      "resolved": "https://registry.npmjs.org/ag-grid-angular/-/ag-grid-angular-21.0.1.tgz",
-      "integrity": "sha512-o0mhoPXbZDlxLAlwK+LPpBm5/RA6bYHqXV26yfJmx2wZ/khtT7VOiMbe9XAsGskMv+sxuR7G2FkxbxhluZzTnA=="
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/ag-grid-angular/-/ag-grid-angular-21.2.1.tgz",
+      "integrity": "sha512-4bJ7+Gv6AY+MEJACGD16ZKDhQnBrU7wIaXsAwGbShb8jt8xDRhaS9Hf1jnEhY7vaLfYj+zR9vrXGXbTvwTtY2Q=="
    },
    "ag-grid-community": {
-      "version": "21.0.1",
-      "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-21.0.1.tgz",
-      "integrity": "sha512-wqm6W39kImPonjRxHvnt/L6roJLxPXSopXF4pvcE1paxN7S25HNsBgTOB1uaLlQ4/xt3xSpccPbTDqVUnSxrmQ=="
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-21.2.1.tgz",
+      "integrity": "sha512-UmS0j7pOz6SqN++Thg1a82LghW1zKk0k30kpPWxlOzC5On5b8MyKVsYZbGFtpdIHyJlPH3qbkw+PcFWSK168sw=="
    },
    "agent-base": {
      "version": "4.2.1",
@@ -1759,12 +1759,6 @@
      "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
      "dev": true
    },
-    "array-slice": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz",
-      "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=",
-      "dev": true
-    },
    "array-union": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
@@ -2226,31 +2220,59 @@
      "dev": true
    },
    "body-parser": {
-      "version": "1.18.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
-      "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=",
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
+      "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==",
      "dev": true,
      "requires": {
-        "bytes": "3.0.0",
+        "bytes": "3.1.0",
        "content-type": "~1.0.4",
        "debug": "2.6.9",
        "depd": "~1.1.2",
-        "http-errors": "~1.6.3",
-        "iconv-lite": "0.4.23",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
        "on-finished": "~2.3.0",
-        "qs": "6.5.2",
-        "raw-body": "2.3.3",
-        "type-is": "~1.6.16"
+        "qs": "6.7.0",
+        "raw-body": "2.4.0",
+        "type-is": "~1.6.17"
      },
      "dependencies": {
-        "iconv-lite": {
-          "version": "0.4.23",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-          "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.7.2",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+          "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
          "dev": true,
          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3"
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
          }
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+          "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+          "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==",
+          "dev": true
+        },
+        "statuses": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+          "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+          "dev": true
        }
      }
    },
@@ -2637,12 +2659,6 @@
      "integrity": "sha512-oC7/DVAyfcY3UWKm0sN/oVoDedQDQiw/vIiAnuTWTpE5s0zWf7l3WY417Xw/Fbi/QbAjctAkxgMiS9P0s3zkmA==",
      "dev": true
    },
-    "circular-json": {
-      "version": "0.5.9",
-      "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.5.9.tgz",
-      "integrity": "sha512-4ivwqHpIFJZBuhN3g/pEcdbnGUywkBblloGbkglyloVjjR3uT6tieI89MVOfbP2tHX5sgb01FuLgAOzebNlJNQ==",
-      "dev": true
-    },
    "class-utils": {
      "version": "0.3.6",
      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
@@ -2798,15 +2814,6 @@
      "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
      "dev": true
    },
-    "combine-lists": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/combine-lists/-/combine-lists-1.0.1.tgz",
-      "integrity": "sha1-RYwH4J4NkA/Ci3Cj/sLazR0st/Y=",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.5.0"
-      }
-    },
    "combined-stream": {
      "version": "1.0.7",
      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.7.tgz",
@@ -2903,36 +2910,21 @@
      }
    },
    "connect": {
-      "version": "3.6.6",
-      "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz",
-      "integrity": "sha1-Ce/2xVr3I24TcTWnJXSFi2eG9SQ=",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
      "dev": true,
      "requires": {
        "debug": "2.6.9",
-        "finalhandler": "1.1.0",
-        "parseurl": "~1.3.2",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
        "utils-merge": "1.0.1"
      },
      "dependencies": {
-        "finalhandler": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz",
-          "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=",
-          "dev": true,
-          "requires": {
-            "debug": "2.6.9",
-            "encodeurl": "~1.0.1",
-            "escape-html": "~1.0.3",
-            "on-finished": "~2.3.0",
-            "parseurl": "~1.3.2",
-            "statuses": "~1.3.1",
-            "unpipe": "~1.0.0"
-          }
-        },
-        "statuses": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz",
-          "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
+        "parseurl": {
+          "version": "1.3.3",
+          "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+          "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
          "dev": true
        }
      }
@@ -3202,9 +3194,9 @@
      }
    },
    "date-format": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/date-format/-/date-format-1.2.0.tgz",
-      "integrity": "sha1-YV6CjiM90aubua4JUODOzPpuytg=",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-2.1.0.tgz",
+      "integrity": "sha512-bYQuGLeFxhkxNOF3rcMtiZxvCBAquGzZm6oWA1oZ0g2THUzivaRhv8uOhdr19LmoobSOLoIAxeUK2RdbM8IFTA==",
      "dev": true
    },
    "date-now": {
@@ -3518,9 +3510,9 @@
      "dev": true
    },
    "electron": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-5.0.5.tgz",
-      "integrity": "sha512-GzVQhImBX3rSCFPyJ1u1KbxquoidAHzGeCH2FTs3lzAh1H8m4vd7xh6CNC111mT/I8pxFk5D8s3atJlJQLPAeg==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-6.0.4.tgz",
+      "integrity": "sha512-zrPi36etADOAjxnVX6TxRNKSWaBscMLd9S7AB+qISzI0dnYIDKycHpc2mB+5QWBd/8cR4m/1NLNTqNhX5KKGFg==",
      "dev": true,
      "requires": {
        "@types/node": "^10.12.18",
@@ -3529,9 +3521,9 @@
      },
      "dependencies": {
        "@types/node": {
-          "version": "10.14.10",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.14.10.tgz",
-          "integrity": "sha512-V8wj+w2YMNvGuhgl/MA5fmTxgjmVHVoasfIaxMMZJV6Y8Kk+Ydpi1z2whoShDCJ2BuNVoqH/h1hrygnBxkrw/Q==",
+          "version": "10.14.16",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.14.16.tgz",
+          "integrity": "sha512-/opXIbfn0P+VLt+N8DE4l8Mn8rbhiJgabU96ZJ0p9mxOkIks5gh6RUnpHak7Yh0SFkyjO/ODbxsQQPV2bpMmyA==",
          "dev": true
        }
      }
@@ -3879,56 +3871,6 @@
      "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
      "dev": true
    },
-    "expand-braces": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/expand-braces/-/expand-braces-0.1.2.tgz",
-      "integrity": "sha1-SIsdHSRRyz06axks/AMPRMWFX+o=",
-      "dev": true,
-      "requires": {
-        "array-slice": "^0.2.3",
-        "array-unique": "^0.2.1",
-        "braces": "^0.1.2"
-      },
-      "dependencies": {
-        "array-unique": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
-          "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
-          "dev": true
-        },
-        "braces": {
-          "version": "0.1.5",
-          "resolved": "https://registry.npmjs.org/braces/-/braces-0.1.5.tgz",
-          "integrity": "sha1-wIVxEIUpHYt1/ddOqw+FlygHEeY=",
-          "dev": true,
-          "requires": {
-            "expand-range": "^0.1.0"
-          }
-        },
-        "expand-range": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz",
-          "integrity": "sha1-TLjtoJk8pW+k9B/ELzy7TMrf8EQ=",
-          "dev": true,
-          "requires": {
-            "is-number": "^0.1.1",
-            "repeat-string": "^0.2.2"
-          }
-        },
-        "is-number": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/is-number/-/is-number-0.1.1.tgz",
-          "integrity": "sha1-aaevEWlj1HIG7JvZtIoUIW8eOAY=",
-          "dev": true
-        },
-        "repeat-string": {
-          "version": "0.2.2",
-          "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-0.2.2.tgz",
-          "integrity": "sha1-x6jTI2BoNiBZp+RlH8aITosftK4=",
-          "dev": true
-        }
-      }
-    },
    "expand-brackets": {
      "version": "2.1.4",
      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
@@ -4401,9 +4343,9 @@
      }
    },
    "flatted": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.0.tgz",
-      "integrity": "sha512-R+H8IZclI8AAkSBRQJLVOsxwAoHd6WC40b4QTNWIjzAa6BXOBfQcM587MXDTVPeYaopFNWHUFLx7eNmHDSxMWg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.1.tgz",
+      "integrity": "sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==",
      "dev": true
    },
    "flush-write-stream": {
@@ -6075,28 +6017,27 @@
      }
    },
    "karma": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-3.1.4.tgz",
-      "integrity": "sha512-31Vo8Qr5glN+dZEVIpnPCxEGleqE0EY6CtC2X9TagRV3rRQ3SNrvfhddICkJgUK3AgqpeKSZau03QumTGhGoSw==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-4.2.0.tgz",
+      "integrity": "sha512-fmCuxN1rwJxTdZfOXK5LjlmS4Ana/OvzNMpkyLL/TLE8hmgSkpVpMYQ7RTVa8TNKRVQDZNl5W1oF5cfKfgIMlA==",
      "dev": true,
      "requires": {
        "bluebird": "^3.3.0",
        "body-parser": "^1.16.1",
-        "chokidar": "^2.0.3",
+        "braces": "^3.0.2",
+        "chokidar": "^3.0.0",
        "colors": "^1.1.0",
-        "combine-lists": "^1.0.0",
        "connect": "^3.6.0",
-        "core-js": "^2.2.0",
+        "core-js": "^3.1.3",
        "di": "^0.0.1",
        "dom-serialize": "^2.2.0",
-        "expand-braces": "^0.1.1",
        "flatted": "^2.0.0",
        "glob": "^7.1.1",
        "graceful-fs": "^4.1.2",
        "http-proxy": "^1.13.0",
        "isbinaryfile": "^3.0.0",
-        "lodash": "^4.17.5",
-        "log4js": "^3.0.0",
+        "lodash": "^4.17.11",
+        "log4js": "^4.0.0",
        "mime": "^2.3.1",
        "minimatch": "^3.0.2",
        "optimist": "^0.6.1",
@@ -6110,17 +6051,137 @@
        "useragent": "2.3.0"
      },
      "dependencies": {
-        "mime": {
-          "version": "2.4.0",
-          "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.0.tgz",
-          "integrity": "sha512-ikBcWwyqXQSHKtciCcctu9YfPbFYZ4+gbHEmE0Q8jzcTYQg5dHCr3g2wwAZjPoJfQVXZq6KXAjpXOTf5/cjT7w==",
+        "anymatch": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.0.3.tgz",
+          "integrity": "sha512-c6IvoeBECQlMVuYUjSwimnhmztImpErfxJzWZhIQinIvQWoGOnB0dLIgifbPHQt5heS6mNlaZG16f06H3C8t1g==",
+          "dev": true,
+          "requires": {
+            "normalize-path": "^3.0.0",
+            "picomatch": "^2.0.4"
+          }
+        },
+        "binary-extensions": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz",
+          "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
          "dev": true
        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "chokidar": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.0.2.tgz",
+          "integrity": "sha512-c4PR2egjNjI1um6bamCQ6bUNPDiyofNQruHvKgHQ4gDUP/ITSVSzNsiI5OWtHOsX323i5ha/kk4YmOZ1Ktg7KA==",
+          "dev": true,
+          "requires": {
+            "anymatch": "^3.0.1",
+            "braces": "^3.0.2",
+            "fsevents": "^2.0.6",
+            "glob-parent": "^5.0.0",
+            "is-binary-path": "^2.1.0",
+            "is-glob": "^4.0.1",
+            "normalize-path": "^3.0.0",
+            "readdirp": "^3.1.1"
+          }
+        },
+        "core-js": {
+          "version": "3.1.4",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.1.4.tgz",
+          "integrity": "sha512-YNZN8lt82XIMLnLirj9MhKDFZHalwzzrL9YLt6eb0T5D0EDl4IQ90IGkua8mHbnxNrkj1d8hbdizMc0Qmg1WnQ==",
+          "dev": true
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "fsevents": {
+          "version": "2.0.7",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.0.7.tgz",
+          "integrity": "sha512-a7YT0SV3RB+DjYcppwVDLtn13UQnmg0SWZS7ezZD0UjnLwXmy8Zm21GMVGLaFGimIqcvyMQaOJBrop8MyOp1kQ==",
+          "dev": true,
+          "optional": true
+        },
+        "glob-parent": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.0.0.tgz",
+          "integrity": "sha512-Z2RwiujPRGluePM6j699ktJYxmPpJKCfpGA13jz2hmFZC7gKetzrWvg5KN3+OsIFmydGyZ1AVwERCq1w/ZZwRg==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "is-binary-path": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+          "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+          "dev": true,
+          "requires": {
+            "binary-extensions": "^2.0.0"
+          }
+        },
+        "is-glob": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+          "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.1"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
+        "mime": {
+          "version": "2.4.4",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz",
+          "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==",
+          "dev": true
+        },
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
+        },
+        "readdirp": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.1.1.tgz",
+          "integrity": "sha512-XXdSXZrQuvqoETj50+JAitxz1UPdt5dupjT6T5nVB+WvjMv2XKYj+s7hPeAVCXvmJrL36O4YYyWlIC3an2ePiQ==",
+          "dev": true,
+          "requires": {
+            "picomatch": "^2.0.4"
+          }
+        },
        "source-map": {
          "version": "0.6.1",
          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
          "dev": true
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
        }
      }
    },
@@ -6294,9 +6355,9 @@
      }
    },
    "lodash": {
-      "version": "4.17.11",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
-      "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==",
+      "version": "4.17.15",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
      "dev": true
    },
    "lodash.clonedeep": {
@@ -6318,31 +6379,31 @@
      "dev": true
    },
    "log4js": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/log4js/-/log4js-3.0.6.tgz",
-      "integrity": "sha512-ezXZk6oPJCWL483zj64pNkMuY/NcRX5MPiB0zE6tjZM137aeusrOnW1ecxgF9cmwMWkBMhjteQxBPoZBh9FDxQ==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-4.5.1.tgz",
+      "integrity": "sha512-EEEgFcE9bLgaYUKuozyFfytQM2wDHtXn4tAN41pkaxpNjAykv11GVdeI4tHtmPWW4Xrgh9R/2d7XYghDVjbKKw==",
      "dev": true,
      "requires": {
-        "circular-json": "^0.5.5",
-        "date-format": "^1.2.0",
-        "debug": "^3.1.0",
-        "rfdc": "^1.1.2",
-        "streamroller": "0.7.0"
+        "date-format": "^2.0.0",
+        "debug": "^4.1.1",
+        "flatted": "^2.0.0",
+        "rfdc": "^1.1.4",
+        "streamroller": "^1.0.6"
      },
      "dependencies": {
        "debug": {
-          "version": "3.2.6",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
-          "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
          "dev": true,
          "requires": {
            "ms": "^2.1.1"
          }
        },
        "ms": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
          "dev": true
        }
      }
@@ -6753,9 +6814,9 @@
      }
    },
    "mixin-deep": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz",
-      "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
      "dev": true,
      "requires": {
        "for-in": "^1.0.2",
@@ -7782,6 +7843,12 @@
      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
      "dev": true
    },
+    "picomatch": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.0.7.tgz",
+      "integrity": "sha512-oLHIdio3tZ0qH76NybpeneBhYVj0QFTfXEFTc/B3zKQspYfYYkWYgFsmzo+4kvId/bQRcNkVeguI3y+CD22BtA==",
+      "dev": true
+    },
    "pify": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -8264,25 +8331,47 @@
      "dev": true
    },
    "raw-body": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz",
-      "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
+      "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==",
      "dev": true,
      "requires": {
-        "bytes": "3.0.0",
-        "http-errors": "1.6.3",
-        "iconv-lite": "0.4.23",
+        "bytes": "3.1.0",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
        "unpipe": "1.0.0"
      },
      "dependencies": {
-        "iconv-lite": {
-          "version": "0.4.23",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-          "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.7.2",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+          "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
          "dev": true,
          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3"
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
          }
+        },
+        "setprototypeof": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+          "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==",
+          "dev": true
+        },
+        "statuses": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+          "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+          "dev": true
        }
      }
    },
@@ -8633,9 +8722,9 @@
      "dev": true
    },
    "rfdc": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.1.2.tgz",
-      "integrity": "sha512-92ktAgvZhBzYTIK0Mja9uen5q5J3NRVMoDkJL2VMwq6SXjVCgqvQeVP2XAaUY6HT+XpQYeLSjb3UoitBryKmdA==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.1.4.tgz",
+      "integrity": "sha512-5C9HXdzK8EAqN7JDif30jqsBzavB7wLpaubisuQIGHWf2gUXSpzy6ArX/+Da8RjFpagWsCn+pIgxTMAmKw9Zug==",
      "dev": true
    },
    "rimraf": {
@@ -8950,9 +9039,9 @@
      "dev": true
    },
    "set-value": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz",
-      "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
      "dev": true,
      "requires": {
        "extend-shallow": "^2.0.1",
@@ -9652,15 +9741,16 @@
      "dev": true
    },
    "streamroller": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-0.7.0.tgz",
-      "integrity": "sha512-WREzfy0r0zUqp3lGO096wRuUp7ho1X6uo/7DJfTlEi0Iv/4gT7YHqXDjKC2ioVGBZtE8QzsQD9nx1nIuoZ57jQ==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-1.0.6.tgz",
+      "integrity": "sha512-3QC47Mhv3/aZNFpDDVO44qQb9gwB9QggMEE0sQmkTAwBVYdBRWISdsywlkfm5II1Q5y/pmrHflti/IgmIzdDBg==",
      "dev": true,
      "requires": {
-        "date-format": "^1.2.0",
-        "debug": "^3.1.0",
-        "mkdirp": "^0.5.1",
-        "readable-stream": "^2.3.0"
+        "async": "^2.6.2",
+        "date-format": "^2.0.0",
+        "debug": "^3.2.6",
+        "fs-extra": "^7.0.1",
+        "lodash": "^4.17.14"
      },
      "dependencies": {
        "debug": {
@@ -9672,10 +9762,21 @@
            "ms": "^2.1.1"
          }
        },
+        "fs-extra": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+          "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
        "ms": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
          "dev": true
        }
      }
@@ -10311,13 +10412,30 @@
      "dev": true
    },
    "type-is": {
-      "version": "1.6.16",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
-      "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==",
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
      "dev": true,
      "requires": {
        "media-typer": "0.3.0",
-        "mime-types": "~2.1.18"
+        "mime-types": "~2.1.24"
+      },
+      "dependencies": {
+        "mime-db": {
+          "version": "1.40.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
+          "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
+          "dev": true
+        },
+        "mime-types": {
+          "version": "2.1.24",
+          "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
+          "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
+          "dev": true,
+          "requires": {
+            "mime-db": "1.40.0"
+          }
+        }
      }
    },
    "typedarray": {
@@ -10359,38 +10477,15 @@
      "dev": true
    },
    "union-value": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz",
-      "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
      "dev": true,
      "requires": {
        "arr-union": "^3.1.0",
        "get-value": "^2.0.6",
        "is-extendable": "^0.1.1",
-        "set-value": "^0.4.3"
-      },
-      "dependencies": {
-        "extend-shallow": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-          "dev": true,
-          "requires": {
-            "is-extendable": "^0.1.0"
-          }
-        },
-        "set-value": {
-          "version": "0.4.3",
-          "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
-          "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=",
-          "dev": true,
-          "requires": {
-            "extend-shallow": "^2.0.1",
-            "is-extendable": "^0.1.1",
-            "is-plain-object": "^2.0.1",
-            "to-object-path": "^0.3.0"
-          }
-        }
+        "set-value": "^2.0.1"
      }
    },
    "unique-filename": {
@@ -1,12 +1,12 @@
 {
  "name": "vripper-ui",
-  "version": "1.4.3",
+  "version": "1.6.2",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
-    "build-electron": "ng build --base-href ./",
-    "prod": "ng build --prod",
+    "build-electron": "ng build --prod --base-href ./",
+    "build-web": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
@@ -24,8 +24,8 @@
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
-    "ag-grid-angular": "^21.0.1",
-    "ag-grid-community": "^21.0.1",
+    "ag-grid-angular": "^21.2.1",
+    "ag-grid-community": "^21.2.1",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "ngx-electron": "^2.1.1",
@@ -42,10 +42,10 @@
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
-    "electron": "^5.0.5",
+    "electron": "^6.0.4",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.1.1",
+    "karma": "^4.2.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
@@ -5,46 +5,111 @@
  <parent>
    <groupId>tn.mnlr</groupId>
    <artifactId>vripper</artifactId>
-    <version>1.4.3</version>
+    <version>1.6.2</version>
  </parent>
  <artifactId>vripper-ui</artifactId>
  <name>vripper-ui</name>
  <build>
    <plugins>
      <plugin>
-        <groupId>com.github.eirslett</groupId>
-        <artifactId>frontend-maven-plugin</artifactId>
-        <version>1.3</version>
+        <artifactId>maven-jar-plugin</artifactId>
        <configuration>
-          <nodeVersion>v12.2.0</nodeVersion>
-          <npmVersion>6.9.0</npmVersion>
-          <workingDirectory>build-dir</workingDirectory>
+          <classifier>${buildClassifier}</classifier>
        </configuration>
-        <executions>
-          <execution>
-            <id>install node and npm</id>
-            <goals>
-              <goal>install-node-and-npm</goal>
-            </goals>
-          </execution>
-          <execution>
-            <id>npm install</id>
-            <goals>
-              <goal>npm</goal>
-            </goals>
-          </execution>
-          <execution>
-            <id>npm run build</id>
-            <goals>
-              <goal>npm</goal>
-            </goals>
-            <configuration>
-              <arguments>run prod</arguments>
-            </configuration>
-            <phase>generate-resources</phase>
-          </execution>
-        </executions>
      </plugin>
    </plugins>
  </build>
+  <profiles>
+    <profile>
+      <id>web</id>
+      <activation>
+        <activeByDefault>true</activeByDefault>
+      </activation>
+      <properties>
+        <buildClassifier>web</buildClassifier>
+      </properties>
+      <build>
+        <plugins>
+          <plugin>
+            <groupId>com.github.eirslett</groupId>
+            <artifactId>frontend-maven-plugin</artifactId>
+            <version>1.3</version>
+            <configuration>
+              <nodeVersion>v12.2.0</nodeVersion>
+              <npmVersion>6.9.0</npmVersion>
+              <workingDirectory>build-dir</workingDirectory>
+            </configuration>
+            <executions>
+              <execution>
+                <id>install node and npm</id>
+                <goals>
+                  <goal>install-node-and-npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm install</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm run build</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+                <configuration>
+                  <arguments>run build-web</arguments>
+                </configuration>
+                <phase>generate-resources</phase>
+              </execution>
+            </executions>
+          </plugin>
+        </plugins>
+      </build>
+    </profile>
+    <profile>
+      <id>electron</id>
+      <properties>
+        <buildClassifier>electron</buildClassifier>
+      </properties>
+      <build>
+        <plugins>
+          <plugin>
+            <groupId>com.github.eirslett</groupId>
+            <artifactId>frontend-maven-plugin</artifactId>
+            <version>1.3</version>
+            <configuration>
+              <nodeVersion>v12.2.0</nodeVersion>
+              <npmVersion>6.9.0</npmVersion>
+              <workingDirectory>build-dir</workingDirectory>
+            </configuration>
+            <executions>
+              <execution>
+                <id>install node and npm</id>
+                <goals>
+                  <goal>install-node-and-npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm install</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm run build</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+                <configuration>
+                  <arguments>run build-electron</arguments>
+                </configuration>
+                <phase>generate-resources</phase>
+              </execution>
+            </executions>
+          </plugin>
+        </plugins>
+      </build>
+    </profile>
+  </profiles>
 </project>
@@ -1,33 +1,45 @@
 <div fxLayout="column" *ngIf="connecting()" class="overlay loading" fxLayoutAlign="center center">
  <mat-spinner></mat-spinner>
-  <h2>Connecting</h2>
+  <h2>Loading...</h2>
 </div>
 <div fxLayout="column" *ngIf="noConnectionState()" class="overlay no-connection" fxLayoutAlign="center center">
  <mat-icon class="overlay-icon">error</mat-icon>
-  <h2>Connection with the server is closed</h2>
+  <h2>The app seems to be shutdown</h2>
 </div>
 <div [ngClass]="{'electron': electronService.isElectronApp}" id="app-container" fxLayout="column" fxLayoutGap="20px">
  <div id="app-header" fxFlex="nogrow">
-    <mat-toolbar class="mat-elevation-z2" color="primary">
-      <mat-toolbar-row fxLayout="row" fxLayoutAlign="center center">
-        <span id="logo" fxFlex="0 0 48px"></span>
-        <span id="title">Viper Ripper</span>
-        <span fxFlex="grow"></span>
-        <div>
-          <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="settings">
-            <mat-icon>more_vert</mat-icon>
+    <mat-toolbar class="mat-elevation-z8" color="accent">
+      <mat-toolbar-row fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="10px">
+        <div id="left-controls">
+          <button (click)="scan()" class="add-button" color="primary" mat-icon-button>
+            <mat-icon>add</mat-icon>
+          </button>
+          <button (click)="restartAll()" aria-label="Start" mat-icon-button title="Start">
+            <mat-icon>play_arrow</mat-icon>
+          </button>
+          <button (click)="stopAll()" aria-label="Stop" mat-icon-button title="Stop">
+            <mat-icon>stop</mat-icon>
+          </button>
+          <button (click)="clear()" aria-label="Clear completed" mat-icon-button title="Clear completed">
+            <mat-icon>clear_all</mat-icon>
+          </button>
+          <button (click)="remove()" aria-label="Remove All" mat-icon-button title="Remove All">
+            <mat-icon>delete</mat-icon>
+          </button>
+        </div>
+        <span fxFlex="grow" fxLayoutAlign="end center">
+          <p style="font-size: 16px">Logged in as: {{loggedUser.user == null || loggedUser.user === '' ? 'guest': loggedUser.user }}</p>
+        </span>
+        <div id="right-controls">
+          <button (click)="openSettings()" aria-label="settings" mat-icon-button>
+            <mat-icon>menu</mat-icon>
          </button>
-          <mat-menu #menu="matMenu">
-            <button (click)="openSettings()" mat-menu-item>
-              <mat-icon>settings</mat-icon>
-              <span>Settings</span>
-            </button>
-          </mat-menu>
        </div>
      </mat-toolbar-row>
    </mat-toolbar>
  </div>
  <div id="app-body" fxFlex="grow">
    <router-outlet></router-outlet>
+    <app-status-bar style="width: 100%"></app-status-bar>
  </div>
 </div>
@@ -0,0 +1,11 @@
+@import '~@angular/material/theming';
+
+@mixin app-component-theme($theme) {
+
+  $background: map-get($theme, background);
+
+  button.add-button {
+
+    background-color: mat-color($background, background);
+  }
+}
@@ -1,40 +1,59 @@
+import { AppService } from './app.service';
 import { ClipboardService } from './clipboard.service';
 import { ElectronService } from 'ngx-electron';
 import { SettingsComponent } from './settings/settings.component';
-import { Component, OnInit } from '@angular/core';
-import { MatDialog } from '@angular/material';
+import { Component, OnInit, OnDestroy, NgZone, Renderer2, AfterViewInit } from '@angular/core';
+import { MatDialog, MatSnackBar } from '@angular/material';
 import { BreakpointObserver, BreakpointState, Breakpoints } from '@angular/cdk/layout';
-import { Observable } from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
 import { WsConnectionService, WSState } from './ws-connection.service';
+import { LoggedUser } from './common/logged-user.model';
+import { WsHandler } from './ws-handler';
+import { CMD } from './common/cmd.enum';
+import { WSMessage } from './common/ws-message.model';
+import { HttpClient } from '@angular/common/http';
+import { RemoveAllResponse } from './common/remove-all-response.model';
+import { ServerService } from './server-service';
+import { ConfirmDialogComponent } from './common/confirmation-component/confirmation-dialog';
+import { filter, flatMap } from 'rxjs/operators';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
 })
-export class AppComponent implements OnInit {
+export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
  constructor(
    public dialog: MatDialog,
    private breakpointObserver: BreakpointObserver,
    private ws: WsConnectionService,
    public electronService: ElectronService,
-    private clipboardService: ClipboardService
-    ) {
-      this.currentState = WSState.INIT;
-      this.ws.state.subscribe(e => {
-        this.currentState = e;
-        if (this.currentState === WSState.CLOSE || this.currentState === WSState.ERROR) {
-          this.dialog.closeAll();
-        } else if(this.currentState === WSState.OPEN) {
-          this.clipboardService.init();
-        }
-      });
-    }
+    private clipboardService: ClipboardService,
+    private ngZone: NgZone,
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    private _snackBar: MatSnackBar,
+    private renderer: Renderer2,
+    private appService: AppService
+  ) {
+    this.websocketHandlerPromise = this.ws.getConnection();
+  }

+  subscriptions: Subscription[] = [];
+  websocketHandlerPromise: Promise<WsHandler>;
  currentState: WSState;
-
+  themeLoaded = false;
+  loggedUser: LoggedUser = new LoggedUser(null);
  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);

+  ngAfterViewInit() {
+    this.appService.renderer = this.renderer;
+  }
+
+  scan() {
+    this.appService.scan();
+  }
+
  openSettings(): void {
    const dialogRef = this.dialog.open(SettingsComponent, {
      width: '70%',
@@ -61,9 +80,111 @@ export class AppComponent implements OnInit {
  }

  connecting(): boolean {
-    return this.currentState === WSState.INIT || this.currentState === WSState.CONNECTING;
+    return (this.currentState === WSState.INIT || this.currentState === WSState.CONNECTING) && !this.themeLoaded ;
  }

  ngOnInit() {
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      console.log('Connecting to user stream');
+      this.subscriptions.push(
+        handler.subscribeForUser((e: LoggedUser[]) => {
+          this.ngZone.run(() => {
+            this.loggedUser = e[0];
+          });
+        })
+      );
+      handler.send(new WSMessage(CMD.USER_SUB.toString()));
+    });
+    this.currentState = WSState.INIT;
+    this.ws.state.subscribe(e => {
+      this.currentState = e;
+      if (this.currentState === WSState.CLOSE || this.currentState === WSState.ERROR) {
+        this.dialog.closeAll();
+      } else if (this.currentState === WSState.OPEN) {
+        this.clipboardService.init();
+        this.appService
+          .loadTheme()
+          .subscribe(() => this.ngZone.run(() => this.themeLoaded = true));
+      }
+    });
+  }
+
+  clear() {
+    this.ngZone.run(() => {
+      this.httpClient.post<RemoveAllResponse>(this.serverService.baseUrl + '/post/clear/all', {}).subscribe(
+        data => {
+          this._snackBar.open(`${data.removed} items cleared`, null, { duration: 5000 });
+        },
+        error => {
+          this._snackBar.open(error.error, null, {
+            duration: 5000
+          });
+        }
+      );
+    });
+  }
+
+  remove() {
+    this.ngZone.run(() => {
+      this.dialog
+        .open(ConfirmDialogComponent, {
+          maxHeight: '100vh',
+          maxWidth: '100vw',
+          height: '200px',
+          width: '60%',
+          data: { header: 'Confirmation', content: 'Are you sure you want to remove all items ?' }
+        })
+        .afterClosed()
+        .pipe(
+          filter(e => e === 'yes'),
+          flatMap(e => this.httpClient.post<RemoveAllResponse>(this.serverService.baseUrl + '/post/remove/all', {}))
+        )
+        .subscribe(
+          data => {
+            this._snackBar.open(`${data.removed} items removed`, null, { duration: 5000 });
+          },
+          error => {
+            this._snackBar.open(error.error, null, {
+              duration: 5000
+            });
+          }
+        );
+    });
+  }
+
+  stopAll() {
+    this.ngZone.run(() => {
+      this.httpClient.post(this.serverService.baseUrl + '/post/stop/all', {}).subscribe(
+        () => {
+          this._snackBar.open(`Download stopped`, null, { duration: 5000 });
+        },
+        error => {
+          this._snackBar.open(error.error, null, {
+            duration: 5000
+          });
+        }
+      );
+    });
+  }
+
+  restartAll() {
+    this.ngZone.run(() => {
+      this.httpClient.post(this.serverService.baseUrl + '/post/restart/all', {}).subscribe(
+        () => {
+          this._snackBar.open(`Download started`, null, { duration: 5000 });
+        },
+        error => {
+          this._snackBar.open(error.error, null, {
+            duration: 5000
+          });
+        }
+      );
+    });
+  }
+
+  ngOnDestroy() {
+    this.subscriptions.forEach(e => {
+      e.unsubscribe();
+    });
  }
 }
@@ -1,3 +1,4 @@
+import { AppPreviewDirective } from './common/preview-tooltip.directive';
 import { WsConnectionService } from './ws-connection.service';
 import { AppService } from './app.service';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -13,7 +14,6 @@ import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { AgGridModule } from 'ag-grid-angular';
 import { PostProgressRendererComponent } from './posts/post-progress.renderer.component';
-import { MenuRendererComponent } from './posts/menu.renderer.component';
 import { PostDetailsProgressRendererComponent } from './post-detail/post-details-progress.component';
 import { LoginComponent } from './login/login.component';
 import { XhrInterceptorService } from './xhr-interceptor.service';
@@ -23,6 +23,14 @@ import { SettingsComponent } from './settings/settings.component';
 import { NgxElectronModule } from 'ngx-electron';
 import { ServerService } from './server-service';
 import { ConfirmDialogComponent } from './common/confirmation-component/confirmation-dialog';
+import { SharedService } from './posts/shared.service';
+import { MultiPostComponent } from './multi-post/multi-post.component';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { AppPreviewComponent } from './common/preview-tooltip.component';
+import { UrlRendererComponent } from './multi-post/url-renderer.component';
+import { FilterComponent } from './filter/filter.component';
+import { ScanComponent } from './scan/scan.component';
+import { StatusBarComponent } from './status-bar/status-bar.component';

@NgModule({
  declarations: [
@@ -30,17 +38,26 @@ import { ConfirmDialogComponent } from './common/confirmation-component/confirma
    PostsComponent,
    PostDetailComponent,
    PostProgressRendererComponent,
-    MenuRendererComponent,
    PostDetailsProgressRendererComponent,
    LoginComponent,
    HomeComponent,
    SettingsComponent,
-    ConfirmDialogComponent
+    ConfirmDialogComponent,
+    MultiPostComponent,
+    AppPreviewComponent,
+    AppPreviewDirective,
+    UrlRendererComponent,
+    FilterComponent,
+    ScanComponent,
+    StatusBarComponent
  ],
  entryComponents: [
    PostDetailComponent,
    SettingsComponent,
-    ConfirmDialogComponent
+    ConfirmDialogComponent,
+    // MultiPostComponent,
+    AppPreviewComponent,
+    ScanComponent
  ],
  imports: [
    BrowserAnimationsModule,
@@ -51,9 +68,20 @@ import { ConfirmDialogComponent } from './common/confirmation-component/confirma
    AppRoutingModule,
    NgxElectronModule,
    ReactiveFormsModule,
-    AgGridModule.withComponents([PostProgressRendererComponent, MenuRendererComponent, PostDetailsProgressRendererComponent])
+    AgGridModule.withComponents([
+      PostProgressRendererComponent,
+      PostDetailsProgressRendererComponent,
+      UrlRendererComponent
+    ]),
+    OverlayModule
+  ],
+  providers: [
+    AppService,
+    WsConnectionService,
+    { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptorService, multi: true },
+    ServerService,
+    SharedService
  ],
-  providers: [AppService, WsConnectionService, { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptorService, multi: true }, ServerService],
  bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule {}
@@ -1,8 +1,79 @@
-import { Injectable } from '@angular/core';
+import { MatDialog } from '@angular/material';
+import { HttpClient } from '@angular/common/http';
+import { Injectable, Renderer2, NgZone } from '@angular/core';
+import { ServerService } from './server-service';
+import { tap } from 'rxjs/operators';
+import { ScanComponent } from './scan/scan.component';
+import { Observable } from 'rxjs';
+import { BreakpointState, Breakpoints, BreakpointObserver } from '@angular/cdk/layout';

@Injectable()
 export class AppService {
+  constructor(
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    public dialog: MatDialog,
+    private breakpointObserver: BreakpointObserver,
+  ) {}

-  constructor() {
+  darkTheme = false;
+  _renderer: Renderer2;
+  set renderer(renderer: Renderer2) {
+    this._renderer = renderer;
+  }
+
+  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
+  isScanOpen = false;
+
+  updateTheme(darkTheme: boolean) {
+    this.darkTheme = darkTheme;
+    if (this.darkTheme) {
+      this._renderer.addClass(document.body, 'dark-theme');
+      this._renderer.removeClass(document.body, 'light-theme');
+    } else {
+      this._renderer.addClass(document.body, 'light-theme');
+      this._renderer.removeClass(document.body, 'dark-theme');
+    }
+    this.httpClient
+      .post<Theme>(this.serverService.baseUrl + '/settings/theme', {
+        darkTheme: this.darkTheme
+      })
+      .subscribe();
+  }
+
+  loadTheme() {
+    return this.httpClient
+      .get<Theme>(this.serverService.baseUrl + '/settings/theme')
+      .pipe(tap(theme => this.updateTheme(theme.darkTheme)));
+  }
+
+  scan(url?: string) {
+
+    const scanDialog = this.dialog.open(ScanComponent, {
+      width: '70%',
+      height: '70%',
+      maxWidth: '100vw',
+      maxHeight: '100vh',
+      data: {url: url}
+    });
+
+    const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
+      if (result.matches) {
+        scanDialog.updateSize('100%', '100%');
+      } else {
+        scanDialog.updateSize('70%', '70%');
+      }
+    });
+
+    scanDialog.afterOpened().subscribe(() => this.isScanOpen = true);
+
+    scanDialog.afterClosed().subscribe(() => {
+      smallDialogSubscription.unsubscribe();
+      this.isScanOpen = false;
+    });
  }
 }
+
+export interface Theme {
+  darkTheme: boolean;
+}
@@ -12,6 +12,7 @@ import { ServerService } from './server-service';
 export class ClipboardService {
  private links$: Subject<string> = new Subject();
  private interval: NodeJS.Timer;
+  private lastText = '';
  constructor(
    private electronService: ElectronService,
    private serverService: ServerService,
@@ -47,12 +48,11 @@ export class ClipboardService {
    }

    const clipboard: Clipboard = this.electronService.clipboard;
-    let lastText = '';
    this.interval = setInterval(() => {
      const text = clipboard.readText();

-      if (this.textHasDiff(text, lastText)) {
-        lastText = text;
+      if (this.textHasDiff(text, this.lastText)) {
+        this.lastText = text;
        if (text.indexOf('https://vipergirls.to/threads') !== -1) {
          this.links$.next(text);
        }
@@ -1,6 +1,14 @@
 export enum CMD {
    POSTS_SUB = 'POSTS_SUB',
    POST_DETAILS_SUB = 'POST_DETAILS_SUB',
+    GLOBAL_STATE_SUB = 'GLOBAL_STATE_SUB',
+    SPEED_SUB = 'SPEED_SUB',
+    USER_SUB = 'USER_SUB',
+    THREAD_PARSING_SUB = 'THREAD_PARSING_SUB',
    POSTS_UNSUB = 'POSTS_UNSUB',
-    POST_DETAILS_UNSUB = 'POST_DETAILS_UNSUB'
+    POST_DETAILS_UNSUB = 'POST_DETAILS_UNSUB',
+    GLOBAL_STATE_UNSUB = 'GLOBAL_STATE_UNSUB',
+    SPEED_UNSUB = 'SPEED_UNSUB',
+    USER_UNSUB = 'USER_UNSUB',
+    THREAD_PARSING_UNSUB = 'THREAD_PARSING_UNSUB'
 }
@@ -0,0 +1,3 @@
+export interface DownloadPath {
+    path: string;
+}
@@ -0,0 +1,3 @@
+export class DownloadSpeed {
+    constructor(public speed: string) {}
+}
@@ -0,0 +1,3 @@
+export class GlobalState {
+    constructor(public running: number, public queued: number,  public remaining: number,  public error: number) {}
+}
@@ -0,0 +1,3 @@
+export class LoggedUser {
+    constructor(public user: string) {}
+}
@@ -1,3 +0,0 @@
-export interface ParseResponse {
-    parsed: number;
-}
@@ -0,0 +1,37 @@
+import { Component, Input } from '@angular/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+
+@Component({
+  selector: 'app-preview',
+  template: `
+  <div class="previews" style="display: inline-block; white-space: nowrap;">
+    <ng-container *ngFor="let link of links">
+      <img
+        [@simpleFadeAnimation]="'in'"
+        class="mat-elevation-z8"
+        [src]="link"
+      />
+    </ng-container>
+  </div>
+  `,
+  styles: [
+    `
+      img {
+        max-height: 200px;
+        max-width: 200px;
+        margin-left: 5px;
+        border: 1px solid #900000;
+      }
+    `
+  ],
+  animations: [
+    trigger('simpleFadeAnimation', [
+      state('in', style({ opacity: 1 })),
+
+      transition(':enter', [style({ opacity: 0 }), animate(300)])
+    ])
+  ]
+})
+export class AppPreviewComponent {
+  @Input() links: string[] = [];
+}
@@ -0,0 +1,44 @@
+import { AppPreviewComponent } from './preview-tooltip.component';
+import { Directive, Input, HostListener, ComponentRef, OnInit, ElementRef, NgZone } from '@angular/core';
+import { OverlayRef, Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+@Directive({ selector: '[appPreview]' })
+export class AppPreviewDirective implements OnInit {
+  private overlayRef: OverlayRef;
+  tooltipPortal = new ComponentPortal(AppPreviewComponent);
+
+  @Input() appPreview: string[];
+
+  constructor(private overlayPositionBuilder: OverlayPositionBuilder,
+    private elementRef: ElementRef,
+    private overlay: Overlay,
+    private ngZone: NgZone) {}
+
+  ngOnInit() {
+    const positionStrategy = this.overlayPositionBuilder
+    .flexibleConnectedTo(this.elementRef)
+    .withPositions([{
+      originX: 'center',
+      originY: 'top',
+      overlayX: 'center',
+      overlayY: 'bottom',
+    }]);
+    this.overlayRef = this.overlay.create({ positionStrategy });
+  }
+
+  @HostListener('mouseenter')
+  show() {
+    this.ngZone.run(() => {
+      const tooltipRef: ComponentRef<AppPreviewComponent> = this.overlayRef.attach(this.tooltipPortal);
+      tooltipRef.instance.links = this.appPreview;
+    });
+  }
+
+  @HostListener('mouseout')
+  hide() {
+    this.ngZone.run(() => {
+      this.overlayRef.detach();
+    });
+  }
+}
@@ -0,0 +1,15 @@
+export class VRPostParse {
+  constructor(
+    public threadId: string,
+    public postId: string,
+    public number: number,
+    public title: string,
+    public imageCount: number,
+    public url: string,
+    public previews: string[]
+  ) {}
+}
+
+export class VRThreadParseState {
+  constructor(public threadId: string, public state: string) {}
+}
@@ -0,0 +1,3 @@
+<mat-chip-list>
+  <mat-chip (click)="select(c)" *ngFor="let c of criteria" [selected]="c.selected" color="accent">{{c.value}}</mat-chip>
+</mat-chip-list>
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FilterComponent } from './filter.component';
+
+describe('FilterComponent', () => {
+  let component: FilterComponent;
+  let fixture: ComponentFixture<FilterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FilterComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FilterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-filter',
+  templateUrl: './filter.component.html',
+  styleUrls: ['./filter.component.scss']
+})
+export class FilterComponent implements OnInit {
+
+  constructor() { }
+
+  criteria = [
+    {value: 'All', selected: true},
+    {value: 'Downloading', selected: false},
+    {value: 'Completed', selected: false},
+    {value: 'Error', selected: false},
+  ];
+
+  select(chip: {value: string, selected: boolean}) {
+    this.criteria.forEach(e => e.selected = false);
+    chip.selected = true;
+  }
+
+  ngOnInit() {
+  }
+}
@@ -1,36 +1,11 @@
 <div *ngIf="loading" class="overlay loading" fxLayout="row" fxLayoutAlign="center center">
-  <mat-spinner></mat-spinner>
+  <mat-progress-spinner [mode]="spinnerMode" [value]="spinnerValue" style="position: absolute;"></mat-progress-spinner>
 </div>
 <div fxLayout="column" fxLayoutGap="10px" style="height: 100%">
-  <div fxFlex="nogrow">
-    <form
-      #f="ngForm"
-      (ngSubmit)="submit(f)"
-      autocomplete="off"
-      fxLayout="row"
-      fxLayoutAlign="center center"
-      fxLayoutGap="20px"
-    >
-      <mat-form-field fxFlex="grow">
-        <input [(ngModel)]="input" matInput name="url" placeholder="Put a vipergirls.to link" required/>
-      </mat-form-field>
-      <div>
-        <button type="submit" mat-raised-button color="primary" [disabled]="f.invalid">Grab</button>
-      </div>
-    </form>
-  </div>
-  <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="10px">
-    <button (click)="clear()" aria-label="Clear completed" color="primary" mat-stroked-button title="Clear completed">
-      Clear completed
-      <mat-icon>clear_all</mat-icon>
-    </button>
-    <button (click)="remove()" aria-label="Remove All" color="primary" mat-stroked-button title="Remove All">
-      Remove All
-      <mat-icon>delete_forever</mat-icon>
-    </button>
-  </div>
-  <div fxLayout="column" fxFlex="grow">
-    <app-posts [ngStyle]="{'height': electronService.isElectronApp ? 'calc(100% - 27px)' : '100%'}" fxFlex="nogrow"
-               style="width: 100%; overflow-x: hidden"></app-posts>
+  <div [fxFlex]="electronService.isElectronApp ? '0 0 calc(100% - 117px)' : '0 0 calc(100% - 90px)'">
+    <app-posts
+      [ngStyle]="{ height: electronService.isElectronApp ? 'calc(100% - 37px)' : '100%' }"
+      style="width: 100%;"
+    ></app-posts>
  </div>
 </div>
@@ -1,122 +1,57 @@
+import { AppService } from './../app.service';
 import { ElectronService } from 'ngx-electron';
 import { ClipboardService } from './../clipboard.service';
-import { ParseResponse } from './../common/parse-response.model';
-import { Component, OnInit, ViewChild, Inject } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { finalize, filter, flatMap } from 'rxjs/operators';
-import { MatSnackBar, MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material';
-import { NgForm } from '@angular/forms';
-import { ServerService } from '../server-service';
-import { RemoveAllResponse } from '../common/remove-all-response.model';
-import { PostsComponent } from '../posts/posts.component';
-import { ConfirmDialogComponent } from '../common/confirmation-component/confirmation-dialog';
+import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
+import { MatDialog, MatSnackBar } from '@angular/material';
+import { WsConnectionService } from '../ws-connection.service';
+import { WsHandler } from '../ws-handler';
+import { Subscription } from 'rxjs';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
 })
-export class HomeComponent implements OnInit {
+export class HomeComponent implements OnInit, OnDestroy {
+
+  loading = false;
+  spinnerMode = 'indeterminate';
+  spinnerValue = 0;
+
+  parseEndSubscription: Subscription;
+
  constructor(
-    private httpClient: HttpClient,
-    private _snackBar: MatSnackBar,
-    private serverService: ServerService,
    private clipboardService: ClipboardService,
    public dialog: MatDialog,
-    public electronService: ElectronService
+    public electronService: ElectronService,
+    private wsConnectionService: WsConnectionService,
+    private appService: AppService,
+    private _snackBar: MatSnackBar,
+    private ngZone: NgZone
  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+  }
+
+  websocketHandlerPromise: Promise<WsHandler>;
+
+  ngOnInit() {
    this.clipboardService.links.subscribe(e => {
-      this.loading = true;
-      this.httpClient
-        .post<ParseResponse>(this.serverService.baseUrl + '/clipboard/post', { url: e })
-        .pipe(
-          finalize(() => {
-            this.loading = false;
-          })
-        )
-        .subscribe(
-          data => {
-            this._snackBar.open(`${data.parsed} posts parsed`, null, { duration: 5000 });
-          },
-          error => {
-            this._snackBar.open(error.error, null, {
-              duration: 5000
-            });
-          }
-        );
+      this.ngZone.run(() => {
+        if (this.appService.isScanOpen) {
+          this._snackBar.open(e + ' was not processed, the app is busy parsing another thread', null, {
+            duration: 5000
+          });
+          return;
+        }
+        this.appService.scan(e);
+      });
    });
  }

-  @ViewChild(PostsComponent)
-  private postsComponent: PostsComponent;
-
-  loading = false;
-  input: string;
-
-  ngOnInit() {}
-
-  submit(form: NgForm) {
-    this.loading = true;
-    this.httpClient
-      .post<ParseResponse>(this.serverService.baseUrl + '/post', { url: this.input })
-      .pipe(
-        finalize(() => {
-          this.loading = false;
-          this.input = null;
-          form.resetForm();
-        })
-      )
-      .subscribe(
-        data => {
-          this._snackBar.open(`${data.parsed} posts parsed`, null, { duration: 5000 });
-        },
-        error => {
-          this._snackBar.open(error.error, null, {
-            duration: 5000
-          });
-        }
-      );
+  view(chip) {
+    console.log(chip);
  }

-  clear() {
-    this.httpClient.post<RemoveAllResponse>(this.serverService.baseUrl + '/post/clear/all', {}).subscribe(
-      data => {
-        this.postsComponent.removeRows(data.postIds);
-        this._snackBar.open(`${data.removed} items cleared`, null, { duration: 5000 });
-      },
-      error => {
-        this._snackBar.open(error.error, null, {
-          duration: 5000
-        });
-      }
-    );
-  }
-
-  remove() {
-
-    this.dialog
-    .open(ConfirmDialogComponent, {
-      maxHeight: '100vh',
-      maxWidth: '100vw',
-      height: '200px',
-      width: '60%',
-      data: {header: 'Confirmation', content: 'Are you sure you want to remove all items ?'}
-    })
-    .afterClosed()
-    .pipe(
-      filter(e => e === 'yes'),
-      flatMap(e => this.httpClient.post<RemoveAllResponse>(this.serverService.baseUrl + '/post/remove/all', {}))
-    )
-    .subscribe(
-      data => {
-        this.postsComponent.removeRows(data.postIds);
-        this._snackBar.open(`${data.removed} items removed`, null, { duration: 5000 });
-      },
-      error => {
-        this._snackBar.open(error.error, null, {
-          duration: 5000
-        });
-      }
-    );
+  ngOnDestroy() {
  }
 }
@@ -14,7 +14,9 @@ import {
    MatSlideToggleModule,
    MatSnackBarModule,
    MatSnackBar,
-    MatTabsModule
+    MatTabsModule,
+    MatDividerModule,
+    MatChipsModule
 } from '@angular/material';

@NgModule({
@@ -32,7 +34,9 @@ import {
        MatCardModule,
        MatSlideToggleModule,
        MatSnackBarModule,
-        MatTabsModule
+        MatTabsModule,
+        MatDividerModule,
+        MatChipsModule
    ],
    providers: [MatSnackBar]
 })
@@ -0,0 +1,14 @@
+<div fxLayout="column" style="height: 100%;">
+  <div fxFlex="nogrow">
+    <form autocomplete="off" fxLayout="row" fxLayoutAlign="left center" fxLayoutGap="20px">
+      <mat-form-field fxFlex="1 1 50%">
+        <input (ngModelChange)="search($event)" matInput name="search" ngModel placeholder="Search"/>
+      </mat-form-field>
+    </form>
+  </div>
+  <ag-grid-angular [gridOptions]="gridOptions" class="ag-theme-material" style="width: 100%; height: 100%;">
+  </ag-grid-angular>
+  <div style="height: 4px; width: 100%; padding: 5px 0 0">
+    <mat-progress-bar *ngIf="loading" mode="indeterminate"></mat-progress-bar>
+  </div>
+</div>
@@ -0,0 +1,9 @@
+$cell-space: 8px;
+
+.title-cell {
+    margin-right: $cell-space;
+}
+
+.progress-cell {
+    margin-left: $cell-space;
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MultiPostComponent } from './multi-post.component';
+
+describe('MultiPostComponent', () => {
+  let component: MultiPostComponent;
+  let fixture: ComponentFixture<MultiPostComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MultiPostComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MultiPostComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,160 @@
+import { VRPostParse, VRThreadParseState } from './../common/vr-post-parse.model';
+import { Component, OnInit, NgZone, OnDestroy, Input, Output, EventEmitter } from '@angular/core';
+import { MatSnackBar } from '@angular/material';
+import { GridOptions } from 'ag-grid-community';
+import { UrlRendererComponent } from './url-renderer.component';
+import { WsHandler } from '../ws-handler';
+import { Subscription } from 'rxjs';
+import { WSMessage } from '../common/ws-message.model';
+import { CMD } from '../common/cmd.enum';
+import { WsConnectionService } from '../ws-connection.service';
+import { HttpClient } from '@angular/common/http';
+import { ServerService } from '../server-service';
+
+@Component({
+  selector: 'app-multi-post',
+  templateUrl: './multi-post.component.html',
+  styleUrls: ['./multi-post.component.scss']
+})
+export class MultiPostComponent implements OnInit, OnDestroy {
+
+  @Input()
+  threadId: string;
+
+  @Output()
+  done: EventEmitter<boolean> = new EventEmitter();
+
+  gridOptions: GridOptions;
+  websocketHandlerPromise: Promise<WsHandler>;
+  subscription: Subscription;
+  loading = true;
+
+  constructor(
+    private ngZone: NgZone,
+    private _snackBar: MatSnackBar,
+    private wsConnectionService: WsConnectionService,
+    private httpClient: HttpClient,
+    private serverService: ServerService
+  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+  }
+
+  ngOnInit(): void {
+    this.gridOptions = <GridOptions>{
+      columnDefs: [
+        {
+          headerName: 'Number',
+          field: 'number',
+          cellClass: 'no-padding',
+          maxWidth: 100,
+          checkboxSelection: true,
+          headerCheckboxSelection: true,
+          headerCheckboxSelectionFilteredOnly: false,
+          sort: 'asc'
+        },
+        {
+          headerName: 'Title',
+          field: 'title',
+          cellClass: 'no-padding'
+        },
+        {
+          headerName: 'URL',
+          field: 'url',
+          cellClass: 'no-padding',
+          cellRenderer: 'urlCellRenderer'
+        }
+      ],
+      defaultColDef: {
+        sortable: true
+      },
+      frameworkComponents: {
+        urlCellRenderer: UrlRendererComponent
+      },
+      rowSelection: 'multiple',
+      rowMultiSelectWithClick: true,
+      suppressRowClickSelection: true,
+      rowHeight: 48,
+      animateRows: true,
+      rowData: [],
+      overlayLoadingTemplate: '<span></span>',
+      overlayNoRowsTemplate: '<span></span>',
+      getRowNodeId: data => data['url'],
+      onGridReady: () => {
+        this.gridOptions.api.sizeColumnsToFit();
+        this.connect();
+      },
+      onGridSizeChanged: () => this.gridOptions.api.sizeColumnsToFit(),
+      onRowDataUpdated: () => this.gridOptions.api.sizeColumnsToFit()
+    };
+  }
+
+  ngOnDestroy() {
+    this.unsubscribe();
+  }
+
+  search(event) {
+    this.gridOptions.api.setQuickFilter(event);
+  }
+
+  private unsubscribe() {
+    if (this.subscription != null) {
+      this.subscription.unsubscribe();
+    }
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      handler.send(new WSMessage(CMD.THREAD_PARSING_UNSUB.toString()));
+    });
+  }
+
+  connect() {
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      console.log('Connecting to thread parsing');
+      this.subscription = handler.subscribeForThreadParsing(
+        (states: Array<VRThreadParseState>, data: Array<VRPostParse>) => {
+          if (data[0].threadId === this.threadId) {
+            this.gridOptions.api.updateRowData({ add: data });
+          }
+
+          if (states.length > 0 && states[states.length - 1].state === 'END' && states[0].threadId === this.threadId) {
+            this.ngZone.run(() => {
+              this.loading = false;
+              if (this.gridOptions.api.getDisplayedRowCount() === 1) {
+                this.addPosts(
+                  [this.gridOptions.api.getDisplayedRowAtIndex(0).data].map(e => ({
+                    threadId: e.threadId,
+                    postId: e.postId
+                  }))
+                );
+                this.done.emit(true);
+              }
+            });
+          }
+        }
+      );
+      handler.send(new WSMessage(CMD.THREAD_PARSING_SUB.toString(), this.threadId));
+    });
+  }
+
+  submit() {
+    const data = (<VRPostParse[]>this.gridOptions.api.getSelectedRows()).map(e => ({
+      postId: e.postId,
+      threadId: this.threadId
+    }));
+    this.addPosts(data);
+  }
+
+  addPosts(data: { postId: string; threadId: string }[]) {
+    this.httpClient.post(this.serverService.baseUrl + '/post/add', data).subscribe(
+      () => {
+        this._snackBar.open('Adding posts to queue', null, {
+          duration: 5000
+        });
+        this.done.emit();
+      },
+      error => {
+        this._snackBar.open(error.error, null, {
+          duration: 5000
+        });
+      }
+    );
+  }
+}
@@ -0,0 +1,41 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { AgRendererComponent } from 'ag-grid-angular';
+import { ICellRendererParams } from 'ag-grid-community';
+import { VRPostParse } from '../common/vr-post-parse.model';
+import { ElectronService } from 'ngx-electron';
+
+@Component({
+  selector: 'app-url-cell',
+  template: `
+    <a href="javascript:void(0)" [appPreview]="postResult.previews" (click)="goTo()"
+      >https://vipergirls/threads/?p={{ postResult.postId }}</a
+    >
+  `
+})
+export class UrlRendererComponent implements OnInit, OnDestroy, AgRendererComponent {
+  constructor(public electronService: ElectronService) {}
+
+  postResult: VRPostParse;
+  params: ICellRendererParams;
+
+  ngOnInit(): void {}
+
+  ngOnDestroy(): void {}
+
+  agInit(params: ICellRendererParams): void {
+    this.params = params;
+    this.postResult = this.params.data;
+  }
+
+  refresh(params: ICellRendererParams): boolean {
+    return false;
+  }
+
+  goTo() {
+    if (this.electronService.isElectronApp) {
+      this.electronService.shell.openExternal(this.postResult.url);
+    } else {
+      window.open(this.postResult.url, '_blank');
+    }
+  }
+}
@@ -1,7 +1,7 @@
 import { PostDetailsProgressRendererComponent } from './post-details-progress.component';
 import { WsConnectionService } from './../ws-connection.service';
-import { Component, OnInit, ViewChild, Inject, OnDestroy, NgZone } from '@angular/core';
-import { MatSort, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { Component, OnInit, Inject, OnDestroy, NgZone } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 import { PostDetailsDataSource } from './post-details.datasource';
 import { PostState } from '../posts/post-state.model';
 import { GridOptions } from 'ag-grid-community';
@@ -25,12 +25,12 @@ export class PostDetailComponent implements OnInit, OnDestroy {
          headerName: 'URL',
          field: 'url',
          sortable: true,
-          tooltipField: 'url',
          cellRenderer: 'progressCellRenderer',
          cellClass: 'no-padding'
        }
      ],
      rowHeight: 48,
+      animateRows: true,
      rowData: [],
      frameworkComponents: {
        progressCellRenderer: PostDetailsProgressRendererComponent
@@ -0,0 +1,27 @@
+<div class="container" style="height: 100%; background-color: white">
+  <div
+    class="progress-bar-back"
+    style="position: relative; height: 100%;"
+  >
+    <div
+      class="progress-foreground"
+      fxLayout="row"
+      fxLayoutAlign="space-between"
+      style="background-color: transparent; width: 100%; height: 100%;"
+    >
+      <div class="progress-bar" style="position: absolute; width: 100%; top: 37px; padding: 0 20px">
+        <mat-progress-bar [value]="postDetails.progress" class="example-margin" color="primary" mode="determinate">
+        </mat-progress-bar>
+      </div>
+      <span fxLayout="row">
+        <span style="padding-left: 20px"
+        ><a (click)="goTo()" href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.87);">{{
+            postDetails.url
+          }}</a></span
+        >
+        <span class="filler" fxFlex="grow"></span>
+      </span>
+      <span class="progress-percentage" style="padding-right: 20px">{{ trunc(postDetails.progress) + '%' }}</span>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+
+@mixin post-detail-renderer-component-theme($theme) {
+  $blue: mat-palette($mat-blue);
+
+  .progress-bar .mat-progress-bar-fill::after {
+    background-color: mat-color($blue, 300);
+  }
+
+  .progress-bar .mat-progress-bar-buffer {
+    background-color: mat-color($blue, 100);
+  }
+}
@@ -5,71 +5,19 @@ import { Subscription } from 'rxjs';
 import { PostDetails } from './post-details.model';
 import { WsHandler } from '../ws-handler';
 import { ICellRendererParams } from 'ag-grid-community';
+import { ElectronService } from 'ngx-electron';

@Component({
-  selector: 'app-progress-cell',
-  template: `
-    <div style="height: 100%;">
-      <div
-        class="progress-bar"
-        [ngClass]="{
-          complete: postDetails.status === 'COMPLETE',
-          downloading: postDetails.status === 'DOWNLOADING'
-        }"
-        [style.width]="trunc(postDetails.progress) + '%'"
-      ></div>
-      <div
-        class="progress-bar-back"
-        fxLayout="row"
-        fxLayoutAlign="space-between"
-        [ngClass]="{
-          error: postDetails.status === 'ERROR',
-          stopped: postDetails.status === 'STOPPED',
-          pending: postDetails.status === 'PENDING'
-        }"
-      >
-        <div>{{ postDetails.url }}</div>
-        <div>{{ trunc(postDetails.progress) + '%' }}</div>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .progress-bar-back {
-        position: relative;
-        height: 45px;
-        bottom: 45px;
-        padding: 0 8px;
-        transition: background-color 0.5s;
-      }
-      .progress-bar {
-        background-color: #87a2c7;
-        height: 100%;
-        transition: width 0.5s, background-color 0.5s;
-      }
-      .complete {
-        background-color: #3865a3;
-      }
-      .pending {
-        background-color: white;
-      }
-      .error {
-        background-color: #eb6060;
-      }
-      .downloading {
-        background-color: #87a2c7;
-      }
-      .stopped {
-        background-color: grey;
-      }
-    `
-  ]
+  selector: 'app-details-cell',
+  templateUrl: 'post-details-progress.component.html',
+  styleUrls: ['post-details-progress.component.scss']
 })
 export class PostDetailsProgressRendererComponent implements AgRendererComponent, OnInit, OnDestroy {
  constructor(
    private wsConnectionService: WsConnectionService,
-    private zone: NgZone
-    ) {
+    private zone: NgZone,
+    public electronService: ElectronService
+  ) {
    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
  }

@@ -96,8 +44,18 @@ export class PostDetailsProgressRendererComponent implements AgRendererComponent
    });
  }

+  goTo() {
+    if (this.electronService.isElectronApp) {
+      this.electronService.shell.openExternal(this.postDetails.url);
+    } else {
+      window.open(this.postDetails.url, '_blank');
+    }
+  }
+
  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
+    if (this.subscription != null) {
+      this.subscription.unsubscribe();
+    }
  }

  agInit(params: ICellRendererParams): void {
@@ -106,7 +64,6 @@ export class PostDetailsProgressRendererComponent implements AgRendererComponent
  }

  refresh(params: ICellRendererParams): boolean {
-    this.postDetails = params.data;
-    return true;
+    return false;
  }
 }
@@ -1,187 +0,0 @@
-import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
-import { AgRendererComponent } from 'ag-grid-angular';
-import { PostState } from './post-state.model';
-import { PostDetailComponent } from '../post-detail/post-detail.component';
-import { MatDialog, MatSnackBar } from '@angular/material';
-import { HttpClient } from '@angular/common/http';
-import { BreakpointObserver, BreakpointState, Breakpoints } from '@angular/cdk/layout';
-import { Observable, Subscription } from 'rxjs';
-import { WsConnectionService } from '../ws-connection.service';
-import { WsHandler } from '../ws-handler';
-import { ServerService } from '../server-service';
-import { ICellRendererParams } from 'ag-grid-community';
-import { RemoveResponse } from '../common/remove-response.model';
-import { ConfirmDialogComponent } from '../common/confirmation-component/confirmation-dialog';
-import { filter, flatMap } from 'rxjs/operators';
-
-@Component({
-  selector: 'app-menu-cell',
-  template: `
-    <div fxLayout="column" fxLayoutAlign="center center" style="height: 100%">
-      <button fxFlex="nogrow" mat-icon-button [matMenuTriggerFor]="menu">
-        <mat-icon>more_vert</mat-icon>
-      </button>
-    </div>
-
-    <mat-menu #menu="matMenu">
-      <button
-        *ngIf="
-          postData.status === 'PENDING' ||
-          (postData.status === 'COMPLETE' && postData.progress !== 100) ||
-          postData.status === 'ERROR' ||
-          postData.status === 'STOPPED'
-        "
-        (click)="restart()"
-        mat-menu-item
-      >
-        <mat-icon>play_arrow</mat-icon>
-        <span>Start</span>
-      </button>
-      <button *ngIf="postData.status === 'DOWNLOADING' || postData.status === 'PARTIAL'" (click)="stop()" mat-menu-item>
-        <ng-container>
-          <mat-icon>stop</mat-icon>
-          <span>Stop</span>
-        </ng-container>
-      </button>
-      <button (click)="seeDetails()" mat-menu-item>
-        <mat-icon>list</mat-icon>
-        <span>Details</span>
-      </button>
-      <button (click)="remove()" mat-menu-item>
-        <mat-icon>delete</mat-icon>
-        <span>Remove</span>
-      </button>
-    </mat-menu>
-  `
-})
-export class MenuRendererComponent implements OnInit, OnDestroy, AgRendererComponent {
-  constructor(
-    public dialog: MatDialog,
-    private httpClient: HttpClient,
-    private breakpointObserver: BreakpointObserver,
-    private wsConnectionService: WsConnectionService,
-    private serverService: ServerService,
-    private zone: NgZone,
-    private _snackBar: MatSnackBar
-  ) {
-    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
-  }
-
-  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
-
-  params: ICellRendererParams;
-
-  postData: PostState;
-
-  subscription: Subscription;
-
-  websocketHandlerPromise: Promise<WsHandler>;
-
-  ngOnInit(): void {
-    this.websocketHandlerPromise.then((handler: WsHandler) => {
-      this.subscription = handler.subscribeForPosts(e => {
-        this.zone.run(() => {
-          e.forEach(v => {
-            if (this.postData.postId === v.postId) {
-              this.postData = v;
-            }
-          });
-        });
-      });
-    });
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-
-  seeDetails() {
-    const dialogRef = this.dialog.open(PostDetailComponent, {
-      width: '90%',
-      height: '90%',
-      maxWidth: '100vw',
-      maxHeight: '100vh',
-      data: this.postData
-    });
-
-    const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
-      if (result.matches) {
-        dialogRef.updateSize('100%', '100%');
-      } else {
-        dialogRef.updateSize('90%', '90%');
-      }
-    });
-
-    dialogRef.afterClosed().subscribe(() => {
-      smallDialogSubscription.unsubscribe();
-    });
-  }
-
-  restart() {
-    this.httpClient.post(this.serverService.baseUrl + '/post/restart', { postId: this.postData.postId }).subscribe(
-      () => {
-        this._snackBar.open('Download started', null, {
-          duration: 5000
-        });
-      },
-      error => {
-        console.error(error);
-      }
-    );
-  }
-
-  remove() {
-    this.dialog
-      .open(ConfirmDialogComponent, {
-        maxHeight: '100vh',
-        maxWidth: '100vw',
-        height: '200px',
-        width: '60%',
-        data: { header: 'Confirmation', content: 'Are you sure you want to remove this item ?' }
-      })
-      .afterClosed()
-      .pipe(
-        filter(e => e === 'yes'),
-        flatMap(e =>
-          this.httpClient.post<RemoveResponse>(this.serverService.baseUrl + '/post/remove', {
-            postId: this.postData.postId
-          })
-        )
-      )
-      .subscribe(
-        data => {
-          const toRemove = [];
-          const nodeToDelete = this.params.api.getRowNode(data.postId);
-          if (nodeToDelete != null) {
-            toRemove.push(nodeToDelete.data);
-          }
-          this.params.api.updateRowData({ remove: toRemove });
-        },
-        error => {
-          console.error(error);
-        }
-      );
-  }
-
-  stop() {
-    this.httpClient.post(this.serverService.baseUrl + '/post/stop', { postId: this.postData.postId }).subscribe(
-      () => {
-        this._snackBar.open('Download stopped', null, {
-          duration: 5000
-        });
-      },
-      error => {
-        console.error(error);
-      }
-    );
-  }
-
-  agInit(params: ICellRendererParams): void {
-    this.params = params;
-    this.postData = params.data;
-  }
-
-  refresh(params: ICellRendererParams): boolean {
-    return false;
-  }
-}
@@ -0,0 +1,104 @@
+<div class="container" style="height: 100%; background-color: white">
+  <div
+    [ngClass]="{
+      'error-back': postState.status === 'ERROR',
+      'downloading-back': postState.status === 'DOWNLOADING',
+      'complete-back': postState.status === 'COMPLETE'
+    }"
+    class="progress-bar-back"
+    style="position: relative; height: 100%; max-height: 48px;"
+  >
+    <div
+      class="progress-foreground"
+      fxLayout="row"
+      fxLayoutAlign="space-between"
+      style="background-color: transparent; width: 100%; height: 100%;"
+    >
+      <div class="progress-bar" color="accent" style="position: absolute; width: 100%; top: 37px; padding: 0 50px">
+        <mat-progress-bar [value]="postState.progress" class="example-margin" color="primary" mode="determinate">
+        </mat-progress-bar>
+      </div>
+      <span fxLayout="row">
+        <span (click)="toggleExpand()" class="chevron">
+          <button *ngIf="expanded; else notExpanded" mat-icon-button>
+            <mat-icon>expand_more</mat-icon>
+          </button>
+          <ng-template #notExpanded>
+            <button mat-icon-button>
+              <mat-icon>chevron_right</mat-icon>
+            </button>
+          </ng-template>
+        </span>
+        <span>{{ postState.title }}</span>
+        <span class="filler" fxFlex="grow"></span>
+      </span>
+      <span>
+        <span class="progress-percentage">{{ postState.done + '/' + postState.total }}</span>
+        <button [matMenuTriggerFor]="menu" mat-icon-button>
+          <mat-icon>more_vert</mat-icon>
+        </button>
+        <mat-menu #menu="matMenu">
+          <button
+            (click)="restart()"
+            *ngIf="
+              postState.status === 'PENDING' ||
+              (postState.status === 'COMPLETE' && postState.progress !== 100) ||
+              postState.status === 'ERROR' ||
+              postState.status === 'STOPPED'
+            "
+            mat-menu-item
+          >
+            <mat-icon>play_arrow</mat-icon>
+            <span>Start</span>
+          </button>
+          <button
+            (click)="stop()"
+            *ngIf="postState.status === 'DOWNLOADING' || postState.status === 'PARTIAL'"
+            mat-menu-item
+          >
+            <ng-container>
+              <mat-icon>stop</mat-icon>
+              <span>Stop</span>
+            </ng-container>
+          </button>
+          <button (click)="seeDetails()" mat-menu-item>
+            <mat-icon>list</mat-icon>
+            <span>Details</span>
+          </button>
+          <button (click)="remove()" mat-menu-item>
+            <mat-icon>delete</mat-icon>
+            <span>Remove</span>
+          </button>
+          <button (click)="open()" *ngIf="electronService.isElectronApp" mat-menu-item>
+            <mat-icon>open_in_new</mat-icon>
+            <span>Download Location</span>
+          </button>
+        </mat-menu>
+      </span>
+    </div>
+  </div>
+  <section *ngIf="expanded">
+    <div class="details table">
+      <div class="row" style="display: table-row">
+        <h4 class="cell attribute">Status:</h4>
+        <p class="cell value">
+          {{ postState.status | titlecase }}
+        </p>
+      </div>
+      <div class="row" style="display: table-row">
+        <h4 class="cell attribute">Post URL:</h4>
+        <p class="cell value">
+          <a (click)="goTo()" [appPreview]="postState.previews" href="javascript:void(0)"
+          >https://vipergirls/threads/?p={{ postState.postId }}</a
+          >
+        </p>
+      </div>
+      <div style="display: table-row">
+        <h4 class="cell attribute">Host:</h4>
+        <p class="cell value">
+          {{ postState.hosts }}
+        </p>
+      </div>
+    </div>
+  </section>
+</div>
@@ -0,0 +1,28 @@
+.progress-bar-back {
+  transition: background-color 0.5s;
+}
+
+.table {
+  display: table;
+}
+.row {
+  display: table-row;
+}
+.cell {
+  display: table-cell;
+}
+
+section {
+  width: 100%;
+  position: absolute;
+  top: 48px;
+  padding: 10px;
+}
+
+.details {
+  line-height: 24px;
+}
+
+.value {
+  padding-left: 5px;
+}
@@ -0,0 +1,45 @@
+@import '~@angular/material/theming';
+
+@mixin post-progress-renderer-component-theme($theme) {
+  $red: mat-palette($mat-red);
+  $grey: mat-palette($mat-grey);
+  $green: mat-palette($mat-green);
+
+  app-progress-cell .progress-bar .mat-progress-bar-fill::after {
+    background-color: mat-color($grey, 300);
+  }
+
+  app-progress-cell .progress-bar .mat-progress-bar-buffer {
+    background-color: mat-color($grey, 100);
+  }
+
+  app-progress-cell .error-back {
+    background-color: mat-color($red, 50);
+    & .progress-bar .mat-progress-bar-fill::after {
+      background-color: mat-color($red, 300);
+    }
+    & .progress-bar .mat-progress-bar-buffer {
+      background-color: mat-color($red, 100);
+    }
+  }
+
+  app-progress-cell .downloading-back {
+    background-color: mat-color($green, 50);
+    & .progress-bar .mat-progress-bar-fill::after {
+      background-color: mat-color($green, 300);
+    }
+    & .progress-bar .mat-progress-bar-buffer {
+      background-color: mat-color($green, 100);
+    }
+  }
+
+  app-progress-cell .complete-back {
+    background-color: mat-color($green, 100);
+    & .progress-bar .mat-progress-bar-fill::after {
+      background-color: mat-color($green, 300);
+    }
+    & .progress-bar .mat-progress-bar-buffer {
+      background-color: mat-color($green, 100);
+    }
+  }
+}
@@ -1,83 +1,53 @@
+import { SharedService } from './shared.service';
 import { WsConnectionService } from '../ws-connection.service';
 import { PostState } from './post-state.model';
 import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
 import { AgRendererComponent } from 'ag-grid-angular';
-import { Subscription } from 'rxjs';
+import { Subscription, Observable } from 'rxjs';
 import { WsHandler } from '../ws-handler';
 import { ICellRendererParams } from 'ag-grid-community';
+import { ElectronService } from 'ngx-electron';
+import { BreakpointState, Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
+import { MatDialog, MatSnackBar } from '@angular/material';
+import { PostDetailComponent } from '../post-detail/post-detail.component';
+import { HttpClient } from '@angular/common/http';
+import { ServerService } from '../server-service';
+import { ConfirmDialogComponent } from '../common/confirmation-component/confirmation-dialog';
+import { filter, flatMap } from 'rxjs/operators';
+import { RemoveResponse } from '../common/remove-response.model';
+import { DownloadPath } from '../common/download-path.model';

@Component({
  selector: 'app-progress-cell',
-  template: `
-    <div style="height: 100%;">
-      <div
-        class="progress-bar"
-        [ngClass]="{
-          complete: postState.status === 'COMPLETE',
-          downloading: postState.status === 'DOWNLOADING',
-          stopped: postState.status === 'STOPPED',
-          partial: postState.status === 'PARTIAL'
-        }"
-        [style.width]="trunc(postState.progress) + '%'"
-      ></div>
-      <div
-        class="progress-bar-back"
-        fxLayout="row"
-        fxLayoutAlign="space-between"
-        [ngClass]="{ error: postState.status === 'ERROR', pending: postState.status === 'PENDING' }"
-      >
-        <div>{{ postState.title }}</div>
-        <div>{{ trunc(postState.progress) + '%' }}</div>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .progress-bar-back {
-        position: relative;
-        height: 45px;
-        bottom: 45px;
-        padding: 0 8px;
-        transition: background-color 0.5s;
-      }
-      .progress-bar {
-        background-color: #87a2c7;
-        height: 100%;
-        transition: width 0.5s, background-color 0.5s;
-      }
-      .complete {
-        background-color: #3865a3;
-      }
-      .pending {
-        background-color: white;
-      }
-      .error {
-        background-color: #eb6060;
-      }
-      .downloading {
-        background-color: #87a2c7;
-      }
-      .stopped {
-        background-color: grey;
-      }
-      .partial {
-          background-color: #ffcc00;
-      }
-    `
-  ]
+  templateUrl: 'post-progress.renderer.component.html',
+  styleUrls: ['post-progress.renderer.component.scss']
 })
 export class PostProgressRendererComponent implements AgRendererComponent, OnInit, OnDestroy {
  constructor(
    private wsConnectionService: WsConnectionService,
-    private zone: NgZone
-    ) {
+    private zone: NgZone,
+    private sharedService: SharedService,
+    public electronService: ElectronService,
+    private breakpointObserver: BreakpointObserver,
+    public dialog: MatDialog,
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    private _snackBar: MatSnackBar,
+  ) {
    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+    if (this.electronService.isElectronApp) {
+      this.fs = this.electronService.remote.require('fs');
+    }
  }

  websocketHandlerPromise: Promise<WsHandler>;
  params: ICellRendererParams;
  postState: PostState;
-  subscription: Subscription;
+  updatesSubscription: Subscription;
+  expandSubscription: Subscription;
+  expanded = false;
+  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
+  fs;

  trunc(value: number): number {
    return Math.trunc(value);
@@ -85,7 +55,7 @@ export class PostProgressRendererComponent implements AgRendererComponent, OnIni

  ngOnInit(): void {
    this.websocketHandlerPromise.then((handler: WsHandler) => {
-      this.subscription = handler.subscribeForPosts(e => {
+      this.updatesSubscription = handler.subscribeForPosts(e => {
        this.zone.run(() => {
          e.forEach(v => {
            if (this.postState.postId === v.postId) {
@@ -95,19 +65,160 @@ export class PostProgressRendererComponent implements AgRendererComponent, OnIni
        });
      });
    });
+    this.expandSubscription = this.sharedService.expandedPost.subscribe(postId => {
+      if (this.expanded && this.postState.postId !== postId) {
+        this.toggleExpand();
+      }
+    });
  }

  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
+    if (this.updatesSubscription != null) {
+      this.updatesSubscription.unsubscribe();
+
+    }
+    if (this.expandSubscription != null) {
+      this.expandSubscription.unsubscribe();
+    }
  }

  agInit(params: ICellRendererParams): void {
    this.params = params;
    this.postState = params.data;
+    this.params.node.setRowHeight(48);
  }

  refresh(params: ICellRendererParams): boolean {
-    this.postState = params.data;
-    return true;
+    return false;
+  }
+
+  toggleExpand() {
+    if (this.expanded) {
+      this.params.node.setRowHeight(48);
+    } else {
+      this.params.node.setRowHeight(130);
+      this.sharedService.publishExpanded(this.postState.postId);
+    }
+    this.params.api.onRowHeightChanged();
+    this.expanded = !this.expanded;
+  }
+
+  goTo() {
+    if (this.electronService.isElectronApp) {
+      this.electronService.shell.openExternal(this.postState.url);
+    } else {
+      window.open(this.postState.url, '_blank');
+    }
+  }
+
+  seeDetails() {
+    const dialogRef = this.dialog.open(PostDetailComponent, {
+      width: '90%',
+      height: '90%',
+      maxWidth: '100vw',
+      maxHeight: '100vh',
+      data: this.postState
+    });
+
+    const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
+      if (result.matches) {
+        dialogRef.updateSize('100%', '100%');
+      } else {
+        dialogRef.updateSize('90%', '90%');
+      }
+    });
+
+    dialogRef.afterClosed().subscribe(() => {
+      if (smallDialogSubscription != null) {
+        smallDialogSubscription.unsubscribe();
+      }
+    });
+  }
+
+  restart() {
+    this.httpClient.post(this.serverService.baseUrl + '/post/restart', { postId: this.postState.postId }).subscribe(
+      () => {
+        this._snackBar.open('Download started', null, {
+          duration: 5000
+        });
+      },
+      error => {
+        console.error(error);
+      }
+    );
+  }
+
+  remove() {
+    this.dialog
+      .open(ConfirmDialogComponent, {
+        maxHeight: '100vh',
+        maxWidth: '100vw',
+        height: '200px',
+        width: '60%',
+        data: { header: 'Confirmation', content: 'Are you sure you want to remove this item ?' }
+      })
+      .afterClosed()
+      .pipe(
+        filter(e => e === 'yes'),
+        flatMap(e =>
+          this.httpClient.post<RemoveResponse>(this.serverService.baseUrl + '/post/remove', {
+            postId: this.postState.postId
+          })
+        )
+      )
+      .subscribe(
+        data => {
+          const toRemove = [];
+          const nodeToDelete = this.params.api.getRowNode(data.postId);
+          if (nodeToDelete != null) {
+            toRemove.push(nodeToDelete.data);
+          }
+          this.params.api.updateRowData({ remove: toRemove });
+        },
+        error => {
+          console.error(error);
+        }
+      );
+  }
+
+  open() {
+    if (!this.electronService.isElectronApp) {
+      console.error('Cannot open downloader folder, not electron app');
+      return;
+    }
+    // Request the server to give the correct file location
+    this.httpClient.get<DownloadPath>(this.serverService.baseUrl + '/post/path/' + this.postState.postId).subscribe(
+      path => {
+        if (this.fs.existsSync(path.path)) {
+          this.electronService.shell.openItem(path.path);
+        } else {
+          if(this.postState.done <= 0) {
+            this._snackBar.open('Download has not been started yet for this post', null, {
+              duration: 5000
+            });
+          } else {
+            this._snackBar.open(path.path + ' does not exist, you probably removed it', null, {
+              duration: 5000
+            });
+          }
+        }
+      },
+      error => {
+        console.error(error);
+      }
+    );
+  }
+
+  stop() {
+    this.httpClient.post(this.serverService.baseUrl + '/post/stop', { postId: this.postState.postId }).subscribe(
+      () => {
+        this._snackBar.open('Download stopped', null, {
+          duration: 5000
+        });
+      },
+      error => {
+        console.error(error);
+      }
+    );
  }
 }
@@ -5,6 +5,11 @@ export class PostState {
    public title: string,
    public progress: number,
    public status: string,
-    public removed: boolean
+    public removed: boolean,
+    public url: string,
+    public done: number,
+    public total: number,
+    public hosts: string[],
+    public previews: string[]
  ) {}
 }
@@ -1,2 +1,12 @@
+<div fxLayout="row" fxLayoutAlign="center center">
+  <!-- <app-filter fxFlex="noshrink"></app-filter> -->
+  <span fxFlex="grow"></span>
+  <form autocomplete="off">
+    <mat-form-field>
+      <input (ngModelChange)="search($event)" matInput name="search" ngModel placeholder="Search"/>
+      <mat-icon matSuffix>search</mat-icon>
+    </mat-form-field>
+  </form>
+</div>
 <ag-grid-angular style="width: 100%; height: 100%;" class="ag-theme-material" [gridOptions]="gridOptions">
-</ag-grid-angular>
+</ag-grid-angular>
@@ -14,4 +14,8 @@ $cell-space: 8px;
    flex: 0 0 $menu-width;
    justify-content: flex-end;
    margin-left: $cell-space;
-}
+}
+
+:host ::ng-deep .ag-row-hover {
+    background-color: transparent !important;
+}
@@ -1,9 +1,8 @@
 import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
 import { PostsDataSource } from './post.datasource';
 import { WsConnectionService } from '../ws-connection.service';
-import { GridOptions } from 'ag-grid-community';
+import { GridOptions, IFilterComp } from 'ag-grid-community';
 import { PostProgressRendererComponent } from './post-progress.renderer.component';
-import { MenuRendererComponent } from './menu.renderer.component';
 import { Subject } from 'rxjs';

@Component({
@@ -12,40 +11,27 @@ import { Subject } from 'rxjs';
  styleUrls: ['./posts.component.scss']
 })
 export class PostsComponent implements OnInit, OnDestroy {
-
-  constructor(
-    private wsConnection: WsConnectionService,
-    private zone: NgZone
-    ) {
-    this.gridOptions = <GridOptions> {
+  constructor(private wsConnection: WsConnectionService, private zone: NgZone) {
+    this.gridOptions = <GridOptions>{
      columnDefs: [
        {
-          headerName: 'Title',
+          headerName: 'Posts',
          field: 'title',
          sortable: true,
-          tooltipField: 'title',
          cellRenderer: 'progressCellRenderer',
-          cellClass: 'no-padding'
-        },
-        {
-          headerName: 'Menu',
-          cellRenderer: 'menuCellRenderer',
-          sortable: true,
-          width: 60,
-          minWidth: 60,
-          maxWidth: 60,
-          suppressAutoSize: true
+          cellClass: 'no-padding',
+          sort: 'asc'
        }
      ],
      rowHeight: 48,
+      animateRows: true,
      rowData: [],
      frameworkComponents: {
-        progressCellRenderer: PostProgressRendererComponent,
-        menuCellRenderer: MenuRendererComponent
+        progressCellRenderer: PostProgressRendererComponent
      },
      overlayLoadingTemplate: '<span></span>',
      overlayNoRowsTemplate: '<span></span>',
-      getRowNodeId: (data) => data['postId'],
+      getRowNodeId: data => data['postId'],
      onGridReady: () => {
        this.gridOptions.api.sizeColumnsToFit();
        this.dataSource = new PostsDataSource(this.wsConnection, this.gridOptions, this.zone);
@@ -60,6 +46,10 @@ export class PostsComponent implements OnInit, OnDestroy {
  gridOptions: GridOptions;
  dataSource: PostsDataSource;

+  search(event) {
+    this.gridOptions.api.setQuickFilter(event);
+  }
+
  removeRows(postIds: string[]): void {
    if (postIds == null) {
      return;
@@ -76,8 +66,7 @@ export class PostsComponent implements OnInit, OnDestroy {
    this.gridOptions.api.updateRowData({ remove: toRemove });
  }

-  ngOnInit() {
-  }
+  ngOnInit() {}

  ngOnDestroy(): void {
    this.dataSource.disconnect();
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+import { Subject, Observable } from 'rxjs';
+
+@Injectable()
+export class SharedService {
+
+    private expandedPost$ = new Subject<string>();
+
+    get expandedPost(): Observable<string> {
+        return this.expandedPost$.asObservable();
+    }
+
+    publishExpanded(postId: string) {
+        this.expandedPost$.next(postId);
+    }
+}
@@ -0,0 +1,39 @@
+<div class="dialog-container" fxLayout="column" style="height: 100%;">
+  <div fxFlex="nogrow">
+    <h2 class="no-wrap" mat-dialog-title>Scan</h2>
+  </div>
+  <mat-dialog-content fxFlex="grow" fxLayout="column">
+    <div *ngIf="!hideScan">
+      <form
+        #f="ngForm"
+        (ngSubmit)="submit(f)"
+        autocomplete="off"
+        fxLayout="row"
+        fxLayoutAlign="center center"
+        fxLayoutGap="20px"
+      >
+        <mat-form-field fxFlex="grow">
+          <input
+            [(ngModel)]="input"
+            matInput
+            name="url"
+            placeholder="Put a vipergirls.to link"
+            required
+          />
+        </mat-form-field>
+        <div>
+          <button [disabled]="f.invalid" color="primary" mat-raised-button type="submit">Scan</button>
+        </div>
+      </form>
+    </div>
+    <ng-container *ngIf="threadId != null">
+      <app-multi-post (done)="done($event)" [threadId]="threadId" style="height: 100%"></app-multi-post>
+    </ng-container>
+  </mat-dialog-content>
+  <mat-dialog-actions align="end">
+    <button (click)="close()" mat-raised-button>Close</button>
+    <button (click)="addPosts()" *ngIf="threadId != null" color="primary" mat-raised-button type="submit">
+      Download
+    </button>
+  </mat-dialog-actions>
+</div>
@@ -0,0 +1,3 @@
+:host ::ng-deep .ag-cell {
+    background-color: snow !important;
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ScanComponent } from './scan.component';
+
+describe('ScanComponent', () => {
+  let component: ScanComponent;
+  let fixture: ComponentFixture<ScanComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ScanComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ScanComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,112 @@
+import { Component, OnInit, NgZone, ViewChild, Inject } from '@angular/core';
+import { NgForm } from '@angular/forms';
+import { MatSnackBar, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { HttpClient } from '@angular/common/http';
+import { finalize } from 'rxjs/operators';
+import { ServerService } from '../server-service';
+import { MultiPostComponent } from '../multi-post/multi-post.component';
+
+@Component({
+  selector: 'app-scan',
+  templateUrl: './scan.component.html',
+  styleUrls: ['./scan.component.scss']
+})
+export class ScanComponent implements OnInit {
+  constructor(
+    private ngZone: NgZone,
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    private _snackBar: MatSnackBar,
+    public dialogRef: MatDialogRef<ScanComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: DialogData
+  ) {}
+
+  @ViewChild(MultiPostComponent)
+  multipost: MultiPostComponent;
+
+  input: string;
+  threadId: string;
+  hideScan = false;
+
+  submit(form: NgForm) {
+    this.ngZone.run(() => {
+      this.hideScan = true;
+      this.threadId = null;
+      this.processUrl(this.input, form);
+    });
+  }
+
+  done(done: boolean) {
+    this.ngZone.run(() => {
+      if (done) {
+        this.dialogRef.close();
+      }
+    });
+  }
+
+  processUrl(url: string, form?: NgForm) {
+    this.httpClient
+      .post<{ threadId: string; postId: string }>(this.serverService.baseUrl + '/post', { url: url })
+      .pipe(
+        finalize(() => {
+          this.ngZone.run(() => {
+            if (form != null) {
+              form.resetForm();
+              this.input = null;
+            }
+          });
+        })
+      )
+      .subscribe(response => {
+        this.ngZone.run(() => {
+          if (response.postId != null) {
+            this.httpClient
+              .post(this.serverService.baseUrl + '/post/add', [response])
+              .pipe(finalize(() => this.dialogRef.close()))
+              .subscribe(
+                () => {
+                  this._snackBar.open('Adding posts to queue', null, {
+                    duration: 5000
+                  });
+                },
+                error => {
+                  this._snackBar.open(error.error, null, {
+                    duration: 5000
+                  });
+                }
+              );
+            return;
+          }
+          this.threadId = response.threadId;
+        });
+      });
+  }
+
+  addPosts() {
+    this.ngZone.run(() => {
+      if (this.multipost != null) {
+        this.multipost.submit();
+      }
+      this.dialogRef.close();
+    });
+  }
+
+  ngOnInit() {
+    this.ngZone.run(() => {
+      if (this.data.url != null) {
+        this.hideScan = true;
+        this.processUrl(this.data.url);
+      }
+    });
+  }
+
+  close() {
+    this.ngZone.run(() => {
+      this.dialogRef.close();
+    });
+  }
+}
+
+export interface DialogData {
+  url: string;
+}
@@ -1,6 +1,8 @@
 <div fxLayout="column" class="dialog-container" style="height: 100%;">
-  <div fxFlex="nogrow">
+  <div fxFlex="nogrow" fxLayout="row" fxLayoutAlign="space-between center">
    <h2 class="no-wrap" mat-dialog-title>Settings</h2>
+    <mat-slide-toggle (change)="updateTheme()" [(ngModel)]="darkTheme">{{darkTheme ? 'Dark theme' : 'Light theme'}}
+    </mat-slide-toggle>
  </div>
  <mat-dialog-content fxFlex="grow">
    <div class="container">
@@ -35,6 +37,11 @@
              />
            </mat-form-field>

+            <mat-checkbox color="primary" formControlName="forceOrder" name="forceOrder"
+            >Force image ordering (prepend incremental numbers)
+            </mat-checkbox
+            >
+
            <mat-checkbox color="primary" formControlName="autoStart" name="autoStart"
              >Auto start downloads</mat-checkbox
            >
@@ -18,3 +18,7 @@
 .container form section div > * {
  width: 100%;
 }
+
+mat-checkbox {
+  display: block;
+}
@@ -1,3 +1,4 @@
+import { AppService } from './../app.service';
 import { ClipboardService } from './../clipboard.service';
 import { Component, OnInit } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
@@ -6,6 +7,7 @@ import { MatSnackBar } from '@angular/material';
 import { ServerService } from '../server-service';
 import { ElectronService } from 'ngx-electron';
 import { Settings } from '../common/settings.model';
+import { OpenDialogReturnValue } from 'electron';

@Component({
  selector: 'app-settings',
@@ -18,13 +20,15 @@ export class SettingsComponent implements OnInit {
    private _snackBar: MatSnackBar,
    private serverService: ServerService,
    public electronService: ElectronService,
-    private clipboardService: ClipboardService
+    private clipboardService: ClipboardService,
+    private appService: AppService
  ) {}

  generalSettingsForm = new FormGroup({
    downloadPath: new FormControl(''),
    maxThreads: new FormControl(''),
    autoStart: new FormControl(false),
+    forceOrder: new FormControl(false),
    vLogin: new FormControl(false),
    vUsername: new FormControl(''),
    vPassword: new FormControl(''),
@@ -35,7 +39,14 @@ export class SettingsComponent implements OnInit {
    desktopClipboard: new FormControl(false)
  });

+  darkTheme = false;
+
+  updateTheme() {
+    this.appService.updateTheme(this.darkTheme);
+  }
+
  ngOnInit() {
+    this.darkTheme = this.appService.darkTheme;
    this.httpClient.get<Settings>(this.serverService.baseUrl + '/settings').subscribe(
      data => {
        this.generalSettingsForm.reset(data);
@@ -48,18 +59,19 @@ export class SettingsComponent implements OnInit {
  }

  browse() {
-    const result: string[] | undefined = this.electronService.remote.dialog.showOpenDialog(
+    this.electronService.remote.dialog.showOpenDialog(
      this.electronService.remote.getCurrentWindow(),
      {
        properties: ['openDirectory']
      }
-    );
+    ).then((value: OpenDialogReturnValue) => {
+      if (value.filePaths !== undefined) {
+        this.generalSettingsForm.get('downloadPath').setValue(value.filePaths[0]);
+        this.generalSettingsForm.get('downloadPath').markAsDirty();
+        this.generalSettingsForm.get('downloadPath').markAsTouched();
+      }
+    });

-    if (result !== undefined) {
-      this.generalSettingsForm.get('downloadPath').setValue(result[0]);
-      this.generalSettingsForm.get('downloadPath').markAsDirty();
-      this.generalSettingsForm.get('downloadPath').markAsTouched();
-    }
  }

  onSubmit(): void {
@@ -78,7 +90,7 @@ export class SettingsComponent implements OnInit {
          this.clipboardService.init(data);
        },
        error => {
-          this._snackBar.open(error.error.message, null, {
+          this._snackBar.open(error.error, null, {
            duration: 5000
          });
        }
@@ -0,0 +1,7 @@
+<div class="status-bar">
+  <span>{{ downloadSpeed!.speed + '/s' }}</span>
+  <span>Downloading: {{ globalState!.running }}</span>
+  <span>Queued: {{ globalState!.queued }}</span>
+  <span>Remaining: {{ globalState!.remaining }}</span>
+  <span>Error: {{ globalState!.error }}</span>
+</div>
@@ -0,0 +1,14 @@
+.status-bar {
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    text-align: end;
+    padding: 2px 0;
+}
+
+span {
+    margin: 0 8px;
+    user-select: none;
+    font-size: small;
+}
@@ -0,0 +1,11 @@
+@import '~@angular/material/theming';
+
+@mixin status-bar-component-theme($theme) {
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+
+  .status-bar {
+    background-color: mat-color($background, status-bar);
+    color: mat-color($foreground, base);
+  }
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StatusBarComponent } from './status-bar.component';
+
+describe('StatusBarComponent', () => {
+  let component: StatusBarComponent;
+  let fixture: ComponentFixture<StatusBarComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ StatusBarComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StatusBarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,55 @@
+import { Component, OnInit, NgZone, OnDestroy } from '@angular/core';
+import { DownloadSpeed } from '../common/download-speed.model';
+import { WsConnectionService } from '../ws-connection.service';
+import { WsHandler } from '../ws-handler';
+import { Subscription } from 'rxjs';
+import { GlobalState } from '../common/global-state.model';
+import { WSMessage } from '../common/ws-message.model';
+import { CMD } from '../common/cmd.enum';
+
+@Component({
+  selector: 'app-status-bar',
+  templateUrl: './status-bar.component.html',
+  styleUrls: ['./status-bar.component.scss']
+})
+export class StatusBarComponent implements OnInit, OnDestroy {
+
+  constructor(private wsConnectionService: WsConnectionService, private ngZone: NgZone) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+  }
+
+  websocketHandlerPromise: Promise<WsHandler>;
+  downloadSpeed: DownloadSpeed = new DownloadSpeed('0 B');
+  subscriptions: Subscription[] = [];
+  globalState: GlobalState = new GlobalState(0, 0, 0, 0);
+
+  ngOnInit() {
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      console.log('Connecting to global state and download speed');
+      this.subscriptions.push(
+        handler.subscribeForGlobalState((e: GlobalState[]) => {
+          this.ngZone.run(() => {
+            this.globalState = e[0];
+          });
+        })
+      );
+      this.subscriptions.push(
+        handler.subscribeForSpeed((e: DownloadSpeed[]) => {
+          this.ngZone.run(() => {
+            this.downloadSpeed = e[0];
+          });
+        })
+      );
+      handler.send(new WSMessage(CMD.GLOBAL_STATE_SUB.toString()));
+      handler.send(new WSMessage(CMD.SPEED_SUB.toString()));
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.subscriptions.forEach(e => e.unsubscribe());
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      handler.send(new WSMessage(CMD.GLOBAL_STATE_UNSUB.toString()));
+      handler.send(new WSMessage(CMD.SPEED_UNSUB.toString()));
+    });
+  }
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
death-claw	19a98ea056	v1.6.2	2019-09-17 23:00:55 +01:00
death-claw	229bc46227	Rework UI colors Fix scan input bug	2019-09-17 22:59:04 +01:00
death-claw	374946c6f2	v1.6.1	2019-09-16 22:56:57 +01:00
death-claw	f8eccfb4ad	Rework UI Fix clipboard monitoring	2019-09-16 22:54:18 +01:00
death-claw	4223bce5f3	v1.6.0	2019-09-15 22:19:53 +01:00
death-claw	ea9a98bb3e	Rework the UI Add a dark theme Fix the force ordering bug Other bug fixes	2019-09-15 22:14:17 +01:00
death-claw	a416a7e7d7	v1.5.2	2019-09-01 15:46:41 +01:00
death-claw	24dd46ab2c	Fix imx host	2019-09-01 15:40:34 +01:00
death-claw	82f4d1bc6a	v1.5.1	2019-08-24 19:23:49 +01:00
death-claw	819d844f23	Bug fixes and electron upgrade	2019-08-24 19:19:31 +01:00
death-claw	ab4711ffef	v1.5.0 - Display logged in user - Add post details when clicking on main list items (Status, Post URL, Host) - Add open download location on main list items menu - Add support for multi-post threads (Show a menu to select posts to download) - Add link to image from details list	2019-08-24 14:57:43 +01:00
death-claw	f107acf376	Merge branch 'master' of https://github.com/death-claw/vripper-project into development	2019-08-16 11:50:24 +01:00
death-claw	43788a0f96	v1.4.10	2019-08-15 18:33:45 +01:00
death-claw	9ee8b90003	Fix image rename on windows	2019-08-15 18:30:58 +01:00
death-claw	54c9a21861	v1.4.9	2019-08-13 15:00:41 +01:00
death-claw	fe3543a4ab	Update Built-By to be generic	2019-08-13 14:56:19 +01:00
death-claw	eeb24ae7c1	v1.4.8	2019-08-13 14:39:41 +01:00
death-claw	9b9c5ac5c8	Add option to force image ordering	2019-08-13 14:34:46 +01:00
death-claw	bf2e8c4bb6	v1.4.7	2019-08-13 11:21:54 +01:00
death-claw	5d449fa4e5	Fixed a bug in image filename extensions	2019-08-13 11:07:11 +01:00
death-claw	35cd3c53e1	Implement thread parse with vr api	2019-08-06 20:03:13 +01:00
death-claw	13d1d134f6	INTERMEDIATE COMMIT	2019-08-06 18:24:20 +01:00
death-claw	c8b76b2dfb	v1.4.6 * Fixed a bug when creating image file names * Remove unnecessary logs * Fix data.json init	2019-08-06 16:44:38 +01:00
death-claw	e3e9935e15	* Remove old data.json * Switch to fixedDelay scheduler for speed calculation	2019-08-03 18:19:24 +01:00
death-claw	83b41763bd	Next snapshot version	2019-08-03 18:17:44 +01:00
death-clawandGitHub	ec479cb920	Update README.md	2019-08-03 17:02:15 +01:00
death-claw	4827a88ac4	Include a README.md	2019-08-03 16:26:19 +01:00
death-claw	d4980ad6a3	v1.4.5 * Add download speed to status bar * Add min width and height	2019-08-03 13:37:07 +01:00
death-claw	f9fc8de3a5	v1.4.4	2019-08-01 22:04:27 +01:00
death-claw	9a9df9c8e9	* Implement start, stop * Fix npm dependencies * Enhance UI * Refactor maven build	2019-08-01 21:18:04 +01:00
death-claw	46083b6c91	* Check response code when downloading host page * Fix image name of ImgboxHost * Add start and stop button in UI	2019-07-30 19:06:32 +01:00
death-claw	8abd8dbf9e	v1.4.4-SNAPSHOT * Better app management * Imagetwist support * Global state feature	2019-07-19 22:48:45 +01:00