Contents

<template>
  <div class="grid grid-cols-4 gap-4">
    <list-item
      v-for="(image, index) in images"
      :key="image.id"
      :image="image"
      :leftEdge="index % 4 === 0"
      :bottomEdge="index >= Math.ceil(images.length / 4 - 1) * 4"
      :pickerMode="pickerMode"
      v-on="$listeners"
    />
  </div>
</template>

<script>
import ListItem from './list-item'

export default {
  name: 'ImageLibraryList',
  components: { ListItem },
  props: {
    images: { type: Array, default: () => [] },
    pickerMode: { type: Boolean, required: true },
  },
}
</script>

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
maglevcms-1.0.0	app/javascript/editor/components/image-library/list.vue
maglevcms-1.0.0.rc3	app/javascript/editor/components/image-library/list.vue
maglevcms-1.0.0.rc2	app/javascript/editor/components/image-library/list.vue
maglevcms-1.0.0.rc1	app/javascript/editor/components/image-library/list.vue