<commit_before><template>
  <div class="vue-remove">
    <div class="container">
      <!-- <p>To schedule temporary access for a User please select and drag on the calendar below.</p>
      <p>To re-schedule a booking, click and move the booking to a new time.</p>
      <p>To cancel a booking, click on the booking then confirm cancellation.</p> -->
      <p>Words about the current access state being <strong>{{ building.accessStateString }}</strong></p>
      <p>The maximum concurrent occupancy is currently {{ building.selfBookMaxOccupancy }}</p>
      <p>This building has the following bookable areas. Hover for area occupany limits.</p>
      <p>
        <template v-for="bookableArea in bookableAreas" >
          <span
            :class="['badge', 'badge-' + bookableArea.bookingColor, 'ta-badge-font-inherit', 'pb-1']"
            data-toggle="tooltip"
            data-html="true"
            :title="'Occupancy:&nbsp;' + bookableArea.maxOccupancy">
            {{ bookableArea.name }}
          </span>&nbsp;
        </template>
      </p>
      <p v-if="settings.grant != 'ALL'">Some areas can only be booked by Trustees.</p>
    </div>

    <div class="container vld-parent" ref="calendar">
      <full-calendar
        ref="fullCalendar"

        :plugins="calendarPlugins"
        locale="en-gb"
        timeZone="Europe/London"
        :firstDay=1
        :eventSources="eventSources"
        :rerenderDelay="5"

        @loading="loading"
        @select="select"
        @unselect="unselect"
        :selectAllow="selectAllow"
        @eventClick="eventClick"
        :eventAllow="eventAllow"
        @eventDragStart="removePopoverConfirmation"
        @eventDrop="eventDrop"
        @eventResizeStart="removePopoverConfirmation"
        @eventResize="eventResize"
        :datesDestroy="removePopoverConfirmation"
        :eventRender="eventRender"
        :eventDestroy="eventDestroy"

        :selectOverlap=true
        :selectable="selectable"
        :selectMirror=true
        unselectCancel=".modal-content"
        :eventOverlap="eventOverlap"
        :defaultView="initialView"
        :defaultDate="initialDate"
        noEventsMessage="No bookings to display"
        themeSystem="bootstrap"
        :header="dayOnlyButtons"
        :footer="dayOnlyButtons"
        :buttonText="{
          today: 'Today',
          day: 'Day',
          week: 'Week',
        }"
        :aspectRatio="this.dayAspectRatio"
        :views="{
          timeGrid: {
            // options apply to timeGridWeek and timeGridDay views
            allDaySlot: false,
            nowIndicator: true,
            slotDuration: '00:15',
            slotLabelInterval: '01:00',
            slotLabelFormat: {
              hour12: false,
              hour: '2-digit',
              minute: '2-digit',
            },
            // scrollTime: moment().format('HH:mm'),
            columnHeaderFormat: {
              weekday: 'narrow',
              day: '2-digit',
              month: '2-digit',
              year: '2-digit',
            },
            eventTimeFormat: {
              hour12: false,
              hour: '2-digit',
              minute: '2-digit',
            },
          },
        }"
        />
    </div>

    <!-- Booking Modal -->
    <div ref="bookingModal" class="modal fade" :id="$id('addBookingModal')" tabindex="-1" role="dialog" :aria-labelledby="$id('addBookingLabel')" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" :id="$id('addBookingLabel')">{{ modalTitle }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <p>{{ settings.bookingInfoText }}</p>
            <div :class="['form-group', buildingError ? 'is-invalid' : '']">
              <label :for="$id('building')">Building</label>
              <div class="form-control border-0" :id="$id('building')" >
                {{ building.name }}
                <small v-if="settings.grant == 'ALL'" class="text-muted"> ({{ building.accessStateString }})</small>
              </div>
              <div class="invalid-feedback d-block" role="alert" v-if="buildingError">{{ buildingError }}</div>
            </div><commit_msg>TTemporaryAccess Vue: css fix<commit_after><template>
  <div class="vue-remove">
    <div class="container">
      <!-- <p>To schedule temporary access for a User please select and drag on the calendar below.</p>
      <p>To re-schedule a booking, click and move the booking to a new time.</p>
      <p>To cancel a booking, click on the booking then confirm cancellation.</p> -->
      <p>Words about the current access state being <strong>{{ building.accessStateString }}</strong></p>
      <p>The maximum concurrent occupancy is currently {{ building.selfBookMaxOccupancy }}</p>
      <p>This building has the following bookable areas. Hover for area occupany limits.</p>
      <p>
        <template v-for="bookableArea in bookableAreas" >
          <span
            :class="['badge', 'badge-' + bookableArea.bookingColor, 'ta-badge-font-inherit', 'pb-1']"
            data-toggle="tooltip"
            data-html="true"
            :title="'Occupancy:&nbsp;' + bookableArea.maxOccupancy">
            {{ bookableArea.name }}
          </span>&nbsp;
        </template>
      </p>
      <p v-if="settings.grant != 'ALL'">Some areas can only be booked by Trustees.</p>
    </div>

    <div class="container vld-parent" ref="calendar">
      <full-calendar
        ref="fullCalendar"

        :plugins="calendarPlugins"
        locale="en-gb"
        timeZone="Europe/London"
        :firstDay=1
        :eventSources="eventSources"
        :rerenderDelay="5"

        @loading="loading"
        @select="select"
        @unselect="unselect"
        :selectAllow="selectAllow"
        @eventClick="eventClick"
        :eventAllow="eventAllow"
        @eventDragStart="removePopoverConfirmation"
        @eventDrop="eventDrop"
        @eventResizeStart="removePopoverConfirmation"
        @eventResize="eventResize"
        :datesDestroy="removePopoverConfirmation"
        :eventRender="eventRender"
        :eventDestroy="eventDestroy"

        :selectOverlap=true
        :selectable="selectable"
        :selectMirror=true
        unselectCancel=".modal-content"
        :eventOverlap="eventOverlap"
        :defaultView="initialView"
        :defaultDate="initialDate"
        noEventsMessage="No bookings to display"
        themeSystem="bootstrap"
        :header="dayOnlyButtons"
        :footer="dayOnlyButtons"
        :buttonText="{
          today: 'Today',
          day: 'Day',
          week: 'Week',
        }"
        :aspectRatio="this.dayAspectRatio"
        :views="{
          timeGrid: {
            // options apply to timeGridWeek and timeGridDay views
            allDaySlot: false,
            nowIndicator: true,
            slotDuration: '00:15',
            slotLabelInterval: '01:00',
            slotLabelFormat: {
              hour12: false,
              hour: '2-digit',
              minute: '2-digit',
            },
            // scrollTime: moment().format('HH:mm'),
            columnHeaderFormat: {
              weekday: 'narrow',
              day: '2-digit',
              month: '2-digit',
              year: '2-digit',
            },
            eventTimeFormat: {
              hour12: false,
              hour: '2-digit',
              minute: '2-digit',
            },
          },
        }"
        />
    </div>

    <!-- Booking Modal -->
    <div ref="bookingModal" class="modal fade" :id="$id('addBookingModal')" tabindex="-1" role="dialog" :aria-labelledby="$id('addBookingLabel')" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" :id="$id('addBookingLabel')">{{ modalTitle }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <p>{{ settings.bookingInfoText }}</p>
            <div :class="['form-group', buildingError ? 'is-invalid' : '']">
              <label :for="$id('building')">Building</label>
              <div class="form-control-plaintext" :id="$id('building')" >
                {{ building.name }}
                <small v-if="settings.grant == 'ALL'" class="text-muted"> ({{ building.accessStateString }})</small>
              </div>
              <div class="invalid-feedback d-block" role="alert" v-if="buildingError">{{ buildingError }}</div>
            </div>
{'fraction_non_alphanumeric': 0.1470160116448326, 'fraction_numerical': 0.005710446758481693, 'mean_word_length': 2.132935811995791, 'pattern_counts': {'":': 0, '<': 113, '<?xml version=': 0, '>': 113, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4551118', 'n_tokens_mistral': 2563, 'n_tokens_neox': 2484, 'n_words': 517}