UI: Add optional thumbnail and summary on feed items (#3805)

* UI: Add optional thumbnail and summary on feed items

Implements #561

* UI: Thumbnail: Own column, Custom size, Lazy load

* UI: Thumbnail: Remove unnecessary CSS rule

Remove rule already defined in base theme, no override needed

* CSS lint + RTL

* Improve thumbail and summary generation

* Support img alt

* Missing htmlspecialchars

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

17 files changed, 136 insertions, 0 deletions

diff --git a/app/i18n/cz/conf.php b/app/i18n/cz/conf.php
index 2d8f499cd..fa744ef71 100644
--- a/app/i18n/cz/conf.php
+++ b/app/i18n/cz/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Zobrazení',
 		'icon' => array(
 			'bottom_line' => 'Spodní řádek',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Authors',	// TODO - Translation
 			'entry' => 'Ikony článků',
 			'publication_date' => 'Datum vydání',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Bez limitu',
 			'thin' => 'Tenká',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Správa profilu',
diff --git a/app/i18n/de/conf.php b/app/i18n/de/conf.php
index 3a1ffb5c8..460506f23 100644
--- a/app/i18n/de/conf.php
+++ b/app/i18n/de/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Anzeige',
 		'icon' => array(
 			'bottom_line' => 'Fußzeile',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Autoren',
 			'entry' => 'Artikel-Symbole',
 			'publication_date' => 'Datum der Veröffentlichung',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Keine Begrenzung',
 			'thin' => 'Klein',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Profil-Verwaltung',
diff --git a/app/i18n/en-us/conf.php b/app/i18n/en-us/conf.php
index facd3d08c..caea7eff9 100644
--- a/app/i18n/en-us/conf.php
+++ b/app/i18n/en-us/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Display',
 		'icon' => array(
 			'bottom_line' => 'Bottom line',
+			'summary' => 'Summary',
 			'display_authors' => 'Authors',
 			'entry' => 'Article icons',
 			'publication_date' => 'Date of publication',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Full Width',
 			'thin' => 'Narrow',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail',
+			'none' => 'None',
+			'portrait' => 'Portrait',
+			'square' => 'Square',
+			'landscape' => 'Landscape',
+		),
 	),
 	'profile' => array(
 		'_' => 'Profile management',
diff --git a/app/i18n/en/conf.php b/app/i18n/en/conf.php
index 188cf811b..121ed0177 100644
--- a/app/i18n/en/conf.php
+++ b/app/i18n/en/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Display',
 		'icon' => array(
 			'bottom_line' => 'Bottom line',
+			'summary' => 'Summary',
 			'display_authors' => 'Authors',
 			'entry' => 'Article icons',
 			'publication_date' => 'Date of publication',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Full Width',
 			'thin' => 'Narrow',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail',
+			'none' => 'None',
+			'portrait' => 'Portrait',
+			'square' => 'Square',
+			'landscape' => 'Landscape',
+		),
 	),
 	'profile' => array(
 		'_' => 'Profile management',
diff --git a/app/i18n/es/conf.php b/app/i18n/es/conf.php
index 7eca55278..1bacd8fba 100755
--- a/app/i18n/es/conf.php
+++ b/app/i18n/es/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Visualización',
 		'icon' => array(
 			'bottom_line' => 'Línea inferior',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Authors',	// TODO - Translation
 			'entry' => 'Iconos de artículos',
 			'publication_date' => 'Fecha de publicación',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Sin límite',
 			'thin' => 'Estrecho',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Administración de perfiles',
diff --git a/app/i18n/fr/conf.php b/app/i18n/fr/conf.php
index 464632637..d4a967412 100644
--- a/app/i18n/fr/conf.php
+++ b/app/i18n/fr/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Affichage',
 		'icon' => array(
 			'bottom_line' => 'Ligne du bas',
+			'summary' => 'Résumé',
 			'display_authors' => 'Auteurs',
 			'entry' => 'Icônes d’article',
 			'publication_date' => 'Date de publication',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Pas de limite',
 			'thin' => 'Fine',
 		),
+		'thumbnail' => array(
+			'label' => 'Miniature',
+			'none' => 'Sans',
+			'portrait' => 'Portrait',
+			'square' => 'Carrée',
+			'landscape' => 'Paysage',
+		),
 	),
 	'profile' => array(
 		'_' => 'Gestion du profil',
diff --git a/app/i18n/he/conf.php b/app/i18n/he/conf.php
index 8d09732b2..64f7d7f47 100644
--- a/app/i18n/he/conf.php
+++ b/app/i18n/he/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'תצוגה',
 		'icon' => array(
 			'bottom_line' => 'שורה תחתונה',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Authors',	// TODO - Translation
 			'entry' => 'סמלילי מאמרים',
 			'publication_date' => 'תאריך הפרסום',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'ללא הגבלה',
 			'thin' => 'צר',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Profile management',	// TODO - Translation
diff --git a/app/i18n/it/conf.php b/app/i18n/it/conf.php
index 74abf6ec1..78bfd743e 100644
--- a/app/i18n/it/conf.php
+++ b/app/i18n/it/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Visualizzazione',
 		'icon' => array(
 			'bottom_line' => 'Barra in fondo',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Authors',	// TODO - Translation
 			'entry' => 'Icone degli articoli',
 			'publication_date' => 'Data di pubblicazione',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Nessun limite',
 			'thin' => 'Stretto',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Gestione profili',
diff --git a/app/i18n/kr/conf.php b/app/i18n/kr/conf.php
index 2d6f55d43..597107c6f 100644
--- a/app/i18n/kr/conf.php
+++ b/app/i18n/kr/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => '표시',
 		'icon' => array(
 			'bottom_line' => '하단',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Authors',	// TODO - Translation
 			'entry' => '문서 아이콘',
 			'publication_date' => '발행일',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => '제한 없음',
 			'thin' => '얇음',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => '프로필 관리',
diff --git a/app/i18n/nl/conf.php b/app/i18n/nl/conf.php
index b6dea0184..c7b5bf441 100644
--- a/app/i18n/nl/conf.php
+++ b/app/i18n/nl/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Opmaak',
 		'icon' => array(
 			'bottom_line' => 'Onderaan',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Auteurs',
 			'entry' => 'Artikel pictogrammen',
 			'publication_date' => 'Publicatie datum',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Geen limiet',
 			'thin' => 'Smal',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Profielbeheer',
diff --git a/app/i18n/oc/conf.php b/app/i18n/oc/conf.php
index 0a1444d71..e645a5b68 100644
--- a/app/i18n/oc/conf.php
+++ b/app/i18n/oc/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Afichatge',
 		'icon' => array(
 			'bottom_line' => 'Linha enbàs',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Autors',
 			'entry' => 'Icònas d’article',
 			'publication_date' => 'Data de publicacion',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Cap de limit',
 			'thin' => 'Fina',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Gestion del perfil',
diff --git a/app/i18n/pl/conf.php b/app/i18n/pl/conf.php
index b67e76afb..c6e337320 100644
--- a/app/i18n/pl/conf.php
+++ b/app/i18n/pl/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Wyświetlanie',
 		'icon' => array(
 			'bottom_line' => 'Dolny margines',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Autorzy',
 			'entry' => 'Ikony wiadomości',
 			'publication_date' => 'Data publikacji',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Pełna szerokość',
 			'thin' => 'Wąska',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Zarządzanie profilem',
diff --git a/app/i18n/pt-br/conf.php b/app/i18n/pt-br/conf.php
index 7c7c2e39f..3b10f07cd 100644
--- a/app/i18n/pt-br/conf.php
+++ b/app/i18n/pt-br/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Exibição',
 		'icon' => array(
 			'bottom_line' => 'Linha inferior',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Autores',
 			'entry' => 'Ícones de artigos',
 			'publication_date' => 'Data da publicação',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Sem limite',
 			'thin' => 'Fino',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Gerenciamento de perfil',
diff --git a/app/i18n/ru/conf.php b/app/i18n/ru/conf.php
index e113fd44b..b4bbd658a 100644
--- a/app/i18n/ru/conf.php
+++ b/app/i18n/ru/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Отображение',
 		'icon' => array(
 			'bottom_line' => 'Нижняя линия',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Авторы',
 			'entry' => 'Иконки статей',
 			'publication_date' => 'Дата публикации',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Во всю ширину',
 			'thin' => 'Узкое',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Настройки профиля',
diff --git a/app/i18n/sk/conf.php b/app/i18n/sk/conf.php
index bff87015f..1bd41da97 100644
--- a/app/i18n/sk/conf.php
+++ b/app/i18n/sk/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Zobrazenie',
 		'icon' => array(
 			'bottom_line' => 'Spodný riadok',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Autori',
 			'entry' => 'Ikony článku',
 			'publication_date' => 'Dátum zverejnenia',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Bez obmedzenia',
 			'thin' => 'Úzka',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Správca profilu',
diff --git a/app/i18n/tr/conf.php b/app/i18n/tr/conf.php
index 0cfe9b0ff..6d51d4e42 100644
--- a/app/i18n/tr/conf.php
+++ b/app/i18n/tr/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => 'Görünüm',
 		'icon' => array(
 			'bottom_line' => 'Alt çizgi',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => 'Yazarlar',
 			'entry' => 'Makale ikonları',
 			'publication_date' => 'Yayınlama Tarihi',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => 'Sınırsız',
 			'thin' => 'Zayıf',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => 'Profil yönetimi',
diff --git a/app/i18n/zh-cn/conf.php b/app/i18n/zh-cn/conf.php
index 03ca671db..75df77a45 100644
--- a/app/i18n/zh-cn/conf.php
+++ b/app/i18n/zh-cn/conf.php
@@ -25,6 +25,7 @@ return array(
 		'_' => '显示',
 		'icon' => array(
 			'bottom_line' => '底栏',
+			'summary' => 'Summary', // TODO - Translation
 			'display_authors' => '作者',
 			'entry' => '文章图标',
 			'publication_date' => '更新日期',
@@ -47,6 +48,13 @@ return array(
 			'no_limit' => '无限制',
 			'thin' => '窄',
 		),
+		'thumbnail' => array(
+			'label' => 'Thumbnail', // TODO - Translation
+			'none' => 'None', // TODO - Translation
+			'portrait' => 'Portrait', // TODO - Translation
+			'square' => 'Square', // TODO - Translation
+			'landscape' => 'Landscape', // TODO - Translation
+		),
 	),
 	'profile' => array(
 		'_' => '用户管理',