[frio] Make connector settings panels keyboard activated
- Keep the connector panel open after form was submitted
This commit is contained in:
parent
0ca420c949
commit
60bb66e18d
7 changed files with 256 additions and 99 deletions
36
view/theme/frio/templates/settings/addon/connector.tpl
Normal file
36
view/theme/frio/templates/settings/addon/connector.tpl
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<div class="section-subtitle-wrapper panel-heading" role="tab" id="{{$connector}}-settings-title">
|
||||
<h2>
|
||||
<button class="btn-link accordion-toggle{{if !$open}} collapsed{{/if}}" data-toggle="collapse" data-parent="#settings-connectors" href="#{{$connector}}-settings-content" aria-expanded="false" aria-controls="{{$connector}}-settings-content">
|
||||
<img class="connector{{if !$enabled}}-disabled{{/if}}" src="{{$image}}" /> {{$title}}
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="{{$connector}}-settings-content" class="panel-collapse collapse{{if $open}} in{{/if}}" role="tabpanel" aria-labelledby="{{$connector}}-settings-title">
|
||||
<div class="panel-body">
|
||||
{{$html nofilter}}
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
{{if $submit}}
|
||||
{{if $submit|is_string}}
|
||||
<button type="submit" name="{{$connector}}-submit" class="btn btn-primary settings-submit" value="{{$submit}}">{{$submit}}</button>
|
||||
{{else}}
|
||||
{{$count = 1}}
|
||||
{{foreach $submit as $name => $label}}{{if $label}}
|
||||
{{if $count == 1}}
|
||||
<button type="submit" name="{{$name}}" class="btn btn-primary settings-submit" value="{{$label}}">{{$label}}</button>
|
||||
{{/if}}
|
||||
{{if $count == 2}}
|
||||
<div class="btn-group" role="group" aria-label="...">
|
||||
{{/if}}
|
||||
{{if $count != 1}}
|
||||
<button type="submit" name="{{$name}}" class="btn btn-default settings-submit" value="{{$label}}">{{$label}}</button>
|
||||
{{/if}}
|
||||
{{$count = $count + 1}}
|
||||
{{/if}}{{/foreach}}
|
||||
{{if $submit|count > 1}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,72 +1,83 @@
|
|||
<div class="generic-page-wrapper">
|
||||
<h1>{{$title}}</h1>
|
||||
{{include file="section_title.tpl" title=$title}}
|
||||
|
||||
<p class="connector_statusmsg">{{$diasp_enabled}}</p>
|
||||
<p class="connector_statusmsg">{{$ostat_enabled}}</p>
|
||||
|
||||
<form action="settings/connectors" method="post" autocomplete="off">
|
||||
<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
|
||||
<div class="panel-group panel-group-settings" id="settings-connectors" role="tablist" aria-multiselectable="true">
|
||||
|
||||
<div class="panel-group panel-group-settings" id="settings" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel">
|
||||
<div class="section-subtitle-wrapper panel-heading" role="tab" id="content-settings-title">
|
||||
<h2>
|
||||
<button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#content-settings-content" aria-expanded="false" aria-controls="content-settings-content">
|
||||
{{$general_settings}}
|
||||
</button>
|
||||
</h2>
|
||||
<form action="settings/connectors" method="post" autocomplete="off" class="panel">
|
||||
<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
|
||||
|
||||
<div class="section-subtitle-wrapper panel-heading" role="tab" id="content-settings-title">
|
||||
<h2>
|
||||
<button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings-connectors" href="#content-settings-content" aria-expanded="false" aria-controls="content-settings-content">
|
||||
{{$general_settings}}
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="content-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="content-settings-title">
|
||||
<div class="panel-body">
|
||||
{{include file="field_checkbox.tpl" field=$accept_only_sharer}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$enable_cw}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$enable_smart_shortening}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$simple_shortening}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$attach_link_title}}
|
||||
|
||||
{{include file="field_input.tpl" field=$legacy_contact}}
|
||||
|
||||
<p><a href="{{$repair_ostatus_url}}">{{$repair_ostatus_text}}</a></p>
|
||||
</div>
|
||||
<div id="content-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="content-settings">
|
||||
<div class="panel-body">
|
||||
{{include file="field_checkbox.tpl" field=$accept_only_sharer}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$enable_cw}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$enable_smart_shortening}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$simple_shortening}}
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$attach_link_title}}
|
||||
|
||||
{{include file="field_input.tpl" field=$legacy_contact}}
|
||||
|
||||
<p><a href="{{$repair_ostatus_url}}">{{$repair_ostatus_text}}</a></p>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<button type="submit" id="general-submit" name="general-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<button type="submit" id="general-submit" name="general-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{$settings_connectors nofilter}}
|
||||
</form>
|
||||
|
||||
{{if !$mail_disabled}}
|
||||
<span id="settings_mail_inflated" class="settings-block fakelink" style="display: block;" onclick="openClose('settings_mail_expanded'); openClose('settings_mail_inflated');">
|
||||
<img class="connector" src="images/mail.png" /><h3 class="settings-heading connector">{{$h_imap}}</h3>
|
||||
</span>
|
||||
<div id="settings_mail_expanded" class="settings-block" style="display: none;">
|
||||
<span class="fakelink" onclick="openClose('settings_mail_expanded'); openClose('settings_mail_inflated');">
|
||||
<img class="connector" src="images/mail.png" /><h3 class="settings-heading connector">{{$h_imap}}</h3>
|
||||
</span>
|
||||
<p>{{$imap_desc nofilter}}</p>
|
||||
|
||||
{{include file="field_custom.tpl" field=$imap_lastcheck}}
|
||||
{{include file="field_input.tpl" field=$mail_server}}
|
||||
{{include file="field_input.tpl" field=$mail_port}}
|
||||
{{include file="field_select.tpl" field=$mail_ssl}}
|
||||
{{include file="field_input.tpl" field=$mail_user}}
|
||||
{{include file="field_password.tpl" field=$mail_pass}}
|
||||
{{include file="field_input.tpl" field=$mail_replyto}}
|
||||
{{include file="field_checkbox.tpl" field=$mail_pubmail}}
|
||||
{{include file="field_select.tpl" field=$mail_action}}
|
||||
{{include file="field_input.tpl" field=$mail_movetofolder}}
|
||||
<form action="settings/connectors" method="post" autocomplete="off" class="panel">
|
||||
<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
|
||||
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" id="imap-submit" name="imap-submit" class="settings-submit" value="{{$submit}}" />
|
||||
<div class="section-subtitle-wrapper panel-heading" role="tab" id="mail-settings-title">
|
||||
<h2>
|
||||
<button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings-connectors" href="#mail-settings-content" aria-expanded="false" aria-controls="mail-settings-content">
|
||||
<img class="connector" src="images/mail.png" /> {{$h_mail}}
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div id="mail-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="mail-settings-title">
|
||||
<div class="panel-body">
|
||||
|
||||
<p>{{$mail_desc nofilter}}</p>
|
||||
|
||||
{{include file="field_custom.tpl" field=$mail_lastcheck}}
|
||||
{{include file="field_input.tpl" field=$mail_server}}
|
||||
{{include file="field_input.tpl" field=$mail_port}}
|
||||
{{include file="field_select.tpl" field=$mail_ssl}}
|
||||
{{include file="field_input.tpl" field=$mail_user}}
|
||||
{{include file="field_password.tpl" field=$mail_pass}}
|
||||
{{include file="field_input.tpl" field=$mail_replyto}}
|
||||
{{include file="field_checkbox.tpl" field=$mail_pubmail}}
|
||||
{{include file="field_select.tpl" field=$mail_action}}
|
||||
{{include file="field_input.tpl" field=$mail_movetofolder}}
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<button type="submit" id="mail-submit" name="mail-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{{/if}}
|
||||
|
||||
</form>
|
||||
{{foreach $connector_settings_forms as $addon => $connector_settings_form}}
|
||||
<form action="settings/connectors/{{$addon}}" method="post" autocomplete="off" class="panel">
|
||||
<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
|
||||
{{$connector_settings_form nofilter}}
|
||||
</form>
|
||||
{{/foreach}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue