object FViewItems: TFViewItems
  Width = 676
  Height = 480
  CSSLibrary = cssBootstrap
  ElementFont = efCSS
  Font.Charset = DEFAULT_CHARSET
  Font.Color = clWindowText
  Font.Height = -11
  Font.Name = 'Tahoma'
  Font.Style = []
  ParentFont = False
  object lblEntries: TWebLabel
    Left = 16
    Top = 292
    Width = 77
    Height = 13
    Caption = 'Showing 0 of ...'
    ElementID = 'lblentries'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
  end
  object lblFormState: TWebLabel
    Left = 380
    Top = 422
    Width = 3
    Height = 13
    ElementID = 'lbl_form_state'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
  end
  object wcbPageSize: TWebComboBox
    Left = 0
    Top = 0
    Width = 145
    Height = 21
    ElementClassName = 'custom-select'
    ElementID = 'wcbpagesize'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    Text = '10'
    WidthPercent = 100.000000000000000000
    OnChange = wcbPageSizeChange
    ItemIndex = -1
    Items.Strings = (
      '10'
      '25'
      '50')
  end
  object btnAdd: TWebButton
    Left = 567
    Top = 442
    Width = 96
    Height = 25
    Caption = 'Add'
    ChildOrder = 7
    ElementID = 'btnadd'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    OnClick = btnAddClick
  end
  object btnSave: TWebButton
    Left = 567
    Top = 352
    Width = 96
    Height = 25
    Caption = 'Save'
    ChildOrder = 79
    ElementID = 'btnconfirm'
    ElementFont = efCSS
    ElementPosition = epRelative
    Enabled = False
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    Role = 'null'
    WidthPercent = 100.000000000000000000
    OnClick = btnSaveClick
  end
  object btnCancel: TWebButton
    Left = 567
    Top = 380
    Width = 96
    Height = 25
    Caption = 'Cancel'
    ChildOrder = 79
    ElementID = 'btncancel'
    ElementFont = efCSS
    ElementPosition = epRelative
    Enabled = False
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    Role = 'null'
    WidthPercent = 100.000000000000000000
    OnClick = btnCancelClick
  end
  object btnDelete: TWebButton
    Left = 567
    Top = 321
    Width = 96
    Height = 25
    Caption = 'Delete'
    ChildOrder = 79
    ElementID = 'btndelete'
    ElementFont = efCSS
    Enabled = False
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    OnClick = btnDeleteClick
  end
  object btnEdit: TWebButton
    Left = 567
    Top = 411
    Width = 96
    Height = 25
    Caption = 'Edit'
    ChildOrder = 83
    ElementID = 'btnedit'
    ElementFont = efCSS
    Enabled = False
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    OnClick = btnEditClick
  end
  object wdbtcItems: TWebDBTableControl
    Left = 16
    Top = 86
    Width = 631
    Height = 200
    ElementClassName = 'table'
    ElementId = 'tblPhoneGrid'
    BorderColor = clSilver
    ChildOrder = 11
    ElementFont = efCSS
    ElementHeaderClassName = 'thead-light sticky-top bg-light border-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
    OnClickCell = wdbtcItemsClickCell
    Columns = <
      item
        DataField = 'ID'
        Title = 'Item ID'
      end
      item
        DataField = 'name'
        Title = 'Name'
      end
      item
        DataField = 'description'
        Title = 'Description'
      end
      item
        DataField = 'status'
        Title = 'Status'
      end
      item
        DataField = 'QB_ID'
        Title = 'QB ID'
      end>
    DataSource = wdsItems
  end
  object edtName: TWebDBEdit
    Left = 352
    Top = 0
    Width = 121
    Height = 22
    ChildOrder = 8
    ElementID = 'edtname'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    DataField = 'name'
    DataSource = wdsItems
  end
  object edtDescription: TWebDBEdit
    Left = 488
    Top = 0
    Width = 121
    Height = 22
    ChildOrder = 8
    ElementID = 'edtdescription'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    DataField = 'description'
    DataSource = wdsItems
  end
  object CBStatus: TWebDBCheckBox
    Left = 352
    Top = 34
    Width = 113
    Height = 22
    Caption = 'Active?'
    ChildOrder = 11
    ElementClassName = 'custom-control custom-checkbox'
    ElementButtonClassName = 'custom-control-input'
    ElementLabelClassName = 'custom-control-label'
    ElementID = 'cbstatus'
    ElementFont = efCSS
    HeightStyle = ssAuto
    HeightPercent = 100.000000000000000000
    WidthPercent = 100.000000000000000000
    DataField = 'status'
    DataSource = wdsItems
    ValueChecked = 'ACTIVE'
    ValueUnChecked = 'INACTIVE'
  end
  object XDataWebClient1: TXDataWebClient
    Connection = DMConnection.ApiConnection
    Left = 294
    Top = 356
  end
  object xdwdsItems: TXDataWebDataSet
    Left = 440
    Top = 300
    object xdwdsItemsstatus: TStringField
      FieldName = 'status'
    end
    object xdwdsItemsID: TStringField
      FieldName = 'ID'
    end
    object xdwdsItemsname: TStringField
      FieldName = 'name'
    end
    object xdwdsItemsdescription: TStringField
      FieldName = 'description'
    end
    object xdwdsItemsQB_ID: TStringField
      FieldName = 'QB_ID'
    end
  end
  object wdsItems: TWebDataSource
    AutoEdit = False
    DataSet = xdwdsItems
    Left = 268
    Top = 300
  end
end
