OpenSTAManager
Sito webFacebookYouTubeUltima release
2.7.2
2.7.2
  • 📣Novità
  • Openstamanager
    • 🚀OpenSTAManager
    • 📙Configurazione
      • 🎯Installazione
      • ▶️Inizializzazione
      • 🆙Aggiornamento
      • ⏸️Backup
    • 📘Interfaccia
      • 📚Moduli e plugin
      • 👾Widget
      • 🔼Gestione upload
    • 📘Moduli
      • 📅Dashboard
        • ➕Creazione
        • 🖌️Modifica
        • ❗Azioni aggiuntive
      • 👤Anagrafiche
        • ➕Creazione
        • 🖌️Modifica
        • 🦠Tipi di anagrafiche
        • 📞Relazioni
        • 🌏Zone
        • 📭Provenienze clienti
        • 🗃️Settori merceologici
        • ❗Azioni aggiuntive
        • 🔧Plugin
          • 🔨Impianti del cliente
          • 🧑Referenti
          • 📍Sedi aggiuntive
          • 📊Statistiche
          • 📤Ddt del cliente
          • 🤵Dichiarazioni d'intento
          • 🎥Storico attività
          • 🛄Allegati
          • 🧾Contratti del cliente
          • 💰Movimenti contabili
          • 📑Regole pagamenti
          • 🔖Note interne
          • ⁉️Info
      • 📧Gestione email
        • 📬Newsletter
        • 🔄Coda di invio
        • 📋Liste
        • 📃Template email
        • ✉️Account email
      • 📖Gestione documentale
        • ➕Creazione
        • 🖌️Modifica
        • 📑Categorie documenti
      • 🚚Attività
        • ➕Creazione
        • 🖌️Modifica
        • ⛽Tipi di attività
        • ⏱️Fasce orarie
        • 🚇Stati di attività
        • 🧑‍🔧Tecnici e tariffe
        • ❗Azioni aggiuntive
        • 🔧Plugin
          • 📡Impianti
          • ✅Checklist
      • 💰Vendite
        • 🤝Contratti
          • ❗Azioni aggiuntive
          • 🔧Plugin
            • 🪙Consuntivo
            • 📅Pianificazione attività
            • 🔄Rinnovi
            • 📆Pianificazione fatturazione
        • 🧾Preventivi
          • ❗Azioni aggiuntive
          • 🔧Plugin
            • 🪙Consuntivo
            • 🔍Revisioni
        • 📞Ordini cliente
          • ❗Azioni aggiuntive
          • 🔧Plugin
            • 🪙Consuntivo
        • 📃Fatture di vendita
          • ❗Azioni aggiuntive
          • 📩Ricevute FE
          • 🔧Plugin
            • 📃Fatturazione elettronica
            • 🖋️Movimenti contabili
            • 📽️Registrazioni
      • 💵Acquisti
        • 📞Ordini fornitore
          • ❗Azioni aggiuntive
          • 🔧Plugin
        • 📄Fatture di acquisto
          • ❗Azioni aggiuntive
          • 📑Fatturazione Elettronica
          • 🔧Plugin
      • ⚖️Contabilità
        • 🖨️Stampe contabili
        • 1️⃣Prima nota
        • 📖Piano dei conti
        • ⏳Scadenzario
          • 💳Presentazioni bancarie
      • 📦Magazzino
        • 📺Articoli
          • ❗Azioni aggiuntive
          • 📊Statistiche vendita
          • 🔧Plugin
            • 💸Movimenti
            • 🏷️Serial
            • 🧺Giacenze
            • 📈Statistiche
            • 📑Listino clienti
            • 🧾Listino fornitori
            • ✂️Piani di sconto/magg.
            • 🪛Varianti articolo
            • ➗Provvigioni
        • 📖Movimenti
        • ✂️Piani di sconto/magg.
        • 🧾Listini
        • 📑Listini cliente
        • 📤DDT in uscita
          • ❗Azioni aggiuntive
        • 📥DDT in entrata
          • ❗Azioni aggiuntive
        • 🏬Giacenze sedi
        • ◾Attributi combinazioni
        • 🔳Combinazioni
      • 🪝Impianti
        • ➕Creazione
        • 🖌️Modifica
        • 🪜Categorie impianti
        • ❗Azioni aggiuntive
        • 🔧Plugin
          • 🔚Interventi svolti
          • 🔌Componenti
      • 📊Statistiche
      • 🗺️Mappa
      • 🔨Strumenti
        • 🗃️Tabelle
          • 📦Tipi di spedizione
          • 📑Stati degli ordini
          • 🎉Eventi
          • 📜Tipi documento
          • 🏷️Causali movimenti
          • ⏲️Tipi scadenze
          • 📑Stati dei contratti
          • 📑Stati dei preventivi
          • ➖Ritenute previdenziali
          • 💸Casse previdenziali
          • 💰IVA
          • 🖊️Modelli prima nota
          • 🏦Banche
          • 🪙Ritenute acconto
          • 💻Categorie articoli
          • 💶Pagamenti
          • ⚱️Porto
          • 📏Unità di misura
          • 🪞Aspetto beni
          • 🚚Causali trasporto
          • 👨‍🏭Mansioni referenti
        • 💡Campi personalizzati
        • 📥Import
          • 📥Import Anagrafiche
          • 📥Import Articoli
          • 📥Import Attività
          • 📥Import Impianti
          • 📥Import Listini
          • 📥Import Piano dei conti
          • 📥Import Preventivi
        • 👀Viste
        • 🗣️Utenti e permessi
        • 🎚️Impostazioni
        • ☑️Checklists
        • 🪢Segmenti
        • 🚦Stato dei servizi
        • 🖨️Stampe
        • 📑Gestione task
        • ⏫Backup
        • 🔝Aggiornamenti
        • Adattatori di archiviazione
    • 📱APP Tecnici
      • 3️⃣v3.0.41
      • 3️⃣v3.0.30
  • guide
    • 🔮Come si fa?
      • 👏Autofattura
      • 👥Attività 'Per conto di'
      • 🏦Banca predefinita anagrafica
      • 📲Calendario su telefono
      • ⏱️Contratti a ore
      • 🧑‍🔧Contratti di manutenzione
      • 🙋‍♂️Dichiarazioni d'Intento
      • 👍Esportare e stampare tabelle con molti record
      • 📃Fattura pro-forma
      • 📘Fatturazione Elettronica
        • 🏷️Codice identificativo documento e CIG
        • ⌛Decreto Rilancio 2020
        • 🤔Domande comuni
        • ⛔Errori frequenti
        • 🏫Fattura elettronica verso PA
        • 🙋‍♀️Fatture TD21 - TD27
        • 🏫Split payment e reverse charge
      • 📃Fatture non elettroniche
      • 🌈Formattazione celle
      • 🖊️Generazione di una chiave di licenza Wacom
      • 💵Gestione acconto
      • 🗳️Gestione magazzini
      • 💡Gestione provvigioni agenti
      • 🔰Impostare logo nelle stampe
      • 💶Incassi e pagamenti
      • 🔜Incassi e pagamenti anticipati
      • 🫴Invio automatico di solleciti di pagamento
      • 💵Liquidazione di salari e stipendi
      • 📄Nota di credito
      • 🧑‍🔧Permessi di visualizzazione degli utenti
      • 👨‍🏫Prezzo di vendita automatico
      • 🏢Quantità di magazzino
      • 💸Registrazione di crediti inesigibili
      • 📃Stampa inventario
      • 🗓️Tasks programmati
      • 🔨Verificare l'installazione di OSM
      • 🗓️Contabilizzare una Ri.Ba.
    • 🪂Strumenti esterni
      • 📸Awesome screenshot
    • 📽️Videoguide
      • 🎥Attività/Fatturazione
      • 🎥Autofattura
      • 🎥Importazione articoli
      • 🎥Preventivo/Consuntivo
      • 🎥Registrazione movimenti bancari
      • 🎥Scheda accettazione
    • 📘F.A.Q.
  • Moduli premium
    • 📙Installazione
    • 📗Budget
    • 📗Disponibilità tecnici
    • 📗Distinta base
    • 📗E-commerce
    • 📗Email ticketing
    • 📗Fatturazione programmata contratti
    • 📗Gestione SMS
    • 📗Integrazione con 3CX
    • 📗Produzione
      • 🪵Configurazione
      • 🥽Flusso di produzione
      • 📦Evasione ordine
    • 📗Registrazione movimenti bancari
    • 📗Presenze
    • 📗Richiesta intervento
    • 📗Riordino fornitori
    • 📗Scheda accettazione
    • 📗Vendita al banco
  • Configurazioni
    • 📙API
    • 📙Google Maps API key
    • 📙OAuth2
  • per sviluppatori
    • 📘Recupero della password
    • 📒Contribuire
    • 📒Personalizzazione
      • 🕹️Codice
      • 🖥️Framework
      • 💾Assets
    • 📒Strutture
      • 📒Moduli
        • 📒Nucleo
        • 📒Stampe
        • 📒Widget
        • 📒Plugin
      • 📒Gestione del multilingua
