inject

Плагин

/plugins/inject.js

Плагин инжектирует (встраивает) некоторые общие функции и данные.

В компонентах доступен через this.$name

site_api

String

Содержит url api данных

site_app

String

Содержит url приложения

images

Object

src(img, [imageStyle])

Функция src возвращает ссылку на изображение для сайта, в img передается значение из поля картинки, второй необязательный параметр imageStyle это стиль ресайза картинки

const src = this.$images.src(img);
const src = this.$images.src(img, imageStyle);

<img :src="$images.src(item.img)" />
<img :src="$images.src(item.img, 'rect_lg')" />

upload(payload)

Функция upload вызывает форму для загрузки изображения

this.$images.upload({
  sectionId: this.sectionId, // id блока
  id: this.itemId, // id элемента (если загружается для элемента)
  field: this.field, // имя поля картинки
  items: this.items, // имя поля массива элементов (если загружается для элемента)
  value: this.img // значение поля картинки
  callback: item => { ... } // функция обратного вызова после загрузки картинки на сервер
});

site_img(img, [imageStyle])

Функция site_img возвращает ссылку на изображение для сайта, передается значение из поля картинки, аналогична $images.src(img)

<img :src="$site_img(item.img)" />
<img :src="$images.src(item.img, 'rect_lg')" />

confirm(payload)

Функция confirm вызывает диалоговое окно подтверждение действия пользователем

methods: {
  imageDelete() {
    this.$confirm({
      title: "Удалить картинку",
      message: "Вы действительно хотите удалить картинку?",
      button: {
        no: "Отмена",
        yes: "Удалить"
      },
      callback: async confirm => {
        if (confirm) {
          ...
        }
      }
    });
  }
}

error(payload)

Функция error показывает сообщение об ошибке

methods: {
  save(){
    try{
      ...
    }catch(error){
      this.$error({
        message: "Сообщение об ошибке..."
      });
    }
  }
}

overlay(show)

Показ оверлея(загрузки) на всю страницу

methods: {
  async add() {
    ...
    this.$overlay(true);
    await this.savePage();
    this.$overlay(false);
  }
}