4.21.3.5. Scheda definita dall'utente

È possibile creare una scheda personalizzata con i seguenti passaggi:

Figura 4.401. 

  1. Copiare la sezione seguente nel file custom_config.json all'interno di parentesi graffe.

      "digitalTwinTabSettings": {
        "customTabs": [
          {
            "id": "customTab",
            "name": {
              "de-DE": "Zusatzinformationen",
              "en-GB": "Additional information"
            },
            "url": "/plugins/tabContent.html?NB=$NB."
          }
        ]
      }
    

    Parametri URL possibili

    È possibile specificare vari parametri che vengono passati all'HTML utilizzando questo schema:

    <beliebiger Parametername>=$<key>.

    Sono possibili i seguenti parametri:

    ORDERNO, PATH, MIDENT, NN, NB, NT, LINA, LINEID, LINESUBID e VARIABLENNAME.

    Collegare diversi parametri con &.

    Esempio con tutti i parametri (come nella figura precedente)

    "url": "/plugins/tabContent.html?Order number=$ORDERNO.&pfad=$PATH.&MIDENT=$MIDENT.
     &Standard number=$NN.&Standard name=$NB.&Standard text=$NT.&BOM name=$LINA.
     &LineId=$LINEID.&LineSubId=$LINESUBID.&Diameter=$D.",

  2. Creare nella cartella $CADENAS_SITESETUP/3df/plugins un nuovo file HTML "tabContent.html" e copiare il seguente contenuto in. Se la cartella non esiste, crearla.

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </head>
    
      <body>
        <div>Custom Tab Content</div>
        <div>Url Params:</div>
    
        <script>
          window.addEventListener("load", () => {
            const queryParams = new URLSearchParams(window.location.search);
            queryParams.forEach((value, key) => {
              const div = document.createElement("div");
              div.textContent = `${key} - ${value}`;
              document.body.appendChild(div);
            });
          });
        </script>
      </body>
    </html>
  3. La scheda dovrebbe ora essere visualizzata in 3Dfindit.

    Figura 4.402. 

  4. Opzionale:

    È possibile limitare la visualizzazione della scheda con delle condizioni. A tale scopo, utilizzare "condizione".

    Questo funziona solo per i due parametri erpRole e catalog. Le sottodirectory possono essere specificate anche per il catalogo.

    Esempio 1:

    "condition": {
              "erpRole": ["DUMMY"],
              "catalog": ["a4hydrauliek"]
            }

    Esempio 2:

    "condition": {
              "catalog": ["norm/iso"]
            }

    Inserite il codice dopo "url" e assicuratevi di separare i due comandi con una virgola.

            ...
            "url": "/plugins/tabContent.html?NB=$NB.",
            "condition": {
              "erpRole": ["DUMMY"],
              "catalog": ["a4hydrauliek"]
            }
          }