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

6 entries across 6 versions & 1 rubygems

Version	Path
express_ui-0.1.7	app/components/code_demo.rb
express_ui-0.1.6	app/components/code_demo.rb
express_ui-0.1.5	app/components/code_demo.rb
express_ui-0.1.4	app/components/code_demo.rb
express_ui-0.1.3	app/components/code_demo.rb
express_ui-0.1.2	app/components/code_demo.rb