262 行
13KB

  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. use yii\helpers\Html;
  32. use yii\widgets\ActiveForm;
  33. use yii\helpers\ArrayHelper ;
  34. use common\models\User ;
  35. use common\models\PointSale ;
  36. \producer\assets\VuejsSubscriptionFormAsset::register($this) ;
  37. ?>
  38. <div class="subscription-form" id="app-subscription-form" :class="{'loaded': !loading}">
  39. <form @submit.prevent="formSubmit()" v-show="loading == false">
  40. <input type="hidden" id="subscription-id" value="<?= $idSubscription; ?>" />
  41. <div class="alert alert-danger" v-if="errors.length">
  42. <ul>
  43. <li v-for="error in errors">
  44. {{ error }}
  45. </li>
  46. </ul>
  47. </div>
  48. <div class="points-sale">
  49. <h3><span>Point de vente</span></h3>
  50. <table class="table table-bordered table-hovered" v-if="pointsSale.length">
  51. <thead>
  52. <tr>
  53. <th>Nom</th>
  54. <th>Localité</th>
  55. <th></th>
  56. </tr>
  57. </thead>
  58. <tbody>
  59. <tr v-for="pointSale in pointsSale" v-if="pointSale" :class="(pointSaleActive && pointSale.id == pointSaleActive.id) ? 'selected' : ''">
  60. <td class="name">
  61. <span class="the-name">{{ pointSale.name }}</span>
  62. <div class="comment" v-if="pointSale.userPointSale">
  63. {{ pointSale.userPointSale.comment }}
  64. </div>
  65. </td>
  66. <td class="locality">{{ pointSale.locality }}</td>
  67. <td class="actions">
  68. <div :class="'form-group' + (pointSale.invalid_code ? ' has-error' : '')">
  69. <div class="input-group" v-if="pointSale.code && pointSale.code.length > 0">
  70. <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
  71. <input v-model="pointsSaleCodes[pointSale.id]" type="password" placeholder="Code" class="form-control input-code" />
  72. </div>
  73. </div>
  74. <button class="btn btn-primary" @click.prevent="pointSaleClick" :data-code="pointSale.code && pointSale.code.length > 0" :data-id-point-sale="pointSale.id">
  75. <span class="glyphicon glyphicon-map-marker"></span>
  76. Choisir
  77. </button>
  78. </td>
  79. </tr>
  80. </tbody>
  81. </table>
  82. </div>
  83. <h3 id="step-date"><span>Dates</span></h3>
  84. <div class="col-md-4">
  85. <div class="form-group">
  86. <label>Date de début</label>
  87. <v-date-picker
  88. mode="single"
  89. v-model="dateBegin"
  90. :input-props='{class: "form-control", placeholder: "" }'>
  91. </v-date-picker>
  92. </div>
  93. </div>
  94. <div class="clr"></div>
  95. <div class="col-md-4">
  96. <div class="form-group">
  97. <label>Date de fin</label>
  98. <v-date-picker
  99. mode="single"
  100. v-model="dateEnd"
  101. :min-date="dateBegin"
  102. :input-props='{class: "form-control", placeholder: ""}'>
  103. </v-date-picker>
  104. <div class="hint-block">Laisser vide pour une durée indéterminée</div>
  105. </div>
  106. </div>
  107. <div class="clr"></div>
  108. <div class="col-md-4">
  109. <label for="subscriptionform-week_frequency">Périodicité</label>
  110. <select id="subscriptionform-week_frequency" class="form-control" v-model="weekFrequency">
  111. <option value="1">Toutes les semaines</option>
  112. <option value="2">Toutes les 2 semaines</option>
  113. <option value="3">Toutes les 3 semaines</option>
  114. <option value="4">Tous les mois</option>
  115. </select>
  116. </div>
  117. <div class="clr"></div>
  118. <h3><span>Paiement</span></h3>
  119. <?php if(Producer::getConfig('credit')): ?>
  120. <div class="form-group field-subscriptionform-auto_payment">
  121. <label><input type="checkbox" id="subscriptionform-auto_payment" name="SubscriptionForm[auto_payment]" v-model="autoPayment"> Paiement automatique</label>
  122. <div class="hint-block">Cochez cette case si vous souhaitez que votre Crédit soit automatiquement débité.</div>
  123. <div class="help-block"></div>
  124. </div>
  125. <?php endif; ?>
  126. <div class="days" v-if="pointSaleActive">
  127. <h3 id="step-days"><span>Jours</span></h3>
  128. <div v-if="pointSaleActive.delivery_monday == true">
  129. <div class="form-group field-subscriptionform-monday">
  130. <label><input type="checkbox" id="subscriptionform-monday" v-model="monday" @change="dayChange"> Lundi</label>
  131. </div>
  132. </div>
  133. <div v-if="pointSaleActive.delivery_tuesday == true">
  134. <div class="form-group field-subscriptionform-monday">
  135. <label><input type="checkbox" id="subscriptionform-tuesday" v-model="tuesday" @change="dayChange"> Mardi</label>
  136. </div>
  137. </div>
  138. <div v-if="pointSaleActive.delivery_wednesday == true">
  139. <div class="form-group field-subscriptionform-wednesday">
  140. <label><input type="checkbox" id="subscriptionform-wednesday" v-model="wednesday" @change="dayChange"> Mercredi</label>
  141. </div>
  142. </div>
  143. <div v-if="pointSaleActive.delivery_thursday == true">
  144. <div class="form-group field-subscriptionform-thursday">
  145. <label><input type="checkbox" id="subscriptionform-thursday" v-model="thursday" @change="dayChange"> Jeudi</label>
  146. </div>
  147. </div>
  148. <div v-if="pointSaleActive.delivery_friday == true">
  149. <div class="form-group field-subscriptionform-friday">
  150. <label><input type="checkbox" id="subscriptionform-friday" v-model="friday" @change="dayChange"> Vendredi</label>
  151. </div>
  152. </div>
  153. <div v-if="pointSaleActive.delivery_saturday == true">
  154. <div class="form-group field-subscriptionform-saturday">
  155. <label><input type="checkbox" id="subscriptionform-saturday" v-model="saturday" @change="dayChange"> Samedi</label>
  156. </div>
  157. </div>
  158. <div v-if="pointSaleActive.delivery_sunday == true">
  159. <div class="form-group field-subscriptionform-sunday">
  160. <label><input type="checkbox" id="subscriptionform-sunday" v-model="sunday" @change="dayChange"> Dimanche</label>
  161. </div>
  162. </div>
  163. <div class="alert alert-warning" v-if="!pointSaleActive.delivery_monday && !pointSaleActive.delivery_tuesday && !pointSaleActive.delivery_wednesday && !pointSaleActive.delivery_thursday && !pointSaleActive.delivery_friday && !pointSaleActive.delivery_saturday && !pointSaleActive.delivery_sunday">
  164. Aucun jour de distribution disponible pour ce point de vente.
  165. </div>
  166. </div>
  167. <div class="clr"></div>
  168. <div class="products" v-if="(monday || tuesday || wednesday || thursday || friday || saturday || sunday) && checkOneProductAvailable()">
  169. <h3><span>Produits</span></h3>
  170. <?php if(isset($model->errors['products']) && count($model->errors['products']))
  171. {
  172. echo '<div class="alert alert-danger">'.$model->errors['products'][0].'</div>' ;
  173. }
  174. ?>
  175. <table :class="'table table-bordered table-condensed table-hover' + (monday ? ' monday-active' : '') + (tuesday ? ' tuesday-active' : '') + (wednesday ? ' wednesday-active' : '') + (thursday ? ' thursday-active' : '') + (friday ? ' friday-active' : '') + (saturday ? ' saturday-active' : '') + (sunday ? ' sunday-active' : '')">
  176. <thead>
  177. <tr>
  178. <th>Nom</th>
  179. <th>Prix unitaire</th>
  180. <th>Quantité</th>
  181. <th>Total</th>
  182. </tr>
  183. </thead>
  184. <tbody>
  185. <tr v-for="product in products" v-if="checkProductAvailable(product)">
  186. <td>
  187. <span class="name">{{ product.name }}</span>
  188. <span class="other">
  189. <span v-if="product.description.length">/</span>
  190. <span class="description">{{ product.description }}</span>
  191. <span v-if="product.weight">({{ product.weight }}g)</span>
  192. </span>
  193. <div class="recipe" v-if="product.recipe.length">{{ product.recipe }}</div>
  194. </td>
  195. <td class="price-unit">
  196. {{ formatPrice(product.price_with_tax) }}<br /><span class="unit">{{ product.wording_unit }}</span>
  197. </td>
  198. <td class="quantity">
  199. <div class="input-group">
  200. <input type="hidden" :value="product.step" :name="'product_step_'+product.step" />
  201. <input type="hidden" :value="product.unit" :name="'product_unit_'+product.unit" />
  202. <span class="input-group-btn">
  203. <button class="btn btn-default" type="button" @click="productQuantityClick(product, -product.step)"><span class="glyphicon glyphicon-minus"></span></button>
  204. </span>
  205. <input type="text" v-model="product.quantity_form" :class="'form-control '+((product.quantity_form > 0) ? 'has-quantity' : '')">
  206. <span class="input-group-addon">{{ product.wording_short }}</span>
  207. <span class="input-group-btn">
  208. <button class="btn btn-default" type="button" @click="productQuantityClick(product, product.step)"><span class="glyphicon glyphicon-plus"></span></button>
  209. </span>
  210. </div>
  211. </td>
  212. <td class="price-total">
  213. {{ formatPrice(product.price_with_tax * (product.quantity_form / product.coefficient_unit )) }}
  214. </td>
  215. </tr>
  216. <tr class="total">
  217. <td colspan="3"></td>
  218. <td class="price-total">{{ priceTotal(true) }}</td>
  219. </tr>
  220. </tbody>
  221. </table>
  222. <div v-if="!checkOneProductAvailable()" class="alert alert-warning">
  223. Aucun produit n'est disponible pour les jours de distribution sélectionnés.
  224. </div>
  225. </div>
  226. <div class="clr"></div>
  227. <div>
  228. <h3><span>Commentaire</span></h3>
  229. <div class="form-group">
  230. <textarea id="subscriptionform-comment" class="form-control comment-textarea" v-model="comment"></textarea>
  231. </div>
  232. </div>
  233. <button class="btn btn-primary" disabled="disabled" v-if="disableSubmitButton">Enregistrer</button>
  234. <button class="btn btn-primary" v-else>Enregistrer</button>
  235. </form>
  236. </div>