From 8ebd4dc766632b14132b1178a12b5ea42190d9ce Mon Sep 17 00:00:00 2001 From: prathiyuman Date: Mon, 13 Jul 2026 16:42:16 +0530 Subject: [PATCH] Reduce vital card size to exactly half height with hidden footer, smaller font size, smaller icons, and tighter grid gap --- .../fiveparaminte-main/static/dashboard.html | 198 ++++-------------- fiveparaminte-main/static/dashboard.html | 198 ++++-------------- static/dashboard.html | 198 ++++-------------- 3 files changed, 129 insertions(+), 465 deletions(-) diff --git a/fiveparaminte-main/fiveparaminte-main/static/dashboard.html b/fiveparaminte-main/fiveparaminte-main/static/dashboard.html index 379ed8a..a5e6146 100644 --- a/fiveparaminte-main/fiveparaminte-main/static/dashboard.html +++ b/fiveparaminte-main/fiveparaminte-main/static/dashboard.html @@ -385,36 +385,35 @@ .vitals-grid { display: grid; grid-template-columns: repeat(3, 1fr); - gap: 12px; + gap: 8px; flex: 1; } .vital-card { background: var(--bg-card); border: 1px solid var(--border-color); - border-radius: 12px; - padding: 12px; + border-radius: 8px; + padding: 6px 10px; position: relative; overflow: hidden; box-shadow: - 0 2px 4px -1px rgba(0, 0, 0, 0.02), - 0 4px 6px -2px rgba(0, 0, 0, 0.03); + 0 1px 2px rgba(0, 0, 0, 0.02), + 0 2px 4px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: grid; grid-template-areas: "header header" - "value waveform" - "footer footer"; - grid-template-columns: 110px 1fr; - grid-template-rows: auto 50px auto; - gap: 6px 12px; + "value waveform"; + grid-template-columns: 80px 1fr; + grid-template-rows: auto 26px; + gap: 4px 8px; } .vital-card:hover { background: var(--bg-card-hover); - transform: translateY(-2px); + transform: translateY(-1px); box-shadow: - 0 8px 16px -6px rgba(0, 0, 0, 0.05), + 0 4px 8px -3px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.01); } @@ -431,8 +430,8 @@ top: 0; left: 0; bottom: 0; - width: 3.5px; - border-radius: 12px 0 0 12px; + width: 3px; + border-radius: 8px 0 0 8px; } .vital-card.hr::before { background: linear-gradient(180deg, var(--hr-color), transparent); } @@ -448,8 +447,8 @@ position: absolute; top: 50%; left: 20%; - width: 120px; - height: 120px; + width: 80px; + height: 80px; border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; @@ -466,11 +465,11 @@ .vital-card.map-card::after { background: radial-gradient(circle, var(--map-glow), transparent 70%); } .vital-card.has-value::after { - opacity: 0.25; + opacity: 0.2; } .vital-card.has-value:hover::after { - opacity: 0.4; + opacity: 0.35; } .card-header { @@ -480,24 +479,24 @@ justify-content: space-between; position: relative; z-index: 1; - padding-bottom: 2px; + padding-bottom: 0px; } .card-label { display: flex; align-items: center; - gap: 8px; + gap: 6px; } .card-icon { - width: 24px; - height: 24px; - border-radius: 6px; + width: 18px; + height: 18px; + border-radius: 4px; display: flex; align-items: center; justify-content: center; - font-size: 12px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01); + font-size: 10px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.01); } .vital-card.hr .card-icon { background: rgba(220, 38, 38, 0.05); } @@ -508,10 +507,10 @@ .vital-card.map-card .card-icon { background: rgba(219, 39, 119, 0.05); } .card-name { - font-size: 11px; + font-size: 9px; font-weight: 700; text-transform: uppercase; - letter-spacing: 0.5px; + letter-spacing: 0.4px; } .vital-card.hr .card-name { color: var(--hr-color); } @@ -522,9 +521,9 @@ .vital-card.map-card .card-name { color: var(--map-color); } .status-badge { - padding: 2px 6px; - border-radius: 5px; - font-size: 9px; + padding: 1px 4px; + border-radius: 4px; + font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2px; @@ -579,28 +578,28 @@ .vital-value { font-family: 'JetBrains Mono', monospace; - font-size: 34px; + font-size: 22px; font-weight: 700; line-height: 1; - letter-spacing: -0.5px; + letter-spacing: -0.3px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } - .vital-card.hr .vital-value { color: var(--hr-color); text-shadow: 0 0 6px rgba(220, 38, 38, 0.12); } - .vital-card.spo2 .vital-value { color: var(--spo2-color); text-shadow: 0 0 6px rgba(8, 145, 178, 0.12); } - .vital-card.bp .vital-value { color: var(--bp-color); text-shadow: 0 0 6px rgba(124, 58, 237, 0.12); } - .vital-card.rr .vital-value { color: var(--rr-color); text-shadow: 0 0 6px rgba(22, 163, 74, 0.12); } - .vital-card.temp .vital-value { color: var(--temp-color); text-shadow: 0 0 6px rgba(234, 88, 12, 0.12); } - .vital-card.map-card .vital-value { color: var(--map-color); text-shadow: 0 0 6px rgba(219, 39, 119, 0.12); } + .vital-card.hr .vital-value { color: var(--hr-color); text-shadow: 0 0 4px rgba(220, 38, 38, 0.12); } + .vital-card.spo2 .vital-value { color: var(--spo2-color); text-shadow: 0 0 4px rgba(8, 145, 178, 0.12); } + .vital-card.bp .vital-value { color: var(--bp-color); text-shadow: 0 0 4px rgba(124, 58, 237, 0.12); } + .vital-card.rr .vital-value { color: var(--rr-color); text-shadow: 0 0 4px rgba(22, 163, 74, 0.12); } + .vital-card.temp .vital-value { color: var(--temp-color); text-shadow: 0 0 4px rgba(234, 88, 12, 0.12); } + .vital-card.map-card .vital-value { color: var(--map-color); text-shadow: 0 0 4px rgba(219, 39, 119, 0.12); } .vital-value.no-data { - font-size: 26px; + font-size: 18px; color: var(--text-dim) !important; text-shadow: none !important; } .vital-value .unit { - font-size: 12px; + font-size: 10px; font-weight: 500; letter-spacing: 0; margin-left: 2px; @@ -609,7 +608,7 @@ } .vital-value .slash { - font-size: 24px; + font-size: 16px; opacity: 0.3; margin: 0; color: var(--text-secondary); @@ -632,7 +631,7 @@ position: relative; z-index: 1; overflow: hidden; - border-radius: 6px; + border-radius: 4px; background: rgba(0, 0, 0, 0.01); } @@ -642,29 +641,9 @@ display: block; } - /* === Normal Range Footer === */ + /* === Normal Range Footer (Hidden for compact bedside mode) === */ .card-footer { - grid-area: footer; - display: flex; - align-items: center; - justify-content: space-between; - padding-top: 4px; - border-top: 1px solid var(--border-color); - position: relative; - z-index: 1; - } - - .normal-range { - font-size: 9px; - color: var(--text-secondary); - font-weight: 600; - } - - .last-update { - font-size: 9px; - color: var(--text-dim); - font-family: 'JetBrains Mono', monospace; - font-weight: 500; + display: none !important; } /* === Info Bar === */ @@ -844,7 +823,6 @@ - -
-
-
- - - - -
-
-
Active Patient
-
John Doe
-
-
-
-
-
-
Patient ID
-
N/A
-
-
-
-
-
-
Location / Bed
-
ICU - Bed 12
-
-
-
- - -
-
-
- 📡 - Contec CMS7000PLUS / CMS8500 Setup Guide — Configure Your Monitor -
-
▾ Collapse
-
-
-
-
1
-
-

