create-devoplus-one-app 0.0.0-stage → 0.1.0-next.158

package/templates/hedef-takibi/files/src/shell.ts.tpl

@@ -0,0 +1,455 @@
+// {{nameTr}} — sayfa (dört görünüm: Hedeflerim · Ekip panosu · Dönem panosu · Dönemler) + hedef ayrıntısı. Liste, süzgeç,
+// form, kişi seçici ve grafik hazır bileşenlerdir; seçenekler veri modelinden gelir. İlerleme ve dönem özeti sunucuda
+// hesaplanır; sayfa yalnız gösterir. Hangi hedefin görüneceğine de sunucu karar verir.
+import type { OneNavigationItem } from '@devoplus/one-sdk'
+import { dataModel } from './data/types.ts'
+import { renderClientScript } from './lib/client.ts'
+import { choices, label } from './lib/model.ts'
+import { escapeHtml, i18n, renderPage, translator, view, type Lang, type Strings, type Theme } from './lib/page.ts'
+
+export const STRINGS: Strings = {
+  tr: {
+    title: {{nameTrJs}},
+    waiting: "Portal'dan oturum bekleniyor…",
+    networkError: 'İstek gönderilemedi (ağ hatası).',
+    requestFailed: 'İşlem yapılamadı.',
+    readOnly: 'Vekalet ya da Yerine Görüntüle oturumundasınız: bu uygulamada yalnız görüntüleme yapabilirsiniz.',
+    myIntro: 'Sorumlusu olduğunuz hedefler. Bir hedefe tıklayınca ölçülebilir sonuçları, aksiyonları ve değer geçmişi açılır.',
+    myTable: 'Hedeflerim',
+    newGoal: 'Yeni hedef',
+    goalSaved: 'Hedef kaydedildi.',
+    ownerHelp: 'Boş bırakırsanız sorumlu siz olursunuz. Doğrudan size bağlı bir çalışanı da seçebilirsiniz.',
+    period: 'Dönem',
+    teamIntro: 'Doğrudan size bağlı çalışanların hedefleri (organizasyon şemasına göre). Dönem seçilmezse en son dönem gösterilir.',
+    teamTable: 'Ekip hedefleri',
+    boardIntro: 'Dönemin ekip başına ilerlemesi. Gördüğünüz hedefler sizin ve doğrudan size bağlı çalışanlarınkidir; hedef yöneticisi bütün ekipleri görür.',
+    boardTable: 'Dönemin hedefleri',
+    boardOverall: '{period}: genel ilerleme %{n} ({count} hedef).',
+    boardEmpty: 'Henüz dönem tanımlanmadı.',
+    chartTitle: 'Ekip başına ilerleme (%)',
+    seriesProgress: 'İlerleme',
+    noTeam: '(ekipsiz)',
+    periodsIntro: 'Hedef dönemleri. Kapanan dönemin hedefleri yalnız görüntülenebilir.',
+    periodsTable: 'Dönemler',
+    periodForm: 'Dönem bilgileri',
+    newPeriod: 'Yeni dönem',
+    closePeriod: 'Dönemi kapat',
+    reopenPeriod: 'Dönemi yeniden aç',
+    periodSaved: 'Dönem kaydedildi.',
+    periodClosed: 'Dönem kapatıldı.',
+    periodReopened: 'Dönem yeniden açıldı.',
+    confirmClose: 'Dönem kapanınca bu dönemin hedefleri, ölçülebilir sonuçları ve aksiyonları değiştirilemez. Kapatılsın mı?',
+    managersOnly: 'Bu işlem yalnız hedef yöneticilerine açıktır.',
+    closeDetail: 'Kapat',
+    goalMeta: 'Sorumlu: {owner} - Ekip: {team} - Dönem: {period} - Ağırlık: {weight} - İlerleme: %{progress}',
+    locked: 'Bu hedefin dönemi kapandı: yalnız görüntüleyebilirsiniz.',
+    keyResults: 'Ölçülebilir sonuçlar',
+    checkInForm: 'Değer güncelle',
+    newValue: 'Yeni değer',
+    checkedIn: 'Değer güncellendi; ilerleme yeniden hesaplandı.',
+    krForm: 'Yeni ölçülebilir sonuç',
+    krSaved: 'Ölçülebilir sonuç eklendi.',
+    actionsTitle: 'Aksiyonlar',
+    actionForm: 'Aksiyon',
+    newAction: 'Yeni aksiyon',
+    actionSaved: 'Aksiyon kaydedildi.',
+    historyTitle: 'Değer geçmişi',
+  },
+  en: {
+    title: {{nameEnJs}},
+    waiting: 'Waiting for the session from the Portal…',
+    networkError: 'Request could not be sent (network error).',
+    requestFailed: 'The action could not be completed.',
+    readOnly: 'You are in a Delegation or View as User session: you can only view this app.',
+    myIntro: 'Goals you own. Click a goal to open its key results, actions and value history.',
+    myTable: 'My goals',
+    newGoal: 'New goal',
+    goalSaved: 'Goal saved.',
+    ownerHelp: 'Leave empty to own it yourself. You can also choose someone who reports directly to you.',
+    period: 'Period',
+    teamIntro: 'Goals of the people who report directly to you (according to the organization chart). Without a period, the latest one is shown.',
+    teamTable: 'Team goals',
+    boardIntro: "The period's progress per team. You see your own goals and those of your direct reports; goal managers see every team.",
+    boardTable: 'Goals of the period',
+    boardOverall: '{period}: overall progress {n}% ({count} goals).',
+    boardEmpty: 'No period has been defined yet.',
+    chartTitle: 'Progress per team (%)',
+    seriesProgress: 'Progress',
+    noTeam: '(no team)',
+    periodsIntro: 'Goal periods. Goals of a closed period can only be viewed.',
+    periodsTable: 'Periods',
+    periodForm: 'Period details',
+    newPeriod: 'New period',
+    closePeriod: 'Close period',
+    reopenPeriod: 'Reopen period',
+    periodSaved: 'Period saved.',
+    periodClosed: 'Period closed.',
+    periodReopened: 'Period reopened.',
+    confirmClose: 'Once the period is closed, its goals, key results and actions cannot be changed. Close it?',
+    managersOnly: 'Only goal managers can do this.',
+    closeDetail: 'Close',
+    goalMeta: 'Owner: {owner} - Team: {team} - Period: {period} - Weight: {weight} - Progress: {progress}%',
+    locked: "This goal's period is closed: you can only view it.",
+    keyResults: 'Key results',
+    checkInForm: 'Update value',
+    newValue: 'New value',
+    checkedIn: 'Value updated; progress recalculated.',
+    krForm: 'New key result',
+    krSaved: 'Key result added.',
+    actionsTitle: 'Actions',
+    actionForm: 'Action',
+    newAction: 'New action',
+    actionSaved: 'Action saved.',
+    historyTitle: 'Value history',
+  },
+}
+
+const MODEL = {
+  manage: '{{permissionPrefix}}Manage',
+  status: choices(dataModel, 'periods', 'status'),
+  labels: {
+    code: label(dataModel, 'periods', 'code'),
+    periodName: label(dataModel, 'periods', 'name'),
+    start: label(dataModel, 'periods', 'start_date'),
+    end: label(dataModel, 'periods', 'end_date'),
+    status: label(dataModel, 'periods', 'status'),
+    periodCode: label(dataModel, 'goals', 'period_code'),
+    goal: label(dataModel, 'goals', 'title'),
+    description: label(dataModel, 'goals', 'description'),
+    owner: label(dataModel, 'goals', 'owner_name'),
+    team: label(dataModel, 'goals', 'team_name'),
+    weight: label(dataModel, 'goals', 'weight'),
+    progress: label(dataModel, 'goals', 'progress'),
+    metric: label(dataModel, 'key_results', 'name'),
+    unit: label(dataModel, 'key_results', 'unit'),
+    startValue: label(dataModel, 'key_results', 'start_value'),
+    targetValue: label(dataModel, 'key_results', 'target_value'),
+    currentValue: label(dataModel, 'key_results', 'current_value'),
+    oldValue: label(dataModel, 'check_ins', 'old_value'),
+    newValue: label(dataModel, 'check_ins', 'new_value'),
+    note: label(dataModel, 'check_ins', 'note'),
+    actor: label(dataModel, 'check_ins', 'actor_name'),
+    action: label(dataModel, 'actions', 'description'),
+    actionOwner: label(dataModel, 'actions', 'owner_name'),
+    due: label(dataModel, 'actions', 'due_date'),
+    done: label(dataModel, 'actions', 'done'),
+  },
+}
+
+export function renderShell(lang: Lang, theme: Theme, path: string): string {
+  const tx = translator(STRINGS, lang)
+  const btn = (id: string, key: string, cls = 'one-btn') => `<button type="button" class="${cls}" id="${id}" data-i18n="${key}">${escapeHtml(tx(key))}</button>`
+  const caption = (key: string) => escapeHtml(tx(key))
+  const body = [
+    view(
+      '/',
+      path,
+      `${i18n(tx, 'myIntro', 'p', 'class="one-muted"')}
+<one-filter id="myFilter" for="myTable"></one-filter>
+<one-table id="myTable" src="/api/goals" paging="page" export="xlsx csv" clickable caption="${caption('myTable')}"></one-table>
+<section id="goalCreate" class="one-card">
+<h2 data-i18n="newGoal">${escapeHtml(tx('newGoal'))}</h2>
+<one-form id="goalForm" no-cancel></one-form>
+</section>`,
+    ),
+    view(
+      '/team',
+      path,
+      `${i18n(tx, 'teamIntro', 'p', 'class="one-muted"')}
+<one-filter id="teamFilter" for="teamTable"></one-filter>
+<one-table id="teamTable" src="/api/team/goals" paging="page" no-search export="xlsx csv" clickable caption="${caption('teamTable')}"></one-table>`,
+    ),
+    view(
+      '/board',
+      path,
+      `${i18n(tx, 'boardIntro', 'p', 'class="one-muted"')}
+<one-filter id="boardFilter" for="boardTable"></one-filter>
+<p><strong id="boardOverall"></strong></p>
+<one-chart id="boardChart" type="bar" unit="%"></one-chart>
+<one-table id="boardTable" src="/api/board/goals" paging="page" no-search export="xlsx csv" clickable caption="${caption('boardTable')}"></one-table>`,
+    ),
+    view(
+      '/periods',
+      path,
+      `${i18n(tx, 'periodsIntro', 'p', 'class="one-muted"')}
+<one-table id="periodsTable" src="/api/periods" paging="page" export="xlsx csv" clickable caption="${caption('periodsTable')}"></one-table>
+${i18n(tx, 'managersOnly', 'p', 'class="one-muted" id="periodsDenied"')}
+<section id="periodEditor" class="one-card" hidden>
+<h2 data-i18n="periodForm">${escapeHtml(tx('periodForm'))}</h2>
+<div class="app-toolbar">${btn('newPeriod', 'newPeriod')}${btn('closePeriod', 'closePeriod')}${btn('reopenPeriod', 'reopenPeriod')}</div>
+<one-form id="periodForm" action="/api/periods" method="POST"></one-form>
+</section>`,
+    ),
+    // Hedef ayrıntısı: görünümlerin DIŞINDADIR (her listeden açılır); görünüm değişince kapanır.
+    `<section id="goalDetail" class="one-card" hidden>
+<div class="app-toolbar"><h2 id="goalTitle"></h2>${btn('closeDetail', 'closeDetail')}</div>
+<p class="one-muted" id="goalMeta"></p>
+<div id="goalLocked" class="one-message one-message-info" data-i18n="locked" hidden>${escapeHtml(tx('locked'))}</div>
+<h3 data-i18n="keyResults">${escapeHtml(tx('keyResults'))}</h3>
+<one-table id="krTable" no-search caption="${caption('keyResults')}"></one-table>
+<div id="krEdit" class="app-grid" hidden>
+<div><h4 data-i18n="checkInForm">${escapeHtml(tx('checkInForm'))}</h4><one-form id="checkInForm" no-cancel></one-form></div>
+<div><h4 data-i18n="krForm">${escapeHtml(tx('krForm'))}</h4><one-form id="krForm" no-cancel></one-form></div>
+</div>
+<h3 data-i18n="actionsTitle">${escapeHtml(tx('actionsTitle'))}</h3>
+<one-table id="actionsTable" no-search clickable caption="${caption('actionsTitle')}"></one-table>
+<div id="actionEdit" hidden>
+<div class="app-toolbar">${btn('newAction', 'newAction')}</div>
+<one-form id="actionForm" no-cancel></one-form>
+</div>
+<h3 data-i18n="historyTitle">${escapeHtml(tx('historyTitle'))}</h3>
+<one-table id="historyTable" no-search caption="${caption('historyTitle')}"></one-table>
+</section>`,
+  ].join('\n')
+  return renderPage({ lang, theme, title: tx('title'), body })
+}
+
+export function renderShellScript(navigation: readonly OneNavigationItem[], options: { actingWrites?: boolean } = {}): string {
+  return renderClientScript({ strings: STRINGS, navigation, ...(options.actingWrites !== undefined ? { actingWrites: options.actingWrites } : {}), body: pageScript() })
+}
+
+function pageScript(): string {
+  return `
+  var M = ${JSON.stringify(MODEL).replace(/<\//g, '<\\/')};
+  var myTable = $('myTable'), teamTable = $('teamTable'), boardTable = $('boardTable'), periodsTable = $('periodsTable');
+  var goalForm = $('goalForm'), periodForm = $('periodForm'), chart = $('boardChart');
+  var krTable = $('krTable'), actionsTable = $('actionsTable'), historyTable = $('historyTable');
+  var checkInForm = $('checkInForm'), krForm = $('krForm'), actionForm = $('actionForm');
+  var periodOptions = [], openPeriodOptions = [], currentGoal = null, currentAction = null, currentPeriod = null, krOptions = [], boardPeriod = null;
+
+  function pct(v) { return v == null || v === '' ? '' : fmtNumber(v) + ' %'; }
+  function L2(key) { return { tr: S.tr[key], en: S.en[key] }; }
+  var goalColumns = [
+    { key: 'period_code', label: M.labels.periodCode },
+    { key: 'title', label: M.labels.goal },
+    { key: 'owner_name', label: M.labels.owner },
+    { key: 'team_name', label: M.labels.team },
+    { key: 'weight', label: M.labels.weight, type: 'number' },
+    { key: 'progress', label: M.labels.progress, type: 'number', format: function (v) { return pct(v); } }
+  ];
+  myTable.columns = goalColumns; teamTable.columns = goalColumns; boardTable.columns = goalColumns;
+  periodsTable.columns = [
+    { key: 'code', label: M.labels.code },
+    { key: 'name', label: M.labels.periodName },
+    { key: 'start_date', label: M.labels.start, type: 'date' },
+    { key: 'end_date', label: M.labels.end, type: 'date' },
+    { key: 'status', label: M.labels.status, type: 'choice', options: M.status }
+  ];
+  krTable.columns = [
+    { key: 'name', label: M.labels.metric },
+    { key: 'start_value', label: M.labels.startValue, type: 'number' },
+    { key: 'target_value', label: M.labels.targetValue, type: 'number' },
+    { key: 'current_value', label: M.labels.currentValue, type: 'number' },
+    { key: 'unit', label: M.labels.unit },
+    { key: 'progress', label: M.labels.progress, type: 'number', format: function (v) { return pct(v); } }
+  ];
+  actionsTable.columns = [
+    { key: 'description', label: M.labels.action },
+    { key: 'owner_name', label: M.labels.actionOwner },
+    { key: 'due_date', label: M.labels.due, type: 'date' },
+    { key: 'done', label: M.labels.done, type: 'boolean' }
+  ];
+  historyTable.columns = [
+    { key: 'created_at', label: { tr: 'Zaman', en: 'Time' }, type: 'datetime' },
+    { key: 'old_value', label: M.labels.oldValue, type: 'number' },
+    { key: 'new_value', label: M.labels.newValue, type: 'number' },
+    { key: 'note', label: M.labels.note },
+    { key: 'actor_name', label: M.labels.actor }
+  ];
+  periodForm.fields = [
+    { key: 'code', label: M.labels.code, required: true, maxLength: 20 },
+    { key: 'name', label: M.labels.periodName, required: true, maxLength: 120 },
+    { key: 'start_date', label: M.labels.start, type: 'date', required: true },
+    { key: 'end_date', label: M.labels.end, type: 'date', required: true }
+  ];
+  krForm.fields = [
+    { key: 'name', label: M.labels.metric, required: true, maxLength: 160 },
+    { key: 'unit', label: M.labels.unit, maxLength: 20 },
+    { key: 'start_value', label: M.labels.startValue, type: 'number', required: true },
+    { key: 'target_value', label: M.labels.targetValue, type: 'number', required: true }
+  ];
+  function actionFields(editing) {
+    var list = [
+      { key: 'description', label: M.labels.action, required: true, maxLength: 200 },
+      { key: 'owner', label: M.labels.actionOwner, type: 'person' },
+      { key: 'due_date', label: M.labels.due, type: 'date' }
+    ];
+    if (editing) list.push({ key: 'done', label: M.labels.done, type: 'boolean' });
+    actionForm.fields = list;
+  }
+  function goalFields() {
+    goalForm.fields = [
+      { key: 'period_id', label: L2('period'), type: 'choice', options: openPeriodOptions, required: true },
+      { key: 'title', label: M.labels.goal, required: true, maxLength: 160 },
+      { key: 'description', label: M.labels.description, type: 'longText', maxLength: 2000 },
+      { key: 'weight', label: M.labels.weight, type: 'number', min: 1, max: 100, required: true },
+      { key: 'owner', label: M.labels.owner, type: 'person', help: L2('ownerHelp') }
+    ];
+    goalForm.value = { weight: 1 };
+  }
+  function checkInFields() {
+    checkInForm.fields = [
+      { key: 'kr', label: M.labels.metric, type: 'choice', options: krOptions, required: true },
+      { key: 'value', label: L2('newValue'), type: 'number', required: true },
+      { key: 'note', label: M.labels.note, maxLength: 200 }
+    ];
+  }
+  function filterFields() {
+    var f = [{ key: 'period_id', label: L2('period'), type: 'choice', options: periodOptions }];
+    $('myFilter').fields = f; $('teamFilter').fields = f; $('boardFilter').fields = f;
+  }
+  function loadPeriods() {
+    return loadAll('/api/periods?_sort=-start_date').then(function (r) {
+      if (!r.ok) { one.toast({ severity: 'error', summary: problem(r) }); return; }
+      periodOptions = r.body.items.map(function (p) { return { value: p.id, label: p.code + ' - ' + p.name }; });
+      openPeriodOptions = r.body.items.filter(function (p) { return p.status === 'open'; }).map(function (p) { return { value: p.id, label: p.code + ' - ' + p.name }; });
+      filterFields(); goalFields();
+    });
+  }
+  function loadBoard(periodId) {
+    return api('GET', '/api/board' + (periodId ? '?period_id=' + encodeURIComponent(periodId) : '')).then(function (r) {
+      if (!r.ok) { one.toast({ severity: 'error', summary: problem(r) }); return; }
+      var s = r.body;
+      $('boardOverall').textContent = s.period ? t('boardOverall', { period: s.period.code, n: fmtNumber(s.overall), count: fmtNumber(s.goalCount) }) : t('boardEmpty');
+      chart.label = L2('chartTitle');
+      chart.data = {
+        labels: s.teams.map(function (x) { return x.team_name || t('noTeam'); }),
+        series: [{ name: L2('seriesProgress'), values: s.teams.map(function (x) { return x.progress; }) }]
+      };
+    });
+  }
+  function reloadLists() { myTable.reload(); teamTable.reload(); boardTable.reload(); }
+
+  // ── Hedef ayrıntısı ──
+  function closeDetail() { currentGoal = null; $('goalDetail').setAttribute('hidden', ''); one.setTitle(null); }
+  function newAction() { currentAction = null; actionFields(false); actionForm.value = {}; }
+  function openGoal(id) {
+    return api('GET', '/api/goals/' + encodeURIComponent(id)).then(function (r) {
+      if (!r.ok) { one.toast({ severity: 'error', summary: problem(r) }); return; }
+      var g = r.body, base = '/api/goals/' + encodeURIComponent(g.id);
+      currentGoal = g;
+      $('goalTitle').textContent = g.title;
+      $('goalMeta').textContent = t('goalMeta', { owner: g.owner_name || '-', team: g.team_name || '-', period: g.period_code || '-', weight: fmtNumber(g.weight), progress: fmtNumber(g.progress) });
+      var editable = g.editable === true && canWrite();
+      $('goalLocked').toggleAttribute('hidden', g.period_status !== 'closed');
+      $('krEdit').toggleAttribute('hidden', !editable); $('actionEdit').toggleAttribute('hidden', !editable);
+      krTable.setAttribute('src', base + '/key-results');
+      actionsTable.setAttribute('src', base + '/actions');
+      historyTable.setAttribute('src', base + '/check-ins');
+      $('goalDetail').removeAttribute('hidden');
+      one.setTitle(g.title);
+      newAction();
+    });
+  }
+  function rowOpen(e) { openGoal(e.detail.row.id); }
+  myTable.addEventListener('rowclick', rowOpen); teamTable.addEventListener('rowclick', rowOpen); boardTable.addEventListener('rowclick', rowOpen);
+  $('closeDetail').addEventListener('click', closeDetail);
+  krTable.addEventListener('load', function (e) {
+    krOptions = e.detail.items.map(function (k) { return { value: k.id, label: k.name }; });
+    checkInFields();
+  });
+  function formFailure(form, r) {
+    if (r.body && r.body.errors) form.setErrors(r.body.errors, problem(r));
+    else one.toast({ severity: 'error', summary: problem(r) });
+  }
+  function afterGoalChange() { if (currentGoal) openGoal(currentGoal.id); reloadLists(); }
+  checkInForm.addEventListener('save', function (e) {
+    e.preventDefault();
+    var v = e.detail.value;
+    api('POST', '/api/key-results/' + encodeURIComponent(v.kr) + '/check-ins', { value: v.value, note: v.note || '' }).then(function (r) {
+      if (!r.ok) { formFailure(checkInForm, r); return; }
+      one.toast({ severity: 'success', summary: t('checkedIn') });
+      checkInForm.value = {}; krTable.reload(); historyTable.reload(); afterGoalChange();
+    });
+  });
+  krForm.addEventListener('save', function (e) {
+    e.preventDefault();
+    if (!currentGoal) return;
+    var v = e.detail.value;
+    api('POST', '/api/goals/' + encodeURIComponent(currentGoal.id) + '/key-results', { name: v.name, unit: v.unit || '', start_value: v.start_value, target_value: v.target_value }).then(function (r) {
+      if (!r.ok) { formFailure(krForm, r); return; }
+      one.toast({ severity: 'success', summary: t('krSaved') });
+      krForm.value = {}; krTable.reload(); afterGoalChange();
+    });
+  });
+  actionsTable.addEventListener('rowclick', function (e) {
+    if ($('actionEdit').hasAttribute('hidden')) return;
+    var a = e.detail.row;
+    currentAction = a; actionFields(true);
+    actionForm.value = { description: a.description, due_date: a.due_date, done: a.done === true, owner: a.owner_org_id ? { id: a.owner_org_id, name: a.owner_name || '' } : null };
+  });
+  $('newAction').addEventListener('click', newAction);
+  actionForm.addEventListener('save', function (e) {
+    e.preventDefault();
+    if (!currentGoal) return;
+    var v = e.detail.value, body = { description: v.description, due_date: v.due_date || '' };
+    if (v.owner) body.owner = v.owner; else if (currentAction) body.owner = null;
+    var req = currentAction
+      ? api('PATCH', '/api/actions/' + encodeURIComponent(currentAction.id), Object.assign(body, { done: v.done === true }))
+      : api('POST', '/api/goals/' + encodeURIComponent(currentGoal.id) + '/actions', body);
+    req.then(function (r) {
+      if (!r.ok) { formFailure(actionForm, r); return; }
+      one.toast({ severity: 'success', summary: t('actionSaved') });
+      newAction(); actionsTable.reload();
+    });
+  });
+
+  // ── Yeni hedef ──
+  goalForm.addEventListener('save', function (e) {
+    e.preventDefault();
+    var v = e.detail.value, body = { period_id: v.period_id, title: v.title, description: v.description || '', weight: v.weight };
+    if (v.owner) body.owner = v.owner;
+    api('POST', '/api/goals', body).then(function (r) {
+      if (!r.ok) { formFailure(goalForm, r); return; }
+      one.toast({ severity: 'success', summary: t('goalSaved') });
+      goalFields(); reloadLists(); loadBoard(boardPeriod);
+    });
+  });
+
+  // ── Dönemler ──
+  function newPeriod() { currentPeriod = null; periodForm.setAttribute('action', '/api/periods'); periodForm.setAttribute('method', 'POST'); periodForm.value = {}; periodButtons(); }
+  function periodButtons() {
+    $('closePeriod').toggleAttribute('hidden', !currentPeriod || currentPeriod.status !== 'open');
+    $('reopenPeriod').toggleAttribute('hidden', !currentPeriod || currentPeriod.status !== 'closed');
+  }
+  periodsTable.addEventListener('rowclick', function (e) {
+    if (!can(M.manage) || !canWrite()) return;
+    var p = e.detail.row;
+    currentPeriod = p;
+    periodForm.setAttribute('action', '/api/periods/' + encodeURIComponent(p.id));
+    periodForm.setAttribute('method', 'PATCH');
+    periodForm.value = { code: p.code, name: p.name, start_date: p.start_date, end_date: p.end_date };
+    periodButtons();
+  });
+  function setStatus(to) {
+    if (!currentPeriod) return;
+    var p = currentPeriod;
+    api('POST', '/api/periods/' + encodeURIComponent(p.id) + '/' + to).then(function (r) {
+      if (!r.ok) { one.toast({ severity: 'error', summary: problem(r) }); return; }
+      one.toast({ severity: 'success', summary: t(to === 'close' ? 'periodClosed' : 'periodReopened') });
+      newPeriod(); periodsTable.reload(); loadPeriods(); closeDetail();
+    });
+  }
+  $('newPeriod').addEventListener('click', newPeriod);
+  $('closePeriod').addEventListener('click', function () {
+    one.confirm({ message: t('confirmClose'), severity: 'warn' }).then(function (ok) { if (ok) setStatus('close'); });
+  });
+  $('reopenPeriod').addEventListener('click', function () { setStatus('reopen'); });
+  periodForm.addEventListener('saved', function (e) {
+    e.preventDefault();
+    one.toast({ severity: 'success', summary: t('periodSaved') });
+    newPeriod(); periodsTable.reload(); loadPeriods();
+  });
+  $('boardFilter').addEventListener('change', function (e) { boardPeriod = e.detail.params.period_id || null; loadBoard(boardPeriod); });
+
+  onView(function () { closeDetail(); });
+  onSession(function () {
+    var manager = can(M.manage) && canWrite();
+    $('periodEditor').toggleAttribute('hidden', !manager); $('periodsDenied').toggleAttribute('hidden', manager);
+    $('goalCreate').toggleAttribute('hidden', !canWrite());
+  });
+  newPeriod();
+  onLang(function () { loadBoard(boardPeriod); });
+  onReady(function () { loadPeriods(); loadBoard(null); });
+`
+}

