6.4.4 • Published 8 months ago

widget-crm-form v6.4.4

Weekly downloads
-
License
ISC
Repository
-
Last release
8 months ago

CRM forms

Build

# submodule
git submodule init
git submodule update
bash ./npm.sh i
# run
npm run serve
npm run dev
npm run build
#lint
npm run lint
npm run lint:js
npm run list:style
npm run lintfix

webpack plugin

npm i -D path fs-extra widget-crm-form
// webpack.config.js
const path = require('path');
const fs = require('fs-extra');
const CrmCopyPlugin = require('widget-crm-form');
module.exports = {
	plugins: [
		new CrmCopyPlugin(fs, {
			widget: path.resolve(__dirname, 'widget'),
			src:    path.resolve(__dirname, 'node_modules/widget-crm-form/dist'),
			dest:   path.resolve(__dirname, 'widget/app')
		})
	]
}

html

Ініціалізація на сайті

js module

import timestamp from 'widget-crm-form/dist/timestamp';

/**
* @param {string} u шлях до віджета
* @param {boolean} f при відсутності шрифт Roboto - true
* @param {object} d document
* @param {object} w window
* @param {number|string} t Time Stamp
*/
!window.WidgetApp && (function(u, f, d, w, t) {
	var s=d.createElement('script');
	s.async=true;
	s.src=u+'crm-form.js?t='+t;
	// s.src=u+'crm-form-back-office.js?t='+t; для back-office
	d.head.appendChild(s);
	w.onload=function(){f&&w.WidgetApp.addFonts();};
}(`/widget/app/${timestamp}/`, false, document, window, (Date.now() / 180000 | 0)));

php

<?php
require($_SERVER["DOCUMENT_ROOT"] . "/widget/app/widget-timestamp.php");
?>

<!-- додається на сайт одноразово -->
<script>
	/**
	* @param {string} u шлях до віджета
	* @param {boolean} f при відсутності шрифт Roboto - true
	* @param {object} d document
	* @param {object} w window
	* @param {number|string} t Time Stamp
	*/
	!window.WidgetApp && (function(u, f, d, w, t) {
		var s=d.createElement('script');
		s.async=true;
		s.src=u+'crm-form.js?t='+t;
		// s.src=u+'crm-form-back-office.js?t='+t; для back-office
		d.head.appendChild(s);
		w.onload=function(){f&&w.WidgetApp.addFonts();};
	}('/widget/app/<?php echo $widget_timestamp; ?>/',true,document,window,(Date.now()/180000|0)));
</script>

javascript API

/**
* @description Виклик форми в попапі
* @param {number} id - ідентифікатор форми
* @param {any} saved - збережені дані по полях
* @example window.WidgetApp.crmFormsPopup(561);
* @example window.WidgetApp.crmFormsPopup(561, { 'answerList[44]': { disabled: true, value: 'sdfsdfsdf' } });
*/
window.WidgetApp.crmFormsPopup(id: number, saved?: any)

/**
* @description Виклик форм в попапі (селект)
* @param {{ id: number; name: string; }[]} items - масив елементів селекту, name - назва селекту для відображення
* @example window.WidgetApp.crmFormsPopupSelect([{"id": 560, "name": "Написати в відділ Сервіс"},{"id": 561, "name": "Написати нам повідомлення"},{"id": 562, "name": "Задати питання"}]);
*/
window.WidgetApp.crmFormsPopupSelect(items: { id: number; name: string; }[]);

/**
* @description Виклик форми в розмітці
* @param {HTMLElement} el HTMLElement
* @param {number} id ідентифікатор форми
* @example window.WidgetApp.crmFormsStatic(document.querySelector('.block'), 561);
* @example window.WidgetApp.crmFormsStatic(561, { 'answerList[44]': { disabled: true, value: 'sdfsdfsdf' } });
*/
window.WidgetApp.crmFormsStatic(el: HTMLElement, id: number, saved?: any); 

