browser: Swtiching formatting of permissions from comma
separated list to an actual list
Closes https://github.com/vanadium/browser/issues/56
Change-Id: If9c88125bddcfef6c815b299e8699f47a422aa21
diff --git a/src/components/browse/item-details/mount-point-details/index.css b/src/components/browse/item-details/mount-point-details/index.css
index e863c39..6780c35 100644
--- a/src/components/browse/item-details/mount-point-details/index.css
+++ b/src/components/browse/item-details/mount-point-details/index.css
@@ -13,3 +13,11 @@
color: var(--color-info);
padding-left: var(--size-space-xsmall);
}
+
+.permission-item ul {
+ padding-left: var(--size-space-large);
+}
+
+.permission-item ul li {
+ padding-bottom: var(--size-space-xsmall);
+}
\ No newline at end of file
diff --git a/src/components/browse/item-details/mount-point-details/index.js b/src/components/browse/item-details/mount-point-details/index.js
index e2162c0..86716e4 100644
--- a/src/components/browse/item-details/mount-point-details/index.js
+++ b/src/components/browse/item-details/mount-point-details/index.js
@@ -185,7 +185,7 @@
results.push(
h('div', [
h('span.permission-in', 'In: '),
- h('span', perm.in.join(' , '))
+ renderBlessingsList(perm.in)
])
);
}
@@ -194,10 +194,17 @@
results.push(
h('div', [
h('span.permission-out', 'Not In: '),
- h('span', perm.notIn.join(' , '))
+ renderBlessingsList(perm.notIn)
])
);
}
+ function renderBlessingsList(list) {
+ var items = list.map(function(item) {
+ return h('li', item);
+ });
+ return h('ul', items);
+ }
+
return h('div', results);
}
\ No newline at end of file