package/templates/hedef-takibi/manifest.json.tpl

@@ -0,0 +1,38 @@
+{
+  "scopes": ["orgschema.read"],
+  "services": { "database": true, "files": false, "cache": false },
+  "menuIcon": "pi pi-flag",
+  "navigation": [
+    { "path": "/", "label": { "tr": "Hedeflerim", "en": "My goals" } },
+    { "path": "/team", "label": { "tr": "Ekip panosu", "en": "Team board" } },
+    { "path": "/board", "label": { "tr": "Dönem panosu", "en": "Period board" } },
+    { "path": "/periods", "label": { "tr": "Dönemler", "en": "Periods" }, "permission": "{{permissionPrefix}}Manage" }
+  ],
+  "permissions": [
+    { "code": "{{permissionPrefix}}Manage", "name": { "tr": "Dönemleri ve bütün hedefleri yönet", "en": "Manage periods and all goals" } }
+  ],
+  "agent": {
+    "summary": {
+      "tr": "Hedef ve aksiyon takibi: dönemler, ekip hedefleri, ölçülebilir sonuçlar ve sunucuda hesaplanan ilerleme.",
+      "en": "Goal and action tracking: periods, team goals, key results and progress computed on the server."
+    },
+    "tools": [
+      {
+        "name": "period-summary",
+        "title": { "tr": "Dönem hedef özeti", "en": "Period goal summary" },
+        "description": {
+          "tr": "Bir dönemin (verilmezse en son dönemin) genel ilerlemesini, ekip başına hedef sayısını ve ağırlıklı ilerlemeyi ve en geride kalan beş hedefi döndürür. Salt okunur; yalnız hedef yöneticisine açıktır.",
+          "en": "Returns a period's (the latest one if not given) overall progress, goal count and weighted progress per team, and the five goals furthest behind. Read-only; only for goal managers."
+        },
+        "readOnly": true,
+        "permission": "{{permissionPrefix}}Manage",
+        "input": {
+          "type": "object",
+          "properties": {
+            "period": { "type": "string", "minLength": 1, "maxLength": 20, "description": "Dönem kodu (ör. 2026-Ç4); verilmezse en son başlayan dönem" }
+          }
+        }
+      }
+    ]
+  }
+}