Guides
Community created guides, helpful strategies, and more.
TOPIC | [TOOL] DOM Shop Calculator
[center] [img]https://i.postimg.cc/RZ1hYXMq/domcalcguidetitle.png[/img] [size=6][b]Current Version[/b]: 3.0.0[/size] [size=5][url=https://kc2693.github.io/FR-Calc/]Link[/url][/size] [/center] Hi my name is Rowdy and I will never be a google spreadsheet wizard. [size=4][b]What it is:[/b][/size] A small online [s]codepen[/s] GitHub Pages app that lists all of the Marketplace breed-change/primary/secondary/tertiary scrolls & their (first place) dom-discounted prices. You type in the quantity of each you want, press calculate, and voila! You get your total without having to do any STINKY. MATH. [size=4][b]How To Use:[/b][/size] Just type in how many of each item you want, press calculate, and you're done! [img]https://i.gyazo.com/62a775414a726616ea50b667dea3afac.gif[/img] [center](partial-view gif cus FR forums are narrow)[/center] --------------------- [size=5][b]Current State-of-the-App[/b][/size] We are officially on V3! On github where I can mess around with implementing and deleting things to my heart's content. As always PLEASE let me know if you are a mobile user and have trouble. Screenshots appreciated with feedback. [b]Please notify me[/b] if something breaks, functionally or appearance-wise. As in, if you make the window smaller and suddenly text breaks/spills out of its "box". Or if at any point text is covering the quantity or 'find' boxes. My crappy CSS should not hinder functionality! --------------------- [size=5][b]Current Features[/b][/size] [s][size=4][b]Find[/b][/size] The find box is when you just can't see that one scroll you're looking for, even though you've looked up and down the list and back again! If you type in the name of the thing you're looking for, it will highlight the item for you! [b]Important Note:[/b] Find feature is CASE-SENSITIVE. AKA: Capital letters matter.[/s] The FIND function got lost in the skeleton war. We will prevail and build again. Coming back SOON-ish! [size=4][b]Show-Only Dropdown[/b][/size] [center][img]https://i.imgur.com/FqINtPM.png[/img][/center] Right below the calc/clear buttons you'll see a 'show only' dropdown menu now. You can sort between All genes, Modern, Ancient, Gaoler-only, or Banescale-only. Which should make calculating a breeze if you're only after a specific set of genes! Switching between these views [b]will clear quantities and calc totals[/b]. In the future I may look to implement a 'save values' button so you can switch between while preserving your quantity tallies. [size=4][b]Sort-By Dropdown[/b][/size] [center][img]https://i.postimg.cc/nzCffpVL/344324.png[/img][/center] You can now sort by several options: Price (low to high), Price (high to low), or Alphabetically. Switching between these sort options [b]will clear quantities and calc totals[/b]. I am currently debating which would be better or whether to implement a toggle! [size=5][b]Future Features[/b][/size] [LIST] [*] [s]A 'sort' option so that users may have the page sorted by price or alphabetically[/s] COMPLETE! [*] Bring back "Find" [*] Light?? Mode?? [*] Save-values toggles for sort/show options [*] Commas in total value for ez reading [/LIST] ----------------- [b]Changelog[/b] 02/26/2019: v1-beta release 12/10/2019: v2 release 12/17/2019: v2: show-only dropdown update 07/17/2020: v3 release
domcalcguidetitle.png
Current Version: 3.0.0
Link

Hi my name is Rowdy and I will never be a google spreadsheet wizard.

What it is:
A small online codepen GitHub Pages app that lists all of the Marketplace breed-change/primary/secondary/tertiary scrolls & their (first place) dom-discounted prices. You type in the quantity of each you want, press calculate, and voila! You get your total without having to do any STINKY. MATH.

How To Use:
Just type in how many of each item you want, press calculate, and you're done!
62a775414a726616ea50b667dea3afac.gif
(partial-view gif cus FR forums are narrow)

Current State-of-the-App

We are officially on V3! On github where I can mess around with implementing and deleting things to my heart's content. As always PLEASE let me know if you are a mobile user and have trouble. Screenshots appreciated with feedback.



Please notify me if something breaks, functionally or appearance-wise. As in, if you make the window smaller and suddenly text breaks/spills out of its "box". Or if at any point text is covering the quantity or 'find' boxes. My crappy CSS should not hinder functionality!


Current Features

Find
The find box is when you just can't see that one scroll you're looking for, even though you've looked up and down the list and back again! If you type in the name of the thing you're looking for, it will highlight the item for you!
Important Note: Find feature is CASE-SENSITIVE. AKA: Capital letters matter.

The FIND function got lost in the skeleton war. We will prevail and build again. Coming back SOON-ish!



