Merge branch 'swatantrya' into remove-templates

Author: Valkyriezz

devel/ansible/roles/local/tasks/main.yml

@@ -1,3 +1,21 @@
+- name: Install RPM packages
+  become: true
+  dnf:
+    name:
+      - poetry
+      - gcc
+      - libffi-devel
+      - python3.13
+      - libpq-devel
+      - python3.13-devel
+      - npm
+      - supervisor
+    state: present
+    install_weak_deps: false
+
+- name: Set Poetry to use Python 3.13
+  command: poetry env use python3.13
+
 - name: Install the backend
   command: poetry install --all-extras
   register: result

frontend/public/docs/addendum.md

@@ -0,0 +1,75 @@
+# Fedora Badges
+
+[Fedora Badges](https://badges.fedoraproject.org) is a fun website built to recognize contributors to the [Fedora Project](https://fedoraproject.org), help new and existing Fedora contributors find different ways to get involved, and encourage the improvement of Fedora's infrastructure.
+
+![Fedora Badges](https://badges.fedoraproject.org/pngs/badges_fan.png)
+
+## How does Badges work?
+
+It's really easy! Just [sign in to Badges](https://badges.fedoraproject.org/oidc/login) with your [Fedora account](https://accounts.fedoraproject.org/), and you'll see you have at least one badge right away. Congratulations - you're a Badger! If you participate in Fedora in any way, you'll probably notice Badges popping up on your profile as you go about your business, though sadly we don't cover every area of Fedora yet - we're doing our best to make sure we reward as many forms of participation as we can!
+
+Want to see how your badge collection compares with others? Check the [Leaderboard](https://badges.fedoraproject.org/leaderboard). Jonesing for more badges? You can check the [Badge index](https://badges.fedoraproject.org/explore/badges) to see all the badges and get to work on your collection! Click on a badge to see how to get it - but we intentionally didn't spell it all out exactly. Part of the fun is figuring it out!
+
+Another cool thing: the Badges site is mobile-optimized, so you can easily keep track of your badges on the go!
+
+## Why don't I have all the Badges I should?
+
+There are a few reasons why unfortunately you might not get some badges you would expect to receive. First of all, the infrastructure that underlies Badges has only been running since late 2012 (and some pieces since early 2013), and so for many Badges, we can't take contributions from before those dates into account. We're really sorry. We wish we could. We've filed a ticket requesting someone build us a time machine; logically speaking, though, if it was going to be closed, [it would've been closed immediately](http://boardgamegeek.com/boardgame/2297/us-patent-number-1)...
+
+Secondly, in the case of some badges, you need to perform one action after signing up for Badges, to sort of 'prime the pump' (this is not really how it works. No pumps are involved. We've checked.) The [Curious Penguin (Ask Fedora II)](https://badges.fedoraproject.org/badge/curious-penguin-ask-fedora-ii) Badge, for instance, requires you to ask or answer ten questions at [Ask Fedora](https://ask.fedoraproject.org). When you first join Badges, even if you've already done this, you won't see the badge - but as soon as you ask or answer just one more question, you'll get it.
+
+A special case of this problem affects Badges awarded for things you did before joining Badges, which you can't really do again - for instance, the [Proven Packager badge](https://badges.fedoraproject.org/badge/proven-packager), which is awarded when you join that group. We run a script to check for and award most of these badges regularly, so just sit back and be a patient Badger and you'll see them soon!
+
+## Who made it?
+
+Lots of people have contributed to the [frontend](https://github.com/fedora-infra/tahrir/graphs/contributors) and the [backend](https://github.com/fedora-infra/fedbadges/graphs/contributors). Various people have also [contributed Badge ideas, art and definitions](https://pagure.io/Fedora-Badges/commits/master). We hang out in `#fedora-apps` on freenode, we have a [mailing list](https://lists.fedoraproject.org/mailman/listinfo/badges), and a [wiki SIG page](https://fedoraproject.org/wiki/Open_Badges).
+
+## Can I submit new badge ideas and help build badges?
+
+Yes! We'd love you to! Just head over to the [new badge tracker](https://pagure.io/Fedora-Badges), or see the [wiki page](https://fedoraproject.org/wiki/Open_Badges#Getting_Involved) for more information.
+
+## Can I help work on the technologies that underlie Badges?
+
+Absolutely! Please join us! Starting at the bottom of the stack:
+
+- [fedmsg](https://github.com/fedora-infra/fedora-messaging) is the Fedora message bus that most badges ultimately rely on
+- [datanommer](https://apps.fedoraproject.org/datagrepper) pulls every fedmsg message into a database
+- [fedbadges](https://github.com/fedora-infra/fedbadges) is the actual badge awarder
+- [tahrir](https://github.com/fedora-infra/tahrir) is the frontend you're looking at right now
+- [tahrir-api](https://github.com/fedora-infra/tahrir-api) is the API for tahrir
+
+# Technical Questions and Details
+
+## Once more, with feeling: How does Badges work?
+
+If you mean how does it WORK work, it's pretty cool! Fedora Badges takes advantage of [fedmsg](https://github.com/fedora-infra/fedora-messaging) (Fedora Infrastructure's Message Bus) and [datanommer](https://apps.fedoraproject.org/datagrepper) to determine what kinds of contributions a person is making.
+
+The badge awarding backend daemon, [fedbadges](https://github.com/fedora-infra/fedbadges), wakes up when it receives a fedmsg event. It compares that message and the history in datanommer against a series of [rules](https://pagure.io/Fedora-Badges/blob/master/f/rules). If a contributor matches the criteria described in one of those rules, then they are **awarded a badge** in real time.
+
+The frontend that you're looking at now is a web application called [tahrir](https://github.com/fedora-infra/tahrir). We tried as much as we could to keep Tahrir "brand agnostic", so you can install it, run it on your own platform, and issue badges to your friends! Some assembly required.
+
+## How long has the badge awarder been running?
+
+Since August 7th, 2013.
+
+## How long has datanommer been storing the fedmsg history?
+
+Since October 16th, 2012 [(1)](http://threebean.org/blog/datanommer-and-fedmsg-activity/).
+
+## Why exactly can't badges for events be automatically awarded retrospectively?
+
+First, remember that the badge awarding daemon wakes up in response to new [fedmsg](https://github.com/fedora-infra/fedora-messaging) events and that it checks the [history of fedmsg](https://apps.fedoraproject.org/datagrepper) in order to make determinations about who gets what badge at that moment.
+
+To award that Proven Packager badge, the awarder waits for [a message](http://www.fedmsg.com/en/latest/topics/#fas-group-member-sponsor) from the [Fedora Account System (FAS)](https://admin.fedoraproject.org/accounts) indicating that a user has been added to that group. When we receive it, we wake up, verify it, and award the badge.
+
+Since you've been a member of that group for longer than the badge awarder has been running it has never had the occasion to check if you should be awarded the badge. At the time of the launch of Fedora Badges, we've been working around this by manually running a script every few days that doles out these group-based badges to newly-logged-in users. We really should put it in a cronjob to make our lives easier.
+
+Of course, we can't use a simple script to retroactively award badges based on large and complex pre-fedmsg activity like package builds, so many Badgers won't have as many badges for package builds and similar activity as they really ought to. The fedmsg project only started in 2012 and the history only [started being tracked in October of that year](http://threebean.org/blog/datanommer-and-fedmsg-activity/). Koji events didn't come until much later, until January 2013. So Fedora Badges only knows about your builds since then. Don't be disheartened! There's so much more to hack and do.
+
+There's a tentative plan to write a bigger script that will go back over old Koji logs and so on, generate appropriate fedmsg messages but (of course!) not actually broadcast them, and instead feed them straight into datanommer. That should let us catch up on a lot of old activity.
+
+## Can I embed my badges in my blog?
+
+Our frontend app doesn't provide the tools directly, but we do allow you to export your badges to Mozilla's [Open Badges Backpack](https://backpack.openbadges.org) and _they_ provide [some tools for embedding your badges elsewhere](https://github.com/mozilla/openbadges/wiki/Open-Badges-related-widgets).
+
+Click the _Export Badges_ button on your profile, login via Mozilla's "Persona" with your `FASUSERNAME@fedoraproject.org` email address, and create custom badge displays there.

frontend/src/components/accoitem.jsx

@@ -1,34 +1,48 @@
+import { useState } from "react";
 import { Col, Image, OverlayTrigger, Popover } from "react-bootstrap";
 import { Link } from "react-router";
 
 import { obtainRarityBack, obtainRarityEdge, obtainRarityText, relativeImageUrl } from "../features/util.js";
 
 export default function AccoItem({ iden, name, body, foot, shot, rare }) {
+  const [show, makeShow] = useState(false);
+
   if (shot) {
     shot = relativeImageUrl(shot);
   }
 
   return (
     <OverlayTrigger
       placement="auto"
+      show={show}
+      onToggle={makeShow}
       overlay={
-        <Popover className={`bodyelem ${obtainRarityEdge(rare)}`}>
+        <Popover
+          className={`bodyelem ${obtainRarityEdge(rare)}`}
+          onMouseEnter={() => makeShow(true)}
+          onMouseLeave={() => makeShow(false)}
+        >
           <Popover.Header
             className={`p-2 fw-bold text-truncate ${obtainRarityBack(rare) || "bg-secondary text-white"}`}
           >
             {name}
           </Popover.Header>
-          <Popover.Body className="p-2 small">
+          <Popover.Body className="p-2 small" style={{ userSelect: "text" }}>
             <p>{body}</p>
             <p className="mb-0 text-secondary fst-italic">
-              <span className={`text-truncate fw-bold ${obtainRarityText(rare)}`}>Rarity {rare}</span> • Created on{" "}
-              {foot}
+              <Link
+                to={`/rarities/${rare}`}
+                className={`text-truncate fw-bold text-decoration-none ${obtainRarityText(rare)}`}
+              >
+                Rarity {rare}
+              </Link>{" "}
+              • Created on {foot}
             </p>
           </Popover.Body>
         </Popover>
       }
     >
-      <Col xs={3} md={1} lg={1}>
+      <Col xs={3} md={1} lg={1} onMouseEnter={() => makeShow(true)} onMouseLeave={() => makeShow(false)}>
         <Link to={`/accolade/${iden}`} tabIndex="0">
           <Image src={shot} className="w-100 h-100" alt={name} />
         </Link>

frontend/src/components/findlist.jsx

@@ -17,11 +17,7 @@ export default function FindList({ type, list, hide }) {
         >
           <Image
             rounded={true}
-            src={
-              type === "accolade"
-                ? relativeImageUrl(unit.image)
-                : portraitProvider(unit.email, 40)
-            }
+            src={type === "accolade" ? relativeImageUrl(unit.image) : portraitProvider(unit.email, 40)}
             width="40"
             height="40"
             className="me-2"

frontend/src/crud/assertions/create.jsx

@@ -3,8 +3,8 @@ import { Button, Card, Col, Dropdown, FloatingLabel, Form, Image, Row } from "re
 import { useDispatch } from "react-redux";
 
 import { useCreationAvermentMutation, useLookupAccoladeQuery, useLookupIdentityQuery } from "../../features/call.js";
-import { showBaseNote } from "../../features/part.js";
 import { useLoadingState } from "../../features/hooks.js";
+import { showBaseNote } from "../../features/part.js";
 import { portraitProvider, relativeImageUrl } from "../../features/util.js";
 
 export default function AssertionCreationForm() {

frontend/src/crud/assertions/delete.jsx

@@ -3,8 +3,8 @@ import { Button, Card, Col, Dropdown, FloatingLabel, Form, Image, Row } from "re
 import { useDispatch } from "react-redux";
 
 import { useDeletionAvermentMutation, useLookupAccoladeQuery, useLookupIdentityQuery } from "../../features/call.js";
-import { showBaseNote } from "../../features/part.js";
 import { useLoadingState } from "../../features/hooks.js";
+import { showBaseNote } from "../../features/part.js";
 import { portraitProvider, relativeImageUrl } from "../../features/util.js";
 
 export default function AssertionDeleteForm() {

frontend/src/crud/authorizations/create.jsx

@@ -3,8 +3,8 @@ import { Button, Card, Col, Dropdown, FloatingLabel, Form, Image, Row } from "re
 import { useDispatch } from "react-redux";
 
 import { useCreationSanctionMutation, useLookupAccoladeQuery, useLookupIdentityQuery } from "../../features/call.js";
-import { showBaseNote } from "../../features/part.js";
 import { useLoadingState } from "../../features/hooks.js";
+import { showBaseNote } from "../../features/part.js";
 import { portraitProvider, relativeImageUrl } from "../../features/util.js";
 
 export default function AuthorizationCreationForm() {

frontend/src/crud/authorizations/delete.jsx

@@ -3,8 +3,8 @@ import { Button, Card, Col, Dropdown, FloatingLabel, Form, Image, Row } from "re
 import { useDispatch } from "react-redux";
 
 import { useDeletionSanctionMutation, useLookupAccoladeQuery, useLookupIdentityQuery } from "../../features/call.js";
-import { showBaseNote } from "../../features/part.js";
 import { useLoadingState } from "../../features/hooks.js";
+import { showBaseNote } from "../../features/part.js";
 import { portraitProvider, relativeImageUrl } from "../../features/util.js";
 
 export default function AuthorizationDeletionForm() {

frontend/src/crud/badges/create.jsx

@@ -3,8 +3,8 @@ import { Button, Card, Col, FloatingLabel, Form, Row } from "react-bootstrap";
 import { useDispatch } from "react-redux";
 
 import { useCreationAccoladeMutation } from "../../features/call.js";
-import { showBaseNote } from "../../features/part.js";
 import { useLoadingState } from "../../features/hooks.js";
+import { showBaseNote } from "../../features/part.js";
 
 export default function BadgeCreationForm() {
   const dispatch = useDispatch();

frontend/src/crud/badges/update.jsx

@@ -4,8 +4,8 @@ import { useDispatch } from "react-redux";
 import { useParams } from "react-router";
 
 import { useLookupAccoladeQuery, useRetrieveAccoladeQuery, useUpdationAccoladeMutation } from "../../features/call.js";
-import { showBaseNote } from "../../features/part.js";
 import { useLoadingState } from "../../features/hooks.js";
+import { showBaseNote } from "../../features/part.js";
 import { formatTime, relativeImageUrl } from "../../features/util.js";
 
 export default function BadgeUpdateForm() {