Line data    Source code

       1           1 : <template lang="pug">
       2          17 : .row.mx-1(v-if='loading')
       3          17 :   .col-12.pt-3.d-flex.justify-content-center
       4          17 :     span.alert.alert-secondary Fetching cameras list...
       5          17 : .row.mx-1(v-else-if='$butils.isEmpty(cameras)')
       6             :   .col-12.pt-3.d-flex.justify-content-center
       7             :     span.alert.alert-danger No cameras for page #[em {{page}}]
       8             : .row.x-camset.mx-1.h-100(v-else)
       9             :   .col-sm-12.col-lg-6.col-xl-4.p-0(v-for='cam in cameras' :key='`${page}_${cam.name}`')
      10             :     CameraControl(:group='page' :camera='cam.name' :description='cam.description' :ptz='cam.ptz')
      11             : </template>
      12             : <script src='./CameraGroup.vue.js' />