{
  "ListFormCode": "App.DeveloperKit.CustomComponents",
  "KeyFieldName": "Id",
  "GeneratedAt": "2026-10-04T13:55:55Z",
  "Order": 0,
  "Rows": [
    {
      "Id": "98a5c0b9-c8d6-5e83-ae76-d9ccb5b70cba",
      "Name": "TeamPerformanceWidget",
      "RoutePath": null,
      "Description": "Intranet panosu: yöneticinin ekibindeki değerlendirmelerin özeti",
      "IsActive": true,
      "Dependencies": [],
      "Code": "// Yoneticinin ekip ozeti. Satirlar ekranin sorgusundan gelir (ManagerId = oturum acan kullanici);\n// degerlendirmesini bekleyen calisanlar adlariyla listelenir.\nconst TEAM = 'App.Hr.TeamPerformanceReview'\n\nconst Stat = ({ label, value, children }) => (\n  <div className=\"flex items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-900/40\">\n    {children}\n    <div className=\"min-w-0\">\n      <div className=\"text-lg font-semibold text-gray-900 dark:text-white\">{value}</div>\n      <div className=\"truncate text-xs text-gray-500 dark:text-gray-400\">{label}</div>\n    </div>\n  </div>\n)\n\nconst TeamPerformanceWidget = () => {\n  const [rows, setRows] = useState([])\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    let active = true\n    apiService\n      .fetchData({\n        method: 'GET',\n        url: '/api/app/list-form-select/select',\n        params: { listFormCode: TEAM, take: 500 },\n      })\n      .then((response) => active && setRows(response.data?.data ?? []))\n      .catch(() => {})\n      .finally(() => active && setLoading(false))\n    return () => {\n      active = false\n    }\n  }, [])\n\n  const inGoalOrSelf = rows.filter((r) => r.Status === 'GoalSetting' || r.Status === 'SelfReview')\n  const awaitingMe = rows.filter((r) => r.Status === 'ManagerReview')\n  const completed = rows.filter((r) => r.Status === 'Completed')\n\n  return (\n    <div className=\"overflow-hidden rounded-xl border border-gray-200/50 bg-white shadow-lg dark:border-gray-700/50 dark:bg-gray-800\">\n      <div className=\"flex items-center gap-2 border-b border-gray-200 p-4 dark:border-gray-700\">\n        <PlatformIcon name=\"FaUsers\" className=\"h-5 w-5 text-indigo-500\" />\n        <h2 className=\"text-base font-semibold text-gray-900 dark:text-white\">\n          {translate('::App.DashboardWidget.TeamPerformance')}\n        </h2>\n      </div>\n      <div className=\"space-y-3 p-3\">\n        {loading ? (\n          <div className=\"p-4 text-center text-sm text-gray-500\">...</div>\n        ) : rows.length === 0 ? (\n          <div className=\"p-4 text-center text-sm text-gray-500 dark:text-gray-400\">\n            {translate('::App.DashboardWidget.Performance.NoTeamReview')}\n          </div>\n        ) : (\n          <>\n            <div className=\"grid grid-cols-2 gap-2\">\n              <Stat label={translate('::App.Hr.Performance.Widget.AwaitingMe')} value={awaitingMe.length}>\n                <PlatformIcon name=\"FaUserTie\" className=\"h-5 w-5 text-purple-500\" />\n              </Stat>\n              <Stat label={translate('::App.Hr.Performance.Widget.InGoalOrSelf')} value={inGoalOrSelf.length}>\n                <PlatformIcon name=\"FaHourglassHalf\" className=\"h-5 w-5 text-amber-500\" />\n              </Stat>\n              <Stat label={translate('::App.Hr.Performance.Widget.Completed')} value={completed.length}>\n                <PlatformIcon name=\"FaCheckCircle\" className=\"h-5 w-5 text-green-500\" />\n              </Stat>\n              <Stat label={translate('::App.Widget.Total')} value={rows.length}>\n                <PlatformIcon name=\"FaClipboardList\" className=\"h-5 w-5 text-blue-500\" />\n              </Stat>\n            </div>\n            {awaitingMe.length > 0 && (\n              <ul className=\"divide-y divide-gray-100 rounded-lg border border-gray-200 dark:divide-gray-700 dark:border-gray-700\">\n                {awaitingMe.slice(0, 5).map((r) => (\n                  <li key={r.Id} className=\"truncate px-3 py-2 text-sm text-gray-700 dark:text-gray-200\">\n                    {r.EmployeeName}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </>\n        )}\n        <a href={'/admin/list/' + TEAM} className=\"text-sm font-medium text-indigo-600 hover:underline dark:text-indigo-400\">\n          {translate('::App.Hr.TeamPerformanceReview')} →\n        </a>\n      </div>\n    </div>\n  )\n}\n\nexport default TeamPerformanceWidget",
      "Props": null,
      "DataSources": [],
      "SeoTitle": null,
      "SeoDescription": null,
      "SeoKeywords": null,
      "SeoOgImage": null,
      "SeoCanonicalUrl": null,
      "SeoNoIndex": true,
      "SeoIncludeInSitemap": false,
      "SeoChangeFrequency": null,
      "SeoPriority": null,
      "SeoStructuredData": null
    }
  ]
}