Show-Only Dropdown
FqINtPM.png
Right below the calc/clear buttons you'll see a 'show only' dropdown menu now. You can sort between All genes, Modern, Ancient, Gaoler-only, or Banescale-only. Which should make calculating a breeze if you're only after a specific set of genes!
Switching between these views will clear quantities and calc totals. In the future I may look to implement a 'save values' button so you can switch between while preserving your quantity tallies.

Sort-By Dropdown
344324.png
You can now sort by several options: Price (low to high), Price (high to low), or Alphabetically.
Switching between these sort options will clear quantities and calc totals. I am currently debating which would be better or whether to implement a toggle!



Future Features
  • A 'sort' option so that users may have the page sorted by price or alphabetically COMPLETE!
  • Bring back "Find"
  • Light?? Mode??
  • Save-values toggles for sort/show options
  • Commas in total value for ez reading





Changelog
02/26/2019: v1-beta release
12/10/2019: v2 release
12/17/2019: v2: show-only dropdown update
07/17/2020: v3 release
Kat (she/her)/27/Ace/FRT+1 | Lore
g67EwfB.png
Pinglist:
Pinglist:
Kat (she/her)/27/Ace/FRT+1 | Lore
g67EwfB.png
final res, feel free to post
final res, feel free to post
Kat (she/her)/27/Ace/FRT+1 | Lore
g67EwfB.png
I received a lovely PM today from someone who has been using my calculator! It was good...It also put the fear of Tidelord in me that someone had been watching me make a mess while I thought I was the only one using the calculator. Thus producing several hours of updated code!

Version 2 is up! OP updated!
we're actually on v2.1.0 hehe oops

What's the difference? CSS mostly. The page will now 'squish' as uniform as it possibly can and should look better on mobile. Have I behaved as a good dev should and physically tested on my mobile device?

Absolutely not.

Sooo please report if any functionality flies out of the window if you're accessing on mobile!

* We're on Version 2 because the calc is at a NEW URL (aka I made a new pen on codepen). If you've previously bookmarked the calculator, the old url now shows a message and can redirect you to the current version. OP has also been updated with the new URL.

New #2: I put in a show-only dropdown that will slim down the list according to what you select! Only looking for banescale genes? Just select 'banescale' and watch all of that other crap disappear. Please be aware calculator values and item quantities WILL CLEAR when switching between views.

New #3: Items are now sorted ALPHABETICALLY where items were listed by price before. For now alphabetical seems quicker to use.

Other news:
- Where did the find button go?
That is an excellent question and when I find it I will berate it and place it back where it should be. It will be reappearing better than before! In v1 I was checking case-sensitivity which meant you had to match my case to properly find something. That will be fixed when it comes back!

- What about Light Mode?
I am not sure if anyone is using Light Mode. If you are just give me a yell and I will update it! Scream at me senpai.
I received a lovely PM today from someone who has been using my calculator! It was good...It also put the fear of Tidelord in me that someone had been watching me make a mess while I thought I was the only one using the calculator. Thus producing several hours of updated code!

Version 2 is up! OP updated!
we're actually on v2.1.0 hehe oops

What's the difference? CSS mostly. The page will now 'squish' as uniform as it possibly can and should look better on mobile. Have I behaved as a good dev should and physically tested on my mobile device?

Absolutely not.

Sooo please report if any functionality flies out of the window if you're accessing on mobile!

* We're on Version 2 because the calc is at a NEW URL (aka I made a new pen on codepen). If you've previously bookmarked the calculator, the old url now shows a message and can redirect you to the current version. OP has also been updated with the new URL.

New #2: I put in a show-only dropdown that will slim down the list according to what you select! Only looking for banescale genes? Just select 'banescale' and watch all of that other crap disappear. Please be aware calculator values and item quantities WILL CLEAR when switching between views.

New #3: Items are now sorted ALPHABETICALLY where items were listed by price before. For now alphabetical seems quicker to use.

Other news:
- Where did the find button go?
That is an excellent question and when I find it I will berate it and place it back where it should be. It will be reappearing better than before! In v1 I was checking case-sensitivity which meant you had to match my case to properly find something. That will be fixed when it comes back!

