View source for Module:Dimensions

require( 'strict' )

local p = {}

local i18n = require( 'Module:i18n' ):new()

--- Wrapper function for Module:i18n.translate
---
--- @param key string The translation key
--- @return string If the key was not found, the key is returned
local function t( key )
	return i18n:translate( key )
end


local function getTextHTML( data )
    if not data.label and not data.value then return end
    local html = mw.html.create( 'div' )
        :addClass( 'template-dimensions-box-text' )

    if data.variant then
        html:addClass( 'template-dimensions-box-text-' .. data.variant )
    end

    if data.label then
        html:tag( 'div' )
            :addClass( 'template-dimensions-label' )
            :wikitext( data.label )
            :done()
    end

    if data.value then
        html:tag( 'div' )
            :addClass( 'template-dimensions-data' )
            :wikitext( data.value )
            :done()
    end

    return html
end


local function getObjectHTML( data )
    local html = mw.html.create( 'div' )
        :addClass( 'template-dimensions-object' )
        :css( {
            [ '--object-length' ] = data.length or data.longestSide,
            [ '--object-width' ] = data.width or data.longestSide,
            [ '--object-height' ] = data.height or data.longestSide,
            [ '--object-longest-side' ] = data.longestSide,
            [ 'transform-style' ] = 'preserve-3d',
            [ 'grid-template-areas' ] = "'layer'"
        } )

    local isometric = html:tag( 'div' )
        :addClass( 'template-dimensions-isometric' )

    -- Top layer
    isometric:tag( 'div' )
        :addClass( 'template-dimensions-layer template-dimensions-layer-top' )
        :css( 'transform-style', 'preserve-3d' )
        :tag( 'div' )
            :addClass( 'template-dimensions-box-faces' )
            :css( 'transform-style', 'preserve-3d' )
            :tag( 'div' )
                :addClass( 'template-dimensions-box-face-top' )
                :done()
            :tag( 'div' )
                :addClass( 'template-dimensions-box-face-front' )
                :done()
            :tag( 'div' )
                :addClass( 'template-dimensions-box-face-right' )
                :done()
            :done()
        :node( getTextHTML( {
            label = 'Mass',
            value = data.mass,
            variant = 'fill'
        } ) )
        :done()

    -- Mid layer
    isometric:tag( 'div' )
        :addClass( 'template-dimensions-layer template-dimensions-layer-mid' )
        :css( 'transform-style', 'preserve-3d' )
        :node( getTextHTML( {
            label = 'Height',
            value = data.height,
            variant = 'y'
        } ) )
        :done()

    -- Bottom layer
    isometric:tag( 'div' )
        :addClass( 'template-dimensions-layer template-dimensions-layer-bottom' )
        :node( getTextHTML( {
            label = 'Length',
            value = data.length,
            variant = 'z'
        } ) )
        :node( getTextHTML( {
            label = 'Width',
            value = data.width,
            variant = 'x'
        } ) )
        :done()

    return html
end


local function getOutputHTML( data )
    local html = mw.html.create( 'div' )
        :addClass( 'template-dimensions' )
        :node( getObjectHTML( data) )
    return html
end

--- Return the biggest number
---
--- @param numbers table
--- @return number|nil
local function getBiggestNumber( numbers )
    local biggest = 0
    for i = 1, #numbers do
        local number = numbers[ i ]
        -- Attempt to convert to number if it is string
        if type( number ) == 'string' then
            number = tonumber( number )
        end
        if type( number ) == 'number' then
            if number > biggest then
                biggest = number
            end
        end
    end
    return biggest
end


local function getDimensionsData( args )
    local numLength = tonumber( args.length )
    local numWidth = tonumber( args.width )
    local numHeight = tonumber( args.height )

    local longestSide = getBiggestNumber( {
        numLength,
        numWidth,
        numHeight
    } )

    local a = numLength or longestSide
    local b = numWidth or longestSide

    return {
        length = numLength,
        width = numWidth,
        height = numHeight,
        mass = tonumber( args.mass ),
        longestSide = longestSide
    }
end

function p.main( frame )
    local args = require( 'Module:Arguments' ).getArgs( frame )
    local data = getDimensionsData( args )

    return tostring( getOutputHTML( data ) ) .. frame:extensionTag{
        name = 'templatestyles', args = { src = 'Module:Dimensions/styles.css' }
    }
end

return p
Description	What you type	What you get
Italic	''Italic text''	Italic text
Bold	'''Bold text'''	Bold text
Bold & italic	'''''Bold & italic text'''''	*Bold & italic text*