This commit is contained in:
Vyn 2024-04-09 18:46:06 +02:00
commit 1bb1ade305
36 changed files with 2837 additions and 0 deletions

252
src/AniList.cpp Normal file
View file

@ -0,0 +1,252 @@
#include <QJsonDocument>
#include "AniList.h"
AniList::AniList(QObject *parent) : QObject(parent)
{
}
// Basically, converts the "\u75a2" like sequences into real unicode (because they are escaped)
void HandleUnicode(QString* text) {
QRegularExpression rx("(\\\\u([0-9a-fA-F]{4}))");
QRegularExpressionMatch rxMatch;
int pos = 0;
while ((rxMatch = rx.match(*text, pos)).hasMatch()) {
(*text).replace(rxMatch.capturedStart(), 6, QChar(rxMatch.captured(2).toUShort(0, 16)));
pos = rxMatch.capturedStart() + 1;
}
text->replace(QRegularExpression("\\\\(n|r)"), "");
}
void AniList::GraphQLQuery(QString body, std::function<void(QJsonObject)> onSuccess, std::function<void()> onFailure) {
body.replace(QRegularExpression("\t"), " "); // It seems that AniList GraphQL doesn't work with tabs
QByteArray bodyRequest = QByteArray(body.toUtf8());
QNetworkRequest request;
request.setUrl(QUrl("https://graphql.anilist.co"));
request.setRawHeader("Content-Type", "application/json");
request.setRawHeader("Content-Length", QByteArray::number(bodyRequest.size()));
auto* reply = http.post(request, bodyRequest);
connect(reply, &QNetworkReply::finished, [=] {
if (reply->error()) {
std::cerr << "Error!" << std::endl;
std::cerr << reply->errorString().toStdString() << std::endl;
std::cerr << reply->error() << std::endl;
QString answer = reply->readAll();
std::cerr << answer.toStdString() << std::endl;
onFailure();
return;
}
QString answer = reply->readAll();
HandleUnicode(&answer);
QJsonDocument document = QJsonDocument::fromJson(answer.toUtf8());
if (document.isNull() || !document.isObject()) {
std::cerr << "Error while parsing json. " << std::endl;
onFailure();
return ;
}
QJsonObject json = QJsonDocument::fromJson(answer.toUtf8()).object();
onSuccess(std::move(json));
});
}
void AniList::SearchAnimes(const QString& title, std::function<void(QList<Anime>)> onSuccess, std::function<void()> onFailure) {
QString body =
"{\
\"query\": \"\
query ($id: Int, $page: Int, $perPage: Int, $search: String) {\
Page(page: $page, perPage: $perPage) {\
pageInfo {\
total\
currentPage\
lastPage\
hasNextPage\
perPage\
}\
media(id: $id, search: $search, type: ANIME) {\
" + QString(GRAPHQL_ANILIST_MEDIA_CONTENT) + "\
}\
}\
}\
\",\
\"variables\": {\
\"search\": \"" + title + "\"\
}\
}";
GraphQLQuery(body, [=](QJsonObject json) {
auto medias = json["data"].toObject()["Page"].toObject()["media"].toArray();
QList<Anime> animes;
// This loop will check each field of the media before adding it to the Anime object.
for (auto media : medias) {
Anime anime;
if (media.isObject() && media.toObject()["title"].isObject() && media.toObject()["title"].toObject()["romaji"].isString()) {
anime.SetTitle(media.toObject()["title"].toObject()["romaji"].toString());
}
else {
anime.SetTitle("[Unknown]");
}
if (media.isObject() && media.toObject()["description"].isString()) {
anime.SetDescription(media.toObject()["description"].toString());
}
else {
anime.SetDescription("[No description provided]");
}
if (media.isObject() && media.toObject()["coverImage"].isObject() && media.toObject()["coverImage"].toObject()["extraLarge"].isString()) {
if (true /*GetSettings().ShouldFetchImages()*/)
anime.SetCoverImageByUrl(media.toObject()["coverImage"].toObject()["extraLarge"].toString().replace("\\", ""));
}
else {
anime.SetCoverImageByUrl("[No image]");
}
if (media.isObject() && media.toObject()["status"].isString()) {
anime.SetStatus(media.toObject()["status"].toString());
}
else {
anime.SetStatus("[Unknown status]");
}
if (media.isObject() && media.toObject()["episodes"].isDouble()) {
anime.SetEpisodes(media.toObject()["episodes"].toInt());
}
else {
anime.SetEpisodes(-1);
}
if (media.isObject() && media.toObject()["startDate"].isObject()) {
QJsonObject startDateJson = media.toObject()["startDate"].toObject();
anime.SetStartYear(startDateJson["year"].isDouble() ? startDateJson["year"].toInt() : -1);
anime.SetStartMonth(startDateJson["month"].isDouble() ? startDateJson["month"].toInt() : -1);
anime.SetStartDay(startDateJson["day"].isDouble() ? startDateJson["day"].toInt() : -1);
}
if (media.isObject() && media.toObject()["endDate"].isObject()) {
QJsonObject endDateJson = media.toObject()["endDate"].toObject();
anime.SetEndYear(endDateJson["year"].isDouble() ? endDateJson["year"].toInt() : -1);
anime.SetEndMonth(endDateJson["month"].isDouble() ? endDateJson["month"].toInt() : -1);
anime.SetEndDay(endDateJson["day"].isDouble() ? endDateJson["day"].toInt() : -1);
}
if (media.isObject() && media.toObject()["genres"].isArray()) {
for (int i = 0; i < media.toObject()["genres"].toArray().count(); ++i) {
if (media.toObject()["genres"].toArray()[i].isString())
anime.AddGenre(media.toObject()["genres"].toArray()[i].toString());
}
}
animes.push_back(anime);
}
onSuccess(animes);
}, [=]{
onFailure();
});
}
void AniList::FetchUserLists(const QString userName, std::function<void(QList<AnimeList>)> onSuccess, std::function<void()> onFailure) {
QString body =
"{\
\"query\": \"\
query {\
MediaListCollection(userName: \\\"" + userName + "\\\", type: ANIME) {\
lists {\
name\
entries {\
id\
media {\
" + QString(GRAPHQL_ANILIST_MEDIA_CONTENT) + "\
}\
}\
}\
}\
}\",\
\"variables\": null\
}";
GraphQLQuery(body, [=](QJsonObject json) {
QList<AnimeList> lists;
for (int i = 0; i < json["data"].toObject()["MediaListCollection"].toObject()["lists"].toArray().count(); ++i) {
auto listJson = json["data"].toObject()["MediaListCollection"].toObject()["lists"].toArray()[i].toObject();
auto entries = json["data"].toObject()["MediaListCollection"].toObject()["lists"].toArray()[i].toObject()["entries"].toArray();
AnimeList list(listJson["name"].toString());
for (auto entry : entries) {
auto media = entry.toObject()["media"].toObject();
Anime anime;
if (media["title"].isObject() && media["title"].toObject()["romaji"].isString()) {
anime.SetTitle(media["title"].toObject()["romaji"].toString());
}
else {
anime.SetTitle("[Unknown]");
}
if (media["description"].isString()) {
anime.SetDescription(media["description"].toString());
}
else {
anime.SetDescription("[No description provided]");
}
if (media["coverImage"].isObject() && media["coverImage"].toObject()["extraLarge"].isString()) {
if (true /*GetSettings().ShouldFetchImages()*/)
anime.SetCoverImageByUrl(media["coverImage"].toObject()["extraLarge"].toString().replace("\\", ""));
}
else {
anime.SetCoverImageByUrl("[No image]");
}
if (media["status"].isString()) {
anime.SetStatus(media["status"].toString());
}
else {
anime.SetStatus("[Unknown status]");
}
if (media["episodes"].isDouble()) {
anime.SetEpisodes(media["episodes"].toInt());
}
else {
anime.SetEpisodes(-1);
}
if (media["startDate"].isObject()) {
QJsonObject startDateJson = media["startDate"].toObject();
anime.SetStartYear(startDateJson["year"].isDouble() ? startDateJson["year"].toInt() : -1);
anime.SetStartMonth(startDateJson["month"].isDouble() ? startDateJson["month"].toInt() : -1);
anime.SetStartDay(startDateJson["day"].isDouble() ? startDateJson["day"].toInt() : -1);
}
if (media["endDate"].isObject()) {
QJsonObject endDateJson = media["endDate"].toObject();
anime.SetEndYear(endDateJson["year"].isDouble() ? endDateJson["year"].toInt() : -1);
anime.SetEndMonth(endDateJson["month"].isDouble() ? endDateJson["month"].toInt() : -1);
anime.SetEndDay(endDateJson["day"].isDouble() ? endDateJson["day"].toInt() : -1);
}
if (media["genres"].isArray()) {
for (int i = 0; i < media["genres"].toArray().count(); ++i) {
if (media["genres"].toArray()[i].isString())
anime.AddGenre(media["genres"].toArray()[i].toString());
}
}
list.add(anime);
}
lists.push_back(list);
}
onSuccess(lists);
}, [=]{
onFailure();
});
}

