/form-sdk

Signedpay2 form style development platform

Primary LanguageJavaScript

form-html

Разработка

  1. Устанавливаем пакеты командой npm i (рабочая версия ноды v5.10.0)
  2. Запускаем сборщика и сервер командой npm start
  3. Сервер запустится по адресу http://localhost:8080

Сборка

  1. Устанавливаем пакеты командой npm i
  2. Запускаем сборку командой npm run build

Создание нового стиля

  1. Создать одноименные директории в src\styles и src\templates Например: src\styles\example и src\templates\example

  2. В созданной директории со стилями создать основной файл стиля index.styl Структура компонентов стилей внутри данной директории - на усмотрение разработчиков.

  3. В созданной директории с шаблонами создать файл шаблона index.jade Пример:

    extends ../layout.jade
    include ../form.jade
    
    block form
        +form
            +cardNumber
            +cardHolder
            +expiryDate
            +cardCvv
            +cpf
            +dni
            +personalId
            +address
            +city
            +zipCode
    
    

    Важно: необходимо строго соблюдать порядок очередности подключаемых миксинов элементов (полей) формы, как в примере!

  4. Для просмотра результата запустить сервер npm start и открыть в браузере URL по имени созданных директорий http://localhost:8080/example.html