X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fplugins%2Fadmin%2Fsrc%2Fcomponents%2FContainerCard.jsx;fp=skyquake%2Fplugins%2Fadmin%2Fsrc%2Fcomponents%2FContainerCard.jsx;h=497bd9b2c52affc1f63fd85e5a1cbe949898cfd5;hb=03156e335275de1dafbc2a816e98006afdf249bf;hp=0000000000000000000000000000000000000000;hpb=f2dc2462571800e62cba969964de621dca09299c;p=osm%2FUI.git

diff --git a/skyquake/plugins/admin/src/components/ContainerCard.jsx b/skyquake/plugins/admin/src/components/ContainerCard.jsx
new file mode 100644
index 000000000..497bd9b2c
--- /dev/null
+++ b/skyquake/plugins/admin/src/components/ContainerCard.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import ColumnCard from './ColumnCard'
+import { FolderIcon } from 'react-open-iconic-svg';
+
+export default class extends React.Component {
+    render() {
+        try {
+            const { model, path, isSelected, openElement } = this.props;
+            const element = model.getElement(path)
+            const name = element.name;
+            console.debug(`ContainerCard: ${name}`);
+            return (
+                <ColumnCard path={path} isSelected={isSelected} className='container-card'>
+                    <FolderIcon/>
+                    <div style={{cursor: 'pointer'}} onClick={() => openElement({ path })}>{name}</div>
+                </ColumnCard>
+            )
+        } catch (e) {
+            console.error("component render", e);
+        }
+    }
+}
+