61
src/AniList.h Normal file
View file

@ -0,0 +1,61 @@
#ifndef ANILIST_H
#define ANILIST_H
#include <QObject>
#include <QString>
#include <QByteArray>
#include <QVector>
#include <QList>
#include <QMap>
#include <QtNetwork>
#include <functional>
#include <iostream>
#include <QJsonObject>
// #include "Settings.h"
#include "Anime.h"
#include "AnimeList.h"
// Please keep the whitespaces with a REAL SPACE, NOT TAB for graphQL queries for the moment
#define GRAPHQL_ANILIST_MEDIA_CONTENT "\
id\
title {\
romaji\
}\
description\
episodes\
genres\
status\
startDate {\
year\
month\
day\
}\
endDate {\
year\
month\
day\
}\
coverImage {\
extraLarge\
}"
class AniList : public QObject
{
Q_OBJECT
public:
explicit AniList(QObject *parent = nullptr);
void GraphQLQuery(QString body_, std::function<void(QJsonObject)> onSuccess, std::function<void()> onFailure);
void SearchAnimes(const QString& title, std::function<void(QList<Anime>)> onSuccess, std::function<void()> onFailure);
void FetchUserLists(const QString userName, std::function<void(QList<AnimeList>)> onSuccess, std::function<void()> onFailure);
signals:
private:
QNetworkAccessManager http;
};
#endif // ANILIST_H

111
src/Anime.cpp Normal file
View file

@ -0,0 +1,111 @@
#include "Anime.h"
// All methods in this class are self explanatory and simple.
Anime::Anime() {
}
const QString& Anime::getTitle() const {
return title;
}
const QString& Anime::GetDescription() const {
return description;
}
const QString& Anime::GetSynopsis() const {
return GetDescription();
}
const QString& Anime::getCoverImageUrl() const {
return coverImageUrl;
}
const QVector<QString>& Anime::GetGenres() const {
return genres;
}
int Anime::GetEpisodes() const {
return episodes;
}
const QString& Anime::GetStatus() const {
return status;
}
int Anime::GetStartYear() const {
return startYear;
}
int Anime::GetStartMonth() const {
return startMonth;
}
int Anime::GetStartDay() const {
return startDay;
}
int Anime::GetEndYear() const {
return endYear;
}
int Anime::GetEndMonth() const {
return endMonth;
}
int Anime::GetEndDay() const {
return endDay;
}
void Anime::SetTitle(const QString& title) {
this->title = title;
}
void Anime::SetDescription(const QString& description) {
this->description = description;
}
void Anime::SetCoverImageByUrl(const QString& coverImageUrl) {
this->coverImageUrl = coverImageUrl;
}
void Anime::SetGenres(const QVector<QString>& genres) {
this->genres = genres;
}
void Anime::AddGenre(const QString& genreName) {
genres.push_back(genreName);
}
void Anime::SetStatus(const QString &status) {
this->status = status;
}
void Anime::SetEpisodes(int episodes) {
this->episodes = episodes;
}
void Anime::SetStartYear(int year) {
this->startYear = year;
}
void Anime::SetStartMonth(int month) {
this->startMonth = month;
}
void Anime::SetStartDay(int day) {
this->startDay = day;
}
void Anime::SetEndYear(int year) {
this->endYear = year;
}
void Anime::SetEndMonth(int month) {
this->endMonth = month;
}
void Anime::SetEndDay(int day) {
this->endDay = day;
}

85
src/Anime.h Normal file
View file