/**
* @description попап авторизації для проекту 27ua
* @example window?.WidgetApp?.openAuthPopup();
*/
window?.WidgetApp?.openAuthPopup();

/**
* @description Компонент карт
* @param {HTMLElement} el HTMLElement
* @param {any} params параметри запиту
* @param {boolean} filters відображення фільтрів
* @param {boolean} parcerLockerSelect відображення фільтрів
* @example window.WidgetApp.addresses(document.querySelector('.block'), { lang: 'ua', info: 'contacts', true, false});
*/
window.WidgetApp.addresses(el: HTMLElement, params, filters: boolean, parcerLockerSelect?: boolean); 

/**
* @description додавання шрифта Roboto
* @example window.WidgetApp.addFonts();
*/
window.WidgetApp.addFonts();

HTMLElement

Форма в попапі

<!-- data-form-id (required) - ідентифікатор форми -->
<button data-form-id='560'>Написати в відділ Сервіс</button>
<button data-form-id='561'>Написати нам повідомлення</button>
<button data-form-id='562'>Задати питання</button>
<button data-form-id='562' data-form-saved='{ "answerList[44]": { "disabled": true, "value": "sdfsdfsdf" }}'>Задати питання</button>

Селект форм в попапі

<!-- data-form-items (required) - Масив з назвами і ідентифікаторами форм -->
<button data-form-items='[{"id": 560, "name": "Написати в відділ Сервіс"},{"id": 561, "name": "Написати нам повідомлення"},{"id": 562, "name": "Задати питання"}]'>Тематика звернення</button>

Online chat

/**
* @description init
* @param {string} type init/destroy
* @param {number} id id чату (із запиту /api/v1/chats/assets)
* @example window?.WidgetApp?.chat('init', 4);
*/
window?.WidgetApp?.chat(type, id);

/**
* @description destroy
* @param {string} type init/destroy
* @example window?.WidgetApp?.chat('destroy');
*/
window?.WidgetApp?.chat(type);

Форма керування воблерами

<!-- data-wobblers (required) -->
<div data-wobblers></div>

B2B addresses APP

<?php
require($_SERVER["DOCUMENT_ROOT"] . "/widget/app/widget-timestamp.php");
?>
<script>
	/**
	* @param {string} u шлях до віджета
	* @param {object} d document
	* @param {object} w window
	* @param {number|string} t Time Stamp
	*/
	(function(u, d, w, t) {
		var s=d.createElement('script');
		s.async=true;
		s.src=u+'nuxt-addresses.js?t='+t;
		d.head.appendChild(s);
	}('<?=B2B_ROOT?>/resources/widget/app/<?= $widget_timestamp; ?>/',document,window,(Date.now()/180000|0)));
</script>
<!-- data-addresses (required) -->
<div data-addresses></div>

© 2024

6.4.3

8 months ago

6.4.2

8 months ago

6.4.4

8 months ago

6.4.1

8 months ago

6.3.36

9 months ago

6.3.34

9 months ago

6.3.35

9 months ago

6.3.18

10 months ago

6.3.19

10 months ago

6.3.32

9 months ago

6.3.33

9 months ago

6.3.30

9 months ago

6.3.31

9 months ago

6.3.29

9 months ago

6.3.27

9 months ago

6.3.28

9 months ago

6.3.21

10 months ago

6.3.22

9 months ago

6.3.20

10 months ago

6.3.25

9 months ago

6.3.26

9 months ago

6.3.23

9 months ago

6.3.24

9 months ago

6.2.97

1 year ago

6.2.98

1 year ago

6.2.95

1 year ago

6.2.96

1 year ago

6.2.99

1 year ago

6.2.90

1 year ago

6.2.93

1 year ago

6.2.94

1 year ago

6.2.91

1 year ago

6.2.92

1 year ago

6.2.101

1 year ago

6.2.102

1 year ago

6.2.100

1 year ago

6.2.112

11 months ago

6.2.110

1 year ago

6.2.111

1 year ago

6.2.105

1 year ago

6.2.106

1 year ago

6.2.103

1 year ago

6.2.104

