изменение page

Форум /

Доброго времени суток, при использовании bem-core появилась необходимость изменить стандартного блока page, не хотелось бы делать его дубликат, хотелось именно изменить/заменить.

хотелось бы узнать как правильно это делать

8 years ago

tadatuta

Привет!

Либо я не понимаю задачу, либо переопределить page можно точно так же, как и любой другой блок, просто положив свой шаблон на уровне проекта:

block('page').def()(function() {
    return 'забыли все, что было в bem-core, выведется только эта строка';
});

8 years ago

Yura-ka

я пробовал так, но что возвращать, пока ещё не догадался, block('page').def()(function() { return 'что вернуть в return? ' }); если вернуть applyNext(), то шаблон page снова отработает,

получалось только снять класс page и сделать новую обёртку под body, что тоже не то
return applyCtx(this.extend(this.ctx, { block: 'wrap', }));

PS перехожу с bh на bemhtml

8 years ago

tadatuta

Чтобы ответить на вопрос, что вернуть, нужно знать, что хочется получить в итоге ;)

8 years ago

Yura-ka

задача - изменить page на свой шаблон, block('page').def()(function() { return 'тут что-то';}); замечательно справляется с задачей изменения page из bem-core, но теперь необходимо вывести весь остальной контент, что вложено в page в bemjson

8 years ago

Yura-ka

@tadatuta предположим у меня свой page (упрощён для примера):

block('page')(
    def()(function () {
        return [
                applyNext()
            ];
    }),
    wrap()(function() {
        var ctx = this.ctx;
        this._nonceCsp = ctx.nonce;

        return [
            ctx.doctype || '<!DOCTYPE html>',
            {
                tag : 'html',
                cls : 'js-no ',
                content : [
                    {
                        elem : 'head',
                        content : [
                            { tag : 'title', content : 'Заменилось' },
                            { block : 'ua', attrs : { nonce : ctx.nonce } }
                        ]
                    },
                    ctx
                ]
            }
        ];
    })
);

при выводе отработает и мой шаблон и шаблон page bem-core будет два title, и всё что было page bem-core что я делаю не так?

8 years ago

tadatuta

Если нужно просто вывести контент page, то не нужно звать applyNext(), шаблоны на поле content применятся сами.

applyNext() — это что-то типа «вызвать все остальные шаблоны в данном режиме». Т.о.

def()(function () {
        return [
                applyNext()
            ];
    })

приводит к тому, что выполняется все, что лежит в bem-core.

Напиши все-таки конкретно, что именно хочется получить, тогда я смогу предметно ответить.

8 years ago

Yura-ka

конкретно, я хочу работающую страницу, что бы вывелось всё что лежит в index.bemjson.js, что бы не отработал page bem-core . что бы я не выводил в

def()(function () {
        return 
    })

выводится либо undefined, вместо того что должно лежать в body, либо [object Object], либо вообще ничего, вместо контента, вместо блоков которые лежат в index.bemjson.js

8 years ago

Yura-ka

если всё равно не понятно, я могу на примерах постораться объеснить

8 years ago

qfox

[object Object] и undefined может выводиться при return applyNext(); и return;, потому что def() ожидает строку.

Чтобы заменить шаблон сделайте не def() а replace():

block('page').replace()(function(){
  return [
    'с чистого листа: ' + this.xmlEscape(this.reapply(applyNext())),
    { elem: 'body', content: this.ctx.content }
  ];
});

8 years ago

tadatuta

При такой постановке задачи сработает:

block('page').def()(function() {
    return applyCtx(this.ctx.content);
});

Только я сомневаюсь, что это действительно то, чего хочется.

В общем, примеры бы не помешали, да. Потому что есть вероятность, что делать с нуля не обязательно и можно решить задачу более красивым способом.

Можно просто по пунктам перечислить, какие конкретно моменты в базовом шаблоне page не подходят (в идеале — с пояснением, почему именно).

8 years ago

Yura-ka

оба варианта на первый взгляд подошли

block('page').def()(function() {
    return applyCtx(this.ctx.content);
});

block('page').replace()(function(){
  return this.ctx.content
});

спасибо большое,

да, я сделаю наверное отчёт, почему стандартный page не подходит под наши проекты, и что хотелось бы видеть в нём. В issues отписаться или сюда?

8 years ago

tadatuta

можно здесь обсудить, а потом завести issues про те моменты, которые решим исправить в общей реализации.

8 years ago

shkarupa-alex

tadatuta, на самом деле мы хотим переопределить page для двух вещей:

а) Докидать своих метатегов и блоков в head. Пример:

б) Докидать своих блоков/элементов в body Пример:

Таких блоков штук 5-10. Нам они нужны на каждой странице и во многих проектах. Для их добавления нужно влезть вот в эти 2 места https://www.evernote.com/l/AS_hZS0E8o5FKLT4IORl7glS2JYHcEPYCFo но мы не понимаем как это сделать. Будем очень благодарны, если разжуешь.

Чтобы оставлять комментарии, необходимо авторизоваться.