@ -0,0 +1,85 @@
#ifndef ANIME_H
#define ANIME_H
#include <QObject>
#include <QString>
#include <QVector>
#include <QByteArray>
#include <QFile>
#include <QDir>
#include <QStandardPaths>
class Anime
{
public:
Q_GADGET
Q_PROPERTY(QString title MEMBER title CONSTANT)
Q_PROPERTY(QString description MEMBER description CONSTANT)
Q_PROPERTY(int episodeCount MEMBER episodes CONSTANT)
Q_PROPERTY(int startDay MEMBER startDay CONSTANT)
Q_PROPERTY(int startMonth MEMBER startMonth CONSTANT)
Q_PROPERTY(int startYear MEMBER startYear CONSTANT)
Q_PROPERTY(int endDay MEMBER endDay CONSTANT)
Q_PROPERTY(int endMonth MEMBER endMonth CONSTANT)
Q_PROPERTY(int endYear MEMBER endYear CONSTANT)
Q_PROPERTY(QString imageUrl READ getCoverImageUrl CONSTANT)
Q_PROPERTY(QString cachedImage READ getCachedImagepath CONSTANT)
public:
Anime();
const QString& getTitle() const;
const QString& GetDescription() const;
// Alias for GetDescription()
const QString& GetSynopsis() const;
const QString& getCoverImageUrl() const;
const QString getCachedImagepath() {
static QString path = QDir::homePath() + "/.cache/lali/";
return "file:" + path + FormatName(title);
}
QString FormatName(QString name) {
for (auto& character : name) {
if (!character.isDigit() && !character.isLetter() && !character.isSpace())
character = '_';
}
return name;
}
const QVector<QString>& GetGenres() const;
const QString& GetStatus() const;
int GetEpisodes() const;
int GetStartYear() const;
int GetStartMonth() const;
int GetStartDay() const;
int GetEndYear() const;
int GetEndMonth() const;
int GetEndDay() const;
void SetTitle(const QString& title);
void SetDescription(const QString& description);
void SetCoverImageByUrl(const QString& coverImageUrl);
void SetGenres(const QVector<QString>& genres);
void AddGenre(const QString& genreName);
void SetStatus(const QString& status);
void SetEpisodes(int episodes);
void SetStartYear(int year);
void SetStartMonth(int month);
void SetStartDay(int day);
void SetEndYear(int year);
void SetEndMonth(int month);
void SetEndDay(int day);
// private:
QString title;
QString description;
QString coverImageUrl;
QVector<QString> genres;
QString status;
int episodes;
int startYear, startMonth, startDay;
int endYear, endMonth, endDay;
};
#endif // ANIME_H

6
src/AnimeList.cpp Normal file
View file

@ -0,0 +1,6 @@
#include "AnimeList.h"
AnimeList::AnimeList()
{
}

32
src/AnimeList.h Normal file
View file

@ -0,0 +1,32 @@
#ifndef ANIMELIST_H
#define ANIMELIST_H
#include <QObject>
#include "Anime.h"
class AnimeList
{
Q_GADGET
Q_PROPERTY(QString name MEMBER name CONSTANT);
Q_PROPERTY(QList<Anime> animes MEMBER animes CONSTANT);
public:
explicit AnimeList();
AnimeList(QString name): name(name) {};
AnimeList(QString name, QList<Anime> animes): name(name), animes(animes) {};
void add(const Anime& anime) { animes.push_back(anime); };
void removeByName(const QString& name) {
animes.removeIf([=](Anime anime) { return anime.getTitle() == name; });
}
Q_INVOKABLE void setName(QString name) {
this->name = name;
}
Q_INVOKABLE const QString getName() const { return name; }
Q_INVOKABLE const QList<Anime> getAnimes() const { return animes; }
QString name;
QList<Anime> animes;
};
Q_DECLARE_METATYPE(AnimeList)
#endif // ANIMELIST_H

142
src/App.cpp Normal file
View file

@ -0,0 +1,142 @@
#include "App.h"
App::App(QObject *parent) : QObject(parent)
{
QDir().mkdir(dataPath);
localListRepository = std::make_unique<LocalListRepository>(dataPath);
}
void App::loadLists() {
animeLists = localListRepository->getAll();
emit animeListsChanged();
}
void App::searchAnimes(QString title) {
aniList.SearchAnimes(title, [=](QList<Anime> results) {
searchResults = AnimeList("Search results", results);
emit searchResultChanged();
}, [=](){
qDebug() << "FAILED TO FETCH ANIMES";
});
}
QList<AnimeList> App::getLists() const {
return animeLists;
}
AnimeList App::getSearchResults() const {
return searchResults;
}
void App::addAnimeToList(Anime anime, QString listName) {
auto list = std::find_if(animeLists.begin(), animeLists.end(), [=] (const AnimeList& list) {return list.getName() == listName;});
list->add(anime);
localListRepository->save(animeLists);
refreshImagesCache(*list);
emit animeListsChanged();
};
void App::moveAnimeToList(Anime anime, QString fromListName, QString toListName) {
auto fromList = std::find_if(animeLists.begin(), animeLists.end(), [=] (const AnimeList& list) {return list.getName() == fromListName;});
auto toList = std::find_if(animeLists.begin(), animeLists.end(), [=] (const AnimeList& list) {return list.getName() == toListName;});
toList->add(anime);
fromList->removeByName(anime.getTitle());
localListRepository->save(animeLists);
emit animeListsChanged();
};
void App::removeAnimeFromList(Anime anime, QString listName) {
auto list = std::find_if(animeLists.begin(), animeLists.end(), [=] (const AnimeList& list) {return list.getName() == listName;});
list->removeByName(anime.getTitle());
localListRepository->save(animeLists);
emit animeListsChanged();
};
void App::createList(QString listName) {
auto newList = AnimeList(listName);
animeLists.append(newList);
localListRepository->save(animeLists);
emit animeListsChanged();
}
void App::deleteList(QString listName) {
animeLists.removeIf([&](AnimeList list) {
return list.getName() == listName;
});
localListRepository->save(animeLists);
emit animeListsChanged();
}
void App::importFromAnilist(const QString& userName, const QString& listName, const QString& targetListName) {
importStatus = Status::InProgress;
emit importStatusChanged();
aniList.FetchUserLists(userName, [=](QList<AnimeList> results) {
importStatus = Status::Completed;
emit importStatusChanged();
qDebug() << "SUCCESS";
auto list = std::find_if(results.begin(), results.end(), [=] (const AnimeList& list) {return list.getName() == listName;});
if (list != results.end()) {
qDebug() << "Found list " << listName << " on user " << userName;
AnimeList t(targetListName, list->getAnimes());
animeLists.append(t);
localListRepository->save(animeLists);
emit animeListsChanged();
}
}, [=](){
importStatus = Status::Error;
emit importStatusChanged();
qDebug() << "FAILED";
});
};
QString formatName(QString name) {
for (auto& character : name) {
if (!character.isDigit() && !character.isLetter() && !character.isSpace())
character = '_';
}
return name;
}
void App::refreshImagesCache(AnimeList animeList) {
/*if (!selectedList) {
return;
}*/
for (auto& anime : animeList.getAnimes()) {
const auto path = cachePath + "/" + formatName(anime.title);
if (QFile::exists(path)) {
// qDebug() << path << "already exists";
continue ;
}
QNetworkRequest coverImageRequest;
coverImageRequest.setUrl(QUrl(anime.getCoverImageUrl()));
QNetworkReply* coverImageReply = http.get(coverImageRequest);
connect(coverImageReply, &QNetworkReply::finished, this, [=] {
if (coverImageReply->error()) {
QString answer = coverImageReply->readAll();
std::cout << "Error fetching image!" << std::endl;
std::cout << coverImageReply->errorString().toStdString() << std::endl;
std::cout << coverImageReply->error() << std::endl;
std::cout << answer.toStdString() << std::endl;
return;
}
QByteArray coverImageData = coverImageReply->readAll();
QFile file(path);
if (file.open(QIODevice::WriteOnly)) {
file.write(coverImageData);
file.flush();
file.close();
}
});
}
}
void App::updateList(QString listName, AnimeList listWithUpdate) {
auto list = std::find_if(animeLists.begin(), animeLists.end(), [=] (const AnimeList& list) {return list.getName() == listName;});
if (list == animeLists.end()) {
return ;
}
list->setName(listWithUpdate.getName());
emit animeListsChanged();
localListRepository->save(animeLists);
}

