weinre.web/modules/weinre/unused/ElementHighlighterDivs4.coffee

#---------------------------------------------------------------------------------
# Licensed to the Apache Software Foundation (ASF) under one
# or more contributor license agreements.  See the NOTICE file
# distributed with this work for additional information
# regarding copyright ownership.  The ASF licenses this file
# to you under the Apache License, Version 2.0 (the
# "License"); you may not use this file except in compliance
# with the License.  You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing,
# software distributed under the License is distributed on an
# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
# KIND, either express or implied.  See the License for the
# specific language governing permissions and limitations
# under the License.
#---------------------------------------------------------------------------------

ElementHighlighter = require('./ElementHighlighter')

#-------------------------------------------------------------------------------
module.exports = class ElementHighlighterDivs4 extends ElementHighlighter

    #---------------------------------------------------------------------------
    createHighlighterElement: ->

        @boxMargin  = document.createElement("div")
        @boxBorder  = document.createElement("div")
        @boxPadding = document.createElement("div")
        @boxContent = document.createElement("div")

        @boxMargin.appendChild  @boxBorder
        @boxBorder.appendChild  @boxPadding
        @boxPadding.appendChild @boxContent

        @boxMargin.style.backgroundColor  = "#FCC"
        @boxBorder.style.backgroundColor  = "#000"
        @boxPadding.style.backgroundColor = "#CFC"
        @boxContent.style.backgroundColor = "#CCF"

        @boxMargin.style.opacity       = @boxBorder.style.opacity       = @boxPadding.style.opacity       = @boxContent.style.opacity       = 0.6
        @boxMargin.style.position      = @boxBorder.style.position      = @boxPadding.style.position      = @boxContent.style.position      = "absolute"
        @boxMargin.style.borderWidth   = @boxBorder.style.borderWidth   = @boxPadding.style.borderWidth   = @boxContent.style.borderWidth   = "thin"
        @boxMargin.style.borderStyle   = @boxBorder.style.borderStyle   = @boxPadding.style.borderStyle   = @boxContent.style.borderStyle   = "solid"
        @boxMargin.__weinreHighlighter = @boxBorder.__weinreHighlighter = @boxPadding.__weinreHighlighter = @boxContent.__weinreHighlighter = true

        @boxMargin

    #---------------------------------------------------------------------------
    redraw: (metrics) ->

        @boxMargin.style.top     = metrics.y
        @boxMargin.style.left    = metrics.x
        @boxMargin.style.height  = metrics.height
        @boxMargin.style.width   = metrics.width
        @boxBorder.style.top     = metrics.marginTop
        @boxBorder.style.left    = metrics.marginLeft
        @boxBorder.style.bottom  = metrics.marginBottom
        @boxBorder.style.right   = metrics.marginRight
        @boxPadding.style.top    = metrics.borderTop
        @boxPadding.style.left   = metrics.borderLeft
        @boxPadding.style.bottom = metrics.borderBottom
        @boxPadding.style.right  = metrics.borderRight
        @boxContent.style.top    = metrics.paddingTop
        @boxContent.style.left   = metrics.paddingLeft
        @boxContent.style.bottom = metrics.paddingBottom
        @boxContent.style.right  = metrics.paddingRight

#-------------------------------------------------------------------------------
require("../common/MethodNamer").setNamesForClass(module.exports)