pfUI/modules/gui.lua

pfUI:RegisterModule("gui", function ()
  -- innner padding
  local spacing = 25

  local function Createtabs(parent, align, outside)
    local f = CreateFrame("Frame", nil, parent)

    f:SetPoint("TOPLEFT", parent, "TOPLEFT", -5, 5)
    f:SetPoint("BOTTOMRIGHT", parent, "BOTTOMRIGHT", 5, -5)

    -- setup env
    f.childs = { }
    f.buttons = { }
    f.align = align
    f.outside = outside
    f.bottomcount = 1

    -- Create Child Frame
    f.CreateChildFrame = function(self, title, bwidth, bheight, bottom, static)
      -- setup env
      local childcount = table.getn(self.childs) + 1
      local button_width = bwidth or 150
      local button_height = bheight or 20
      local border = 4

      -- create tab button
      local b = CreateFrame("Button", "pfConfig" .. title .. "Button", self, "UIPanelButtonTemplate")
      b:SetHeight(button_height)
      b:SetWidth(button_width)
      b:SetID(childcount)

      if not self.align or self.align == "LEFT" then
        local outside = self.outside and -2 * border - button_width or 0
        if bottom then
          b:SetPoint("BOTTOMLEFT", self, "BOTTOMLEFT", border + outside, (self.bottomcount-1) * (button_height) + (self.bottomcount * border) )
        else
          b:SetPoint("TOPLEFT", self, "TOPLEFT", border + outside, -(childcount-1) * (button_height) - (childcount * border) )
        end
      elseif self.align == "TOP" then
        local outside = self.outside and 2 * border + button_height or 0
        b:SetPoint("TOPLEFT", self, "TOPLEFT", (childcount-1) * (button_width) + (childcount * border) + (self.outside and -border), -border + outside )
      end

      SkinButton(b,.2,1,.8)
      b:SetText(title)

      if childcount ~= 1 then
        b:SetTextColor(.5,.5,.5)
      else
        b:SetTextColor(.2,1,.8)
      end

      b:SetScript("OnClick", function()
        for k,v in pairs(self.childs) do
          v:Hide()
        end
        self.childs[this:GetID()]:Show()

        for k,v in pairs(self.buttons) do
          v.active = false
          v:SetTextColor(.5,.5,.5)
        end
        self.buttons[this:GetID()]:SetTextColor(.2,1,.8)
      end)

      self.buttons[childcount] = b
      self.bottomcount = bottom and self.bottomcount + 1 or self.bottomcount

      -- create child frame
      local child = CreateFrame("ScrollFrame", "pfConfig" .. title .. "Frame", self)
      if childcount ~= 1 then child:Hide() end

      if not self.align or self.align == "LEFT" then
        child:SetPoint("TOPLEFT", self, "TOPLEFT", button_width + 2*border + 5, -border -5)
        child:SetPoint("BOTTOMRIGHT", self, "BOTTOMRIGHT", -border -5 , border + 5)
      elseif self.align == "TOP" then
        if self.outside then
          child:SetPoint("TOPLEFT", self, "TOPLEFT", 5, -5)
          child:SetPoint("BOTTOMRIGHT", self, "BOTTOMRIGHT", -5, 5)
        end
      end

      local backdrop = CreateFrame("Frame", nil, child)
      backdrop:SetFrameLevel(1)
      backdrop:SetPoint("TOPLEFT", child, "TOPLEFT", -5, 5)
      backdrop:SetPoint("BOTTOMRIGHT", child, "BOTTOMRIGHT", 5, -5)
      CreateBackdrop(backdrop, nil, true)

      if not static then
        child:EnableMouseWheel(1)

        child.deco_up = CreateFrame("Frame", nil, child)
        child.deco_up:SetPoint("TOPLEFT", child, "TOPLEFT", -4, 4)
        child.deco_up:SetPoint("BOTTOMRIGHT", child, "TOPRIGHT", 4, -spacing)
        child.deco_up.fader = child.deco_up:CreateTexture("OVERLAY")
        child.deco_up.fader:SetTexture(1,1,1,1)
        child.deco_up.fader:SetGradientAlpha("VERTICAL", 0, 0, 0, 0, 0, 0, 0, 1)
        child.deco_up.fader:SetAllPoints(child.deco_up)

        child.deco_up_indicator = CreateFrame("Frame", nil, child.deco_up)
        child.deco_up_indicator:Hide()
        child.deco_up_indicator:SetPoint("TOP", child.deco_up, "TOP", 0, -6)
        child.deco_up_indicator:SetHeight(12)
        child.deco_up_indicator:SetWidth(12)
        child.deco_up_indicator.modifier = 0.03
        child.deco_up_indicator:SetScript("OnUpdate", function()
          local alpha = this:GetAlpha()
          if alpha >= .75 then
            this.modifier = -0.03
          elseif alpha <= .25 then
            this.modifier = 0.03
          end

          this:SetAlpha(alpha + this.modifier)
        end)

        child.deco_up_indicator.tex = child.deco_up_indicator:CreateTexture("OVERLAY")
        child.deco_up_indicator.tex:SetTexture("Interface\\AddOns\\pfUI\\img\\up")
        child.deco_up_indicator.tex:SetAllPoints(child.deco_up_indicator)

        child.deco_down = CreateFrame("Frame", nil, child)
        child.deco_down:SetPoint("BOTTOMLEFT", child, "BOTTOMLEFT", -4, -4)
        child.deco_down:SetPoint("TOPRIGHT", child, "BOTTOMRIGHT", 4, spacing)
        child.deco_down.fader = child.deco_down:CreateTexture("OVERLAY")
        child.deco_down.fader:SetTexture(1,1,1,1)
        child.deco_down.fader:SetGradientAlpha("VERTICAL", 0, 0, 0, 1, 0, 0, 0, 0)
        child.deco_down.fader:SetAllPoints(child.deco_down)

        child.deco_down_indicator = CreateFrame("Frame", nil, child.deco_down)
        child.deco_down_indicator:Hide()
        child.deco_down_indicator:SetPoint("BOTTOM", child.deco_down, "BOTTOM", 0, 6)
        child.deco_down_indicator:SetHeight(12)
        child.deco_down_indicator:SetWidth(12)
        child.deco_down_indicator.modifier = 0.03

        child.deco_down_indicator:SetScript("OnUpdate", function()
          local alpha = this:GetAlpha()
          if alpha >= .75 then
            this.modifier = -0.03
          elseif alpha <= .25 then
            this.modifier = 0.03
          end

          this:SetAlpha(alpha + this.modifier)
        end)

        child.deco_down_indicator.tex = child.deco_down_indicator:CreateTexture("OVERLAY")
        child.deco_down_indicator.tex:SetTexture("Interface\\AddOns\\pfUI\\img\\down")
        child.deco_down_indicator.tex:SetAllPoints(child.deco_down_indicator)

        child.UpdateScrollState = function(self)
          -- Update Scroll Indicators: Hide/Show if required.
          local current = floor(self:GetVerticalScroll())
          local max = floor(self:GetVerticalScrollRange() + spacing)

          if current > 0 then
            self.deco_up_indicator:Show()
          else
            self.deco_up_indicator:Hide()
          end

          if max > spacing and current < max then
            self.deco_down_indicator:Show()
          else
            self.deco_down_indicator:Hide()
          end
        end


        child:SetScript("OnMouseWheel", function()
          local current = this:GetVerticalScroll()
          local new = current + arg1*-25
          local max = this:GetVerticalScrollRange() + spacing

          if max > spacing then

            if new < 0 then
              this:SetVerticalScroll(0)
            elseif new > max then
              this:SetVerticalScroll(max)
            else
              this:SetVerticalScroll(new)
            end
          end

          this:UpdateScrollState()
        end)

        local scrollchild = CreateFrame("Frame", "pfConfig" .. title .. "ScrollChild", child)

        -- dummy values required
        scrollchild:SetWidth(1)
        scrollchild:SetHeight(1)
        scrollchild:SetAllPoints(child)

        child:SetScrollChild(scrollchild)

        -- OnShow is fired too early, postpone to the first frame draw
        scrollchild:SetScript("OnUpdate", function()
          child:UpdateScrollState()
          this:SetScript("OnUpdate", nil)
        end)

        scrollchild.button = b
        table.insert(self.childs, child)
        return scrollchild
      else
        child.button = b
        table.insert(self.childs, child)
        return child
      end
    end

    return f
  end

  local function CreateConfig(parent, caption, category, config, widget, values, skip, named, type)
    -- parent object placement
    if parent.objectCount == nil then
      parent.objectCount = 1
    elseif not skip then
      parent.objectCount = parent.objectCount + 1
      parent.lineCount = 1
    end

    if skip then
      if parent.lineCount == nil then
        parent.lineCount = 1
      end

      if skip then
        parent.lineCount = parent.lineCount + 1
      end
    end

    if not caption then return end

    -- basic frame
    local frame = CreateFrame("Frame", nil, parent)
    frame:SetWidth(420)
    frame:SetHeight(25)
    frame:SetPoint("TOPLEFT", 25, parent.objectCount * -25)
    frame:EnableMouse(true)
    frame:SetScript("OnEnter", function()
      this:SetBackdropBorderColor(1,1,1,.3)
    end)

    frame:SetScript("OnLeave", function()
      this:SetBackdropBorderColor(1,1,1,.15)
    end)

    if not widget or (widget and widget ~= "button") then

      frame:SetBackdrop(pfUI.backdrop_underline)
      frame:SetBackdropBorderColor(1,1,1,.15)

      -- caption
      frame.caption = frame:CreateFontString("Status", "LOW", "GameFontNormal")
      frame.caption:SetFont(pfUI.font_default, C.global.font_size + 2, "OUTLINE")
      frame.caption:SetAllPoints(frame)
      frame.caption:SetFontObject(GameFontWhite)
      frame.caption:SetJustifyH("LEFT")
      frame.caption:SetText(caption)
    end

    frame.configCategory = category
    frame.configEntry = config

    frame.category = category
    frame.config = config

    if widget == "color" then
      -- color picker
      frame.color = CreateFrame("Button", nil, frame)
      frame.color:SetWidth(24)
      frame.color:SetHeight(12)
      CreateBackdrop(frame.color)
      frame.color:SetPoint("TOPRIGHT" , 0, -4)
      frame.color.prev = frame.color.backdrop:CreateTexture("OVERLAY")
      frame.color.prev:SetAllPoints(frame.color)

      local cr, cg, cb, ca = strsplit(",", category[config])
      if not cr or not cg or not cb or not ca then
        cr, cg, cb, ca = 1, 1, 1, 1
      end
      frame.color.prev:SetTexture(cr,cg,cb,ca)

      frame.color:SetScript("OnClick", function()
        local cr, cg, cb, ca = strsplit(",", category[config])
        if not cr or not cg or not cb or not ca then
          cr, cg, cb, ca = 1, 1, 1, 1
        end
        local preview = this.prev

        function ColorPickerFrame.func()
          local r,g,b = ColorPickerFrame:GetColorRGB()
          local a = 1 - OpacitySliderFrame:GetValue()

          r = round(r, 1)
          g = round(g, 1)
          b = round(b, 1)
          a = round(a, 1)

          preview:SetTexture(r,g,b,a)

          if not this:GetParent():IsShown() then
            category[config] = r .. "," .. g .. "," .. b .. "," .. a
            pfUI.gui.settingChanged = true
          end
        end

        function ColorPickerFrame.cancelFunc()
          preview:SetTexture(cr,cg,cb,ca)
        end

        ColorPickerFrame.opacityFunc = ColorPickerFrame.func
        ColorPickerFrame.element = this
        ColorPickerFrame.opacity = 1 - ca
        ColorPickerFrame.hasOpacity = 1
        ColorPickerFrame:SetColorRGB(cr,cg,cb)
        ColorPickerFrame:SetFrameStrata("DIALOG")
        ShowUIPanel(ColorPickerFrame)
      end)
    end

    if widget == "warning" then
      CreateBackdrop(frame, nil, true)
      frame:SetBackdropBorderColor(1,.5,.5)
      frame:SetHeight(50)
      frame:SetPoint("TOPLEFT", 25, parent.objectCount * -35)
      parent.objectCount = parent.objectCount + 2
      frame.caption:SetJustifyH("CENTER")
      frame.caption:SetJustifyV("CENTER")
    end

    if widget == "header" then
      frame:SetBackdrop(nil)
      frame:SetHeight(40)
      parent.objectCount = parent.objectCount + 1
      frame.caption:SetJustifyH("LEFT")
      frame.caption:SetJustifyV("BOTTOM")
      frame.caption:SetTextColor(.2,1,.8,1)
      frame.caption:SetAllPoints(frame)
    end

    -- use text widget (default)
    if not widget or widget == "text" then
      -- input field
      frame.input = CreateFrame("EditBox", nil, frame)
      frame.input:SetTextColor(.2,1,.8,1)
      frame.input:SetJustifyH("RIGHT")

      frame.input:SetWidth(100)
      frame.input:SetHeight(16)
      frame.input:SetPoint("TOPRIGHT" , 0, -2)
      frame.input:SetFontObject(GameFontNormal)
      frame.input:SetAutoFocus(false)
      frame.input:SetText(category[config])
      frame.input:SetScript("OnEscapePressed", function(self)
        this:ClearFocus()
      end)

      frame.input:SetScript("OnTextChanged", function(self)
        if ( type and type ~= "number" ) or tonumber(this:GetText()) then
          if this:GetText() ~= this:GetParent().category[this:GetParent().config] then pfUI.gui.settingChanged = true end
          this:SetTextColor(.2,1,.8,1)
          this:GetParent().category[this:GetParent().config] = this:GetText()
        else
          this:SetTextColor(1,.3,.3,1)
        end
      end)
    end

    -- use button widget
    if widget == "button" then
      frame.button = CreateFrame("Button", "pfButton", frame, "UIPanelButtonTemplate")
      CreateBackdrop(frame.button, nil, true)
      SkinButton(frame.button)
      frame.button:SetWidth(100)
      frame.button:SetHeight(20)
      frame.button:SetPoint("TOPRIGHT", -(parent.lineCount-1) * 105, -5)
      frame.button:SetText(caption)
      frame.button:SetTextColor(1,1,1,1)
      frame.button:SetScript("OnClick", values)
    end

    -- use checkbox widget
    if widget == "checkbox" then
      -- input field
      frame.input = CreateFrame("CheckButton", nil, frame, "UICheckButtonTemplate")
      frame.input:SetNormalTexture("")
      frame.input:SetPushedTexture("")
      frame.input:SetHighlightTexture("")
      CreateBackdrop(frame.input, nil, true)
      frame.input:SetWidth(14)
      frame.input:SetHeight(14)
      frame.input:SetPoint("TOPRIGHT" , 0, -4)
      frame.input:SetScript("OnClick", function ()
        if this:GetChecked() then
          this:GetParent().category[this:GetParent().config] = "1"
        else
          this:GetParent().category[this:GetParent().config] = "0"
        end
        pfUI.gui.settingChanged = true
      end)

      if category[config] == "1" then frame.input:SetChecked() end
    end

    -- use dropdown widget
    if widget == "dropdown" and values then
      if not pfUI.gui.ddc then pfUI.gui.ddc = 1 else pfUI.gui.ddc = pfUI.gui.ddc + 1 end
      local name = pfUI.gui.ddc
      if named then name = named end

      frame.input = CreateFrame("Frame", "pfUIDropDownMenu" .. name, frame, "UIDropDownMenuTemplate")
      frame.input:ClearAllPoints()
      frame.input:SetPoint("TOPRIGHT" , 20, 3)
      frame.input:Show()
      frame.input.point = "TOPRIGHT"
      frame.input.relativePoint = "BOTTOMRIGHT"
      frame.input.values = values

      frame.input.Refresh = function()
        local function CreateValues()
          local info = {}
          for i, k in pairs(frame.input.values) do
            -- get human readable
            local value, text = strsplit(":", k)
            text = text or value

            info.text = text
            info.checked = false
            info.func = function()
              UIDropDownMenu_SetSelectedID(frame.input, this:GetID(), 0)
              if category[config] ~= value then
                pfUI.gui.settingChanged = true
                category[config] = value
              end
            end

            UIDropDownMenu_AddButton(info)
            if category[config] == value then
              frame.input.current = i
            end
          end
        end

        UIDropDownMenu_Initialize(frame.input, CreateValues)
      end

      frame.input:Refresh()

      UIDropDownMenu_SetWidth(120, frame.input)
      UIDropDownMenu_SetButtonWidth(125, frame.input)
      UIDropDownMenu_JustifyText("RIGHT", frame.input)
      UIDropDownMenu_SetSelectedID(frame.input, frame.input.current)

      for i,v in ipairs({frame.input:GetRegions()}) do
        if v.SetTexture then v:Hide() end
        if v.SetTextColor then v:SetTextColor(.2,1,.8) end
        if v.SetBackdrop then CreateBackdrop(v) end
      end
    end

    return frame
  end

  local function DelayChangedSettings()
    if pfUI.gui.settingChanged then
      pfUI.gui.settingChangedDelayed = true
    end
    pfUI.gui.settingChanged = nil
  end

  pfUI.gui = CreateFrame("Frame", "pfConfigGUI", UIParent)
  pfUI.gui:Hide()
  pfUI.gui:SetWidth(640)
  pfUI.gui:SetHeight(480)
  pfUI.gui:SetFrameStrata("DIALOG")
  pfUI.gui:SetPoint("CENTER", 0, 0)
  table.insert(UISpecialFrames, "pfConfigGUI")

  function pfUI.gui:Reload()
    CreateQuestionDialog(T["Some settings need to reload the UI to take effect.\nDo you want to reloadUI now?"],
      function()
        pfUI.gui.settingChanged = nil
        ReloadUI()
      end)
  end

  pfUI.gui:SetScript("OnShow",function()
    if pfUI.gui.settingChangedDelayed then
      pfUI.gui.settingChanged = true
      pfUI.gui.settingChangedDelayed = nil
    end

    -- exit unlock mode
    if pfUI.unlock and pfUI.unlock:IsShown() then
      pfUI.unlock:Hide()
    end

    -- exit hoverbind mode
    if pfUI.hoverbind and pfUI.hoverbind:IsShown() then
      pfUI.hoverbind:Hide()
    end
  end)

  pfUI.gui:SetScript("OnHide",function()
    if ColorPickerFrame and ColorPickerFrame:IsShown() then
      ColorPickerFrame:Hide()
    end

    if pfUI.gui.settingChanged then
      pfUI.gui:Reload()
    end
    pfUI.gui:Hide()
  end)


  CreateBackdrop(pfUI.gui, nil, true, 0.75)

  pfUI.gui:SetMovable(true)
  pfUI.gui:EnableMouse(true)
  pfUI.gui:SetScript("OnMouseDown",function()
    this:StartMoving()
  end)

  pfUI.gui:SetScript("OnMouseUp",function()
    this:StopMovingOrSizing()
  end)

  -- gui decorations
  pfUI.gui.title = pfUI.gui:CreateFontString("Status", "LOW", "GameFontNormal")
  pfUI.gui.title:SetFontObject(GameFontWhite)
  pfUI.gui.title:SetPoint("TOPLEFT", pfUI.gui, "TOPLEFT", 5, -8)
  pfUI.gui.title:SetWidth(73)
  pfUI.gui.title:SetJustifyH("RIGHT")
  pfUI.gui.title:SetFont("Interface\\AddOns\\pfUI\\fonts\\DieDieDie.ttf", 16)
  pfUI.gui.title:SetText("|cff33ffccpf|rUI")

  pfUI.gui.version = pfUI.gui:CreateFontString("Status", "LOW", "GameFontNormal")
  pfUI.gui.version:SetFontObject(GameFontWhite)
  pfUI.gui.version:SetPoint("TOPLEFT", pfUI.gui, "TOPLEFT", 82, -8)
  pfUI.gui.version:SetWidth(75)
  pfUI.gui.version:SetJustifyH("LEFT")
  pfUI.gui.version:SetFont("Interface\\AddOns\\pfUI\\fonts\\Myriad-Pro.ttf", 12)
  pfUI.gui.version:SetText("|caaaaaaaav" .. pfUI.version.string)

  pfUI.gui.close = CreateFrame("Button", "pfQuestionDialogClose", pfUI.gui)
  pfUI.gui.close:SetPoint("TOPRIGHT", -5, -5)
  pfUI.api.CreateBackdrop(pfUI.gui.close)
  pfUI.gui.close:SetHeight(12)
  pfUI.gui.close:SetWidth(12)
  pfUI.gui.close.texture = pfUI.gui.close:CreateTexture("pfQuestionDialogCloseTex")
  pfUI.gui.close.texture:SetTexture("Interface\\AddOns\\pfUI\\img\\close")
  pfUI.gui.close.texture:ClearAllPoints()
  pfUI.gui.close.texture:SetAllPoints(pfUI.gui.close)
  pfUI.gui.close.texture:SetVertexColor(1,.25,.25,1)
  pfUI.gui.close:SetScript("OnEnter", function ()
    this.backdrop:SetBackdropBorderColor(1,.25,.25,1)
  end)

  pfUI.gui.close:SetScript("OnLeave", function ()
    pfUI.api.CreateBackdrop(this)
  end)

  pfUI.gui.close:SetScript("OnClick", function()
   this:GetParent():Hide()
  end)

  -- dropdown menu items
  local dropdown_selection_fonts = {
    "BigNoodleTitling",
    "Continuum",
    "DieDieDie",
    "Expressway",
    "Homespun",
    "Myriad-Pro",
    "PT-Sans-Narrow-Bold",
    "PT-Sans-Narrow-Regular"
  }

  local dropdown_unitframes_text = {
    "none:" .. T["Disable"],
    "unit:" .. T["Unit String"],
    "name:" .. T["Name"],
    "level:" .. T["Level"],
    "class:" .. T["Class"],
    "healthdyn:" .. T["Health - Auto"],
    "health:" .. T["Health - Current"],
    "healthmax:" .. T["Health - Max"],
    "healthperc:" .. T["Health - Percentage"],
    "healthmiss:" .. T["Health - Missing"],
    "powerdyn:" .. T["Mana - Auto"],
    "power:" .. T["Mana - Current"],
    "powermax:" .. T["Mana - Max"],
    "powerperc:" .. T["Mana - Percentage"],
    "powermiss:" .. T["Mana - Missing"]
  }

  local dropdown_panel_values = {
    "none:" .. T["Disable"],
    "time:" .. T["Clock"],
    "fps:" .. T["FPS & Ping"],
    "exp:" .. T["XP Percentage"],
    "gold:" .. T["Gold"],
    "friends:" .. T["Friends Online"],
    "guild:" .. T["Guild Online"],
    "durability:" .. T["Item Durability"],
    "zone:" .. T["Zone Name"],
    "combat:" .. T["Combat Timer"],
    "ammo:" .. T["Ammo Counter"],
    "soulshard:" .. T["Soulshard Counter"]
  }

  local dropdown_unitframes_portrait_position = {
    "bar:" .. T["Healthbar Embedded"],
    "left:" .. T["Left"],
    "right:" .. T["Right"],
    "off:" .. T["Disabled"]
  }

  local dropdown_unitframes_buff_position = {
    "top:" .. T["Top"],
    "bottom:" .. T["Bottom"],
    "off:" .. T["Disabled"]
  }

  local dropdown_tooltip_position = {
    "bottom:" .. T["Bottom"],
    "chat:" .. T["Chat"],
    "cursor:" .. T["Cursor"]
  }

  local dropdown_unitframes_layout = {
    "default:" .. T["Default"],
    "tukui:TukUI"
  }

  local dropdown_num_actionbar_buttons = BarLayoutOptions(NUM_ACTIONBAR_BUTTONS)
  local dropdown_num_shapeshift_slots = BarLayoutOptions(NUM_SHAPESHIFT_SLOTS)
  local dropdown_num_pet_action_slots = BarLayoutOptions(NUM_PET_ACTION_SLOTS)

  -- main tab frame
  pfUI.gui.tabs = Createtabs(pfUI.gui, "LEFT")
  pfUI.gui.tabs:SetPoint("TOPLEFT", pfUI.gui, "TOPLEFT", 0, -25)
  pfUI.gui.tabs:SetPoint("BOTTOMRIGHT", pfUI.gui, "BOTTOMRIGHT", 0, 0)


  -- [[ Settings ]]
  pfUI.gui.tabs.settings = pfUI.gui.tabs:CreateChildFrame(T["Settings"], nil, nil, nil, true)
  pfUI.gui.tabs.settings.tabs = Createtabs(pfUI.gui.tabs.settings, "TOP", true)

  -- >> Global
  pfUI.gui.tabs.settings.tabs.general = pfUI.gui.tabs.settings.tabs:CreateChildFrame(T["General"], 70)
  pfUI.gui.tabs.settings.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Enable Region Compatible Font"], C.global, "force_region", "checkbox")
      CreateConfig(this, T["Standard Text Font"], C.global, "font_default", "dropdown", dropdown_selection_fonts)
      CreateConfig(this, T["Standard Text Font Size"], C.global, "font_size")
      CreateConfig(this, T["Unit Frame Text Font"], C.global, "font_unit", "dropdown", dropdown_selection_fonts)
      CreateConfig(this, T["Unit Frame Text Size"], C.global, "font_unit_size")
      CreateConfig(this, T["Scrolling Combat Text Font"], C.global, "font_combat", "dropdown", dropdown_selection_fonts)
      CreateConfig(this, T["Enable Pixel Perfect (Native Resolution)"], C.global, "pixelperfect", "checkbox")
      CreateConfig(this, T["Enable Offscreen Frame Positions"], C.global, "offscreen", "checkbox")
      CreateConfig(this, T["Enable Single Line UIErrors"], C.global, "errors_limit", "checkbox")
      CreateConfig(this, T["Disable All UIErrors"], C.global, "errors_hide", "checkbox")

      -- Delete / Reset
      CreateConfig(this, T["Delete / Reset"], nil, nil, "header")

      CreateConfig(this, T["|cffff5555EVERYTHING"], C.global, "profile", "button", function()
        CreateQuestionDialog(T["Do you really want to reset |cffffaaaaEVERYTHING|r?\n\nThis will reset:\n - Current Configuration\n - Current Frame Positions\n - Firstrun Wizard\n - Addon Cache\n - Saved Profiles"],
          function()
            _G["pfUI_init"] = {}
            _G["pfUI_config"] = {}
            _G["pfUI_playerDB"] = {}
            _G["pfUI_profiles"] = {}
            pfUI:LoadConfig()
            this:GetParent():Hide()
            pfUI.gui:Reload()
          end)
      end)

      CreateConfig(this, T["Cache"], C.global, "profile", "button", function()
        CreateQuestionDialog(T["Do you really want to reset the Cache?"],
          function()
            _G["pfUI_playerDB"] = {}
            this:GetParent():Hide()
            pfUI.gui:Reload()
          end)
      end, true)

      CreateConfig(this, T["Firstrun"], C.global, "profile", "button", function()
        CreateQuestionDialog(T["Do you really want to reset the Firstrun Wizard Settings?"],
          function()
            _G["pfUI_init"] = {}
            this:GetParent():Hide()
            pfUI.gui:Reload()
          end)
      end, true)

      CreateConfig(this, T["Configuration"], C.global, "profile", "button", function()
        CreateQuestionDialog(T["Do you really want to reset your configuration?\nThis also includes frame positions"],
          function()
            _G["pfUI_config"] = {}
            pfUI:LoadConfig()
            this:GetParent():Hide()
            pfUI.gui:Reload()
          end)
      end, true)


      -- Profiles
      CreateConfig(this, T["Profile"], nil, nil, "header")
      local values = {}
      for name, config in pairs(pfUI_profiles) do table.insert(values, name) end

      local function pfUpdateProfiles()
        local values = {}
        for name, config in pairs(pfUI_profiles) do table.insert(values, name) end
        pfUIDropDownMenuProfile.values = values
        pfUIDropDownMenuProfile.Refresh()
      end

      CreateConfig(this, T["Select profile"], C.global, "profile", "dropdown", values, false, "Profile")

      -- load profile
      CreateConfig(this, T["Load profile"], C.global, "profile", "button", function()
        if C.global.profile and pfUI_profiles[C.global.profile] then
          CreateQuestionDialog(T["Load profile"] .. " '|cff33ffcc" .. C.global.profile .. "|r'?", function()
            local selp = C.global.profile
            _G["pfUI_config"] = CopyTable(pfUI_profiles[C.global.profile])
            C.global.profile = selp
            ReloadUI()
          end)
        end
      end)

      -- delete profile
      CreateConfig(this, T["Delete profile"], C.global, "profile", "button", function()
        if C.global.profile and pfUI_profiles[C.global.profile] then
          CreateQuestionDialog(T["Delete profile"] .. " '|cff33ffcc" .. C.global.profile .. "|r'?", function()
            pfUI_profiles[C.global.profile] = nil
            pfUpdateProfiles()
            this:GetParent():Hide()
          end)
        end
      end, true)

      -- save profile
      CreateConfig(this, T["Save profile"], C.global, "profile", "button", function()
        if C.global.profile and pfUI_profiles[C.global.profile] then
          CreateQuestionDialog(T["Save current settings to profile"] .. " '|cff33ffcc" .. C.global.profile .. "|r'?", function()
            if pfUI_profiles[C.global.profile] then
              pfUI_profiles[C.global.profile] = CopyTable(C)
            end
            this:GetParent():Hide()
          end)
        end
      end, true)

      -- create profile
      CreateConfig(this, T["Create Profile"], C.global, "profile", "button", function()
        CreateQuestionDialog(T["Please enter a name for the new profile.\nExisting profiles sharing the same name will be overwritten."],
        function()
          local profile = this:GetParent().input:GetText()
          local bad = string.gsub(profile,"([%w%s]+)","")
          if bad~="" then
            message("\"" .. bad .. "\" " .. T["is not allowed in profile name"])
          else
            profile = (string.gsub(profile,"^%s*(.-)%s*$", "%1"))
            if profile and profile ~= "" then
              pfUI_profiles[profile] = CopyTable(C)
              pfUpdateProfiles()
              this:GetParent():Hide()
            end
          end
        end, false, true)
      end, true)

      this.setup = true
    end
  end)

  -- >> Appearance
  pfUI.gui.tabs.settings.tabs.appearance = pfUI.gui.tabs.settings.tabs:CreateChildFrame(T["Appearance"], 70)
  pfUI.gui.tabs.settings.tabs.appearance:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Background Color"], C.appearance.border, "background", "color")
      CreateConfig(this, T["Border Color"], C.appearance.border, "color", "color")
      CreateConfig(this) -- spacer
      CreateConfig(this, T["Global Border Size"], C.appearance.border, "default")
      CreateConfig(this, T["Action Bar Border Size"], C.appearance.border, "actionbars")
      CreateConfig(this, T["Unit Frame Border Size"], C.appearance.border, "unitframes")
      CreateConfig(this, T["Panel Border Size"], C.appearance.border, "panels")
      CreateConfig(this, T["Chat Border Size"], C.appearance.border, "chat")
      CreateConfig(this, T["Bags Border Size"], C.appearance.border, "bags")
      this.setup = true
    end
  end)

  -- >> Cooldown
  pfUI.gui.tabs.settings.tabs.cooldown = pfUI.gui.tabs.settings.tabs:CreateChildFrame(T["Cooldown"], 70)
  pfUI.gui.tabs.settings.tabs.cooldown:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Cooldown Color (Less than 3 Sec)"], C.appearance.cd, "lowcolor", "color")
      CreateConfig(this, T["Cooldown Color (Seconds)"], C.appearance.cd, "normalcolor", "color")
      CreateConfig(this, T["Cooldown Color (Minutes)"], C.appearance.cd, "minutecolor", "color")
      CreateConfig(this, T["Cooldown Color (Hours)"], C.appearance.cd, "hourcolor", "color")
      CreateConfig(this, T["Cooldown Color (Days)"], C.appearance.cd, "daycolor", "color")
      CreateConfig(this, T["Cooldown Text Threshold"], C.appearance.cd, "threshold")
      CreateConfig(this, T["Cooldown Text Font Size"], C.appearance.cd, "font_size")
      this.setup = true
    end
  end)


  -- [[ UnitFrames ]]
  pfUI.gui.tabs.uf = pfUI.gui.tabs:CreateChildFrame(T["Unit Frames"], nil, nil, nil, true)
  pfUI.gui.tabs.uf.tabs = Createtabs(pfUI.gui.tabs.uf, "TOP", true)

  -- >> General
  pfUI.gui.tabs.uf.tabs.general = pfUI.gui.tabs.uf.tabs:CreateChildFrame(T["General"], 70)
  pfUI.gui.tabs.uf.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Disable pfUI Unit Frames"], C.unitframes, "disable", "checkbox")
      CreateConfig(this, T["Enable Pastel Colors"], C.unitframes, "pastel", "checkbox")
      CreateConfig(this, T["Enable Custom Color Health Bars"], C.unitframes, "custom", "checkbox")
      CreateConfig(this, T["Custom Health Bar Color"], C.unitframes, "customcolor", "color")
      CreateConfig(this, T["Enable Custom Color Health Bar Background"], C.unitframes, "custombg", "checkbox")
      CreateConfig(this, T["Custom Health Bar Background Color"], C.unitframes, "custombgcolor", "color")
      CreateConfig(this, T["Healthbar Animation Speed"], C.unitframes, "animation_speed")
      CreateConfig(this, T["Portrait Alpha"], C.unitframes, "portraitalpha")
      CreateConfig(this, T["Always Use 2D Portraits"], C.unitframes, "always2dportrait", "checkbox")
      CreateConfig(this, T["Enable 2D Portraits As Fallback"], C.unitframes, "portraittexture", "checkbox")
      CreateConfig(this, T["Unit Frame Layout"], C.unitframes, "layout", "dropdown", dropdown_unitframes_layout)
      CreateConfig(this, T["Aggressive 40y-Range Check (Will break stuff)"], C.unitframes, "rangecheck", "checkbox")
      CreateConfig(this, T["40y-Range Check Interval"], C.unitframes, "rangechecki")
      CreateConfig(this, T["Combopoint Size"], C.unitframes, "combosize")
      CreateConfig(this, T["Abbreviate Numbers (4200 -> 4.2k)"], C.unitframes, "abbrevnum", "checkbox")
      CreateConfig(this, T["Show PvP Icon"], C.unitframes.player, "showPVP", "checkbox")
      CreateConfig(this, T["Enable Energy Ticks"], C.unitframes.player, "energy", "checkbox")
      this.setup = true
    end
  end)

  -- >> Player
  pfUI.gui.tabs.uf.tabs.player = pfUI.gui.tabs.uf.tabs:CreateChildFrame(T["Player"], 70)
  pfUI.gui.tabs.uf.tabs.player:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Player Frame"], C.unitframes.player, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.player, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.player, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.player, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.player, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.player, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.player, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.player, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.player, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.player, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.player, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.player, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.player, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.player, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.player, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.player, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.player, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.player, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.player, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.player, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.player, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.player, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.player, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.player, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.player, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.player, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Target
  pfUI.gui.tabs.uf.tabs.target = pfUI.gui.tabs.uf.tabs:CreateChildFrame(T["Target"], 70)
  pfUI.gui.tabs.uf.tabs.target:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Target Frame"], C.unitframes.target, "visible", "checkbox")
      CreateConfig(this, T["Enable Target Switch Animation"], C.unitframes.target, "animation", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.target, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.target, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.target, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.target, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.target, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.target, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.target, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.target, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.target, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.target, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.target, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.target, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.target, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.target, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.target, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.target, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.target, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.target, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.target, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.target, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.target, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.target, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.target, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.target, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.target, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Target-Target
  pfUI.gui.tabs.uf.tabs.targettarget = pfUI.gui.tabs.uf.tabs:CreateChildFrame(T["Target-Target"], 70)
  pfUI.gui.tabs.uf.tabs.targettarget:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Target of Target Frame"], C.unitframes.ttarget, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.ttarget, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.ttarget, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.ttarget, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.ttarget, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.ttarget, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.ttarget, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.ttarget, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.ttarget, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.ttarget, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.ttarget, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.ttarget, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.ttarget, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.ttarget, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.ttarget, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.ttarget, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.ttarget, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.ttarget, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.ttarget, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.ttarget, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.ttarget, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.ttarget, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.ttarget, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.ttarget, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.ttarget, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.ttarget, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Pet
  pfUI.gui.tabs.uf.tabs.pet = pfUI.gui.tabs.uf.tabs:CreateChildFrame(T["Pet"], 70)
  pfUI.gui.tabs.uf.tabs.pet:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Pet Frame"], C.unitframes.player, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.pet, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.pet, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.pet, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.pet, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.pet, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.pet, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.pet, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.pet, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.pet, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.pet, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.pet, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.pet, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.pet, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.pet, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.pet, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.pet, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.pet, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.pet, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.pet, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.pet, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.pet, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.pet, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.pet, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.pet, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.pet, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Focus
  pfUI.gui.tabs.uf.tabs.focus = pfUI.gui.tabs.uf.tabs:CreateChildFrame(T["Focus"], 70)
  pfUI.gui.tabs.uf.tabs.focus:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Focus Frame"], C.unitframes.focus, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.focus, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.focus, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.focus, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.focus, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.focus, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.focus, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.focus, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.focus, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.focus, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.focus, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.focus, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.focus, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.focus, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.focus, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.focus, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.focus, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.focus, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.focus, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.focus, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.focus, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.focus, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.focus, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.focus, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.focus, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.focus, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- [[ GroupFrames ]]
  pfUI.gui.tabs.gf = pfUI.gui.tabs:CreateChildFrame(T["Group Frames"], nil, nil, nil, true)
  pfUI.gui.tabs.gf.tabs = Createtabs(pfUI.gui.tabs.gf, "TOP", true)

  -- >> General
  pfUI.gui.tabs.gf.tabs.general = pfUI.gui.tabs.gf.tabs:CreateChildFrame(T["General"], 70)
  pfUI.gui.tabs.gf.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Show Hots as Buff Indicators"], C.unitframes, "show_hots", "checkbox")
      CreateConfig(this, T["Show Hots of all Classes"], C.unitframes, "all_hots", "checkbox")
      CreateConfig(this, T["Show Procs as Buff Indicators"], C.unitframes, "show_procs", "checkbox")
      CreateConfig(this, T["Show Procs of all Classes"], C.unitframes, "all_procs", "checkbox")
      CreateConfig(this, T["Only Show Indicators for Dispellable Debuffs"], C.unitframes, "debuffs_class", "checkbox")
      CreateConfig(this, T["Clickcast Spells"], nil, nil, "header")
      CreateConfig(this, T["Click Action"], C.unitframes, "clickcast", nil, nil, nil, nil, "STRING")
      CreateConfig(this, T["Shift-Click Action"], C.unitframes, "clickcast_shift", nil, nil, nil, nil, "STRING")
      CreateConfig(this, T["Alt-Click Action"], C.unitframes, "clickcast_alt", nil, nil, nil, nil, "STRING")
      CreateConfig(this, T["Ctrl-Click Action"], C.unitframes, "clickcast_ctrl", nil, nil, nil, nil, "STRING")
      this.setup = true
    end
  end)

  -- >> Raid
  pfUI.gui.tabs.gf.tabs.raid = pfUI.gui.tabs.gf.tabs:CreateChildFrame(T["Raid"], 70)
  pfUI.gui.tabs.gf.tabs.raid:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Raid Frames"], C.unitframes.raid, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.raid, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.raid, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.raid, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.raid, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.raid, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.raid, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.raid, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.raid, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.raid, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.raid, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.raid, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.raid, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.raid, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.raid, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.raid, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.raid, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.raid, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.raid, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.raid, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.raid, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.raid, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.raid, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.raid, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.raid, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.raid, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Group
  pfUI.gui.tabs.gf.tabs.group = pfUI.gui.tabs.gf.tabs:CreateChildFrame(T["Group"], 70)
  pfUI.gui.tabs.gf.tabs.group:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Group Frames"], C.unitframes.group, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.group, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.group, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.group, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.group, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.group, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.group, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.group, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.group, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.group, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.group, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.group, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.group, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.group, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.group, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.group, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.group, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.group, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.group, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.group, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.group, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.group, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Hide Group Frames When In A Raid"], C.unitframes.group, "hide_in_raid", "checkbox")
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.group, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.group, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.group, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.group, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Group-Target
  pfUI.gui.tabs.gf.tabs.grouptarget = pfUI.gui.tabs.gf.tabs:CreateChildFrame(T["Group-Target"], 70)
  pfUI.gui.tabs.gf.tabs.grouptarget:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Group Target Frames"], C.unitframes.grouptarget, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.grouptarget, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.grouptarget, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.grouptarget, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.grouptarget, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.grouptarget, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.grouptarget, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.grouptarget, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.grouptarget, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.grouptarget, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.grouptarget, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.grouptarget, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.grouptarget, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.grouptarget, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.grouptarget, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.grouptarget, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.grouptarget, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.grouptarget, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.grouptarget, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.grouptarget, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.grouptarget, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.grouptarget, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.grouptarget, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.grouptarget, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.grouptarget, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.grouptarget, "classcolor", "checkbox")
      this.setup = true
    end
  end)

  -- >> Group-Pet
  pfUI.gui.tabs.gf.tabs.grouppet = pfUI.gui.tabs.gf.tabs:CreateChildFrame(T["Group-Pet"], 70)
  pfUI.gui.tabs.gf.tabs.grouppet:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Display Group Pet Frames"], C.unitframes.grouppet, "visible", "checkbox")
      CreateConfig(this, T["Portrait Position"], C.unitframes.grouppet, "portrait", "dropdown", dropdown_unitframes_portrait_position)
      CreateConfig(this, T["Health Bar Width"], C.unitframes.grouppet, "width")
      CreateConfig(this, T["Health Bar Height"], C.unitframes.grouppet, "height")
      CreateConfig(this, T["Power Bar Height"], C.unitframes.grouppet, "pheight")
      CreateConfig(this, T["Spacing"], C.unitframes.grouppet, "pspace")
      CreateConfig(this, T["Buff Position"], C.unitframes.grouppet, "buffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Buff Size"], C.unitframes.grouppet, "buffsize")
      CreateConfig(this, T["Buff Limit"], C.unitframes.grouppet, "bufflimit")
      CreateConfig(this, T["Buffs Per Row"], C.unitframes.grouppet, "buffperrow")
      CreateConfig(this, T["Debuff Position"], C.unitframes.grouppet, "debuffs", "dropdown", dropdown_unitframes_buff_position)
      CreateConfig(this, T["Debuff Size"], C.unitframes.grouppet, "debuffsize")
      CreateConfig(this, T["Debuff Limit"], C.unitframes.grouppet, "debufflimit")
      CreateConfig(this, T["Debuffs Per Row"], C.unitframes.grouppet, "debuffperrow")
      CreateConfig(this, T["Invert Health Bar"], C.unitframes.grouppet, "invert_healthbar", "checkbox")
      CreateConfig(this, T["Enable Buff Indicators"], C.unitframes.grouppet, "buff_indicator", "checkbox")
      CreateConfig(this, T["Enable Debuff Indicators"], C.unitframes.grouppet, "debuff_indicator", "checkbox")
      CreateConfig(this, T["Enable Clickcast"], C.unitframes.grouppet, "clickcast", "checkbox")
      CreateConfig(this, T["Enable Range Fading"], C.unitframes.grouppet, "faderange", "checkbox")
      CreateConfig(this, T["Left Text"], C.unitframes.grouppet, "txtleft", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Center Text"], C.unitframes.grouppet, "txtcenter", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Right Text"], C.unitframes.grouppet, "txtright", "dropdown", dropdown_unitframes_text)
      CreateConfig(this, T["Enable Health Color in Text"], C.unitframes.grouppet, "healthcolor", "checkbox")
      CreateConfig(this, T["Enable Power Color in Text"], C.unitframes.grouppet, "powercolor", "checkbox")
      CreateConfig(this, T["Enable Level Color in Text"], C.unitframes.grouppet, "levelcolor", "checkbox")
      CreateConfig(this, T["Enable Class Color in Text"], C.unitframes.grouppet, "classcolor", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Combat ]]
  pfUI.gui.tabs.combat = pfUI.gui.tabs:CreateChildFrame(T["Combat"], nil, nil, nil, true)
  pfUI.gui.tabs.combat.tabs = Createtabs(pfUI.gui.tabs.combat, "TOP", true)

  -- >> General
  pfUI.gui.tabs.combat.tabs.general = pfUI.gui.tabs.combat.tabs:CreateChildFrame(T["Combat"], 70)
  pfUI.gui.tabs.combat.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Enable Combat Glow Effects On Screen Edges"], C.appearance.infight, "screen", "checkbox")
      CreateConfig(this, T["Enable Combat Glow Effects On Unit Frames"], C.appearance.infight, "common", "checkbox")
      CreateConfig(this, T["Enable Combat Glow Effects On Group Frames"], C.appearance.infight, "group", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Bags & Bank ]]
  pfUI.gui.tabs.bags = pfUI.gui.tabs:CreateChildFrame(T["Bags & Bank"], nil, nil, nil, true)
  pfUI.gui.tabs.bags.tabs = Createtabs(pfUI.gui.tabs.bags, "TOP", true)

  -- >> General
  pfUI.gui.tabs.bags.tabs.general = pfUI.gui.tabs.bags.tabs:CreateChildFrame(T["Bags & Bank"], 70)
  pfUI.gui.tabs.bags.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Disable Item Quality Color For \"Common\" Items"], C.appearance.bags, "borderlimit", "checkbox")
      CreateConfig(this, T["Enable Item Quality Color For Equipment Only"], C.appearance.bags, "borderonlygear", "checkbox")
      CreateConfig(this, T["Auto Sell Grey Items"], C.global, "autosell", "checkbox")
      CreateConfig(this, T["Auto Repair Items"], C.global, "autorepair", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Loot ]]
  pfUI.gui.tabs.loot = pfUI.gui.tabs:CreateChildFrame(T["Loot"], nil, nil, nil, true)
  pfUI.gui.tabs.loot.tabs = Createtabs(pfUI.gui.tabs.loot, "TOP", true)

  -- >> General
  pfUI.gui.tabs.loot.tabs.general = pfUI.gui.tabs.loot.tabs:CreateChildFrame(T["Loot"], 70)
  pfUI.gui.tabs.loot.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Enable Auto-Resize Loot Frame"], C.loot, "autoresize", "checkbox")
      CreateConfig(this, T["Disable Loot Confirmation Dialog (Without Group)"], C.loot, "autopickup", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Minimap ]]
  pfUI.gui.tabs.minimap = pfUI.gui.tabs:CreateChildFrame(T["Minimap"], nil, nil, nil, true)
  pfUI.gui.tabs.minimap.tabs = Createtabs(pfUI.gui.tabs.minimap, "TOP", true)

  -- >> General
  pfUI.gui.tabs.minimap.tabs.general = pfUI.gui.tabs.minimap.tabs:CreateChildFrame(T["Minimap"], 70)
  pfUI.gui.tabs.minimap.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Enable Zone Text On Minimap Mouseover"], C.appearance.minimap, "mouseoverzone", "checkbox")
      CreateConfig(this, T["Disable Minimap Buffs"], C.global, "hidebuff", "checkbox")
      CreateConfig(this, T["Disable Minimap Weapon Buffs"], C.global, "hidewbuff", "checkbox")
      CreateConfig(this, T["Show PvP Icon"], C.unitframes.player, "showPVPMinimap", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Actionbar ]]
  pfUI.gui.tabs.actionbar = pfUI.gui.tabs:CreateChildFrame(T["Actionbar"], nil, nil, nil, true)
  pfUI.gui.tabs.actionbar.tabs = Createtabs(pfUI.gui.tabs.actionbar, "TOP", true)

  -- >> General
  pfUI.gui.tabs.actionbar.tabs.general = pfUI.gui.tabs.actionbar.tabs:CreateChildFrame(T["General"], 70)
  pfUI.gui.tabs.actionbar.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Icon Size"], C.bars, "icon_size")
      CreateConfig(this, T["Enable Action Bar Backgrounds"], C.bars, "background", "checkbox")
      CreateConfig(this, T["Enable Range Display On Hotkeys"], C.bars, "glowrange", "checkbox")
      CreateConfig(this, T["Range Display Color"], C.bars, "rangecolor", "color")
      CreateConfig(this, T["Show Macro Text"], C.bars, "showmacro", "checkbox")
      CreateConfig(this, T["Show Hotkey Text"], C.bars, "showkeybind", "checkbox")
      CreateConfig(this, T["Enable Range Based Auto Paging (Hunter)"], C.bars, "hunterbar", "checkbox")
      this.setup = true
    end
  end)

  -- >> Autohide
  pfUI.gui.tabs.actionbar.tabs.autohide = pfUI.gui.tabs.actionbar.tabs:CreateChildFrame(T["Autohide"], 70)
  pfUI.gui.tabs.actionbar.tabs.autohide:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Seconds Until Action Bars Autohide"], C.bars, "hide_time")
      CreateConfig(this, T["Enable Autohide For BarActionMain"], C.bars, "hide_actionmain", "checkbox")
      CreateConfig(this, T["Enable Autohide For BarBottomLeft"], C.bars, "hide_bottomleft", "checkbox")
      CreateConfig(this, T["Enable Autohide For BarBottomRight"], C.bars, "hide_bottomright", "checkbox")
      CreateConfig(this, T["Enable Autohide For BarRight"], C.bars, "hide_right", "checkbox")
      CreateConfig(this, T["Enable Autohide For BarTwoRight"], C.bars, "hide_tworight", "checkbox")
      CreateConfig(this, T["Enable Autohide For BarShapeShift"], C.bars, "hide_shapeshift", "checkbox")
      CreateConfig(this, T["Enable Autohide For BarPet"], C.bars, "hide_pet", "checkbox")
      this.setup = true
    end
  end)

  -- >> Layout
  pfUI.gui.tabs.actionbar.tabs.layout = pfUI.gui.tabs.actionbar.tabs:CreateChildFrame(T["Layout"], 70)
  pfUI.gui.tabs.actionbar.tabs.layout:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Main Actionbar (ActionMain)"], C.bars.actionmain, "formfactor", "dropdown", dropdown_num_actionbar_buttons)
      CreateConfig(this, T["Second Actionbar (BottomLeft)"], C.bars.bottomleft, "formfactor", "dropdown", dropdown_num_actionbar_buttons)
      CreateConfig(this, T["Left Actionbar (BottomRight)"], C.bars.bottomright, "formfactor", "dropdown", dropdown_num_actionbar_buttons)
      CreateConfig(this, T["Right Actionbar (Right)"], C.bars.right, "formfactor", "dropdown", dropdown_num_actionbar_buttons)
      CreateConfig(this, T["Vertical Actionbar (TwoRight)"], C.bars.tworight, "formfactor", "dropdown", dropdown_num_actionbar_buttons)
      CreateConfig(this, T["Shapeshift Bar (BarShapeShift)"], C.bars.shapeshift, "formfactor", "dropdown", dropdown_num_shapeshift_slots)
      CreateConfig(this, T["Pet Bar (BarPet)"], C.bars.pet, "formfactor", "dropdown", dropdown_num_pet_action_slots)
      this.setup = true
    end
  end)


  -- [[ Panel ]]
  pfUI.gui.tabs.panel = pfUI.gui.tabs:CreateChildFrame(T["Panel"], nil, nil, nil, true)
  pfUI.gui.tabs.panel.tabs = Createtabs(pfUI.gui.tabs.panel, "TOP", true)

  -- >> General
  pfUI.gui.tabs.panel.tabs.general = pfUI.gui.tabs.panel.tabs:CreateChildFrame(T["Panel"], 70)
  pfUI.gui.tabs.panel.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Use Unit Fonts"], C.panel, "use_unitfonts", "checkbox")
      CreateConfig(this, T["Left Panel: Left"], C.panel.left, "left", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Left Panel: Center"], C.panel.left, "center", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Left Panel: Right"], C.panel.left, "right", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Right Panel: Left"], C.panel.right, "left", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Right Panel: Center"], C.panel.right, "center", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Right Panel: Right"], C.panel.right, "right", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Other Panel: Minimap"], C.panel.other, "minimap", "dropdown", dropdown_panel_values)
      CreateConfig(this, T["Always Show Experience And Reputation Bar"], C.panel.xp, "showalways", "checkbox")
      CreateConfig(this, T["Enable Micro Bar"], C.panel.micro, "enable", "checkbox")
      CreateConfig(this, T["Enable 24h Clock"], C.global, "twentyfour", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Tooltip ]]
  pfUI.gui.tabs.tooltip = pfUI.gui.tabs:CreateChildFrame(T["Tooltip"], nil, nil, nil, true)
  pfUI.gui.tabs.tooltip.tabs = Createtabs(pfUI.gui.tabs.tooltip, "TOP", true)

  -- >> General
  pfUI.gui.tabs.tooltip.tabs.general = pfUI.gui.tabs.tooltip.tabs:CreateChildFrame(T["Tooltip"], 70)
  pfUI.gui.tabs.tooltip.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Tooltip Position"], C.tooltip, "position", "dropdown", dropdown_tooltip_position)
      CreateConfig(this, T["Enable Extended Guild Information"], C.tooltip, "extguild", "checkbox")
      CreateConfig(this, T["Custom Transparency"], C.tooltip, "alpha")
      CreateConfig(this, T["Always Show Item Comparison"], C.tooltip.compare, "showalways", "checkbox")
      CreateConfig(this, T["Always Show Extended Vendor Values"], C.tooltip.vendor, "showalways", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Castbar ]]
  pfUI.gui.tabs.castbar = pfUI.gui.tabs:CreateChildFrame(T["Castbar"], nil, nil, nil, true)
  pfUI.gui.tabs.castbar.tabs = Createtabs(pfUI.gui.tabs.castbar, "TOP", true)

  -- >> General
  pfUI.gui.tabs.castbar.tabs.general = pfUI.gui.tabs.castbar.tabs:CreateChildFrame(T["Castbar"], 70)
  pfUI.gui.tabs.castbar.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Use Unit Fonts"], C.castbar, "use_unitfonts", "checkbox")
      CreateConfig(this, T["Casting Color"], C.appearance.castbar, "castbarcolor", "color")
      CreateConfig(this, T["Channeling Color"], C.appearance.castbar, "channelcolor", "color")
      CreateConfig(this, T["Disable Blizzard Castbar"], C.castbar.player, "hide_blizz", "checkbox")
      CreateConfig(this, T["Disable pfUI Player Castbar"], C.castbar.player, "hide_pfui", "checkbox")
      CreateConfig(this, T["Disable pfUI Target Castbar"], C.castbar.target, "hide_pfui", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Chat ]]
  pfUI.gui.tabs.chat = pfUI.gui.tabs:CreateChildFrame(T["Chat"], nil, nil, nil, true)
  pfUI.gui.tabs.chat.tabs = Createtabs(pfUI.gui.tabs.chat, "TOP", true)

  -- >> General
  pfUI.gui.tabs.chat.tabs.general = pfUI.gui.tabs.chat.tabs:CreateChildFrame(T["General"], 70)
  pfUI.gui.tabs.chat.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Enable \"Loot & Spam\" Chat Window"], C.chat.right, "enable", "checkbox")
      CreateConfig(this, T["Inputbox Width"], C.chat.text, "input_width")
      CreateConfig(this, T["Inputbox Height"], C.chat.text, "input_height")
      CreateConfig(this, T["Enable Timestamps"], C.chat.text, "time", "checkbox")
      CreateConfig(this, T["Timestamp Format"], C.chat.text, "timeformat", nil, nil, nil, nil, "STRING")
      CreateConfig(this, T["Timestamp Brackets"], C.chat.text, "timebracket", nil, nil, nil, nil, "STRING")
      CreateConfig(this, T["Timestamp Color"], C.chat.text, "timecolor", "color")
      CreateConfig(this, T["Hide Channel Names"], C.chat.text, "channelnumonly", "checkbox")
      CreateConfig(this, T["Enable URL Detection"], C.chat.text, "detecturl", "checkbox")
      CreateConfig(this, T["Enable Class Colors"], C.chat.text, "classcolor", "checkbox")
      CreateConfig(this, T["Left Chat Width"], C.chat.left, "width")
      CreateConfig(this, T["Left Chat Height"], C.chat.left, "height")
      CreateConfig(this, T["Right Chat Width"], C.chat.right, "width")
      CreateConfig(this, T["Right Chat Height"], C.chat.right, "height")
      CreateConfig(this, T["Enable Right Chat Window"], C.chat.right, "alwaysshow", "checkbox")
      CreateConfig(this, T["Enable Chat Dock"], C.chat.global, "tabdock", "checkbox")
      CreateConfig(this, T["Enable Custom Colors"], C.chat.global, "custombg", "checkbox")
      CreateConfig(this, T["Chat Background Color"], C.chat.global, "background", "color")
      CreateConfig(this, T["Chat Border Color"], C.chat.global, "border", "color")
      CreateConfig(this, T["Enable Custom Incoming Whispers Layout"], C.chat.global, "whispermod", "checkbox")
      CreateConfig(this, T["Incoming Whispers Color"], C.chat.global, "whisper", "color")
      CreateConfig(this, T["Enable Sticky Chat"], C.chat.global, "sticky", "checkbox")
      CreateConfig(this, T["Enable Chat Fade"], C.chat.global, "fadeout", "checkbox")
      CreateConfig(this, T["Seconds Before Chat Fade"], C.chat.global, "fadetime")
      this.setup = true
    end
  end)


  -- [[ Nameplates ]]
  pfUI.gui.tabs.nameplates = pfUI.gui.tabs:CreateChildFrame(T["Nameplates"], nil, nil, nil, true)
  pfUI.gui.tabs.nameplates.tabs = Createtabs(pfUI.gui.tabs.nameplates, "TOP", true)

  -- General
  pfUI.gui.tabs.nameplates.tabs.general = pfUI.gui.tabs.nameplates.tabs:CreateChildFrame(T["Nameplates"], 70)
  pfUI.gui.tabs.nameplates.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["Use Unit Fonts"], C.nameplates, "use_unitfonts", "checkbox")
      CreateConfig(this, T["Enable Castbars"], C.nameplates, "showcastbar", "checkbox")
      CreateConfig(this, T["Enable Spellname"], C.nameplates, "spellname", "checkbox")
      CreateConfig(this, T["Enable Debuffs"], C.nameplates, "showdebuffs", "checkbox")
      CreateConfig(this, T["Enable Clickthrough"], C.nameplates, "clickthrough", "checkbox")
      CreateConfig(this, T["Enable Mouselook With Right Click"], C.nameplates, "rightclick", "checkbox")
      CreateConfig(this, T["Right Click Auto Attack Threshold"], C.nameplates, "clickthreshold")
      CreateConfig(this, T["Enable Class Colors On Enemies"], C.nameplates, "enemyclassc", "checkbox")
      CreateConfig(this, T["Enable Class Colors On Friends"], C.nameplates, "friendclassc", "checkbox")
      CreateConfig(this, T["Raid Icon Size"], C.nameplates, "raidiconsize")
      CreateConfig(this, T["Show Players Only"], C.nameplates, "players", "checkbox")
      CreateConfig(this, T["Show Health Points"], C.nameplates, "showhp", "checkbox")
      CreateConfig(this, T["Vertical Position"], C.nameplates, "vpos")
      CreateConfig(this, T["Nameplate Width"], C.nameplates, "width")
      CreateConfig(this, T["Healthbar Height"], C.nameplates, "heighthealth")
      CreateConfig(this, T["Castbar Height"], C.nameplates, "heightcast")
      this.setup = true
    end
  end)


  -- [[ Thirdparty ]]
  pfUI.gui.tabs.thirdparty = pfUI.gui.tabs:CreateChildFrame(T["Thirdparty"], nil, nil, nil, true)
  pfUI.gui.tabs.thirdparty.tabs = Createtabs(pfUI.gui.tabs.thirdparty, "TOP", true)

  -- >> General
  pfUI.gui.tabs.thirdparty.tabs.general = pfUI.gui.tabs.thirdparty.tabs:CreateChildFrame(T["Thirdparty"], 70)
  pfUI.gui.tabs.thirdparty.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      CreateConfig(this, T["DPSMate"], C.thirdparty.dpsmate, "enable", "checkbox")
      CreateConfig(this, T["WIM"], C.thirdparty.wim, "enable", "checkbox")
      CreateConfig(this, T["HealComm"], C.thirdparty.healcomm, "enable", "checkbox")
      CreateConfig(this, T["CleanUp"], C.thirdparty.cleanup, "enable", "checkbox")
      CreateConfig(this, T["KLH Threat Meter"], C.thirdparty.ktm, "enable", "checkbox")
      this.setup = true
    end
  end)


  -- [[ Modules ]]
  pfUI.gui.tabs.modules = pfUI.gui.tabs:CreateChildFrame(T["Modules"], nil, nil, nil, true)
  pfUI.gui.tabs.modules.tabs = Createtabs(pfUI.gui.tabs.modules, "TOP", true)

  -- General
  pfUI.gui.tabs.modules.tabs.general = pfUI.gui.tabs.modules.tabs:CreateChildFrame(T["Modules"], 70)
  pfUI.gui.tabs.modules.tabs.general:SetScript("OnShow", function()
    if not this.setup then
      for i,m in pairs(pfUI.modules) do
        if m ~= "gui" then
          -- create disabled entry if not existing and display
          pfUI:UpdateConfig("disabled", nil, m, "0")
          CreateConfig(this, T["Disable Module"] .. m, C.disabled, m, "checkbox")
        end
      end
      this.setup = true
    end
  end)

  -- [[ Close ]]
  pfUI.gui.tabs.close = pfUI.gui.tabs:CreateChildFrame(T["Close"], nil, nil, "BOTTOM")
  pfUI.gui.tabs.close.button:SetScript("OnClick", function()
    pfUI.gui:Hide()
  end)

  -- [[ Unlock ]]
  pfUI.gui.tabs.unlock = pfUI.gui.tabs:CreateChildFrame(T["Unlock"], nil, nil, "BOTTOM")
  pfUI.gui.tabs.unlock.button:SetScript("OnClick", function()
    DelayChangedSettings()
    pfUI.unlock:UnlockFrames()
  end)

  -- [[ Hoverbind ]]
  pfUI.gui.tabs.hoverbind = pfUI.gui.tabs:CreateChildFrame(T["Hoverbind"], nil, nil, "BOTTOM")
  pfUI.gui.tabs.hoverbind.button:SetScript("OnClick", function()
    if pfUI.hoverbind then
      DelayChangedSettings()
      pfUI.hoverbind:Show()
    end
  end)


end)