[frio] Make accordions keyboard actionable

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index ed2bd66cf3415a1e314e6597601218aa58cf4c05..3891f6d24ef054a47c93330c267311c8ebb0548c 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -2901,13 +2901,13 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
        padding: 1px 10px;
 }
 details.profile-jot-net[open] summary:before,
-.panel .section-subtitle-wrapper a.accordion-toggle:before {
+.panel .section-subtitle-wrapper .accordion-toggle:before {
        font-family: ForkAwesome;
        content: "\f0d7";
        padding-right: 5px;
 }
 details.profile-jot-net summary:before,
-.panel .section-subtitle-wrapper a.accordion-toggle.collapsed:before {
+.panel .section-subtitle-wrapper .accordion-toggle.collapsed:before {
        font-family: ForkAwesome;
        content: "\f0da";
 }
@@ -2965,6 +2965,12 @@ details.profile-jot-net[open] summary:before {
        margin-bottom: 10px;
 }
 
+.section-subtitle-wrapper > h3 {
+       font-size: 16px;
+       margin-top: 8px;
+       margin-bottom: 8px;
+}
+
 .fakelink > h3:before {
        padding-right: 10px;
 }

diff --git a/view/theme/frio/templates/admin/blocklist/contact.tpl b/view/theme/frio/templates/admin/blocklist/contact.tpl
index 8f9fd282fcec40cded5c91846c07338b278873b2..e6acce2e9d2fd6e2a9ef5d3fce9f0ea9ce422bd6 100644 (file)
--- a/view/theme/frio/templates/admin/blocklist/contact.tpl
+++ b/view/theme/frio/templates/admin/blocklist/contact.tpl
@@ -11,9 +11,9 @@
                <div class="panel">
                        <div class="panel-heading section-subtitle-wrapper" role="tab" id="admin-settings-contactblock-block">
                                <h4>
-                                       <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-block-collapse" aria-expanded="false" aria-controls="admin-settings-contactblock-block-collapse">
+                                       <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-block-collapse" aria-expanded="false" aria-controls="admin-settings-contactblock-block-collapse">
                                                {{$h_newblock}}
-                                       </a>
+                                       </button>
                                </h4>
                        </div>
 
@@ -37,9 +37,9 @@
                <div class="panel">
                        <div class="panel-heading section-subtitle-wrapper" role="tab" id="admin-settings-contactblock-blocked">
                                <h4>
-                                       <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-blocked-collapse" aria-expanded="{{if count($contacts) > 0}}true{{else}}false{{/if}}" aria-controls="admin-settings-contactblock-blocked-collapse">
+                                       <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-blocked-collapse" aria-expanded="{{if count($contacts) > 0}}true{{else}}false{{/if}}" aria-controls="admin-settings-contactblock-blocked-collapse">
                                                {{$h_contacts}} ({{$total_contacts}})
-                                       </a>
+                                       </button>
                                </h4>
                        </div>
 

diff --git a/view/theme/frio/templates/admin/features.tpl b/view/theme/frio/templates/admin/features.tpl
index 13db0a300c73712b7f42d9f49facb7783a42c900..3fe63bdc285696b0ec712f73d9182f64f2d046ab 100644 (file)
--- a/view/theme/frio/templates/admin/features.tpl
+++ b/view/theme/frio/templates/admin/features.tpl
@@ -8,9 +8,9 @@
                                <div class="panel">
                                        <div class="section-subtitle-wrapper panel-heading" role="tab" id="{{$g}}-settings-title">
                                                <h2>
-                                                       <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-content">
+                                                       <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-content">
                                                                {{$f.0}}
-                                                       </a>
+                                                       </button>
                                                </h2>
                                        </div>
                                        <div id="{{$g}}-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="{{$g}}-settings-title">

diff --git a/view/theme/frio/templates/admin/site.tpl b/view/theme/frio/templates/admin/site.tpl
index e17dd57ac1b71e247bff93d4060e5a82bc9d787c..3bd1a49af2e6dfe4ab194efc1f6ffb134def7bbe 100644 (file)
--- a/view/theme/frio/templates/admin/site.tpl
+++ b/view/theme/frio/templates/admin/site.tpl
@@ -29,9 +29,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-general">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-general-collapse" aria-expanded="false" aria-controls="admin-settings-general-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-general-collapse" aria-expanded="false" aria-controls="admin-settings-general-collapse">
                                                        {{$general_info}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-general-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-general">
@@ -64,9 +64,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-registration">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-registration-collapse" aria-expanded="false" aria-controls="admin-settings-registration-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-registration-collapse" aria-expanded="false" aria-controls="admin-settings-registration-collapse">
                                                        {{$registration}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-registration-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-registration">
@@ -93,9 +93,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-upload">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-upload-collapse" aria-expanded="false" aria-controls="admin-settings-upload-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-upload-collapse" aria-expanded="false" aria-controls="admin-settings-upload-collapse">
                                                        {{$upload}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-upload-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-upload">
@@ -118,9 +118,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-corporate">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-corporate-collapse" aria-expanded="false" aria-controls="admin-settings-corporate-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-corporate-collapse" aria-expanded="false" aria-controls="admin-settings-corporate-collapse">
                                                        {{$corporate}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-corporate-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-corporate">
@@ -179,9 +179,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-$dvanced">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-advanced-collapse" aria-expanded="false" aria-controls="admin-settings-advanced-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-advanced-collapse" aria-expanded="false" aria-controls="admin-settings-advanced-collapse">
                                                        {{$advanced}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-advanced-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-advanced">
@@ -209,9 +209,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-contacts">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contacts-collapse" aria-expanded="false" aria-controls="admin-settings-contacts-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contacts-collapse" aria-expanded="false" aria-controls="admin-settings-contacts-collapse">
                                                        {{$portable_contacts}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-contacts-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-cocontactsrporate">
@@ -235,9 +235,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-performance">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-performance-collapse" aria-expanded="false" aria-controls="admin-settings-performance-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-performance-collapse" aria-expanded="false" aria-controls="admin-settings-performance-collapse">
                                                        {{$performance}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-performance-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-performance">
@@ -265,9 +265,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-worker">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-worker-collapse" aria-expanded="false" aria-controls="admin-settings-worker-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-worker-collapse" aria-expanded="false" aria-controls="admin-settings-worker-collapse">
                                                        {{$worker_title}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-worker-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-worker">
@@ -290,9 +290,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-relay-corporate">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-relay-collapse" aria-expanded="false" aria-controls="admin-settings-relay-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-relay-collapse" aria-expanded="false" aria-controls="admin-settings-relay-collapse">
                                                        {{$relay_title}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="admin-settings-relay-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-relay">
@@ -331,9 +331,9 @@
                        <input type="hidden" name="active_panel" value="admin-settings-relocate-collapse">
                        <div class="section-subtitle-wrapper panel-heading" role="tab" id="admin-settings-relocate">
                                <h2>
-                                       <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-relocate-collapse" aria-expanded="false" aria-controls="admin-settings-relocate-collapse">
+                                       <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-relocate-collapse" aria-expanded="false" aria-controls="admin-settings-relocate-collapse">
                                                {{$relocate}}
-                                       </a>
+                                       </button>
                                </h2>
                        </div>
                        <div id="admin-settings-relocate-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-relocate">

diff --git a/view/theme/frio/templates/admin/storage.tpl b/view/theme/frio/templates/admin/storage.tpl
index 04d2e4cf273850a8ee282994f8092f2b54ade4fb..1a63d1817fdc64d24e8b74996d2bd8be20369934 100644 (file)
--- a/view/theme/frio/templates/admin/storage.tpl
+++ b/view/theme/frio/templates/admin/storage.tpl
@@ -15,9 +15,9 @@
                <div class="panel">
                        <div class="section-subtitle-wrapper panel-title" role="tab" id="admin-settings-{{$storage.prefix}}">
                                <h3>
-                                       <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-{{$storage.prefix}}-collapse" aria-expanded="false" aria-controls="admin-settings-{{$storage.prefix}}-collapse">
+                                       <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-{{$storage.prefix}}-collapse" aria-expanded="false" aria-controls="admin-settings-{{$storage.prefix}}-collapse">
                                                {{$storage.name}}
-                                       </a>
+                                       </button>
                                </h3>
                        </div>
                        <div id="admin-settings-{{$storage.prefix}}-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-{{$storage.prefix}}">

diff --git a/view/theme/frio/templates/contact_edit.tpl b/view/theme/frio/templates/contact_edit.tpl
index 5353801ee57257630ba86e0c3529490724aca80a..3457be6997650bf5ccb1f13fb0065804d8a0cdbe 100644 (file)
--- a/view/theme/frio/templates/contact_edit.tpl
+++ b/view/theme/frio/templates/contact_edit.tpl
@@ -68,9 +68,9 @@
                                        <div class="panel">
                                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="contact-edit-profile">
                                                        <h4>
-                                                               <a class="accordion-toggle" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-profile-collapse" aria-expanded="true" aria-controls="contact-edit-profile-collapse">
+                                                               <button class="btn-link accordion-toggle" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-profile-collapse" aria-expanded="true" aria-controls="contact-edit-profile-collapse">
                                                                        {{$contact_profile_label}}
-                                                               </a>
+                                                               </button>
                                                        </h4>
                                                </div>
                                                <div id="contact-edit-profile-collapse" class="panel-body panel-collapse collapse in" role="tabpanel" aria-labelledby="contact-edit-profile">
@@ -127,9 +127,9 @@
                                        <div class="panel">
                                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="contact-edit-settings">
                                                        <h4>
-                                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-settings-collapse" aria-expanded="false" aria-controls="contact-edit-settings-collapse">
+                                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-settings-collapse" aria-expanded="false" aria-controls="contact-edit-settings-collapse">
                                                                        {{$contact_settings_label}}
-                                                               </a>
+                                                               </button>
                                                        </h4>
                                                </div>
                                                <div id="contact-edit-settings-collapse" class="panel-body panel-collapse collapse" role="tabpanel" aria-labelledby="contact-edit-settings">
@@ -161,9 +161,9 @@
                                        <div class="panel">
                                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="contact-edit-info">
                                                        <h4>
-                                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-info-collapse" aria-expanded="false" aria-controls="contact-edit-info-collapse">
+                                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-info-collapse" aria-expanded="false" aria-controls="contact-edit-info-collapse">
                                                                        {{$lbl_info1}}
-                                                               </a>
+                                                               </button>
                                                        </h4>
                                                </div>
                                                <div id="contact-edit-info-collapse" class="panel-body panel-collapse collapse" role="tabpanel" aria-labelledby="contact-edit-info">

diff --git a/view/theme/frio/templates/settings/connectors.tpl b/view/theme/frio/templates/settings/connectors.tpl
index 1f497434918eb39509325e2ce8cccd2e41a42075..1138a9d5536542591da51d0e9286493d0dff9c37 100644 (file)
--- a/view/theme/frio/templates/settings/connectors.tpl
+++ b/view/theme/frio/templates/settings/connectors.tpl
@@ -11,9 +11,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="content-settings-title">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#content-settings-content" aria-expanded="false" aria-controls="content-settings-content">
+                                               <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}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="content-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="content-settings">

diff --git a/view/theme/frio/templates/settings/display.tpl b/view/theme/frio/templates/settings/display.tpl
index 35a1f061df90fc1f65de6d981a585db93c54e1ac..004f1884e2673b7055747331e161ebff00f21b01 100644 (file)
--- a/view/theme/frio/templates/settings/display.tpl
+++ b/view/theme/frio/templates/settings/display.tpl
@@ -7,9 +7,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="theme-settings-title">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#theme-settings-content" aria-expanded="true" aria-controls="theme-settings-content">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#theme-settings-content" aria-expanded="true" aria-controls="theme-settings-content">
                                                        {{$d_tset}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
 
@@ -31,9 +31,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="custom-settings-title">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#custom-settings-content" aria-expanded="false" aria-controls="custom-settings-content">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#custom-settings-content" aria-expanded="false" aria-controls="custom-settings-content">
                                                        {{$d_ctset}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="custom-settings-content" class="panel-collapse collapse{{if !$theme && !$mobile_theme}} in{{/if}}" role="tabpanel" aria-labelledby="custom-settings">
@@ -50,9 +50,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="content-settings-title">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#content-settings-content" aria-expanded="false" aria-controls="content-settings-content">
+                                               <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">
                                                        {{$d_cset}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="content-settings-content" class="panel-collapse collapse{{if !$theme && !$mobile_theme && !$theme_config}} in{{/if}}" role="tabpanel" aria-labelledby="content-settings">
@@ -77,9 +77,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="calendar-settings-title">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#calendar-settings-content" aria-expanded="false" aria-controls="calendar-settings-content">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#calendar-settings-content" aria-expanded="false" aria-controls="calendar-settings-content">
                                                        {{$calendar_title}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="calendar-settings-content" class="panel-collapse collapse{{if !$theme && !$mobile_theme && !$theme_config}} in{{/if}}" role="tabpanel" aria-labelledby="calendar-settings">

diff --git a/view/theme/frio/templates/settings/features.tpl b/view/theme/frio/templates/settings/features.tpl
index 61fecf57f74c332058f0f5d999bae30fe2bbbd07..106f197e49e7ea40abb276ca28b30fffb145f4fe 100644 (file)
--- a/view/theme/frio/templates/settings/features.tpl
+++ b/view/theme/frio/templates/settings/features.tpl
@@ -8,9 +8,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="{{$g}}-settings-title">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-content">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-content">
                                                        {{$f.0}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="{{$g}}-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="{{$g}}-settings-title">

diff --git a/view/theme/frio/templates/settings/profile/index.tpl b/view/theme/frio/templates/settings/profile/index.tpl
index 95fcbe4b5374ea879aa340acbb97ddeffe658f58..3c3834c3119756ff93c7b6957d33e4f937ab171d 100644 (file)
--- a/view/theme/frio/templates/settings/profile/index.tpl
+++ b/view/theme/frio/templates/settings/profile/index.tpl
@@ -52,9 +52,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="personal">
                                        <h2>
-                                               <a class="accordion-toggle" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#personal-collapse" aria-expanded="true" aria-controls="personal-collapse">
+                                               <button class="btn-link accordion-toggle" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#personal-collapse" aria-expanded="true" aria-controls="personal-collapse">
                                                        {{$lbl_personal_section}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                {{* for the $detailed_profile we use bootstraps collapsable panel-groups to have expandable groups *}}
@@ -78,9 +78,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="location">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#location-collapse" aria-expanded="false" aria-controls="location-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#location-collapse" aria-expanded="false" aria-controls="location-collapse">
                                                        {{$lbl_location_section}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="location-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="location">
@@ -118,9 +118,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="miscellaneous">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#miscellaneous-collapse" aria-expanded="false" aria-controls="miscellaneous-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#miscellaneous-collapse" aria-expanded="false" aria-controls="miscellaneous-collapse">
                                                        {{$lbl_miscellaneous_section}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="miscellaneous-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="miscellaneous">
@@ -145,9 +145,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="custom-fields">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#custom-fields-collapse" aria-expanded="false" aria-controls="custom-fields-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#custom-fields-collapse" aria-expanded="false" aria-controls="custom-fields-collapse">
                                                        {{$lbl_custom_fields_section}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="custom-fields-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="custom-fields">

diff --git a/view/theme/frio/templates/settings/settings.tpl b/view/theme/frio/templates/settings/settings.tpl
index 5c66e4600e507002ebdfb4708330cc7ce3fb41bf..bf129cc12ea78ff04246190734bc668d09dd2bfb 100644 (file)
--- a/view/theme/frio/templates/settings/settings.tpl
+++ b/view/theme/frio/templates/settings/settings.tpl
@@ -12,9 +12,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="password-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#password-settings-collapse" aria-expanded="false" aria-controls="password-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#password-settings-collapse" aria-expanded="false" aria-controls="password-settings-collapse">
                                                        {{$h_pass}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="password-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="password-settings">
@@ -38,9 +38,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="basic-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
                                                        {{$h_basic}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="basic-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="basic-settings">
@@ -63,9 +63,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="privacy-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
                                                        {{$h_prv}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
@@ -102,9 +102,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="expire-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#expire-settings-collapse" aria-expanded="false" aria-controls="expire-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#expire-settings-collapse" aria-expanded="false" aria-controls="expire-settings-collapse">
                                                        {{$expire.label}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="expire-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="expire-settings">
@@ -126,9 +126,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="notification-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
                                                        {{$h_not}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="notification-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="notification-settings">
@@ -210,9 +210,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="additional-account-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#additional-account-settings-collapse" aria-expanded="false" aria-controls="additional-account-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#additional-account-settings-collapse" aria-expanded="false" aria-controls="additional-account-settings-collapse">
                                                        {{$h_advn}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="additional-account-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="additional-account-settings">
@@ -231,9 +231,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="importcontact-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#importcontact-settings-collapse" aria-expanded="false" aria-controls="importcontact-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#importcontact-settings-collapse" aria-expanded="false" aria-controls="importcontact-settings-collapse">
                                                        {{$importcontact}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="importcontact-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="importcontact-settings">
@@ -252,9 +252,9 @@
                        <div class="panel">
                                <div class="section-subtitle-wrapper panel-heading" role="tab" id="relocate-settings">
                                        <h2>
-                                               <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
+                                               <button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
                                                        {{$relocate}}
-                                               </a>
+                                               </button>
                                        </h2>
                                </div>
                                <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">