fab-manager/app/frontend/templates/machines/reserve.html

<div>

<section class="heading b-b">
  <div class="row no-gutter">
    <div class="col-xs-2 col-md-1">
      <section class="heading-btn">
        <a ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
      </section>
    </div>
    <div class="col-xs-8 col-md-10 b-l">
      <section class="heading-title">
        <h1>{{ 'app.logged.machines_reserve.machine_planning' | translate }} : {{machine.name}}</h1>
      </section>
    </div>
<!-- TODO, uncomment this block to work on reservations in cart
    <div class="col-xs-2 col-md-1 b-t hide-b-md p-none">
      <section class="heading-actions">
        <cart-button />
      </section>
    </div>
    -->
  </div>
</section>


<div class="row no-gutter machine-reserve">
  <div class="col-sm-12 col-md-12 col-lg-9">
    <div ui-calendar="calendarConfig" ng-model="eventSources" calendar="calendar" class="wrapper-lg" ng-show="!plansAreShown"></div>
    <ng-include ng-if="$root.modules.plans" src="'/plans/_plan.html'"></ng-include>
  </div>


  <div class="col-sm-12 col-md-12 col-lg-3">
    <!-- TODO, uncomment this block to work on reservations in cart
        <ongoing-reservation-panel selected-slot="selectedEvent"
                                   on-slot-added="markSlotAsAdded"
                                   on-slot-removed="markSlotAsRemoved"
                                   on-error="onError"
                                   reservable-id="machine.id"
                                   reservable-type="'Machine'"
                                   operator="currentUser">
        </ongoing-reservation-panel>
    -->
    <packs-summary item="machine"
                   item-type="'Machine'"
                   customer="ctrl.member"
                   operator="currentUser"
                   on-error="onError"
                   on-success="onSuccess"
                   ng-if="isShowPacks()"
                   refresh="afterPaymentPromise">
    </packs-summary>

    <div ng-if="isAuthorized(['admin', 'manager'])">
      <select-member></select-member>
    </div>

    <cart slot="selectedEvent"
          slot-selection-time="selectionTime"
          events="events"
          user="ctrl.member"
          mode-plans="plansAreShown"
          plan="selectedPlan"
          plan-selection-time="planSelectionTime"
          settings="settings"
          plans="plans"
          groups="groups"
          on-slot-added-to-cart="markSlotAsAdded"
          on-slot-removed-from-cart="markSlotAsRemoved"
          on-slot-start-to-modify="markSlotAsModifying"
          on-slot-modify-success="modifyMachineSlot"
          on-slot-modify-cancel="cancelModifyMachineSlot"
          on-slot-modify-unselect="changeModifyMachineSlot"
          on-slot-cancel-success="slotCancelled"
          after-payment="afterPayment"
          reservable-id="{{machine.id}}"
          reservable-type="Machine"
          reservable-name="{{machine.name}}"></cart>

    <uib-alert type="warning m">
      <p class="text-sm">
        <i class="fa fa-lightbulb-o"></i>
        <span ng-bind-html="machineExplicationsAlert"></span>
      </p>
    </uib-alert>

  </div>
</div>

</div>