1 year ago

6.2.109

1 year ago

6.2.107

1 year ago

6.2.108

1 year ago

6.2.120

11 months ago

6.2.123

11 months ago

6.2.124

11 months ago

6.2.121

11 months ago

6.2.122

11 months ago

6.2.117

11 months ago

6.2.114

11 months ago

6.2.118

11 months ago

6.2.130

11 months ago

6.2.131

11 months ago

6.2.127

11 months ago

6.2.128

11 months ago

6.2.125

11 months ago

6.2.126

11 months ago

6.2.129

11 months ago

6.3.16

11 months ago

6.3.17

11 months ago

6.3.10

11 months ago

6.3.11

11 months ago

6.3.14

11 months ago

6.3.15

11 months ago

6.3.12

11 months ago

6.3.4

11 months ago

6.3.3

11 months ago

6.3.6

11 months ago

6.3.5

11 months ago

6.3.8

11 months ago

6.3.7

11 months ago

6.3.9

11 months ago

6.3.2

11 months ago

6.3.1

11 months ago

6.2.86

1 year ago

6.2.87

1 year ago

6.2.84

1 year ago

6.2.85

1 year ago

6.2.88

1 year ago

6.2.89

1 year ago

6.2.83

1 year ago

6.2.82

1 year ago

6.2.80

1 year ago

6.2.81

1 year ago

6.2.79

1 year ago

6.2.78

1 year ago

6.2.77

1 year ago

6.2.75

1 year ago

6.2.76

1 year ago

6.2.74

1 year ago

6.2.73

1 year ago

6.2.72

1 year ago

6.2.71

1 year ago

6.2.70

1 year ago

6.2.65

1 year ago

6.2.66

1 year ago

6.2.64

1 year ago

6.2.63

1 year ago

6.2.62

1 year ago

6.2.60

1 year ago

6.2.61

1 year ago

6.2.59

1 year ago

6.2.57

1 year ago

6.2.58

1 year ago

6.2.55

1 year ago

6.2.56

1 year ago

6.2.54

1 year ago

6.2.53

1 year ago

6.2.51

2 years ago

6.2.52

2 years ago

6.2.50

2 years ago

6.2.49

2 years ago

6.2.48

2 years ago

6.2.46

2 years ago

6.2.47

2 years ago

6.2.45

2 years ago

6.2.42

2 years ago

6.2.43

2 years ago

6.2.40

2 years ago

6.2.41

2 years ago

6.2.44

2 years ago

6.2.39

2 years ago

6.2.37

2 years ago

6.2.38

2 years ago

6.2.28

2 years ago

6.2.29

2 years ago

6.2.26

2 years ago

6.2.27

2 years ago

6.2.20

2 years ago

6.2.21

2 years ago

6.2.24

2 years ago

6.2.25

2 years ago

6.2.22

2 years ago

6.2.23

2 years ago

6.2.17

2 years ago

6.2.18

2 years ago

6.2.15

2 years ago

6.2.16

2 years ago

6.2.19

2 years ago

6.2.10

2 years ago

6.2.13

2 years ago

6.2.11

2 years ago

6.2.12

2 years ago

6.2.5

2 years ago

6.2.4

2 years ago

6.2.7

2 years ago

6.2.6

2 years ago

6.2.9

2 years ago

6.2.8

2 years ago

6.2.3

2 years ago

6.2.2

2 years ago

6.2.31

2 years ago

6.2.32

2 years ago

6.2.30

2 years ago

6.2.35

2 years ago

6.2.36

2 years ago

6.2.33

2 years ago

6.2.34

2 years ago

6.1.40

2 years ago

6.1.17

2 years ago

6.1.19

2 years ago

6.1.18

2 years ago

6.1.39

2 years ago

6.1.38

2 years ago

6.1.37

2 years ago

6.1.36

2 years ago

6.1.31

2 years ago

6.1.30

2 years ago

6.1.35

2 years ago

6.1.34

2 years ago

6.1.33

2 years ago

6.1.32

2 years ago

