Revert "remove text fields in properties modal"

This reverts commit dfcf6d7155.

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;
-    }
-
 }

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);