405 lines
		
	
	
		
			13 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			405 lines
		
	
	
		
			13 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | ||
| <html lang="en">
 | ||
|   <head>
 | ||
|     <meta charset="utf-8" />
 | ||
|     <title>JSDoc: Module: util;</title>
 | ||
| 
 | ||
|     <script src="scripts/prettify/prettify.js"></script>
 | ||
|     <script src="scripts/prettify/lang-css.js"></script>
 | ||
|     <!--[if lt IE 9]>
 | ||
|       <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 | ||
|     <![endif]-->
 | ||
|     <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
 | ||
|     <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
 | ||
|   </head>
 | ||
| 
 | ||
|   <body>
 | ||
|     <div id="main">
 | ||
|       <h1 class="page-title">Module: Utils</h1>
 | ||
| 
 | ||
|       <section>
 | ||
|         <header></header>
 | ||
| 
 | ||
|         <article>
 | ||
|           <div class="container-overview">
 | ||
|             <div class="description">Utils module</div>
 | ||
| 
 | ||
|             <dl class="details">
 | ||
|               <dt class="tag-source">Source:</dt>
 | ||
|               <dd class="tag-source">
 | ||
|                 <ul class="dummy">
 | ||
|                   <li>
 | ||
|                     <a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line1">line 1</a>
 | ||
|                   </li>
 | ||
|                 </ul>
 | ||
|               </dd>
 | ||
|             </dl>
 | ||
|           </div>
 | ||
| 
 | ||
|           <h3 class="subsection-title">Methods</h3>
 | ||
| 
 | ||
|           <h4 class="name" id=".checkItemStruct">
 | ||
|             <span class="type-signature">(static) </span>checkItemStruct<span class="signature"
 | ||
|               >(item)</span
 | ||
|             ><span class="type-signature"> → {boolean}</span>
 | ||
|           </h4>
 | ||
| 
 | ||
|           <div class="description">Проверка содержит ли item указанные свойства,</div>
 | ||
| 
 | ||
|           <h5>Parameters:</h5>
 | ||
| 
 | ||
|           <table class="params">
 | ||
|             <thead>
 | ||
|               <tr>
 | ||
|                 <th>Name</th>
 | ||
| 
 | ||
|                 <th>Type</th>
 | ||
| 
 | ||
|                 <th class="last">Description</th>
 | ||
|               </tr>
 | ||
|             </thead>
 | ||
| 
 | ||
|             <tbody>
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>item</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">object</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">проверяемый на определенную структуру элемент</td>
 | ||
|               </tr>
 | ||
|             </tbody>
 | ||
|           </table>
 | ||
| 
 | ||
|           <dl class="details">
 | ||
|             <dt class="tag-source">Source:</dt>
 | ||
|             <dd class="tag-source">
 | ||
|               <ul class="dummy">
 | ||
|                 <li>
 | ||
|                   <a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line84">line 84</a>
 | ||
|                 </li>
 | ||
|               </ul>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
| 
 | ||
|           <h5>Returns:</h5>
 | ||
| 
 | ||
|           <div class="param-desc">возвращает true/false если item содержит указанные свойства</div>
 | ||
| 
 | ||
|           <dl>
 | ||
|             <dt>Type</dt>
 | ||
|             <dd>
 | ||
|               <span class="param-type">boolean</span>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
| 
 | ||
|           <h4 class="name" id=".createSelected">
 | ||
|             <span class="type-signature">(static) </span>createSelected<span class="signature"
 | ||
|               >(element, content, styles)</span
 | ||
|             ><span class="type-signature"></span>
 | ||
|           </h4>
 | ||
| 
 | ||
|           <div class="description">Создание кнопки выбора элементов</div>
 | ||
| 
 | ||
|           <h5>Parameters:</h5>
 | ||
| 
 | ||
|           <table class="params">
 | ||
|             <thead>
 | ||
|               <tr>
 | ||
|                 <th>Name</th>
 | ||
| 
 | ||
|                 <th>Type</th>
 | ||
| 
 | ||
|                 <th class="last">Description</th>
 | ||
|               </tr>
 | ||
|             </thead>
 | ||
| 
 | ||
|             <tbody>
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>element</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">HTMLElement</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">созданный экземпляр класса DropDown</td>
 | ||
|               </tr>
 | ||
| 
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>content</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">string</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">placeholer передаваемый из настроек селекта</td>
 | ||
|               </tr>
 | ||
| 
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>styles</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">object</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">
 | ||
