main.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <div class="jumbotron">
  2. <div class="row">
  3. <div class="col-md-6"><a class="btn btn-lg btn-block btn-primary" ng-click="addItem(0)">Steak mit Pommes</a></div>
  4. <div class="col-md-6"><a class="btn btn-lg btn-block btn-info" ng-click="addItem(1)">Steak mit Brot</a></div>
  5. </div>
  6. <br/>
  7. <div class="row">
  8. <div class="col-md-6"><a class="btn btn-lg btn-block btn-darkgreen" ng-click="addItem(2)">Hackbraten mit Pommes</a></div>
  9. <div class="col-md-6"><a class="btn btn-lg btn-block btn-success" ng-click="addItem(3)">Hackbraten mit Brot</a></div>
  10. </div>
  11. <br/>
  12. <div class="row">
  13. <div class="col-md-6"><a class="btn btn-lg btn-block btn-warning" ng-click="addItem(4)">Portion Pommes</a></div>
  14. </div>
  15. </div>
  16. <div class="row marketing">
  17. <h3>
  18. <label>Rechnung Nr.
  19. <input type="text" ng-model="Rechnung"/></label>
  20. </h3>
  21. <table class="table table-striped">
  22. <tr>
  23. <th>Pos</th>
  24. <th>Anzahl</th>
  25. <th>Bezeichnung</th>
  26. <th class="text-right">EP</th>
  27. <th class="text-right">GP</th>
  28. </tr>
  29. <tr ng-repeat="b in Bestellung">
  30. <td>
  31. <div class="btn-group">
  32. <button type="button" class="btn btn-danger" ng-click="removeItem(b)"><i class="glyphicon glyphicon-trash"></i></button>
  33. <button type="button" class="btn btn-default">{{$index+1}}</button>
  34. </div>
  35. </td>
  36. <td>
  37. <div class="btn-group">
  38. <button type="button" class="btn btn-success" ng-click="b.Anzahl=b.Anzahl+1"><i class="glyphicon glyphicon-plus"></i></button>
  39. <button type="button" class="btn btn-default">{{b.Anzahl}}</button>
  40. <button type="button" class="btn btn-danger" ng-click="b.Anzahl=b.Anzahl-1"><i class="glyphicon glyphicon-minus"></i></button>
  41. </div>
  42. </td>
  43. <td>{{b.Bezeichnung}}<br/>
  44. <div class="btn-group" ng-show="b.Extras">
  45. <button type="button" class="btn" ng-class="{'btn-primary':b.Extras.Jaeger}" ng-click="b.Extras.Jaeger=!b.Extras.Jaeger">Jägersauce</button>
  46. <button type="button" class="btn" ng-class="{'btn-success':b.Extras.Zwiebel}" ng-click="b.Extras.Zwiebel=!b.Extras.Zwiebel">Zwiebelsauce</button>
  47. </div>
  48. </td>
  49. <td class="text-right">{{b.EP|euro}}</td>
  50. <td class="text-right">{{b.Anzahl*b.EP|euro}}</td>
  51. </tr>
  52. <tr class="warning middle">
  53. <td><i class="glyphicon glyphicon-shopping-cart"></i></td>
  54. <th>{{Anzahl()}}</th>
  55. <th>Gesamt</th>
  56. <td></td>
  57. <td class="text-right">
  58. <button type="button" class="btn btn-success btn-lg" ng-click="checkOut()">{{Summe()|euro}} €</button>
  59. </td>
  60. </tr>
  61. </table>
  62. </div>