Presence
TsgcHTMLComponent_Presence — Delphi、C++ Builder、.NET で、ステータスドットとライブ WebSocket 更新を備え、重なり合うアバタースタックまたはリストとしてレンダリングされる「オンライン中のユーザー」名簿です。
TsgcHTMLComponent_Presence — Delphi、C++ Builder、.NET で、ステータスドットとライブ WebSocket 更新を備え、重なり合うアバタースタックまたはリストとしてレンダリングされる「オンライン中のユーザー」名簿です。
AddUser でユーザーを追加し、MaxVisible で表示数の上限を設定してから、HTML プロパティを読み取ります。または GetUserFragmentHTML で開いているクライアントにステータス変更をプッシュします。
TsgcHTMLComponent_Presence
アバタースタックまたはリスト + スコープ付き CSS
Delphi, C++ Builder, .NET
各ユーザーについて AddUser を呼び出し、初期レンダリングでは HTML を読み取ります。誰かのステータスが変わったら SetUserStatus を呼び出し、GetUserFragmentHTML をプッシュします。
uses
sgcHTML_Component_Presence;
var
oPresence: TsgcHTMLComponent_Presence;
begin
oPresence := TsgcHTMLComponent_Presence.Create(nil);
try
oPresence.PresenceID := 'roster';
oPresence.Layout := plAvatars;
oPresence.MaxVisible := 5;
oPresence.Title := 'Online';
oPresence.AddUser('u1', 'Ana Torres', psOnline);
oPresence.AddUser('u2', 'Marc Bell', psAway, '', 'Back at 3pm');
oPresence.AddUser('u3', 'Kenji Ito', psBusy);
WebModule.Response := oPresence.HTML; // avatar stack + scoped CSS
finally
oPresence.Free;
end;
end;
// Push a status change to every connected client, no full re-render:
oPresence.SetUserStatus('u2', psOnline);
TsgcHTMX_Engine_Server.BroadcastFragment(oPresence.GetUserFragmentHTML('u2'));// includes: sgcHTML_Component_Presence.hpp
TsgcHTMLComponent_Presence *oPresence = new TsgcHTMLComponent_Presence(NULL);
try
{
oPresence->PresenceID = "roster";
oPresence->Layout = plAvatars;
oPresence->MaxVisible = 5;
oPresence->Title = "Online";
oPresence->AddUser("u1", "Ana Torres", psOnline);
oPresence->AddUser("u2", "Marc Bell", psAway, "", "Back at 3pm");
oPresence->AddUser("u3", "Kenji Ito", psBusy);
String html = oPresence->HTML; // avatar stack + scoped CSS
// Push a status change to every connected client:
oPresence->SetUserStatus("u2", psOnline);
TsgcHTMX_Engine_Server::BroadcastFragment(oPresence->GetUserFragmentHTML("u2"));
}
__finally
{
delete oPresence;
}using esegece.sgcWebSockets;
var presence = new TsgcHTMLComponent_Presence();
presence.PresenceID = "roster";
presence.Layout = TsgcHTMLPresenceLayout.plAvatars;
presence.MaxVisible = 5;
presence.Title = "Online";
presence.AddUser("u1", "Ana Torres", TsgcHTMLPresenceStatus.psOnline);
presence.AddUser("u2", "Marc Bell", TsgcHTMLPresenceStatus.psAway, "", "Back at 3pm");
presence.AddUser("u3", "Kenji Ito", TsgcHTMLPresenceStatus.psBusy);
string html = presence.HTML; // avatar stack + scoped CSS
// Push a status change to every connected client, no full re-render:
presence.SetUserStatus("u2", TsgcHTMLPresenceStatus.psOnline);
TsgcHTMX_Engine_Server.BroadcastFragment(presence.GetUserFragmentHTML("u2"));最もよく使うメンバーです。
AddUser(aId, aDisplayName, aStatus, aAvatarURL, aStatusText) は名簿エントリーを upsert します。既存の Id はその場で更新されます。
TsgcHTMLPresenceStatus — psOnline、psAway、psBusy、psOffline。SetUserStatus(aId, aStatus, aStatusText) はステータスドットとテキストのみを更新します。
Layout は plAvatars（重なり合うアバタースタック）または plList（名前 + ステータス行）を選択します。AvatarSize はアバターの直径をピクセルで設定します。
MaxVisible（デフォルト 5）は「+N」チップが表示されるまでのユーザー表示数の上限です。すべてのユーザーはマークアップ内に残るため、後からのプッシュでも見つけられます。
Title と ShowCount は、オンライン人数バッジ付きのヘッダーをレンダリングします。GetOnlineCount は psOffline のユーザーを除外します。
GetUserFragmentHTML(aId)（RemoveUser が呼び出されると削除も発行します）、GetCountFragmentHTML、GetMoreFragmentHTML は TsgcHTMX_Engine_Server.PushFragment / BroadcastFragment に渡します。