From 9c2f27bcdbf0c3673f68d3a08b2461b72539fd69 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Wed, 28 Jun 2023 16:05:24 +0100
Subject: [PATCH 01/14] referrals: 1/2 generation routes, display route,
 partial frontend

route for generation/enabling of referral for user(s) done? the frontend
is mostly done, but functionality is not there yet. Route for finding
and displaying referral to user is done. Also the config option for
referral is there, in user page settings.
---
 api-invites.go          |  6 +++
 api-userpage.go         | 66 ++++++++++++++++++++++++++++++
 api-users.go            | 54 +++++++++++++++++++++++++
 config/config-base.json | 16 ++++++++
 html/admin.html         | 30 ++++++++++++++
 lang/admin/en-us.json   |  7 ++++
 models.go               | 12 ++++++
 router.go               |  6 +++
 storage.go              | 47 +++++++++++----------
 ts/admin.ts             |  4 ++
 ts/modules/accounts.ts  | 90 +++++++++++++++++++++++++++++++++++++++++
 ts/typings/d.ts         |  2 +
 views.go                |  1 +
 13 files changed, 320 insertions(+), 21 deletions(-)

diff --git a/api-invites.go b/api-invites.go
index 4d94a0d..8042e2e 100644
--- a/api-invites.go
+++ b/api-invites.go
@@ -16,6 +16,9 @@ import (
 func (app *appContext) checkInvites() {
 	currentTime := time.Now()
 	for _, data := range app.storage.GetInvites() {
+		if data.IsReferral {
+			continue
+		}
 		expiry := data.ValidTill
 		if !currentTime.After(expiry) {
 			continue
@@ -222,6 +225,9 @@ func (app *appContext) GetInvites(gc *gin.Context) {
 	app.checkInvites()
 	var invites []inviteDTO
 	for _, inv := range app.storage.GetInvites() {
+		if inv.IsReferral {
+			continue
+		}
 		_, months, days, hours, minutes, _ := timeDiff(inv.ValidTill, currentTime)
 		invite := inviteDTO{
 			Code:        inv.Code,
diff --git a/api-userpage.go b/api-userpage.go
index a517ee8..30f50a6 100644
--- a/api-userpage.go
+++ b/api-userpage.go
@@ -3,11 +3,18 @@ package main
 import (
 	"net/http"
 	"os"
+	"strconv"
 	"strings"
 	"time"
 
 	"github.com/gin-gonic/gin"
 	"github.com/golang-jwt/jwt"
+	"github.com/lithammer/shortuuid/v3"
+	"github.com/timshannon/badgerhold/v4"
+)
+
+const (
+	REFERRAL_EXPIRY_DAYS = 365
 )
 
 // @Summary Returns the logged-in user's Jellyfin ID & Username, and other details.
@@ -621,3 +628,62 @@ func (app *appContext) ChangeMyPassword(gc *gin.Context) {
 	}
 	respondBool(204, true, gc)
 }
+
+// @Summary Get or generate a new referral code.
+// @Produce json
+// @Success 200 {object} GetMyReferralRespDTO
+// @Failure 400 {object} boolResponse
+// @Failure 401 {object} boolResponse
+// @Failure 500 {object} boolResponse
+// @Router /my/referral [get]
+// @Security Bearer
+// @Tags User Page
+func (app *appContext) GetMyReferral(gc *gin.Context) {
+	// 1. Look for existing template bound to this Jellyfin ID
+	//    If one exists, that means its just for us and so we
+	//    can use it directly.
+	inv := Invite{}
+	err := app.storage.db.Find(&inv, badgerhold.Where("ReferrerJellyfinID").Eq(gc.GetString("jfId")))
+	if err != nil {
+		// 2. Look for a template matching the key found in the user storage
+		//    Since this key is shared between a profile, we make a copy.
+		user, ok := app.storage.GetEmailsKey(gc.GetString("jfId"))
+		err = app.storage.db.Get(user.ReferralTemplateKey, &inv)
+		if !ok || err != nil {
+			app.debug.Printf("Ignoring referral request, couldn't find template.")
+			respondBool(400, false, gc)
+			return
+		}
+		inv.Code = shortuuid.New()
+		// make sure code doesn't begin with number
+		_, err := strconv.Atoi(string(inv.Code[0]))
+		for err == nil {
+			inv.Code = shortuuid.New()
+			_, err = strconv.Atoi(string(inv.Code[0]))
+		}
+		inv.Created = time.Now()
+		inv.ValidTill = inv.Created.Add(REFERRAL_EXPIRY_DAYS * 24 * time.Hour)
+		inv.IsReferral = true
+		app.storage.SetInvitesKey(inv.Code, inv)
+	} else if time.Now().After(inv.ValidTill) {
+		// 3. We found an invite for us, but it's expired.
+		//    We delete it from storage, and put it back with a fresh code and expiry.
+		app.storage.DeleteInvitesKey(inv.Code)
+		inv.Code = shortuuid.New()
+		// make sure code doesn't begin with number
+		_, err := strconv.Atoi(string(inv.Code[0]))
+		for err == nil {
+			inv.Code = shortuuid.New()
+			_, err = strconv.Atoi(string(inv.Code[0]))
+		}
+		inv.Created = time.Now()
+		inv.ValidTill = inv.Created.Add(REFERRAL_EXPIRY_DAYS * 24 * time.Hour)
+		app.storage.SetInvitesKey(inv.Code, inv)
+	}
+	gc.JSON(200, GetMyReferralRespDTO{
+		Code:          inv.Code,
+		RemainingUses: inv.RemainingUses,
+		NoLimit:       inv.NoLimit,
+		Expiry:        inv.ValidTill,
+	})
+}
diff --git a/api-users.go b/api-users.go
index 28a040e..43a9acb 100644
--- a/api-users.go
+++ b/api-users.go
@@ -3,12 +3,14 @@ package main
 import (
 	"fmt"
 	"os"
+	"strconv"
 	"strings"
 	"time"
 
 	"github.com/gin-gonic/gin"
 	"github.com/golang-jwt/jwt"
 	"github.com/hrfee/mediabrowser"
+	"github.com/lithammer/shortuuid/v3"
 )
 
 // @Summary Creates a new Jellyfin user without an invite.
@@ -629,6 +631,58 @@ func (app *appContext) ExtendExpiry(gc *gin.Context) {
 	respondBool(204, true, gc)
 }
 
+// @Summary Enable referrals for the given user(s) based on the rules set in the given invite code, or profile.
+// @Produce json
+// @Param mode path string true "mode of template sourcing from 'invite' or 'profile'."
+// @Param source path string true "invite code or profile name, depending on what mode is."
+// @Success 200 {object} boolResponse
+// @Failure 400 {object} boolResponse
+// @Failure 500 {object} boolResponse
+// @Router /users/referral/{mode}/{source} [post]
+// @Security Bearer
+// @tags Users
+func (app *appContext) EnableReferralForUsers(gc *gin.Context) {
+	var req EnableDisableReferralDTO
+	gc.BindJSON(&req)
+	mode := gc.Param("mode")
+	source := gc.Param("source")
+
+	baseInv := Invite{}
+	if mode == "profile" {
+		profile, ok := app.storage.GetProfileKey(source)
+		err := app.storage.db.Get(profile.ReferralTemplateKey, &baseInv)
+		if !ok || profile.ReferralTemplateKey == "" || err != nil {
+			app.debug.Printf("Couldn't find template to source from")
+			respondBool(400, false, gc)
+			return
+
+		}
+	} else if mode == "invite" {
+		// Get the invite, and modify it to turn it into a referral
+		err := app.storage.db.Get(source, &baseInv)
+		if err != nil {
+			app.debug.Printf("Couldn't find invite to source from")
+			respondBool(400, false, gc)
+			return
+		}
+	}
+	for _, u := range req.Users {
+		inv := baseInv
+		inv.Code = shortuuid.New()
+		// make sure code doesn't begin with number
+		_, err := strconv.Atoi(string(inv.Code[0]))
+		for err == nil {
+			inv.Code = shortuuid.New()
+			_, err = strconv.Atoi(string(inv.Code[0]))
+		}
+		inv.Created = time.Now()
+		inv.ValidTill = inv.Created.Add(REFERRAL_EXPIRY_DAYS * 24 * time.Hour)
+		inv.IsReferral = true
+		inv.ReferrerJellyfinID = u
+		app.storage.SetInvitesKey(inv.Code, inv)
+	}
+}
+
 // @Summary Send an announcement via email to a given list of users.
 // @Produce json
 // @Param announcementDTO body announcementDTO true "Announcement request object"
diff --git a/config/config-base.json b/config/config-base.json
index 5d4fbe4..f567927 100644
--- a/config/config-base.json
+++ b/config/config-base.json
@@ -405,6 +405,22 @@
                     "depends_true": "enabled",
                     "required": "false",
                     "description": "Click the edit icon next to the \"User Page\" Setting to add custom Markdown messages that will be shown to the user. Note message cards are not private, little effort is required for anyone to view them."
+                },
+                "referrals": {
+                    "name": "User Referrals",
+                    "required": false,
+                    "requires_restart": false,
+                    "type": "bool",
+                    "value": true,
+                    "description": "Users are given their own \"invite\" to send to others."
+                },
+                "referrals_note": {
+                    "name": "Using Referrals:",
+                    "type": "note",
+                    "value": "",
+                    "depends_true": "referrals",
+                    "required": "false",
+                    "description": "Create an invite with your desired settings, then either assign it to a user in the accounts tab, or to a profile in settings."
                 }
             }
         },
diff --git a/html/admin.html b/html/admin.html
index 81fd381..538cbc6 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -17,6 +17,7 @@
             window.jellyfinLogin = {{ .jellyfinLogin }};
             window.jfAdminOnly = {{ .jfAdminOnly }};
             window.jfAllowAll = {{ .jfAllowAll }};
+            window.referralsEnabled = {{ .referralsEnabled }};
         </script>
         <title>Admin - jfa-go</title>
         {{ template "header.html" . }}
@@ -107,6 +108,34 @@
                 </label>
             </form>
         </div>
+        {{ if .referralsEnabled }}
+        <div id="modal-enable-referrals-user" class="modal">
+            <form class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3" id="form-enable-referrals-user" href="">
+                <span class="heading"><span id="header-enable-referrals-user"></span> <span class="modal-close">&times;</span></span>
+                <p class="content my-4">{{ .strings.enableReferralsDescription }}</p>
+                <div class="flex flex-row mb-4">
+                    <label class="flex-row-group mr-2">
+                        <input type="radio" name="enable-referrals-user-source" class="unfocused" id="radio-referrals-use-profile" checked>
+                        <span class="button ~neutral @high supra full-width center">{{ .strings.profile }}</span>
+                    </label>
+                    <label class="flex-row-group ml-2">
+                        <input type="radio" name="enable-referrals-user-source" class="unfocused" id="radio-referrals-use-invite">
+                        <span class="button ~neutral @low supra full-width center">{{ .strings.invite }}</span>
+                    </label>
+                </div>
+                <div class="select ~neutral @low mb-4">
+                    <select id="enable-referrals-user-profiles"></select>
+                </div>
+                <div class="select ~neutral @low mb-4 unfocused">
+                    <select id="enable-referrals-user-invites"></select>
+                </div>
+                <label>
+                    <input type="submit" class="unfocused">
+                    <span class="button ~urge @low full-width center supra submit">{{ .strings.apply }}</span>
+                </label>
+            </form>
+        </div>
+        {{ end }}
         <div id="modal-delete-user" class="modal">
             <form class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3" id="form-delete-user" href="">
                 <span class="heading"><span id="header-delete-user"></span> <span class="modal-close">&times;</span></span>
@@ -613,6 +642,7 @@
                             </div>
                         </div>
                         <span class="col button ~urge @low center max-w-[20%]" id="accounts-modify-user">{{ .strings.modifySettings }}</span>
+                        <span class="col button ~urge @low center max-w-[20%]" id="accounts-enable-referrals">{{ .strings.enableReferrals }}</span>
                         <span class="col button ~warning @low center max-w-[20%]" id="accounts-extend-expiry">{{ .strings.extendExpiry }}</span>
                         <div id="accounts-disable-enable-dropdown" class="col dropdown manual pb-0i max-w-[20%]" tabindex="0">
                             <span class="w-100 button ~positive @low center" id="accounts-disable-enable">{{ .strings.disable }}</span>
diff --git a/lang/admin/en-us.json b/lang/admin/en-us.json
index db9773f..354f7ad 100644
--- a/lang/admin/en-us.json
+++ b/lang/admin/en-us.json
@@ -4,6 +4,7 @@
     },
     "strings": {
         "invites": "Invites",
+        "invite": "Invite",
         "accounts": "Accounts",
         "settings": "Settings",
         "inviteMonths": "Months",
@@ -63,6 +64,8 @@
         "markdownSupported": "Markdown is supported.",
         "modifySettings": "Modify Settings",
         "modifySettingsDescription": "Apply settings from an existing profile, or source them directly from a user.",
+        "enableReferrals": "Enable Referrals",
+        "enableReferralsDescription": "Give users their a referral link similiar to an invite, to send to friends/family. Can be sourced from a referral template in a profile, or from an exsiting invite.",
         "applyHomescreenLayout": "Apply homescreen layout",
         "sendDeleteNotificationEmail": "Send notification message",
         "sendDeleteNotifiationExample": "Your account has been deleted.",
@@ -160,6 +163,10 @@
             "singular": "Modify Settings for {n} user",
             "plural": "Modify Settings for {n} users"
         },
+        "enableReferralsFor": {
+            "singular": "Enable Referrals for {n} user",
+            "plural": "Enable Referrals for {n} users"
+        },
         "deleteNUsers": {
             "singular": "Delete {n} user",
             "plural": "Delete {n} users"
diff --git a/models.go b/models.go
index 7120d06..c075193 100644
--- a/models.go
+++ b/models.go
@@ -414,3 +414,15 @@ type ChangeMyPasswordDTO struct {
 	Old string `json:"old"`
 	New string `json:"new"`
 }
+
+type GetMyReferralRespDTO struct {
+	Code          string    `json:"code"`
+	RemainingUses int       `json:"remaining-uses"`
+	NoLimit       bool      `json:"no-limit"`
+	Expiry        time.Time `json:"expiry"` // Come back after this time to get a new referral
+}
+
+type EnableDisableReferralDTO struct {
+	Users   []string `json:"users"`
+	Enabled bool     `json:"enabled"`
+}
diff --git a/router.go b/router.go
index 56754df..bc2ad70 100644
--- a/router.go
+++ b/router.go
@@ -226,6 +226,9 @@ func (app *appContext) loadRoutes(router *gin.Engine) {
 			api.DELETE(p+"/profiles/ombi/:profile", app.DeleteOmbiProfile)
 		}
 		api.POST(p+"/matrix/login", app.MatrixLogin)
+		if app.config.Section("user_page").Key("referrals").MustBool(false) {
+			api.POST(p+"/users/referral/:mode/:source", app.EnableReferralForUsers)
+		}
 
 		if userPageEnabled {
 			user.GET(p+"/details", app.MyDetails)
@@ -242,6 +245,9 @@ func (app *appContext) loadRoutes(router *gin.Engine) {
 			user.DELETE(p+"/telegram", app.UnlinkMyTelegram)
 			user.DELETE(p+"/matrix", app.UnlinkMyMatrix)
 			user.POST(p+"/password", app.ChangeMyPassword)
+			if app.config.Section("user_page").Key("referrals").MustBool(false) {
+				user.GET(p+"/referral", app.GetMyReferral)
+			}
 		}
 	}
 }
diff --git a/storage.go b/storage.go
index c7aa0bb..5d8a527 100644
--- a/storage.go
+++ b/storage.go
@@ -429,15 +429,16 @@ type DiscordUser struct {
 	Discriminator string
 	Lang          string
 	Contact       bool
-	JellyfinID    string `json:"-" badgerhold:"key"` // Used internally in discord.go
+	JellyfinID    string `json:"-" badgerhold:"key"`
 }
 
 type EmailAddress struct {
-	Addr       string `badgerhold:"index"`
-	Label      string // User Label.
-	Contact    bool
-	Admin      bool   // Whether or not user is jfa-go admin.
-	JellyfinID string `badgerhold:"key"`
+	Addr                string `badgerhold:"index"`
+	Label               string // User Label.
+	Contact             bool
+	Admin               bool   // Whether or not user is jfa-go admin.
+	JellyfinID          string `badgerhold:"key"`
+	ReferralTemplateKey string
 }
 
 type customEmails struct {
@@ -470,16 +471,17 @@ type userPageContent struct {
 // timePattern: %Y-%m-%dT%H:%M:%S.%f
 
 type Profile struct {
-	Name          string                     `badgerhold:"key"`
-	Admin         bool                       `json:"admin,omitempty" badgerhold:"index"`
-	LibraryAccess string                     `json:"libraries,omitempty"`
-	FromUser      string                     `json:"fromUser,omitempty"`
-	Homescreen    bool                       `json:"homescreen"`
-	Policy        mediabrowser.Policy        `json:"policy,omitempty"`
-	Configuration mediabrowser.Configuration `json:"configuration,omitempty"`
-	Displayprefs  map[string]interface{}     `json:"displayprefs,omitempty"`
-	Default       bool                       `json:"default,omitempty"`
-	Ombi          map[string]interface{}     `json:"ombi,omitempty"`
+	Name                string                     `badgerhold:"key"`
+	Admin               bool                       `json:"admin,omitempty" badgerhold:"index"`
+	LibraryAccess       string                     `json:"libraries,omitempty"`
+	FromUser            string                     `json:"fromUser,omitempty"`
+	Homescreen          bool                       `json:"homescreen"`
+	Policy              mediabrowser.Policy        `json:"policy,omitempty"`
+	Configuration       mediabrowser.Configuration `json:"configuration,omitempty"`
+	Displayprefs        map[string]interface{}     `json:"displayprefs,omitempty"`
+	Default             bool                       `json:"default,omitempty"`
+	Ombi                map[string]interface{}     `json:"ombi,omitempty"`
+	ReferralTemplateKey string
 }
 
 type Invite struct {
@@ -495,11 +497,14 @@ type Invite struct {
 	UserMinutes   int       `json:"user-minutes,omitempty"`
 	SendTo        string    `json:"email"`
 	// Used to be stored as formatted time, now as Unix.
-	UsedBy   [][]string                 `json:"used-by"`
-	Notify   map[string]map[string]bool `json:"notify"`
-	Profile  string                     `json:"profile"`
-	Label    string                     `json:"label,omitempty"`
-	Captchas map[string]*captcha.Data   // Map of Captcha IDs to answers
+	UsedBy                     [][]string                 `json:"used-by"`
+	Notify                     map[string]map[string]bool `json:"notify"`
+	Profile                    string                     `json:"profile"`
+	Label                      string                     `json:"label,omitempty"`
+	Captchas                   map[string]*captcha.Data   // Map of Captcha IDs to answers
+	IsReferral                 bool                       `json:"is_referral" badgerhold:"index"`
+	ReferrerJellyfinID         string                     `json:"referrer_id"`
+	ReferrerTemplateForProfile string
 }
 
 type Lang struct {
diff --git a/ts/admin.ts b/ts/admin.ts
index df65535..7b68895 100644
--- a/ts/admin.ts
+++ b/ts/admin.ts
@@ -78,6 +78,10 @@ window.availableProfiles = window.availableProfiles || [];
     if (window.linkResetEnabled) {
         window.modals.sendPWR = new Modal(document.getElementById("modal-send-pwr"));
     }
+
+    if (window.referralsEnabled) {
+        window.modals.enableReferralsUser = new Modal(document.getElementById("modal-enable-referrals-user"));
+    }
 })();
 
 var inviteCreator = new createInvite();
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index 3a56bce..180343b 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -748,9 +748,14 @@ export class accountsList {
     private _modifySettings = document.getElementById("accounts-modify-user") as HTMLSpanElement;
     private _modifySettingsProfile = document.getElementById("radio-use-profile") as HTMLInputElement;
     private _modifySettingsUser = document.getElementById("radio-use-user") as HTMLInputElement;
+    private _enableReferrals = document.getElementById("accounts-enable-referrals") as HTMLSpanElement;
+    private _enableReferralsProfile = document.getElementById("radio-referrals-use-profile") as HTMLInputElement;
+    private _enableReferralsInvite = document.getElementById("radio-referrals-use-invite") as HTMLInputElement;
     private _sendPWR = document.getElementById("accounts-send-pwr") as HTMLSpanElement;
     private _profileSelect = document.getElementById("modify-user-profiles") as HTMLSelectElement;
     private _userSelect = document.getElementById("modify-user-users") as HTMLSelectElement;
+    private _referralsProfileSelect = document.getElementById("enable-referrals-user-profiles") as HTMLSelectElement;
+    private _referralsInviteSelect = document.getElementById("enable-referrals-user-invites") as HTMLSelectElement;
     private _search = document.getElementById("accounts-search") as HTMLInputElement;
 
     private _selectAll = document.getElementById("accounts-select-all") as HTMLInputElement;
@@ -1154,6 +1159,9 @@ export class accountsList {
             this._selectAll.indeterminate = false;
             this._selectAll.checked = false;
             this._modifySettings.classList.add("unfocused");
+            if (window.referralsEnabled) {
+                this._enableReferrals.classList.add("unfocused");
+            }
             this._deleteUser.classList.add("unfocused");
             if (window.emailEnabled || window.telegramEnabled) {
                 this._announceButton.parentElement.classList.add("unfocused");
@@ -1176,6 +1184,9 @@ export class accountsList {
                 this._selectAll.indeterminate = true;
             }
             this._modifySettings.classList.remove("unfocused");
+            if (window.referralsEnabled) {
+                this._enableReferrals.classList.remove("unfocused");
+            }
             this._deleteUser.classList.remove("unfocused");
             this._deleteUser.textContent = window.lang.quantity("deleteUser", list.length);
             if (window.emailEnabled || window.telegramEnabled) {
@@ -1662,6 +1673,60 @@ export class accountsList {
         };
         window.modals.modifyUser.show();
     }
+    
+    enableReferrals = () => {
+        const modalHeader = document.getElementById("header-enable-referrals-user");
+        modalHeader.textContent = window.lang.quantity("enableReferralsFor", this._collectUsers().length)
+        let list = this._collectUsers();
+        // FIXME: Collect Profiles, Invite
+        (() => {
+            let innerHTML = "";
+            for (const profile of window.availableProfiles) {
+                innerHTML += `<option value="${profile}">${profile}</option>`;
+            }
+            this._referralsProfileSelect.innerHTML = innerHTML;
+        })();
+
+        (() => {
+            let innerHTML = "";
+            // for (let id in this._users) {
+            //     innerHTML += `<option value="${id}">${this._users[id].name}</option>`;
+            // }
+            this._referralsInviteSelect.innerHTML = innerHTML;
+        })();
+
+        const form = document.getElementById("form-enable-referrals-user") as HTMLFormElement;
+        const button = form.querySelector("span.submit") as HTMLSpanElement;
+        this._enableReferralsProfile.checked = true;
+        this._enableReferralsInvite.checked = false;
+        form.onsubmit = (event: Event) => {
+            event.preventDefault();
+            toggleLoader(button);
+            let send = {
+                "users": list
+            };
+            if (this._enableReferralsProfile.checked && !this._enableReferralsInvite.checked) { 
+                send["from"] = "profile";
+                send["profile"] = this._referralsProfileSelect.value;
+            } else if (this._enableReferralsInvite.checked && !this._enableReferralsProfile.checked) {
+                send["from"] = "invite";
+                send["id"] = this._referralsInviteSelect.value;
+            }
+            _post("/users/referrals/" + send["from"] + "/" + send["id"], send, (req: XMLHttpRequest) => {
+                if (req.readyState == 4) {
+                    toggleLoader(button);
+                    if (req.status == 400) {
+                        window.notifications.customError("unknownError", window.lang.notif("errorUnknown"));
+                    } else if (req.status == 200 || req.status == 204) {
+                        window.notifications.customSuccess("enableReferralsSuccess", window.lang.quantity("appliedSettings", this._collectUsers().length));
+                    }
+                    this.reload();
+                    window.modals.enableReferralsUser.close();
+                }
+            });
+        };
+        window.modals.enableReferralsUser.show();
+    }
 
     extendExpiry = (enableUser?: boolean) => {
         const list = this._collectUsers();
@@ -1794,6 +1859,31 @@ export class accountsList {
         this._modifySettingsProfile.onchange = checkSource;
         this._modifySettingsUser.onchange = checkSource;
 
+        if (window.referralsEnabled) {
+            this._enableReferrals.onclick = this.enableReferrals;
+            const checkReferralSource = () => {
+                const profileSpan = this._enableReferralsProfile.nextElementSibling as HTMLSpanElement;
+                const inviteSpan = this._enableReferralsInvite.nextElementSibling as HTMLSpanElement;
+                if (this._enableReferralsProfile.checked) {
+                    this._referralsInviteSelect.parentElement.classList.add("unfocused");
+                    this._referralsProfileSelect.parentElement.classList.remove("unfocused")
+                    profileSpan.classList.add("@high");
+                    profileSpan.classList.remove("@low");
+                    inviteSpan.classList.remove("@high");
+                    inviteSpan.classList.add("@low");
+                } else {
+                    this._referralsInviteSelect.parentElement.classList.remove("unfocused");
+                    this._referralsProfileSelect.parentElement.classList.add("unfocused");
+                    inviteSpan.classList.add("@high");
+                    inviteSpan.classList.remove("@low");
+                    profileSpan.classList.remove("@high");
+                    profileSpan.classList.add("@low");
+                }
+            };
+            this._enableReferralsProfile.onchange = checkReferralSource;
+            this._enableReferralsInvite.onchange = checkReferralSource;
+        }
+
         this._deleteUser.onclick = this.deleteUsers;
         this._deleteUser.classList.add("unfocused");
 
diff --git a/ts/typings/d.ts b/ts/typings/d.ts
index cae4f54..7b440c6 100644
--- a/ts/typings/d.ts
+++ b/ts/typings/d.ts
@@ -40,6 +40,7 @@ declare interface Window {
     jellyfinLogin: boolean;
     jfAdminOnly: boolean;
     jfAllowAll: boolean;
+    referralsEnabled: boolean;
 }
 
 declare interface Update {
@@ -113,6 +114,7 @@ declare interface Modals {
     pwr?: Modal;
     logs: Modal;
     email?: Modal;
+    enableReferralsUser?: Modal;
 }
 
 interface Invite {
diff --git a/views.go b/views.go
index f2e2dbc..8b2bcf3 100644
--- a/views.go
+++ b/views.go
@@ -173,6 +173,7 @@ func (app *appContext) AdminPage(gc *gin.Context) {
 		"jfAdminOnly":      jfAdminOnly,
 		"jfAllowAll":       jfAllowAll,
 		"userPageEnabled":  app.config.Section("user_page").Key("enabled").MustBool(false),
+		"referralsEnabled": app.config.Section("user_page").Key("enabled").MustBool(false) && app.config.Section("user_page").Key("referrals").MustBool(false),
 	})
 }
 

From c2f835c8973d9e7797efdfd09291bdbacf4ad2ee Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Fri, 30 Jun 2023 16:47:35 +0100
Subject: [PATCH 02/14] referrals: show data on enable referral for user modal

profiles and invites are properly shown.
---
 ts/modules/accounts.ts | 50 +++++++++++++++++++++++++++++-------------
 1 file changed, 35 insertions(+), 15 deletions(-)

diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index 180343b..a2762f9 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -924,7 +924,6 @@ export class accountsList {
 
         // const words = query.split(" ");
         let words: string[] = [];
-        // FIXME: SPLIT BY SPACE, UNLESS IN QUOTES
         
         let quoteSymbol = ``;
         let queryStart = -1;
@@ -990,7 +989,6 @@ export class accountsList {
                     boolState = false;
                 }
                 if (isBool) {
-                    // FIXME: Generate filter card for each filter class
                     const filterCard = document.createElement("span");
                     filterCard.ariaLabel = window.lang.strings("clickToRemoveFilter");
                     filterCard.classList.add("button", "~" + (boolState ? "positive" : "critical"), "@high", "center", "mx-2", "h-full");
@@ -1678,21 +1676,42 @@ export class accountsList {
         const modalHeader = document.getElementById("header-enable-referrals-user");
         modalHeader.textContent = window.lang.quantity("enableReferralsFor", this._collectUsers().length)
         let list = this._collectUsers();
-        // FIXME: Collect Profiles, Invite
         (() => {
-            let innerHTML = "";
-            for (const profile of window.availableProfiles) {
-                innerHTML += `<option value="${profile}">${profile}</option>`;
-            }
-            this._referralsProfileSelect.innerHTML = innerHTML;
+            _get("/invites", null, (req: XMLHttpRequest) => {
+                if (req.readyState != 4 || req.status != 200) return;
+
+                // 1. Invites
+
+                let innerHTML = "";
+                let invites = req.response["invites"] as Array<Invite>;
+                window.availableProfiles = req.response["profiles"];
+                if (invites) {
+                    for (let inv of invites) {
+                        let name = inv.code;
+                        if (inv.label) {
+                            name = `${inv.label} (${inv.code})`;
+                        }
+                        innerHTML += `<option value="${inv.code}">${name}</option>`;
+                    }
+                } else {
+                    this._enableReferralsInvite.checked = false;
+                    this._enableReferralsProfile.checked = true;
+                    innerHTML += `<option>${window.lang.strings("inviteNoInvites")}</option>`;
+                }
+                this._referralsInviteSelect.innerHTML = innerHTML;
+            
+                // 2. Profiles
+
+                innerHTML = "";
+                for (const profile of window.availableProfiles) {
+                    innerHTML += `<option value="${profile}">${profile}</option>`;
+                }
+                this._referralsProfileSelect.innerHTML = innerHTML;
+            });
         })();
 
+        // FIXME: Collect Profiles, Invite
         (() => {
-            let innerHTML = "";
-            // for (let id in this._users) {
-            //     innerHTML += `<option value="${id}">${this._users[id].name}</option>`;
-            // }
-            this._referralsInviteSelect.innerHTML = innerHTML;
         })();
 
         const form = document.getElementById("form-enable-referrals-user") as HTMLFormElement;
@@ -1861,9 +1880,9 @@ export class accountsList {
 
         if (window.referralsEnabled) {
             this._enableReferrals.onclick = this.enableReferrals;
+            const profileSpan = this._enableReferralsProfile.nextElementSibling as HTMLSpanElement;
+            const inviteSpan = this._enableReferralsInvite.nextElementSibling as HTMLSpanElement;
             const checkReferralSource = () => {
-                const profileSpan = this._enableReferralsProfile.nextElementSibling as HTMLSpanElement;
-                const inviteSpan = this._enableReferralsInvite.nextElementSibling as HTMLSpanElement;
                 if (this._enableReferralsProfile.checked) {
                     this._referralsInviteSelect.parentElement.classList.add("unfocused");
                     this._referralsProfileSelect.parentElement.classList.remove("unfocused")
@@ -1882,6 +1901,7 @@ export class accountsList {
             };
             this._enableReferralsProfile.onchange = checkReferralSource;
             this._enableReferralsInvite.onchange = checkReferralSource;
+            checkReferralSource();
         }
 
         this._deleteUser.onclick = this.deleteUsers;

From 9e5034ebabd5dacc3ef8cdbb82e1c35b9de9fb2a Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Wed, 6 Sep 2023 22:00:44 +0100
Subject: [PATCH 03/14] referrals: enable referral for users & profiles

Enabling for individual users works, as does adding a template to a
profile. Removing/Disabling for both needs to be completed.
---
 api-profiles.go         | 82 +++++++++++++++++++++++++++++++++++---
 api-userpage.go         |  2 +-
 api-users.go            |  1 +
 config/config-base.json |  4 +-
 html/admin.html         | 21 +++++++++-
 lang/admin/en-us.json   |  4 +-
 lang/common/en-us.json  |  3 +-
 models.go               | 12 +++---
 router.go               |  2 +
 ts/admin.ts             |  1 +
 ts/modules/accounts.ts  | 35 +++++++++++------
 ts/modules/profiles.ts  | 87 ++++++++++++++++++++++++++++++++++++++++-
 ts/typings/d.ts         |  1 +
 13 files changed, 224 insertions(+), 31 deletions(-)

diff --git a/api-profiles.go b/api-profiles.go
index b118838..5220782 100644
--- a/api-profiles.go
+++ b/api-profiles.go
@@ -1,9 +1,11 @@
 package main
 
 import (
+	"strconv"
 	"time"
 
 	"github.com/gin-gonic/gin"
+	"github.com/lithammer/shortuuid/v3"
 	"github.com/timshannon/badgerhold/v4"
 )
 
@@ -19,13 +21,23 @@ func (app *appContext) GetProfiles(gc *gin.Context) {
 		DefaultProfile: app.storage.GetDefaultProfile().Name,
 		Profiles:       map[string]profileDTO{},
 	}
+	referralsEnabled := app.config.Section("user_page").Key("referrals").MustBool(false)
+	baseInv := Invite{}
 	for _, p := range app.storage.GetProfiles() {
-		out.Profiles[p.Name] = profileDTO{
-			Admin:         p.Admin,
-			LibraryAccess: p.LibraryAccess,
-			FromUser:      p.FromUser,
-			Ombi:          p.Ombi != nil,
+		pdto := profileDTO{
+			Admin:            p.Admin,
+			LibraryAccess:    p.LibraryAccess,
+			FromUser:         p.FromUser,
+			Ombi:             p.Ombi != nil,
+			ReferralsEnabled: false,
 		}
+		if referralsEnabled {
+			err := app.storage.db.Get(p.ReferralTemplateKey, &baseInv)
+			if p.ReferralTemplateKey != "" && err == nil {
+				pdto.ReferralsEnabled = true
+			}
+		}
+		out.Profiles[p.Name] = pdto
 	}
 	gc.JSON(200, out)
 }
@@ -111,3 +123,63 @@ func (app *appContext) DeleteProfile(gc *gin.Context) {
 	app.storage.DeleteProfileKey(name)
 	respondBool(200, true, gc)
 }
+
+// @Summary Enable referrals for a profile, sourced from the given invite by its code.
+// @Produce json
+// @Param profile path string true "name of profile to enable referrals for."
+// @Param invite path string true "invite code to create referral template from."
+// @Success 200 {object} boolResponse
+// @Failure 400 {object} stringResponse
+// @Failure 500 {object} stringResponse
+// @Router /profiles/referral/{profile}/{invite} [post]
+// @Security Bearer
+// @tags Profiles & Settings
+func (app *appContext) EnableReferralForProfile(gc *gin.Context) {
+	profileName := gc.Param("profile")
+	invCode := gc.Param("invite")
+	inv, ok := app.storage.GetInvitesKey(invCode)
+	if !ok {
+		respond(400, "Invalid invite code", gc)
+		app.err.Printf("\"%s\": Failed to enable referrals: invite not found", profileName)
+		return
+	}
+	profile, ok := app.storage.GetProfileKey(profileName)
+	if !ok {
+		respond(400, "Invalid profile", gc)
+		app.err.Printf("\"%s\": Failed to enable referrals: profile not found", profileName)
+		return
+	}
+
+	// Generate new code for referral template
+	inv.Code = shortuuid.New()
+	// make sure code doesn't begin with number
+	_, err := strconv.Atoi(string(inv.Code[0]))
+	for err == nil {
+		inv.Code = shortuuid.New()
+		_, err = strconv.Atoi(string(inv.Code[0]))
+	}
+	inv.Created = time.Now()
+	inv.ValidTill = inv.Created.Add(REFERRAL_EXPIRY_DAYS * 24 * time.Hour)
+	inv.IsReferral = true
+	// Since this is a template for multiple users, ReferrerJellyfinID is not set.
+	// inv.ReferrerJellyfinID = ...
+
+	app.storage.SetInvitesKey(inv.Code, inv)
+
+	profile.ReferralTemplateKey = inv.Code
+
+	app.storage.SetProfileKey(profile.Name, profile)
+
+	respondBool(200, true, gc)
+}
+
+// @Summary Disable referrals for a profile, and removes the referral template. no-op if not enabled.
+// @Produce json
+// @Param profile path string true "name of profile to enable referrals for."
+// @Success 200 {object} boolResponse
+// @Router /profiles/referral/{profile} [delete]
+// @Security Bearer
+// @tags Profiles & Settings
+func (app *appContext) DisableReferralForProfile(gc *gin.Context) {
+	respondBool(200, true, gc)
+}
diff --git a/api-userpage.go b/api-userpage.go
index 30f50a6..367448a 100644
--- a/api-userpage.go
+++ b/api-userpage.go
@@ -646,7 +646,7 @@ func (app *appContext) GetMyReferral(gc *gin.Context) {
 	err := app.storage.db.Find(&inv, badgerhold.Where("ReferrerJellyfinID").Eq(gc.GetString("jfId")))
 	if err != nil {
 		// 2. Look for a template matching the key found in the user storage
-		//    Since this key is shared between a profile, we make a copy.
+		//    Since this key is shared between users in a profile, we make a copy.
 		user, ok := app.storage.GetEmailsKey(gc.GetString("jfId"))
 		err = app.storage.db.Get(user.ReferralTemplateKey, &inv)
 		if !ok || err != nil {
diff --git a/api-users.go b/api-users.go
index 43a9acb..ce5441a 100644
--- a/api-users.go
+++ b/api-users.go
@@ -657,6 +657,7 @@ func (app *appContext) EnableReferralForUsers(gc *gin.Context) {
 			return
 
 		}
+		app.debug.Printf("Found referral template in profile: %+v\n", profile.ReferralTemplateKey)
 	} else if mode == "invite" {
 		// Get the invite, and modify it to turn it into a referral
 		err := app.storage.db.Get(source, &baseInv)
diff --git a/config/config-base.json b/config/config-base.json
index f567927..dd96956 100644
--- a/config/config-base.json
+++ b/config/config-base.json
@@ -385,7 +385,7 @@
                 "enabled": {
                     "name": "Enabled",
                     "required": false,
-                    "requires_restart": false,
+                    "requires_restart": true,
                     "type": "bool",
                     "value": true
                 },
@@ -409,7 +409,7 @@
                 "referrals": {
                     "name": "User Referrals",
                     "required": false,
-                    "requires_restart": false,
+                    "requires_restart": true,
                     "type": "bool",
                     "value": true,
                     "description": "Users are given their own \"invite\" to send to others."
diff --git a/html/admin.html b/html/admin.html
index 538cbc6..8eac284 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -135,6 +135,20 @@
                 </label>
             </form>
         </div>
+        <div id="modal-enable-referrals-profile" class="modal">
+            <form class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3" id="form-enable-referrals-profile" href="">
+                <span class="heading"><span id="header-enable-referrals-profile">{{ .strings.enableReferrals }}</span> <span class="modal-close">&times;</span></span>
+                <p class="content my-4">{{ .strings.enableReferralsProfileDescription }}</p>
+                <label class="supra" for="enable-referrals-profile-invites">{{ .strings.invite }}</label>
+                <div class="select ~neutral @low mb-4 mt-2">
+                    <select id="enable-referrals-profile-invites"></select>
+                </div>
+                <label>
+                    <input type="submit" class="unfocused">
+                    <span class="button ~urge @low full-width center supra submit">{{ .strings.apply }}</span>
+                </label>
+            </form>
+        </div>
         {{ end }}
         <div id="modal-delete-user" class="modal">
             <form class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3" id="form-delete-user" href="">
@@ -332,6 +346,9 @@
                                 {{ if .ombiEnabled }}
                                 <th>Ombi</th>
                                 {{ end }}
+                                {{ if .referralsEnabled }}
+                                <th>{{ .strings.referrals }}</th>
+                                {{ end }}
                                 <th>{{ .strings.from }}</th>
                                 <th>{{ .strings.userProfilesLibraries }}</th>
                                 <th><span class="button ~neutral @high" id="button-profile-create">{{ .strings.create }}</span></th>
@@ -642,7 +659,9 @@
                             </div>
                         </div>
                         <span class="col button ~urge @low center max-w-[20%]" id="accounts-modify-user">{{ .strings.modifySettings }}</span>
-                        <span class="col button ~urge @low center max-w-[20%]" id="accounts-enable-referrals">{{ .strings.enableReferrals }}</span>
+                        {{ if .referralsEnabled }}
+                            <span class="col button ~urge @low center max-w-[20%]" id="accounts-enable-referrals">{{ .strings.enableReferrals }}</span>
+                        {{ end }}
                         <span class="col button ~warning @low center max-w-[20%]" id="accounts-extend-expiry">{{ .strings.extendExpiry }}</span>
                         <div id="accounts-disable-enable-dropdown" class="col dropdown manual pb-0i max-w-[20%]" tabindex="0">
                             <span class="w-100 button ~positive @low center" id="accounts-disable-enable">{{ .strings.disable }}</span>
diff --git a/lang/admin/en-us.json b/lang/admin/en-us.json
index 354f7ad..d799318 100644
--- a/lang/admin/en-us.json
+++ b/lang/admin/en-us.json
@@ -65,7 +65,8 @@
         "modifySettings": "Modify Settings",
         "modifySettingsDescription": "Apply settings from an existing profile, or source them directly from a user.",
         "enableReferrals": "Enable Referrals",
-        "enableReferralsDescription": "Give users their a referral link similiar to an invite, to send to friends/family. Can be sourced from a referral template in a profile, or from an exsiting invite.",
+        "enableReferralsDescription": "Give users a personal referral link similiar to an invite, to send to friends/family. Can be sourced from a referral template in a profile, or from an existing invite.",
+        "enableReferralsProfileDescription": "Give users created with this profile a personal referral link similiar to an invite, to send to friends/family. Create an invite with the desired settings, then select it here. Each referral will then be based on this invite. You can delete the invite once complete.",
         "applyHomescreenLayout": "Apply homescreen layout",
         "sendDeleteNotificationEmail": "Send notification message",
         "sendDeleteNotifiationExample": "Your account has been deleted.",
@@ -135,6 +136,7 @@
         "updateAppliedRefresh": "Update applied, please refresh.",
         "telegramVerified": "Telegram account verified.",
         "accountConnected": "Account connected.",
+        "referralsEnabled": "Referrals enabled.",
         "errorSettingsAppliedNoHomescreenLayout": "Settings were applied, but applying homescreen layout may have failed.",
         "errorHomescreenAppliedNoSettings": "Homescreen layout was applied, but applying settings may have failed.",
         "errorSettingsFailed": "Application failed.",
diff --git a/lang/common/en-us.json b/lang/common/en-us.json
index 43539db..1c72c34 100644
--- a/lang/common/en-us.json
+++ b/lang/common/en-us.json
@@ -39,7 +39,8 @@
         "add": "Add",
         "edit": "Edit",
         "delete": "Delete",
-        "myAccount": "My Account"
+        "myAccount": "My Account",
+        "referrals": "Referrals"
     },
     "notifications": {
         "errorLoginBlank": "The username and/or password were left blank.",
diff --git a/models.go b/models.go
index c075193..357b0b7 100644
--- a/models.go
+++ b/models.go
@@ -71,10 +71,11 @@ type inviteProfileDTO struct {
 }
 
 type profileDTO struct {
-	Admin         bool   `json:"admin" example:"false"`   // Whether profile has admin rights or not
-	LibraryAccess string `json:"libraries" example:"all"` // Number of libraries profile has access to
-	FromUser      string `json:"fromUser" example:"jeff"` // The user the profile is based on
-	Ombi          bool   `json:"ombi"`                    // Whether or not Ombi settings are stored in this profile.
+	Admin            bool   `json:"admin" example:"false"`            // Whether profile has admin rights or not
+	LibraryAccess    string `json:"libraries" example:"all"`          // Number of libraries profile has access to
+	FromUser         string `json:"fromUser" example:"jeff"`          // The user the profile is based on
+	Ombi             bool   `json:"ombi"`                             // Whether or not Ombi settings are stored in this profile.
+	ReferralsEnabled bool   `json:"referrals_enabled" example:"true"` // Whether or not the profile has referrals enabled, and has a template invite stored.
 }
 
 type getProfilesDTO struct {
@@ -423,6 +424,5 @@ type GetMyReferralRespDTO struct {
 }
 
 type EnableDisableReferralDTO struct {
-	Users   []string `json:"users"`
-	Enabled bool     `json:"enabled"`
+	Users []string `json:"users"`
 }
diff --git a/router.go b/router.go
index bc2ad70..4042c87 100644
--- a/router.go
+++ b/router.go
@@ -228,6 +228,8 @@ func (app *appContext) loadRoutes(router *gin.Engine) {
 		api.POST(p+"/matrix/login", app.MatrixLogin)
 		if app.config.Section("user_page").Key("referrals").MustBool(false) {
 			api.POST(p+"/users/referral/:mode/:source", app.EnableReferralForUsers)
+			api.POST(p+"/profiles/referral/:profile/:invite", app.EnableReferralForProfile)
+			api.DELETE(p+"/profiles/referral/:profile", app.DisableReferralForProfile)
 		}
 
 		if userPageEnabled {
diff --git a/ts/admin.ts b/ts/admin.ts
index 7b68895..f29fe2b 100644
--- a/ts/admin.ts
+++ b/ts/admin.ts
@@ -81,6 +81,7 @@ window.availableProfiles = window.availableProfiles || [];
 
     if (window.referralsEnabled) {
         window.modals.enableReferralsUser = new Modal(document.getElementById("modal-enable-referrals-user"));
+        window.modals.enableReferralsProfile = new Modal(document.getElementById("modal-enable-referrals-profile"));
     }
 })();
 
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index a2762f9..563589c 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -1127,7 +1127,7 @@ export class accountsList {
                 }
             }
         }
-        return result
+        return result;
     };
 
 
@@ -1693,11 +1693,12 @@ export class accountsList {
                         }
                         innerHTML += `<option value="${inv.code}">${name}</option>`;
                     }
+                    this._enableReferralsInvite.checked = true;
                 } else {
                     this._enableReferralsInvite.checked = false;
-                    this._enableReferralsProfile.checked = true;
                     innerHTML += `<option>${window.lang.strings("inviteNoInvites")}</option>`;
                 }
+                this._enableReferralsProfile.checked = !(this._enableReferralsInvite.checked);
                 this._referralsInviteSelect.innerHTML = innerHTML;
             
                 // 2. Profiles
@@ -1710,20 +1711,15 @@ export class accountsList {
             });
         })();
 
-        // FIXME: Collect Profiles, Invite
-        (() => {
-        })();
-
         const form = document.getElementById("form-enable-referrals-user") as HTMLFormElement;
         const button = form.querySelector("span.submit") as HTMLSpanElement;
-        this._enableReferralsProfile.checked = true;
-        this._enableReferralsInvite.checked = false;
         form.onsubmit = (event: Event) => {
             event.preventDefault();
             toggleLoader(button);
             let send = {
                 "users": list
             };
+            // console.log("profile:", this._enableReferralsProfile.checked, this._enableReferralsInvite.checked); 
             if (this._enableReferralsProfile.checked && !this._enableReferralsInvite.checked) { 
                 send["from"] = "profile";
                 send["profile"] = this._referralsProfileSelect.value;
@@ -1731,7 +1727,7 @@ export class accountsList {
                 send["from"] = "invite";
                 send["id"] = this._referralsInviteSelect.value;
             }
-            _post("/users/referrals/" + send["from"] + "/" + send["id"], send, (req: XMLHttpRequest) => {
+            _post("/users/referral/" + send["from"] + "/" + (send["id"] ? send["id"] : send["profile"]), send, (req: XMLHttpRequest) => {
                 if (req.readyState == 4) {
                     toggleLoader(button);
                     if (req.status == 400) {
@@ -1744,6 +1740,8 @@ export class accountsList {
                 }
             });
         };
+        this._enableReferralsProfile.checked = true;
+        this._enableReferralsInvite.checked = false;
         window.modals.enableReferralsUser.show();
     }
 
@@ -1879,10 +1877,10 @@ export class accountsList {
         this._modifySettingsUser.onchange = checkSource;
 
         if (window.referralsEnabled) {
-            this._enableReferrals.onclick = this.enableReferrals;
             const profileSpan = this._enableReferralsProfile.nextElementSibling as HTMLSpanElement;
             const inviteSpan = this._enableReferralsInvite.nextElementSibling as HTMLSpanElement;
             const checkReferralSource = () => {
+                console.log("States:", this._enableReferralsProfile.checked, this._enableReferralsInvite.checked);
                 if (this._enableReferralsProfile.checked) {
                     this._referralsInviteSelect.parentElement.classList.add("unfocused");
                     this._referralsProfileSelect.parentElement.classList.remove("unfocused")
@@ -1899,9 +1897,20 @@ export class accountsList {
                     profileSpan.classList.add("@low");
                 }
             };
-            this._enableReferralsProfile.onchange = checkReferralSource;
-            this._enableReferralsInvite.onchange = checkReferralSource;
-            checkReferralSource();
+            profileSpan.onclick = () => {
+                this._enableReferralsProfile.checked = true;
+                this._enableReferralsInvite.checked = false;
+                checkReferralSource();
+            };
+            inviteSpan.onclick = () => {;
+                this._enableReferralsInvite.checked = true;
+                this._enableReferralsProfile.checked = false;
+                checkReferralSource();
+            };
+            this._enableReferrals.onclick = () => {
+                this.enableReferrals();
+                profileSpan.onclick(null);
+            };
         }
 
         this._deleteUser.onclick = this.deleteUsers;
diff --git a/ts/modules/profiles.ts b/ts/modules/profiles.ts
index 39ad52c..7824ed3 100644
--- a/ts/modules/profiles.ts
+++ b/ts/modules/profiles.ts
@@ -5,6 +5,7 @@ interface Profile {
     libraries: string;
     fromUser: string;
     ombi: boolean;
+    referrals_enabled: boolean;
 }
 
 class profile implements Profile {
@@ -16,6 +17,8 @@ class profile implements Profile {
     private _fromUser: HTMLTableDataCellElement;
     private _defaultRadio: HTMLInputElement;
     private _ombi: boolean;
+    private _referralsButton: HTMLSpanElement;
+    private _referralsEnabled: boolean;
 
     get name(): string { return this._name.textContent; }
     set name(v: string) { this._name.textContent = v; }
@@ -51,7 +54,22 @@ class profile implements Profile {
 
     get fromUser(): string { return this._fromUser.textContent; }
     set fromUser(v: string) { this._fromUser.textContent = v; }
-    
+   
+    get referrals_enabled(): boolean { return this._referralsEnabled; }
+    set referrals_enabled(v: boolean) {
+        if (!window.referralsEnabled) return;
+        this._referralsEnabled = v;
+        if (v) {
+            this._referralsButton.textContent = window.lang.strings("delete");
+            this._referralsButton.classList.add("~critical");
+            this._referralsButton.classList.remove("~neutral");
+        } else {
+            this._referralsButton.textContent = window.lang.strings("add");
+            this._referralsButton.classList.add("~neutral");
+            this._referralsButton.classList.remove("~critical");
+        }
+    }
+
     get default(): boolean { return this._defaultRadio.checked; }
     set default(v: boolean) { this._defaultRadio.checked = v; }
 
@@ -64,6 +82,9 @@ class profile implements Profile {
         if (window.ombiEnabled) innerHTML += `
             <td><span class="button @low profile-ombi"></span></td>
         `;
+        if (window.referralsEnabled) innerHTML += `
+            <td><span class="button @low profile-referrals"></span></td>
+        `;
         innerHTML += `
             <td class="profile-from ellipsis"></td>
             <td class="profile-libraries"></td>
@@ -75,6 +96,8 @@ class profile implements Profile {
         this._libraries = this._row.querySelector("td.profile-libraries") as HTMLTableDataCellElement;
         if (window.ombiEnabled)
             this._ombiButton = this._row.querySelector("span.profile-ombi") as HTMLSpanElement;
+        if (window.referralsEnabled)
+            this._referralsButton = this._row.querySelector("span.profile-referrals") as HTMLSpanElement;
         this._fromUser = this._row.querySelector("td.profile-from") as HTMLTableDataCellElement;
         this._defaultRadio = this._row.querySelector("input[type=radio]") as HTMLInputElement;
         this._defaultRadio.onclick = () => document.dispatchEvent(new CustomEvent("profiles-default", { detail: this.name }));
@@ -89,9 +112,11 @@ class profile implements Profile {
         this.fromUser = p.fromUser;
         this.libraries = p.libraries;
         this.ombi = p.ombi;
+        this.referrals_enabled = p.referrals_enabled;
     }
 
     setOmbiFunc = (ombiFunc: (ombi: boolean) => void) => { this._ombiButton.onclick = () => ombiFunc(this._ombi); }
+    setReferralFunc = (referralFunc: (enabled: boolean) => void) => { this._referralsButton.onclick = () => referralFunc(this._referralsEnabled); }
 
     remove = () => { document.dispatchEvent(new CustomEvent("profiles-delete", { detail: this._name })); this._row.remove(); }
 
@@ -143,6 +168,57 @@ export class ProfileEditor {
         }
     }
 
+    enableReferrals = (name: string) => {
+        const referralsInviteSelect = document.getElementById("enable-referrals-profile-invites") as HTMLSelectElement;
+        _get("/invites", null, (req: XMLHttpRequest) => {
+            if (req.readyState != 4 || req.status != 200) return;
+
+            let innerHTML = "";
+            let invites = req.response["invites"] as Array<Invite>;
+            window.availableProfiles = req.response["profiles"];
+            if (invites) {
+                for (let inv of invites) {
+                    let name = inv.code;
+                    if (inv.label) {
+                        name = `${inv.label} (${inv.code})`;
+                    }
+                    innerHTML += `<option value="${inv.code}">${name}</option>`;
+                }
+            } else {
+                innerHTML += `<option>${window.lang.strings("inviteNoInvites")}</option>`;
+            }
+            
+            referralsInviteSelect.innerHTML = innerHTML;
+        });
+
+        const form = document.getElementById("form-enable-referrals-profile") as HTMLFormElement;
+        const button = form.querySelector("span.submit") as HTMLSpanElement;
+        form.onsubmit = (event: Event) => {
+            event.preventDefault();
+            toggleLoader(button);
+
+            let send = {
+                "profile": name,
+                "invite": referralsInviteSelect.value
+            };
+            
+            _post("/profiles/referral/" + send["profile"] + "/" + send["invite"], send, (req: XMLHttpRequest) => {
+                if (req.readyState == 4) {
+                    toggleLoader(button);
+                    if (req.status == 400) {
+                        window.notifications.customError("unknownError", window.lang.notif("errorUnknown"));
+                    } else if (req.status == 200 || req.status == 204) {
+                        window.notifications.customSuccess("enableReferralsSuccess", window.lang.notif("referralsEnabled"));
+                    }
+                    window.modals.enableReferralsProfile.close();
+                    this.load();
+                }
+            });
+        };
+        window.modals.profiles.close();
+        window.modals.enableReferralsProfile.show();
+    };
+
     load = () => _get("/profiles", null, (req: XMLHttpRequest) => {
         if (req.readyState == 4) {
             if (req.status == 200) {
@@ -173,6 +249,15 @@ export class ProfileEditor {
                                         this._ombiProfiles.load(name);
                                     }
                                 });
+                            if (window.referralsEnabled)
+                                this._profiles[name].setReferralFunc((enabled: boolean) => {
+                                    if (enabled) {
+                                        // FIXME: Unlink template
+                                        console.log("FIXME");
+                                    } else {
+                                        this.enableReferrals(name);
+                                    }
+                                });
                             this._table.appendChild(this._profiles[name].asElement());
                         }
                     }
diff --git a/ts/typings/d.ts b/ts/typings/d.ts
index 7b440c6..9befa20 100644
--- a/ts/typings/d.ts
+++ b/ts/typings/d.ts
@@ -115,6 +115,7 @@ declare interface Modals {
     logs: Modal;
     email?: Modal;
     enableReferralsUser?: Modal;
+    enableReferralsProfile?: Modal;
 }
 
 interface Invite {

From cdc8f9af4bea3ab17577eea67bf2ed7671f7c270 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Wed, 6 Sep 2023 22:12:36 +0100
Subject: [PATCH 04/14] referrals: unlink/disable referrals for profile

---
 api-profiles.go        |  13 +++++
 ts/modules/profiles.ts | 106 +++++++++++++++++++++--------------------
 2 files changed, 68 insertions(+), 51 deletions(-)

diff --git a/api-profiles.go b/api-profiles.go
index 5220782..3623d33 100644
--- a/api-profiles.go
+++ b/api-profiles.go
@@ -181,5 +181,18 @@ func (app *appContext) EnableReferralForProfile(gc *gin.Context) {
 // @Security Bearer
 // @tags Profiles & Settings
 func (app *appContext) DisableReferralForProfile(gc *gin.Context) {
+	profileName := gc.Param("profile")
+	profile, ok := app.storage.GetProfileKey(profileName)
+	if !ok {
+		respondBool(200, true, gc)
+		return
+	}
+
+	app.storage.DeleteInvitesKey(profile.ReferralTemplateKey)
+
+	profile.ReferralTemplateKey = ""
+
+	app.storage.SetProfileKey(profileName, profile)
+
 	respondBool(200, true, gc)
 }
diff --git a/ts/modules/profiles.ts b/ts/modules/profiles.ts
index 7824ed3..8bf8c32 100644
--- a/ts/modules/profiles.ts
+++ b/ts/modules/profiles.ts
@@ -168,6 +168,61 @@ export class ProfileEditor {
         }
     }
 
+    load = () => _get("/profiles", null, (req: XMLHttpRequest) => {
+        if (req.readyState == 4) {
+            if (req.status == 200) {
+                let resp = req.response as profileResp;
+                if (Object.keys(resp.profiles).length == 0) {
+                    this.empty = true;
+                } else {
+                    this.empty = false;
+                    for (let name in resp.profiles) {
+                        if (name in this._profiles) {
+                            this._profiles[name].update(name, resp.profiles[name]);
+                        } else {
+                            this._profiles[name] = new profile(name, resp.profiles[name]);
+                            if (window.ombiEnabled)
+                                this._profiles[name].setOmbiFunc((ombi: boolean) => {
+                                    if (ombi) {
+                                        this._ombiProfiles.delete(name, (req: XMLHttpRequest) => {
+                                            if (req.readyState == 4) {
+                                                if (req.status != 204) {
+                                                    window.notifications.customError("errorDeleteOmbi", window.lang.notif("errorUnknown"));
+                                                    return;
+                                                }
+                                                this._profiles[name].ombi = false;
+                                            }
+                                        });
+                                    } else {
+                                        window.modals.profiles.close();
+                                        this._ombiProfiles.load(name);
+                                    }
+                                });
+                            if (window.referralsEnabled)
+                                this._profiles[name].setReferralFunc((enabled: boolean) => {
+                                    if (enabled) {
+                                        this.disableReferrals(name);
+                                    } else {
+                                        this.enableReferrals(name);
+                                    }
+                                });
+                            this._table.appendChild(this._profiles[name].asElement());
+                        }
+                    }
+                }
+                this.default = resp.default_profile;
+                window.modals.profiles.show();
+            } else {
+                window.notifications.customError("profileEditor", window.lang.notif("errorLoadProfiles"));
+            }
+        }
+    })
+
+    disableReferrals = (name: string) => _delete("/profiles/referral/" + name, null, (req: XMLHttpRequest) => {
+        if (req.readyState != 4) return;
+        this.load();
+    });
+
     enableReferrals = (name: string) => {
         const referralsInviteSelect = document.getElementById("enable-referrals-profile-invites") as HTMLSelectElement;
         _get("/invites", null, (req: XMLHttpRequest) => {
@@ -219,57 +274,6 @@ export class ProfileEditor {
         window.modals.enableReferralsProfile.show();
     };
 
-    load = () => _get("/profiles", null, (req: XMLHttpRequest) => {
-        if (req.readyState == 4) {
-            if (req.status == 200) {
-                let resp = req.response as profileResp;
-                if (Object.keys(resp.profiles).length == 0) {
-                    this.empty = true;
-                } else {
-                    this.empty = false;
-                    for (let name in resp.profiles) {
-                        if (name in this._profiles) {
-                            this._profiles[name].update(name, resp.profiles[name]);
-                        } else {
-                            this._profiles[name] = new profile(name, resp.profiles[name]);
-                            if (window.ombiEnabled)
-                                this._profiles[name].setOmbiFunc((ombi: boolean) => {
-                                    if (ombi) {
-                                        this._ombiProfiles.delete(name, (req: XMLHttpRequest) => {
-                                            if (req.readyState == 4) {
-                                                if (req.status != 204) {
-                                                    window.notifications.customError("errorDeleteOmbi", window.lang.notif("errorUnknown"));
-                                                    return;
-                                                }
-                                                this._profiles[name].ombi = false;
-                                            }
-                                        });
-                                    } else {
-                                        window.modals.profiles.close();
-                                        this._ombiProfiles.load(name);
-                                    }
-                                });
-                            if (window.referralsEnabled)
-                                this._profiles[name].setReferralFunc((enabled: boolean) => {
-                                    if (enabled) {
-                                        // FIXME: Unlink template
-                                        console.log("FIXME");
-                                    } else {
-                                        this.enableReferrals(name);
-                                    }
-                                });
-                            this._table.appendChild(this._profiles[name].asElement());
-                        }
-                    }
-                }
-                this.default = resp.default_profile;
-                window.modals.profiles.show();
-            } else {
-                window.notifications.customError("profileEditor", window.lang.notif("errorLoadProfiles"));
-            }
-        }
-    })
-
     constructor() {
         (document.getElementById('setting-profiles') as HTMLSpanElement).onclick = this.load;
         document.addEventListener("profiles-default", (event: CustomEvent) => {

From 729552a827a11d634b006d202148dab80d03093f Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Wed, 6 Sep 2023 22:46:16 +0100
Subject: [PATCH 05/14] referrals: Show enabled status on account list

---
 api-userpage.go        |  3 ++-
 api-users.go           | 27 +++++++++++++++++++++++----
 html/admin.html        |  3 +++
 models.go              |  1 +
 ts/modules/accounts.ts | 26 +++++++++++++++++++++++++-
 5 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/api-userpage.go b/api-userpage.go
index 367448a..2eaf22c 100644
--- a/api-userpage.go
+++ b/api-userpage.go
@@ -643,7 +643,7 @@ func (app *appContext) GetMyReferral(gc *gin.Context) {
 	//    If one exists, that means its just for us and so we
 	//    can use it directly.
 	inv := Invite{}
-	err := app.storage.db.Find(&inv, badgerhold.Where("ReferrerJellyfinID").Eq(gc.GetString("jfId")))
+	err := app.storage.db.FindOne(&inv, badgerhold.Where("ReferrerJellyfinID").Eq(gc.GetString("jfId")))
 	if err != nil {
 		// 2. Look for a template matching the key found in the user storage
 		//    Since this key is shared between users in a profile, we make a copy.
@@ -664,6 +664,7 @@ func (app *appContext) GetMyReferral(gc *gin.Context) {
 		inv.Created = time.Now()
 		inv.ValidTill = inv.Created.Add(REFERRAL_EXPIRY_DAYS * 24 * time.Hour)
 		inv.IsReferral = true
+		inv.ReferrerJellyfinID = gc.GetString("jfId")
 		app.storage.SetInvitesKey(inv.Code, inv)
 	} else if time.Now().After(inv.ValidTill) {
 		// 3. We found an invite for us, but it's expired.
diff --git a/api-users.go b/api-users.go
index ce5441a..c3d38f3 100644
--- a/api-users.go
+++ b/api-users.go
@@ -11,6 +11,7 @@ import (
 	"github.com/golang-jwt/jwt"
 	"github.com/hrfee/mediabrowser"
 	"github.com/lithammer/shortuuid/v3"
+	"github.com/timshannon/badgerhold/v4"
 )
 
 // @Summary Creates a new Jellyfin user without an invite.
@@ -668,6 +669,10 @@ func (app *appContext) EnableReferralForUsers(gc *gin.Context) {
 		}
 	}
 	for _, u := range req.Users {
+		// 1. Wipe out any existing referral codes.
+		app.storage.db.DeleteMatching(Invite{}, badgerhold.Where("ReferrerJellyfinID").Eq(u))
+
+		// 2. Generate referral invite.
 		inv := baseInv
 		inv.Code = shortuuid.New()
 		// make sure code doesn't begin with number
@@ -888,13 +893,15 @@ func (app *appContext) GetUsers(gc *gin.Context) {
 	}
 	adminOnly := app.config.Section("ui").Key("admin_only").MustBool(true)
 	allowAll := app.config.Section("ui").Key("allow_all").MustBool(false)
+	referralsEnabled := app.config.Section("user_page").Key("referrals").MustBool(false)
 	i := 0
 	for _, jfUser := range users {
 		user := respUser{
-			ID:       jfUser.ID,
-			Name:     jfUser.Name,
-			Admin:    jfUser.Policy.IsAdministrator,
-			Disabled: jfUser.Policy.IsDisabled,
+			ID:               jfUser.ID,
+			Name:             jfUser.Name,
+			Admin:            jfUser.Policy.IsAdministrator,
+			Disabled:         jfUser.Policy.IsDisabled,
+			ReferralsEnabled: false,
 		}
 		if !jfUser.LastActivityDate.IsZero() {
 			user.LastActive = jfUser.LastActivityDate.Unix()
@@ -923,6 +930,18 @@ func (app *appContext) GetUsers(gc *gin.Context) {
 			user.DiscordID = dcUser.ID
 			user.NotifyThroughDiscord = dcUser.Contact
 		}
+		// FIXME: Send referral data
+		referrerInv := Invite{}
+		if referralsEnabled {
+			// 1. Directly attached invite.
+			err := app.storage.db.FindOne(&referrerInv, badgerhold.Where("ReferrerJellyfinID").Eq(jfUser.ID))
+			if err == nil {
+				user.ReferralsEnabled = true
+				// 2. Referrals via profile template. Shallow check, doesn't look for the thing in the database.
+			} else if email, ok := app.storage.GetEmailsKey(jfUser.ID); ok && email.ReferralTemplateKey != "" {
+				user.ReferralsEnabled = true
+			}
+		}
 		resp.UserList[i] = user
 		i++
 	}
diff --git a/html/admin.html b/html/admin.html
index 8eac284..690a59a 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -693,6 +693,9 @@
                                     {{ if .discordEnabled }}
                                     <th class="text-center-i grid gap-4 place-items-stretch accounts-header-discord">Discord</th>
                                     {{ end }}
+                                    {{ if .referralsEnabled }}
+                                    <th class="text-center-i grid gap-4 place-items-stretch accounts-header-referrals">{{ .strings.referrals }}</th>
+                                    {{ end }}
                                     <th class="grid gap-4 place-items-stretch accounts-header-expiry">{{ .strings.expiry }}</th>
                                     <th class="grid gap-4 place-items-stretch accounts-header-last-active">{{ .strings.lastActiveTime }}</th>
                                 </tr>
diff --git a/models.go b/models.go
index 357b0b7..ee6e089 100644
--- a/models.go
+++ b/models.go
@@ -151,6 +151,7 @@ type respUser struct {
 	NotifyThroughMatrix   bool   `json:"notify_matrix"`
 	Label                 string `json:"label"`          // Label of user, shown next to their name.
 	AccountsAdmin         bool   `json:"accounts_admin"` // Whether or not the user is a jfa-go admin.
+	ReferralsEnabled      bool   `json:"referrals_enabled"`
 }
 
 type getUsersDTO struct {
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index 563589c..a35694e 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -23,6 +23,7 @@ interface User {
     notify_matrix: boolean;
     label: string;
     accounts_admin: boolean;
+    referrals_enabled: boolean;
 }
 
 interface getPinResponse {
@@ -69,6 +70,8 @@ class user implements User {
     private _labelEditButton: HTMLElement;
     private _accounts_admin: HTMLInputElement
     private _selected: boolean;
+    private _referralsEnabled: boolean;
+    private _referralsEnabledCheck: HTMLElement;
 
     lastNotifyMethod = (): string => {
         // Telegram, Matrix, Discord
@@ -162,6 +165,17 @@ class user implements User {
         }
     }
 
+    get referrals_enabled(): boolean { return this._referralsEnabled; }
+    set referrals_enabled(v: boolean) {
+        this._referralsEnabled = v;
+        if (!window.referralsEnabled) return;
+        if (!v) {
+            this._referralsEnabledCheck.textContent = ``;
+        } else {
+            this._referralsEnabledCheck.innerHTML = `<i class="ri-check-line" aria-label="${window.lang.strings("enabled")}"></i>`;
+        }
+    }
+
     private _constructDropdown = (): HTMLDivElement => {
         const el = document.createElement("div") as HTMLDivElement;
         const telegram = this._telegramUsername != "";
@@ -506,6 +520,11 @@ class user implements User {
             <td class="accounts-discord"></td>
             `;
         }
+        if (window.referralsEnabled) {
+            innerHTML += `
+            <td class="accounts-referrals text-center-i grid gap-4 place-items-stretch"></td>
+            `;
+        }
         innerHTML += `
         <td class="accounts-expiry"></td>
         <td class="accounts-last-active whitespace-nowrap"></td>
@@ -544,6 +563,10 @@ class user implements User {
                 });
             };
         }
+        
+        if (window.referralsEnabled) {
+            this._referralsEnabledCheck = this._row.querySelector(".accounts-referrals");
+        }
 
         this._notifyDropdown = this._constructDropdown();
 
@@ -716,6 +739,7 @@ class user implements User {
         this.discord_id = user.discord_id;
         this.label = user.label;
         this.accounts_admin = user.accounts_admin;
+        this.referrals_enabled = user.referrals_enabled;
     }
 
     asElement = (): HTMLTableRowElement => { return this._row; }
@@ -1061,7 +1085,7 @@ export class accountsList {
 
                 let attempt: { year?: number, month?: number, day?: number, hour?: number, minute?: number } = dateParser.attempt(split[1]);
                 // Month in Date objects is 0-based, so make our parsed date that way too
-                if ("month" in attempt) attempt["month"] -= 1;
+                if ("month" in attempt) attempt.month -= 1;
 
                 let date: Date = (Date as any).fromString(split[1]) as Date;
                 console.log("Read", attempt, "and", date);

From 7d9555fdf71c490ca61dac73980d52d54e60021d Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 13:30:21 +0100
Subject: [PATCH 06/14] accounts: add referrals to search queries

---
 ts/modules/accounts.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index a35694e..40f8445 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -935,6 +935,14 @@ export class accountsList {
             bool: true,
             string: false,
             date: true
+        },
+        "referrals-enabled": {
+            name: window.lang.strings("referrals"),
+            getter: "referrals_enabled",
+            bool: true,
+            string: false,
+            date: false,
+            dependsOnTableHeader: "accounts-header-referrals"
         }
     }
 

From db211311850ca19e8a652c1540132c69e6b65eee Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 14:00:30 +0100
Subject: [PATCH 07/14] accounts: allow disabling of referrals for users

---
 api-users.go           | 25 +++++++++++++++++++++++++
 lang/admin/en-us.json  |  1 +
 router.go              |  1 +
 ts/modules/accounts.ts | 33 ++++++++++++++++++++++++++++++++-
 4 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/api-users.go b/api-users.go
index c3d38f3..50fd259 100644
--- a/api-users.go
+++ b/api-users.go
@@ -634,6 +634,7 @@ func (app *appContext) ExtendExpiry(gc *gin.Context) {
 
 // @Summary Enable referrals for the given user(s) based on the rules set in the given invite code, or profile.
 // @Produce json
+// @Param EnableDisableReferralDTO body EnableDisableReferralDTO true "List of users"
 // @Param mode path string true "mode of template sourcing from 'invite' or 'profile'."
 // @Param source path string true "invite code or profile name, depending on what mode is."
 // @Success 200 {object} boolResponse
@@ -689,6 +690,30 @@ func (app *appContext) EnableReferralForUsers(gc *gin.Context) {
 	}
 }
 
+// @Summary Disable referrals for the given user(s).
+// @Produce json
+// @Param EnableDisableReferralDTO body EnableDisableReferralDTO true "List of users"
+// @Success 200 {object} boolResponse
+// @Router /users/referral [delete]
+// @Security Bearer
+// @tags Users
+func (app *appContext) DisableReferralForUsers(gc *gin.Context) {
+	var req EnableDisableReferralDTO
+	gc.BindJSON(&req)
+	for _, u := range req.Users {
+		// 1. Delete directly bound template
+		app.storage.db.DeleteMatching(Invite{}, badgerhold.Where("ReferrerJellyfinID").Eq(u))
+		// 2. Check for and delete profile-attached template
+		user, ok := app.storage.GetEmailsKey(u)
+		if !ok {
+			continue
+		}
+		user.ReferralTemplateKey = ""
+		app.storage.SetEmailsKey(u, user)
+	}
+	respondBool(200, true, gc)
+}
+
 // @Summary Send an announcement via email to a given list of users.
 // @Produce json
 // @Param announcementDTO body announcementDTO true "Announcement request object"
diff --git a/lang/admin/en-us.json b/lang/admin/en-us.json
index d799318..6ffa56a 100644
--- a/lang/admin/en-us.json
+++ b/lang/admin/en-us.json
@@ -65,6 +65,7 @@
         "modifySettings": "Modify Settings",
         "modifySettingsDescription": "Apply settings from an existing profile, or source them directly from a user.",
         "enableReferrals": "Enable Referrals",
+        "disableReferrals": "Disable Referrals",
         "enableReferralsDescription": "Give users a personal referral link similiar to an invite, to send to friends/family. Can be sourced from a referral template in a profile, or from an existing invite.",
         "enableReferralsProfileDescription": "Give users created with this profile a personal referral link similiar to an invite, to send to friends/family. Create an invite with the desired settings, then select it here. Each referral will then be based on this invite. You can delete the invite once complete.",
         "applyHomescreenLayout": "Apply homescreen layout",
diff --git a/router.go b/router.go
index 4042c87..e2426cc 100644
--- a/router.go
+++ b/router.go
@@ -228,6 +228,7 @@ func (app *appContext) loadRoutes(router *gin.Engine) {
 		api.POST(p+"/matrix/login", app.MatrixLogin)
 		if app.config.Section("user_page").Key("referrals").MustBool(false) {
 			api.POST(p+"/users/referral/:mode/:source", app.EnableReferralForUsers)
+			api.DELETE(p+"/users/referral", app.DisableReferralForUsers)
 			api.POST(p+"/profiles/referral/:profile/:invite", app.EnableReferralForProfile)
 			api.DELETE(p+"/profiles/referral/:profile", app.DisableReferralForProfile)
 		}
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index 40f8445..cab57d6 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -1225,6 +1225,7 @@ export class accountsList {
             let anyNonExpiries = list.length == 0 ? true : false;
             let allNonExpiries = true;
             let noContactCount = 0;
+            let referralState = Number(this._users[list[0]].referrals_enabled); // -1 = hide, 0 = show "enable", 1 = show "disable"
             // Only show enable/disable button if all selected have the same state.
             this._shouldEnable = this._users[list[0]].disabled
             let showDisableEnable = true;
@@ -1244,6 +1245,9 @@ export class accountsList {
                 if (!this._users[id].lastNotifyMethod()) {
                     noContactCount++;
                 }
+                if (window.referralsEnabled && referralState != -1 && Number(this._users[id].referrals_enabled) != referralState) {
+                    referralState = -1;
+                }
             }
             this._settingExpiry = false;
             if (!anyNonExpiries && !allNonExpiries) {
@@ -1277,6 +1281,22 @@ export class accountsList {
                 this._disableEnable.parentElement.classList.remove("unfocused");
                 this._disableEnable.textContent = message;
             }
+            if (window.referralsEnabled) {
+                if (referralState == -1) {
+                    this._enableReferrals.classList.add("unfocused");
+                }  else {
+                    this._enableReferrals.classList.remove("unfocused");
+                }
+                if (referralState == 0) {
+                    this._enableReferrals.classList.add("~urge");
+                    this._enableReferrals.classList.remove("~warning");
+                    this._enableReferrals.textContent = window.lang.strings("enableReferrals");
+                } else if (referralState == 1) {
+                    this._enableReferrals.classList.add("~warning");
+                    this._enableReferrals.classList.remove("~urge");
+                    this._enableReferrals.textContent = window.lang.strings("disableReferrals");
+                }
+            }
         }
     }
     
@@ -1708,6 +1728,17 @@ export class accountsList {
         const modalHeader = document.getElementById("header-enable-referrals-user");
         modalHeader.textContent = window.lang.quantity("enableReferralsFor", this._collectUsers().length)
         let list = this._collectUsers();
+
+        // Check if we're disabling or enabling
+        if (this._users[list[0]].referrals_enabled) {
+            _delete("/users/referral", {"users": list}, (req: XMLHttpRequest) => {
+                if (req.readyState != 4 || req.status != 200) return;
+                window.notifications.customSuccess("disabledReferralsSuccess", window.lang.quantity("appliedSettings", list.length));
+                this.reload();
+            });
+            return;
+        }
+            
         (() => {
             _get("/invites", null, (req: XMLHttpRequest) => {
                 if (req.readyState != 4 || req.status != 200) return;
@@ -1765,7 +1796,7 @@ export class accountsList {
                     if (req.status == 400) {
                         window.notifications.customError("unknownError", window.lang.notif("errorUnknown"));
                     } else if (req.status == 200 || req.status == 204) {
-                        window.notifications.customSuccess("enableReferralsSuccess", window.lang.quantity("appliedSettings", this._collectUsers().length));
+                        window.notifications.customSuccess("enableReferralsSuccess", window.lang.quantity("appliedSettings", list.length));
                     }
                     this.reload();
                     window.modals.enableReferralsUser.close();

From 468b2f32849548e6ea95fff47eccdfaaeee778cb Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 14:04:32 +0100
Subject: [PATCH 08/14] accounts: descriptive error when no template found

---
 lang/admin/en-us.json  | 3 ++-
 ts/modules/accounts.ts | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lang/admin/en-us.json b/lang/admin/en-us.json
index 6ffa56a..57efcf2 100644
--- a/lang/admin/en-us.json
+++ b/lang/admin/en-us.json
@@ -158,6 +158,7 @@
         "errorSendWelcomeEmail": "Failed to send welcome message (check console/logs)",
         "errorApplyUpdate": "Failed to apply update, try manually.",
         "errorCheckUpdate": "Failed to check for update.",
+        "errorNoReferralTemplate": "Profile doesn't contain referral template, add one in settings.",
         "updateAvailable": "A new update is available, check settings.",
         "noUpdatesAvailable": "No new updates available."
     },
@@ -223,4 +224,4 @@
             "plural": "Extended expiry for {n} users."
         }
     }
-}
+} 
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index cab57d6..99ba6b9 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -1794,7 +1794,7 @@ export class accountsList {
                 if (req.readyState == 4) {
                     toggleLoader(button);
                     if (req.status == 400) {
-                        window.notifications.customError("unknownError", window.lang.notif("errorUnknown"));
+                        window.notifications.customError("noReferralTemplateError", window.lang.notif("errorNoReferralTemplate"));
                     } else if (req.status == 200 || req.status == 204) {
                         window.notifications.customSuccess("enableReferralsSuccess", window.lang.quantity("appliedSettings", list.length));
                     }

From 0b830e9b5e3ac36f4846fb6fe68fc6736631849c Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 14:31:42 +0100
Subject: [PATCH 09/14] referrals: enable for new users from profile

---
 api-users.go | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/api-users.go b/api-users.go
index 50fd259..7adc77d 100644
--- a/api-users.go
+++ b/api-users.go
@@ -304,6 +304,12 @@ func (app *appContext) newUser(req newUserDTO, confirmed bool) (f errorFunc, suc
 		}
 	}
 	id := user.ID
+
+	emailStore := EmailAddress{
+		Addr:    req.Email,
+		Contact: (req.Email != ""),
+	}
+
 	var profile Profile
 	if invite.Profile != "" {
 		app.debug.Printf("Applying settings from profile \"%s\"", invite.Profile)
@@ -325,10 +331,15 @@ func (app *appContext) newUser(req newUserDTO, confirmed bool) (f errorFunc, suc
 		if !((status == 200 || status == 204) && err == nil) {
 			app.err.Printf("%s: Failed to set configuration template (%d): %v", req.Code, status, err)
 		}
+		if app.config.Section("user_page").Key("enabled").MustBool(false) && app.config.Section("user_page").Key("referrals").MustBool(false) && profile.ReferralTemplateKey != "" {
+			emailStore.ReferralTemplateKey = profile.ReferralTemplateKey
+			// Store here, just incase email are disabled (whether this is even possible, i don't know)
+			app.storage.SetEmailsKey(id, emailStore)
+		}
 	}
 	// if app.config.Section("password_resets").Key("enabled").MustBool(false) {
 	if req.Email != "" {
-		app.storage.SetEmailsKey(id, EmailAddress{Addr: req.Email, Contact: true})
+		app.storage.SetEmailsKey(id, emailStore)
 	}
 	expiry := time.Time{}
 	if invite.UserExpiry {

From 00e6da520d4dbd2072646a4ab389546156493c2c Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 14:40:24 +0100
Subject: [PATCH 10/14] userpage: cope with disabled contact methods

---
 ts/user.ts | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/ts/user.ts b/ts/user.ts
index e37043b..56401f6 100644
--- a/ts/user.ts
+++ b/ts/user.ts
@@ -363,7 +363,8 @@ const discordConf: ServiceConfiguration = {
     }
 };
 
-let discord = new Discord(discordConf);
+let discord: Discord;
+if (window.discordEnabled) discord = new Discord(discordConf);
 
 const telegramConf: ServiceConfiguration = {
     modal: window.modals.telegram as Modal,
@@ -378,7 +379,8 @@ const telegramConf: ServiceConfiguration = {
     }
 };
 
-let telegram = new Telegram(telegramConf);
+let telegram: Telegram;
+if (window.telegramEnabled) telegram = new Telegram(telegramConf);
 
 const matrixConf: MatrixConfiguration = {
     modal: window.modals.matrix as Modal,
@@ -393,7 +395,8 @@ const matrixConf: MatrixConfiguration = {
     }
 };
 
-let matrix = new Matrix(matrixConf);
+let matrix: Matrix;
+if (window.matrixEnabled) matrix = new Matrix(matrixConf);
 
 
 const oldPasswordField = document.getElementById("user-old-password") as HTMLInputElement;
@@ -468,14 +471,15 @@ document.addEventListener("details-reload", () => {
             // Note the weird format of the functions for discord/telegram:
             // "this" was being redefined within the onclick() method, so
             // they had to be wrapped in an anonymous function.
-            const contactMethods: { name: string, icon: string, f: (add: boolean) => void, required: boolean }[] = [
-                {name: "email", icon: `<i class="ri-mail-fill ri-lg"></i>`, f: addEditEmail, required: true},
-                {name: "discord", icon: `<i class="ri-discord-fill ri-lg"></i>`, f: (add: boolean) => { discord.onclick(); }, required: window.discordRequired},
-                {name: "telegram", icon: `<i class="ri-telegram-fill ri-lg"></i>`, f: (add: boolean) => { telegram.onclick() }, required: window.telegramRequired},
-                {name: "matrix", icon: `<span class="font-bold">[m]</span>`, f: (add: boolean) => { matrix.show(); }, required: window.matrixRequired}
+            const contactMethods: { name: string, icon: string, f: (add: boolean) => void, required: boolean, enabled: boolean }[] = [
+                {name: "email", icon: `<i class="ri-mail-fill ri-lg"></i>`, f: addEditEmail, required: true, enabled: true},
+                {name: "discord", icon: `<i class="ri-discord-fill ri-lg"></i>`, f: (add: boolean) => { discord.onclick(); }, required: window.discordRequired, enabled: window.discordEnabled},
+                {name: "telegram", icon: `<i class="ri-telegram-fill ri-lg"></i>`, f: (add: boolean) => { telegram.onclick() }, required: window.telegramRequired, enabled: window.telegramEnabled},
+                {name: "matrix", icon: `<span class="font-bold">[m]</span>`, f: (add: boolean) => { matrix.show(); }, required: window.matrixRequired, enabled: window.matrixEnabled}
             ];
             
             for (let method of contactMethods) {
+                if (!(method.enabled)) continue;
                 if (method.name in details) {
                     contactMethodList.append(method.name, details[method.name], method.icon, method.f, method.required);
                 }

From 0a82f889f356617a5086960447b427331da56720 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 14:48:12 +0100
Subject: [PATCH 11/14] daemon: fix bug wiping out contact details

records were being left alone if "status == 200 && err != nil", instead
of "... && err == nil". Sorry.
---
 daemon.go | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/daemon.go b/daemon.go
index 320afac..3e62ae1 100644
--- a/daemon.go
+++ b/daemon.go
@@ -10,7 +10,7 @@ func (app *appContext) clearEmails() {
 	emails := app.storage.GetEmails()
 	for _, email := range emails {
 		_, status, err := app.jf.UserByID(email.JellyfinID, false)
-		if status == 200 && err != nil {
+		if status == 200 && err == nil {
 			continue
 		}
 		app.storage.DeleteEmailsKey(email.JellyfinID)
@@ -23,7 +23,7 @@ func (app *appContext) clearDiscord() {
 	discordUsers := app.storage.GetDiscord()
 	for _, discordUser := range discordUsers {
 		_, status, err := app.jf.UserByID(discordUser.JellyfinID, false)
-		if status == 200 && err != nil {
+		if status == 200 && err == nil {
 			continue
 		}
 		app.storage.DeleteDiscordKey(discordUser.JellyfinID)
@@ -36,7 +36,7 @@ func (app *appContext) clearMatrix() {
 	matrixUsers := app.storage.GetMatrix()
 	for _, matrixUser := range matrixUsers {
 		_, status, err := app.jf.UserByID(matrixUser.JellyfinID, false)
-		if status == 200 && err != nil {
+		if status == 200 && err == nil {
 			continue
 		}
 		app.storage.DeleteMatrixKey(matrixUser.JellyfinID)
@@ -49,7 +49,7 @@ func (app *appContext) clearTelegram() {
 	telegramUsers := app.storage.GetTelegram()
 	for _, telegramUser := range telegramUsers {
 		_, status, err := app.jf.UserByID(telegramUser.JellyfinID, false)
-		if status == 200 && err != nil {
+		if status == 200 && err == nil {
 			continue
 		}
 		app.storage.DeleteTelegramKey(telegramUser.JellyfinID)

From 311ecb7030b44f8615851e7af7171980b3d37d48 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 16:24:40 +0100
Subject: [PATCH 12/14] userpage: generate & display referral links

shown on a new card, with an explanation, the number of remaining uses,
and expiry of the current referral.
---
 api-userpage.go               | 23 ++++++++++--
 html/user.html                | 15 ++++++++
 lang/admin/da-dk.json         |  1 -
 lang/admin/de-de.json         |  1 -
 lang/admin/el-gr.json         |  1 -
 lang/admin/en-gb.json         |  1 -
 lang/admin/en-us.json         |  3 +-
 lang/admin/es-es.json         |  1 -
 lang/admin/fr-fr.json         |  1 -
 lang/admin/hu-hu.json         |  1 -
 lang/admin/id-id.json         |  1 -
 lang/admin/nl-nl.json         |  1 -
 lang/admin/pl-pl.json         |  1 -
 lang/admin/pt-br.json         |  1 -
 lang/admin/sv-se.json         |  1 -
 lang/admin/vi-vn.json         |  1 -
 lang/admin/zh-hans.json       |  1 -
 lang/admin/zh-hant.json       |  1 -
 lang/common/da-dk.json        |  3 +-
 lang/common/de-de.json        |  3 +-
 lang/common/el-gr.json        |  3 +-
 lang/common/en-gb.json        |  3 +-
 lang/common/en-us.json        |  5 +--
 lang/common/es-es.json        |  3 +-
 lang/common/fr-fr.json        |  3 +-
 lang/common/id-id.json        |  3 +-
 lang/common/it-it.json        |  2 +-
 lang/common/nds.json          |  8 +++++
 lang/common/nl-nl.json        |  3 +-
 lang/common/pt-br.json        |  3 +-
 lang/common/sl-si.json        |  2 +-
 lang/common/sv-se.json        |  3 +-
 lang/common/vi-vn.json        |  3 +-
 lang/common/zh-hans.json      |  3 +-
 lang/common/zh-hant.json      |  3 +-
 lang/email/it-it.json         |  2 +-
 lang/form/en-us.json          |  6 ++--
 lang/form/it-it.json          |  2 +-
 lang/form/sl-si.json          |  2 +-
 lang/pwreset/sl-si.json       |  2 +-
 lang/setup/en-us.json         |  2 +-
 lang/setup/nds.json           |  2 +-
 lang/setup/sl-si.json         |  2 +-
 lang/telegram/it-it.json      |  2 +-
 lang/telegram/nds.json        |  2 +-
 lang/telegram/sl-si.json      |  2 +-
 models.go                     |  9 ++---
 scripts/langmover/common.json |  5 ++-
 ts/user.ts                    | 67 ++++++++++++++++++++++++++++++++++-
 views.go                      |  1 +
 50 files changed, 166 insertions(+), 54 deletions(-)
 create mode 100644 lang/common/nds.json

diff --git a/api-userpage.go b/api-userpage.go
index 2eaf22c..dce320f 100644
--- a/api-userpage.go
+++ b/api-userpage.go
@@ -14,7 +14,7 @@ import (
 )
 
 const (
-	REFERRAL_EXPIRY_DAYS = 365
+	REFERRAL_EXPIRY_DAYS = 90
 )
 
 // @Summary Returns the logged-in user's Jellyfin ID & Username, and other details.
@@ -81,6 +81,25 @@ func (app *appContext) MyDetails(gc *gin.Context) {
 		}
 	}
 
+	if app.config.Section("user_page").Key("referrals").MustBool(false) {
+		// 1. Look for existing template bound to this Jellyfin ID
+		//    If one exists, that means its just for us and so we
+		//    can use it directly.
+		inv := Invite{}
+		err := app.storage.db.FindOne(&inv, badgerhold.Where("ReferrerJellyfinID").Eq(resp.Id))
+		if err == nil {
+			resp.HasReferrals = true
+		} else {
+			// 2. Look for a template matching the key found in the user storage
+			//    Since this key is shared between users in a profile, we make a copy.
+			user, ok := app.storage.GetEmailsKey(gc.GetString("jfId"))
+			err = app.storage.db.Get(user.ReferralTemplateKey, &inv)
+			if ok && err == nil {
+				resp.HasReferrals = true
+			}
+		}
+	}
+
 	gc.JSON(200, resp)
 }
 
@@ -685,6 +704,6 @@ func (app *appContext) GetMyReferral(gc *gin.Context) {
 		Code:          inv.Code,
 		RemainingUses: inv.RemainingUses,
 		NoLimit:       inv.NoLimit,
-		Expiry:        inv.ValidTill,
+		Expiry:        inv.ValidTill.Unix(),
 	})
 }
diff --git a/html/user.html b/html/user.html
index e073cf2..5753fc1 100644
--- a/html/user.html
+++ b/html/user.html
@@ -24,6 +24,7 @@
             window.matrixRequired = {{ .matrixRequired }};
             window.matrixUserID = "{{ .matrixUser }}";
             window.validationStrings = JSON.parse({{ .validationStrings }});
+            window.referralsEnabled = {{ .referralsEnabled }};
         </script>
         {{ template "header.html" . }}
         <title>{{ .strings.myAccount }}</title>
@@ -150,6 +151,20 @@
                         <div class="user-expiry-countdown"></div>
                     </div>
                 </div>
+                {{ if .referralsEnabled }}
+                    <div>
+                        <div class="card @low dark:~d_neutral unfocused" id="card-referrals">
+                            <span class="heading mb-2">{{ .strings.referrals }}</span>
+                            <aside class="aside ~neutral my-4 col">{{ .strings.referralsDescription }}</aside>
+                            <div class="row flex-expand">
+                                <div class="user-referrals-info"></div>
+                                <div class="grid my-2">
+                                    <button type="button" class="user-referrals-button button ~info dark:~d_info @low" title="Copy">{{ .strings.copyReferral }}<i class="ri-file-copy-line ml-2"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                {{ end }}
             </div>
         </div>
         <script src="{{ .urlBase }}/js/user.js" type="module"></script>
diff --git a/lang/admin/da-dk.json b/lang/admin/da-dk.json
index da0e967..b147dc0 100644
--- a/lang/admin/da-dk.json
+++ b/lang/admin/da-dk.json
@@ -79,7 +79,6 @@
         "inviteUsersCreated": "Oprettet brugere",
         "inviteNoProfile": "Ingen Profil",
         "inviteDateCreated": "Oprettet",
-        "inviteRemainingUses": "Resterende anvendelser",
         "inviteNoInvites": "Ingen",
         "inviteExpiresInTime": "Udløber om {n}",
         "notifyEvent": "Meddel den:",
diff --git a/lang/admin/de-de.json b/lang/admin/de-de.json
index bbcf259..79fb2aa 100644
--- a/lang/admin/de-de.json
+++ b/lang/admin/de-de.json
@@ -53,7 +53,6 @@
         "inviteUsersCreated": "Erstellte Benutzer",
         "inviteNoProfile": "Kein Profil",
         "inviteDateCreated": "Erstellt",
-        "inviteRemainingUses": "Verbleibende Verwendungen",
         "inviteNoInvites": "Keine",
         "inviteExpiresInTime": "Läuft in {n} ab",
         "notifyEvent": "Benachrichtigen bei:",
diff --git a/lang/admin/el-gr.json b/lang/admin/el-gr.json
index e84f19b..1a2e369 100644
--- a/lang/admin/el-gr.json
+++ b/lang/admin/el-gr.json
@@ -56,7 +56,6 @@
         "inviteUsersCreated": "Δημιουργηθέντες χρήστες",
         "inviteNoProfile": "Κανένα Προφίλ",
         "inviteDateCreated": "Δημιουργηθέντα",
-        "inviteRemainingUses": "Εναπομείναντες χρήσεις",
         "inviteNoInvites": "Καμία",
         "inviteExpiresInTime": "Λήγει σε {n}",
         "notifyEvent": "Ενημέρωση όταν:",
diff --git a/lang/admin/en-gb.json b/lang/admin/en-gb.json
index d716caa..cee85b9 100644
--- a/lang/admin/en-gb.json
+++ b/lang/admin/en-gb.json
@@ -124,7 +124,6 @@
         "addProfileStoreHomescreenLayout": "Store homescreen layout",
         "inviteNoUsersCreated": "None yet!",
         "inviteUsersCreated": "Created users",
-        "inviteRemainingUses": "Remaining uses",
         "inviteNoInvites": "None",
         "inviteExpiresInTime": "Expires in {n}",
         "notifyEvent": "Notify on:",
diff --git a/lang/admin/en-us.json b/lang/admin/en-us.json
index 57efcf2..2e3169c 100644
--- a/lang/admin/en-us.json
+++ b/lang/admin/en-us.json
@@ -95,7 +95,6 @@
         "inviteUsersCreated": "Created users",
         "inviteNoProfile": "No Profile",
         "inviteDateCreated": "Created",
-        "inviteRemainingUses": "Remaining uses",
         "inviteNoInvites": "None",
         "inviteExpiresInTime": "Expires in {n}",
         "notifyEvent": "Notify on:",
@@ -224,4 +223,4 @@
             "plural": "Extended expiry for {n} users."
         }
     }
-} 
+}
\ No newline at end of file
diff --git a/lang/admin/es-es.json b/lang/admin/es-es.json
index 1506e76..536022d 100644
--- a/lang/admin/es-es.json
+++ b/lang/admin/es-es.json
@@ -75,7 +75,6 @@
         "inviteUsersCreated": "Usuarios creados",
         "inviteNoProfile": "Sin perfil",
         "inviteDateCreated": "Creado",
-        "inviteRemainingUses": "Usos restantes",
         "inviteNoInvites": "Ninguno",
         "inviteExpiresInTime": "Caduca en {n}",
         "notifyEvent": "Notificar en:",
diff --git a/lang/admin/fr-fr.json b/lang/admin/fr-fr.json
index cb8eb5a..01a1b54 100644
--- a/lang/admin/fr-fr.json
+++ b/lang/admin/fr-fr.json
@@ -55,7 +55,6 @@
         "inviteUsersCreated": "Utilisateurs créés",
         "inviteNoProfile": "Aucun profil",
         "inviteDateCreated": "Créer",
-        "inviteRemainingUses": "Utilisations restantes",
         "inviteNoInvites": "Aucune",
         "inviteExpiresInTime": "Expires dans {n}",
         "notifyEvent": "Notifier sur :",
diff --git a/lang/admin/hu-hu.json b/lang/admin/hu-hu.json
index 4161ef0..dca6069 100644
--- a/lang/admin/hu-hu.json
+++ b/lang/admin/hu-hu.json
@@ -87,7 +87,6 @@
         "inviteUsersCreated": "",
         "inviteNoProfile": "",
         "inviteDateCreated": "",
-        "inviteRemainingUses": "",
         "inviteNoInvites": "",
         "inviteExpiresInTime": "",
         "notifyEvent": "",
diff --git a/lang/admin/id-id.json b/lang/admin/id-id.json
index 5957396..365ed65 100644
--- a/lang/admin/id-id.json
+++ b/lang/admin/id-id.json
@@ -56,7 +56,6 @@
         "inviteUsersCreated": "Pengguna yang telah dibuat",
         "inviteNoProfile": "Tidak ada profil",
         "inviteDateCreated": "Dibuat",
-        "inviteRemainingUses": "Penggunaan yang tersisa",
         "inviteNoInvites": "Tidak ada",
         "inviteExpiresInTime": "Kadaluarsa dalam {n}",
         "notifyEvent": "Beritahu pada:",
diff --git a/lang/admin/nl-nl.json b/lang/admin/nl-nl.json
index 46b9452..a8e9172 100644
--- a/lang/admin/nl-nl.json
+++ b/lang/admin/nl-nl.json
@@ -53,7 +53,6 @@
         "inviteUsersCreated": "Aangemaakte gebruikers",
         "inviteNoProfile": "Geen profiel",
         "inviteDateCreated": "Aangemaakt",
-        "inviteRemainingUses": "Resterend aantal keer te gebruiken",
         "inviteNoInvites": "Geen",
         "inviteExpiresInTime": "Verloopt over {n}",
         "notifyEvent": "Meldingen:",
diff --git a/lang/admin/pl-pl.json b/lang/admin/pl-pl.json
index 6b1bdc2..fddce21 100644
--- a/lang/admin/pl-pl.json
+++ b/lang/admin/pl-pl.json
@@ -87,7 +87,6 @@
         "inviteUsersCreated": "",
         "inviteNoProfile": "",
         "inviteDateCreated": "Utworzone",
-        "inviteRemainingUses": "",
         "inviteNoInvites": "",
         "inviteExpiresInTime": "",
         "notifyEvent": "",
diff --git a/lang/admin/pt-br.json b/lang/admin/pt-br.json
index 0310937..37b63eb 100644
--- a/lang/admin/pt-br.json
+++ b/lang/admin/pt-br.json
@@ -54,7 +54,6 @@
         "inviteUsersCreated": "Usuários criado",
         "inviteNoProfile": "Sem Perfil",
         "inviteDateCreated": "Criado",
-        "inviteRemainingUses": "Uso restantes",
         "inviteNoInvites": "Nenhum",
         "inviteExpiresInTime": "Expira em {n}",
         "notifyEvent": "Notificar em:",
diff --git a/lang/admin/sv-se.json b/lang/admin/sv-se.json
index 1f7e1f1..823167c 100644
--- a/lang/admin/sv-se.json
+++ b/lang/admin/sv-se.json
@@ -65,7 +65,6 @@
         "inviteUsersCreated": "Skapade användare",
         "inviteNoProfile": "Ingen profil",
         "inviteDateCreated": "Skapad",
-        "inviteRemainingUses": "Återstående användningar",
         "inviteNoInvites": "Ingen",
         "inviteExpiresInTime": "Går ut om {n}",
         "notifyEvent": "Meddela den:",
diff --git a/lang/admin/vi-vn.json b/lang/admin/vi-vn.json
index 7dd7e56..3ad6ba2 100644
--- a/lang/admin/vi-vn.json
+++ b/lang/admin/vi-vn.json
@@ -86,7 +86,6 @@
         "inviteUsersCreated": "Người dùng đã tạo",
         "inviteNoProfile": "Không có Tài khoản mẫu",
         "inviteDateCreated": "Tạo",
-        "inviteRemainingUses": "Số lần sử dụng còn lại",
         "inviteNoInvites": "Không có",
         "inviteExpiresInTime": "Hết hạn trong {n}",
         "notifyEvent": "Thông báo khi:",
diff --git a/lang/admin/zh-hans.json b/lang/admin/zh-hans.json
index 6190c8f..0309721 100644
--- a/lang/admin/zh-hans.json
+++ b/lang/admin/zh-hans.json
@@ -80,7 +80,6 @@
         "inviteUsersCreated": "已创建的用户",
         "inviteNoProfile": "没有个人资料",
         "inviteDateCreated": "已创建",
-        "inviteRemainingUses": "剩余使用次数",
         "inviteNoInvites": "无",
         "inviteExpiresInTime": "在 {n} 到期",
         "notifyEvent": "通知：",
diff --git a/lang/admin/zh-hant.json b/lang/admin/zh-hant.json
index 5546e09..2cbf43b 100644
--- a/lang/admin/zh-hant.json
+++ b/lang/admin/zh-hant.json
@@ -87,7 +87,6 @@
         "inviteUsersCreated": "創建的帳戶",
         "inviteNoProfile": "無資料",
         "inviteDateCreated": "已創建",
-        "inviteRemainingUses": "剩餘使用次數",
         "inviteNoInvites": "無",
         "inviteExpiresInTime": "在 {n} 到期",
         "notifyEvent": "通知：",
diff --git a/lang/common/da-dk.json b/lang/common/da-dk.json
index ce3fb1d..3a196a7 100644
--- a/lang/common/da-dk.json
+++ b/lang/common/da-dk.json
@@ -35,7 +35,8 @@
         "expiry": "Udløb",
         "add": "Tilføj",
         "edit": "Rediger",
-        "delete": "Slet"
+        "delete": "Slet",
+        "inviteRemainingUses": "Resterende anvendelser"
     },
     "notifications": {
         "errorLoginBlank": "Brugernavnet og/eller adgangskoden blev efterladt tomme.",
diff --git a/lang/common/de-de.json b/lang/common/de-de.json
index 6459eef..024a4de 100644
--- a/lang/common/de-de.json
+++ b/lang/common/de-de.json
@@ -35,7 +35,8 @@
         "expiry": "Ablaufdatum",
         "add": "Hinzufügen",
         "edit": "Bearbeiten",
-        "delete": "Löschen"
+        "delete": "Löschen",
+        "inviteRemainingUses": "Verbleibende Verwendungen"
     },
     "notifications": {
         "errorLoginBlank": "Der Benutzername und/oder das Passwort wurden nicht ausgefüllt.",
diff --git a/lang/common/el-gr.json b/lang/common/el-gr.json
index 3c0c5c9..8a06da8 100644
--- a/lang/common/el-gr.json
+++ b/lang/common/el-gr.json
@@ -25,7 +25,8 @@
         "disable": "Απενεργοποίηση",
         "expiry": "Λήξη",
         "edit": "Επεξεργασία",
-        "delete": "Διαγραφή"
+        "delete": "Διαγραφή",
+        "inviteRemainingUses": "Εναπομείναντες χρήσεις"
     },
     "notifications": {
         "errorLoginBlank": "Το όνομα χρήστη και/ή ο κωδικός ήταν κενά.",
diff --git a/lang/common/en-gb.json b/lang/common/en-gb.json
index ff6147b..6283091 100644
--- a/lang/common/en-gb.json
+++ b/lang/common/en-gb.json
@@ -35,7 +35,8 @@
         "expiry": "Expiry",
         "add": "Add",
         "edit": "Edit",
-        "delete": "Delete"
+        "delete": "Delete",
+        "inviteRemainingUses": "Remaining uses"
     },
     "notifications": {
         "errorLoginBlank": "The username and/or password was left blank.",
diff --git a/lang/common/en-us.json b/lang/common/en-us.json
index 1c72c34..57e4046 100644
--- a/lang/common/en-us.json
+++ b/lang/common/en-us.json
@@ -40,7 +40,8 @@
         "edit": "Edit",
         "delete": "Delete",
         "myAccount": "My Account",
-        "referrals": "Referrals"
+        "referrals": "Referrals",
+        "inviteRemainingUses": "Remaining uses"
     },
     "notifications": {
         "errorLoginBlank": "The username and/or password were left blank.",
@@ -63,4 +64,4 @@
             "plural": "{n} Days"
         }
     }
-}
+}
\ No newline at end of file
diff --git a/lang/common/es-es.json b/lang/common/es-es.json
index f0bec53..f28e38d 100644
--- a/lang/common/es-es.json
+++ b/lang/common/es-es.json
@@ -35,7 +35,8 @@
         "expiry": "Expiración",
         "add": "Agregar",
         "edit": "Editar",
-        "delete": "Eliminar"
+        "delete": "Eliminar",
+        "inviteRemainingUses": "Usos restantes"
     },
     "notifications": {
         "errorLoginBlank": "El nombre de usuario y/o la contraseña se dejaron en blanco.",
diff --git a/lang/common/fr-fr.json b/lang/common/fr-fr.json
index d7dfd5c..78abba9 100644
--- a/lang/common/fr-fr.json
+++ b/lang/common/fr-fr.json
@@ -35,7 +35,8 @@
         "expiry": "Expiration",
         "add": "Ajouter",
         "edit": "Éditer",
-        "delete": "Effacer"
+        "delete": "Effacer",
+        "inviteRemainingUses": "Utilisations restantes"
     },
     "notifications": {
         "errorLoginBlank": "Le nom d'utilisateur et/ou le mot de passe sont vides.",
diff --git a/lang/common/id-id.json b/lang/common/id-id.json
index e8f4e9b..c6b10b5 100644
--- a/lang/common/id-id.json
+++ b/lang/common/id-id.json
@@ -19,7 +19,8 @@
         "login": "Masuk",
         "logout": "Keluar",
         "edit": "Edit",
-        "delete": "Hapus"
+        "delete": "Hapus",
+        "inviteRemainingUses": "Penggunaan yang tersisa"
     },
     "notifications": {
         "errorLoginBlank": "Nama pengguna dan / atau sandi kosong.",
diff --git a/lang/common/it-it.json b/lang/common/it-it.json
index 58d5021..9a5db2d 100644
--- a/lang/common/it-it.json
+++ b/lang/common/it-it.json
@@ -28,4 +28,4 @@
     },
     "notifications": {},
     "quantityStrings": {}
-}
+}
\ No newline at end of file
diff --git a/lang/common/nds.json b/lang/common/nds.json
new file mode 100644
index 0000000..a7f6836
--- /dev/null
+++ b/lang/common/nds.json
@@ -0,0 +1,8 @@
+{
+    "meta": {
+        "name": "Nedderdütsch (NDS)"
+    },
+    "strings": {},
+    "notifications": {},
+    "quantityStrings": {}
+}
\ No newline at end of file
diff --git a/lang/common/nl-nl.json b/lang/common/nl-nl.json
index 0591de1..cb5213d 100644
--- a/lang/common/nl-nl.json
+++ b/lang/common/nl-nl.json
@@ -35,7 +35,8 @@
         "expiry": "Verloop",
         "add": "Voeg toe",
         "edit": "Bewerken",
-        "delete": "Verwijderen"
+        "delete": "Verwijderen",
+        "inviteRemainingUses": "Resterend aantal keer te gebruiken"
     },
     "notifications": {
         "errorLoginBlank": "De gebruikersnaam en/of wachtwoord is leeg.",
diff --git a/lang/common/pt-br.json b/lang/common/pt-br.json
index b7953fa..006bbb6 100644
--- a/lang/common/pt-br.json
+++ b/lang/common/pt-br.json
@@ -35,7 +35,8 @@
         "expiry": "Expira",
         "add": "Adicionar",
         "edit": "Editar",
-        "delete": "Deletar"
+        "delete": "Deletar",
+        "inviteRemainingUses": "Uso restantes"
     },
     "notifications": {
         "errorLoginBlank": "O nome de usuário e/ou senha foram deixados em branco.",
diff --git a/lang/common/sl-si.json b/lang/common/sl-si.json
index 95187bd..9ecaecd 100644
--- a/lang/common/sl-si.json
+++ b/lang/common/sl-si.json
@@ -28,4 +28,4 @@
     },
     "notifications": {},
     "quantityStrings": {}
-}
+}
\ No newline at end of file
diff --git a/lang/common/sv-se.json b/lang/common/sv-se.json
index 0eb8b5f..ff602c8 100644
--- a/lang/common/sv-se.json
+++ b/lang/common/sv-se.json
@@ -22,7 +22,8 @@
         "disabled": "Inaktiverad",
         "expiry": "Löper ut",
         "edit": "Redigera",
-        "delete": "Radera"
+        "delete": "Radera",
+        "inviteRemainingUses": "Återstående användningar"
     },
     "notifications": {
         "errorLoginBlank": "Användarnamnet och/eller lösenordet lämnades tomt.",
diff --git a/lang/common/vi-vn.json b/lang/common/vi-vn.json
index 3a8abbd..f4584ed 100644
--- a/lang/common/vi-vn.json
+++ b/lang/common/vi-vn.json
@@ -13,7 +13,8 @@
         "expiry": "Hết hạn",
         "add": "Thêm",
         "edit": "Chỉnh sửa",
-        "delete": "Xóa"
+        "delete": "Xóa",
+        "inviteRemainingUses": "Số lần sử dụng còn lại"
     },
     "notifications": {
         "errorConnection": "Không thể kết nối với jfa-go.",
diff --git a/lang/common/zh-hans.json b/lang/common/zh-hans.json
index 2d12e74..faab5b4 100644
--- a/lang/common/zh-hans.json
+++ b/lang/common/zh-hans.json
@@ -35,7 +35,8 @@
         "expiry": "到期",
         "add": "添加",
         "edit": "编辑",
-        "delete": "删除"
+        "delete": "删除",
+        "inviteRemainingUses": "剩余使用次数"
     },
     "notifications": {
         "errorLoginBlank": "用户名/密码留空。",
diff --git a/lang/common/zh-hant.json b/lang/common/zh-hant.json
index 8b0b42f..87c4409 100644
--- a/lang/common/zh-hant.json
+++ b/lang/common/zh-hant.json
@@ -35,7 +35,8 @@
         "expiry": "到期",
         "add": "添加",
         "edit": "編輯",
-        "delete": "刪除"
+        "delete": "刪除",
+        "inviteRemainingUses": "剩餘使用次數"
     },
     "notifications": {
         "errorLoginBlank": "帳戶名稱和/或密碼留空。",
diff --git a/lang/email/it-it.json b/lang/email/it-it.json
index fe844bc..89b12b8 100644
--- a/lang/email/it-it.json
+++ b/lang/email/it-it.json
@@ -49,4 +49,4 @@
         "clickBelow": "",
         "confirmEmail": ""
     }
-}
+}
\ No newline at end of file
diff --git a/lang/form/en-us.json b/lang/form/en-us.json
index 5fd7b4c..e89aaf5 100644
--- a/lang/form/en-us.json
+++ b/lang/form/en-us.json
@@ -34,7 +34,9 @@
         "resetPasswordThroughLink": "To reset your password, enter your username, email address or a linked contact method username, and submit. A link will be sent to reset your password.",
         "resetSent": "Reset Sent.",
         "resetSentDescription": "If an account with the given username/contact method exists, a password reset link has been sent via all contact methods available. The code will expire in 30 minutes.",
-        "changePassword": "Change Password"
+        "changePassword": "Change Password",
+        "referralsDescription": "Invite friends & family to Jellyfin with this link. Come back here for a new one if it expires.",
+        "copyReferral": "Copy Link"
     },
     "notifications": {
         "errorUserExists": "User already exists.",
@@ -76,4 +78,4 @@
             "plural": "Must have at least {n} special characters"
         }
     }
-}
+}
\ No newline at end of file
diff --git a/lang/form/it-it.json b/lang/form/it-it.json
index aace6a0..1a7c9ab 100644
--- a/lang/form/it-it.json
+++ b/lang/form/it-it.json
@@ -48,4 +48,4 @@
             "plural": "Deve avere almeno {n} caratteri speciali"
         }
     }
-}
+}
\ No newline at end of file
diff --git a/lang/form/sl-si.json b/lang/form/sl-si.json
index fff664a..46dadbb 100644
--- a/lang/form/sl-si.json
+++ b/lang/form/sl-si.json
@@ -57,4 +57,4 @@
             "plural": "Potrebnih je vsaj {n} posebnih znakov"
         }
     }
-}
+}
\ No newline at end of file
diff --git a/lang/pwreset/sl-si.json b/lang/pwreset/sl-si.json
index f867af0..2168146 100644
--- a/lang/pwreset/sl-si.json
+++ b/lang/pwreset/sl-si.json
@@ -13,4 +13,4 @@
         "changeYourPassword": "Spremenite svoje geslo po prijavi.",
         "enterYourPassword": "Vnesite svoje novo geslo spodaj."
     }
-}
+}
\ No newline at end of file
diff --git a/lang/setup/en-us.json b/lang/setup/en-us.json
index eac01bf..1159d34 100644
--- a/lang/setup/en-us.json
+++ b/lang/setup/en-us.json
@@ -157,4 +157,4 @@
         "emailMessage": "Email Message",
         "emailMessageNotice": "Displays at the bottom of emails."
     }
-}
+}
\ No newline at end of file
diff --git a/lang/setup/nds.json b/lang/setup/nds.json
index d45cc97..3cd0f7b 100644
--- a/lang/setup/nds.json
+++ b/lang/setup/nds.json
@@ -149,4 +149,4 @@
         "emailMessage": "",
         "emailMessageNotice": ""
     }
-}
+}
\ No newline at end of file
diff --git a/lang/setup/sl-si.json b/lang/setup/sl-si.json
index 9d7a172..0b770ea 100644
--- a/lang/setup/sl-si.json
+++ b/lang/setup/sl-si.json
@@ -146,4 +146,4 @@
         "emailMessage": "",
         "emailMessageNotice": ""
     }
-}
+}
\ No newline at end of file
diff --git a/lang/telegram/it-it.json b/lang/telegram/it-it.json
index 3273db0..c03f59c 100644
--- a/lang/telegram/it-it.json
+++ b/lang/telegram/it-it.json
@@ -13,4 +13,4 @@
         "languageSet": "",
         "discordDMs": ""
     }
-}
+}
\ No newline at end of file
diff --git a/lang/telegram/nds.json b/lang/telegram/nds.json
index 2b8ad0a..26d8053 100644
--- a/lang/telegram/nds.json
+++ b/lang/telegram/nds.json
@@ -13,4 +13,4 @@
         "languageSet": "",
         "discordDMs": ""
     }
-}
+}
\ No newline at end of file
diff --git a/lang/telegram/sl-si.json b/lang/telegram/sl-si.json
index 96a211d..616961d 100644
--- a/lang/telegram/sl-si.json
+++ b/lang/telegram/sl-si.json
@@ -13,4 +13,4 @@
         "languageSet": "Jezik nastavljen na {language}.",
         "discordDMs": "Prosimo preverite svoja zasebna sporočila za odziv."
     }
-}
+}
\ No newline at end of file
diff --git a/models.go b/models.go
index ee6e089..d9ac8aa 100644
--- a/models.go
+++ b/models.go
@@ -390,6 +390,7 @@ type MyDetailsDTO struct {
 	Discord       *MyDetailsContactMethodsDTO `json:"discord,omitempty"`
 	Telegram      *MyDetailsContactMethodsDTO `json:"telegram,omitempty"`
 	Matrix        *MyDetailsContactMethodsDTO `json:"matrix,omitempty"`
+	HasReferrals  bool                        `json:"has_referrals,omitempty"`
 }
 
 type MyDetailsContactMethodsDTO struct {
@@ -418,10 +419,10 @@ type ChangeMyPasswordDTO struct {
 }
 
 type GetMyReferralRespDTO struct {
-	Code          string    `json:"code"`
-	RemainingUses int       `json:"remaining-uses"`
-	NoLimit       bool      `json:"no-limit"`
-	Expiry        time.Time `json:"expiry"` // Come back after this time to get a new referral
+	Code          string `json:"code"`
+	RemainingUses int    `json:"remaining_uses"`
+	NoLimit       bool   `json:"no_limit"`
+	Expiry        int64  `json:"expiry"` // Come back after this time to get a new referral
 }
 
 type EnableDisableReferralDTO struct {
diff --git a/scripts/langmover/common.json b/scripts/langmover/common.json
index 3d078d3..a4421d5 100644
--- a/scripts/langmover/common.json
+++ b/scripts/langmover/common.json
@@ -38,7 +38,10 @@
         "expiry": "common",
         "add": "common",
         "edit": "common",
-        "delete": "admin"
+        "delete": "common",
+        "myAccount": "common",
+        "referrals": "common",
+        "inviteRemainingUses": "admin"
     },
     "notifications": {
         "errorLoginBlank": "common",
diff --git a/ts/user.ts b/ts/user.ts
index 56401f6..b7bfaba 100644
--- a/ts/user.ts
+++ b/ts/user.ts
@@ -1,7 +1,7 @@
 import { ThemeManager } from "./modules/theme.js";
 import { lang, LangFile, loadLangSelector } from "./modules/lang.js";
 import { Modal } from "./modules/modal.js";
-import { _get, _post, _delete, notificationBox, whichAnimationEvent, toDateString, toggleLoader, addLoader, removeLoader } from "./modules/common.js";
+import { _get, _post, _delete, notificationBox, whichAnimationEvent, toDateString, toggleLoader, addLoader, removeLoader, toClipboard } from "./modules/common.js";
 import { Login } from "./modules/login.js";
 import { Discord, Telegram, Matrix, ServiceConfiguration, MatrixConfiguration } from "./modules/account-linking.js";
 import { Validator, ValidatorConf, ValidatorRespDTO } from "./modules/validator.js";
@@ -18,6 +18,7 @@ interface userWindow extends Window {
     matrixUserID: string;
     discordSendPINMessage: string;
     pwrEnabled: string;
+    referralsEnabled: boolean;
 }
 
 declare var window: userWindow;
@@ -107,6 +108,14 @@ interface MyDetails {
     discord?: MyDetailsContactMethod;
     telegram?: MyDetailsContactMethod;
     matrix?: MyDetailsContactMethod;
+    has_referrals: boolean;
+}
+
+interface MyReferral {
+    code: string;
+    remaining_uses: string;
+    no_limit: boolean;
+    expiry: number;
 }
 
 interface ContactDTO {
@@ -513,6 +522,62 @@ document.addEventListener("details-reload", () => {
             } else if (!statusCard.classList.contains("unfocused")) {
                 setBestRowSpan(passwordCard, true);
             }
+
+            let referralCard = document.getElementById("card-referrals");
+            if (window.referralsEnabled && typeof(referralCard) != "undefined" && referralCard != null) {
+                if (details.has_referrals) {
+                    _get("/my/referral", null, (req: XMLHttpRequest) => {
+                        if (req.readyState != 4 || req.status != 200) return; 
+                        const referral: MyReferral = req.response as MyReferral;
+                        const infoArea = referralCard.querySelector(".user-referrals-info") as HTMLDivElement;
+
+                        infoArea.innerHTML = `
+                        <div class="row my-3">
+                            <div class="inline baseline">
+                                <span class="text-2xl">${referral.no_limit ? "∞" : referral.remaining_uses}</span> <span class="text-gray-400 text-lg">${window.lang.strings("inviteRemainingUses")}</span>
+                            </div>
+                        </div>
+                        <div class="row my-3">
+                            <div class="inline baseline">
+                                <span class="text-gray-400 text-lg">${window.lang.strings("expiry")}</span> <span class="text-2xl">${toDateString(new Date(referral.expiry * 1000))}</span>
+                            <div>
+                        </div>
+                        `;
+
+                        const linkButton = referralCard.querySelector(".user-referrals-button") as HTMLButtonElement;
+
+                        let codeLink = window.location.href;
+                        for (let split of ["#", "?", "account", "my"]) {
+                            codeLink = codeLink.split(split)[0];
+                        }
+                        if (codeLink.slice(-1) != "/") { codeLink += "/"; }
+                        codeLink = codeLink + "invite/" + referral.code;
+
+                        linkButton.addEventListener("click", () => {
+                            toClipboard(codeLink);
+                            const content = linkButton.innerHTML;
+                            linkButton.innerHTML = `
+                            ${window.lang.strings("copied")} <i class="ri-check-line ml-2"></i>
+                            `;
+                            linkButton.classList.add("~positive");
+                            linkButton.classList.remove("~info");
+                            setTimeout(() => {
+                                linkButton.classList.add("~info");
+                                linkButton.classList.remove("~positive");
+                                linkButton.innerHTML = content;
+                            }, 2000);
+                        });
+
+
+
+
+                        referralCard.classList.remove("unfocused");
+
+                    });
+                } else {
+                    referralCard.classList.add("unfocused");
+                }
+            }
         }
     });
 });
diff --git a/views.go b/views.go
index 8b2bcf3..2d311ec 100644
--- a/views.go
+++ b/views.go
@@ -204,6 +204,7 @@ func (app *appContext) MyUserPage(gc *gin.Context) {
 		"langName":          lang,
 		"jfLink":            app.config.Section("ui").Key("redirect_url").String(),
 		"requirements":      app.validator.getCriteria(),
+		"referralsEnabled":  app.config.Section("user_page").Key("enabled").MustBool(false) && app.config.Section("user_page").Key("referrals").MustBool(false),
 	}
 	if telegramEnabled {
 		data["telegramUsername"] = app.telegram.username

From 41c092f578c6fdd5e609c0d117c67ee8714f43f2 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 20:19:25 +0100
Subject: [PATCH 13/14] referrals: show referrer username on form

---
 html/form.html       | 9 ++++++---
 lang/form/en-us.json | 5 +++--
 views.go             | 9 +++++++++
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/html/form.html b/html/form.html
index 6bd2638..787cdb0 100644
--- a/html/form.html
+++ b/html/form.html
@@ -43,7 +43,7 @@
         <div id="notification-box"></div>
         <div class="page-container">
             <div class="card dark:~d_neutral @low">
-                <div class="flex flex-col md:flex-row gap-3 inline align-baseline">
+                <div class="flex flex-col justify-between md:flex-row gap-3 items-baseline mb-2">
                     <span class="heading mr-5">
                         {{ if .passwordReset }}
                         {{ .strings.passwordReset }}
@@ -53,11 +53,14 @@
                     </span>
                     <span class="subheading">
                         {{ if .passwordReset }}
-                        {{ .strings.enterYourPassword }}
+                            {{ .strings.enterYourPassword }}
                         {{ else }}
-                        {{ .helpMessage }}
+                            {{ .helpMessage }}
                         {{ end }}
                     </span>
+                    {{ if .fromUser }}
+                        <span class="badge ~positive text-lg p-1 px-2 self-center">{{ .strings.invitedBy }} {{ .fromUser }}</span>
+                    {{ end }}
                 </div>
                 <div class="flex flex-col md:flex-row gap-3">
                     <div class="flex-1">
diff --git a/lang/form/en-us.json b/lang/form/en-us.json
index e89aaf5..14f7acf 100644
--- a/lang/form/en-us.json
+++ b/lang/form/en-us.json
@@ -36,7 +36,8 @@
         "resetSentDescription": "If an account with the given username/contact method exists, a password reset link has been sent via all contact methods available. The code will expire in 30 minutes.",
         "changePassword": "Change Password",
         "referralsDescription": "Invite friends & family to Jellyfin with this link. Come back here for a new one if it expires.",
-        "copyReferral": "Copy Link"
+        "copyReferral": "Copy Link",
+        "invitedBy": "Invited By"
     },
     "notifications": {
         "errorUserExists": "User already exists.",
@@ -78,4 +79,4 @@
             "plural": "Must have at least {n} special characters"
         }
     }
-}
\ No newline at end of file
+}
diff --git a/views.go b/views.go
index 2d311ec..704a35d 100644
--- a/views.go
+++ b/views.go
@@ -619,6 +619,14 @@ func (app *appContext) InviteProxy(gc *gin.Context) {
 	}
 	userPageAddress += "/my/account"
 
+	fromUser := ""
+	if inv.ReferrerJellyfinID != "" {
+		sender, status, err := app.jf.UserByID(inv.ReferrerJellyfinID, false)
+		if status == 200 && err == nil {
+			fromUser = sender.Name
+		}
+	}
+
 	data := gin.H{
 		"urlBase":            app.getURLBase(gc),
 		"cssClass":           app.cssClass,
@@ -654,6 +662,7 @@ func (app *appContext) InviteProxy(gc *gin.Context) {
 		"reCAPTCHASiteKey":   app.config.Section("captcha").Key("recaptcha_site_key").MustString(""),
 		"userPageEnabled":    app.config.Section("user_page").Key("enabled").MustBool(false),
 		"userPageAddress":    userPageAddress,
+		"fromUser":           fromUser,
 	}
 	if telegram {
 		data["telegramPIN"] = app.telegram.NewAuthToken()

From b08527bce2af6fd1545591cfb0c015d46519018f Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 7 Sep 2023 20:42:40 +0100
Subject: [PATCH 14/14] userpage: cleanup referral code

moved to its own class, like the expiry card.
---
 ts/user.ts | 156 ++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 108 insertions(+), 48 deletions(-)

diff --git a/ts/user.ts b/ts/user.ts
index b7bfaba..05afdb9 100644
--- a/ts/user.ts
+++ b/ts/user.ts
@@ -113,7 +113,7 @@ interface MyDetails {
 
 interface MyReferral {
     code: string;
-    remaining_uses: string;
+    remaining_uses: number;
     no_limit: boolean;
     expiry: number;
 }
@@ -246,6 +246,107 @@ class ContactMethods {
     };
 }
 
+class ReferralCard {
+    private _card: HTMLElement;
+    private _code: string;
+    private _url: string;
+    private _expiry: Date;
+    private _expiryUnix: number;
+    private _remainingUses: number;
+    private _noLimit: boolean;
+
+    private _button: HTMLButtonElement;
+    private _infoArea: HTMLDivElement;
+    private _remainingUsesEl: HTMLSpanElement;
+    private _expiryEl: HTMLSpanElement;
+
+    get code(): string { return this._code; }
+    set code(c: string) {
+        this._code = c;
+        let url = window.location.href;
+        for (let split of ["#", "?", "account", "my"]) {
+            url = url.split(split)[0];
+        }
+        if (url.slice(-1) != "/") { url += "/"; }
+        url = url + "invite/" + this._code;
+        this._url = url;
+    }
+
+    get remaining_uses(): number { return this._remainingUses; }
+    set remaining_uses(v: number) { 
+        this._remainingUses = v;
+        if (v > 0 && !(this._noLimit))
+            this._remainingUsesEl.textContent = `${v}`;
+    }
+
+    get no_limit(): boolean { return this._noLimit; }
+    set no_limit(v: boolean) {
+        this._noLimit = v;
+        if (v)
+            this._remainingUsesEl.textContent = `∞`;
+        else
+            this._remainingUsesEl.textContent = `${this._remainingUses}`;
+    }
+
+    get expiry(): Date { return this._expiry; };
+    set expiry(expiryUnix: number) {
+        this._expiryUnix = expiryUnix;
+        this._expiry = new Date(expiryUnix * 1000);
+        this._expiryEl.textContent = toDateString(this._expiry);
+    }
+    
+    constructor(card: HTMLElement) {
+        this._card = card;
+        this._button = this._card.querySelector(".user-referrals-button") as HTMLButtonElement;
+        this._infoArea = this._card.querySelector(".user-referrals-info") as HTMLDivElement;
+
+        this._infoArea.innerHTML = `
+        <div class="row my-3">
+            <div class="inline baseline">
+                <span class="text-2xl referral-remaining-uses"></span> <span class="text-gray-400 text-lg">${window.lang.strings("inviteRemainingUses")}</span>
+            </div>
+        </div>
+        <div class="row my-3">
+            <div class="inline baseline">
+                <span class="text-gray-400 text-lg">${window.lang.strings("expiry")}</span> <span class="text-2xl referral-expiry"></span>
+            <div>
+        </div>
+        `;
+    
+        this._remainingUsesEl = this._infoArea.querySelector(".referral-remaining-uses") as HTMLSpanElement;
+        this._expiryEl = this._infoArea.querySelector(".referral-expiry") as HTMLSpanElement;
+        
+        document.addEventListener("timefmt-change", () => {
+            this.expiry = this._expiryUnix;
+        });
+
+        this._button.addEventListener("click", () => {
+            toClipboard(this._url);
+            const content = this._button.innerHTML;
+            this._button.innerHTML = `
+            ${window.lang.strings("copied")} <i class="ri-check-line ml-2"></i>
+            `;
+            this._button.classList.add("~positive");
+            this._button.classList.remove("~info");
+            setTimeout(() => {
+                this._button.classList.add("~info");
+                this._button.classList.remove("~positive");
+                this._button.innerHTML = content;
+            }, 2000);
+        });
+    }
+
+    hide = () => this._card.classList.add("unfocused");
+
+    update = (referral: MyReferral) => {
+        this.code = referral.code;
+        this.remaining_uses = referral.remaining_uses;
+        this.no_limit = referral.no_limit;
+        this.expiry = referral.expiry;
+        this._card.classList.remove("unfocused");
+    };
+}
+
 class ExpiryCard {
     private _card: HTMLElement;
     private _expiry: Date;
@@ -327,6 +428,9 @@ class ExpiryCard {
 
 var expiryCard = new ExpiryCard(statusCard);
 
+var referralCard: ReferralCard;
+if (window.referralsEnabled) referralCard = new ReferralCard(document.getElementById("card-referrals"));
+
 var contactMethodList = new ContactMethods(contactCard);
 
 const addEditEmail = (add: boolean): void => {
@@ -523,59 +627,15 @@ document.addEventListener("details-reload", () => {
                 setBestRowSpan(passwordCard, true);
             }
 
-            let referralCard = document.getElementById("card-referrals");
-            if (window.referralsEnabled && typeof(referralCard) != "undefined" && referralCard != null) {
+            if (window.referralsEnabled) {
                 if (details.has_referrals) {
                     _get("/my/referral", null, (req: XMLHttpRequest) => {
                         if (req.readyState != 4 || req.status != 200) return; 
                         const referral: MyReferral = req.response as MyReferral;
-                        const infoArea = referralCard.querySelector(".user-referrals-info") as HTMLDivElement;
-
-                        infoArea.innerHTML = `
-                        <div class="row my-3">
-                            <div class="inline baseline">
-                                <span class="text-2xl">${referral.no_limit ? "∞" : referral.remaining_uses}</span> <span class="text-gray-400 text-lg">${window.lang.strings("inviteRemainingUses")}</span>
-                            </div>
-                        </div>
-                        <div class="row my-3">
-                            <div class="inline baseline">
-                                <span class="text-gray-400 text-lg">${window.lang.strings("expiry")}</span> <span class="text-2xl">${toDateString(new Date(referral.expiry * 1000))}</span>
-                            <div>
-                        </div>
-                        `;
-
-                        const linkButton = referralCard.querySelector(".user-referrals-button") as HTMLButtonElement;
-
-                        let codeLink = window.location.href;
-                        for (let split of ["#", "?", "account", "my"]) {
-                            codeLink = codeLink.split(split)[0];
-                        }
-                        if (codeLink.slice(-1) != "/") { codeLink += "/"; }
-                        codeLink = codeLink + "invite/" + referral.code;
-
-                        linkButton.addEventListener("click", () => {
-                            toClipboard(codeLink);
-                            const content = linkButton.innerHTML;
-                            linkButton.innerHTML = `
-                            ${window.lang.strings("copied")} <i class="ri-check-line ml-2"></i>
-                            `;
-                            linkButton.classList.add("~positive");
-                            linkButton.classList.remove("~info");
-                            setTimeout(() => {
-                                linkButton.classList.add("~info");
-                                linkButton.classList.remove("~positive");
-                                linkButton.innerHTML = content;
-                            }, 2000);
-                        });
-
-
-
-
-                        referralCard.classList.remove("unfocused");
-
+                        referralCard.update(referral);
                     });
                 } else {
-                    referralCard.classList.add("unfocused");
+                    referralCard.hide();
                 }
             }
         }