|                   не обязательный параметр. Объект в котором находяться настройки кастомизации
 | ||
|                   частей селекта
 | ||
|                 </td>
 | ||
|               </tr>
 | ||
|             </tbody>
 | ||
|           </table>
 | ||
| 
 | ||
|           <dl class="details">
 | ||
|             <dt class="tag-source">Source:</dt>
 | ||
|             <dd class="tag-source">
 | ||
|               <ul class="dummy">
 | ||
|                 <li>
 | ||
|                   <a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line12">line 12</a>
 | ||
|                 </li>
 | ||
|               </ul>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
| 
 | ||
|           <h4 class="name" id=".customStyles">
 | ||
|             <span class="type-signature">(static) </span>customStyles<span class="signature"
 | ||
|               >(element, styles)</span
 | ||
|             ><span class="type-signature"></span>
 | ||
|           </h4>
 | ||
| 
 | ||
|           <div class="description">
 | ||
|             Поиск и стилизация елементов полученных из styles экземпляра DropDown
 | ||
|           </div>
 | ||
| 
 | ||
|           <h5>Parameters:</h5>
 | ||
| 
 | ||
|           <table class="params">
 | ||
|             <thead>
 | ||
|               <tr>
 | ||
|                 <th>Name</th>
 | ||
| 
 | ||
|                 <th>Type</th>
 | ||
| 
 | ||
|                 <th class="last">Description</th>
 | ||
|               </tr>
 | ||
|             </thead>
 | ||
| 
 | ||
|             <tbody>
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>element</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">HTMLElement</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">созданный экземпляр класса DropDown</td>
 | ||
|               </tr>
 | ||
| 
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>styles</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">object</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">
 | ||
|                   объект в котором находяться настройки кастомизации частей селекта
 | ||
|                 </td>
 | ||
|               </tr>
 | ||
|             </tbody>
 | ||
|           </table>
 | ||
| 
 | ||
|           <dl class="details">
 | ||
|             <dt class="tag-source">Source:</dt>
 | ||
|             <dd class="tag-source">
 | ||
|               <ul class="dummy">
 | ||
|                 <li>
 | ||
|                   <a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line39">line 39</a>
 | ||
|                 </li>
 | ||
|               </ul>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
| 
 | ||
|           <h4 class="name" id=".customStylesFormat">
 | ||
|             <span class="type-signature">(static) </span>customStylesFormat<span class="signature"
 | ||
|               >(elemOption, selector)</span
 | ||
|             ><span class="type-signature"></span>
 | ||
|           </h4>
 | ||
| 
 | ||
|           <div class="description">Универсальный метод для стилизации селекта</div>
 | ||
| 
 | ||
|           <h5>Parameters:</h5>
 | ||
| 
 | ||
|           <table class="params">
 | ||
|             <thead>
 | ||
|               <tr>
 | ||
|                 <th>Name</th>
 | ||
| 
 | ||
|                 <th>Type</th>
 | ||
| 
 | ||
|                 <th class="last">Description</th>
 | ||
|               </tr>
 | ||
|             </thead>
 | ||
| 
 | ||
|             <tbody>
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>elemOption</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">object</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">
 | ||
|                   объект полученное из объекта styles у которого мы получаем ключ-значение стилей
 | ||
|                 </td>
 | ||
|               </tr>
 | ||
| 
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>selector</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">HTMLElement</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">HTMLElement подвергающиеся кастомизации</td>
 | ||
|               </tr>
 | ||
|             </tbody>
 | ||
|           </table>
 | ||
| 
 | ||
|           <dl class="details">
 | ||
|             <dt class="tag-source">Source:</dt>
 | ||
|             <dd class="tag-source">
 | ||
|               <ul class="dummy">
 | ||
|                 <li>
 | ||
|                   <a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line71">line 71</a>
 | ||
|                 </li>
 | ||
|               </ul>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
| 
 | ||
|           <h4 class="name" id=".getFormatItem">
 | ||
|             <span class="type-signature">(static) </span>getFormatItem<span class="signature"
 | ||
|               >(dataItem, index)</span
 | ||
|             ><span class="type-signature"> → {object}</span>
 | ||
|           </h4>
 | ||
| 
 | ||
|           <div class="description">Преобразование каждого елемента полученного из поля Items;</div>
 | ||
| 
 | ||
|           <h5>Parameters:</h5>
 | ||
| 
 | ||
|           <table class="params">
 | ||
|             <thead>
 | ||
|               <tr>
 | ||
|                 <th>Name</th>
 | ||
