Как инициализировать Assets в Head вьюхи в виджете?

Question

[Владислав Софиенко]

Хочу Pdfjs встроить в yii2 как виджет, но я не помнимаю, как инициализировать css и js файлы во views/viewer.php. Как это сделать?

Ссылка на GitHub: https://github.com/sofvlad/yii2-pdfjs

Буду также с написанием, так как вроде тут ничего сложного, но у меня даже это не получается ибо опыта в написании виджетов и расширений не было.
P.S. Виджет пишеться для advanced версии yii2 в common/widgets

Answer 1

[Дмитрий]

Добрый вечер.
Читайте и перечитывайте.
Всё расписано до мелочей.
Так же все остальные разделы документации - читайте и перечитывайте.

Comments

[Владислав Софиенко]

Регистрирую так во вьюхе выдаёт ошибку Class 'common\widgets\Pdfjs\View' not found
PdfjsAsset::register(Yii::$app->view);

[Arman]

Владислав Софиенко, а зачем там ассет?

[Владислав Софиенко]

Arik, наверно чтобы загрузить js и css сюды

[Arman]

Владислав Софиенко, если правильно понял то тут https://github.com/sofvlad/yii2-pdfjs/blob/master/... внернет объект ассета и у него можно спросить урл куда что положит. теперь надо или в свойство записать и передать вьюхе или в run перенести

[Владислав Софиенко]

Arik, можно забыть про эту строку, можно инициализировать даже прям во вьюхе или просто как указать там ссылку на этот ассетс в виджете типа

<link rel="stylesheet" href="<?= <урл_до_ассетса_виджета> ?>viewer.css">

[Arman]

Владислав Софиенко, да, но ведь объекту нужно передать папку и файл который нужно подключить? эти ведь папки с web недоступны и надо чтоб yii перенес их

[Владислав Софиенко]

Arik, возможно вы правы, но всё равно вопрос остался. Как?) Желательно с примером.

[Arman]

Владислав Софиенко, если так попробовать

$урл_до_ассетса_виджета = \common\widgets\Pdfjs\PdfjsAsset::register($this)->baseUrl

[Arman]

Владислав Софиенко, только нужно папку правильно

<link rel="stylesheet" href="<?= <урл_до_ассетса_виджета> ?>/web/viewer.css">

[Дмитрий]

Владислав Софиенко,

Class 'common\widgets\Pdfjs\View' not found

Ошибка в написании пути, имени виджета/директории или указали неверный namespace.
Название директории "View" уж точно маленькими буквами должно быть.

[Владислав Софиенко]

slo_nik, разобрался так как не был добавлен в PdfjsAssets use yii\web\View;
ужс... =D

Только загрузились все ассеты во вьюхе непостредственно где виджет был вызван, а не во вьюхе самого виджета

[Дмитрий]

Владислав Софиенко, а где Вы регистрировали PdfjsAsset? Да и код его не мешало бы показать.

[Владислав Софиенко]

slo_nik, https://github.com/sofvlad/yii2-pdfjs/blob/master/...

[Дмитрий]

Владислав Софиенко, не верно!!!

[Владислав Софиенко]

slo_nik, а как верно?!?!

[Дмитрий]

Владислав Софиенко, вот пример

[Дмитрий]

Владислав Софиенко, читайте файл README.md в архиве.
Когда подключите виджет, на странице появится надпись "NewWidget".
Откройте исходный код страницы и увидите, что файлы css и js подключились там, где им положено быть.
При клике на "NewWidget" сработает alert() с именем виджета.
Надпись должна быть красного цвета, но что-то не заладилось, перебивает стили сам bootstrap. Но с этим уж сами разбирайтесь.

[Дмитрий]

Владислав Софиенко, директорию с виджетом положите в components

[Дмитрий]

Владислав Софиенко, и ещё.
Зачем Вы в представлении виджета лепите doctype, meta теги и прочую святотень? Удалите это всё. Всё это уже подключается в шаблоне приложения.

[Владислав Софиенко]

slo_nik, это всё нужно для pdfjs

[Дмитрий]

Владислав Софиенко, Вы подключаете виджет в yii2? Значит это не нужно всё, это лишний мусор. Удалите.

[Дмитрий]

Владислав Софиенко, подключите свой виджет в приложении со всеми docryp-ами, meta тегами и посмотрите, где это всё в структуре страницы размещается. Вас устраивает такой вариант?

[Владислав Софиенко]

slo_nik, опять грузиться не в head вьюхи в виджета, той вьюхи где вызывался виджет. Сделал коммит в репозитории на гите.

[Дмитрий]

