From 89e9d840565c18463b2643920032b21ba232796b Mon Sep 17 00:00:00 2001
From: elijah <elijah@riseup.net>
Date: Fri, 26 Aug 2016 21:09:53 -0700
Subject: [feat] added initial bitmask_js (WIP)

---
 .../app/components/main_panel/section_layout.js    | 59 ++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/leap/bitmask_js/app/components/main_panel/section_layout.js

(limited to 'src/leap/bitmask_js/app/components/main_panel/section_layout.js')

diff --git a/src/leap/bitmask_js/app/components/main_panel/section_layout.js b/src/leap/bitmask_js/app/components/main_panel/section_layout.js
new file mode 100644
index 00000000..e7c6f2ab
--- /dev/null
+++ b/src/leap/bitmask_js/app/components/main_panel/section_layout.js
@@ -0,0 +1,59 @@
+//
+// This is the layout for a service section in the main window.
+// It does not do anything except for arrange items using css and html.
+//
+
+import React from 'react'
+
+export default class SectionLayout extends React.Component {
+
+  static get defaultProps() {return{
+    icon: null,
+    buttons: null,
+    status: null,
+    className: "",
+    style: {}
+  }}
+
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    let className = ["service-section", this.props.className].join(' ')
+    let status = null
+    let icon = null
+    let buttons = null
+
+    if (this.props.status) {
+      status = (
+        <div className="status">
+          <img src={'img/' + this.props.status + '.svg' } />
+        </div>
+      )
+    }
+    if (this.props.icon) {
+      icon = (
+        <div className="icon">
+          <img src={'img/' + this.props.icon + '.svg'} />
+        </div>
+      )
+    }
+    if (this.props.buttons)
+      buttons = (
+        <div className="buttons">
+          {this.props.buttons}
+        </div>
+      )
+    return(
+      <div className={className} style={this.props.style}>
+        {icon}
+        <div className="body">
+          {this.props.children}
+        </div>
+        {buttons}
+        {status}
+      </div>
+    )
+  }
+}
-- 
cgit v1.2.3