API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 26th, 2019
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.87 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en"><head><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button[not:disabled]:hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel[not:disabled]:hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger[not:disabled]:hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style>
  2. <!-- Required meta tags -->
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  5. <title>CREAM – Персонал</title>
  6. <script src="/vendors/js/vendor.bundle.base.js"></script>
  7. <script src="/vendors/js/vendor.bundle.addons.js"></script><style type="text/css">/* Chart.js */
  8. @-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style><style type="text/css">span.im-caret {
  9. -webkit-animation: 1s blink step-end infinite;
  10. animation: 1s blink step-end infinite;
  11. }
  12.  
  13. @keyframes blink {
  14. from, to {
  15. border-right-color: black;
  16. }
  17. 50% {
  18. border-right-color: transparent;
  19. }
  20. }
  21.  
  22. @-webkit-keyframes blink {
  23. from, to {
  24. border-right-color: black;
  25. }
  26. 50% {
  27. border-right-color: transparent;
  28. }
  29. }
  30.  
  31. span.im-static {
  32. color: grey;
  33. }
  34.  
  35. div.im-colormask {
  36. display: inline-block;
  37. border-style: inset;
  38. border-width: 2px;
  39. -webkit-appearance: textfield;
  40. -moz-appearance: textfield;
  41. appearance: textfield;
  42. }
  43.  
  44. div.im-colormask > input {
  45. position: absolute;
  46. display: inline-block;
  47. background-color: transparent;
  48. color: transparent;
  49. -webkit-appearance: caret;
  50. -moz-appearance: caret;
  51. appearance: caret;
  52. border-style: none;
  53. left: 0; /*calculated*/
  54. }
  55.  
  56. div.im-colormask > input:focus {
  57. outline: none;
  58. }
  59.  
  60. div.im-colormask > input::-moz-selection{
  61. background: none;
  62. }
  63.  
  64. div.im-colormask > input::selection{
  65. background: none;
  66. }
  67. div.im-colormask > input::-moz-selection{
  68. background: none;
  69. }
  70.  
  71. div.im-colormask > div {
  72. color: black;
  73. display: inline-block;
  74. width: 100px; /*calculated*/
  75. }</style>
  76. <link rel="stylesheet" href="/css/pop-up-notif.css">
  77. <link rel="stylesheet" href="/css/libs/style.css">
  78. <link rel="stylesheet" href="/css/libs/left_navbar.css">
  79. <link rel="stylesheet" href="/css/libs/modal.css">
  80. <script src="/js/pop-up-notif.js"></script>
  81. <script src="/libs/js/modal.js"></script>
  82. <script src="/libs/js/libs.js"></script>
  83. <script src="/libs/js/left_navbar.js"></script>
  84. <script src="/libs/js/main.js"></script> <!-- plugins:css -->
  85. <link rel="stylesheet" href="/vendors/iconfonts/mdi/css/materialdesignicons.min.css">
  86. <link rel="stylesheet" href="/vendors/css/vendor.bundle.base.css">
  87. <link rel="stylesheet" href="/vendors/css/vendor.bundle.addons.css">
  88. <link rel="stylesheet" href="/css/page/personal.css?2">
  89. <!-- endinject -->
  90. <!-- plugin css for this page -->
  91. <!-- End plugin css for this page -->
  92. <!-- inject:css -->
  93. <link rel="stylesheet" href="/css/libs/css.css?1">
  94. <!-- endinject -->
  95. <link rel="shortcut icon" href="/images/favicon.png">
  96. <link rel="stylesheet" href="../../vendors/iconfonts/font-awesome/css/font-awesome.css">
  97. <!-- plugins:js -->
  98. <script src="/js/off-canvas.js"></script>
  99. <script src="/js/misc.js"></script>
  100. <!-- endinject -->
  101. <!-- Custom js for this page-->
  102. <script src="/js/dashboard.js"></script>
  103. <script src="js/main.js?2"></script>
  104. <!-- End custom js for this page-->
  105. <style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;box-sizing: content-box;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>
  106.  
  107. <body>
  108. <div class="container-scroller">
  109. <!-- partial:partials/_navbar.html -->
  110. <header>
  111. <nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
  112. <div class="menu_place">
  113. <div id="menu-toggle">
  114. <div id="hamburger">
  115. <span></span>
  116. <span></span>
  117. <span></span>
  118. </div>
  119. <div id="cross">
  120. <span></span>
  121. <span></span>
  122. </div>
  123. </div>
  124. </div>
  125.  
  126. <div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
  127. <a class="navbar-brand brand-logo" href="/index.php">
  128. <img src="/images/logo.png" alt="logo">
  129.  
  130. </a>
  131. <a class="navbar-brand brand-logo-mini" href="index.html">
  132. <img src="/images/logo-mini.svg" alt="logo">
  133. </a>
  134. </div>
  135. <div class="navbar-menu-wrapper d-flex align-items-center">
  136. <ul class="navbar-nav navbar-nav-left header-links d-none d-md-flex">
  137. <li class="nav-item">
  138. <a href="/pages/coming" class="nav-link">
  139. <i class="fa fa-user-o"></i>Приходы </a>
  140. </li>
  141. <li class="nav-item">
  142. <a href="/pages/agreement" class="nav-link">
  143. <i class="fa fa-handshake-o"></i>Договоры </a>
  144. </li>
  145. <li class="nav-item">
  146. <a href="/pages/cashbox" class="nav-link">
  147. <i class="fa fa-rub"></i>Касса </a>
  148. </li>
  149. <li class="nav-item">
  150. <a href="/pages/personal" class="nav-link">
  151. <i class="fa fa fa-address-card-o"></i>Персонал </a>
  152. </li>
  153. <li class="nav-item">
  154. <a href="/pages/rate" class="nav-link">
  155. <i class="fa fa fa-line-chart"></i>Рейтинг </a>
  156. </li>
  157. <li class="nav-item">
  158. <a href="/pages/process" class="nav-link">
  159. <i class="fa fa-th"></i>Процесс </a>
  160. </li>
  161. </ul>
  162. <ul class="navbar-nav navbar-nav-right">
  163. <li class="nav-item dropdown">
  164. <a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
  165. <i class="mdi mdi-file-document-box"></i>
  166. <!--<span class="count">7</span>-->
  167. </a>
  168. <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="messageDropdown">
  169. <div class="dropdown-item">
  170. <p class="mb-0 font-weight-normal float-left">You have 7 unread mails
  171. </p>
  172. <span class="badge badge-info badge-pill float-right">View all</span>
  173. </div>
  174. <div class="dropdown-divider"></div>
  175. <a class="dropdown-item preview-item">
  176. <div class="preview-thumbnail">
  177. <img src="/images/faces/face4.jpg" alt="image" class="profile-pic">
  178. </div>
  179. <div class="preview-item-content flex-grow">
  180. <h6 class="preview-subject ellipsis font-weight-medium text-dark">David Grey
  181. <span class="float-right font-weight-light small-text">1 Minutes ago</span>
  182. </h6>
  183. <p class="font-weight-light small-text">
  184. The meeting is cancelled
  185. </p>
  186. </div>
  187. </a>
  188. <div class="dropdown-divider"></div>
  189. <a class="dropdown-item preview-item">
  190. <div class="preview-thumbnail">
  191. <img src="/images/faces/face2.jpg" alt="image" class="profile-pic">
  192. </div>
  193. <div class="preview-item-content flex-grow">
  194. <h6 class="preview-subject ellipsis font-weight-medium text-dark">Tim Cook
  195. <span class="float-right font-weight-light small-text">15 Minutes ago</span>
  196. </h6>
  197. <p class="font-weight-light small-text">
  198. New product launch
  199. </p>
  200. </div>
  201. </a>
  202. <div class="dropdown-divider"></div>
  203. <a class="dropdown-item preview-item">
  204. <div class="preview-thumbnail">
  205. <img src="/images/faces/face3.jpg" alt="image" class="profile-pic">
  206. </div>
  207. <div class="preview-item-content flex-grow">
  208. <h6 class="preview-subject ellipsis font-weight-medium text-dark"> Johnson
  209. <span class="float-right font-weight-light small-text">18 Minutes ago</span>
  210. </h6>
  211. <p class="font-weight-light small-text">
  212. Upcoming board meeting
  213. </p>
  214. </div>
  215. </a>
  216. </div>
  217. </li>
  218. <li class="nav-item dropdown">
  219. <a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
  220. <i class="mdi mdi-bell"></i>
  221. <!--<span class="count">4</span>-->
  222. </a>
  223. <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
  224. <a class="dropdown-item">
  225. <p class="mb-0 font-weight-normal float-left">You have 4 new notifications
  226. </p>
  227. <span class="badge badge-pill badge-warning float-right">View all</span>
  228. </a>
  229. <div class="dropdown-divider"></div>
  230. <a class="dropdown-item preview-item">
  231. <div class="preview-thumbnail">
  232. <div class="preview-icon bg-success">
  233. <i class="mdi mdi-alert-circle-outline mx-0"></i>
  234. </div>
  235. </div>
  236. <div class="preview-item-content">
  237. <h6 class="preview-subject font-weight-medium text-dark">Application Error</h6>
  238. <p class="font-weight-light small-text">
  239. Just now
  240. </p>
  241. </div>
  242. </a>
  243. <div class="dropdown-divider"></div>
  244. <a class="dropdown-item preview-item">
  245. <div class="preview-thumbnail">
  246. <div class="preview-icon bg-warning">
  247. <i class="mdi mdi-comment-text-outline mx-0"></i>
  248. </div>
  249. </div>
  250. <div class="preview-item-content">
  251. <h6 class="preview-subject font-weight-medium text-dark">Settings</h6>
  252. <p class="font-weight-light small-text">
  253. Private message
  254. </p>
  255. </div>
  256. </a>
  257. <div class="dropdown-divider"></div>
  258. <a class="dropdown-item preview-item">
  259. <div class="preview-thumbnail">
  260. <div class="preview-icon bg-info">
  261. <i class="mdi mdi-email-outline mx-0"></i>
  262. </div>
  263. </div>
  264. <div class="preview-item-content">
  265. <h6 class="preview-subject font-weight-medium text-dark">New user registration</h6>
  266. <p class="font-weight-light small-text">
  267. 2 days ago
  268. </p>
  269. </div>
  270. </a>
  271. </div>
  272. </li>
  273. <li class="nav-item dropdown d-none d-xl-inline-block">
  274. <a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
  275. <span class="profile-text">Hello, Oleg IT</span>
  276. <img class="img-xs rounded-circle" src="/images/faces/2019/02/20/1550693292.jpg" alt="Profile image">
  277. </a>
  278. <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
  279. <a class="dropdown-item p-0">
  280. <div class="d-flex border-bottom">
  281. <div class="py-3 px-4 d-flex align-items-center justify-content-center">
  282. <i class="mdi mdi-bookmark-plus-outline mr-0 text-gray"></i>
  283. </div>
  284. <div class="py-3 px-4 d-flex align-items-center justify-content-center border-left border-right">
  285. <i class="mdi mdi-account-outline mr-0 text-gray"></i>
  286. </div>
  287. <div class="py-3 px-4 d-flex align-items-center justify-content-center">
  288. <i class="mdi mdi-alarm-check mr-0 text-gray"></i>
  289. </div>
  290. </div>
  291. </a>
  292. <a class="dropdown-item mt-2">
  293. Manage Accounts
  294. </a>
  295. <a class="dropdown-item">
  296. Change Password
  297. </a>
  298. <a class="dropdown-item">
  299. Check Inbox
  300. </a>
  301. <a class="dropdown-item logout">
  302. Выход
  303. </a>
  304. </div>
  305. </li>
  306. </ul>
  307. <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
  308. <span class="mdi mdi-menu"></span>
  309. </button>
  310. </div>
  311. </nav>
  312. </header> <!-- partial -->
  313. <div class="container-fluid page-body-wrapper">
  314. <!-- partial:partials/_sidebar.html -->
  315.  
  316. <nav class="sidebar sidebar-offcanvas" id="sidebar" style="width: 0px;">
  317. <ul class="nav fixedMenu">
  318. <li class="nav-item nav-profile">
  319. <div class="nav-link">
  320. <div class="user-wrapper">
  321. <div class="profile-image">
  322. <img src="/images/faces/2019/02/20/1550693292.jpg" alt="profile image">
  323. </div>
  324. <div class="text-wrapper">
  325. <p class="profile-name">Oleg IT</p>
  326. <div>
  327. <small class="designation text-muted">Ваш PIN: 999</small>
  328. <span class="status-indicator online"></span>
  329. </div>
  330. </div>
  331. </div>
  332. <button class="btn btn-success btn-block" onclick="alert('В разработке...')">Создать наряд
  333. <i class="mdi mdi-plus"></i>
  334. </button>
  335. </div>
  336. </li>
  337. <li class="nav-item">
  338. <a class="nav-link" href="/pages/coming/">
  339. <i class="menu-icon fa fa-user-o"></i>
  340. <span class="menu-title">Приходы</span>
  341. </a>
  342. </li>
  343. <li class="nav-item">
  344. <a class="nav-link" href="/pages/agreement/">
  345. <i class="menu-icon fa fa-handshake-o"></i>
  346. <span class="menu-title">Договоры</span>
  347. </a>
  348. </li>
  349. <li class="nav-item">
  350. <a class="nav-link" href="/pages/cashbox/">
  351. <i class="menu-icon fa fa-rub"></i>
  352. <span class="menu-title">Касса</span>
  353. </a>
  354. </li>
  355. <li class="nav-item">
  356. <a class="nav-link" href="/pages/personal/">
  357. <i class="menu-icon fa fa fa-address-card-o"></i>
  358. <span class="menu-title">Персонал</span>
  359. </a>
  360. </li>
  361. <li class="nav-item">
  362. <a class="nav-link" href="/pages/rate/">
  363. <i class="menu-icon fa fa fa-line-chart"></i>
  364. <span class="menu-title">Рейтинг</span>
  365. </a>
  366. </li>
  367. <li class="nav-item">
  368. <a class="nav-link" href="/pages/process/">
  369. <i class="menu-icon fa fa-th"></i>
  370. <span class="menu-title">Процесс</span>
  371. </a>
  372. </li>
  373.  
  374. <li class="nav-item" style="display: none;">
  375. <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
  376. <i class="menu-icon mdi mdi-content-copy"></i>
  377. <span class="menu-title">Basic UI Elements</span>
  378. <i class="menu-arrow"></i>
  379. </a>
  380. <div class="collapse" id="ui-basic">
  381. <ul class="nav flex-column sub-menu">
  382. <li class="nav-item">
  383. <a class="nav-link" href="/pages/ui-features/buttons.html">Buttons</a>
  384. </li>
  385. <li class="nav-item">
  386. <a class="nav-link" href="/pages/ui-features/typography.html">Typography</a>
  387. </li>
  388. </ul>
  389. </div>
  390. </li>
  391. <li class="nav-item" style="display: none;">
  392. <a class="nav-link" href="/pages/forms/basic_elements.html">
  393. <i class="menu-icon mdi mdi-backup-restore"></i>
  394. <span class="menu-title">Form elements</span>
  395. </a>
  396. </li>
  397. <li class="nav-item" style="display: none;">
  398. <a class="nav-link" href="/pages/charts/chartjs.html">
  399. <i class="menu-icon mdi mdi-chart-line"></i>
  400. <span class="menu-title">Charts</span>
  401. </a>
  402. </li>
  403. <li class="nav-item" style="display: none;">
  404. <a class="nav-link" href="/pages/tables/basic-table.html">
  405. <i class="menu-icon mdi mdi-table"></i>
  406. <span class="menu-title">Tables</span>
  407. </a>
  408. </li>
  409. <li class="nav-item" style="display: none;">
  410. <a class="nav-link" href="/pages/icons/font-awesome.html">
  411. <i class="menu-icon mdi mdi-sticker"></i>
  412. <span class="menu-title">Icons</span>
  413. </a>
  414. </li>
  415. <li class="nav-item" style="display: none;">
  416. <a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
  417. <i class="menu-icon mdi mdi-restart"></i>
  418. <span class="menu-title">User Pages</span>
  419. <i class="menu-arrow"></i>
  420. </a>
  421. <div class="collapse" id="auth">
  422. <ul class="nav flex-column sub-menu">
  423. <li class="nav-item">
  424. <a class="nav-link" href="pages/samples/blank-page.html"> Blank Page </a>
  425. </li>
  426. <li class="nav-item">
  427. <a class="nav-link" href="pages/samples/login.html"> Login </a>
  428. </li>
  429. <li class="nav-item">
  430. <a class="nav-link" href="pages/samples/register.html"> Register </a>
  431. </li>
  432. <li class="nav-item">
  433. <a class="nav-link" href="pages/samples/error-404.html"> 404 </a>
  434. </li>
  435. <li class="nav-item">
  436. <a class="nav-link" href="pages/samples/error-500.html"> 500 </a>
  437. </li>
  438. </ul>
  439. </div>
  440. </li>
  441. </ul>
  442. </nav>
  443. <!-- partial -->
  444. <div class="main-panel">
  445. <div class="content-wrapper">
  446. <div class="row">
  447. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  448. <div class="card card-statistics activeDep">
  449. <div class="card-body" id="IT_dep">
  450. <div class="clearfix">
  451. <div class="columnInfoLogo">
  452. <i class="fa fa-desktop iconClass it-dep"></i>
  453. </div>
  454. <div class="">
  455. <p class="mb-0 depType"><span class="nameDep" attrdep="0">IT</span></p>
  456. <div class="fluid-container">
  457. <h3 class="font-weight-medium text-right mb-0">3</h3>
  458. </div>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  465. <div class="card card-statistics">
  466. <div class="card-body" id="res_dep">
  467. <div class="clearfix">
  468. <div class="columnInfoLogo">
  469. <i class="fa fa-users iconClass rec-dep"></i>
  470. </div>
  471. <div class="">
  472. <p class="mb-0 depType"><span class="nameDep" attrdep="1">Ресепшн</span></p>
  473. <div class="fluid-container">
  474. <h3 class="font-weight-medium text-right mb-0">3</h3>
  475. </div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  482. <div class="card card-statistics">
  483. <div class="card-body" id="upp_dep">
  484. <div class="clearfix">
  485. <div class="columnInfoLogo">
  486. <i class="fa fa-comments-o iconClass upp-dep"></i>
  487. </div>
  488. <div class="">
  489. <p class="mb-0 depType"><span class="nameDep" attrdep="3">ЮПП</span></p>
  490. <div class="fluid-container">
  491. <h3 class="font-weight-medium text-right mb-0 bkFilter">14</h3>
  492. </div>
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497. </div>
  498. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  499. <div class="card card-statistics">
  500. <div class="card-body" id="epod_dep">
  501. <div class="clearfix">
  502. <div class="columnInfoLogo">
  503. <i class="fa fa fa-address-card-o iconClass epod-dep"></i>
  504. </div>
  505. <div class="">
  506. <p class="mb-0 depType"><span class="nameDep" attrdep="4">ЭПОД</span></p>
  507. <div class="fluid-container">
  508. <h3 class="font-weight-medium text-right mb-0">3</h3>
  509. </div>
  510. </div>
  511. </div>
  512. </div>
  513. </div>
  514. </div>
  515.  
  516. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  517. <div class="card card-statistics">
  518. <div class="card-body" id="okk_dep">
  519. <div class="clearfix">
  520. <div class="columnInfoLogo">
  521. <i class="fa fa-bullhorn iconClass okk-dep"></i>
  522. </div>
  523. <div class="">
  524. <p class="mb-0 depType"><span class="nameDep" attrdep="5">ОКК</span></p>
  525. <div class="fluid-container">
  526. <h3 class="font-weight-medium text-right mb-0">2</h3>
  527. </div>
  528. </div>
  529. </div>
  530. </div>
  531. </div>
  532. </div>
  533.  
  534. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  535. <div class="card card-statistics">
  536. <div class="card-body" id="card_dep">
  537. <div class="clearfix">
  538. <div class="columnInfoLogo">
  539. <i class="fa fa-female iconClass hr-dep"></i>
  540. </div>
  541. <div class="">
  542. <p class="mb-0 depType"><span class="nameDep" attrdep="2">HR</span></p>
  543. <div class="fluid-container">
  544. <h3 class="font-weight-medium text-right mb-0">1</h3>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551.  
  552. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  553. <div class="card card-statistics">
  554. <div class="card-body" id="card_dep">
  555. <div class="clearfix">
  556. <div class="columnInfoLogo">
  557. <i class="fa fa-legal iconClass pred-dep"></i>
  558. </div>
  559. <div class="">
  560. <p class="mb-0 depType"><span class="nameDep" attrdep="7">Представители</span></p>
  561. <div class="fluid-container">
  562. <h3 class="font-weight-medium text-right mb-0">9</h3>
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567. </div>
  568. </div>
  569.  
  570. <div class="columnInfo col-xl-3 col-lg-3 col-md-3 col-sm-6 grid-margin stretch-card">
  571. <div class="card card-statistics">
  572. <div class="card-body" id="adm_dep">
  573. <div class="clearfix">
  574. <div class="columnInfoLogo">
  575. <i class="fa fa-rocket iconClass upr-dep"></i>
  576. </div>
  577. <div class="">
  578. <p class="mb-0 depType"><span class="nameDep" attrdep="6">Управление</span></p>
  579. <div class="fluid-container">
  580. <h3 class="font-weight-medium text-right mb-0">3</h3>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  587. </div> <div class="row">
  588. <div class="col-lg-12 grid-margin">
  589. <div class="card">
  590. <!-- <div class="card-body">-->
  591. <div class="addRecord profile-create" id="opener">
  592. <i class="fa fa-plus-circle addRecordBtn"></i>
  593. </div>
  594. <div class="searchBtn"><i class="fa fa-question-circle searchBtnIcon" data-toggle="tooltip" data-placement="top" title="Поиск"></i>
  595. </div>
  596. <div class="searchBlock">
  597. <span class="searchIcon"><i class="fa fa-search"></i></span>
  598. <div class="searchInputWrapper">
  599. <input type="text" list="searchOptions" class="searchInput">
  600. <div class="searchResult">
  601. <div class="searchResultOptions"></div>
  602. </div>
  603. </div>
  604.  
  605. </div>
  606.  
  607. <!-- </div>-->
  608. </div>
  609. </div>
  610. </div>
  611.  
  612. <div class="row justify-content-center block-people">
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637. <div class="row-people">
  638.  
  639. <div class="profile-sidebar height-bar">
  640. <!-- SIDEBAR USERPIC -->
  641. <div class="profile-userpic">
  642. <img src="/images/faces/2019/02/20/1550693292.jpg" class="img-fluid" alt="">
  643. </div>
  644. <!-- END SIDEBAR USERPIC -->
  645. <!-- SIDEBAR USER TITLE -->
  646. <div class="profile-usertitle">
  647. <div class="profile-usertitle-name">
  648. Oleg IT </div>
  649. <div class="profile-usertitle-pin">
  650. PIN: 999 </div>
  651. </div>
  652. <!-- END SIDEBAR USER TITLE -->
  653. <!-- SIDEBAR BUTTONS -->
  654. <div class="profile-userbuttons">
  655. <button type="submit" class="btn btn-success mr-2 btnInfo" id="999">Подробно</button>
  656. </div>
  657.  
  658. </div>
  659. </div>
  660. <div class="row-people">
  661.  
  662. <div class="profile-sidebar height-bar">
  663. <!-- SIDEBAR USERPIC -->
  664. <div class="profile-userpic">
  665. <img src="/images/faces/2019/02/25/1551099145.jpg" class="img-fluid" alt="">
  666. </div>
  667. <!-- END SIDEBAR USERPIC -->
  668. <!-- SIDEBAR USER TITLE -->
  669. <div class="profile-usertitle">
  670. <div class="profile-usertitle-name">
  671. Дашдамиров А. Н. </div>
  672. <div class="profile-usertitle-pin">
  673. PIN: 401 </div>
  674. </div>
  675. <!-- END SIDEBAR USER TITLE -->
  676. <!-- SIDEBAR BUTTONS -->
  677. <div class="profile-userbuttons">
  678. <button type="submit" class="btn btn-success mr-2 btnInfo" id="401">Подробно</button>
  679. </div>
  680.  
  681. </div>
  682. </div>
  683. <div class="row-people">
  684.  
  685. <div class="profile-sidebar height-bar">
  686. <!-- SIDEBAR USERPIC -->
  687. <div class="profile-userpic">
  688. <img src="/images/faces/2019/03/20/1553070189.jfif" class="img-fluid" alt="">
  689. </div>
  690. <!-- END SIDEBAR USERPIC -->
  691. <!-- SIDEBAR USER TITLE -->
  692. <div class="profile-usertitle">
  693. <div class="profile-usertitle-name">
  694. Картинов Р. О. </div>
  695. <div class="profile-usertitle-pin">
  696. PIN: 402 </div>
  697. </div>
  698. <!-- END SIDEBAR USER TITLE -->
  699. <!-- SIDEBAR BUTTONS -->
  700. <div class="profile-userbuttons">
  701. <button type="submit" class="btn btn-success mr-2 btnInfo" id="402">Подробно</button>
  702. </div>
  703.  
  704. </div>
  705. </div>
  706.  
  707. </div>
  708.  
  709. </div>
  710. <!-- content-wrapper ends -->
  711. <!-- partial:partials/_footer.html -->
  712. <footer class="footer">
  713. <div class="container-fluid clearfix">
  714. <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">© CRM Cream 2019 <i class="mdi mdi-heart text-danger"></i></span>
  715. </div>
  716. <script src="/js/all.js"></script>
  717. </footer> <!-- partial -->
  718. </div>
  719. <!-- main-panel ends -->
  720. </div>
  721. <!-- page-body-wrapper ends -->
  722.  
  723. </div>
  724. <!-- container-scroller -->
  725.  
  726. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  727. <link rel="stylesheet" href="/libs/css/jquery-ui-edit.css">
  728. <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  729. <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  730.  
  731.  
  732. <div tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ui-dialog-buttons ui-draggable ui-resizable" aria-describedby="dialog" style="position: absolute; height: auto; width: 50%; top: 150px; left: 480px; display: block;" aria-labelledby="ui-id-1"><div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix ui-draggable-handle"><span id="ui-id-1" class="ui-dialog-title">Подробная информация</span><button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="Close"><span class="ui-button-icon ui-icon ui-icon-closethick"></span><span class="ui-button-icon-space"> </span>Close</button></div><div id="dialog" class="ui-dialog-content ui-widget-content" style="display: block; width: auto; min-height: 0px; max-height: none; height: 16px;">
  733. <div class="card-body height-body">
  734. <div class="card">
  735. <div class="row peopleInfoRow">
  736. <div class="col-md-6">
  737. <div class="row">
  738. <div class="peopleInfoBlock mb-4">
  739. <div class="peopleImage">
  740. <img class="photoModal img-responsive" src="/images/faces/2019/02/20/1550693292.jpg">
  741. <div class="uploadBtn"><span>Загрузить</span></div>
  742. <input id="sortpicture" type="file" name="sortpic">
  743. <button type="submit" class="btn btn-secondary mr-2 profile-addbutton deletePerson" id="000">Уволить</button>
  744. </div>
  745. <div class="peopleInfo">
  746. <div class="moreInfo">
  747. <span class="moreInfoName">Oleg IT</span>
  748. <span><i class="fa fa-telegram"></i>Telegram: @blaccyee</span>
  749. <span><i class="fa fa-phone-square"></i> Телефон: <span class="phoneModal cl-info">89257656854</span></span>
  750. <span><i class="fa fa-phone-square"></i> ПИН: <span class="pinModal cl-info">999</span></span>
  751. <span><i class="fa fa fa-user-circle"></i> Отдел: <span class="depModal cl-info">IT</span></span>
  752. </div>
  753. </div>
  754. </div>
  755.  
  756. <!-- <div class="profile-addbutton">-->
  757. <!-- </div>-->
  758. </div>
  759. </div>
  760. <div class="col-md-6">
  761. <div class="row form-login">
  762. <h4 class="card-description">Создать / обновить аккаунт</h4>
  763. <div class="loginDepartment">
  764. <div class="form-group row">
  765. <label class="col-sm-3 col-form-label">Логин: </label>
  766. <div class="col-sm-9">
  767. <input type="text" class="form-control" id="inputLogin" placeholder="">
  768. </div>
  769. </div>
  770. <div class="form-group row">
  771. <label for="inputPassword" class="col-sm-3 col-form-label">Пароль: </label>
  772. <div class="col-sm-9">
  773. <input type="text" class="form-control" id="inputDepartmentPassword">
  774. </div>
  775. </div>
  776. <button type="submit" class="btn btn-loginDepartment">Выполнить</button>
  777. </div>
  778. </div>
  779. </div>
  780. </div>
  781.  
  782.  
  783.  
  784.  
  785. <div class="content">
  786. <h4 class="card-description">Информация:</h4>
  787. <div class="row">
  788.  
  789. <div class="col-md-6">
  790. <div class="form-group row">
  791. <label class="col-sm-3 col-form-label">ФИО</label>
  792. <div class="col-sm-9 infoInput">
  793. <input type="text" name="fullName" class="form-control">
  794. </div>
  795. </div>
  796. </div>
  797.  
  798. <div class="col-md-6">
  799. <div class="form-group row">
  800. <label class="col-sm-3 col-form-label">Дата рождения</label>
  801. <div class="col-sm-9 infoInput">
  802. <input type="text" name="dateBirth" class="form-control">
  803. </div>
  804. </div>
  805. </div>
  806.  
  807. </div>
  808. <div class="row">
  809. <div class="col-md-6">
  810. <div class="form-group row">
  811. <label class="col-sm-3 col-form-label">Место рождения</label>
  812. <div class="col-sm-9 infoInput">
  813. <input type="text" name="placeBirth" class="form-control">
  814. </div>
  815. </div>
  816. </div>
  817.  
  818. <div class="col-md-6">
  819. <div class="form-group row">
  820. <label class="col-sm-3 col-form-label">Образование</label>
  821. <div class="col-sm-9 infoInput">
  822. <input type="text" name="education" class="form-control">
  823. </div>
  824. </div>
  825. </div>
  826.  
  827. </div>
  828. <div class="row">
  829. <div class="col-md-6">
  830. <div class="form-group row">
  831. <label class="col-sm-3 col-form-label">В/С</label>
  832. <div class="col-sm-9 infoInput">
  833. <input type="text" name="army" class="form-control">
  834. </div>
  835. </div>
  836. </div>
  837. <div class="col-md-6">
  838. <div class="form-group row">
  839. <label class="col-sm-3 col-form-label">Семейное положение</label>
  840. <div class="col-sm-9 infoInput">
  841. <input type="text" name="maritalStatus" class="form-control">
  842. </div>
  843. </div>
  844. </div>
  845. </div>
  846. <h4 class="card-description">Контакты:</h4>
  847.  
  848. <div class="row">
  849. <div class="col-md-6">
  850. <div class="form-group row">
  851. <label class="col-sm-3 col-form-label">Телефон</label>
  852. <div class="col-sm-9 infoInput">
  853. <input type="text" name="phone" class="form-control">
  854. </div>
  855. </div>
  856. </div>
  857. <div class="col-md-6">
  858. <div class="form-group row">
  859. <label class="col-sm-3 col-form-label">Адрес проживания</label>
  860. <div class="col-sm-9 infoInput">
  861. <input type="text" name="residentialAddress" class="form-control">
  862. </div>
  863. </div>
  864. </div>
  865. </div>
  866.  
  867. <h4 class="card-description">Паспортные данные:</h4>
  868.  
  869. <div class="row">
  870. <div class="col-md-6">
  871. <div class="form-group row">
  872. <label class="col-sm-3 col-form-label">Серия и номер</label>
  873. <div class="col-sm-9 infoInput">
  874. <input type="text" name="serialNumber" class="form-control">
  875. </div>
  876. </div>
  877. </div>
  878. <div class="col-md-6">
  879. <div class="form-group row">
  880. <label class="col-sm-3 col-form-label">Кем выдан</label>
  881. <div class="col-sm-9 infoInput">
  882. <input type="text" name="issuedPassport" class="form-control">
  883. </div>
  884. </div>
  885. </div>
  886. </div>
  887.  
  888. <div class="row">
  889. <div class="col-md-6">
  890. <div class="form-group row">
  891. <label class="col-sm-3 col-form-label">Дата выдачи</label>
  892. <div class="col-sm-9 infoInput">
  893. <input type="text" name="issueDate" class="form-control">
  894. </div>
  895. </div>
  896. </div>
  897. <div class="col-md-6">
  898. <div class="form-group row">
  899. <label class="col-sm-3 col-form-label">Адрес прописки</label>
  900. <div class="col-sm-9 infoInput">
  901. <input type="text" name="adress" class="form-control">
  902. </div>
  903. </div>
  904. </div>
  905. </div>
  906.  
  907. <h4 class="card-description">Офис:</h4>
  908.  
  909. <div class="row">
  910. <div class="col-md-6">
  911. <div class="form-group row">
  912. <label class="col-sm-3 col-form-label">ПИН</label>
  913. <div class="col-sm-9 infoInput">
  914. <input type="text" name="pin" class="form-control">
  915. <input type="hidden" name="avatar" class="form-control" value="10">
  916. </div>
  917. </div>
  918. </div>
  919. <div class="col-md-6">
  920. <div class="form-group row">
  921. <label class="col-sm-3 col-form-label">Отдел</label>
  922. <div class="col-sm-9 infoInput">
  923. <select class="form-control departamentSelect" name="department"><option value="0">IT</option><option value="1">Ресепшн</option><option value="3">ЮПП</option><option value="4">ЭПОД</option><option value="5">ОКК</option><option value="2">HR</option><option value="7">Представители</option><option value="6">Управление</option></select>
  924. </div>
  925. </div>
  926. </div>
  927. </div>
  928.  
  929. </div>
  930. </div>
  931. </div>
  932.  
  933. </div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div><div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"><div class="ui-dialog-buttonset"><button type="submit" class="btn primary sub ui-button ui-corner-all ui-widget">Сохранить</button></div></div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!