RegistryInfo: Add properties inline and showEditable

gbv · Nov 9, 2021 · ce7b819 · ce7b819
1 parent 4991949
commit ce7b819
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/src/components/RegistryInfo.vue b/src/components/RegistryInfo.vue
@@ -1,5 +1,8 @@
 <template>
-  <div>
+  <div
+    :class="{
+      'registry-info-inline': inline,
+    }">
     <div>
       <registry-notation
         :registry="registry"
@@ -18,7 +21,7 @@
         <font-awesome-icon icon="link" />
       </a>
       <span
-        v-if="registry.isAuthorizedFor({
+        v-if="showEditable && registry.isAuthorizedFor({
           type: 'mappings',
           action: 'create',
           user: user,
@@ -91,10 +94,25 @@ export default {
       type: Boolean,
       default: true,
     },
+    showEditable: {
+      type: Boolean,
+      default: true,
+    },
+    inline: {
+      type: Boolean,
+      default: false,
+    },
   },
 }
 </script>
 
 <style lang="less" scoped>
 @import "../style/main.less";
+
+.registry-info-inline {
+  display: inline-block;
+}
+.registry-info-inline > div {
+  display: inline-block;
+}
 </style>