object FViewCustomers: TFViewCustomers
  Width = 640
  Height = 480
  CSSLibrary = cssBootstrap
  ElementFont = efCSS
  OnCreate = WebFormCreate
  object lblEntries: TWebLabel
    Left = 12
    Top = 117
    Width = 81
    Height = 15
    Caption = 'Showing 0 of ...'
    ElementID = 'lblentries'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
  end
  object btnAddCustomer: TWebButton
    Left = 12
    Top = 81
    Width = 96
    Height = 25
    Caption = 'Add Customer'
    ChildOrder = 5
    ElementID = 'btnaddcustomer'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    TabOrder = 6
    TabStop = False
    WidthPercent = 100.000000000000000000
    OnClick = btnAddCustomerClick
  end
  object wcbPageSize: TWebComboBox
    Left = 22
    Top = 52
    Width = 145
    Height = 23
    ElementClassName = 'custom-select'
    ElementID = 'wcbpagesize'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    Text = '50'
    WidthPercent = 100.000000000000000000
    OnChange = wcbPageSizeChange
    ItemIndex = -1
    Items.Strings = (
      '10'
      '25'
      '50')
  end
  object pnlMessage: TWebPanel
    Left = 12
    Top = 16
    Width = 121
    Height = 33
    ElementID = 'view.login.message'
    ChildOrder = 17
    TabOrder = 2
    object lblMessage: TWebLabel
      Left = 16
      Top = 11
      Width = 46
      Height = 15
      Caption = 'Message'
      ElementID = 'view.login.message.label'
      HeightPercent = 100.000000000000000000
      WidthPercent = 100.000000000000000000
    end
    object btnCloseNotification: TWebButton
      Left = 96
      Top = 3
      Width = 22
      Height = 25
      ChildOrder = 1
      ElementID = 'view.login.message.button'
      HeightPercent = 100.000000000000000000
      WidthPercent = 100.000000000000000000
    end
  end
  object wdbtcCustomers: TWebDBTableControl
    Left = 8
    Top = 202
    Width = 631
    Height = 200
    ElementClassName = 'table'
    ElementId = 'tblPhoneGrid'
    BorderColor = clSilver
    ChildOrder = 11
    ElementFont = efCSS
    ElementHeaderClassName = 'thead-light sticky-top bg-light'
    ElementPosition = epRelative
    ElementTableClassName = 'table table-striped table-hover table-bordered text-sm'
    Footer.ButtonActiveElementClassName = 'btn btn-primary'
    Footer.ButtonElementClassName = 'btn btn-light'
    Footer.DropDownElementClassName = 'form-control'
    Footer.InputElementClassName = 'form-control'
    Footer.LinkActiveElementClassName = 'link-primary'
    Footer.LinkElementClassName = 'link-secondary'
    Footer.ListElementClassName = 'pagination'
    Footer.ListItemElementClassName = 'page-item'
    Footer.ListLinkElementClassName = 'page-link'
    Header.ButtonActiveElementClassName = 'btn btn-primary'
    Header.ButtonElementClassName = 'btn btn-light'
    Header.DropDownElementClassName = 'form-control'
    Header.InputElementClassName = 'form-control'
    Header.LinkActiveElementClassName = 'link-primary'
    Header.LinkElementClassName = 'link-secondary'
    Header.ListElementClassName = 'pagination'
    Header.ListItemElementClassName = 'page-item'
    Header.ListLinkElementClassName = 'page-link'
    WordWrap = True
    OnDblClickCell = wdbtcCustomersDblClickCell
    Columns = <
      item
        DataField = 'CUSTOMER_ID'
        Title = 'Customer Num'
      end
      item
        DataField = 'QB_LIST_ID'
        Title = 'QB ID'
      end
      item
        DataField = 'SHORT_NAME'
        Title = 'Customer ID'
      end
      item
        DataField = 'NAME'
        Title = 'Customer Name'
      end
      item
        DataField = 'START_DATE'
        Title = 'Start Date'
      end>
    DataSource = wdsCustomers
  end
  object edtFilter: TWebEdit
    Left = 246
    Top = 20
    Width = 121
    Height = 22
    ChildOrder = 5
    ElementID = 'edtfilter'
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    OnChange = edtFilterChange
  end
  object XDataWebClient1: TXDataWebClient
    Connection = DMConnection.ApiConnection
    Left = 158
    Top = 90
  end
  object wdsCustomers: TWebDataSource
    DataSet = xdwdsCustomers
    Left = 262
    Top = 116
  end
  object xdwdsCustomers: TXDataWebDataSet
    Connection = DMConnection.ApiConnection
    Left = 346
    Top = 92
    object xdwdsCustomersSHORT_NAME: TStringField
      FieldName = 'SHORT_NAME'
      Size = 0
    end
    object xdwdsCustomersNAME: TStringField
      FieldName = 'NAME'
    end
    object xdwdsCustomersSTART_DATE: TStringField
      FieldName = 'START_DATE'
    end
    object xdwdsCustomersCUSTOMER_ID: TIntegerField
      FieldName = 'CUSTOMER_ID'
    end
    object xdwdsCustomersQB_LIST_ID: TStringField
      FieldName = 'QB_LIST_ID'
    end
  end
end
