Просмотр исходного кода

success to show react component

kaori 4 лет назад
Родитель
Сommit
d836d72726
2 измененных файлов с 18 добавлено и 11 удалено
  1. 5 0
      src/client/js/app.jsx
  2. 13 11
      src/server/views/forgot-password.html

+ 5 - 0
src/client/js/app.jsx

@@ -37,6 +37,8 @@ import Fab from './components/Fab';
 import PersonalSettings from './components/Me/PersonalSettings';
 import GrowiSubNavigation from './components/Navbar/GrowiSubNavigation';
 import GrowiSubNavigationSwitcher from './components/Navbar/GrowiSubNavigationSwitcher';
+import PasswordResetRequestForm from './components/PasswordResetRequestForm';
+
 
 import NavigationContainer from './services/NavigationContainer';
 import PageContainer from './services/PageContainer';
@@ -102,6 +104,8 @@ Object.assign(componentMappings, {
 
   'forbidden-page': <ForbiddenPage />,
 
+  'password-reset-request-form': <PasswordResetRequestForm />,
+
   'page-timeline': <PageTimeline />,
 
   'personal-setting': <PersonalSettings crowi={personalContainer} />,
@@ -127,6 +131,7 @@ if (pageContainer.state.pageId != null) {
 
     'recent-created-icon': <RecentlyCreatedIcon />,
     'user-bookmark-icon': <BookmarkIcon />,
+    'password-reset-request-form':  <PasswordResetRequestForm />,
   });
 
   // show the Page accessory modal when query of "compare" is requested

+ 13 - 11
src/server/views/forgot-password.html

@@ -1,11 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-  </head>
-  <body>
-    Forgot password page
-  </body>
-</html>
+{% extends 'layout/layout.html' %}
+
+{% block layout_main %}
+<div id="grw-fav-sticky-trigger" class="sticky-top"></div>
+
+<div class="container-fluid">
+
+  <div class="row">
+      <div id="password-reset-request-form"></div>
+  </div>
+
+</div><!-- /.container-fluid -->
+{% endblock %} {# layout_main #}