Files
geutebruck/SOURCES/CODEX/GeViScope/GeViScopeSDK_HTML5/Content/Resources/TableStyles/TABLE.css
Administrator 14893e62a5 feat: Geutebruck GeViScope/GeViSoft Action Mapping System - MVP
This MVP release provides a complete full-stack solution for managing action mappings
in Geutebruck's GeViScope and GeViSoft video surveillance systems.

## Features

### Flutter Web Application (Port 8081)
- Modern, responsive UI for managing action mappings
- Action picker dialog with full parameter configuration
- Support for both GSC (GeViScope) and G-Core server actions
- Consistent UI for input and output actions with edit/delete capabilities
- Real-time action mapping creation, editing, and deletion
- Server categorization (GSC: prefix for GeViScope, G-Core: prefix for G-Core servers)

### FastAPI REST Backend (Port 8000)
- RESTful API for action mapping CRUD operations
- Action template service with comprehensive action catalog (247 actions)
- Server management (G-Core and GeViScope servers)
- Configuration tree reading and writing
- JWT authentication with role-based access control
- PostgreSQL database integration

### C# SDK Bridge (gRPC, Port 50051)
- Native integration with GeViSoft SDK (GeViProcAPINET_4_0.dll)
- Action mapping creation with correct binary format
- Support for GSC and G-Core action types
- Proper Camera parameter inclusion in action strings (fixes CrossSwitch bug)
- Action ID lookup table with server-specific action IDs
- Configuration reading/writing via SetupClient

## Bug Fixes
- **CrossSwitch Bug**: GSC and G-Core actions now correctly display camera/PTZ head parameters in GeViSet
- Action strings now include Camera parameter: `@ PanLeft (Comment: "", Camera: 101028)`
- Proper filter flags and VideoInput=0 for action mappings
- Correct action ID assignment (4198 for GSC, 9294 for G-Core PanLeft)

## Technical Stack
- **Frontend**: Flutter Web, Dart, Dio HTTP client
- **Backend**: Python FastAPI, PostgreSQL, Redis
- **SDK Bridge**: C# .NET 8.0, gRPC, GeViSoft SDK
- **Authentication**: JWT tokens
- **Configuration**: GeViSoft .set files (binary format)

## Credentials
- GeViSoft/GeViScope: username=sysadmin, password=masterkey
- Default admin: username=admin, password=admin123

## Deployment
All services run on localhost:
- Flutter Web: http://localhost:8081
- FastAPI: http://localhost:8000
- SDK Bridge gRPC: localhost:50051
- GeViServer: localhost (default port)

