更新翻译流程

1. 原有依靠Qt Network的连接超时不可靠，改为自己使用Watchdog值跟踪。
2. 原有代码在请求时大量未对Reply设置正确的workerId,已修正
3. 原有代码不能自动在出错worker出错但其他worker已经全部完成时进行得分配，已修正
4. 原有代码ActiveWorkerCount计算方法不准确，每次link都会增加，但是由于重试重分配都会Link而且Worker不会从
List中删除，所以已改为任务开始时一次加满
5. 原有代码忘记在WorkerFinish时检查有否未写入的cache以及未关闭下载文件
6. 原有代码未将Reply的errorOccurred信号与WorkerError槽连接，导致这个槽并没有发挥什么卵用

测试文件改为有道词典，小一点
增加了等待HEAD请求时光标变成忙的特性

.gitee/Dockerfile

@@ -0,0 +1,2 @@
+FROM python:3
+RUN pip3 install requests 

.gitee/callback.py

@@ -0,0 +1,31 @@
+import os
+import requests
+import json
+
+
+# sha=os.system("git rev-parse HEAD")
+sha = os.getenv("GIT_COMMIT")
+# sha = '48fed26c51a8c42554e45f72f43e49703e04c97f'
+#get sha from environment 
+url = "https://gitee.com/api/v5/repos/deepin-community-store/spark-store/commits/{}/comments".format(sha)
+
+token = os.getenv("gitee_token")
+
+# process = os.popen("git symbolic-ref --short -q HEAD")
+
+body = "构建详情请见" + os.getenv("JENKINS_URL") + "blue/organizations/jenkins/" + os.getenv("JOB_NAME").replace("/", "/detail/") + "/" + str(os.getenv("BUILD_ID"))
+
+# process.close()
+
+d = {
+    'access_token': token,
+    "body": body
+}
+
+h = {
+    "Content-Type": "application/json;charset=UTF-8"
+}
+
+res = requests.post(url,headers=h, data=json.dumps(d))
+# print(res.status_code)
+# print(res.content)

.gitignore

@@ -1 +1,4 @@
-spark-store.pro.user*
+*.pro.user*
+build/
+.vscode/
+Lib/

CMakeLists.txt

@@ -0,0 +1,143 @@
+cmake_minimum_required(VERSION 3.10)
+project(spark_store)
+set(EXECUTABLE_NAME spark-store)
+
+# Begin Compilation Options
+
+# When set to ON, DTK Plugin for DDE platform will be built.
+# Note that only machines with DTK and dev packages installed can build the plugin.
+set(SPARK_BUILD_DTK_PLUGIN ON)
+
+# When set to ON, store will transmit telemetry even in Debug builds.
+set(SPARK_FORCE_TELEMETRY OFF)
+
+# End Compilation Options
+
+set(CMAKE_CXX_STANDARD 14)
+set(CMAKE_AUTOMOC ON)
+set(CMAKE_AUTORCC ON)
+#set(CMAKE_AUTOUIC ON)
+
+set(QT_VERSION 5)
+set(REQUIRED_LIBS
+    Core
+    Gui
+    Widgets
+    Network
+    Concurrent
+    LinguistTools)
+set(REQUIRED_LIBS_QUALIFIED
+    Qt5::Core
+    Qt5::Gui
+    Qt5::Widgets
+    Qt5::Network
+    Qt5::Concurrent)
+
+include_directories(inc)
+include_directories(plugin)
+
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+
+set(PRE_CONFIGURE_FILE "src/gitver.cpp.in")
+set(POST_CONFIGURE_FILE "${CMAKE_CURRENT_BINARY_DIR}/src/gitver.cpp")
+include(cmake/git_watcher.cmake)
+add_library(gitver STATIC ${POST_CONFIGURE_FILE})
+#target_include_directories(gitver PUBLIC ${CMAKE_CURRENT_SOURCE_DIR})
+add_dependencies(gitver check_git)
+
+set(SOURCE_FILES
+    src/main.cpp
+
+    resource/resource.qrc
+
+    gui/page/ui/settings.ui
+    gui/page/ui/homepage.ui
+    ${WRAPPED_UI_FILES}
+
+    inc/gitver.h
+    inc/deepinplatform.h
+    inc/dtk/spkdtkplugin.h
+    inc/spkutils.h src/spkutils.cpp
+    inc/telemetry/collectid.h
+    inc/spkqsshelper.h gui/spkqsshelper.cpp
+
+    inc/qt/elidedlabel.h gui/qt/elidedlabel.cpp
+
+    inc/spkwindow.h gui/spkwindow.cpp
+    inc/spktitlebar.h gui/spktitlebar.cpp
+    inc/spkiconbutton.h gui/spkiconbutton.cpp
+    inc/spkui_general.h gui/spkui_general.cpp
+    inc/spkmainwindow.h gui/spkmainwindow.cpp
+    inc/spkmsgbox.h gui/spkmsgbox.cpp
+    inc/spkdialog.h gui/spkdialog.cpp
+    inc/spkabout.h gui/spkabout.cpp
+    inc/spkloading.h gui/spkloading.cpp
+    inc/spksidebartree.h gui/spksidebartree.cpp
+    inc/spkappitem.h gui/spkappitem.cpp
+    inc/spkdownloadentry.h gui/spkdownloadentry.cpp
+    inc/spkpopup.h gui/spkpopup.cpp
+    inc/spkstretchlayout.h gui/spkstretchlayout.cpp
+    inc/spkfocuslineedit.h
+    inc/spknotifydot.h gui/spknotifydot.cpp
+    inc/spkimgviewer.h gui/spkimgviewer.cpp
+
+    inc/page/spkpagebase.h gui/page/spkpagebase.cpp
+    inc/page/spkpagehome.h gui/page/spkpagehome.cpp
+    inc/page/spkpageuitest.h gui/page/spkpageuitest.cpp
+    inc/page/spkpageapplist.h gui/page/spkpageapplist.cpp
+    inc/page/spkpageappdetails.h gui/page/spkpageappdetails.cpp
+    inc/page/spkpagedownloads.h gui/page/spkpagedownloads.cpp
+    inc/page/spkpagesettings.h gui/page/spkpagesettings.cpp
+
+    inc/pkgs/spkpkgmgrbase.h
+    inc/pkgs/spkpkgmgrpacman.h src/pkgs/spkpkgmgrpacman.cpp
+    inc/pkgs/spkpkgmgrapt.h src/pkgs/spkpkgmgrapt.cpp
+
+    inc/spkstore.h src/spkstore.cpp
+    inc/spkuimsg.h src/spkuimsg.cpp
+    inc/spklogging.h src/spklogging.cpp
+    inc/spkresource.h src/spkresource.cpp
+    inc/spkdownload.h src/spkdownload.cpp
+    inc/spkconfig.h src/spkconfig.cpp
+    )
+
+include(cmake/FindLibNotify.cmake)
+include(cmake/FindGlib.cmake)
+include(cmake/FindGdk3.cmake)
+
+include_directories(${GLIB_INCLUDE_DIRS})
+include_directories(${GDK3_INCLUDE_DIRS})
+set(LIBLINKING ${LIBLINKING}
+    gitver
+    ${LIBNOTIFY_LIBRARIES}
+    ${GLIB_LIBRARIES}
+    ${GDK3_LIBRARIES}
+    ${CMAKE_DL_LIBS})
+
+# Required for a good backtrace
+add_compile_options(-g)
+add_link_options(-rdynamic)
+
+# Find Qt before adding other build targets
+find_package(Qt${QT_VERSION} COMPONENTS ${REQUIRED_LIBS} REQUIRED)
+
+QT5_WRAP_UI(WRAPPED_UI_FILES
+            gui/page/ui/settings.ui
+            gui/page/ui/homepage.ui)
+
+add_custom_target(run_lupdate
+                  COMMAND lupdate . -ts lang/zh.ts
+                  WORKING_DIRECTORY ${CMAKE_SOURCE_DIR})
+
+qt5_add_translation(QM_FILES lang/zh.ts)
+
+add_executable(${EXECUTABLE_NAME} ${SOURCE_FILES} ${QM_FILES})
+
+if(SPARK_BUILD_DTK_PLUGIN)
+    add_subdirectory(plugin/dtkplugin)
+    add_dependencies(${EXECUTABLE_NAME} spkdtkplugin)
+endif()
+
+target_link_libraries(${EXECUTABLE_NAME} ${REQUIRED_LIBS_QUALIFIED} ${LIBLINKING})
+
+install(TARGETS ${EXECUTABLE_NAME} RUNTIME DESTINATION bin)

Jenkinsfile

@@ -0,0 +1,33 @@
+pipeline {
+  agent any
+  stages {
+    stage('build') {
+      agent {
+        docker {
+          image 'jerry979/dtke:5.11'
+        }
+
+      }
+      steps {
+        sh 'mkdir build && cd build && cmake .. && make -j'
+        archiveArtifacts(artifacts: 'build/src/spark-store', allowEmptyArchive: true, defaultExcludes: true)
+      }
+    }
+
+    stage('send') {
+      agent {
+        dockerfile {
+          filename '.gitee/Dockerfile'
+        }
+
+      }
+      environment {
+        gitee_token = credentials('1')
+      }
+      steps {
+        sh "python3 .gitee/callback.py"
+      }
+    }
+
+  }
+}

README.md

@@ -1,28 +1,38 @@
-#  星火商店
+#  星火应用商店
+
+
+众所周知，国内的Linux应用比较少，wine应用难以获取，优质工具分散在民间各大论坛，无法形成合力，难以改善生态
+
+生态构建需要的不是某一方的单打独斗，而是人人行动起来，汇聚星火，产生燎原之势
+
+我们创建了这个应用商店，广泛收录大家需要的软件包，搜集优质小工具，主动适配wine应用，存放到储存库供大家获取
+
+我们支持：Deepin 20 ; Ubuntu 20.04 LTS ; UOS Home 20
+
+希望看到这里的人也可以加入我们的队伍，开发或者投递应用都很欢迎，共同构建Linux应用生态
+
+### [在这里投稿](http://upload.spark-app.store)
 