76
src/App.h Normal file
View file

@ -0,0 +1,76 @@
#ifndef APP_H
#define APP_H
#include <QDebug>
#include <QFile>
#include <QJsonArray>
#include <QJsonDocument>
#include <QJsonObject>
#include <QList>
#include <QObject>
#include <QString>
#include <QVariant>
#include <QtNetwork/QNetworkAccessManager>
#include <QtNetwork/QNetworkReply>
#include <QtNetwork/QNetworkRequest>
#include <iostream>
#include <memory>
#include <qqml.h>
#include "AniList.h"
#include "AnimeList.h"
#include "LocalListRepository.h"
#include "Status.h"
class App : public QObject
{
Q_OBJECT
Q_PROPERTY(QList<AnimeList> animeLists READ getLists NOTIFY animeListsChanged);
Q_PROPERTY(AnimeList searchResults READ getSearchResults NOTIFY searchResultChanged);
Q_PROPERTY(Status importStatus MEMBER importStatus NOTIFY importStatusChanged);
QML_ELEMENT
public:
explicit App(QObject *parent = nullptr);
Q_INVOKABLE void loadLists();
Q_INVOKABLE void createList(QString listName);
Q_INVOKABLE void deleteList(QString listName);
Q_INVOKABLE void updateList(QString listName, AnimeList listWithUpdate);
Q_INVOKABLE void addAnimeToList(Anime anime, QString listName);
Q_INVOKABLE void moveAnimeToList(Anime anime, QString fromListName, QString toListName);
Q_INVOKABLE void removeAnimeFromList(Anime anime, QString listName);
Q_INVOKABLE void searchAnimes(QString title);
Q_INVOKABLE void refreshImagesCache(AnimeList animeList);
Q_INVOKABLE void importFromAnilist(const QString &userName,
const QString &listName,
const QString &targetListName);
QList<AnimeList> getLists() const;
AnimeList getSearchResults() const;
private:
std::unique_ptr<LocalListRepository> localListRepository;
AniList aniList;
Status importStatus;
AnimeList searchResults{"Search resulsts"};
QList<AnimeList> animeLists;
QNetworkAccessManager http;
QString dataPath = QDir::homePath() + "/.local/share/lali";
QString cachePath = QDir::homePath() + "/.cache/lali";
signals:
void animeListsChanged();
void searchResultChanged();
void importStatusChanged();
};
#endif // APP_H

85
src/CMakeLists.txt Normal file
View file

@ -0,0 +1,85 @@
set(CMAKE_INCLUDE_CURRENT_DIR ON)
set(CMAKE_AUTOUIC ON)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)
set(CMAKE_CXX_STANDARD 11)
set(CMAKE_CXX_STANDARD_REQUIRED ON)
find_package(QT NAMES Qt6 COMPONENTS Core Quick LinguistTools REQUIRED)
find_package(Qt${QT_VERSION_MAJOR} COMPONENTS Core Quick LinguistTools REQUIRED)
message(PROJECT_SOURCE_DIR="${PROJECT_SOURCE_DIR}")
set(TS_FILES lali_en_US.ts)
set(PROJECT_SOURCES
main.cpp
AnimeList.h
AnimeList.cpp
Anime.h
Anime.cpp
LocalListRepository.h
LocalListRepository.cpp
AniList.h
AniList.cpp
Status.h
qml.qrc
${TS_FILES}
)
if(${QT_VERSION_MAJOR} GREATER_EQUAL 6)
qt_add_executable(lali
MANUAL_FINALIZATION
${PROJECT_SOURCES}
)
# Define target properties for Android with Qt 6 as:
# set_property(TARGET lali APPEND PROPERTY QT_ANDROID_PACKAGE_SOURCE_DIR
# ${CMAKE_CURRENT_SOURCE_DIR}/android)
# For more information, see https://doc.qt.io/qt-6/qt-add-executable.html#target-creation
qt_create_translation(QM_FILES ${CMAKE_SOURCE_DIR} ${TS_FILES})
else()
if(ANDROID)
add_library(lali SHARED
${PROJECT_SOURCES}
)
# Define properties for Android with Qt 5 after find_package() calls as:
# set(ANDROID_PACKAGE_SOURCE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/android")
else()
add_executable(lali
${PROJECT_SOURCES}
)
endif()
qt5_create_translation(QM_FILES ${CMAKE_SOURCE_DIR} ${TS_FILES})
endif()
qt_add_qml_module(lali
URI Lali.App
VERSION 1.0
SOURCES
App.h
App.cpp
)
target_include_directories(lali PRIVATE src)
target_compile_definitions(lali
PRIVATE $<$<OR:$<CONFIG:Debug>,$<CONFIG:RelWithDebInfo>>:QT_QML_DEBUG>)
target_link_libraries(lali
PRIVATE Qt${QT_VERSION_MAJOR}::Core Qt${QT_VERSION_MAJOR}::Quick)
set_target_properties(lali PROPERTIES
MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
)
if(QT_VERSION_MAJOR EQUAL 6)
qt_import_qml_plugins(lali)
qt_finalize_executable(lali)
endif()

130
src/LocalListRepository.cpp Normal file
View file