Connect via Wi-Fi or Ethernet

-

Wi-Fi: Connect the monitor (e.g. CMS8500) and your PC to the same Wi-Fi network.
Ethernet: Connect using an Ethernet cable (direct or switch).

-
-
-
-
2
-
-

Get PC IP Address

-

Find your PC's IP address on the network (shown in the box below). If using Wi-Fi, use your PC's Wi-Fi IP address.

-
-
-
-
3
-
-

Configure Monitor CMS Settings

-

On your monitor: Go to System Setup → Network → CMS Settings. Set Server IP (or CMS IP) to your PC's IP address.

-
-
-
-
4
-
-

Set Server Port

-

Set Server Port on your monitor to one of the listening ports: Detecting... (usually 511 or 518).

-
-
-
-
5
-
-

Enable CMS Connection

-

Enable the CMS/Central Monitor connection in the monitor settings. Set the sending interval (e.g. 5 seconds) to start transmitting.

-
-
-
-
6
-
-

Data Will Appear Automatically

-

Once connected, the monitor will show up in the "Select Monitor" list, and its vitals will display in real-time.

-
-
-
-
-
🖥️ Your PC's Detected IP Address (set this on the monitor)
-
-
Detecting...
-
-
-
diff --git a/fiveparaminte-main/static/dashboard.html b/fiveparaminte-main/static/dashboard.html index 379ed8a..a5e6146 100644 --- a/fiveparaminte-main/static/dashboard.html +++ b/fiveparaminte-main/static/dashboard.html @@ -385,36 +385,35 @@ .vitals-grid { display: grid; grid-template-columns: repeat(3, 1fr); - gap: 12px; + gap: 8px; flex: 1; } .vital-card { background: var(--bg-card); border: 1px solid var(--border-color); - border-radius: 12px; - padding: 12px; + border-radius: 8px; + padding: 6px 10px; position: relative; overflow: hidden; box-shadow: - 0 2px 4px -1px rgba(0, 0, 0, 0.02), - 0 4px 6px -2px rgba(0, 0, 0, 0.03); + 0 1px 2px rgba(0, 0, 0, 0.02), + 0 2px 4px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: grid; grid-template-areas: "header header" - "value waveform" - "footer footer"; - grid-template-columns: 110px 1fr; - grid-template-rows: auto 50px auto; - gap: 6px 12px; + "value waveform"; + grid-template-columns: 80px 1fr; + grid-template-rows: auto 26px; + gap: 4px 8px; } .vital-card:hover { background: var(--bg-card-hover); - transform: translateY(-2px); + transform: translateY(-1px); box-shadow: - 0 8px 16px -6px rgba(0, 0, 0, 0.05), + 0 4px 8px -3px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.01); } @@ -431,8 +430,8 @@ top: 0; left: 0; bottom: 0; - width: 3.5px; - border-radius: 12px 0 0 12px; + width: 3px; + border-radius: 8px 0 0 8px; } .vital-card.hr::before { background: linear-gradient(180deg, var(--hr-color), transparent); } @@ -448,8 +447,8 @@ position: absolute; top: 50%; left: 20%; - width: 120px; - height: 120px; + width: 80px; + height: 80px; border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; @@ -466,11 +465,11 @@ .vital-card.map-card::after { background: radial-gradient(circle, var(--map-glow), transparent 70%); } .vital-card.has-value::after { - opacity: 0.25; + opacity: 0.2; } .vital-card.has-value:hover::after { - opacity: 0.4; + opacity: 0.35; } .card-header { @@ -480,24 +479,24 @@ justify-content: space-between; position: relative; z-index: 1; - padding-bottom: 2px; + padding-bottom: 0px; } .card-label { display: flex; align-items: center; - gap: 8px; + gap: 6px; } .card-icon { - width: 24px; - height: 24px; - border-radius: 6px; + width: 18px; + height: 18px; + border-radius: 4px; display: flex; align-items: center; justify-content: center; - font-size: 12px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01); + font-size: 10px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.01); } .vital-card.hr .card-icon { background: rgba(220, 38, 38, 0.05); } @@ -508,10 +507,10 @@ .vital-card.map-card .card-icon { background: rgba(219, 39, 119, 0.05); } .card-name { - font-size: 11px; + font-size: 9px; font-weight: 700; text-transform: uppercase; - letter-spacing: 0.5px; + letter-spacing: 0.4px; } .vital-card.hr .card-name { color: var(--hr-color); } @@ -522,9 +521,9 @@ .vital-card.map-card .card-name { color: var(--map-color); } .status-badge { - padding: 2px 6px; - border-radius: 5px; - font-size: 9px; + padding: 1px 4px; + border-radius: 4px; + font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2px; @@ -579,28 +578,28 @@ .vital-value { font-family: 'JetBrains Mono', monospace; - font-size: 34px; + font-size: 22px; font-weight: 700; line-height: 1; - letter-spacing: -0.5px; + letter-spacing: -0.3px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } - .vital-card.hr .vital-value { color: var(--hr-color); text-shadow: 0 0 6px rgba(220, 38, 38, 0.12); } - .vital-card.spo2 .vital-value { color: var(--spo2-color); text-shadow: 0 0 6px rgba(8, 145, 178, 0.12); } - .vital-card.bp .vital-value { color: var(--bp-color); text-shadow: 0 0 6px rgba(124, 58, 237, 0.12); } - .vital-card.rr .vital-value { color: var(--rr-color); text-shadow: 0 0 6px rgba(22, 163, 74, 0.12); } - .vital-card.temp .vital-value { color: var(--temp-color); text-shadow: 0 0 6px rgba(234, 88, 12, 0.12); } - .vital-card.map-card .vital-value { color: var(--map-color); text-shadow: 0 0 6px rgba(219, 39, 119, 0.12); } + .vital-card.hr .vital-value { color: var(--hr-color); text-shadow: 0 0 4px rgba(220, 38, 38, 0.12); } + .vital-card.spo2 .vital-value { color: var(--spo2-color); text-shadow: 0 0 4px rgba(8, 145, 178, 0.12); } + .vital-card.bp .vital-value { color: var(--bp-color); text-shadow: 0 0 4px rgba(124, 58, 237, 0.12); } + .vital-card.rr .vital-value { color: var(--rr-color); text-shadow: 0 0 4px rgba(22, 163, 74, 0.12); } + .vital-card.temp .vital-value { color: var(--temp-color); text-shadow: 0 0 4px rgba(234, 88, 12, 0.12); } + .vital-card.map-card .vital-value { color: var(--map-color); text-shadow: 0 0 4px rgba(219, 39, 119, 0.12); } .vital-value.no-data { - font-size: 26px; + font-size: 18px; color: var(--text-dim) !important; text-shadow: none !important; } .vital-value .unit { - font-size: 12px; + font-size: 10px; font-weight: 500; letter-spacing: 0; margin-left: 2px; @@ -609,7 +608,7 @@ } .vital-value .slash { - font-size: 24px; + font-size: 16px; opacity: 0.3; margin: 0; color: var(--text-secondary); @@ -632,7 +631,7 @@ position: relative; z-index: 1; overflow: hidden; - border-radius: 6px; + border-radius: 4px; background: rgba(0, 0, 0, 0.01); } @@ -642,29 +641,9 @@ display: block; } - /* === Normal Range Footer === */ + /* === Normal Range Footer (Hidden for compact bedside mode) === */ .card-footer { - grid-area: footer; - display: flex; - align-items: center; - justify-content: space-between; - padding-top: 4px; - border-top: 1px solid var(--border-color); - position: relative; - z-index: 1; - } - - .normal-range { - font-size: 9px; - color: var(--text-secondary); - font-weight: 600; - } - - .last-update { - font-size: 9px; - color: var(--text-dim); - font-family: 'JetBrains Mono', monospace; - font-weight: 500; + display: none !important; } /* === Info Bar === */ @@ -844,7 +823,6 @@ - -
-
-
- - - - -
-
-
Active Patient
-
John Doe
-
-
-
-
-
-
Patient ID
-
N/A
-
-
-
-
-
-
Location / Bed
-
ICU - Bed 12
-
-
-
- - -
-
-
- 📡 - Contec CMS7000PLUS / CMS8500 Setup Guide — Configure Your Monitor -
-
▾ Collapse
-
-
-
-
1
-
-

