mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-06-08 07:26:47 +00:00
文章锁本地化语言
This commit is contained in:
@@ -29,7 +29,10 @@ export default {
|
|||||||
VIEWS: 'Views',
|
VIEWS: 'Views',
|
||||||
COPYRIGHT_NOTICE: 'All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!',
|
COPYRIGHT_NOTICE: 'All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!',
|
||||||
RESULT_OF_SEARCH: 'Results Found',
|
RESULT_OF_SEARCH: 'Results Found',
|
||||||
ARTICLE_DETAIL: 'Article Details'
|
ARTICLE_DETAIL: 'Article Details',
|
||||||
|
PASSWORD_ERROR: 'Password Error!',
|
||||||
|
ARTICLE_LOCK_TIPS: 'Please Enter the password:',
|
||||||
|
SUBMIT: 'Submit'
|
||||||
},
|
},
|
||||||
PAGINATION: {
|
PAGINATION: {
|
||||||
PREV: 'Prev',
|
PREV: 'Prev',
|
||||||
|
|||||||
@@ -31,7 +31,10 @@ export default {
|
|||||||
VIEWS: '次查看',
|
VIEWS: '次查看',
|
||||||
COPYRIGHT_NOTICE: '本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。',
|
COPYRIGHT_NOTICE: '本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。',
|
||||||
RESULT_OF_SEARCH: '篇搜索到的结果',
|
RESULT_OF_SEARCH: '篇搜索到的结果',
|
||||||
ARTICLE_DETAIL: '文章详情'
|
ARTICLE_DETAIL: '文章详情',
|
||||||
|
PASSWORD_ERROR: '密码错误!',
|
||||||
|
ARTICLE_LOCK_TIPS: '文章已上锁,请输入访问密码',
|
||||||
|
SUBMIT: '提交'
|
||||||
},
|
},
|
||||||
PAGINATION: {
|
PAGINATION: {
|
||||||
PREV: '上一页',
|
PREV: '上一页',
|
||||||
|
|||||||
@@ -31,7 +31,10 @@ export default {
|
|||||||
VIEWS: '次查看',
|
VIEWS: '次查看',
|
||||||
COPYRIGHT_NOTICE: '本文採用 CC BY-NC-SA 4.0 許可協議,轉載請註明出處。',
|
COPYRIGHT_NOTICE: '本文採用 CC BY-NC-SA 4.0 許可協議,轉載請註明出處。',
|
||||||
RESULT_OF_SEARCH: '篇搜尋到的结果',
|
RESULT_OF_SEARCH: '篇搜尋到的结果',
|
||||||
ARTICLE_DETAIL: '完整文章'
|
ARTICLE_DETAIL: '完整文章',
|
||||||
|
PASSWORD_ERROR: '密碼錯誤!',
|
||||||
|
ARTICLE_LOCK_TIPS: '文章已上鎖,請輸入訪問密碼',
|
||||||
|
SUBMIT: '提交'
|
||||||
},
|
},
|
||||||
PAGINATION: {
|
PAGINATION: {
|
||||||
PREV: '上一頁',
|
PREV: '上一頁',
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { useGlobal } from '@/lib/global'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加密文章校验组件
|
* 加密文章校验组件
|
||||||
@@ -8,6 +9,8 @@
|
|||||||
*/
|
*/
|
||||||
export const ArticleLock = props => {
|
export const ArticleLock = props => {
|
||||||
const { password, validPassword } = props
|
const { password, validPassword } = props
|
||||||
|
const { locale } = useGlobal()
|
||||||
|
|
||||||
const submitPassword = () => {
|
const submitPassword = () => {
|
||||||
const p = document.getElementById('password')
|
const p = document.getElementById('password')
|
||||||
if (p && p.value && p.value === password) {
|
if (p && p.value && p.value === password) {
|
||||||
@@ -16,18 +19,18 @@ export const ArticleLock = props => {
|
|||||||
const tips = document.getElementById('tips')
|
const tips = document.getElementById('tips')
|
||||||
if (tips) {
|
if (tips) {
|
||||||
tips.innerHTML = ''
|
tips.innerHTML = ''
|
||||||
tips.innerHTML = '<div class=\'text-red-500 animate__shakeX animate__animated\'>密码输入错误</div>'
|
tips.innerHTML = `<div class='text-red-500 animate__shakeX animate__animated'>${locale.COMMON.PASSWORD_ERROR}</div>`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return <div className='w-full flex justify-center items-center h-96 font-sans'>
|
return <div className='w-full flex justify-center items-center h-96 font-sans'>
|
||||||
<div className='text-center space-y-3'>
|
<div className='text-center space-y-3'>
|
||||||
<div className='font-bold'>文章已加锁,请输入访问密码:</div>
|
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
|
||||||
<div className='flex'>
|
<div className='flex'>
|
||||||
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lgfont-light leading-10 text-black bg-white dark:bg-gray-500'></input>
|
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lgfont-light leading-10 text-black bg-white dark:bg-gray-500'></input>
|
||||||
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 rounded-r duration-300 bg-gray-300" >
|
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 rounded-r duration-300 bg-gray-300" >
|
||||||
<i className={'duration-200 cursor-pointer fas fa-key'} > 提交</i>
|
<i className={'duration-200 cursor-pointer fas fa-key'} > {locale.COMMON.SUBMIT}</i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id='tips'>
|
<div id='tips'>
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
import { useGlobal } from '@/lib/global'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加密文章校验组件
|
* 加密文章校验组件
|
||||||
* @param {password, validPassword} props
|
* @param {password, validPassword} props
|
||||||
@@ -7,6 +9,8 @@
|
|||||||
*/
|
*/
|
||||||
export const ArticleLock = props => {
|
export const ArticleLock = props => {
|
||||||
const { password, validPassword } = props
|
const { password, validPassword } = props
|
||||||
|
const { locale } = useGlobal()
|
||||||
|
|
||||||
const submitPassword = () => {
|
const submitPassword = () => {
|
||||||
const p = document.getElementById('password')
|
const p = document.getElementById('password')
|
||||||
if (p && p.value && p.value === password) {
|
if (p && p.value && p.value === password) {
|
||||||
@@ -15,8 +19,7 @@ export const ArticleLock = props => {
|
|||||||
const tips = document.getElementById('tips')
|
const tips = document.getElementById('tips')
|
||||||
if (tips) {
|
if (tips) {
|
||||||
tips.innerHTML = ''
|
tips.innerHTML = ''
|
||||||
tips.innerHTML =
|
tips.innerHTML = `<div class='text-red-500 animate__shakeX animate__animated'>${locale.COMMON.PASSWORD_ERROR}</div>`
|
||||||
"<div class='text-red-500 animate__shakeX animate__animated'>密码输入错误</div>"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -25,7 +28,7 @@ export const ArticleLock = props => {
|
|||||||
<div className="shadow md:hover:shadow-2xl overflow-x-auto max-w-5xl w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200 subpixel-antialiased">
|
<div className="shadow md:hover:shadow-2xl overflow-x-auto max-w-5xl w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200 subpixel-antialiased">
|
||||||
<div className="w-full flex justify-center items-center h-96 font-sans">
|
<div className="w-full flex justify-center items-center h-96 font-sans">
|
||||||
<div className="text-center space-y-3">
|
<div className="text-center space-y-3">
|
||||||
<div className="font-bold">文章已加锁,请输入访问密码:</div>
|
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
<input
|
<input
|
||||||
id="password" type='password'
|
id="password" type='password'
|
||||||
@@ -35,9 +38,7 @@ export const ArticleLock = props => {
|
|||||||
onClick={submitPassword}
|
onClick={submitPassword}
|
||||||
className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-gray-700 hover:bg-gray-400 text-white rounded-r duration-300"
|
className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-gray-700 hover:bg-gray-400 text-white rounded-r duration-300"
|
||||||
>
|
>
|
||||||
<i className={'duration-200 cursor-pointer fas fa-key'}>
|
<i className={'duration-200 cursor-pointer fas fa-key'} > {locale.COMMON.SUBMIT}</i>
|
||||||
提交
|
|
||||||
</i>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tips"></div>
|
<div id="tips"></div>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { useGlobal } from '@/lib/global'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加密文章校验组件
|
* 加密文章校验组件
|
||||||
@@ -8,6 +9,7 @@
|
|||||||
*/
|
*/
|
||||||
export const ArticleLock = props => {
|
export const ArticleLock = props => {
|
||||||
const { password, validPassword } = props
|
const { password, validPassword } = props
|
||||||
|
const { locale } = useGlobal()
|
||||||
const submitPassword = () => {
|
const submitPassword = () => {
|
||||||
const p = document.getElementById('password')
|
const p = document.getElementById('password')
|
||||||
if (p && p.value && p.value === password) {
|
if (p && p.value && p.value === password) {
|
||||||
@@ -16,18 +18,18 @@ export const ArticleLock = props => {
|
|||||||
const tips = document.getElementById('tips')
|
const tips = document.getElementById('tips')
|
||||||
if (tips) {
|
if (tips) {
|
||||||
tips.innerHTML = ''
|
tips.innerHTML = ''
|
||||||
tips.innerHTML = '<div class=\'text-red-500 animate__shakeX animate__animated\'>密码输入错误</div>'
|
tips.innerHTML = `<div class='text-red-500 animate__shakeX animate__animated'>${locale.COMMON.PASSWORD_ERROR}</div>`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return <div className='w-full flex justify-center items-center h-96 font-sans'>
|
return <div className='w-full flex justify-center items-center h-96 font-sans'>
|
||||||
<div className='text-center space-y-3'>
|
<div className='text-center space-y-3'>
|
||||||
<div className='font-bold'>文章已加锁,请输入访问密码:</div>
|
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
|
||||||
<div className='flex'>
|
<div className='flex'>
|
||||||
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500'></input>
|
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500'></input>
|
||||||
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-blue-500 hover:bg-blue-400 text-white rounded-r duration-300" >
|
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-blue-500 hover:bg-blue-400 text-white rounded-r duration-300" >
|
||||||
<i className={'duration-200 cursor-pointer fas fa-key'} > 提交</i>
|
<i className={'duration-200 cursor-pointer fas fa-key'} > {locale.COMMON.SUBMIT}</i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id='tips'>
|
<div id='tips'>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { useGlobal } from '@/lib/global'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加密文章校验组件
|
* 加密文章校验组件
|
||||||
@@ -8,6 +9,8 @@
|
|||||||
*/
|
*/
|
||||||
export const ArticleLock = props => {
|
export const ArticleLock = props => {
|
||||||
const { password, validPassword } = props
|
const { password, validPassword } = props
|
||||||
|
const { locale } = useGlobal()
|
||||||
|
|
||||||
const submitPassword = () => {
|
const submitPassword = () => {
|
||||||
const p = document.getElementById('password')
|
const p = document.getElementById('password')
|
||||||
if (p && p.value && p.value === password) {
|
if (p && p.value && p.value === password) {
|
||||||
@@ -16,18 +19,18 @@ export const ArticleLock = props => {
|
|||||||
const tips = document.getElementById('tips')
|
const tips = document.getElementById('tips')
|
||||||
if (tips) {
|
if (tips) {
|
||||||
tips.innerHTML = ''
|
tips.innerHTML = ''
|
||||||
tips.innerHTML = '<div class=\'text-red-500 animate__shakeX animate__animated\'>密码输入错误</div>'
|
tips.innerHTML = `<div class='text-red-500 animate__shakeX animate__animated'>${locale.COMMON.PASSWORD_ERROR}</div>`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return <div className='w-full flex justify-center items-center h-96 font-sans'>
|
return <div className='w-full flex justify-center items-center h-96 font-sans'>
|
||||||
<div className='text-center space-y-3'>
|
<div className='text-center space-y-3'>
|
||||||
<div className='font-bold'>文章已加锁,请输入访问密码:</div>
|
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
|
||||||
<div className='flex'>
|
<div className='flex'>
|
||||||
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500'></input>
|
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500'></input>
|
||||||
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-green-500 hover:bg-green-400 text-white rounded-r duration-300" >
|
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-green-500 hover:bg-green-400 text-white rounded-r duration-300" >
|
||||||
<i className={'duration-200 cursor-pointer fas fa-key'} > 提交</i>
|
<i className={'duration-200 cursor-pointer fas fa-key'} > {locale.COMMON.SUBMIT}</i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id='tips'>
|
<div id='tips'>
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
import { useGlobal } from '@/lib/global'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加密文章校验组件
|
* 加密文章校验组件
|
||||||
* @param {password, validPassword} props
|
* @param {password, validPassword} props
|
||||||
@@ -7,6 +9,8 @@
|
|||||||
*/
|
*/
|
||||||
export const ArticleLock = props => {
|
export const ArticleLock = props => {
|
||||||
const { password, validPassword } = props
|
const { password, validPassword } = props
|
||||||
|
const { locale } = useGlobal()
|
||||||
|
|
||||||
const submitPassword = () => {
|
const submitPassword = () => {
|
||||||
const p = document.getElementById('password')
|
const p = document.getElementById('password')
|
||||||
if (p && p.value && p.value === password) {
|
if (p && p.value && p.value === password) {
|
||||||
@@ -15,8 +19,7 @@ export const ArticleLock = props => {
|
|||||||
const tips = document.getElementById('tips')
|
const tips = document.getElementById('tips')
|
||||||
if (tips) {
|
if (tips) {
|
||||||
tips.innerHTML = ''
|
tips.innerHTML = ''
|
||||||
tips.innerHTML =
|
tips.innerHTML = `<div class='text-red-500 animate__shakeX animate__animated'>${locale.COMMON.PASSWORD_ERROR}</div>`
|
||||||
"<div class='text-red-500 animate__shakeX animate__animated'>密码输入错误</div>"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -25,19 +28,17 @@ export const ArticleLock = props => {
|
|||||||
<div className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
|
<div className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
|
||||||
<div className="w-full flex justify-center items-center h-96 font-sans">
|
<div className="w-full flex justify-center items-center h-96 font-sans">
|
||||||
<div className="text-center space-y-3">
|
<div className="text-center space-y-3">
|
||||||
<div className="font-bold">文章已加锁,请输入访问密码:</div>
|
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
<input
|
<input
|
||||||
id="password" type='password'
|
id="password" type='password'
|
||||||
className="w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500"
|
className="w-full text-sm pl-5 transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500"
|
||||||
></input>
|
></input>
|
||||||
<div
|
<div
|
||||||
onClick={submitPassword}
|
onClick={submitPassword}
|
||||||
className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-gray-700 hover:bg-gray-400 text-white rounded-r duration-300"
|
className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-gray-700 hover:bg-gray-400 text-white duration-300"
|
||||||
>
|
>
|
||||||
<i className={'duration-200 cursor-pointer fas fa-key'}>
|
<i className={'duration-200 cursor-pointer fas fa-key'} > {locale.COMMON.SUBMIT}</i>
|
||||||
提交
|
|
||||||
</i>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tips"></div>
|
<div id="tips"></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user