- What about Light Mode?
I am not sure if anyone is using Light Mode. If you are just give me a yell and I will update it! Scream at me senpai.
Kat (she/her)/27/Ace/FRT+1 | Lore
g67EwfB.png
Yaaaa <3 Great work at pumping out an update so fast!
I really like this tool. It's very easy on the eyes AND helpful.
Yaaaa <3 Great work at pumping out an update so fast!
I really like this tool. It's very easy on the eyes AND helpful.
35wQd0n.pnga04rvCk.pngt3V8gw9.png
[center][img]https://media.tenor.com/images/9c771f82de191180c79570b32d49daa7/tenor.gif[/img] This update is called "oops my hand slipped and I didn't update this for 7 months" ------------------ [size=6][b]Updated![/b] Version 3.0.0 is up![/size][/center] You might be reading through this and going, "Rowdy why do you bother versioning when you code like a manic raccoon and don't do minor updates?" That's a good question! I will let you know the answer when I become a responsible person. For now... [b]NEW:[/b] We find ourselves yet again at a new URL, hence v3.0, but I promise this is the last one! I felt this project was outgrowing codepen and wanted to move it to github for my own future's sake. With the calc now being on github, I can mess around a lot more without copy/pasting the entire calc onto a new pen and then having to backtrack approved changes to the original pen. [i]Actual[/i] version control! Goodie! [b]NEW #2:[/b] With another url-move I bring gifts as well! Or at least...one gift. A new sort-by option! This can be used in combination with "show-only" to sort via price or alphabetically. [b]NEW #3:[/b] This is probably a given, but I've updated the list of genes with everything that's come out recently! If you see anything missing, please let me know :> WHAT'S NEXT: [b]CSS Improvements:[/b] - The move from Codepen to a regular, full HTML page on GH meant that my nice css broke in half. I crie. I've spent most of my time messing with the CSS to make it squishable again, but it's not quite up to par. I'll be working on this. Meanwhile if you're in an uncommon width-range I am so sorry for your eyes. [b]Alphabetical-Sort Improvements:[/b] - I'll be real with you: I wanted this update out so I could feel like I accomplished something. In the next few days (I hope LOL) the 'alphabetical' sort WILL be getting another update. Right now it's sorting by the whole text for each item, so it will put 'banescale' before other things in the respective columns. I'm going to be switching this to only sort by actual [b]gene name[/b], so if you have view-all on, after the update it'll show cherub (modern) and cherub (banescale) next to each other. [b]Default Sort Improvement:[/b] - I am aware that right now the default-page sort is a weird mix of modern genes being low-to-high price but then the ancients are alphabetical. I'll get adjustments in for this! After I improve alphabetical-sort, I'll be setting it as the default. [b]Compact Mode/Icon Integration:[/b] - Maybe a compact mode?? I really adore the new primary/secondary/tert gene icons in dragon bios ([img]https://www1.flightrising.com/static/icons/primary-gene.png[/img]) and while I don't want to break ToS by using those exact icons, I think I'd like to make my own version (that color-coordinates with them for easy association) and put them in place of the text "Primary" "Secondary" etc I have right now. This will make the whole calc alot more compact. This will be coming in as a toggle if/when I do it.
tenor.gif
This update is called "oops my hand slipped and I didn't update this for 7 months"

Updated! Version 3.0.0 is up!

You might be reading through this and going, "Rowdy why do you bother versioning when you code like a manic raccoon and don't do minor updates?" That's a good question! I will let you know the answer when I become a responsible person. For now...

NEW: We find ourselves yet again at a new URL, hence v3.0, but I promise this is the last one! I felt this project was outgrowing codepen and wanted to move it to github for my own future's sake. With the calc now being on github, I can mess around a lot more without copy/pasting the entire calc onto a new pen and then having to backtrack approved changes to the original pen. Actual version control! Goodie!


NEW #2: With another url-move I bring gifts as well! Or at least...one gift. A new sort-by option! This can be used in combination with "show-only" to sort via price or alphabetically.


NEW #3: This is probably a given, but I've updated the list of genes with everything that's come out recently! If you see anything missing, please let me know :>



WHAT'S NEXT:

CSS Improvements:
- The move from Codepen to a regular, full HTML page on GH meant that my nice css broke in half. I crie. I've spent most of my time messing with the CSS to make it squishable again, but it's not quite up to par. I'll be working on this. Meanwhile if you're in an uncommon width-range I am so sorry for your eyes.

Alphabetical-Sort Improvements:
- I'll be real with you: I wanted this update out so I could feel like I accomplished something. In the next few days (I hope LOL) the 'alphabetical' sort WILL be getting another update. Right now it's sorting by the whole text for each item, so it will put 'banescale' before other things in the respective columns. I'm going to be switching this to only sort by actual gene name, so if you have view-all on, after the update it'll show cherub (modern) and cherub (banescale) next to each other.

Default Sort Improvement:
- I am aware that right now the default-page sort is a weird mix of modern genes being low-to-high price but then the ancients are alphabetical. I'll get adjustments in for this! After I improve alphabetical-sort, I'll be setting it as the default.

Compact Mode/Icon Integration:
- Maybe a compact mode?? I really adore the new primary/secondary/tert gene icons in dragon bios (primary-gene.png) and while I don't want to break ToS by using those exact icons, I think I'd like to make my own version (that color-coordinates with them for easy association) and put them in place of the text "Primary" "Secondary" etc I have right now. This will make the whole calc alot more compact. This will be coming in as a toggle if/when I do it.
Kat (she/her)/27/Ace/FRT+1 | Lore
g67EwfB.png