Connect via Wi-Fi or Ethernet

-

Wi-Fi: Connect the monitor (e.g. CMS8500) and your PC to the same Wi-Fi network.
Ethernet: Connect using an Ethernet cable (direct or switch).

-
-
-
-
2
-
-

Get PC IP Address

-

Find your PC's IP address on the network (shown in the box below). If using Wi-Fi, use your PC's Wi-Fi IP address.

-
-
-
-
3
-
-

Configure Monitor CMS Settings

-

On your monitor: Go to System Setup → Network → CMS Settings. Set Server IP (or CMS IP) to your PC's IP address.

-
-
-
-
4
-
-

Set Server Port

-

Set Server Port on your monitor to one of the listening ports: Detecting... (usually 511 or 518).

-
-
-
-
5
-
-

Enable CMS Connection

-

Enable the CMS/Central Monitor connection in the monitor settings. Set the sending interval (e.g. 5 seconds) to start transmitting.

-
-
-
-
6
-
-

Data Will Appear Automatically

-

Once connected, the monitor will show up in the "Select Monitor" list, and its vitals will display in real-time.

-
-
-
-
-
🖥️ Your PC's Detected IP Address (set this on the monitor)
-
-
Detecting...
-
-
-
diff --git a/static/dashboard.html b/static/dashboard.html index 379ed8a..a5e6146 100644 --- a/static/dashboard.html +++ b/static/dashboard.html @@ -385,36 +385,35 @@ .vitals-grid { display: grid; grid-template-columns: repeat(3, 1fr); - gap: 12px; + gap: 8px; flex: 1; } .vital-card { background: var(--bg-card); border: 1px solid var(--border-color); - border-radius: 12px; - padding: 12px; + border-radius: 8px; + padding: 6px 10px; position: relative; overflow: hidden; box-shadow: - 0 2px 4px -1px rgba(0, 0, 0, 0.02), - 0 4px 6px -2px rgba(0, 0, 0, 0.03); + 0 1px 2px rgba(0, 0, 0, 0.02), + 0 2px 4px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: grid; grid-template-areas: "header header" - "value waveform" - "footer footer"; - grid-template-columns: 110px 1fr; - grid-template-rows: auto 50px auto; - gap: 6px 12px; + "value waveform"; + grid-template-columns: 80px 1fr; + grid-template-rows: auto 26px; + gap: 4px 8px; } .vital-card:hover { background: var(--bg-card-hover); - transform: translateY(-2px); + transform: translateY(-1px); box-shadow: - 0 8px 16px -6px rgba(0, 0, 0, 0.05), + 0 4px 8px -3px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.01); } @@ -431,8 +430,8 @@ top: 0; left: 0; bottom: 0; - width: 3.5px; - border-radius: 12px 0 0 12px; + width: 3px; + border-radius: 8px 0 0 8px; } .vital-card.hr::before { background: linear-gradient(180deg, var(--hr-color), transparent); } @@ -448,8 +447,8 @@ position: absolute; top: 50%; left: 20%; - width: 120px; - height: 120px; + width: 80px; + height: 80px; border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; @@ -466,11 +465,11 @@ .vital-card.map-card::after { background: radial-gradient(circle, var(--map-glow), transparent 70%); } .vital-card.has-value::after { - opacity: 0.25; + opacity: 0.2; } .vital-card.has-value:hover::after { - opacity: 0.4; + opacity: 0.35; } .card-header { @@ -480,24 +479,24 @@ justify-content: space-between; position: relative; z-index: 1; - padding-bottom: 2px; + padding-bottom: 0px; } .card-label { display: flex; align-items: center; - gap: 8px; + gap: 6px; } .card-icon { - width: 24px; - height: 24px; - border-radius: 6px; + width: 18px; + height: 18px; + border-radius: 4px; display: flex; align-items: center; justify-content: center; - font-size: 12px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01); + font-size: 10px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.01); } .vital-card.hr .card-icon { background: rgba(220, 38, 38, 0.05); } @@ -508,10 +507,10 @@ .vital-card.map-card .card-icon { background: rgba(219, 39, 119, 0.05); } .card-name { - font-size: 11px; + font-size: 9px; font-weight: 700; text-transform: uppercase; - letter-spacing: 0.5px; + letter-spacing: 0.4px; } .vital-card.hr .card-name { color: var(--hr-color); } @@ -522,9 +521,9 @@ .vital-card.map-card .card-name { color: var(--map-color); } .status-badge { - padding: 2px 6px; - border-radius: 5px; - font-size: 9px; + padding: 1px 4px; + border-radius: 4px; + font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2px; @@ -579,28 +578,28 @@ .vital-value { font-family: 'JetBrains Mono', monospace; - font-size: 34px; + font-size: 22px; font-weight: 700; line-height: 1; - letter-spacing: -0.5px; + letter-spacing: -0.3px; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } - .vital-card.hr .vital-value { color: var(--hr-color); text-shadow: 0 0 6px rgba(220, 38, 38, 0.12); } - .vital-card.spo2 .vital-value { color: var(--spo2-color); text-shadow: 0 0 6px rgba(8, 145, 178, 0.12); } - .vital-card.bp .vital-value { color: var(--bp-color); text-shadow: 0 0 6px rgba(124, 58, 237, 0.12); } - .vital-card.rr .vital-value { color: var(--rr-color); text-shadow: 0 0 6px rgba(22, 163, 74, 0.12); } - .vital-card.temp .vital-value { color: var(--temp-color); text-shadow: 0 0 6px rgba(234, 88, 12, 0.12); } - .vital-card.map-card .vital-value { color: var(--map-color); text-shadow: 0 0 6px rgba(219, 39, 119, 0.12); } + .vital-card.hr .vital-value { color: var(--hr-color); text-shadow: 0 0 4px rgba(220, 38, 38, 0.12); } + .vital-card.spo2 .vital-value { color: var(--spo2-color); text-shadow: 0 0 4px rgba(8, 145, 178, 0.12); } + .vital-card.bp .vital-value { color: var(--bp-color); text-shadow: 0 0 4px rgba(124, 58, 237, 0.12); } + .vital-card.rr .vital-value { color: var(--rr-color); text-shadow: 0 0 4px rgba(22, 163, 74, 0.12); } + .vital-card.temp .vital-value { color: var(--temp-color); text-shadow: 0 0 4px rgba(234, 88, 12, 0.12); } + .vital-card.map-card .vital-value { color: var(--map-color); text-shadow: 0 0 4px rgba(219, 39, 119, 0.12); } .vital-value.no-data { - font-size: 26px; + font-size: 18px; color: var(--text-dim) !important; text-shadow: none !important; } .vital-value .unit { - font-size: 12px; + font-size: 10px; font-weight: 500; letter-spacing: 0; margin-left: 2px; @@ -609,7 +608,7 @@ } .vital-value .slash { - font-size: 24px; + font-size: 16px; opacity: 0.3; margin: 0; color: var(--text-secondary); @@ -632,7 +631,7 @@ position: relative; z-index: 1; overflow: hidden; - border-radius: 6px; + border-radius: 4px; background: rgba(0, 0, 0, 0.01); } @@ -642,29 +641,9 @@ display: block; } - /* === Normal Range Footer === */ + /* === Normal Range Footer (Hidden for compact bedside mode) === */ .card-footer { - grid-area: footer; - display: flex; - align-items: center; - justify-content: space-between; - padding-top: 4px; - border-top: 1px solid var(--border-color); - position: relative; - z-index: 1; - } - - .normal-range { - font-size: 9px; - color: var(--text-secondary); - font-weight: 600; - } - - .last-update { - font-size: 9px; - color: var(--text-dim); - font-family: 'JetBrains Mono', monospace; - font-weight: 500; + display: none !important; } /* === Info Bar === */ @@ -844,7 +823,6 @@ - -
-
-
- - - - -
-
-
Active Patient
-
John Doe
-
-
-
-
-
-
Patient ID
-
N/A
-
-
-
-
-
-
Location / Bed
-
ICU - Bed 12
-
-
-
- - -
-
-
- 📡 - Contec CMS7000PLUS / CMS8500 Setup Guide — Configure Your Monitor -
-
▾ Collapse
-
-
-
-
1
-
-

Connect via Wi-Fi or Ethernet

-

Wi-Fi: Connect the monitor (e.g. CMS8500) and your PC to the same Wi-Fi network.
Ethernet: Connect using an Ethernet cable (direct or switch).

-
-
-
-
2
-
-

Get PC IP Address

-

Find your PC's IP address on the network (shown in the box below). If using Wi-Fi, use your PC's Wi-Fi IP address.

-
-
-
-
3
-
-

Configure Monitor CMS Settings

-

On your monitor: Go to System Setup → Network → CMS Settings. Set Server IP (or CMS IP) to your PC's IP address.

-
-
-
-
4
-
-

Set Server Port

-

Set Server Port on your monitor to one of the listening ports: Detecting... (usually 511 or 518).

-
-
-
-
5
-
-

Enable CMS Connection

-

Enable the CMS/Central Monitor connection in the monitor settings. Set the sending interval (e.g. 5 seconds) to start transmitting.

-
-
-
-
6
-
-

Data Will Appear Automatically

-

Once connected, the monitor will show up in the "Select Monitor" list, and its vitals will display in real-time.

-
-
-
-
-
🖥️ Your PC's Detected IP Address (set this on the monitor)
-
-
Detecting...
-
-
-