RevelaOS/src/system/apps/Info.ts
2024-01-16 05:00:41 +00:00

67 lines
1.8 KiB
TypeScript

import icon from '../../assets/icons/userinfo.svg'
import badge from '../../assets/badge.png'
import HTML from '../../HTML'
import { Process } from '../../types'
const Info: Process = {
config: {
name: 'Info',
type: 'process',
icon,
targetVer: '1.0.0-indev.0'
},
run: async (process) => {
const win = await process.loadLibrary('lib/WindowManager').then((wm: any) => {
return wm.createWindow({
title: 'Info',
icon,
width: 300,
height: 400,
canResize: false
}, process)
})
win.content.style.padding = '10px'
win.content.style.textAlign = 'center'
win.content.style.display = 'flex'
win.content.style.flexDirection = 'column'
win.content.style.justifyContent = 'center'
win.content.style.alignItems = 'center'
win.content.style.background = 'var(--base)'
new HTML('div').appendTo(win.content)
.appendMany(
new HTML('h1').style({
margin: '0'
}).text('FlowOS')
.append(new HTML('sup').text(`${process.sysInfo.codename}`).style({
'font-size': '0.5em'
})),
new HTML('p').style({
margin: '0'
}).text(`v${String(process.sysInfo.version)}`),
new HTML('br'),
new HTML('a').attr({
href: ''
}).append(
new HTML('img').attr({
src: badge,
height: '50'
})
),
new HTML('br'),
new HTML('a').text('Discord').attr({
href: 'https://discord.gg/86F8dK9vfn',
class: 'discord'
}),
new HTML('span').text(' - '),
new HTML('a').text('Github').attr({
href: 'https://github.com/Flow-Works/FlowOS',
class: 'github'
})
)
}
}
export default Info