v1.0.29 - JS reads config, hides only configured

js/minimalprofile.js

@@ -1,15 +1,60 @@
 /**
- * Minimal Profile - Test JS loading
+ * Minimal Profile - Load and hide configured fields
  */
 (function() {
     'use strict';
-    console.log('MinimalProfile JS: START');
+    console.log('MinimalProfile: START');
     
-    // Load CSS directly
-    var link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = OC.linkTo('minimalprofile', 'css/minimalprofile.css');
-    document.head.appendChild(link);
-    
-    console.log('MinimalProfile JS: CSS loaded from ' + link.href);
+    var fieldSelectors = {
+        'pronouns': '#account-property-pronouns',
+        'role': '#account-property-role',
+        'headline': '#account-property-headline',
+        'biography': '#account-property-biography',
+        'organisation': '#account-property-organisation',
+        'phone': '#account-property-phone',
+        'address': '#account-property-address',
+        'birthdate': '#account-property-birthdate',
+        'website': '#account-property-website',
+        'twitter': '#account-property-twitter',
+        'fediverse': '#account-property-fediverse',
+        'location': '#account-property-location'
+    };
+
+    function applyCss(hiddenFields) {
+        if (!hiddenFields || hiddenFields.length === 0) {
+            console.log('MinimalProfile: No fields to hide');
+            return;
+        }
+        
+        var css = '';
+        hiddenFields.forEach(function(field) {
+            var selector = fieldSelectors[field];
+            if (selector) {
+                css += '.personal-settings-setting-box:has(' + selector + ') { display: none !important; }';
+                console.log('MinimalProfile: Hiding ' + field);
+            }
+        });
+        
+        if (css) {
+            var style = document.createElement('style');
+            style.textContent = css;
+            document.head.appendChild(style);
+            console.log('MinimalProfile: CSS applied');
+        }
+    }
+
+    // Fetch config
+    var req = new XMLHttpRequest();
+    req.onload = function() {
+        if (req.status === 200) {
+            try {
+                var data = JSON.parse(req.responseText);
+                applyCss(data.hiddenFields || []);
+            } catch (e) {
+                console.error('MinimalProfile: Parse error', e);
+            }
+        }
+    };
+    req.open('GET', OC.generateUrl('/apps/minimalprofile/api/v1/hidden-fields'));
+    req.send();
 })();