API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 4th, 2018
279
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.68 KB | None | 0 0
raw download clone embed print report
  1. @(user: Utilisateur, date:Date, lots:List[Devi], agences: List[Agence], supplies: List[Fournisseur],ports:List[Port],types:List[TypeContainer],containers:List[Container], daughters: List[Agence])
  2. @import java.util.GregorianCalendar; val cal=new java.util.GregorianCalendar(); val calNext=new java.util.GregorianCalendar();val calPrev=new java.util.GregorianCalendar();val calFd=new java.util.GregorianCalendar();val calCu=new java.util.GregorianCalendar();val calFdM=new java.util.GregorianCalendar();
  3. @cal.setTime(date)
  4. @cal.setFirstDayOfWeek(Calendar.MONDAY)
  5. @calFd.setTime(date)
  6. @calNext.setFirstDayOfWeek(Calendar.MONDAY)
  7. @calPrev.setFirstDayOfWeek(Calendar.MONDAY)
  8. @cal.set(Calendar.DAY_OF_WEEK, cal.getFirstDayOfWeek())
  9. @calFd.set(Calendar.DATE, 1)
  10. @calFd.setMinimalDaysInFirstWeek(1)
  11. @calNext.setTime(date)
  12. @calNext.add(Calendar.MONTH, 1)
  13. @calPrev.setTime(date)
  14. @calPrev.add(Calendar.MONTH, -1)
  15. @calFdM.set(Calendar.DATE, cal.getActualMaximum(Calendar.DATE))
  16. @calFdM.set(Calendar.MONTH, cal.get(Calendar.MONTH))
  17. @calFdM.set(Calendar.HOUR, 23)
  18. @calFdM.set(Calendar.MINUTE, 59)
  19. @calFdM.set(Calendar.SECOND, 59)
  20.  
  21. <html>
  22. <head>
  23. <title>Somovers</title>
  24. <meta charset="utf-8" />
  25. <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.ico")">
  26. @views.html.css(request.path())
  27. <style>
  28.  
  29. .quick-modal{
  30. overflow:visible;
  31. }
  32.  
  33. .quick-modal.edit {
  34. width:80% !important;
  35. top: 30px;
  36. }
  37.  
  38. html body section.active footer ul li a.transferCont{
  39. background-color: #5ab75a;
  40. }
  41. ​
  42. </style>
  43. @views.html.javascript(request.path(),user)
  44.  
  45. @helper.javascriptRouter("jsRoutes")(
  46. routes.javascript.EventExploitations.getContainer,
  47. routes.javascript.EventExploitations.AJAX_add,
  48. routes.javascript.EventExploitations.AJAX_edit,
  49. routes.javascript.EventExploitations.AJAX_save,
  50. routes.javascript.EventExploitations.AJAX_validate,
  51. routes.javascript.EventExploitations.AJAX_invalidate,
  52. routes.javascript.EventExploitations.AJAX_send,
  53. routes.javascript.EventExploitations.AJAX_delete
  54. )
  55. </head>
  56. <body>
  57. <header class="topbar">
  58. @views.html.menu(user)
  59. </header>
  60. <main>
  61. <h1>@LANG.get(user.lang,"Planning de gestion des conteneurs en Maritime")</h1>
  62. <div class="buttons">
  63. <a type="button" class="btn btn-info" href="@routes.EventExploitations.planGrouping(calPrev.getTime().format("dd-MM-yyyy"))">@LANG.get(user.lang,"Mois Précédent")</a>
  64. <a type="button" class="btn btn-info" href="@routes.EventExploitations.planGrouping(new Date().format("dd-MM-yyyy"))">@LANG.get(user.lang,"Mois Actuel")</a>
  65. <a type="button" class="btn btn-info" href="@routes.EventExploitations.planGrouping(calNext.getTime().format("dd-MM-yyyy"))">@LANG.get(user.lang,"Mois Suivant")</a><br/>
  66. <div class="form-inline"><input class="datepicker readonly form-control" id="datePlanning" placeholder="@LANG.get(user.lang,"Choisir une date")" required><a type="button" class="btn btn-info" id="goDate" href="">@LANG.get(user.lang,"Voir")</a></div>
  67. </div><!--
  68. --><div class="buttons">
  69. <a href="@routes.EventExploitations.planGroupingImport(cal.getTime().format("dd-MM-yyyy"))" class="btn btn-success">Import</a>
  70. <a id="routier" class="btn btn-primary">@LANG.get(user.lang,"Routier")</a>
  71. <a href="" class="btn btn-primary">@LANG.get(user.lang,"Aérien")</a>
  72. <button class="btn btn-info" id="addCont">@LANG.get(user.lang,"Ajout Conteneur")</button>
  73. </div><!--
  74. --><div class="buttons">
  75. <a class="btn btn-warning" href="@routes.Application.index()">@LANG.get(user.lang,"Retour")</a>
  76. </div>
  77.  
  78. <div class="filters">
  79. @{
  80. PRINT.select(
  81. (() => {
  82. agences.map { agence =>
  83. "<option value='"+agence.idEntreprise+"' class='filtreagence' "+(if(user.appartientAgence(agence)) "selected" else "")+">"+agence.nom+"</option>"
  84. }
  85. })(),
  86. "listAgences",
  87. "listAgences[]",
  88. "",
  89. true,
  90. PRINT.attr("title",LANG.get(user.lang,"Sélectionner les agences")),
  91. PRINT.attr("data-save",""),
  92. PRINT.attr("data-actions-box","true"),
  93. PRINT.attr("data-select-all-text",LANG.get(user.lang,"Toutes")),
  94. PRINT.attr("data-deselect-all-text",LANG.get(user.lang,"Aucune")),
  95. PRINT.attr("data-count-selected-text","{0} "+LANG.get(user.lang,"agence(s) sélectionnée(s)")),
  96. PRINT.attr("data-selected-text-format","count>0"),
  97. PRINT.attr("data-live-search","true")
  98. )
  99. }
  100.  
  101. <span>@LANG.get(user.lang,"Ports de départ") :</span>
  102.  
  103. @{
  104. PRINT.select(
  105. (() => {
  106. ports.map { port =>
  107. "<option value='"+port.idport+"' selected> "+port.libelle+"</option>"
  108. }
  109. })(),
  110. "portDepart",
  111. "portDepart[]",
  112. "",
  113. true,
  114. PRINT.attr("title",LANG.get(user.lang,"Sélectionner les agences")),
  115. PRINT.attr("data-save",""),
  116. PRINT.attr("data-actions-box","true"),
  117. PRINT.attr("data-select-all-text",LANG.get(user.lang,"Tous")),
  118. PRINT.attr("data-deselect-all-text",LANG.get(user.lang,"Aucun")),
  119. PRINT.attr("data-count-selected-text","{0} "+LANG.get(user.lang,"port(s) sélectionné(s)")),
  120. PRINT.attr("data-selected-text-format","count>0"),
  121. PRINT.attr("data-live-search","true")
  122. )
  123. }
  124.  
  125. <span>@LANG.get(user.lang,"Ports d'arrivée") :</span>
  126.  
  127. @{
  128. PRINT.select(
  129. (() => {
  130. ports.map { port =>
  131. "<option value='"+port.idport+"' selected> "+port.libelle+"</option>"
  132. }
  133. })(),
  134. "portArriv",
  135. "portArriv[]",
  136. "",
  137. true,
  138. PRINT.attr("title",LANG.get(user.lang,"Sélectionner les agences")),
  139. PRINT.attr("data-save",""),
  140. PRINT.attr("data-actions-box","true"),
  141. PRINT.attr("data-select-all-text",LANG.get(user.lang,"Tous")),
  142. PRINT.attr("data-deselect-all-text",LANG.get(user.lang,"Aucun")),
  143. PRINT.attr("data-count-selected-text","{0} "+LANG.get(user.lang,"port(s) sélectionné(s)")),
  144. PRINT.attr("data-selected-text-format","count>0"),
  145. PRINT.attr("data-live-search","true")
  146. )
  147. }
  148. </div>
  149.  
  150. <h2>@calFd.getTime().format("MMMM")</h2>
  151.  
  152. @for(agence<-agences){
  153. <div data-id="@agence.idEntreprise" class="planningAgence">
  154. <h3>@agence.nom</h3>
  155. <table class="planningGrp">
  156. @for( i <- 1 to calFd.getActualMaximum(Calendar.WEEK_OF_MONTH)) {
  157. <tr>
  158. <td>
  159. @LANG.get(user.lang,"S")@calFd.get(Calendar.WEEK_OF_YEAR)
  160. </td>
  161. <td>
  162. @containers.map { cont =>
  163. @if(cont.sender.idEntreprise==agence.idEntreprise){
  164. @if(cont.inTheWeek(calFd.get(Calendar.WEEK_OF_YEAR))){
  165. <table class="container" data-id="@cont.id" data-portDep="@cont.origin.idport" data-portArr="@cont.destination.idport" data-supply="@cont.recipient.idFournisseur">
  166. <tr>
  167. <th>@DEF.toPortName(cont.origin.libelle) - @DEF.toPortName(cont.destination.libelle)
  168. <span class="volCont">@cont.amount</span>/<span class="volContMax">@DEF.toInt(cont.typeContainer.volumeMax) </span>m<sup>3</sup>&nbsp;
  169. <div class="current-load">
  170. <div class="progress-bar @if((cont.amount/cont.typeContainer.volumeMax)>1){overload}" style="width: @DEF.toDouble(cont.amountPercent())%;"></div>
  171. </div>
  172. <span class="editCont"><i class="fa fa-2x fa-pencil-square-o" aria-hidden="true" title="@LANG.get(user.lang,"Modifier Conteneur")"></i></span>
  173. @if(cont.state.equals(DEF.STATE_PENDING)){
  174. <span class="validCont"><i class="fa fa-2x fa-check" aria-hidden="true" title="@LANG.get(user.lang,"Confirmer le Conteneur")"></i></span>
  175. }
  176. @if(cont.state.equals(DEF.STATE_CONFIRMATED)){
  177. <span class="invalidCont"><i class="fa fa-2x fa-times" aria-hidden="true" title="@LANG.get(user.lang,"Déconfirmer le Conteneur")"></i></span>
  178. <span class="areaCont"><a href="@routes.EventExploitations.containerArea(cont.id)"><i class="fa fa-2x fa-archive" aria-hidden="true" title="@LANG.get(user.lang,"Espace Conteneur")"></i></a></span>
  179. }
  180. <span class="stateCont" data-state="@cont.state">@LANG.get(user.lang,cont.state)</span>
  181. </th>
  182. </tr>
  183. <tr @if(cont.state.equals(DEF.STATE_SENT)){class="exceed"}>
  184. <td @if(cont.state.equals(DEF.STATE_PENDING)){ondrop="drop(event)" ondragover="allowDrop(event)"} style="height: 1em;">
  185. <ul>
  186. @cont.lots.map { lot =>
  187. <li
  188. class="form-control"
  189. id="@lot.id"
  190. name="lot@lot.id"
  191. data-conf="@if(lot.statut.equals("Confirme")){true}else{false}"
  192. data-portDep="@lot.portDepart.idport"
  193. data-portArr="@lot.portArrive.idport"
  194. @if(cont.state.equals(DEF.STATE_PENDING)){draggable="true" ondragstart="drag(event)"}
  195. data-volume="@lot.volumeEffets"
  196. data-agence="@lot.agence.agenceMere.idEntreprise"
  197. data-cont="@cont.id"
  198. data-odl="@if(!lot.validSupplier()){true}"
  199. title="Date: @lot.getDeliveryDate() <br/> @LANG.get(user.lang,"Départ/Arrivée"): @lot.portDepart.adressePort.ville.ville_nom_reel &rarr; @lot.portArrive.adressePort.ville.ville_nom_reel"
  200. readonly>
  201. @lot.dossier.demenage.personne.nom - @lot.volumeEffets - @lot.agence.nom @if(!lot.validSupplier()){<span class='fa fa-xs fa-exclamation-triangle warning' title='@LANG.get(user.lang,"ODL inexistante pour ce fournisseur")'></span>}
  202. </li>
  203. }
  204. </ul>
  205. </td>
  206. </tr>
  207. </table>
  208. }
  209. }
  210. }
  211. </td>
  212. </tr>
  213. @calFd.add(Calendar.WEEK_OF_MONTH,1)
  214. }
  215. </table>
  216. </div>
  217. @calFd.setTime(date)
  218. @calFd.set(Calendar.DATE, 1)
  219. }
  220. </main>
  221.  
  222. <aside id="folderList">
  223. <aside>@LANG.get(user.lang,"Dossiers")</aside>
  224. <div class="legend">
  225. <div></div><span>@LANG.get(user.lang,"Confirmé")</span>
  226. <div></div><span>@LANG.get(user.lang,"Potentiel")</span>
  227. </div>
  228. <input type="text" class="form-control" ondrop="drop(event)" placeholder="@LANG.get(user.lang,"Rechercher un dossier")">
  229. <ul ondrop="drop(event)" ondragover="allowDrop(event)">
  230. @lots.map { lot =>
  231. <li
  232. id="@lot.id"
  233. name="lot@lot.id"
  234. data-conf="@if(lot.statut.equals("Confirme")){true}else{false}"
  235. data-portDep="@lot.portDepart.idport"
  236. data-portArr="@lot.portArrive.idport"
  237. draggable="@if(lot.statut.equals("Confirme")){true}else{false}"
  238. ondragstart="drag(event)"
  239. data-volume="@lot.volumeEffets"
  240. data-agence="@lot.agence.agenceMere.idEntreprise"
  241. data-cont=""
  242. data-odl=""
  243. title="Date: @lot.getDeliveryDate() <br /> @LANG.get(user.lang,"Départ/Arrivée"): @lot.portDepart.adressePort.ville.ville_nom_reel &rarr; @lot.portArrive.adressePort.ville.ville_nom_reel">
  244. @lot.dossier.demenage.personne.nom - @lot.volumeEffets - @lot.agence.nom
  245. </li>
  246. }
  247. </ul>
  248. </aside>
  249.  
  250. <footer>
  251. @views.html.footer(user)
  252. </footer>
  253.  
  254.  
  255.  
  256. <script>
  257.  
  258. $(function(){
  259. var ajaxencours=false;
  260.  
  261. var contModal;var contTimer = 0;
  262.  
  263. $('#addCont').on('click',function(){
  264. contModal = $(this).quickModal({
  265. isForm: true,
  266. form: {
  267. action: '#',
  268. method: 'POST',
  269. id: 'contForm',
  270. submit: 'Ajouter'
  271. },
  272. closeText: 'Annuler',
  273. header: '<h4 class="modal-title">Ajouter un conteneur</h4>',
  274. body: [
  275. {
  276. type: 'form',
  277. label: 'Type',
  278. name: 'typeCont',
  279. tag: 'select',
  280. id: 'typeCont',
  281. classes: [
  282. 'form-control'
  283. ],
  284. options: [
  285. @for(typeC<-types){
  286. {value: '@typeC.idtypeContainer', text: '@if(typeC.libelle.equals("High Cube")){TC 40 HC}else{@typeC.libelle}', selected: false, attributes: {'data-volume': '@typeC.volumeMax'}},
  287. }
  288. ],
  289. attributes: {}
  290. },
  291. {
  292. type: 'form',
  293. label: 'Agence',
  294. name: 'agenceCont',
  295. tag: 'select',
  296. id: 'agenceCont',
  297. classes: [
  298. 'form-control'
  299. ],
  300. options: [
  301. @for(agence<-agences){
  302. {value: '@agence.idEntreprise', text: '@agence.nom', selected: false},
  303. }
  304. ],
  305. attributes: {}
  306. },
  307. {
  308. type: 'form',
  309. label: 'Fournisseur',
  310. name: 'recipientCont',
  311. tag: 'select',
  312. id: 'recipientCont',
  313. classes: [
  314. 'form-control'
  315. ],
  316. options: [
  317. @for(supply<-supplies){
  318. {value: '@supply.idFournisseur', text: '@supply.entreprise.nom', selected: false, attributes: {'data-entreprise': '@supply.listAgencies()'}},
  319. }
  320. ],
  321. attributes: {}
  322. },
  323. {
  324. type: 'form',
  325. label: 'Origine',
  326. name: 'origin',
  327. tag: 'select',
  328. id: 'origin',
  329. classes: [
  330. 'selectpicker'
  331. ],
  332. options: [
  333. @for(port<-ports){
  334. {value: '@port.idport', text: '@port.libelle', selected: false},
  335. }
  336. ],
  337. attributes: {
  338. 'data-live-search':'true'
  339. }
  340. },
  341. {
  342. type: 'form',
  343. label: 'Destination',
  344. name: 'destination',
  345. tag: 'select',
  346. id: 'destination',
  347. classes: [
  348. 'selectpicker'
  349. ],
  350. options: [
  351. @for(port<-ports){
  352. {value: '@port.idport', text: '@port.libelle', selected: false},
  353. }
  354. ],
  355. attributes: {
  356. 'data-live-search':'true'
  357. }
  358. },
  359. {
  360. type: 'form',
  361. label: 'Période d\'envoi',
  362. name: 'dateCont',
  363. id: 'dateCont',
  364. tag: 'input',
  365. classes: [
  366. 'form-control',
  367. 'datepicker',
  368. 'readonly'
  369. ],
  370. attributes: {
  371. 'data-live-search':'true',
  372. 'required':'true',
  373. 'starts-monday':''
  374. }
  375. }
  376. ],
  377. footer: [
  378. {
  379. text: 'Annuler',
  380. href: '#',
  381. classes: [
  382. 'quick-modal-shut',
  383. 'quick-modal-close'
  384. ]
  385. }
  386. ],
  387. afterOpen: function(modal) {
  388. contTimer = Date.now();
  389. refreshdatepickers();
  390. var currentagency= $("#agenceCont").val();
  391. $("#recipientCont option").hide();
  392. $("#recipientCont option[data-entreprise*='"+currentagency+"']").show();
  393. $(".selectpicker").selectpicker();
  394. $('#typeCont, #dateCont').css('width','40%');
  395. $('form .selectpicker').parent().css({'width':'290px','padding-left':'20px'});
  396.  
  397. var tabAdd = $('<table>').addClass("table");
  398. var bdAdd = $('<tbody>');
  399. $("form section p").each(function(){
  400. var rowAdd = $('<tr>');
  401. var colAddL = $('<td>').append($(this).children().first());
  402. var colAddV = $('<td>');
  403. var div = $('<div>').addClass("form-group");
  404. div.append($(this).children().last());
  405. colAddV.append(div);
  406. rowAdd.append(colAddL);
  407. rowAdd.append(colAddV);
  408. bdAdd.append(rowAdd);
  409. });
  410. tabAdd.append(bdAdd);
  411. $("form section").append(tabAdd);
  412. $("form section p").remove();
  413.  
  414. $("#agenceCont").change(function(){
  415. var idagency= $(this).val();
  416. $("#recipientCont option").hide();
  417. $("#recipientCont option[data-entreprise*='"+idagency+"']").show();
  418. /* $("#recipientCont option").each(function(){
  419. if(idagency==$(this).attr('data-entreprise')) $(this).show();
  420. }); */
  421. });
  422.  
  423. //Disable modal
  424. $("#addCont").prop('disabled',true);
  425. $(".editCont").css('pointer-events','none');
  426. $(".quick-modal").on("remove", function () {
  427. $("#addCont").prop('disabled',false);
  428. $(".editCont").css('pointer-events','auto');
  429. })
  430.  
  431. },
  432. onSubmit: function(e, form) {
  433. e.preventDefault();
  434. var promise = new Promise(function(resolve,reject){
  435. var ajaxCallBack = {
  436. data : {
  437. typeCont: $('[name="typeCont"]',form).val(),
  438. agenceCont: $('[name="agenceCont"]',form).val(),
  439. recipient: $('[name="recipientCont"]',form).val(),
  440. origin: $('[name="origin"]',form).val(),
  441. destination: $('[name="destination"]',form).val(),
  442. dateCont: $('[name="dateCont"]',form).val(),
  443. historyTimer: Date.now() - contTimer
  444. },
  445. dataType: "json",
  446. beforeSend : function() {
  447. ajaxencours=true;
  448. },
  449. success : function(data) {
  450. if(data){
  451. contModal.destroy();
  452. window.location.reload();
  453. }
  454. else{
  455. alert('Erreur lors de l\'enregistrement.');
  456. }
  457. LOADER.removeClass('active');
  458. resolve();
  459. ajaxencours=false;
  460. },
  461. error : function(error) {
  462. ajaxencours=false;
  463. var response = $(error.responseText);
  464. err(error);
  465. LOADER.removeClass('active');
  466. resolve();
  467. }
  468. }
  469. LOADER.addClass('active');
  470. jsRoutes.controllers.EventExploitations.AJAX_add().ajax(ajaxCallBack);
  471. })
  472. .then(function(){
  473. return false;
  474. });
  475. }
  476. });
  477. });
  478.  
  479.  
  480.  
  481.  
  482. $('.editCont').on('click',function(){
  483. var idcont= $(this).closest('.container').attr('data-id');
  484. var tabCont = $(this).closest('.container');
  485. var valid= false;
  486. if($(this).nextAll(".stateCont").text()=="@DEF.STATE_CONFIRMATED")valid=true;
  487. var ajaxCallBack = {
  488. data : "id="+idcont,
  489. dataType: "json",
  490. beforeSend : function() {
  491. ajaxencours=true;
  492. },
  493. success : function(data) {
  494. var cont=JSON.parse(data.cont);
  495. var supplies=JSON.parse(data.supply);
  496. var supplyD=JSON.parse(data.supplyD);
  497. contModal = $(this).quickModal({
  498. isForm: true,
  499. form: {
  500. action: '#',
  501. method: 'POST',
  502. id: 'contForm',
  503. submit: 'Modifier'
  504. },
  505. closeText: 'Annuler',
  506. header: '<h4 class="modal-title">Edition du conteneur</h4>',
  507. body: [
  508. {
  509. type: 'form',
  510. label: 'Numéro de conteneur',
  511. inputType: 'text',
  512. name: 'number',
  513. value: cont.num,
  514. tag: 'input',
  515. id: 'number',
  516. classes: [
  517. 'form-control'
  518. ],
  519. },
  520. {
  521. type: 'form',
  522. label: 'Numéro de plomb',
  523. inputType: 'text',
  524. name: 'numberLead',
  525. value: cont.numLead,
  526. tag: 'input',
  527. id: 'numberLead',
  528. classes: [
  529. 'form-control'
  530. ],
  531. },
  532. {
  533. type: 'form',
  534. label: 'Type',
  535. name: 'typeCont',
  536. tag: 'select',
  537. id: 'typeCont',
  538. classes: [
  539. 'form-control'
  540. ],
  541. options: [
  542. @for(typeC<-types){
  543. {value: '@typeC.idtypeContainer', text: '@if(typeC.libelle.equals("High Cube")){TC 40 HC}else{@typeC.libelle}',
  544. selected: false, attributes: {'data-volume': '@typeC.volumeMax'}},
  545. }
  546. ],
  547. attributes: {}
  548. },
  549. {
  550. type: 'form',
  551. label: 'Agence',
  552. name: 'agenceCont',
  553. tag: 'select',
  554. id: 'agenceCont',
  555. classes: [
  556. 'form-control'
  557. ],
  558. options: [
  559. @for(agence<-agences){
  560. {value: '@agence.idEntreprise', text: '@agence.nom', selected: false},
  561. }
  562. ],
  563. attributes: {}
  564. },
  565. {
  566. type: 'form',
  567. label: 'Origine',
  568. name: 'origin',
  569. tag: 'select',
  570. id: 'origin',
  571. classes: [
  572. 'selectpicker'
  573. ],
  574. options: [
  575. @for(port<-ports){
  576. {value: '@port.idport', text: '@port.libelle', selected: false},
  577. }
  578. ],
  579. attributes: {
  580. 'data-live-search':'true'
  581. }
  582. },
  583. {
  584. type: 'form',
  585. label: 'Destination',
  586. inputType: 'text',
  587. name: 'destination',
  588. value: cont.destination.libelle,
  589. tag: 'input',
  590. id: 'destination',
  591. classes: [
  592. 'form-control',
  593. 'readonly'
  594. ],
  595. },
  596. {
  597. type: 'form',
  598. label: 'Période d\'envoi',
  599. name: 'dateCont',
  600. id: 'dateCont',
  601. value: dateToString(stringToDate(cont.period)),
  602. tag: 'input',
  603. classes: [
  604. 'form-control',
  605. 'datepicker',
  606. 'readonly'
  607. ],
  608. attributes: {
  609. 'data-live-search':'true',
  610. 'required':'true',
  611. 'starts-monday':''
  612. }
  613. },
  614. {
  615. type: 'form',
  616. label: 'Fournisseur',
  617. name: 'recipient',
  618. tag: 'select',
  619. id: 'recipient',
  620. classes: [
  621. 'selectpicker'
  622. ],
  623. options: [
  624. ],
  625. attributes: {
  626. 'data-live-search':'true'
  627. }
  628. },
  629. {
  630. type: 'form',
  631. label: 'Agence',
  632. name: 'agencyTf',
  633. tag: 'select',
  634. id: 'agencyTf',
  635. classes: [
  636. 'form-control'
  637. ],
  638. options: [],
  639. attributes: {}
  640. }
  641. ],
  642. footer: [
  643. {
  644. text: 'Fermer',
  645. href: '#',
  646. classes: [
  647. 'quick-modal-shut',
  648. 'quick-modal-close'
  649. ]
  650. },
  651. {
  652. text: 'Supprimer',
  653. href: '#',
  654. id: idcont,
  655. classes: [
  656. 'quick-modal-remove',
  657. 'deleteCont'
  658. ]
  659. },
  660. {
  661. text: 'Transférer',
  662. href: '#',
  663. classes: [
  664. 'transferCont'
  665. ]
  666. }
  667.  
  668. ],
  669. afterOpen: function(modal) {
  670. $("section.quick-modal").addClass("edit");
  671. contTimer = Date.now();
  672. refreshdatepickers();
  673. $('[name="typeCont"]').val(cont.typeContainer.idtypeContainer);
  674. $('[name="agenceCont"]').val(cont.sender.idEntreprise);
  675. $('[name="origin"]').val(cont.origin.idport);
  676. for(var i=0;i<supplies.length;i++){
  677. var option= $('<option>').text(supplies[i].entreprise.nom);
  678. option.val(supplies[i].idFournisseur);
  679. var idagencies="";
  680. for(var j=0;j<supplies[i].entreprise.agencesMere.length;j++){
  681. idagencies+= supplies[i].entreprise.agencesMere[j].idEntreprise+",";
  682. }
  683. option.attr({"data-entreprise":idagencies,"data-parent":supplies[i].entreprise.idEntreprise,"data-interco":supplies[i].entreprise.codeEntreprise.agcFourn,});
  684. $('#recipient').append(option);
  685. }
  686. $("#recipient option").hide();
  687. $("#recipient option[data-entreprise*='"+cont.sender.idEntreprise+"']").show();
  688. $('#recipient').val(cont.recipient.idFournisseur);
  689. $(".selectpicker").selectpicker();
  690. $('form .selectpicker').parent().css({'width':'100%','padding-left':'20px'});
  691. $('.transferCont').hide();
  692. $('form section').children().wrapAll("<div id='accordion'></div>");
  693. $('#accordion').prepend("<h3>Modification Conteneur</h3><div id='modifCont'></div><h3>Rentabilité</h3><div id='profit'></div>"
  694. +"<h3>Instructions</h3><div id='directives'></div><h3>Transfert Agence</h3><div id='transfer'></div>");
  695. $("#accordion h3").css("color","#333");
  696. $('#modifCont').prepend($("#accordion p:lt(7)"));
  697. $('#transfer').prepend($("#accordion > p"));
  698. $( "#accordion" ).accordion({
  699. heightStyle: "content"
  700. });
  701.  
  702. $('#modifCont').css("overflow","initial");
  703. $('#transfer').css("overflow","initial");
  704. if(valid){
  705. $("#typeCont,#agenceCont").each(function(){
  706. $(this).css('pointer-events','none');
  707. });
  708. $('#origin').parent().css('pointer-events','none');
  709. $("#dateCont").attr("disabled",true);
  710. $('.transferCont').show();
  711. }
  712.  
  713. var tabEdit = $('<table>').addClass("table");
  714. var bdEdit = $('<tbody>');
  715. $("#modifCont p").each(function(){
  716. var rowEdit = $('<tr>');
  717. var colEditL = $('<td>').css("width","35%").append($(this).children().first());
  718. var colEditV = $('<td>');
  719. var div = $('<div>').addClass("form-group");
  720. div.append($(this).children().last());
  721. colEditV.append(div);
  722. rowEdit.append(colEditL);
  723. rowEdit.append(colEditV);
  724. bdEdit.append(rowEdit);
  725. });
  726. tabEdit.append(bdEdit);
  727. $("#modifCont").append(tabEdit);
  728. $("#modifCont p").remove();
  729.  
  730.  
  731.  
  732. var table = $('<table>');
  733. var rowTh = $('<tr>');
  734. //Th init
  735. var thMargin = $('<th>');
  736. rowTh.append(thMargin);
  737. var index=0;
  738. for(var i=0;i<data.libCli.length;i++){
  739. var th = $('<th>').text(data.libCli[i]);
  740. th.addClass("lineProfit");
  741. rowTh.append(th);
  742. index++;
  743. }
  744. table.append(rowTh);
  745.  
  746.  
  747. //Cost column
  748. for(var i=0;i<data.lib.length;i++){
  749. var td = $('<td>').text(data.lib[i]);
  750. var rowLib = $('<tr>');
  751. rowLib.append(td);
  752. table.append(rowLib);
  753. }
  754. $('#profit').prepend(table);
  755.  
  756. for(var j=0;j<data.lines.length;j++){
  757. for(var k=0;k<data.lines[j].length;k++){
  758. var td = $('<td>');
  759. if(data.lines[j][k]!= ""){
  760. td.text(data.lines[j][k]+" €");
  761. }else{
  762. td.text(data.lines[j][k]);
  763. }
  764. $('#profit table tr:nth-child('+(j+2)+')').append(td);
  765. }
  766. }
  767.  
  768. if(data.subD!=null){
  769. var rowSub = $('<tr>');
  770. var titleSub= $('<td>').text();
  771. var titleSub= $('<td>').text('Sous-traitance');
  772. rowSub.append(titleSub);
  773. for(var k=0;k<data.subD.length;k++){
  774. var td = $('<td>');
  775. if(data.subD[k]!= ""){
  776. td.text(data.subD[k]+" €");
  777. }else{
  778. td.text(data.subD[k]);
  779. }
  780. rowSub.append(td);
  781. }
  782. $('#profit table').append(rowSub);
  783. }
  784.  
  785. //purge row
  786. $("#profit table tr:gt(0)").each(function(){
  787. var rownull= 0;
  788. $(this).find("td:gt(0)").each(function(){
  789. if($(this).text()=="" || $(this).text()=="0 €")rownull++;
  790. });
  791. if(rownull==data.libCli.length){
  792. $(this).remove();
  793. }
  794. });
  795.  
  796.  
  797. //Detail column
  798. var total = 0.0;
  799. var trDet = $('<tr>');
  800. var tdDet = $('<td>').text("Détail");
  801. trDet.append(tdDet);
  802. for(var i=0;i<data.ca.length;i++){
  803. var sum =0.0;
  804. $("#profit table tr:gt(0)").each(function(){
  805. if($(this).find("td:eq("+(i+1)+")").text()!=""){
  806. sum+=parseFloat($(this).find("td:eq("+(i+1)+")").text().match(/\d+\.?\d*/));
  807. }
  808. });
  809. total+=sum;
  810. var td = $('<td>').text(sum.toFixed(2)+" €");
  811. trDet.append(td);
  812. }
  813. $('#profit table').append(trDet);
  814.  
  815.  
  816. //C.A row
  817. if(data.ca.length>0){
  818. var trCA = $('<tr>');
  819. var tdCA = $('<td>').text("C.A HT");
  820. trCA.append(tdCA);
  821. $("#profit table tr:first").after(trCA);
  822. var totCA = 0.0;
  823. for(var z=0;z<data.ca.length;z++){
  824. var td = $('<td>').text(data.ca[z]+" €");
  825. $("#profit table tr:eq(1)").append(td);
  826. totCA+=parseFloat(data.ca[z]);
  827. }
  828.  
  829. var rowTotal = $('<tr>');
  830. var colSpace = $('<td>').css("visibility","hidden");
  831. var colnumb = $("#profit table").find('tr')[0].cells.length;
  832. var colTotal = $('<td>').attr("colspan",colnumb-1);
  833. colTotal.text(total.toFixed(2)+" €");
  834. rowTotal.append(colSpace);
  835. rowTotal.append(colTotal);
  836. //$("#profit table").append(rowTotal);
  837.  
  838. var thSum = $('<th>').text("Total");
  839. $("#profit table tr:first").append(thSum);
  840. $("#profit table tr:gt(0)").each(function(){
  841. var sum =0.0;
  842. $(this).find("td:gt(0)").each(function(){
  843. if($(this).text()!=""){
  844. sum+=parseFloat($(this).text().match(/\d+\.?\d*/));
  845. }
  846. });
  847. var cellSum = $("<td>").text(sum.toFixed(2)+" €");
  848. $(this).append(cellSum);
  849. });
  850.  
  851.  
  852. var thCost= $('<th>').text("Coûts").css({"background-color":"cornflowerblue","color":"white"});
  853. thCost.attr("colspan",colnumb+1);
  854. var trCost= $('<tr>').append(thCost);
  855. $("#profit table tr:eq(1)").after(trCost);
  856.  
  857. var marg = (1-(total/totCA))*100;
  858. $("#profit table tr:first th:first").text(Math.round(marg)+"%");
  859. }
  860.  
  861. //exceed case
  862. if(tabCont.find("tr:nth-of-type(2).exceed").length){
  863. $("#contForm footer li:lt(2)").remove();
  864. }
  865.  
  866. //Instruction tab
  867. var tabInstruc = $('<table>').css("font-size","14");
  868. tabInstruc.addClass("table");
  869. var thead = $('<thead>');
  870. var trHead= $('<tr>');
  871. trHead.append($('<th>').text("Nom"));
  872. trHead.append($('<th>').text("Nombre de colis"));
  873. trHead.append($('<th>').text("Poids"));
  874. thead.append(trHead);
  875. tabInstruc.append(thead);
  876. var tbody = $('<tbody>');
  877. for(var i=0;i<data.instruc.length;i++){
  878. var row = $('<tr>');
  879. var colName= $('<td>').text(data.instruc[i][0]);
  880. row.append(colName);
  881. for(var k=1;k<data.instruc[i].length;k++){
  882. var colNb = $('<td>');
  883. var div = $('<div>').addClass("form-group");
  884. var input = $('<input>').addClass("form-control").css("margin-left","0");
  885. input.attr({"type":"number","min":"0"});
  886. input.prop('required',true);
  887. if(k==1){
  888. input.attr("name","nbPackage[]");
  889. }else{
  890. input.attr({"name":"weight[]","step":"0.1"});
  891. }
  892. if(data.instruc[i][k]!=null){
  893. input.val(data.instruc[i][k]);
  894. }else{
  895. input.val("0");
  896. }
  897. div.append(input);
  898. colNb.append(div);
  899. row.append(colNb);
  900. }
  901. tbody.append(row);
  902. }
  903. tabInstruc.append(tbody);
  904. $('#directives').prepend(tabInstruc);
  905.  
  906. $("#agenceCont").change(function(){
  907. var idagency= $(this).val();
  908. $("#recipient option").hide();
  909. $("#recipient option[data-entreprise*='"+idagency+"']").show();
  910. });
  911.  
  912. //Transfer
  913. if(!cont.recipient.entreprise.codeEntreprise.agcFourn){
  914. $("#agencyTf").parent().hide();
  915. $(".transferCont").text("Envoyer");
  916. }else{
  917. for(var i=0;i<supplyD.length;i++){
  918. var opt= $("<option>").text(supplyD[i].nom);
  919. opt.val(supplyD[i].idEntreprise);
  920. $("#agencyTf").append(opt);
  921. }
  922. if(cont.recipAgency!=null)$("#agencyTf").val(cont.recipAgency.idEntreprise);
  923. }
  924.  
  925. $("#recipient").change(function(){
  926. $("#agencyTf").empty();
  927. $("#agencyTf").parent().hide();
  928. $(".transferCont").text("Envoyer");
  929. if($("option:selected",this).attr('data-interco')=="true"){
  930. var notEmpty= false;
  931. var parent = $("option:selected",this).attr('data-parent');
  932. @for(agency <- daughters){
  933. @if(agency.entrepriseParente!=null){
  934. if(parent==@agency.entrepriseParente.idEntreprise){
  935. var opt= $("<option>").text("@agency.nom");
  936. opt.val(@agency.idEntreprise);
  937. $("#agencyTf").append(opt);
  938. notEmpty=true;
  939. }
  940. }
  941. }
  942. if(notEmpty){
  943. $("#agencyTf").parent().show();
  944. $(".transferCont").text("Transférer");
  945. }
  946. }
  947. });
  948.  
  949. //Disable modal
  950. $("#addCont").prop('disabled',true);
  951. $(".editCont").css('pointer-events','none');
  952. $(".quick-modal").on("remove", function () {
  953. $("#addCont").prop('disabled',false);
  954. $(".editCont").css('pointer-events','auto');
  955. })
  956. },
  957. onSubmit: function(e, form) {
  958. e.preventDefault();
  959. var promise = new Promise(function(resolve,reject){
  960. var nbPack=[]; var weight=[];
  961. $('[name="nbPackage[]"]').each(function(){
  962. nbPack.push($(this).val());
  963. });
  964. $('[name="weight[]"]').each(function(){
  965. weight.push($(this).val());
  966. });
  967. var ajaxCallBack2 = {
  968. data : {
  969. idCont: idcont,
  970. number: $('[name="number"]',form).val(),
  971. numberLead: $('[name="numberLead"]',form).val(),
  972. typeCont: $('[name="typeCont"]',form).val(),
  973. agenceCont: $('[name="agenceCont"]',form).val(),
  974. origin: $('[name="origin"]',form).val(),
  975. dateCont: $('[name="dateCont"]',form).val(),
  976. recipient: $('[name="recipient"]',form).val(),
  977. agency: $('[name="agencyTf"]',form).val(),
  978. nbPackage: nbPack,
  979. weight: weight,
  980. margin: parseInt($("#profit table tr:first th:first").text().match(/\d+/)),
  981. historyTimer: Date.now() - contTimer
  982. },
  983. dataType: "json",
  984. success : function(data) {
  985. if(data){
  986. contModal.destroy();
  987. window.location.reload();
  988. }
  989. else{
  990. alert('Erreur lors de l\'enregistrement.');
  991. }
  992. LOADER.removeClass('active');
  993. resolve();
  994. },
  995. error : function(error) {
  996. var response = $(error.responseText);
  997. err(error);
  998. LOADER.removeClass('active');
  999. resolve();
  1000. }
  1001. }
  1002. LOADER.addClass('active');
  1003. jsRoutes.controllers.EventExploitations.AJAX_edit().ajax(ajaxCallBack2);
  1004. })
  1005. .then(function(){
  1006. return false;
  1007. });
  1008. }
  1009. });
  1010. ajaxencours=false;
  1011. },
  1012. error : function(error) {
  1013. ajaxencours=false;
  1014. err(error);
  1015. }
  1016. }
  1017. jsRoutes.controllers.EventExploitations.getContainer().ajax(ajaxCallBack);
  1018. });
  1019.  
  1020.  
  1021. });
  1022.  
  1023.  
  1024.  
  1025.  
  1026. $('body').on('click','.deleteCont',function(){
  1027. if(confirm("Voulez-vous supprimer ce conteneur ?")){
  1028. var idcont= $(this).parent().attr('id');
  1029. var ajaxCallBack = {
  1030. data : "id="+idcont,
  1031. dataType: "json",
  1032. success : function(data) {
  1033. if(!data){
  1034. alert('Erreur lors de la suppression.');
  1035. }else{
  1036. window.location.reload();
  1037. }
  1038. },
  1039. error : function(error) {
  1040. err(error);
  1041. }
  1042. }
  1043. jsRoutes.controllers.EventExploitations.AJAX_delete().ajax(ajaxCallBack);
  1044. }
  1045. });
  1046.  
  1047.  
  1048. $('body').on('click','.transferCont',function(){
  1049. var idcont= $(this).parent().prev().attr('id');
  1050. var idsupply= $("#recipient").val();
  1051. var idagency= $("#agencyTf").val();
  1052. var ajaxCallBack = {
  1053. data : "id="+idcont+"&recipient="+idsupply+"&agency="+idagency,
  1054. dataType: "json",
  1055. success : function(data) {
  1056. if(data!=""){
  1057. alert(data);
  1058. }else{
  1059. window.location.reload();
  1060. }
  1061. },
  1062. error : function(error) {
  1063. err(error);
  1064. }
  1065. }
  1066. jsRoutes.controllers.EventExploitations.AJAX_send().ajax(ajaxCallBack);
  1067. });
  1068.  
  1069. function getWeekNumber(d) {
  1070. d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
  1071. d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay()||7));
  1072. var yearStart = new Date(Date.UTC(d.getUTCFullYear(),0,1));
  1073. var weekNo = Math.ceil(( ( (d - yearStart) / 86400000) + 1)/7);
  1074. return weekNo;
  1075. }
  1076.  
  1077. function addContainer(){
  1078. var table = $('<table>').css({"width":"90%","margin-bottom":"20px"});
  1079. var rowTh = $('<tr>');
  1080. var th = $('<th>').html($("#typeCont option:selected").text()+" &nbsp; Volume: ");
  1081. var spanVol = $('<span>').text("0");
  1082. spanVol.addClass("volCont");
  1083. var spanVolMax = $('<span>').text(parseInt($("#typeCont option:selected").attr("data-volume")));
  1084. spanVolMax.addClass("volContMax");
  1085.  
  1086. var divPbar= $('<div>').addClass("w3-light-grey w3-round-xlarge");
  1087. divPbar.css({"width":"15%","display":"inline-block"});
  1088. var Pbar= $('<div>').addClass("w3-container w3-blue w3-round-xlarge");
  1089. Pbar.css("width","0%");
  1090. divPbar.append(Pbar);
  1091.  
  1092. var spanEdit = $('<span>').addClass("editCont");
  1093. var i = $('<i>').addClass("fa fa-2x fa-pencil-square-o");
  1094. i.attr("aria-hidden","true");
  1095. spanEdit.append(i);
  1096. th.append(spanVol," /",spanVolMax,"m<sup>3</sup> &nbsp;",divPbar,spanEdit);
  1097.  
  1098. var rowDrop = $('<tr>');
  1099. var td = $('<td>').text(" ");
  1100. td.css("height","1em");
  1101. td.attr({"ondrop":"drop(event)","ondragover":"allowDrop(event)"});
  1102. rowTh.append(th);
  1103. rowDrop.append(td);
  1104. table.append(rowTh,rowDrop);
  1105. table.addClass("container");
  1106.  
  1107. tab = $("#dateCont").val().split("/");
  1108. var dateModal = stringToDate(tab[1]+"/"+tab[0]+"/"+tab[2]);
  1109. var week = getWeekNumber(dateModal);
  1110. $('.listContainer [data-week="'+week+'"]').append(table);
  1111. };
  1112.  
  1113. function pad(d) {
  1114. return (d < 10) ? '0' + d.toString() : d.toString();
  1115. }
  1116.  
  1117.  
  1118. </script>
  1119. <script language="JavaScript" type="text/JavaScript">
  1120.  
  1121.  
  1122. /*$("#routier").click( function(){
  1123. window.location.reload();
  1124. });*/
  1125.  
  1126. function refreshChangeDate(){
  1127. $("#dateDebut").unbind("change");
  1128. $("#dateDebut").change(function(){
  1129. var dates=$(this).val().split("/");
  1130. var dateDeb=new Date(dates[2],(dates[1]-1),dates[0]);
  1131. dates=$("#dateFin").val().split("/");
  1132. var dateFin=new Date(dates[2],(dates[1]-1),dates[0]);
  1133. if(dateFin.getTime()<dateDeb.getTime()){
  1134. $("#dateFin").val($(this).val());
  1135. }
  1136. });
  1137. }
  1138.  
  1139. $("#datePlanning").change(function(){
  1140. var date=$(this).val().replace("/","-").replace("/","-");
  1141. $("#goDate").attr("href","/planGrouping/"+date);
  1142. });
  1143. </script>
  1144. </body>
  1145. </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!