From a25509e1a45d5d36e30f0cd58e5fa0a2ccf5dc7d Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Tue, 2 Apr 2024 22:10:01 +0200
Subject: [PATCH] use css class for inline images

---
 static/js/documentInfoView.js      |  7 +------
 static/js/infoView.indiancinema.js | 21 +++------------------
 static/js/infoView.js              |  7 +------
 static/js/infoView.padma.js        | 14 ++------------
 4 files changed, 7 insertions(+), 42 deletions(-)

diff --git a/static/js/documentInfoView.js b/static/js/documentInfoView.js
index c42518ff..f526d7a3 100644
--- a/static/js/documentInfoView.js
+++ b/static/js/documentInfoView.js
@@ -251,16 +251,11 @@ pandora.ui.documentInfoView = function(data, isMixed) {
 
     if (canEdit || data.description) {
         $('<div>')
+            .addClass("InlineImages")
             .append(
                 Ox.EditableContent({
                     clickLink: pandora.clickLink,
                     editable: canEdit,
-                    format: function(value) {
-                        return value.replace(
-                            /<img src=/g,
-                            '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
-                        );
-                    },
                     maxHeight: Infinity,
                     placeholder: formatLight(Ox._('No Description')),
                     tooltip: canEdit ? pandora.getEditTooltip() : '',
diff --git a/static/js/infoView.indiancinema.js b/static/js/infoView.indiancinema.js
index e9adc8e1..94a1b281 100644
--- a/static/js/infoView.indiancinema.js
+++ b/static/js/infoView.indiancinema.js
@@ -362,17 +362,12 @@ pandora.ui.infoView = function(data, isMixed) {
                 clickLink: pandora.clickLink,
                 collapseToEnd: false,
                 editable: canEdit,
-                format: function(value) {
-                    return value.replace(
-                        /<img src=/g,
-                        '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
-                    );
-                },
                 placeholder: formatLight(Ox._(isMixed.summary ? 'Mixed Summary' : 'No Summary')),
                 tooltip: canEdit ? pandora.getEditTooltip() : '',
                 type: 'textarea',
                 value: data.summary || ''
             })
+            .addClass("InlineImages")
             .css(css)
             .css({
                 marginTop: '12px',
@@ -449,18 +444,13 @@ pandora.ui.infoView = function(data, isMixed) {
                 clickLink: pandora.clickLink,
                 collapseToEnd: false,
                 editable: canEdit,
-                format: function(value) {
-                    return value.replace(
-                        /<img src=/g,
-                        '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
-                    );
-                },
                 placeholder: formatLight(Ox._(isMixed.songs ? 'Mixed Songs' : 'unknown')),
                 tooltip: canEdit ? pandora.getEditTooltip() : '',
                 type: 'textarea',
                 value: data.songs || ''
 
             })
+            .addClass("InlineImages")
             .css(css)
             .css({
                 overflow: 'hidden'
@@ -1043,17 +1033,12 @@ pandora.ui.infoView = function(data, isMixed) {
                     Ox.EditableContent({
                             clickLink: pandora.clickLink,
                             editable: canEdit,
-                            format: function(value) {
-                                return value.replace(
-                                    /<img /g,
-                                    '<img style="max-width: 256px; max-height: 256px; margin: 0 16px 16px 0; float: left;" '
-                                );
-                            },
                             placeholder: formatLight(Ox._('No Description')),
                             tooltip: canEdit ? pandora.getEditTooltip() : '',
                             type: 'textarea',
                             value: value.description || ''
                         })
+                        .addClass("InlineImages")
                         .css(css)
                         .css({
                             overflow: 'hidden'
diff --git a/static/js/infoView.js b/static/js/infoView.js
index 3bc015c0..b7b4d028 100644
--- a/static/js/infoView.js
+++ b/static/js/infoView.js
@@ -260,16 +260,11 @@ pandora.ui.infoView = function(data, isMixed) {
 
     if (canEdit || data.summary) {
         $('<div>')
+            .addClass("InlineImages")
             .append(
                 Ox.EditableContent({
                     clickLink: pandora.clickLink,
                     editable: canEdit,
-                    format: function(value) {
-                        return value.replace(
-                            /<img src=/g,
-                            '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
-                        );
-                    },
                     maxHeight: Infinity,
                     placeholder: formatLight(Ox._( isMixed.summary ? 'Mixed Summary' : 'No Summary')),
                     tooltip: canEdit ? pandora.getEditTooltip() : '',
diff --git a/static/js/infoView.padma.js b/static/js/infoView.padma.js
index e12c300f..42e7ac53 100644
--- a/static/js/infoView.padma.js
+++ b/static/js/infoView.padma.js
@@ -280,16 +280,11 @@ pandora.ui.infoView = function(data, isMixed) {
                 .appendTo($div);
             if (canEdit || data[key + 'description']) {
                 $('<div>')
+                    .addClass("InlineImages")
                     .append(
                         descriptions[key] = Ox.EditableContent({
                             clickLink: pandora.clickLink,
                             editable: canEdit,
-                            format: function(value) {
-                                return value.replace(
-                                    /<img src=/g,
-                                    '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
-                                );
-                            },
                             placeholder: formatLight(Ox._('No {0} Description', [Ox._(Ox.toTitleCase(key))])),
                             tooltip: canEdit ? pandora.getEditTooltip() : '',
                             type: 'textarea',
@@ -353,6 +348,7 @@ pandora.ui.infoView = function(data, isMixed) {
 
     if (canEdit || data.summary) {
         $('<div>')
+            .addClass("InlineImages")
             .css({
                 marginTop: '12px',
                 marginBottom: '12px'
@@ -362,12 +358,6 @@ pandora.ui.infoView = function(data, isMixed) {
                     clickLink: pandora.clickLink,
                     collapseToEnd: false,
                     editable: canEdit,
-                    format: function(value) {
-                        return value.replace(
-                            /<img src=/g,
-                            '<img style="float: left; max-width: 256px; max-height: 256px; margin: 0 16px 16px 0" src='
-                        );
-                    },
                     maxHeight: Infinity,
                     placeholder: formatLight(Ox._('No Summary')),
                     tooltip: canEdit ? pandora.getEditTooltip() : '',