@ -0,0 +1,130 @@
#include <QObject>
#include <QString>
#include <QDebug>
#include <iostream>
#include <QFile>
#include <QJsonDocument>
#include <QJsonObject>
#include <QJsonArray>
#include <QVariant>
#include <qqml.h>
#include "LocalListRepository.h"
QList<AnimeList> LocalListRepository::getAll() {
if (cachedLists.empty()) {
cachedLists = loadLists();
}
return cachedLists;
}
void LocalListRepository::save(QList<AnimeList> lists) {
cachedLists = lists;
QJsonArray listsJson;
for (const AnimeList& list : lists) {
QJsonArray animesJson;
for (const auto& anime : list.animes) {
QJsonObject animeJson;
animeJson["title"] = anime.getTitle();
animeJson["description"] = anime.GetDescription();
animeJson["coverImageUrl"] = anime.getCoverImageUrl();
animeJson["episodes"] = anime.GetEpisodes();
animeJson["status"] = anime.GetStatus();
QJsonArray genresJson;
for (const QString& genreName : anime.GetGenres()) {
genresJson.append(genreName);
}
QJsonObject startDate;
startDate["year"] = anime.GetStartYear();
startDate["month"] = anime.GetStartMonth();
startDate["day"] = anime.GetStartDay();
QJsonObject endDate;
endDate["year"] = anime.GetEndYear();
endDate["month"] = anime.GetEndMonth();
endDate["day"] = anime.GetEndDay();
animeJson["genres"] = genresJson;
animeJson["startDate"] = startDate;
animeJson["endDate"] = endDate;
animesJson.append(animeJson);
}
QJsonObject listJson;
listJson["name"] = list.name;
listJson["animes"] = animesJson;
listsJson.append(listJson);
}
QJsonObject saveJson;
saveJson.insert("lists", listsJson);
QFile saveFile(dataPath + "/save.json");
if (!saveFile.open(QIODevice::WriteOnly)) {
qWarning("Couldn't save the lists");
return ;
}
saveFile.write(QJsonDocument(saveJson).toJson());
saveFile.close();
}
QList<AnimeList> LocalListRepository::loadLists() {
QFile loadFile(dataPath + "/save.json");
if (!loadFile.open(QIODevice::ReadOnly)) {
qWarning() << "Couldn't find existing save at " << dataPath + "/save.json";
}
QByteArray loadData = loadFile.readAll();
QJsonObject json = QJsonDocument::fromJson(loadData).object();
loadFile.close();
QList<AnimeList> lists;
auto listsJson = json["lists"].toArray();
for (auto listJson : listsJson) {
AnimeList list(listJson.toObject()["name"].toString());
auto animesJson = listJson.toObject()["animes"].toArray();
for (int i = 0; i < animesJson.count(); ++i) {
Anime anime ;
anime.SetTitle(animesJson[i].toObject()["title"].toString());
anime.SetDescription(animesJson[i].toObject()["description"].toString());
anime.SetCoverImageByUrl(animesJson[i].toObject()["coverImageUrl"].toString());
anime.SetStatus(animesJson[i].toObject()["status"].toString());
anime.SetEpisodes(animesJson[i].toObject()["episodes"].toInt());
auto genresJson = animesJson[i].toObject()["genres"].toArray();
for (auto genreJson : genresJson) {
anime.AddGenre(genreJson.toString());
}
anime.SetStartYear(animesJson[i].toObject()["startDate"].toObject()["year"].toInt());
anime.SetStartMonth(animesJson[i].toObject()["startDate"].toObject()["month"].toInt());
anime.SetStartDay(animesJson[i].toObject()["startDate"].toObject()["day"].toInt());
anime.SetEndYear(animesJson[i].toObject()["endDate"].toObject()["year"].toInt());
anime.SetEndMonth(animesJson[i].toObject()["endDate"].toObject()["month"].toInt());
anime.SetEndDay(animesJson[i].toObject()["endDate"].toObject()["day"].toInt());
list.add(anime);
}
lists.push_back(list);
}
if (lists.isEmpty())
lists.push_back(AnimeList("Watched"));
return lists;
}

25
src/LocalListRepository.h Normal file
View file

@ -0,0 +1,25 @@
#ifndef LOCALLISTREPOSITORY_H
#define LOCALLISTREPOSITORY_H
#include <QObject>
#include <QList>
#include "AnimeList.h"
class LocalListRepository : public QObject
{
Q_OBJECT
public:
explicit LocalListRepository(const QString& dataPath, QObject *parent = nullptr) : QObject{parent}, dataPath(dataPath) {};
QList<AnimeList> getAll();
void save(QList<AnimeList> lists); // Save everything for the moment
private:
QString dataPath;
QList<AnimeList> loadLists();
QList<AnimeList> cachedLists;
};
#endif // LOCALLISTREPOSITORY_H

21
src/Status.h Normal file
View file

@ -0,0 +1,21 @@
#ifndef STATUS_H
#define STATUS_H
#include "QObject"
class StatusClass
{
Q_GADGET
public:
enum States {
None, InProgress, Error, Completed
};
Q_ENUM(States)
};
using Status = StatusClass::States;
Q_DECLARE_METATYPE(StatusClass);
#endif // STATUS_H

3
src/lali_en_US.ts Normal file
View file

@ -0,0 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE TS>
<TS version="2.1" language="en_US"></TS>

43
src/main.cpp Normal file
View file

@ -0,0 +1,43 @@
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QLocale>
#include <QTranslator>
#include <QQmlContext>
#include "App.h"
int main(int argc, char *argv[])
{
#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif
QGuiApplication app(argc, argv);
QTranslator translator;
const QStringList uiLanguages = QLocale::system().uiLanguages();
for (const QString &locale : uiLanguages) {
const QString baseName = "lali_" + QLocale(locale).name();
if (translator.load(":/i18n/" + baseName)) {
app.installTranslator(&translator);
break;
}
}
qmlRegisterType<AnimeList>("Lali.Types", 1, 0, "AnimeList");
qmlRegisterType<Anime>("Lali.Types", 1, 0, "Anime");
qmlRegisterType<StatusClass>("Lali.Types", 1, 0, "Status");
QQmlApplicationEngine engine;
App *backend = new App();
engine.rootContext()->setContextProperty("_app", backend);
const QUrl url(QStringLiteral("qrc:/qml/main.qml"));
QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
&app, [url](QObject *obj, const QUrl &objUrl) {
if (!obj && url == objUrl)
QCoreApplication::exit(-1);
}, Qt::QueuedConnection);
engine.load(url);
return app.exec();
}

21
src/qml.qrc Normal file
View file