6.1.28

2 years ago

6.1.27

2 years ago

6.1.26

2 years ago

6.1.25

2 years ago

6.1.29

2 years ago

6.1.23

2 years ago

6.1.22

2 years ago

6.1.2

2 years ago

6.1.1

2 years ago

6.1.4

2 years ago

6.1.3

2 years ago

5.0.20

2 years ago

5.0.21

2 years ago

5.0.22

2 years ago

5.0.23

2 years ago

5.0.24

2 years ago

5.0.25

2 years ago

5.0.26

2 years ago

5.0.27

2 years ago

5.0.28

2 years ago

4.0.5

2 years ago

4.0.4

2 years ago

4.0.7

2 years ago

4.0.6

2 years ago

5.0.9

2 years ago

5.0.8

2 years ago

5.0.7

2 years ago

5.0.6

2 years ago

5.0.5

2 years ago

5.0.4

2 years ago

5.0.3

2 years ago

5.0.2

2 years ago

5.0.1

2 years ago

5.0.10

2 years ago

5.0.0

2 years ago

5.0.11

2 years ago

5.0.12

2 years ago

5.0.13

2 years ago

5.0.14

2 years ago

5.0.15

2 years ago

5.0.16

2 years ago

6.0.22

2 years ago

5.0.17

2 years ago

6.0.21

2 years ago

5.0.18

2 years ago

6.0.20

2 years ago

5.0.19

2 years ago

6.0.16

2 years ago

6.0.15

2 years ago

6.0.14

2 years ago

6.0.13

2 years ago

6.0.19

2 years ago

6.0.18

2 years ago

6.0.17

2 years ago

6.0.12

2 years ago

6.0.11

2 years ago

6.0.10

2 years ago

5.1.9

2 years ago

5.1.8

2 years ago

5.1.7

2 years ago

5.1.6

2 years ago

5.1.5

2 years ago

6.1.16

2 years ago

5.1.4

2 years ago

6.1.15

2 years ago

5.1.3

2 years ago

6.1.14

2 years ago

5.1.2

2 years ago

5.1.1

2 years ago

5.1.0

2 years ago

6.1.13

2 years ago

6.1.12

2 years ago

6.1.11

2 years ago

6.1.10

2 years ago

5.1.42

2 years ago

5.1.41

2 years ago

5.1.40

2 years ago

6.0.7

2 years ago

6.0.6

2 years ago

6.0.9

2 years ago

6.0.8

2 years ago

5.1.39

2 years ago

5.1.38

2 years ago

5.1.37

2 years ago

5.1.36

2 years ago

5.1.35

2 years ago

5.1.34

2 years ago

5.1.31

2 years ago

5.1.30

2 years ago

5.2.1

2 years ago

6.0.1

2 years ago

6.0.3

2 years ago

6.0.2

2 years ago

6.0.5

2 years ago

6.0.4

2 years ago

5.1.29

2 years ago

5.1.28

2 years ago

5.1.27

2 years ago

5.1.26

2 years ago

5.1.25

2 years ago

5.1.24

2 years ago

5.1.23

2 years ago

5.1.22

2 years ago

5.1.20

2 years ago

6.1.6

2 years ago

6.1.5

2 years ago

5.1.19

2 years ago

6.1.8

2 years ago

5.1.18

2 years ago

6.1.7

2 years ago

5.1.17

2 years ago

5.1.16

2 years ago

6.1.9

2 years ago

5.1.15

2 years ago

5.1.14

2 years ago

5.1.13

2 years ago

5.1.12

2 years ago

5.1.11

2 years ago

5.1.10

2 years ago

4.0.1

3 years ago

4.0.0

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

3.0.8

3 years ago

3.0.7

3 years ago

3.0.6

3 years ago

3.0.5

3 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

2.0.10

3 years ago

2.0.9

3 years ago

2.0.8

3 years ago

2.0.7

3 years ago

2.0.6

3 years ago

2.0.5

3 years ago

2.0.4

3 years ago

2.0.3

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago