API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 3rd, 2017
415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 207.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="content-type" content="application/force-download">
  7. <meta http-equiv="content-disposition" content="attachment">
  8. <meta name="description" content="">
  9. <meta name="author" content="Dashboard">
  10.  
  11. <title>Enso - Onboarding</title>
  12. <!-- START @GLOBAL MANDATORY STYLES -->
  13.  
  14.  
  15.  
  16. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.css') }}" type="text/css" media="all" />
  17.  
  18. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap/dist/css/bootstrap.min.css') }}" type="text/css" media="all" />
  19. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/fontawesome/css/font-awesome.min.css') }}" type="text/css" media="all" />
  20. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/animate.css/animate.min.css') }}" type="text/css" media="all" />
  21. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/reset.css') }}" type="text/css" media="all" />
  22. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/layout.css') }}" type="text/css" media="all" />
  23. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/components.css') }}" type="text/css" media="all" />
  24. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/plugins.css') }}" type="text/css" media="all" />
  25. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/themes/default.theme.css') }}" type="text/css" media="all" />
  26. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/custom.css') }}" type="text/css" media="all" />
  27. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css') }}" type="text/css" media="all" />
  28. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/admin/css/pages/project-team.css') }}" type="text/css" media="all" />
  29. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/commercial/plugins/cube-portfolio/cubeportfolio/css/cubeportfolio.min.css') }}" type="text/css" media="all" />
  30.  
  31. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  32. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  33. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/fontawesome/css/font-awesome.min.css') }}" type="text/css" media="all" />
  34. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/fullcalendar/fullcalendar.min.css') }}" type="text/css" media="all" />
  35. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/fullcalendar/fullcalendar.print.css') }}" type="text/css" media="all" />
  36. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.css') }}" type="text/css" media="all" />
  37. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/inputs-ext/typeaheadjs/lib/typeahead.js-bootstrap.css') }}" type="text/css" media="all" />
  38. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/inputs-ext/address/address.css') }}" type="text/css" media="all" />
  39. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css') }}" type="text/css" media="all" />
  40. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jasny-bootstrap-fileinput/css/jasny-bootstrap-fileinput.min.css') }}" type="text/css" media="all" />
  41. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/chosen_v1.2.0/chosen.min.css') }}" type="text/css" media="all" />
  42. <link rel="stylesheet" href="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/sweetalert-master/dist/sweetalert.css') }}" type="text/css" media="all" />
  43.  
  44. <link href="{{ asset('bundles/ensofront/jasny-bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" media="screen"/>
  45. <link href="{{ asset('bundles/ensofront/jasny-bootstrap/css/jasny-bootstrap.min.css')}}" rel="stylesheet" media="screen"/>
  46.  
  47. <style>
  48.  
  49. .modal {
  50.  
  51. bottom: 0!important;
  52. display: none;
  53. left: 0 !important;
  54. outline: 0 none;
  55. overflow: hidden;
  56. position: fixed;
  57. right: 0 !important;
  58. top: 0 !important;
  59. z-index: 1050;
  60. background-color: rgba(0,0,0,0.4) !important;
  61. }
  62. .modal-content {
  63. background-color: #fefefe !important;
  64. margin: auto !important;
  65. padding: 0px !important;
  66. border: 1px solid #888 !important;
  67. top:20% !important;
  68. }
  69.  
  70.  
  71. .datepicker-dropdown {
  72. border-bottom: 2px solid !important;
  73. border-top: 2px solid !important;
  74. border-left: 2px solid !important;
  75. border-right: 2px solid !important;
  76. padding: 4px !important;
  77.  
  78. border-radius: 4px !important;
  79. }
  80. .datepicker table {
  81. margin: 0 !important;
  82. -webkit-touch-callout: none !important;
  83. -webkit-user-select: none !important;
  84. -khtml-user-select: none !important;
  85. -moz-user-select: none !important;
  86. -ms-user-select: none !important;
  87. user-select: none !important;
  88.  
  89. }
  90.  
  91. .datepicker table tr td,
  92. .datepicker table tr th {
  93. text-align: center !important;
  94. width: 30px !important;
  95. height: 30px !important;
  96. border-radius: 4px !important;
  97. border: none !important;
  98.  
  99. }
  100. .datepicker table thead tr th.dow{
  101. color:black !important;
  102. font:solid !important;}
  103. .datepicker table tr td.day{color:blue !important;}
  104. .datepicker table tr td.day:hover,
  105. .datepicker table tr td.focused {
  106. background: #555555 !important;
  107. color:white !important;
  108. cursor: pointer !important;
  109. }
  110. .datepicker table tr td.old,
  111. .datepicker table tr td.new {
  112. color: #FF8000 !important;
  113. }
  114.  
  115. .datepicker table tr td.today {
  116. color: #000000 !important;
  117. background-color: #FFA953 !important;
  118. border-color: #FFB76F !important;
  119. }
  120. .datepicker table tr td.today:hover {
  121. color: #FFFFFF !important;
  122. background-color: #884400 !important;
  123. border-color: #f59e00 !important;
  124. }
  125. .datepicker table tr td.active:active,
  126. .datepicker table tr td.active.highlighted:active,
  127. .datepicker table tr td.active.active,
  128. .datepicker table tr td.active.highlighted.active,
  129. .open > .dropdown-toggle.datepicker table tr td.active,
  130. .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  131. color: #ffffff !important;
  132. background-color: #419841 !important;
  133. border-color: #285e8e !important;
  134. }
  135.  
  136.  
  137. .datepicker table tr td.active:active:hover,
  138. .datepicker table tr td.active.highlighted:active:hover,
  139. .datepicker table tr td.active.active:hover,
  140. .datepicker table tr td.active.highlighted.active:hover,
  141. .open > .dropdown-toggle.datepicker table tr td.active:hover,
  142. .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
  143. .datepicker table tr td.active:active:focus,
  144. .datepicker table tr td.active.highlighted:active:focus,
  145. .datepicker table tr td.active.active:focus,
  146. .datepicker table tr td.active.highlighted.active:focus,
  147. .open > .dropdown-toggle.datepicker table tr td.active:focus,
  148. .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
  149. .datepicker table tr td.active:active.focus,
  150. .datepicker table tr td.active.highlighted:active.focus,
  151. .datepicker table tr td.active.active.focus,
  152. .datepicker table tr td.active.highlighted.active.focus,
  153. .open > .dropdown-toggle.datepicker table tr td.active.focus,
  154. .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
  155. color: #ffffff !important;
  156. background-color: #285e8e !important;
  157. border-color: #193c5a !important;
  158. }
  159. .datepicker table tr td.active:active,
  160. .datepicker table tr td.active.highlighted:active,
  161. .datepicker table tr td.active.active,
  162. .datepicker table tr td.active.highlighted.active,
  163. .open > .dropdown-toggle.datepicker table tr td.active,
  164. .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  165. color: #ffffff !important;
  166. background-color: #3071a9 !important;
  167. border-color: #285e8e !important;
  168. }
  169. .datepicker table tr td.active:active:hover,
  170. .datepicker table tr td.active.highlighted:active:hover,
  171. .datepicker table tr td.active.active:hover,
  172. .datepicker table tr td.active.highlighted.active:hover,
  173. .open > .dropdown-toggle.datepicker table tr td.active:hover,
  174. .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
  175. .datepicker table tr td.active:active:focus,
  176. .datepicker table tr td.active.highlighted:active:focus,
  177. .datepicker table tr td.active.active:focus,
  178. .datepicker table tr td.active.highlighted.active:focus,
  179. .open > .dropdown-toggle.datepicker table tr td.active:focus,
  180. .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
  181. .datepicker table tr td.active:active.focus,
  182. .datepicker table tr td.active.highlighted:active.focus,
  183. .datepicker table tr td.active.active.focus,
  184. .datepicker table tr td.active.highlighted.active.focus,
  185. .open > .dropdown-toggle.datepicker table tr td.active.focus,
  186. .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
  187. color: #ffffff !important;
  188. background-color: #285e8e !important;
  189. border-color: #193c5a !important;
  190. }
  191. .datepicker .datepicker-switch {
  192. width: 145px !important;
  193. color :#50A2C9 !important;
  194.  
  195. }
  196. .datepicker .next ,.datepicker .prev{color :gray !important;}
  197. .datepicker .datepicker-switch:hover,
  198. .datepicker .prev:hover,
  199. .datepicker .next:hover,
  200. .datepicker tfoot tr th:hover {
  201. background: #50A2C9 !important;
  202. color:white !important;
  203. }
  204.  
  205. .todo-list{margin:0;padding:0px 0px;list-style:none;overflow:auto}.todo-list>li{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:2px;border-left:2px solid #e6e7e8;color:#444}.todo-list>li:last-of-type{margin-bottom:0}.todo-list>li.danger{border-left-color:#dd4b39}.todo-list>li.warning{border-left-color:#f39c12}.todo-list>li.info{border-left-color:#00c0ef}.todo-list>li.success{border-left-color:#00a65a}.todo-list>li.primary{border-left-color:#3c8dbc}.todo-list>li>input[type='checkbox']{margin:0 10px 0 5px}.todo-list>li .text{display:inline-block;margin-left:5px;font-weight:600}.todo-list>li .label{margin-left:10px;font-size:9px}.todo-list>li .tools{display:none;float:right;color:#dd4b39}.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion{margin-right:5px;cursor:pointer}.todo-list>li:hover .tools{display:inline-block}.todo-list>li.done{color:#999}.todo-list>li.done .text{text-decoration:line-through;font-weight:500}.todo-list>li.done .label{background:#d2d6de !important}.todo-list .handle{display:inline-block;cursor:move;margin:0 5px}
  206.  
  207. li.doci {
  208. list-style:none;
  209. margin-bottom:25px;
  210. }
  211. .dropzone {
  212. position: relative;
  213. border: 2px dotted #BDBDBD;
  214. border-radius: 2px;
  215. color: #D8D8D8;
  216.  
  217. height: 110px;
  218. margin: 10px auto;
  219. text-align: center;
  220. width: 110px;
  221. }
  222.  
  223. .dropzone.hover {
  224. border: 3px solid #D8D8D8;
  225. color: #FE5;
  226. }
  227.  
  228. .dropzone.dropped {
  229. background: #E6E6E6;
  230. border: 2px solid #D8D8D8;
  231. color: white;
  232.  
  233. }
  234.  
  235. .dropzone div {
  236. position: relative;
  237. top: 4px;
  238. right: 0;
  239. bottom: 0;
  240. left: 0;
  241. }
  242.  
  243. .dropzone [type="file"] {
  244. cursor: pointer;
  245. position: absolute;
  246. opacity: 0;
  247. top: 0;
  248. right: 0;
  249. bottom: 0;
  250. left: 0;
  251. }
  252.  
  253.  
  254.  
  255. .dropzone img {
  256. display: block;
  257. position: relative;
  258. border-radius: 2px;
  259. vertical-align: middle;
  260. margin-left: auto;
  261. margin-right: auto;
  262. width: 100px;
  263. height: 100px;
  264. max-width: 100px;
  265. max-height: 100px;
  266. border: 1px solid #F5A9A9;
  267. }
  268. .dropzone h3 {
  269. text-transform: uppercase;
  270. color: white;
  271. text-align: center;
  272. position: relative;
  273. font-size: 11px;
  274. padding: 10px;
  275. background-color: #F5A9A9;
  276. margin: 20px 0 0 0;
  277. }
  278.  
  279.  
  280. .dropzone a.yes {
  281. display: inline-block;
  282. text-transform: uppercase;
  283. margin-top : 10px;
  284. }
  285. .dropzone a.no {
  286. display: inline-block;
  287. text-transform: uppercase;
  288. margin-top : 10px;
  289. }
  290. .dropzone a.yes:hover {
  291. box-shadow: 0 0 5px #000;
  292. }
  293. .dropzone a.no:hover {
  294. box-shadow: 0 0 5px #000;
  295. }
  296.  
  297. .dropzone img {
  298. transition: all 0.2s linear;
  299. }
  300.  
  301.  
  302. .dropzone h3 {
  303. transform: translateY(-100px);
  304. opacity: 0;
  305. transition: all 0.2s ease-in-out;
  306. }
  307. .dropzone a.yes{
  308. opacity: 0;
  309. transition: all 0.2s ease-in-out;
  310. }
  311. .dropzone a.no{
  312. opacity: 0;
  313. transition: all 0.2s ease-in-out;
  314. }
  315.  
  316.  
  317. .dropzone:hover h3,
  318. .dropzone:hover a.yes {
  319. opacity: 1;
  320. transform: translateY(0px);
  321. }
  322. .dropzone:hover a.no {
  323. opacity: 1;
  324. transform: translateY(0px);
  325. }
  326. .dropzone:hover a.yes {
  327. transition-delay: 0.2s;
  328. }
  329. .dropzone:hover a.no {
  330. transition-delay: 0.2s;
  331. }
  332.  
  333. body { top: 0px !important; }
  334.  
  335. </style>
  336.  
  337.  
  338. <style>
  339.  
  340. li.doci {
  341. list-style:none;
  342. margin-bottom:25px;
  343. }
  344. .downoladFile {
  345. position: relative;
  346. border: 2px dotted #BDBDBD;
  347. border-radius: 2px;
  348. color: #D8D8D8;
  349.  
  350. height: 110px;
  351. margin: 10px auto;
  352. text-align: center;
  353. width: 110px;
  354. }
  355.  
  356. .downoladFile.hover {
  357. border: 3px solid #D8D8D8;
  358. color: #FE5;
  359. }
  360.  
  361. .downoladFile.dropped {
  362. background: #E6E6E6;
  363. border: 2px solid #D8D8D8;
  364. color: white;
  365.  
  366. }
  367.  
  368. .downoladFile div {
  369. position: relative;
  370. top: 4px;
  371. right: 0;
  372. bottom: 0;
  373. left: 0;
  374. }
  375.  
  376. .downoladFile [type="file"] {
  377. cursor: pointer;
  378. position: absolute;
  379. opacity: 0;
  380. top: 0;
  381. right: 0;
  382. bottom: 0;
  383. left: 0;
  384. }
  385.  
  386.  
  387. .downoladFile img {
  388. display: block;
  389. position: relative;
  390. border-radius: 2px;
  391. vertical-align: middle;
  392. margin-left: auto;
  393. margin-right: auto;
  394. width: 100px;
  395. height: 100px;
  396. max-width: 100px;
  397. max-height: 100px;
  398. border: 1px solid #F5A9A9;
  399. }
  400. .downoladFile h3 {
  401. text-transform: uppercase;
  402. color: white;
  403. text-align: center;
  404. position: relative;
  405. font-size: 11px;
  406. padding: 10px;
  407. background-color: #F5A9A9;
  408. margin: 20px 0 0 0;
  409. }
  410.  
  411.  
  412. .downoladFile a.yes {
  413. display: inline-block;
  414. text-transform: uppercase;
  415. margin-top : 10px;
  416. }
  417. .downoladFile a.no {
  418. display: inline-block;
  419. text-transform: uppercase;
  420. margin-top : 10px;
  421. }
  422. .downoladFile a.yes:hover {
  423. box-shadow: 0 0 5px #000;
  424. }
  425. .downoladFile a.no:hover {
  426. box-shadow: 0 0 5px #000;
  427. }
  428.  
  429. .downoladFile img {
  430. transition: all 0.2s linear;
  431. }
  432.  
  433. .downoladFile h3 {
  434. transform: translateY(-100px);
  435. opacity: 0;
  436. transition: all 0.2s ease-in-out;
  437. }
  438. .downoladFile a.yes{
  439. opacity: 0;
  440. transition: all 0.2s ease-in-out;
  441. }
  442. .downoladFile a.no{
  443. opacity: 0;
  444. transition: all 0.2s ease-in-out;
  445. }
  446.  
  447.  
  448.  
  449. .downoladFile:hover h3,
  450. .downoladFile:hover a.yes {
  451. opacity: 1;
  452. transform: translateY(0px);
  453. }
  454. .downoladFile:hover a.no {
  455. opacity: 1;
  456. transform: translateY(0px);
  457. }
  458. .downoladFile:hover a.yes {
  459. transition-delay: 0.2s;
  460. }
  461. .downoladFile:hover a.no {
  462. transition-delay: 0.2s;
  463. }
  464. </style>
  465.  
  466. <style>
  467.  
  468.  
  469. .editable-container.editable-inline, .editableform > .control-group, .editable-input, .editableform .form-control {
  470. width:90%;
  471. }
  472. .editable-container.editable-inline, .editableform >.form-inline editableform
  473. {
  474. margin-top: 8px;
  475. }
  476.  
  477. </style>
  478. <style>
  479. .loader
  480. {
  481. display: none;
  482. position: fixed;
  483. top: 50%;
  484. left: 50%;
  485. text-align:center;
  486. margin-left: -200px;
  487. margin-top: -100px;
  488. z-index:4;
  489. overflow: auto;
  490. }
  491. </style>
  492. {%if app.session.get('tenant')== 'operadeparis'%}
  493. <style>
  494.  
  495. .panel-tab .panel-heading ul li.active a:hover{
  496. background-color: black;
  497. margin-bottom:0px;
  498. border-width:0px;
  499. }
  500. .panel-tab .panel-heading ul li a:hover{
  501. background-color: black;
  502. margin-bottom:0px;
  503. border-width:0px;
  504. }
  505. .panel-tab .panel-heading ul li.active a:focus{
  506. background-color: black;
  507. border-color:black;
  508. border-width:0px;
  509. margin-bottom:0px;
  510. }
  511. .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  512. background-color: black;
  513.  
  514. border-width:0px;
  515. margin-bottom:0px;
  516. }
  517.  
  518. .panel-tab .panel-heading ul li a{
  519.  
  520. border-width:0px;
  521. margin-bottom:0px;
  522. }
  523. .nav-tabs > li{
  524. margin-bottom:0px;
  525. }
  526. .panel-tab .panel-heading ul li.active a{
  527. background-color: black;
  528. }
  529. .editable-buttons {
  530. display: block;
  531. }
  532. .popover fade top in editable-container editable-popup{
  533. width:80%;
  534. }
  535. .editable-container.editable-inline, .editableform > .control-group, .editable-input, .editableform .form-control {
  536. width:80%;
  537. }
  538. </style>{%endif%}
  539. <script type="text/javascript">
  540. function PremierMaj(){
  541. var res='';
  542. console.log('begin');
  543. x = document.getElementById("prenom").value ;
  544. for (i=0;i<x.length;i++){
  545. console.log(i);
  546. if (i==0){
  547.  
  548. res+=x[i].toUpperCase();}
  549. else {res+=x[i].toLowerCase();
  550. }
  551. }
  552. document.getElementById("prenom").value = res;
  553. console.log(res);}
  554. </script>
  555. <script type="text/javascript">
  556.  
  557. function lancer_arrivee_steps($idEmp)
  558.  
  559. {
  560. var verif = verifChamps("Arrivee",$idEmp);
  561. var modal = document.getElementById('myModal');
  562. modal.style.display = "none";
  563.  
  564.  
  565. var $_data = {
  566.  
  567. 'idEmp': $idEmp,
  568. 'nom': $('#nom').val(),
  569. 'prenom': $('#prenom').val(),
  570. 'dateEntree': $('#dateEmbauche').val(),
  571. 'societe': $('#societe').val(),
  572. 'poste': $('#poste').val(),
  573. 'email': $('#email').val(),
  574. 'mailPro': $('#mailPro').val(),
  575.  
  576. 'contrat': $('#contrat').val(),
  577. }
  578. var ids="";
  579. var node_list = document.getElementsByClassName('tacheSteps');
  580. var child_node_list =null;
  581. for (var i = 0; i < node_list.length; i++) {
  582. if (ids ==="") {ids = node_list[i].id.substring(0,node_list[i].id.length);} else {ids = ids+"#"+node_list[i].id.substring(0,node_list[i].id.length);}
  583. child_node_list = node_list[i].childNodes;
  584.  
  585. for (var j = 0; j < child_node_list.length; j++) {
  586.  
  587. if (child_node_list[j].nodeType === 1) {
  588.  
  589. child_child_node_list = child_node_list[j].childNodes;
  590. for (var k = 0; k < child_child_node_list.length; k++) {
  591. data: $_data,
  592.  
  593. $type=child_child_node_list[k].type;
  594. if ($type === "checkbox"){
  595. $id=child_child_node_list[k].id;
  596. //alert($id)
  597. if ( $('#'+$id).is(':checked')){
  598. child_child_node_list[k].value="check";
  599. }
  600. else{
  601. child_child_node_list[k].value="off";
  602. }
  603. }
  604. $_data[child_child_node_list[k].id] = child_child_node_list[k].value;
  605.  
  606. }
  607. }
  608.  
  609. }
  610.  
  611. }
  612.  
  613.  
  614.  
  615. $_data['ids'] = ids;
  616.  
  617. console.log($_data);
  618. $.ajax({
  619.  
  620. type: "POST",
  621. url: "{{path('manage_lancerArrivee_steps')}}",
  622. data: $_data,
  623. success: function(data) {
  624.  
  625. $id = data;
  626.  
  627. if(data!="ExisteUser" && data !="ExisteMail"){
  628. swal({
  629. title: "Arrivée lancée !",
  630. text: "",
  631. type: "success",
  632. showCancelButton: false,
  633. showConfirmButton: false,
  634. confirmButtonColor: "#00b1e1",
  635. confirmButtonText: "",
  636. cancelButtonText: "OK" ,
  637. closeOnConfirm: false},
  638. function(isConfirm){ if (isConfirm) { retourDash($idEmp) } }
  639.  
  640. );
  641. var url = "{{path('manage_DashboardRh')}}";
  642. location.href = url;
  643.  
  644. }
  645. else{
  646. if(data=="ExisteUser"){
  647. swal({ title: "Ce nom d'utilisateur existe déjà dans enso !", type: "warning", text: "Veuillez choisir un autre nom", timer: 5000, showConfirmButton: true });
  648.  
  649. }
  650. if(data=="ExisteMail"){
  651. swal({ title: "Ce mail existe déjà dans enso !", type: "warning", text: "Veuillez choisir un autre", timer: 5000, showConfirmButton: true });
  652.  
  653. }
  654. }},
  655. beforeSend: function(){
  656. $('.loader').show();
  657. },
  658. complete: function(){
  659. $('.loader').hide();
  660. }
  661.  
  662.  
  663. });
  664.  
  665.  
  666. }
  667. function isValidDate()
  668. { var dateString = $('#dateArrSwAl').val();
  669.  
  670. var parts = dateString.split("/");
  671. var day = parseInt(parts[0], 10);
  672. var month = parseInt(parts[1], 10);
  673. var year = parseInt(parts[2], 10);
  674. // alert(dateString);
  675.  
  676. if(!/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(dateString))
  677. // return false;
  678. {
  679. document.getElementById('dateAlertval').style.display = "block";
  680. document.getElementById("dateAlertval").innerHTML = "format date non valide";
  681.  
  682. }else if(year < 2016 || year > 2100 || month == 0 || month > 12 || day > 31 || day < 01){
  683.  
  684. document.getElementById('dateAlertval').style.display = "block";
  685. document.getElementById("dateAlertval").innerHTML = "format date non valide";
  686.  
  687. }else if( month == 02 && day > 29 ){
  688.  
  689. document.getElementById('dateAlertval').style.display = "block";
  690. document.getElementById("dateAlertval").innerHTML = "ce mois contient max 29 jours";
  691. //alert("format date non valide");
  692. }else if((month == 04 || month == 06 || month == 09 || month == 11 )&& day > 30 ){
  693.  
  694. document.getElementById('dateAlertval').style.display = "block";
  695. document.getElementById("dateAlertval").innerHTML = "ce mois contient 30 jours";
  696. //alert("format date non valide");
  697. }else{
  698.  
  699. document.getElementById('dateAlertval').style.display = "none";
  700. }
  701.  
  702. };
  703. function terminertache(){
  704. alert("hello")
  705. }
  706.  
  707.  
  708.  
  709. function EnregistrerInfosEmployee($idEmp)
  710. {
  711. //alert("ici")
  712.  
  713. var $_data = {
  714. 'idProfil': $('#profil').val(),
  715. 'idEmp': $idEmp,
  716. 'nom': $('#nom').val(),
  717. 'prenom': $('#prenom').val(),
  718. 'societe': $('#societe').val(),
  719. 'poste': $('#poste').val(),
  720. 'email': $('#email').val(),
  721. 'contrat': $('#contrat').val(),
  722. 'dateEmbauche': $('#dateEmbauche').val(),
  723. 'departement': $('#departement').val(),
  724. 'adresseDepartement': $('#adresseDepartement').val(),
  725. 'horairMensuel': $('#horairMensuel').val(),
  726. 'horairHebdo': $('#horairHebdo').val(),
  727. 'civilite': $("input[name='civilite']:checked").val(),
  728. 'datedeNaissance': $('#datedeNaissance').val(),
  729. 'villeNaissance': $('#villeNaissance').val(),
  730. 'paysNaissance': $('#paysNaissance').val(),
  731. 'nationalite': $('#nationalite').val(),
  732. 'adressePerso': $('#adressePerso').val(),
  733. 'numSecu': $('#numSecu').val(),
  734. 'statut': $('#statut').val(),
  735. 'niveau': $('#niveau').val(),
  736. 'zoneMob': $('#zoneMob').val(),
  737. 'salaire': $('#salaire').val(),
  738. }
  739.  
  740.  
  741. $.ajax({
  742.  
  743. type: "POST",
  744. url: "{{path('manage_steps_ChoixProfil')}}",
  745. data: $_data,
  746. success: function(data) {
  747.  
  748. $id= data;
  749.  
  750.  
  751. },
  752.  
  753.  
  754.  
  755. });
  756.  
  757.  
  758.  
  759. }
  760. function choixProfilSteps($idEmp)
  761. {
  762. //alert("ici")
  763.  
  764. var $_datae = {
  765. 'idProfil': $('#profil').val(),
  766. 'idEmp': $idEmp,
  767. 'nom': $('#nom').val(),
  768. 'prenom': $('#prenom').val(),
  769. 'societe': $('#societe').val(),
  770. 'poste': $('#poste').val(),
  771. 'email': $('#email').val(),
  772. 'contrat': $('#contrat').val(),
  773. 'dateEmbauche': $('#dateEmbauche').val(),
  774. 'departement': $('#departement').val(),
  775. 'adresseDepartement': $('#adresseDepartement').val(),
  776. 'horairMensuel': $('#horairMensuel').val(),
  777. 'horairHebdo': $('#horairHebdo').val(),
  778. 'civilite': $("input[name='civilite']:checked").val(),
  779. 'datedeNaissance': $('#datedeNaissance').val(),
  780. 'villeNaissance': $('#villeNaissance').val(),
  781. 'paysNaissance': $('#paysNaissance').val(),
  782. 'nationalite': $('#nationalite').val(),
  783. 'adressePerso': $('#adressePerso').val(),
  784. 'numSecu': $('#numSecu').val(),
  785. 'statut': $('#statut').val(),
  786. 'niveau': $('#niveau').val(),
  787. 'zoneMob': $('#zoneMob').val(),
  788. 'salaire': $('#salaire').val(),
  789. }
  790. var node_list = document.getElementsByClassName('EmployeeDef');
  791.  
  792. for (var i = 0; i < node_list.length; i++) {
  793. for (var i = 0; i < node_list.length; i++) {
  794. if(node_list[i].id != 'undefined'){
  795. if($("#"+node_list[i].id).is(":checkbox")){
  796. if(node_list[i].checked){
  797. $_datae[node_list[i].id] = node_list[i].value;
  798. $_datae['requette'] = node_list[i].id+'#'+$_datae['requette'] ;
  799. }
  800. }else{
  801. if($("#"+node_list[i].id).is(":radio")){
  802. if(node_list[i].checked){
  803. $_datae[node_list[i].id] = node_list[i].value;
  804.  
  805. $_datae['requette'] = node_list[i].id+'#'+$_datae['requette'] ;
  806. }
  807. }
  808. else{ $_datae[node_list[i].id] = node_list[i].value;
  809.  
  810. $_datae['requette'] = node_list[i].id+'#'+$_datae['requette'] ;
  811. }
  812. }
  813. }
  814.  
  815. }
  816. }
  817. console.log($_datae);
  818.  
  819. $.ajax({
  820.  
  821. type: "POST",
  822. url: "{{path('manage_steps_ChoixProfil')}}",
  823. data: $_datae,
  824. success: function(data) {
  825.  
  826. $id= data;
  827.  
  828. var url = "{{ path('manage_PlanifierArrivee', {'idEmp': "000"}) | replace({'000': '"+$id+"'})| raw }}";
  829. location.href = url;
  830. },
  831.  
  832. beforeSend: function(){
  833. $('.loader').show();
  834. },
  835. complete: function(){
  836. $('.loader').hide();
  837. }
  838.  
  839.  
  840. });
  841.  
  842.  
  843.  
  844. }
  845.  
  846.  
  847. </script>
  848.  
  849.  
  850. </head>
  851.  
  852. <body class="page-session page-sound page-header-fixed page-sidebar-fixed demo-dashboard-session">
  853.  
  854.  
  855. <!-- START @PAGE CONTENT -->
  856. <section id="page-content" style="margin-left:0px">
  857.  
  858. <!-- START @HEADER -->
  859. <header id="header">
  860.  
  861. <!-- Start header left -->
  862. <div class="header-left">
  863. <!-- Start offcanvas left: This menu will take position at the top of template header (mobile only). Make sure that only #header have the `position: relative`, or it may cause unwanted behavior -->
  864. <div class="navbar-minimize-mobile left">
  865. <i class="fa fa-bars"></i>
  866. </div>
  867. <!--/ End offcanvas left -->
  868.  
  869. <!-- Start navbar header -->
  870.  
  871. <!--/ End navbar header -->
  872.  
  873. <!-- Start offcanvas right: This menu will take position at the top of template header (mobile only). Make sure that only #header have the `position: relative`, or it may cause unwanted behavior -->
  874. <div class="navbar-minimize-mobile right">
  875. <i class="fa fa-cog"></i>
  876. </div>
  877. <!--/ End offcanvas right -->
  878.  
  879. <div class="clearfix"></div>
  880. </div><!-- /.header-left -->
  881. <!--/ End header left -->
  882.  
  883. <!-- Start header right -->
  884. <div class="header-right" style="left:0px">
  885.  
  886.  
  887. <!-- Start navbar toolbar -->
  888. <div class="navbar navbar-toolbar {{Einterface.couleurNavBar}}" >
  889.  
  890. <!-- Start left navigation -->
  891.  
  892. <ul class="nav navbar-nav navbar-left">
  893. </ul>
  894. <!--/ End left navigation -->
  895.  
  896. <!-- Start right navigation -->
  897. <ul class="nav navbar-nav navbar-right">
  898. <li >
  899. {%if app.session.get('tenant')== 'operadeparis'%}
  900. <div class="view view-first" style="height:110px">
  901. <span class="navbar-brand" href="dashboard.html">
  902. <img class="logo" {%if Einterface.logo!=null%} src="{{ asset('uploads/pictures') }}/{{Einterface.logo.pictureName}}" {%else%} src="/ensoSteps/web/images/logo_wtm_enso.png"{%endif%} {%if app.session.get('tenant')== 'operadeparis'%}style="margin-top: -10%;height:118px"{%endif%}alt="brand logo">
  903.  
  904. </span>
  905. </div>{%else%}
  906.  
  907.  
  908. <div class="view view-first">
  909. <span class="navbar-brand" href="dashboard.html">
  910. <img class="logo" {%if Einterface.logo!=null%} src="{{ asset('uploads/pictures') }}/{{Einterface.logo.pictureName}}" {%else%} src="/ensoSteps/web/images/logo_wtm_enso.png"{%endif%} style="width: 232px; margin-top: -6%;height:50px"alt="brand logo">
  911.  
  912.  
  913. </span>
  914. </div>{%endif%}
  915. </li>
  916. {%if app.user.account=="ALCHIMIE" and is_granted('ROLE_RH') and app.session.get('EnsoEvent') is defined and app.session.get('EnsoEvent')=="verified"%} <a href="{{ensoHost}}" class="btn btn-primary pull-left"style="margin-top:8px" >Enso Event</a>{%endif%}
  917. <li class="dropdown navbar-message">
  918.  
  919. <a class="dropdown-toggle" data-toggle="dropdown" style="cursor:pointer;"><i class='fa fa-home' onclick='location.href = "{{path('manage_DashboardRh')}}";' ></i></a>
  920.  
  921.  
  922.  
  923. </li><!-- /.navbar-message -->
  924. <li class="dropdown navbar-message" style="display:none">
  925.  
  926. <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-envelope-o"></i><span class="rounded count label label-danger">7</span></a>
  927.  
  928. <!-- Start dropdown menu -->
  929. <div class="dropdown-menu animated flipInX">
  930. <div class="dropdown-header">
  931. <span class="title">Messages <strong>(7)</strong></span>
  932. <span class="option text-right"><a class='demoVersion'>+ Nouveau message</a></span>
  933. </div>
  934. <div class="dropdown-body">
  935.  
  936. <!-- Start message search -->
  937. <form action="#" class="form-horizontal">
  938. <div class="form-group has-feedback has-feedback-sm m-5">
  939. <input type="text" placeholder="Search message..." class="form-control input-sm">
  940. <button class="btn btn-theme fa fa-search form-control-feedback" type="submit"></button>
  941. </div>
  942. </form>
  943. <!--/ End message search -->
  944.  
  945. <!-- Start message list -->
  946. <div class="media-list niceScroll" style="overflow: hidden;" tabindex="3">
  947.  
  948.  
  949.  
  950. <!-- Start message indicator -->
  951. <a class="media indicator inline" href="#">
  952. <span class="spinner">Load more messages...</span>
  953. </a>
  954. <!--/ End message indicator -->
  955.  
  956. </div>
  957. <!--/ End message list -->
  958.  
  959. </div>
  960. <div class="dropdown-footer">
  961. <a class='demoVersion'>Tout voir</a>
  962. </div>
  963. <div id="ascrail2003" class="nicescroll-rails" style="width: 10px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: 90px; height: 225px; display: none;"><div style="position: relative; top: 0px; float: right; width: 10px; height: 0px; background-color: rgb(66, 66, 66); border: 0px none; background-clip: padding-box; border-radius: 5px;"></div></div><div id="ascrail2003-hr" class="nicescroll-rails" style="height: 10px; z-index: 1000; top: 215px; left: 0px; position: absolute; cursor: default; display: none;"><div style="position: absolute; top: 0px; height: 10px; width: 0px; background-color: rgb(66, 66, 66); border: 0px none; background-clip: padding-box; border-radius: 5px;"></div></div></div>
  964. <!--/ End dropdown menu -->
  965.  
  966. </li>
  967. <!--/ End messages -->
  968.  
  969. <!-- Start notifications -->
  970. <li class="dropdown navbar-notification" style="display:none">
  971.  
  972. <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell-o"></i><span class="rounded count label label-danger">6</span></a>
  973.  
  974.  
  975.  
  976. </li><!-- /.navbar-notification -->
  977. <!--/ End notifications -->
  978.  
  979. <!-- Start profile -->
  980. <li class="dropdown navbar-profile">
  981. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  982. <span class="meta">
  983.  
  984. <span class="avatar"><img src="/ensoSteps/web/images/userCube.png" {%if employeecONNECTED!=null%}{%if employeecONNECTED.photo==null%} src="/ensoSteps/web/images/userCube.png" {%endif%} {%if employeecONNECTED.photo!=null%} src="{{ asset('uploads/pictures') }}/{{employeecONNECTED.photo.pictureName}}" {%endif%} {%endif%}class="img-circle" alt="user"></span>
  985. <span class="text hidden-xs hidden-sm text-muted">{%if employeecONNECTED!=null%}{{employeecONNECTED.prenom}} {{employeecONNECTED.nom}}{%else%}{%endif%}</span>
  986.  
  987. <span class="caret"></span>
  988. </span>
  989. </a>
  990. <!-- Start dropdown menu -->
  991. <ul class="dropdown-menu animated flipInX" style='cursor:pointer'>
  992. <li style="display:none"class="dropdown-header" ></a>Mon dashboard</li>
  993. <li style="display:none"><a class="demoVersion"><i class="fa fa-user"></i>Mon profil</a></li>
  994. <li style="display:none"><a class="demoVersion"><i class="fa fa-envelope-square"></i>Inbox <span class="label label-info pull-right">30</span></a></li>
  995.  
  996. <li><a onclick='location.href ="{{path('user_change_password')}}"'><i class="fa fa-lock"></i>Changer Mot De Passe</a></li>
  997. <li><a onclick='location.href ="{{path('logout')}}"'><i class="fa fa-sign-out"></i>Deconnexion</a></li>
  998. </ul>
  999. <!--/ End dropdown menu -->
  1000. </li><!-- /.navbar-profile -->
  1001. <!--/ End profile -->
  1002.  
  1003. <!-- Start settings -->
  1004. <!-- /.navbar-setting -->
  1005. <!--/ End settings -->
  1006.  
  1007. </ul><!-- /.navbar-right -->
  1008. <!--/ End right navigation -->
  1009.  
  1010. </div><!-- /.navbar-toolbar -->
  1011. <!--/ End navbar toolbar -->
  1012. </div><!-- /.header-right -->
  1013. <!--/ End header left -->
  1014.  
  1015. </header> <!-- /#header -->
  1016. <!--/ END HEADER -->
  1017.  
  1018. <style>
  1019.  
  1020.  
  1021. #bandeau
  1022. {
  1023. height : 50px;
  1024. margin-top: 53px;
  1025. }
  1026.  
  1027. div#header3
  1028. {
  1029. position : fixed;
  1030. width : 100%;
  1031. top : 0;
  1032. left:0;
  1033. z-index:1000;
  1034. background-color: #FBFBFB;
  1035.  
  1036. }
  1037.  
  1038.  
  1039. </style>
  1040. <div class="header-content" style="margin-top:0.1%">
  1041. <h2><i class="fa fa-home"></i>Planifier une nouvelle arrivée <span></span></h2>
  1042. <div class="breadcrumb-wrapper hidden-xs">
  1043. <span class="label">Vous êtes ici:</span>
  1044. <ol class="breadcrumb">
  1045. <li class="active">Dashboard / Planifier arrivée</li>
  1046. </ol>
  1047. </div>
  1048. </div>
  1049. <div class="box box-primary">
  1050.  
  1051.  
  1052. <div class="row">
  1053. <div class="col-md-12">
  1054.  
  1055. <!-- Start form validation wizard -->
  1056. <div id="validation-wizard" {%if app.session.get('tenant')== 'operadeparis'%}style='margin-top:-5%'{%endif%}>
  1057.  
  1058. <div class="panel panel-tab rounded shadow">
  1059. <div id="header3" style="margin-top:7.5%">
  1060. <!-- Start tabs heading -->
  1061. <div class="panel-heading no-padding" style="width:100%" >
  1062. <!-- Start tabs heading -->
  1063. <div class="panel-heading no-padding" id="test">
  1064. {%if app.session.get('tenant')== 'operadeparis'%}
  1065. <ul class="nav nav-tabs" style="width:100%;background-color:black">
  1066. <li {% if app.session.get('activeTabEntree')=="etape1" or not(app.session.get('activeTabEntree') is defined) or app.session.get('activeTabEntree')=="" %} class="active info"{%else%} class="info"{%endif%} id="etape1" style="width:{{persentWidth}}%">
  1067. <a href="#infos" data-toggle="tab" class="info" onclick="updateSession('etape1');">
  1068. <i class="fa fa-user" ></i>
  1069. <div>
  1070. <span class="">Informations collaborateur</span>
  1071.  
  1072. </div>
  1073. </a>
  1074. </li>
  1075.  
  1076. <li {% if app.session.get('activeTabEntree')=="etape2" %} class="active lilac" {%else%} class="lilac" {%endif%} id="etape2" onclick="verifChamps('dotation',null);EnregistrerEmployeeSteps({{Employee.id}})"{%if profil.sectionOutils=="no"%} style="display:none"{%endif%} style="width:{{persentWidth}}%;display:block">
  1077. <a id="dotation" href="#dotations" data-toggle="tab" onclick="updateSession('etape2');">
  1078. <i class="fa fa-wrench"></i>
  1079. <div>
  1080. <span class="">Outils de travail</span>
  1081.  
  1082. </div>
  1083. </a>
  1084. </li>
  1085.  
  1086. <li {% if app.session.get('activeTabEntree')=="etape3" %} class="active danger" {%else%} class="danger"{%endif%} id="etape3" onclick="verifChamps('t2',null)" {%if profil.sectionDocs=="no"%} style="display:none"{%endif%} style="width:{{persentWidth}}%;display:block">
  1087. <a id="t2" href="#docs" data-toggle="tab" onclick="updateSession('etape3');">
  1088. <i class="fa fa-cloud-download"></i>
  1089. <div>
  1090. <span class="">Documents </span>
  1091.  
  1092. </div>
  1093. </a>
  1094. </li>
  1095.  
  1096. <li {% if app.session.get('activeTabEntree')=="etape4" %} class="active warning" {%else%} class="warning"{%endif%} id="etape4" onclick="verifChamps('planning',null)" {%if profil.sectionPlanning=="no"%} style="display:none"{%endif%} style="width:{{persentWidth}}%;display:block">
  1097. <a id="planning" href="#tab-Planning" data-toggle="tab" onclick="updateSession('etape4');">
  1098. <i class="fa fa-calendar"></i>
  1099. <div>
  1100. <span class="">Planning d’intégration</span>
  1101.  
  1102. </div>
  1103. </a>
  1104. </li>
  1105.  
  1106. <li {% if app.session.get('activeTabEntree')=="etape5" %} class="active teal" {%else%} class="teal" {%endif%} id="etape5" onclick="verifChamps('Arrivee',null)" style="width:10%;display:block;cursor:pointer">
  1107. <a id="lancer" data-toggle="tab" onclick="choixProfilSteps({{Employee.id}});">
  1108.  
  1109. <i style="" class="fa fa-arrow-down"></i>
  1110. <div>
  1111. <span class="">Lancer arrivée</span>
  1112.  
  1113. </div>
  1114. </a>
  1115. </li>
  1116.  
  1117. </ul>
  1118. {%else%} <ul class="nav nav-tabs" style="width:100%">
  1119. <li {% if app.session.get('activeTabEntree')=="etape1" or not(app.session.get('activeTabEntree') is defined) or app.session.get('activeTabEntree')=="" %} class="active info"{%else%} class="info"{%endif%} id="etape1" style="width:{{persentWidth}}%">
  1120. <a href="#infos" data-toggle="tab" class="info" onclick="updateSession('etape1');">
  1121. <i class="fa fa-user" ></i>
  1122. <div>
  1123. <span class="text-strong">Informations collaborateur</span>
  1124.  
  1125. </div>
  1126. </a>
  1127. </li>
  1128.  
  1129. <li {% if app.session.get('activeTabEntree')=="etape2" %} class="active lilac" {%else%} class="lilac" {%endif%} id="etape2" {%if Employee.id!=1%} onclick="verifChamps('dotation',null);EnregistrerEmployeeSteps({{Employee.id}})" {%else%} onclick="ChoisirUnProfilStp()" {%endif%} {%if profil.sectionOutils=="no"%} style="display:none"{%endif%} style="width:{{persentWidth}}%;display:block">
  1130. <a id="dotation" href="#dotations" data-toggle="tab" onclick="updateSession('etape2');">
  1131. <i class="fa fa-wrench"></i>
  1132. <div>
  1133. <span class="text-strong">Outils de travail</span>
  1134.  
  1135. </div>
  1136. </a>
  1137. </li>
  1138.  
  1139. <li {% if app.session.get('activeTabEntree')=="etape3" %} class="active danger" {%else%} class="danger"{%endif%} id="etape3" {%if Employee.id!=1%} onclick="verifChamps('t2',null)" {%else%} onclick="ChoisirUnProfilStp()" {%endif%} {%if profil.sectionDocs=="no"%} style="display:none"{%endif%} style="width:{{persentWidth}}%;display:block">
  1140. <a id="t2" href="#docs" data-toggle="tab" onclick="updateSession('etape3');">
  1141. <i class="fa fa-cloud-download"></i>
  1142. <div>
  1143. <span class="text-strong">Documents </span>
  1144.  
  1145. </div>
  1146. </a>
  1147. </li>
  1148.  
  1149. <li {% if app.session.get('activeTabEntree')=="etape4" %} class="active warning" {%else%} class="warning"{%endif%} id="etape4" {%if Employee.id!=1%} onclick="verifChamps('planning',null)" {%else%} onclick="ChoisirUnProfilStp()" {%endif%} {%if profil.sectionPlanning=="no"%} style="display:none"{%endif%} style="width:{{persentWidth}}%;display:block">
  1150. <a id="planning" href="#tab-Planning" data-toggle="tab" onclick="updateSession('etape4');">
  1151. <i class="fa fa-calendar"></i>
  1152. <div>
  1153. <span class="text-strong">Planning d’intégration</span>
  1154.  
  1155. </div>
  1156. </a>
  1157. </li>
  1158.  
  1159. <li {% if app.session.get('activeTabEntree')=="etape5" %} class="active teal" {%else%} class="teal" {%endif%} id="etape5"{%if Employee.id!=1%} onclick="PlanifierArrivee({{Employee.id}})" {%else%} onclick="ChoisirUnProfilStp()" {%endif%} style="width:10%;display:block;cursor:pointer">
  1160. <a id="lancer" data-toggle="tab" onclick="EnregistrerInfosEmployee({{Employee.id}});">
  1161.  
  1162. <i style="" class="fa fa-arrow-down"></i>
  1163. <div>
  1164. <span class="text-strong">Lancer arrivée</span>
  1165.  
  1166. </div>
  1167. </a>
  1168. </li>
  1169.  
  1170. </ul>{%endif%}
  1171. </div><!-- /.panel-heading -->
  1172.  
  1173.  
  1174. <div class="panel-sub-heading">
  1175.  
  1176. <div class="">
  1177. {%if app.session.get('tenant')!= 'operadeparis'%}
  1178. <div class="progress" style="margin-top:9px">
  1179. <div class="progress-bar progress-bar-info" style="width:{{persentWidth}}%">
  1180. <span class="sr-only">16.6% Complete (success)</span>
  1181. </div><!-- /.progress -->
  1182.  
  1183. <div class="progress-bar progress-bar-lilac" {%if profil.sectionOutils=="no"%} style="display:none" class=" :after"{%endif%} style="width: {{persentWidth}}%;display:block">
  1184. <span class="sr-only">16.6% Complete (danger)</span>
  1185. </div><!-- /.progress -->
  1186.  
  1187.  
  1188.  
  1189. <div {%if profil.sectionDocs=="no"%} style="display:none"{%endif%} class="progress-bar progress-bar-danger" style="width: {{persentWidth}}%;display:block">
  1190. <span class="sr-only">16.6% Complete (danger)</span>
  1191. </div><!-- /.progress -->
  1192.  
  1193. <div {%if profil.sectionPlanning=="no"%} style="display:none"{%endif%} class="progress-bar progress-bar-warning" style="width: {{persentWidth}}%;display:block">
  1194. <span class="sr-only">16.6% Complete (danger)</span>
  1195. </div><!-- /.progress -->
  1196.  
  1197.  
  1198. <div class="progress-bar progress-bar-teal" style="width:10%;display:block">
  1199. <span class="sr-only">16.6% Complete (danger)</span>
  1200. </div><!-- /.progress -->
  1201.  
  1202. </div>{%endif%}
  1203. </div>
  1204. </div>
  1205.  
  1206.  
  1207.  
  1208. </div><!-- /.panel-heading -->
  1209. <!--/ End tabs heading -->
  1210. </div>
  1211. <!-- Start tabs content -->
  1212. <div class="panel-body" style="margin-top:9%">
  1213.  
  1214. <div class="tab-content form-horizontal">
  1215.  
  1216. <div class="loader" id="loading" style="display: none; width: 392px; height: 319px;top:80px">
  1217. <center>
  1218. <img class="loading-image" src="{{ asset('/ensoSteps/web/images/giphy.gif')}}" alt="Upload..">
  1219. </center>
  1220. </div>
  1221. <div class="tab-pane fade in {% if app.session.get('activeTabEntree')=="etape4" %} active {%endif%} " id="tab-Planning" >
  1222. <div class="body-content animated fadeIn">
  1223.  
  1224.  
  1225. <!-- Modal yosra -->
  1226. <div id="Supprimer_Section_planning" class="modal fade" role="dialog">
  1227. <div class="modal-dialog">
  1228.  
  1229. <!-- Modal content-->
  1230. <div class="modal-content">
  1231. <div class="modal-header">
  1232.  
  1233. <h4 class="modal-title">Supprimer la section planning?</h4>
  1234. </div>
  1235. <div class="modal-body">
  1236. <p>Cette section ne sera plus visible par vos collaborateurs ayant ce profil </p>
  1237. </div>
  1238. <div class="modal-footer">
  1239. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  1240. <button type="button"
  1241. onclick="RemoveSection('sectionPlanning',{{profil.id}})"
  1242. class="btn btn-default">Supprimer</button>
  1243. </div>
  1244. </div>
  1245.  
  1246. </div>
  1247. </div>
  1248. <!-- Modal -->
  1249. <div class="alert alert-warning" id="alerteInfoPlanning" style="background-color:white">
  1250.  
  1251. <span class="alert-icon"><i class="fa fa-calendar"></i></span>
  1252. <i onclick="removeOutil('alerteInfoPlanning')" class="fa fa-times" style="float:right;cursor:pointer"></i>
  1253. <div class="notification-info">
  1254. <ul class="clearfix notification-meta">
  1255. <li class="pull-left notification-sender"><span><a href="#">Si vous connaissez le futur e-mail pro de votre nouveau collaborateur, indiquez le ici : <input id="emailPro" placeholder=""style="border-width:0;background:transparent"> </a></span> </li>
  1256. <li class="pull-right notification-time"></li>
  1257. </ul>
  1258. <p>Il recevra pour chaque étape de son planning d’intégration une alerte par courriel.</p>
  1259. </div>
  1260. </div>
  1261.  
  1262. <div class="row" id="CatPlannigTab">
  1263. {%for category in CategoryEve_List %}
  1264. {%if category.statutAction !="deleted"%}
  1265. <div class="col-md-10" style="margin-left:8%">
  1266. <div class="panel panel-default">
  1267. <div class="panel-heading" style="background-color:#fcd5ab">
  1268.  
  1269.  
  1270. <div class="pnel-heading pull-left" >
  1271.  
  1272. </div>
  1273. <div class="pull-left">
  1274. <h3 class="panel-title"> {{category.name}}</h3>
  1275. </div><!-- /.pull-left -->
  1276. <div class="pull-right" style="">
  1277. <li class="btn btn-default" onclick="addPlannigaction({{category.id}})"data-target="Ajouter_Outil" data-toggle="modal" ><i class="fa fa-plus" style="margin-left:9px"></i> événement / une formation </button>
  1278.  
  1279. </div>
  1280. <div class="clearfix"></div>
  1281.  
  1282. </div>
  1283. <script type="text/javascript">
  1284.  
  1285.  
  1286. function showParticipant($idTool){
  1287. $("#me"+$idTool).toggle(700);
  1288. }
  1289.  
  1290.  
  1291. </script>
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297. <div class="clearfix"></div>
  1298. <div class="form-body" id="tabPlanning{{category.id}}" >
  1299.  
  1300. <div id="user" >
  1301.  
  1302.  
  1303. {%for tool in profil.DefToolsPlanning%}
  1304. {%if tool.CategoryEvenement == category %}
  1305.  
  1306. <div class="row tacheSteps" id="p-{{tool.id}}">
  1307.  
  1308. <div class="col-md-3"> <input value="{{tool.name}}" style="width:100%;border-width: 0px;color:#636e7b" id="name-planning{{tool.id}}">
  1309. <input type='hidden' value="{{category.id}}" style="border-width: 0px;color:#636e7b" id="cat-planning{{tool.id}}">
  1310.  
  1311. </div>
  1312. <div class="col-md-3">
  1313. <div class="row" style="margin-top:-4px">
  1314. <div class="col-md-4">
  1315. Jour : J+ <a e-style="width: 10px" style="color:#4a4a4a" class="editEnso" id="jour-{{tool.id}}" href="" data-type="text" data-url="{{path('save_field_dureepla',{idProfil:profil.id})}}" data-name="jour-{{tool.id}}" data-pk="{{tool.id}}">{% if tool.Jour != "" %} {{tool.Jour}} {% else %} 1 {% endif %}</a>
  1316. </div>
  1317.  
  1318. <div class="col-md-4" >
  1319. Durée : <a style="color:#4a4a4a" class="editEnso" id="adr" href="" data-type="text" data-url="{{path('save_field_dureepla',{idProfil:profil.id})}}" data-name="duree-{{tool.id}}" data-pk="{{tool.id}}">{% if tool.Duree != "" %} {{tool.Duree}} {% else %} 2 {% endif %}</a>
  1320. </div>
  1321. <div class="col-md-4">
  1322. Heure : <a style="color:#4a4a4a" class="editEnso" id="adr" href="" data-type="text" data-url="{{path('save_field_dureepla',{idProfil:profil.id})}}" data-name="heure-{{tool.id}}" data-pk="{{tool.id}}">{% if tool.Heure != "" %} {{tool.Heure}} {% else %} 8 {% endif %}</a>
  1323. </div>
  1324. </div>
  1325. </div>
  1326. <div id="me{{tool.id}}" class="col-md-5" style="" >
  1327.  
  1328. {% for adr in mail %}
  1329. {% if adr.planning %}
  1330. {% if adr.planning.id == tool.id and adr.profil.id == profil.id%}
  1331.  
  1332. <span class="" style="cursor:pointer"><i class="fa fa-envelope-o"></i> {{adr.adrMail}} &nbsp;</span>
  1333. {% endif %}
  1334. {% endif %}
  1335. {% endfor %}
  1336. </div>
  1337. <div style="cursor:pointer;text-align:right;width:50px" title="Ajouter participants"class="col-md-1" data-target="#AjoutPlanningDef--{{tool.id}}" data-toggle="modal" >
  1338. <i class="fa fa-plus"></i> <i style="" class="fa fa-envelope-o"></i>
  1339. </div>
  1340. <div class="col-md-1" style="width:25px;float:right">
  1341. <i onclick="removerow('p-{{tool.id}}')" style="margin-right: 5%; margin-top: -28%;float:right;color:red;cursor:pointer"class="fa fa-times"></i>
  1342. </div>
  1343. </div>
  1344.  
  1345.  
  1346.  
  1347. {%endif%}
  1348.  
  1349.  
  1350. {%endfor%}
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356. <div class="row tacheSteps" id="p-{{category.id}}-0" style="margin-bottom:5px"></div>
  1357. </div></div> </div></div>
  1358.  
  1359. {%endif%} {%endfor%}
  1360.  
  1361. </div>
  1362.  
  1363. <div class="panel-footer">
  1364. <ul class="pager wizard no-margin">
  1365. <li class="previous"><a href="javascript:void(0);">Précédent</a></li>
  1366. </ul>
  1367. </div><!-- /.panel-footer -->
  1368. <!--/ End pager -->
  1369.  
  1370.  
  1371. </div>
  1372. </div>
  1373.  
  1374. <div class="tab-pane fade in {% if app.session.get('activeTabEntree')=="etape5" %} active {%endif%}" id="planifierArrivee">
  1375.  
  1376.  
  1377.  
  1378. <div class="form-horizontal" id="input-mask">
  1379. <div class="form-group">
  1380. <label class="col-sm-3 text-right">Date d'arrivée:</label>
  1381. <div class="col-sm-4">
  1382. <div class="row">
  1383. <div class="col-sm-8">
  1384. <input class="form-control input-sm" id="datoeentree" data-inputmask="'alias': 'date'">
  1385. <span class="text-muted help-block">dd/mm/yyyy</span>
  1386. </div>
  1387. </div>
  1388. </div>
  1389. </div>
  1390. </div>
  1391.  
  1392. <div class="modal-footer" style="float:right;cursor:pointer">
  1393. <div style="margin-left: 2%; height: 20px;cursor:pointer" >
  1394. <li data-toggle="modal" data-target="#RecapArrivee" class="btn btn-primary" title="">Lancer une nouvelle arrivée<i class="fa fa-arrow-down" style="margin-left:9px"></i> </li>
  1395. </div>
  1396. </div>
  1397. </div>
  1398.  
  1399.  
  1400. <div class="tab-pane fade in {% if app.session.get('activeTabEntree')=="etape2" %} active {%endif%} " id="dotations">
  1401. <div class="body-content animated fadeIn">
  1402.  
  1403. <div class="alert alert-lilac" style="background-color:white">
  1404. <span class="alert-icon"><i class="fa fa-arrow-down"></i></span>
  1405.  
  1406. <div class="notification-info">
  1407. <ul class="clearfix notification-meta">
  1408. <li class="pull-left notification-sender"><span><a href="#">Voici les outils de travail de votre futur collaborateur, MyENSO va gérer une checklist qui sera envoyée par e-mail automatiquement au(x) responsable(s) de ces outils de travail.</a></span> </li>
  1409. <li class="pull-right notification-time"></li>
  1410. </ul>
  1411. </div>
  1412. </div>
  1413.  
  1414.  
  1415. <div class="row" id="CatOutilsTab">
  1416.  
  1417. {%for category in Categories_List %}
  1418. {%if category.statutAction !="deleted"%}
  1419. <div class="col-md-9" style="margin-left:12%">
  1420. <div class="panel panel-default">
  1421. <div class="panel-heading" style="background-color:#d1bad3">
  1422.  
  1423.  
  1424. <div class="pnel-heading pull-left" >
  1425.  
  1426. </div>
  1427. <div class="pull-left">
  1428. <h3 class="panel-title"> {{category.name}} </h3>
  1429. </div><!-- /.pull-left -->
  1430. <div class="pull-right" style="">
  1431. <div class="btn btn-default" onclick="addOutilaction({{category.id}})"data-target="Ajouter_Outil" data-toggle="modal" >Ajouter un matériel<i class="fa fa-plus" style="margin-left:9px"></i> </div>
  1432.  
  1433. </div>
  1434. <div class="clearfix"></div>
  1435.  
  1436. </div>
  1437.  
  1438. <div class="row" id="mail--{{category.id}}">
  1439. <div class="col-md-6" style="cursor:pointer">
  1440. <li id="btn--{{category.id}}" class="btn btn-default" data-target="#Ajouter--{{category.id}}" data-toggle="modal" style="margin-top:2%;margin-left:1%">Indiquer ici l'e-mail de la ou des personnes à prévenir<i style="margin-left:9px" class="fa fa-envelope-o"></i></li>
  1441. </div>
  1442. <div class="col-md-6" style=" margin-top: 1%;" >
  1443.  
  1444. {% for adr in mail %}
  1445. {% if adr.catOutil %}
  1446. {% if adr.catOutil.id == category.id and adr.profil.id == profil.id%}
  1447.  
  1448. <span class="btn-default" style="color: #82817F !important;font-weight: 300;font-size:14px;background-color: #FCEDFC"><i class="fa fa-envelope-o"></i> {{adr.adrMail}} </span> &nbsp;
  1449. {% endif %}
  1450. {% endif %}
  1451. {% endfor %}
  1452. </div>
  1453. </div>
  1454.  
  1455.  
  1456.  
  1457. <div class="clearfix"></div>
  1458. <div style="margin-left: 0px;"class="form-body row" id="tabOutils{{category.id}}" >
  1459.  
  1460. {%if profil.nbOutils =="-1" %}
  1461. {%for tool in category.listeTools%}
  1462. {%if tool.statutAction !="deleted" %}
  1463.  
  1464. <div class="row tacheSteps" id="o-{{tool.id}}">
  1465. <div class="col-md-7">
  1466. <div class="col-md-5"> <input value="{{tool.name}}" style="border-width: 0px;color:#636e7b;width:95%" id="name-outil{{tool.id}}">
  1467. <input type='hidden' value="{{category.id}}" style="border-width: 0px;color:#636e7b" id="cat-outil{{tool.id}}">
  1468.  
  1469. </div>
  1470.  
  1471. <div class="col-md-1">
  1472. <i onclick="removeOutil('o-{{tool.id}}')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i>
  1473. </div>
  1474. </div>
  1475.  
  1476.  
  1477. </div>
  1478.  
  1479.  
  1480. {%endif%} {%endfor%}
  1481. <div class="tacheSteps" id="o-{{category.id}}-0" ></div>
  1482.  
  1483.  
  1484. {%endif%}
  1485.  
  1486. {%if profil.nbOutils !="-1" %}
  1487.  
  1488. {%for tool in profil.DefToolsOutils%}
  1489. {%if tool.category == category %}
  1490. <div id="o-{{tool.id}}"class="row Divoutil tacheSteps" style="margin-bottom:5px">
  1491.  
  1492. <div class="col-md-7"> <input value="{{tool.name}}" style="width:95%;border-width: 0px;color:#636e7b" id="name-outil{{tool.id}}">
  1493. <input type='hidden' value="{{category.id}}" style="border-width: 0px;color:#636e7b" id="cat-outil{{tool.id}}">
  1494.  
  1495. </div>
  1496. <div id="me{{tool.id}}" class="col-md-2" style="margin-bottom: 1%;width: 23%;" >
  1497. {% for adr in mail %}
  1498. {% if adr.outil %}
  1499. {% if adr.outil.id == tool.id and adr.profil.id == profil.id%}
  1500.  
  1501. <span id="adrPlanning{{tool.id}}" style="color: #82817F !important;font-weight: 300;font-size:11px;background-color:#FDF6EE" class="" style=""><i class="fa fa-envelope-o"></i> {{adr.adrMail}} &nbsp;</span>
  1502. {% endif %}
  1503. {% endif %}
  1504. {% endfor %}
  1505. </div>
  1506. <div class="col-md-2">
  1507. <div class="col-md-4" data-target="#AjoutOutils--{{category.id}}-{{tool.id}}" data-toggle="modal" >
  1508. <i class="fa fa-plus" style="cursor:pointer;float:left"></i>
  1509. <i class="fa fa-envelope-o" style="cursor:pointer;float:left"></i>
  1510. </div>
  1511. <div class="col-md-4" >
  1512. <i onclick="removeOutil('o-{{tool.id}}')" style="cursor:pointer;float:right;margin-right: 5%;float:right;color:red;cursor:pointer" class="fa fa-times"></i>
  1513. </div>
  1514. </div>
  1515.  
  1516.  
  1517. </div>
  1518.  
  1519. {%endif%} {%endfor%}
  1520. <div class="tacheSteps" id="o-{{category.id}}-0" ></div>
  1521.  
  1522. {%endif%}
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528.  
  1529. </div> </div></div>
  1530.  
  1531. {%endif%}
  1532.  
  1533.  
  1534.  
  1535. {%endfor%}
  1536.  
  1537. </div>
  1538.  
  1539.  
  1540. <div class="panel-footer">
  1541. <ul class="pager wizard no-margin">
  1542. <li class="previous"><a href="javascript:void(0);">Précédent</a></li>
  1543. <li class="next"><a href="javascript:void(0);">Suivant </a></li>
  1544.  
  1545. </ul>
  1546. </div>
  1547. <script>
  1548.  
  1549. /*$(".previous").click(function(){
  1550.  
  1551. caroussel.prev;
  1552.  
  1553. }); */
  1554.  
  1555. $('#panel-heading').tabs();
  1556.  
  1557. function GetSelectedTabIndex() {
  1558. return $('#panel-heading').tabs('option', 'selected');
  1559. }
  1560.  
  1561. function ShowTabs(stepNum) {
  1562. var num = parseInt(stepNum);
  1563. $('#panel-heading').tabs('option', 'active', parseInt(GetSelectedTabIndex()) + num);
  1564. }
  1565.  
  1566. $('.previous, .next').click(function(){
  1567. ShowTabs(this.value) ;
  1568. })
  1569.  
  1570. </script>
  1571. </div>
  1572. </div>
  1573.  
  1574.  
  1575.  
  1576. <div class="tab-pane in" id="tab5-1">
  1577. <div class="body-content animated fadeIn">
  1578.  
  1579.  
  1580. <div class="row">
  1581. <div class="col-md-7">
  1582. <div class="panel">
  1583. <div class="panel-heading">
  1584. <div class="pull-left">
  1585. <h3 class="panel-title">Quelques infos pratiques</h3>
  1586. </div><!-- /.pull-left -->
  1587. <div class="pull-right" style="display:none">
  1588. <button class="btn btn-sm" data-action="expand" data-toggle="tooltip" data-placement="top" data-title="Expand" data-original-title="" title=""><i class="fa fa-expand"></i></button>
  1589. <button class="btn btn-sm" data-action="refresh" data-toggle="tooltip" data-placement="top" data-title="Refresh" data-original-title="" title=""><i class="fa fa-refresh"></i></button>
  1590. <button class="btn btn-sm" data-action="collapse" data-toggle="tooltip" data-placement="top" data-title="Collapse" data-original-title="" title=""><i class="fa fa-angle-up"></i></button>
  1591. <button class="btn btn-sm" data-action="remove" data-toggle="tooltip" data-placement="top" data-title="Remove" data-original-title="" title=""><i class="fa fa-times"></i></button>
  1592. </div><!-- /.pull-right -->
  1593. <div class="clearfix"></div>
  1594. </div><!-- /.panel-heading -->
  1595. <div class="panel-body">
  1596. <p>
  1597.  
  1598. <p>Horaires de travail</p>
  1599. <p>Du lundi au jeudi de 9h à 12h30 et de 14h à 18h </p>
  1600. <p>Le vendredi de 9h à 12h30 et de 14h à 17h tas d’feignasses</p>
  1601. <a>www.wtm-solutions.com </a>
  1602.  
  1603.  
  1604.  
  1605. <p> </p>
  1606. </div><!-- /.panel-body -->
  1607. </div><!-- /.panel -->
  1608. </div>
  1609. <div class="col-md-5">
  1610.  
  1611. <!-- Start multiple marker -->
  1612. <div class="panel">
  1613. <div class="panel-heading">
  1614. <div class="pull-left">
  1615. <h3 class="panel-title">Venir chez nous</h3>
  1616. </div><!-- /.pull-left -->
  1617. <div class="pull-right">
  1618. <button class="btn btn-sm" data-action="expand" data-toggle="tooltip" data-placement="top" data-title="Expand" data-original-title="" title=""><i class="fa fa-expand"></i></button>
  1619. <button class="btn btn-sm" data-action="refresh" data-toggle="tooltip" data-placement="top" data-title="Refresh" data-original-title="" title=""><i class="fa fa-refresh"></i></button>
  1620. <button class="btn btn-sm" data-action="collapse" data-toggle="tooltip" data-placement="top" data-title="Collapse" data-original-title="" title=""><i class="fa fa-angle-up"></i></button>
  1621. <button class="btn btn-sm" data-action="remove" data-toggle="tooltip" data-placement="top" data-title="Remove" data-original-title="" title=""><i class="fa fa-times"></i></button>
  1622. </div><!-- /.pull-right -->
  1623. <div class="clearfix"></div>
  1624. </div><!-- /.panel-heading -->
  1625. <div class="panel-body no-padding">
  1626. <div id="map-multiple-marker" class="map" style="height: 150px;"></div>
  1627. </div><!-- /.panel-body -->
  1628. </div><!-- /.panel -->
  1629. <!--/ End multiple marker -->
  1630.  
  1631. </div>
  1632.  
  1633. </div>
  1634. <div class="row">
  1635.  
  1636. <div class="panel col-md-7">
  1637.  
  1638. <div class="cbp-panel">
  1639. <div class="panel-heading">
  1640. <div class="pull-left">
  1641. <h3 class="panel-title">Vous connaissez peut-être</h3>
  1642. </div><!-- /.pull-left -->
  1643.  
  1644. <div class="clearfix"></div>
  1645. </div><!-- /.panel-heading -->
  1646. <div id="filters-container" class="cbp-l-filters-alignLeft">
  1647. <div data-filter=".all" class="cbp-filter-item-active cbp-filter-item">
  1648. All (<div class="cbp-filter-counter"></div>)
  1649. </div>
  1650. <div data-filter=".web-developer" class="cbp-filter-item">
  1651. Web Developer (<div class="cbp-filter-counter"></div>)
  1652. </div>
  1653. <div style="display:none"data-filter=".web-design" class="cbp-filter-item">
  1654. Web Design (<div class="cbp-filter-counter"></div>)
  1655. </div>
  1656. <div data-filter=".designer-graphic" class="cbp-filter-item">
  1657. Designer Graphic (<div class="cbp-filter-counter"></div>)
  1658. </div>
  1659. <div style="display:none"data-filter=".marketing" class="cbp-filter-item">
  1660. Marketing (<div class="cbp-filter-counter"></div>)
  1661. </div>
  1662. </div>
  1663.  
  1664. <div id="grid-container" class="cbp cbp-l-grid-team" style=";">
  1665. <div class="cbp-item all web-developer">
  1666. <a href="ajax/project-team/member1.html" class="cbp-caption cbp-singlePage">
  1667. <div class="cbp-caption-defaultWrap">
  1668. <img src="/ensoSteps/web/images/kevin.jpg" style=""alt="...">
  1669. </div>
  1670. <div class="cbp-caption-activeWrap">
  1671. <div class="cbp-l-caption-alignCenter">
  1672. <div class="cbp-l-caption-body">
  1673. <div class="cbp-l-caption-text">Voir profil</div>
  1674. </div>
  1675. </div>
  1676. </div>
  1677. </a>
  1678. <a href="ajax/project-team/member1.html" class="cbp-singlePage cbp-l-grid-team-name">John Kribo</a>
  1679. <div class="cbp-l-grid-team-position">Web Developer</div>
  1680. </div>
  1681. <div class="cbp-item all designer-graphic">
  1682. <a href="ajax/project-team/member2.html" class="cbp-caption cbp-singlePage">
  1683. <div class="cbp-caption-defaultWrap">
  1684. <img src="/ensoSteps/web/images/Laryy.jpg" alt="...">
  1685. </div>
  1686. <div class="cbp-caption-activeWrap">
  1687. <div class="cbp-l-caption-alignCenter">
  1688. <div class="cbp-l-caption-body">
  1689. <div class="cbp-l-caption-text">Voir profil</div>
  1690. </div>
  1691. </div>
  1692. </div>
  1693. </a>
  1694. <a href="ajax/project-team/member2.html" class="cbp-singlePage cbp-l-grid-team-name">Larry Poiyem</a>
  1695. <div class="cbp-l-grid-team-position">Designer Graphic</div>
  1696. </div>
  1697. <div class="cbp-item all web-developer col-md-1">
  1698. <a href="ajax/project-team/member3.html" class="cbp-caption cbp-singlePage">
  1699. <div class="cbp-caption-defaultWrap">
  1700. <img src="/ensoSteps/web/images/sheryl.jpg" alt="...">
  1701. </div>
  1702. <div class="cbp-caption-activeWrap">
  1703. <div class="cbp-l-caption-alignCenter">
  1704. <div class="cbp-l-caption-body">
  1705. <div class="cbp-l-caption-text">Voir profil</div>
  1706. </div>
  1707. </div>
  1708. </div>
  1709. </a>
  1710. <a href="ajax/project-team/member3.html" class="cbp-singlePage cbp-l-grid-team-name">Kim Mbako</a>
  1711. <div class="cbp-l-grid-team-position">Web Developer</div>
  1712. </div>
  1713. <div class="cbp-item all designer-graphic">
  1714. <a href="ajax/project-team/member4.html" class="cbp-caption cbp-singlePage">
  1715. <div class="cbp-caption-defaultWrap">
  1716. <img src="/ensoSteps/web/images/Mersia.png" alt="...">
  1717. </div>
  1718. <div class="cbp-caption-activeWrap">
  1719. <div class="cbp-l-caption-alignCenter">
  1720. <div class="cbp-l-caption-body">
  1721. <div class="cbp-l-caption-text">VIEW PROFILE</div>
  1722. </div>
  1723. </div>
  1724. </div>
  1725. </a>
  1726. <a href="ajax/project-team/member4.html" class="cbp-singlePage cbp-l-grid-team-name">Bella Negoro</a>
  1727. <div class="cbp-l-grid-team-position">Designer Graphic</div>
  1728. </div>
  1729.  
  1730. </div>
  1731.  
  1732. </div>
  1733.  
  1734.  
  1735. </div>
  1736.  
  1737. <div class="col-md-5">
  1738.  
  1739. <div class="panel">
  1740. <div class="panel-heading">
  1741. <div class="pull-left">
  1742. <h3 class="panel-title">WTM Solutions en 2 minutes</h3>
  1743. </div><!-- /.pull-left -->
  1744. <div class="pull-right">
  1745. <button class="btn btn-sm" data-action="expand" data-toggle="tooltip" data-placement="top" data-title="Expand" data-original-title="" title=""><i class="fa fa-expand"></i></button>
  1746. <button class="btn btn-sm" data-action="refresh" data-toggle="tooltip" data-placement="top" data-title="Refresh" data-original-title="" title=""><i class="fa fa-refresh"></i></button>
  1747. <button class="btn btn-sm" data-action="collapse" data-toggle="tooltip" data-placement="top" data-title="Collapse" data-original-title="" title=""><i class="fa fa-angle-up"></i></button>
  1748. <button class="btn btn-sm" data-action="remove" data-toggle="tooltip" data-placement="top" data-title="Remove" data-original-title="" title=""><i class="fa fa-times"></i></button>
  1749. </div><!-- /.pull-right -->
  1750. <div class="clearfix"></div>
  1751. </div><!-- /.panel-heading -->
  1752. <div class="panel-body no-padding">
  1753. <!-- 16:9 aspect ratio -->
  1754. <div class="embed-responsive embed-responsive-16by9">
  1755. <iframe class="embed-responsive-item" src="https://youtu.be/q8hx6sx1nQI"></iframe>
  1756. </div>
  1757. </div><!-- /.panel-body -->
  1758. </div><!-- /.panel --> </div> </div>
  1759. </div><!-- /.row -->
  1760. <div class="panel-footer" style="display:none">
  1761. <ul class="pager wizard no-margin">
  1762. <li class="previous"><a href="javascript:void(0);">Précédent</a></li>
  1763. <li class="next"><a href="javascript:void(0);">Suivant</a></li>
  1764. </ul>
  1765. </div>
  1766. </div>
  1767.  
  1768. <div class="tab-pane fade in {% if app.session.get('activeTabEntree')=="etape1" or not(app.session.get('activeTabEntree') is defined) or app.session.get('activeTabEntree')=="" %} active {%endif%}" id="infos">
  1769. <div class="body-content animated fadeIn" style='margin-top: -36px;'>
  1770. <div class="form-group form-group-divider">
  1771.  
  1772. {% for profil in departement_list %}
  1773. <input type="hidden" id="adresseDep--{{profil.id}}" value="{{profil.adresse}}"/>
  1774. <input type="hidden" id="responsableDep--{{profil.id}}" value="{{profil.responsable}}"/>
  1775. <input type="hidden" id="rcsDep--{{profil.id}}" value="{{profil.rcs}}"/>
  1776.  
  1777.  
  1778. {%endfor%}
  1779. <!-- Start select fields - basic form -->
  1780. <div class="col-md-6">
  1781. <div class="panel rounded shadow no-overflow">
  1782.  
  1783. <div class="panel-body no-padding">
  1784. <div class="form-body">
  1785.  
  1786. <div class="form-group row">
  1787. <label style="text-align:left" class="control-label col-md-4">Profil<span class="asterisk">*</span></label>
  1788. <div class="col-md-8">
  1789. <select id="profil" onchange="choixProfilSteps({{Employee.id}})" data-placeholder="Choisir une fonction" class="chosen-select " tabindex="-1" style="display: none;">
  1790. <option value="">Choisir</option>
  1791.  
  1792. {% for profil in profils %}
  1793.  
  1794.  
  1795. <option value={{profil.id}} {% if Employee.profil!=null%} {% if profil.id == Employee.profil.id %}selected{%endif%}{%endif%} >{{profil.name}}</option>
  1796.  
  1797. {%endfor%}
  1798.  
  1799. </select>
  1800. </div> </div>
  1801. <div class="form-group row">
  1802. <label style='text-align:left' class="control-label col-md-4">Categorie</label>
  1803. <div class='col-md-8'>
  1804. <select class="chosen-select " tabindex="-1" style="display: none;" id="statut">
  1805. <option value="">Choisir</option>
  1806. <option >Cadre</option>
  1807. <option ></option>
  1808. </select>
  1809. </div>
  1810. </div><!-- /.form-group -->
  1811. <div class="form-group row" style="margin-top: -13px;">
  1812. <label style='text-align:left' class="control-label col-md-4">Poste</label>
  1813. <div class="input-icon right col-md-8">
  1814. <input style=" background-color: #fff;" id="poste" {%if Employee.poste !=null %} value='{{Employee.poste}}' {%endif%} class="form-control form-focus" type="text" >
  1815. </div>
  1816. </div><!-- /.form-group -->
  1817.  
  1818. <div class="form-group row">
  1819.  
  1820. <label style='text-align:left;' class="control-label col-md-4">Société</label>
  1821. <div class='col-md-8' style="">
  1822.  
  1823. <select data-placeholder="Cho" onchange="RemplirChampsDep($(this).val());"class="chosen-select " tabindex="-1" style="display: none;" id="departement">
  1824. <option value="">Choisir</option>
  1825.  
  1826. {% for profil in departement_list %}
  1827.  
  1828.  
  1829. <option {%if Employee.departement !=null %}{%if Employee.departement.id==profil.id%} selected{%endif%} {%endif%} name="ee" value={{profil.id}}>{{profil.name}}</option>
  1830.  
  1831. {%endfor%}
  1832.  
  1833. </select>
  1834. </div>
  1835. </div><!-- /.form-group -->
  1836.  
  1837. <div class="form-group row" style="margin-top: -13px;">
  1838. <label style='text-align:left' class="control-label col-md-4">Adresse de la société</label>
  1839. <div class="input-icon right col-md-8">
  1840. <i class="fa fa-map-marker"></i>
  1841. <input style=" background-color: #fff;" id="adresseDepartement" disabled {%if Employee.departement !=null %} value='{{Employee.departement.adresse}}' {%endif%} class="form-control form-focus" type="text" >
  1842. </div>
  1843. </div><!-- /.form-group -->
  1844.  
  1845.  
  1846. <div class="form-group row">
  1847. <label style='text-align:left;' class="control-label col-md-4">Date d'arrivée<span class="asterisk">*</span></label>
  1848. <div class="input-icon right col-md-8" style="">
  1849. <i class="fa fa-calendar"></i>
  1850. <input class="form-control form-focus" data-mask="39-19-2999" placeholder="{{dateNow}}" {%if Employee.id!="1"%} value='{{Employee.dateEntree}}'{%endif%} placeholder="Saisir" type="text" id="dateEmbauche" >
  1851. </div>
  1852. </div><!-- /.form-group -->
  1853.  
  1854.  
  1855.  
  1856. <div class="form-group row">
  1857. <label style='text-align:left' class="control-label col-md-4">Salaire mensuel</label>
  1858. <div class="input-icon right col-md-8">
  1859. <i class="fa fa-money"></i>
  1860. <input class="form-control form-focus" value='{{Employee.salaire}}' placeholder="Saisir" type="text" id="salaire">
  1861. </div>
  1862. </div>
  1863.  
  1864. <!-- /.form-group --
  1865. </div><!-- /.form-body --> </form>
  1866. </div><!-- /.panel-body -->
  1867. </div><!-- /.panel -->
  1868.  
  1869.  
  1870.  
  1871.  
  1872. </div>
  1873. <!--/ End select fields - basic form -->
  1874. {%for field in fieldsProfil %}
  1875. {%if field!=null and (field.id > 0) %}
  1876. {%if field.location!="user" %}
  1877.  
  1878. {{field.field_render|raw}}
  1879.  
  1880. {%endif %}
  1881.  
  1882. {%endif %}
  1883. {%endfor %}
  1884. </div>
  1885.  
  1886. <div class="col-md-6">
  1887. <div class="panel rounded shadow no-overflow">
  1888.  
  1889. <div class="panel-body no-padding">
  1890.  
  1891.  
  1892. <div class="form-body">
  1893. <div class="form-group row">
  1894. <label style='text-align:left' class="control-label col-md-4">Civilité<span class="asterisk">*</span></label>
  1895.  
  1896. <div class="rdio rdio-theme circle col-md-3" style="margin-left: 1%;">
  1897. <input id="radio-type-circle1" type="radio" name="civilite" value="Mr" {%if Employee.civilite=="Mr"%}checked{%endif%}>
  1898. <label for="radio-type-circle1">Mr</label>
  1899. </div>
  1900. <div class="rdio rdio-theme circle col-md-3">
  1901. <input id="radio-type-circle2" type="radio" name="civilite" value="Mme" {%if Employee.civilite=="Mme"%}checked{%endif%}>
  1902. <label for="radio-type-circle2">Mme</label>
  1903. </div>
  1904. </div>
  1905. <div class="form-group row">
  1906. <label style='text-align:left' class="control-label col-md-4">Nom<span class="asterisk">*</span></label>
  1907. <div class="input-icon right col-md-8">
  1908. <i class="fa fa-caler"></i>
  1909. <input class="form-control form-focus" style="text-transform:uppercase;" value='{{Employee.nom}}' placeholder="Saisir" type="text" id="nom">
  1910. </div>
  1911. </div><!-- /.form-group -->
  1912.  
  1913.  
  1914. <div class="form-group row">
  1915. <label style='text-align:left' class="control-label col-md-4">Prenom<span class="asterisk">*</span></label>
  1916. <div class="input-icon right col-md-8">
  1917. <i class="fa fa-caler"></i>
  1918. <input class="form-control form-focus" placeholder="Saisir" value='{{Employee.prenom}}' type="text" id="prenom">
  1919. </div>
  1920. </div><!-- /.form-group -->
  1921.  
  1922. <div class="form-group row">
  1923. <label style='text-align:left' class="control-label col-md-4">Email<span class="asterisk">*</span></label>
  1924. <div class="input-icon right col-md-8">
  1925. <i class="fa fa-envelope-o"></i>
  1926. <input id="email" value="{{Employee.email}}" required type="email" name="EmailpERSO" class="form-control form-focus" placeholder="Saisir" type="text">
  1927. </div>
  1928. </div><!-- /.form-group -->
  1929. <div class="form-group row">
  1930. <label style='text-align:left;' class="control-label col-md-4">N° sécurité sociale</label>
  1931. <div class="input-icon right col-md-8">
  1932. <i class="fa fa-ba"></i>
  1933. <input onChange="AlertSecu();" data-mask="9 99 99 9w999 999 99" class="form-control form-focus" placeholder="Saisir" type="text" value='{{Employee.NSecu}}' id="numSecu">
  1934. </div>
  1935. </div><!-- /.form-group -->
  1936.  
  1937.  
  1938.  
  1939.  
  1940. <div class="form-group row">
  1941. <label style='text-align:left' class="control-label col-md-4">Adresse personnelle</label>
  1942. <div class="input-icon right col-md-8">
  1943. <i class="fa fa-home"></i>
  1944. <input class="form-control form-focus" placeholder="Saisir" type="text" value='{{Employee.adresse}}' id="adressePerso">
  1945. </div>
  1946. </div><!-- /.form-group -->
  1947. <div class="form-group row" style="margin-top: -13px;height: 35px;">
  1948. </div>
  1949.  
  1950.  
  1951.  
  1952.  
  1953.  
  1954. </div>
  1955. </div> </div>
  1956.  
  1957.  
  1958. </div>
  1959. <div class="col-md-6">
  1960. <div class="panel rounded shadow no-overflow">
  1961. <div class="panel-body no-padding">
  1962. <div class="form-body">
  1963. <div class="form-group row">
  1964. <label style="text-align:left" class="control-label col-md-4">Hiérarchique</label>
  1965. <div class="input-icon right col-md-8" style="padding-bottom: 5px;">
  1966. <input class="form-control form-focus" value='' placeholder="Nom" type="text" id="nomHierarch">
  1967. </div>
  1968. <div class="input-icon right col-md-8" style="float:right;padding-bottom: 5px;">
  1969. <i class="fa fa-building"></i>
  1970. <input class="form-control form-focus" value='' placeholder="Fonction" type="text" id="fonctionHierarch">
  1971. </div>
  1972. <div class="input-icon right col-md-8" style="float:right;padding-bottom: 5px;">
  1973. <i class="fa fa-phone"></i>
  1974. <input value="" id="TelHierarch" name="Telephonehierarchique" placeholder="N° de téléphone" class="form-control" type="text">
  1975. </div>
  1976. <div class="input-icon right col-md-8" style="float:right;padding-bottom: 5px;">
  1977. <i class="fa fa-envelope-o"></i>
  1978. <input id="emailHierarch" value="" type="email" name="Emailhierarchique" class="form-control form-focus" placeholder="E-mail" type="text">
  1979. </div>
  1980. </div>
  1981. </div>
  1982. </div>
  1983. </div>
  1984. </div>
  1985.  
  1986.  
  1987. <div class="panel-footer" >
  1988. <ul class="pager wizard no-margin" >
  1989. <li class="next"><a href="javascript:void(0);" style="margin-top:15%">Suivant</a></li>
  1990. </ul>
  1991. </div>
  1992.  
  1993. </div>
  1994.  
  1995.  
  1996. </div>
  1997. </div>
  1998. <div class="tab-pane fade in {% if app.session.get('activeTabEntree')=="etape3" %} active {%endif%}" id="docs">
  1999. <div class="body-content animated fadeIn">
  2000.  
  2001.  
  2002. <div class="pull-left" style="display:none;margin-top: -3%;color:#e9573f;font-weight: 900;cursor:pointer" onclick="EnregistrerDocs({{profil.id}},99);">
  2003. <i class="fa fa-save"></i>
  2004. <label for="checkbox-checked2" style="margin-top: 2px; margin-left: 5px;font-weight: 900"> Enregistrer</label>
  2005.  
  2006. </div>
  2007.  
  2008. <iframe name='hidden-iframe' style='display:none'></iframe>
  2009. <div class="alert alert-danger" id="alerteDocsinfos" style="background-color:white">
  2010.  
  2011. <span class="alert-icon"><i class="fa fa-cloud-upload"></i></span>
  2012. <i onclick="removeOutil('alerteDocsinfos')" class="fa fa-times" style="float:right;cursor:pointer;"></i>
  2013.  
  2014. <div class="notification-info" id="alert-infoDocs">
  2015. <ul class="clearfix notification-meta">
  2016. <li class="pull-left notification-sender"><span><a href="#">Définir les documents à envoyer et à récupérer.</a></span> </li>
  2017. <li class="pull-right notification-time"></li>
  2018. </ul>
  2019. <p></p>
  2020. </div>
  2021. </div>
  2022. <div class="row" id="CatDocsTab">
  2023.  
  2024. {%for category in CategoriesDoc_List %}
  2025. {%if category.statutAction !="deleted"%}
  2026. <div class="col-md-9" style="margin-left:12%" >
  2027. <div class="panel panel-default">
  2028. <div class="panel-heading" style="background-color:#f9cfc8">
  2029. <div class="pull-left">
  2030. <h3 class="panel-title"> {{category.name}}</h3>
  2031. </div><!-- /.pull-left -->
  2032.  
  2033. <div class="pull-right" style="">
  2034. <div class="btn btn-default" {%if category.name=="Documents Entreprise"%}onclick="addDocaction({{category.id}})"{%else%}onclick="addDocEmpaction({{category.id}})"{%endif%}data-target="Ajouter_Outil" data-toggle="modal" >Ajouter un document<i class="fa fa-plus" style="margin-left:9px"></i> </div>
  2035. </div>
  2036. <div class="clearfix"></div>
  2037. </div>
  2038.  
  2039. <div class="clearfix"></div>
  2040. <div class="form-body row" id="tabDocs{{category.id}}" >
  2041. <div class="tacheSteps" {%if category.name=="Documents Entreprise"%} id="d-{{category.id}}-{{NumIndexTache}}"{%else%} id="d-{{category.id}}-0" {%endif%}style="margin-bottom:5px">
  2042.  
  2043. </div>
  2044. {%for docUp in storedDocsEmp%}
  2045. {%if category.name=="Documents Entreprise"%}
  2046.  
  2047. <div class="col-md-4 tacheSteps" id="d-{{docUp.NumIndexTache}}" style="height:150px;margin-top:20px">
  2048. <input value="{{category.id}}" type="hidden" id="cat-doc{{docUp.NumIndexTache}}">
  2049.  
  2050. <div class="col-md-1" style="width:45px">
  2051. <input title="document à signer par le collaborateur" onchange {%if ducUp.signe=="check"%}value="check" checked {%else%} value="off"{%endif%} onchange="documentSigne({{docUp.NumIndexTache}},{{category.id}})" id="retour-doc{{category.id}}-{{docUp.NumIndexTache}}" type="checkbox"></i>
  2052. </div>
  2053.  
  2054. <div class="col-md-9 row" >
  2055. <input value="{{docUp.title}}" style="border-width: 0px;color:#636e7b;width:95%" id="name-doc{{category.id}}-{{docUp.NumIndexTache}}">
  2056.  
  2057. <form action="{{path('save_doc_form')}}" style="height:70px;width:70px" target='hidden-iframe' enctype="multipart/form-data" method="POST" class="dz" id='dz{{docUp.NumIndexTache}}'>
  2058. <input value="{{docUp.title}}" type="hidden" >
  2059.  
  2060. <div class="dropzone" tool="{{docUp.NumIndexTache}}" {%if category.name!="Documents du collaborateur" %}style="margin-top: 0px; margin-bottom: 0px; border-width: 0px;"{%endif%}>
  2061. {%if storedDocsEmp[docUp.id] is defined and storedDocsEmp[docUp.id] != null%}
  2062. {% if 'pdf' in storedDocsEmp[docUp.id].title%}
  2063. <div id= "toto{{docUp.NumIndexTache}}">
  2064. <img id="totoimg{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="height:100px;width:100px;border-radius: 1px; border: 0px solid #bbb;top:-1%"/>
  2065. <img id="totoimgfb{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="display:none; height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%"/></a>
  2066. <input type="file" name="actualFile" id="input{{docUp.NumIndexTache}}" tool="{{docUp.NumIndexTache}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocumendocUp.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocumendocUp.presentationml.slideshow,application/vnd.openxmlformats-officedocumendocUp.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2067.  
  2068.  
  2069. <div id="mask{{docUp.NumIndexTache}}" class="mask">
  2070. <h3>{{docUp.title}}</h3>
  2071. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="replaceDoc({{docUp.NumIndexTache}});"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2072. <a style="z-index: 700;" class="yes" {%if storedDocsEmp[docUp.id] is defined and storedDocsEmp[docUp.id] != null%} href="{{ vich_uploader_asset(storedDocsEmp[docUp.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2073. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{docUp.NumIndexTache}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2074. </div>
  2075.  
  2076.  
  2077. </div>
  2078.  
  2079. {% elseif 'ppt' in storedDocsEmp[docUp.id].fileName or 'pptx' in storedDocsEmp[docUp.id].fileName%}
  2080.  
  2081. <div id= "toto{{docUp.NumIndexTache}}">
  2082. <img id="totoimg{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/ppt.png')}}" style="height:80px;width:80px;padding-top: 10%;border-radius: 1px; border: 0px solid #bbb;top:20%"/>
  2083. <img id="totoimgfb{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/ppt.png')}}" style="display:none"/></a>
  2084. <input type="file" name="actualFile" id="input{{docUp.NumIndexTache}}" tool="{{docUp.NumIndexTache}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2085.  
  2086.  
  2087. <div id="mask{{docUp.NumIndexTache}}" class="mask">
  2088. <h3>{{docUp.title}}</h3>
  2089. <a style="z-index: 700;cursor:pointer" class="yes" onClick="replaceDoc({{docUp.NumIndexTache}});" ><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2090. <a style="z-index: 700;" class="yes" {%if storedDocsEmp[docUp.id] is defined and storedDocsEmp[docUp.id] != null%} href="{{ vich_uploader_asset(storedDocsEmp[docUp.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2091. <a style="z-index: 700;" class="no" href="javascript:void(0);"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2092. </div>
  2093.  
  2094.  
  2095. </div>
  2096. {% elseif 'doc' in storedDocs[tool.id].fileName or 'docx' in storedDocs[tool.id].fileName%}
  2097. <div id= "toto{{tool.id}}">
  2098. <img id="totoimg{{tool.id}}" src="/ensoSteps/web/word.png" style="height:52px;width:57px;padding-top: 10%;border-radius: 1px; border: 0px solid #bbb;top:20%"/>
  2099. <img id="totoimgfb{{tool.id}}" src="/ensoSteps/web/word.png" style="display:none"/></a>
  2100. <input type="file" name="actualFile" id="input{{tool.id}}" tool="{{tool.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/octet-stream,.doc,.docx" size = '50' style="z-index: 500;"/>
  2101.  
  2102.  
  2103. <div id="mask{{docUp.NumIndexTache}}" class="mask">
  2104. <h3>{{docUp.title}}</h3>
  2105. <a style="z-index: 700;cursor:pointer" class="yes" onClick="replaceDoc({{docUp.NumIndexTache}});" ><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2106. <a style="z-index: 700;" class="yes" {%if storedDocsEmp[docUp.id] is defined and storedDocsEmp[docUp.id] != null%} href="{{ vich_uploader_asset(storedDocsEmp[docUp.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2107. <a style="z-index: 700;" class="no" href="javascript:void(0);"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2108. </div>
  2109.  
  2110.  
  2111. </div>
  2112.  
  2113. {% elseif 'xls' in storedDocsEmp[docUp.id].fileName or 'xlsx' in storedDocsEmp[docUp.id].fileName%}
  2114. <div id= "toto{{docUp.NumIndexTache}}">
  2115. <img id="totoimg{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/xls.png')}}" style="height:80px;width:80px;border-radius: 1px; border: 0px solid #bbb;top:-1%"/>
  2116. <img id="totoimgfb{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/xls.png')}}" style="display:none; height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%"/></a>
  2117. <input type="file" name="actualFile" id="input{{docUp.NumIndexTache}}" tool="{{docUp.NumIndexTache}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocumendocUp.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocumendocUp.presentationml.slideshow,application/vnd.openxmlformats-officedocumendocUp.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2118.  
  2119.  
  2120. <div id="mask{{docUp.NumIndexTache}}" class="mask">
  2121. <h3>{{docUp.title}}</h3>
  2122. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="replaceDoc({{docUp.NumIndexTache}});"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2123. <a style="z-index: 700;" class="yes" {%if storedDocsEmp[docUp.id] is defined and storedDocsEmp[docUp.id] != null%} href="{{ vich_uploader_asset(storedDocsEmp[docUp.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2124. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{docUp.NumIndexTache}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2125. </div>
  2126. </div>
  2127. {%else%}
  2128. <div id= "toto{{docUp.NumIndexTache}}">
  2129. <img id="totoimg{{docUp.NumIndexTache}}" src="{{ vich_uploader_asset(storedDocsEmp[docUp.id], 'actualFile') }}" style=" height:100px;width:100px;border-radius: 1px; border: 0px solid #bbb;top:-1%" />
  2130. <img id="totoimgfb{{docUp.NumIndexTache}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="display:none ;height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%" /></a>
  2131. <input type="file" name="actualFile" id="input{{docUp.NumIndexTache}}" tool="{{docUp.NumIndexTache}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocumendocUp.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocumendocUp.presentationml.slideshow,application/vnd.openxmlformats-officedocumendocUp.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2132.  
  2133. <div id="mask{{docUp.NumIndexTache}}" class="mask">
  2134. <h3>{{docUp.title}}</h3>
  2135. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="replaceDoc({{docUp.NumIndexTache}});"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2136. <a style="z-index: 700;" class="yes" {%if storedDocsEmp[docUp.id] is defined and storedDocsEmp[docUp.id] != null%} href="{{ vich_uploader_asset(storedDocsEmp[docUp.id], 'actualFile') }}" download{%endif%} id= "toto{{docUp.NumIndexTache}}"><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2137. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{docUp.NumIndexTache}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2138. </div>
  2139.  
  2140.  
  2141.  
  2142. </div>
  2143. {%endif%}
  2144. {%else%}
  2145. <div id= "toto{{docUp.id}}" style="text-overflow: ellipsis" >
  2146. <img id="totoimgfb{{docUp.id}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="display:none ; height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%"/></a>
  2147. <div id="title{{docUp.id}}" style="color: #A4A4A4; text-overflow: ellipsis;width: 110px;display: block;overflow: hidden">
  2148. Déposer votre fichier ici
  2149. </br>
  2150. <span id="upload{{docUp.id}}" class="fa fa-cloud-upload fa-2x" style="color: #F5A9A9"></span>
  2151. </div>
  2152.  
  2153. <input type="file" name="actualFile" id="input{{docUp.id}}" tool="{{docUp.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocumendocUp.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocumendocUp.presentationml.slideshow,application/vnd.openxmlformats-officedocumendocUp.presentationml.presentation" size = '50' />
  2154.  
  2155.  
  2156.  
  2157.  
  2158. </div>
  2159. {%endif%}
  2160. <input type="hidden" name="indexTache" value="{{docUp.NumIndexTache}}"/>
  2161. <input type="hidden" name="Owner" value="{{Employee.id}}"/>
  2162. <input type="hidden" name="profil" value="{{profil.id}}"/>
  2163. <input type="hidden" name="title" value="{{docUp.title}}"/>
  2164. </div>
  2165. </form>
  2166.  
  2167.  
  2168. </div>
  2169.  
  2170. <div class="col-md-1">
  2171. <i onclick="removerow('d-{{docUp.NumIndexTache}}')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i>
  2172. </div>
  2173. </div>
  2174. {%endif%}
  2175.  
  2176. {%endfor%}
  2177.  
  2178. {%for tache in profil.DefToolsAdmin%}
  2179. {%if tache.categoryAdmin ==category%}
  2180. <div class="col-md-4 tacheSteps" id="d-{{tache.id}}" {%if category.name=="Documents Entreprise"%}style="height:150px;margin-top:20px"{%else%}style="height:50px;"{%endif%}>
  2181. <input value="{{category.id}}" type="hidden" id="cat-doc{{tache.id}}">
  2182.  
  2183. {%if category.name=="Documents Entreprise"%}
  2184. <div class="col-md-1" style="width:45px">
  2185. <input title="document à signer par le collaborateur" {%if tache.signe=="check"%}value="check" checked {%else%} value="off"{%endif%} onchange="documentSigne({{tache.id}},{{category.id}})" id="retour-doc{{category.id}}-{{tache.id}}" type="checkbox"></i>
  2186. </div>
  2187.  
  2188. <div class="col-md-9 row" >
  2189.  
  2190. <input name="test" value="{{tache.name}}" style="border-width: 0px;color:#636e7b;width:95%" id="name-doc{{tache.id}}">
  2191.  
  2192.  
  2193.  
  2194.  
  2195. <form action="{{path('save_doc_form')}}" style="height:70px;width:70px" target='hidden-iframe' enctype="multipart/form-data" method="POST" class="dz" id='dz{{tache.id}}'>
  2196. <div class="dropzone" tool="{{tache.id}}" {%if category.name!="Documents du collaborateur" %}style="margin-top: 0px; margin-bottom: 0px; border-width: 0px;"{%endif%}>
  2197. {%if storedDocs[tache.id] is defined and storedDocs[tache.id] != null%}
  2198. {% if 'pdf' in storedDocs[tache.id].fileName%}
  2199. <div id= "toto{{tache.id}}">
  2200. <img id="totoimg{{tache.id}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="height:80px;width:80px;border-radius: 1px; border: 0px solid #bbb;top:-1%"/>
  2201. <img id="totoimgfb{{tache.id}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="display:none; height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%"/></a>
  2202. <input type="file" name="actualFile" id="input{{tache.id}}" tool="{{tache.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2203.  
  2204.  
  2205. <div id="mask{{tache.id}}" class="mask">
  2206. <h3>{{tache.name}}</h3>
  2207. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="replaceDoc({{tache.id}});"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2208. <a style="z-index: 700;" class="yes" {%if storedDocs[tache.id] is defined and storedDocs[tache.id] != null%} href="{{ vich_uploader_asset(storedDocs[tache.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2209. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{tache.id}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2210. </div>
  2211.  
  2212. </div>
  2213. {% elseif 'ppt' in storedDocs[tache.id].fileName or 'pptx' in storedDocs[tache.id].fileName%}
  2214.  
  2215. <div id= "toto{{tache.id}}">
  2216. <img id="totoimg{{tache.id}}" src="{{ asset('bundles/ensofront/images/ppt.png')}}" style="height:80px;width:80px;padding-top: 10%;border-radius: 1px; border: 0px solid #bbb;top:20%"/>
  2217. <img id="totoimgfb{{tache.id}}" src="{{ asset('bundles/ensofront/images/ppt.png')}}" style="display:none"/></a>
  2218. <input type="file" name="actualFile" id="input{{tache.id}}" tool="{{tache.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2219.  
  2220.  
  2221. <div id="mask{{tache.id}}" class="mask">
  2222. <h3>{{tache.name}}</h3>
  2223. <a style="z-index: 700;cursor:pointer" class="yes" onClick="replaceDoc({{tache.id}});" ><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2224. <a style="z-index: 700;" class="yes" {%if storedDocs[tache.id] is defined and storedDocs[tache.id] != null%} href="{{ vich_uploader_asset(storedDocs[tache.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2225. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{tache.id}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2226. </div>
  2227.  
  2228.  
  2229. </div>
  2230. {% elseif 'doc' in storedDocs[tache.id].fileName or 'docx' in storedDocs[tache.id].fileName%}
  2231. <div id= "toto{{tache.id}}">
  2232. <img id="totoimg{{tache.id}}" src="/ensoSteps/web/word.png" style="height:80px;width:80px;padding-top: 10%;border-radius: 1px; border: 0px solid #bbb;top:20%"/>
  2233. <img id="totoimgfb{{tache.id}}" src="/ensoSteps/web/word.png" style="display:none"/></a>
  2234. <input type="file" name="actualFile" id="input{{tache.id}}" tool="{{tache.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2235.  
  2236.  
  2237. <div id="mask{{tache.id}}" class="mask">
  2238. <h3>{{tache.name}}</h3>
  2239. <a style="z-index: 700;cursor:pointer" class="yes" onClick="replaceDoc({{tache.id}});" ><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2240. <a style="z-index: 700;" class="yes" {%if storedDocs[tache.id] is defined and storedDocs[tache.id] != null%} href="{{ vich_uploader_asset(storedDocs[tache.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2241. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{tache.id}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2242. </div>
  2243.  
  2244.  
  2245. </div>
  2246. {% elseif 'xls' in storedDocs[tache.id].fileName or 'xlsx' in storedDocs[tache.id].fileName%}
  2247. <div id= "toto{{tache.id}}">
  2248. <img id="totoimg{{tache.id}}" src="{{ asset('bundles/ensofront/images/xls.png')}}" style="height:80px;width:80px;padding-top: 10%;border-radius: 1px; border: 0px solid #bbb;top:20%"/>
  2249. <img id="totoimgfb{{tache.id}}" src="{{ asset('bundles/ensofront/images/xls.png')}}" style="display:none"/></a>
  2250. <input type="file" name="actualFile" id="input{{tache.id}}" tool="{{tache.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2251.  
  2252.  
  2253. <div id="mask{{tache.id}}" class="mask">
  2254. <h3>{{tache.name}}</h3>
  2255. <a style="z-index: 700;cursor:pointer" class="yes" onClick="replaceDoc({{tache.id}});" ><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2256. <a style="z-index: 700;" class="yes" {%if storedDocs[tache.id] is defined and storedDocs[tache.id] != null%} href="{{ vich_uploader_asset(storedDocs[tache.id], 'actualFile') }}" download{%endif%} ><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2257. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{tache.id}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2258. </div>
  2259.  
  2260.  
  2261. </div>
  2262. {%else%}
  2263. <div id= "toto{{tache.id}}">
  2264. <img id="totoimg{{tache.id}}" src="{{ vich_uploader_asset(storedDocs[tache.id], 'actualFile') }}" style=" height:100px;width:100px;border-radius: 1px; border: 0px solid #bbb;top:-1%" />
  2265. <img id="totoimgfb{{tache.id}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="display:none ;height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%" /></a>
  2266. <input type="file" name="actualFile" id="input{{tache.id}}" tool="{{tache.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' style="z-index: 500;"/>
  2267.  
  2268. <div id="mask{{tache.id}}" class="mask">
  2269. <h3>{{tache.name}}</h3>
  2270. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="replaceDoc({{tache.id}});"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a>
  2271. <a style="z-index: 700;" class="yes" {%if storedDocs[tache.id] is defined and storedDocs[tache.id] != null%} href="{{ vich_uploader_asset(storedDocs[tache.id], 'actualFile') }}" download{%endif%} id= "toto{{tache.id}}"><span class="fa fa-cloud-download fa-2x" style="color: #F5A9A9"></span></a>
  2272. <a style="z-index: 700;" class="no" href="javascript:void(0);" onClick="removerow('d-{{tache.id}}')"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a>
  2273. </div>
  2274.  
  2275.  
  2276.  
  2277. </div>
  2278. {%endif%}
  2279. {%else%}
  2280. <div id= "toto{{tache.id}}" style="text-overflow: ellipsis" >
  2281. <img id="totoimgfb{{tache.id}}" src="{{ asset('bundles/ensofront/images/pdf.png')}}" style="display:none ; height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%"/></a>
  2282. <div id="title{{tache.id}}" style="color: #A4A4A4; text-overflow: ellipsis;width: 110px;display: block;overflow: hidden">
  2283. Déposer votre fichier ici
  2284. </br>
  2285. <span id="upload{{tache.id}}" class="fa fa-cloud-upload fa-2x" style="color: #F5A9A9"></span>
  2286. </div>
  2287.  
  2288. <input type="file" name="actualFile" id="input{{tache.id}}" tool="{{tache.id}}" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size = '50' />
  2289.  
  2290.  
  2291.  
  2292.  
  2293. </div>
  2294. {%endif%}
  2295. <input type="hidden" name="toolId" value="{{tache.id}}"/>
  2296. <input type="hidden" name="profilId" {%if Employee.profil%}value="{{Employee.profil.id}}"{%endif%}/>
  2297. </div>
  2298. </form>
  2299.  
  2300.  
  2301. </div>
  2302.  
  2303.  
  2304. {%else%}
  2305. <div class="col-md-9"> <input value="{{tache.name}}" style="border-width: 0px;color:#636e7b;width:95%" id="name-doc{{tache.id}}"></div>
  2306.  
  2307. {%endif%}
  2308. <div class="col-md-1">
  2309. <i onclick="removerow('d-{{tache.id}}')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i>
  2310. </div>
  2311. </div>
  2312.  
  2313. {%endif%}
  2314. {%endfor%}
  2315.  
  2316. </div>
  2317. </div>
  2318. </div>
  2319.  
  2320. {%endif%} {%endfor%}
  2321.  
  2322. </div>
  2323. <div class="panel-footer">
  2324. <ul class="pager wizard no-margin">
  2325. <li class="previous"><a href="javascript:void(0);">Précédent</a></li>
  2326. <li class="next"><a href="javascript:void(0);">Suivant</a></li>
  2327. </ul>
  2328. </div><!-- /.panel-footer -->
  2329. <!--/ End pager -->
  2330. </div>
  2331.  
  2332.  
  2333.  
  2334.  
  2335. </div>
  2336. </div> </div>
  2337.  
  2338.  
  2339.  
  2340.  
  2341. <div id="RecapArrivee" class="modal fade" role="dialog">
  2342. <div class="modal-dialog">
  2343.  
  2344. <!-- Modal content-->
  2345. <div class="modal-content">
  2346. <div class="modal-header bg-primary">
  2347.  
  2348. <h4 class="modal-title">Lancer une nouvelle arrivée? </h4>
  2349. </div>
  2350.  
  2351. <div class="modal-footer">
  2352. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  2353. <button type="button"
  2354. onclick='lancer_arrivee_steps({{Employee.id}})'
  2355. class="btn btn-primary">Valider</button>
  2356. </div>
  2357. </div>
  2358.  
  2359. </div>
  2360. </div>
  2361.  
  2362.  
  2363.  
  2364. </div><!-- /.row -->
  2365.  
  2366. </div> </div></div>
  2367.  
  2368.  
  2369.  
  2370. </form>
  2371.  
  2372. </div>
  2373. <!--/ End form validation wizard-->
  2374.  
  2375. </div>
  2376. </div><!-- /.row -->
  2377.  
  2378. </div><!-- /.body-content -->
  2379. <!--/ End body content -->
  2380.  
  2381. <!-- Start footer content -->
  2382. <footer class="footer-content">
  2383. </footer><!-- /.footer-content -->
  2384. <!--/ End footer content -->
  2385. <!-- START @ADDITIONAL ELEMENT -->
  2386.  
  2387. <!--/ END ADDITIONAL ELEMENT -->
  2388. </section><!-- /#page-content -->
  2389. <!--/ END PAGE CONTENT -->
  2390.  
  2391.  
  2392. <!--/ END ADDITIONAL ELEMENT -->
  2393. <!-- START JAVASCRIPT SECTION (Load javascripts at bottom to reduce load time) -->
  2394. <!-- START @CORE PLUGINS -->
  2395.  
  2396.  
  2397. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery/dist/jquery.min.js') }}"></script>
  2398.  
  2399.  
  2400.  
  2401.  
  2402. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery-cookie/jquery.cookie.js') }}"></script>
  2403. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap/dist/js/bootstrap.min.js') }}"></script>
  2404. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/typehead.js/dist/handlebars.js') }}"></script>
  2405. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/typehead.js/dist/typeahead.bundle.min.js') }}"></script>
  2406. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery-nicescroll/jquery.nicescroll.min.js') }}"></script>
  2407. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery.sparkline.min/index.js') }}"></script>
  2408. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery-easing-original/jquery.easing.1.3.min.js') }}"></script>
  2409. <script type="text/javascript" src="{{ asset('bundles/ensofrontassets/global/plugins/bower_components/ionsound/js/ion.sound.min.js') }}"></script>
  2410. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootbox/bootbox.js') }}"></script>
  2411. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery.gritter/js/jquery.gritter.min.js') }}"></script>
  2412.  
  2413. <!--/ END CORE PLUGINS -->
  2414.  
  2415. <!-- START @PAGE LEVEL PLUGINS -->
  2416. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/sweetalert-master/dist/sweetalert.min.js') }}"></script>
  2417.  
  2418. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery-validation/dist/jquery.validate.min.js') }}"></script>
  2419. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js') }}"></script>
  2420. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js') }}"></script>
  2421. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/apps.js') }}"></script>
  2422. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/pages/blankon.dashboard.js') }}"></script>
  2423. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/demo.js') }}"></script>
  2424. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js') }}"></script>
  2425.  
  2426. <!--/ END PAGE LEVEL PLUGINS -->
  2427. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
  2428.  
  2429. <!-- START @PAGE LEVEL SCRIPTS -->
  2430. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/apps.js') }}"></script>
  2431. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/pages/blankon.form.wizard.js') }}"></script>
  2432. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/demo.js') }}"></script>
  2433. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/chosen_v1.2.0/chosen.jquery.min.js') }}"></script>
  2434. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery-mockjax/jquery.mockjax.js') }}"></script>
  2435. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery.inputmask/dist/jquery.inputmask.bundle.min.js') }}"></script>
  2436.  
  2437.  
  2438. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/pages/blankon.form.validation.js') }}"></script>
  2439. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/gmap3/dist/gmap3.min.js') }}"></script>
  2440.  
  2441.  
  2442.  
  2443. <!--/ END PAGE LEVEL PLUGINS -->
  2444. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/Calendar/jQuery-2.1.4.min.js') }}"></script>
  2445. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/Calendar/bootstrap.min.js') }}"></script>
  2446. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/Calendar/jquery.slimscroll.js') }}"></script>
  2447. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/fullcalendar/fullcalendar.min.js') }}"></script>
  2448.  
  2449. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/commercial/plugins/cube-portfolio/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
  2450. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/pages/blankon.project.team.js') }}"></script>
  2451. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.min.js') }}"></script>
  2452. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/inputs-ext/typeaheadjs/lib/typeahead.js') }}"></script>
  2453. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/inputs-ext/typeaheadjs/typeaheadjs.js') }}"></script>
  2454. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/x-editable/dist/inputs-ext/address/address.js') }}"></script>
  2455. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/pages/blankon.form.xeditable.js') }}"></script>
  2456. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js') }}"></script>
  2457. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jasny-bootstrap-fileinput/js/jasny-bootstrap.fileinput.min.js') }}"></script>
  2458. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/holderjs/holder.js') }}"></script>
  2459. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/bootstrap-maxlength/bootstrap-maxlength.min.js') }}"></script>
  2460. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/jquery-autosize/jquery.autosize.min.js') }}"></script>
  2461. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/global/plugins/bower_components/chosen_v1.2.0/chosen.jquery.min.js') }}"></script>
  2462. <script type="text/javascript" src="{{ asset('bundles/ensofront/jasny-bootstrap/js/jasny-bootstrap.min.js') }}"></script>
  2463. <script type="text/javascript" src="{{ asset('bundles/ensofront/js/jquery.onmutate.js') }}"></script>
  2464. <script type="text/javascript" src="{{ asset('bundles/ensofront/assets/admin/js/pages/blankon.form.element.js') }}"></script>
  2465.  
  2466. <script type="text/javascript" src="{{ asset('bundles/ensofront/js/jqBootstrapValidation.js') }}"></script>
  2467.  
  2468. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBbBwwQnPfelUZ2WyQ29FloGoZk3Mg5LG0&signed_in=true&callback=initMap"
  2469. async defer></script>
  2470.  
  2471. <script type="text/javascript">
  2472.  
  2473. $(document).ready(function() {
  2474. var s = $("#header3");
  2475. var pos = s.position();
  2476. $(window).scroll(function() {
  2477. var windowpos = $(window).scrollTop();
  2478.  
  2479. if (windowpos > pos.top+5) {
  2480. s.css('margin-top','3.9%');
  2481.  
  2482. } else {
  2483. s.css('margin-top','7.5%');
  2484. }
  2485. });
  2486. });
  2487.  
  2488. $(function() {
  2489. $(".control-group").find("input,textarea,select").jqBootstrapValidation(
  2490.  
  2491. );
  2492. });
  2493. //$(document).bind('drop dragover', function (e) {
  2494. // e.preventDefault();
  2495. //});
  2496. $(document).bind("drop dragover", function(e){
  2497. if(e.target.type != "file"){
  2498. e.preventDefault();
  2499. }
  2500. });
  2501. function dropzoneinit(){
  2502. //alert("here drop");
  2503. $('.dropzone').on('dragover', function() {
  2504. $(this).addClass('hover');
  2505. //alert('fff');
  2506. });
  2507.  
  2508. $('.dropzone').on('dragleave', function() {
  2509. $(this).removeClass('hover');
  2510. });
  2511.  
  2512. $('.dropzone').on('drop', function(e) {
  2513. // var tool_id = $(this).attr("tool");
  2514. //$('#input'+tool_id).val(e.originalEvent.dataTransfer.files[0]);
  2515. });
  2516.  
  2517. $('.dropzone input').each(function(i,obj){
  2518.  
  2519. $(this).on(' change', function(e) {
  2520. if (typeof (FileReader) !== "undefined") {
  2521. var tool_id = $(this).attr("tool");
  2522.  
  2523. var file = this.files[0];
  2524.  
  2525.  
  2526.  
  2527. if (this.accept && $.inArray(file.type, this.accept.split(/, ?/)) === -1) {
  2528. return alert('File type not allowed.');
  2529. }
  2530.  
  2531. $(this).parent().parent().parent().removeClass('hover');
  2532. $('#totoimg'+tool_id).remove();
  2533. $('#totoimgfb'+tool_id).hide();
  2534. var idzone=$(this).parent().parent().parent().parent().parent().attr("id");
  2535.  
  2536. //$('img',$(this).parent()).remove();
  2537. var inputimg=$(this).attr("id");
  2538. if ((/^image\/(gif|png|jpeg)$/i).test(file.type)) {
  2539. var reader = new FileReader(file);
  2540. reader.readAsDataURL(file);
  2541. reader.onload = function(e) {
  2542. var data = e.target.result,
  2543. $img = $('<img id="totoimg'+tool_id+'"style=" height:100px;width:100px;border-radius: 1px; border: 0px solid #bbb;top:-1%" />').attr('src', data).fadeIn();
  2544. $name=file.name;
  2545. $newname=$name.substring(0, $name.length-4);
  2546. // $img.attr("style", "height:100px;width: 100px");
  2547. $mask = '<div id="mask'+tool_id+'" class="mask"><h3>'+file.name+'</h3><a style="z-index: 900;" class="no" href="javascript:void(0);" onClick="replaceDoc2('+inputimg+');"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a><a style="z-index: 900;" class="yes" href="javascript:void(0);" onClick="DownloadFile('+inputimg+');"><span style="color: #F5A9A9;margin-top: 10%;" class="fa fa-cloud-download fa-2x" id=""></span></a><a style="z-index: 900;" class="no" href="javascript:void(0);" onClick="removerow(\''+idzone+'\');"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a></div>';
  2548. $('#mask'+tool_id).remove();
  2549. $('#title'+tool_id).remove();
  2550. $('#upload'+tool_id).remove();
  2551. $('#totoimg'+tool_id).remove();
  2552. $('#toto'+tool_id).prepend($img);
  2553. $('#toto'+tool_id).append($mask);
  2554.  
  2555. // $('#name-doc'+tool_id).val($newname);
  2556. //$('#name-doc2-'+tool_id).val($newname);
  2557. };
  2558.  
  2559. } else {
  2560. var exts = ['xls', 'xlsx'];
  2561. var get_ext = $('#input'+tool_id).val().split('.');
  2562. get_ext = get_ext.reverse();
  2563. console.log(get_ext);
  2564. if ( $.inArray ( get_ext[0].toLowerCase(), exts ) > -1 ){
  2565. $('#totoimgfb'+tool_id).attr("src","{{ asset('bundles/ensofront/images/xls.png')}}");
  2566. console.log( 'Allowed extension!' );
  2567.  
  2568. }
  2569. var exts = ['doc', 'docx'];
  2570. var get_ext = $('#input'+tool_id).val().split('.');
  2571. get_ext = get_ext.reverse();
  2572. console.log(get_ext);
  2573. if ( $.inArray ( get_ext[0].toLowerCase(), exts ) > -1 ){
  2574. $('#totoimgfb'+tool_id).attr("src","{{ asset('bundles/ensofront/images/doc.png')}}");
  2575. console.log( 'Allowed extension!' );
  2576. }
  2577.  
  2578. var exts = ['ppt', 'pptx'];
  2579. var get_ext = $('#input'+tool_id).val().split('.');
  2580. get_ext = get_ext.reverse();
  2581. console.log(get_ext);
  2582. if ( $.inArray ( get_ext[0].toLowerCase(), exts ) > -1 ){
  2583. $('#totoimgfb'+tool_id).attr("src","{{ asset('bundles/ensofront/images/ppt.png')}}");
  2584. console.log( 'Allowed extension!' );
  2585.  
  2586. }
  2587.  
  2588. $('#totoimgfb'+tool_id).show();
  2589. $('#totoimgfb'+tool_id).attr("style","height:80px;width:80px;padding-top: 10%;border-radius: 1px; border: 0px solid #bbb;top:20%");
  2590.  
  2591. // $mask = '<div id="mask'+tool_id+'" class="mask"><h3>'+file.name+'</h3><a style="z-index: 900;" class="yes" href="javascript:void(0);" onClick="replaceDoc2('+$(this).attr("id")+');"><span style="color: #F5A9A9" class="fa fa-cloud-upload fa-2x" id=""></span></a><a style="z-index: 900;" class="yes" href="javascript:void(0);" onClick="DownloadFile('+$(this).attr("id")+');"><span style="color: #F5A9A9;margin-top: 10%;" class="fa fa-cloud-download fa-2x" id=""></span></a><a style="z-index: 900;" class="no" href="javascript:void(0);" onClick="removerow(\''+idzone+'\');"><span class="fa fa-trash-o fa-2x" style="color: #F5A9A9"></span></a></div>';
  2592. $name=file.name;
  2593. $newname=$name.substring(0, $name.length-4);
  2594. // $('#mask'+tool_id).remove();
  2595. $('#title'+tool_id).remove();
  2596. $('#upload'+tool_id).remove();
  2597. // $('#toto'+tool_id).append($mask);
  2598.  
  2599. }
  2600. $('#toto'+tool_id).prop("href","#");
  2601. $title=$('#name-doc2-'+tool_id).val();
  2602. $('#name-docR'+tool_id).val($title);
  2603. // $('#name-doc'+tool_id).val($newname);
  2604. $("#dz"+tool_id).submit();
  2605.  
  2606. }else{
  2607.  
  2608. }
  2609. });
  2610.  
  2611. });
  2612. };
  2613.  
  2614. dropzoneinit();
  2615. $('#docs').onCreate('.dropzone',function(e){ dropzoneinit(); }, true);
  2616.  
  2617. </script>
  2618.  
  2619. <script type="text/javascript">
  2620.  
  2621. function RemplirChampsDep(dep){
  2622.  
  2623.  
  2624. adresse=$('#adresseDep--'+dep).val();
  2625.  
  2626. resp=$('#responsableDep--'+dep).val();
  2627.  
  2628. $('#adresseDepartement').val(adresse);
  2629. $('#responsableDepartement').val(resp);
  2630. $('#rcs').val($('#rcsDep--'+dep).val());
  2631. }
  2632.  
  2633. function DownloadFile(id){
  2634.  
  2635. var filename = $(id).val();
  2636.  
  2637. if (filename == "" || filename == null) {
  2638. alert('Error');
  2639. }else {
  2640. var file = $(id)[0].files[0];
  2641. console.log(file);
  2642. var filename = file.name;
  2643. var blob = new Blob([file]);
  2644. var url = URL.createObjectURL(blob);
  2645. var a = document.createElement("a");
  2646. document.body.appendChild(a);
  2647. a.style = "display: none";
  2648. a.download = filename;
  2649. a.href=url;
  2650. a.click();
  2651. console.log(file.name);
  2652.  
  2653. }
  2654.  
  2655.  
  2656.  
  2657.  
  2658. }
  2659. function deleteDoc(id,$idCat){
  2660. var control = $('#input'+id);
  2661. var x1=($('#input'+id).val());
  2662. control.replaceWith( control = control.clone( true ));
  2663. var x2=($('#input'+id).val());
  2664. if (x1===x2){
  2665. console.log($('#d-'+id));}
  2666. $idTab='#tabDocs'+$idCat;
  2667. $nbCatLas='#CatDocsTab';
  2668. $classOutil=' .tacheSteps';
  2669.  
  2670. $idLastnb=$idTab+$classOutil+':first';
  2671. // $idLastnb='#CatPlannigTab .tacheSteps:last';
  2672. base = $($idLastnb).attr("id");
  2673.  
  2674. extractT= base.split('-');
  2675. extract= extractT[2];
  2676. i = parseInt(extract)+1;
  2677. // alert(i);
  2678.  
  2679. $('#d-'+id).attr( 'id' ,'d-'+$idCat+'-'+i);
  2680. $( '#d-'+$idCat+'-'+i).replaceWith('<div class="col-md-4 tacheSteps" id="d-'+$idCat+'-'+i+'"><div class="col-md-1" style="width: 70px; margin-left: -5px;"><input title="document à signer par le collaborateur" value="off" onchange="documentSigne('+i+','+$idCat+')"id="retour-doc'+$idCat+'-'+i+'" type="checkbox"></i> </div><div class="col-md-8"> <input style="border-width: 0px;color:#636e7b;width:95%" id="name-doc'+$idCat+'-'+i+'" placeholder="Saisir intitulé"> <input type="hidden" style="border-width: 0px;color:#636e7b;width:95%" value="'+$idCat+'" id="cat-doc'+$idCat+'-'+i+'"><form action="{{path("save_doc_form")}}" style="margin-left: -20px;" target="hidden-iframe" enctype="multipart/form-data" method="POST" class="dz" id="dz'+i+'"><div class="dropzone" tool="'+i+'"> <div id= "toto'+i+'" style="text-overflow: ellipsis" > <img id="totoimgfb'+i+'" style="display:none ;height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%/></a> <div id="title'+i+'" style="color: #A4A4A4; text-overflow: ellipsis;width: 110px;display: block;overflow: hidden"> Déposer votre fichier ici </br> <span id="upload'+i+'" class="fa fa-cloud-upload fa-2x" style="color: #F5A9A9"></span></div> <input type="file" name="actualFile" id="input'+i+'" tool="'+i+'" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size ="50" style="z-index:900"/> </div><input type="hidden" name="indexTache" value="'+i+'"/> <input type="hidden" name="Owner" value="{{Employee.id}}"/></div> </form> </div></div>');
  2681. }
  2682.  
  2683. function replaceDoc(id){
  2684. console.log(id);
  2685. $("#input"+id).click();
  2686.  
  2687. }
  2688. function replaceDoc2(id){
  2689. $(id).click();
  2690.  
  2691. }
  2692.  
  2693.  
  2694.  
  2695. function ChoisirUnProfilStp(){
  2696. $('#dotation').attr('data-toggle','');
  2697. $('#t2').attr('data-toggle','');
  2698. $('#planning').attr('data-toggle','');
  2699. swal({
  2700. title: "",
  2701. text: "Merci de choisir un poste!",
  2702.  
  2703. showCancelButton: false,
  2704. confirmButtonColor: "#DD6B55",
  2705. confirmButtonText: "Ok",
  2706. closeOnConfirm: true
  2707. });
  2708. }
  2709. function verifChamps($type,$idEmp) {
  2710.  
  2711. var $_data = {
  2712. 'civilite': $("input[name='civilite']:checked").val(),
  2713. 'idProfil': $('#profil').val(),
  2714. 'profil': $('#profil').val(),
  2715. 'nom': $('#nom').val(),
  2716. 'dateEmbauche': $('#dateEmbauche').val(),
  2717. 'prenom': $('#prenom').val(),
  2718. 'societe': $('#societe').val(),
  2719. 'email': $('#email').val(),
  2720. 'contrat': $('#contrat').val(),
  2721. }
  2722.  
  2723. var mail=$('#email').val();
  2724. var mailteste=mail;
  2725. var verif =0;
  2726.  
  2727. var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
  2728.  
  2729. if( $_data['idProfil'] ==="Choisir" || $_data['societe'] ==="" ||$_data['nom'] ==="" || $_data['prenom'] ==="" || $_data['contrat'] ==="Choisir" || $_data['email'] ==="")
  2730. {
  2731.  
  2732. //alert("champ vide")
  2733. if ($_data['idProfil'] ==="") {
  2734.  
  2735. $('#dotation').attr('data-toggle','');
  2736. $('#t2').attr('data-toggle','');
  2737. $('#planning').attr('data-toggle','');
  2738. verif = 9;
  2739. }
  2740.  
  2741. if ($_data['civilite'] ==="") {
  2742. document.getElementByName("civilite").style.borderColor = "red";
  2743. $('#dotation').attr('data-toggle','');
  2744. $('#t2').attr('data-toggle','');
  2745. $('#planning').attr('data-toggle','');
  2746. }
  2747.  
  2748. if ($_data['nom'] ==="") {
  2749. document.getElementById("nom").style.borderColor = "red";
  2750. $('#dotation').attr('data-toggle','');
  2751. $('#t2').attr('data-toggle','');
  2752. $('#planning').attr('data-toggle','');
  2753. verif = 9;
  2754. }
  2755. if($_data['prenom'] ==="") {
  2756. document.getElementById("prenom").style.borderColor = "red";
  2757. $('#dotation').attr('data-toggle','');
  2758. $('#t2').attr('data-toggle','');
  2759. $('#planning').attr('data-toggle','');
  2760. verif = 9;
  2761. }
  2762. if($_data['dateEmbauche'] ==="") {
  2763. document.getElementById("dateEmbauche").style.borderColor = "red";
  2764. $('#dotation').attr('data-toggle','');
  2765. $('#t2').attr('data-toggle','');
  2766. $('#planning').attr('data-toggle','');
  2767. verif = 9;
  2768. }
  2769. if($_data['profil'] ==="Choisir") {
  2770. document.getElementById("profil").style.borderColor = "red";
  2771. $('#dotation').attr('data-toggle','');
  2772. $('#t2').attr('data-toggle','');
  2773. $('#planning').attr('data-toggle','');
  2774. verif = 9;
  2775. }
  2776.  
  2777. if ($_data['email'] ==="") {
  2778. document.getElementById("email").style.borderColor = "red";
  2779. $('#dotation').attr('data-toggle','');
  2780. $('#t2').attr('data-toggle','');
  2781. $('#planning').attr('data-toggle','');
  2782. verif = 9;
  2783. }
  2784.  
  2785. swal({
  2786. title: "",
  2787. text: "Merci de bien vouloir renseigner tous les champs obligatoires!",
  2788.  
  2789. showCancelButton: false,
  2790. confirmButtonColor: "#DD6B55",
  2791. confirmButtonText: "Ok",
  2792. closeOnConfirm: true
  2793. });
  2794.  
  2795. // document.getElementById("etape1").className = "activeinfo";
  2796. }
  2797. else
  2798. {
  2799. $('#dotation').attr('data-toggle','tab');
  2800. document.getElementById("dotation").href = "#dotations";
  2801.  
  2802. $('#t2').attr('data-toggle','tab');
  2803. document.getElementById("t2").href = "#docs";
  2804.  
  2805. $('#planning').attr('data-toggle','tab');
  2806. document.getElementById("planning").href = "#tab-Planning";
  2807.  
  2808. if ($type === "Arrivee")
  2809. {
  2810. //$('#Lancer').attr('data-toggle','');
  2811.  
  2812. PlanifierArrivee($idEmp);
  2813.  
  2814. }
  2815. }
  2816.  
  2817. return verif;
  2818.  
  2819. }
  2820. </script>
  2821. <script>
  2822. function addDocaction($idCat){
  2823.  
  2824. $idTab='#tabDocs'+$idCat;
  2825. $nbCatLas='#CatDocsTab';
  2826. $classOutil=' .tacheSteps';
  2827.  
  2828. $command=$idTab+$classOutil+':first';
  2829. $idLastnb=$idTab+$classOutil+':first';
  2830. // $idLastnb='#CatPlannigTab .tacheSteps:last';
  2831. base = $($idLastnb).attr("id");
  2832.  
  2833. extractT= base.split('-');
  2834. extract= extractT[2];
  2835. i = parseInt(extract)+1;
  2836. // alert(i);
  2837.  
  2838. //alert(i);
  2839.  
  2840. $($command).before('<div class="col-md-4 tacheSteps" id="d-'+$idCat+'-'+i+'" style="height: 50px; margin-bottom: 100px;margin-top:20px"><div class="col-md-1" style="width: 70px; margin-left: -2px;"><input title="document à signer par le collaborateur" value="off" onchange="documentSigne('+i+','+$idCat+')" id="retour-doc'+$idCat+'-'+i+'" type="checkbox"></i> </div><div class="col-md-8" style="left: -33px;"> <input type="hidden" style="border-width: 0px;color:#636e7b;width:95%" value="'+$idCat+'" id="cat-doc'+$idCat+'-'+i+'"><input style="border-width: 0px;color:#636e7b;width:95%" id="name-doc'+$idCat+'-'+i+'" placeholder="Saisir intitulé"><form action="{{path("save_doc_form")}}" style="margin-left: -20px;" target="hidden-iframe" enctype="multipart/form-data" method="POST" class="dz" id="dz'+i+'"><div class="dropzone" tool="'+i+'"> <div id= "toto'+i+'" style="text-overflow: ellipsis" > <img id="totoimgfb'+i+'" style="display:none;height:55px;width:55px;padding-top: 20%;border-radius: 1px; border: 0px solid #bbb;top:20%"/></a> <div id="title'+i+'" style="color: #A4A4A4; text-overflow: ellipsis;width: 110px;display: block;overflow: hidden"> Déposer votre fichier ici </br> <span id="upload'+i+'" class="fa fa-cloud-upload fa-2x" style="color: #F5A9A9"></span></div> <input type="file" name="actualFile" id="input'+i+'" tool="'+i+'" accept="image/png, image/jpeg, application/pdf, application/msword ,application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.ms-powerpoint,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation" size ="50" style="z-index:900"/> </div><input type="hidden" name="indexTache" value="'+i+'"/> <input type="hidden" name="Owner" value="{{Employee.id}}"/><input type="hidden" name="profil" value="{{profil.id}}"/><input type="hidden" name="title" id="name-docR'+i+'"> </div> </form> </div><div style="left: -16px;" class="col-md-1" onclick="removerow(\'d-'+$idCat+'-'+i+'\')"><i style="float:right;color:red;cursor:pointer" class="fa fa-times"></i></div></div>');
  2841. // $($command).after('<div class="row tacheSteps" id="doc-'+i+'"> <div class="col-md-6"> <input style="width:100%;border-width: 0px;color:#636e7b" id="name-doc'+i+'" ><input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b" id="cat-doc'+i+'" > </div><div class="col-md-1"><i style="float:right;cursor:pointer;" class="fa fa-cloud-upload"></i> </div> <div class="col-md-1"><i onclick="removerow(\'doc-'+i+'\')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i></div></div> ');
  2842.  
  2843. }
  2844. function addDocEmpaction($idCat){
  2845. $idTab='#tabDocs'+$idCat;
  2846. $nbCatLas='#CatDocsTab';
  2847. $classOutil=' .tacheSteps';
  2848.  
  2849. $command=$idTab+$classOutil+':first';
  2850. $idLastnb=$idTab+$classOutil+':first';
  2851. // $idLastnb='#CatPlannigTab .tacheSteps:last';
  2852. base = $($idLastnb).attr("id");
  2853.  
  2854. extractT= base.split('-');
  2855. extract= extractT[2];
  2856. i = parseInt(extract)+1;
  2857. // alert(i);
  2858.  
  2859. $($command).before('<div class="col-md-4 tacheSteps" id="d-'+$idCat+'-'+i+'" style="height:50px"><div class="col-md-9"> <input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b;width:95%" id="cat-doc'+$idCat+'-'+i+'" > <input style="border-width: 0px;color:#636e7b;width:95%" placeholder="Saisir intitulé" id="name-doc'+$idCat+'-'+i+'" type="text"></div><div class="col-md-1" onclick="removerow(\'d-'+$idCat+'-'+i+'\')"><i style="float:right;color:red;cursor:pointer" class="fa fa-times"></i></div></div>');
  2860. // $($command).after('<div class="row tacheSteps" id="doc-'+i+'"> <div class="col-md-6"> <input style="width:100%;border-width: 0px;color:#636e7b" id="name-doc'+i+'" ><input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b" id="cat-doc'+i+'" > </div><div class="col-md-1"><i style="float:right;cursor:pointer;" class="fa fa-cloud-upload"></i> </div> <div class="col-md-1"><i onclick="removerow(\'doc-'+i+'\')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i></div></div> ');
  2861.  
  2862. }
  2863. /*
  2864. function addDocaction($idCat){
  2865. $idTab='#tabDocs'+$idCat;
  2866. $nbCatLas='#CatDocsTab';
  2867. $classOutil=' .tacheSteps';
  2868.  
  2869. $command=$idTab+$classOutil+':last';
  2870. $idLastnb=$idTab+$classOutil+':last';
  2871. // $idLastnb='#CatPlannigTab .tacheSteps:last';
  2872. base = $($idLastnb).attr("id");
  2873.  
  2874. extractT= base.split('-');
  2875. extract= extractT[2];
  2876. i = parseInt(extract)+1;
  2877. // alert(i);
  2878. $($command).after('<div class="row tacheSteps" id="d-'+$idCat+'-'+i+'"><div class="col-md-1"><input title="demande retour" id="rerour-doc'+$idCat+'-'+i+'" type="checkbox"></i> </div><div class="col-md-4"> <input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b;" id="cat-doc'+$idCat+'-'+i+'" > <input style="border-width: 0px;color:#636e7b;width:95%" placeholder="Saisir intitulé" id="name-doc'+$idCat+'-'+i+'" type="text"></div> <form action="{{path("save_doc_form")}}" target="hidden-iframe" enctype="multipart/form-data" method="POST" class="dz" id="dznew"> <input type="hidden" name="toolId" value="arrivee"><div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 col-xxs-12 doci"><div class="row"><div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 col-xxs-12"></div><div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 col-xxs-12"><div class="dropzone" style="border-left: thin double grey ;text-overflow: ellipsis ;" > <span id="title" style="text-overflow: ellipsis;width: 70px;display: block;overflow: hidden"> déposez votre fichier ici.</span><input type="file" name="actualFile" tool="" accept="image/png, image/jpeg, application/pdf" size = "50" /> </div></div></div></div></form> <div class="col-md-1" onclick="removerow(\'d-'+$idCat+'-'+i+'\')"><i style="float:right;color:red;cursor:pointer" class="fa fa-times"></i></div></div>');
  2879. // $($command).after('<div class="row tacheSteps" id="doc-'+i+'"> <div class="col-md-6"> <input style="width:100%;border-width: 0px;color:#636e7b" id="name-doc'+i+'" ><input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b" id="cat-doc'+i+'" > </div><div class="col-md-1"><i style="float:right;cursor:pointer;" class="fa fa-cloud-upload"></i> </div> <div class="col-md-1"><i onclick="removerow(\'doc-'+i+'\')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i></div></div> ');
  2880.  
  2881. } */
  2882. function addOutilaction($idCat){
  2883.  
  2884.  
  2885. $idTab='#tabOutils'+$idCat;
  2886. $nbCatLas='#CatOutilsTab';
  2887. $idTab='#tabOutils'+$idCat;
  2888. $classOutil=' .tacheSteps';
  2889.  
  2890. $command=$idTab+$classOutil+':last';
  2891. $idLastnb=$idTab+$classOutil+':last';
  2892. // $idLastnb='#CatOutilsTab .tacheSteps:last';
  2893. base = $($idLastnb).attr("id");
  2894.  
  2895. extractT= base.split('-');
  2896. extract= extractT[2];
  2897. i = parseInt(extract)+1;
  2898. // alert($command);
  2899. $($command).after('<div class="row Divoutil" id="o-'+$idCat+'-'+i+'"><div class="col-md-7"> <input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b;" id="cat-outil'+$idCat+'-'+i+'" > <input style="border-width: 0px;color:#636e7b;width:95%" placeholder="Saisir intitulé" id="name-outil'+$idCat+'-'+i+'" type="text"></div>'+
  2900. '<div class="col-md-2" style="margin-bottom: 1%;width: 23%;" ></div><div class="col-md-2"><div class="col-md-4" data-target="#AjoutOutils--'+$idCat+'-'+i+'" data-toggle="modal" >'+
  2901. '<i class="fa fa-plus" style="cursor:pointer;float:left"></i><i class="fa fa-envelope-o" style="cursor:pointer;float:left"></i>'+
  2902. '</div><div class="col-md-4" ><i onclick="removerow(\'o-'+$idCat+'-'+i+'\')" style="cursor:pointer;float:right;margin-right: 5%;float:right;color:red;cursor:pointer" class="fa fa-times"></i></div></div>');
  2903. // $($command).after('<div class="row tacheSteps" id="outil-'+i+'"> <div class="col-md-6"> <input style="width:100%;border-width: 0px;color:#636e7b" id="name-outil'+i+'" ><input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b" id="cat-outil'+i+'" > </div> <div class="col-md-1"><i onclick="removerow(\'outil-'+i+'\')" style="float:right;color:red;cursor:pointer"class="fa fa-times"></i></div></div> ');
  2904.  
  2905.  
  2906. }
  2907. function removeOutil(id){
  2908. $('#'+id).remove();
  2909. nblinesOutil = nblinesOutil-1;
  2910. }
  2911. $('.demoVersion').click(function () {
  2912. swal({
  2913. title: "Ceci est une version d'essai",
  2914. text: "Cette fonctionnalité est disponible en version Premium!",
  2915.  
  2916. showCancelButton: true,
  2917. confirmButtonColor: "#DD6B55",
  2918. confirmButtonText: "Ok",
  2919. closeOnConfirm: true
  2920. });
  2921. });
  2922. function removerow(id){
  2923. $('#'+id).remove();
  2924. }
  2925. function PlanifierArrivee($idEmp){
  2926. $date =$('#dateEmbauche').val();
  2927. swal({
  2928. title: "Lancer nouvelle arrivée pour {{Employee.prenom}} {{Employee.nom}}",
  2929. text: "{%if Employee.profil !=null%} Futur poste : {{Employee.profil.name}} {%endif%}",
  2930.  
  2931. showCancelButton: true,
  2932. confirmButtonClass: "btn-danger",
  2933. confirmButtonText: "Confirmer",
  2934. cancelButtonText: "Annuler",
  2935.  
  2936. },
  2937. function(){
  2938. lancer_arrivee_steps($idEmp) ;
  2939. });
  2940. }
  2941.  
  2942. function addPlannigaction($idCat){
  2943.  
  2944.  
  2945. $idTab='#tabPlanning'+$idCat;
  2946. $nbCatLas='#CatPlannigTab';
  2947. $classOutil=' .tacheSteps';
  2948.  
  2949. $command=$idTab+$classOutil+':last';
  2950. $idLastnb=$idTab+$classOutil+':last';
  2951. //$idLastnb='#CatPlannigTab .tacheSteps:last';
  2952. base = $($idLastnb).attr("id");
  2953.  
  2954. extractT= base.split('-');
  2955. extract= extractT[2];
  2956. i = parseInt(extract)+1;
  2957. //alert(i);
  2958.  
  2959. $($command).after('<div class="row tacheSteps" id="p-'+$idCat+'-'+i+'"> <div class="col-md-3"> <input style="width:100%;border-width: 0px;color:#636e7b" id="name-planning'+$idCat+'-'+i+'" placeholder="Saisir intitulé"><input type="hidden" value="'+$idCat+'" style="border-width: 0px;color:#636e7b" id="cat-planning'+$idCat+'-'+i+'" > </div> <div class="col-md-3"><div class="row" style="margin-top:-4px"><div class="col-md-4">Jour : J+ <input style="width:20px;border-width: 0px;color:#636e7b" id="Jour-planning'+$idCat+'-'+i+'" placeholder="1"></div><div class="col-md-4">Durée : <input style="width:20px;border-width: 0px;color:#636e7b" id="duree-planning'+$idCat+'-'+i+'" placeholder="2"></div><div class="col-md-4">Heure : <input style="width:20px;border-width: 0px;color:#636e7b" id="heure-planning'+$idCat+'-'+i+'" placeholder="8"></div></div></div><div class="col-md-5" style="height: 29px;"></div><div class="col-md-1 demoVersion" data-target="#AjoutPlanning--'+$idCat+'-'+i+'" data-toggle="modal" style="cursor:pointer;width:50px;text-align:right;"> <i class="fa fa-plus"></i> <i class="fa fa-envelope-o"></i></i></div><div class="col-md-1" style="width:25px;float:right;cursor:pointer;margin-top: -1.3%;"><i onclick="removerow(\'p-'+$idCat+'-'+i+'\')" style="float:right;color:red;cursor:pointer;margin-top:18px"class="fa fa-times"></i></div></div> ');
  2960.  
  2961. $.fn.editable.defaults.mode = 'inline';
  2962.  
  2963. //Jour***********************
  2964. $('#Jour').editable({
  2965. url: '/echo/json/',
  2966. pk: 123,
  2967. params:{a:1,b:2}
  2968. })
  2969. .on('shown', function(e, editable) {
  2970. editable.options.params.c = 3;
  2971. // editable.options.params is now {a: 1, b: 2, c: 3}
  2972. });
  2973.  
  2974. //duree*********************
  2975. $('#duree').editable({
  2976. url: '/echo/json/',
  2977. pk: 123,
  2978. params:{a:1,b:2}
  2979. })
  2980. .on('shown', function(e, editable) {
  2981. editable.options.params.c = 3;
  2982. // editable.options.params is now {a: 1, b: 2, c: 3}
  2983. });
  2984.  
  2985. //heure********************
  2986. $('#heure').editable({
  2987. url: '/echo/json/',
  2988. pk: 123,
  2989. params:{a:1,b:2}
  2990. })
  2991. .on('shown', function(e, editable) {
  2992. editable.options.params.c = 3;
  2993. // editable.options.params is now {a: 1, b: 2, c: 3}
  2994. });
  2995.  
  2996. BlankonFormXeditable.init();
  2997. var elt = document.getElementById('name-planning'+$idCat+'-'+i+'');
  2998. var monTexte = elt.innerText || elt.textContent;
  2999.  
  3000.  
  3001. //alert(monTexte)
  3002. }
  3003.  
  3004. function AjouterFormation() {
  3005. document.getElementById('formation1').style.display = "block";
  3006. $nbExperience++;
  3007. }
  3008. function AjouterExperience() {
  3009. document.getElementById('experice1').style.display = "block";
  3010. $nbExperience++;
  3011. }
  3012.  
  3013. function AjouterSport() {
  3014.  
  3015. document.getElementById('sportDiv').style.display = "block";
  3016. document.getElementById('sport1').style.display = "block";
  3017. $nbExperience++;
  3018. }
  3019.  
  3020. function AjouterLangue() {
  3021.  
  3022. document.getElementById('langueDiv').style.display = "block";
  3023. document.getElementById('langue1').style.display = "block";
  3024. $nbExperience++;
  3025. }
  3026.  
  3027. function download(filename){
  3028.  
  3029. // $("body").append("<iframe src='" + "http://185.31.148.102:8080/ensoSteps/web/app_dev.php/file/"+filename +
  3030. //"' style='display: none;' ></iframe>");
  3031.  
  3032. $("body").append("<iframe src='" + "http://185.31.148.102:8080/ensoSteps/web/app_dev.php/file/test.pdf"+
  3033. "' style='display: none;' ></iframe>");
  3034.  
  3035. }
  3036.  
  3037.  
  3038. </script>
  3039.  
  3040. <script>
  3041. function DisplayCalendar() {
  3042. document.getElementById('afficheCalendar').style.display = "block";
  3043.  
  3044. }
  3045. </script>
  3046.  
  3047. <script>
  3048. function EnregistrerEmployeeSteps($idEmp)
  3049. {
  3050.  
  3051. var $_data = {
  3052. 'idProfil': $('#profil').val(),
  3053. 'idEmp': $idEmp,
  3054. 'nom': $('#nom').val(),
  3055. 'prenom': $('#prenom').val(),
  3056. 'societe': $('#societe').val(),
  3057. 'poste': $('#poste').val(),
  3058. 'email': $('#email').val(),
  3059. 'contrat': $('#contrat').val(),
  3060. 'dateEmbauche': $('#dateEmbauche').val(),
  3061. 'departement': $('#departement').val(),
  3062. 'adresseDepartement': $('#adresseDepartement').val(),
  3063. 'horairMensuel': $('#horairMensuel').val(),
  3064. 'horairHebdo': $('#horairHebdo').val(),
  3065. 'civilite': $("input[name='civilite']:checked").val(),
  3066. 'datedeNaissance': $('#datedeNaissance').val(),
  3067. 'villeNaissance': $('#villeNaissance').val(),
  3068. 'paysNaissance': $('#paysNaissance').val(),
  3069. 'nationalite': $('#nationalite').val(),
  3070. 'adressePerso': $('#adressePerso').val(),
  3071. 'numSecu': $('#numSecu').val(),
  3072. 'statut': $('#statut').val(),
  3073. 'niveau': $('#niveau').val(),
  3074. 'zoneMob': $('#zoneMob').val(),
  3075. 'salaire': $('#salaire').val(),
  3076.  
  3077.  
  3078. }
  3079.  
  3080.  
  3081. $.ajax({
  3082.  
  3083. type: "POST",
  3084. url: "{{path('manage_steps_ChoixProfil')}}",
  3085. data: $_data,
  3086. success: function(data) {
  3087.  
  3088. $id= data;
  3089.  
  3090. },
  3091.  
  3092.  
  3093. });
  3094.  
  3095.  
  3096. }
  3097.  
  3098. function retourDash($idEmp)
  3099. {
  3100.  
  3101. var $_data = {
  3102. 'idEmp': $idEmp,
  3103. }
  3104.  
  3105.  
  3106. $.ajax({
  3107.  
  3108. type: "POST",
  3109. url: "{{path('manage_DashboardRh')}}",
  3110. data: $_data,
  3111. success: function(data) {
  3112. // $id= $idEmp;
  3113. var url = "{{path('manage_DashboardRh')}}";
  3114. location.href = url;
  3115.  
  3116. },
  3117.  
  3118.  
  3119. });
  3120.  
  3121.  
  3122. }
  3123.  
  3124. function simulationdash($idEmp)
  3125. {
  3126.  
  3127. var $_data = {
  3128. 'idEmp': $idEmp,
  3129. }
  3130.  
  3131.  
  3132. $.ajax({
  3133.  
  3134. type: "POST",
  3135. url: "{{path('manage_Simulation',{idEmp:Employee.id})}}",
  3136. data: $_data,
  3137. success: function(data) {
  3138. // $id= $idEmp;
  3139. var url ="{{path('manage_Simulation', {idEmp:Employee.id})}}";
  3140. location.href = url;
  3141.  
  3142. },
  3143.  
  3144.  
  3145. });
  3146.  
  3147.  
  3148. }
  3149.  
  3150. </script>
  3151. <script>
  3152. $('a[data-toggle="tab"]').on('shown.bs.tab',function(e){
  3153. var target = $(this).attr("href");
  3154. if (target === "#tab-Planning"){
  3155.  
  3156. BlankonFormXeditable.init();
  3157.  
  3158. };
  3159.  
  3160. });
  3161. $('#tab-Planning').onCreate('.addr',function(e){
  3162.  
  3163. e.editable({
  3164. url: '/post',
  3165. value: {
  3166. jour : "",
  3167. heure : "",
  3168. durée: ""
  3169. },
  3170. validate: function(value) {
  3171. if(value.jour === '') return 'city is required!';
  3172. },
  3173. display: function(value) {
  3174. if(!value) {
  3175. $(this).empty();
  3176. return;
  3177. }
  3178. var html = '<b>' + $('<div>').text(value.jour).html() + '</b>, ' + $('<div>').text(value.heure).html() + '...' + $('<div>').text(value.durée).html();
  3179. //$(this).html(html);
  3180. }
  3181. });
  3182.  
  3183.  
  3184. }, true);
  3185. </script>
  3186.  
  3187. <script>
  3188.  
  3189. function sendMail($idTool,$idProfil,$idCat,$test,$idEmp,$index) {
  3190.  
  3191. if($test==='Planning'){
  3192. $valeur=$('#valPalnning--'+$idTool).val();
  3193. }
  3194. else if ($test==='Outil'){
  3195. $valeur=$('#valeur--'+$idCat).val();
  3196. }
  3197. else if ($test==='Tool'){
  3198. $valeur=$('#toolval--'+$idCat).val();
  3199. $('#toolval--'+$idCat).val("");
  3200. }
  3201. else if ($test==='newTool'){
  3202. $valeur=$('#toolval--'+$idCat+"-"+$index).val();
  3203. $('#toolval--'+$idCat+"-"+$index).val("");
  3204. }
  3205. else{
  3206. $valeur=$('#valPalnning--'+$idCat+"-"+$index).val();
  3207. }
  3208. var res = $valeur.split(",");
  3209. var n=1;
  3210. for (var i = 0; i < $valeur.length; i++) {
  3211. if ($valeur[i]===","){
  3212. n++
  3213. }
  3214. }
  3215.  
  3216. for (var i = 0; i < n; i++)
  3217. {
  3218.  
  3219. var mailteste=res[i];
  3220. var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
  3221.  
  3222. if(reg.test(mailteste))
  3223. {
  3224.  
  3225. var $_data = {
  3226. 'tool':$idTool,
  3227. 'idEmp':$idEmp,
  3228. 'idProfil': $idProfil,
  3229. 'idCat': $idCat,
  3230. 'valeur':mailteste,
  3231. 'type': $test,
  3232. 'index':$index,
  3233. };
  3234.  
  3235. console.log( $_data);
  3236. $.ajax({
  3237. type: "POST",
  3238. url: "{{path('manage_mail_send')}}",
  3239. data: $_data,
  3240. success: function($dataT) {
  3241. if ($dataT != "existe"){
  3242. if ($dataT === "Planning")
  3243. {
  3244. //$('#me'+$idTool).load(document.URL + ' #me'+$idTool);
  3245. $('#palnning--'+$idTool).load(document.URL + ' #palnning--'+$idTool);
  3246. $('#palnningDef--'+$idTool).load(document.URL + ' #palnningDef--'+$idTool);
  3247.  
  3248. }
  3249. else if ($dataT === "Outil"){
  3250. $('#mail--'+$idCat).load(document.URL + ' #mail--'+$idCat);
  3251. }
  3252. }
  3253. }
  3254. });
  3255. }
  3256. else if(!reg.test(mailteste))
  3257. {
  3258. alert("mail "+res[i]+" invalid");
  3259. }
  3260.  
  3261. }
  3262.  
  3263. }
  3264. </script>
  3265.  
  3266. {%for category in CategoryEve_List %}
  3267. {%if category.statutAction !="deleted"%}
  3268.  
  3269. {%if profil.type!="defaultStepsProfilAppsFactor"%}
  3270.  
  3271.  
  3272. {% for index in 1..10 %}
  3273. <div id="AjoutPlanning--{{category.id}}-{{index}}" class="modal fade" role="dialog">
  3274. <div class="modal-dialog">
  3275. <!-- Modal content-->
  3276. <div class="modal-content" style="width:100%">
  3277. <div class="modal-header" style="background-color: #fbbc79;color:white;">
  3278. <h4 class="modal-title"> Ajouter une adresse Mail | {{category.name}}</h4>
  3279. </div>
  3280. <div class="modal-body">
  3281. <div class="form-group">
  3282. <label class="control-label"></label>
  3283. <input value="" id="valPalnning--{{category.id}}-{{index}}" type="text" data-role="tagsinput" class="form-control" placeholder="Entrer une adresse mail valide ">
  3284. </div>
  3285. </div>
  3286. <div class="modal-footer">
  3287. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  3288. <button type="button"
  3289. onclick="sendMail('null',{{profil.id}},{{category.id}},'New',{{Employee.id}},{{index}});"
  3290. class="btn btn-default" data-dismiss="modal">Enregistrer</button>
  3291. </div>
  3292. </div>
  3293.  
  3294. </div>
  3295. </div>
  3296. {%endfor%}
  3297.  
  3298.  
  3299. {%endif%}
  3300. {%endif%}
  3301.  
  3302. {%endfor%}
  3303.  
  3304. <!-- ajouter mail pour nouveau planning (planning inexistant) *--"package par défaut"--* -->
  3305.  
  3306.  
  3307. <!-- **************************************************************** -->
  3308.  
  3309. {%for category in Categories_List %}
  3310. {%if category.statutAction !="deleted"%}
  3311. {% for index in 1..10 %}
  3312. <div id="AjoutOutils--{{category.id}}-{{index}}" class="modal fade" role="dialog">
  3313. <div class="modal-dialog">
  3314.  
  3315. <!-- Modal content-->
  3316. <div class="modal-content">
  3317. <div class="modal-header" style="background-color: #d1bad3;color:white;">
  3318. <h4 class="modal-title"> Ajouter une adresse Mail | {{category.name}}</h4>
  3319. </div>
  3320. <div class="modal-body">
  3321. <div class="form-group">
  3322. <label class="control-label"></label>
  3323. <input value="" id="toolval--{{category.id}}-{{index}}" type="email" data-role="tagsinput" class="form-control" placeholder="Entrer une adresse e-mail valide ">
  3324. </div>
  3325. </div>
  3326. <div class="modal-footer">
  3327. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  3328. <button type="button" data-dismiss="modal"
  3329. onclick="sendMail('null',{{profil.id}},{{category.id}},'newTool',{{Employee.id}},{{index}});"
  3330. class="btn btn-default">Enregistrer</button>
  3331. </div>
  3332. </div>
  3333.  
  3334. </div>
  3335. </div>
  3336. {%endfor%}
  3337.  
  3338. <!-- ajouter mail pour outils -->
  3339. {%for tool in profil.DefToolsOutils%}
  3340. {%if tool.Category == category %}
  3341.  
  3342. <div id="AjoutOutils--{{category.id}}-{{tool.id}}" class="modal fade" role="dialog">
  3343. <div class="modal-dialog">
  3344.  
  3345. <!-- Modal content-->
  3346. <div class="modal-content">
  3347. <div class="modal-header" style="background-color: #d1bad3;color:white;">
  3348. <h4 class="modal-title"> Ajouter une adresse Mail | {{category.name}}</h4>
  3349. </div>
  3350. <div class="modal-body">
  3351. <div class="form-group">
  3352. <label class="control-label"></label>
  3353. <input value="{% for adr in mail %}{% if adr.outil %}{% if adr.outil.id == tool.id%}{{adr.adrMail}},{% endif %}{% endif %}{% endfor %}" id="toolval--{{category.id}}" type="text" data-role="tagsinput" class="form-control" placeholder="Entrer une adresse e-mail valide ">
  3354. </div>
  3355. </div>
  3356. <div class="modal-footer">
  3357. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  3358. <button type="button" data-dismiss="modal"
  3359. onclick="sendMail({{tool.id}},{{profil.id}},{{category.id}},'Tool',{{Employee.id}});"
  3360. class="btn btn-default">Enregistrer</button>
  3361. </div>
  3362. </div>
  3363.  
  3364. </div>
  3365. </div>
  3366.  
  3367. {%endif%}{%endfor%}
  3368. {%endif%}{%endfor%}
  3369.  
  3370. <!-- ajouter mail pour planning existe *--"package non par défaut"--* -->
  3371. {%for category in CategoryEve_List %}
  3372. {%if category.statutAction !="deleted"%}
  3373.  
  3374.  
  3375. {%for tool in profil.DefToolsPlanning%}
  3376. {%if tool.CategoryEvenement == category %}
  3377. <div id="AjoutPlanningDef--{{tool.id}}" class="modal fade" role="dialog">
  3378. <div class="modal-dialog">
  3379. <!-- Modal content-->
  3380. <div class="modal-content" style="width:100%">
  3381. <div class="modal-header" style="background-color: #fbbc79;color:white;">
  3382. <h4 class="modal-title"> Ajouter une adresse Mail | {{category.name}}</h4>
  3383. </div>
  3384. <div class="modal-body">
  3385. <div class="form-group">
  3386. <label class="control-label"></label>
  3387. <input value="{% for adr in mail %}{% if adr.Planning %}{% if adr.Planning.id == tool.id and adr.profil.id == profil.id%}{{adr.adrMail}},{% endif %}{% endif %}{% endfor %}" id="valPalnning--{{tool.id}}" type="text" data-role="tagsinput" class="form-control" placeholder="Entrer une adresse mail valide ">
  3388. </div>
  3389. </div>
  3390. <div class="modal-footer">
  3391. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  3392. <button type="button"
  3393. onclick="sendMail({{tool.id}},{{profil.id}},{{category.id}},'Planning',{{Employee.id}});"
  3394. class="btn btn-default" data-dismiss="modal">Enregistrer</button>
  3395. </div>
  3396. </div>
  3397.  
  3398. </div>
  3399. </div>
  3400. {%endif%}
  3401. {%endfor%}
  3402. {%endif%}
  3403.  
  3404.  
  3405. {%endfor%}
  3406.  
  3407.  
  3408. <!-- ajouter mail pour Outils -->
  3409. {%for category in Categories_List %}
  3410. {%if category.statutAction !="deleted"%}
  3411. <div id="Ajouter--{{category.id}}" class="modal fade" role="dialog">
  3412. <div class="modal-dialog">
  3413.  
  3414. <!-- Modal content-->
  3415. <div class="modal-content" style="width:100%">
  3416. <div class="modal-header" style="background-color: #906094;color:white">
  3417. <h4 class="modal-title teal">Ajouter une adresse Mail | {{category.name}}</h4>
  3418. </div>
  3419. <div class="modal-body">
  3420. <div class="form-group">
  3421. <label class="control-label"></label>
  3422. <input value="{% for adr in mail %}{% if adr.catOutil %}{% if adr.catOutil.id == category.id and adr.profil.id == profil.id%}{{adr.adrMail}},{% endif %}{% endif %}{% endfor %}" id="valeur--{{category.id}}" type="text" data-role="tagsinput" class="form-control" placeholder="Entrer une adresse mail valide" data-ng-model = "test">
  3423. </div>
  3424. </div>
  3425. <div class="modal-footer">
  3426. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  3427. <button type="button"
  3428. onclick="sendMail('null',{{profil.id}},{{category.id}},'Outil',{{Employee.id}});"
  3429. class="btn btn-default" data-dismiss="modal">Enregistrer</button>
  3430. </div>
  3431. </div>
  3432.  
  3433. </div>
  3434. </div>
  3435. {%endif%}{%endfor%}
  3436.  
  3437. <script>
  3438. function updateSession(id){
  3439.  
  3440. // alert (""+$taskid)
  3441. var $_data = {
  3442. 'varVal':id,
  3443. 'varName': 'activePlanifTab',
  3444.  
  3445. };
  3446. console.log($_data);
  3447. $.ajax({
  3448. type: "POST",
  3449. url: "{{path('updateSessionVar')}}",
  3450. data: $_data,
  3451. success: function(data) {
  3452. }
  3453. });
  3454. }
  3455. function fermer(){
  3456. var modal = document.getElementById('myModal');
  3457. modal.style.display = "none";
  3458.  
  3459.  
  3460. }
  3461.  
  3462. function AlertSecu() {
  3463. var daten = document.getElementById("datedeNaissance").value;
  3464. var secu = document.getElementById("numSecu").value;
  3465. if($('#secu').val().length === 30) {
  3466. if( daten != 'NULL' && daten != '' && secu != 'NULL' && secu != '' ){
  3467.  
  3468. var mois = daten.substring(3,5);
  3469. var annee = daten.substring(8,10);
  3470.  
  3471. //récuperer les valeur de n secu a modifier
  3472. var ma = secu.substr(4,2);
  3473. var ms = secu.substr(9,2);
  3474. // alert("mn"+mois+"ms"+ma+"as"+ms+"an"+annee+"f");
  3475. if( mois != ms || annee != ma ){
  3476. // $('#alertsecu').click();
  3477. swal({ title: "Votre num de sécurité n'est pas compatible avec la date de naissance !! ", text: "", type: "warning", showCancelButton: false, confirmButtonColor: "#37bc9b", confirmButtonText: "OK", closeOnConfirm: true});
  3478.  
  3479. }
  3480. }
  3481. }
  3482. }
  3483.  
  3484. </script>
  3485.  
  3486. <div id="myModal" class="modal">
  3487.  
  3488. <!-- Modal content -->
  3489. <div class="modal-content" style="width:40%">
  3490. <div class="modal-header">
  3491. <button type="button" class="close" data-dismiss="modal" onClick="fermer()">&times;</button>
  3492. <center>ancer nouvelle arrivée/center>
  3493. </div>
  3494.  
  3495. <div class="modal-footer">
  3496. <button type="button" class="btn btn-default" data-dismiss="modal" Onclick="fermer();">Cancel</button>
  3497.  
  3498. <button type="button" class="btn btn-success" data-dismiss="modal" Onclick='lancer_arrivee_steps({{Employee.id}})'>Valider</button>
  3499. </div>
  3500. </div>
  3501.  
  3502. </div>
  3503.  
  3504.  
  3505. <script>
  3506.  
  3507.  
  3508. function AlertDateNaiss() {
  3509. var date = document.getElementById("datedeNaissance").value;
  3510. var secu = document.getElementById("numSecu").value;
  3511.  
  3512. if( date != 'NULL' && date != '' && secu != 'NULL' && secu != '' ){
  3513. //récupérer mois et année naissance
  3514. var mois = date.substring(3,5);
  3515. var annee = date.substring(8,10);
  3516.  
  3517. //récuperer les valeur de n secu a modifier
  3518. var ma = secu.substr(4,2);
  3519. var ms = secu.substr(9,2);
  3520.  
  3521. if( mois != ms || annee != ma ){
  3522. // $('#alertnaiss').click();
  3523. swal({ title: "Votre date de naissance n'est pas compatible avec le num de sécurité !! ", text: "", type: "warning", showCancelButton: false, confirmButtonColor: "#37bc9b", confirmButtonText: "OK", closeOnConfirm: true});
  3524.  
  3525. }
  3526. }
  3527. }
  3528.  
  3529. </script>
  3530.  
  3531. <script>
  3532. $.fn.datepicker.dates['fr'] = {
  3533. days: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"],
  3534. daysShort: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
  3535. daysMin: ["dim", "lun", "mar", "mer", "jeu", "ven", "sam"],
  3536. months: ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],
  3537. monthsShort: ["janv.", "févr.", "mars", "avril", "mai", "juin", "juil.", "août", "sept.", "oct.", "nov.", "déc."],
  3538. today: "Aujourd'hui",
  3539. monthsTitle: "Mois",
  3540. clear: "Effacer",
  3541. weekStart: 1,
  3542. format: "dd-mm-yyyy"
  3543. };
  3544. $( function() {
  3545. var date = new Date();
  3546. var currentMonth = date.getMonth();
  3547. var currentDate = date.getDate();
  3548. var currentYear = date.getFullYear();
  3549. $( "#dateEmbauche" ).datepicker( {minDate: new Date(currentYear, currentMonth, currentDate),
  3550. format: 'dd-mm-yyyy', language: 'fr'}).on('change', function(){
  3551. $('.datepicker').hide();
  3552. });
  3553.  
  3554. } );
  3555.  
  3556. function documentSigne(id,idcat){
  3557. if ( $('#retour-doc'+idcat+'-'+id).is(':checked')){
  3558. $('#retour-doc'+idcat+'-'+id).val("check");
  3559. console.log($('#retour-doc'+idcat+'-'+id).val());}
  3560. else {$('#retour-doc'+idcat+'-'+id).val('off');
  3561. console.log($('#retour-doc'+idcat+'-'+id).val());}
  3562. }
  3563.  
  3564. </script>
  3565.  
  3566. </body>
  3567. </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!