2019-06-13 05:38:04 +08:00
|
|
|
<div class='external-protocols-tab'>
|
|
|
|
<div class='row'>
|
|
|
|
<div class='col-md-5 protocols-search-bar-panel'>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<%= image_tag 'external_protocols/protocolsio_logo.png',
|
|
|
|
class: 'protocolsio-logo' %>
|
|
|
|
<span class='protocolsio-title'><%= t('protocols.index.external_protocols.protocolsio_title') %></span>
|
|
|
|
</div>
|
|
|
|
<%= form_tag '#',
|
|
|
|
method: :get,
|
|
|
|
class: 'protocols-search-bar' do %>
|
|
|
|
|
|
|
|
<div class='input-group'>
|
|
|
|
<input class='form-control'
|
|
|
|
type="text"
|
|
|
|
name="q"
|
|
|
|
placeholder="<%= t('protocols.index.external_protocols.search_bar_placeholder') %>" >
|
|
|
|
</input>
|
|
|
|
|
|
|
|
<span class='input-group-addon'><i class='fas fa-search '></i></span>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
2019-06-13 18:16:23 +08:00
|
|
|
<div class='col-md-7'>
|
|
|
|
<div class='protocol-sort'>
|
2019-06-13 05:38:04 +08:00
|
|
|
<span><%= t('protocols.index.external_protocols.sort_by.title') %></span>
|
|
|
|
<div class='btn-group' data-toggle='buttons' >
|
|
|
|
<label class='btn btn-link active'>
|
|
|
|
<input type='radio' name='sory_by' id='alphabetically' value='alpha'>
|
|
|
|
<%= t('protocols.index.external_protocols.sort_by.alphabetically') %>
|
|
|
|
</label>
|
|
|
|
<label class='btn btn-link'>
|
|
|
|
<input type='radio' name='sory_by' id='newest' value='newest'>
|
|
|
|
<%= t('protocols.index.external_protocols.sort_by.newest') %>
|
|
|
|
</label>
|
|
|
|
<label class='btn btn-link'>
|
|
|
|
<input type='radio' name='sory_by' id='oldest' value='oldest'>
|
|
|
|
<%= t('protocols.index.external_protocols.sort_by.oldest') %>
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-06-13 18:16:23 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class='row main-protocol-panel'>
|
|
|
|
<div class='col-md-5 protocol-list-side-panel'>
|
2019-06-13 05:38:04 +08:00
|
|
|
|
|
|
|
<div class='row empty-text'>
|
|
|
|
<%= t('protocols.index.external_protocols.list_panel.empty_text') %>
|
|
|
|
</div>
|
2019-06-27 19:10:28 +08:00
|
|
|
<div class="external-protocol-result">
|
|
|
|
<a href="#" data-source="protocolsio/v3" data-id="11176" data-action="external-import" data-url="<%= team_build_external_protocol_path(current_team.id,) %>">Protocols IO, 11176</a>
|
|
|
|
</div>
|
2019-06-20 04:54:20 +08:00
|
|
|
|
|
|
|
<div class='protocol-card'
|
|
|
|
data-protocol-source='protocolsio/v3'
|
|
|
|
data-show-url='<%= team_show_external_protocol_path(current_team.id) %>'
|
|
|
|
data-show-protocol-id='Extracting-DNA-from-bananas-esvbee6'>
|
|
|
|
Banana protocol (click me)
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class='protocol-card'
|
|
|
|
data-protocol-source='protocolsio/v3'
|
|
|
|
data-show-url='<%= team_show_external_protocol_path(current_team.id) %>'
|
|
|
|
data-show-protocol-id='cut-run-targeted-in-situ-genome-wide-profiling-wit-mgjc3un'>
|
|
|
|
Cut run targeted protocol (click me)
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class='protocol-card'
|
|
|
|
data-protocol-source='protocolsio/3'
|
|
|
|
data-show-url='<%= team_show_external_protocol_path(current_team.id) %>'
|
|
|
|
data-show-protocol-id='errorr'>
|
|
|
|
Error protocol (click me, should default to default screen)
|
|
|
|
</div>
|
2019-06-13 05:38:04 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class='col-md-7 protocol-preview-panel'>
|
2019-06-20 04:54:20 +08:00
|
|
|
<div class='empty-preview-panel'>
|
|
|
|
<div class='row'>
|
|
|
|
<div class='text-rows protocol-preview-text'>
|
|
|
|
<%= t('protocols.index.external_protocols.preview_panel.empty_title') %>
|
|
|
|
</div>
|
2019-06-13 05:38:04 +08:00
|
|
|
</div>
|
2019-06-20 04:54:20 +08:00
|
|
|
<div class='row'>
|
|
|
|
<div class='text-separator'> <hr> </div>
|
|
|
|
</div>
|
|
|
|
<div class='row'>
|
|
|
|
<div class='text-rows protocol-preview-subtext'>
|
|
|
|
<%= t('protocols.index.external_protocols.preview_panel.empty_subtext') %>
|
|
|
|
</div>
|
2019-06-13 05:38:04 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-06-20 04:54:20 +08:00
|
|
|
|
|
|
|
<div class='full-preview-panel' style='display: none;'>
|
|
|
|
<iframe class='preview-iframe'></iframe>
|
2019-06-13 05:38:04 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-06-20 04:54:20 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<%= javascript_include_tag "protocols/external_protocols_tab.js" %>
|