Telegram Web K with changes to work inside I2P
https://web.telegram.i2p/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.2 KiB
47 lines
1.2 KiB
/* |
|
* https://github.com/morethanwords/tweb |
|
* Copyright (C) 2019-2021 Eduard Kuzmenko |
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE |
|
*/ |
|
|
|
import {FormatterArguments, i18n, LangPackKey} from '../lib/langPack'; |
|
import ripple from './ripple'; |
|
|
|
export type ButtonOptions = Partial<{ |
|
noRipple: true, |
|
onlyMobile: true, |
|
icon: string, |
|
rippleSquare: true, |
|
text: LangPackKey, |
|
textArgs?: FormatterArguments, |
|
disabled: boolean, |
|
asDiv: boolean, |
|
asLink: boolean |
|
}>; |
|
|
|
export default function Button<T extends ButtonOptions>(className: string, options: T = {} as T): T['asLink'] extends true ? HTMLAnchorElement : HTMLButtonElement { |
|
const button = document.createElement(options.asLink ? 'a' : (options.asDiv ? 'div' : 'button')); |
|
button.className = className + (options.icon ? ' tgico-' + options.icon : ''); |
|
|
|
if(!options.noRipple) { |
|
if(options.rippleSquare) { |
|
button.classList.add('rp-square'); |
|
} |
|
|
|
ripple(button); |
|
} |
|
|
|
if(options.onlyMobile) { |
|
button.classList.add('only-handhelds'); |
|
} |
|
|
|
if(options.disabled) { |
|
button.setAttribute('disabled', 'true'); |
|
} |
|
|
|
if(options.text) { |
|
button.append(i18n(options.text, options.textArgs)); |
|
} |
|
|
|
return button as any; |
|
}
|
|
|