<template>
  <w-grid
    :title="$t('menu.developer.plugin.applicationProperties')"
    :toolbar-actions="['refresh', 'separator', 'view', 'export']"
    :fetch-data-url="Environment.apiContextPath('/api/developer/plugins/applicationProperties')"
    row-key="id"
    :columns="[
      { width: '20%', name: 'order', label: $t('order') },
      { width: '20%', name: 'module', label: $t('module') },
      { width: '40%', name: 'description', label: $t('description') },
      {
        width: '40%',
        name: 'properties',
        label: $t('properties'),
        format: (properties) => {
          properties = properties || [];
          let result = '';
          for (const property of properties) {
            result += property + '<br/>';
          }
          return result;
        },
      },
      { width: '40%', name: 'configurationFileUrl', label: $t('url') },
    ]"
  ></w-grid>
</template>
<script setup lang="ts">
import { Environment } from 'platform-core';
</script>