@ -0,0 +1,21 @@
<RCC>
<qresource prefix="/">
<file>qml/components/SideBarButton.qml</file>
<file>qml/components/AnimeCard.qml</file>
<file>qml/components/AnimeList.qml</file>
<file>qml/components/TextField.qml</file>
<file>qml/views/ListsView.qml</file>
<file>qml/views/SearchView.qml</file>
<file>qml/components/AnimeInfo.qml</file>
<file>qml/images/lists.svg</file>
<file>qml/images/search.svg</file>
<file>qml/main.qml</file>
<file>qml/components/Button.qml</file>
<file>qml/images/import.svg</file>
<file>qml/views/ListForm.qml</file>
<file>qml/images/settings.svg</file>
<file>qml/images/add.svg</file>
<file>qml/components/Modal.qml</file>
<file>qml/components/HorizontalSpacer.qml</file>
</qresource>
</RCC>

View file

@ -0,0 +1,64 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Qt5Compat.GraphicalEffects
Rectangle {
property var anime
property var title: anime.title
property var imageUrl: anime.imageUrl
property var cachedImagePath: anime.cachedImage
property bool cachedImageFound: true
property int imageWidth: (grid.width / grid.columns) - ((grid.columnSpacing * grid.columns) / grid.columns)
Layout.preferredWidth: imageWidth
Layout.preferredHeight: imageWidth * 1.5 + 64
radius: 16
color: "transparent"
ColumnLayout {
Image {
Layout.alignment: Qt.AlignTop
Layout.preferredWidth: parent.parent.width
Layout.preferredHeight: parent.parent.height - 64
fillMode: Image.PreserveAspectCrop
asynchronous: true
source: cachedImagePath
signal failedToLoad
onStatusChanged: {
if (status === Image.Error && cachedImageFound === true) {
source = imageUrl
cachedImageFound = false
}
}
layer.enabled: true
layer.effect: OpacityMask {
maskSource: mask
}
}
Text {
Layout.alignment: Qt.AlignTop
Layout.preferredWidth: parent.parent.width
text: title || "[Missing title]"
wrapMode: Text.Wrap
color: "white"
font.pixelSize: 16
font.bold: true
}
Rectangle {
id: mask
width: 500
height: 500
radius: 16
visible: false
}
}
}

View file

@ -0,0 +1,92 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Qt5Compat.GraphicalEffects
import Lali.Types
ColumnLayout {
property Anime anime
anchors.fill: parent
Layout.alignment: Qt.AlignTop
onAnimeChanged: {
image.source = anime.cachedImage
}
RowLayout {
Layout.alignment: Qt.AlignTop
Image {
id: image
property bool cachedImageFound: true
Layout.alignment: Qt.AlignTop | Qt.AlignLeft
Layout.preferredHeight: 128 * 1.5
Layout.preferredWidth: 128
fillMode: Image.PreserveAspectCrop
asynchronous: true
source: anime.cachedImage
signal failedToLoad
onStatusChanged: {
if (status === Image.Error && cachedImageFound === true) {
source = anime?.imageUrl
cachedImageFound = false
}
}
layer.enabled: true
layer.effect: OpacityMask {
maskSource: mask
}
Rectangle {
id: mask
width: 128
height: 128
radius: 8
visible: false
}
}
ColumnLayout {
Layout.fillWidth: true
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
Layout.leftMargin: 16
spacing: 32
// Missing status and genres
Label {
Layout.fillWidth: true
Layout.alignment: Qt.AlignTop
text: anime?.title || "[Missing title]"
wrapMode: Text.Wrap
color: "white"
font.pixelSize: 24
font.bold: true
}
Label {
Layout.fillWidth: true
Layout.alignment: Qt.AlignTop
text: `${anime?.startDay}/${anime?.startMonth}/${anime?.startYear} - ${anime?.endDay}/${anime?.endMonth}/${anime?.endYear}\n${anime?.episodeCount} episode${anime?.episodeCount > 1 ? "s" : ""}`
wrapMode: Text.Wrap
color: "white"
}
}
}
Item { implicitHeight: 16 }
Label {
Layout.fillWidth: true
Layout.alignment: Qt.AlignTop
text: anime?.description || "[No description given]"
wrapMode: Text.Wrap
color: "white"
}
}

View file

@ -0,0 +1,132 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Lali.Types
import "../components" as Components
ScrollView {
id: scroller
property AnimeList list
property Anime selectedAnime
property string filterByTitle
anchors.fill: parent
clip : true
ScrollBar.vertical.policy: ScrollBar.AlwaysOn
contentHeight: grid.height
Rectangle {
anchors.fill: parent
anchors.margins: 16
color: "transparent"
GridLayout {
property int animeCardWidth: 256 // Yes, this is an arbitrary number, "because it looks good on my computer"
id: grid
columns: grid.width / animeCardWidth
rows: 300
width: parent.width
columnSpacing: 32
rowSpacing: 32
Repeater {
model: {
if (!list)
return ;
if (filterByTitle) {
return list.animes.filter(anime => anime.title.toLowerCase().includes(filterByTitle.toLowerCase()))
}
return list.animes
}
AnimeCard {
anime: modelData
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.LeftButton | Qt.RightButton
cursorShape: Qt.PointingHandCursor
onClicked: (mouse) => {
selectedAnime = modelData
if (mouse.button === Qt.LeftButton) {
animeInfo.open()
} else if (mouse.button === Qt.RightButton) {
contextMenu.popup()
}
}
}
}
}
// Autofill blanks
Repeater {
model: {
if (!list) {
return []
}
let blanks = []
for (let i = list.animes.length; i < grid.columns; i++) {
blanks.push(null)
}
return blanks
}
Rectangle {
width: grid.animeCardWidth
}
}
}
}
Components.Modal {
id: animeInfo
width: root.width * 0.75
x: (root.width - width) / 2
y: 128
AnimeInfo {
anime: selectedAnime
}
}
Menu {
id: contextMenu
Menu {
title: "Add to list"
Repeater {
model: _app.animeLists.map(x => x.getName())
MenuItem {
text: modelData
onClicked: {
_app.addAnimeToList(selectedAnime, modelData)
}
}
}
}
Menu {
title: "Move to list"
Repeater {
model: _app.animeLists.map(x => x.getName())
MenuItem {
text: modelData
onClicked: {
_app.moveAnimeToList(selectedAnime, list.name, modelData)
}
}
}
}
MenuItem {
text: "Remove from list"
onClicked: {
_app.removeAnimeFromList(selectedAnime, list.name)
}
}
}
}

View file

