=== Goal
This ticket is for adding a //Compare// tab to the redesigned CheckUser interface. This step is where the actual CheckUser data will be exposed.
=== Mock
https://prtksxna.github.io/wmf-cu-prototype/index.html
{F31091218, width=500}
=== Filters
* Hide the following users
** Auto-completes with usernames being displayed in the table below
** On adding a username to the widget, the result rows for that username go away
* Hide the following IPs
** Auto-completes with IP address being displayed in the table below
** On adding an IP to the widget, the result rows for that IP address go away
* What happens when the user gets rid of all the rows in the table with the filters -
{F31097028}
* We'd need to have a loading animation for when the results are being filtered/reloaded -
{F31097036}
https://codepen.io/Volker_E/pen/yqNXMe
=== Data tables
==== The information we want to display
===== Common stuff
1. **Activity**
** //Datetime of their first known edit from that IP// - //Datetime of their last known edit from that IP//
2. **User-agent**
** Shows the complete UA string
** !!@Prtksxna We'd need to accommodate long UA strings in this column for now. What's the best way to handle this?!!
** **Note** - The mock includes splitting the UA and showing device info (phone vs desktop). We'll do that in future iterations. Let's start with the very basics.
===== Uncommon stuff
**If they looked up a username**
3. **Username**
** The username being looked up.
4. **IP**
** This is the IP address the edit/action was made from.
** The IP address doesn't link anywhere (unlike the mock currently)
** A count for number of edits made from that IP address in that time period from that user in bold
** Following the mock, there is a count for how many edits were made from that IP address by other users (//$x from $y other users//)
** User-customizable list of links under the IP address - this is currently customized on the wiki by https://en.wikipedia.org/wiki/MediaWiki:Checkuser-toollinks. We should use the same config variable for now.
{F31091266}
**If they looked up an IP**
3. **IP**
** The IPs being looked up (Separately or within a range) in the input form
** User-customizable list of links under the IP address - this is currently customized on the wiki by https://en.wikipedia.org/wiki/MediaWiki:Checkuser-toollinks. We should use the same config variable for now.
{F31091266}
4. **Username**
** Users editing from the given IP address(es). The field contains a //-// if to show edits/actions from unregistered users. !!@Prtksxna thoughts?!!
** A count for number of edits made from that username from that IP address in that time period in bold
** A count for how many other edits were made by that user from other IPs (//$x from $y other IPs)
==== Option 1: Two tables - usernames and IPs
Two separate tables -
1) For usernames submitted in the input form
|**Username**|**Activity**|**IP**|**User-agent**|
|Apples|August 12, 11:00 - September 13, 10:00|1.2.3.4 - **17 edits** (10 from 3 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
||August 16, 13:00 - September 1, 8:00|1.5.6.4 - **123 edits** (1560 from 35 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
2) For IP addresses or ranges submitted in the input form
|**IP**|**Activity**|**Username**|**User-agent**|
|1.2.3.4|August 1, 11:00 - September 10, 10:00|//Unregistered// - 25 edits|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
||August 12, 11:00 - September 13, 10:00|Apples - **17 edits** (5 from other IPs)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Chrome/605.1.3|
||September 1, 11:00 - September 13, 10:00|Grapes - **5 edits** (3 from other IPs)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
==== Option 2: One table - visual distinction between which ones were entered by user
|**Username**|**Activity**|**IP**|**User-agent**|
| {icon check-circle color=green} Apples|August 12, 11:00 - September 13, 10:00|1.2.3.4 - **17 edits** (10 from 3 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
| {icon check-circle color=green} Apples|August 16, 13:00 - September 1, 8:00|1.5.6.4 - **123 edits** (1560 from 35 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
| {icon check-circle color=green} Bananas|August 12, 11:00 - September 13, 10:00|1.2.3.4 - **17 edits** (10 from 3 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
| {icon check-circle color=green} Bananas|August 16, 13:00 - September 1, 8:00|1.5.6.4 - **123 edits** (1560 from 35 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
|Grapes|August 12, 11:00 - September 13, 10:00| {icon check-circle color=green} 1.5.6.7 - **17 edits** (10 from 3 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
|//Unregistered//|August 16, 13:00 - September 1, 8:00| {icon check-circle color=green} 1.5.6.7 - **123 edits** (1560 from 35 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
|Pineapples|August 12, 11:00 - September 13, 10:00| {icon check-circle color=green} 1.9.8.4 - **17 edits** (10 from 3 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|
|//Unregistered//|August 16, 13:00 - September 1, 8:00| {icon check-circle color=green} 1.9.8.4 - **123 edits** (1560 from 35 other users)|Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15|