DOCUMENTATION

Customer Activity Timeline

View all sales activities for a specific customer company in chronological order

Customer Activity Timeline

Customer Activity Timeline is a screen for viewing all sales activities for a specific customer company in chronological order. When a customer has multiple projects, you can see the entire activity history across projects at a glance.

Location: Sidebar → Sales → Customer Timeline

ðŸ’Ą Relationship with Contact Timeline: Customer Activity Timeline is based on customer company, while Contact Timeline is based on contact person (individual). The data structure and display format are identical.


Screen Layout

Uses a two-panel layout.

AreaDescription
Left Panel — Customer ListDisplays active customer list. Filterable by search.
Center Panel — Customer Info + Activity TimelineInformation card of the selected customer, and activity timeline across all projects for that customer.

Left Panel: Customer List

Structure

  • ðŸĒ Title — "Customer Timeline"
  • 🔍 Search Box — Keyword search by company name. Filters instantly on input.
  • Customer Card — Each customer shows company name + industry (or region).

Selection Behavior

Clicking a customer switches the center panel to that customer's information and timeline. The selected customer is highlighted with a brand-colored background.


Center Panel: Customer Info + Timeline

Customer Information Card

When a customer is selected, an information card appears at the top:

ItemDescription
Initial IconFirst letter of company name in a rounded icon
Company NameMain title
Industry / Region🏭 Industry, 📍 Region
CodeCustomer code (if available)
Activity CountTotal number of activities
Website🌐 Link (if available)
DescriptionCustomer description (if available)
ContactsActive contact list for this customer (max 4 shown, "+N more" if exceeded). Displays name, position, phone, and email.

Activity Timeline

All project activities for the selected customer are displayed in reverse chronological order.

Timeline Node Icons

Activity TypeIconColor
ðŸĪ MeetingusersBlue
ðŸ“đ Video CallvideoPurple
📧 EmailmailAmber
ðŸ“ą Phone CallphoneGreen
💎 SNSmessage-circlePink

Activity Card Structure

Each activity card consists of the following elements:

① Project Band (Top)

Displays the project name the activity belongs to. Click to navigate to Activity Board. Locked activities show a 🔒 badge.

② Activity Header
ElementExample
Activity Number#ACT-0001
Date/Time02/15 14:30
Type BadgeðŸĪ Meeting
Duration60min
â‘Ē Summary (Title)

Displays the activity title (click to navigate to Activity Board) with Owner/Author below.

â‘Ģ Bayesian Statistics Badges

Shown on activities with Bayesian updates:

BadgeMeaning
P(Win) N% â–ē/▾Posterior probability and change from previous
⚡ Imp N%Impedance
Îą=N â–ēNPositive evidence current value + change
Îē=N â–ēNNegative evidence current value + change
#NMeeting sequence number
🔇 NdSilence days since previous activity (calculated per project)
Silence Days Colors:
DaysColorMeaning
â‰Ĩ 14 daysRedDanger — Extended silence
7–13 daysAmberCaution — Follow-up needed
< 7 daysGrayNormal
â‘Ī Tags
Tag ColorContent
IndigoðŸ‘Ī Contact
Blue📚 Stage
Purple⚡ Signal (loaded from signal_data)
â‘Ĩ Body Area
  • Meeting Notes — Meeting content (rich text, HTML rendered)
  • 📌 Strategy & Next Steps — Follow-up actions (brand-colored background)
  • 📎 Attachments — File icon + name + extension. Click to download.
â‘Ķ Social Features (Card Footer)
FeatureDescription
âĪïļ LikeAJAX instant update. Toggle behavior.
💎 CommentEnter text and press Enter to post. AJAX processing.
â†Đ ReplyReply to each comment. Click Reply button then input.
✕ DeleteAuthor or admin only can delete (shown on hover).

Access Permissions

  • Customer List displays all active customers in the company.
  • Activity Data is filtered by project member access:
    • Only activities from projects where you are registered as a member are shown.
    • Admin / Super User can view all project activities.

Empty States

SituationDisplay
No customer selectedðŸĒ icon + "Select a Customer" message
No activities📋 icon + "No activities yet" message

Important Notes

  1. Activities from multiple projects are consolidated into a single timeline. Use the project band on each card to identify which project the activity belongs to.
  2. Bayesian silence days are calculated per project. Even for the same customer, different projects are calculated separately.
  3. Clicking the activity title or project name navigates to Activity Board. Perform detailed editing in Activity Board.
  4. Comments and likes are reflected immediately. Processed via AJAX without page refresh.