Generated with Claude Code (https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-31 18:10:54 +01:00

756 lines
13 KiB
CSS

/* MadCap Table Style: */
/*<meta Version="7" />*/
mcTableStyle
{
name: Rows;
border-collapse: collapse;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #a9a9a9;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #a9a9a9;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
cell-padding-left: 1px;
cell-padding-right: 1px;
cell-padding-top: 1px;
cell-padding-bottom: 1px;
max-id: 4;
}
mcTableColumnStyle
{
span: 1;
separator-style: solid;
separator-width: 1px;
separator-color: #a9a9a9;
text-align: left;
name: Column1;
id: 0;
}
mcTableHeadStyle
{
span: 1;
separator-style: solid;
separator-width: 1px;
separator-color: #a9a9a9;
background-color: #8fbc8b;
color: #ffffff;
text-align: left;
name: Header1;
id: 3;
}
mcTableBodyStyle
{
span: 1;
font-weight: normal;
separator-style: solid;
separator-width: 1px;
separator-color: #a9a9a9;
background-color: #f0fff0;
text-align: left;
name: Body1;
id: 1;
}
mcTableBodyStyle
{
span: 1;
separator-style: solid;
separator-width: 1px;
separator-color: #a9a9a9;
text-align: left;
name: Body2;
id: 2;
}
mcTableFootStyle
{
span: 1;
separator-style: solid;
separator-width: 1px;
separator-color: #a9a9a9;
background-color: #dcdcdc;
text-align: left;
name: Footer1;
id: 4;
}
/* Cell Styles: */
.TableStyle-Rows
{
border-collapse: collapse;
border-left-style: solid;
border-left-color: #a9a9a9;
border-left-width: 1px;
border-right-style: solid;
border-right-color: #a9a9a9;
border-right-width: 1px;
border-top-style: solid;
border-top-color: #a9a9a9;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a9a9a9;
border-bottom-width: 1px;
border-spacing: 0px 0px;
}
.TableStyle-Rows .Column-Column1
{
}
.TableStyle-Rows .Head-Header1
{
}
.TableStyle-Rows .HeadI-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
}
.TableStyle-Rows .HeadI-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadE-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
}
.TableStyle-Rows .HeadE-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadF-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
}
.TableStyle-Rows .HeadF-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadH-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
}
.TableStyle-Rows .HeadH-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadD-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
}
.TableStyle-Rows .HeadD-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadC-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
}
.TableStyle-Rows .HeadC-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadB-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
}
.TableStyle-Rows .HeadB-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadA-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
}
.TableStyle-Rows .HeadA-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .HeadG-Column1-Header1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
color: #ffffff;
text-align: left;
background-color: #8fbc8b;
}
.TableStyle-Rows .HeadG-Column1-Header1 p
{
color: #ffffff;
}
.TableStyle-Rows .Foot-Footer1
{
}
.TableStyle-Rows .FootI-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #dcdcdc;
}
.TableStyle-Rows .FootI-Column1-Footer1 p
{
}
.TableStyle-Rows .FootE-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
text-align: left;
background-color: #dcdcdc;
border-top-width: 1px;
border-top-color: #a9a9a9;
border-top-style: solid;
}
.TableStyle-Rows .FootE-Column1-Footer1 p
{
}
.TableStyle-Rows .FootF-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #dcdcdc;
border-top-width: 1px;
border-top-color: #a9a9a9;
border-top-style: solid;
}
.TableStyle-Rows .FootF-Column1-Footer1 p
{
}
.TableStyle-Rows .FootH-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
text-align: left;
background-color: #dcdcdc;
}
.TableStyle-Rows .FootH-Column1-Footer1 p
{
}
.TableStyle-Rows .FootD-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #dcdcdc;
border-top-width: 1px;
border-top-color: #a9a9a9;
border-top-style: solid;
}
.TableStyle-Rows .FootD-Column1-Footer1 p
{
}
.TableStyle-Rows .FootC-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #dcdcdc;
}
.TableStyle-Rows .FootC-Column1-Footer1 p
{
}
.TableStyle-Rows .FootB-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
text-align: left;
background-color: #dcdcdc;
}
.TableStyle-Rows .FootB-Column1-Footer1 p
{
}
.TableStyle-Rows .FootA-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #dcdcdc;
}
.TableStyle-Rows .FootA-Column1-Footer1 p
{
}
.TableStyle-Rows .FootG-Column1-Footer1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
background-color: #dcdcdc;
}
.TableStyle-Rows .FootG-Column1-Footer1 p
{
}
.TableStyle-Rows .Body-Body1
{
}
.TableStyle-Rows .BodyI-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
text-align: left;
}
.TableStyle-Rows .BodyI-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyE-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
text-align: left;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
}
.TableStyle-Rows .BodyE-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyF-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
text-align: left;
}
.TableStyle-Rows .BodyF-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyH-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
text-align: left;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
}
.TableStyle-Rows .BodyH-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyD-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
text-align: left;
}
.TableStyle-Rows .BodyD-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyC-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
text-align: left;
}
.TableStyle-Rows .BodyC-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyB-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
text-align: left;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
}
.TableStyle-Rows .BodyB-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyA-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
text-align: left;
}
.TableStyle-Rows .BodyA-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .BodyG-Column1-Body1
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: normal;
background-color: #f0fff0;
text-align: left;
}
.TableStyle-Rows .BodyG-Column1-Body1 p
{
font-weight: normal;
}
.TableStyle-Rows .Body-Body2
{
}
.TableStyle-Rows .BodyI-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
}
.TableStyle-Rows .BodyI-Column1-Body2 p
{
}
.TableStyle-Rows .BodyE-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
text-align: left;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
}
.TableStyle-Rows .BodyE-Column1-Body2 p
{
}
.TableStyle-Rows .BodyF-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
text-align: left;
}
.TableStyle-Rows .BodyF-Column1-Body2 p
{
}
.TableStyle-Rows .BodyH-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
}
.TableStyle-Rows .BodyH-Column1-Body2 p
{
}
.TableStyle-Rows .BodyD-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-color: #a9a9a9;
border-bottom-style: solid;
text-align: left;
}
.TableStyle-Rows .BodyD-Column1-Body2 p
{
}
.TableStyle-Rows .BodyC-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
}
.TableStyle-Rows .BodyC-Column1-Body2 p
{
}
.TableStyle-Rows .BodyB-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
border-right-width: 1px;
border-right-color: #a9a9a9;
border-right-style: solid;
}
.TableStyle-Rows .BodyB-Column1-Body2 p
{
}
.TableStyle-Rows .BodyA-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
}
.TableStyle-Rows .BodyA-Column1-Body2 p
{
}
.TableStyle-Rows .BodyG-Column1-Body2
{
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
}
.TableStyle-Rows .BodyG-Column1-Body2 p
{
}