| 
 | ||
|                 <th>Type</th>
 | ||
| 
 | ||
|                 <th class="last">Description</th>
 | ||
|               </tr>
 | ||
|             </thead>
 | ||
| 
 | ||
|             <tbody>
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>dataItem</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">object</span>
 | ||
|                   |
 | ||
| 
 | ||
|                   <span class="param-type">string</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">
 | ||
|                   полученный елемент переданный при создании селекта может быть как object/string
 | ||
|                 </td>
 | ||
|               </tr>
 | ||
| 
 | ||
|               <tr>
 | ||
|                 <td class="name"><code>index</code></td>
 | ||
| 
 | ||
|                 <td class="type">
 | ||
|                   <span class="param-type">number</span>
 | ||
|                 </td>
 | ||
| 
 | ||
|                 <td class="description last">индекс этого элемента</td>
 | ||
|               </tr>
 | ||
|             </tbody>
 | ||
|           </table>
 | ||
| 
 | ||
|           <dl class="details">
 | ||
|             <dt class="tag-source">Source:</dt>
 | ||
|             <dd class="tag-source">
 | ||
|               <ul class="dummy">
 | ||
|                 <li>
 | ||
|                   <a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line98">line 98</a>
 | ||
|                 </li>
 | ||
|               </ul>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
| 
 | ||
|           <h5>Returns:</h5>
 | ||
| 
 | ||
|           <div class="param-desc">возвращает сформированный объект</div>
 | ||
| 
 | ||
|           <dl>
 | ||
|             <dt>Type</dt>
 | ||
|             <dd>
 | ||
|               <span class="param-type">object</span>
 | ||
|             </dd>
 | ||
|           </dl>
 | ||
|         </article>
 | ||
|       </section>
 | ||
|     </div>
 | ||
| 
 | ||
|     <nav>
 | ||
|       <h2><a href="index.html">Home</a></h2>
 | ||
|       <h3>Classes</h3>
 | ||
|       <ul>
 | ||
|         <li><a href="DropDown.html">DropDown</a></li>
 | ||
|         <li>
 | ||
|           <a
 | ||
|             href="%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%2580%2520%25D0%25BA%25D0%25BB%25D0%25B0%25D1%2581%25D1%2581%25D0%25B0%2520DropDown.html"
 | ||
|             >Конструктор класса DropDown</a
 | ||
|           >
 | ||
|         </li>
 | ||
|       </ul>
 | ||
|       <h3>Module</h3>
 | ||
|       <ul>
 | ||
|         <li><a href="module-Utils.html">Utils</a></li>
 | ||
|         <li><a href="module-createElementChips.html">createBreadcrumb</a></li>
 | ||
|       </ul>
 | ||
|       <h3>Global</h3>
 | ||
|       <ul>
 | ||
|         <li><a href="global.html##addOptionsBehaviour">#addOptionsBehaviour</a></li>
 | ||
|         <li><a href="global.html##close">#close</a></li>
 | ||
|         <li><a href="global.html##init">#init</a></li>
 | ||
|         <li><a href="global.html##initEvent">#initEvent</a></li>
 | ||
|         <li><a href="global.html##initSelected">#initSelected</a></li>
 | ||
|         <li><a href="global.html##open">#open</a></li>
 | ||
|         <li><a href="global.html##render">#render</a></li>
 | ||
|         <li><a href="global.html##renderUrl">#renderUrl</a></li>
 | ||
|         <li><a href="global.html#addItem">addItem</a></li>
 | ||
|         <li><a href="global.html#buttonControl">buttonControl</a></li>
 | ||
|         <li><a href="global.html#deleteItem">deleteItem</a></li>
 | ||
|         <li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
 | ||
|         <li><a href="global.html#disabled">disabled</a></li>
 | ||
|         <li><a href="global.html#getElement">getElement</a></li>
 | ||
|         <li><a href="global.html#selectIndex">selectIndex</a></li>
 | ||
|       </ul>
 | ||
|     </nav>
 | ||
| 
 | ||
|     <br class="clear" />
 | ||
| 
 | ||
|     <footer>
 | ||
|       Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
 | ||
|       Oct 19 2022 18:07:14 GMT+0300 (Moscow Standard Time)
 | ||
|     </footer>
 | ||
| 
 | ||
|     <script>
 | ||
|       prettyPrint();
 | ||
|     </script>
 | ||
|     <script src="scripts/linenumber.js"></script>
 | ||
|   </body>
 | ||
| </html>
 |