Contents

class CodeDemo < ExpressTemplates::Components::Container

  before_build -> {
    set_attribute(:class, 'ae-demo-container')
  }

  contains -> (&block) {
    ul(class: 'ae-tabs') {
      li(class: 'ae-tab active-tab', 'data-tab' => 'input'){
        "Input"
      }
      li(class: 'ae-tab', 'data-tab' => 'output'){
        "Output"
      }
    }

    div(id: 'input', class: 'ae-tab-content active-tab'){
      highlight_code_block {
        block.call
      }
    }

    div(id: 'output', class: 'ae-tab-content'){
      div(class: 'demo-container'){
        eval block.call.html_safe
      }
    }
  }
end

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
express_ui-0.1.1	app/components/code_demo.rb
express_ui-0.1.0	app/components/code_demo.rb
express_ui-0.1.0.rc7	app/components/code_demo.rb
express_ui-0.1.0.rc5	app/components/code_demo.rb
express_ui-0.1.0.rc4	app/components/code_demo.rb
express_ui-0.1.0.rc3	app/components/code_demo.rb
express_ui-0.1.0.rc1	app/components/code_demo.rb