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 @@ } ?> + +
+ + <?= translate('notes', $i18n) ?> + + +
+ \ 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; }