Custom JavaScripts for ffxiv-the-hunt.net -> Faloop! integration

Features

Effects on ffxiv-the-hunt.net

• Overwrite the CSS

  Set blue color to the reports which is reported by Faloop. Also replace the uid string to "Faloop!".

  

• Add "Open Faloop!" link

  Add integration link to the S-mob reports (exclude forgiven rebellion) which is NOT reported by Faloop.

  

  It link and lauches Faloop App in new window with following URL.

  https://faloop.app/[worldname]?mobid=[mobid]&time=[timeofdeath]

  Parameter	Description
  worldname	world name in lowercase string
  mobid	mob id in integer
  timeofdeath	time of death in unixtime millisec. median of the candidate reports

Effects on Faloop!

• Automatically open the "Report" tab, set default Time of Death and show confirmation dialog.

  When Faloop is launched with mobid and time URL query parametes, it tries to open the "Report" tab, set the default Time of Death and show confirmation dialog. The user still have to confirm and submit the report manually, but it will reduce the chance or input mistakes.

  

Sample movie

https://lanaklein14.github.io/lanaklein14.github.io/hunt-faloop-integration.mp4 (deprecated)

Tested environment

OS	Browser	Extension/Addon	Comment
PC	Chrome	Tampermonkey	recommend
PC	Firefox	Greasemonkey or Tampermonkey	recommend
Android	Firefox	Greasemonkey or Tampermonkey	recommend
PC	Chrome	User Javascript and CSS

Setup Guide (for PC Chrome with "Tampermonkey" extension)

1. Install the prerequisite extension

   1. Install Tampermonkey extension to Chrome.

2. Import custom javascripts for integration

   1. Click here on Chrome.

   2. Click "Install" in the following confirmation window.

      

Setup Guide (for PC/Android Firefox with "Greasemonkey" or "Tampermonkey" addon)

1. Install the prerequisite extension

   1. Install either Greasemonkey or Tampermonkey addon to Firefox.

2. Import custom javascripts for integration

   1. Click here on Firefox.

   2. Click "Install" in the following confirmation window. The screen shot is in case of Greasemonkey.

      

Setup Guide (for PC Chrome with "User JavaScript and CSS" extension)

1. Install the prerequisite extension

   1. Install User JavaScript and CSS extension to Chrome.

2. Import custom javascripts for integration

   1. Click "User JavaScript and CSS" extension "Gear" icon to open to the Top page.

   2. In "Libraries" tab, add the following javascript file.

      Name	URL
      HuntFaloop	https://lanaklein14.github.io/lanaklein14.github.io/HuntFaloop.user.js

      

   3. Close the page.

3. Create rule for ffxiv-the-hunt.net

   1. Navigate to https://ffxiv-the-hunt.net/

   2. Click "User JavaScript and CSS" extension "+Add new" button.

   3. Enter "//" in JS pane to enable saving. Leave the CSS pane empty.

   4. Click the hamburger button (next to the save button) and check "HuntFaloop".

      

   5. Click the save button.

   6. Close the page.

4. Create rule for Faloop!

   1. Navigate to https://faloop.app/

   2. Click "User JavaScript and CSS" extension "+Add new" button.

   3. Enter "//" in JS pane to enable saving. Leave the CSS pane empty.

   4. Click the hamburger button (next to the save button) and check "HuntFaloop".

      

   5. Click the save button.

   6. Close the page.