Skip to content
Permalink
Browse files

Release 1.8

Chrome version available
Updated MyAnimeList modal
Updated Options page
Use Class instead of global functions
See changelog.md for full changelog
  • Loading branch information...
Glagan committed Oct 19, 2018
1 parent 1d9450e commit e92252590ee6ee99e57da41e3fedcb0fb48232fb
@@ -0,0 +1,28 @@
{
"parserOptions": {
"ecmaVersion": 8
},
"env": {
"browser": true,
"es6": true
},
"extends": "eslint:recommended",
"rules": {
"indent": [
"error",
4
],
"linebreak-style": [
"error",
"unix"
],
"quotes": [
"error",
"double"
],
"semi": [
"error",
"always"
]
}
}
@@ -1,32 +1,9 @@
# ---> VisualStudioCode
.settings


# ---> SublimeText
# cache files for sublime text
*.tmlanguage.cache
*.tmPreferences.cache
*.stTheme.cache

# workspace files are user-specific
*.sublime-workspace

# project files should be checked into the repository, unless a significant
# proportion of contributors will probably not be using SublimeText
# *.sublime-project

# sftp configuration file
sftp-config.json

node_modules
.eslintrc.js
package.json
.old
.jshintrc
.vscode

# Firefox extension
web-ext-artifacts
export.json
legacy_code.md

.docs
mini_doc.md
# File save
export.json
@@ -1,39 +1,30 @@
# MyMangaDex

![Follow page Screenshot](screenshot.png)
Firefox WebExtension that synchronize what you read on MangaDex.org to your MyAnimeList.net manga list.
![Follow page Screenshot](screenshots/follow.png)
Firefox and Chrome extension that synchronize what you read on MangaDex.org to your MyAnimeList.net manga list.

## Why

Updating your manga one by one, by hand, when you have hundreds of them and read a lot of them each day is a long, tiring task...

## How to Install

