mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-02 08:13:34 +03:00
7b443d4b63
no issue
The `config` service has been a source of confusion when writing with modern Ember patterns because it's use of the deprecated `ProxyMixin` forced all property access/setting to go via `.get()` and `.set()` whereas the rest of the system has mostly (there are a few other uses of ProxyObjects remaining) eliminated the use of the non-native get/set methods.
- removed use of `ProxyMixin` in the `config` service by grabbing the API response after fetching and using `Object.defineProperty()` to add native getters/setters that pass through to a tracked object holding the API response data. Ember's autotracking automatically works across the native getters/setters so we can then use the service as if it was any other native object
- updated all code to use `config.{attrName}` directly for getting/setting instead of `.get()` and `.set()`
- removed unnecessary async around `config.availableTimezones` which wasn't making any async calls
36 lines
1.0 KiB
JavaScript
36 lines
1.0 KiB
JavaScript
import Component from '@ember/component';
|
|
import classic from 'ember-classic-decorator';
|
|
import {classNames} from '@ember-decorators/component';
|
|
import {computed} from '@ember/object';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
/*
|
|
Example usage:
|
|
{{gh-url-preview prefix="tag" slug=theSlugValue tagName="p" classNames="description"}}
|
|
*/
|
|
@classic
|
|
@classNames('ghost-url-preview')
|
|
export default class GhUrlPreview extends Component {
|
|
@service config;
|
|
|
|
prefix = null;
|
|
slug = null;
|
|
|
|
@computed('slug')
|
|
get url() {
|
|
// Get the blog URL and strip the scheme
|
|
let blogUrl = this.config.blogUrl;
|
|
// Remove `http[s]://`
|
|
let noSchemeBlogUrl = blogUrl.substr(blogUrl.indexOf('://') + 3);
|
|
|
|
// Get the prefix and slug values
|
|
let prefix = this.prefix ? `${this.prefix}/` : '';
|
|
let slug = this.slug ? `${this.slug}/` : '';
|
|
|
|
// Join parts of the URL together with slashes
|
|
let theUrl = `${noSchemeBlogUrl}/${prefix}${slug}`;
|
|
|
|
return theUrl;
|
|
}
|
|
}
|