As I understand it, the CommentPost values are specified here; all the code will be located in this section.
I tried to change it for some others that I don’t know, but I didn’t see where it moves.
In fact, I do not know where to look at all the global variables that are responsible for the provisions
System.register('avatar4eg/geotags/addGeotagsList', ['flarum/extend', 'flarum/app', 'flarum/components/CommentPost', 'flarum/helpers/icon', 'flarum/helpers/punctuateSeries', 'avatar4eg/geotags/models/Geotag', 'avatar4eg/geotags/components/GeotagModal'], function (_export, _context) {
"use strict";
var extend, app, CommentPost, icon, punctuateSeries, Geotag, GeotagModal;
_export('default', function () {
extend(CommentPost.prototype, 'footerItems', function (items) {
var post = this.props.post;
var geotags = post.geotags();
if (geotags && geotags.length) {
var titles = geotags.map(function (geotag) {
if (geotag instanceof Geotag) {
return [m('a', {
href: '#',
onclick: function onclick(e) {
e.preventDefault();
app.modal.show(new GeotagModal({ geotag: geotag }));
}
}, geotag.title())];
}
});
items.add('geotags', [m('div', { className: 'Post-geotags' }, [icon('map-marker'), app.translator.trans('avatar4eg-geotags.forum.post.geotags_title') + ': ', punctuateSeries(titles)])]);
}
});
});
return {
setters: [function (_flarumExtend) {
extend = _flarumExtend.extend;
}, function (_flarumApp) {
app = _flarumApp.default;
}, function (_flarumComponentsCommentPost) {
CommentPost = _flarumComponentsCommentPost.default;
}, function (_flarumHelpersIcon) {
icon = _flarumHelpersIcon.default;
}, function (_flarumHelpersPunctuateSeries) {
punctuateSeries = _flarumHelpersPunctuateSeries.default;
}, function (_avatar4egGeotagsModelsGeotag) {
Geotag = _avatar4egGeotagsModelsGeotag.default;
}, function (_avatar4egGeotagsComponentsGeotagModal) {
GeotagModal = _avatar4egGeotagsComponentsGeotagModal.default;
}],
execute: function () {}
};
});;
'use strict';
I want to put some of this code in the header, but I don't know how to do it.
items.add('geotags', [m('div', { className: 'Post-geotags' }, [icon('map-marker'), app.translator.trans('avatar4eg-geotags.forum.post.geotags_title') + ': ', punctuateSeries(titles)])]);
CSS does not help me as it was said before that he can do everything, this is not true
I find it very difficult to change the location of the code
