- General
-
Ideas
Comixology Theme V2 finally released!
It's been a long time coming, but I've finally got the new version of my theme in a form I feel comfortable to release.
It's a massive overhaul from the last version, with a lot of style/feature upgrades. The top-page navigation is all added via jQuery, so it persists across pages. The below text (Comics > Publishers, etc), if not on a folder-info.htm page, is generated on-the-fly.
Here is the page with the new theme, an updated PageBuilder if you're using it from the previous theme, and some example series and story arc pages (the story arc example supports George Baker's json.cbr files).
Here is an album of how it currently looks.
I'm linking rather than embedding since I won't be able to edit this post later. I'll keep the Github page updated with new features and the album with new images. My goal is to also use the Github wiki to demonstrate how to configure all the extra features.
All theme settings are saved in the themeScript.js, though it should work fine without changing anything. Enjoy!
Customer support service by UserEcho
Hello, I just found this theme and I am trying to get it to work.
If I enable it and visit it via IP:Port/Comics it seems to work (though alot of pages take ages to load if at all with a white screen and a black circle on it)
However via a nginx proxy nothing works - reset the theme to normal and it works fine.
my proxy is set as
location /comics/ { proxy_pass http://IP:2202; proxy_set_header Host $host;tried with and without trailing slash
the errors in the console are:
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help <a href="http://xhr.spec.whatwg.org/" class="redactor-autoparser-object">http://xhr.spec.whatwg.org/</a> themeScript.js:1939:1 Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data <anonymous> <a href="https://URL/comics/theme/themeScript.js:19" class="redactor-autoparser-object">https://URL/comics/theme/themeScript.js:19</a> themeScript.js:19:25</anonymous>any ideas?
What does your Settings.js file look like?
Need to add base IDs for Books and Comics.
Hi thanks it's got values in the comicsbaseid I am not using books so have this disabled
I think I have it mostly working, but when I go to a series page I get the following:
in the unooquity log's it shows as
I don't have bookmarks currently enabled any ideas?.
Anyone able to help?
have you got a series.json file in each of the series directories and a folder.jpg?
yes I do
The "bookmarks" call is actually Ubooquity's built-in API for comic progress, not sure why it's called that but I could see how it would confuse things. I'm wondering if it's something getting redirected weird with your proxy.
yeah it most likely is a proxy issue, just can't figure it out been trying off and on for months.
Top part that is commented out was the initial proxy I had that works for normal theme.
I then tried the config from Linuxserver SWAG and it makes no difference - half the time I can't even open the site it's just a spinning circle with lots of errors.
{
# proxy_pass
http://IP:PORT;
# proxy_set_header Host $host;
# }
location ^~ /comics {
include /config/nginx/proxy.conf;
#resolver 127.0.0.11 valid=30s;
set $upstream_app IP;
set $upstream_port PORT;
set $upstream_proto http;
proxy_pass $upstream_proto://$upstream_app:$upstream_port;
}
location ^~ /comics/admin
{ include /config/nginx/proxy.conf;
#resolver 127.0.0.11 valid=30s;
set $upstream_app IP;
set $upstream_port PORT;
set $upstream_proto http;
proxy_pass $upstream_proto://$upstream_app:$upstream_port;
}
the errors just keep increasing for the "A cache-Control" header is missing or empty Response should include "x-content-type-options" header and the server header should only contain the server name.
interestingly these errors also appear when I use the IP/Port and base url to access the install so it's not just a proxy issue.
Been pulling my hair out on this when I do look at it!
Sorry, I should've caught it sooner. I think I can see what might be up, and why it might be something with your setup causing it.
The docID in that error message should be a number, not "comics", so I'm wondering if that's a configuration issue with my code or if it's how your proxy is potentially rewriting the URL. Or the fact that you're using /comics as your proxy path might be it, since that would make the URL potentially whatever.com/comics/comics/[number] and something is only looking for comics in there once. I think I use a check for "comics" in the URL in a few places that your setup might be breaking, but I can see if there's an easy fix.
thanks Scott I never thought that the base url was causing the issue, did a quick change to Ubooquity and it's all working.
Will need to think of a better name (and one I can spell easier :D) and use that.
Awesome, glad that sorted it!
And that gives me a test case I can replicate on my end, to see if I can fix the issue. If I do, I'll get an update out and let you know.
But how do I find the comicBaseID? There is no instructions on how to find the base ID?
Cheers
comicBaseID is the ID of the page when you go to your comics section. It's the page that would become the Publisher page.
Hi, it's been a while and I'm rusty.
Can anyone talk me through, like I'm a child, how to setup Story Arcs
thanks
EDIT: figured it out
https://ubooquity.userecho.com/communities/1/topics/898-comixology-v2-theme-story-arcs-howto
Another Question
Is there anyway to save metadata without altering the cbr/cbz file. Where I get them from, it is demanded that they not be altered in any way
thanks again
Had a bit of a play around. Now have all comics uniform in size. changed the structure to add character BIO inside publisher before the actual issues. Minor tweaks to colours and my own LOGO (half shown)
playing about with the theme
Hey folks, I am pretty new to this so hoping for a bit of help. I am setting up my Ubooquity server for the first time and really liked this plugin. The problem is I cannot get it to start. I am stuck with the console error:
Uncaught SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse ()
at themeScript.js:19
I reinstalled Ubooquity and the theme but the error remains. I have been scouring the forum but all I can find is replacing themescript.js but if I am reading correctly then that is already updated in the zipped theme package.
This is a fresh install of Ubooquity and the theme, I haven't even fully scanned in my Library as it is quite large and will take some time. I am really hoping to get it started so I can get it running. I have left all of the Ubooquity and settings.js fields alone so it is possible I just have not set something up right yet, but I was trying with the pprevious install and nothing seemed to work.
Any help would be greatly appreciated.
Did you switch over to the theme and it stopped working?
Yeah, I am sitting with the black loading circle and that above error in the console. If I take the theme off and restart Ubooquity seems to work.
you put it in the theme folder? Ubooquity/themes/comixology2? If so it might be corrupted. Delete it and redownload.
Yes sir, that is the folder structure. I will see if that does anything.
Exact same problem. Same error in the console.
have you changed your settings.js file at all? if so download it afresh. Get everything orking then start to chage stuff. JSON files are very particular about syntax, a rogue character can stuff them up
That's the thing, nothing has been modified. When I reinstalled I have not changed a setting in the settings.js. As far as Ubooquity itself, the only option I changed was enable folder metadata. The line the console is referencing in themescript.js is:
var settingsJSON = JSON.parse(sessionStorage.settings);
That is part of a reverse proxy statement, and I have not set one up yet as I want to get it working inside my network before I set it up remotely. Could my issue be something there? A general Ubooquity option I am overlooking? I don't know buddy, I am by no means an expert and I am confused as hell.
I remember once I had trouble installing in the C Drive in Windows. Moved to another drive and it worked fine.
Darn I don't have that option. I am running the Ubooquity docker on Unraid. I guess I never really mentioned my set up. Is there any chance there could be a permission issue? I can't see it as Ubooquity works fine without the theme but kind of grasping at straws at this point.
Well fuck, no sooner do I post my last response I figure why not switch and try it again. Guess what is working now with no console errors? I gotta say I have no clue what happened, I did not restart server, the only docker restart was when I switched it over just now, and no settings were touched. Thanks for your help bud, sorry it was kind of wasted.
I can now read the full title of the comic in the drop down :)
why though? What are you using to grab them? Looks like you're missing out on post-processing, whatever it is. Use Advanced Renamer to replace all that junk with nothing.
i might have missed it is there a way for New to show only the weekly books from a list based on release date?
I'm switching over from the Plex theme to this one, since the community here seems more active and the theme looks great. I am having a couple of issue though and was hoping someone could point me to the right places in the code.
1. The Read dropdown/hover-over does not appear if using folder groupings. It works on the homepage and if grouping is set to none. Is this by design or is it a bug? I use up to 4 levels of nested folders to organize my collection, so a flat structure doesn't really work for me.
2. Same as above on the reading progress. Only shows up on a flat structure. I have some code I helped hack together from the Plex theme to show unread/page x of y/completed that works if necessary.
3. Image sizes for cover art are not showing a consistent size. I think martin harrington may have figured this out. Can you point me to the code block for this and/or share the code?
4. File name getting truncated on the Read dropdown. Again, I think martin figured this out as well. Can you point me to the code block for this and/or share the code?
Thx!
Hi, welcome! Everyone that joins adds to the development of this theme, and maybe even helps out Tom in his development.
1: Not sure what you mean. Do you mean this? BTW you can just copy from Snipping Tool and paste directly in here.
Yes, mine says Comics/Comics - I messed up the code on mine and Publishers doesn't exist anymore. :/
2: Probably only shows up while using the built-in Ubooquity structure as I think the links use Ubooquity's database links, instead of the folder/file path. Good news though! Since you're in this theme now, it actually supports your nested folder structure.
For example, I organized all my DC stuff according to the story-arcs, sort of. NEW 52, DC ZOOM, REBIRTH, CONVERGENCE, they all have their own folders inside of my DC folder and each page has a hotlink that can jump to any other subgroup.
In your folders, copy this html file and update it as you need. The 6-digit code in the middle of the path (ex: 411615) is the URL path when you're in that folder while in the default Ubooquity view.
folder-info.html
Once you're done, you will have buttons like this, and the file needs to exist in each folder to create the buttons there and tell which one is active.
3: Need a pic here too. There is no code in this theme that locks covers to a specific size or ratio, it is intended that you get all covers from Comixology, which are all the same square size anyway.
4: comixology.css
Here. I fixed the Bookmarks page too. But as you can see I had to move the .content-subtitle stuff down to allow for two lines in the Title, it looks dumb with only one line, and it gets over-ran if there are 3 lines in the title. I'm going to put mine back to "overflow:hidden". Maybe you can figure out how to dynamically change the margin-top based on the lines of text in the Title.
Here's the copy that just fixes the Bookmarks page, sort of.
comixology.css
Thanks for the great info! I'll play around with it some more this weekend.
Regarding #1, I was referring to this hover-over showing up for Latest and Random, but not showing up when browsing the comics grouped by folder:
Same type of deal when clicking to get a full page of New or Random, there's a Read button, but not when browsing grouped by folder:
Regarding #3, this is what I meant about the images:
Maybe the Plex theme is handling this if just using the cover image within the cbr/cbz file rather than a scrape.
I haven't leveraged the metadata/scraping yet as I haven't had a chance to look into how that would work with my file naming convention.
Anyway, more playing around this weekend. Thanks again for the response and the helpful info!
I made some changes to the comixology.css file if using the default cover art rather than the scraped covers.
This fixed foldouts, but resulted in some slight clipping for off-sized covers.
Here's the code snippet if anyone's interested:
.thumb img { /*altered to fixed width and height and positioned so front/back cover art displays front cover some clipping on odd-sized covers*/ position: relative; overflow: hidden; z-index: 2; bottom: 0; left: .5px; width: 156px; height: 245px; object-position: right bottom; object-fit: cover; }can send you my heavily modified css if you want it. See images above
Hey Martin,
Yes, please! I like the changes you've made.
Thanks!
Would it be possible to post it for everyone? I would love to have that option. I'm still running an extremely old version as I haven't updated and I'm not sure if there's an easy way to upgrade to the latest commits.
What is the current updated update to the updater that updates things?
and where is it found?
the main link in the OP says...
page w/ theme is https://github.com/scooterpsu/Comixology_Ubooquity_2
and an album looksy is kept here:https://imgur.com/a/786RDqI
the github page shows code is untouched for two years... (is this true?)
there you go https://drive.google.com/drive/folders/1wu2XCehFslJweocHhx0MlvE4z2aS65Fx?usp=sharing
It would be awesome if this were in a GitHub repo, since that'd be helpful in pointing out changes you made. First thing I noticed in the themeScript was that you changed "books" to "magazines". This is a minor thing, but it means there's a lot of little changes just being passed of as the "latest" version.
Anyone able to help with a couple of things:-
1. I seem to be missing book numbers under titles, it used to say how many books were in a series folder.
2. Anyone know how to make book titles flow on to a second line if it's too long rather than just ...
Thanks in advance.
checkout my posts above, download my modified version.
That seems to do some things, but not quite.
Number of books is there - check
Long titles flow on to next line but only on the individual issues, not the series folders, and when it does it overlaps the number of books. (I presume the container needs to be bigger)
Could you point me in the direction of which css file these changes are made in as there's quite a few changes you've made that mess with the layout and don't look quite right for my setup.
OK, I got the number of books/comics to show so just need to figure out the long titles
Fixed! I also now have the number of books/issues in the correct colour to go with the backgrounds for each publisher.
that's weird, it works perfectly on mine, see images above. did you just grab the odd file rather than the whole pack?
also try Ctrl+f5 and use the function top right to clear the cache?
How do you use the pagebuilder? Does the comics need to be in a certain folder structure?
I believe it did require a specific folder structure, and Scott hasn't updated the script in years. there was never any documentation, I'm not sure anyone actually got it working, other than him.
I just manually build a series.json file whenever I add a new comic. it only takes a minute to find the comixology page, save the image, copy this file over, and throw the info in.
series.json
I use the tool https://github.com/CuddleBear92/Ubooquity-Themes/ to scrape the comixology site once every couple of months and that gives you the folder, the image and the json. If I have one missing between scrapes I do the same as you Bobby and just create one.
Which script do you use? I could never get it to work when I tried.
it took me a few goes. You need to get all of the files from the GIT repo not just the one script, that's where I went wrong initially. Then I use the following line C:\Python37\python.exe comixology-to-ubooquity.py --scrape-series -D 2 1 -ss -sp
yep that sounds like my issue, I think I cherry picked the script I thought I needed. Thanks for the help.
Does anyone know why the scraper misses some entries?
For instance - "Event Comics" - (4010-651 ---- comicvine #) - Someone got it at some point - I've seen it in some of the "publisher" archives. -- But when I run the script - I only get 248 returns - but I seem to remember one of the archives as having over 1000.... I'm just confused at this point. any thoughts?
mine pulls 266 publishers.
anyone having problems with this, mine no longer works
If you mean my pagebuilder script, I long abandoned it because Mylar3 can generate series.json files.
If you mean the comixology scraper, that's likely because Amazon completely scrapped comixology.com.
Every time I want to use the PageBuilder I get the following error:
Geeze, I do not know how to do javascript.... Anyway! I found that if you're using Story Arcs, or have other comic paths setup, then line 369 in themscript.js needs to be updated to look at breadcrumb item 2, instead of 1.
From:
var publisher = $('#cmx_breadcrumb a:eq(1)').text();
To:
var publisher = $('#cmx_breadcrumb a:eq(2)').text();
Hey I figured it out! What I did was get the length of the breadcrumb trail and subtract one, to always get the name of the parent directory. I did this because I have a lot of comics organized based on Event, such as in the picture.
New Code starting around line 367:
getSeriesJson('?folderinfo=series.json');
if($('.publisherContainer').length){
$(document).ajaxStop(function(){
var curloc = 2
if ($('#cmx_breadcrumb a:eq(0)').length > 0){
var curloc = $('#cmx_breadcrumb a').length - 1;
}
var publisher = $('#cmx_breadcrumb a:eq('+curloc+')').text();
publisher = publisher.replace('_', '');
$('.publisher').text(publisher);
$('#pubImg').attr('title',publisher);
})
}
Now the label on the right side will always show what directory you're in. I also replaced any underscores in the folder name, because of how I used to organize my Event folders. I haven't figured out where the name is stored for the section on top, and probably won't bother.
Oh, here. I'll just make it easy and provide the actual file.
themeScript.js
Alrighty, I revisited the whole "text wrapping" vs "ellipses" issue and decided that I didn't like where the "Issue x" was sitting for this. So, I swapped their positions, and made the title box larger to fit 3 full lines. Yes, I also updated the Bookmarks page.
I used Rick and Morty as my basis, because those titles can get long. ( A caveat, I solely use Ubooquity on my tablet. I setup a scripted shortcut on my home screen that opens directly to my Publishers page and hides the notification bar and bottom buttons to give full screen, so I never visit the Home page of Ubooquity.)
Here are screenshot and my file.
comixology.css
**
Now that I've dug more into this, I think I found the portion gets the "Read Progress" of each comic but cannot find the function "returnval" that is being called. I think this can be edited to give the number of "Unread" comics instead of total, but I cannot figure out where the function lives that is doing the scraping. I'm sure it's in the Ubooquity.far files, but I have can't find it.
**
It did slightly increase the vertical spacing.
Really great, I like it
could you explain how you switched the positions of the issue no. and title please?
it's just positioning and z-index. If you inspect the issue number you'll see it has a large negative number on it now, to bring it above the Title that it is built after. I also needed to massively increase its vertical size, because the read button is built after it.
I went ahead and found the size for the title on the Home screen. Set the height in Comixology.css
.list-container .cellcontainer .content-title {
font-size: 15px;
height: 35px;
}
so I'm feeling like a real idiot here
This is my actual folder structure:
which is shared thus:
I've got these settings in settings.js
but for some reason I've got:
it's showing random, despite that being false and publishers has replaced comics
and when I click it, it just takes me to root:
if I click comics:
I don't suppose anyone knows why this is happening to me? Any help would be HUGELY appreciated
Read the description on the settings. Showrandom is for that section showing up on the Home screen.
The Comics/Comics section, then going to Comics/Publishers can be confusing, this happens because you have multiple sections Comics and Events (Story Arcs). If you had only the Comics section then the Publishers button would take you straight in there. It does this because if you have another comics section, it is shared at the same level and the system needs to allow the user to pick which they want to enter.
As I'm catching up I realized it would probably make sense if showRandom also hid those, so that's getting rolled into the next update.
Ah thanks for that - I managed to work it out and it's all appearing exactly as it should now!
Only other thing I'm hoping to figure out is whether there's a way to automate getting a folder.jpg and series.json added/generated when a new folder gets added?
I've got Mylar sourcing comics for me, would be great to also automate this bit so it's completely taking away the manual steps.
Good to hear. I'm guessing you edited the text of the Publishers button in the .js file, and did a remove on the line for the Random button.
I use Mylar as well, and have considered editing the metadata grabber, but that program is hundreds of files each thousands of lines long. I just can't find it. If you can, it's a matter of getting the square image in comicvines search, for the folder.jpg, though theirs aren't the cool customs thumbs that comixology has. And generating a series.json would be simple, but comicvine doesn't have a series synopsis to parse either, atleast you could get the page setup though.
What do you need help with in regards to Mylar? I am the unofficial QA, and I'm constantly bringing stuff like this to evilhero and others who help code it, so if there's something you would like, let me know and I'll get a bug report/feature request in for it.
Awesome, thank you. Honestly, if you can point us in the direction of the metatagger script, we can probably figure this out. I doubt evilhero cares to bother with some custom features for a single theme on Ubooquity when they're currently busy getting the Python3 code cleaned up.
It would be great if the metadata parser had an option to download the thumbnail image of the Comicvine search result, which is nested under "img imgflare" in its inspection, and save it as "folder.jpg". The 2nd, and easier, part is to create a "series.json" file in the comic directory with the below format. Without this file the directory is missing some custom features.
{"metadata": [{ "type": "comicSeries", "publisher": "Oni Press", "name": "Rick and Morty", "year": "2015", "description": "Description Here"}]}
Here's my file because I can't get it format in this forum.
series.json
eh, you'd be surprised. The Python3 stuff is pretty much done, as the py2 branch is dead and buried, and py3 has been the only active development branch since...October? He's working on a bunch of re-write stuff, but I think this would be easy enough to get added, even if it is only for one theme, a lot of us used or used Ubooquity (including himself) for reading the comics, so I'll poke him later today.
So evilhero just pointed out that the folder.jpg is already being written out when you enable the option, and it (usually) gets updated each time there's a new comic if you tell it to do that. Here's the screenshot from the Advanced Settings tab in question:
As for the series.json, we're talking about it now so it won't be quick, but we are discussing how it might be able to be done.
EDIT: That only spits it out as cover.jpg, not as folder.jpg. I'm talking to him about either adding an option to name it folder.jpg, or possibly do both. If you want to join in, we're on IRC on the Freenode network in #mylar.
I saw this and joined an IRC chat, for the first time ever, 4 hours later, via the link in Mylar's settings page. Looks like it's just me in there, Red_M_ is afk
Renaming the regular cover.jpg file to folder.jpg doesn't work for this because the folder.jpg is actually a square thumb. Ubooquity actually scrapes the cover of the first comic in each directory itself and will display that as the folder image if one doesn't exist.
I actually thought the series.json creation would be easier since the data is actually already being parsed from Comicvine in the metata, the description for the series on Comixology is usually just the same thing Comicvine has for the first issue.
hrm, are you sure you're on
irc.freenode.netand that you've registered your nick to join #mylar? evilhero and I are chatting away right now about the JSON stuff, actually right now.What about using https://webchat.freenode.net/ and joining #mylar? That should work.
OK, I don't know which channel you're in that you see Red_M_, but you need to register your nickname (Freenode tells you how when you login) so you can join #mylar. Once you register your nickname, we can figure out what it is you're trying to do.
Latest from evilhero: PR coming in a few hrs - covers both cover/folder.jpg as well as writing out series.json to the series dir.
So there you have it, Mylar will be doing both.
Guys I used Mylar for quite some time but once 32p shutdown it seemed kind useless. Are you using usenet as your sources now?
I use AirDCPP, DDL and usenet for my sources. DDL is an amazing feature that evilhero added.
I use AirDC++ myself. I thought mylar only used torrent/usenet
nah, he added Getcomics a long time ago and it's pretty good now. But yeah, I use usenet for everything
I download the weekly packs, then manually post-process all of the comics to pick up what I've got in my Wanted list. barbequesauce is looking into adding DC++ support to Mylar, but it's slow going but if he's able it pull it off, it would be similar to torrents/newsgroups.
thats amazing, it never occurred to me that we could get the feature added to Mylar. I'll be obsessively checking for Mylar updates lol
He's holding off on adding the feature right now as we're waiting for Bobby Hill to hop in so we can clarify what exactly he's looking for. The channel's had the registration requirement removed as well, so it should be a lot easier to connect and join up now.
finally got mylar up and running after multiple tries last 2 years haha and noticed this function which is awesome! but can some tell me why they want the info from comicvine instead of scraped data from comixology ?
i noticed that the series.json thats created doenst have any realy info about the comic. for example
https://comicvine.gamespot.com/i-hate-fairyland/4050-85292/
shows as serie info "Ongoing series."
but the info on comixology is much better
https://www.comixology.eu/I-Hate-Fairyland/comics-series/54269?ref=Y29taWMvdmlldy9kZXNrdG9wL2JyZWFkY3J1bWJz
show as serie info "
I Hate Fairyland
Superstar SKOTTIE YOUNG (Rocket Raccoon, Wizard of Oz) makes his Image debut with an ALL-NEW SERIES! The Adventure Time/Alice in Wonderland-style epic that smashes its cute little face against Tank Girl/Deadpool-esque violent madness has arrived. In an adventure that ain't for the little kiddies, (unless you have super cool parents, then whatever), you'll meet Gert—a six year old girl who has been stuck in the magical world of Fairyland for thirty years and will hack and slash her way through anything to find her way back home. Join Gert and her giant battle-axe on a delightfully blood soaked journey to see who will survive the girl who HATES FAIRYLAND."
which if you ask me should be the info in the series.json
is there a way to get it to scrape comixology instead of comicvine for these files?
Mylar scrapes from CV because they've got an API available to pull that information in. Yes, Comixology is better about giving a lot more data, but they're also a for-profit enterprise who are not going to want to freely give easy access to that data out, whereas ComicVine is a wiki...of sorts.
well thats a fair point :) thats means a lot of hand work than hahaha :'D
would you please be so kind as to post where you got Mylar? (I'm looking for a d/l location and not sure if the who/what/wheres are the same Mylar that everyone is talking about) --- and then if it isn't too much trouble - could you also post install instructions of some sort? Apologies for being so demanding...and Thank you for any help!
Google "Mylar3", it's the first result on Github.
Is your server Windows or linux? This thing runs on Python3, which is automatically installed on Linux and a pain to get working right on Windows. But it's doable, my server is Windows due to everything running a lot easier on it once Python is setup.
There's an "Installation" link on the github page though.
Is there a link (somewhere) - to the latest version of Mylar3? (and for us brain dead old folks installation instructions?) ... If I have a directory of "random" CBR/CBZ files would Mylar be able to help standardize the names, add (if needed) the info file into the archive with the correct metadata info?
I totally missed this question, so I apologize. https://github.com/mylar3/mylar3 is the link to Mylar itself. It runs using Python. The easiest method of running it would be using Docker, if you have that setup. If not, if you've got Discord we can help you get it setup.
Oh I gave up on the Random thing - not a big deal to me.
It was your advice on sorting folder structure that sorted me out!
I'm now trying to work out where the Publisher link and image are sourced from on an individual comic
They're all working fine, except for one publisher (Marvel) which gives me the default folder image and a link to a folder that doesn't exist
The publisher ID cache might've associated the wrong thing with Marvel. At the top of the page, click the username and choose Clear Cache. Then go back to your publisher page and it should start a new array.
you star, that's worked, thanks!!
So coming back to this thread after a couple of years being away, what's the latest link to the actual theme that people are using? I know Mike Waters and Bobby Hill have gotten fixes, but I'm not seeing a current package of everything so that I can nuke my current theme and put the new one in its place. Any help would be very much appreciated.
The main link is still it. Martin and I have done some custom work, to fit our individual wants, but it's all just edits of the comixology.css & themescript.js files, and we just share them here. You simply just copy/paste the files into your theme directory.
I did go ahead and submit my getSeriesJson edit to the github master, but I have no idea if Scott is even still alive, he hasn't visited this forum in a long time.
is it maybe an idea then for someone who is more active in the community to fork the master and keep it updated?
Well here's mine then I guess. It's a more mobile friendly version with larger button up top, in the dropdown, and in the breadcrumb trail. I s'pose I'll try to keep it updated as I make changes, but I don't forsee myself doing anything more unless we can crack the ability to only display the number of issues unread instaed of the total, but we can probably get that into a toggle in Scott's version too.
Budlyte/Comixology_Ubooquity_2 (github.com)
I'll take a look at adding a toggle for those changes. The mobile-friendly css could likely just get wrapped in a media query, since it's only useful on smaller screens. Might be worth taking a look at that. https://www.w3schools.com/css/css_rwd_mediaqueries.asp
That's true, but I got an abundance of email notifications in the last couple days so I figured I'd see what's up. It's definitely been a while.
I'm not sure how you submitted the edit, but there's no active pull requests on the git. I'm happy to check it out if you wanted to submit one.
Just as a general "hey look, I'm back sorta", I'm more than happy to add any features bouncing around in this thread, as long as anything new is a toggle. My goal was definitely to replicate the Comixology layout directly, so anything that veers away from that in a more permanent fashion isn't something I'm looking to add. I'll never turn down the option of more options.
If there are code edits, feel free to submit a pull request on Github and I'll take a look and merge if they don't contradict what I just said. The idea of using Github to host this was for people to be able to contribute (and it being free), so using those built in abilities via Pull Requests would be handy to facilitate that.
Scott, welcome back! sorta. Your theme is wonderful and pretty simple to edit by tracking things down with Inspect.
I figured you want to stay as close as possible to the source material, hence my own custom "upgrades" for my specific needs and simply sharing them here. I suppose we could work to change the "mobile" button to have the them load up a more mobile friendly css file, instead of jumping to that "Just use a OPDS app" landing page. The only real fix I have is the one I submitted now, I apparently didn't hit the Commit button on my pull request earlier...
Since you're here..... could you tell me where the Read Progress data comes from?
I think I found the portion that gets the "Read Progress" of each comic but cannot find the function "returnval" that is being called. This seems like it could be edited to scan for comics in the directory that are a % complete, to be determined in Settings.js but defaults to 95?, and only count those.
Thanks! Glad it worked out that way, it was a big reason I rewrote a lot of the code between version 1 and this one.
Sounds good, I saw your pull request. I think you intended that to come off of the patch-1 branch, since every commit you added since is also ending up in the PR. I'm all for adding that breadcrumb fix and what I'm assuming is a conversion from space to tabs or vise-versa.
The "returnval" is the value returned from Ubooquity's built-in "bookmark" (actually read progress) API, run for each issue as it loads. What you're describing for a folder unread count would be something that checks every issue in every subfolder. That's a lot of calls each page load, so that might not be a great idea.
Thank you. yeah the replacement for underscores is really just my thing, it will probably never affect anyone else. My old way of organizing folders of events in my library, before you implemented this theme and those hyperlink buttons, was to have them in folders that started with an underscore (IE: _Rebirth) so that they appeared at the front of my directory, and so those messed up names ended up appearing in my new link on the right.
This pic shows it. Honestly, the better approach may be to replace underscores with spaces, in case someone out there has their directory names setup with underscores instead of spaces, which is likely to happen on Linux. I just tested it, it doesn't break the page.
What I meant was, you did your PR off of your master branch, so after the change you intended the next one was https://github.com/Budlyte/Comixology_Ubooquity_2/commit/c2a51f61297713276a8fc9cc9fd8f225cccfed08
But yeah, I just saw your new PR. Using a space is a good idea. After I accept that I'll add a filter on folder names, so your _New 52 will just be " New 52" so it's alphabetically first but looks better.
Alrighty, so after catching up on what I missed, I believe I've incorporated most of what people are looking for. The new update is here https://github.com/scooterpsu/Comixology_Ubooquity_2/releases/tag/v3.5 with a break down of what has been added/changed.
The only thing it seems people are looking for that I didn't add is better css for mobile use. Rolling in some changes inside of media queries would allow the base css to stay as-is, while working better via mobile. That's not something I'm looking to do, but I'll gladly take a Github Pull Request if someone adds it.
I wonder if it would be possible to have some kind of read/unread flag, even if it's manual for individual comics and whole series?
There's the progress bar that shows up if you're using the built-in reader, but not something you can toggle.
Beyond that, it gets more complicated. If you wanted, say, every issue that is beyond 85% read, you'd need to cache the IDs for each issue of the series. Then ping that through the built-in progress API for each of those IDs. That would lead to just hammering the crap out of the server if you were on a page with a lot of series on it. Since the read status persists across devices, it's not something I'd want to just store locally or it'd occasionally be wrong.
Obviously I'm speaking more as something to add on my end, this does seem like something Tom could add to Ubooquity itself.
This is something that Tom has marked as "Planned", though he's been mostly MIA for long time now. But, hey, you returned from the grave, so there's still hope! =D
You'll see my post in there, I'm pretty sure I damn near edited this theme so that it would have marked every comic in my library as currently being on the last page in my attempt to add a button for "Mark as Read". Probably best if I create a duplicate of my Ubooquity and play in that one if I ever bother with that again!
mark readed comics / General / Ubooquity (userecho.com)
Did you post your code attempt anywhere? Your post about your attempt just links back to this thread, and if it's here I can't find it.
Negative, as indicated by me playing with my active copy of Ubooquity, I'm not great about version handling and document control.
No problem, this exact problem is why I started using GitHub in the first place.
Just released a small update to cover some changes to series.json in supporting Mylar's new built-in creation.
Nothing will need to change with existing files, this adds support for the new files while still supporting the old ones.
https://github.com/scooterpsu/Comixology_Ubooquity_2/releases/latest
Since the books section has gotten less attention, I wanted to expand that a bit. Now there's a new series.json format for author bio pages. (With an example on the GitHub page).
https://imgur.com/cJkI91M
I made some changes with how labels are handled for books, so hopefully I didn't break anything comic-related. If I did, please let me know.
Also the new Mylar-created series.json has more info, so I added an option to use the publication run for the year field on the series page (2016-2019) instead of just (2016).
Also I updated to the latest jQuery, just to not have that old lib hanging over my head.
Same link as before: https://github.com/scooterpsu/Comixology_Ubooquity_2/releases/latest
What's a book?
Hi Scott,
Thanks for your continuous efforts on this project. I'm sure many people will benefit from this. I've recently retired and have some spare cycles so I started up a Ubooquity server (via Docker on a WD PR4100 NAS). I added your comixology2 theme and get partial success. The initial start screen, the one with "Latest" and "Random"comics looks good. When I select "Publishers" from the menu the page takes a while to load and the top two sections ("Comics" and "Featured Publishers") have a white space for a few inches and then the featured publishers show up but are overlapping some text and the rest of the publishers follow underneath.
I checked the settings.js file and it has
"var featuredPublishers=["DC Comics","Marvel","Image","IDW Publishing","Dark Horse Comics", "Vertigo"];"
on line 5.
I did not modifiy the comicsBaseID=1. Should I change this? (I haven't modified any of the settings.js nor any of the files in the folder)
Additionally, Ubooquity log file shows errors when loading a new page.
20210415 03:41:39 [qtp1473205473-278] ERROR com.ubooquity.provider.theme.a - Theme resource not found: jquery-3.1.1.min.js
20210415 03:41:39 [qtp1473205473-275] ERROR com.ubooquity.provider.theme.a - Theme resource not found: settings.js
20210415 03:41:39 [qtp1473205473-280] ERROR com.ubooquity.provider.theme.a - Theme resource not found: theme.js
Any suggestions are aprreciated. I can also help try and help with other issues once I get my head around this. I was an application and systems software engineer in a previous life. I'm new to the server side of things.
Thanks!
It looks like you've either not, or just partially updated. I updated the jquery version in themeScript.js a couple updates back, so it shouldn't be looking for jquery-3.1.1.js anymore and definitely not theme.js. If you haven't changed any settings, it sounds like you should ditch what you have and grab the latest zip from https://github.com/scooterpsu/Comixology_Ubooquity_2/releases/latest
I'm guessing you potentially used a significantly older version of my theme too, back when you needed to put files in your comics folder. That's likely what's looking for theme.js. For the base functionality of this theme, the only extra files you need are for specific publisher pages, or series pages. I'm guessing you've got an old folder-info.html and some other files in the root your comics folder, those are likely now in the way and should be deleted.
As for the comicsBaseID, whatever page loads when you click comics should have a number at the end of the URL. If you started with a fresh database, it could be 1 (http://whatever/comics/1/) or something else. If it's something else, change it in settings.js.
Reading through this thread again, as well as others, I tried changing the comicBaseID to the one that comes up in the URL when a user goes to the main Ubooquity comics page. And it does look better, now the publishers show up without the white lines bu they are all appearing twice.
I've read through all the docs on the associated gitHub page, and dozens of pages from searches, but I can't find documentation that would take a newbie through the process of using themes. If anyone has more info on basic tips, arc building, setting featured series, etc, please send them my way. And if it makes sense, will add to some documentation to help clarify for future users.
Thanks,
I'm pretty sure whatever remnants you have from previous versions are triggering the function that loads featured publishers twice. Or it's using the old method and then the new. Either way, any old folder-info.html files and related css/js in the root of your comics folder need to be removed.
Otherwise setting the featured publishers is just putting the name of the publisher in the array in settings.js. There is no ability to feature a series.
You were correct, I had some old files from a few years back when I first setup ubooquity. After removing them, no errors. I walked through your code, and saw where the publishers are added to the arrays, makes sense. Cleared caches and now featured publishers and the rest look good. Thanks for your help, and again thanks for the theme.
Cleared the cache, now publishers only show up once.
Thanks again for the theme.
Now to figure out how to create story arcs and setup featured comics (TPBs)
There is no ability to feature comics. It's not a thing. That exists only on the publisher page.
ive just grabbed the most recent release and I've noticed that the progress bar has vanished from beneath the individual issues. Any suggestions on how to get it back?
Do your individual issues have the big green Read buttons, or are they just simple links? A pic and some context would be helpful to figure what might be happening.
Sorry about that, here is a screenshot of what it looks like, i've read about half of issue one but no progress bar. Im using the in-built viewer in ubooquity.
No problem, that's a weird one. I just tested a couple issues and I'm not having that problem. I take it from the darker background and it saying "single issues" you're on the search screen, but it's working there for me as well.
If you open issue one from here does it open to page 1 or later? I'm curious if something about the update potentially wiped the progress.
I think i'd post the wrong screen in the last one, i was seaching for the series, as i have a fair few to look through. Here is a better view;
When i open issue on to read it opens up the last point that i was on, so it is remembering what the progress is.
In addition to the above problem I'm also have a weird issue with issue numbers not appearing as in the example below. I've retagged all my comics and some appear and some still dont.
Any idea what could be causing this?
Is the there a guide on how to use PageBuilder for Windows 10. Mylar folder format.
Where to place the scripts?
If you're using the latest Mylar, you don't need it. Mylar can build a series.json and a square thumbnail for folder.jpg.
Currently the Comicvine API only spits out a small image, but hopefully they add the large square and Mylar can be updated to grab that instead.
Sweet job. Impressed. Does it do publishers as well?
Nope, publishers still need to be pieced together manually. But if you start with the example files here https://github.com/scooterpsu/Comixology_Ubooquity_2/tree/master/Examples/Example%20Publisher%20Page it's pretty straight forward.
I am having an issue with the Credits section of the individual comic issue pop-up when it comes to imprints, it seems. For example below when I am looking at the series page, the proper Imprint publisher icon and name show up on the right side.
However, when I click the individual issue, the Publisher icon on the top right is of the parent publisher, but not the Imprint publisher.
And in other cases for example below, it is only trying to pull the first word of the imprint publisher name and thus not finding an image?
The issue is the same for both. You've moved both to somewhere that doesn't match the metadata it's getting tagged with. So in both cases, it shows the publisher names from the embedded metadata, and in the second case since you don't have a Boom publisher folder, there's no image to find/load.
You'd need to bulk update your comics to match your folder layout with ComicTagger, or some other metadata editor.
So for example, I use Comic Vine Scraper on ComicRack which tags them as Publisher "Boom!" and Imprint "Archaia"
I then save them into a folder Publishers\Boom! - Archaia\Mouse Guard - The Black Axe\ to match the folders from the Comixology-Ubooquity-2020.01.19 pull that was hosted online.
Do I need to be manually changing the metadata for the Imprints to be "Boom! - Archaia" in only the "Publisher" field?
Also, is the ! mark getting removed somewhere too which is why it isn't finding "Boom!" as a publisher?
What you're up against is a limitation of Ubooquity itself. All of the data on the comic details popup is built-in, I'm merely reorganizing the data. The stock comic details page doesn't pull the embedded "imprint" tag.
So for everything there to match and line-up correctly, you need to set the publisher field to the exact folder name.
It looks like I am stripping the non-alphanumeric characters, though it's been long enough since I put that in I'm not completely sure why I did. I'll push a quick update making that a toggle, just so I don't remove it and break something else.
Ok that makes sense, and yes I think allowing non-alphanumeric characters in my case dashes (-) for the imprint folder naming, (!) marks for those publishers that have that in their names like Boom!, would take care of my issue other than having to set the publisher names to be Publisher=Publisher - Imprint
Thanks for the feedback!
No problem, happy to help!
Since I want to refine some other features before announcing a new release, here's just the updated themeScript.js.
Replace yours with that, and add this to the bottom of your settings.js:
var disablePublisherFilter=true;
If any of the other changes I made cause anything to break, let me know.
The filter seems to be working great so that should fix my problems, BUT now it looks like it's pulling some kind of genre info in that Publisher icon section, maybe related to the reason why you previously ignored non-alphanumeric :D
Haha, so that's why that split was in there! Downside of starting with code I wrote years ago, totally forgot stuff like that is in there.
Easy fix, I copied that bit over to the unfiltered line. Grab a new themeScript.js from the same link I posted before.
Ok that worked, BUT as it always happens something else seems to have broken now as my top bar looks like this:
See if closing your browser sorts that out, there's some new checks handled when you start a new session.
If not I can roll back a branch to the last release and add just this fix until everything else is stable.
Does not seem to have worked
themeScript.js
Here is the themeScript from the last release with just this feature added.
Now to figure if I should dig deeper into the in-progress stuff or abandon it... Fun stuff. :)
Everything seems to work now, thanks again! I hope you don't abandon anything, you have done a great job and I'm sure everyone is very appreciative of all your hard work. I know I am!
I actually already figured out the issue. I hadn't tested with user accounts turned off, which I'm guessing is how your server is setup. So progress rolls on, now with a new feature thanks to you.
That's correct, I'm glad we worked that out :)
Cool. Is that fix in the current master branch? I see you updated themescript.js 17 days ago.
The themeScript.js on github is always going to have my latest changes, I just usually hold off on a new release/zippped package until I test all of the ways I assume it'll break.
This is probably solid at this point, so I should probably do a release here soonish.
Scooter, are you still interested in my Book mod this this theme that mimics Fantastic Fiction.com? I have not done much on it for quite a while. My version I use is tailored to my particular naming convention, so would possibly need to sort out a generic code version.
I think the last time we talked about it I was gung-ho for features, but now that I've got some simple author pages for books I think I'll stick with things as-is. I've been rolling in some features to make things more seamless with a Calibre library as the backend, but probably won't go too in-depth with additional features for books.
Thanks though!
I'm trying to setup book series, I have added the example series but nothing is showing in the series tab?
Could someone help with how to get this setup ? Storyarcs are setup fine but Book series dont show
Story arcs and book series work in the same way, but you need your json file to be named something Ubooquity can load.
Comics loads a .cbr that isn't a real comic file, Books loads an .epub in the same way.
Use the bookmarks feature to bookmark the books you want in the series, go to the bookmarks page (My Books at the top of the page) and drag-drop them into the right order and then export it.
Edit that file with notepad or a text editor of your choice to fill in name/description/year, then save it as json.epub and replace the one from the example. Scan for new books in ubooquity, and it should now show.
I've just tried that and get the same result. for some reason its not loading the epub at all.
Just to verify, you're putting this here:
[book folder]/[what you're calling your series folder]/[name of series]/json.epub right?
Does the series folder show with your authors?
Thats right yes, the folders follow that structure.
Yes the folder shows up in the Authors folder but it also empty.
Ok, so that means Ubooquity is loading the file but my script can't parse it for some reason.
Could you post the json.epub? There might be an incompatible character or something in the description.
Sure heres the json:
{"metadata":[{"arcname":"The Harry Potter Series","year":"1997-2007",
"description":"Harry Potter is a series of seven fantasy novels written by British author J. K. Rowling. The novels chronicle the lives of a young wizard, Harry Potter, and his friends Hermione Granger and Ron Weasley, all of whom are students at Hogwarts School of Witchcraft and Wizardry.",
"players":"Harry Potter, Hermione Granger, Ron Weasley, Others"}],
"Issues":[{"label":"001-Harry Potter and the Philosopher's Stone","dbnumber":"2814","comicname":"Harry%20Potter%20and%20the%20Philosophe%20-%20J.%20K.%20Rowling.epub"},
{"label":"002-Harry Potter and the Chamber of Secrets","dbnumber":"2816","comicname":"Harry%20Potter%20and%20the%20Chamber%20of%20-%20J.%20K.%20Rowling.epub"},
{"label":"003-Harry Potter and the Prisoner of Azkaban","dbnumber":"2818","comicname":"Harry%20Potter%20and%20the%20Prisoner%20o%20-%20J.%20K.%20Rowling.epub"},
{"label":"004-Harry Potter and the Goblet of Fire","dbnumber":"2806","comicname":"Harry%20Potter%20and%20the%20Goblet%20of%20-%20J.%20K.%20Rowling.epub"},
{"label":"005-Harry Potter and the Order of the Phoenix","dbnumber":"2810","comicname":"Harry%20Potter%20and%20the%20Order%20of%20t%20-%20J.%20K.%20Rowling.epub"},
{"label":"006-Harry Potter and the Half-Blood Prince","dbnumber":"2808","comicname":"Harry%20Potter%20and%20the%20Half-Blood%20-%20J.%20K.%20Rowling.epub"},
{"label":"007-Harry Potter and the Deathly Hallows","dbnumber":"2812","comicname":"Harry%20Potter%20and%20the%20Deathly%20Ha%20-%20J.%20K.%20Rowling.epub"}]}
So json looks fine, I was able to copy-paste it into my own and no issues there.
Are you using a calibre library? I think this is actually an issue I fixed and didn't push an update for yet.
I am yes.
Try replacing themeScript.js in the theme folder with this one.
https://raw.githubusercontent.com/scooterpsu/Comixology_Ubooquity_2/master/comixology2/themeScript.js
That's not helped only made my nav bar be a little screwy
Is this after closing and reopening the browser, or just refreshing the page?
Ar yes closing the browser fixed that issue, but the series still isnt showing up.
Oh good.
If you go to the series page and pull up the page inspector (ctrl+shift+i) and click Console, are there any errors?
I get this,
Oh, I think I figured it out. You said you could get there from the authors page, that means you didn't set the seriesID in your settings.js. Once you set that, it gets filtered from the author page, but it also triggers the code that loads json.epub.
I set that, I can see the "Bookseries" folder in the authors page but the actual series doesn't load at all. The epub itself doesnt load.
Right, if seriesID was set to the ID of the Bookseries page, the Bookseries folder would be programmatically hidden. That's how that works.
Yah I have just looked now and it is hidden. Also just checked on another device and the series epub still isn't loading.
Then I'm sorry I don't know what's happening. There's no error, and your epub looks fine, so there's no reason it shouldn't load.
I'll install another instance of Ubooquity and see if that make a difference, its currently on my seedbox so could be the version provided by my host.
Got it working on a fresh install. For some reason the old install when I would export from the bookmarks would download a json.cbr file. Redone it on a fresh install on a new server and it works perfectly ! Thanks for you help
Is it at all possible to add a a New Releases section (in the same way Story Arcs works) that can just point to an existing folder and have options in the menus? Mylar has the option to store newly grabbed comics for that week in a separate folder. It would mean the main comics folder wouldn't update the reading status but, oh well.
This hit me at just the right time. Not something I'd use myself, because of the whole duplicating comics thing, but the next release will have this. https://i.imgur.com/Wd1RY99.png
It'll work just like story arcs, where you set the weeklyID to whatever the ID of the folder you're dumping the weekly downloads into, and this should do the rest.
Should have something out soon, just need to figure out what all I've changed since the last release.
Amazing! Love your work as always! I'm the same as you about duplicates but i love the convenience of having that weeks comics all together. I'm going to see if the Mylar devs would be happy/willing to make the new releases symlinks (like they do for story arcs) instead of making copies.
I just put out a new release that has this in it. Add a var weeklyID= to your settings.js and set that to your weekly pull list folder's ID like you would for storyArcs.
I had my test pull list folder set to /comics/Weekly/ , I'm not sure if that's a default or something you'd need to change.
Thanks for the great work, I love the look. I'm having an issue right now and I'm not sure how to fix it. I can access my latest comics, books, and raw files. But when I try to click the browse tab or the comics and books quick links, I get taken back to my nas home page. I am unsure if this has to do with my security settings.
Edit: I just found the forum link. I will ask there.
Comixology2 does not appear to be compatible with latest Mylar generated series.json Version 1.0.1
I just put out a new release that fixes this, I had it sitting around as a draft for months. I need to go in and flesh out a changelog at some point.
I've posted this before but since Scott is active I want to ask it again.
"I was wondering if this could be modded to look for the last folder with folder-info,header.jpg,folder.css,folder.jpg in the chain to then show that info for all sub folders minus the last folder containing the comics as that would interfere with the series.json."
The code used to iterate through the
Comics > Marvel > whatever > whatever > whateverbit uses a stored database of associated IDs that get generated as you navigate. This being cached makes it almost instant but it's only caching IDs and names.What you're asking for would need to load each of those pages, see if those files exist, if not go down the line, repeat.
It's possible, but would have a pretty massive potential performance hit (each page load becoming multiple page loads). And it sounds like something more tailored to your specific setup, than what I'm personally looking to make this do.
So yes, but no. Does that make sense?