Владислав Софиенко, я ещё раз Вам повторяю, уберите весь хлам из представления виджета. Уберите doctype, уберите meta теги, уберите html и body. Это хлам, он только мешает. Все эти дела подключаются в layouts!!!
В виджете этого не должно быть!!!
Если js файл располагается внизу страницы это нормально. Css должны быть вверху страницы.
Зачем Вы написали эту строку?
<link rel="stylesheet" href="viewer.css">
У Вас же есть PdfjsAsset!!!
Зачем Вы написали эту строку?
<script src="../build/pdf.js"></script>
У Вас же есть PdfjsAsset!!!
Зачем Вы написали эту строку?
<script src="viewer.js"></script>
У Вас же есть PdfjsAsset!!!

И это только начало файла!!!
Дальше продолжать?!
Удалите всё от doctype и до body вверху и от body до html внизу!!! Это мусор, это лишнее!!! Это в виджете нахрен никому не нужно!!!

[Дмитрий]

Владислав Софиенко, структура виджета. Зачем такая? Зачем директория web?

[Дмитрий]

Владислав Софиенко, Вы исходный код страницы смотрели?! Это же ужас!!! Проверьте валидатором, официальным, между прочим, и наслаждайтесь кучей ошибок только в html!

[Владислав Софиенко]

slo_nik, это не я писал, а разработчики Mozilla это во первых. А во вторых, я просто хочу внедрить Pdfjs в Yii2 в виде виджета. Прежде чем меня отчитывать, по поводу doctype и meta, то изучите вот это. Собственно это я и хочу внедрить в yii, а расширения меня не удовлетворяют по некоторым причинам. И нельзя переделывать viewer. И мне нужно при помощи Pdfjs вывести эту pdf-читалку в iframe.

[Дмитрий]

Владислав Софиенко, Вот, 19 ошибок!!! полюбопытствуйте.

[Дмитрий]

Владислав Софиенко,

это не я писал, а разработчики Mozilla это во первых.

А у Вас голова на плечах или что?!

А во вторых, я просто хочу внедрить Pdfjs в Yii2 в виде виджета.

Тогда соблюдайте структуру YII2 frameworka!
Пока что это дичайший г****код.
Я Вам говорю как правильно делать, а Вы, как говаривала моя прабабушка, из говна пулю тачаете!

[Владислав Софиенко]

slo_nik, мне пофигу на то, как реализовали разработчики, но оно работает замечательно и мне нужно внедрить в Yii. Если у вас есть притензии по поводу ошибок в html, то можете написать разработчикам и сделать pull request у них в гите)))

[Дмитрий]

Владислав Софиенко, Вы не правильно внедряете и ошибки по Вашей вине!

[Владислав Софиенко]

Зачем Вы написали эту строку?

У Вас же есть PdfjsAsset!!!
Зачем Вы написали эту строку?

У Вас же есть PdfjsAsset!!!
Зачем Вы написали эту строку?

У Вас же есть PdfjsAsset!!!

а по поводу этого в курсе я могу их убрать всё равно они не грузятся, и ещё раз повторяю. Менять в представлении, то что есть в виджете нельзя! Нужно только подменить ссылки на эти ресурсы(css,js) которые требуются В ЭТОМ представлении и всё.

[Дмитрий]

Владислав Софиенко, если Вы внедряете в yii2, то соблюдайте правила yii2.Делайте правильную структуру, правильно подключайте файлы js и css, правильно подключайте image.
А так Вы действуете по принципу

[Дмитрий]

Владислав Софиенко, я не говорю, что надо менять, надо убрать и подключить правильно, а не так как Вы сделали.

[Владислав Софиенко]

slo_nik, если сделать как вы советуете, то эта читалка просто не заработает. Но если вы так уверены, что сможете сделать правильно, то можете сделать, а потом посмотрю и изучу. Изначальная задача была вывести при помощи этого Pdfjs pdf-книгу в iframe. То-есть pdf-книга в сайте, которую можно просматривать.

[Владислав Софиенко]

slo_nik, а не заработает, потому что все эти скрипты грубо говоря модифицируют эту вьюху. Вот так вот задумали мозильцы.

[Дмитрий]

Владислав Софиенко, ещё раз повторяю, в представлении виджета не должно быть doctype, meta тегов, body и html.
Вы смотрели исходный код страницы? Вас устраивает два doctype, два блока meta тегов, четыре тега body и html?
Вы считаете это правильно?
Вы создали файл подключения ресурсов, так какого ляда Вы ещё и в представлении что-то пытаетесь подключить?

[Дмитрий]

Владислав Софиенко,

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

Да что Вы говорите?!! Не может быть!!!

Но если вы так уверены, что сможете сделать правильно, то можете сделать, а потом посмотрю и изучу.

Пожалуйста, я согласен. Только огласите сумму гонорара и я сделаю.

[Владислав Софиенко]

slo_nik, эта вьюха потом будет в frame. Я бы не парился и сидел бы пользовался дальше yii2-pdfjs, но она не хочет открывать защищенные pdf файлы. Вопрос по этому поводу уже задавал.

[Дмитрий]

Владислав Софиенко, почему именно во frame?