@ -0,0 +1,29 @@
import QtQuick
import QtQuick.Controls as QtQuick
QtQuick.Button {
property string textColor: "white"
property string bgColor: "#666666"
text: "Delete"
implicitHeight: 32
contentItem: Text {
text: parent.text
font: parent.font
color: textColor
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
background: Rectangle {
implicitWidth: 100
implicitHeight: 40
color: bgColor
radius: 4
}
HoverHandler {
cursorShape: Qt.PointingHandCursor
}
}

View file

@ -0,0 +1,6 @@
import QtQuick
Rectangle {
height: 16
color: "transparent"
}

View file

@ -0,0 +1,16 @@
import QtQuick
import QtQuick.Controls
Dialog {
parent: root.contentItem
modal: true
width: root.width * 0.75
x: (root.width - width) / 2
y: 128
padding: 16
background: Rectangle {
color: "#222222"
radius: 16
}
}

View file

@ -0,0 +1,54 @@
import QtQuick
import QtQuick.Controls
Rectangle {
id: button
property string text
property string image
property bool selected
signal clicked
color: ma.hovered || selected ? "#444444" : "transparent"
radius: 8
Image {
// anchors.fill: parent
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 8
sourceSize.width: 48
sourceSize.height: 48
fillMode: Image.PreserveAspectFit
source: image
}
MouseArea {
id: ma
property bool hovered: false
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: {
button.clicked();
}
hoverEnabled: true
onEntered: {
hovered = true
}
onExited: {
hovered = false
}
}
Text {
anchors.bottom: parent.bottom
anchors.bottomMargin: 8
anchors.horizontalCenter: parent.horizontalCenter
text: button.text
color: "#AAAAAA"
font.pixelSize: 14
}
}

View file

@ -0,0 +1,12 @@
import QtQuick
import QtQuick.Controls as QtQuick
QtQuick.TextField {
property string textColor: "white"
property string bgColor: "#494949"
color : textColor
background: Rectangle {
color: bgColor
radius: 4
}
}

3
src/qml/images/add.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#AAFFAA" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>

After

Width:  |  Height:  |  Size: 241 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#AAAAAA" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M7.5 7.5h-.75A2.25 2.25 0 004.5 9.75v7.5a2.25 2.25 0 002.25 2.25h7.5a2.25 2.25 0 002.25-2.25v-7.5a2.25 2.25 0 00-2.25-2.25h-.75m-6 3.75l3 3m0 0l3-3m-3 3V1.5m6 9h.75a2.25 2.25 0 012.25 2.25v7.5a2.25 2.25 0 01-2.25 2.25h-7.5a2.25 2.25 0 01-2.25-2.25v-.75" />
</svg>

After

Width:  |  Height:  |  Size: 447 B

3
src/qml/images/lists.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#AAAAAA" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
</svg>

After

Width:  |  Height:  |  Size: 463 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#AAAAAA" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg>

After

Width:  |  Height:  |  Size: 269 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#AAAAAA" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

176
src/qml/main.qml Normal file
View file

@ -0,0 +1,176 @@
import QtQuick
import QtQuick.Window
import QtQuick.Controls
import QtQuick.Layouts
import Lali.App
import Lali.Types
import "views"
import "components" as Components
Window {
id: root
width: 640
height: 480
visible: true
title: qsTr("Lali")
color: "#444444"
Component.onCompleted: {
_app.loadLists()
}
property string currentPage: "lists"
RowLayout {
anchors.fill: parent
spacing: 0
Rectangle {
Layout.alignment: Qt.AlignLeft
color: "#333333"
Layout.preferredHeight: parent.height
Layout.preferredWidth: 96
ColumnLayout {
anchors.fill: parent
anchors.topMargin: 32
anchors.bottomMargin: 16
spacing: 32
Components.SideBarButton {
Layout.preferredHeight: 84
Layout.preferredWidth: 64
Layout.alignment: Qt.AlignCenter | Qt.AlignTop
text: "Lists"
image: "/qml/images/lists.svg"
onClicked: {
currentPage = "lists"
}
selected: currentPage == "lists"
}
Components.SideBarButton {
Layout.preferredHeight: 84
Layout.preferredWidth: 64
Layout.alignment: Qt.AlignCenter | Qt.AlignTop
text: "Search"
image: "/qml/images/search.svg"
onClicked: {
currentPage = "search"
}
selected: currentPage == "search"
}
Item { Layout.fillHeight: true }
Components.SideBarButton {
Layout.preferredHeight: 84
Layout.preferredWidth: 64
Layout.alignment: Qt.AlignCenter | Qt.AlignTop
text: "Import"
image: "/qml/images/import.svg"
onClicked: {
pickList.open()
}
}
Components.Modal {
id: pickList
Connections {
target: _app
function onImportStatusChanged() {
if (_app.importStatus === Status.Completed) {
pickList.close();
_app.importStatus = NONE;
}
}
}
ColumnLayout {
Label {
text: "This is a small experimental utility to import your lists from AniList."
}
Label {
text: "AniList user name:"
}
Components.TextField {
id: anilistUserName
Layout.preferredWidth: 200
Layout.preferredHeight: 32
}
Label {
text: "AniList list name:"
}
Components.TextField {
id: anilistListName
Layout.preferredWidth: 200
Layout.preferredHeight: 32
}
Label {
text: "New local list name:"
}
Components.TextField {
id: targetListName
Layout.preferredWidth: 200
Layout.preferredHeight: 32
}
Components.HorizontalSpacer { height: 16 }
Components.Button {
enabled: _app.importStatus !== Status.InProgress
text: _app.importStatus !== Status.InProgress ? "Import" : "Importing..."
onClicked: {
_app.importFromAnilist(anilistUserName.text, anilistListName.text, targetListName.text);
}
}
}
}
}
}
ColumnLayout {
Layout.alignment: Qt.AlignLeft
Rectangle {
visible: currentPage === "lists"
enabled: currentPage === "lists"
Layout.alignment: Qt.AlignTop
Layout.fillHeight: true
Layout.fillWidth: true
color: "transparent"
ListsView {
}
}
Rectangle {
visible: currentPage === "search"
enabled: currentPage === "search"
Layout.alignment: Qt.AlignTop
Layout.fillHeight: true
Layout.fillWidth: true
color: "transparent"
SearchView {
}
}
}
}
}

View file

@ -0,0 +1,71 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Lali.Types
import "../components" as Components
ColumnLayout {
property AnimeList list
property var closeForm
signal save(AnimeList list)
signal deleteList
function reload(listToLoad) {
list = listToLoad
listName.text = list.name
}
Label {
text: "Name"
}
Components.TextField {
id: listName
Layout.preferredWidth: 200
Layout.preferredHeight: 32
}
Rectangle {
Layout.fillWidth: true
height: 16
color: "transparent"
}
Components.Button {
id: saveButton
text: "Save"
bgColor: "green"
onClicked: {
let oldName = list.name
list.setName(listName.text)
_app.updateList(oldName, list)
parent.save(list)
}
}
Components.HorizontalSpacer { height: 16 }
Label {
text: "Danger zone"
color: "red"
}
Rectangle {
Layout.fillWidth: true
height: 1
color: "red"
}
Components.Button {
text: "DELETE LIST"
textColor: "white"
bgColor: "red"
onClicked: {
parent.deleteList()
}
}
}

295
src/qml/views/ListsView.qml Normal file
View file

@ -0,0 +1,295 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Lali.Types
import "../components" as Components
RowLayout {
id: animeListsView
property var lists: _app.animeLists
property AnimeList selectedList: _app.animelists[0]
property int selectedListIndex: 0
property string filterByTitle
anchors.fill: parent
Connections {
target: _app
function onAnimeListsChanged() {
if (animeListsView.selectedListIndex >= _app.animeLists.length) {
animeListsView.selectedListIndex = 0
animeListsView.selectedList = _app.animeLists[0]
return
}
animeListsView.selectedList = _app.animeLists[selectedListIndex]
}
}
Rectangle {
color: "#3a3a3a"
implicitWidth: 256
implicitHeight: parent.height
ColumnLayout {
anchors.fill: parent
anchors.margins: 8
RowLayout {
Layout.topMargin: 16
Layout.bottomMargin: 16
Label {
text: "Lists"
font.pixelSize: 24
}
Item { Layout.fillWidth: true }
Image {
sourceSize.width: 24
sourceSize.height: 24
fillMode: Image.PreserveAspectFit
source: "/qml/images/add.svg"
MouseArea {
property bool hovered: false
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: {
newListNameDialog.open();
}
}
}
}
Repeater {
model: lists.map(x => x.getName())
Rectangle {
id: button
property string text: modelData
property bool selected: modelData === animeListsView.selectedList.getName()
signal clicked
Layout.alignment: Qt.AlignTop
color: ma.hovered || selected ? "#444444" : "transparent"
radius: 8
implicitHeight: 32
implicitWidth: parent.width
MouseArea {
id: ma
property bool hovered: false
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: {
animeListsView.selectedList = lists[index]
animeListsView.selectedListIndex = index
button.clicked();
}
hoverEnabled: true
onEntered: {
hovered = true
}
onExited: {
hovered = false
}
}
Text {
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.leftMargin: 8
text: button.text
color: "#CCCCCC"
font.pixelSize: 14
}
}
}
Item { Layout.fillHeight: true }
}
}
ColumnLayout {
RowLayout {
Layout.alignment: Qt.AlignTop
Layout.margins: 16
Layout.bottomMargin: 0
Label {
Layout.alignment: Qt.AlignTop
text: `${animeListsView.selectedList.name}`
color: "white"
font.pixelSize: 24
}
Item { Layout.fillWidth: true }
Image {
sourceSize.width: 24
sourceSize.height: 24
fillMode: Image.PreserveAspectFit
source: "/qml/images/settings.svg"
MouseArea {
property bool hovered: false
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: {
listEditForm.setListToEdit(animeListsView.selectedList)
listEditForm.open();
}
}
}
}
Label {
Layout.alignment: Qt.AlignTop
Layout.margins: 16
Layout.topMargin: 0
Layout.bottomMargin: 0
text: `${animeListsView.selectedList.getAnimes().length} anime(s)`
color: "white"
font.pixelSize: 16
}
Components.TextField {
id: searchString
placeholderText: "Filter by title..."
placeholderTextColor: "#6f6f6f"
bgColor: "#595959"
Layout.preferredWidth: 256
Layout.preferredHeight: 32
Layout.margins: 16
Layout.bottomMargin: 8
onEditingFinished: {
animeListsView.filterByTitle = searchString.text
}
onTextChanged: {
timer.restart()
}
Timer {
id: timer
interval: 1000; running: false; repeat: false
onTriggered: animeListsView.filterByTitle = searchString.text
}
}
Rectangle {
color: "#525252"
height: 1
Layout.fillWidth: true
Layout.leftMargin: 16
Layout.rightMargin: 16
}
Rectangle {
Layout.alignment: Qt.AlignTop
Layout.fillHeight: true
Layout.fillWidth: true
color: "transparent"
Components.AnimeList {
list: animeListsView.selectedList
filterByTitle: animeListsView.filterByTitle
}
}
}
Components.Modal {
id: newListNameDialog
ColumnLayout {
Label {
text: "New list name:"
}
Components.TextField {
id: newListName
Layout.preferredWidth: 200
Layout.preferredHeight: 32
}
Components.Button {
text: "Create"
onClicked: {
_app.createList(newListName.text);
newListNameDialog.close();
}
}
}
}
Components.Modal {
id: listEditForm
function setListToEdit (list) {
listForm.reload(list)
}
ListForm {
id: listForm
onSave: function (list) {
listEditForm.close()
}
onDeleteList: {
listEditForm.close()
deleteConfirmation.open()
}
}
}
Components.Modal {
id: deleteConfirmation
ColumnLayout {
Label {
text: "Do you really want to delete this list ?"
}
Components.Button {
text: "Yes"
onClicked: {
_app.deleteList(animeListsView.selectedList.getName());
deleteConfirmation.close();
}
contentItem: Text {
text: parent.text
font: parent.font
color: "#ff0000"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
}
Components.Button {
text: "No"
onClicked: {
deleteConfirmation.close();
}
contentItem: Text {
text: parent.text
font: parent.font
color: "#00ff00"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
}
}
}
}

View file

@ -0,0 +1,45 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import "../components" as Components
ColumnLayout {
anchors.fill: parent
RowLayout {
Layout.alignment: Qt.AlignTop
Layout.margins: 16
Components.TextField {
id: searchString
placeholderText: "Enter an anime title..."
placeholderTextColor: "#6f6f6f"
bgColor: "#595959"
Layout.preferredWidth: 256
Layout.preferredHeight: 32
onEditingFinished: {
_app.searchAnimes(searchString.text);
}
}
Components.Button {
text: "Search"
onClicked: {
_app.searchAnimes(searchString.text);
}
}
}
Rectangle {
Layout.alignment: Qt.AlignTop
Layout.fillHeight: true
Layout.fillWidth: true
color: "transparent"
Components.AnimeList {
list: _app.searchResults
}
}
}