Panel sekmesi

Panel sekmesi (panel.entry, adı panel.tab) eklentinin kendi işleri içindir: kasada kod teslimi, istatistik, liste, onay. Ayar formu buraya yazılmaz; panel Ayarlar sekmesini şemadan çizer.

<!doctype html>
<html lang="tr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="viswoo-ui.css" />
  </head>
  <body>
    <section class="vz-card">
      <header class="vz-card-header"><h2 id="title"></h2></header>
      <div class="vz-stat"><span class="vz-stat-label" id="label"></span><span class="vz-stat-value" id="count">0</span></div>
    </section>
    <script src="viswoo-panel.js"></script>
    <script src="panel.js"></script>
  </body>
</html>

var panel = window.Viswoo.panel;
panel.context().then(function (context) {
  // code, version, language, theme, role, permissions, setupComplete, publicUrl
  if (!context.setupComplete) showSetupWarning();
  return panel.events.summary(30);
}).then(function (rows) {
  // [{ date, name, count }]
  panel.ui.resize(document.documentElement.scrollHeight + 8);
});

Bağlam ve tema

Köprü yüklenince bağlamı bir kez ister ve panelin temasını sayfaya uygular (html[data-theme]); tema değişince theme.changed olayı gelir ve kit kendiliğinden yeniden boyanır. panel.on('theme.changed', fn) ile siz de dinleyebilirsiniz.

Roller

context.role: owner, admin, editor, viewer. Ayar ve veri yazmak editör ve üstündür; izleyici yazmaya çalışırsa auth.forbidden döner. Kod doğrulama ve teslim her roldedir (kasa).

Veri

data izniyle eklentiye ait JSON belgeleri tutarsınız: koleksiyon ve anahtar [A-Za-z0-9_.-]{1,64}, belge en çok 64 KB, müşteri başına en çok 10.000 belge. _ ile başlayan koleksiyonlar platformundur.

panel.data.put('notlar', 'n1', { text: 'Kasa 2 açık' });
panel.data.list('notlar').then(function (documents) { /* [{ key, data, updatedAt }] */ });

Yükseklik

Çerçeve içeriğe göre büyümez; yükseklik değişince ui.resize(px) çağırın (480–4000 px).

Durumlar

Her bölümün yükleniyor, boş, hata ve izin yok durumu olmalıdır; hata metinleri error.code’dan gelir (Hata kodları). Ayrıntılar: Tasarım standardı.

Köprünün tamamı: Panel köprüsü.