Powered by GitBook
On this page
  • 🏗️ Struttura
  • 🖌️ Personalizzazione
  • 🖌️ Tema grafico
  • 🖌️ Aggiornamento e installazione pacchetti
  • 🖌️ Compilazione
  • 🎈 Assets predefiniti

Was this helpful?

  1. per sviluppatori
  2. Personalizzazione

Assets

Come personalizzare OpenSTAManager tramite l'utilizzo di assets

PreviousFrameworkNextStrutture

Was this helpful?

Web assets are things like CSS, JavaScript and image files that make the frontend of your site look and work great.

Gli assets sono, all’interno dei moderni ambienti di sviluppo web, il cuore pulsante del software in relazione al layout e al livello di accessibilità. In particolare, il termine assets fa solitamente riferimento ai componenti di natura grafica di un software quali immagini, fonts e icone, linguaggi di scripting client-side (JavaScript) e fogli di stile a cascata (Cascading Style Sheets).

Il progetto utilizza per gestire l'installazione e l'aggiornamento degli assets e per compilarli e associarli con le personalizzazioni. Viene inoltre richiesta la presenza di all'interno del sistema operativo.

🏗️ Struttura

Yarn salva automaticamente gli assets da lui gestiti all'interno della cartella node_modules, non presente nella repository e nelle release del progetto per la sua natura estremamente variabile e facilmente riproducibile (tramite l'utilizzo dello strumento, come si vedrà in ).

