app/views/pages/explore.html.erb
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>Select application/activity to explore</h3>
<%= simple_form_for :explore, html: { id: 'explore', class: "form-horizontal" } do |f| %>
<div class="form-group">
<%= f.label :application, 'Application', class: 'col-sm-3 control-label' %>
<div class="col-sm-9">
<%= f.input_field :application, collection: @application_list, class: "form-control chosen-select" %>
</div>
</div>
<div class="form-group">
<%= f.label :activity, 'Activity', class: 'col-sm-3 control-label' %>
<div class="col-sm-9">
<%= f.input_field :activity, collection: @activity_list, class: "form-control chosen-select" %>
</div>
</div>
<% end %>
</div>
</div>
</div>
<br>
<div class="container">
<h4>List of events:</h4>
<ul id="events-list">
<li>A list of events appear here once you have selected an appication/activity.</li>
</ul>
</div>
<div class="container">
<h4>List of keys(properties):</h4>
<ul id="keys-list">
<li>A list of keys appear here once you have selected an appication/activity.</li>
</ul>
</div>