-#### 介绍
-星火商店商店，由深度社区爱好者维护
 web页面部分正在开发当中，详情请见[web仓库](https://gitee.com/deepin-community-store/DCSAPP_WEB)
 
+
 #### 说明
 
 当前服务器线路列表（项目中包含）：
 
 ```
-http://sucdn.jerrywang.top/
-http://store.jerrywang.top/
-http://dcstore.spark-app.store/
+https://d.store.deepinos.org.cn/
+https://store.deepinos.org.cn/
 ```
 
-#### 参数
+#### 调用参数(spk规则)
 
 参数只有一个Url，该url应当遵循这种格式：`spk://<任意合法字符>/web分类/包名`
 
 例如:
 
-[spk://abcdefg/network/firefox-zh](spk://abcdefg/network/firefox-zh)
+[spk://abcdefg/games/store.spark-app.hmcl](spk://abcdefg/games/store.spark-app.hmcl)
 
-[spk://higklmn/network/firefox-zh](spk://higklmn/network/firefox-zh)
 
 可选的web分类：
 
@@ -32,29 +42,23 @@ http://dcstore.spark-app.store/
 | 社交沟通 | chat           |
 | 音乐欣赏 | music          |
 | 视频播放 | video          |
-| 图形图像 | image_graphics |
+| 图形图像 | graphics       |
 | 游戏娱乐 | games          |
 | 办公学习 | office         |
 | 阅读翻译 | reading        |
 | 编程开发 | development    |
 | 系统工具 | tools          |
-| 主题美化 | themes         |
+| 主题美化 | beautify       |
 | 其他应用 | others         |
 
- #### 目录结构
 
-安装软件过程中产生的包，图标，截图等被储存到`/tmp/deepin-community-store/`中。
-
-配置文件被储存到`~/.config/deepin-community-store/`中。
-
-线路文件：新版的线路文件被放置于源服务器中，可随时刷新更新源列表
 
 #### 如何编译
 
 Deepin V20/UOS 系统下, 安装依赖
 
 ```shell
-sudo apt install qt5-default libdtkcore-dev libdtkwidget-dev qtwebengine5-dev
+sudo apt install qt5-default libdtkcore-dev libdtkwidget-dev qtwebengine5-dev libnotify-dev
 ```
 
 ```shell
@@ -67,7 +71,3 @@ make -j
 ```
 
 ./build文件下的spark-store即为可执行文件
-
-#### 参与贡献
-
-1.  Fork 本仓库

big_image.cpp

@@ -1,37 +0,0 @@
-#include "big_image.h"
-#include <QHBoxLayout>
-#include <QtConcurrent>
-big_image::big_image(DBlurEffectWidget *parent) : DBlurEffectWidget(parent)
-{
-//    m_image->setParent(this);
-    QHBoxLayout *layout=new QHBoxLayout;
-    setLayout(layout);
-    layout->addWidget(m_image);
-    layout->setMargin(0);
-    m_image->setAlignment(Qt::AlignCenter);
-//    m_image->setMaximumSize(1360,768);
-    setWindowFlags(this->windowFlags() | Qt::WindowStaysOnTopHint);//设置图片对话框总在最前
-    setRadius(0);
-    setMaskAlpha(60);
-    setMaskColor(QColor("#000000"));
-
-
-
-}
-
-void big_image::mousePressEvent(QMouseEvent *)
-{
-    hide();
-    m_image->clear();
-}
-
-void big_image::setimage(QPixmap image)
-{
-    m_image->setPixmap(image);
-}
-
-void big_image::focusOutEvent(QFocusEvent *)
-{
-    hide();
-    m_image->clear();
-}

big_image.h

@@ -1,25 +0,0 @@
-#ifndef BIG_IMAGE_H
-#define BIG_IMAGE_H
-
-#include <QWidget>
-#include <DBlurEffectWidget>
-#include <QMouseEvent>
-#include <QLabel>
-DWIDGET_USE_NAMESPACE
-
-class big_image : public DBlurEffectWidget
-{
-    Q_OBJECT
-public:
-    explicit big_image(DBlurEffectWidget *parent = nullptr);
-    void mousePressEvent(QMouseEvent *event);
-    QLabel *m_image=new QLabel;
-    void setimage(QPixmap);
-    void focusOutEvent(QFocusEvent *event);
-
-signals:
-
-public slots:
-};
-
-#endif // BIG_IMAGE_H

cmake/FindGdk3.cmake

@@ -0,0 +1,52 @@
+# - Try to find GDK 3
+# Once done, this will define
+#
+#  GDK3_FOUND - system has GDK 3
+#  GDK3_INCLUDE_DIRS - the GDK 3 include directories
+#  GDK3_LIBRARIES - link these to use GDK 3
+#
+# Copyright (C) 2012 Raphael Kubo da Costa <rakuco@webkit.org>
+# Copyright (C) 2013 Igalia S.L.
+#
+# Redistribution and use in source and binary forms, with or without
+# modification, are permitted provided that the following conditions
+# are met:
+# 1.  Redistributions of source code must retain the above copyright
+#     notice, this list of conditions and the following disclaimer.
+# 2.  Redistributions in binary form must reproduce the above copyright
+#     notice, this list of conditions and the following disclaimer in the
+#     documentation and/or other materials provided with the distribution.
+#
+# THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER AND ITS CONTRIBUTORS ``AS
+# IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+# THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+# PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR ITS
+# CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+# EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+# PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
+# OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
+# WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+# OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
+# ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+# Source from:
+# https://sources.debian.org/src/qtwebkit-opensource-src/5.212.0%7Ealpha2-21/Source/cmake/FindGDK3.cmake/
+
+find_package(PkgConfig)
+pkg_check_modules(GDK3 gdk-3.0)
+
+set(VERSION_OK TRUE)
+if (GDK3_VERSION)
+    if (GDK3_FIND_VERSION_EXACT)
+        if (NOT("${GDK3_FIND_VERSION}" VERSION_EQUAL "${GDK3_VERSION}"))
+            set(VERSION_OK FALSE)
+        endif ()
+    else ()
+        if ("${GDK3_VERSION}" VERSION_LESS "${GDK3_FIND_VERSION}")
+            set(VERSION_OK FALSE)
+        endif ()
+    endif ()
+endif ()
+
+include(FindPackageHandleStandardArgs)
+FIND_PACKAGE_HANDLE_STANDARD_ARGS(GDK3 DEFAULT_MSG GDK3_INCLUDE_DIRS GDK3_LIBRARIES VERSION_OK)

cmake/FindGlib.cmake

@@ -0,0 +1,125 @@
+# - Try to find Glib and its components (gio, gobject etc)
+# Once done, this will define
+#
+#  GLIB_FOUND - system has Glib
+#  GLIB_INCLUDE_DIRS - the Glib include directories
+#  GLIB_LIBRARIES - link these to use Glib
+#
+# Optionally, the COMPONENTS keyword can be passed to find_package()
+# and Glib components can be looked for.  Currently, the following
+# components can be used, and they define the following variables if
+# found:
+#
+#  gio:             GLIB_GIO_LIBRARIES
+#  gobject:         GLIB_GOBJECT_LIBRARIES
+#  gmodule:         GLIB_GMODULE_LIBRARIES
+#  gthread:         GLIB_GTHREAD_LIBRARIES
+#
+# Note that the respective _INCLUDE_DIR variables are not set, since
+# all headers are in the same directory as GLIB_INCLUDE_DIRS.
+#
+# Copyright (C) 2012 Raphael Kubo da Costa <rakuco@webkit.org>
+#
+# Redistribution and use in source and binary forms, with or without
+# modification, are permitted provided that the following conditions
+# are met:
+# 1.  Redistributions of source code must retain the above copyright
+#     notice, this list of conditions and the following disclaimer.
+# 2.  Redistributions in binary form must reproduce the above copyright
+#     notice, this list of conditions and the following disclaimer in the
+#     documentation and/or other materials provided with the distribution.
+#
+# THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER AND ITS CONTRIBUTORS ``AS
+# IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+# THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+# PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR ITS
+# CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+# EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+# PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
+# OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
+# WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+# OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
+# ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+# Source from:
+# https://sources.debian.org/src/qtwebkit-opensource-src/5.212.0%7Ealpha2-21/Source/cmake/FindGLIB.cmake/
+
+find_package(PkgConfig)
+pkg_check_modules(PC_GLIB QUIET glib-2.0)
+
+find_library(GLIB_LIBRARIES
+             NAMES glib-2.0
+             HINTS ${PC_GLIB_LIBDIR}
+             ${PC_GLIB_LIBRARY_DIRS}
+             )
+
+# Files in glib's main include path may include glibconfig.h, which,
+# for some odd reason, is normally in $LIBDIR/glib-2.0/include.
+get_filename_component(_GLIB_LIBRARY_DIR ${GLIB_LIBRARIES} PATH)
+find_path(GLIBCONFIG_INCLUDE_DIR
+          NAMES glibconfig.h
+          HINTS ${PC_LIBDIR} ${PC_LIBRARY_DIRS} ${_GLIB_LIBRARY_DIR}
+          ${PC_GLIB_INCLUDEDIR} ${PC_GLIB_INCLUDE_DIRS}
+          PATH_SUFFIXES glib-2.0/include
+          )
+
+find_path(GLIB_INCLUDE_DIR
+          NAMES glib.h
+          HINTS ${PC_GLIB_INCLUDEDIR}
+          ${PC_GLIB_INCLUDE_DIRS}
+          PATH_SUFFIXES glib-2.0
+          )
+
+set(GLIB_INCLUDE_DIRS ${GLIB_INCLUDE_DIR} ${GLIBCONFIG_INCLUDE_DIR})
+
+# Version detection
+if (EXISTS "${GLIBCONFIG_INCLUDE_DIR}/glibconfig.h")
+    file(READ "${GLIBCONFIG_INCLUDE_DIR}/glibconfig.h" GLIBCONFIG_H_CONTENTS)
+    string(REGEX MATCH "#define GLIB_MAJOR_VERSION ([0-9]+)" _dummy "${GLIBCONFIG_H_CONTENTS}")
+    set(GLIB_VERSION_MAJOR "${CMAKE_MATCH_1}")
+    string(REGEX MATCH "#define GLIB_MINOR_VERSION ([0-9]+)" _dummy "${GLIBCONFIG_H_CONTENTS}")
+    set(GLIB_VERSION_MINOR "${CMAKE_MATCH_1}")
+    string(REGEX MATCH "#define GLIB_MICRO_VERSION ([0-9]+)" _dummy "${GLIBCONFIG_H_CONTENTS}")
+    set(GLIB_VERSION_MICRO "${CMAKE_MATCH_1}")
+    set(GLIB_VERSION "${GLIB_VERSION_MAJOR}.${GLIB_VERSION_MINOR}.${GLIB_VERSION_MICRO}")
+endif ()
+
+# Additional Glib components.  We only look for libraries, as not all of them
+# have corresponding headers and all headers are installed alongside the main
+# glib ones.
+foreach (_component ${GLIB_FIND_COMPONENTS})
+    if (${_component} STREQUAL "gio")
+        find_library(GLIB_GIO_LIBRARIES NAMES gio-2.0 HINTS ${_GLIB_LIBRARY_DIR})
+        set(ADDITIONAL_REQUIRED_VARS ${ADDITIONAL_REQUIRED_VARS} GLIB_GIO_LIBRARIES)
+    elseif (${_component} STREQUAL "gobject")
+        find_library(GLIB_GOBJECT_LIBRARIES NAMES gobject-2.0 HINTS ${_GLIB_LIBRARY_DIR})
+        set(ADDITIONAL_REQUIRED_VARS ${ADDITIONAL_REQUIRED_VARS} GLIB_GOBJECT_LIBRARIES)
+    elseif (${_component} STREQUAL "gmodule")
+        find_library(GLIB_GMODULE_LIBRARIES NAMES gmodule-2.0 HINTS ${_GLIB_LIBRARY_DIR})
+        set(ADDITIONAL_REQUIRED_VARS ${ADDITIONAL_REQUIRED_VARS} GLIB_GMODULE_LIBRARIES)
+    elseif (${_component} STREQUAL "gthread")
+        find_library(GLIB_GTHREAD_LIBRARIES NAMES gthread-2.0 HINTS ${_GLIB_LIBRARY_DIR})
+        set(ADDITIONAL_REQUIRED_VARS ${ADDITIONAL_REQUIRED_VARS} GLIB_GTHREAD_LIBRARIES)
+    elseif (${_component} STREQUAL "gio-unix")
+        # gio-unix is compiled as part of the gio library, but the include paths
+        # are separate from the shared glib ones. Since this is currently only used
+        # by WebKitGTK+ we don't go to extraordinary measures beyond pkg-config.
+        pkg_check_modules(GIO_UNIX QUIET gio-unix-2.0)
+    endif ()
+endforeach ()
+
+include(FindPackageHandleStandardArgs)
+FIND_PACKAGE_HANDLE_STANDARD_ARGS(GLIB REQUIRED_VARS GLIB_INCLUDE_DIRS GLIB_LIBRARIES ${ADDITIONAL_REQUIRED_VARS}
+                                  VERSION_VAR   GLIB_VERSION)
+
+mark_as_advanced(
+        GLIBCONFIG_INCLUDE_DIR
+        GLIB_GIO_LIBRARIES
+        GLIB_GIO_UNIX_LIBRARIES
+        GLIB_GMODULE_LIBRARIES
+        GLIB_GOBJECT_LIBRARIES
+        GLIB_GTHREAD_LIBRARIES
+        GLIB_INCLUDE_DIR
+        GLIB_INCLUDE_DIRS
+        GLIB_LIBRARIES
+)

cmake/FindLibNotify.cmake

@@ -0,0 +1,58 @@
+# - Try to find LibNotify
+# This module defines the following variables:
+#
+#  LIBNOTIFY_FOUND - LibNotify was found
+#  LIBNOTIFY_INCLUDE_DIRS - the LibNotify include directories
+#  LIBNOTIFY_LIBRARIES - link these to use LibNotify
+#
+# Copyright (C) 2012 Raphael Kubo da Costa <rakuco@webkit.org>
+# Copyright (C) 2014 Collabora Ltd.
+#
+# Redistribution and use in source and binary forms, with or without
+# modification, are permitted provided that the following conditions
+# are met:
+# 1.  Redistributions of source code must retain the above copyright
+#     notice, this list of conditions and the following disclaimer.
+# 2.  Redistributions in binary form must reproduce the above copyright
+#     notice, this list of conditions and the following disclaimer in the
+#     documentation and/or other materials provided with the distribution.
+#
+# THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER AND ITS CONTRIBUTORS ``AS
+# IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+# THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+# PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR ITS
+# CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+# EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+# PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
+# OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
+# WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+# OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
+# ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+# Source from:
+# https://sources.debian.org/src/qtwebkit-opensource-src/5.212.0~alpha2-21/Source/cmake/FindLibNotify.cmake/
+
+find_package(PkgConfig)
+pkg_check_modules(LIBNOTIFY QUIET libnotify)
+
+find_path(LIBNOTIFY_INCLUDE_DIRS
+          NAMES notify.h
+          HINTS ${LIBNOTIFY_INCLUDEDIR}
+          ${LIBNOTIFY_INCLUDE_DIRS}
+          PATH_SUFFIXES libnotify
+          )
+
+find_library(LIBNOTIFY_LIBRARIES
+             NAMES notify
+             HINTS ${LIBNOTIFY_LIBDIR}
+             ${LIBNOTIFY_LIBRARY_DIRS}
+             )
+
+include(FindPackageHandleStandardArgs)
+FIND_PACKAGE_HANDLE_STANDARD_ARGS(LibNotify REQUIRED_VARS LIBNOTIFY_INCLUDE_DIRS LIBNOTIFY_LIBRARIES
+                                  VERSION_VAR   LIBNOTIFY_VERSION)
+
+mark_as_advanced(
+        LIBNOTIFY_INCLUDE_DIRS
+        LIBNOTIFY_LIBRARIES
+)

cmake/FindXCB.cmake

@@ -0,0 +1,51 @@
+# - FindXCB
+#
+# Copyright 2015 Valve Coporation
+
+find_package(PkgConfig)
+
+if(NOT XCB_FIND_COMPONENTS)
+    set(XCB_FIND_COMPONENTS xcb)
+endif()
+
+include(FindPackageHandleStandardArgs)
+set(XCB_FOUND true)
+set(XCB_INCLUDE_DIRS "")
+set(XCB_LIBRARIES "")
+foreach(comp ${XCB_FIND_COMPONENTS})
+    # component name
+    string(TOUPPER ${comp} compname)
+    string(REPLACE "-" "_" compname ${compname})
+    # header name
+    string(REPLACE "xcb-" "" headername xcb/${comp}.h)
+    # library name
+    set(libname ${comp})
+
+    pkg_check_modules(PC_${comp} QUIET ${comp})
+
+    find_path(${compname}_INCLUDE_DIR NAMES ${headername}
+        HINTS
+        ${PC_${comp}_INCLUDEDIR}
+        ${PC_${comp}_INCLUDE_DIRS}
+        )
+
+    find_library(${compname}_LIBRARY NAMES ${libname}
+        HINTS
+        ${PC_${comp}_LIBDIR}
+        ${PC_${comp}_LIBRARY_DIRS}
+        )
+
+    find_package_handle_standard_args(${comp}
+        FOUND_VAR ${comp}_FOUND
+        REQUIRED_VARS ${compname}_INCLUDE_DIR ${compname}_LIBRARY)
+    mark_as_advanced(${compname}_INCLUDE_DIR ${compname}_LIBRARY)
+
+    list(APPEND XCB_INCLUDE_DIRS ${${compname}_INCLUDE_DIR})
+    list(APPEND XCB_LIBRARIES ${${compname}_LIBRARY})
+
+    if(NOT ${comp}_FOUND)
+        set(XCB_FOUND false)
+    endif()
+endforeach()
+
+list(REMOVE_DUPLICATES XCB_INCLUDE_DIRS)

cmake/git_watcher.cmake

@@ -0,0 +1,335 @@
+# git_watcher.cmake
+# https://raw.githubusercontent.com/andrew-hardin/cmake-git-version-tracking/master/git_watcher.cmake
+#
+# Released under the MIT License.
+# https://raw.githubusercontent.com/andrew-hardin/cmake-git-version-tracking/master/LICENSE
+
+
+# This file defines a target that monitors the state of a git repo.
+# If the state changes (e.g. a commit is made), then a file gets reconfigured.
+# Here are the primary variables that control script behavior:
+#
+#   PRE_CONFIGURE_FILE (REQUIRED)
+#   -- The path to the file that'll be configured.
+#
+#   POST_CONFIGURE_FILE (REQUIRED)
+#   -- The path to the configured PRE_CONFIGURE_FILE.
+#
+#   GIT_STATE_FILE (OPTIONAL)
+#   -- The path to the file used to store the previous build's git state.
+#      Defaults to the current binary directory.
+#
+#   GIT_WORKING_DIR (OPTIONAL)
+#   -- The directory from which git commands will be run.
+#      Defaults to the directory with the top level CMakeLists.txt.
+#
+#   GIT_EXECUTABLE (OPTIONAL)
+#   -- The path to the git executable. It'll automatically be set if the
+#      user doesn't supply a path.
+#
+#   GIT_FAIL_IF_NONZERO_EXIT (optional)
+#   -- Raise a FATAL_ERROR if any of the git commands return a non-zero
+#      exit code. This is set to TRUE by default. You can set this to FALSE
+#      if you'd like the build to continue even if a git command fails.
+#
+# DESIGN
+#   - This script was designed similar to a Python application
+#     with a Main() function. I wanted to keep it compact to
+#     simplify "copy + paste" usage.
+#
+#   - This script is invoked under two CMake contexts:
+#       1. Configure time (when build files are created).
+#       2. Build time (called via CMake -P).
+#     The first invocation is what registers the script to
+#     be executed at build time.
+#
+# MODIFICATIONS
+#   You may wish to track other git properties like when the last
+#   commit was made. There are two sections you need to modify,
+#   and they're tagged with a ">>>" header.
+
+# Short hand for converting paths to absolute.
+macro(PATH_TO_ABSOLUTE var_name)
+    get_filename_component(${var_name} "${${var_name}}" ABSOLUTE)
+endmacro()
+
+# Check that a required variable is set.
+macro(CHECK_REQUIRED_VARIABLE var_name)
+    if(NOT DEFINED ${var_name})
+        message(FATAL_ERROR "The \"${var_name}\" variable must be defined.")
+    endif()
+    PATH_TO_ABSOLUTE(${var_name})
+endmacro()
+
+# Check that an optional variable is set, or, set it to a default value.
+macro(CHECK_OPTIONAL_VARIABLE_NOPATH var_name default_value)
+    if(NOT DEFINED ${var_name})
+        set(${var_name} ${default_value})
+    endif()
+endmacro()
+
+# Check that an optional variable is set, or, set it to a default value.
+# Also converts that path to an abspath.
+macro(CHECK_OPTIONAL_VARIABLE var_name default_value)
+    CHECK_OPTIONAL_VARIABLE_NOPATH(${var_name} ${default_value})
+    PATH_TO_ABSOLUTE(${var_name})
+endmacro()
+
+CHECK_REQUIRED_VARIABLE(PRE_CONFIGURE_FILE)
+CHECK_REQUIRED_VARIABLE(POST_CONFIGURE_FILE)
+CHECK_OPTIONAL_VARIABLE(GIT_STATE_FILE "${CMAKE_BINARY_DIR}/git-state-hash")
+CHECK_OPTIONAL_VARIABLE(GIT_WORKING_DIR "${CMAKE_SOURCE_DIR}")
+CHECK_OPTIONAL_VARIABLE_NOPATH(GIT_FAIL_IF_NONZERO_EXIT TRUE)
+
+# Check the optional git variable.
+# If it's not set, we'll try to find it using the CMake packaging system.
+if(NOT DEFINED GIT_EXECUTABLE)
+    find_package(Git QUIET REQUIRED)
+endif()
+CHECK_REQUIRED_VARIABLE(GIT_EXECUTABLE)
+
+
+set(_state_variable_names
+    GIT_RETRIEVED_STATE
+    GIT_HEAD_SHA1
+    GIT_IS_DIRTY
+    GIT_AUTHOR_NAME
+    GIT_AUTHOR_EMAIL
+    GIT_COMMIT_DATE_ISO8601
+    GIT_COMMIT_SUBJECT
+    GIT_COMMIT_BODY
+    GIT_DESCRIBE
+    # >>>
+    # 1. Add the name of the additional git variable you're interested in monitoring
+    #    to this list.
+)
+
+
+
+# Macro: RunGitCommand
+# Description: short-hand macro for calling a git function. Outputs are the
+#              "exit_code" and "output" variables.
+macro(RunGitCommand)
+    execute_process(COMMAND
+        "${GIT_EXECUTABLE}" ${ARGV}
+        WORKING_DIRECTORY "${_working_dir}"
+        RESULT_VARIABLE exit_code
+        OUTPUT_VARIABLE output
+        ERROR_VARIABLE stderr
+        OUTPUT_STRIP_TRAILING_WHITESPACE)
+    if(NOT exit_code EQUAL 0)
+        set(ENV{GIT_RETRIEVED_STATE} "false")
+
+        # Issue 26: git info not properly set
+        #
+        # Check if we should fail if any of the exit codes are non-zero.
+        if(GIT_FAIL_IF_NONZERO_EXIT)
+            string(REPLACE ";" " " args_with_spaces "${ARGV}")
+            message(FATAL_ERROR "${stderr} (${GIT_EXECUTABLE} ${args_with_spaces})")
+        endif()
+    endif()
+endmacro()
+
+
+
+# Function: GetGitState
+# Description: gets the current state of the git repo.
+# Args:
+#   _working_dir (in)  string; the directory from which git commands will be executed.
+function(GetGitState _working_dir)
+
+    # This is an error code that'll be set to FALSE if the
+    # RunGitCommand ever returns a non-zero exit code.
+    set(ENV{GIT_RETRIEVED_STATE} "true")
+
+    # Get whether or not the working tree is dirty.
+    RunGitCommand(status --porcelain)
+    if(NOT exit_code EQUAL 0)
+        set(ENV{GIT_IS_DIRTY} "false")
+    else()
+        if(NOT "${output}" STREQUAL "")
+            set(ENV{GIT_IS_DIRTY} "true")
+        else()
+            set(ENV{GIT_IS_DIRTY} "false")
+        endif()
+    endif()
+
+    # There's a long list of attributes grabbed from git show.
+    set(object HEAD)
+    RunGitCommand(show -s "--format=%H" ${object})
+    if(exit_code EQUAL 0)
+        set(ENV{GIT_HEAD_SHA1} ${output})
+    endif()
+
+    RunGitCommand(show -s "--format=%an" ${object})
+    if(exit_code EQUAL 0)
+        set(ENV{GIT_AUTHOR_NAME} "${output}")
+    endif()
+
+    RunGitCommand(show -s "--format=%ae" ${object})
+    if(exit_code EQUAL 0)
+        set(ENV{GIT_AUTHOR_EMAIL} "${output}")
+    endif()
+
+    RunGitCommand(show -s "--format=%ci" ${object})
+    if(exit_code EQUAL 0)
+        set(ENV{GIT_COMMIT_DATE_ISO8601} "${output}")
+    endif()
+
+    RunGitCommand(show -s "--format=%s" ${object})
+    if(exit_code EQUAL 0)
+        # Escape quotes
+        string(REPLACE "\"" "\\\"" output "${output}")
+        set(ENV{GIT_COMMIT_SUBJECT} "${output}")
+    endif()
+
+    RunGitCommand(show -s "--format=%b" ${object})
+    if(exit_code EQUAL 0)
+        if(output)
+            # Escape quotes
+            string(REPLACE "\"" "\\\"" output "${output}")
+            # Escape line breaks in the commit message.
+            string(REPLACE "\r\n" "\\r\\n\\\r\n" safe "${output}")
+            if(safe STREQUAL output)
+                # Didn't have windows lines - try unix lines.
+                string(REPLACE "\n" "\\n\\\n" safe "${output}")
+            endif()
+        else()
+            # There was no commit body - set the safe string to empty.
+            set(safe "")
+        endif()
+        set(ENV{GIT_COMMIT_BODY} "\"${safe}\"")
+    else()
+        set(ENV{GIT_COMMIT_BODY} "\"\"") # empty string.
+    endif()
+
+    # Get output of git describe
+    RunGitCommand(describe --tags ${object})
+    if(NOT exit_code EQUAL 0)
+        set(ENV{GIT_DESCRIBE} "unknown")
+    else()
+        set(ENV{GIT_DESCRIBE} "${output}")
+    endif()
+
+    # >>>
+    # 2. Additional git properties can be added here via the
+    #    "execute_process()" command. Be sure to set them in
+    #    the environment using the same variable name you added
+    #    to the "_state_variable_names" list.
+
+endfunction()
+
+
+
+# Function: GitStateChangedAction
+# Description: this function is executed when the state of the git
+#              repository changes (e.g. a commit is made).
+function(GitStateChangedAction)
+    foreach(var_name ${_state_variable_names})
+        set(${var_name} $ENV{${var_name}})
+    endforeach()
+    configure_file("${PRE_CONFIGURE_FILE}" "${POST_CONFIGURE_FILE}" @ONLY)
+endfunction()
+
+
+
+# Function: HashGitState
+# Description: loop through the git state variables and compute a unique hash.
+# Args:
+#   _state (out)  string; a hash computed from the current git state.
+function(HashGitState _state)
+    set(ans "")
+    foreach(var_name ${_state_variable_names})
+        string(SHA256 ans "${ans}$ENV{${var_name}}")
+    endforeach()
+    set(${_state} ${ans} PARENT_SCOPE)
+endfunction()
+
+
+
+# Function: CheckGit
+# Description: check if the git repo has changed. If so, update the state file.
+# Args:
+#   _working_dir    (in)  string; the directory from which git commands will be ran.
+#   _state_changed (out)    bool; whether or no the state of the repo has changed.
+function(CheckGit _working_dir _state_changed)
+
+    # Get the current state of the repo.
+    GetGitState("${_working_dir}")
+
+    # Convert that state into a hash that we can compare against
+    # the hash stored on-disk.
+    HashGitState(state)
+
+    # Issue 14: post-configure file isn't being regenerated.
+    #
+    # Update the state to include the SHA256 for the pre-configure file.
+    # This forces the post-configure file to be regenerated if the
+    # pre-configure file has changed.
+    file(SHA256 ${PRE_CONFIGURE_FILE} preconfig_hash)
+    string(SHA256 state "${preconfig_hash}${state}")
+
+    # Check if the state has changed compared to the backup on disk.
+    if(EXISTS "${GIT_STATE_FILE}")
+        file(READ "${GIT_STATE_FILE}" OLD_HEAD_CONTENTS)
+        if(OLD_HEAD_CONTENTS STREQUAL "${state}")
+            # State didn't change.
+            set(${_state_changed} "false" PARENT_SCOPE)
+            return()
+        endif()
+    endif()
+
+    # The state has changed.
+    # We need to update the state file on disk.
+    # Future builds will compare their state to this file.
+    file(WRITE "${GIT_STATE_FILE}" "${state}")
+    set(${_state_changed} "true" PARENT_SCOPE)
+endfunction()
+
+
+
+# Function: SetupGitMonitoring
+# Description: this function sets up custom commands that make the build system
+#              check the state of git before every build. If the state has
+#              changed, then a file is configured.
+function(SetupGitMonitoring)
+    add_custom_target(check_git
+        ALL
+        DEPENDS ${PRE_CONFIGURE_FILE}
+        BYPRODUCTS
+            ${POST_CONFIGURE_FILE}
+            ${GIT_STATE_FILE}
+        COMMENT "Checking the git repository for changes..."
+        COMMAND
+            ${CMAKE_COMMAND}
+            -D_BUILD_TIME_CHECK_GIT=TRUE
+            -DGIT_WORKING_DIR=${GIT_WORKING_DIR}
+            -DGIT_EXECUTABLE=${GIT_EXECUTABLE}
+            -DGIT_STATE_FILE=${GIT_STATE_FILE}
+            -DPRE_CONFIGURE_FILE=${PRE_CONFIGURE_FILE}
+            -DPOST_CONFIGURE_FILE=${POST_CONFIGURE_FILE}
+            -DGIT_FAIL_IF_NONZERO_EXIT=${GIT_FAIL_IF_NONZERO_EXIT}
+            -P "${CMAKE_CURRENT_LIST_FILE}")
+endfunction()
+
+
+
+# Function: Main
+# Description: primary entry-point to the script. Functions are selected based
+#              on whether it's configure or build time.
+function(Main)
+    if(_BUILD_TIME_CHECK_GIT)
+        # Check if the repo has changed.
+        # If so, run the change action.
+        CheckGit("${GIT_WORKING_DIR}" changed)
+        if(changed OR NOT EXISTS "${POST_CONFIGURE_FILE}")
+            GitStateChangedAction()
+        endif()
+    else()
+        # >> Executes at configure time.
+        SetupGitMonitoring()
+    endif()
+endfunction()
+
+# And off we go...
+Main()

docs/structure_and_naming.md

@@ -0,0 +1,52 @@
+# 项目结构和命名规范
+
+## 文件夹结构
+
+### cmake
+
+主要用于 CMake 配置时需要用到的 CMake 模块脚本。
+
+### gui
+
+主要用于显示界面的 C++ 代码文件（即包含 Qt Widgets 代码），无论包含多少与其他组件的联系，都在这个目录内。
+这包括 SpkUi 的自定义界面组件、商店主界面自身的 Page 类等等。
+
+### inc
+
+项目中所有以 `#include "xxx.h"` 方式包含到代码中的标头文件，全部放入此目录。
+标头文件并不强求目录结构明确，文件用途或来源特殊的除外。
+
+### src
+
+商店主体逻辑。包含基础的 `SpkStore` 类、`main.cpp` 等核心逻辑。
+新加入的逻辑如单个功能多于一个cpp文件，则必须分装到一个目录内。
+
+### plugin
+
+适配 Deepin 以及其他平台的平台相关插件。
+
+## 命名规范
+
+### 通用规范
+
+类名、成员、方法名一律采用大驼峰形式。例如，`SpkTitleBar::SetTitle` 方法。
+C++ 规范要求的和第三方库有较大差异的除外。例如，`SpkUiMessage::_notify`成员。
+临时变量采用小驼峰形式或全小写。
+
+名称要对功能要有基础的描述，例如，`SpkUi::SpkCategorySelector` 类。抽象核心逻辑除外。
+
+### 类名
+
+如非第三方代码，一般以 `Spk` 前缀标明。
+实现 UI 的类都应归于 `SpkUi` 命名空间。
+
+## 类定义
+
+### 一般规则
+
+Qt 类的 `Q_OBJECT` 应置于类定义最顶端。
+`public` ，`protected` 和 `private` 等标签中只应该包含一类成员，
+如单个 `public` 标签内只能包含方法，或成员。
+信号、槽等不得与普通方法混合。
+
+<!--TODO-->

docs/translating.md

@@ -0,0 +1,6 @@
+
+# 翻译
+
+由于CMake和Qt的稀烂集成，我们不能使用CMake自动lupdate更新翻译。
+
+如果需要更新翻译，请使用`make run_lupdate`目标进行。qm文件的编译无需其他操作，只需build即可。

downloadlist.cpp

@@ -1,219 +0,0 @@
-#include "downloadlist.h"
-#include "ui_downloadlist.h"
-#include "widget.h"
-#include <QDebug>
-#include <QIcon>
-#include <QPixmap>
-#include <QtConcurrent>
-#include <QProcess>
-#include <QTextBrowser>
-bool downloadlist::isInstall=false;
-
-downloadlist::downloadlist(QWidget *parent) :
-    QWidget(parent),
-    ui(new Ui::downloadlist)
-{
-    ui->setupUi(this);
-    ui->pushButton_install->setEnabled(false);
-    ui->progressBar->setValue(0);
-    ui->label_filename->hide();
-    ui->pushButton_install->hide();
-    ui->pushButton_3->hide();
-    ui->widget_spinner->start();
-    ui->widget_spinner->hide();
-    action_dpkg->setText(tr("dpkg"));
-    action_gdebi->setText(tr("gdebi"));
-    action_deepin->setText(tr("deepin deb installer"));
-    connect(action_dpkg,&QAction::triggered,[=](){downloadlist::install(1);});
-    connect(action_gdebi,&QAction::triggered,[=](){downloadlist::install(0);});
-    connect(action_deepin,&QAction::triggered,[=](){downloadlist::install(2);});
-    menu_install->addAction(action_gdebi);
-    //ssinstall命令存在时再加入该选项
-    QFile ssinstall("/bin/ssinstall");
-    ssinstall.open(QIODevice::ReadOnly);
-    if(ssinstall.isOpen()){
-        menu_install->addAction(action_dpkg);
-    }
-    QFile deepin("/bin/deepin-deb-installer");
-    deepin.open(QIODevice::ReadOnly);
-    if(deepin.isOpen()){
-        menu_install->addAction(action_deepin);
-    }
-
-}
-
-downloadlist::~downloadlist()
-{
-    delete ui;
-}
-
-void downloadlist::setValue(long long value)
-{
-    ui->progressBar->setValue(int(value));
-    ui->label_2->setText(QString::number(double(value)/100)+"% ("+speed+")");
-    if(ui->label_2->text().left(4)=="100%"){
-        ui->label_2->setText(tr("Downloaded, waiting to install"));
-    }
-}
-
-void downloadlist::setMax(long long max)
-{
-    ui->progressBar->setMaximum(int(max));
-}
-
-void downloadlist::setName(QString name)
-{
-    ui->label->setText(name);
-}
-
-QString downloadlist::getName()
-{
-    return ui->label_filename->text();
-}
-
-void downloadlist::readyInstall()
-{
-    if(ui->progressBar->value()!= ui->progressBar->maximum() && !close){
-        ui->progressBar->hide();
-        ui->pushButton_install->show();
-        ui->pushButton_2->hide();
-        Widget::sendNotification(tr("Failed to download %1").arg(ui->label->text()), 5000,
-                                 "/tmp/spark-store/icon_"+QString::number(num).toUtf8()+".png");
-        ui->label_2->setText(tr("Download Failed，Check Your Connection"));
-        ui->pushButton_install->setEnabled(false);
-        return;
-
-    }
-    if(!close){
-        ui->progressBar->hide();
-        ui->pushButton_install->setEnabled(true);
-        ui->pushButton_install->show();
-        ui->pushButton_2->hide();
-        Widget::sendNotification(tr("Finished downloading %1, awaiting to install").arg(ui->label->text()), 5000,
-                                    "/tmp/spark-store/icon_"+QString::number(num).toUtf8()+".png");
-    }
-
-}
-
-void downloadlist::setFileName(QString fileName)
-{
-    ui->label_filename->setText(fileName);
-}
-
-void downloadlist::seticon(const QPixmap icon)
-{
-    ui->label_3->setPixmap(icon);
-}
-
-void downloadlist::closeDownload()
-{
-    on_pushButton_2_clicked();
-}
-
-void downloadlist::setSpeed(QString s)
-{
-    speed=s;
-}
-
-void downloadlist::install(int t)
-{
-    if(!isInstall){
-        isInstall=true;
-        ui->pushButton_install->hide();
-        ui->widget_spinner->show();
-        qDebug()<<"/tmp/spark-store/"+ui->label_filename->text().toUtf8();
-        ui->label_2->setText(tr("Installing..."));
-        QtConcurrent::run([=](){
-            QProcess installer;
-            if(!reinstall){
-                switch (t) {
-                case 0:
-                    installer.start("pkexec gdebi -n /tmp/spark-store/"+ui->label_filename->text().toUtf8());
-                    break;
-                case 1:
-                    installer.start("pkexec ssinstall /tmp/spark-store/"+ui->label_filename->text().toUtf8());
-                    break;
-                case 2:
-                    installer.start("deepin-deb-installer /tmp/spark-store/"+ui->label_filename->text().toUtf8());
-                    break;
-                }
-            }else {
-                switch (t) {
-                case 0:
-                    installer.start("pkexec gdebi -n /tmp/spark-store/"+ui->label_filename->text().toUtf8());
-                    break;
-                case 1:
-                    installer.start("pkexec ssinstall /tmp/spark-store/"+ui->label_filename->text().toUtf8());
-                    break;
-                case 2:
-                    installer.start("deepin-deb-installer /tmp/spark-store/"+ui->label_filename->text().toUtf8());
-                    break;
-                }
-            }
-            bool haveError=false;
-            bool notRoot=false;
-            installer.waitForFinished();
-            out=installer.readAllStandardOutput();
-            QStringList everyOut=out.split("\n");
-            for (int i=0;i<everyOut.size();i++) {
-                if(everyOut[i].left(2)=="E:"){
-                    haveError=true;
-                }
-                if(everyOut[i].right(14)=="Not authorized"){
-                    notRoot=true;
-                }
-            }
-            QProcess isInstall;
-            isInstall.start("dpkg -s "+pkgName);
-            isInstall.waitForFinished();
-            int error=QString::fromStdString(isInstall.readAllStandardError().toStdString()).length();
-            if(error==0){
-                ui->pushButton_install->hide();
-                ui->label_2->setText(tr("Finish"));
-                ui->pushButton_3->show();
-            }else {
-                ui->pushButton_install->show();
-                ui->pushButton_install->setText(tr("Retry"));
-                ui->label_2->setText(tr("Error happened in dpkg progress , you can try it again"));
-                ui->pushButton_3->show();
-            }
-            if(notRoot){
-                ui->label_2->setText(tr("dpkg progress had been aborted，you can retry installation"));
-                ui->pushButton_install->show();
-                ui->pushButton_3->hide();
-            }
-            ui->widget_spinner->hide();
-            downloadlist::isInstall=false;
-
-        });
-
-        qDebug()<<ui->label_filename->text().toUtf8();
-    }
-
-}
-
-void downloadlist::on_pushButton_install_clicked()
-{
-    //弹出菜单
-    menu_install->exec(cursor().pos());
-}
-
-void downloadlist::on_pushButton_2_clicked()
-{
-    ui->label_2->setText(tr("Download canceled"));
-    ui->pushButton_2->setEnabled(false);
-    ui->progressBar->hide();
-    close=true;
-}
-
-void downloadlist::on_pushButton_3_clicked()
-{
-    output_w.layout()->addWidget(textbrowser);
-    textbrowser->setLineWidth(0);
-    textbrowser->setText(out);
-    output_w.layout()->setMargin(20);
-    output_w.setTitle(ui->label->text());
-    output_w.setMinimumHeight(600);
-    output_w.setAttribute(Qt::WA_TranslucentBackground);
-    output_w.show();
-}

downloadlist.h

@@ -1,57 +0,0 @@
-#ifndef DOWNLOADLIST_H
-#define DOWNLOADLIST_H
-
-#include <QWidget>
-#include <DDialog>
-#include <QTextBrowser>
-#include <QMenu>
-#include <QAction>
-DWIDGET_USE_NAMESPACE
-namespace Ui {
-class downloadlist;
-}
-
-class downloadlist : public QWidget
-{
-    Q_OBJECT
-
-public:
-    explicit downloadlist(QWidget *parent = nullptr);
-    ~downloadlist();
-    void setValue(long long);
-    void setMax(long long);
-    void setName(QString);
-    QString getName();
-    void readyInstall();
-    bool free;
-    void setFileName(QString);
-    void seticon(const QPixmap);
-    void closeDownload();
-    void setSpeed(QString);
-    int num;
-    bool close=false;
-    QString out;
-    DDialog output_w;
-    QTextBrowser *textbrowser=new QTextBrowser;
-    bool reinstall=false;
-    QString pkgName;
-    QMenu *menu_install=new QMenu;
-    QAction *action_gdebi=new QAction;
-    QAction *action_dpkg=new QAction;
-    QAction *action_deepin=new QAction;
-    void install(int);
-private slots:
-    void on_pushButton_install_clicked();
-//    void on_pushButton_maninst_clicked();
-    void on_pushButton_2_clicked();
-    void on_pushButton_3_clicked();
-
-private:
-    Ui::downloadlist *ui;
-    static bool isInstall;
-    QString speed;
-
-
-};
-//bool downloadlist::isInstall=false;
-#endif // DOWNLOADLIST_H

downloadlist.ui

@@ -1,294 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<ui version="4.0">
- <class>downloadlist</class>
- <widget class="QWidget" name="downloadlist">
-  <property name="geometry">
-   <rect>
-    <x>0</x>
-    <y>0</y>
-    <width>666</width>
-    <height>54</height>
-   </rect>
-  </property>
-  <property name="maximumSize">
-   <size>
-    <width>16777215</width>
-    <height>54</height>
-   </size>
-  </property>
-  <property name="windowTitle">
-   <string>Form</string>
-  </property>
-  <property name="styleSheet">
-   <string notr="true"/>
-  </property>
-  <layout class="QHBoxLayout" name="horizontalLayout">
-   <property name="spacing">
-    <number>2</number>
-   </property>
-   <property name="leftMargin">
-    <number>4</number>
-   </property>
-   <property name="topMargin">
-    <number>4</number>
-   </property>
-   <property name="rightMargin">
-    <number>4</number>
-   </property>
-   <property name="bottomMargin">
-    <number>4</number>
-   </property>
-   <item>
-    <widget class="QLabel" name="label_3">
-     <property name="maximumSize">
-      <size>
-       <width>48</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <property name="text">
-      <string>icon</string>
-     </property>
-     <property name="scaledContents">
-      <bool>true</bool>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <spacer name="horizontalSpacer">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-     <property name="sizeType">
-      <enum>QSizePolicy::Fixed</enum>
-     </property>
-     <property name="sizeHint" stdset="0">
-      <size>
-       <width>20</width>
-       <height>20</height>
-      </size>
-     </property>
-    </spacer>
-   </item>
-   <item>
-    <widget class="QLabel" name="label_filename">
-     <property name="maximumSize">
-      <size>
-       <width>0</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <property name="text">
-      <string>TextLabel</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QLabel" name="label">
-     <property name="minimumSize">
-      <size>
-       <width>80</width>
-       <height>0</height>
-      </size>
-     </property>
-     <property name="maximumSize">
-      <size>
-       <width>16777215</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <property name="font">
-      <font>
-       <pointsize>13</pointsize>
-      </font>
-     </property>
-     <property name="text">
-      <string>Name</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <spacer name="horizontalSpacer_2">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-     <property name="sizeType">
-      <enum>QSizePolicy::Expanding</enum>
-     </property>
-     <property name="sizeHint" stdset="0">
-      <size>
-       <width>20</width>
-       <height>20</height>
-      </size>
-     </property>
-    </spacer>
-   </item>
-   <item>
-    <widget class="QWidget" name="widget" native="true">
-     <property name="minimumSize">
-      <size>
-       <width>280</width>
-       <height>0</height>
-      </size>
-     </property>
-     <property name="maximumSize">
-      <size>
-       <width>500</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <layout class="QVBoxLayout" name="verticalLayout">
-      <property name="spacing">
-       <number>2</number>
-      </property>
-      <property name="leftMargin">
-       <number>0</number>
-      </property>
-      <property name="rightMargin">
-       <number>0</number>
-      </property>
-      <property name="bottomMargin">
-       <number>0</number>
-      </property>
-      <item>
-       <widget class="QProgressBar" name="progressBar">
-        <property name="sizePolicy">
-         <sizepolicy hsizetype="Expanding" vsizetype="Preferred">
-          <horstretch>0</horstretch>
-          <verstretch>0</verstretch>
-         </sizepolicy>
-        </property>
-        <property name="minimumSize">
-         <size>
-          <width>300</width>
-          <height>0</height>
-         </size>
-        </property>
-        <property name="maximumSize">
-         <size>
-          <width>500</width>
-          <height>10</height>
-         </size>
-        </property>
-        <property name="value">
-         <number>24</number>
-        </property>
-        <property name="textVisible">
-         <bool>false</bool>
-        </property>
-       </widget>
-      </item>
-      <item>
-       <widget class="QLabel" name="label_2">
-        <property name="font">
-         <font>
-          <pointsize>9</pointsize>
-         </font>
-        </property>
-        <property name="text">
-         <string>Waiting to download</string>
-        </property>
-        <property name="alignment">
-         <set>Qt::AlignCenter</set>
-        </property>
-       </widget>
-      </item>
-     </layout>
-    </widget>
-   </item>
-   <item>
-    <spacer name="horizontalSpacer_3">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-     <property name="sizeType">
-      <enum>QSizePolicy::Fixed</enum>
-     </property>
-     <property name="sizeHint" stdset="0">
-      <size>
-       <width>20</width>
-       <height>20</height>
-      </size>
-     </property>
-    </spacer>
-   </item>
-   <item>
-    <widget class="DSpinner" name="widget_spinner" native="true">
-     <property name="minimumSize">
-      <size>
-       <width>30</width>
-       <height>0</height>
-      </size>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QPushButton" name="pushButton_install">
-     <property name="minimumSize">
-      <size>
-       <width>60</width>
-       <height>0</height>
-      </size>
-     </property>
-     <property name="maximumSize">
-      <size>
-       <width>60</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <property name="text">
-      <string>Install</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QPushButton" name="pushButton_2">
-     <property name="minimumSize">
-      <size>
-       <width>60</width>
-       <height>0</height>
-      </size>
-     </property>
-     <property name="maximumSize">
-      <size>
-       <width>60</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <property name="text">
-      <string>Cancel</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QPushButton" name="pushButton_3">
-     <property name="minimumSize">
-      <size>
-       <width>60</width>
-       <height>0</height>
-      </size>
-     </property>
-     <property name="maximumSize">
-      <size>
-       <width>60</width>
-       <height>16777215</height>
-      </size>
-     </property>
-     <property name="text">
-      <string>Info</string>
-     </property>
-    </widget>
-   </item>
-  </layout>
- </widget>
- <customwidgets>
-  <customwidget>
-   <class>DSpinner</class>
-   <extends>QWidget</extends>
-   <header location="global">dspinner.h</header>
-   <container>1</container>
-  </customwidget>
- </customwidgets>
- <resources/>
- <connections/>
-</ui>

gui/page/spkpageappdetails.cpp

@@ -0,0 +1,314 @@
+// SPDX-License-Identifier: GPL-3.0-only
+
+#include "page/spkpageappdetails.h"
+#include "spkutils.h"
+#include "spkappitem.h"
+
+namespace SpkUi
+{
+  constexpr QSize SpkPageAppDetails::IconSize;
+
+  void SpkPageAppDetails::LoadAppResources(QString aPkgName, QString aIcon, QStringList aScreenshots,
+                                           QStringList aTags)
+  {
+    QPixmap pic;
+
+    // Load icon
+    auto res = RES->RequestResource(0, aPkgName, SpkResource::ResourceType::AppIcon, aIcon);
+    if(res.status == SpkResource::ResourceStatus::Ready)
+    {
+      if(pic.loadFromData(res.data))
+        mAppIcon->setPixmap(pic.scaled(IconSize,
+                                       Qt::IgnoreAspectRatio,
+                                       Qt::SmoothTransformation));
+      else
+      {
+        mAppIcon->setPixmap(mBrokenImg);
+        RES->PurgeCachedResource(aPkgName, SpkResource::ResourceType::AppIcon, 0);
+      }
+    }
+
+    // Load screenshots. Screenshots have id starting with 1.
+    if(aScreenshots.isEmpty())
+      return;
+    else
+    {
+      auto count = aScreenshots.size();
+      mImgViewer->SetImageTotal(count);
+      if(count > mScreenshotPreviews.size())
+      {
+        auto from = mScreenshotPreviews.size(), to = count - mScreenshotPreviews.size();
+        for(int i = 0; i <= to; i++)
+        {
+          auto wid = new SpkClickLabel;
+          wid->setProperty("shotId", from + i + 1);
+          wid->setFixedHeight(200);
+          wid->setCursor(Qt::PointingHandCursor);
+          connect(wid, &SpkClickLabel::Pressed, this, &SpkPageAppDetails::ImageClicked);
+          mScreenshotPreviews.append(wid);
+          mScreenshotLay->addWidget(wid);
+        }
+      }
+    }
+
+    int shotId = 0;
+    for(auto &i : aScreenshots)
+    {
+      shotId++;
+      res = RES->RequestResource(shotId, aPkgName, SpkResource::ResourceType::AppScreenshot, i,
+                                 shotId);
+      auto preview = mScreenshotPreviews[shotId - 1];
+      preview->setVisible(true);
+      if(res.status == SpkResource::ResourceStatus::Ready)
+      {
+        if(pic.loadFromData(res.data))
+        {
+          mAppImages[shotId] = pic;
+          mImgViewer->SetPixmap(shotId, &mAppImages[shotId]);
+          preview->setPixmap(pic.scaledToHeight(200, Qt::SmoothTransformation));
+        }
+        else
+        {
+          mAppImages[shotId] = mBrokenImg;
+          RES->PurgeCachedResource(aPkgName, SpkResource::ResourceType::AppScreenshot, 0);
+        }
+      }
+      else
+      {
+        preview->setPixmap(mIconLoading);
+      }
+    }
+
+    // TODO: tags
+  }
+
+  void SpkPageAppDetails::SetWebsiteLink(QString url)
+  {
+    mWebsite->setText(QString("<a href=\"%1\">%2</a>").arg(url, tr("Website link")));
+  }
+
+  void SpkPageAppDetails::SetPackagePath(QString url)
+  {
+    mPkgPath = url;
+  }
+
+  SpkPageAppDetails::SpkPageAppDetails(QWidget *parent) : SpkPageBase(parent),
+    mBrokenImg(QIcon(":/icons/broken-icon.svg").pixmap(SpkAppItem::IconSize_)),
+    mIconLoading(QIcon(":/icons/loading-icon.svg").pixmap(SpkAppItem::IconSize_))
+  {
+    mMainArea = new QScrollArea;
+    mMainArea->setWidgetResizable(true);
+    mMainArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+
+    mMainLay = new QVBoxLayout(this);
+    mMainLay->addWidget(mMainArea);
+
+    mBottomBar = new QWidget;
+    mMainLay->addWidget(mBottomBar);
+
+    mDetailsLay = new QVBoxLayout(mMainArea);
+    mDetailsLay->setSizeConstraint(QLayout::SetMinAndMaxSize);
+
+    mAppIcon = new QLabel;
+
+    mAppTitle = new QLabel;
+    mAppTitle->setObjectName("styDetTitle");
+    mAppTitle->setWordWrap(true);
+
+    mAppDescription = new QLabel;
+    mAppDescription->setObjectName("styDetDesc");
+    mAppDescription->setWordWrap(true);
+    mAppShortDesc = new QLabel;
+    mAppShortDesc->setObjectName("styDetDesc");
+    mAppShortDesc->setWordWrap(true);
+    // NOTE: Seems Qt have trouble dealing with wrapped text here. Removing the following operations
+    // to mAppShortDesc will result in broken layout. Very possible that it's a Qt bug.
+    mAppShortDesc->setSizePolicy(QSizePolicy::MinimumExpanding, QSizePolicy::Preferred);
+    mAppShortDesc->setMinimumWidth(100);
+    mVersion = new QLabel;
+    mVersion->setWordWrap(true);
+    mWebsite = new QLabel;
+    mPkgName = new QLabel;
+    mPkgName->setObjectName("styDetPkg");
+    mPkgName->setWordWrap(true);
+
+    mTitleLay = new QVBoxLayout;
+    mTitleLay->setAlignment(Qt::AlignTop);
+    mTitleLay->addWidget(mAppTitle);
+    mTitleLay->addWidget(mVersion);
+    mTitleLay->addWidget(mAppShortDesc);
+    mTitleLay->addWidget(mPkgName);
+    mTitleLay->addWidget(mWebsite);
+    mTitleLay->setSpacing(0);
+
+    mIconTitleLay = new QHBoxLayout;
+    mIconTitleLay->setAlignment(Qt::AlignLeft);
+    mIconTitleLay->addWidget(mAppIcon);
+    mIconTitleLay->addSpacing(15);
+    mIconTitleLay->addLayout(mTitleLay);
+
+    mIconTitleWidget = new QWidget;
+    mIconTitleWidget->setLayout(mIconTitleLay);
+
+    mAuthor = new SpkDetailEntry;
+    mAuthor->SetTitle(tr("Author"));
+    mContributor = new SpkDetailEntry;
+    mContributor->SetTitle(tr("Contributor"));
+//    mSite = new SpkDetailEntry;
+//    mSite->SetTitle(tr("Website"));
+    mArch = new SpkDetailEntry;
+    mArch->SetTitle(tr("Architecture"));
+    mSize = new SpkDetailEntry;
+    mSize->SetTitle(tr("Size"));
+
+    mDetailLay = new SpkStretchLayout;
+    mDetailLay->setSpacing(12);
+    mDetailLay->addWidget(mAuthor);
+    mDetailLay->addWidget(mContributor);
+    mDetailLay->addWidget(mSize);
+    mDetailLay->addWidget(mArch);
+//    mDetailLay->addWidget(mSite);
+
+//    mDetailWidget = new QWidget;
+//    mDetailWidget->setLayout(mDetailLay);
+//    mDetailWidget->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+
+    mDetailsLay->setAlignment(Qt::AlignTop);
+    mDetailsLay->addWidget(mIconTitleWidget);
+    mDetailsLay->addLayout(mDetailLay);
+    mDetailsLay->addWidget(mAppDescription);
+//    mMainLay->addStretch();
+
+    mScreenshotLay = new QHBoxLayout;
+    mScreenshotArea = new QScrollArea;
+    mWid4ShotArea = new QWidget;
+    mWid4ShotArea->setLayout(mScreenshotLay);
+    mScreenshotArea->setWidget(mWid4ShotArea);
+    mScreenshotArea->setWidgetResizable(true);
+    mScreenshotArea->setFixedHeight(230);
+    mScreenshotArea->setSizePolicy(QSizePolicy::Minimum, QSizePolicy::Fixed);
+
+    mDetailsLay->addWidget(mScreenshotArea);
+
+    mWid4MainArea = new QWidget;
+    mWid4MainArea->setLayout(mDetailsLay);
+
+    mMainArea->setWidget(mWid4MainArea);
+
+    mWebsite->setTextFormat(Qt::RichText);
+    mWebsite->setOpenExternalLinks(true);
+
+    // Bottom bar buttons
+    mBottomBarLay = new QHBoxLayout;
+    mBottomBar->setLayout(mBottomBarLay);
+
+    mBtnDownload = new QPushButton;
+    mBtnDownload->setText(tr("Download"));
+
+//    mBtnInstall = new QPushButton;
+//    mBtnInstall->setText(tr("Install"));
+
+    mBtnUninstall = new QPushButton;
+    mBtnUninstall->setText(tr("Uninstall"));
+
+    mBtnRequestUpdate = new QPushButton;
+    mBtnRequestUpdate->setText(tr("Request Update"));
+
+    mBtnReport = new QPushButton;
+    mBtnReport->setText(tr("Report"));
+
+    mBottomBarLay->addStretch();
+    mBottomBarLay->addWidget(mBtnDownload);
+//    mBottomBarLay->addWidget(mBtnInstall);
+    mBottomBarLay->addWidget(mBtnUninstall);
+    mBottomBarLay->addWidget(mBtnRequestUpdate);
+    mBottomBarLay->addWidget(mBtnReport);
+
+    mImgViewer = new SpkImgViewer;
+    mImgViewer->setVisible(false);
+
+    connect(mBtnDownload, &QPushButton::clicked,
+            [=](){ emit RequestDownload(mAppTitle->text(), mPkgName->text(),
+                                        "/store/reading/youdao-dict/youdao-dict_6.0.0-0~ubuntu_amd64.deb");
+    });
+  }
+
+  SpkPageAppDetails::~SpkPageAppDetails()
+  {
+    delete mImgViewer;
+  }
+
+  void SpkPageAppDetails::ResourceAcquisitionFinished(int id, ResourceResult result)
+  {
+    QPixmap img;
+//    qDebug() << "PageAppDetails: Resource" << id << "acquired";
+    if(!id)
+    {
+      // id == 0, icon
+      if(result.status == SpkResource::ResourceStatus::Ready)
+      {
+        if(img.loadFromData(result.data))
+          mAppIcon->setPixmap(img.scaled(SpkAppItem::IconSize_,
+                                          Qt::IgnoreAspectRatio,
+                                          Qt::SmoothTransformation));
+        else
+          mAppIcon->setPixmap(mBrokenImg);
+      }
+      else if(result.status == SpkResource::ResourceStatus::Failed)
+      {
+        mAppIcon->setPixmap(mBrokenImg);
+        RES->PurgeCachedResource(mPkgName->text(), SpkResource::ResourceType::AppIcon, 0);
+      }
+    }
+    else
+    {
+      auto preview = mScreenshotPreviews[id - 1];
+      preview->setVisible(true);
+      if(result.status == SpkResource::ResourceStatus::Ready)
+      {
+        if(img.loadFromData(result.data))
+        {
+          mAppImages[id] = img;
+          mImgViewer->SetPixmap(id, &mAppImages[id]);
+          mScreenshotPreviews[id - 1]->setPixmap(img.scaledToHeight(200, Qt::SmoothTransformation));
+        }
+        else
+        {
+          mImgViewer->SetPixmap(id, &mBrokenImg);
+          mScreenshotPreviews[id - 1]->setPixmap(mBrokenImg);
+        }
+      }
+      else if(result.status == SpkResource::ResourceStatus::Failed)
+      {
+        mImgViewer->SetPixmap(id, &mBrokenImg);
+        mScreenshotPreviews[id - 1]->setPixmap(mBrokenImg);
+        RES->PurgeCachedResource(mPkgName->text(), SpkResource::ResourceType::AppIcon, 0);
+      }
+    }
+  }
+
+  void SpkPageAppDetails::Activated()
+  {
+    RES->Acquire(this, false);
+    for(auto &i : mScreenshotPreviews)
+      i->setVisible(false);
+    mImgViewer->Clear();
+  }
+
+  void SpkPageAppDetails::ImageClicked()
+  {
+    mImgViewer->ShowWithImage(sender()->property("shotId").toInt());
+  }
+
+  SpkDetailEntry::SpkDetailEntry(QWidget *parent) : QWidget(parent)
+  {
+    setLayout(&mLay);
+    mLay.addWidget(&mTitle);
+    mLay.addWidget(&mField);
+    mTitle.setAlignment(Qt::AlignLeft);
+    mField.setAlignment(Qt::AlignRight);
+    setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+    setMinimumWidth(300);
+    setAutoFillBackground(true);
+  }
+}

gui/page/spkpageapplist.cpp

@@ -0,0 +1,181 @@
+
+#include "page/spkpageapplist.h"
+#include "spkutils.h"
+#include "spkuimsg.h"
+
+namespace SpkUi
+{
+  SpkPageAppList::SpkPageAppList(QWidget *parent) : SpkPageBase(parent)
+  {
+    mLoadingIcon = new QPixmap(QIcon(":/icons/loading-icon.svg").pixmap(SpkAppItem::IconSize_));
+    mBrokenIcon = new QPixmap(QIcon(":/icons/broken-icon.svg").pixmap(SpkAppItem::IconSize_));
+
+    mAppsWidget = new QWidget;
+    mAppsArea = new QScrollArea(this);
+    mMainLay = new QVBoxLayout(this);
+    mItemLay = new SpkStretchLayout(mAppsWidget);
+
+    mPageSwitchWidget = new QWidget;
+    mPageSwitchLay = new QHBoxLayout(mPageSwitchWidget);
+    mBtnPgUp = new QPushButton;
+    mBtnPgDown = new QPushButton;
+    mBtnGotoPage = new QPushButton;
+    mPageInput = new QLineEdit;
+    mPageValidator = new QIntValidator(mPageInput);
+    mPageIndicator = new QLabel;
+
+    mPageValidator->setRange(1, 99);
+    mPageInput->setFixedWidth(50);
+    mPageInput->setValidator(mPageValidator);
+    mBtnGotoPage->setText(tr("Goto"));
+    mBtnPgUp->setText(tr("Previous"));
+    mBtnPgDown->setText(tr("Next"));
+    mBtnGotoPage->setFocusPolicy(Qt::NoFocus);
+    mBtnPgDown->setFocusPolicy(Qt::NoFocus);
+    mBtnPgUp->setFocusPolicy(Qt::NoFocus);
+
+    mPageSwitchLay->addWidget(mPageIndicator);
+    mPageSwitchLay->addStretch();
+    mPageSwitchLay->addWidget(mPageInput);
+    mPageSwitchLay->addWidget(mBtnGotoPage);
+    mPageSwitchLay->addWidget(mBtnPgUp);
+    mPageSwitchLay->addWidget(mBtnPgDown);
+
+    mAppsArea->setWidget(mAppsWidget);
+    mAppsArea->setWidgetResizable(true);
+
+    mMainLay->addWidget(mAppsArea);
+    mMainLay->addWidget(mPageSwitchWidget);
+    setLayout(mMainLay);
+
+    connect(mBtnPgUp, &QPushButton::clicked, this, &SpkPageAppList::PageUp);
+    connect(mBtnPgDown, &QPushButton::clicked, this, &SpkPageAppList::PageDown);
+    connect(mBtnGotoPage, &QPushButton::clicked, this, &SpkPageAppList::GotoPage);
+  }
+
+  void SpkPageAppList::AddApplicationEntry(QString name, QString pkgName, QString description,
+                                           QString iconUrl, int appId)
+  {
+    auto item = new SpkAppItem(appId, this);
+    auto id = mAppItemList.size();
+
+    connect(item, &SpkAppItem::clicked, this, &SpkPageAppList::ApplicationClicked);
+    item->SetTitle(name);
+    item->SetDescription(description);
+    item->setProperty("pkg_name", pkgName);
+
+    auto iconRes = RES->RequestResource(id, pkgName, SpkResource::ResourceType::AppIcon,
+                                        iconUrl, 0);
+    QPixmap icon;
+    if(iconRes.status == SpkResource::ResourceStatus::Ready)
+    {
+      if(icon.loadFromData(iconRes.data))
+        item->SetIcon(icon.scaled(SpkAppItem::IconSize_,
+                                     Qt::IgnoreAspectRatio,
+                                     Qt::SmoothTransformation));
+      else
+      {
+        item->SetIcon(*mBrokenIcon);
+        RES->PurgeCachedResource(pkgName, SpkResource::ResourceType::AppIcon, 0);
+      }
+    }
+    else
+      item->SetIcon(*mLoadingIcon);
+
+    mAppItemList.append(item);
+    mItemLay->addWidget(item);
+  }
+
+  void SpkPageAppList::ClearAll()
+  {
+    QWidget *itm;
+    QLayoutItem *layitm;
+    while((layitm = mItemLay->takeAt(0)))
+    {
+      itm = layitm->widget();
+      itm->hide();
+      itm->deleteLater();
+    }
+    mAppItemList.clear();
+    mAppsArea->verticalScrollBar()->setValue(0);
+  }
+
+  void SpkPageAppList::ResourceAcquisitionFinished(int id, ResourceResult result)
+  {
+    QPixmap icon;
+//    qDebug() << "PageAppList: Resource" << id << "acquired";
+    auto item = mAppItemList[id];
+    if(result.status == SpkResource::ResourceStatus::Ready)
+    {
+      if(icon.loadFromData(result.data))
+        item->SetIcon(icon.scaled(SpkAppItem::IconSize_,
+                                     Qt::IgnoreAspectRatio,
+                                     Qt::SmoothTransformation));
+      else
+        item->SetIcon(*mBrokenIcon);
+    }
+    else if(result.status == SpkResource::ResourceStatus::Failed)
+    {
+      item->SetIcon(*mBrokenIcon);
+      RES->PurgeCachedResource(item->property("pkg_name").toString(),
+                               SpkResource::ResourceType::AppIcon, 0);
+    }
+  }
+
+  void SpkPageAppList::SetPageStatus(int total, int current, int itemCount, QString &keyword)
+  {
+    mCurrentPage = current;
+    mKeyword = keyword;
+    mPageIndicator->setText(tr("Page %1 / %2, %3 apps in total")
+                            .arg(current).arg(total).arg(itemCount));
+    mBtnPgUp->setDisabled(current == 1);
+    mBtnPgDown->setDisabled(total == current || total == 1);
+    mBtnGotoPage->setDisabled(total == 1);
+    mPageValidator->setTop(total);
+  }
+
+  void SpkPageAppList::DisablePageSwitchers()
+  {
+    mBtnPgDown->setDisabled(true);
+    mBtnPgUp->setDisabled(true);
+    mBtnGotoPage->setDisabled(true);
+  }
+
+  void SpkPageAppList::PageUp()
+  {
+    DisablePageSwitchers();
+    if(mKeyword.isEmpty())
+      emit SwitchListPage(mCategoryId, mCurrentPage - 1);
+    else
+      emit SwitchSearchPage(mKeyword, mCurrentPage - 1);
+  }
+
+  void SpkPageAppList::PageDown()
+  {
+    DisablePageSwitchers();
+    if(mKeyword.isEmpty())
+      emit SwitchListPage(mCategoryId, mCurrentPage + 1);
+    else
+      emit SwitchSearchPage(mKeyword, mCurrentPage + 1);
+  }
+
+  void SpkPageAppList::GotoPage()
+  {
+    if(mPageInput->text().isEmpty())
+      return SpkUiMessage::SendStoreNotification(tr("Please enter page number to go to!"));
+    int page = mPageInput->text().toInt();
+    if(page > mPageValidator->top())
+      return SpkUiMessage::SendStoreNotification(tr("Page %1 is not a valid page number!")
+                                                 .arg(page));
+    DisablePageSwitchers();
+    if(mKeyword.isEmpty())
+      emit SwitchListPage(mCategoryId, page);
+    else
+      emit SwitchSearchPage(mKeyword, page);
+  }
+
+  void SpkPageAppList::Activated()
+  {
+    RES->Acquire(this, false);
+  }
+}

gui/page/spkpagebase.cpp

@@ -0,0 +1,41 @@
+
+#include "page/spkpagebase.h"
+
+/*
+ * Documentation on
+ * How to Add a New Page to Main Window Side Bar
+ *
+ * 1. Derive your page widget class from SpkPageBase (reference implementation
+ *    in SpkPageSettings) and add them to CMakeLists
+ *
+ * 2. Add the ID for the page in enum SpkUi::SpkStackedPages (in spkmainwindow.h)
+ *    and add it as a resource context if needed
+ *
+ * 3. Include the page's header file in spkmainwindow.h and add a pointer to it in
+ *    SpkUi::SpkMainWidget
+ *
+ * 4. Add a tree item or icon button for the corresponding page inside
+ *    SpkUi::SpkMainWidget, and initialize it in SpkUi::SpkMainWidget::SpkMainWidget.
+ *    Take references of existing entries, and write similar code close to each other
+ *    to make the source look nice. Don't forget to add the item to the UI.
+ *
+ * 5. Make the linkage between the page and the sidebar item at the end of
+ *    SpkUi::SpkMainWidget::SpkMainWidget().
+ *
+ */
+
+SpkPageBase::SpkPageBase(QWidget *parent) : QWidget(parent)
+{
+
+}
+
+void SpkPageBase::ResourceAcquisitionFinished(int id, ResourceResult result)
+{
+  Q_UNUSED(id);
+  Q_UNUSED(result);
+}
+
+void SpkPageBase::Activated()
+{
+  ; // Do nothing
+}

gui/page/spkpagedownloads.cpp

@@ -0,0 +1,214 @@
+
+
+#include "page/spkpagedownloads.h"
+#include "pkgs/spkpkgmgrbase.h"
+#include "spkuimsg.h"
+#include "spkutils.h"
+
+SpkUi::SpkPageDownloads::SpkPageDownloads(QWidget *parent) :
+  SpkPageBase(parent)
+{
+  mMainLay = new QVBoxLayout(this);
+  mLayEntries = new QVBoxLayout;
+  mScrollWidget = new QWidget;
+  mScrollArea = new QScrollArea(this);
+
+  mLayEntries->setAlignment(Qt::AlignTop);
+  mScrollWidget->setLayout(mLayEntries);
+  mScrollArea->setWidget(mScrollWidget);
+  mScrollArea->setWidgetResizable(true);
+  mMainLay->addWidget(mScrollArea);
+  setLayout(mMainLay);
+
+  mDownloadMgr = new SpkDownloadMgr(this);
+  connect(mDownloadMgr, &SpkDownloadMgr::DownloadProgressed,
+          this, &SpkPageDownloads::DownloadProgress);
+
+  mNextDownloadId = 0;
+  mCurrentStatus = Idle;
+
+  connect(mDownloadMgr, &SpkDownloadMgr::DownloadStopped,
+          this, &SpkPageDownloads::DownloadStopped, Qt::QueuedConnection);
+  connect(PKG, &SpkPkgMgrBase::ReportInstallResult,
+          this, &SpkPageDownloads::InstallationEnded);
+}
+
+SpkUi::SpkPageDownloads::~SpkPageDownloads()
+{
+  // TODO
+}
+
+void SpkUi::SpkPageDownloads::DownloadProgress(qint64 downloadedBytes, qint64 totalBytes, int id)
+{
+  if(!totalBytes)
+    return;
+
+  if(mCurrentStatus == Waiting && totalBytes)
+  {
+    mCurrentStatus = Downloading;
+    mEntries[id]->SetTotalBytes(totalBytes);
+    mEntries[id]->SetStatus(SpkDownloadEntry::Downloading);
+  }
+  mEntries[id]->Progress(downloadedBytes);
+}
+
+void SpkUi::SpkPageDownloads::AddDownloadTask(QString name, QString pkgName, QString path)
+{
+  // Add a new download entry into the UI
+  auto entry = new SpkDownloadEntry;
+  auto iconData = RES->CacheLookup(pkgName, SpkResource::ResourceType::AppIcon, 0);
+  auto id = mNextDownloadId;
+  QPixmap icon;
+  if(iconData.status != SpkResource::ResourceStatus::Ready || !icon.loadFromData(iconData.data))
+    icon.load(":/icons/broken-icon.svg");
+  entry->SetBasicInfo(name, icon, mDownloadMgr->GetDestFilePath(path));
+  entry->SetStatus(SpkDownloadEntry::Waiting);
+  entry->setProperty("entryId", id);
+  entry->setProperty("path", path);
+
+  mNextDownloadId++;
+
+  mEntries[id] = entry;
+  mLayEntries->addWidget(entry);
+
+  connect(entry, &SpkDownloadEntry::Action,
+          this, &SpkPageDownloads::EntryAction);
+
+  NewDownloadTask(id, path);
+}
+
+void SpkUi::SpkPageDownloads::DownloadStopped(SpkDownloadMgr::TaskResult status, int id)
+{
+  switch(status)
+  {
+    case SpkDownloadMgr::Success:
+      mEntries[id]->SetStatus(SpkDownloadEntry::ToBeInstalled);
+      break;
+
+    case SpkDownloadMgr::FailCannotCreateFile:
+      mEntries[id]->SetStatus(SpkDownloadEntry::DownloadFailed,
+                              tr("Cannot create download file. Download failed."));
+      break;
+
+    case SpkDownloadMgr::FailNoVaibleServer:
+      mEntries[id]->SetStatus(SpkDownloadEntry::DownloadFailed,
+                              tr("Connection unstable or server failure. Download failed."));
+      break;
+
+    case SpkDownloadMgr::FailCancel:
+      mEntries[id]->SetStatus(SpkDownloadEntry::DownloadFailed,
+                              tr("This download was cancelled."));
+      break;
+
+    case SpkDownloadMgr::Fail:
+      mEntries[id]->SetStatus(SpkDownloadEntry::DownloadFailed,
+                              tr("Unknown error. Download failed."));
+      break;
+  }
+
+  if(status == SpkDownloadMgr::Success)
+    SpkUiMessage::SendDesktopNotification(
+          tr("App \"%1\" downloaded, and ready to install.").arg(mEntries[id]->GetTaskName()));
+  else if(status != SpkDownloadMgr::FailCancel)
+    SpkUiMessage::SendDesktopNotification(
+          tr("Error occurred downloading \"%1\".").arg(mEntries[id]->GetTaskName()));
+
+
+  // Continue next download task
+  if(!mWaitingDownloads.isEmpty())
+  {
+    auto nextTask = mWaitingDownloads.dequeue();
+    auto nextEntry = mEntries[nextTask.first];
+    nextEntry->SetStatus(SpkDownloadEntry::Starting);
+    mDownloadMgr->StartNewDownload(nextTask.second, nextTask.first);
+    mCurrentStatus = Waiting;
+  }
+  else
+  {
+    mCurrentStatus = Idle;
+  }
+}
+
+void SpkUi::SpkPageDownloads::EntryAction(SpkDownloadEntry::EntryAction act)
+{
+  SpkDownloadEntry *entry = static_cast<SpkDownloadEntry*>(sender());
+  auto id = entry->property("entryId").toInt();
+  switch(act)
+  {
+    case SpkDownloadEntry::AbortDownload:
+      mDownloadMgr->CancelCurrentDownload(); // Only one task at a time so simply abort download
+      break;
+
+    case SpkDownloadEntry::RetryDownload:
+      mLayEntries->removeWidget(entry); // Move to list tail
+      mLayEntries->addWidget(entry);
+      NewDownloadTask(id, entry->property("path").toString());
+      entry->SetStatus(SpkDownloadEntry::Waiting);
+      break;
+
+    case SpkDownloadEntry::StartInstall:
+      switch(PKG->ExecuteInstallation(entry->GetFilePath(), id))
+      {
+        case SpkPkgMgrBase::Succeeded:
+          entry->SetStatus(SpkDownloadEntry::Installing);
+          break;
+
+        case SpkPkgMgrBase::Failed:
+          entry->SetStatus(SpkDownloadEntry::InstallFailed,
+                           tr("Failed to start installation."));
+          break;
+
+        default: break;
+      }
+
+      break;
+
+    case SpkDownloadEntry::RemoveEntry:
+      mLayEntries->removeWidget(entry);
+      mEntries.remove(id);
+      for(auto i = mWaitingDownloads.begin(); i != mWaitingDownloads.end(); i++)
+      {
+        if(i->first == id)
+        {
+          mWaitingDownloads.erase(i);
+          break;
+        }
+      }
+      entry->setVisible(false);
+      entry->deleteLater();
+      break;
+  }
+}
+
+void SpkUi::SpkPageDownloads::InstallationEnded(int id,
+                                                SpkPkgMgrBase::PkgInstallResult result,
+                                                int exitCode)
+{
+  if(result == SpkPkgMgrBase::Succeeded)
+  {
+    mEntries[id]->SetStatus(SpkDownloadEntry::Installed);
+  }
+  else
+  {
+    mEntries[id]->SetStatus(SpkDownloadEntry::InstallFailed,
+                            tr("Install failed, exit code: %1.").arg(exitCode));
+  }
+}
+
+void SpkUi::SpkPageDownloads::NewDownloadTask(int id, QString downloadPath)
+{
+  if(mCurrentStatus != Idle)
+    mWaitingDownloads.enqueue({ id, downloadPath }); // Queue download task for future
+  else
+  {
+    auto nextEntry = mEntries[id];
+    nextEntry->SetStatus(SpkDownloadEntry::Starting);
+    mCurrentStatus = Waiting;
+    if(!mDownloadMgr->StartNewDownload(downloadPath, id)) // Initiate a download task when idle
+    {
+      // If fails to start then try next one. Emitting this signal causes
+      // SpkPageDownloads::DownloadStopped to be activated and thus tries next item in queue
+      emit mDownloadMgr->DownloadStopped(SpkDownloadMgr::FailNoVaibleServer, id);
+    }
+  }
+}

gui/page/spkpagehome.cpp

@@ -0,0 +1,50 @@
+
+#include <QDesktopServices>
+
+#include "page/spkpagehome.h"
+#include "spkabout.h"
+#include "gitver.h"
+
+SpkUi::SpkPageHome::SpkPageHome(QWidget *parent) :
+  SpkPageBase(parent)
+{
+  ui = new Ui::SpkHomepage;
+  ui->setupUi(this);
+
+  SetupUi();
+}
+
+void SpkUi::SpkPageHome::LinkActivated(QString s)
+{
+  QDesktopServices::openUrl(QUrl(s));
+}
+
+void SpkUi::SpkPageHome::SetupUi()
+{
+  ui->lblIcon->setPixmap(QIcon(":/icons/spark-store.svg").pixmap(QSize(128, 128)));
+
+  ui->hlayTitle->setAlignment(Qt::AlignHCenter);
+
+  ui->lblVersion->setText(ui->lblVersion->text().arg(GitVer::DescribeTags()));
+
+  ui->lblNewAnnouncement->setVisible(false);
+
+  // Click event will propagate to the main window and cause the window to move when
+  // mouse enters the zoom & move detection area. Disable mouse event propagation.
+  ui->lblAuthor->setAttribute(Qt::WA_NoMousePropagation, true);
+
+  ui->widReloadCategory->setVisible(false);
+  ui->widReloadCategory->setAttribute(Qt::WA_StyledBackground);
+  ui->lblCategoryErrIcon->setPixmap(QIcon::fromTheme("dialog-error").pixmap(QSize(32, 32)));
+
+  connect(ui->lblAuthor, &QLabel::linkActivated,
+          this, &SpkPageHome::LinkActivated);
+  connect(ui->btnSubmit, &QPushButton::clicked,
+          [&](){ LinkActivated("https://upload.deepinos.org"); });
+  connect(ui->btnFeedback, &QPushButton::clicked,
+          [&](){ LinkActivated("https://www.deepinos.org/t/spark-feedback"); });
+  connect(ui->btnDonation, &QPushButton::clicked,
+          [&](){ LinkActivated("https://spark.deepinos.org.cn/"); });
+  connect(ui->btnAbout, &QPushButton::clicked,
+          [&](){ SpkAbout::Show(); });
+}

gui/page/spkpagesettings.cpp

@@ -0,0 +1,225 @@
+
+#include <QtConcurrent/QtConcurrentRun>
+#include <QMutexLocker>
+#include <QFutureWatcher>
+#include "spkutils.h"
+#include "page/spkpagesettings.h"
+#include "spkmsgbox.h"
+
+namespace SpkUi
+{
+  SpkPageSettings::SpkPageSettings(QWidget *parent) :
+    SpkPageBase(parent)
+  {
+    mMainArea = new QScrollArea();
+    mMainLay = new QVBoxLayout(this);
+    mSettingsWidget = new QWidget(this);
+    ui = new Ui::SpkUiSettings;
+
+    ui->setupUi(mSettingsWidget);
+
+    mMainLay->addWidget(mMainArea);
+
+    mMainArea->setWidget(mSettingsWidget);
+    mMainArea->setWidgetResizable(true);
+
+    CFG->BindField("url/repo", &this->mRepoListUrl,
+                   "https://d.store.deepinos.org.cn/store/server.list");
+
+    mBytesDownloads = mBytesResource = -1;
+
+    connect(&mFwResourceClean, &QFutureWatcher<void>::finished,
+            this, &SpkPageSettings::CleanedResource);
+    connect(&mFwResourceCount, &QFutureWatcher<void>::finished,
+            this, &SpkPageSettings::CountFinishResource);
+    connect(&mFwDownloadClean, &QFutureWatcher<void>::finished,
+            this, &SpkPageSettings::CleanedDownload);
+    connect(&mFwDownloadCount, &QFutureWatcher<void>::finished,
+            this, &SpkPageSettings::CountFinishDownload);
+    connect(ui->btnViewDownloadedContent, &QPushButton::clicked,
+            this, &SpkPageSettings::on_btnViewDownloadedContent_clicked);
+    connect(ui->btnViewResourceCache, &QPushButton::clicked,
+            this, &SpkPageSettings::on_btnViewResourceCache_clicked);
+    connect(ui->btnCleanDownloadedContent, &QPushButton::clicked,
+            this, &SpkPageSettings::on_btnCleanDownloadedContent_clicked);
+    connect(ui->btnCleanResourceCache, &QPushButton::clicked,
+            this, &SpkPageSettings::on_btnCleanResourceCache_clicked);
+
+    SetupUi();
+  }
+
+  SpkPageSettings::~SpkPageSettings()
+  {
+    delete mSettingsWidget;
+  }
+
+  void SpkPageSettings::SetupUi()
+  {
+    ui->lblSettingsTitle->setObjectName("styConfTitle");
+    ui->lblCleanup->setObjectName("styConfTitle");
+    ui->lblAdvanced->setObjectName("styConfTitle");
+
+    connect(ui->btnSave, &QPushButton::clicked,
+            this, &SpkPageSettings::SaveConfiguration);
+  }
+
+  void SpkPageSettings::ReadConfiguration()
+  {
+    ui->spnConcurrentResDownloads->setValue(CFG->ReadField("resource/concurrent", 5).toInt());
+    ui->edtApiUrl->setText(CFG->ReadField("url/api", "").toString());
+    ui->edtResourceUrl->setText(CFG->ReadField("url/res", "").toString());
+    ui->edtResourceCachePath->setText(CFG->ReadField("dirs/cache", "").toString());
+    ui->edtDownloadPath->setText(CFG->ReadField("dirs/download", "").toString());
+    ui->edtDownloadServers->setPlainText(CFG->ReadField("download/servers", "").toString());
+    ui->edtQssPath->setText(CFG->ReadField("internal/qss_path", "").toString());
+    ui->edtRepoListUrl->setText(CFG->ReadField("url/repo", "").toString());
+    ui->cmbLightDarkTheme->setCurrentIndex(CFG->ReadField("ui/theme", 0).toInt());
+  }
+
+  void SpkPageSettings::SaveConfiguration()
+  {
+    CFG->SetSettings("resource/concurrent", ui->spnConcurrentResDownloads->value());
+    CFG->SetField("url/api", ui->edtApiUrl->text());
+    CFG->SetField("url/res", ui->edtResourceUrl->text());
+    CFG->SetSettings("dirs/cache", ui->edtResourceCachePath->text());
+    CFG->SetField("dirs/download", ui->edtDownloadPath->text());
+    CFG->SetSettings("internal/qss_path", ui->edtQssPath->text());
+    CFG->SetField("url/repo", ui->edtRepoListUrl->text());
+    if(!CFG->SetField("download/servers", ui->edtDownloadServers->toPlainText()))
+      SpkMsgBox::StaticExec(tr("Cannot change distribution servers.\n"
+                               "There's probably still downloads going on."),
+                            tr("Cannot set distribution server"),
+                            QMessageBox::Warning);
+
+    if(!CFG->SetField("ui/theme", ui->cmbLightDarkTheme->currentIndex()))
+      SpkMsgBox::StaticExec(tr("Auto mode can only be used when DDE plugin is loaded.\n"
+                               "Option change is not applied."),
+                            tr("Cannot set theme mode"),
+                            QMessageBox::Warning);
+  }
+
+  void SpkPageSettings::CountCleaning()
+  {
+    ui->lblSizeDownloadedContent->setText(tr("Counting..."));
+    ui->lblSizeResourceCache->setText(tr("Counting..."));
+    auto futureDownload = QtConcurrent::run([&]()
+      {
+        QDirIterator itr(ui->edtDownloadPath->text().replace('*', QDir::homePath()),
+                         QDirIterator::Subdirectories);
+        if(mMutDownload.tryLock(0))
+        {
+          int64_t size = 0;
+          while(itr.hasNext())
+          {
+            QFile f(itr.next());
+            size += f.size();
+          }
+          mBytesDownloads = size;
+          mMutDownload.unlock();
+        }
+      });
+    auto futureResource = QtConcurrent::run([&]()
+    {
+      QDirIterator itr(ui->edtResourceCachePath->text().replace('*', QDir::homePath()),
+                       QDirIterator::Subdirectories);
+      if(mMutResource.tryLock((0)))
+      {
+        int64_t size = 0;
+        while(itr.hasNext())
+        {
+          QFile f(itr.next());
+          size += f.size();
+        }
+        mBytesResource = size;
+        mMutResource.unlock();
+      }
+    });
+    mFwDownloadCount.setFuture(futureDownload);
+    mFwResourceCount.setFuture(futureResource);
+  }
+
+  void SpkPageSettings::CleanedResource()
+  {
+    ui->lblSizeResourceCache->setText(tr("Cleaned"));
+  }
+
+  void SpkPageSettings::CleanedDownload()
+  {
+    ui->lblSizeDownloadedContent->setText(tr("Cleaned"));
+  }
+
+  void SpkPageSettings::Activated()
+  {
+    ReadConfiguration();
+    CountCleaning();
+  }
+
+  void SpkPageSettings::CountFinishResource()
+  {
+    if(mBytesResource >= 0)
+      ui->lblSizeResourceCache->setText(SpkUtils::BytesToSize(mBytesResource));
+  }
+
+  void SpkPageSettings::CountFinishDownload()
+  {
+    if(mBytesDownloads >= 0)
+      ui->lblSizeDownloadedContent->setText(SpkUtils::BytesToSize(mBytesDownloads));
+  }
+
+  void SpkPageSettings::on_btnViewResourceCache_clicked()
+  {
+    QDesktopServices::openUrl(ui->edtResourceCachePath->text().replace('*', QDir::homePath()));
+  }
+
+  void SpkPageSettings::on_btnViewDownloadedContent_clicked()
+  {
+    QDesktopServices::openUrl(ui->edtDownloadPath->text().replace('*', QDir::homePath()));
+  }
+
+
+void SpkPageSettings::on_btnCleanResourceCache_clicked()
+{
+  ui->lblSizeResourceCache->setText(tr("Cleaning..."));
+  auto future = QtConcurrent::run([&]()
+    {
+      QDirIterator itr(ui->edtResourceCachePath->text().replace('*', QDir::homePath()),
+                       QDirIterator::Subdirectories);
+      if(mMutDownload.tryLock(0))
+      {
+        int64_t size = 0;
+        while(itr.hasNext())
+        {
+          QFile f(itr.next());
+          f.remove();
+        }
+        mBytesDownloads = size;
+        mMutDownload.unlock();
+      }
+    });
+  mFwResourceClean.setFuture(future);
+}
+
+
+void SpkPageSettings::on_btnCleanDownloadedContent_clicked()
+{
+  ui->lblSizeDownloadedContent->setText(tr("Cleaning..."));
+  auto futureDownload = QtConcurrent::run([&]()
+    {
+      QDirIterator itr(ui->edtDownloadPath->text().replace('*', QDir::homePath()),
+                       QDirIterator::Subdirectories);
+      if(mMutDownload.tryLock(0))
+      {
+        int64_t size = 0;
+        while(itr.hasNext())
+        {
+          QFile f(itr.next());
+          f.remove();
+        }
+        mBytesDownloads = size;
+        mMutDownload.unlock();
+      }
+    });
+  mFwDownloadClean.setFuture(futureDownload);
+}
+
+}

gui/page/spkpageuitest.cpp

@@ -0,0 +1,165 @@
+
+#include <QApplication>
+#include "spkabout.h"
+#include "inc/page/spkpageuitest.h"
+#include "spkpopup.h"
+#include "spkui_general.h"
+#include "pkgs/spkpkgmgrbase.h"
+
+SpkUi::SpkPageUiTest::SpkPageUiTest(QWidget *parent) : QSplitter(parent)
+{
+  setObjectName("spk_pg_qsstest");
+
+  TextStylesheet = new QTextEdit(this);
+  TextStylesheet->setObjectName("spk_pg_qsstest_qsstext");
+  TextStylesheet->setPlainText(SpkUi::CurrentStylesheet);
+
+  BtnApply = new QPushButton(this);
+  BtnApply->setObjectName("spk_pg_qsstest_btnapply");
+  BtnApply->setText("Apply");
+  connect(BtnApply, &QPushButton::pressed, this, &SpkPageUiTest::SetStylesheet);
+
+  BtnFetch = new QPushButton(this);
+  BtnFetch->setObjectName("spk_pg_qsstest_btnfetch");
+  BtnFetch->setText("Fetch Stylesheet");
+  connect(BtnFetch, &QPushButton::pressed, this, &SpkPageUiTest::FetchStylesheet);
+
+  HLayInputBtns = new QHBoxLayout;
+  HLayInputBtns->setObjectName("spk_pg_qsstest_hlay_inputbtns");
+  HLayInputBtns->addWidget(BtnFetch);
+  HLayInputBtns->addWidget(BtnApply);
+
+  Btn = new QPushButton(this);
+  Btn->setObjectName("spk_pg_qsstest_button");
+  Btn->setText("TestButton");
+
+  Chk = new QCheckBox(this);
+  Chk->setObjectName("spk_pg_qsstest_checkbox");
+  Chk->setText("CheckBox");
+
+  Rad = new QRadioButton(this);
+  Rad->setObjectName("spk_pg_qsstest_radiobtn");
+  Rad->setText("RadioButton");
+
+  Loading = new SpkLoading(this);
+  Loading->setObjectName("spk_pg_qsstest_loading");
+  Loading->start();
+
+  Prog = new QProgressBar(this);
+  Prog->setObjectName("spk_pg_qsstest_prog");
+  Prog->setValue(65);
+  Prog->setRange(0, 100);
+
+  AppItem = new SpkAppItem(0, this);
+  AppItem->setObjectName("spk_pg_qsstest_appitem");
+  AppItem->SetTitle("Lorem ipsum dolor sit amet, consectetur adipiscing elit.");
+  AppItem->SetDescription("Nam vehicula lacus vitae leo fermentum efficitur. "
+                          "Phasellus finibus risus id aliquam pulvinar.");
+  AppItem->SetIcon(QIcon::fromTheme("dialog-information").pixmap(72, 72));
+
+  Detail1 = new SpkDetailEntry; Detail1->SetTitle("Foo"); Detail1->SetValue("1");
+  Detail2 = new SpkDetailEntry; Detail2->SetTitle("Foo"); Detail2->SetValue("1");
+  Detail3 = new SpkDetailEntry; Detail3->SetTitle("Foo"); Detail3->SetValue("1");
+
+  DetailsLay = new SpkStretchLayout;
+  DetailsLay->addWidget(Detail1);
+  DetailsLay->addWidget(Detail2);
+  DetailsLay->addWidget(Detail3);
+
+  DetailsWidget = new QWidget;
+  DetailsWidget->setLayout(DetailsLay);
+
+  PopupText = new QLineEdit(this);
+  PopupText->setObjectName("spk_pg_qsstest_poptext");
+  PopupText->setText("Hello, world");
+
+  ShowPopup = new QPushButton(this);
+  ShowPopup->setText("Show Popup");
+  connect(ShowPopup, &QPushButton::clicked, this, &SpkPageUiTest::ShowPopupSlot);
+
+  ShowAbout = new QPushButton(this);
+  ShowAbout->setText("Show About Dialog");
+  connect(ShowAbout, &QPushButton::clicked, [](){ SpkAbout::Show(); });
+
+  ShowPkgmgr = new QPushButton(this);
+  ShowPkgmgr->setText("Show Install Menu");
+  connect(ShowPkgmgr, &QPushButton::clicked, [=](){ SpkPkgMgrBase::Instance()->ExecuteInstallation(PopupText->text(), 0); });
+
+  SlideV = new QSlider(this);
+  SlideV->setObjectName("spk_pg_qsstest_slider_v");
+  SlideV->setOrientation(Qt::Vertical);
+  SlideV->setMaximum(1000);
+  SlideV->setMinimum(0);
+
+  SlideH = new QSlider(this);
+  SlideH->setObjectName("spk_pg_qsstest_slider_h");
+  SlideH->setOrientation(Qt::Horizontal);
+  SlideH->setMaximum(1000);
+  SlideH->setMinimum(0);
+
+  IconBtn = new SpkIconButton(this);
+  IconBtn->setObjectName("spk_pg_qsstest_iconbtn");
+  IconBtn->SetIcon(QIcon(":/icons/settings.svg"), QSize{ 16, 16 });
+
+  VLayTestWidgets = new QVBoxLayout;
+  VLayTestWidgets->setObjectName("spk_pg_qsstest_vlay_btn");
+  VLayTestWidgets->addWidget(Btn);
+  VLayTestWidgets->addWidget(Chk);
+  VLayTestWidgets->addWidget(Rad);
+  VLayTestWidgets->addWidget(IconBtn);
+  VLayTestWidgets->addWidget(Loading);
+  VLayTestWidgets->addWidget(PopupText);
+  VLayTestWidgets->addWidget(ShowPopup);
+  VLayTestWidgets->addWidget(ShowAbout);
+  VLayTestWidgets->addWidget(ShowPkgmgr);
+  VLayTestWidgets->addWidget(AppItem);
+  VLayTestWidgets->addWidget(DetailsWidget);
+
+  Group = new QGroupBox(this);
+  Group->setObjectName("spk_pg_qsstest_groupbox");
+  Group->setTitle("GroupBox");
+  Group->setLayout(VLayTestWidgets);
+
+  VLayInput = new QVBoxLayout;
+  VLayInput->setObjectName("spk_pg_qsstest_inputlay");
+  VLayInput->addWidget(TextStylesheet);
+  VLayInput->addLayout(HLayInputBtns);
+
+  VLayWidgets = new QVBoxLayout;
+  VLayWidgets->setObjectName("spk_pg_qsstest_widgetlay");
+  VLayWidgets->addWidget(Group);
+  VLayWidgets->addWidget(SlideH);
+  VLayWidgets->addWidget(Prog);
+
+  HLay4Slider = new QHBoxLayout;
+  HLay4Slider->setObjectName("spk_pg_qsstest_hlay_for_slider");
+  HLay4Slider->addLayout(VLayWidgets);
+  HLay4Slider->addWidget(SlideV);
+
+  WidL = new QWidget(this);
+  WidL->setObjectName("spk_pg_qsstest_widleft");
+  WidL->setLayout(HLay4Slider);
+  WidL->setSizePolicy(QSizePolicy::Maximum, QSizePolicy::Preferred);
+
+  WidR = new QWidget(this);
+  WidR->setObjectName("spk_pg_qsstest_widright");
+  WidR->setLayout(VLayInput);
+
+  addWidget(WidL);
+  addWidget(WidR);
+}
+
+void SpkUi::SpkPageUiTest::SetStylesheet()
+{
+  qApp->setStyleSheet(TextStylesheet->toPlainText());
+}
+
+void SpkUi::SpkPageUiTest::FetchStylesheet()
+{
+  TextStylesheet->setPlainText(SpkUi::CurrentStylesheet);
+}
+
+void SpkUi::SpkPageUiTest::ShowPopupSlot()
+{
+  SpkUi::Popup->Show(PopupText->text());
+}

gui/page/ui/homepage.ui

@@ -0,0 +1,361 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>SpkHomepage</class>
+ <widget class="QWidget" name="SpkHomepage">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>648</width>
+    <height>554</height>
+   </rect>
+  </property>
+  <property name="sizePolicy">
+   <sizepolicy hsizetype="Fixed" vsizetype="Maximum">
+    <horstretch>0</horstretch>
+    <verstretch>0</verstretch>
+   </sizepolicy>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <spacer name="verticalSpacer">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Fixed</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="hlayTitle">
+     <item>
+      <widget class="QLabel" name="lblIcon">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>{spark-store-icon}</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="lblTitle">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="font">
+        <font>
+         <pointsize>40</pointsize>
+        </font>
+       </property>
+       <property name="text">
+        <string>Spark Store</string>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblAuthor">
+     <property name="text">
+      <string>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Brought to you by &lt;a href=&quot;https://spark-app.store&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#007af4;&quot;&gt;Spark Project&lt;/span&gt;&lt;/a&gt;, an open source software project.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
+     </property>
+     <property name="alignment">
+      <set>Qt::AlignCenter</set>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <spacer name="verticalSpacer_3">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Fixed</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>50</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="horizontalLayout_2">
+     <item>
+      <layout class="QGridLayout" name="vlayBtns">
+       <item row="1" column="1">
+        <widget class="SpkNotifyDot" name="lblNewAnnouncement">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>20</width>
+           <height>20</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>0</string>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="0">
+        <widget class="QLabel" name="lblAboutProject">
+         <property name="text">
+          <string>About this project...</string>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="0">
+        <widget class="QPushButton" name="btnFeedback">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>150</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Feedback</string>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="0">
+        <widget class="QPushButton" name="btnDonation">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>150</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Donation</string>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="0">
+        <widget class="QPushButton" name="btnAnnouncements">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>150</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Announcements</string>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="0">
+        <widget class="QPushButton" name="btnSubmit">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>150</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>16777215</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Submit Software</string>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+     <item>
+      <spacer name="horizontalSpacer_3">
+       <property name="orientation">
+        <enum>Qt::Horizontal</enum>
+       </property>
+       <property name="sizeType">
+        <enum>QSizePolicy::Expanding</enum>
+       </property>
+       <property name="sizeHint" stdset="0">
+        <size>
+         <width>40</width>
+         <height>20</height>
+        </size>
+       </property>
+      </spacer>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <spacer name="verticalSpacer_2">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Expanding</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+   <item>
+    <widget class="QWidget" name="widReloadCategory" native="true">
+     <layout class="QHBoxLayout" name="horizontalLayout_3">
+      <item>
+       <widget class="QLabel" name="lblCategoryErrIcon">
+        <property name="text">
+         <string>{error-icon}</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer_4">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QLabel" name="lblCategoryErr">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <property name="text">
+         <string>Category failed to load. Click the button to retry.</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="btnReloadCategory">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <property name="text">
+         <string>Reload</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer_2">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="horizontalLayout">
+     <item>
+      <widget class="QLabel" name="lblVersion">
+       <property name="text">
+        <string>Version %1</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QPushButton" name="btnAbout">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>About</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <spacer name="horizontalSpacer">
+       <property name="orientation">
+        <enum>Qt::Horizontal</enum>
+       </property>
+       <property name="sizeHint" stdset="0">
+        <size>
+         <width>40</width>
+         <height>20</height>
+        </size>
+       </property>
+      </spacer>
+     </item>
+    </layout>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>SpkNotifyDot</class>
+   <extends>QLabel</extends>
+   <header>spknotifydot.h</header>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>

gui/page/ui/settings.ui

@@ -0,0 +1,472 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>SpkUiSettings</class>
+ <widget class="QWidget" name="SpkUiSettings">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>581</width>
+    <height>896</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <layout class="QHBoxLayout" name="layTitle">
+     <item>
+      <widget class="QLabel" name="lblSettingsTitle">
+       <property name="text">
+        <string>Spark Store Settings</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <spacer name="horizontalSpacer">
+       <property name="orientation">
+        <enum>Qt::Horizontal</enum>
+       </property>
+       <property name="sizeHint" stdset="0">
+        <size>
+         <width>40</width>
+         <height>20</height>
+        </size>
+       </property>
+      </spacer>
+     </item>
+     <item>
+      <widget class="QPushButton" name="btnSave">
+       <property name="text">
+        <string>Apply</string>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <widget class="Line" name="lineTitle">
+     <property name="orientation">
+      <enum>Qt::Horizontal</enum>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblRestartHint">
+     <property name="text">
+      <string>Configuration entries marked &quot;*&quot; will only take effect after restarting Spark Store.</string>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <layout class="QGridLayout" name="laySettings">
+     <item row="5" column="0">
+      <widget class="QLabel" name="lblApiUrl">
+       <property name="text">
+        <string>Store API URL</string>
+       </property>
+      </widget>
+     </item>
+     <item row="6" column="0">
+      <widget class="QLabel" name="lblResourceUrl">
+       <property name="text">
+        <string>Store resource URL</string>
+       </property>
+      </widget>
+     </item>
+     <item row="1" column="1">
+      <widget class="QLineEdit" name="edtDownloadPath">
+       <property name="spkcfg_key" stdset="0">
+        <string notr="true">dirs/download</string>
+       </property>
+      </widget>
+     </item>
+     <item row="4" column="0">
+      <widget class="QLabel" name="lblResourceCachePath">
+       <property name="text">
+        <string>Resource cache path*</string>
+       </property>
+      </widget>
+     </item>
+     <item row="2" column="0">
+      <widget class="QLabel" name="lblAptRepo">
+       <property name="text">
+        <string>APT Repository</string>
+       </property>
+      </widget>
+     </item>
+     <item row="6" column="1">
+      <widget class="QLineEdit" name="edtResourceUrl">
+       <property name="spkcfg_key" stdset="0">
+        <string>url/res</string>
+       </property>
+      </widget>
+     </item>
+     <item row="2" column="1">
+      <layout class="QHBoxLayout" name="layAptRepo">
+       <property name="spacing">
+        <number>4</number>
+       </property>
+       <item>
+        <widget class="QComboBox" name="cmbAptRepo">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Minimum" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="spkcfg_key" stdset="0">
+          <string notr="true">pkgmgr/apt_repo</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QPushButton" name="btnFetchAptRepo">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>Fetch all</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QPushButton" name="btnApplyAptRepo">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>Apply</string>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+     <item row="0" column="0">
+      <widget class="QLabel" name="lblLightDarkTheme">
+       <property name="text">
+        <string>Light/dark theme</string>
+       </property>
+      </widget>
+     </item>
+     <item row="4" column="1">
+      <widget class="QLineEdit" name="edtResourceCachePath">
+       <property name="spkcfg_key" stdset="0">
+        <string>dirs/cache</string>
+       </property>
+      </widget>
+     </item>
+     <item row="3" column="1">
+      <widget class="QPlainTextEdit" name="edtDownloadServers">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Expanding" vsizetype="Maximum">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="minimumSize">
+        <size>
+         <width>0</width>
+         <height>80</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>16777215</width>
+         <height>150</height>
+        </size>
+       </property>
+       <property name="baseSize">
+        <size>
+         <width>100</width>
+         <height>100</height>
+        </size>
+       </property>
+       <property name="spkcfg_key" stdset="0">
+        <string notr="true">download/servers</string>
+       </property>
+      </widget>
+     </item>
+     <item row="0" column="1">
+      <widget class="QComboBox" name="cmbLightDarkTheme">
+       <property name="currentIndex">
+        <number>3</number>
+       </property>
+       <property name="frame">
+        <bool>true</bool>
+       </property>
+       <property name="spkcfg_key" stdset="0">
+        <string notr="true">gui/theme</string>
+       </property>
+       <item>
+        <property name="text">
+         <string>Auto (DDE only)</string>
+        </property>
+       </item>
+       <item>
+        <property name="text">
+         <string>Always Light</string>
+        </property>
+       </item>
+       <item>
+        <property name="text">
+         <string>Always Dark</string>
+        </property>
+       </item>
+       <item>
+        <property name="text">
+         <string>Manual</string>
+        </property>
+       </item>
+      </widget>
+     </item>
+     <item row="1" column="0">
+      <widget class="QLabel" name="lblDownloadPath">
+       <property name="toolTip">
+        <string/>
+       </property>
+       <property name="toolTipDuration">
+        <number>-1</number>
+       </property>
+       <property name="text">
+        <string>Download path*</string>
+       </property>
+      </widget>
+     </item>
+     <item row="3" column="0">
+      <widget class="QLabel" name="lblDownloadServers">
+       <property name="toolTip">
+        <string>Server addresses are separated with two semicolons (;;).</string>
+       </property>
+       <property name="toolTipDuration">
+        <number>1</number>
+       </property>
+       <property name="text">
+        <string>Download servers</string>
+       </property>
+       <property name="alignment">
+        <set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignTop</set>
+       </property>
+      </widget>
+     </item>
+     <item row="5" column="1">
+      <widget class="QLineEdit" name="edtApiUrl">
+       <property name="spkcfg_key" stdset="0">
+        <string>url/api</string>
+       </property>
+      </widget>
+     </item>
+     <item row="7" column="0">
+      <widget class="QLabel" name="lblRepoListUrl">
+       <property name="text">
+        <string>APT Repository Source</string>
+       </property>
+      </widget>
+     </item>
+     <item row="7" column="1">
+      <widget class="QLineEdit" name="edtRepoListUrl"/>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblHomeNotice">
+     <property name="text">
+      <string>Note: character &quot;*&quot; in paths are replaced with the current user's home path.</string>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblCleanup">
+     <property name="text">
+      <string>Cache and Downloads cleanup</string>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblCleanupDescription">
+     <property name="text">
+      <string>Spark Store caches resources such as app icons and screenshots locally. If you want to free up space, you can clear them here or delete them manually.</string>
+     </property>
+     <property name="wordWrap">
+      <bool>true</bool>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <layout class="QGridLayout" name="layCleanup">
+     <item row="1" column="3">
+      <widget class="QPushButton" name="btnCleanDownloadedContent">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>Clear</string>
+       </property>
+      </widget>
+     </item>
+     <item row="0" column="2">
+      <widget class="QPushButton" name="btnViewResourceCache">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>View</string>
+       </property>
+      </widget>
+     </item>
+     <item row="1" column="2">
+      <widget class="QPushButton" name="btnViewDownloadedContent">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>View</string>
+       </property>
+      </widget>
+     </item>
+     <item row="1" column="0">
+      <widget class="QLabel" name="lblDownloadedContent">
+       <property name="text">
+        <string>Downloaded content</string>
+       </property>
+      </widget>
+     </item>
+     <item row="0" column="0">
+      <widget class="QLabel" name="lblResourceCache">
+       <property name="text">
+        <string>Resource cache</string>
+       </property>
+      </widget>
+     </item>
+     <item row="0" column="3">
+      <widget class="QPushButton" name="btnCleanResourceCache">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>Clear</string>
+       </property>
+      </widget>
+     </item>
+     <item row="0" column="1">
+      <widget class="QLabel" name="lblSizeResourceCache">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string/>
+       </property>
+      </widget>
+     </item>
+     <item row="1" column="1">
+      <widget class="QLabel" name="lblSizeDownloadedContent">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string/>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblAdvanced">
+     <property name="text">
+      <string>Advanced</string>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="lblAdvancedDescription">
+     <property name="text">
+      <string>Advanced settings are low-level configurations that can affect usability and are not meant to be modified by average users.</string>
+     </property>
+     <property name="wordWrap">
+      <bool>true</bool>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <layout class="QGridLayout" name="layAdvanced">
+     <item row="0" column="0">
+      <widget class="QLabel" name="lblConcurrentResDownloads">
+       <property name="text">
+        <string>Concurrent resource downloads*</string>
+       </property>
+      </widget>
+     </item>
+     <item row="0" column="1">
+      <widget class="QSpinBox" name="spnConcurrentResDownloads">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Maximum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="minimumSize">
+        <size>
+         <width>50</width>
+         <height>0</height>
+        </size>
+       </property>
+       <property name="minimum">
+        <number>1</number>
+       </property>
+       <property name="maximum">
+        <number>6</number>
+       </property>
+       <property name="value">
+        <number>5</number>
+       </property>
+       <property name="spkcfg_key" stdset="0">
+        <string>resource/concurrent</string>
+       </property>
+      </widget>
+     </item>
+     <item row="1" column="0">
+      <widget class="QLabel" name="lblQssPath">
+       <property name="text">
+        <string>Default Qt Style Sheet template*</string>
+       </property>
+      </widget>
+     </item>
+     <item row="1" column="1">
+      <widget class="QLineEdit" name="edtQssPath">
+       <property name="spkcfg_key" stdset="0">
+        <string>internal/qss_path</string>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>

gui/qt/elidedlabel.cpp

@@ -0,0 +1,133 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the QtCore module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+/*
+ * Slight modifications has been done to the code to make it fit into the project.
+ */
+
+#include "qt/elidedlabel.h"
+
+#include <QPainter>
+#include <QSizePolicy>
+#include <QTextLayout>
+
+//! [0]
+ElidedLabel::ElidedLabel(const QString &text, QWidget *parent)
+: QFrame(parent)
+, elided(false)
+, content(text)
+{
+  setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Preferred);
+}
+//! [0]
+
+//! [1]
+void ElidedLabel::setText(const QString &newText)
+{
+  content = newText;
+  update();
+}
+//! [1]
+
+//! [2]
+void ElidedLabel::paintEvent(QPaintEvent *event)
+{
+  QFrame::paintEvent(event);
+
+  QPainter painter(this);
+  QFontMetrics fontMetrics = painter.fontMetrics();
+
+  bool didElide = false;
+  int lineSpacing = fontMetrics.lineSpacing();
+  int y = 0;
+
+  QTextLayout textLayout(content, painter.font());
+  textLayout.beginLayout();
+  forever {
+    QTextLine line = textLayout.createLine();
+
+    if (!line.isValid())
+      break;
+
+    line.setLineWidth(width());
+    int nextLineY = y + lineSpacing;
+
+    if (height() >= nextLineY + lineSpacing) {
+      line.draw(&painter, QPoint(0, y));
+      y = nextLineY;
+      //! [2]
+      //! [3]
+    } else {
+      QString lastLine = content.mid(line.textStart());
+      QString elidedLastLine = fontMetrics.elidedText(lastLine, Qt::ElideRight, width());
+      painter.drawText(QPoint(0, y + fontMetrics.ascent()), elidedLastLine);
+      line = textLayout.createLine();
+      didElide = line.isValid();
+      break;
+    }
+  }
+  textLayout.endLayout();
+  //! [3]
+
+  //! [4]
+  if (didElide != elided) {
+    elided = didElide;
+    emit elisionChanged(didElide);
+  }
+}
+
+ElidedLabel::ElidedLabel(QWidget *parent)
+: QFrame(parent)
+, elided(false)
+, content("")
+{
+  setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Preferred);
+}
+//! [4]

gui/spkabout.cpp

@@ -0,0 +1,73 @@
+
+#include <QDesktopServices>
+#include "spkabout.h"
+#include "gitver.h"
+
+SpkAbout::SpkAbout(QWidget *parent) : SpkDialog(parent)
+{
+  setWindowModality(Qt::ApplicationModal);
+
+//  mDialogWidget->setMaximumWidth(600);
+  mDialogWidget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+
+  setFixedSize(550, 450);
+  SetResizable(false); // Do you like the dilemma of using self created widget?
+
+  mIconLay = new QHBoxLayout;
+
+  mSpkVersion = new QLabel;
+  mSpkVersion->setText(tr("<h1>Spark Store</h1>"
+                          "<h3>Version <a href=\"https://www.spark-app.store\">%1</a></h3>"
+                          "<t>Built on %2 %3</t>")
+                           .arg(GitVer::DescribeTags(),
+                                __DATE__, __TIME__));
+  connect(mSpkVersion, &QLabel::linkActivated,
+          [](const QString &link){ QDesktopServices::openUrl(link); });
+
+  mSpkIcon = new QLabel;
+  mSpkIcon->setPixmap(QIcon(":/icons/spark-store.svg").pixmap(QSize(128, 128)));
+
+  auto description = tr(
+      "Spark Store was started when Chinese home-grown Linux operating systems "
+      "had initially hit the market. Because the Linux desktop ecosystem is not "
+      "good enough at the time being, volunteers built this small App Store in "
+      "the hope that users can get useful applications faster.\n\n"
+      "Right now we are not just a Chinese group. We are discovering our way into "
+      "more Debian-based Linux OSes, and build a real community software repository "
+      "for users around the world.");
+  mDescriptionText = new QLabel;
+  mDescriptionText->setObjectName("spk_about_desc");
+  mDescriptionText->setWordWrap(true);
+  mDescriptionText->setText(description);
+
+  mIconLay->addStretch(3);
+  mIconLay->addWidget(mSpkIcon);
+  mIconLay->addStretch(1);
+  mIconLay->addWidget(mSpkVersion);
+  mIconLay->addStretch(3);
+  mIconLay->setAlignment(Qt::AlignVCenter | Qt::AlignHCenter);
+
+  AddStretch();
+  AddLayout(mIconLay);
+  AddSpacing(18);
+  AddWidget(mDescriptionText);
+  AddStretch();
+  SetMargin(18, 0, 18, 18);
+
+  GetTitleBar()->SetOperationButton(SpkTitleBar::OperationButton::Close);
+  GetTitleBar()->SetTitle(tr("About Spark Store"));
+}
+
+SpkAbout::~SpkAbout()
+{
+  //  delete mIconLay;
+  //  delete mDescriptionText;
+}
+
+void SpkAbout::Show()
+{
+  SpkAbout *b = new SpkAbout;
+
+  b->Exec();
+  delete b;
+}

gui/spkappitem.cpp

@@ -0,0 +1,63 @@
+
+#include <QPainter>
+#include <QStyleOption>
+#include "spkappitem.h"
+#include "qt/elidedlabel.h"
+
+const QSize SpkAppItem::IconSize_;
+
+SpkAppItem::SpkAppItem(int appId, QWidget *parent) : QWidget(parent)
+{
+  mAppId = appId;
+
+  mMainLay = new QHBoxLayout(this);
+  mLayText = new QVBoxLayout;
+
+  mIcon = new QLabel;
+  mIcon->setFixedSize(IconSize, IconSize);
+  mIcon->setAutoFillBackground(false);
+
+  // NOTE: Make mTitle ElidedTitle too?
+  mTitle = new QLabel;
+  mTitle->setWordWrap(false);
+  mTitle->setObjectName("styAppItmTitle");
+  mTitle->setAutoFillBackground(true);
+  mDescription = new ElidedLabel;
+//  mDescription->setWordWrap(true); // Commented out since ElidedLabel lacks of these methods
+  mDescription->setObjectName("styAppItmDesc");
+  mDescription->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+//  mDescription->setAlignment(Qt::AlignTop | Qt::AlignLeft);
+//  mDescription->setAutoFillBackground(true);
+  mLayText->addWidget(mTitle);
+  mLayText->addWidget(mDescription);
+  mLayText->setAlignment(Qt::AlignTop);
+
+  mMainLay->setMargin(5);
+  mMainLay->addWidget(mIcon);
+  mMainLay->addLayout(mLayText);
+
+  setMinimumHeight(82);
+  setMaximumHeight(82);
+  setMinimumWidth(300);
+}
+
+void SpkAppItem::paintEvent(QPaintEvent *e)
+{
+    Q_UNUSED(e)
+    QStyleOption opt;
+    opt.init(this);
+    QPainter p(this);
+    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
+}
+
+void SpkAppItem::mousePressEvent(QMouseEvent *e)
+{
+  mPressCond = true;
+}
+
+void SpkAppItem::mouseReleaseEvent(QMouseEvent *e)
+{
+  if(mPressCond)
+    emit clicked(mAppId);
+  mPressCond = false;
+}

gui/spkcategoryselector.cpp

@@ -0,0 +1,61 @@
+
+#include "spkmainwindow.h"
+
+namespace SpkUi
+{
+  SpkCategorySelector::SpkCategorySelector(QWidget *parent) : QWidget(parent)
+  {
+    mBtnLayout = new QVBoxLayout(this);
+    mGroup = new QButtonGroup(this);
+  }
+
+  void SpkCategorySelector::AddButton(QString aBtnText, int aCategoryId, QPixmap *aBtnIcon)
+  {
+    auto btn = new SpkCategoryButton(this);
+    btn->SetText(aBtnText);
+    if(aBtnIcon)
+      btn->SetIcon(*aBtnIcon);
+    mBtnList.append(btn);
+    mGroup->addButton(btn, aCategoryId ? aCategoryId : -1);
+    mBtnLayout->addWidget(btn);
+  }
+
+  void SpkCategorySelector::DeleteAllButtons() // TODO: UNTESTED
+  {
+    foreach (auto i, mBtnList)
+    {
+      mBtnLayout->removeWidget(i);
+      mGroup->removeButton(i);
+      i->deleteLater();
+    }
+    mBtnList.clear();
+  }
+
+  SpkCategoryButton::SpkCategoryButton(QWidget *parent) : QPushButton(parent)
+  {
+    mIcon = new QLabel(this);
+    mIcon->setObjectName("spk_categorybtn_label");
+    mText = new QLabel(this);
+    mText->setObjectName("spk_categorybtn_text");
+    mLayout = new QHBoxLayout;
+    mLayout->setObjectName("spk_categorybtn_lay");
+    mLayout->addSpacing(Spacing);
+    mLayout->addWidget(mIcon);
+    mLayout->addSpacing(Spacing);
+    mLayout->addStretch();
+    mLayout->addWidget(mText);
+    mLayout->addStretch();
+    mLayout->addSpacing(Spacing);
+    setLayout(mLayout);
+  }
+
+  void SpkCategoryButton::SetIcon(QPixmap aImage)
+  {
+    mIcon->setPixmap(aImage);
+  }
+
+  void SpkCategoryButton::SetText(QString aText)
+  {
+    mText->setText(aText);
+  }
+}

gui/spkdialog.cpp

@@ -0,0 +1,115 @@
+
+#include "spkdialog.h"
+#include <QEventLoop>
+
+SpkDialog::SpkDialog(QWidget *parent) : SpkWindow(parent)
+{
+  mDialogWidget = new QWidget;
+  mMainVLay = new QVBoxLayout;
+  mWidgetsVLay = new QVBoxLayout();
+  mBtnLay = new QHBoxLayout();
+  mBtnGroup = new QButtonGroup(this);
+
+  mMainVLay->addLayout(mWidgetsVLay);
+  mMainVLay->addLayout(mBtnLay);
+
+  mBtnLay->setAlignment(Qt::AlignCenter);
+
+  SetCentralWidget(mDialogWidget);
+
+  mDialogWidget->setLayout(mMainVLay);
+
+  // idClicked is not available on platforms we support, shouldn't change it
+  connect(mBtnGroup, QOverload<int>::of(&QButtonGroup::buttonClicked),
+          this, &SpkDialog::ButtonPressed);
+  connect(this, &SpkWindow::Closed, this, &SpkDialog::ForceClose);
+}
+
+SpkDialog::~SpkDialog()
+{
+  auto itp = mParentsList.begin();
+  for(auto itw = mWidgetsList.begin(); itw != mWidgetsList.end(); itw++)
+  {
+    (*itw)->setParent(*(itp++));// We shall never take the ownership of these widgets
+  }
+  delete mDialogWidget;
+}
+
+void SpkDialog::AddButton(QString text, SpkUi::SpkButtonStyle style)
+{
+  auto b = new QPushButton();
+  b->setText(text);
+  b->setMinimumWidth(100);
+  b->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+  switch(style)
+  {
+
+    case SpkUi::SpkButtonStyle::Recommend:
+      b->setObjectName("sty_recommendbtn");
+      break;
+    case SpkUi::SpkButtonStyle::Warn:
+      b->setObjectName("sty_warnbtn");
+      break;
+    default:
+      break;
+  }
+  mBtnLay->addWidget(b);
+  mBtnGroup->addButton(b);
+}
+
+void SpkDialog::AddWidget(QWidget *w)
+{
+  // Adding a widget does not take the ownership.
+  mWidgetsVLay->addWidget(w);
+  mWidgetsList << w;
+  mParentsList << w->parentWidget();
+}
+
+void SpkDialog::AddLayout(QLayout *w)
+{
+  mWidgetsVLay->addLayout(w);
+  mWidgetsList << w;
+  mParentsList << w->parentWidget();
+}
+
+void SpkDialog::AddSpacing(int a)
+{
+  mWidgetsVLay->addSpacing(a);
+}
+
+void SpkDialog::AddStretch(int a)
+{
+  mWidgetsVLay->addStretch(a);
+}
+
+void SpkDialog::SetMargin(int a)
+{
+  mWidgetsVLay->setMargin(a);
+}
+
+int SpkDialog::Exec()
+{
+  QEventLoop loop;
+  connect(this, &SpkDialog::ExitEventLoop, &loop, &QEventLoop::exit);
+  connect(this, &SpkDialog::CloseWindow, this, &QMainWindow::close);
+  show();
+  return loop.exec();
+}
+
+void SpkDialog::ButtonPressed(int aBtnId)
+{
+  disconnect(this, &SpkWindow::Closed, this, &SpkDialog::ForceClose);
+  emit ExitEventLoop(-aBtnId - 2);
+  emit CloseWindow();
+}
+
+void SpkDialog::ForceClose()
+{
+  disconnect(this, &SpkDialog::CloseWindow, this, &QMainWindow::close);
+  emit ExitEventLoop(-1);
+}
+
+void SpkDialog::SetMargin(int left, int top, int right, int bottom)
+{
+  mWidgetsVLay->setContentsMargins(left, top, right, bottom);
+}

gui/spkdownloadentry.cpp

@@ -0,0 +1,201 @@
+
+#include "spkdownloadentry.h"
+#include "spklogging.h"
+#include "spkutils.h"
+#include <QDebug>
+
+constexpr QSize SpkDownloadEntry::IconSize;
+
+SpkDownloadEntry::SpkDownloadEntry(QWidget *parent)
+{
+  mIcon = new QLabel;
+  mAppName = new ElidedLabel;
+  mMessage = new QLabel;
+  mProgress = new QProgressBar;
+  mLoading = new SpkLoading;
+  mBtnDelete = new QPushButton;
+  mBtnActions = new QPushButton;
+
+  mLayInfo = new QVBoxLayout;
+  mLayMsgs = new QHBoxLayout;
+  mLayMain = new QHBoxLayout;
+
+  mLoading->setVisible(false);
+  mIcon->setFixedSize(IconSize);
+  mProgress->setRange(0, 1000);
+
+  mLayMsgs->addWidget(mAppName);
+  mLayMsgs->addStretch();
+  mLayMsgs->addWidget(mMessage);
+
+  mLayInfo->addLayout(mLayMsgs);
+  mLayInfo->addWidget(mProgress);
+  mLayInfo->setAlignment(Qt::AlignVCenter);
+
+  mLayMain->addWidget(mIcon);
+  mLayMain->addLayout(mLayInfo);
+  mLayMain->addWidget(mLoading);
+  mLayMain->addWidget(mBtnActions);
+  mLayMain->addWidget(mBtnDelete);
+
+  setLayout(mLayMain);
+
+  connect(mBtnActions, &QPushButton::clicked, this, &SpkDownloadEntry::ActionButton);
+  connect(mBtnDelete, &QPushButton::clicked, this, &SpkDownloadEntry::DeleteButton);
+
+  mStatus = Invalid;
+
+  mLastReportTime = QTime::currentTime();
+}
+
+
+SpkDownloadEntry::~SpkDownloadEntry()
+{
+  // TODO
+}
+
+void SpkDownloadEntry::SetTotalBytes(qint64 total)
+{
+  mTotalBytes = total;
+  mReadableTotalSize = SpkUtils::BytesToSize(total);
+  mLastReportTime = QTime::currentTime();
+}
+
+void SpkDownloadEntry::SetBasicInfo(QString name, QPixmap icon, QString filePath)
+{
+  mAppName->setText(name);
+  mIcon->setPixmap(icon.scaled(IconSize, Qt::IgnoreAspectRatio, Qt::SmoothTransformation));
+  mFilePath = filePath;
+}
+
+void SpkDownloadEntry::SetStatus(DownloadEntryStatus status, QString msg)
+{
+  mStatus = status;
+  switch(status)
+  {
+    case Waiting:
+      mMessage->setText(tr("Waiting for download"));
+      mProgress->setVisible(false);
+      mBtnActions->setVisible(false);
+      mBtnDelete->setVisible(true);
+      mBtnDelete->setText(tr("Cancel"));
+      break;
+
+    case Starting:
+      mMessage->setText(tr("Starting download"));
+      mBtnDelete->setVisible(false);
+      break;
+
+    case Downloading:
+      mMessage->setText(tr(""));
+      mProgress->setVisible(true);
+      mBtnActions->setVisible(false);
+      mBtnDelete->setVisible(true);
+      break;
+
+    case DownloadFailed:
+      mMessage->setText(msg);
+      mProgress->setVisible(false);
+      mBtnActions->setVisible(true);
+      mBtnActions->setText(tr("Retry"));
+
+      break;
+
+    case ToBeInstalled:
+      mMessage->setText(tr("Download Finished"));
+      mProgress->setVisible(false);
+      mBtnActions->setVisible(true);
+      mBtnDelete->setVisible(false);
+      mBtnActions->setText(tr("Install"));
+      break;
+
+    case Installing:
+      mMessage->setText("");
+      mProgress->setVisible(false);
+      mBtnActions->setVisible(false);
+      mBtnDelete->setVisible(false);
+      mLoading->setVisible(true);
+      mLoading->Begin();
+      break;
+
+    case Installed:
+      mMessage->setText(tr("Installed"));
+      mLoading->End();
+      mLoading->setVisible(false);
+      mBtnDelete->setVisible(true);
+      mBtnDelete->setText(tr("Delete"));
+      break;
+
+    case InstallFailed:
+      mMessage->setText(msg.isEmpty() ? tr("Install Failed") : msg);
+      mLoading->End();
+      mLoading->setVisible(false);
+      mBtnActions->setVisible(true);
+      mBtnActions->setText(tr("Install"));
+      mBtnDelete->setVisible(true);
+      mBtnDelete->setText(tr("Cancel"));
+      break;
+
+    case Invalid:
+      break;
+  }
+}
+
+void SpkDownloadEntry::Progress(qint64 bytes)
+{
+  auto now = QTime::currentTime();
+  auto msecDiff = mLastReportTime.msecsTo(now);
+
+  if(msecDiff != 0)
+  {
+    auto bytesPerSec = (bytes - mDownloadedBytes) / (msecDiff / 1000.0);
+    qDebug() << "Bytes" << bytes - mDownloadedBytes
+             << "MsDiff" << msecDiff / 1000.0
+             << "Bytes-Per-Seg" << bytesPerSec;
+    auto speedSize = SpkUtils::BytesToSize(static_cast<size_t>(bytesPerSec));
+    mMessage->setText(QString("%1/%2(%3/s)")
+                      .arg(SpkUtils::BytesToSize(bytes), mReadableTotalSize, speedSize));
+  }
+  mDownloadedBytes = bytes;
+  mProgress->setValue(static_cast<int>(((double)bytes) / mTotalBytes * 1000));
+  mLastReportTime = now;
+}
+
+void SpkDownloadEntry::ActionButton()
+{
+  switch(mStatus)
+  {
+    case DownloadFailed:
+      emit Action(RetryDownload);
+      break;
+
+    case ToBeInstalled:
+    case InstallFailed:
+      emit Action(StartInstall);
+      break;
+
+    default:
+      break;
+  }
+}
+
+void SpkDownloadEntry::DeleteButton()
+{
+  switch(mStatus)
+  {
+    case Waiting:
+    case DownloadFailed:
+    case Installed:
+    case InstallFailed:
+    case ToBeInstalled:
+      emit Action(RemoveEntry);
+      break;
+
+    case Downloading:
+      emit Action(AbortDownload);
+      break;
+
+    default:
+      break;
+  }
+}

gui/spkiconbutton.cpp

@@ -0,0 +1,56 @@
+
+#include <QMargins>
+#include <QPainter>
+#include <QVariant>
+#include <QDebug>
+#include "spkiconbutton.h"
+
+SpkIconButton::SpkIconButton(QWidget *parent) :
+  QPushButton(parent)
+{
+  setFocusPolicy(Qt::NoFocus);
+}
+
+void SpkIconButton::SetIcon(QIcon i, QSize s)
+{
+  mPmapPaintedIcon = i.pixmap(s);
+
+  setFixedSize((mPmapSize  = s.grownBy(QMargins(IconMargin, IconMargin, IconMargin, IconMargin))));
+}
+
+void SpkIconButton::SetIcon(QPixmap m)
+{
+  mPmapPaintedIcon = m;
+
+  setFixedSize((mPmapSize = m.size().grownBy(QMargins(IconMargin, IconMargin,
+                                                      IconMargin, IconMargin))));
+}
+
+void SpkIconButton::SetIconSize(QSize s)
+{
+  setFixedSize((mPmapSize = s.grownBy(QMargins(IconMargin, IconMargin, IconMargin, IconMargin))));
+}
+
+void SpkIconButton::paintEvent(QPaintEvent *e)
+{
+  QPushButton::paintEvent(e);
+
+  // Paint the icon mask
+  QPainter p(this), p1(&mPmapPaintedIcon);
+  QBrush b(Qt::SolidPattern);
+
+  p.drawPixmap(IconMargin, IconMargin, mPmapPaintedIcon);
+  if(isDown() || isChecked())
+  {
+    b.setColor(SpkUi::ColorBtnMaskSelected);
+  }
+  else
+  {
+    b.setColor(SpkUi::ColorBtnMaskUnselected);
+  }
+  p1.setCompositionMode(QPainter::CompositionMode_SourceIn);
+  p1.fillRect(0, 0, mPmapSize.width(), mPmapSize.height(), b);
+  p1.end();
+  p.drawPixmap(IconMargin, IconMargin, mPmapPaintedIcon);
+  p.end();
+}

gui/spkimgviewer.cpp

@@ -0,0 +1,120 @@
+
+#include "spktitlebar.h"
+#include "spkimgviewer.h"
+#include "spkui_general.h"
+#include <QDebug>
+#include <QFocusEvent>
+#include <QGuiApplication>
+#include <QScreen>
+
+SpkImgViewer::SpkImgViewer(QWidget *parent) :
+  SpkWindow(parent),
+  mIconLoading(QIcon(":/icons/loading-icon.svg").pixmap({ 72, 72 }))
+{
+  mImgIndict = new QLabel;
+  mImgIndict->setText("%1/%2");
+  mBtnPrev = new QPushButton;
+  mBtnPrev->setText("<");
+  mBtnNext = new QPushButton;
+  mBtnNext->setText(">");
+
+  auto titleBar = GetTitleBar();
+  titleBar->SetUseIcon(false);
+  titleBar->SetTitle(tr("Image Preview"));
+  titleBar->SetOperationButton(SpkTitleBar::OperationButton::Close);
+
+  auto lay = titleBar->GetUserSpace();
+  lay->setAlignment(Qt::AlignVCenter);
+  lay->addStretch();
+  lay->addWidget(mBtnPrev);
+  lay->addWidget(mImgIndict);
+  lay->addWidget(mBtnNext);
+  lay->addStretch();
+
+  mImgArea = new QScrollArea;
+  mImgArea->setWidgetResizable(true);
+  mImgArea->setContentsMargins(10, 10, 10, 10);
+
+  mImgShow = new ImgView;
+
+  mImgArea->setWidget(mImgShow);
+
+  auto w = new QWidget;
+  auto l = new QHBoxLayout;
+  l->setContentsMargins(10, 10, 10, 10);
+  l->addWidget(mImgArea);
+  w->setLayout(l);
+  SetCentralWidget(w);
+
+  connect(mBtnPrev, &QPushButton::clicked,
+          [&](){ if(mCurrentImg > 0) { SwitchToImage(--mCurrentImg); } });
+  connect(mBtnNext, &QPushButton::clicked,
+          [&](){ if(mCurrentImg < mTotalImg) { SwitchToImage(++mCurrentImg); } });
+}
+
+void SpkImgViewer::ShowWithImage(int idx)
+{
+  SwitchToImage(idx);
+  show();
+}
+
+void SpkImgViewer::Clear()
+{
+  mImgMap.clear();
+  mImgShow->SetPixmap(nullptr);
+  mCurrentImg = 1;
+}
+
+void SpkImgViewer::SetPixmap(int idx, QPixmap *img)
+{
+  mImgMap[idx] = img;
+  if(mCurrentImg == idx)
+  {
+    mImgShow->SetPixmap(img);
+  }
+  ResizeToFitImageSize(img->size());
+}
+
+void SpkImgViewer::SwitchToImage(int idx)
+{
+  auto img = mImgMap.value(idx, nullptr);
+  mCurrentImg = idx;
+  mImgShow->SetPixmap(img ? img : &mIconLoading);
+  if(img)
+    ResizeToFitImageSize(img->size());
+  if(idx == 1)
+  {
+    mBtnPrev->setEnabled(false);
+    mBtnNext->setEnabled(true);
+  }
+  else if(idx == mTotalImg)
+  {
+    mBtnPrev->setEnabled(true);
+    mBtnNext->setEnabled(false);
+  }
+  else
+  {
+    mBtnPrev->setEnabled(true);
+    mBtnNext->setEnabled(true);
+  }
+  mImgIndict->setText(QString("%1/%2").arg(mCurrentImg).arg(mTotalImg));
+}
+
+bool SpkImgViewer::event(QEvent *e)
+{
+  if(e->type() == QEvent::WindowDeactivate)
+    close();
+  return SpkWindow::event(e);
+}
+
+void SpkImgViewer::ResizeToFitImageSize(QSize s)
+{
+  auto targetSize = s;
+  targetSize.rheight() += SpkTitleBar::Height;
+  targetSize = s.grownBy(QMargins(10, 10, 10, 10));
+  targetSize = targetSize.boundedTo(SpkUi::PrimaryScreenSize * 0.8);
+  resize(targetSize);
+  targetSize /= 2;
+  auto targetPos = SpkUi::PrimaryScreenSize / 2 - targetSize;
+  move(targetPos.width(), targetPos.height());
+}

gui/spkloading.cpp

@@ -0,0 +1,79 @@
+
+#include <QPaintEvent>
+#include <QPainter>
+#include "spkloading.h"
+#include "spkui_general.h"
+
+SpkLoading::SpkLoading(QWidget *parent) : QFrame(parent)
+{
+  setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+  mAnimTimer = new QTimeLine(400, this);
+  mAnimTimer->setFrameRange(10, 30);
+  mAnimTimer->setEasingCurve(QEasingCurve::InCubic);
+  for(int i = 0; i < 5; i++)
+    mSizeList.append(20);
+  connect(mAnimTimer, &QTimeLine::frameChanged, this, &SpkLoading::timer);
+  connect(mAnimTimer, &QTimeLine::finished, this, &SpkLoading::loop);
+}
+
+void SpkLoading::paintEvent(QPaintEvent *e)
+{
+  QPainter p(this);
+  QPen pen(Qt::NoPen);
+  QBrush b(SpkUi::CurrentColorSet[SpkUi::Qss::AccentColor], Qt::SolidPattern);
+  p.setBrush(b);
+  p.setPen(pen);
+  p.setRenderHint(QPainter::Antialiasing);
+  dx = width() / 2 - dh * 2;
+  dy = height() / 2;
+
+  double r;
+  for(int i = 0; i < 5; i++)
+  {
+    r = dh * mSizeList[i] / 80;
+    p.drawEllipse({ dx, dy }, r, r);
+    dx += dh;
+  }
+  e->accept();
+}
+
+void SpkLoading::resizeEvent(QResizeEvent *e)
+{
+  // Calculate size of drawing space
+  if(mUserHeight != 0 && mUserHeight * 5 <= e->size().width())
+  {
+    dw = 5 * mUserHeight;
+    dh = mUserHeight;
+    return;
+  }
+  dh = e->size().height();
+  if(width() < dh * 5)
+  {
+    dw = e->size().width();
+    dh = dw / 5;
+  }
+  else
+    dw = dh * 5;
+}
+
+void SpkLoading::timer(int s)
+{
+  for(int i = 4; i > 0; i--)
+    mSizeList[i] = mSizeList[i - 1];
+  mSizeList[0] = s;
+  update();
+}
+
+void SpkLoading::loop()
+{
+  mAnimTimer->setDirection(mAnimTimer->direction() == QTimeLine::Forward ?
+                             QTimeLine::Backward : QTimeLine::Forward);
+  mAnimTimer->start();
+}
+
+void SpkLoading::reset()
+{
+  for(int i = 0; i < 5; i++)
+    mSizeList[i] = 20;
+  update();
+}

gui/spkmainwindow.cpp

@@ -0,0 +1,570 @@
+
+#include <QGuiApplication>
+#include <QScreen>
+#include <QJsonArray>
+#include "spkmsgbox.h"
+#include "spkmainwindow.h"
+#include "spklogging.h"
+#include "spkutils.h"
+#include "spkuimsg.h"
+
+SpkMainWindow::SpkMainWindow(QWidget *parent) : SpkWindow(parent)
+{
+  ui = new SpkUi::SpkMainWidget(this);
+  Initialize();
+
+  SetCentralWidget(ui);
+  RefreshCategoryData();
+  GetTitleBar()->SetTitle("");
+  GetTitleBar()->SetUseIcon(true);
+  GetTitleBar()->SetIcon(QIcon(":/icons/spark-store.svg").pixmap({ 40, 40 }));
+  GetTitleBar()->setObjectName("spk_mw_titlebar");
+  GetTitleBar()->setAttribute(Qt::WA_StyledBackground);
+
+  auto size = QGuiApplication::primaryScreen()->size() * 0.5;
+  size = size.expandedTo(QSize(900, 600));
+  resize(size);
+  auto pos = QGuiApplication::primaryScreen()->size() * 0.5 - size * 0.5;
+  move(pos.width(), pos.height());
+}
+
+void SpkMainWindow::SwitchDayNightTheme()
+{
+  if(SpkUi::CurrentStyle == SpkUi::Dark)
+    SpkUi::SetGlobalStyle(SpkUi::Light, true);
+  else
+    SpkUi::SetGlobalStyle(SpkUi::Dark, true);
+  ReloadThemedUiIcons();
+}
+
+void SpkMainWindow::SwitchToPage(SpkUi::SpkStackedPages page)
+{
+  if(mCurrentPage != page)
+  {
+    ui->Pager->setCurrentIndex(int(page));
+    mCurrentPage = page;
+    // If the page is a SpkPageBase (with a resource context), activate it for resource acquisition
+    auto tryActivate = qobject_cast<SpkPageBase *>(ui->Pager->currentWidget());
+    if(tryActivate)
+      tryActivate->Activated();
+
+    ui->BtnBack->setVisible(page == SpkUi::SpkStackedPages::PgAppDetails);
+    ui->BtnBack->setEnabled(true);
+  }
+}
+
+void SpkMainWindow::PopulateCategories(QJsonArray aCategoryData)
+{
+  using SpkUi::SpkSidebarSelector;
+  QTreeWidgetItem *catg;
+  if(ui->CategoryParentItem->childCount()) // Clear all existing children if there is any
+    foreach(auto &i, ui->CategoryParentItem->takeChildren())
+      delete i;
+
+  foreach(auto i, aCategoryData)
+  {
+    if(i.isObject())
+    {
+      auto j = i.toObject();
+      double typeId;
+      QString typeName;
+      if(j.contains("type_id") && j.value("type_id").isDouble())
+        typeId = j.value("type_id").toDouble();
+      else goto WRONG_CATEGORY;
+      if(j.contains("type_name") && j.value("type_name").isString())
+        typeName = j.value("type_name").toString();
+      else goto WRONG_CATEGORY;
+      catg = new QTreeWidgetItem(ui->CategoryParentItem, QStringList(typeName));
+      catg->setData(0, SpkSidebarSelector::RoleItemIsCategory, true);
+      catg->setData(0, SpkSidebarSelector::RoleItemCategoryPageId, typeId);
+      continue;
+WRONG_CATEGORY:;
+    }
+    ui->CategoryParentItem->setExpanded(true);
+  }
+}
+
+void SpkMainWindow::RefreshCategoryData()
+{
+  // Asynchronously call category API
+  using namespace SpkUtils;
+  VerifySingleRequest(mCategoryGetReply);
+  mCategoryGetReply = STORE->SendApiRequest("type/get_type_list");
+  DeleteReplyLater(mCategoryGetReply);
+  connect(mCategoryGetReply, &QNetworkReply::finished, this, &SpkMainWindow::CategoryDataReceived);
+}
+
+void SpkMainWindow::CategoryDataReceived()
+{
+  QJsonValue retval;
+  auto verify = SpkUtils::VerifyReplyJson(mCategoryGetReply, retval);
+  if(verify || !retval.isArray())
+  {
+    sErr(tr("Failed to load categories! Type=%1 Code=%2").arg(retval.type()).arg(verify));
+    sNotify(tr("Cannot load categories! Type: %1 Code: %2").arg(retval.type()).arg(verify));
+    ui->PageHome->ui->widReloadCategory->setVisible(true);
+    return;
+  }
+  ui->PageHome->ui->widReloadCategory->setVisible(false);
+  PopulateCategories(retval.toArray());
+}
+
+void SpkMainWindow::EnterCategoryList(int aCategoryId, int aPage)
+{
+  // Asynchronously call category API
+  using namespace SpkUtils;
+  VerifySingleRequest(mCategoryAppListGetReply);
+  QJsonObject reqData;
+  QJsonDocument reqDoc;
+  reqData.insert("type_id", QJsonValue(aCategoryId));
+  reqData.insert("page", QJsonValue(aPage));
+  reqDoc.setObject(reqData);
+  mCategoryAppListGetReply = STORE->SendApiRequest("application/get_application_list", reqDoc);
+  DeleteReplyLater(mCategoryAppListGetReply);
+  connect(mCategoryAppListGetReply, &QNetworkReply::finished,
+          this, &SpkMainWindow::CategoryListDataReceived);
+  setCursor(Qt::BusyCursor);
+  ui->PageAppList->SetCurrentCategory(aCategoryId); // AppList needs to remember current category
+}
+
+void SpkMainWindow::CategoryListDataReceived()
+{
+  QJsonValue retval;
+  setCursor(Qt::ArrowCursor);
+  int verify = SpkUtils::VerifyReplyJson(mCategoryAppListGetReply, retval);
+  if(verify || !retval.isObject())
+  {
+    sErr(tr("Failed to load app list of category! Type=%1 Code=%2").arg(retval.type()).arg(verify));
+    sNotify(tr("Failed to load app list of category! Type: %1 Code: %2").arg(retval.type()).arg(verify));
+    return;
+  }
+  SwitchToPage(SpkUi::PgAppList);
+  PopulateAppList(retval.toObject(), "");
+}
+
+void SpkMainWindow::SearchKeyword(QString aKeyword, int aPage)
+{
+  using namespace SpkUtils;
+  VerifySingleRequest(mCategoryAppListGetReply);
+  QJsonObject reqData;
+  QJsonDocument reqDoc;
+  reqData.insert("application_name", QJsonValue(aKeyword));
+  reqData.insert("page", QJsonValue(aPage));
+  reqDoc.setObject(reqData);
+  mCategoryAppListGetReply = STORE->SendApiRequest("application/get_application_list", reqDoc);
+  mCategoryAppListGetReply->setProperty("keyword", aKeyword);
+  DeleteReplyLater(mCategoryAppListGetReply);
+  connect(mCategoryAppListGetReply, &QNetworkReply::finished,
+          this, &SpkMainWindow::SearchDataReceived);
+  setCursor(Qt::BusyCursor);
+}
+
+void SpkMainWindow::SearchDataReceived()
+{
+  QJsonValue retval;
+  setCursor(Qt::ArrowCursor);
+  auto verify = SpkUtils::VerifyReplyJson(mCategoryAppListGetReply, retval);
+  if(verify || !retval.isObject())
+  {
+    sErr(tr("Failed to search keyword! Type=%1 Code=%2").arg(retval.type()).arg(verify));
+    sNotify(tr("Failed to search keyword! Type: %1 Code: %2").arg(retval.type()).arg(verify));
+    return;
+  }
+  SwitchToPage(SpkUi::PgAppList);
+  PopulateAppList(retval.toObject(), mCategoryAppListGetReply->property("keyword").toString());
+}
+
+void SpkMainWindow::PopulateAppList(QJsonObject appData, QString &&keyword)
+{
+  auto w = ui->PageAppList;
+  w->ClearAll();
+  static auto err =
+  [](){
+    sErr("Received invalid application list data!");
+    SpkUiMessage::SendStoreNotification(tr("Received an invalid response. Please try again!"));
+    return;
+  };
+  int pgCurrent, pgTotal, totalApps;
+
+  if(appData.contains("currentPage") && appData.value("currentPage").isDouble())
+    pgCurrent = appData.value("currentPage").toInt();
+  else return err();
+  if(appData.contains("totalPages") && appData.value("totalPages").isDouble())
+    pgTotal = appData.value("totalPages").toInt();
+  else return err();
+  if(appData.contains("count") && appData.value("count").isDouble())
+    totalApps = appData.value("count").toInt();
+  else return err();
+  w->SetPageStatus(pgTotal, pgCurrent, totalApps, keyword);
+
+  if(!appData.contains("data") || !appData.value("data").isArray())
+    return err();
+
+  auto apps = appData.value("data").toArray();
+
+  for(auto &&i : apps)
+  {
+    if(i.isObject())
+    {
+      auto j = i.toObject();
+      QString pkgName, displayName, description, iconPath;
+      int appid;
+      if(j.contains("package") && j.value("package").isString())
+        pkgName = j.value("package").toString();
+      else continue;
+      if(j.contains("application_name_zh") && j.value("application_name_zh").isString())
+        displayName = j.value("application_name_zh").toString();
+      else continue;
+      if(j.contains("description") && j.value("description").isString())
+        description = j.value("description").toString();
+      else continue;
+      if(j.contains("application_id") && j.value("application_id").isDouble())
+        appid = j.value("application_id").toInt();
+      else continue;
+      if(j.contains("icons") && j.value("icons").isString())
+        iconPath = j.value("icons").toString();
+      else continue;
+      
+      w->AddApplicationEntry(displayName, pkgName, description, iconPath, appid);
+    }
+  }
+}
+
+void SpkMainWindow::EnterAppDetails(int aAppId)
+{
+  using namespace SpkUtils;
+  VerifySingleRequest(mAppDetailsGetReply);
+  QJsonObject reqData;
+  QJsonDocument reqDoc;
+  reqData.insert("application_id", QJsonValue(aAppId));
+  reqDoc.setObject(reqData);
+  mAppDetailsGetReply = STORE->SendApiRequest("application/get_application_detail", reqDoc);
+  DeleteReplyLater(mAppDetailsGetReply);
+  connect(mAppDetailsGetReply, &QNetworkReply::finished,
+          this, &SpkMainWindow::AppDetailsDataReceived);
+  setCursor(Qt::BusyCursor);
+}
+
+void SpkMainWindow::AppDetailsDataReceived()
+{
+  QJsonValue retval;
+  setCursor(Qt::ArrowCursor);
+  auto verify = SpkUtils::VerifyReplyJson(mAppDetailsGetReply, retval);
+  if(verify || !retval.isObject())
+  {
+    sErr(tr("Failed to open app details page! Type=%1 Code=%2").arg(retval.type()).arg(verify));
+    sNotify(tr("Failed to open app details page! Type: %1 Code: %2").arg(retval.type()).arg(verify));
+    return;
+  }
+  SwitchToPage(SpkUi::PgAppList);
+  PopulateAppDetails(retval.toObject());
+}
+
+void SpkMainWindow::PopulateAppDetails(QJsonObject appDetails)
+{
+  QString pkgName, author, contributor, site, iconPath, arch, version, details, shortDesc, name,
+          pkgPath;
+  QStringList screenshots, tags;
+  int packageSize;
+  static auto err =
+  [](){
+    sErr("Received invalid application details!");
+    SpkUiMessage::SendStoreNotification(tr("Received an invalid response. Please try again!"));
+    return;
+  };
+
+  if(appDetails.contains("package") && appDetails.value("package").isString())
+    pkgName = appDetails.value("package").toString();
+  else return err();
+  if(appDetails.contains("application_name_zh") && appDetails.value("application_name_zh").isString())
+    name = appDetails.value("application_name_zh").toString();
+  else name = pkgName;
+  if(appDetails.contains("version") && appDetails.value("version").isString())
+    version = appDetails.value("version").toString();
+  else return err();
+  if(appDetails.contains("icons") && appDetails.value("icons").isString())
+    iconPath= appDetails.value("icons").toString();
+  if(appDetails.contains("author") && appDetails.value("author").isString())
+    author = appDetails.value("author").toString();
+  if(appDetails.contains("contributor") && appDetails.value("contributor").isString())
+    contributor = appDetails.value("contributor").toString();
+  if(appDetails.contains("website") && appDetails.value("website").isString())
+    site = appDetails.value("website").toString();
+  if(appDetails.contains("description") && appDetails.value("description").isString())
+    shortDesc = appDetails.value("description").toString();
+  if(appDetails.contains("more") && appDetails.value("more").isString())
+    details = appDetails.value("more").toString();
+  if(appDetails.contains("arch") && appDetails.value("arch").isString())
+    arch = appDetails.value("arch").toString();
+  if(appDetails.contains("size") && appDetails.value("size").isDouble())
+    packageSize = appDetails.value("size").toInt();
+  if(appDetails.contains("deb_url") && appDetails.value("deb_url").isString())
+    pkgPath = appDetails.value("deb_url").toString();
+
+  QJsonArray imgs;
+  if(appDetails.contains("img_urls") && appDetails.value("img_urls").isArray())
+    imgs = appDetails.value("img_urls").toArray();
+  if(!imgs.isEmpty())
+    for(auto &&i : imgs)
+      if(i.isString()) screenshots << i.toString();
+
+  QJsonArray tags_j;
+  if(appDetails.contains("tags") && appDetails.value("tags").isArray())
+    imgs = appDetails.value("tags").toArray();
+  if(!tags_j.isEmpty())
+    for(auto &&i : tags_j)
+      if(i.isString()) tags << i.toString();
+
+  // Details string has a strangely appended LF. IDK but still should remove it.
+  shortDesc = shortDesc.trimmed();
+
+  auto w = ui->PageAppDetails;
+  w->mPkgName->setText(pkgName);
+  w->mAppTitle->setText(name);
+  w->mAppShortDesc->setText(shortDesc);
+  w->mAppDescription->setText(details);
+  w->mAuthor->SetValue(author);
+  w->mContributor->SetValue(contributor);
+//  w->mSite->SetValue(site); // Doesn't look good, I disabled it temporarily. Better solution?
+  w->SetWebsiteLink(site);
+  w->mArch->SetValue(arch);
+  w->mSize->SetValue(SpkUtils::BytesToSize(packageSize));
+  w->mVersion->setText(version);
+  w->SetPackagePath(pkgPath);
+  SwitchToPage(SpkUi::PgAppDetails);
+  ui->AppDetailsItem->setHidden(false);
+  ui->CategoryWidget->setCurrentItem(ui->AppDetailsItem);
+  w->LoadAppResources(pkgName, iconPath, screenshots, tags);
+}
+
+void SpkMainWindow::ReloadThemedUiIcons()
+{
+  for(auto &i : mThemedUiIconReferences)
+    i.first->SetIcon(SpkUi::GetThemedIcon(i.second), QSize { 20, 20 });
+}
+
+// ==================== Main Window Initialization ====================
+
+void SpkMainWindow::Initialize()
+{
+  connect(ui->SidebarMgr, &SpkUi::SpkSidebarSelector::SwitchToPage,
+          this, &SpkMainWindow::SwitchToPage);
+  connect(ui->SidebarMgr, &SpkUi::SpkSidebarSelector::SwitchToCategory,
+          this, &SpkMainWindow::EnterCategoryList);
+  connect(ui->PageAppList, &SpkUi::SpkPageAppList::SwitchListPage,
+          this, &SpkMainWindow::EnterCategoryList);
+  connect(ui->PageAppList, &SpkUi::SpkPageAppList::SwitchSearchPage,
+          this, &SpkMainWindow::SearchKeyword);
+  connect(ui->SearchEdit, &QLineEdit::returnPressed,
+          [=](){ emit SearchKeyword(ui->SearchEdit->text(), 1); });
+  connect(ui->PageAppList, &SpkUi::SpkPageAppList::ApplicationClicked,
+          this, &SpkMainWindow::EnterAppDetails);
+  connect(ui->BtnDayNight, &QPushButton::clicked,
+          this, &SpkMainWindow::SwitchDayNightTheme);
+  if(SpkUi::States::IsUsingDtkPlugin)
+  {
+    connect(SpkUi::DtkPlugin, &SpkDtkPlugin::DarkLightThemeChanged,
+            this, &SpkMainWindow::ReloadThemedUiIcons);
+  }
+  connect(ui->PageAppDetails, &SpkUi::SpkPageAppDetails::RequestDownload,
+          ui->PageDownloads, &SpkUi::SpkPageDownloads::AddDownloadTask);
+  connect(ui->PageHome->ui->btnReloadCategory, &QPushButton::clicked,
+          this, &SpkMainWindow::RefreshCategoryData);
+
+  connect(&SpkUi::SpkUiMetaObject, &SpkUi::UiMetaObject::SetThemeButtonVisible,
+          [=](bool visible)
+          {
+            ui->BtnDayNight->setVisible(visible);
+            ReloadThemedUiIcons();
+          });
+
+  // Register themed button icons
+//  mThemedUiIconReferences.append({ ui->BtnSettings, "settings" });
+  mThemedUiIconReferences.append({ ui->BtnDayNight, "daynight" });
+
+  ReloadThemedUiIcons();
+}
+
+// ==================== Main Widget Initialization ====================
+
+SpkUi::SpkMainWidget::SpkMainWidget(QWidget *parent) : QFrame(parent)
+{
+  setObjectName("spk_mainwidget");
+
+  Pager = new QStackedWidget(this);
+  Pager->setObjectName("spk_mw_pager");
+  Pager->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+
+  SidebarMgr = new SpkSidebarSelector(this);
+  SidebarMgr->setObjectName("spk_mw_sidebar_mgr");
+
+  BtnSettings = new SpkIconButton(this);
+  BtnSettings->setObjectName("styPlainChkBtn");
+  BtnSettings->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
+  BtnSettings->setCheckable(true);
+  BtnSettings->setFixedSize({ 40, 40 });
+  BtnSettings->SetIcon(QIcon(":/icons/settings.svg"), QSize(20, 20));
+  BtnSettings->setProperty("spk_pageno", PgSettings);
+  SidebarMgr->BindPageSwitcherButton(BtnSettings);
+
+  BtnDayNight = new SpkIconButton(this);
+  BtnDayNight->setObjectName("styPlainChkBtn");
+  BtnDayNight->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
+  BtnDayNight->setFixedSize({ 40, 40 });
+  BtnDayNight->SetIcon(QIcon(":/icons/daynight.svg"), QSize(20, 20));
+
+  BtnBack = new SpkIconButton(this);
+  BtnBack->setFixedSize({ 40, 40 });
+  BtnBack->SetIcon(QIcon(":/icons/back.svg"), QSize(20, 20));
+  BtnBack->setVisible(false);
+
+  using SpkUi::SpkSidebarSelector;
+  CategoryWidget = new SpkSidebarTree(this);
+  CategoryWidget->setObjectName("styMwCateg");
+  CategoryWidget->setAutoFillBackground(true);
+  CategoryWidget->setColumnCount(1);
+  CategoryWidget->setHeaderHidden(true);
+  CategoryWidget->setSelectionMode(QAbstractItemView::SelectionMode::SingleSelection);
+  CategoryWidget->setFixedWidth(200);
+
+  //============ Sidebar entries BEGIN ============
+  HomepageItem = new QTreeWidgetItem(QStringList(tr("Home")));
+  HomepageItem->setData(0, SpkSidebarSelector::RoleItemIsCategory, false);
+  HomepageItem->setData(0, SpkSidebarSelector::RoleItemCategoryPageId, SpkStackedPages::PgHomepage);
+
+  AppDetailsItem = new QTreeWidgetItem(QStringList(tr("App Details")));
+  AppDetailsItem->setData(0, SpkSidebarSelector::RoleItemIsCategory, false);
+  AppDetailsItem->setData(0, SpkSidebarSelector::RoleItemCategoryPageId, SpkStackedPages::PgAppDetails);
+
+  CategoryParentItem = new QTreeWidgetItem(QStringList(tr("Categories")));
+  CategoryParentItem->setFlags(CategoryParentItem->flags().setFlag(Qt::ItemIsSelectable, false));
+
+  DownloadsItem = new QTreeWidgetItem(QStringList(tr("Downloads")));
+  DownloadsItem->setData(0, SpkSidebarSelector::RoleItemIsCategory, false);
+  DownloadsItem->setData(0, SpkSidebarSelector::RoleItemCategoryPageId, SpkStackedPages::PgDownloads);
+#ifndef NDEBUG
+  UiTestItem = new QTreeWidgetItem(QStringList(tr("UI TEST")));
+  UiTestItem->setData(0, SpkSidebarSelector::RoleItemIsCategory, false);
+  UiTestItem->setData(0, SpkSidebarSelector::RoleItemCategoryPageId, SpkStackedPages::PgQssTest);
+#endif
+  //============ Sidebar entries END ============
+
+  CategoryWidget->addTopLevelItem(HomepageItem);
+  SidebarMgr->AddUnusableItem(CategoryParentItem);
+  CategoryWidget->addTopLevelItem(AppDetailsItem);
+  CategoryWidget->addTopLevelItem(CategoryParentItem);
+  CategoryWidget->addTopLevelItem(DownloadsItem);
+  CategoryWidget->addTopLevelItem(UiTestItem);
+
+  CategoryWidget->setFocusPolicy(Qt::NoFocus);
+
+  // Must be done after added into a view.
+  AppDetailsItem->setHidden(true); // Hide until we actually open up a Details page
+  CategoryParentItem->setExpanded(true);
+
+  // FIXMEIFPOSSIBLE: Fusion adds extra gradient.
+  // Details: https://forum.qt.io/topic/128190/fusion-style-kept-adding-an-extra-
+  // layer-of-gradient-to-my-selected-item-of-qtreewidget-even-with-qss
+  if(SpkUi::OldSystemStyle)
+    CategoryWidget->setStyle(SpkUi::OldSystemStyle);
+  SidebarMgr->BindCategoryWidget(CategoryWidget);
+
+  HorizontalDivide = new QHBoxLayout;
+  HorizontalDivide->setObjectName("spk_mw_divide_hlay");
+  HorizontalDivide->setSpacing(0);
+  HorizontalDivide->setContentsMargins(0, 0, 0, 0);
+  HorizontalDivide->setAlignment(Qt::AlignLeft);
+  if(!SpkUi::States::IsUsingDtkPlugin)
+    HorizontalDivide->addSpacing(SpkWindow::BorderWidth);
+  HorizontalDivide->addWidget(CategoryWidget);
+  HorizontalDivide->addWidget(Pager);
+
+  //============ Search Bar ============
+
+  SearchEdit = new SpkFocusLineEdit(this);
+  SearchEdit->setPlaceholderText(tr("Press Enter to search"));
+  SearchEdit->setFixedWidth(30);
+  SearchEdit->setFixedHeight(30);
+  SearchBarAnim = new QTimeLine(300, this);
+  SearchBarAnim->setDuration(300);
+  SearchBarAnim->setEasingCurve(QEasingCurve::OutExpo);
+  SearchBarAnim->setUpdateInterval(20);
+  ActClearSearchBar = SearchEdit->addAction(QIcon(":/icons/clear-input.svg"),
+                                            QLineEdit::TrailingPosition);
+  ActClearSearchBar->setVisible(false); // Invisible by default
+  ActSearchIcon = SearchEdit->addAction(QIcon(":/icons/search-mini.svg"), QLineEdit::LeadingPosition);
+  connect(SearchEdit, &SpkFocusLineEdit::focusGained,
+          [=](){
+    ActClearSearchBar->setVisible(true);
+    SearchBarAnim->setDirection(QTimeLine::Forward);
+    SearchBarAnim->start();
+  });
+  connect(SearchEdit, &SpkFocusLineEdit::focusLost,
+             [=](){
+    ActClearSearchBar->setVisible(false);
+    SearchBarAnim->setDirection(QTimeLine::Backward);
+    SearchBarAnim->start();
+  });
+  connect(SearchBarAnim, &QTimeLine::valueChanged,
+          [=](qreal v){
+    SearchEdit->setFixedWidth(static_cast<int>(250 * v) + 30);
+  });
+  connect(ActClearSearchBar, &QAction::triggered, [=](){ SearchEdit->clear(); });
+  connect(BtnBack, &QPushButton::clicked,
+          [=](){
+    SidebarMgr->GoBack();
+    BtnBack->setEnabled(false);
+  });
+
+  auto space = static_cast<SpkWindow*>(parent)->GetTitleBar()->GetUserSpace();
+
+  space->addSpacing(50);
+  space->addWidget(BtnDayNight);
+  space->addWidget(BtnSettings);
+  space->addWidget(BtnBack);
+  space->addWidget(SearchEdit);
+  space->addStretch();
+
+
+  //============ Pages =============
+
+  // Red-Black tree based map will be able to sort things. Just for convenience of ordering pages.
+  QMap<SpkStackedPages, QWidget*> sorter;
+
+  // Initialize pages
+  PageAppList = new SpkUi::SpkPageAppList(this);
+  PageAppList->setProperty("spk_pageid", SpkStackedPages::PgAppList);
+  sorter[PgAppList] = PageAppList;
+
+  PageAppDetails = new SpkUi::SpkPageAppDetails(this);
+  PageAppDetails->setProperty("spk_pageid", SpkStackedPages::PgAppDetails);
+  sorter[PgAppDetails] = PageAppDetails;
+
+  PageDownloads = new SpkUi::SpkPageDownloads(this);
+  PageDownloads->setProperty("spk_pageid", SpkStackedPages::PgDownloads);
+  sorter[PgDownloads] = PageDownloads;
+
+  PageSettings = new SpkUi::SpkPageSettings(this);
+  PageSettings->setProperty("spk_pageid", SpkStackedPages::PgSettings);
+  sorter[PgSettings] = PageSettings;
+
+  PageHome = new SpkUi::SpkPageHome(this);
+  PageSettings->setProperty("spk_pageid", SpkStackedPages::PgHomepage);
+  sorter[PgHomepage] = PageHome;
+
+#ifndef NDEBUG // If only in debug mode should we initialize QSS test page
+  PageQssTest = new SpkUi::SpkPageUiTest(this);
+  PageQssTest->setProperty("spk_pageid", SpkStackedPages::PgQssTest);
+  sorter[PgQssTest] = PageQssTest;
+#endif
+
+  for(auto i : sorter)
+    Pager->addWidget(i);
+
+  // Default page selection : homepage
+  HomepageItem->setSelected(true);
+  // Manually "activate" the default page item to make the sidebar tree know about default item
+  emit CategoryWidget->itemPressed(HomepageItem, 0);
+
+  setLayout(HorizontalDivide);
+}

gui/spkmsgbox.cpp

@@ -0,0 +1,139 @@
+
+#include <QScrollArea>
+#include <QDebug>
+#include <QGuiApplication>
+#include <QScreen>
+#include "spkui_general.h"
+#include "spkmainwindow.h"
+#include "spkmsgbox.h"
+#include "spkstore.h"
+
+// Suppress unwanted Clazy check warnings
+// clazy:excludeall=connect-3arg-lambda,lambda-in-connect
+
+const QSize SpkMsgBox::IconSize; // I don't know why I need it, compiler wants that
+
+SpkMsgBox::SpkMsgBox(QWidget *parent)
+{
+  Q_UNUSED(parent);
+  setSizePolicy(QSizePolicy::MinimumExpanding, QSizePolicy::Minimum);
+}
+
+int SpkMsgBox::StaticExec(QString msg, QString title, QMessageBox::Icon icon,
+                          QMessageBox::StandardButtons buttons, QString extra, bool expanded)
+{
+  SpkMsgBox *b = new SpkMsgBox(SpkStore::Instance->GetRootWindow());
+  QWidget *wMsgWidget = new QWidget;
+  QHBoxLayout *wMsg = new QHBoxLayout(wMsgWidget);
+  QPushButton *wExpandBtn;
+  QScrollArea *wExtraArea;
+  QLabel *wMsgText = new QLabel,
+         *wExtraInfo,
+         *wIcon;
+  int InitialHeight;
+  bool hasextra = extra.length() != 0;
+
+  if(icon)
+  {
+    wIcon = new QLabel;
+    QIcon icon_;
+    switch(icon)
+    {
+      case QMessageBox::Critical:
+        icon_ = QIcon::fromTheme("dialog-error");
+        break;
+      case QMessageBox::Warning:
+        icon_ = QIcon::fromTheme("dialog-warning");
+        break;
+      case QMessageBox::Information:
+        icon_ = QIcon::fromTheme("dialog-information");
+        break;
+      case QMessageBox::Question:
+        icon_ = QIcon::fromTheme("dialog-question");
+        break;
+      case QMessageBox::NoIcon:
+        break;
+    }
+    if(icon)
+      wIcon->setPixmap(icon_.pixmap(IconSize));
+    wMsg->addWidget(wIcon);
+  }
+  wMsgText->setText(msg);
+  wMsgText->setAlignment(Qt::AlignLeft);
+  wMsg->addWidget(wMsgText);
+  wMsg->setSpacing(10);
+  wMsgWidget->setLayout(wMsg);
+  b->AddWidget(wMsgWidget);
+  b->GetTitleBar()->SetTitle(title);
+  b->GetTitleBar()->SetOperationButton(SpkTitleBar::OperationButton::Close);
+  b->SetResizable(false);
+  b->SetCentralMargin(Margin, Margin, Margin, Margin);
+  b->setMaximumSize(SpkUi::PrimaryScreenSize * 0.6);
+
+  if(hasextra)
+  {
+    wExpandBtn = new QPushButton;
+    wExtraInfo = new QLabel;
+    wExtraArea = new QScrollArea;
+    wExtraInfo->setText(extra);
+    wExtraArea->setWidget(wExtraInfo);
+    wExtraArea->setVisible(false);
+    wExtraArea->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+    wExpandBtn->setText(tr("Details"));
+    wExpandBtn->setMaximumWidth(100);
+    wExpandBtn->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+    wExpandBtn->setCheckable(true);
+    wExpandBtn->setObjectName("styChkBtn");
+    connect(wExpandBtn, &QPushButton::clicked,
+            [&](){  // FIXME: hint doesn't change when visibility changes, this is a quirky hack
+                    wExtraArea->setVisible(wExpandBtn->isChecked());
+                    if(wExpandBtn->isChecked())
+                      b->setFixedHeight(b->sizeHint().height());
+                    else
+                      b->setFixedHeight(InitialHeight);
+                 });
+    b->mBtnLay->addWidget(wExpandBtn);
+    b->mBtnLay->addStretch();
+    b->AddWidget(wExtraArea);
+  }
+
+  b->AddSpacing(3);
+  AddButtons(b, buttons);
+  if(hasextra)
+  {
+    b->mBtnLay->addStretch(); // Keep conventional buttons centered
+    if(expanded)
+      emit wExpandBtn->clicked();
+  }
+  InitialHeight = b->minimumSizeHint().height();
+  auto pos = (SpkUi::PrimaryScreenSize - b->sizeHint()) / 2;
+  b->move(pos.width(), pos.height());
+  b->setWindowModality(Qt::ApplicationModal);
+  b->setFixedSize(b->sizeHint());
+
+  auto r = b->Exec();
+  if(r != -1)
+     r = b->mButtonList[r]; // Retrieve the correct button
+
+  delete b;
+  return r;
+}
+
+void SpkMsgBox::AddButtons(SpkMsgBox *me, QMessageBox::StandardButtons b)
+{
+  // If anyone can do it better, please let me know, I wrote this on the airplane
+  using btn = QMessageBox::StandardButton;
+  if(!b) return;
+  if(b.testFlag(btn::Ok)) { me->AddButton(tr("OK")); me->mButtonList << btn::Ok; };
+  if(b.testFlag(btn::Cancel)) { me->AddButton(tr("Cancel")); me->mButtonList << btn::Cancel; };
+  if(b.testFlag(btn::Yes)) { me->AddButton(tr("Yes")); me->mButtonList << btn::Yes; };
+  if(b.testFlag(btn::No)) { me->AddButton(tr("No")); me->mButtonList << btn::No; };
+  if(b.testFlag(btn::Apply)) { me->AddButton(tr("Apply")); me->mButtonList << btn::Apply; };
+  if(b.testFlag(btn::Reset)) { me->AddButton(tr("Reset")); me->mButtonList << btn::Reset; };
+  if(b.testFlag(btn::Abort)) { me->AddButton(tr("Abort")); me->mButtonList << btn::Abort; };
+  if(b.testFlag(btn::Retry)) { me->AddButton(tr("Retry")); me->mButtonList << btn::Retry; };
+  if(b.testFlag(btn::Ignore)) { me->AddButton(tr("Ignore")); me->mButtonList << btn::Ignore; };
+  if(b.testFlag(btn::Reset)) { me->AddButton(tr("Reset")); me->mButtonList << btn::Reset; };
+  if(b.testFlag(btn::Close)) { me->AddButton(tr("Close")); me->mButtonList << btn::Close; };
+  if(b.testFlag(btn::Open)) { me->AddButton(tr("Open")); me->mButtonList << btn::Open; };
+}

gui/spknotifydot.cpp

@@ -0,0 +1,35 @@
+
+#include <QPaintEvent>
+#include <QPainter>
+#include <QBrush>
+#include "spknotifydot.h"
+#include "spkstore.h"
+
+/*
+ * The font size and the actual geometry of this widget is hard coded
+ * If you want to use this widget code please consider improving it
+ */
+
+SpkNotifyDot::SpkNotifyDot(QWidget *parent) :
+  QLabel(parent)
+{
+
+}
+
+void SpkNotifyDot::paintEvent(QPaintEvent *e)
+{
+  QPainter p(this);
+
+  int h = height();
+
+  p.setRenderHint(QPainter::Antialiasing);
+  p.setBrush(QBrush(QColor(255, 70, 50)));
+  p.setPen(Qt::transparent);
+  p.drawEllipse(0, 0, h, h);
+  p.setBrush(QBrush(QColor(Qt::white)));
+  p.setPen(Qt::white);
+  p.setFont(QFont("sansserif", 10, 1000));
+  p.drawText(QRect(0, 0, h, h), Qt::AlignHCenter | Qt::AlignVCenter, text());
+
+  p.end();
+}

gui/spkpopup.cpp

@@ -0,0 +1,82 @@
+
+#include "spkpopup.h"
+#include <QDebug>
+
+namespace SpkUi
+{
+  SpkPopup::SpkPopup(QWidget *parent,  int aMillis) : QWidget(parent)
+  {
+    setAttribute(Qt::WA_TransparentForMouseEvents);
+    setAttribute(Qt::WA_TranslucentBackground);
+    setWindowFlags(Qt::FramelessWindowHint);
+    mText = new QLabel();
+    mText->setStyleSheet("border-radius: 11px;"
+                         "background-color: rgba(0,0,0,150);"
+                         "color: white;"
+                         "padding: 5px;");
+    mText->setText(tr("(No Text)"));
+    mBox = new QHBoxLayout(this);
+    mBox->addWidget(mText);
+    mBox->setContentsMargins(0, 0, 0, 0);
+    // The reason why we contain it in a widget is that, if we want a QLabel have rounded corners,
+    // then it must be able to be displayed with a translucent background. However, setting
+    // Qt::WA_TranslucentBackground will cause the entire background of QLabel transparent.
+    // Therefore we need a container (SpkPopup) with a transparent background as the canvas layer
+    // of the actual displayed text.
+    mAnim = new QSequentialAnimationGroup(this);
+
+    // Disabled as translucency doesn't work well on every platform :(
+//    mAnimFadeIn = new QPropertyAnimation(this, "windowOpacity");
+//    mAnimFadeOut = new QPropertyAnimation(this, "windowOpacity");
+//    mAnimFadeIn->setStartValue(0.0);
+//    mAnimFadeIn->setEndValue(1.0);
+//    mAnimFadeOut->setStartValue(1.0);
+//    mAnimFadeOut->setEndValue(0.0);
+    // Using moving animation instead
+    mAnimFadeIn = new QPropertyAnimation(this, "pos");
+    mAnimFadeOut = new QPropertyAnimation(this, "pos");
+    mAnimFadeIn->setDuration(250);
+    mAnimFadeOut->setDuration(250);
+    mAnimFadeIn->setEasingCurve(QEasingCurve::InQuad);
+    mAnimFadeOut->setEasingCurve(QEasingCurve::InQuad);
+
+    mAnim->addAnimation(mAnimFadeIn);
+    mAnim->addPause(aMillis);
+    mAnim->addAnimation(mAnimFadeOut);
+    setVisible(false);
+
+    connect(mAnim, &QAnimationGroup::stateChanged,
+            [=](QAbstractAnimation::State newState, QAbstractAnimation::State oldState)
+    {
+//      qDebug() << "OldState" << oldState << "NewState" << newState;
+      if(newState == QAbstractAnimation::Stopped)
+        setVisible(false);
+    });
+  }
+
+  void SpkPopup::Show(QString aText)
+  {
+    if(mAnim->state() == QSequentialAnimationGroup::Running)
+      mAnim->stop();
+    QSize parentSize = parentWidget()->size();
+    mText->setText(aText);
+    adjustSize();
+    move(QPoint((parentSize.width() - width()) / 2, parentSize.height() - height() - 30)/* +
+         parentWidget()->pos()*/);
+    setMaximumWidth(parentSize.width() - 200);
+    setWindowOpacity(1);
+    show();
+
+    mAnimFadeIn->setStartValue(QPoint((parentSize.width() - width()) / 2,
+                                      parentSize.height() + height()));
+    mAnimFadeIn->setEndValue(QPoint((parentSize.width() - width()) / 2,
+                                    parentSize.height() - height() - 80));
+    mAnimFadeOut->setStartValue(QPoint((parentSize.width() - width()) / 2,
+                                       parentSize.height() - height() - 80));
+    mAnimFadeOut->setEndValue(QPoint((parentSize.width() - width()) / 2,
+                                     parentSize.height() + height()));
+
+    qDebug() << "Popup size " << size() << "position" << pos() << "parent size" << parentWidget()->size();
+    mAnim->start();
+  }
+}

gui/spkqsshelper.cpp

@@ -0,0 +1,93 @@
+
+#include "spkqsshelper.h"
+
+const std::list<SpkUi::Qss::ColorSetIndex> SpkUi::Qss::AccentColorExceptions
+{
+  AccentColor,
+  AccentColorHighlighted,
+  TextOnAccentColor,
+};
+
+const std::map<SpkUi::Qss::ColorSetIndex, const char *> SpkUi::Qss::ColorSet2Token
+{
+  { GlobalBgnd, "GBG_" },
+  { ControlsBgnd, "CBG_" },
+  { ControlsBgndHighlighted, "CBGH" },
+  { SelectionBgnd, "ACC_" },
+  { SelectionBgndHighlighted, "ACCH" },
+  { LightCtrlsGradLight, "LCTL1" },
+  { LightCtrlsGradDark, "LCTL2" },
+  { LightCtrlsGradDarker, "LCTL3" },
+  { LightCtrlsDisabledBackground, "LCTLD" },
+  { DarkCtrlsGradLight, "DCTL1" },
+  { DarkCtrlsGradDark, "DCTL2" },
+  { DarkCtrlsGradDarker, "DCTL3" },
+  { DarkCtrlsDisabledBackground, "DCTLD" },
+  { TextOnSelection, "TXACC" },
+  { TextOnGlobalBgnd, "TXGBG" },
+  { TextOnControlsBgnd, "TXCBG" },
+  { TextLighter, "TXL1" },
+  { TextEvenLighter, "TXL2" },
+  { TextDisabled, "TXD" },
+  { GlossyEdge, "GLS" },
+  { ShadesEdge, "SHD" },
+  { ScrollBarNorm, "SCBN" },
+  { ScrollBarHover, "SCBH" },
+  { DivideLine, "DVL" },
+};
+
+const std::map<SpkUi::Qss::ColorSetIndex, QColor> SpkUi::Qss::DarkColorSet
+{
+  { GlobalBgnd, 0x282828 },
+  { ControlsBgnd, 0x323232 },
+  { ControlsBgndHighlighted, 0xff0000 },
+  { SelectionBgnd, 0x0070ff },
+  { SelectionBgndHighlighted, QColor(0x0070ff).lighter(120) },
+  { LightCtrlsGradLight, 0x6b6b6b },
+  { LightCtrlsGradDark, 0x656565 },
+  { LightCtrlsGradDarker, 0x606060 },
+  { LightCtrlsDisabledBackground, 0x808080 },
+  { DarkCtrlsGradLight, 0x404040 },
+  { DarkCtrlsGradDark, 0x383838 },
+  { DarkCtrlsGradDarker, 0x323232 },
+  { DarkCtrlsDisabledBackground, 0x525252 },
+  { TextOnSelection, ColorTextOnBackground(0x0070ff) },
+  { TextOnGlobalBgnd, ColorTextOnBackground(0x282828) },
+  { TextOnControlsBgnd, ColorTextOnBackground(0x282828) },
+  { TextLighter, 0xd5d5d5 },
+  { TextEvenLighter, 0x505050 },
+  { TextDisabled, 0xbebebe },
+  { GlossyEdge, 0x656565 },
+  { ShadesEdge, 0x7b7b7b },
+  { ScrollBarNorm, 0x404040 },
+  { ScrollBarHover, 0x656565 },
+  { DivideLine, 0x424242 },
+};
+
+const std::map<SpkUi::Qss::ColorSetIndex, QColor> SpkUi::Qss::LightColorSet
+{
+  { GlobalBgnd, 0xf8f8f8 },
+  { ControlsBgnd, 0xf8f8f8 },
+  { ControlsBgndHighlighted, 0xff0000 },
+  { SelectionBgnd, 0x0070ff },
+  { SelectionBgndHighlighted, QColor(0x0070ff).lighter(120) },
+  { LightCtrlsGradLight, 0xfbfbfb },
+  { LightCtrlsGradDark, 0xf2f2f2 },
+  { LightCtrlsGradDarker, 0xebebeb },
+  { LightCtrlsDisabledBackground, 0xe0e0e0 },
+  { DarkCtrlsGradLight, 0xe4e4e4 },
+  { DarkCtrlsGradDark, 0xcecece },
+  { DarkCtrlsGradDarker, 0xb8b8b8 },
+  { DarkCtrlsDisabledBackground, 0xababab },
+  { TextOnSelection, ColorTextOnBackground(0x0070ff) },
+  { TextOnGlobalBgnd, ColorTextOnBackground(0xf8f8f8) },
+  { TextOnControlsBgnd, ColorTextOnBackground(0xf8f8f8) },
+  { TextLighter, 0x2a2a2a },
+  { TextEvenLighter, 0xa0a0a0 },
+  { TextDisabled, 0x8a8a8a },
+  { GlossyEdge, 0x9d9d9d },
+  { ShadesEdge, 0xc5c5c5 },
+  { ScrollBarNorm, 0xa0a0a0 },
+  { ScrollBarHover, 0x858585 },
+  { DivideLine, 0xd5d5d5 },
+};

gui/spksidebartree.cpp

@@ -0,0 +1,31 @@
+
+#include <QMouseEvent>
+#include "spksidebartree.h"
+
+SpkUi::SpkSidebarTree::SpkSidebarTree(QWidget *parent) :
+  QTreeWidget(parent)
+{
+
+}
+
+void SpkUi::SpkSidebarTree::mouseMoveEvent(QMouseEvent *e)
+{
+  // This is solely for forcibly  disabling the view to change selection when dragging on the view
+  // and probably the only reason why this class began its existence
+  if((e->buttons() & Qt::LeftButton))
+    setState(NoState);
+  else
+    QTreeWidget::mouseMoveEvent(e);
+}
+
+void SpkUi::SpkSidebarTree::mousePressEvent(QMouseEvent *e)
+{
+  // Prevent anything being deselected
+  if(e->modifiers().testFlag(Qt::ControlModifier) && e->buttons().testFlag(Qt::LeftButton))
+  {
+    auto i = itemAt(e->pos());
+    if(i && i->isSelected())
+      return;
+  }
+  QTreeWidget::mousePressEvent(e);
+}

gui/spkstretchlayout.cpp

@@ -0,0 +1,92 @@
+
+#include "spkstretchlayout.h"
+
+SpkStretchLayout::SpkStretchLayout(QWidget *parent) : QLayout(parent)
+{
+}
+
+SpkStretchLayout::~SpkStretchLayout()
+{
+  QLayoutItem *item;
+  while((item = takeAt(0)))
+    delete item;
+}
+
+void SpkStretchLayout::addItem(QLayoutItem *item)
+{
+  mItems.append(item);
+}
+
+QSize SpkStretchLayout::sizeHint() const
+{
+  if(mItems.isEmpty())
+    return { 300, 300 };
+  auto w = geometry().width() - spacing();
+  auto it = mItems.first();
+  int countPerLine = w / (it->minimumSize().width() + spacing());
+  int lines = ceil((double)mItems.size() / countPerLine);
+  auto h = static_cast<int>(it->minimumSize().height() * lines + spacing() * lines);
+  return { w, h };
+}
+
+QSize SpkStretchLayout::minimumSize() const
+{
+  // It works this way, but I honestly have no idea WHY IT WORKS
+  auto r = sizeHint();
+  r.setWidth(300);
+  return r;
+}
+
+int SpkStretchLayout::count() const
+{
+  return mItems.size();
+}
+
+QLayoutItem *SpkStretchLayout::itemAt(int i) const
+{
+  return mItems.value(i);
+}
+
+QLayoutItem *SpkStretchLayout::takeAt(int i)
+{
+  return i >= 0 && i < mItems.size() ? mItems.takeAt(i) : nullptr;
+}
+
+void SpkStretchLayout::setGeometry(const QRect &rect)
+{
+  QLayout::setGeometry(rect);
+  if(mItems.isEmpty())
+    return;
+
+  int spc = spacing(), w = rect.width() - spc;
+  QSize size;
+  auto itm = mItems.first();
+
+  // All items are considered the same, so we only calculate with the first item.
+  // Figure out how many at most can we squeeze into one line
+  int countPerLine = w / (itm->minimumSize().width() + spacing());
+
+  if(countPerLine < 1)
+    countPerLine = 1;
+
+  if(countPerLine >= mItems.size()) // All items fit in one line
+    size = itm->minimumSize();
+  // Won't fit in one line.
+  else // Stretch items.
+    size = QSize {(w / countPerLine - spc), itm->maximumSize().height() };
+
+  auto origin = geometry().topLeft();
+
+  QLayoutItem *o;
+  for(int i = 0; i < mItems.size(); i++)
+  {
+    o = mItems.at(i);
+    QRect geo;
+    geo.setSize(size);
+    geo.moveTo((i % countPerLine) * (size.width() + spc) + spc + origin.x(),
+               (i / countPerLine) * (size.height() + spacing()) + spc + origin.y());
+    o->setGeometry(geo);
+  }
+
+//  qDebug() << rect;
+}

gui/spktitlebar.cpp

@@ -0,0 +1,149 @@
+
+#include <QEvent>
+#include <QMouseEvent>
+#include "spkwindow.h"
+#include "spkui_general.h"
+#include "spktitlebar.h"
+
+SpkTitleBar::SpkTitleBar(QWidget *parent) : QFrame(parent)
+{
+  mLinkedWindow = nullptr;
+
+  setFixedHeight(Height);
+  setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+
+  mIcon = new QLabel(this);
+  mTitle = new QLabel(this);
+  mIcon->setFixedSize(40, 40);
+
+  mMainLayout = new QHBoxLayout(this);
+  mUserSpace = new QHBoxLayout();
+  mBtnGroup = new QHBoxLayout();
+  mBtnMin = new SpkTitleBarDefaultButton(this);
+  mBtnMaxRestore = new SpkTitleBarDefaultButton(this);
+  mBtnClose= new SpkTitleBarDefaultButton(this);
+  mMainLayout->setSpacing(8);
+  mBtnGroup->setSpacing(0);
+
+  mMainLayout->addSpacing(12);
+  mMainLayout->addWidget(mIcon);
+  mMainLayout->addWidget(mTitle);
+  mMainLayout->addLayout(mUserSpace);
+  mMainLayout->addLayout(mBtnGroup);
+  mBtnGroup->addWidget(mBtnMin);
+  mBtnGroup->addWidget(mBtnMaxRestore);
+  mBtnGroup->addWidget(mBtnClose);
+
+  mBtnMin->SetRole(OperationButton::Minimize);
+  mBtnMaxRestore->SetRole(OperationButton::MaximizeRestore);
+  mBtnClose->SetRole(OperationButton::Close);
+
+  mMainLayout->setContentsMargins(0, 0, 0, 1);
+
+  setLayout(mMainLayout);
+
+  connect(mBtnClose, &QPushButton::clicked, this, &SpkTitleBar::CloseWindow);
+  connect(mBtnMin, &QPushButton::clicked, this, &SpkTitleBar::MinimizeWindow);
+  connect(mBtnMaxRestore, &QPushButton::clicked, this, &SpkTitleBar::MaximizeRestoreWindow);
+}
+
+SpkTitleBar::~SpkTitleBar()
+{
+  //qDebug() << "Freed title bar!";
+}
+
+void SpkTitleBar::SetOperationButton(OperationButton type)
+{
+  mBtnClose->setVisible(type & OperationButton::Close);
+  mBtnMaxRestore->setVisible(type & OperationButton::MaximizeRestore);
+  mBtnMin->setVisible(type & OperationButton::Minimize);
+}
+
+bool SpkTitleBar::event(QEvent *evt)
+{
+  switch(evt->type())
+  {
+    case QEvent::MouseButtonDblClick:
+    {
+      if(static_cast<QMouseEvent*>(evt)->button())
+        emit mBtnMaxRestore->clicked();
+      break;
+    }
+    default:;
+  }
+  return QWidget::event(evt);
+}
+
+void SpkTitleBar::CloseWindow()
+{
+  if(mLinkedWindow)
+    mLinkedWindow->close();
+}
+
+void SpkTitleBar::MinimizeWindow()
+{
+  if(mLinkedWindow)
+    mLinkedWindow->setWindowState(Qt::WindowMinimized);
+}
+
+void SpkTitleBar::MaximizeRestoreWindow()
+{
+  if(mLinkedWindow)
+  {
+    if(mLinkedWindow->windowState().testFlag(Qt::WindowMaximized))
+      mLinkedWindow->setWindowState(mLinkedWindow->windowState() & ~Qt::WindowMaximized);
+    else
+      mLinkedWindow->setWindowState(Qt::WindowMaximized);
+  }
+}
+
+SpkTitleBarDefaultButton::SpkTitleBarDefaultButton(QWidget* parent) : QPushButton(parent)
+{
+  setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Expanding);
+  setMaximumWidth(ButtonWidth);
+  setMinimumWidth(ButtonWidth);
+  setFocusPolicy(Qt::NoFocus);
+}
+
+void SpkTitleBarDefaultButton::paintEvent(QPaintEvent *e)
+{
+  QPushButton::paintEvent(e);
+  QPainter painter;
+  painter.begin(this);
+  PaintSymbol(painter);
+  painter.end();
+}
+
+void SpkTitleBarDefaultButton::PaintSymbol(QPainter &p)
+{
+  QPen pen(SpkUi::ColorLine);
+  p.setPen(pen);
+  auto mh = height() / 2, mw = width() / 2, h = height(), w = width();
+  constexpr int fr = 10;
+  switch(Role)
+  {
+    case Minimize:
+      p.drawLine(mw - w / fr, mh, mw + w / fr, mh);
+      break;
+    case MaximizeRestore:
+      p.drawRect(mw - w / fr, mh - h / fr,
+                 w / fr * 2, h / fr * 2);
+      break;
+    case Restore:
+      p.drawRect(mw - w / fr - 2, mh - w / fr + 2, w / fr * 2, h / fr * 2);
+      p.drawLine(mw - w / fr, mh - h / fr - 2, mw + w / fr, mh - h / fr - 2);
+      p.drawLine(mw + w / fr, mh - h / fr - 2, mw + w / fr, mh + h / fr - 2);
+      break;
+    case Close:
+      p.drawLine(mw - h / fr * 1.3, mh - h / fr * 1.3,
+                 mw + h / fr * 1.3, mh + h / fr * 1.3);
+      p.drawLine(mw - h / fr * 1.3, mh + h / fr * 1.3,
+                 mw + h / fr * 1.3, mh - h / fr * 1.3);
+      break;
+  }
+}
+
+void SpkTitleBarDefaultButton::SetRole(OperationButton role)
+{
+  Role = role;
+}

gui/spkui_general.cpp

@@ -0,0 +1,332 @@
+//
+// Created by rigoligo on 2021/5/8.
+//
+
+#include <QApplication>
+#include <QFile>
+#include <QTextStream>
+#include <QLibrary>
+#include <QDir>
+#include <QMessageBox>
+#include <QDateTime>
+#include <QDebug>
+#include <QScreen>
+#include <QPluginLoader>
+#include <QStyleFactory>
+#include <csignal>
+#include <execinfo.h>
+
+#include "spkui_general.h"
+#include "spkmsgbox.h"
+#include "spkpopup.h"
+#include "spklogging.h"
+#include "spkstore.h"
+#include "spkutils.h"
+
+namespace SpkUi
+{
+  UiMetaObject SpkUiMetaObject;
+  SpkUiStyle CurrentStyle;
+  QString StylesheetBase, CurrentStylesheet;
+  QColor ColorLine, ColorBack, ColorBtnMaskSelected, ColorBtnMaskUnselected;
+  QSize PrimaryScreenSize;
+  SpkDtkPlugin *DtkPlugin = nullptr;
+  QStyle *OldSystemStyle = nullptr;
+
+  std::map<Qss::ColorSetIndex, QColor> CurrentColorSet;
+
+  SpkPopup *Popup;
+
+  namespace States
+  {
+    bool IsDDE = false, IsUsingDtkPlugin = false;
+
+    bool DoRespondAutoTheme = false;
+    int LightDarkMode = 3; // Default to Manual
+
+    bool ThemeConfigCallback()
+    {
+      switch(LightDarkMode)
+      {
+        case 0:
+          if(!DtkPlugin) return false;
+          SpkUiMetaObject.SetDarkLightTheme(DtkPlugin->GetIsDarkTheme());
+          break;
+        case 1:
+          SetGlobalStyle(Light, true);
+          SpkUiMetaObject.SetThemeButtonVisible(false);
+          break;
+        case 2:
+          SetGlobalStyle(Dark,  true);
+          SpkUiMetaObject.SetThemeButtonVisible(false);
+          break;
+        case 3:
+          SpkUiMetaObject.SetThemeButtonVisible(true);
+          break;
+      }
+      return true;
+    }
+  }
+
+  namespace Priv
+  {
+    bool CrashHandlerActivated;
+  }
+
+  // ======================= Static Linkage Private Functions ========================
+
+  static void SetBtnMaskColor()
+  {
+    ColorBtnMaskUnselected = ColorTextOnBackground(CurrentColorSet[Qss::ControlsBgnd]);
+    ColorBtnMaskSelected = ColorTextOnBackground(CurrentColorSet[Qss::AccentColor]);
+  }
+
+  // ======================== Public Functions =========================
+
+  void Initialize()
+  {
+    // Obtain global stylesheets
+    QFile ObtainStylesheet;
+    ObtainStylesheet.setFileName(CFG->ReadField("internal/qss_path",
+                                                ":/stylesheet/stylesheet/default.css")
+                                 .toString());
+    ObtainStylesheet.open(QIODevice::ReadOnly);
+    StylesheetBase = ObtainStylesheet.readAll();
+    ObtainStylesheet.close();
+
+    CurrentStyle = SpkUiStyle::Invalid;
+
+#ifdef NDEBUG
+    SetGlobalStyle(Light, false);
+#else
+    SetGlobalStyle(qEnvironmentVariableIntValue("SPK_FORCE_DARK") ? Dark : Light, false);
+#endif
+
+    // Initalize crash handler
+    signal(SIGSEGV, SpkUi::CrashSignalHandler);
+    signal(SIGABRT, SpkUi::CrashSignalHandler);
+    signal(SIGFPE, SpkUi::CrashSignalHandler);
+
+    // Prepare theme following for DDE
+    if((States::IsDDE = CheckIsDeepinDesktop()))
+      PrepareForDeepinDesktop();
+
+    // Misc data initialization
+    PrimaryScreenSize = QGuiApplication::primaryScreen()->size();
+    CFG->BindField("ui/theme", &States::LightDarkMode, 3, States::ThemeConfigCallback);
+  }
+
+  void GuessAppropriateTheme()
+  {
+    // FIXME: Too difficult, not implementing it
+  }
+
+  bool CheckIsDeepinDesktop()
+  {
+    QString Desktop(getenv("XDG_CURRENT_DESKTOP"));
+    // This method of checking is from DTK source code.
+    if(Desktop.contains("deepin", Qt::CaseInsensitive) ||
+       Desktop.contains("tablet", Qt::CaseInsensitive))
+      return true;
+    else
+      return false;
+  }
+
+  void PrepareForDeepinDesktop()
+  {
+#ifndef NDEBUG
+    qApp->addLibraryPath(qApp->applicationDirPath() + "/plugin/dtkplugin");
+#else
+    // You must `make install' before these work in release mode
+    qApp->addLibraryPath("/usr/local/lib");
+    qApp->addLibraryPath("/usr/lib");
+#endif
+    if(!qEnvironmentVariableIntValue("SPARK_NO_DTK_PLUGIN"))
+    {
+      QPluginLoader p("libspkdtkplugin");
+      if(p.load())
+      {
+        auto i = qobject_cast<SpkDtkPlugin*>(p.instance());
+        if(i)
+        {
+          DtkPlugin = i;
+          States::IsUsingDtkPlugin = true;
+
+          i->Initialize();
+
+          SpkUiMetaObject.SetAccentColor(i->GetAccentColor()); // Match OS accent color
+          SpkUiMetaObject.SetDarkLightTheme(i->GetIsDarkTheme()); // Match OS dark theme type
+
+          QObject::connect(i, &SpkDtkPlugin::AccentColorChanged,
+                           &SpkUiMetaObject, &UiMetaObject::SetAccentColor);
+          QObject::connect(i, &SpkDtkPlugin::DarkLightThemeChanged,
+                           &SpkUiMetaObject, &UiMetaObject::SetDarkLightTheme);
+        }
+      }
+    }
+
+    // NOTE: Chameleon style kept adding unwanted blue focus indication border
+    // to widgets that shouldn't have borders.
+    // We need to eliminate this irritating problem.
+    if(qEnvironmentVariableIntValue("SPARK_NO_QSTYLE_CHANGE"))
+      return;
+    OldSystemStyle = QStyleFactory::create("chameleon"); // TreeWidget doesn't work well with Fusion
+    auto styles = QStyleFactory::keys();
+    styles.removeAll("chameleon");
+    if(styles.contains("Fusion"))
+    {
+      auto style = QStyleFactory::create("Fusion");
+      qApp->setStyle(style);
+    }
+    else if(styles.size()) // What? This shouldn't happen.
+      qApp->setStyle(QStyleFactory::create(styles[0]));
+    else // Duh...
+      sWarn(QObject::tr("Cannot find styles other than 'chameleon'! You may see widgets "
+                        "with unwanted blue borders."));
+  }
+
+  void SetGlobalStyle(const SpkUiStyle aStyle, const bool aPreserveAccentColor)
+  {
+    if(aStyle == CurrentStyle) // Don't waste precious CPU time parsing new style sheet!
+      return;
+    CurrentStyle = aStyle;
+    Qss::ColorSet tempset;
+    switch(aStyle)
+    {
+      case Invalid:
+      case Light:
+        tempset = Qss::LightColorSet;
+        ColorLine = Qt::black;
+        break;
+      case Dark:
+        tempset = Qss::DarkColorSet;
+        ColorLine = Qt::white;
+        break;
+    }
+    if(aPreserveAccentColor)
+    {
+      for(auto i : Qss::AccentColorExceptions)
+        tempset[i] = CurrentColorSet[i];
+    }
+    CurrentColorSet = tempset;
+    CurrentStylesheet = StylesheetFromColors(CurrentColorSet);
+    SetBtnMaskColor();
+    qApp->setStyleSheet(CurrentStylesheet);
+  }
+
+  QString WriteStackTrace(const QString &aStackTrace)
+  {
+    QString path = QDir::homePath() + "/.local/share/spark-store/crash/";
+    QFile StackTraceFile;
+    if(!QDir().exists(path))
+      if(!QDir().mkpath(path))
+        return QObject::tr("Stack trace directory %1 cannot be created. "
+                           "Stack trace wasn't saved.").arg(path);
+    path += QString::number(QDateTime::currentDateTimeUtc().toSecsSinceEpoch());
+    while(QFile::exists(path))
+      path += "_";
+    StackTraceFile.setFileName(path);
+    StackTraceFile.open(QIODevice::WriteOnly);
+    if(StackTraceFile.isOpen() && StackTraceFile.isWritable())
+    {
+      QTextStream StackTraceWriter;
+      StackTraceWriter.setDevice(&StackTraceFile);
+      StackTraceWriter << QDateTime::currentDateTime().toLocalTime().toString() << "\n\n";
+      StackTraceWriter << aStackTrace;
+      StackTraceFile.close();
+      return QObject::tr("Stack trace written to \"%1\".").arg(path);
+    }
+    return QObject::tr("Stack trace file %1 cannot be opened. "
+                       "Stack trace wasn't saved.").arg(path);
+  }
+
+  void CrashSignalHandler(int sig)
+  {
+    QString msg(QObject::tr("Program has received signal %1 during normal execution.\n\n")),
+            trace;
+    switch(sig)
+    {
+      case SIGSEGV:
+        msg = msg.arg(QObject::tr("\"SIGSEGV\" (Segmentation fault)"));
+        goto CRASH;
+      case SIGFPE:
+        msg = msg.arg(QObject::tr("\"SIGFPE\" (Arithmetic exception)"));
+        goto CRASH;
+      case SIGABRT:
+        msg = msg.arg(QObject::tr("\"SIGABRT\" (Abort)"));
+      CRASH:
+        {
+          if(Priv::CrashHandlerActivated) // If error occured in the handler...
+          {
+            signal(SIGABRT, SIG_DFL); // Return control flow to OS and give up
+            raise(SIGABRT);
+            exit(2);
+          }
+          Priv::CrashHandlerActivated = true;
+          void* TraceStack[StackTraceArraySize];
+          int StackTraceSize = backtrace(TraceStack, StackTraceArraySize);
+          auto TraceTextArray = backtrace_symbols(TraceStack, StackTraceArraySize);
+          trace = QString(QObject::tr("Stack trace:\n"));
+          for(int i = 0; i < StackTraceSize; i++)
+            trace += QString::number(i) + ">  " + QString(TraceTextArray[i]) + '\n';
+          msg += QObject::tr("Spark Store cannot continue.\n\n");
+          msg += WriteStackTrace(trace);
+          SpkMsgBox::StaticExec(msg, QObject::tr("Spark Store Crashed"), QMessageBox::Critical,
+                                QMessageBox::Ok, trace);
+          exit(2);
+        }
+      default:
+        sErrPop(QObject::tr("Unknown signal %1 received in crash handler. "
+                            "Program internals may be corrupted. Please decide if you want "
+                            "to continue execution.").arg(sig));
+    }
+  }
+
+  QIcon GetThemedIcon(QString name)
+  {
+    if(CurrentStyle == SpkUiStyle::Dark)
+      name += "-dark";
+    return QIcon(":/icons/" + name + ".svg");
+  }
+
+  QString StylesheetFromColors(Qss::ColorSet aColors)
+  {
+    QString ret = StylesheetBase;
+    foreach(auto &i, aColors)
+      ret = ret.replace(Qss::ColorSet2Token.at(i.first), i.second.name());
+    return ret;
+  }
+
+  QColor ColorTextOnBackground(QColor c)
+  {
+    // From https://github.com/feiyangqingyun/qtkaifajingyan
+    double gray = (0.299 * c.red() + 0.587 * c.green() + 0.114 * c.blue()) / 255;
+    return gray > 0.5 ? Qt::black : Qt::white;
+  }
+
+  // =================== UiMetaObject =======================
+  // UiMetaObject is the signal-slot receiver for DDE plugin, receiving the DDE system level
+  // notifications of UI theme changes
+  // Communications with UI widgets are also done here
+
+  void UiMetaObject::SetAccentColor(QColor aColor)
+  {
+    if(!SpkUi::States::DoRespondAutoTheme)
+      return;
+    CurrentColorSet[Qss::AccentColor] = aColor.lighter(90);
+    CurrentColorSet[Qss::AccentColorHighlighted] = aColor.lighter(105);
+    CurrentColorSet[Qss::TextOnAccentColor] = ColorTextOnBackground(aColor);
+    SetBtnMaskColor();
+    qApp->setStyleSheet(StylesheetFromColors(CurrentColorSet));
+  }
+
+  void UiMetaObject::SetDarkLightTheme(bool isDark)
+  {
+    if(!SpkUi::States::DoRespondAutoTheme)
+      return;
+    if(isDark)
+      SetGlobalStyle(Dark, true);
+    else
+      SetGlobalStyle(Light, true);
+  }
+}

gui/spkwindow.cpp

@@ -0,0 +1,326 @@
+
+#include <QVBoxLayout>
+#include <QApplication>
+#include <QStyleHints>
+#include <QPainterPath>
+#include <QFile>
+#include <QPushButton>
+#include <QMouseEvent>
+#include "spklogging.h"
+#include "spkwindow.h"
+#include "spkui_general.h"
+#include "spktitlebar.h"
+
+#include <QDebug>
+
+SpkWindow::SpkWindow(QWidget *parent) : QWidget(parent)
+{
+  mUseCustomEvents = SpkUi::DtkPlugin == nullptr; // Put to the front, to prevent warnings
+  if(SpkUi::DtkPlugin && !qEnvironmentVariableIntValue("SPARK_NO_DXCB"))
+    SpkUi::DtkPlugin->addWindow(this, parent); // Register window to DXcb so we got Deepin
+  else
+    setWindowFlags(Qt::FramelessWindowHint); // Remove default title bar
+  setAttribute(Qt::WA_Hover);
+  mCornerRadius = 5;
+  mUserCentralWidget = nullptr;
+  mResizable = true;
+  mMoving = mResizing = false;
+  mCloseHook = nullptr;
+  mMaximized = windowState().testFlag(Qt::WindowMaximized);
+  setMouseTracking(true);
+
+  PopulateUi();
+}
+
+SpkWindow::~SpkWindow()
+{
+
+}
+
+bool SpkWindow::event(QEvent *evt)
+{
+  // These custom events weren't useful for Deepin platform
+  if(!mUseCustomEvents)
+    return QWidget::event(evt);
+
+  switch(evt->type())
+  {
+    case QEvent::WindowStateChange:
+    {
+      mMaximized = windowState().testFlag(Qt::WindowMaximized);
+      if(mMaximized)
+        mTitleBarComponent->mBtnMaxRestore->SetRole(SpkTitleBarDefaultButton::Restore);
+      else
+        mTitleBarComponent->mBtnMaxRestore->SetRole(SpkTitleBarDefaultButton::MaximizeRestore);
+      break;
+    }
+    case QEvent::MouseButtonPress:
+    {
+//      if(!mResizable) break;
+      auto e = static_cast<QMouseEvent*>(evt);
+      if(e->button() != Qt::LeftButton) break;
+      auto edge = DetectEdgeOnThis(e->pos());
+      if(edge)
+      {
+        mResizing = true;
+        mEdgesBeingResized = edge;
+        return true;
+      }
+      else
+      {
+        if(!QWidget::event(evt) || 1) // Movable property is not implemented, let move anywhere
+        {
+          mMoveOffset = e->globalPos() - pos();
+          mMoving = true;
+          mResizing = false;
+        }
+        return true;
+      }
+      break;
+    }
+    case QEvent::MouseButtonRelease:
+    {
+//      if(!mResizable) break;
+      auto e = static_cast<QMouseEvent*>(evt);
+      if(e->button() != Qt::LeftButton) break;
+      mResizing = false;
+      mMoving = false;
+      unsetCursor();
+      return true;
+      break;
+    }
+    case QEvent::HoverMove:
+    {
+      if((mResizing || !mResizable) && !mMoving) break;
+      if(mMaximized)
+      {
+        unsetCursor();
+        break;
+      }
+      if(mResizable && !mMoving)
+      {
+        auto e = static_cast<QHoverEvent*>(evt);
+        auto edge = DetectEdgeOnThis(e->pos());
+        SetMouseCursor(edge);
+      }
+      break;
+    }
+    case QEvent::MouseMove:
+    {
+      if(mMaximized) break;
+      auto e = static_cast<QMouseEvent*>(evt);
+      if(mResizing && mResizable)
+      {
+        ResizeWindowByCursor(e->globalPos());
+        return true; // Intercept resize movements
+      }
+      else if(mMoving)
+      {
+        move(e->globalPos() - mMoveOffset);
+      }
+      break;
+    }
+    default:
+      ;
+  }
+  return QWidget::event(evt);
+}
+
+Qt::Edges SpkWindow::DetectEdgeOnThis(QPoint p)
+{
+  Qt::Edges edge;
+  if(p.x() < BorderWidth) edge |= Qt::LeftEdge;
+  if(p.x() > width() - BorderWidth) edge |= Qt::RightEdge;
+  if(p.y() < BorderWidth) edge |= Qt::TopEdge;
+  if(p.y() > height() - BorderWidth) edge |= Qt::BottomEdge;
+  return edge;
+}
+
+void SpkWindow::SetMouseCursor(Qt::Edges e)
+{
+  switch(e)
+  {
+    case Qt::TopEdge:
+    case Qt::BottomEdge:
+      setCursor(Qt::SizeVerCursor);
+      break;
+    case Qt::LeftEdge:
+    case Qt::RightEdge:
+      setCursor(Qt::SizeHorCursor);
+      break;
+    case Qt::TopEdge | Qt::LeftEdge:
+    case Qt::BottomEdge | Qt::RightEdge:
+      setCursor(Qt::SizeFDiagCursor);
+      break;
+    case Qt::TopEdge | Qt::RightEdge:
+    case Qt::BottomEdge | Qt::LeftEdge:
+      setCursor(Qt::SizeBDiagCursor);
+      break;
+    default:
+      unsetCursor();
+  }
+}
+
+void SpkWindow::ResizeWindowByCursor(QPoint p)
+{
+  auto r_ = geometry(), r = r_;
+  switch(mEdgesBeingResized)
+  {
+    case Qt::TopEdge | Qt::LeftEdge:
+      r.setLeft(p.x());
+      if(r.width() < minimumWidth()) // If smaller than minimum the window moves, so we stop it
+        r.setLeft(r_.left());
+    case Qt::TopEdge:
+      r.setTop(p.y());
+      if(r.height() < minimumHeight()) // Same
+        r.setTop(r_.top());
+      break;
+    case Qt::BottomEdge | Qt::LeftEdge:
+      r.setLeft(p.x());
+      if(r.width() < minimumWidth())
+        r.setLeft(r_.left());
+    case Qt::BottomEdge:
+      r.setBottom(p.y());
+      if(r.height() < minimumHeight())
+        r.setBottom(r_.bottom());
+      break;
+    case Qt::TopEdge | Qt::RightEdge:
+      r.setTop(p.y());
+      r.setRight(p.x());
+      if(r.height() < minimumHeight())
+        r.setTop(r_.top());
+      if(r.width() < minimumWidth())
+        r.setRight(r_.right());
+      break;
+    case Qt::BottomEdge | Qt::RightEdge:
+      r.setBottom(p.y());
+      if(r.height() < minimumHeight())
+        r.setBottom(r_.bottom());
+    case Qt::RightEdge:
+      r.setRight(p.x());
+      if(r.width() < minimumWidth())
+        r.setRight(r_.right());
+      break;
+    case Qt::LeftEdge:
+      r.setLeft(p.x());
+      if(r.width() < minimumWidth())
+        r.setLeft(r_.left());
+      break;
+    default:
+      return;
+  }
+
+  setGeometry(r);
+}
+
+void SpkWindow::closeEvent(QCloseEvent *e)
+{
+  if(mCloseHook)
+  {
+    if(mCloseHook())
+      e->accept();
+    else
+      e->ignore();
+    emit Closed();
+    return;
+  }
+  e->accept();
+  emit Closed();
+}
+
+void SpkWindow::paintEvent(QPaintEvent *e)
+{
+  QWidget::paintEvent(e);
+  if(!mUseCustomEvents)
+    return;
+
+  QPainter painter(this);
+  painter.setBrush(QBrush(Qt::NoBrush));
+  painter.setPen(QPen(SpkUi::ColorLine));
+  QRect rect = this->rect();
+  rect.adjust(0, 0, -1, -1);
+  painter.drawRect(rect);
+}
+
+void SpkWindow::SetCornerRadius(int radius)
+{
+  mCornerRadius = radius;
+}
+
+void SpkWindow::PopulateUi()
+{
+  mMainVLayout = new QVBoxLayout;
+  mTitleBarComponent = new SpkTitleBar(this);
+
+  setLayout(mMainVLayout);
+
+  mMainVLayout->addWidget(mTitleBarComponent);
+  mMainVLayout->setAlignment(Qt::AlignTop);
+  if(mUseCustomEvents)
+    mMainVLayout->setContentsMargins(1, 1, 1, 1);
+  else
+    mMainVLayout->setContentsMargins(0, 0, 0, 0);
+  mMainVLayout->setSpacing(0);
+
+  mTitleBarComponent->SetTitle(qAppName());
+  mTitleBarComponent->SetUseIcon(false);
+  mTitleBarComponent->SetLinkedWindow(this);
+  setWindowFlag(Qt::NoDropShadowWindowHint, false);
+}
+
+void SpkWindow::SetCentralWidget(QWidget *widget)
+{
+  if(mUserCentralWidget)
+    mMainVLayout->removeWidget(mUserCentralWidget);
+  mUserCentralWidget = widget;
+  mMainVLayout->addWidget(widget);
+}
+
+void SpkWindow::SetUseTitleBar(bool x)
+{
+  mTitleBarComponent->setVisible(x);
+}
+
+void SpkWindow::SetCentralMargin(int a, int b, int c, int d)
+{
+  if(mUserCentralWidget)
+    mUserCentralWidget->setContentsMargins(a, b, c, d);
+}
+
+void SpkWindow::SetCloseHook(bool (*f)())
+{
+  mCloseHook = f;
+}
+
+void SpkWindow::ClearCloseHook()
+{
+  mCloseHook = nullptr;
+}
+
+void SpkWindow::RecalculateSize()
+{
+  mMainVLayout->activate();
+}
+
+bool SpkWindow::GetUseTitleBar()
+{
+  return mTitleBarComponent->isVisible();
+}
+
+SpkTitleBar *SpkWindow::GetTitleBar()
+{
+  return mTitleBarComponent;
+}
+
+SpkTitleBar *SpkWindow::SetTitleBar(SpkTitleBar *bar, bool replace)
+{
+  if(!bar)
+    return nullptr;
+  auto ret = mTitleBarComponent;
+  mMainVLayout->removeWidget(mTitleBarComponent);
+  if(replace)
+    mMainVLayout->insertWidget(0, bar);
+  mTitleBarComponent = bar;
+  bar->SetLinkedWindow(this);
+  return ret;
+}

icons.qrc

@@ -1,66 +0,0 @@
-<RCC>
-    <qresource prefix="/icons">
-        <file>icons/category_chat_dark.svg</file>
-        <file>icons/category_chat.svg</file>
-        <file>icons/category_develop_dark.svg</file>
-        <file>icons/category_develop.svg</file>
-        <file>icons/category_game_dark.svg</file>
-        <file>icons/category_game.svg</file>
-        <file>icons/category_graphic_dark.svg</file>
-        <file>icons/category_graphic.svg</file>
-        <file>icons/category_music_dark.svg</file>
-        <file>icons/category_music.svg</file>
-        <file>icons/category_network_dark.svg</file>
-        <file>icons/category_network.svg</file>
-        <file>icons/category_office_dark.svg</file>
-        <file>icons/category_office.svg</file>
-        <file>icons/category_others_dark.svg</file>
-        <file>icons/category_others.svg</file>
-        <file>icons/category_reading_dark.svg</file>
-        <file>icons/category_reading.svg</file>
-        <file>icons/category_system_dark.svg</file>
-        <file>icons/category_system.svg</file>
-        <file>icons/category_video_dark.svg</file>
-        <file>icons/category_video.svg</file>
-        <file>icons/downloads-symbolic_dark.svg</file>
-        <file>icons/downloads-symbolic.svg</file>
-        <file>icons/theme-symbolic_dark.svg</file>
-        <file>icons/theme-symbolic.svg</file>
-        <file>icons/homepage.svg</file>
-        <file>icons/homepage_dark.svg</file>
-        <file>icons/category_active_dark.svg</file>
-        <file>icons/category_active.svg</file>
-        <file>icons/refresh-page-dark.svg</file>
-        <file>icons/refresh-page.svg</file>
-    </qresource>
-    <qresource prefix="/">
-        <file>Logo-Spark.png</file>
-        <file>big_image.cpp</file>
-        <file>big_image.h</file>
-        <file>downloadlist.cpp</file>
-        <file>downloadlist.h</file>
-        <file>image_show.cpp</file>
-        <file>image_show.h</file>
-        <file>main.cpp</file>
-        <file>progressload.cpp</file>
-        <file>progressload.h</file>
-        <file>widget.cpp</file>
-        <file>widget.h</file>
-        <file>tags/a2d.png</file>
-        <file>tags/community.svg</file>
-        <file>tags/deepin.svg</file>
-        <file>tags/logo_icon.svg</file>
-        <file>tags/uos.svg</file>
-        <file>tags/a2d-small.png</file>
-        <file>tags/community-small.png</file>
-        <file>tags/deepin-small.png</file>
-        <file>tags/dtk-small.png</file>
-        <file>tags/uos-small.png</file>
-        <file>tags/community.png</file>
-        <file>tags/ubuntu-small.png</file>
-        <file>tags/ubuntu.png</file>
-        <file>tags/dwine5-small.png</file>
-        <file>tags/dwine5.svg</file>
-        <file>tags/dwine2-small.png</file>
-    </qresource>
-</RCC>

icons/category_active.svg

@@ -1,125 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16px"
-   height="16px"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg22"
-   sodipodi:docname="category_active_16px_l.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata26">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>category_active_16px</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="987"
-     id="namedview24"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="-4"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg22" />
-  <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">category_active_16px</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Page-1"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd"
-     style="fill:#000000;fill-opacity:0.94999999">
-    <g
-       id="category_active_16px"
-       style="fill:#000000;fill-opacity:0.94999999">
-      <rect
-         id="Rectangle-1-Copy-44"
-         fill="#747568"
-         opacity="0"
-         x="0"
-         y="0"
-         width="16"
-         height="16"
-         style="fill:#000000;fill-opacity:0.94999999" />
-      <g
-         id="Group-2"
-         transform="translate(2.000000, 2.000000)"
-         fill="#FFFFFF"
-         style="fill:#000000;fill-opacity:0.94999999">
-        <rect
-           id="Rectangle-94"
-           x="0"
-           y="0"
-           width="2"
-           height="2"
-           style="fill:#000000;fill-opacity:0.94999999" />
-        <rect
-           id="Rectangle-97"
-           x="3"
-           y="0"
-           width="9"
-           height="2"
-           style="fill:#000000;fill-opacity:0.94999999" />
-        <rect
-           id="rect11"
-           x="0"
-           y="5"
-           width="2"
-           height="2"
-           style="fill:#000000;fill-opacity:0.94999999" />
-        <rect
-           id="rect13"
-           x="3"
-           y="5"
-           width="9"
-           height="2"
-           style="fill:#000000;fill-opacity:0.94999999" />
-        <rect
-           id="rect15"
-           x="0"
-           y="10"
-           width="2"
-           height="2"
-           style="fill:#000000;fill-opacity:0.94999999" />
-        <rect
-           id="rect17"
-           x="3"
-           y="10"
-           width="9"
-           height="2"
-           style="fill:#000000;fill-opacity:0.94999999" />
-      </g>
-    </g>
-  </g>
-</svg>

icons/category_active_dark.svg

@@ -1,124 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16px"
-   height="16px"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg22"
-   sodipodi:docname="category_active_16px.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata26">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="987"
-     id="namedview24"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="8"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg22" />
-  <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">category_active_16px</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Page-1"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd"
-     style="fill:#ffffff;fill-opacity:0.60000002">
-    <g
-       id="category_active_16px"
-       style="fill:#ffffff;fill-opacity:0.60000002">
-      <rect
-         id="Rectangle-1-Copy-44"
-         fill="#747568"
-         opacity="0"
-         x="0"
-         y="0"
-         width="16"
-         height="16"
-         style="fill:#ffffff;fill-opacity:0.60000002" />
-      <g
-         id="Group-2"
-         transform="translate(2.000000, 2.000000)"
-         fill="#FFFFFF"
-         style="fill:#ffffff;fill-opacity:0.60000002">
-        <rect
-           id="Rectangle-94"
-           x="0"
-           y="0"
-           width="2"
-           height="2"
-           style="fill:#ffffff;fill-opacity:0.60000002" />
-        <rect
-           id="Rectangle-97"
-           x="3"
-           y="0"
-           width="9"
-           height="2"
-           style="fill:#ffffff;fill-opacity:0.60000002" />
-        <rect
-           id="rect11"
-           x="0"
-           y="5"
-           width="2"
-           height="2"
-           style="fill:#ffffff;fill-opacity:0.60000002" />
-        <rect
-           id="rect13"
-           x="3"
-           y="5"
-           width="9"
-           height="2"
-           style="fill:#ffffff;fill-opacity:0.60000002" />
-        <rect
-           id="rect15"
-           x="0"
-           y="10"
-           width="2"
-           height="2"
-           style="fill:#ffffff;fill-opacity:0.60000002" />
-        <rect
-           id="rect17"
-           x="3"
-           y="10"
-           width="9"
-           height="2"
-           style="fill:#ffffff;fill-opacity:0.60000002" />
-      </g>
-    </g>
-  </g>
-</svg>

icons/category_chat.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M0.09791679,7.31479943 C0.09791679,3.53173257 3.65198565,0.5 8,0.5 C12.3485596,0.5 15.9020832,3.53150012 15.9020832,7.31479943 C15.9020832,11.0972813 12.3485704,14.127954 8,14.127954 C7.06316558,14.127954 6.1471898,13.9862478 5.28311727,13.7134084 L2.55321759,15.327403 C2.15529088,15.5626687 1.67860204,15.1782665 1.82419813,14.7395213 L2.62951677,12.3127412 C1.03368368,11.0385392 0.09791679,9.24513974 0.09791679,7.31479943 Z M4.7455,6.9148 C4.7455,6.2248 4.1855,5.6648 3.4955,5.6648 C2.8055,5.6648 2.2455,6.2248 2.2455,6.9148 C2.2455,7.6048 2.8055,8.1648 3.4955,8.1648 C4.1855,8.1648 4.7455,7.6048 4.7455,6.9148 Z M9.2504,6.9148 C9.2504,6.2248 8.6904,5.6648 8.0004,5.6648 C7.3104,5.6648 6.7504,6.2248 6.7504,6.9148 C6.7504,7.6048 7.3104,8.1648 8.0004,8.1648 C8.6904,8.1648 9.2504,7.6048 9.2504,6.9148 Z M13.766,6.9148 C13.766,6.2248 13.206,5.6648 12.516,5.6648 C11.826,5.6648 11.266,6.2248 11.266,6.9148 C11.266,7.6048 11.826,8.1648 12.516,8.1648 C13.206,8.1648 13.766,7.6048 13.766,6.9148 Z"/>
-</svg>

icons/category_chat_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M0.09791679,7.31479943 C0.09791679,3.53173257 3.65198565,0.5 8,0.5 C12.3485596,0.5 15.9020832,3.53150012 15.9020832,7.31479943 C15.9020832,11.0972813 12.3485704,14.127954 8,14.127954 C7.06316558,14.127954 6.1471898,13.9862478 5.28311727,13.7134084 L2.55321759,15.327403 C2.15529088,15.5626687 1.67860204,15.1782665 1.82419813,14.7395213 L2.62951677,12.3127412 C1.03368368,11.0385392 0.09791679,9.24513974 0.09791679,7.31479943 Z M4.7455,6.9148 C4.7455,6.2248 4.1855,5.6648 3.4955,5.6648 C2.8055,5.6648 2.2455,6.2248 2.2455,6.9148 C2.2455,7.6048 2.8055,8.1648 3.4955,8.1648 C4.1855,8.1648 4.7455,7.6048 4.7455,6.9148 Z M9.2504,6.9148 C9.2504,6.2248 8.6904,5.6648 8.0004,5.6648 C7.3104,5.6648 6.7504,6.2248 6.7504,6.9148 C6.7504,7.6048 7.3104,8.1648 8.0004,8.1648 C8.6904,8.1648 9.2504,7.6048 9.2504,6.9148 Z M13.766,6.9148 C13.766,6.2248 13.206,5.6648 12.516,5.6648 C11.826,5.6648 11.266,6.2248 11.266,6.9148 C11.266,7.6048 11.826,8.1648 12.516,8.1648 C13.206,8.1648 13.766,7.6048 13.766,6.9148 Z"/>
-</svg>

icons/category_develop.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 Z M3.76776695,5.35355339 L6.03553391,7.62132034 L3.76776695,9.8890873 L4.47487373,10.5961941 L7.44974747,7.62132034 L4.47487373,4.64644661 L3.76776695,5.35355339 Z M5.91666667,12 L11.0833333,12 L11.0833333,11 L5.91666667,11 L5.91666667,12 Z"/>
-</svg>

icons/category_develop_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 Z M3.76776695,5.35355339 L6.03553391,7.62132034 L3.76776695,9.8890873 L4.47487373,10.5961941 L7.44974747,7.62132034 L4.47487373,4.64644661 L3.76776695,5.35355339 Z M5.91666667,12 L11.0833333,12 L11.0833333,11 L5.91666667,11 L5.91666667,12 Z"/>
-</svg>

icons/category_game.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M11.3114315,3 C13.357501,3 15.0067163,5.17017281 15.7133188,8.05794777 C16.4086522,10.8996678 15.9150863,13.3535714 14.0872428,13.3535714 C13.3629901,13.3535714 12.7141246,13.0969142 11.9239825,12.5819693 C11.7832522,12.4902536 11.638281,12.3909224 11.461347,12.2660165 C11.3686071,12.200547 11.0517692,11.9743261 11.0062924,11.9420563 C9.76649639,11.0623107 9.01108239,10.715 8.00430016,10.715 C6.77138366,10.715 5.99921712,11.0762729 4.96661589,11.9397238 C4.93060093,11.9698391 4.48571222,12.3483964 4.35343872,12.4563717 C3.49008067,13.1611339 2.80601727,13.4628505 1.87123269,13.3869162 C0.0836355556,13.241098 -0.391076934,10.7851693 0.309935396,7.98500253 C1.02394135,5.13293317 2.67988585,3 4.7263796,3 C5.07581055,3 5.40379038,3.09122326 5.76942208,3.26509058 C5.87841375,3.31691894 5.98930228,3.37514875 6.12219409,3.44909841 C6.19628024,3.49032478 6.44963239,3.6346061 6.45727206,3.63892075 C7.10277068,4.00347855 7.50182674,4.14857143 8.01851079,4.14857143 C8.51588602,4.14857143 8.90120605,4.00650828 9.55466919,3.63859493 C9.69986269,3.55637602 9.78224829,3.50972827 9.84835639,3.47295723 C9.96412339,3.40856473 10.0609743,3.35696675 10.1556729,3.31001061 C10.567507,3.10580322 10.9247171,3 11.3114315,3 Z M5.07357978,10.107 C6.56572905,10.107 7.78410609,8.9267355 7.78410609,7.46414286 C7.78410609,6.00155021 6.56572905,4.82128571 5.07357978,4.82128571 C3.57990894,4.82128571 2.36305346,6.00089051 2.36305346,7.46414286 C2.36305346,8.9273952 3.57990894,10.107 5.07357978,10.107 Z M5.07357978,9.107 C4.12535588,9.107 3.36305346,8.36803337 3.36305346,7.46414286 C3.36305346,6.56025235 4.12535588,5.82128571 5.07357978,5.82128571 C6.02043115,5.82128571 6.78410609,6.56107184 6.78410609,7.46414286 C6.78410609,8.36721388 6.02043115,9.107 5.07357978,9.107 Z M5.03983241,8.37864286 C5.54751662,8.37864286 5.9601482,7.97792857 5.9601482,7.48935714 C5.9601482,6.99292857 5.54751662,6.59364286 5.03983241,6.59364286 C4.53067452,6.59364286 4.11804294,6.99292857 4.11804294,7.48935714 C4.11804294,7.97792857 4.53067452,8.37864286 5.03983241,8.37864286 Z M9.65408509,8.38564286 C10.1617693,8.38564286 10.5744008,7.9835 10.5744008,7.49135714 C10.5744008,6.99135714 10.1617693,6.58992857 9.65408509,6.58992857 C9.14492719,6.58992857 8.73229557,6.99135714 8.73229557,7.49135714 C8.73229557,7.9835 9.14492719,8.38564286 9.65408509,8.38564286 Z M11.3288535,9.99071429 C11.8365377,9.99071429 12.2491693,9.58928571 12.2491693,9.09214286 C12.2491693,8.59571429 11.8365377,8.19357143 11.3288535,8.19357143 C10.8196956,8.19357143 10.407064,8.59571429 10.407064,9.09214286 C10.407064,9.58928571 10.8196956,9.99071429 11.3288535,9.99071429 Z M11.3281166,6.77357143 C11.8372745,6.77357143 12.2491693,6.37142857 12.2491693,5.87357143 C12.2491693,5.37714286 11.8372745,4.97428571 11.3281166,4.97428571 C10.8174851,4.97428571 10.407064,5.37714286 10.407064,5.87357143 C10.407064,6.37142857 10.8174851,6.77357143 11.3281166,6.77357143 Z M12.9731166,8.38421429 C13.4852219,8.38421429 13.8971166,7.98135714 13.8971166,7.48921429 C13.8971166,6.98992857 13.4852219,6.5885 12.9731166,6.5885 C12.4676429,6.5885 12.0550114,6.98992857 12.0550114,7.48921429 C12.0550114,7.98135714 12.4676429,8.38421429 12.9731166,8.38421429 Z"/>
-</svg>

icons/category_game_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M11.3114315,3 C13.357501,3 15.0067163,5.17017281 15.7133188,8.05794777 C16.4086522,10.8996678 15.9150863,13.3535714 14.0872428,13.3535714 C13.3629901,13.3535714 12.7141246,13.0969142 11.9239825,12.5819693 C11.7832522,12.4902536 11.638281,12.3909224 11.461347,12.2660165 C11.3686071,12.200547 11.0517692,11.9743261 11.0062924,11.9420563 C9.76649639,11.0623107 9.01108239,10.715 8.00430016,10.715 C6.77138366,10.715 5.99921712,11.0762729 4.96661589,11.9397238 C4.93060093,11.9698391 4.48571222,12.3483964 4.35343872,12.4563717 C3.49008067,13.1611339 2.80601727,13.4628505 1.87123269,13.3869162 C0.0836355556,13.241098 -0.391076934,10.7851693 0.309935396,7.98500253 C1.02394135,5.13293317 2.67988585,3 4.7263796,3 C5.07581055,3 5.40379038,3.09122326 5.76942208,3.26509058 C5.87841375,3.31691894 5.98930228,3.37514875 6.12219409,3.44909841 C6.19628024,3.49032478 6.44963239,3.6346061 6.45727206,3.63892075 C7.10277068,4.00347855 7.50182674,4.14857143 8.01851079,4.14857143 C8.51588602,4.14857143 8.90120605,4.00650828 9.55466919,3.63859493 C9.69986269,3.55637602 9.78224829,3.50972827 9.84835639,3.47295723 C9.96412339,3.40856473 10.0609743,3.35696675 10.1556729,3.31001061 C10.567507,3.10580322 10.9247171,3 11.3114315,3 Z M5.07357978,10.107 C6.56572905,10.107 7.78410609,8.9267355 7.78410609,7.46414286 C7.78410609,6.00155021 6.56572905,4.82128571 5.07357978,4.82128571 C3.57990894,4.82128571 2.36305346,6.00089051 2.36305346,7.46414286 C2.36305346,8.9273952 3.57990894,10.107 5.07357978,10.107 Z M5.07357978,9.107 C4.12535588,9.107 3.36305346,8.36803337 3.36305346,7.46414286 C3.36305346,6.56025235 4.12535588,5.82128571 5.07357978,5.82128571 C6.02043115,5.82128571 6.78410609,6.56107184 6.78410609,7.46414286 C6.78410609,8.36721388 6.02043115,9.107 5.07357978,9.107 Z M5.03983241,8.37864286 C5.54751662,8.37864286 5.9601482,7.97792857 5.9601482,7.48935714 C5.9601482,6.99292857 5.54751662,6.59364286 5.03983241,6.59364286 C4.53067452,6.59364286 4.11804294,6.99292857 4.11804294,7.48935714 C4.11804294,7.97792857 4.53067452,8.37864286 5.03983241,8.37864286 Z M9.65408509,8.38564286 C10.1617693,8.38564286 10.5744008,7.9835 10.5744008,7.49135714 C10.5744008,6.99135714 10.1617693,6.58992857 9.65408509,6.58992857 C9.14492719,6.58992857 8.73229557,6.99135714 8.73229557,7.49135714 C8.73229557,7.9835 9.14492719,8.38564286 9.65408509,8.38564286 Z M11.3288535,9.99071429 C11.8365377,9.99071429 12.2491693,9.58928571 12.2491693,9.09214286 C12.2491693,8.59571429 11.8365377,8.19357143 11.3288535,8.19357143 C10.8196956,8.19357143 10.407064,8.59571429 10.407064,9.09214286 C10.407064,9.58928571 10.8196956,9.99071429 11.3288535,9.99071429 Z M11.3281166,6.77357143 C11.8372745,6.77357143 12.2491693,6.37142857 12.2491693,5.87357143 C12.2491693,5.37714286 11.8372745,4.97428571 11.3281166,4.97428571 C10.8174851,4.97428571 10.407064,5.37714286 10.407064,5.87357143 C10.407064,6.37142857 10.8174851,6.77357143 11.3281166,6.77357143 Z M12.9731166,8.38421429 C13.4852219,8.38421429 13.8971166,7.98135714 13.8971166,7.48921429 C13.8971166,6.98992857 13.4852219,6.5885 12.9731166,6.5885 C12.4676429,6.5885 12.0550114,6.98992857 12.0550114,7.48921429 C12.0550114,7.98135714 12.4676429,8.38421429 12.9731166,8.38421429 Z"/>
-</svg>

icons/category_graphic.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z M9.38816736,7.22265239 L7.95626236,10.0443009 C7.82854357,10.2959779 7.59618367,10.3016397 7.44581474,10.0701011 L6.5212474,8.6464491 C6.2918509,8.42797452 5.91137533,8.45796439 5.72281255,8.70938339 L3.09783322,12.2093834 C2.84963451,12.5403176 3.0980227,13 3.52503993,13 L12.9749655,13 C13.3830419,13 13.6350993,12.5760169 13.4251458,12.2427546 L10.2751706,7.24275461 C10.0768804,6.92800582 9.60195261,6.91724249 9.38816736,7.22265239 Z M4.5,4 C3.67157288,4 3,4.67157288 3,5.5 C3,6.32842712 3.67157288,7 4.5,7 C5.32842712,7 6,6.32842712 6,5.5 C6,4.67157288 5.32842712,4 4.5,4 Z"/>
-</svg>

icons/category_graphic_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z M9.38816736,7.22265239 L7.95626236,10.0443009 C7.82854357,10.2959779 7.59618367,10.3016397 7.44581474,10.0701011 L6.5212474,8.6464491 C6.2918509,8.42797452 5.91137533,8.45796439 5.72281255,8.70938339 L3.09783322,12.2093834 C2.84963451,12.5403176 3.0980227,13 3.52503993,13 L12.9749655,13 C13.3830419,13 13.6350993,12.5760169 13.4251458,12.2427546 L10.2751706,7.24275461 C10.0768804,6.92800582 9.60195261,6.91724249 9.38816736,7.22265239 Z M4.5,4 C3.67157288,4 3,4.67157288 3,5.5 C3,6.32842712 3.67157288,7 4.5,7 C5.32842712,7 6,6.32842712 6,5.5 C6,4.67157288 5.32842712,4 4.5,4 Z"/>
-</svg>

icons/category_music.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M13.9529472,2.53458892 C13.9842218,2.67532449 14,2.81906015 14,2.9632288 L14,11.5 C14,12.6045695 13.1045695,13.5 12,13.5 C10.8954305,13.5 10,12.6045695 10,11.5 C10,10.3954305 10.8954305,9.5 12,9.5 C12.364732,9.5 12.7066608,9.5976323 13.0010775,9.76818814 L13,3.81473429 C13,3.45097522 12.705115,3.15609023 12.3413559,3.15609023 C12.2949677,3.15609023 12.2487093,3.16099086 12.2033508,3.17071053 L6.52063898,4.38843451 C6.21695744,4.45350912 6,4.7218827 6,5.03245826 L6,13.5 C6,14.6045695 5.1045695,15.5 4,15.5 C2.8954305,15.5 2,14.6045695 2,13.5 C2,12.3954305 2.8954305,11.5 4,11.5 C4.364732,11.5 4.70666076,11.5976323 5.0010775,11.7681881 L5,4.08503671 C5,3.15891996 5.64322914,2.35706019 6.54729233,2.15615726 L11.5954279,1.03434935 C12.6607186,0.797618084 13.716216,1.46929822 13.9529472,2.53458892 Z"/>
-</svg>

icons/category_music_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M13.9529472,2.53458892 C13.9842218,2.67532449 14,2.81906015 14,2.9632288 L14,11.5 C14,12.6045695 13.1045695,13.5 12,13.5 C10.8954305,13.5 10,12.6045695 10,11.5 C10,10.3954305 10.8954305,9.5 12,9.5 C12.364732,9.5 12.7066608,9.5976323 13.0010775,9.76818814 L13,3.81473429 C13,3.45097522 12.705115,3.15609023 12.3413559,3.15609023 C12.2949677,3.15609023 12.2487093,3.16099086 12.2033508,3.17071053 L6.52063898,4.38843451 C6.21695744,4.45350912 6,4.7218827 6,5.03245826 L6,13.5 C6,14.6045695 5.1045695,15.5 4,15.5 C2.8954305,15.5 2,14.6045695 2,13.5 C2,12.3954305 2.8954305,11.5 4,11.5 C4.364732,11.5 4.70666076,11.5976323 5.0010775,11.7681881 L5,4.08503671 C5,3.15891996 5.64322914,2.35706019 6.54729233,2.15615726 L11.5954279,1.03434935 C12.6607186,0.797618084 13.716216,1.46929822 13.9529472,2.53458892 Z"/>
-</svg>

icons/category_network.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M7.99960993,0.9998 C11.8598496,0.9998 15,4.13995046 15,7.99940993 C15,11.8596496 11.8598496,14.9998 7.99960993,14.9998 C4.14015046,14.9998 1,11.8596496 1,7.99940993 C1,4.13995046 4.14015046,0.9998 7.99960993,0.9998 Z M8.86971986,11.9145 C8.56971986,12.747 8.22071986,13.122 7.99971986,13.122 C7.78521986,13.122 7.44971986,12.768 7.15571986,11.9845 C6.86571986,12.132 6.61521986,12.2485 6.36971986,12.354 C6.75321986,13.3495 7.29871986,14 7.99971986,14 C8.71921986,14 9.27521986,13.314 9.66021986,12.274 C9.41771986,12.1735 9.16171986,12.0585 8.86971986,11.9145 Z M12.0962199,3.61 C10.8027199,3.61 9.05121986,4.5085 7.94421986,5.19 C6.85371986,4.547 5.16021986,3.717 3.90321986,3.717 C3.19571986,3.717 2.85321986,4 2.69121986,4.238 C2.46021986,4.576 2.34571986,5.1655 2.90071986,6.1455 C2.82221986,6.286 2.77771986,6.448 2.77771986,6.6205 C2.77771986,7.154 3.20271986,7.5865 3.72621986,7.5865 C4.24971986,7.5865 4.67471986,7.154 4.67471986,6.6205 C4.67471986,6.087 4.25021986,5.6545 3.72621986,5.6545 L3.72621986,5.6545 L3.62121986,5.6605 C3.32971986,5.131 3.33321986,4.8355 3.39871986,4.7395 C3.46021986,4.6485 3.64921986,4.595 3.90321986,4.595 C4.30121986,4.595 4.82071986,4.7155 5.41071986,4.9325 C5.98671986,5.145 6.57721986,5.43 7.11871986,5.728 C5.99421986,6.502 5.13171986,7.25 4.36621986,8.027 C4.02471986,8.379 3.68871986,8.7615 3.39771986,9.1515 C2.30221986,10.6215 2.40671986,11.433 2.68771986,11.8555 C3.25671986,12.71 4.68721986,12.3665 5.64571986,12.014 C7.99371986,11.151 11.0597199,8.9165 12.6017199,6.848 C13.6972199,5.3785 13.5927199,4.567 13.3117199,4.1445 C13.1492199,3.9005 12.8067199,3.61 12.0962199,3.61 Z M12.2647199,8.445 C11.7407199,8.445 11.3162199,8.8775 11.3162199,9.411 C11.3162199,9.9445 11.7407199,10.377 12.2647199,10.377 L12.3937199,10.368 C12.6702199,10.88 12.6657199,11.167 12.6012199,11.2615 C12.5392199,11.352 12.3507199,11.4055 12.0967199,11.4055 C11.2957199,11.4055 10.1802199,10.933 9.46171986,10.5765 C9.22171986,10.7475 8.92321986,10.9505 8.63221986,11.136 C9.59521986,11.6545 11.0112199,12.2835 12.0967199,12.2835 C12.8042199,12.2835 13.1467199,12.0005 13.3087199,11.7625 C13.5392199,11.4255 13.6537199,10.8375 13.1032199,9.8625 C13.1737199,9.7275 13.2132199,9.574 13.2132199,9.411 C13.2132199,8.8775 12.7887199,8.445 12.2647199,8.445 Z M12.0962199,4.4875 C12.3517199,4.4875 12.5347199,4.542 12.5977199,4.6365 C12.6907199,4.776 12.6677199,5.3075 11.9147199,6.317 C10.9462199,7.6165 9.40121986,8.8925 8.04671986,9.7805 C6.94321986,10.504 5.07821986,11.5125 3.90321986,11.5125 C3.64771986,11.5125 3.46471986,11.458 3.40171986,11.3635 C3.21521986,11.083 3.61221986,10.04 5.02121986,8.601 C5.54371986,9.0665 6.10721986,9.5115 6.67921986,9.917 L6.67921986,9.917 C6.98671986,9.7555 7.25071986,9.597 7.51171986,9.4315 C6.82921986,8.9695 6.18871986,8.4705 5.65121986,7.995 C6.36621986,7.3465 7.16221986,6.738 7.95271986,6.2195 C8.64121986,6.6515 9.30521986,7.133 9.90271986,7.625 C10.1212199,7.429 10.3347199,7.226 10.5382199,7.0195 C9.99971986,6.5705 9.40971986,6.1295 8.77721986,5.711 C9.63321986,5.217 11.1197199,4.4875 12.0962199,4.4875 Z M7.99971986,2 C7.28021986,2 6.72421986,2.686 6.33921986,3.726 C6.58321986,3.827 6.83971986,3.9425 7.12971986,4.0855 C7.42971986,3.253 7.77871986,2.878 7.99971986,2.878 C8.21471986,2.878 8.54971986,3.232 8.84371986,4.0155 C9.13071986,3.8695 9.38371986,3.7515 9.62971986,3.646 C9.24671986,2.6505 8.70071986,2 7.99971986,2 Z"/>
-</svg>

icons/category_network_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M7.99960993,0.9998 C11.8598496,0.9998 15,4.13995046 15,7.99940993 C15,11.8596496 11.8598496,14.9998 7.99960993,14.9998 C4.14015046,14.9998 1,11.8596496 1,7.99940993 C1,4.13995046 4.14015046,0.9998 7.99960993,0.9998 Z M8.86971986,11.9145 C8.56971986,12.747 8.22071986,13.122 7.99971986,13.122 C7.78521986,13.122 7.44971986,12.768 7.15571986,11.9845 C6.86571986,12.132 6.61521986,12.2485 6.36971986,12.354 C6.75321986,13.3495 7.29871986,14 7.99971986,14 C8.71921986,14 9.27521986,13.314 9.66021986,12.274 C9.41771986,12.1735 9.16171986,12.0585 8.86971986,11.9145 Z M12.0962199,3.61 C10.8027199,3.61 9.05121986,4.5085 7.94421986,5.19 C6.85371986,4.547 5.16021986,3.717 3.90321986,3.717 C3.19571986,3.717 2.85321986,4 2.69121986,4.238 C2.46021986,4.576 2.34571986,5.1655 2.90071986,6.1455 C2.82221986,6.286 2.77771986,6.448 2.77771986,6.6205 C2.77771986,7.154 3.20271986,7.5865 3.72621986,7.5865 C4.24971986,7.5865 4.67471986,7.154 4.67471986,6.6205 C4.67471986,6.087 4.25021986,5.6545 3.72621986,5.6545 L3.72621986,5.6545 L3.62121986,5.6605 C3.32971986,5.131 3.33321986,4.8355 3.39871986,4.7395 C3.46021986,4.6485 3.64921986,4.595 3.90321986,4.595 C4.30121986,4.595 4.82071986,4.7155 5.41071986,4.9325 C5.98671986,5.145 6.57721986,5.43 7.11871986,5.728 C5.99421986,6.502 5.13171986,7.25 4.36621986,8.027 C4.02471986,8.379 3.68871986,8.7615 3.39771986,9.1515 C2.30221986,10.6215 2.40671986,11.433 2.68771986,11.8555 C3.25671986,12.71 4.68721986,12.3665 5.64571986,12.014 C7.99371986,11.151 11.0597199,8.9165 12.6017199,6.848 C13.6972199,5.3785 13.5927199,4.567 13.3117199,4.1445 C13.1492199,3.9005 12.8067199,3.61 12.0962199,3.61 Z M12.2647199,8.445 C11.7407199,8.445 11.3162199,8.8775 11.3162199,9.411 C11.3162199,9.9445 11.7407199,10.377 12.2647199,10.377 L12.3937199,10.368 C12.6702199,10.88 12.6657199,11.167 12.6012199,11.2615 C12.5392199,11.352 12.3507199,11.4055 12.0967199,11.4055 C11.2957199,11.4055 10.1802199,10.933 9.46171986,10.5765 C9.22171986,10.7475 8.92321986,10.9505 8.63221986,11.136 C9.59521986,11.6545 11.0112199,12.2835 12.0967199,12.2835 C12.8042199,12.2835 13.1467199,12.0005 13.3087199,11.7625 C13.5392199,11.4255 13.6537199,10.8375 13.1032199,9.8625 C13.1737199,9.7275 13.2132199,9.574 13.2132199,9.411 C13.2132199,8.8775 12.7887199,8.445 12.2647199,8.445 Z M12.0962199,4.4875 C12.3517199,4.4875 12.5347199,4.542 12.5977199,4.6365 C12.6907199,4.776 12.6677199,5.3075 11.9147199,6.317 C10.9462199,7.6165 9.40121986,8.8925 8.04671986,9.7805 C6.94321986,10.504 5.07821986,11.5125 3.90321986,11.5125 C3.64771986,11.5125 3.46471986,11.458 3.40171986,11.3635 C3.21521986,11.083 3.61221986,10.04 5.02121986,8.601 C5.54371986,9.0665 6.10721986,9.5115 6.67921986,9.917 L6.67921986,9.917 C6.98671986,9.7555 7.25071986,9.597 7.51171986,9.4315 C6.82921986,8.9695 6.18871986,8.4705 5.65121986,7.995 C6.36621986,7.3465 7.16221986,6.738 7.95271986,6.2195 C8.64121986,6.6515 9.30521986,7.133 9.90271986,7.625 C10.1212199,7.429 10.3347199,7.226 10.5382199,7.0195 C9.99971986,6.5705 9.40971986,6.1295 8.77721986,5.711 C9.63321986,5.217 11.1197199,4.4875 12.0962199,4.4875 Z M7.99971986,2 C7.28021986,2 6.72421986,2.686 6.33921986,3.726 C6.58321986,3.827 6.83971986,3.9425 7.12971986,4.0855 C7.42971986,3.253 7.77871986,2.878 7.99971986,2.878 C8.21471986,2.878 8.54971986,3.232 8.84371986,4.0155 C9.13071986,3.8695 9.38371986,3.7515 9.62971986,3.646 C9.24671986,2.6505 8.70071986,2 7.99971986,2 Z"/>
-</svg>

icons/category_office.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M14.6796875,1 C15.1667188,1 15.5,1.316 15.5,1.66666667 L15.5,2.33333333 C15.5,2.684 15.1667188,3 14.6796875,3 L14,3 L14,9.0952381 C14,10.147209 13.1045695,11 12,11 L10.223,11 L12.2674534,13.0443466 C12.4627155,13.2396088 12.4627155,13.5561912 12.2674534,13.7514534 C12.0721912,13.9467155 11.7556088,13.9467155 11.5603466,13.7514534 L8.9995,11.1905 L9,14.5 C9,14.7761424 8.77614237,15 8.5,15 C8.24358208,15 8.03224642,14.8069799 8.00336387,14.5583106 L8,14.5 L7.9995,11.191 L5.43965339,13.7514534 C5.25941141,13.9316954 4.97579588,13.9455601 4.77965028,13.7930477 L4.73254661,13.7514534 C4.55230463,13.5712114 4.53843986,13.2875959 4.69095231,13.0914503 L4.73254661,13.0443466 L6.776,11 L4,11 C2.8954305,11 2,10.147209 2,9.0952381 L2,3 L1.3203125,3 C0.83328125,3 0.5,2.684 0.5,2.33333333 L0.5,1.66666667 C0.5,1.316 0.83328125,1 1.3203125,1 L14.6796875,1 Z M13,3 L3,3 L3,9.05882353 C3,9.57862094 3.44771525,10 4,10 L12,10 C12.5522847,10 13,9.57862094 13,9.05882353 L13,3 Z M8,4.5 L8,6.5 L10,6.5 C10,7.6045695 9.1045695,8.5 8,8.5 C6.8954305,8.5 6,7.6045695 6,6.5 C6,5.3954305 6.8954305,4.5 8,4.5 Z M9,3.5 C10.1045695,3.5 11,4.3954305 11,5.5 L9,5.5 L9,3.5 Z"/>
-</svg>

icons/category_office_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M14.6796875,1 C15.1667188,1 15.5,1.316 15.5,1.66666667 L15.5,2.33333333 C15.5,2.684 15.1667188,3 14.6796875,3 L14,3 L14,9.0952381 C14,10.147209 13.1045695,11 12,11 L10.223,11 L12.2674534,13.0443466 C12.4627155,13.2396088 12.4627155,13.5561912 12.2674534,13.7514534 C12.0721912,13.9467155 11.7556088,13.9467155 11.5603466,13.7514534 L8.9995,11.1905 L9,14.5 C9,14.7761424 8.77614237,15 8.5,15 C8.24358208,15 8.03224642,14.8069799 8.00336387,14.5583106 L8,14.5 L7.9995,11.191 L5.43965339,13.7514534 C5.25941141,13.9316954 4.97579588,13.9455601 4.77965028,13.7930477 L4.73254661,13.7514534 C4.55230463,13.5712114 4.53843986,13.2875959 4.69095231,13.0914503 L4.73254661,13.0443466 L6.776,11 L4,11 C2.8954305,11 2,10.147209 2,9.0952381 L2,3 L1.3203125,3 C0.83328125,3 0.5,2.684 0.5,2.33333333 L0.5,1.66666667 C0.5,1.316 0.83328125,1 1.3203125,1 L14.6796875,1 Z M13,3 L3,3 L3,9.05882353 C3,9.57862094 3.44771525,10 4,10 L12,10 C12.5522847,10 13,9.57862094 13,9.05882353 L13,3 Z M8,4.5 L8,6.5 L10,6.5 C10,7.6045695 9.1045695,8.5 8,8.5 C6.8954305,8.5 6,7.6045695 6,6.5 C6,5.3954305 6.8954305,4.5 8,4.5 Z M9,3.5 C10.1045695,3.5 11,4.3954305 11,5.5 L9,5.5 L9,3.5 Z"/>
-</svg>

icons/category_others.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M8.00031808,0.99950155 C11.8603458,0.99950155 14.9999738,4.1390565 14.9999738,7.99950155 C14.9999738,11.8599466 11.8603458,14.9995015 8.00031808,14.9995015 C4.13971544,14.9995015 0.999973754,11.8600603 0.999973754,7.99950155 C0.999973754,4.13894278 4.13971544,0.99950155 8.00031808,0.99950155 Z M11.4999738,8.99950155 C12.0526404,8.99950155 12.4999738,8.55150155 12.4999738,7.99950155 C12.4999738,7.44683488 12.0526404,6.99950155 11.4999738,6.99950155 C10.9473071,6.99950155 10.4999738,7.44683488 10.4999738,7.99950155 C10.4999738,8.55150155 10.9473071,8.99950155 11.4999738,8.99950155 Z M7.99997375,8.99950155 C8.55264042,8.99950155 8.99997375,8.55150155 8.99997375,7.99950155 C8.99997375,7.44683488 8.55264042,6.99950155 7.99997375,6.99950155 C7.44797375,6.99950155 6.99997375,7.44683488 6.99997375,7.99950155 C6.99997375,8.55150155 7.44797375,8.99950155 7.99997375,8.99950155 Z M4.49997375,8.99950155 C5.05264042,8.99950155 5.49997375,8.55150155 5.49997375,7.99950155 C5.49997375,7.44683488 5.05264042,6.99950155 4.49997375,6.99950155 C3.94797375,6.99950155 3.49997375,7.44683488 3.49997375,7.99950155 C3.49997375,8.55150155 3.94797375,8.99950155 4.49997375,8.99950155 Z"/>
-</svg>

icons/category_others_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M8.00031808,0.99950155 C11.8603458,0.99950155 14.9999738,4.1390565 14.9999738,7.99950155 C14.9999738,11.8599466 11.8603458,14.9995015 8.00031808,14.9995015 C4.13971544,14.9995015 0.999973754,11.8600603 0.999973754,7.99950155 C0.999973754,4.13894278 4.13971544,0.99950155 8.00031808,0.99950155 Z M11.4999738,8.99950155 C12.0526404,8.99950155 12.4999738,8.55150155 12.4999738,7.99950155 C12.4999738,7.44683488 12.0526404,6.99950155 11.4999738,6.99950155 C10.9473071,6.99950155 10.4999738,7.44683488 10.4999738,7.99950155 C10.4999738,8.55150155 10.9473071,8.99950155 11.4999738,8.99950155 Z M7.99997375,8.99950155 C8.55264042,8.99950155 8.99997375,8.55150155 8.99997375,7.99950155 C8.99997375,7.44683488 8.55264042,6.99950155 7.99997375,6.99950155 C7.44797375,6.99950155 6.99997375,7.44683488 6.99997375,7.99950155 C6.99997375,8.55150155 7.44797375,8.99950155 7.99997375,8.99950155 Z M4.49997375,8.99950155 C5.05264042,8.99950155 5.49997375,8.55150155 5.49997375,7.99950155 C5.49997375,7.44683488 5.05264042,6.99950155 4.49997375,6.99950155 C3.94797375,6.99950155 3.49997375,7.44683488 3.49997375,7.99950155 C3.49997375,8.55150155 3.94797375,8.99950155 4.49997375,8.99950155 Z"/>
-</svg>

icons/category_reading.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill="none" fill-rule="evenodd">
-    <path fill="#000" d="M1.85789238,2.64258737 C4.86313703,2.21112969 6.5771729,2.75883866 7,4.28571429 L7,13.7857143 C6.27058294,12.8374721 4.43450345,12.3388115 1.49176152,12.2897326 C1.2188519,12.2852804 1,12.062748 1,11.7898021 L1,3.63241367 C1.00002467,3.13504017 1.36556687,2.71326968 1.85789238,2.64258737 Z"/>
-    <path fill="#000" d="M9.85789238,2.64258737 C12.863137,2.21112969 14.5771729,2.75883866 15,4.28571429 L15,13.7857143 C14.2705829,12.8374721 12.4345034,12.3388115 9.49176152,12.2897326 C9.2188519,12.2852804 9,12.062748 9,11.7898021 L9,3.63241367 C9.00002467,3.13504017 9.36556687,2.71326968 9.85789238,2.64258737 Z" transform="matrix(-1 0 0 1 24 0)"/>
-  </g>
-</svg>

icons/category_reading_dark.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill="none" fill-opacity=".6" fill-rule="evenodd">
-    <path fill="#FFF" d="M1.85789238,2.64258737 C4.86313703,2.21112969 6.5771729,2.75883866 7,4.28571429 L7,13.7857143 C6.27058294,12.8374721 4.43450345,12.3388115 1.49176152,12.2897326 C1.2188519,12.2852804 1,12.062748 1,11.7898021 L1,3.63241367 C1.00002467,3.13504017 1.36556687,2.71326968 1.85789238,2.64258737 Z"/>
-    <path fill="#FFF" d="M9.85789238,2.64258737 C12.863137,2.21112969 14.5771729,2.75883866 15,4.28571429 L15,13.7857143 C14.2705829,12.8374721 12.4345034,12.3388115 9.49176152,12.2897326 C9.2188519,12.2852804 9,12.062748 9,11.7898021 L9,3.63241367 C9.00002467,3.13504017 9.36556687,2.71326968 9.85789238,2.64258737 Z" transform="matrix(-1 0 0 1 24 0)"/>
-  </g>
-</svg>

icons/category_system.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.0543618 14.1841222,13.9181651 13.1492623,13.9945143 L13,14 L13,14 L3,14 Z M14,5 L2,5 L2,12 C2,12.5522847 2.44771525,13 3,13 L8.01233301,13.0001639 C8.01943442,12.9772458 8.02824971,12.9546419 8.0388094,12.9325301 L8.30383017,12.3775926 C8.34459502,12.2912196 8.34695846,12.1917404 8.30983658,12.1028011 C8.27399122,12.0159757 8.20318605,11.9486684 8.11444707,11.9170901 L7.53244707,11.7100901 C7.33313205,11.6391997 7.19999981,11.4505463 7.19999981,11.2389998 L7.19999981,10.1609998 C7.19999981,9.9491733 7.33347927,9.7603339 7.53316619,9.6896543 L8.11249002,9.4846101 C8.20258302,9.4521442 8.27390085,9.3842428 8.31058669,9.2953916 C8.34695846,9.2082592 8.34459502,9.10878 8.3048094,9.0244696 L8.0388094,8.46746956 C7.94749917,8.2762673 7.98662009,8.04827275 8.13644642,7.89844642 L8.89844642,7.13644642 C9.04827275,6.98662009 9.2762673,6.94749917 9.46746956,7.0388094 L10.022407,7.30383017 C10.10878,7.34459502 10.2082592,7.34695846 10.2971985,7.30983658 C10.3842159,7.27391194 10.4518724,7.202745 10.4837447,7.11391109 L10.6897447,6.53291109 C10.7604992,6.33335606 10.9492726,6.19999981 11.1609998,6.19999981 L12.2389998,6.19999981 C12.450727,6.19999981 12.6395004,6.33335606 12.7102549,6.53291109 L12.9156316,7.11216331 C12.9481272,7.202745 13.0157837,7.27391194 13.104608,7.31058669 C13.1917404,7.34695846 13.2912196,7.34459502 13.3755301,7.3048094 L13.9325301,7.0388094 L14,7.013 L14,5 Z M11.6999998,9.1999998 C10.8729998,9.1999998 10.1999998,9.8729998 10.1999998,10.6999998 C10.1999998,11.5269998 10.8729998,12.1999998 11.6999998,12.1999998 C12.5269998,12.1999998 13.1999998,11.5269998 13.1999998,10.6999998 C13.1999998,9.8729998 12.5269998,9.1999998 11.6999998,9.1999998 Z M13,3 L12,3 L12,4 L13,4 L13,3 Z M9,3 L8,3 L8,4 L9,4 L9,3 Z M11,3 L10,3 L10,4 L11,4 L11,3 Z"/>
-</svg>

icons/category_system_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.0543618 14.1841222,13.9181651 13.1492623,13.9945143 L13,14 L13,14 L3,14 Z M14,5 L2,5 L2,12 C2,12.5522847 2.44771525,13 3,13 L8.01233301,13.0001639 C8.01943442,12.9772458 8.02824971,12.9546419 8.0388094,12.9325301 L8.30383017,12.3775926 C8.34459502,12.2912196 8.34695846,12.1917404 8.30983658,12.1028011 C8.27399122,12.0159757 8.20318605,11.9486684 8.11444707,11.9170901 L7.53244707,11.7100901 C7.33313205,11.6391997 7.19999981,11.4505463 7.19999981,11.2389998 L7.19999981,10.1609998 C7.19999981,9.9491733 7.33347927,9.7603339 7.53316619,9.6896543 L8.11249002,9.4846101 C8.20258302,9.4521442 8.27390085,9.3842428 8.31058669,9.2953916 C8.34695846,9.2082592 8.34459502,9.10878 8.3048094,9.0244696 L8.0388094,8.46746956 C7.94749917,8.2762673 7.98662009,8.04827275 8.13644642,7.89844642 L8.89844642,7.13644642 C9.04827275,6.98662009 9.2762673,6.94749917 9.46746956,7.0388094 L10.022407,7.30383017 C10.10878,7.34459502 10.2082592,7.34695846 10.2971985,7.30983658 C10.3842159,7.27391194 10.4518724,7.202745 10.4837447,7.11391109 L10.6897447,6.53291109 C10.7604992,6.33335606 10.9492726,6.19999981 11.1609998,6.19999981 L12.2389998,6.19999981 C12.450727,6.19999981 12.6395004,6.33335606 12.7102549,6.53291109 L12.9156316,7.11216331 C12.9481272,7.202745 13.0157837,7.27391194 13.104608,7.31058669 C13.1917404,7.34695846 13.2912196,7.34459502 13.3755301,7.3048094 L13.9325301,7.0388094 L14,7.013 L14,5 Z M11.6999998,9.1999998 C10.8729998,9.1999998 10.1999998,9.8729998 10.1999998,10.6999998 C10.1999998,11.5269998 10.8729998,12.1999998 11.6999998,12.1999998 C12.5269998,12.1999998 13.1999998,11.5269998 13.1999998,10.6999998 C13.1999998,9.8729998 12.5269998,9.1999998 11.6999998,9.1999998 Z M13,3 L12,3 L12,4 L13,4 L13,3 Z M9,3 L8,3 L8,4 L9,4 L9,3 Z M11,3 L10,3 L10,4 L11,4 L11,3 Z"/>
-</svg>

icons/category_video.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M12,2 C13.1045695,2 14,2.8954305 14,4 L14,13 C14,14.1045695 13.1045695,15 12,15 L4,15 C2.8954305,15 2,14.1045695 2,13 L2,4 C2,2.8954305 2.8954305,2 4,2 L12,2 Z M4.5,12 L3.5,12 C3.22385763,12 3,12.2238576 3,12.5 L3,12.5 L3,13 C3,13.5522847 3.44771525,14 4,14 L4,14 L4.5,14 C4.77614237,14 5,13.7761424 5,13.5 L5,13.5 L5,12.5 C5,12.2238576 4.77614237,12 4.5,12 L4.5,12 Z M12.5,12 L11.5,12 C11.2238576,12 11,12.2238576 11,12.5 L11,12.5 L11,13.5 C11,13.7761424 11.2238576,14 11.5,14 L11.5,14 L12,14 C12.5522847,14 13,13.5522847 13,13 L13,13 L13,12.5 C13,12.2238576 12.7761424,12 12.5,12 L12.5,12 Z M4.5,9 L3.5,9 C3.22385763,9 3,9.22385763 3,9.5 L3,9.5 L3,10.5 C3,10.7761424 3.22385763,11 3.5,11 L3.5,11 L4.5,11 C4.77614237,11 5,10.7761424 5,10.5 L5,10.5 L5,9.5 C5,9.22385763 4.77614237,9 4.5,9 L4.5,9 Z M12.5,9 L11.5,9 C11.2238576,9 11,9.22385763 11,9.5 L11,9.5 L11,10.5 C11,10.7761424 11.2238576,11 11.5,11 L11.5,11 L12.5,11 C12.7761424,11 13,10.7761424 13,10.5 L13,10.5 L13,9.5 C13,9.22385763 12.7761424,9 12.5,9 L12.5,9 Z M4.5,6 L3.5,6 C3.22385763,6 3,6.22385763 3,6.5 L3,6.5 L3,7.5 C3,7.77614237 3.22385763,8 3.5,8 L3.5,8 L4.5,8 C4.77614237,8 5,7.77614237 5,7.5 L5,7.5 L5,6.5 C5,6.22385763 4.77614237,6 4.5,6 L4.5,6 Z M12.5,6 L11.5,6 C11.2238576,6 11,6.22385763 11,6.5 L11,6.5 L11,7.5 C11,7.77614237 11.2238576,8 11.5,8 L11.5,8 L12.5,8 C12.7761424,8 13,7.77614237 13,7.5 L13,7.5 L13,6.5 C13,6.22385763 12.7761424,6 12.5,6 L12.5,6 Z M4.5,3 L4,3 C3.44771525,3 3,3.44771525 3,4 L3,4 L3,4.5 C3,4.77614237 3.22385763,5 3.5,5 L3.5,5 L4.5,5 C4.77614237,5 5,4.77614237 5,4.5 L5,4.5 L5,3.5 C5,3.22385763 4.77614237,3 4.5,3 L4.5,3 Z M12,3 L11.5,3 C11.2238576,3 11,3.22385763 11,3.5 L11,3.5 L11,4.5 C11,4.77614237 11.2238576,5 11.5,5 L11.5,5 L12.5,5 C12.7761424,5 13,4.77614237 13,4.5 L13,4.5 L13,4 C13,3.44771525 12.5522847,3 12,3 L12,3 Z"/>
-</svg>

icons/category_video_dark.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M12,2 C13.1045695,2 14,2.8954305 14,4 L14,13 C14,14.1045695 13.1045695,15 12,15 L4,15 C2.8954305,15 2,14.1045695 2,13 L2,4 C2,2.8954305 2.8954305,2 4,2 L12,2 Z M4.5,12 L3.5,12 C3.22385763,12 3,12.2238576 3,12.5 L3,12.5 L3,13 C3,13.5522847 3.44771525,14 4,14 L4,14 L4.5,14 C4.77614237,14 5,13.7761424 5,13.5 L5,13.5 L5,12.5 C5,12.2238576 4.77614237,12 4.5,12 L4.5,12 Z M12.5,12 L11.5,12 C11.2238576,12 11,12.2238576 11,12.5 L11,12.5 L11,13.5 C11,13.7761424 11.2238576,14 11.5,14 L11.5,14 L12,14 C12.5522847,14 13,13.5522847 13,13 L13,13 L13,12.5 C13,12.2238576 12.7761424,12 12.5,12 L12.5,12 Z M4.5,9 L3.5,9 C3.22385763,9 3,9.22385763 3,9.5 L3,9.5 L3,10.5 C3,10.7761424 3.22385763,11 3.5,11 L3.5,11 L4.5,11 C4.77614237,11 5,10.7761424 5,10.5 L5,10.5 L5,9.5 C5,9.22385763 4.77614237,9 4.5,9 L4.5,9 Z M12.5,9 L11.5,9 C11.2238576,9 11,9.22385763 11,9.5 L11,9.5 L11,10.5 C11,10.7761424 11.2238576,11 11.5,11 L11.5,11 L12.5,11 C12.7761424,11 13,10.7761424 13,10.5 L13,10.5 L13,9.5 C13,9.22385763 12.7761424,9 12.5,9 L12.5,9 Z M4.5,6 L3.5,6 C3.22385763,6 3,6.22385763 3,6.5 L3,6.5 L3,7.5 C3,7.77614237 3.22385763,8 3.5,8 L3.5,8 L4.5,8 C4.77614237,8 5,7.77614237 5,7.5 L5,7.5 L5,6.5 C5,6.22385763 4.77614237,6 4.5,6 L4.5,6 Z M12.5,6 L11.5,6 C11.2238576,6 11,6.22385763 11,6.5 L11,6.5 L11,7.5 C11,7.77614237 11.2238576,8 11.5,8 L11.5,8 L12.5,8 C12.7761424,8 13,7.77614237 13,7.5 L13,7.5 L13,6.5 C13,6.22385763 12.7761424,6 12.5,6 L12.5,6 Z M4.5,3 L4,3 C3.44771525,3 3,3.44771525 3,4 L3,4 L3,4.5 C3,4.77614237 3.22385763,5 3.5,5 L3.5,5 L4.5,5 C4.77614237,5 5,4.77614237 5,4.5 L5,4.5 L5,3.5 C5,3.22385763 4.77614237,3 4.5,3 L4.5,3 Z M12,3 L11.5,3 C11.2238576,3 11,3.22385763 11,3.5 L11,3.5 L11,4.5 C11,4.77614237 11.2238576,5 11.5,5 L11.5,5 L12.5,5 C12.7761424,5 13,4.77614237 13,4.5 L13,4.5 L13,4 C13,3.44771525 12.5522847,3 12,3 L12,3 Z"/>
-</svg>

icons/downloads-symbolic.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 Z M9.5,8 L6.5,8 C6.22385763,8 6,8.22385763 6,8.5 C6,8.77614237 5.77614237,9 5.5,9 L5.5,9 L5,9 C4.89014373,9 4.78478689,9.04364023 4.70710678,9.12132034 C4.54534632,9.2830808 4.54534632,9.54534632 4.70710678,9.70710678 L4.70710678,9.70710678 L7.64644661,12.6464466 C7.84170876,12.8417088 8.15829124,12.8417088 8.35355339,12.6464466 L8.35355339,12.6464466 L11.2928932,9.70710678 C11.3705733,9.62942667 11.4142136,9.52406983 11.4142136,9.41421356 C11.4142136,9.18544973 11.2287638,9 11,9 L11,9 L10.5,9 C10.2238576,9 10,8.77614237 10,8.5 C10,8.22385763 9.77614237,8 9.5,8 L9.5,8 Z M9.5,6 L6.5,6 C6.22385763,6 6,6.22385763 6,6.5 C6,6.77614237 6.22385763,7 6.5,7 L6.5,7 L9.5,7 C9.77614237,7 10,6.77614237 10,6.5 C10,6.22385763 9.77614237,6 9.5,6 L9.5,6 Z M9.5,4 L6.5,4 C6.22385763,4 6,4.22385763 6,4.5 C6,4.77614237 6.22385763,5 6.5,5 L6.5,5 L9.5,5 C9.77614237,5 10,4.77614237 10,4.5 C10,4.22385763 9.77614237,4 9.5,4 L9.5,4 Z"/>
-</svg>

icons/downloads-symbolic_dark.svg

@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16"
-   height="16"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="downloads-symbolic_dark.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="982"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="8"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     fill="#FFF"
-     fill-opacity=".8"
-     fill-rule="evenodd"
-     d="M8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 Z M9.5,8 L6.5,8 C6.22385763,8 6,8.22385763 6,8.5 C6,8.77614237 5.77614237,9 5.5,9 L5.5,9 L5,9 C4.89014373,9 4.78478689,9.04364023 4.70710678,9.12132034 C4.54534632,9.2830808 4.54534632,9.54534632 4.70710678,9.70710678 L4.70710678,9.70710678 L7.64644661,12.6464466 C7.84170876,12.8417088 8.15829124,12.8417088 8.35355339,12.6464466 L8.35355339,12.6464466 L11.2928932,9.70710678 C11.3705733,9.62942667 11.4142136,9.52406983 11.4142136,9.41421356 C11.4142136,9.18544973 11.2287638,9 11,9 L11,9 L10.5,9 C10.2238576,9 10,8.77614237 10,8.5 C10,8.22385763 9.77614237,8 9.5,8 L9.5,8 Z M9.5,6 L6.5,6 C6.22385763,6 6,6.22385763 6,6.5 C6,6.77614237 6.22385763,7 6.5,7 L6.5,7 L9.5,7 C9.77614237,7 10,6.77614237 10,6.5 C10,6.22385763 9.77614237,6 9.5,6 L9.5,6 Z M9.5,4 L6.5,4 C6.22385763,4 6,4.22385763 6,4.5 C6,4.77614237 6.22385763,5 6.5,5 L6.5,5 L9.5,5 C9.77614237,5 10,4.77614237 10,4.5 C10,4.22385763 9.77614237,4 9.5,4 L9.5,4 Z"
-     id="path2"
-     style="fill:#ffffff;fill-opacity:0.60000002" />
-</svg>

icons/homepage.svg

@@ -1,68 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16px"
-   height="16px"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg8"
-   sodipodi:docname="homepage.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata14">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs12" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="982"
-     id="namedview10"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="8"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg8" />
-  <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
-  <title
-     id="title2">category_recommend</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <g
-     id="category_recommend"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd"
-     style="fill:#000000;fill-opacity:0.86666667">
-    <path
-       d="M8,12.6085145 L4.54924088,14.5160472 C4.06572729,14.783327 3.74708518,14.5504931 3.83503048,14.0113448 L4.5,9.93475242 L1.69148737,7.05624503 C1.30958944,6.6648293 1.44637232,6.27932454 1.97881505,6.19797453 L5.83688104,5.60851449 L7.5726373,1.91049416 C7.8086632,1.40764212 8.19196238,1.40897492 8.4273627,1.91049416 L10.163119,5.60851449 L14.0211849,6.19797453 C14.5617696,6.28056851 14.6893983,6.66586674 14.3085126,7.05624503 L11.5,9.93475242 L12.1649695,14.0113448 C12.2540356,14.557364 11.9269904,14.7793014 11.4507591,14.5160472 L8,12.6085145 Z"
-       id="Star"
-       fill="#536076"
-       style="fill:#000000;fill-opacity:0.86666667" />
-  </g>
-</svg>

icons/homepage_dark.svg

@@ -1,68 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16px"
-   height="16px"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg8"
-   sodipodi:docname="homepage_dark.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata14">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs12" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="982"
-     id="namedview10"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="-15.932203"
-     inkscape:cy="2.5762712"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg8" />
-  <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
-  <title
-     id="title2">category_recommend</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <g
-     id="category_recommend"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd"
-     style="fill:#ffffff;fill-opacity:0.60000002">
-    <path
-       d="M8,12.6085145 L4.54924088,14.5160472 C4.06572729,14.783327 3.74708518,14.5504931 3.83503048,14.0113448 L4.5,9.93475242 L1.69148737,7.05624503 C1.30958944,6.6648293 1.44637232,6.27932454 1.97881505,6.19797453 L5.83688104,5.60851449 L7.5726373,1.91049416 C7.8086632,1.40764212 8.19196238,1.40897492 8.4273627,1.91049416 L10.163119,5.60851449 L14.0211849,6.19797453 C14.5617696,6.28056851 14.6893983,6.66586674 14.3085126,7.05624503 L11.5,9.93475242 L12.1649695,14.0113448 C12.2540356,14.557364 11.9269904,14.7793014 11.4507591,14.5160472 L8,12.6085145 Z"
-       id="Star"
-       fill="#C5CFE0"
-       style="fill:#ffffff;fill-opacity:0.60000002" />
-  </g>
-</svg>

icons/refresh-page-dark.svg

@@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   height="16"
-   width="16"
-   sodipodi:docname="refresh-page-dark.svg"
-   xml:space="preserve"
-   viewBox="0 0 16 16"
-   y="0px"
-   x="0px"
-   id="Layer_1"
-   version="1.1"><metadata
-   id="metadata9"><rdf:RDF><cc:Work
-       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-   id="defs7" /><sodipodi:namedview
-   inkscape:current-layer="Layer_1"
-   inkscape:window-maximized="1"
-   inkscape:window-y="0"
-   inkscape:window-x="0"
-   inkscape:cy="8.8351119"
-   inkscape:cx="12.452215"
-   inkscape:zoom="34.711876"
-   showgrid="true"
-   id="namedview5"
-   inkscape:window-height="958"
-   inkscape:window-width="1920"
-   inkscape:pageshadow="2"
-   inkscape:pageopacity="0"
-   guidetolerance="10"
-   gridtolerance="10"
-   objecttolerance="10"
-   borderopacity="1"
-   bordercolor="#666666"
-   pagecolor="#ffffff"><inkscape:grid
-     id="grid834"
-     type="xygrid" /></sodipodi:namedview>
-<g
-   style="fill:#ffffff;fill-opacity:0.60000002"
-   transform="scale(0.03125,0.0312082)"
-   id="XMLID_2_">
-	<path
-   style="fill:#ffffff;fill-opacity:0.60000002"
-   d="M 436.6,75.4 C 390.1,28.9 326.7,0 256,0 114.5,0 0,114.5 0,256 0,397.5 114.5,512 256,512 375.2,512 474.8,430.1 503.6,320.2 h -67 C 410.5,394.7 339.8,447.7 256,447.7 149.9,447.7 64.2,362.1 64.2,255.9 64.2,149.7 149.9,64.2 256,64.2 c 53.1,0 100.5,22.3 135,56.8 L 287.7,224.3 H 512 V 0 Z"
-   id="XMLID_4_" />
-</g>
-</svg>

icons/refresh-page.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   height="16"
-   width="16"
-   sodipodi:docname="refresh-page.svg"
-   xml:space="preserve"
-   viewBox="0 0 16 16"
-   y="0px"
-   x="0px"
-   id="Layer_1"
-   version="1.1"><metadata
-   id="metadata9"><rdf:RDF><cc:Work
-       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-   id="defs7" /><sodipodi:namedview
-   inkscape:current-layer="Layer_1"
-   inkscape:window-maximized="1"
-   inkscape:window-y="0"
-   inkscape:window-x="0"
-   inkscape:cy="8.8351119"
-   inkscape:cx="12.452215"
-   inkscape:zoom="34.711876"
-   showgrid="true"
-   id="namedview5"
-   inkscape:window-height="958"
-   inkscape:window-width="1920"
-   inkscape:pageshadow="2"
-   inkscape:pageopacity="0"
-   guidetolerance="10"
-   gridtolerance="10"
-   objecttolerance="10"
-   borderopacity="1"
-   bordercolor="#666666"
-   pagecolor="#ffffff"><inkscape:grid
-     id="grid834"
-     type="xygrid" /></sodipodi:namedview>
-<g
-   transform="scale(0.03125,0.0312082)"
-   id="XMLID_2_">
-	<path
-   d="M 436.6,75.4 C 390.1,28.9 326.7,0 256,0 114.5,0 0,114.5 0,256 0,397.5 114.5,512 256,512 375.2,512 474.8,430.1 503.6,320.2 h -67 C 410.5,394.7 339.8,447.7 256,447.7 149.9,447.7 64.2,362.1 64.2,255.9 64.2,149.7 149.9,64.2 256,64.2 c 53.1,0 100.5,22.3 135,56.8 L 287.7,224.3 H 512 V 0 Z"
-   id="XMLID_4_" />
-</g>
-</svg>

icons/theme-symbolic.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2238576 3.22385763,13 3.5,13 L7,13 L7,12 L2,12 C1.44771525,12 1,11.5522847 1,11 L15,11 C15,11.5522847 14.5522847,12 14,12 L9,12 L9,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7761424 12.7761424,14 12.5,14 L3.5,14 Z M13,2 C14.1045695,2 15,2.8954305 15,4 L15,10 L1,10 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z"/>
-</svg>

icons/theme-symbolic_dark.svg

@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16"
-   height="16"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="theme-symbolic_dark.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="982"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="8"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     fill="#FFF"
-     fill-opacity=".8"
-     fill-rule="evenodd"
-     d="M3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2238576 3.22385763,13 3.5,13 L7,13 L7,12 L2,12 C1.44771525,12 1,11.5522847 1,11 L15,11 C15,11.5522847 14.5522847,12 14,12 L9,12 L9,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7761424 12.7761424,14 12.5,14 L3.5,14 Z M13,2 C14.1045695,2 15,2.8954305 15,4 L15,10 L1,10 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z"
-     id="path2"
-     style="opacity:1;fill:#ffffff;fill-opacity:0.60000002" />
-</svg>

image_show.cpp

@@ -1,47 +0,0 @@
-#include "image_show.h"
-#include <QHBoxLayout>
-#include <QDebug>
-#include <QPainter>
-#include <DDialog>
-#include <DBlurEffectWidget>
-#include <DWidgetUtil>
-#include <DApplication>
-#include <QDesktopWidget>
-DWIDGET_USE_NAMESPACE
-image_show::image_show(QWidget *parent) : QWidget(parent)
-{
-    QHBoxLayout *layout=new QHBoxLayout;
-    layout->addWidget(m_label);
-    setLayout(layout);
-    m_label->setText("layout");
-}
-
-void image_show::setImage(QPixmap image)
-{
-
-    QImage screen0;
-    screen0=image.toImage();
-//    QPainter painter(&screen0);
-    QImage re_screen1;
-    QImage re_screen0=screen0.scaled(QSize(400,300),Qt::KeepAspectRatio,Qt::SmoothTransformation);
-    desktop_w=DApplication::desktop()->width();
-    desktop_h=DApplication::desktop()->height();
-    if(screen0.width()>(desktop_w-20) || screen0.height()>(desktop_h-20)){
-         re_screen1=screen0.scaled(QSize(desktop_w-20,desktop_h-20),Qt::KeepAspectRatio,Qt::SmoothTransformation);
-         m_image=QPixmap::fromImage(re_screen1);
-    }else {
-        m_image=image;
-    }
-
-    m_label->setPixmap(QPixmap::fromImage(re_screen0));
-}
-
-void image_show::mousePressEvent(QMouseEvent *)
-{
-   m_dialog->setimage(m_image);
-   m_dialog->showFullScreen();
-   m_dialog->setFixedSize(desktop_w,desktop_h);
-   m_dialog->move(0,0);/*
-   moveToCenter(m_dialog);*/
-
-}

image_show.h

@@ -1,32 +0,0 @@
-#ifndef IMAGE_SHOW_H
-#define IMAGE_SHOW_H
-
-#include <QWidget>
-#include <QMouseEvent>
-#include <QLabel>
-#include <QPixmap>
-#include <DDialog>
-#include <DBlurEffectWidget>
-#include <big_image.h>
-DWIDGET_USE_NAMESPACE
-class image_show : public QWidget
-{
-    Q_OBJECT
-public:
-    explicit image_show(QWidget *parent = nullptr);
-
-    void setImage(QPixmap);
-    int desktop_w;
-    int desktop_h;
-private:
-    QLabel *m_label=new QLabel;
-    QPixmap m_image;
-    QLabel image;
-    big_image *m_dialog=new big_image;
-    void mousePressEvent(QMouseEvent *event);
-signals:
-
-public slots:
-};
-
-#endif // IMAGE_SHOW_H

inc/deepinplatform.h

@@ -0,0 +1,9 @@
+//
+// Created by rigoligo on 2021/5/8.
+//
+
+#pragma once
+
+// Stub
+
+#endif //_DEEPINPLATFORM_H_

inc/dtk/spkdtkplugin.h

@@ -0,0 +1,22 @@
+
+#pragma once
+
+#include <QWidget>
+
+class SpkDtkPlugin : public QObject
+{
+    Q_OBJECT
+  public:
+    virtual ~SpkDtkPlugin() = default;
+    virtual void Initialize() = 0;
+    virtual void addWindow(QWidget* w, QObject* parent) = 0;
+    virtual QColor GetAccentColor() = 0;
+    virtual bool GetIsDarkTheme() = 0;
+
+  signals:
+    void AccentColorChanged(QColor);
+    void DarkLightThemeChanged(bool isDark);
+};
+QT_BEGIN_NAMESPACE
+Q_DECLARE_INTERFACE(SpkDtkPlugin, "org.spark-store.client.dtkplugin")
+QT_END_NAMESPACE

inc/gitver.h

@@ -0,0 +1,8 @@
+
+#pragma once
+
+namespace GitVer
+{
+  const char *DescribeTags();
+  const char *CommitDate();
+}

inc/page/spkpageappdetails.h

@@ -0,0 +1,86 @@
+// SPDX-License-Identifier: GPL-3.0-only
+
+#pragma once
+
+#include <QLabel>
+#include <QScrollArea>
+#include <QVBoxLayout>
+#include <QFormLayout>
+#include "page/spkpagebase.h"
+#include "spkstretchlayout.h"
+#include "spkimgviewer.h"
+
+namespace SpkUi
+{
+  class SpkDetailEntry;
+
+  class SpkClickLabel : public QLabel
+  {
+      Q_OBJECT
+    protected:
+      virtual void mousePressEvent(QMouseEvent *e) override { emit Pressed(); }
+    signals:
+      void Pressed();
+  };
+
+  class SpkPageAppDetails : public SpkPageBase
+  {
+      Q_OBJECT
+    public:
+      SpkPageAppDetails(QWidget *parent = nullptr);
+      ~SpkPageAppDetails();
+
+      void LoadAppResources(QString pkgName, QString icon, QStringList screenshots, QStringList tags);
+      void SetWebsiteLink(QString url);
+      void SetPackagePath(QString url);
+
+    private:
+      QString mPkgPath;
+      QPixmap mBrokenImg, mIconLoading;
+
+    public slots:
+      void ResourceAcquisitionFinished(int id, ResourceResult result);
+      void Activated();
+
+    public:
+      static constexpr QSize IconSize { 144, 144 };
+
+      // Main Area
+      QScrollArea *mMainArea, *mScreenshotArea;
+      QWidget *mDetailWidget, *mIconTitleWidget, *mWid4MainArea, *mWid4ShotArea;
+      QLabel *mAppTitle, *mAppIcon, *mAppDescription, *mAppShortDesc, *mPkgName, *mVersion,
+             *mWebsite;
+      SpkDetailEntry *mAuthor, *mContributor, *mSite, *mArch, *mSize;
+      SpkStretchLayout *mDetailLay;
+      QVBoxLayout *mDetailsLay, *mTitleLay, *mMainLay;
+      QHBoxLayout *mIconTitleLay, *mScreenshotLay;
+      QList<SpkClickLabel*> mScreenshotPreviews;
+
+      QMap<int, QPixmap> mAppImages;
+      SpkImgViewer *mImgViewer;
+
+      // Bottom bar
+      QWidget *mBottomBar;
+      QPushButton *mBtnInstall, *mBtnDownload, *mBtnUninstall, *mBtnRequestUpdate, *mBtnReport;
+      QHBoxLayout *mBottomBarLay;
+
+    signals:
+      void RequestDownload(QString name, QString pkgName, QString path);
+
+    private slots:
+      void ImageClicked();
+  };
+
+  class SpkDetailEntry : public QWidget
+  {
+      Q_OBJECT
+    public:
+      SpkDetailEntry(QWidget *parent = nullptr);
+      void SetTitle(const QString &s) { mTitle.setText(s); }
+      void SetValue(const QString &s) { mField.setText(s); }
+
+    private:
+      QLabel mTitle, mField;
+      QHBoxLayout mLay;
+  };
+}

inc/page/spkpageapplist.h

@@ -0,0 +1,63 @@
+
+#pragma once
+
+#include <QtWidgets>
+#include "spkresource.h"
+#include "spkappitem.h"
+#include "page/spkpagebase.h"
+#include "spkstretchlayout.h"
+
+namespace SpkUi
+{
+  class SpkPageAppList : public SpkPageBase
+  {
+      Q_OBJECT
+    public:
+      SpkPageAppList(QWidget *parent = nullptr);
+
+      void AddApplicationEntry(QString name, QString pkgName, QString description, QString iconUrl,
+                               int appId);
+      void ClearAll();
+      void SetPageStatus(int total, int current, int itemCount, QString &keyword);
+      void SetCurrentCategory(int categoryId) { mCategoryId = categoryId; }
+
+    private:
+      void DisablePageSwitchers();
+
+    public:
+
+    private:
+      QVBoxLayout *mMainLay;
+      QHBoxLayout *mPageSwitchLay;
+      QPushButton *mBtnPgUp, *mBtnPgDown, *mBtnGotoPage;
+      QLineEdit *mPageInput;
+      QScrollArea *mAppsArea;
+      QLabel *mPageIndicator;
+      QWidget *mAppsWidget, *mPageSwitchWidget;
+      SpkStretchLayout *mItemLay;
+      QList<SpkAppItem *> mAppItemList;
+
+      // Cached icons
+      QPixmap *mLoadingIcon,
+              *mBrokenIcon;
+
+      QIntValidator *mPageValidator;
+
+      int mCategoryId, mCurrentPage;
+      QString mKeyword;
+
+    signals:
+      void ApplicationClicked(int appId);
+      void SwitchListPage(int categoryId, int page);
+      void SwitchSearchPage(QString keyword, int page);
+
+    public slots:
+      void ResourceAcquisitionFinished(int id, ResourceResult result);
+      void Activated();
+
+    private slots:
+      void PageUp();
+      void PageDown();
+      void GotoPage();
+  };
+}

inc/page/spkpagebase.h

@@ -0,0 +1,27 @@
+
+#pragma once
+
+#include <QtWidgets>
+#include <spkresource.h>
+
+class SpkPageBase : public QWidget
+{
+    Q_OBJECT
+  public:
+    SpkPageBase(QWidget *parent = nullptr);
+
+  public slots:
+    /**
+     * @brief This signal is emitted by resource manager when a resource acquisition requested
+     *        has finished.
+     * @param id The request ID
+     * @param result The data retrieved
+     */
+    virtual void ResourceAcquisitionFinished(int id, ResourceResult result);
+
+    /**
+     * @brief This is an optional signal for Resource Context objects, mainly used for notifying the
+     *        context that it is now activated (therefore it needs to acquire the resource manager).
+     */
+    virtual void Activated();
+};

inc/page/spkpagedownloads.h

@@ -0,0 +1,45 @@
+#ifndef SPKPAGEDOWNLOADS_H
+#define SPKPAGEDOWNLOADS_H
+
+#include "spkdownload.h"
+#include "spkdownloadentry.h"
+#include "page/spkpagebase.h"
+#include "pkgs/spkpkgmgrbase.h"
+
+namespace SpkUi
+{
+  class SpkPageDownloads : public SpkPageBase
+  {
+      Q_OBJECT
+    public:
+      SpkPageDownloads(QWidget *parent = nullptr);
+      ~SpkPageDownloads();
+
+    public slots:
+      void AddDownloadTask(QString name, QString pkgName, QString path);
+
+    private:
+      // Logic
+      SpkDownloadMgr *mDownloadMgr;
+      QMap<uint, SpkDownloadEntry*> mEntries;
+      uint mNextDownloadId;
+      QQueue<QPair<int, QString>> mWaitingDownloads;
+      enum { Idle, Waiting, Downloading } mCurrentStatus;
+
+      // UI
+      QVBoxLayout *mLayEntries, *mMainLay;
+      QWidget *mScrollWidget;
+      QScrollArea *mScrollArea;
+
+    private slots:
+      void DownloadProgress(qint64 downloadedBytes, qint64 totalBytes, int id);
+      void DownloadStopped(SpkDownloadMgr::TaskResult status, int id);
+      void EntryAction(SpkDownloadEntry::EntryAction);
+      void InstallationEnded(int id, SpkPkgMgrBase::PkgInstallResult, int exitCode);
+
+    private:
+      void NewDownloadTask(int id, QString downloadPath);
+  };
+}
+
+#endif // SPKPAGEDOWNLOADS_H

inc/page/spkpagehome.h

@@ -0,0 +1,25 @@
+
+#pragma once
+
+#include <QVBoxLayout>
+#include "page/spkpagebase.h"
+#include "ui_homepage.h"
+
+namespace SpkUi
+{
+  class SpkPageHome : public SpkPageBase
+  {
+      Q_OBJECT
+    public:
+      SpkPageHome(QWidget *parent = nullptr);
+      ~SpkPageHome() { }
+
+      Ui::SpkHomepage *ui;
+
+    private slots:
+      void LinkActivated(QString);
+
+    private:
+      void SetupUi();
+  };
+}

inc/page/spkpagesettings.h

@@ -0,0 +1,56 @@
+
+#pragma once
+
+#include <QScrollArea>
+#include <QVBoxLayout>
+#include <QFutureWatcher>
+#include <QMutex>
+#include "page/spkpagebase.h"
+#include "ui_settings.h"
+
+namespace SpkUi
+{
+  class SpkPageSettings : public SpkPageBase
+  {
+      Q_OBJECT
+
+    public:
+      SpkPageSettings(QWidget *parent = nullptr);
+      ~SpkPageSettings();
+
+      void SetupUi();
+      void ReadConfiguration();
+      void SaveConfiguration();
+
+      void CountCleaning();
+
+      virtual void Activated() override;
+
+    private slots:
+      void on_btnCleanDownloadedContent_clicked();
+      void on_btnCleanResourceCache_clicked();
+      void on_btnViewDownloadedContent_clicked();
+      void on_btnViewResourceCache_clicked();
+
+      void CountFinishResource();
+      void CountFinishDownload();
+      void CleanedResource();
+      void CleanedDownload();
+
+    private:
+      QScrollArea *mMainArea;
+      QVBoxLayout *mMainLay;
+      QWidget *mSettingsWidget;
+      Ui::SpkUiSettings *ui;
+
+      QString mRepoListUrl;
+
+      QFutureWatcher<void>  mFwResourceCount,
+                            mFwDownloadCount,
+                            mFwResourceClean,
+                            mFwDownloadClean;
+      QMutex mMutResource, mMutDownload;
+      int64_t mBytesResource, mBytesDownloads;
+
+  };
+}

inc/page/spkpageuitest.h

@@ -0,0 +1,63 @@
+#pragma once
+
+#include <QWidget>
+#include <QSplitter>
+#include <QPushButton>
+#include <QRadioButton>
+#include <QCheckBox>
+#include <QGroupBox>
+#include <QTextEdit>
+#include <QLineEdit>
+#include <QVBoxLayout>
+#include <QHBoxLayout>
+#include <QSlider>
+#include <QProgressBar>
+#include "spkappitem.h"
+#include "spkstretchlayout.h"
+#include "page/spkpageappdetails.h"
+#include "spkiconbutton.h"
+
+#include "spkloading.h"
+
+namespace SpkUi
+{
+  class SpkPageUiTest : public QSplitter
+  {
+      Q_OBJECT
+    public:
+      SpkPageUiTest(QWidget *parent = nullptr);
+      QWidget *WidL, *WidR;
+      QVBoxLayout *VLayWidgets,
+                  *VLayTestWidgets,
+                  *VLayInput;
+      QHBoxLayout *HLay4Slider,
+                  *HLayInputBtns;
+      QTextEdit *TextStylesheet;
+      QPushButton *BtnApply;
+      QPushButton *BtnFetch;
+
+      QPushButton *Btn;
+      QCheckBox *Chk;
+      QRadioButton *Rad;
+      QGroupBox *Group;
+      QSlider *SlideH;
+      QSlider *SlideV;
+      SpkIconButton *IconBtn;
+      QProgressBar *Prog;
+      SpkLoading *Loading;
+      SpkAppItem *AppItem;
+      SpkStretchLayout *DetailsLay;
+      SpkDetailEntry *Detail1, *Detail2, *Detail3;
+      QWidget *DetailsWidget;
+
+      QLineEdit *PopupText;
+      QPushButton *ShowPopup,
+                  *ShowAbout,
+                  *ShowPkgmgr;
+
+    public slots:
+      void SetStylesheet();
+      void FetchStylesheet();
+      void ShowPopupSlot();
+  };
+}

inc/pkgs/spkpkgmgrapt.h

@@ -0,0 +1,36 @@
+
+#pragma once
+
+#include "spkpkgmgrbase.h"
+#include <QProcess>
+
+class SpkPkgMgrApt final : public SpkPkgMgrBase
+{
+    Q_OBJECT
+
+  public:
+    SpkPkgMgrApt(QObject *parent = nullptr);
+
+    static bool DetectRequirements();
+
+    virtual PkgInstallResult ExecuteInstallation(QString pkgPath,
+                                                 int entryId) override;
+
+  // APT backend specific
+    bool ChangeServerRepository(QString content);
+
+  private:
+    void CheckInstallerAvailability();
+
+  private slots:
+    void InstallerExited(int, QProcess::ExitStatus);
+
+  private:
+    QAction *mActAptitudeTerm,
+            *mActAptTerm,
+            *mActGdebi,
+            *mActDeepinPkgInst;
+
+    QProcess mInstaller;
+
+};

inc/pkgs/spkpkgmgrbase.h

@@ -0,0 +1,91 @@
+
+#pragma once
+
+#include <QObject>
+#include <QMenu>
+#include <QAction>
+#include <QCursor>
+#include <QUrl>
+#include <QDesktopServices>
+
+#include "spkutils.h"
+
+class SpkPkgMgrBase : public QObject
+{
+    Q_OBJECT
+
+  public:
+    SpkPkgMgrBase(QObject *parent = nullptr) : QObject(parent)
+    {
+      Q_ASSERT(mInstance == nullptr);
+      mInstance = this;
+
+      mActOpen = new QAction(tr("Open package"), this);
+      mActOpenDir = new QAction(tr("Open containing directory"), this);
+      mMenu = new QMenu(tr("Package Actions"));
+      mMenu->addAction(mActOpen);
+      mMenu->addAction(mActOpenDir);
+      mMenu->setAttribute(Qt::WA_TranslucentBackground);
+      mMenu->setWindowFlags(Qt::Popup | Qt::FramelessWindowHint);
+    }
+
+    enum PkgInstallResult
+    {
+      Failed,
+      Succeeded,
+      Ignored ///< No installation action is taken, no messages be displayed
+    };
+
+    /**
+     * @brief Detects if this system qualified to use this kind of packaging
+     */
+    static bool DetectRequirements() { return true; }
+
+    /**
+     * @brief Popup a menu at cursor to select installation methods
+     *        and do installation accordingly
+     * @param pkgPath Path to the package file
+     * @param entryId ID of the download entry
+     */
+    virtual PkgInstallResult ExecuteInstallation(QString pkgPath, int entryId)
+    {
+      Q_UNUSED(entryId);
+      auto item = mMenu->exec(QCursor::pos());
+      if(item == mActOpenDir)
+        QDesktopServices::openUrl(QUrl(SpkUtils::CutPath(pkgPath)));
+      else if(item == mActOpen)
+        QDesktopServices::openUrl(QUrl(pkgPath));
+      return Ignored;
+    }
+
+    /**
+     * @brief Called when Spark Store installs a software when it's running
+     *        in CLI mode
+     * @param pkgPath Path to the package file
+     */
+    virtual PkgInstallResult CliInstall(QString pkgPath)
+    {
+      qInfo() << tr("Spark Store cannot install your package because no supported "
+                    "packaging system has been found. You shall decide what you "
+                    "want to do with the downloaded package.\n\n"
+                    "File path:")
+              << pkgPath;
+      return Ignored;
+    }
+
+  public:
+    static SpkPkgMgrBase *Instance() { return mInstance; }
+
+  protected:
+    QAction *mActOpenDir, *mActOpen, *mActDesc;
+    QMenu *mMenu;
+    int mCurrentItemId; ///< ID of currently installing download item
+
+  private:
+    static SpkPkgMgrBase *mInstance;
+
+  signals:
+    void ReportInstallResult(int entryId,
+                             SpkPkgMgrBase::PkgInstallResult result,
+                             int exitCode);
+};

inc/pkgs/spkpkgmgrpacman.h

@@ -0,0 +1,20 @@
+
+#pragma once
+
+#include "spkpkgmgrbase.h"
+
+class SpkPkgMgrPacman final : public SpkPkgMgrBase
+{
+    Q_OBJECT
+
+  public:
+    SpkPkgMgrPacman(QObject *parent = nullptr);
+
+    static bool DetectRequirements();
+
+    virtual PkgInstallResult ExecuteInstallation(QString pkgPath,
+                                                 int entryId) override;
+
+
+
+};

inc/qt/elidedlabel.h

@@ -0,0 +1,87 @@
+
+#pragma once
+
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the QtCore module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+/*
+ * Slight modifications has been done to the code to make it fit into the project.
+ */
+
+#include <QFrame>
+#include <QString>
+
+//! [0]
+class ElidedLabel : public QFrame
+{
+    Q_OBJECT
+    Q_PROPERTY(QString text READ text WRITE setText)
+    Q_PROPERTY(bool isElided READ isElided)
+
+  public:
+    explicit ElidedLabel(const QString &text, QWidget *parent = nullptr);
+
+    explicit ElidedLabel(QWidget *parent = nullptr);
+
+    void setText(const QString &text);
+    const QString & text() const { return content; }
+    bool isElided() const { return elided; }
+
+  protected:
+    void paintEvent(QPaintEvent *event) override;
+
+  signals:
+    void elisionChanged(bool elided);
+
+  private:
+    bool elided;
+    QString content;
+};
+//! [0]

inc/spkabout.h

@@ -0,0 +1,23 @@
+
+#pragma once
+
+#include <QLabel>
+#include <QPushButton>
+#include <QHBoxLayout>
+#include "spkdialog.h"
+
+class SpkAbout : public SpkDialog
+{
+    Q_OBJECT
+
+  public:
+    SpkAbout(QWidget* parent = nullptr);
+    ~SpkAbout();
+    static void Show();
+
+  private:
+    QHBoxLayout *mIconLay;
+    QLabel *mSpkIcon;
+    QLabel *mSpkVersion;
+    QLabel *mDescriptionText;
+};

inc/spkappitem.h

@@ -0,0 +1,41 @@
+
+#pragma once
+
+#include <QLabel>
+#include <QVBoxLayout>
+#include <QHBoxLayout>
+#include "qt/elidedlabel.h"
+
+class SpkAppItem : public QWidget
+{
+    Q_OBJECT
+
+  public:
+    SpkAppItem(int appId, QWidget *parent = nullptr);
+    void SetIcon(QPixmap p) { mIcon->setPixmap(p); }
+    void SetTitle(QString s) { mTitle->setText(s); }
+    void SetDescription(QString s) { mDescription->setText(s); }
+
+  protected:
+    void paintEvent(QPaintEvent *e);
+    void mousePressEvent(QMouseEvent *e);
+    void mouseReleaseEvent(QMouseEvent *e);
+
+  public:
+    static constexpr int IconSize = 72;
+    static constexpr QSize IconSize_ = { IconSize, IconSize };
+
+  private:
+    QLabel *mIcon;
+    QLabel *mTitle;
+    ElidedLabel *mDescription;
+    int mAppId;
+
+    bool mPressCond;
+
+    QVBoxLayout *mLayText;
+    QHBoxLayout *mMainLay;
+
+  signals:
+    void clicked(int);
+};

inc/spkconfig.h

@@ -0,0 +1,51 @@
+#ifndef SPKCONFIG_H
+#define SPKCONFIG_H
+
+#include <QSettings>
+#include <QHash>
+#include <QPair>
+#include <functional>
+
+class SpkConfig : public QObject
+{
+    Q_OBJECT
+  public:
+    SpkConfig(QObject *parent, QString configPath);
+    ~SpkConfig();
+
+    /**
+     * @brief BindField If a variable is bound to the specified key, then future chanegs via SetField
+     *                  will modify the provided variable. A callback can also be specified to make
+     *                  sure the chanegs are acceptable.
+     * @param key
+     * @param value A pointer to the variable to be bound
+     * @param defaultValue
+     * @param callback When SetField is called to modify this specific key associated with a callback,
+     *                 the callback is called. If the callback returned false then the original value
+     *                 is restored to the value target, and changes won't be saved in mSettings, and
+     *                 SetField will return false too. It is used to ensure if the target can accept
+     *                 the changes.
+     * @return false when the key is already bound.
+     */
+    bool BindField(QString key, QString* value, QString defaultValue, std::function<bool(void)> callback = nullptr);
+    bool BindField(QString key, int* value, int defaultValue, std::function<bool(void)> callback = nullptr);
+
+    bool SetField(QString key, QString value);
+    bool SetField(QString key, int value);
+
+    // Wrapper of QSettings::value, used for "read once on startup" configurations
+    QVariant ReadField(QString key, QVariant defaultValue);
+    // Wrapper of QSettings::setValue, used for "set and restart to take effect" configurations
+    void SetSettings(QString key, QVariant value);
+    // Wrapper of QSettings::sync
+    void Sync();
+
+  private:
+    QSettings mSettings;
+
+    QHash<QString, QPair<QString*, std::function<bool(void)>>> mStringBindMap;
+    QHash<QString, QPair<int*,std::function<bool(void)>>> mIntBindMap;
+
+};
+
+#endif // SPKCONFIG_H

inc/spkdialog.h

@@ -0,0 +1,40 @@
+#pragma once
+
+#include <QList>
+#include <QButtonGroup>
+#include "spkui_general.h"
+#include "spktitlebar.h"
+#include "spkwindow.h"
+
+class SpkDialog : public SpkWindow
+{
+    Q_OBJECT
+    friend class SpkMsgBox;
+  public:
+    SpkDialog(QWidget *parent = nullptr);
+    ~SpkDialog();
+    void AddButton(QString text, SpkUi::SpkButtonStyle style = SpkUi::SpkButtonStyle::Normal);
+    void AddWidget(QWidget*);
+    void AddLayout(QLayout*);
+    void AddSpacing(int);
+    void AddStretch(int a = 0);
+    void SetMargin(int);
+    void SetMargin(int, int, int, int);
+    int  Exec();
+
+  private slots:
+    void ButtonPressed(int);
+    void ForceClose();
+
+  signals:
+    void ExitEventLoop(int);
+    void CloseWindow();
+
+  protected:
+    QWidget *mDialogWidget;
+  private:
+    QVBoxLayout *mMainVLay, *mWidgetsVLay;
+    QHBoxLayout *mBtnLay;
+    QButtonGroup *mBtnGroup;
+    QList<QObject*> mWidgetsList, mParentsList;
+};