Rename Face to LoginPage.

web/src/App.js

@@ -33,7 +33,7 @@ import HomePage from "./basic/HomePage";
 import CustomGithubCorner from "./CustomGithubCorner";
 
 import * as Auth from "./auth/Auth";
-import Face from "./auth/Face";
+import LoginPage from "./auth/LoginPage";
 import SelfLoginPage from "./auth/SelfLoginPage";
 import * as AuthBackend from "./auth/AuthBackend";
 import AuthCallback from "./auth/AuthCallback";
@@ -334,7 +334,7 @@ class App extends Component {
     if (this.isDoorPages()) {
       return (
         <Switch>
-          <Route exact path="/login/oauth/authorize" render={(props) => <Face type={"code"} {...props} />}/>
+          <Route exact path="/login/oauth/authorize" render={(props) => <LoginPage type={"code"} {...props} />}/>
         </Switch>
       )
     }

web/src/ApplicationEditPage.js

@@ -19,7 +19,7 @@ import * as ApplicationBackend from "./backend/ApplicationBackend";
 import * as Setting from "./Setting";
 import * as ProviderBackend from "./backend/ProviderBackend";
 import * as OrganizationBackend from "./backend/OrganizationBackend";
-import Face from "./auth/Face";
+import LoginPage from "./auth/LoginPage";
 import i18next from "i18next";
 import UrlTable from "./UrlTable";
 
@@ -254,7 +254,7 @@ class ApplicationEditPage extends React.Component {
         </Row>
         <Row style={{marginTop: '20px'}} >
           <Col style={{marginTop: '5px'}} span={2}>
-            {i18next.t("application:Face Preview")}:
+            {i18next.t("application:Login Page Preview")}:
           </Col>
           <Col span={22} >
             <a style={{marginBottom: '10px'}} target="_blank" href={`/login/oauth/authorize?client_id=${this.state.application.clientId}&response_type=code&redirect_uri=${this.state.application.redirectUris[0]}&scope=read&state=casdoor`}>
@@ -265,7 +265,7 @@ class ApplicationEditPage extends React.Component {
             <br/>
             <br/>
             <div style={{width: "500px", height: "600px", border: "1px solid rgb(217,217,217)"}}>
-              <Face type={"login"} application={this.state.application} />
+              <LoginPage type={"login"} application={this.state.application} />
             </div>
           </Col>
         </Row>

web/src/auth/LoginPage.js

@@ -19,7 +19,7 @@ import * as AuthBackend from "./AuthBackend";
 import * as Provider from "./Provider";
 import * as Util from "./Util";
 
-class Face extends React.Component {
+class LoginPage extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -228,4 +228,4 @@ class Face extends React.Component {
   }
 }
 
-export default Face;
+export default LoginPage;

web/src/auth/SelfLoginPage.js

@@ -13,13 +13,13 @@
 // limitations under the License.
 
 import React from 'react';
-import Face from "./Face";
+import LoginPage from "./LoginPage";
 import {authConfig} from "./Auth";
 
 class SelfLoginPage extends React.Component {
   render() {
     return (
-      <Face type={"login"} applicationName={authConfig.appName} account={this.props.account} onLoggedIn={this.props.onLoggedIn.bind(this)} {...this.props} />
+      <LoginPage type={"login"} applicationName={authConfig.appName} account={this.props.account} onLoggedIn={this.props.onLoggedIn.bind(this)} {...this.props} />
     )
   }
 }

web/src/locales/en.json

@@ -59,6 +59,6 @@
   {
     "Edit Application": "Edit Application",
     "Enable Password": "Enable Password",
-    "Face Preview": "Face Preview"
+    "Login Page Preview": "Login Page Preview"
   }
 }

web/src/locales/zh.json

@@ -61,6 +61,6 @@
   {
     "Edit Application": "修改应用",
     "Enable Password": "开启密码",
-    "Face Preview": "图标预览"
+    "Login Page Preview": "登录页面预览"
   }
 }