From 8498ae17d2c763ba05f28d3418f06100c15285b0 Mon Sep 17 00:00:00 2001
From: transcaffeine <transcaffeine@finally.coffee>
Date: Sun, 28 Jul 2024 17:57:30 +0200
Subject: [PATCH] initial commit

---
 appinfo/info.xml                  | 21 ++++++++++
 appinfo/routes.php                |  7 ++++
 css/pride.css                     |  3 ++
 js/pride.js                       | 66 +++++++++++++++++++++++++++++++
 lib/AppConstants.php              |  9 +++++
 lib/AppInfo/Application.php       | 28 +++++++++++++
 lib/Settings/PersonalSection.php  | 30 ++++++++++++++
 lib/Settings/PersonalSettings.php | 24 +++++++++++
 templates/settings.php            | 15 +++++++
 9 files changed, 203 insertions(+)
 create mode 100644 appinfo/info.xml
 create mode 100644 appinfo/routes.php
 create mode 100644 css/pride.css
 create mode 100644 js/pride.js
 create mode 100644 lib/AppConstants.php
 create mode 100644 lib/AppInfo/Application.php
 create mode 100644 lib/Settings/PersonalSection.php
 create mode 100644 lib/Settings/PersonalSettings.php
 create mode 100644 templates/settings.php

