Configure um calendário por hora para Espaço do expedidor

Configurar Espaço do expedidor para mostrar um calendário com cada coluna representando uma hora. Neste documento mostrariam um calendário de cinco horas, mas você pode mudar o número de horas para atender às suas necessidades.

Antes de Iniciar

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

Os benefícios de configurar um calendário por hora incluem:

• Exibição de tempo granular : Cada coluna representa exatamente 1 hora
• Período de 5 dias : Mostra 120 horas consecutivas (5 x 24 horas)
• Capacidade de zoom : Funcionalidade de zoom aprimorada para melhor visibilidade
• Design responsivo : Largura e espaçamento otimizados da coluna
• Gestão de eventos : Suporte completo para criação, edição e visualização de eventos

Figura 1. Exibição por hora em Espaço do expedidor

Procedimento

1. Navegar até Tudo > Definição do Sistema > Inclusões de script.
2. Localizar e abrir Constantes do Espaço de Trabalho de Expedição .
3. Localize o. CALENDAR_VIEW_SETTINGS e adicione o. TIMELINE_FIVE_DAYS_HOURLY_VIEW configuração.

   "TIMELINE_FIVE_DAYS_HOURLY_VIEW": {
       // Template configurations for UI components
       "templates": {
           "rowBody": {
               "type": "macroponent",
               "value": "23c3967f53d07110443cddeeff7b1222"
           },
           "sectionHeadBody": {
               "type": "macroponent",
               "value": "43899a6ded592110f87778b05e3c80a7",
               "sticky": true,
               "autoCollapse": false,
               "manageCollapsed": true,
               "disableUXFContainerClickEvents": true
           },
           "sectionHeadTitle": {
               "type": "macroponent",
               "value": "a1ff3ba6b7803110a311aa7e1e11a964",
               "autoCollapse": false,
               "manageCollapsed": true,
               "disableUXFContainerClickEvents": true
           },
           "rowTitle": {
               "type": "macroponent",
               "value": "0c1ae3a8b1346110f8776e5c40f98bd2",
               "style": {
                   "height": "100%"
               }
           },
           "eventBody": {
               "type": "component",
               "value": "sn-fsm-event-body"
           },
           "timestampBody": {
               "type": "macroponent",
               "value": "3deb30f8d149e110f8773e7b5e3fce04"
           }
       },
    
       // Core time configuration - THIS IS THE KEY PART
       "xStart": 0,                    // Start from hour 0
       "xStep": 1,                     // Increment by 1 hour per column
       "xSize": 120,                   // Show 120 hours total (5 days × 24 hours)
       "xUnitName": "hours",           // Each column represents hours
    
       // Display and layout settings
       "columnWidthInPx": 65,          // Width of each hourly column
       "viewProvider": "TIMELINE_CONFIGURABLE_COLUMN",
    
       // Time scale header configuration. Adds another row on top of the 1 hour per column for better visibility and more information
       "timeScaleGridRows": [{
           "id": "days",
           "order": 1,
           "unit": "days",
           "format": "dddd MMMM DD"    // Display format: "Monday January 15"
       }],
    
       // UI behavior settings
       "rowHeightBottomPaddingInLines": 2,
       "snapGranularity": 15,
       "groupBy": "group",
       "animation": false,
       "hideAgendaView": true,
       "eventHeight": 20,
       "minEventRowHeight": 24,
       "eventMinWidthMS": 1000,
       "noScrolling": false,
       "usePropertyDiff": true,
       "hideSidebarOnLoad": true,
    
       // Zoom and toolbar configuration
       "floatingToolbarConfig": {
           "manage": false,
           "zoomSize": 0.2,
           "disableCollapse": false,
           "collapseOnLoad": true,
           "collapseOnResize": true
       }
   }

4. Encontre o. AVAILABLE_VIEWS a matriz nas mesmas inclusões de script.
   Nota:

   Veja a imagem na etapa anterior.
5. Adicione a nova entrada de exibição, veja a imagem nesta etapa.

   {
       "view": "TIMELINE_FIVE_DAYS_HOURLY_VIEW",
       "viewProvider": "TIMELINE_CONFIGURABLE_COLUMN", 
       "label": gs.getMessage("5 days hourly"),
       "type": "Timeline"
   }

6. Salve a inclusão de script.
7. Capture as mudanças de arquivo em um conjunto de atualizações e confirme o conjunto de atualizações.
8. Navegue até Espaço do expedidor para verificar sua implementação.
9. PESQUISE e selecione 5 dias por hora no seletor de exibição.