mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-14 09:52:09 +03:00
adfa250158
no issue - removes the few uses of `Ember.on` for lifecycle hooks or event hooks where order may be important `Ember.on` use is discouraged so although we haven't used it often I felt like we should ensure we're consistent throughout the codebase. There's a great article with details of why it's discouraged here: http://notmessenger.com/proper-use-of-ember-on/
37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
/*jshint scripturl:true*/
|
|
import Ember from 'ember';
|
|
|
|
const {$, Component} = Ember;
|
|
|
|
export default Component.extend({
|
|
tagName: 'a',
|
|
anchor: '',
|
|
classNames: ['sr-only', 'sr-only-focusable'],
|
|
// Add attributes to component for href
|
|
// href should be set to retain anchor properties
|
|
// such as pointer cursor and text underline
|
|
attributeBindings: ['href'],
|
|
// Used so that upon clicking on the link
|
|
// anchor behaviors or ignored
|
|
href: Ember.String.htmlSafe('javascript:;'),
|
|
|
|
click() {
|
|
let anchor = this.get('anchor');
|
|
let $el = Ember.$(anchor);
|
|
|
|
if ($el) {
|
|
// Scrolls to the top of main content or whatever
|
|
// is passed to the anchor attribute
|
|
Ember.$('body').scrollTop($el.offset().top);
|
|
|
|
// This sets focus on the content which was skipped to
|
|
// upon losing focus, the tabindex should be removed
|
|
// so that normal keyboard navigation picks up from focused
|
|
// element
|
|
Ember.$($el).attr('tabindex', -1).on('blur focusout', function () {
|
|
$(this).removeAttr('tabindex');
|
|
}).focus();
|
|
}
|
|
}
|
|
});
|