You can install it from the [Firefox add-ons site](https://addons.mozilla.org/fr/firefox/addon/mymangadex/).
You can install it from the [Google Chrome Web Store](https://google.com) or the [Firefox add-ons site](https://addons.mozilla.org/fr/firefox/addon/mymangadex/).

You can also install the extension from this repository, but the extension **will** be uninstalled when Firefox is closed and the data **could** be deleted at the same time.
## Requirements

1. Be sure that the version from the Firefox add-ons site is not installed (don't know what it would do, maybe just won't work)
2. Clone the repo
3. Go to [about:debugging](about:debugging)
4. Click "Load a temporary module"
5. Select any file of the cloned repo.
6. Done !

Works best with the MangaDex dark theme !
You have to be logged on MyAnimeList or your list won't be updated, since the extension load pages and send requests like **you** would do, no credentials are stored in the extension.
You don't have to be logged on MangaDex but you can't access your followed manga without an account.

## How to use

You have to be logged on MyAnimeList or your list won't be updated, since the extension load pages and send requests like **you** would do, and no credentials is stored in the extension.
You don't have to be logged on MangaDex but you can't access some really useful pages of MangaDex without an account.
Once the extension is installed, you have nothing to do!
Start reading manga and the extension will update them automatically.

Once you have it installed, you have nothing to do!
Start reading manga and the add-on will track them automatically.

If you have a lot of manga, or if you're coming from another site and want to set your follow page up-to-date, you can use the **Import (MAL)** button on the **Follow Page** that will update the last open of all followed manga if they have a MyAnimeList entry.
If you have a lot of manga, or if you're coming from another site and want to set your follow page up-to-date, you can use the **Import (MAL)** in the options that will update the last open of all followed manga on MangaDex if they have a MyAnimeList entry.
The import *could* be long if you have a lot of manga in your list, don't leave the page until it ends.

## Data Stored
## Data stored

I only store the least possible data:

@@ -42,44 +33,56 @@ I only store the least possible data:
* A list of all opened chapters for each manga
* The list of options used to customize colors and other parameters

You can disable the option to save all opened chapters, and all of the data can be easily exported using the **Export (MMD)** on the **Follow page**.
You can disable the option to save all opened chapters, and all of the data can be easily exported using the **Export (MMD)** in the options.

## Features

MyMangaDex improve the following pages:

### List pages
MyMangaDex also improve some pages:

Any page with a chapters list have the following improvements:
### Follow page

* Display the thumbnail of the manga when hovering
* Only when one isn't available natively (so only when the list is in *simple-mode* display)
* Highlight last read chapters
* Remove or paint old chapters from the list.
Tooltips with a thumbnail of the manga and a list of the last 5 opened chapters are added to each title in the list.
Old chapter are also hidden, or highlighted, and your last opened chapters are highlighted. You can change the paint color for both of these.

### Manga page

* Show some informations about the manga entry on MyAnimeList if it exists
* Highlight your last read chapter and all opened chapters
* Start Reading the manga or add it to your Plan to Read list
* Add a MyAnimeList id if there isn't one
Some useful informations about your status on MyAnimeList are displayed, a modal is added to easily update all informations of the entry.
A set of buttons is also added, those buttons are shortcut to common actions, Starting a manga, adding it to your Plan to Read list or Re-reading it.
All chapters you opened and the last read chapter are also highlighted in the chapter list. You can change the color in the option.

> The modal isn't available on Chrome for now.
### Chapter page

* Automatically update the MyAnimeList manga entry to the current chapter number if it's the highest
* If it's the first chapter, the start date is set to today and the status is set to "Reading"
* If it's the last chapter, the finish date is set to today and the status is set to "Completed"
* If the manga was in re-read mode, it is set as completed again and the re-read amount is incremented
* Avoid updating the chapter on MyAnimeList if the chapter is delayed by the group
Apart from the automatic MyAnimeList update, the same modal of the Manga page is added, to easily update all informations of an entry.
The extension can also automatically update your MangaDexList when required, for example when you start reading a manga or when you complete it... This option is disabled by default, you need to enable it in the options.

### MAL Import

The import from MAL feature set the last read chapter of every manga you follow on MangaDex using your MyAnimeList data.

### MDList update
## Debug installation

You can also install the extension from this repository, but the extension **will** be uninstalled when Firefox is closed and the data **could** be deleted at the same time, Chrome will keep the extension installed.

Options is off by default.
When starting or completing a manga, the status of the manga will be updated to "Reading" or "Completed".
### Firefox

1. Be sure that the version from the Firefox add-ons site is not installed (don't know what it would do, maybe it just won't work)
2. Clone the repo
3. Go to [about:debugging](about:debugging)
4. Click *Load a temporary module*
5. Select any file of the cloned repo.
6. Done !

### Chrome

1. Make sure it isn't already installed
2. Clone the repo
3. Go to [chrome://extensions/](chrome://extensions/)
4. Activate *Developper Mode* on the top right
5. Click *Load Unpacked*
6. Select the **MyMangaDex** folder
7. Done !

## Useful links

@@ -1,5 +1,29 @@
# Changelog

<<<<<<< HEAD
## 1.8

* Chrome version
* Added more MangaDex list status update
* When Re-reading, Adding to Plan to Read, Adding on hold or dropping
* Minify bash script
* Updated MyAnimeList Modal
* Follow the MangaDex style and use bootstrap classes
* Now update all displayed values when updating them
* Tooltips are now correctly displayed when resizing the window
* Chapters with floating point are correctly saved in chapters list
* Converted Promise to async/await
* Minimum required version is now Firefox 61
* Option page once again reworked
* Updated default colors
* Updated README and better screenshots
* Converted to camelCase
* Linebreak is now LF
* Removed the form to add a MyAnimeList ID
* Removed the merge option when importing MyMangaDex save

=======
>>>>>>> 1d9450e071e764e037f5fa5fdf315de729db087c
## 1.7.2
* Fix the Random page of MangaDex
@@ -9,9 +9,10 @@
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 4px;
overflow: hidden;
background-color: #2e3338;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.2s ease-in;
color: #fff;
}

.mmd-loading {
@@ -31,118 +32,7 @@
padding: 4px;
}

.mmd-saved {
background-color: rgb(0, 102, 0) !important;
}

.mmd-ptr {
background-color: rgb(91, 192, 222) !important;
}

.mmd-not-saved {
background-color: firebrick !important;
}

#mmd-modal-container {
background-color :rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 8;
overflow: hidden;
font-family: 'Ubuntu', sans-serif;
}

#mmd-modal {
position: fixed;
top: 20%;
width: 60%;
left: 20%;
bottom: 20%;
margin: auto;
background-color: transparent;
z-index: 9;
color: #999;
max-height: 60%;
}

.mmd-opening {
opacity: 1;
animation-name: mmd-animatedown;
animation-duration: 0.5s;
}


#mmd-modal .mmd-close-button {
position: absolute;
display: inline-block;
top: 0;
right: 0;
font-size: 28px;
font-weight: bold;
color: firebrick;
background-color: white;
border-top-right-radius: 4px;
padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.6);
transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

#mmd-modal .mmd-close-button:hover {
background-color: firebrick;
color: white;
cursor: pointer;
user-select: none;
}

#mmd-modal h1 {
background-color: #3e444c;
color: #c8c8c8;
border: 1px solid rgba(0, 0, 0, 0.6);
padding: 10px 15px;
margin: 0;
border-radius: 4px 4px 0 0;
font-size: 2.2rem;
}

#mmd-modal .mmd-content {
overflow: auto;
border: 0;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
background: #2e3338;
border-left: 1px solid rgba(0, 0, 0, 0.6);
border-right: 1px solid rgba(0, 0, 0, 0.6);
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 0 0 4px 4px;
box-shadow: 0 0 2px black;
}

#mmd-modal .mmd-content td {
padding: 7px;
}

#mmd-moda .mmd-content tr td:nth-child(1) {
width: 130px;
}

.mmd-half {
width: 50%;
display: inline-block;
}

.mmd-save {
float: right;
position: sticky;
top: 10px;
right: 10px;
}

@keyframes mmd-animatedown {
from {top: -300px; opacity: 0}
to {top: 20%; opacity: 1}
}
Oops, something went wrong.

0 comments on commit e922525

Please sign in to comment.
You can’t perform that action at this time.