GithubHelp home page GithubHelp logo

ivankaz / widget-amocrm Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 575 KB

Виджет для amoCRM / amoCRM API, oAuth 2.0, JavaScript, PHP

JavaScript 55.24% CSS 1.69% PHP 43.07%
ajax amocrm amocrm-api javascript oauth2 php

widget-amocrm's Introduction

Приватный виджет amoCRM

Назначение виджета

  • Добавляет кнопку в карточке сделки в правой панели
  • При нажатии на кнопку открывается модальное окно, которое содержит:
    • названия товаров
    • количество товаров

Требования

  • Для формирования кнопки и модального окна использовать нативный вид amoCRM https://storybook.amocrm.ru
  • Получение товаров должно происходить на бэкенде по API v4 amoCRM
  • Использовать oAuth для авторизации в API
  • Для реализации товаров использовать сущность Списков https://www.amocrm.ru/developers/content/catalogs/capabilities

Подзадачи

  • Создать аккаунт на amocrm.com
  • Узнать из чего состоит виджет amoCRM
  • Добавить интеграцию в свой аккаунт
  • Создание кнопки (create-button)
    • Узнать как добавить кнопку в карточку сделки
    • Добавить кнопку в карточку сделки
  • Создание модального окна (create-modal-window)
    • Узнать как показывать модальное окно
    • Добавить модальное окно
  • Вывод товаров (output-products)
    • Добавить свой список с товарами
    • Узнать как получать список с товарами по API
    • Сделать авторизацию в API amoCRM по oAuth
    • Написать PHP-скрипт для получения списка товаров по API
    • Вывести список товаров (название, количество) в модальном окне
  • Сделать скриншоты выполненной работы
  • Добавить в аккаунт пользователя HR-менеджера с правами Администратора

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.