# Mantenimiento de planta A complete maintenance dashboard with assets and work orders. ## Installation Download: /api/catalog/plant-maintenance/download Ignition Perspective 8.3. In a development project, choose Designer > File > Import and select the ZIP. Preserve the view and style-class paths. Review resource conflicts before replacing anything. Append stylesheet-snippet.css to Perspective Styles > stylesheet.css (enable Advanced Stylesheet). Preserve existing CSS. This supporting file is not imported automatically. Add an Embedded View (ia.display.view), set props.path to Viewcraft/Dashboard2/DashboardDemo, and configure props.params using the contract below. Connect your own data in the host view. The package does not include live tags, page configuration or Gateway settings. ## Parameters Types are inferred from saved defaults; directions come from native propConfig. These are not full schemas or validated ranges. | Parameter | Type | Direction | Default | | --- | --- | --- | --- | ## Embedded View usage ```json { "type": "ia.display.view", "props": { "path": "Viewcraft/Dashboard2/DashboardDemo", "params": {}, "useDefaultViewWidth": false, "useDefaultViewHeight": false } } ``` ## Verification Source and archive hashes are checked. Designer import acceptance has not been completed for this archive; test in your development project before production. ## Files ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/DashboardDemo/view.json ```json { "custom": {}, "params": {}, "propConfig": {}, "props": { "defaultSize": { "width": 1226, "height": 1048 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "Demo" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "width": "100%", "height": "100%", "backgroundColor": "#0a0a0a" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.view", "version": 0, "meta": { "name": "Dashboard" }, "props": { "path": "Viewcraft/Dashboard2/Dashboard", "params": { "instanceId": "dashboard2-demo", "workspace": "Planta Norte", "section": "Órdenes de trabajo", "rows": [ { "id": "OT-260901", "name": "Bomba de impulsión", "category": "Preventive", "ownerId": "ana", "domain": "P-103", "completedTasks": 11, "totalTasks": 26, "startDate": "2026-09-08", "endDate": "2026-09-10", "status": "In Progress", "favorite": true, "description": "Revisión preventiva del conjunto de impulsión. Inspección de acoplamiento, sellos y lubricación. Ejemplo ficticio; no sustituye al procedimiento aprobado." }, { "id": "OT-260902", "name": "Motor del transportador", "category": "Corrective", "ownerId": "pablo", "domain": "M-204", "completedTasks": 29, "totalTasks": 32, "startDate": "2026-09-08", "endDate": "2026-09-09", "status": "In Progress", "favorite": true, "description": "Orden de revisión de vibración anómala en el accionamiento del transportador. El progreso corresponde al checklist de la OT, no a la velocidad del motor." }, { "id": "OT-260903", "name": "Cuadro de baja tensión", "category": "Inspection", "ownerId": "lucia", "domain": "CCM-01", "completedTasks": 0, "totalTasks": 30, "startDate": "2026-09-10", "endDate": "2026-09-11", "status": "Planned", "favorite": false, "description": "Inspección programada del centro de control de motores. Alcance y permisos se gestionan fuera de este panel." }, { "id": "OT-260904", "name": "Válvula de dosificación", "category": "Corrective", "ownerId": "david", "domain": "XV-112", "completedTasks": 0, "totalTasks": 12, "startDate": "", "endDate": "", "status": "Backlog", "favorite": false, "description": "Revisión pendiente del actuador y de la realimentación de posición de la válvula." }, { "id": "OT-260905", "name": "Transmisor de presión", "category": "Calibration", "ownerId": "elena", "domain": "PT-305", "completedTasks": 2, "totalTasks": 14, "startDate": "2026-09-09", "endDate": "2026-09-09", "status": "In Progress", "favorite": false, "description": "Orden de calibración y registro de resultados del transmisor de presión." }, { "id": "OT-260906", "name": "Compresor de servicio", "category": "Preventive", "ownerId": "marcos", "domain": "C-201", "completedTasks": 0, "totalTasks": 23, "startDate": "2026-09-11", "endDate": "2026-09-12", "status": "Planned", "favorite": false, "description": "Mantenimiento preventivo del compresor y comprobación de consumibles según procedimiento." }, { "id": "OT-260907", "name": "Variador de extracción", "category": "Corrective", "ownerId": "pablo", "domain": "VFD-018", "completedTasks": 14, "totalTasks": 24, "startDate": "2026-09-08", "endDate": "2026-09-10", "status": "In Progress", "favorite": false, "description": "Diagnóstico de una incidencia intermitente en el accionamiento del extractor. No se realizan cambios de parámetros desde esta vista." }, { "id": "OT-260908", "name": "Filtro de proceso", "category": "Preventive", "ownerId": "ana", "domain": "F-102", "completedTasks": 21, "totalTasks": 33, "startDate": "2026-09-08", "endDate": "2026-09-09", "status": "In Progress", "favorite": false, "description": "Revisión del filtro y registro de las comprobaciones de mantenimiento." }, { "id": "OT-260909", "name": "Cinta de transferencia", "category": "Inspection", "ownerId": "sergio", "domain": "CV-014", "completedTasks": 0, "totalTasks": 18, "startDate": "", "endDate": "", "status": "Backlog", "favorite": false, "description": "Inspección mecánica pendiente de planificación para la cinta de transferencia." }, { "id": "OT-260910", "name": "Caudalímetro de entrada", "category": "Calibration", "ownerId": "elena", "domain": "FT-101", "completedTasks": 0, "totalTasks": 16, "startDate": "2026-09-12", "endDate": "2026-09-12", "status": "Planned", "favorite": false, "description": "Verificación de medida y documentación de la calibración del caudalímetro." }, { "id": "OT-260911", "name": "Ventilador de extracción", "category": "Preventive", "ownerId": "marta", "domain": "VE-006", "completedTasks": 18, "totalTasks": 18, "startDate": "2026-09-07", "endDate": "2026-09-08", "status": "Complete", "favorite": false, "description": "Orden cerrada: inspecciones registradas y documentación revisada. Datos simulados." }, { "id": "OT-260912", "name": "Red de aire comprimido", "category": "Inspection", "ownerId": "marcos", "domain": "AIR-01", "completedTasks": 0, "totalTasks": 20, "startDate": "2026-09-14", "endDate": "2026-09-15", "status": "Planned", "favorite": false, "description": "Inspección programada de la red de aire comprimido y registro de puntos de revisión." }, { "id": "OT-260913", "name": "Agitador de mezcla", "category": "Corrective", "ownerId": "david", "domain": "AG-002", "completedTasks": 15, "totalTasks": 24, "startDate": "2026-09-08", "endDate": "2026-09-09", "status": "In Progress", "favorite": false, "description": "Intervención correctiva del agitador. La autorización de trabajo y las consignaciones se verifican en el sistema de mantenimiento." }, { "id": "OT-260914", "name": "Sensor de temperatura", "category": "Calibration", "ownerId": "lucia", "domain": "TT-208", "completedTasks": 0, "totalTasks": 12, "startDate": "", "endDate": "", "status": "Backlog", "favorite": false, "description": "Verificación pendiente de la cadena de medida de temperatura." }, { "id": "OT-260915", "name": "Bomba de recirculación", "category": "Preventive", "ownerId": "ana", "domain": "P-104", "completedTasks": 12, "totalTasks": 16, "startDate": "2026-09-09", "endDate": "2026-09-10", "status": "In Progress", "favorite": false, "description": "Inspección preventiva del conjunto de recirculación con checklist parametrizado." }, { "id": "OT-260916", "name": "Báscula de dosificación", "category": "Calibration", "ownerId": "elena", "domain": "WIT-011", "completedTasks": 20, "totalTasks": 20, "startDate": "2026-09-07", "endDate": "2026-09-08", "status": "Complete", "favorite": false, "description": "Orden cerrada de verificación de pesaje. Valores y resultados de ejemplo." }, { "id": "OT-260917", "name": "Intercambiador de calor", "category": "Inspection", "ownerId": "marta", "domain": "HX-003", "completedTasks": 0, "totalTasks": 18, "startDate": "2026-09-15", "endDate": "2026-09-16", "status": "Planned", "favorite": false, "description": "Inspección programada del intercambiador y documentación del estado recibido." } ], "owners": [ { "id": "ana", "name": "Ana Ruiz", "color": "#53413d" }, { "id": "pablo", "name": "Pablo Gil", "color": "#394b5a" }, { "id": "lucia", "name": "Lucía Vega", "color": "#524660" }, { "id": "david", "name": "David León", "color": "#405549" }, { "id": "elena", "name": "Elena Ríos", "color": "#635144" }, { "id": "marcos", "name": "Marcos Sol", "color": "#384759" }, { "id": "marta", "name": "Marta Sanz", "color": "#5b3c4c" }, { "id": "sergio", "name": "Sergio Alba", "color": "#454854" } ], "participants": [ { "id": "ana", "name": "Ana Ruiz", "color": "#53413d" }, { "id": "pablo", "name": "Pablo Gil", "color": "#394b5a" }, { "id": "lucia", "name": "Lucía Vega", "color": "#524660" }, { "id": "david", "name": "David León", "color": "#405549" }, { "id": "elena", "name": "Elena Ríos", "color": "#635144" }, { "id": "marcos", "name": "Marcos Sol", "color": "#384759" }, { "id": "marta", "name": "Marta Sanz", "color": "#5b3c4c" }, { "id": "sergio", "name": "Sergio Alba", "color": "#454854" } ], "metrics": [ { "id": "closed-orders", "title": "Órdenes cerradas", "caption": "Últimos 28 días", "value": "42", "color": "#00c991", "samples": [ 1, 2, 0, 2, 1, 2, 1, 2, 1, 3, 1, 2, 0, 2, 1, 2, 1, 2, 1, 2, 2, 2, 1, 1, 2, 1, 1, 3 ] }, { "id": "plan-compliance", "title": "Cumplimiento del plan", "caption": "19 de 20 en plazo · semana", "value": "95 %", "color": "#368cff", "samples": [ 86, 89, 87, 92, 90, 95, 91, 94, 89, 93, 92, 95, 94, 90, 94, 96, 93, 92, 95, 96, 94, 96, 92, 95, 93, 94, 96, 95 ] }, { "id": "maintenance-hours", "title": "Horas de mantenimiento", "caption": "Horas registradas · 28 días", "value": "126,4 h", "color": "#9b59ff", "samples": [ 3.2, 4.8, 2.4, 6.1, 4.2, 5.4, 3.5, 4.9, 4.1, 7.2, 3.9, 5.6, 2.8, 5.1, 3.7, 4.8, 3.1, 5.2, 4.3, 6.0, 4.7, 5.4, 3.8, 4.4, 5.1, 4.0, 4.9, 3.8 ] } ], "demoMode": true, "readOnly": false, "showHeader": true, "initialPageSize": 10, "loading": false, "error": "", "onActionMessage": "viewcraft.dashboard2.action", "lastAction": {}, "queryState": {} }, "useDefaultViewWidth": false, "useDefaultViewHeight": false, "style": { "width": "100%", "height": "100%", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "0%", "grow": 1, "shrink": 1, "display": true } } ] } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/DashboardDemo/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/Dashboard/view.json ```json { "custom": { "ready": false, "token": "", "localRows": [], "pending": {}, "query": "", "sortSpec": "name:asc", "status": "*", "category": "*", "ownerFilter": "*", "favoritesOnly": false, "page": 1, "pageSize": 10, "notice": "", "model": { "rows": [], "totalCount": 0, "filteredCount": 0, "page": 1, "pageSize": 10, "pageCount": 1, "rangeText": "0 - 0 de 0 \u00f3rdenes", "canPrevious": false, "canNext": false, "pages": [ { "number": 1, "token": "", "active": true } ], "empty": true, "filtersText": "Filtros", "activeFilters": 0, "error": "", "ownerOptions": [ { "value": "*", "label": "Todos los t\u00e9cnicos" } ] } }, "params": { "instanceId": "dashboard2", "workspace": "Planta Norte", "section": "\u00d3rdenes de trabajo", "rows": [], "owners": [], "participants": [], "metrics": [], "demoMode": false, "readOnly": false, "showHeader": true, "initialPageSize": 10, "loading": false, "error": "", "onActionMessage": "viewcraft.dashboard2.action", "lastAction": {}, "queryState": {} }, "propConfig": { "params.instanceId": { "paramDirection": "input", "persistent": true }, "params.workspace": { "paramDirection": "input", "persistent": true }, "params.section": { "paramDirection": "input", "persistent": true }, "params.rows": { "paramDirection": "input", "persistent": true, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.sync(self)" } }, "params.owners": { "paramDirection": "input", "persistent": true, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.sync(self)" } }, "params.participants": { "paramDirection": "input", "persistent": true }, "params.metrics": { "paramDirection": "input", "persistent": true }, "params.demoMode": { "paramDirection": "input", "persistent": true, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.sync(self)" } }, "params.readOnly": { "paramDirection": "input", "persistent": true, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.refresh(self)" } }, "params.showHeader": { "paramDirection": "input", "persistent": true }, "params.initialPageSize": { "paramDirection": "input", "persistent": true }, "params.loading": { "paramDirection": "input", "persistent": true }, "params.error": { "paramDirection": "input", "persistent": true }, "params.onActionMessage": { "paramDirection": "input", "persistent": true }, "params.lastAction": { "paramDirection": "output", "persistent": true }, "params.queryState": { "paramDirection": "output", "persistent": true }, "custom.ready": { "persistent": false }, "custom.token": { "persistent": false }, "custom.localRows": { "persistent": false }, "custom.pending": { "persistent": false }, "custom.query": { "persistent": false, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.filters_changed(self)" } }, "custom.sortSpec": { "persistent": false, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.filters_changed(self)" } }, "custom.status": { "persistent": false }, "custom.category": { "persistent": false }, "custom.ownerFilter": { "persistent": false }, "custom.favoritesOnly": { "persistent": false }, "custom.page": { "persistent": false }, "custom.pageSize": { "persistent": false, "onChange": { "enabled": true, "script": "\tviewcraft.dashboard2.filters_changed(self)" } }, "custom.notice": { "persistent": false }, "custom.model": { "persistent": false } }, "props": { "defaultSize": { "width": 1226, "height": 1048 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "Dashboard" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-dashboard", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "color": "#e5e5e5", "backgroundColor": "#0a0a0a", "width": "100%", "height": "100%", "overflow": "hidden" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "Header" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-header", "height": "50px", "padding": "0 18px", "borderBottom": "1px solid #242424", "gap": "8px" } }, "position": { "basis": "50px", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "Breadcrumb" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "5px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Home" }, "props": { "text": "Inicio", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "32px", "padding": "0 2px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "color": "#a1a1a1", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0zIDEwIDktNyA5IDd2MTBoLTZ2LTdIOXY3SDNaIi8+PC9zdmc+", "height": 16, "width": 16, "position": "left", "style": { "marginRight": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.request(self.view, 'navigate', {'target':'home'})" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Slash" }, "props": { "text": "/", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "WorkspaceIcon" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "14px", "height": "14px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjMiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxIi8+PHJlY3QgeD0iMyIgeT0iMTQiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjE0IiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMSIvPjwvc3ZnPg==\")", "backgroundSize": "14px 14px", "backgroundPosition": "center", "backgroundRepeat": "no-repeat" } }, "position": { "basis": "14px", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Workspace" }, "props": { "text": "Planta Norte", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.workspace" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "DemoBadge" }, "props": { "text": "DEMO", "alignVertical": "center", "style": { "color": "#8c8c8c", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "lineHeight": "18px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600, "marginLeft": "8px", "border": "1px solid #333333", "borderRadius": "4px", "padding": "0 5px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.params.demoMode}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.params.demoMode}, \"\", \"vc/d2-hidden\")" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "HeaderSpacer" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "0%", "grow": 1, "shrink": 1, "display": true }, "children": [] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "HeaderTools" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-header-tools", "gap": "8px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.view", "version": 0, "meta": { "name": "Team" }, "props": { "path": "Viewcraft/Dashboard2/AvatarGroup", "params": {}, "useDefaultViewWidth": false, "useDefaultViewHeight": false, "style": { "width": "86px", "height": "28px", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-team" } }, "position": { "basis": "86px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.params.people": { "binding": { "type": "property", "config": { "path": "view.params.participants" } } }, "props.params.token": { "binding": { "type": "property", "config": { "path": "view.custom.token" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Invite" }, "props": { "text": "Equipo", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-outline", "height": "32px", "padding": "0 10px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid #333333", "backgroundColor": "#141414", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjkiIGN5PSI4IiByPSIzIi8+PHBhdGggZD0iTTMgMjF2LTNhNiA2IDAgMCAxIDEyIDB2M200LTE0djZtLTMtM2g2Ii8+PC9zdmc+", "height": 16, "width": 16, "position": "left", "style": { "marginRight": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.open_dialog(self.view, 'invite')" } } } }, "propConfig": { "props.enabled": { "binding": { "type": "expr", "config": { "expression": "!{view.params.readOnly}" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "AddTop" }, "props": { "text": "Nueva OT", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-primary", "height": "32px", "padding": "0 10px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#171717", "borderRadius": "8px", "border": "1px solid #e5e5e5", "backgroundColor": "#e5e5e5", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxNzE3MTciIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiA0djE2TTQgMTJoMTYiLz48L3N2Zz4=", "height": 16, "width": 16, "position": "left", "style": { "marginRight": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.open_dialog(self.view, 'create')" } } } }, "propConfig": { "props.enabled": { "binding": { "type": "expr", "config": { "expression": "!{view.params.readOnly}" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "DashboardMenu", "tooltip": { "enabled": true, "text": "Acciones del panel", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjUiIGN5PSIxMiIgcj0iLjgiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIuOCIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9Ii44Ii8+PC9zdmc+", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.open_dialog(self.view, 'more')" } } } } } ] } ], "propConfig": { "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.params.showHeader}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.params.showHeader}, \"vc/d2-header\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Body" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-body", "overflowY": "auto", "overflowX": "hidden", "width": "100%" } }, "position": { "basis": "0%", "grow": 1, "shrink": 1, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "Content" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-content", "padding": "32px 0 20px", "width": "calc(100% - 136px)", "maxWidth": "1200px", "margin": "0 auto" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.flex-repeater", "version": 0, "meta": { "name": "Metrics" }, "props": { "path": "Viewcraft/Dashboard2/MetricCard", "instances": [], "direction": "row", "wrap": "wrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "useDefaultViewWidth": false, "useDefaultViewHeight": false, "elementPosition": { "basis": "260px", "grow": 1, "shrink": 1 }, "elementStyle": { "classes": "vc/d2-metric-slot", "minWidth": "260px", "height": "138px" }, "style": { "minWidth": 0, "minHeight": 0, "width": "100%", "classes": "vc/d2-metrics", "gap": "14px", "overflow": "visible" } }, "position": { "basis": "138px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.instances": { "binding": { "type": "property", "config": { "path": "view.params.metrics" }, "transforms": [ { "type": "script", "code": "\treturn [{\"metric\": dict(m)} for m in (viewcraft.dashboard2.plain(value) or [])]" } ] } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Toolbar" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-toolbar", "gap": "12px", "marginTop": "34px", "marginBottom": "10px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "TableBreadcrumb" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "8px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Flag" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "14px", "height": "14px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmM0MDAiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik01IDIyVjNjNS00IDkgNCAxNSAwdjExYy02IDQtMTAtNC0xNSAwIi8+PC9zdmc+\")", "backgroundSize": "14px 14px", "backgroundPosition": "center", "backgroundRepeat": "no-repeat" } }, "position": { "basis": "14px", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "WorkspaceSection" }, "props": { "text": "Planta Norte", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.workspace" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "BreadcrumbChevron" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "12px", "height": "12px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMCA2IDYgNi02IDYiLz48L3N2Zz4=\")", "backgroundSize": "12px 12px", "backgroundPosition": "center", "backgroundRepeat": "no-repeat" } }, "position": { "basis": "12px", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "ModulesIcon" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "16px", "height": "16px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMiAzIDkgNXY5bC05IDUtOS01VjhabTAgMTB2OU0zIDhsOSA1IDktNU03LjUgNS41bDkgNXY1Ii8+PC9zdmc+\")", "backgroundSize": "16px 16px", "backgroundPosition": "center", "backgroundRepeat": "no-repeat" } }, "position": { "basis": "16px", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Section" }, "props": { "text": "\u00d3rdenes de trabajo", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.section" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "ToolbarSpacer" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "0%", "grow": 1, "shrink": 1, "display": true }, "children": [] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "TableTools" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-tools", "gap": "8px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.text-field", "version": 0, "meta": { "name": "Search", "tooltip": { "enabled": true, "text": "Buscar orden o equipo\u2026", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "placeholder": "Buscar orden o equipo\u2026", "enabled": true, "deferUpdates": false, "rejectUpdatesWhileFocused": true, "spellcheck": false, "style": { "classes": "vc/d2-input vc/d2-search", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "height": "32px", "width": "192px", "minWidth": 0, "backgroundColor": "#141414", "color": "#e5e5e5", "border": "1px solid #363636", "borderRadius": "8px", "padding": "0 10px", "boxSizing": "border-box", "paddingLeft": "31px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI2LjUiLz48cGF0aCBkPSJtMTYgMTYgNSA1Ii8+PC9zdmc+\")", "backgroundRepeat": "no-repeat", "backgroundPosition": "9px center", "backgroundSize": "15px 15px" } }, "position": { "basis": "192px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.query", "bidirectional": true } } } } }, { "type": "ia.input.dropdown", "version": 0, "meta": { "name": "SortBy", "tooltip": { "enabled": true, "text": "Ordenar por", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "options": [ { "value": "name:asc", "label": "Equipo \u2191" }, { "value": "name:desc", "label": "Equipo \u2193" }, { "value": "progress:asc", "label": "Avance \u2191" }, { "value": "progress:desc", "label": "Avance \u2193" }, { "value": "window:asc", "label": "Ventana \u2191" }, { "value": "window:desc", "label": "Ventana \u2193" }, { "value": "status:asc", "label": "Estado \u2191" }, { "value": "status:desc", "label": "Estado \u2193" } ], "value": "", "multiSelect": false, "showClearIcon": false, "allowCustomOptions": false, "search": { "enabled": false }, "placeholder": { "text": "Seleccionar", "color": "#a1a1a1" }, "dropdownOptionStyle": { "backgroundColor": "#202020", "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px" }, "maxMenuHeight": 260, "style": { "classes": "vc/d2-dropdown", "width": "112px", "height": "32px", "backgroundColor": "#141414", "color": "#e5e5e5", "border": "1px solid #363636", "borderRadius": "8px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "112px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.value": { "binding": { "type": "property", "config": { "path": "view.custom.sortSpec", "bidirectional": true } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Filters" }, "props": { "text": "Filtros", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-outline", "height": "32px", "padding": "0 10px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid #333333", "backgroundColor": "#141414", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDRoMThsLTcgOHY4bC00LTJ2LTZaIi8+PC9zdmc+", "height": 16, "width": 16, "position": "left", "style": { "marginRight": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.open_dialog(self.view, 'filters')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.filtersText" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "AddModule" }, "props": { "text": "Nueva OT", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-primary", "height": "32px", "padding": "0 10px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#171717", "borderRadius": "8px", "border": "1px solid #e5e5e5", "backgroundColor": "#e5e5e5", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.open_dialog(self.view, 'create')" } } } }, "propConfig": { "props.enabled": { "binding": { "type": "expr", "config": { "expression": "!{view.params.readOnly}" } } } } } ] } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Notice" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-notice", "padding": "8px 10px", "backgroundColor": "#171717", "border": "1px solid #333333", "borderRadius": "8px", "gap": "10px", "marginBottom": "10px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "NoticeText" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 1, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.notice" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "DismissNotice", "tooltip": { "enabled": true, "text": "Cerrar aviso", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im02IDYgMTIgMTJNNiAxOCAxOCA2Ii8+PC9zdmc+", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'dismiss')" } } } } } ], "propConfig": { "position.display": { "binding": { "type": "expr", "config": { "expression": "len({view.custom.notice}) > 0" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if(len({view.custom.notice}) > 0, \"vc/d2-notice\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "TableScroll" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-table-scroll", "overflowX": "auto", "overflowY": "hidden", "width": "100%" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "TableInner" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": "920px", "minHeight": 0, "width": "100%", "classes": "vc/d2-table-inner" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "TableHeader" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "height": "32px", "borderTop": "1px solid #242424", "borderBottom": "1px solid #242424" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "Header_progress" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "22%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Sort_progress" }, "props": { "text": "Avance", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "30px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#b7b7b7", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNiN2I3YjciIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=", "height": 12, "width": 12, "position": "right", "style": { "marginLeft": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'sort', 'progress')" } } } }, "propConfig": { "props.image.source": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.sortSpec} = \"progress:asc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMFY0bS01IDUgNS01IDUgNSIvPjwvc3ZnPg==\", if({view.custom.sortSpec} = \"progress:desc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiA0djE2bS01LTUgNSA1IDUtNSIvPjwvc3ZnPg==\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=\"))" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Header_name" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "33%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Sort_name" }, "props": { "text": "Orden / equipo", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "30px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#b7b7b7", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNiN2I3YjciIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=", "height": 12, "width": 12, "position": "right", "style": { "marginLeft": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'sort', 'name')" } } } }, "propConfig": { "props.image.source": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.sortSpec} = \"name:asc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMFY0bS01IDUgNS01IDUgNSIvPjwvc3ZnPg==\", if({view.custom.sortSpec} = \"name:desc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiA0djE2bS01LTUgNSA1IDUtNSIvPjwvc3ZnPg==\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=\"))" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Header_window" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "19%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Sort_window" }, "props": { "text": "Ventana", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "30px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#b7b7b7", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNiN2I3YjciIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=", "height": 12, "width": 12, "position": "right", "style": { "marginLeft": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'sort', 'window')" } } } }, "propConfig": { "props.image.source": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.sortSpec} = \"window:asc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMFY0bS01IDUgNS01IDUgNSIvPjwvc3ZnPg==\", if({view.custom.sortSpec} = \"window:desc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiA0djE2bS01LTUgNSA1IDUtNSIvPjwvc3ZnPg==\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=\"))" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Header_status" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "14%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Sort_status" }, "props": { "text": "Estado", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "30px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#b7b7b7", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNiN2I3YjciIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=", "height": 12, "width": 12, "position": "right", "style": { "marginLeft": "6px" } } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'sort', 'status')" } } } }, "propConfig": { "props.image.source": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.sortSpec} = \"status:asc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMFY0bS01IDUgNS01IDUgNSIvPjwvc3ZnPg==\", if({view.custom.sortSpec} = \"status:desc\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiA0djE2bS01LTUgNSA1IDUtNSIvPjwvc3ZnPg==\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im04IDkgNC00IDQgNG0tOCA2IDQgNCA0LTQiLz48L3N2Zz4=\"))" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Header_actions" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "12%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "ActionsHeading" }, "props": { "text": "Acciones", "alignVertical": "center", "style": { "color": "#b7b7b7", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } } ] } ] }, { "type": "ia.display.flex-repeater", "version": 0, "meta": { "name": "Rows" }, "props": { "path": "Viewcraft/Dashboard2/ModuleRow", "instances": [], "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "useDefaultViewWidth": false, "useDefaultViewHeight": false, "elementPosition": { "basis": "64px", "grow": 0, "shrink": 0 }, "elementStyle": { "minWidth": 0, "minHeight": 0, "width": "100%" }, "style": { "minWidth": 0, "minHeight": 0, "width": "100%" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.instances": { "binding": { "type": "property", "config": { "path": "view.custom.model.rows" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "!{view.params.loading} && len({view.params.error}) = 0 && len({view.custom.model.error}) = 0" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if(!{view.params.loading} && len({view.params.error}) = 0 && len({view.custom.model.error}) = 0, \"\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Empty" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "center", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "height": "210px", "padding": "30px", "gap": "8px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "EmptyIcon" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "24px", "height": "24px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMiAzIDkgNXY5bC05IDUtOS01VjhabTAgMTB2OU0zIDhsOSA1IDktNU03LjUgNS41bDkgNXY1Ii8+PC9zdmc+\")", "backgroundSize": "24px 24px", "backgroundPosition": "center", "backgroundRepeat": "no-repeat" } }, "position": { "basis": "24px", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "EmptyTitle" }, "props": { "text": "No hay \u00f3rdenes que coincidan", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "EmptyDescription" }, "props": { "text": "Prueba otra b\u00fasqueda o limpia los filtros.", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "ClearFilters" }, "props": { "text": "Limpiar filtros", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-outline", "height": "32px", "padding": "0 10px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid #333333", "backgroundColor": "#141414", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'reset')" } } } } } ], "propConfig": { "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.empty} && !{view.params.loading} && len({view.params.error}) = 0 && len({view.custom.model.error}) = 0" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.empty} && !{view.params.loading} && len({view.params.error}) = 0 && len({view.custom.model.error}) = 0, \"\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Loading" }, "props": { "text": "Cargando \u00f3rdenes\u2026", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "height": "180px", "textAlign": "center" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.params.loading}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.params.loading}, \"\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "DataError" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#fb8b8b", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "classes": "vc/d2-error", "padding": "24px", "whiteSpace": "pre-wrap" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "expr", "config": { "expression": "if(len({view.params.error}) > 0, {view.params.error}, {view.custom.model.error})" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "len({view.params.error}) > 0 || len({view.custom.model.error}) > 0" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if(len({view.params.error}) > 0 || len({view.custom.model.error}) > 0, \"vc/d2-error\", \"vc/d2-hidden\")" } } } } } ] } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Footer" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-footer", "padding": "12px 0", "gap": "12px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "PageSizing" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "10px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "PageSizeLabel" }, "props": { "text": "Filas por p\u00e1gina", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.input.dropdown", "version": 0, "meta": { "name": "PageSize", "tooltip": { "enabled": true, "text": "Filas por p\u00e1gina", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "options": [ { "value": 10, "label": "10" }, { "value": 20, "label": "20" }, { "value": 50, "label": "50" } ], "value": "", "multiSelect": false, "showClearIcon": false, "allowCustomOptions": false, "search": { "enabled": false }, "placeholder": { "text": "Seleccionar", "color": "#a1a1a1" }, "dropdownOptionStyle": { "backgroundColor": "#202020", "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px" }, "maxMenuHeight": 260, "style": { "classes": "vc/d2-dropdown", "width": "64px", "height": "28px", "backgroundColor": "#141414", "color": "#e5e5e5", "border": "1px solid #363636", "borderRadius": "8px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "64px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.value": { "binding": { "type": "property", "config": { "path": "view.custom.pageSize", "bidirectional": true } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "FooterSpacer" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "0%", "grow": 1, "shrink": 1, "display": true }, "children": [] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Pager" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-pager", "gap": "7px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Count" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "13px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.rangeText" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Previous", "tooltip": { "enabled": true, "text": "P\u00e1gina anterior", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xNCA2LTYgNiA2IDYiLz48L3N2Zz4=", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'previous')" } } } }, "propConfig": { "props.enabled": { "binding": { "type": "property", "config": { "path": "view.custom.model.canPrevious" } } } } }, { "type": "ia.display.flex-repeater", "version": 0, "meta": { "name": "Pages" }, "props": { "path": "Viewcraft/Dashboard2/PageButton", "instances": [], "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "useDefaultViewWidth": false, "useDefaultViewHeight": false, "elementPosition": { "basis": "28px", "grow": 0, "shrink": 0 }, "elementStyle": { "height": "28px", "width": "28px" }, "style": { "minWidth": 0, "minHeight": 0, "width": "auto", "gap": "4px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.instances": { "binding": { "type": "property", "config": { "path": "view.custom.model.pages" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Next", "tooltip": { "enabled": true, "text": "P\u00e1gina siguiente", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMCA2IDYgNi02IDYiLz48L3N2Zz4=", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.local_command(self.view, 'next')" } } } }, "propConfig": { "props.enabled": { "binding": { "type": "property", "config": { "path": "view.custom.model.canNext" } } } } } ] } ] } ] } ] } ], "events": { "system": { "onStartup": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.start(self.view)" } } } }, "scripts": { "messageHandlers": [ { "messageType": "viewcraft.dashboard2.internal", "pageScope": true, "sessionScope": false, "viewScope": false, "script": "\tviewcraft.dashboard2.receive(self.view, payload)" }, { "messageType": "viewcraft.dashboard2.result", "pageScope": true, "sessionScope": false, "viewScope": false, "script": "\tviewcraft.dashboard2.receive_result(self.view, payload)" } ] } } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/Dashboard/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/AvatarGroup/view.json ```json { "custom": { "model": { "people": [ { "id": "ana", "name": "Ana Ruiz", "initials": "AR", "image": "none", "text": "AR", "color": "#53413d", "visible": true }, { "id": "pablo", "name": "Pablo Gil", "initials": "PG", "image": "none", "text": "PG", "color": "#394b5a", "visible": true }, { "id": "lucia", "name": "Luc\u00eda Vega", "initials": "LV", "image": "none", "text": "LV", "color": "#524660", "visible": true }, { "id": "david", "name": "David Le\u00f3n", "initials": "DL", "image": "none", "text": "DL", "color": "#405549", "visible": true }, { "id": "elena", "name": "Elena R\u00edos", "initials": "ER", "image": "none", "text": "ER", "color": "#635144", "visible": true }, { "id": "marcos", "name": "Marcos Sol", "initials": "MS", "image": "none", "text": "MS", "color": "#384759", "visible": true }, { "id": "marta", "name": "Marta Sanz", "initials": "MS", "image": "none", "text": "MS", "color": "#5b3c4c", "visible": true }, { "id": "sergio", "name": "Sergio Alba", "initials": "SA", "image": "none", "text": "SA", "color": "#454854", "visible": true } ], "slots": [ { "id": "ana", "name": "Ana Ruiz", "initials": "AR", "image": "none", "text": "AR", "color": "#53413d", "visible": true }, { "id": "pablo", "name": "Pablo Gil", "initials": "PG", "image": "none", "text": "PG", "color": "#394b5a", "visible": true }, { "id": "lucia", "name": "Luc\u00eda Vega", "initials": "LV", "image": "none", "text": "LV", "color": "#524660", "visible": true }, { "id": "", "name": "", "initials": "", "image": "none", "text": "", "color": "#262626", "visible": false }, { "id": "", "name": "", "initials": "", "image": "none", "text": "", "color": "#262626", "visible": false } ], "overflow": 5, "overflowText": "+5", "count": 8 } }, "params": { "people": [ { "id": "ana", "name": "Ana Ruiz", "color": "#53413d" }, { "id": "pablo", "name": "Pablo Gil", "color": "#394b5a" }, { "id": "lucia", "name": "Luc\u00eda Vega", "color": "#524660" }, { "id": "david", "name": "David Le\u00f3n", "color": "#405549" }, { "id": "elena", "name": "Elena R\u00edos", "color": "#635144" }, { "id": "marcos", "name": "Marcos Sol", "color": "#384759" }, { "id": "marta", "name": "Marta Sanz", "color": "#5b3c4c" }, { "id": "sergio", "name": "Sergio Alba", "color": "#454854" } ], "limit": 3, "token": "" }, "propConfig": { "params.people": { "paramDirection": "input", "persistent": true }, "params.limit": { "paramDirection": "input", "persistent": true }, "params.token": { "paramDirection": "input", "persistent": true }, "custom.model": { "persistent": false, "binding": { "type": "expr-struct", "config": { "struct": { "people": "{view.params.people}", "limit": "{view.params.limit}" }, "waitOnAll": true }, "transforms": [ { "type": "script", "code": "\treturn viewcraft.dashboard2.people_model(value[\"people\"], value[\"limit\"])" } ] } } }, "props": { "defaultSize": { "width": 88, "height": 28 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "AvatarGroup" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "overflow": "visible", "width": "max-content" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Avatar0", "tooltip": { "enabled": true, "text": "Integrante", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-avatar", "height": "26px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "50%", "border": "2px solid #0a0a0a", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "26px", "marginLeft": 0, "backgroundSize": "cover", "backgroundPosition": "center" } }, "position": { "basis": "26px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tsystem.perspective.sendMessage(viewcraft.dashboard2.MESSAGE, {'token': self.view.params.token, 'action': 'people'}, scope='page')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[0].text" } } }, "props.style.backgroundImage": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[0].image" } } }, "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[0].color" } } }, "meta.tooltip.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[0].name" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.slots[0].visible}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.slots[0].visible}, \"vc/d2-button vc/d2-avatar\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Avatar1", "tooltip": { "enabled": true, "text": "Integrante", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-avatar", "height": "26px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "50%", "border": "2px solid #0a0a0a", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "26px", "marginLeft": "-8px", "backgroundSize": "cover", "backgroundPosition": "center" } }, "position": { "basis": "26px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tsystem.perspective.sendMessage(viewcraft.dashboard2.MESSAGE, {'token': self.view.params.token, 'action': 'people'}, scope='page')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[1].text" } } }, "props.style.backgroundImage": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[1].image" } } }, "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[1].color" } } }, "meta.tooltip.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[1].name" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.slots[1].visible}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.slots[1].visible}, \"vc/d2-button vc/d2-avatar\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Avatar2", "tooltip": { "enabled": true, "text": "Integrante", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-avatar", "height": "26px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "50%", "border": "2px solid #0a0a0a", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "26px", "marginLeft": "-8px", "backgroundSize": "cover", "backgroundPosition": "center" } }, "position": { "basis": "26px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tsystem.perspective.sendMessage(viewcraft.dashboard2.MESSAGE, {'token': self.view.params.token, 'action': 'people'}, scope='page')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[2].text" } } }, "props.style.backgroundImage": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[2].image" } } }, "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[2].color" } } }, "meta.tooltip.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[2].name" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.slots[2].visible}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.slots[2].visible}, \"vc/d2-button vc/d2-avatar\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Avatar3", "tooltip": { "enabled": true, "text": "Integrante", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-avatar", "height": "26px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "50%", "border": "2px solid #0a0a0a", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "26px", "marginLeft": "-8px", "backgroundSize": "cover", "backgroundPosition": "center" } }, "position": { "basis": "26px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tsystem.perspective.sendMessage(viewcraft.dashboard2.MESSAGE, {'token': self.view.params.token, 'action': 'people'}, scope='page')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[3].text" } } }, "props.style.backgroundImage": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[3].image" } } }, "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[3].color" } } }, "meta.tooltip.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[3].name" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.slots[3].visible}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.slots[3].visible}, \"vc/d2-button vc/d2-avatar\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Avatar4", "tooltip": { "enabled": true, "text": "Integrante", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-avatar", "height": "26px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "50%", "border": "2px solid #0a0a0a", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "26px", "marginLeft": "-8px", "backgroundSize": "cover", "backgroundPosition": "center" } }, "position": { "basis": "26px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tsystem.perspective.sendMessage(viewcraft.dashboard2.MESSAGE, {'token': self.view.params.token, 'action': 'people'}, scope='page')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[4].text" } } }, "props.style.backgroundImage": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[4].image" } } }, "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[4].color" } } }, "meta.tooltip.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.slots[4].name" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.slots[4].visible}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.slots[4].visible}, \"vc/d2-button vc/d2-avatar\", \"vc/d2-hidden\")" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "MorePeople" }, "props": { "text": "+0", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "26px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "11px", "fontWeight": 500, "color": "#a1a1a1", "borderRadius": "50%", "border": "2px solid #0a0a0a", "backgroundColor": "#262626", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px", "marginLeft": "-8px" } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tsystem.perspective.sendMessage(viewcraft.dashboard2.MESSAGE, {'token': self.view.params.token, 'action': 'people'}, scope='page')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.overflowText" } } }, "position.display": { "binding": { "type": "expr", "config": { "expression": "{view.custom.model.overflow} > 0" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if({view.custom.model.overflow} > 0, \"vc/d2-button vc/d2-ghost\", \"vc/d2-hidden\")" } } } } } ] } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/AvatarGroup/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/MetricCard/view.json ```json { "custom": { "model": { "hasData": false } }, "params": { "metric": { "id": "closed-orders", "title": "Órdenes cerradas", "caption": "Últimos 28 días", "value": "42", "color": "#00c991", "samples": [ 1, 2, 0, 2, 1, 2, 1, 2, 1, 3, 1, 2, 0, 2, 1, 2, 1, 2, 1, 2, 2, 2, 1, 1, 2, 1, 1, 3 ] } }, "propConfig": { "params.metric": { "paramDirection": "input", "persistent": true }, "custom.model": { "persistent": false, "binding": { "type": "property", "config": { "path": "view.params.metric.samples" }, "transforms": [ { "type": "script", "code": "\treturn {\"hasData\": value is not None and len(value) > 0}\n" } ] } } }, "props": { "defaultSize": { "width": 354, "height": 138 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "MetricCard" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-card", "height": "138px", "padding": "16px", "backgroundColor": "#171717", "border": "1px solid #242424", "borderRadius": "14px", "gap": "20px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Title" }, "props": { "text": "Órdenes cerradas", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.metric.title" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "MetricBody" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "flex-end", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "8px", "width": "100%" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "MetricCopy" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "0px" } }, "position": { "basis": "0%", "grow": 1, "shrink": 1, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Caption" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.metric.caption" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Value" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "22px", "lineHeight": "28px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600, "letterSpacing": "-0.025em" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.metric.value" } } } } } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "Plot" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "position": "relative", "width": "152px", "height": "56px" } }, "position": { "basis": "152px", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.sparkline", "version": 0, "meta": { "name": "Sparkline" }, "props": { "points": [], "color": "#00c991", "width": 1.8, "opacity": 1, "marker": { "first": { "size": 0 }, "last": { "size": 0 }, "high": { "size": 0 }, "low": { "size": 0 } }, "style": { "width": "152px", "height": "56px", "minWidth": 0, "minHeight": 0, "padding": "3px", "backgroundColor": "transparent" } }, "position": { "basis": "56px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.points": { "binding": { "type": "property", "config": { "path": "view.params.metric.samples" } } }, "props.color": { "binding": { "type": "property", "config": { "path": "view.params.metric.color" } } }, "props.range": { "binding": { "type": "property", "config": { "path": "view.params.metric.samples" }, "transforms": [ { "type": "script", "code": "\tvalues = [float(v) for v in (value or []) if v is not None]\n\tif not values: return {\"low\": 0, \"high\": 1}\n\tlow, high = min(values), max(values)\n\tpad = max((high-low)*0.15, 0.1)\n\treturn {\"low\": low-pad, \"high\": high+pad}\n" } ] } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "NoSamples" }, "props": { "text": "Sin muestras", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "11px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "position": "absolute", "inset": 0, "textAlign": "center" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "position.display": { "binding": { "type": "expr", "config": { "expression": "!{view.custom.model.hasData}" } } }, "props.style.classes": { "binding": { "type": "expr", "config": { "expression": "if(!{view.custom.model.hasData}, \"\", \"vc/d2-hidden\")" } } } } } ] } ] } ] } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/MetricCard/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/ModuleRow/view.json ```json { "custom": {}, "params": { "row": { "id": "OT-260901", "name": "Bomba de impulsi\u00f3n", "category": "Preventive", "ownerId": "ana", "domain": "P-103", "completedTasks": 11, "totalTasks": 26, "startDate": "2026-09-08", "endDate": "2026-09-10", "status": "In Progress", "favorite": true, "description": "Revisi\u00f3n preventiva del conjunto de impulsi\u00f3n. Inspecci\u00f3n de acoplamiento, sellos y lubricaci\u00f3n. Ejemplo ficticio; no sustituye al procedimiento aprobado.", "statusLabel": "En curso", "categoryLabel": "Preventivo", "progress": 42, "ownerName": "Ana Ruiz", "ownerColor": "#53413d", "ownerImage": "none", "ownerInitials": "AR", "windowText": "08 sep - 10 sep", "durationText": "2 d\u00edas de ventana", "windowSort": "2026-09-08", "progressText": "42% completado", "tasksText": "11/26 tareas", "tone": "#ffc400", "statusColor": "#ffc400", "statusDot": "#ffc400", "token": "preview", "readOnly": false, "favoriteColor": "#ffc400", "favoriteLabel": "Quitar de seguimiento: Bomba de impulsi\u00f3n" } }, "propConfig": { "params.row": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "width": 1090, "height": 64 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "ModuleRow" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-row", "height": "64px", "borderBottom": "1px solid #242424", "width": "100%" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "ProgressCell" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "22%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.view", "version": 0, "meta": { "name": "Progress" }, "props": { "path": "Viewcraft/Dashboard2/ProgressRing", "params": { "value": 42, "color": "#ffc400" }, "useDefaultViewWidth": false, "useDefaultViewHeight": false, "style": { "width": "40px", "height": "40px", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "40px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.params.value": { "binding": { "type": "property", "config": { "path": "view.params.row.progress" } } }, "props.params.color": { "binding": { "type": "property", "config": { "path": "view.params.row.tone" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "ProgressCopy" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "ProgressTitle" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.progressText" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "TaskCount" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.tasksText" } } } } } ] } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "ModuleCell" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "33%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "ModuleCopy" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "1px", "width": "100%" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "ModuleName", "tooltip": { "enabled": true, "text": "Detalle de la orden", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "start", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-name", "height": "21px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 600, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "textAlign": "left", "overflow": "hidden", "textOverflow": "ellipsis" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.emit_row(self, 'details')" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.name" } } }, "meta.tooltip.text": { "binding": { "type": "expr", "config": { "expression": "{view.params.row.id} + \" \u00b7 \" + {view.params.row.name}" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "ModuleMeta" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "5px", "overflow": "hidden" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Category" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.categoryLabel" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Dot1" }, "props": { "text": "\u00b7", "alignVertical": "center", "style": { "color": "#666666", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "OwnerAvatar" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "7px", "lineHeight": "16px", "minWidth": 0, "boxSizing": "border-box", "width": "16px", "height": "16px", "borderRadius": "50%", "textAlign": "center", "backgroundSize": "cover", "backgroundPosition": "center" } }, "position": { "basis": "16px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.ownerInitials" } } }, "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.params.row.ownerColor" } } }, "props.style.backgroundImage": { "binding": { "type": "property", "config": { "path": "view.params.row.ownerImage" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Owner" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "whiteSpace": "nowrap" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.ownerName" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Dot2" }, "props": { "text": "\u00b7", "alignVertical": "center", "style": { "color": "#666666", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Domain" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#b3b3b3", "fontFamily": "Consolas, ui-monospace, monospace", "fontSize": "10px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "overflow": "hidden", "textOverflow": "ellipsis", "whiteSpace": "nowrap" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.domain" } } } } } ] } ] } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "WindowCell" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "19%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "WindowCopy" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Window" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "fontWeight": 600 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.windowText" } } } } }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "DurationLine" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "gap": "5px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "Calendar" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "13px", "height": "13px", "backgroundImage": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhMWExYTEiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjUiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgcng9IjIiLz48cGF0aCBkPSJNNyAydjZtMTAtNnY2TTMgMTFoMThNNyAxNWgxbTMgMGgxbTMgMGgxTTcgMThoMW0zIDBoMSIvPjwvc3ZnPg==\")", "backgroundSize": "13px 13px", "backgroundPosition": "center", "backgroundRepeat": "no-repeat" } }, "position": { "basis": "13px", "grow": 0, "shrink": 0, "display": true } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Duration" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.durationText" } } } } } ] } ] } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "StatusCell" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "10px", "overflow": "hidden" } }, "position": { "basis": "14%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.container.flex", "version": 0, "meta": { "name": "Badge" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-start", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "height": "20px", "padding": "0 5px", "border": "1px solid #343434", "backgroundColor": "#191919", "borderRadius": "5px", "gap": "4px" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.display.label", "version": 0, "meta": { "name": "StatusDot" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "lineHeight": "20px", "minWidth": 0, "boxSizing": "border-box", "width": "6px", "height": "6px", "borderRadius": "50%" } }, "position": { "basis": "6px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.style.backgroundColor": { "binding": { "type": "property", "config": { "path": "view.params.row.statusDot" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Status" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#e5e5e5", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px", "lineHeight": "17px", "minWidth": 0, "boxSizing": "border-box" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.row.statusLabel" } } }, "props.style.color": { "binding": { "type": "property", "config": { "path": "view.params.row.statusColor" } } } } } ] } ] }, { "type": "ia.container.flex", "version": 0, "meta": { "name": "ActionsCell" }, "props": { "direction": "row", "wrap": "nowrap", "justify": "flex-end", "alignItems": "center", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "padding": "0 10px", "gap": "2px", "overflow": "hidden" } }, "position": { "basis": "12%", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "RowDetails", "tooltip": { "enabled": true, "text": "Detalle de la orden", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNCAySDV2MjBoMTRWN1pNMTQgMnY1aDVNOCAxMWg4bS04IDRoOG0tOCA0aDYiLz48L3N2Zz4=", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.emit_row(self, 'details')" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "Favorite", "tooltip": { "enabled": true, "text": "Star module", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMiAzIDIuOCA1LjcgNi4zLjktNC42IDQuNSAxLjEgNi4zLTUuNi0zLTUuNiAzIDEuMS02LjMtNC42LTQuNSA2LjMtLjlaIi8+PC9zdmc+", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.emit_row(self, 'favorite')" } } } }, "propConfig": { "props.image.source": { "binding": { "type": "expr", "config": { "expression": "if({view.params.row.favorite}, \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmM0MDAiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMiAzIDIuOCA1LjcgNi4zLjktNC42IDQuNSAxLjEgNi4zLTUuNi0zLTUuNiAzIDEuMS02LjMtNC42LTQuNSA2LjMtLjlaIi8+PC9zdmc+\", \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMiAzIDIuOCA1LjcgNi4zLjktNC42IDQuNSAxLjEgNi4zLTUuNi0zLTUuNiAzIDEuMS02LjMtNC42LTQuNSA2LjMtLjlaIi8+PC9zdmc+\")" } } }, "meta.tooltip.text": { "binding": { "type": "property", "config": { "path": "view.params.row.favoriteLabel" } } }, "props.enabled": { "binding": { "type": "expr", "config": { "expression": "!{view.params.row.readOnly}" } } } } }, { "type": "ia.input.button", "version": 0, "meta": { "name": "RowMenu", "tooltip": { "enabled": true, "text": "Acciones de la orden", "location": "auto", "delay": 350, "style": { "backgroundColor": "#262626", "color": "#e5e5e5", "padding": "6px 9px", "border": "1px solid #404040", "borderRadius": "7px", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "12px" } } }, "props": { "text": "", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" }, "image": { "source": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNWU1ZTUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjUiIGN5PSIxMiIgcj0iLjgiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIuOCIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9Ii44Ii8+PC9zdmc+", "height": 16, "width": 16, "position": "center", "style": { "marginRight": "0px" } } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.emit_row(self, 'rowMenu')" } } } } } ] } ] } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/ModuleRow/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/ProgressRing/view.json ```json { "custom": { "model": { "elements": [ { "type": "circle", "name": "track", "cx": 20, "cy": 20, "r": 17, "fill": { "paint": "none" }, "stroke": { "paint": "#2b2b2b", "width": 3 } }, { "type": "path", "name": "progress", "d": "M 20 3 A 17 17 0 0 1 28.1898 34.8972", "fill": { "paint": "none" }, "stroke": { "paint": "#ffc400", "width": 3 }, "style": { "strokeLinecap": "round" } } ], "text": "42%", "value": 42.0 } }, "params": { "value": 42, "color": "#ffc400" }, "propConfig": { "params.value": { "paramDirection": "input", "persistent": true }, "params.color": { "paramDirection": "input", "persistent": true }, "custom.model": { "persistent": false, "binding": { "type": "expr-struct", "config": { "struct": { "value": "{view.params.value}", "color": "{view.params.color}" }, "waitOnAll": true }, "transforms": [ { "type": "script", "code": "\treturn viewcraft.dashboard2.ring_model(value[\"value\"], value[\"color\"])" } ] } } }, "props": { "defaultSize": { "width": 40, "height": 40 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "ProgressRing" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0, "classes": "vc/d2-ring", "position": "relative", "width": "40px", "height": "40px", "overflow": "hidden" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.shapes.svg", "version": 0, "meta": { "name": "Ring" }, "props": { "viewBox": "0 0 40 40", "preserveAspectRatio": "xMidYMid meet", "elements": [], "style": { "width": "100%", "height": "100%", "minWidth": 0, "minHeight": 0, "position": "absolute", "inset": 0 } }, "position": { "basis": "0px", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.elements": { "binding": { "type": "property", "config": { "path": "view.custom.model.elements" } } } } }, { "type": "ia.display.label", "version": 0, "meta": { "name": "Percent" }, "props": { "text": "", "alignVertical": "center", "style": { "color": "#a1a1a1", "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "9px", "lineHeight": "40px", "minWidth": 0, "boxSizing": "border-box", "position": "absolute", "inset": 0, "textAlign": "center", "fontVariantNumeric": "tabular-nums" } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.custom.model.text" } } } } } ] } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/ProgressRing/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/PageButton/view.json ```json { "custom": {}, "params": { "number": 1, "active": true, "token": "" }, "propConfig": { "params.number": { "paramDirection": "input", "persistent": true }, "params.active": { "paramDirection": "input", "persistent": true }, "params.token": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "width": 28, "height": 28 } }, "root": { "type": "ia.container.flex", "version": 0, "meta": { "name": "PageRoot" }, "props": { "direction": "column", "wrap": "nowrap", "justify": "flex-start", "alignItems": "stretch", "alignContent": "flex-start", "style": { "boxSizing": "border-box", "minWidth": 0, "minHeight": 0 } }, "position": { "basis": "auto", "grow": 0, "shrink": 0, "display": true }, "children": [ { "type": "ia.input.button", "version": 0, "meta": { "name": "Page" }, "props": { "text": "1", "primary": false, "enabled": true, "align": "center", "justify": "center", "textStyle": { "fontFamily": "inherit", "fontSize": "inherit", "color": "inherit", "fontWeight": "inherit" }, "style": { "classes": "vc/d2-button vc/d2-ghost", "height": "28px", "padding": 0, "fontFamily": "Viewcraft Geist, Geist, Inter, Arial, sans-serif", "fontSize": "14px", "fontWeight": 500, "color": "#e5e5e5", "borderRadius": "8px", "border": "1px solid transparent", "backgroundColor": "transparent", "whiteSpace": "nowrap", "boxSizing": "border-box", "minWidth": 0, "width": "28px" } }, "position": { "basis": "28px", "grow": 0, "shrink": 0, "display": true }, "events": { "component": { "onActionPerformed": { "type": "script", "scope": "G", "config": { "script": "\tviewcraft.dashboard2.emit_page(self)" } } } }, "propConfig": { "props.text": { "binding": { "type": "property", "config": { "path": "view.params.number" } } }, "props.style.backgroundColor": { "binding": { "type": "expr", "config": { "expression": "if({view.params.active}, \"#262626\", \"transparent\")" } } } } } ] } } ``` ### com.inductiveautomation.perspective/views/Viewcraft/Dashboard2/PageButton/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "view.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-dashboard/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-dashboard/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-header/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-header/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-button/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-button/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-ghost/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-ghost/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-hidden/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-hidden/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-header-tools/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-header-tools/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-team/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-team/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-outline/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-outline/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-primary/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-primary/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-body/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-body/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-content/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-content/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-metric-slot/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-metric-slot/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-metrics/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-metrics/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-toolbar/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-toolbar/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-tools/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-tools/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-input/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-input/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-search/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-search/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-dropdown/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-dropdown/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-notice/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-notice/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-table-scroll/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-table-scroll/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-table-inner/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-table-inner/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-error/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-error/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-footer/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-footer/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-pager/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-pager/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-avatar/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-avatar/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-card/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-card/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-row/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-row/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-name/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-name/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-ring/style.json ```json { "base": { "style": {} } } ``` ### com.inductiveautomation.perspective/style-classes/vc/d2-ring/resource.json ```json { "scope": "G", "version": 1, "restricted": false, "overridable": true, "files": [ "style.json" ] } ``` ### stylesheet-snippet.css ```css .psc-vc\/d2-dashboard{container-name:d2;container-type:inline-size;color-scheme:dark;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;} .psc-vc\/d2-button{cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease;} .psc-vc\/d2-button:hover:not(:disabled){background-color:#232323!important;} .psc-vc\/d2-primary:hover:not(:disabled){background-color: var(--vc-primary, #fafafa)!important;color:#171717!important;} .psc-vc\/d2-outline:hover:not(:disabled){border-color:#505050!important;} .psc-vc\/d2-name:hover:not(:disabled){background-color:transparent!important;color: var(--vc-foreground, #ffffff)!important;} .psc-vc\/d2-row{transition:background-color 130ms ease;} .psc-vc\/d2-row:hover, .psc-vc\/d2-row:focus-within{background-color:#141414;} .psc-vc\/d2-button:focus-visible, .psc-vc\/d2-input:focus-visible, .psc-vc\/d2-dropdown:focus-within{outline:2px solid #737373;outline-offset:2px;} .psc-vc\/d2-button:disabled{opacity:.38;cursor:not-allowed;} .psc-vc\/d2-input::placeholder{color: var(--vc-muted-fg, #a1a1a1);opacity:1;} .psc-vc\/d2-input:focus{border-color:#646464!important;} .psc-vc\/d2-avatar{transition:transform 140ms ease;} .psc-vc\/d2-avatar:hover:not(:disabled){transform:translateY(-2px);z-index:2;} .psc-vc\/d2-hidden{display:none!important;min-height:0!important;height:0!important;flex-basis:0!important;margin:0!important;padding:0!important;pointer-events:none!important;} .psc-vc\/d2-table-scroll, .psc-vc\/d2-body{scrollbar-width:thin;scrollbar-color:#363636 #0a0a0a;} .psc-vc\/d2-metrics{min-height:138px;} @container d2 (max-width:1080px){ .psc-vc\/d2-content{width:calc(100% - 56px)!important;} } @container d2 (max-width:1080px){ .psc-vc\/d2-tools{gap:6px!important;} } @container d2 (max-width:1080px){ .psc-vc\/d2-search{width:164px!important;flex-basis:164px!important;} } @container d2 (max-width:940px){ .psc-vc\/d2-metric-slot{min-width:225px!important;flex-basis:225px!important;} } @container d2 (max-width:940px){ .psc-vc\/d2-toolbar{flex-wrap:wrap!important;row-gap:14px!important;} } @container d2 (max-width:940px){ .psc-vc\/d2-tools{margin-left:auto;flex-wrap:wrap!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-content{width:calc(100% - 32px)!important;padding-top:22px!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-metric-slot{flex-basis:100%!important;min-width:100%!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-metrics{height:auto!important;flex-basis:auto!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-header{padding:8px 12px!important;flex-wrap:wrap!important;height:auto!important;flex-basis:auto!important;row-gap:8px!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-header-tools{gap:5px!important;margin-left:auto;} } @container d2 (max-width:740px){ .psc-vc\/d2-team{display:none!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-tools{width:100%;gap:8px!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-search{width:100%!important;flex-basis:100%!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-toolbar{margin-top:26px!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-footer{flex-wrap:wrap!important;align-items:center!important;} } @container d2 (max-width:740px){ .psc-vc\/d2-pager{margin-left:auto;} } @media(prefers-reduced-motion:reduce){ .psc-vc\/d2-button, .psc-vc\/d2-avatar, .psc-vc\/d2-row{transition:none!important;transform:none!important;} } .psc-vc\/d2-metric-slot, .psc-vc\/d2-card{overflow:hidden!important} [class~="psc-vc/d2-avatar"], .psc-vc\/d2-avatar{ transition:transform 150ms var(--vc-ui-ease),box-shadow 150ms var(--vc-ui-ease)!important; box-shadow:0 0 0 2px var(--vc-ui-panel,#18181b)!important; } @media (hover:hover) and (pointer:fine){ [class~="psc-vc/d2-avatar"]:hover:not(:disabled), .psc-vc\/d2-avatar:hover:not(:disabled){ transform:translateY(-1px); z-index:2; } } [class~="psc-vc/d2-avatar"]:active:not(:disabled), .psc-vc\/d2-avatar:active:not(:disabled){ transform:scale(0.97); } @media (prefers-reduced-motion:reduce){ [class~="psc-vc/d2-avatar"], .psc-vc\/d2-avatar{ transition:background-color 0.01ms linear,border-color 0.01ms linear,color 0.01ms linear,opacity 0.01ms linear!important; } } @media (prefers-reduced-motion:reduce){ [class~="psc-vc/d2-avatar"]:active, .psc-vc\/d2-avatar:active, [class~="psc-vc/d2-avatar"]:hover, .psc-vc\/d2-avatar:hover{ transform:none!important; } } ```