mirror of
https://github.com/casdoor/casdoor.git
synced 2025-07-15 18:53:50 +08:00

* feat: add aliyun captcha provider * Rename App key * fix typo * Rename HMACSHA1 & Reused clientId2 and clientSecret2 * Update ProviderEditPage.js * Delete unused import Co-authored-by: Gucheng <85475922+nomeguy@users.noreply.github.com>
934 lines
24 KiB
JavaScript
934 lines
24 KiB
JavaScript
// Copyright 2021 The Casdoor Authors. All Rights Reserved.
|
||
//
|
||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||
// you may not use this file except in compliance with the License.
|
||
// You may obtain a copy of the License at
|
||
//
|
||
// http://www.apache.org/licenses/LICENSE-2.0
|
||
//
|
||
// Unless required by applicable law or agreed to in writing, software
|
||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
// See the License for the specific language governing permissions and
|
||
// limitations under the License.
|
||
|
||
import {message, Tag, Tooltip} from "antd";
|
||
import {QuestionCircleTwoTone} from "@ant-design/icons";
|
||
import React from "react";
|
||
import {isMobile as isMobileDevice} from "react-device-detect";
|
||
import "./i18n";
|
||
import i18next from "i18next";
|
||
import copy from "copy-to-clipboard";
|
||
import {authConfig} from "./auth/Auth";
|
||
import {Helmet} from "react-helmet";
|
||
import * as Conf from "./Conf";
|
||
|
||
export let ServerUrl = "";
|
||
|
||
// export const StaticBaseUrl = "https://cdn.jsdelivr.net/gh/casbin/static";
|
||
export const StaticBaseUrl = "https://cdn.casbin.org";
|
||
|
||
// https://catamphetamine.gitlab.io/country-flag-icons/3x2/index.html
|
||
export const CountryRegionData = getCountryRegionData();
|
||
|
||
export const OtherProviderInfo = {
|
||
SMS: {
|
||
"Aliyun SMS": {
|
||
logo: `${StaticBaseUrl}/img/social_aliyun.png`,
|
||
url: "https://aliyun.com/product/sms",
|
||
},
|
||
"Tencent Cloud SMS": {
|
||
logo: `${StaticBaseUrl}/img/social_tencent_cloud.jpg`,
|
||
url: "https://cloud.tencent.com/product/sms",
|
||
},
|
||
"Volc Engine SMS": {
|
||
logo: `${StaticBaseUrl}/img/social_volc_engine.jpg`,
|
||
url: "https://www.volcengine.com/products/cloud-sms",
|
||
},
|
||
"Huawei Cloud SMS": {
|
||
logo: `${StaticBaseUrl}/img/social_huawei.png`,
|
||
url: "https://www.huaweicloud.com/product/msgsms.html",
|
||
},
|
||
},
|
||
Email: {
|
||
"Default": {
|
||
logo: `${StaticBaseUrl}/img/social_default.png`,
|
||
url: "",
|
||
},
|
||
},
|
||
Storage: {
|
||
"Local File System": {
|
||
logo: `${StaticBaseUrl}/img/social_file.png`,
|
||
url: "",
|
||
},
|
||
"AWS S3": {
|
||
logo: `${StaticBaseUrl}/img/social_aws.png`,
|
||
url: "https://aws.amazon.com/s3",
|
||
},
|
||
"Aliyun OSS": {
|
||
logo: `${StaticBaseUrl}/img/social_aliyun.png`,
|
||
url: "https://aliyun.com/product/oss",
|
||
},
|
||
"Tencent Cloud COS": {
|
||
logo: `${StaticBaseUrl}/img/social_tencent_cloud.jpg`,
|
||
url: "https://cloud.tencent.com/product/cos",
|
||
},
|
||
"Azure Blob": {
|
||
logo: `${StaticBaseUrl}/img/social_azure.jpg`,
|
||
url: "https://azure.microsoft.com/en-us/services/storage/blobs/"
|
||
}
|
||
},
|
||
SAML: {
|
||
"Aliyun IDaaS": {
|
||
logo: `${StaticBaseUrl}/img/social_aliyun.png`,
|
||
url: "https://aliyun.com/product/idaas"
|
||
},
|
||
"Keycloak": {
|
||
logo: `${StaticBaseUrl}/img/social_keycloak.png`,
|
||
url: "https://www.keycloak.org/"
|
||
},
|
||
},
|
||
Payment: {
|
||
"Alipay": {
|
||
logo: `${StaticBaseUrl}/img/payment_alipay.png`,
|
||
url: "https://www.alipay.com/"
|
||
},
|
||
"WeChat Pay": {
|
||
logo: `${StaticBaseUrl}/img/payment_wechat_pay.png`,
|
||
url: "https://pay.weixin.qq.com/"
|
||
},
|
||
"PayPal": {
|
||
logo: `${StaticBaseUrl}/img/payment_paypal.png`,
|
||
url: "https://www.paypal.com/"
|
||
},
|
||
"GC": {
|
||
logo: `${StaticBaseUrl}/img/payment_gc.png`,
|
||
url: "https://gc.org"
|
||
},
|
||
},
|
||
Captcha: {
|
||
"Default": {
|
||
logo: `${StaticBaseUrl}/img/social_default.png`,
|
||
url: "https://pkg.go.dev/github.com/dchest/captcha",
|
||
},
|
||
"reCAPTCHA": {
|
||
logo: `${StaticBaseUrl}/img/social_recaptcha.png`,
|
||
url: "https://www.google.com/recaptcha",
|
||
},
|
||
"hCaptcha": {
|
||
logo: `${StaticBaseUrl}/img/social_hcaptcha.png`,
|
||
url: "https://www.hcaptcha.com",
|
||
},
|
||
"Aliyun Captcha": {
|
||
logo: `${StaticBaseUrl}/img/social_aliyun.png`,
|
||
url: "https://help.aliyun.com/product/28308.html",
|
||
}
|
||
}
|
||
};
|
||
|
||
export function getCountryRegionData() {
|
||
let language = i18next.language;
|
||
if (language === null || language === "null") {
|
||
language = Conf.DefaultLanguage;
|
||
}
|
||
|
||
var countries = require("i18n-iso-countries");
|
||
countries.registerLocale(require("i18n-iso-countries/langs/" + language + ".json"));
|
||
var data = countries.getNames(language, {select: "official"});
|
||
var result = []
|
||
for (var i in data)
|
||
result.push({code:i, name:data[i]})
|
||
return result
|
||
}
|
||
|
||
export function initServerUrl() {
|
||
//const hostname = window.location.hostname;
|
||
// if (hostname === "localhost") {
|
||
// ServerUrl = `http://${hostname}:8000`;
|
||
// }
|
||
}
|
||
|
||
export function isLocalhost() {
|
||
const hostname = window.location.hostname;
|
||
return hostname === "localhost";
|
||
}
|
||
|
||
export function getFullServerUrl() {
|
||
let fullServerUrl = window.location.origin;
|
||
if (fullServerUrl === "http://localhost:7001") {
|
||
fullServerUrl = "http://localhost:8000";
|
||
}
|
||
return fullServerUrl;
|
||
}
|
||
|
||
export function isProviderVisible(providerItem) {
|
||
if (providerItem.provider === undefined || providerItem.provider === null) {
|
||
return false;
|
||
}
|
||
|
||
if (providerItem.provider.category !== "OAuth" && providerItem.provider.category !== "SAML") {
|
||
return false;
|
||
}
|
||
|
||
if (providerItem.provider.type === "WeChatMiniProgram"){
|
||
return false
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
export function isProviderVisibleForSignUp(providerItem) {
|
||
if (providerItem.canSignUp === false) {
|
||
return false;
|
||
}
|
||
|
||
return isProviderVisible(providerItem);
|
||
}
|
||
|
||
export function isProviderVisibleForSignIn(providerItem) {
|
||
if (providerItem.canSignIn === false) {
|
||
return false;
|
||
}
|
||
|
||
return isProviderVisible(providerItem);
|
||
}
|
||
|
||
export function isProviderPrompted(providerItem) {
|
||
return isProviderVisible(providerItem) && providerItem.prompted;
|
||
}
|
||
|
||
export function getAllPromptedProviderItems(application) {
|
||
return application.providers.filter(providerItem => isProviderPrompted(providerItem));
|
||
}
|
||
|
||
export function getSignupItem(application, itemName) {
|
||
const signupItems = application.signupItems?.filter(signupItem => signupItem.name === itemName);
|
||
if (signupItems.length === 0) {
|
||
return null;
|
||
}
|
||
return signupItems[0];
|
||
}
|
||
|
||
export function isValidPersonName(personName) {
|
||
// https://blog.css8.cn/post/14210975.html
|
||
const personNameRegex = /^[\u4e00-\u9fa5]{2,6}$/;
|
||
return personNameRegex.test(personName);
|
||
}
|
||
|
||
export function isValidIdCard(idCard) {
|
||
const idCardRegex = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/;
|
||
return idCardRegex.test(idCard);
|
||
}
|
||
|
||
export function isValidEmail(email) {
|
||
// https://github.com/yiminghe/async-validator/blob/057b0b047f88fac65457bae691d6cb7c6fe48ce1/src/rule/type.ts#L9
|
||
const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
||
return emailRegex.test(email);
|
||
}
|
||
|
||
export function isValidPhone(phone) {
|
||
if (phone === "") {
|
||
return false;
|
||
}
|
||
|
||
// https://learnku.com/articles/31543, `^s*$` filter empty email individually.
|
||
const phoneRegex = /^\s*$|^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/;
|
||
return phoneRegex.test(phone);
|
||
}
|
||
|
||
export function isValidInvoiceTitle(invoiceTitle) {
|
||
if (invoiceTitle === "") {
|
||
return false;
|
||
}
|
||
|
||
// https://blog.css8.cn/post/14210975.html
|
||
const invoiceTitleRegex = /^[()()\u4e00-\u9fa5]{0,50}$/;
|
||
return invoiceTitleRegex.test(invoiceTitle);
|
||
}
|
||
|
||
export function isValidTaxId(taxId) {
|
||
// https://www.codetd.com/article/8592083
|
||
const regArr = [/^[\da-z]{10,15}$/i, /^\d{6}[\da-z]{10,12}$/i, /^[a-z]\d{6}[\da-z]{9,11}$/i, /^[a-z]{2}\d{6}[\da-z]{8,10}$/i, /^\d{14}[\dx][\da-z]{4,5}$/i, /^\d{17}[\dx][\da-z]{1,2}$/i, /^[a-z]\d{14}[\dx][\da-z]{3,4}$/i, /^[a-z]\d{17}[\dx][\da-z]{0,1}$/i, /^[\d]{6}[\da-z]{13,14}$/i];
|
||
for (let i = 0; i < regArr.length; i++) {
|
||
if (regArr[i].test(taxId)) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
export function isAffiliationPrompted(application) {
|
||
const signupItem = getSignupItem(application, "Affiliation");
|
||
if (signupItem === null) {
|
||
return false;
|
||
}
|
||
|
||
return signupItem.prompted;
|
||
}
|
||
|
||
export function hasPromptPage(application) {
|
||
const providerItems = getAllPromptedProviderItems(application);
|
||
if (providerItems.length !== 0) {
|
||
return true;
|
||
}
|
||
|
||
return isAffiliationPrompted(application);
|
||
}
|
||
|
||
function isAffiliationAnswered(user, application) {
|
||
if (!isAffiliationPrompted(application)) {
|
||
return true;
|
||
}
|
||
|
||
if (user === null) {
|
||
return false;
|
||
}
|
||
return user.affiliation !== "";
|
||
}
|
||
|
||
function isProviderItemAnswered(user, application, providerItem) {
|
||
if (user === null) {
|
||
return false;
|
||
}
|
||
|
||
const provider = providerItem.provider;
|
||
const linkedValue = user[provider.type.toLowerCase()];
|
||
return linkedValue !== undefined && linkedValue !== "";
|
||
}
|
||
|
||
export function isPromptAnswered(user, application) {
|
||
if (!isAffiliationAnswered(user, application)) {
|
||
return false;
|
||
}
|
||
|
||
const providerItems = getAllPromptedProviderItems(application);
|
||
for (let i = 0; i < providerItems.length; i ++) {
|
||
if (!isProviderItemAnswered(user, application, providerItems[i])) {
|
||
return false;
|
||
}
|
||
}
|
||
return true;
|
||
}
|
||
|
||
export function parseJson(s) {
|
||
if (s === "") {
|
||
return null;
|
||
} else {
|
||
return JSON.parse(s);
|
||
}
|
||
}
|
||
|
||
export function myParseInt(i) {
|
||
const res = parseInt(i);
|
||
return isNaN(res) ? 0 : res;
|
||
}
|
||
|
||
export function openLink(link) {
|
||
// this.props.history.push(link);
|
||
const w = window.open('about:blank');
|
||
w.location.href = link;
|
||
}
|
||
|
||
export function openLinkSafe(link) {
|
||
// Javascript window.open issue in safari
|
||
// https://stackoverflow.com/questions/45569893/javascript-window-open-issue-in-safari
|
||
let a = document.createElement('a');
|
||
a.href = link;
|
||
a.setAttribute('target', '_blank');
|
||
a.click();
|
||
}
|
||
|
||
export function goToLink(link) {
|
||
window.location.href = link;
|
||
}
|
||
|
||
export function goToLinkSoft(ths, link) {
|
||
if (link.startsWith("http")) {
|
||
openLink(link);
|
||
return;
|
||
}
|
||
|
||
ths.props.history.push(link);
|
||
}
|
||
|
||
export function showMessage(type, text) {
|
||
if (type === "") {
|
||
return;
|
||
} else if (type === "success") {
|
||
message.success(text);
|
||
} else if (type === "error") {
|
||
message.error(text);
|
||
} else if (type === "info") {
|
||
message.info(text);
|
||
}
|
||
}
|
||
|
||
export function isAdminUser(account) {
|
||
if (account === undefined || account === null) {
|
||
return false;
|
||
}
|
||
return account.owner === "built-in" || account.isGlobalAdmin === true;
|
||
}
|
||
|
||
export function deepCopy(obj) {
|
||
return Object.assign({}, obj);
|
||
}
|
||
|
||
export function addRow(array, row) {
|
||
return [...array, row];
|
||
}
|
||
|
||
export function prependRow(array, row) {
|
||
return [row, ...array];
|
||
}
|
||
|
||
export function deleteRow(array, i) {
|
||
// return array = array.slice(0, i).concat(array.slice(i + 1));
|
||
return [...array.slice(0, i), ...array.slice(i + 1)];
|
||
}
|
||
|
||
export function swapRow(array, i, j) {
|
||
return [...array.slice(0, i), array[j], ...array.slice(i + 1, j), array[i], ...array.slice(j + 1)];
|
||
}
|
||
|
||
export function trim(str, ch) {
|
||
if (str === undefined) {
|
||
return undefined;
|
||
}
|
||
|
||
let start = 0;
|
||
let end = str.length;
|
||
|
||
while(start < end && str[start] === ch)
|
||
++start;
|
||
|
||
while(end > start && str[end - 1] === ch)
|
||
--end;
|
||
|
||
return (start > 0 || end < str.length) ? str.substring(start, end) : str;
|
||
}
|
||
|
||
export function isMobile() {
|
||
// return getIsMobileView();
|
||
return isMobileDevice;
|
||
}
|
||
|
||
export function getFormattedDate(date) {
|
||
if (date === undefined) {
|
||
return null;
|
||
}
|
||
|
||
date = date.replace('T', ' ');
|
||
date = date.replace('+08:00', ' ');
|
||
return date;
|
||
}
|
||
|
||
export function getFormattedDateShort(date) {
|
||
return date.slice(0, 10);
|
||
}
|
||
|
||
export function getShortName(s) {
|
||
return s.split('/').slice(-1)[0];
|
||
}
|
||
|
||
export function getShortText(s, maxLength=35) {
|
||
if (s.length > maxLength) {
|
||
return `${s.slice(0, maxLength)}...`;
|
||
} else {
|
||
return s;
|
||
}
|
||
}
|
||
|
||
export function getFriendlyFileSize(size) {
|
||
if (size < 1024) {
|
||
return size + ' B';
|
||
}
|
||
|
||
let i = Math.floor(Math.log(size) / Math.log(1024));
|
||
let num = (size / Math.pow(1024, i));
|
||
let round = Math.round(num);
|
||
num = round < 10 ? num.toFixed(2) : round < 100 ? num.toFixed(1) : round;
|
||
return `${num} ${'KMGTPEZY'[i-1]}B`;
|
||
}
|
||
|
||
function getRandomInt(s) {
|
||
let hash = 0;
|
||
if (s.length !== 0) {
|
||
for (let i = 0; i < s.length; i ++) {
|
||
let char = s.charCodeAt(i);
|
||
hash = ((hash << 5) - hash) + char;
|
||
hash = hash & hash;
|
||
}
|
||
}
|
||
|
||
return hash;
|
||
}
|
||
|
||
export function getAvatarColor(s) {
|
||
const colorList = ['#f56a00', '#7265e6', '#ffbf00', '#00a2ae'];
|
||
let random = getRandomInt(s);
|
||
if (random < 0) {
|
||
random = -random;
|
||
}
|
||
return colorList[random % 4];
|
||
}
|
||
|
||
export function getLanguage() {
|
||
return i18next.language;
|
||
}
|
||
|
||
export function setLanguage(language) {
|
||
localStorage.setItem("language", language);
|
||
changeMomentLanguage(language);
|
||
i18next.changeLanguage(language);
|
||
}
|
||
|
||
export function changeLanguage(language) {
|
||
localStorage.setItem("language", language);
|
||
changeMomentLanguage(language);
|
||
i18next.changeLanguage(language);
|
||
window.location.reload(true);
|
||
}
|
||
|
||
export function changeMomentLanguage(language) {
|
||
// if (language === "zh") {
|
||
// moment.locale("zh", {
|
||
// relativeTime: {
|
||
// future: "%s内",
|
||
// past: "%s前",
|
||
// s: "几秒",
|
||
// ss: "%d秒",
|
||
// m: "1分钟",
|
||
// mm: "%d分钟",
|
||
// h: "1小时",
|
||
// hh: "%d小时",
|
||
// d: "1天",
|
||
// dd: "%d天",
|
||
// M: "1个月",
|
||
// MM: "%d个月",
|
||
// y: "1年",
|
||
// yy: "%d年",
|
||
// },
|
||
// });
|
||
// }
|
||
}
|
||
|
||
export function getClickable(text) {
|
||
return (
|
||
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
||
<a onClick={() => {
|
||
copy(text);
|
||
showMessage("success", `Copied to clipboard`);
|
||
}}>
|
||
{text}
|
||
</a>
|
||
)
|
||
}
|
||
|
||
export function getProviderLogoURL(provider) {
|
||
if (provider.category === "OAuth") {
|
||
if (provider.type === "Custom") {
|
||
return provider.customLogo;
|
||
}
|
||
return `${StaticBaseUrl}/img/social_${provider.type.toLowerCase()}.png`;
|
||
} else {
|
||
return OtherProviderInfo[provider.category][provider.type].logo;
|
||
}
|
||
}
|
||
|
||
export function getProviderLogo(provider) {
|
||
const idp = provider.type.toLowerCase().trim().split(' ')[0];
|
||
const url = getProviderLogoURL(provider);
|
||
return (
|
||
<img width={30} height={30} src={url} alt={idp} />
|
||
)
|
||
}
|
||
|
||
export function getProviderTypeOptions(category) {
|
||
if (category === "OAuth") {
|
||
return (
|
||
[
|
||
{id: 'Google', name: 'Google'},
|
||
{id: 'GitHub', name: 'GitHub'},
|
||
{id: 'QQ', name: 'QQ'},
|
||
{id: 'WeChat', name: 'WeChat'},
|
||
{id: 'WeChatMiniProgram', name: 'WeChat Mini Program'},
|
||
{id: 'Facebook', name: 'Facebook'},
|
||
{id: 'DingTalk', name: 'DingTalk'},
|
||
{id: 'Weibo', name: 'Weibo'},
|
||
{id: 'Gitee', name: 'Gitee'},
|
||
{id: 'LinkedIn', name: 'LinkedIn'},
|
||
{id: 'WeCom', name: 'WeCom'},
|
||
{id: 'Lark', name: 'Lark'},
|
||
{id: 'GitLab', name: 'GitLab'},
|
||
{id: 'Adfs', name: 'Adfs'},
|
||
{id: 'Baidu', name: 'Baidu'},
|
||
{id: 'Alipay', name: 'Alipay'},
|
||
{id: 'Casdoor', name: 'Casdoor'},
|
||
{id: 'Infoflow', name: 'Infoflow'},
|
||
{id: 'Apple', name: 'Apple'},
|
||
{id: 'AzureAD', name: 'AzureAD'},
|
||
{id: 'Slack', name: 'Slack'},
|
||
{id: 'Steam', name: 'Steam'},
|
||
{id: 'Bilibili', name: 'Bilibili'},
|
||
{id: 'Okta', name: 'Okta'},
|
||
{id: 'Douyin', name: 'Douyin'},
|
||
{id: 'Custom', name: 'Custom'},
|
||
]
|
||
);
|
||
} else if (category === "Email") {
|
||
return (
|
||
[
|
||
{id: 'Default', name: 'Default'},
|
||
]
|
||
);
|
||
} else if (category === "SMS") {
|
||
return (
|
||
[
|
||
{id: 'Aliyun SMS', name: 'Aliyun SMS'},
|
||
{id: 'Tencent Cloud SMS', name: 'Tencent Cloud SMS'},
|
||
{id: 'Volc Engine SMS', name: 'Volc Engine SMS'},
|
||
{id: 'Huawei Cloud SMS', name: 'Huawei Cloud SMS'},
|
||
]
|
||
);
|
||
} else if (category === "Storage") {
|
||
return (
|
||
[
|
||
{id: 'Local File System', name: 'Local File System'},
|
||
{id: 'AWS S3', name: 'AWS S3'},
|
||
{id: 'Aliyun OSS', name: 'Aliyun OSS'},
|
||
{id: 'Tencent Cloud COS', name: 'Tencent Cloud COS'},
|
||
{id: 'Azure Blob', name: 'Azure Blob'}
|
||
]
|
||
);
|
||
} else if (category === "SAML") {
|
||
return ([
|
||
{id: 'Aliyun IDaaS', name: 'Aliyun IDaaS'},
|
||
{id: 'Keycloak', name: 'Keycloak'},
|
||
]);
|
||
} else if (category === "Payment") {
|
||
return ([
|
||
{id: 'Alipay', name: 'Alipay'},
|
||
{id: 'WeChat Pay', name: 'WeChat Pay'},
|
||
{id: 'PayPal', name: 'PayPal'},
|
||
{id: 'GC', name: 'GC'},
|
||
]);
|
||
} else if (category === "Captcha") {
|
||
return ([
|
||
{id: 'Default', name: 'Default'},
|
||
{id: 'reCAPTCHA', name: 'reCAPTCHA'},
|
||
{id: 'hCaptcha', name: 'hCaptcha'},
|
||
{id: 'Aliyun Captcha', name: 'Aliyun Captcha'},
|
||
]);
|
||
} else {
|
||
return [];
|
||
}
|
||
}
|
||
|
||
export function getProviderSubTypeOptions(type) {
|
||
if (type === "WeCom" || type === "Infoflow") {
|
||
return (
|
||
[
|
||
{id: 'Internal', name: 'Internal'},
|
||
{id: 'Third-party', name: 'Third-party'},
|
||
]
|
||
);
|
||
} else if (type === "Aliyun Captcha") {
|
||
return [
|
||
{id: 'nc', name: 'Sliding Validation'},
|
||
{id: 'ic', name: 'Intelligent Validation'},
|
||
];
|
||
} else {
|
||
return [];
|
||
}
|
||
}
|
||
|
||
export function renderLogo(application) {
|
||
if (application === null) {
|
||
return null;
|
||
}
|
||
|
||
if (application.homepageUrl !== "") {
|
||
return (
|
||
<a target="_blank" rel="noreferrer" href={application.homepageUrl}>
|
||
<img width={250} src={application.logo} alt={application.displayName} style={{marginBottom: '30px'}}/>
|
||
</a>
|
||
)
|
||
} else {
|
||
return (
|
||
<img width={250} src={application.logo} alt={application.displayName} style={{marginBottom: '30px'}}/>
|
||
);
|
||
}
|
||
}
|
||
|
||
export function goToLogin(ths, application) {
|
||
if (application === null) {
|
||
return;
|
||
}
|
||
|
||
if (!application.enablePassword && window.location.pathname.includes("/signup/oauth/authorize")) {
|
||
const link = window.location.href.replace("/signup/oauth/authorize", "/login/oauth/authorize");
|
||
goToLink(link);
|
||
return;
|
||
}
|
||
|
||
if (authConfig.appName === application.name) {
|
||
goToLinkSoft(ths, "/login");
|
||
} else {
|
||
if (application.signinUrl === "") {
|
||
goToLink(`${application.homepageUrl}/login`);
|
||
} else {
|
||
goToLink(application.signinUrl);
|
||
}
|
||
}
|
||
}
|
||
|
||
export function goToSignup(ths, application) {
|
||
if (application === null) {
|
||
return;
|
||
}
|
||
|
||
if (!application.enablePassword && window.location.pathname.includes("/login/oauth/authorize")) {
|
||
const link = window.location.href.replace("/login/oauth/authorize", "/signup/oauth/authorize");
|
||
goToLink(link);
|
||
return;
|
||
}
|
||
|
||
if (authConfig.appName === application.name) {
|
||
goToLinkSoft(ths, "/signup");
|
||
} else {
|
||
if (application.signupUrl === "") {
|
||
goToLinkSoft(ths, `/signup/${application.name}`);
|
||
} else {
|
||
goToLink(application.signupUrl);
|
||
}
|
||
}
|
||
}
|
||
|
||
export function goToForget(ths, application) {
|
||
if (application === null) {
|
||
return;
|
||
}
|
||
|
||
if (authConfig.appName === application.name) {
|
||
goToLinkSoft(ths, "/forget");
|
||
} else {
|
||
if (application.forgetUrl === "") {
|
||
goToLinkSoft(ths, `/forget/${application.name}`);
|
||
} else {
|
||
goToLink(application.forgetUrl);
|
||
}
|
||
}
|
||
}
|
||
|
||
export function renderHelmet(application) {
|
||
if (application === undefined || application === null || application.organizationObj === undefined || application.organizationObj === null ||application.organizationObj === "") {
|
||
return null;
|
||
}
|
||
|
||
return (
|
||
<Helmet>
|
||
<title>{application.organizationObj.displayName}</title>
|
||
<link rel="icon" href={application.organizationObj.favicon} />
|
||
</Helmet>
|
||
)
|
||
}
|
||
|
||
export function getLabel(text, tooltip) {
|
||
return (
|
||
<React.Fragment>
|
||
<span style={{ marginRight: 4 }}>{text}</span>
|
||
<Tooltip placement="top" title={tooltip}>
|
||
<QuestionCircleTwoTone twoToneColor="rgb(45,120,213)" />
|
||
</Tooltip>
|
||
</React.Fragment>
|
||
);
|
||
}
|
||
|
||
function repeat(str, len) {
|
||
while (str.length < len) {
|
||
str += str.substr(0, len - str.length);
|
||
}
|
||
return str;
|
||
}
|
||
|
||
function maskString(s) {
|
||
if (s.length <= 2) {
|
||
return s;
|
||
} else {
|
||
return `${s[0]}${repeat("*", s.length - 2)}${s[s.length - 1]}`;
|
||
}
|
||
}
|
||
|
||
export function getMaskedPhone(s) {
|
||
return s.replace(/(\d{3})\d*(\d{4})/,'$1****$2');
|
||
}
|
||
|
||
export function getMaskedEmail(email) {
|
||
if (email === "") return;
|
||
const tokens = email.split("@");
|
||
let username = tokens[0];
|
||
username = maskString(username);
|
||
|
||
const domain = tokens[1];
|
||
let domainTokens = domain.split(".");
|
||
domainTokens[domainTokens.length - 2] = maskString(domainTokens[domainTokens.length - 2]);
|
||
|
||
return `${username}@${domainTokens.join(".")}`;
|
||
}
|
||
|
||
export function getArrayItem(array, key, value) {
|
||
const res = array.filter(item => item[key] === value)[0];
|
||
return res;
|
||
}
|
||
|
||
export function getDeduplicatedArray(array, filterArray, key) {
|
||
const res = array.filter(item => filterArray.filter(filterItem => filterItem[key] === item[key]).length === 0);
|
||
return res;
|
||
}
|
||
|
||
export function getNewRowNameForTable(table, rowName) {
|
||
const emptyCount = table.filter(row => row.name.includes(rowName)).length;
|
||
let res = rowName;
|
||
for (let i = 0; i < emptyCount; i ++) {
|
||
res = res + " ";
|
||
}
|
||
return res;
|
||
}
|
||
|
||
export function getTagColor(s) {
|
||
return "processing";
|
||
}
|
||
|
||
export function getTags(tags) {
|
||
let res = [];
|
||
if (!tags) return res;
|
||
tags.forEach((tag, i) => {
|
||
res.push(
|
||
<Tag color={getTagColor(tag)}>
|
||
{tag}
|
||
</Tag>
|
||
);
|
||
});
|
||
return res;
|
||
}
|
||
|
||
export function getApplicationOrgName(application) {
|
||
return `${application?.organizationObj.owner}/${application?.organizationObj.name}`;
|
||
}
|
||
|
||
export function getRandomName() {
|
||
return Math.random().toString(36).slice(-6);
|
||
}
|
||
|
||
export function getRandomNumber() {
|
||
return Math.random().toString(10).slice(-11);
|
||
}
|
||
|
||
export function getFromLink() {
|
||
const from = sessionStorage.getItem("from");
|
||
if (from === null) {
|
||
return "/";
|
||
}
|
||
return from;
|
||
}
|
||
|
||
export function scrollToDiv(divId) {
|
||
if (divId) {
|
||
let ele = document.getElementById(divId);
|
||
if (ele) {
|
||
ele.scrollIntoView({behavior: "smooth"});
|
||
}
|
||
}
|
||
}
|
||
|
||
export function getSyncerTableColumns(syncer) {
|
||
switch (syncer.type) {
|
||
case "Keycloak":
|
||
return [
|
||
{
|
||
"name":"ID",
|
||
"type":"string",
|
||
"casdoorName":"Id",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"USERNAME",
|
||
"type":"string",
|
||
"casdoorName":"Name",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"LAST_NAME+FIRST_NAME",
|
||
"type":"string",
|
||
"casdoorName":"DisplayName",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"EMAIL",
|
||
"type":"string",
|
||
"casdoorName":"Email",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"EMAIL_VERIFIED",
|
||
"type":"boolean",
|
||
"casdoorName":"EmailVerified",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"FIRST_NAME",
|
||
"type":"string",
|
||
"casdoorName":"FirstName",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"LAST_NAME",
|
||
"type":"string",
|
||
"casdoorName":"LastName",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"CREATED_TIMESTAMP",
|
||
"type":"string",
|
||
"casdoorName":"CreatedTime",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
},
|
||
{
|
||
"name":"ENABLED",
|
||
"type":"boolean",
|
||
"casdoorName":"IsForbidden",
|
||
"isHashed":true,
|
||
"values":[
|
||
|
||
]
|
||
}
|
||
]
|
||
default:
|
||
return []
|
||
}
|
||
} |