anchor.diff:  
       DATA: lt_data    TYPE lcl_persistence_db=>tt_content,
             lv_escaped TYPE string,
  -          lv_encode  TYPE string,
  -          lo_db      TYPE REF TO lcl_persistence_db.
  +          lv_action  TYPE string,
  +          lo_db      TYPE REF TO lcl_persistence_db,
  +          lo_toolbar TYPE REF TO lcl_html_toolbar.
   
       FIELD-SYMBOLS: <ls_data> LIKE LINE OF lt_data.
   
  
positive.code: 
      CREATE OBJECT ro_html.
  
      ro_html->add( header( ) ).
      ro_html->add( title( iv_page_title = 'DATABASE PERSISTENCY' ) ).
  
      ro_html->add( '<div id="toc">' ).
      ro_html->add( '<table>' ).
      ro_html->add( '<tr>' ).
      ro_html->add( '<td><b>Type</b></td>' ).
      ro_html->add( '<td><b>Value</b></td>' ).
      ro_html->add( '<td><b>Data</b></td>' ).
      ro_html->add( '</tr>' ).
  
      LOOP AT lt_data ASSIGNING <ls_data>.
        lv_escaped = escape( val    = <ls_data>-data_str(150)
                             format = cl_abap_format=>e_html_attr ).
  
        lv_encode = lcl_html_action_utils=>dbkey_encode( <ls_data> ).
  
        ro_html->add( '<tr>' ).
        ro_html->add( '<td valign="top">' && <ls_data>-type && '</td>' ).
        ro_html->add( '<td valign="top">' && <ls_data>-value && '</td>' ).
        ro_html->add( '<td><pre>' && lv_escaped && '</pre>' ).
        ro_html->add( '<br><br>' ).
        ro_html->add( '<a href="sapevent:db_display?' && lv_encode && '">Display</a>' ).
        ro_html->add( '<a href="sapevent:db_edit?' && lv_encode && '">Edit</a>' ).
        ro_html->add( '<a href="sapevent:db_delete?' && lv_encode && '">Delete</a></td>' ).
        ro_html->add( '</tr>' ).
      ENDLOOP.
  
  
negative.code: 
      ro_html->add( footer( ) ).
  
    ENDMETHOD.            "lif_gui_page~render
  
    METHOD styles.
      CREATE OBJECT ro_html.
  
      ro_html->add('/* DB ENTRIES */').
      ro_html->add('div.db_list {').
      ro_html->add('  background-color: #f2f2f2;').
      ro_html->add('  padding: 0.5em;').
      ro_html->add('}').
      ro_html->add('table.db_tab pre { ').
      ro_html->add('  display: block; ').
      ro_html->add('  overflow: hidden; ').
      ro_html->add('  word-wrap:break-word; ').
      ro_html->add('  white-space: pre-wrap; ').
      ro_html->add('  background-color: #eaeaea;').
  *    ro_html->add('  padding: 2px;').
      ro_html->add('  width: 60em; ').
      ro_html->add('}').
      ro_html->add('table.db_tab tr.firstrow td { padding-top: 0.5em; } ').
      ro_html->add('table.db_tab th {').
      ro_html->add('  text-align: left;').
      ro_html->add('  color: #888;').
      ro_html->add('  padding: 0.2em;').
      ro_html->add('  border-bottom: 1px #ddd solid;').
      ro_html->add('}').
      ro_html->add('table.db_tab td {').
      ro_html->add('  color: #333;').
      ro_html->add('  padding: 0.2em;').
      ro_html->add('  vertical-align: top;').
      ro_html->add('}').
  
    ENDMETHOD.            "styles
  
  ENDCLASS.
  
  