diff --git a/endpoints/subscriptions/get.php b/endpoints/subscriptions/get.php
index 96d710d..660d973 100644
--- a/endpoints/subscriptions/get.php
+++ b/endpoints/subscriptions/get.php
@@ -55,6 +55,7 @@
$print[$id]['payer_user_id'] = $subscription['payer_user_id'];
$print[$id]['price'] = floatval($subscription['price']);
$print[$id]['url'] = $subscription['url'];
+ $print[$id]['notes'] = $subscription['notes'];
if (isset($_COOKIE['convertCurrency']) && $_COOKIE['convertCurrency'] === 'true' && $currencyId != $mainCurrencyId) {
$print[$id]['price'] = getPriceConverted($print[$id]['price'], $currencyId, $db);
diff --git a/images/siteicons/notes.png b/images/siteicons/notes.png
new file mode 100644
index 0000000..3bb5cd8
Binary files /dev/null and b/images/siteicons/notes.png differ
diff --git a/includes/list_subscriptions.php b/includes/list_subscriptions.php
index 8145baf..8b12de3 100644
--- a/includes/list_subscriptions.php
+++ b/includes/list_subscriptions.php
@@ -124,6 +124,18 @@
}
?>
+
+
+
+
+ = $subscription['notes'] ?>
+
+
+
\ No newline at end of file
diff --git a/index.php b/index.php
index 860c8bb..b7b13eb 100644
--- a/index.php
+++ b/index.php
@@ -88,6 +88,7 @@
$print[$id]['payer_user_id'] = $subscription['payer_user_id'];
$print[$id]['price'] = floatval($subscription['price']);
$print[$id]['url'] = $subscription['url'];
+ $print[$id]['notes'] = $subscription['notes'];
if (isset($_COOKIE['convertCurrency']) && $_COOKIE['convertCurrency'] === 'true' && $currencyId != $mainCurrencyId) {
$print[$id]['price'] = getPriceConverted($print[$id]['price'], $currencyId, $db);
diff --git a/styles/styles.css b/styles/styles.css
index c319ccf..dec69b7 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -218,6 +218,13 @@ main > .contain {
overflow: hidden;
}
+.subscription-notes {
+ display: none;
+ flex-direction: row;
+ padding: 6px 5px;
+ overflow: hidden;
+}
+
.subscription-main > span,
.subscription-secondary > span {
display: flex;
@@ -294,6 +301,12 @@ main > .contain {
cursor: pointer;
}
+.subscription-notes > span {
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+}
+
@media (max-width: 768px) {
.subscription-main > .name {
display: none;
@@ -316,11 +329,13 @@ main > .contain {
}
}
-.subscription.is-open .subscription-secondary {
+.subscription.is-open .subscription-secondary,
+.subscription.is-open .subscription-notes {
display: flex;
}
-.subscription-secondary img {
+.subscription-secondary img,
+.subscription-notes img {
height: 20px;
margin-right: 10px;
}