import-tool: Manually bootstrap the widget

puavo-org · Aug 27, 2015 · b4ade9a · b4ade9a
1 parent 055e040
commit b4ade9a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 16 deletions.
diff --git a/app/views/import_tool/index.html.erb b/app/views/import_tool/index.html.erb
@@ -10,3 +10,6 @@
   <link href="/import_tool.css" media="all" rel="stylesheet" type="text/css" />
 <% end %>
 <script src="/import_tool.js" charset="utf-8"></script>
+<script charset="utf-8">
+window.createImportTool("import-tool", <%= params["id"]  %>);
+</script>
diff --git a/import-tool/index.js b/import-tool/index.js
@@ -24,19 +24,23 @@ const createFinalStore = compose(
 );
 
 const combinedReducers = combineReducers(reducers);
-const store = createFinalStore(combinedReducers);
-
-var container = document.getElementById("import-tool");
-container.innerHTML = "";
-React.render(
-    <div>
-        <Provider store={store}>
-            {() => <ImportTool />}
-        </Provider>
-        {REDUX_DEV &&
-        <DebugPanel top right bottom>
-          <DevTools store={store}
-                    monitor={LogMonitor} />
-        </DebugPanel>}
-    </div>
-, container);
+
+function createImportTool(containerId, currentSchoolId) {
+    var container = document.getElementById(containerId);
+    const store = createFinalStore(combinedReducers);
+    container.innerHTML = "";
+    React.render(
+        <div>
+            <Provider store={store}>
+                {() => <ImportTool />}
+            </Provider>
+            {REDUX_DEV &&
+            <DebugPanel top right bottom>
+              <DevTools store={store}
+                        monitor={LogMonitor} />
+            </DebugPanel>}
+        </div>
+    , container);
+}
+
+window.createImportTool = createImportTool;