widget_salesman_objective.xml 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <template xml:space="preserve">
  3. <t t-name="WidgetSalesmanObjective">
  4. <div class="grid-stack-item-content reporting-dashboard ucrm">
  5. <div class="widget-content" >
  6. <div style="font-size: 20px; color: #777; font-weight: normal; margin:10px;">
  7. Mi objetivo de venta
  8. </div>
  9. <div class="modal-body dashboard-modal">
  10. <div class="row" style="border-bottom:1px solid #e0e0e0;">
  11. <div class="col-md-2 col-lg-2 text-center">
  12. <div
  13. id="saleObjective"
  14. data-preset="circle"
  15. class="ldBar label-center"
  16. style="width:200px; font-family:Arial; font-size: 4.0em; margin-left: -15px;"
  17. data-stroke-width="10">
  18. </div>
  19. </div>
  20. <div class="col-md-10 col-lg-10" style="height:250px;">
  21. <canvas class="salesman-objective-chart"></canvas>
  22. </div>
  23. </div>
  24. <div class="row">
  25. <div class="center-block" style="padding:20px;font-size:10pt;">
  26. <div class="col-xs-6" style="color:#777;">
  27. <span><i class="fa fa-circle-o fa-lg" style="padding:10px"></i>Meta del mes: <i id="objective"/></span>
  28. <br/>
  29. <span><i class="fa fa-circle-o fa-lg" style="padding:10px"></i>Faltante para logar la meta del mes: <i id="pending"/></span>
  30. </div>
  31. <div class="col-xs-6" style="color:#777;">
  32. <span><i class="fa fa-money fa-lg" style="padding:10px"></i>Facturación del dia: <i id="today"/></span>
  33. <br/>
  34. <span><i class="fa fa-money fa-lg" style="padding:10px"></i>Facturación de la semana: <i id="week"/></span>
  35. <br/>
  36. <span><i class="fa fa-money fa-lg" style="padding:10px"></i>Facturación del mes: <i id="month"/></span>
  37. <br/>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </t>
  45. </template>