app/views/static/search_interactions.html.haml
=content_for :title do
=tx "title"
=content_for :header do
%h2
=tx "title_main"
%small
=tx "title_small"
%a(href="/faq#goal")
=icon('question-sign')
- cache do
%div{style: "clear: both; display: flex; justify-content: center; margin-top:20px;"}
.span8{style: "float: left; margin-bottom: 20px; margin-left: -20px; padding:35px", class: "well"}
%form.form-horizontal(id="search_form" action="interaction_search_results" method="post" enctype="multipart/form-data")
%fieldset
.control-group{style: "margin-bottom: -15px"}
.controls
.btn-group#toggleIdentifiers(data-toggle='buttons')
%label.btn.btn-primary.active#geneSearch(for='geneSearch' style="width: 150px; font-weight: bold")
%input(type='radio' name='search_mode' value='genes' style='display:none;')
Genes
%label.btn.btn-primary#drugSearch(for='drugSearch'style="width: 150px; font-weight: bold")
%input(type='radio' name='search_mode' value='drugs' style='display:none;')
Drugs
.control-group
%label.control-label(id='ids_flag')
.controls
%textarea#identifiers{name: 'identifiers', rows: "14", style: "width: 300px; font-size: 20px"}
.control-group
.controls
%button.btn.btn-small.btn-danger#clear(type='button') Clear Identifiers
%button.btn.btn-small.btn-primary#defaultIdentifiers(type='button') Replace with Demo List
.span8{style: "float: left; margin-left: 20px"}
%div.search_filters#gene_search_filters{style: "height: 180px; width: 360px", class: "well"}
%label
Preset Filters
%div{style: "background-color: white; margin-top: 5px; padding: 5px; border-radius: 5px;"}
%div
%input{type: "checkbox", value: "checked", name: "approved_drug", form: "search_form"}
= " Approved"
%div
%input{type: "checkbox", value: "checked", name: "anti_neoplastic", form: "search_form"}
= " Antineoplastic"
%div
%input{type: "checkbox", value: "checked", name: "immunotherapy", form: "search_form"}
= " Immunotherapies"
%div.filters{style: "margin-top: 5px; color: #337ab7; font-style: oblique;"}
Filter the DRUGS that interact with your GENES
%div.filters{style: "margin-top: 5px; margin-bottom: -10px;"}
Definitions for these filters can be found here <a href="http://dgidb.org/faq/#filters">here.</a>
%div.search_filters#drug_search_filters{style: "height: 180px; width: 360px; display: none", class: "well"}
%label
Preset Filters
%div{style: "background-color: white; margin-top: 5px; padding: 5px; border-radius: 5px;"}
%div
%input{type: "checkbox", value: "checked", name: "clinically_actionable", form: "search_form"}
= " Clinically Actionable"
%div
%input{type: "checkbox", value: "checked", name: "druggable_genome", form: "search_form"}
= " Druggable Genome"
%div
%input{type: "checkbox", value: "checked", name: "drug_resistance", form: "search_form"}
= " Drug Resistance"
%div.filters{style: "margin-top: 5px; color: #337ab7; font-style: oblique;"}
Filter the GENES that interact with your DRUGS
%div.filters{style: "margin-top: 5px; margin-bottom: -10px;"}
Definitions for these filters can be found here <a href="http://dgidb.org/faq/#filters">here.</a>
%div{style: "height: 220px; width: 360px", class: "well"}
%label
Advanced Filters
%div{style: "background-color: white; margin-top: 10px; padding: 5px; border-radius: 5px"}
.control-group
.controls
Source Databases
%br
%select{name: "interaction_sources[]", id: "interaction_sources", multiple: "multiple", class: :multiselect, form: "search_form", style: "display: none;"}
%optgroup{label: 'Cancer-Specific Sources'}
-DataModel::Source.cancer_only_interaction_source_names.each do |name|
%option(value="#{name}")= " #{name}"
%optgroup{label: 'Disease-Agnostic Sources'}
-DataModel::Source.disease_agnostic_interaction_source_names.each do |name|
%option(value="#{name}")= " #{name}"
%div{style:'width:60px;', id: 'sources_tour'}
=render partial: 'shared/multiselect', locals: { control_group_name: 'Gene Categories',
flag_text_key: 'gene_category_flag', select_tag_name: 'gene_categories', collection: @gene_categories.map{|s| s.rjust(s.length + 1)},
name_meth: 'strip', value_meth: 'to_s', tour_id: 'gene_cateogories_tour' }
.control-group
.controls
Interaction Types
%br
%select{name: "interaction_types[]", id: "interaction_types", multiple: "multiple", class: :multiselect, form: "search_form", style: "display: none;"}
%optgroup{label: 'Activating Directionality'}
-DataModel::InteractionClaimType.where(directionality: 'activating').each do |t|
%option(value="#{t.type}")= " #{t.type}"
%optgroup{label: 'Inhibitory Directionality'}
-DataModel::InteractionClaimType.where(directionality: 'inhibitory').each do |t|
%option(value="#{t.type}")= " #{t.type}"
%optgroup{label: 'N/A Directionality'}
-DataModel::InteractionClaimType.where(directionality: nil).each do |t|
%option(value="#{t.type}")= " #{t.type}"
%div{style:'width:60px;', id: 'interaction_types_tour'}
.form-actions{style: "clear: both; display: flex; justify-content: center; margin-bottom: 20px;"}
%button.btn.btn-success(href="#" type="submit" id='search-btn' style='font-size: 20px;' form='search_form')
%i(class="fa fa-search" aria-hidden="true")
Find Drug-Gene Interactions
- if !browser.safari?
= render partial: 'shared/loading_modal', locals: {title: "Searching Drug-Gene Interactions..."}
:javascript
$(document).ready(function() {
$('#geneSearch > input').prop("checked", true);
$('#geneSearch').on("click", function() {
console.log("TRULY");
$('#drugSearch > input').prop("checked", false);
$('#drug_search_filters').hide();
$('#drug_search_filters > div > div > input').prop("disabled", true);
$('#geneSearch > input').prop("checked", true);
$('#gene_search_filters').show();
$('#gene_search_filters > div > div > input').prop("disabled", false);
});
$('#drugSearch').on("click", function() {
$('#geneSearch > input').prop("checked", false);
$('#gene_search_filters').hide();
$('#gene_search_filters > div > div > input').prop("disabled", true);
$('#drugSearch > input').prop("checked", true);
$('#drug_search_filters').show();
$('#drug_search_filters > div > div > input').prop("disabled", false);
});
});
=javascript_include_tag 'jquery-ui-1.8.21.custom.min'
=javascript_include_tag 'jquery.multiselect.min'
=javascript_include_tag 'jquery.multiselect.filter.min'
=javascript_include_tag 'bootstrap3-typeahead.min'
=javascript_include_tag 'search_interactions'