Code refactored.

Author: ryoldash

reactjs/.env

@@ -0,0 +1 @@
+REACT_APP_API_URL="http://www.ryoldash.com/"

reactjs/.env.development

@@ -0,0 +1 @@
+REACT_APP_API_URL="http://localhost:21021/"

reactjs/.env.production

@@ -0,0 +1 @@
+REACT_APP_API_URL="http://www.ryoldash.com/"

reactjs/src/components/Header/index.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { Col, Icon, Layout, Avatar, Menu, Dropdown, Badge } from 'antd';
+
+export interface LayoutHeaderProps {
+  collapsed?: any;
+  toggle?: any;
+}
+
+const userDropdownMenu = (
+  <Menu>
+    <Menu.Item key="2">
+      <Icon type="logout" />
+      <span>Logout</span>
+    </Menu.Item>
+  </Menu>
+);
+
+const languageMenu = (
+  <Menu>
+    <Menu.Item key="1">
+      <span>English</span>
+    </Menu.Item>
+    <Menu.Item key="2">
+      <span>Deutsch</span>
+    </Menu.Item>
+    <Menu.Item key="3">
+      <span>Türkçe</span>
+    </Menu.Item>
+  </Menu>
+);
+
+export class LayoutHeader extends React.Component<LayoutHeaderProps> {
+  render() {
+    return (
+      <Layout.Header style={{ background: '#fff', minHeight: 83, padding: 0 }}>
+        <Col style={{ textAlign: 'left' }} span={12}>
+          <Icon
+            style={{ marginTop: 10, marginRight: 10, textAlign: 'left' }}
+            className="trigger"
+            type={this.props.collapsed ? 'menu-unfold' : 'menu-fold'}
+            onClick={this.props.toggle}
+          />
+        </Col>
+        <Col style={{ margin: 15, marginLeft: 10, textAlign: 'right' }}>
+          <Dropdown overlay={languageMenu} trigger={['click']}>
+            <Icon style={{ margin: 20 }} type="global" />
+          </Dropdown>
+          <Dropdown overlay={userDropdownMenu} trigger={['click']}>
+            <Badge style={{ margin: 10 }} count={3}>
+              <Avatar style={{ margin: 10 }} size={48} alt={'profile'} src="https://sametkabay.com/images/smtkby/smtkby240.png" />
+            </Badge>
+          </Dropdown>
+        </Col>
+      </Layout.Header>
+    );
+  }
+}
+
+export default LayoutHeader;

reactjs/src/lib/abp.d.ts

@@ -1,4 +1,4 @@
-export  namespace abp {
+declare namespace abp {
   let appPath: string;
 
   let pageLoadTime: Date;
@@ -9,7 +9,7 @@
     enum sides {
       TENANT = 1,
 
-      HOST = 2
+      HOST = 2,
     }
 
     let isEnabled: boolean;
@@ -126,7 +126,7 @@
 
       Tenant = 2,
 
-      User = 4
+      User = 4,
     }
   }
 
@@ -166,12 +166,12 @@
       SUCCESS,
       WARN,
       ERROR,
-      FATAL
+      FATAL,
     }
 
     enum userNotificationState {
       UNREAD,
-      READ
+      READ,
     }
 
     //TODO: We can extend this interface to define built-in notification types, like ILocalizableMessageNotificationData
@@ -211,22 +211,13 @@
 
     let messageFormatters: any;
 
-    function getUserNotificationStateAsString(
-      userNotificationState: userNotificationState
-    ): string;
+    function getUserNotificationStateAsString(userNotificationState: userNotificationState): string;
 
-    function getUiNotifyFuncBySeverity(
-      severity: severity
-    ): (message: string, title?: string, options?: any) => void;
+    function getUiNotifyFuncBySeverity(severity: severity): (message: string, title?: string, options?: any) => void;
 
-    function getFormattedMessageFromUserNotification(
-      userNotification: IUserNotification
-    ): string;
+    function getFormattedMessageFromUserNotification(userNotification: IUserNotification): string;
 
-    function showUiNotifyForUserNotification(
-      userNotification: IUserNotification,
-      options?: any
-    ): void;
+    function showUiNotifyForUserNotification(userNotification: IUserNotification, options?: any): void;
   }
 
   namespace log {
@@ -235,7 +226,7 @@
       INFO,
       WARN,
       ERROR,
-      FATAL
+      FATAL,
     }
 
     let level: levels;
@@ -274,16 +265,9 @@
 
     function error(message: string, title?: string): any;
 
-    function confirm(
-      message: string,
-      callback?: (result: boolean) => void
-    ): any;
+    function confirm(message: string, callback?: (result: boolean) => void): any;
 
-    function confirm(
-      message: string,
-      title?: string,
-      callback?: (result: boolean) => void
-    ): any;
+    function confirm(message: string, title?: string, callback?: (result: boolean) => void): any;
   }
 
   namespace ui {
@@ -322,18 +306,11 @@
 
     function truncateString(str: string, maxLength: number): string;
 
-    function truncateStringWithPostfix(
-      str: string,
-      maxLength: number,
-      postfix?: string
-    ): string;
+    function truncateStringWithPostfix(str: string, maxLength: number, postfix?: string): string;
 
     function isFunction(obj: any): boolean;
 
-    function buildQueryString(
-      parameterInfos: INameValue[],
-      includeQuestionMark?: boolean
-    ): string;
+    function buildQueryString(parameterInfos: INameValue[], includeQuestionMark?: boolean): string;
 
     /**
      * Sets a cookie value for given key.
@@ -344,12 +321,7 @@
      * @param {Date} expireDate (optional). If not specified the cookie will expire at the end of session.
      * @param {string} path (optional)
      */
-    function setCookieValue(
-      key: string,
-      value: string,
-      expireDate?: Date,
-      path?: string
-    ): void;
+    function setCookieValue(key: string, value: string, expireDate?: Date, path?: string): void;
 
     /**
      * Gets a cookie with given key.

reactjs/src/lib/appconst.ts

@@ -1,15 +1,14 @@
-import url from './url'
-const AppConsts= {
-    userManagement:{
-        defaultAdminUserName: 'admin'
-    },
-    localization:{
-        defaultLocalizationSourceName: 'FengCloud'
-    },
-    authorization:{
-        encrptedAuthTokenName: 'enc_auth_token'
-    },
-    appBaseUrl: "http://localhost:8080",
-    remoteServiceBaseUrl:url
-}
-export default AppConsts
+const AppConsts = {
+  userManagement: {
+    defaultAdminUserName: 'admin',
+  },
+  localization: {
+    defaultLocalizationSourceName: 'TR',
+  },
+  authorization: {
+    encrptedAuthTokenName: 'enc_auth_token',
+  },
+  appBaseUrl: 'http://localhost:8080',
+  remoteServiceBaseUrl: process.env.REACT_APP_API_URL,
+};
+export default AppConsts;