diff --git a/appinfo/info.xml b/appinfo/info.xml
new file mode 100644
index 0000000..3be9885
--- /dev/null
+++ b/appinfo/info.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<info xmlns:xsi= "http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="https://apps.nextcloud.com/schema/apps/info.xsd">
+    <id>pride_flags</id>
+    <name>Pride Flags</name>
+    <summary>Add pride flags to your nextcloud</summary>
+    <description><![CDATA[Diversity and inclusion are what makes the world worth living in! Let&#39;s show some pride!]]></description>
+    <version>0.1.2</version>
+    <licence>cnvpl</licence>
+    <author mail="" homepage="https://github.com/finallycoffee/nextcloud-pride"></author>
+    <namespace>PrideFlags</namespace>
+    <category>customization</category>
+    <bugs>https://github.com/finallycoffee/nextcloud-pride/issues</bugs>
+    <dependencies>
+        <nextcloud min-version="26" max-version="28"/>
+    </dependencies>
+    <settings>
+      <personal-section>OCA\PrideFlags\Settings\PersonalSection</personal-section>
+      <personal>OCA\PrideFlags\Settings\PersonalSettings</personal>
+    </settings>
+</info>
diff --git a/appinfo/routes.php b/appinfo/routes.php
new file mode 100644
index 0000000..d7f9475
--- /dev/null
+++ b/appinfo/routes.php
@@ -0,0 +1,7 @@
+<?
+
+return [
+	'routes' => [
+//		['name' => '', 'url' => '', 'verb' => '']
+	]
+];
diff --git a/css/pride.css b/css/pride.css
new file mode 100644
index 0000000..06982fa
--- /dev/null
+++ b/css/pride.css
@@ -0,0 +1,3 @@
+.files-list__row-icon .folder-icon svg {
+	fill: url("#gradient-pride");
+}
diff --git a/js/pride.js b/js/pride.js
new file mode 100644
index 0000000..4d6cfc6
--- /dev/null
+++ b/js/pride.js
@@ -0,0 +1,66 @@
+const flags = [
+	{
+		id: 'pride',
+		colors: ['#E04641', '#DE7E41', '#E4D56F', '#55B85F', '#2473B5', '#6F5DA5'],
+		transform: 'rotate(90)'
+	}, {
+		id: 'trans',
+		colors: ['#55CDFC', '#F7A8B8', '#FFFFFF', '#F7A8B8', '#55CDFC'],
+		transform: 'rotate(90)'
+	}
+];
+
+const generateGradient = colors => {
+	const steps = colors.length;
+	return colors.map((color, index) => { return [
+		[color, (index / steps)],
+		[color, (index + 1) / steps]
+	]}).flat();
+};
+
+const generateStops = (colors, opacity) => {
+	return generateGradient(colors).map(([color, offset]) => {
+		return `<stop stop-color="${color}" stop-opacity="${opacity}" offset="${offset * 100}%"></stop>`;
+	});
+};
+
+const makeLinearGradientSvg = (id, colors, opacity, transform) => {
+	return `<svg xmlns="http://www.w3.org/2000/svg" id="svg-${id}" preserveAspectRatio="none" width="100%" height="100%">
+		  <defs>
+		    <linearGradient id="gradient-${id}" gradientTransform="${transform}">
+		      ${generateStops(colors, opacity).join('\n')}
+		    </linearGradient>
+		  </defs>
+		  <style>
+		    rect { height: 100%; width: 100%; }
+		  </style>
+		  <rect fill="url(#gradient-${id})" width="100%" height="100%" />
+		</svg>`;
+};
+
+flags.forEach(flag => {
+	const svg_html = makeLinearGradientSvg(flag.id, flag.colors, flag.opacity ?? '0.8', flag.transform ?? 'rotate(0)');
+	const container = document.createElement('div');
+	container.classList.add('hidden-visually');
+	container.ariaHidden = true;
+	container.innerHTML = svg_html;
+	const style_c = document.createElement('style');
+	style_c.textContent = `
+	body {
+		--image-background-pride-${flag.id}: url('data:image/svg+xml;base64,${btoa(svg_html)}');
+	}
+	#app-navigation ul > li.active,
+	.button-vue--vue-primary,
+	.preview-card__header,
+	.profile__primary-action-button,
+	.app-navigation-entry.active {
+		background-image: var(--image-background-pride-trans) !important;
+	}
+	.material-design-icon__svg,
+	.checkbox-radio-switch svg {
+		fill: url(#gradient-trans);
+	}
+	`;
+	document.body.prepend(container);
+	document.head.prepend(style_c);
+});
diff --git a/lib/AppConstants.php b/lib/AppConstants.php
new file mode 100644
index 0000000..e2be724
--- /dev/null
+++ b/lib/AppConstants.php
@@ -0,0 +1,9 @@
+<?php
+
+declare(strict_types=1);
+
+namespace OCA\PrideFlags;
+
+abstract class AppConstants {
+	public const APP_ID = 'pride_flags';
+}
diff --git a/lib/AppInfo/Application.php b/lib/AppInfo/Application.php
new file mode 100644
index 0000000..dcfa976
--- /dev/null
+++ b/lib/AppInfo/Application.php
@@ -0,0 +1,28 @@
+<?php
+declare(strict_types=1);
+
+namespace OCA\PrideFlags\AppInfo;
+
+use OCA\PrideFlags\AppConstants;
+use OCP\Util;
+use OCP\AppFramework\App;
+use OCP\AppFramework\Bootstrap\IBootContext;
+use OCP\AppFramework\Bootstrap\IBootstrap;
+use OCP\AppFramework\Bootstrap\IRegistrationContext;
+use OCP\IConfig;
+
+class Application extends App implements IBootstrap {
+	const APP_ID = AppConstants::APP_ID;
+	public function __construct(array $urlParams = []) {
+		parent::__construct(AppConstants::APP_ID, $urlParams);
+	}
+
+	public function register(IRegistrationContext $ctx): void {
+		$config = \OC::$server->get(IConfig::class);
+	}
+
+	public function boot(IBootContext $ctx): void {
+		Util::addStyle(AppConstants::APP_ID, 'pride');
+		Util::addScript(AppConstants::APP_ID, 'pride');
+	}
+}
diff --git a/lib/Settings/PersonalSection.php b/lib/Settings/PersonalSection.php
new file mode 100644
index 0000000..3a4bcd6
--- /dev/null
+++ b/lib/Settings/PersonalSection.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_tyes=1);
+
+namespace OCA\PrideFlags\Settings;
+
+use OCA\PrideFlags\AppConstants;
+use OCP\IL10N;
+use OCP\IURLGenerator;
+use OCP\Settings\IIConSection;
+
+class PersonalSection implements IIconSection {
+	public function __construct(private IL10N $l10n, private IURLGenerator $urlGenerator) {}
+
+	public function getID(): string {
+		return AppConstants::APP_ID;
+	}
+
+	public function getName(): string {
+		return 'Pride';
+	}
+
+	public function getPriority(): int {
+		return 100;
+	}
+
+	public function getIcon(): string {
+		return $this->urlGenerator->imagePath('core', 'settings-dark.svg');
+	}
+}
diff --git a/lib/Settings/PersonalSettings.php b/lib/Settings/PersonalSettings.php
new file mode 100644
index 0000000..6908a4e
--- /dev/null
+++ b/lib/Settings/PersonalSettings.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace OCA\PrideFlags\Settings;
+
+use OCA\PrideFlags\AppConstants;
+use OCP\AppFramework\Http\TemplateResponse;
+use OCP\Settings\ISettings;
+use OCP\Util;
+
+class PersonalSettings implements ISettings {
+	public function getForm(): TemplateResponse {
+		return new TemplateResponse(AppConstants::APP_ID, 'settings', []);
+	}
+
+	public function getSection(): string {
+		return AppConstants::APP_ID;
+	}
+
+	public function getPriority(): int {
+		return 50;
+	}
+}
diff --git a/templates/settings.php b/templates/settings.php
new file mode 100644
index 0000000..e3e9dd0
--- /dev/null
+++ b/templates/settings.php
@@ -0,0 +1,15 @@
+<?php
+
+?>
+<div class="pride_flags_user_settings">
+	<div class="settings-section">
+		<h2 class="settings_section__name">Personal preferences</h2>
+		<p class="settings_section__desc">Configure which pride flags you want where</p>
+		<div class="user-settings">
+			<select>
+				<option value='pride'>Pride</option>
+				<option value='trans'>Trans Pride</option>
+			</select>
+		</div>
+	</div>
+</div>