From 4eb9e0dabfd28f9681cb659877cb89e7f20dfaa5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Fri, 22 Nov 2019 09:04:11 +0000
Subject: [PATCH] Revert "remove text fields in properties modal"

This reverts commit dfcf6d71557f63e8830bc30aa2b495798dfacf18.
---
 .../src/less2/include/modals-ui-elements.less |  9 ------
 www/common/common-ui-elements.js              | 28 +++++++++++++++----
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less
index 86074f4ad..a3cc41004 100644
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -15,13 +15,4 @@
         }
     }
 
-    // Properties modal
-    .cp-app-prop{
-        margin-bottom: 10px;
-    }
-
-    .cp-app-prop-content{
-        color: @cryptpad_text_col;
-    }
-
 }
\ No newline at end of file
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 089e10880..1512cb761 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -684,15 +684,26 @@ define([
         }
 
         if (data.tags && Array.isArray(data.tags)) {
-            $d.append(h('div.cp-app-prop', [Messages.fm_prop_tagsList, ': ', h('span.cp-app-prop-content', data.tags.join(', '))]));
+            $('<label>', {'for': 'cp-app-prop-tags'}).text(Messages.fm_prop_tagsList).appendTo($d);
+            $d.append(UI.dialog.selectable(data.tags.join(', '), {
+                id: 'cp-app-prop-tags',
+            }));
         }
 
         if (data.ctime) {
-            $d.append(h('div.cp-app-prop', [Messages.fm_creation, ': ', h('span.cp-app-prop-content', new Date(data.ctime).toLocaleString())]));
+            $('<label>', {'for': 'cp-app-prop-ctime'}).text(Messages.fm_creation)
+                .appendTo($d);
+            $d.append(UI.dialog.selectable(new Date(data.ctime).toLocaleString(), {
+                id: 'cp-app-prop-ctime',
+            }));
         }
 
         if (data.atime) {
-            $d.append(h('div.cp-app-prop', [Messages.fm_lastAccess, ': ', h('span.cp-app-prop-content', new Date(data.atime).toLocaleString())]));
+            $('<label>', {'for': 'cp-app-prop-atime'}).text(Messages.fm_lastAccess)
+                .appendTo($d);
+            $d.append(UI.dialog.selectable(new Date(data.atime).toLocaleString(), {
+                id: 'cp-app-prop-atime',
+            }));
         }
 
         if (common.isLoggedIn()) {
@@ -716,8 +727,15 @@ define([
                 var KB = Util.bytesToKilobytes(bytes);
 
                 var formatted = Messages._getKey('formattedKB', [KB]);
-                
-                $d.append(h('div.cp-app-prop', [Messages.fc_sizeInKilobytes, ': ', h('span.cp-app-prop-content', formatted)]))
+                $('<br>').appendTo($d);
+
+                $('<label>', {
+                    'for': 'cp-app-prop-size'
+                }).text(Messages.fc_sizeInKilobytes).appendTo($d);
+
+                $d.append(UI.dialog.selectable(formatted, {
+                    id: 'cp-app-prop-size',
+                }));
 
         if (data.sharedFolder && false) {
             $('<label>', {'for': 'cp-app-prop-channel'}).text('Channel ID').appendTo($d);