```html

תצוגה 3: תצוגת לקוח יחיד – הזנת נתוני טאב וצפייה בהם
 

תיעוד מלא ברמת פונקציונליות, ממשק משתמש וביצוע
 

סקירה כללית
 

תצוגת הלקוח היחיד היא הליבה התפעולית של מערכת הטאבים.
 

זהו המקום שבו:
 

• נתוני טאב נוצרים בפועל

• תהליכים עסקיים מבוצעים

• סטטוסים מתקדמים

• אוטומציות מופעלות

• רשומות נסקרות, נערכות, מועתקות או נמחקות
   

בעוד שהגדרות מגדירות את המבנה וניווט הכותרת מסנן לקוחות,
תצוגת הלקוח היחיד היא המקום שבו מתבצעת העבודה.
 

מטרת תצוגת הלקוח היחיד
 

תצוגה זו קיימת כדי:
 

• לנהל רשומות טאב לכל לקוח

• לאחסן נתונים עסקיים מובנים

• לעקוב אחר התקדמות באמצעות סטטוסים וסטטוסי משנה

• לאפשר פעולות בכמות גדולה ואוטומציה

• לספק סביבת עבודה אחידה עבור תהליכים עסקיים ספציפיים ללקוח
   

כל רשומה שנוצרת כאן היא:
 

• מאוחסנת בטבלת tabs

• מקוושרת ללקוח אחד

• מושלת על ידי תצורת הטאב מההגדרות
   

מיקום ובקרת גישה
 

• כתובת אתר: דף פרופיל לקוח דינמי (/customer/{id})
   

תנאי גישה
 

טאב מופיע עבור לקוח רק כאשר כל התנאים הבאים מתקיימים:
 

1. המשתמש מחובר

2. למשתמש יש גישה ללקוח

3. הלקוח שייך לתיקייה שהוקצתה לטאב

4. למשתמש יש גישה לטאב (shard_with)
    

זה מבטיח בידוד נתונים ובטיחות הרשאות.
 

מבנה חזותי של הדף
 

תצוגת הלקוח היחיד מחולקת לשלושה אזורים לוגיים:
 

1️⃣ סרגל צד שמאלי
 

• פרטי לקוח

• רשימה אנכית של טאבים

• טאב פעיל מודגש

• ניתן לגלילה אם יש טאבים רבים
   

2️⃣ אזור תוכן ראשי
 

• רשומות הטאב הנבחר

• פריסת טבלה/רשת

• פעולות ובקרות
   

3️⃣ פאנל ימני אופציונלי
 

• מידע קשור ללקוח

• ווידג'טים או אינטגרציות נוספות
   

  סרגל ניווט טאבים (שמאלי)
   

  מטרה
   

  משמש כמחליף טאבים בהקשר של הלקוח.
   

  התנהגות
   

• טאבים מוצגים אנכית

• שמות מוצגים בשפה הנוכחית

• מופיעים רק טאבים שהוקצו לתיקיית הלקוח

• לחיצה על טאב טוענת את הנתונים שלו באופן דינמי
   

• מצב פעיל
   

• רקע מודגש
   

• ---

  ארכיטקטורת מיכל טאב
   

  לכל טאב יש מיכל DOM משלו.
  
   

  פורמט מזהה HTML
   

  {tab_name_for_customer}{tab_id}

  
  דוגמה
   

  Test_123_En32
   

  למה זה חשוב
   

• מבטיח ייחודיות

• מאפשר מיקוד מהיר באמצעות JavaScript

• תומך בהתנהגות הצגה/הסתרה דינמית
   

• ---

  רכיבי ליבה בתוך טאב
   

  כל טאב מכיל שלוש שכבות בקרה עיקריות:
   

  ---

  
  1️⃣ סרגל ניווט שדות (שכבת בקרה עליונה)
   

  סרגל זה מנהל נראות וניווט של שדות.
   

  רכיבים
   

• ⬅ גלילה שמאלה (שדות אופקיים)

• ? בורר שדות (הצגה/הסתרה של עמודות)

• ➕ כפתור הוספת רשומה

• ➡ גלילה ימינה
   

• מטרה
   

• לטפל בטאבים עם שדות רבים

• לשפר שימושיות

• לשלוט בנראות העמודות ללא טעינה מחדש
  
   

  2️⃣ סרגל פעולות טאב (שכבת פעולות בכמות גדולה)
   

  זהו פאנל הבקרה של תהליכי העבודה.
   

  פעולות זמינות
   

• העתקה לטאב אחר

• העתקה ומיזוג רשומות

• הפעלת אוטומציות

• סינון לפי סטטוס

• מחיקת רשומות בכמות גדולה
   

• מושג מפתח
   

  פעולות כאן פועלות על שורות נבחרות — מה שמאפשר תהליכי עבודה רבי עוצמה בכמות גדולה.
   

• 3️⃣ טבלת רשומות טאב (שכבת נתונים ראשית)
   

  מבנה
   

• כותרת (thead)

• גוף (tbody)

• שורה אחת = רשומת טאב אחת
   

• עמודות
   

• תיבת סימון (בחירה בכמות גדולה)

• סטטוס

• סטטוס משנה (אם מופעל)

• שדות מותאמים אישית (דינמיים)
   

• מקור נתונים
   

• נטען באמצעות AJAX

• נשלף מטבלת tabs

• מסונן לפי cust_id + tab_id
   

• ---

  הוספת רשומת טאב
   

  זרימת צעדים
   

• לחץ ➕ הוסף

• טופס נפתח (שדות דינמיים)

• מלא שדות חובה

• בחר סטטוס/סטטוס משנה

• שמור

• קצה עורפי

• נקודת קצה: add_tab_for_cust

• מאמת שדות

• מכניס ל-tabs

• מרענן טבלה

• ---

  צפייה ברשומות
   

  טעינת נתונים
   

• מופעל בלחיצה על טאב

• מבוסס AJAX

• מהיר ומבודד לכל טאב
   

• תצוגה
   

• תאים הניתנים לעריכה בתוך השורה

• סטטוסים עם קידוד צבע

• פריסה רספונסיבית

• לחץ על תא → ערוך

• שמירה אוטומטית או אישור

• עדכון מיידי של מסד הנתונים
   

• עריכה מלאה
   

• אייקון עריכה פותח מודל

• כל השדות ניתנים לעריכה

• אימות מיושם
   

• ---

  מחיקת רשומות
   

  מחיקה יחידה
   

• אייקון מחיקת שורה

• אישור

• הסרה מיידית
   

• מחיקה בכמות גדולה
   

• בחר מספר שורות

• לחץ על מחק

• אישור אחד

• ניקוי יעיל
   

• ---

  ניהול סטטוס וסטטוס משנה
   

  תכונות
   

• סטטוסים עם קידוד צבע

• בחירה מתוך רשימה נפתחת

• סטטוס משנה אופציונלי לכל סטטוס

• התנהגות שמירה אוטומטית
   

• סינון סטטוסים
   

• סינון טבלה לפי סטטוס

• שילוב עם פילטרים אחרים

• ניתן לניקוי
   

• ---

  נראות שדות וסינון
   

  בורר שדות
   

• הפעלה/כיבוי של עמודות

• שמור העדפות

• איפוס ברירות מחדל
   

• מסנני עמודות
   

• חיפוש טקסט

• טווחים מספריים
   

• ---

  העתקת רשומות בין טאבים
   

  העתקה בלבד
   

• מכניס רשומה חדשה

• שומר על ערכים

• חותמת זמן חדשה
   

• העתקה ומיזוג
   

• מתאים לרשומות קיימות

• מעדכן היכן שרלוונטי

• מונע כפילויות
   

• ---

  שילוב אוטומציה
   

  טריגרים לאוטומציה
   

• בהוספת רשומה

• בשינוי סטטוס

• בעדכון שדה

• ביצוע ידני
   

• זה הופך את הטאבים למנועי תהליכי עבודה, לא רק לטבלאות נתונים.
   

  ---

  
  התנהגות רספונסיבית
   

  שולחן עבודה

• טבלה מלאה

• כל הפקדים גלויים
   

• טאבלט
   

• גלילה אופקית
   

• נייד
   

• פריסת כרטיסים

• פעולות חיוניות בלבד

• ממשק משתמש ידידותי למגע
   

• ---

  ביצועים ואופטימיזציה
   

• טעינה עצלה לכל טאב

• תצורות שמורות במטמון

• חלוקה לעמודים עבור מערכי נתונים גדולים

• עדכוני DOM מינימליים
  
  
  הבנה קונספטואלית סופית
  
   

  תצוגת הלקוח היחיד היא המקום שבו הגדרות הטאב הופכות לנתונים עסקיים חיים — נערכים, מתקדמים, ממוכנים ומבוקרים לכל לקוח.

  ---

  
  סיכום סופי בשורה אחת
   

  תצוגה 3 היא סביבת העבודה התפעולית שבה רשומות טאב נוצרות, מנוהלות ומונעות באמצעות תהליכי עבודה עסקיים עבור כל לקוח בודד.