french crap
This commit is contained in:
parent
e669bc9525
commit
3ef6f4d90e
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,54 +1,54 @@
|
||||||
import WebpackLoader from "../../modules/WebpackLoader"
|
import WebpackLoader from "../../modules/WebpackLoader"
|
||||||
import { ReactNode } from "react"
|
import { ReactNode } from "react"
|
||||||
import Utils from "../../modules/Utils"
|
import Utils from "../../modules/Utils"
|
||||||
|
|
||||||
type SettingSubTitleProps = {
|
type SettingSubTitleProps = {
|
||||||
children: ReactNode
|
children: ReactNode
|
||||||
className?: string
|
className?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
let TitleModules
|
let TitleModules
|
||||||
export default class SettingSubTitle extends React.Component<SettingSubTitleProps> {
|
export default class SettingSubTitle extends React.Component<SettingSubTitleProps> {
|
||||||
static defaultProps:SettingSubTitleProps = {
|
static defaultProps:SettingSubTitleProps = {
|
||||||
children: [],
|
children: [],
|
||||||
className: ""
|
className: ""
|
||||||
}
|
}
|
||||||
|
|
||||||
get modules(){
|
get modules(){
|
||||||
return TitleModules || (TitleModules = [
|
return TitleModules || (TitleModules = [
|
||||||
WebpackLoader.find(e => typeof e.marginTop60 === "string"),
|
WebpackLoader.find(e => typeof e.marginTop60 === "string"),
|
||||||
WebpackLoader.findByUniqueProperties(["h5"]),
|
WebpackLoader.findByUniqueProperties(["h5"]),
|
||||||
window.Lightcord.Api.WebpackLoader.findByUniqueProperties(["size14"]),
|
window.Lightcord.Api.WebpackLoader.findByUniqueProperties(["size14"]),
|
||||||
window.Lightcord.Api.WebpackLoader.findByUniqueProperties(["colorStandard"])
|
window.Lightcord.Api.WebpackLoader.findByUniqueProperties(["colorStandard"])
|
||||||
])
|
])
|
||||||
}
|
}
|
||||||
|
|
||||||
render(){
|
render(){
|
||||||
let [
|
let [
|
||||||
marginModule,
|
marginModule,
|
||||||
titleModule,
|
titleModule,
|
||||||
sizeModule,
|
sizeModule,
|
||||||
colorModule
|
colorModule
|
||||||
] = this.modules
|
] = this.modules
|
||||||
|
|
||||||
let props = this.props
|
let props = this.props
|
||||||
|
|
||||||
let className = `${colorModule.colorStandard} ${sizeModule.size14} ${titleModule.h5} ${marginModule.marginBottom4}`
|
let className = `${colorModule.colorStandard} ${sizeModule.size14} ${titleModule.h5} ${marginModule.marginBottom4}`
|
||||||
if(props.className)className =+ " "+props.className
|
if(props.className)className =+ " "+props.className
|
||||||
|
|
||||||
return React.createElement("h5", {className}, props.children)
|
return React.createElement("h5", {className}, props.children)
|
||||||
}
|
}
|
||||||
|
|
||||||
static get AllPreviews(){
|
static get AllPreviews(){
|
||||||
return AllPreviews || (() => {
|
return AllPreviews || (() => {
|
||||||
AllPreviews = []
|
AllPreviews = []
|
||||||
AllPreviews.push([
|
AllPreviews.push([
|
||||||
{
|
{
|
||||||
children: "Exemple title"
|
children: "Example title"
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
return AllPreviews
|
return AllPreviews
|
||||||
})()
|
})()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
let AllPreviews
|
let AllPreviews
|
|
@ -1,52 +1,52 @@
|
||||||
import WebpackLoader from "../../modules/WebpackLoader"
|
import WebpackLoader from "../../modules/WebpackLoader"
|
||||||
import Title from "./Title"
|
import Title from "./Title"
|
||||||
import { ReactNode } from "react"
|
import { ReactNode } from "react"
|
||||||
|
|
||||||
type SettingsTitleProps = {
|
type SettingsTitleProps = {
|
||||||
children: ReactNode
|
children: ReactNode
|
||||||
className?: string
|
className?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
let TitleModules
|
let TitleModules
|
||||||
export default class SettingsTitle extends React.Component<SettingsTitleProps> {
|
export default class SettingsTitle extends React.Component<SettingsTitleProps> {
|
||||||
constructor(props: SettingsTitleProps){
|
constructor(props: SettingsTitleProps){
|
||||||
super(props)
|
super(props)
|
||||||
}
|
}
|
||||||
|
|
||||||
get modules(){
|
get modules(){
|
||||||
return TitleModules || (TitleModules = [
|
return TitleModules || (TitleModules = [
|
||||||
WebpackLoader.find(e => typeof e.marginTop60 === "string")
|
WebpackLoader.find(e => typeof e.marginTop60 === "string")
|
||||||
])
|
])
|
||||||
}
|
}
|
||||||
|
|
||||||
render(){
|
render(){
|
||||||
let [
|
let [
|
||||||
marginModule
|
marginModule
|
||||||
] = this.modules
|
] = this.modules
|
||||||
|
|
||||||
let props = this.props
|
let props = this.props
|
||||||
|
|
||||||
let className = `${marginModule.marginTop60} ${marginModule.marginBottom20}`
|
let className = `${marginModule.marginTop60} ${marginModule.marginBottom20}`
|
||||||
if(props.className)className =+ " "+props.className
|
if(props.className)className =+ " "+props.className
|
||||||
|
|
||||||
return React.createElement(Title, {className}, props.children)
|
return React.createElement(Title, {className}, props.children)
|
||||||
}
|
}
|
||||||
|
|
||||||
static defaultProps:SettingsTitleProps = {
|
static defaultProps:SettingsTitleProps = {
|
||||||
children: [""],
|
children: [""],
|
||||||
className: ""
|
className: ""
|
||||||
}
|
}
|
||||||
|
|
||||||
static get AllPreviews(){
|
static get AllPreviews(){
|
||||||
return AllPreviews || (() => {
|
return AllPreviews || (() => {
|
||||||
AllPreviews = []
|
AllPreviews = []
|
||||||
AllPreviews.push([
|
AllPreviews.push([
|
||||||
{
|
{
|
||||||
children: "Exemple title"
|
children: "Example title"
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
return AllPreviews
|
return AllPreviews
|
||||||
})()
|
})()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
let AllPreviews
|
let AllPreviews
|
|
@ -1,55 +1,55 @@
|
||||||
import WebpackLoader from "../../modules/WebpackLoader"
|
import WebpackLoader from "../../modules/WebpackLoader"
|
||||||
import { ReactNode } from "react"
|
import { ReactNode } from "react"
|
||||||
|
|
||||||
type TitleProps = {
|
type TitleProps = {
|
||||||
children?: ReactNode,
|
children?: ReactNode,
|
||||||
className?: string
|
className?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
let TitleModules
|
let TitleModules
|
||||||
export default class Title extends React.Component<TitleProps> {
|
export default class Title extends React.Component<TitleProps> {
|
||||||
constructor(props: TitleProps){
|
constructor(props: TitleProps){
|
||||||
super(props)
|
super(props)
|
||||||
}
|
}
|
||||||
|
|
||||||
get modules(){
|
get modules(){
|
||||||
return TitleModules || (TitleModules = [
|
return TitleModules || (TitleModules = [
|
||||||
WebpackLoader.find(e => typeof e.colorStandard === "string"),
|
WebpackLoader.find(e => typeof e.colorStandard === "string"),
|
||||||
WebpackLoader.find(e => typeof e.size32 === "string"),
|
WebpackLoader.find(e => typeof e.size32 === "string"),
|
||||||
WebpackLoader.find(e => typeof e.h2 === "string")
|
WebpackLoader.find(e => typeof e.h2 === "string")
|
||||||
])
|
])
|
||||||
}
|
}
|
||||||
|
|
||||||
render(){
|
render(){
|
||||||
let [
|
let [
|
||||||
colorModule,
|
colorModule,
|
||||||
sizeModule,
|
sizeModule,
|
||||||
titleModule
|
titleModule
|
||||||
] = this.modules
|
] = this.modules
|
||||||
|
|
||||||
let props = this.props
|
let props = this.props
|
||||||
|
|
||||||
let className = `${colorModule.colorStandard} ${sizeModule.size14} ${titleModule.h2} ${titleModule.defaultColor} ${titleModule.defaultMarginh2}`
|
let className = `${colorModule.colorStandard} ${sizeModule.size14} ${titleModule.h2} ${titleModule.defaultColor} ${titleModule.defaultMarginh2}`
|
||||||
if(props.className)className += " "+props.className
|
if(props.className)className += " "+props.className
|
||||||
|
|
||||||
return React.createElement("h2", {className}, props.children)
|
return React.createElement("h2", {className}, props.children)
|
||||||
}
|
}
|
||||||
|
|
||||||
static defaultProps:TitleProps = {
|
static defaultProps:TitleProps = {
|
||||||
children: null,
|
children: null,
|
||||||
className: null
|
className: null
|
||||||
}
|
}
|
||||||
|
|
||||||
static get AllPreviews(){
|
static get AllPreviews(){
|
||||||
return AllPreviews || (() => {
|
return AllPreviews || (() => {
|
||||||
AllPreviews = []
|
AllPreviews = []
|
||||||
AllPreviews.push([
|
AllPreviews.push([
|
||||||
{
|
{
|
||||||
children: "Exemple title"
|
children: "Example title"
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
return AllPreviews
|
return AllPreviews
|
||||||
})()
|
})()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
let AllPreviews
|
let AllPreviews
|
Loading…
Reference in New Issue