htmlの必要な部分を移植した

src/client/js/components/Admin/Importer.jsx

@@ -1,14 +1,22 @@
 import React, { Fragment } from 'react';
+import axios from 'axios';
 
 class Importer extends React.Component {
 
   constructor(props) {
     super();
+    this.state = {
+      userDatas: [],
+    };
+  }
+
+  componentWillMount() {
   }
 
   render() {
     return (
       <Fragment>
+
       </Fragment>
     );
   }

src/server/views/admin/importer.html

@@ -1,4 +1,3 @@
-
 {% extends '../layout/admin.html' %}
 
 {% block html_title %}{{ customizeService.generateCustomTitle(t('Import Data')) }}{% endblock %}
@@ -13,18 +12,40 @@
 
 {% block content_main %}
 <div class="content-main admin-importer">
-    <div class="row">
-      <div class="col-md-3">
-          {% include './widget/menu.html' with {current: 'importer'} %}
-      </div>
+
+  <div class="row">
+    <div class="col-md-3">
+      {% include './widget/menu.html' with {current: 'importer'} %}
     </div>
+    <div class="col-lg-7 col-md-9">
+
+      <!-- Flash message for success -->
+      {% set smessage = req.flash('successMessage') %}
+      {% if smessage.length %}
+      <div class="alert alert-success">
+        {% for e in smessage %}
+        {{ e }}<br>
+        {% endfor %}
+      </div>
+      {% endif %}
+
+      <!-- Flash message for error -->
+      {% set emessage = req.flash('errorMessage') %}
+      {% if emessage.length %}
+      <div class="alert alert-danger">
+        {% for e in emessage %}
+        {{ e }}<br>
+        {% endfor %}
+      </div>
+      {% endif %}
 
-</div>
+      <div id="admin-importer"></div>
 
-<div id ="admin-importer"></div>
+    </div>
+  </div>
+</div>
 
 {% endblock content_main %}
 
-
 {% block content_footer %}
 {% endblock content_footer %}