No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <?php
  2. /**
  3. Copyright distrib (2018)
  4. contact@opendistrib.net
  5. Ce logiciel est un programme informatique servant à aider les producteurs
  6. à distribuer leur production en circuits courts.
  7. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  8. respectant les principes de diffusion des logiciels libres. Vous pouvez
  9. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  10. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  11. sur le site "http://www.cecill.info".
  12. En contrepartie de l'accessibilité au code source et des droits de copie,
  13. de modification et de redistribution accordés par cette licence, il n'est
  14. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  15. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  16. titulaire des droits patrimoniaux et les concédants successifs.
  17. A cet égard l'attention de l'utilisateur est attirée sur les risques
  18. associés au chargement, à l'utilisation, à la modification et/ou au
  19. développement et à la reproduction du logiciel par l'utilisateur étant
  20. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  21. manipuler et qui le réserve donc à des développeurs et des professionnels
  22. avertis possédant des connaissances informatiques approfondies. Les
  23. utilisateurs sont donc invités à charger et tester l'adéquation du
  24. logiciel à leurs besoins dans des conditions permettant d'assurer la
  25. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  26. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  27. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  28. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  29. termes.
  30. */
  31. \backend\assets\VuejsReportIndexAsset::register($this);
  32. $this->setTitle('Rapports') ;
  33. $this->addBreadcrumb('Rapports') ;
  34. ?>
  35. <div id="app-report-index" class="app-vuejs">
  36. <div id="loading" v-if="showLoading">
  37. <img src="<?= Yii::$app->urlManagerBackend->getBaseUrl(); ?>/img/loader.gif" alt="Chargement ..." />
  38. </div>
  39. <div id="wrapper-app-report-index" :class="'wrapper-app-vuejs '+(loading ? '' : 'loaded')">
  40. <div id="parameters" class="col-md-6">
  41. <div id="nav-sections-report">
  42. <a v-for="section in sections" :class="'btn-section btn '+(currentSection == section.id ? 'btn-primary' : 'btn-default')" @click="changeSection(section)"><span :class="'fa '+section.icon"></span> {{ section.name }}<span v-if="currentSection == section.id"> <span class="glyphicon glyphicon-triangle-bottom"></span></span></a>
  43. </div>
  44. <div id="section-users" class="panel panel-default section" v-show="currentSection == 'users'">
  45. <div class="panel-body">
  46. <div id="wrapper-search-user">
  47. <span class="glyphicon glyphicon-search"></span>
  48. <input type="text" class="form-control" id="input-search-user" placeholder="Rechercher" v-model="termSearchUser" />
  49. </div>
  50. <div class="content-max-height">
  51. <ul id="list-users">
  52. <li v-for="user in usersArray" v-if="!termSearchUser.length || (termSearchUser.length && (user.lastname.toLowerCase().indexOf(termSearchUser.toLowerCase()) != -1 || user.name.toLowerCase().indexOf(termSearchUser.toLowerCase()) != -1 ))">
  53. <input type="checkbox" :id="'user_'+user.user_id" v-model="user.checked" @change="reportChange()" />
  54. <label :for="'user_'+user.user_id" v-html="user.lastname+' '+user.name"></label>
  55. </li>
  56. </ul>
  57. </div>
  58. </div>
  59. </div>
  60. <div id="section-points-sale" class="panel panel-default section" v-show="currentSection == 'points-sale'">
  61. <div class="panel-body">
  62. <div class="content-max-height">
  63. <ul class="list" id="list-points-sale">
  64. <li v-for="pointSale in pointsSaleArray">
  65. <input type="checkbox" :id="'pointsale_'+pointSale.id" v-model="pointSale.checked" @change="reportChange()" />
  66. <label :for="'pointsale_'+pointSale.id" v-html="pointSale.name"></label>
  67. </li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. <div id="section-distributions" class="panel panel-default section" v-show="currentSection == 'distributions'">
  73. <div class="panel-body">
  74. <div id="wrapper-select-year">
  75. <select class="form-control" v-model="distributionYear">
  76. <option v-for="year in distributionYearsArray">{{ year }}</option>
  77. </select>
  78. </div>
  79. <div class="content-max-height">
  80. <div class="distribution-month" v-for="(distributionsMonth, month) in distributionsByMonthArray" v-if="distributionsMonth.year == distributionYear && distributionsMonth.distributions.length > 0">
  81. <a class="btn btn-default link-month-distribution" @click="distributionsMonth.display = !distributionsMonth.display">{{ distributionsMonth.month }} <span class="label label-success" v-if="countDistributionsByMonth(month)">{{ countDistributionsByMonth(month) }}</span> <span class="glyphicon glyphicon-menu-down"></span></a>
  82. <div class="the-distributions" v-if="distributionsMonth.display">
  83. <a @click="selectDistributions(month)" class="btn btn-default btn-xs btn-select"><span class="glyphicon glyphicon-check"></span> Tout <span v-if="countDistributionsByMonth(month)">déselectionner</span><span v-else>sélectionner</span></a>
  84. <ul>
  85. <li v-for="distribution in distributionsMonth.distributions">
  86. <input type="checkbox" :id="'distribution_'+distribution.id" v-model="distribution.checked" @change="reportChange()" />
  87. <label :for="'distribution_'+distribution.id">{{ distribution.date }}</label>
  88. </li>
  89. </ul>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="col-md-6">
  97. <div id="report" class="panel panel-default">
  98. <div class="panel-heading">
  99. <h2 class="panel-title">Rapport</h2>
  100. </div>
  101. <div class="panel-body">
  102. <div id="summary">
  103. <div class="alert alert-info" v-if="!countUsers() && !countPointsSale() && !countDistributions()">
  104. Veuillez sélectionner un utilisateur et/ou un point de vente et/ou une distribution.
  105. </div>
  106. <div class="section" v-if="countUsers() > 0">
  107. <h3><span class="fa fa-users"></span> {{ countUsers() }} Utilisateurs</h3>
  108. <template v-for="user in usersArray" v-if="user.checked">
  109. <span v-html="user.name+' '+user.lastname"></span><span class="comma">, </span>
  110. </template>
  111. </div>
  112. <div class="section" v-if="countPointsSale() > 0">
  113. <h3><span class="fa fa-map-marker"></span> {{ countPointsSale() }} Points de vente</h3>
  114. <template v-for="pointSale in pointsSaleArray" v-if="pointSale.checked">
  115. <span v-html="pointSale.name"></span><span class="comma">, </span>
  116. </template>
  117. </div>
  118. <div class="section" v-if="countDistributions() > 0">
  119. <h3><span class="fa fa-calendar"></span> {{ countDistributions() }} Distributions</h3>
  120. <template v-for="distributionsMonth in distributionsByMonthArray">
  121. <template v-for="distribution in distributionsMonth.distributions" v-if="distribution.checked">
  122. <span v-html="distribution.date"></span><span class="comma">, </span>
  123. </template>
  124. </template>
  125. </div>
  126. </div>
  127. <div id="report" v-if="countUsers() || countPointsSale() || countDistributions()">
  128. <div class="content-report section" v-if="showReport">
  129. <h3><span class="fa fa-pencil-square-o"></span> Rapport</h3>
  130. <table class="table table-bordered" v-if="tableReport.length > 1">
  131. <thead>
  132. <tr>
  133. <th>Produit</th>
  134. <th>Quantité</th>
  135. <th>Total</th>
  136. </tr>
  137. </thead>
  138. <tbody>
  139. <tr v-for="line in tableReport">
  140. <td>{{ line.name }}</td>
  141. <td>{{ line.quantity }}</td>
  142. <td v-html="line.total"></td>
  143. </tr>
  144. </tbody>
  145. </table>
  146. <div class="alert alert-warning" v-else>
  147. Aucune donnée disponible pour ces critères.
  148. </div>
  149. </div>
  150. <a class="btn btn-primary" @click="generateReport()" v-else="!showReport"><span class="fa fa-pencil-square-o"></span> Générer</a>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>