Gli assets personalizzati del progetto sono al contrario contenuti all'interno della cartella assets/src; parallelamente, gli assets utilizzati direttamente dal progetto sono infine contenuti all'interno della cartella assets/dist, generata in automatico tramite l'utilizzo di .

🖌️ Personalizzazione

L'introduzione di una gestione automatizzata rende, di fatto, maggiormente semplificata la gestione delle dipendenze grafiche del progetto, portando però al tempo stesso alla necessità di utilizzare una specifica procedura per aggiornare e personalizzare gli assets. Si ricorda che è altamente sconsigliato modificare i contenuti delle cartelle node_modules o assets/dist in modo manuale, poiché tali modifiche andrebbero perse a seguito di ogni aggiornamento.

🖌️ Tema grafico

La personalizzazione dello stile del gestionale può essere effettuata a partire dal foglio di stile assets/src/css/themes/default.css, contenente le principali impostazioni grafiche del progetto. L'aggiunta di un nuovo tema richieda la creazione di un file indipendente nella stessa cartella, rinominando la classe CSS generica con il nome della skin inserita (da .skin-default a .skin-nome).

Una volta eseguita la task automatica di compilazione, il nuovo file varrà aggiunto in themes.min.css di assets/css.

Per modificare lo stile utilizzato dal gestionale, si deve modificare la variabile $theme in config.inc.php.

// Tema selezionato per il front-end
$theme = 'default';

Da gestionale sono previsti i temi:

  • blu

  • blu-light

  • black

  • black-light

  • green

  • green-light

  • red

  • red-light

  • yellow

  • yellow-light

  • purple

  • purple-light

🖌️ Aggiornamento e installazione pacchetti

Nel caso si rivelasse necessario installare o aggiornare i pacchetti predisposti dal gestionale, è necessario procedere all'esecuzione dei comandi caratteristici di Yarn e successivamente eseguire una compliazione degli assets.

L'installazione di nuovi pacchetti viene eseguita attraverso il seguente comando:

yarn add <package>

L'aggiornamento degli assets gestiti è effettuabile tramite il seguente comando:

yarn upgrade

🖌️ Compilazione

Per compilare gli assets, sia quelli gestiti da Yarn che quelli personalizzati, è necessario eseguire il seguente comando:

yarn run build-OSM

Attenzione: la compilazione è fondamentale a seguito di ogni modifica degli assets, poiché altrimenti i file utilizzati dal progetto non saranno aggiornati.

🎈 Assets predefiniti

  • admin-lte

  • autosize

  • bootstrap

  • bootstrap-colorpicker

  • bootstrap-daterangepicker

  • ckeditor

  • components-jqueryui

  • datatables.net-bs

  • datatables.net-scroller-bs

  • eonasdan-bootstrap-datetimepicker

  • font-awesome

  • fullcalendar

  • inputmask

  • jquery

  • jquery-form

  • jquery-slimscroll

  • jquery-ui-touch-punch

  • moment

  • parsleyjs

  • promise-polyfill

  • select2

  • select2-bootstrap-theme

  • signature_pad

  • smartwizard

  • sweetalert2

  • tooltipster

I nomi sono indicati secondo la notazione tipica dei pacchetti NPM.

Per ulteriori informazioni, consultare la .

📒
💾
documentazione ufficiale di Yarn
Symfony
Yarn
Gulp
Git
Gulp
Personalizzazione