Skip to content

Commit

Permalink
chore: add dev mode
Browse files Browse the repository at this point in the history
  • Loading branch information
@YuzeTT
YuzeTT committed Nov 16, 2023
1 parent 711a3ea commit 82a0a2b
Show file tree
Hide file tree
Showing 2 changed files with 84 additions and 57 deletions.
11 changes: 11 additions & 0 deletions src/components/Navbar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,6 +104,17 @@ export default function Navbar() {
</motion.div>
</div>
</div>
{isVip().level==100?
<div className='px-2 pb-2'>
<div id="toast-simple" className="flex items-center w-full p-4 space-x-3 rtl:space-x-reverse text-gray-500 bg-white divide-x rtl:divide-x-reverse divide-gray-200 rounded-lg card" role="alert">
<div className="i-ri-passport-fill text-xl text-blue-500" />
<div className="ps-4 text-sm font-normal flex justify-between items-center flex-1">
<div>开发者模式已开启</div>
<div>管理员：{isVip().name}</div>
</div>
</div>
</div>:''
}
{/* <div px-4 pb-4 text='zinc-500' flex='~ items-center justify-center' >
<div className={getMsg()[1]} text-lg text-blue-500></div>
<div pl-2>{getMsg()[0]}</div>
Expand Down
130 changes: 73 additions & 57 deletions src/pages/admin/userlist.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
import axios from "axios";
import dayjs from "dayjs";
import { useEffect, useState } from "react"
import isVip from "../../utils/isVip";

export default function Userlist() {
const api = import.meta.env.VITE_API
Expand Down Expand Up @@ -37,69 +38,84 @@ export default function Userlist() {
});
}

function shield(str: string) {
const prefix = (str as string).slice(0, 2);
const suffix = (str as string).slice(-2);
const middleMasked = Math.max(str.length - 4, 0);
// const middleMasked = '*'.repeat(middleMasked);

return prefix + '*'.repeat(middleMasked) + suffix;
}

return (
<div>
<div className=''>
{/* {api} */}
<div className='card p-2 flex gap-2'>
{/* <Input placeholder='Enter key' type='text' onChange={(v) => { setInputKey(v.target.value) }}></Input> */}
<input placeholder='Enter key' type='text' value={inputKey} onChange={(v) => { setInputKey(v.target.value) }} className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:ring focus:border-blue-500 block w-full p-2.5"></input>
<button type="button" className="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800" onClick={submit}>Submit</button>
</div>
<div className='mt-3 grid grid-cols-3 card py-3'>
<div className='flex flex-col justify-center mx-auto text-center'>
<div className='flex items-center gap-1 bg-green-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-checkbox-circle-fill text-green-500" />
<div className='text-xs text-green-700'>Available</div>
</div>
<div className='text-2xl mt-2' style={{fontFamily: 'code'}}>
{list.filter((v)=>{return v[2] - new Date().getTime() >= 0}).length}
</div>
</div>
<div className='flex flex-col justify-center mx-auto text-center'>
<div className='flex items-center gap-1 bg-orange-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-close-circle-fill text-orange-500" />
<div className='text-xs text-orange-700'>Expired</div>
</div>
<div className='text-2xl mt-2' style={{fontFamily: 'code'}}>
{list.filter((v)=>{return v[2] - new Date().getTime() < 0}).length}
{isVip().level==100?
<>
<div className='card p-2 flex gap-2'>
{/* <Input placeholder='Enter key' type='text' onChange={(v) => { setInputKey(v.target.value) }}></Input> */}
<input placeholder='Enter key' type='text' value={inputKey} onChange={(v) => { setInputKey(v.target.value) }} className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:ring focus:border-blue-500 block w-full p-2.5"></input>
<button type="button" className="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800" onClick={submit}>Submit</button>
</div>
</div>
<div className='flex flex-col justify-center mx-auto text-center'>
<div className='flex items-center gap-1 bg-red-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-forbid-2-fill text-red-500" />
<div className='text-xs text-red-700'>Banned</div>
<div className='mt-3 grid grid-cols-3 card py-3'>
<div className='flex flex-col justify-center mx-auto text-center'>
<div className='flex items-center gap-1 bg-green-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-checkbox-circle-fill text-green-500" />
<div className='text-xs text-green-700'>Available</div>
</div>
<div className='text-2xl mt-2' style={{fontFamily: 'code'}}>
{list.filter((v)=>{return v[2] - new Date().getTime() >= 0}).length}
</div>
</div>
<div className='flex flex-col justify-center mx-auto text-center'>
<div className='flex items-center gap-1 bg-orange-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-close-circle-fill text-orange-500" />
<div className='text-xs text-orange-700'>Expired</div>
</div>
<div className='text-2xl mt-2' style={{fontFamily: 'code'}}>
{list.filter((v)=>{return v[2] - new Date().getTime() < 0}).length}
</div>
</div>
<div className='flex flex-col justify-center mx-auto text-center'>
<div className='flex items-center gap-1 bg-blue-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-account-circle-fill text-blue-500" />
<div className='text-xs text-blue-700'>Total</div>
</div>
<div className='text-2xl mt-2' style={{fontFamily: 'code'}}>
{list.length}
</div>
</div>
</div>
<div className='text-2xl mt-2' style={{fontFamily: 'code'}}>0</div>
</div>
</div>
<div className='mt-3'>
{list.map((v, key)=>(
<div key={key} className='card px-3 relative py-2 my-3'>
<div className='absolute text-3xl right-2 top-1 text-zinc-300' style={{fontFamily: 'code'}}>#{v[0]}</div>
<div className=' flex items-center gap-1'>
{v[2] - new Date().getTime() >= 0 &&
<div className='flex items-center gap-1 bg-green-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-checkbox-circle-fill text-green-500" />
<div className='text-xs text-green-700'>Available</div>
<div className='mt-3 grid grid-cols-1 gap-2'>
{list.map((v, key)=>(
<div key={key} className='card px-3 relative py-2'>
<div className='absolute text-3xl right-2 top-1 text-zinc-300' style={{fontFamily: 'code'}}>#{v[0]}</div>
<div className=' flex items-center gap-1'>
{v[2] - new Date().getTime() >= 0 &&
<div className='flex items-center gap-1 bg-green-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-checkbox-circle-fill text-green-500" />
<div className='text-xs text-green-700'>Available</div>
</div>
}
{v[2] - new Date().getTime() < 0 &&
<div className='flex items-center gap-1 bg-orange-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-close-circle-fill text-orange-500" />
<div className='text-xs text-orange-700'>Expired</div>
</div>
}
<div className='font-bold text-xl'>{shield(v[1])}</div>
</div>
}
{v[2] - new Date().getTime() < 0 &&
<div className='flex items-center gap-1 bg-orange-100 rounded-full p-0.5 pr-2'>
<div className="i-ri-close-circle-fill text-orange-500" />
<div className='text-xs text-orange-700'>Expired</div>
</div>
}
<div className='font-bold text-xl'>{v[1]}</div>
</div>
<div><span className="text-zinc-500 mr-2">Expiry Date</span>{dayjs(v[2]).format('YYYY-MM-DD HH:mm:ss')}</div>
<div><span className="text-zinc-500 mr-2">Level</span>{v[3]}</div>
{/* <div className='flex items-center gap-2 absolute bottom-2 right-3'>
<div className='w-2 h-2 rounded-full bg-green-500'></div>
<div>Available</div>
</div> */}
<div><span className="text-zinc-500 mr-2">Expiry Date</span>{dayjs(v[2]).format('YYYY-MM-DD HH:mm:ss')}</div>
<div><span className="text-zinc-500 mr-2">Level</span>{v[3]}</div>
{/* <div className='flex items-center gap-2 absolute bottom-2 right-3'>
<div className='w-2 h-2 rounded-full bg-green-500'></div>
<div>Available</div>
</div> */}
</div>
))}
</div>
))}
</div>
</>:'NotFound'
}
</div>
)
}

0 comments on commit 82a0a2b

Please sign in to comment.