Σύνδεση με Google+

ή με

ΤΕΣΑΕ ΑΤΕ
  • H Επιχείρηση
    • Τεχνολογία
    • Pegasus Phaethon
    • Tα Νέα της ΤΕΣΑΕ
      • Τα νέα μας
      • Ηλεκτρονικά Βιβλία ΑΑΔΕ myDATA
      • Ισολογισμοί
  • Oι Συνεργάτες
  • Tοπικά Λογισμικά
    • Λογισμικά (Pegasus ERP)
      • Εμπορικές Επιχειρήσεις
      • Πρατήρια Υγρών Καυσίμων
      • Χώροι Εστίασης (Εστιατόρια Καφετέριες , Bar , Delivery)
      • Στεγνοκαθαριστήρια, Ταπητοκαθαριστήρια
      • Συνεργεία, Φανοποιεία, Ανταλλακτικά
      • Ελαιοτριβεία
      • Parking, Λιπαντήρια Αυτοκινήτων
      • Μεταφορικές Εταιρίες
      • Courier , Ταχυμεταφορες
      • Βιβλιοπωλεία - Χαρτικά
      • Γεωργικές επιχειρήσεις
      • Κρεοπωλεία
    • Pegasus ERP
    • Video Παρουσιάσεις
    • Πρότυπες Μελέτες ή Εφαρμογές
    • Ιστορικό Αλλαγών Pegasus ERP
    • Module PDA Client
    • Module Γέφυρες Λογιστικής
    • Module Phone
  • Διαδικτυακά Λογισμικά
    • Λογισμικά (Pegasus Web App)
      • Pegasus Web App ERP
      • Pegasus Web App Freelancer
      • Pegasus e-Hotel
      • Pegasus e-Courier
      • Pegasus e-Transport
      • Pegasus Gym
    • Pegasus Web app
    • Video Παρουσιάσεις
    • Πρότυπες Μελέτες ή Εφαρμογές
    • Ιστορικό αλλαγών Pegasus Web App
    • WEB App REST API
Αυτόματο Compile των Less αρχείων του Template

Για την καλύτερη τεχνική υποστήριξη στο web design των ιστοσελίδων του Πήγασου υιοθετείται η χρήση αρχείων less. Η όλη επεξεργσία του styling των ιστοσελίδων γίνεται μόνο στα αντίστοιχα αρχεία less κι στην συνέχεια αναλαμβάνει ο less compiler (πχ. Crunch Editor) για την μετατροπή (compile) των less αρχείων στο τελικό αρχείο css του εκάστοτε template.

Για την αυτοματοποίηση της παραπάνω διαδικασίας προσθέθηκε επιλογή μέσα απο τον Pegasus Cloud App (administrator) που πραγματοποιεί την μετατροπή (compile) των less αρχείων στο τελικό αρχείο css.

Στις "Παραμέτρους Εφαρμογής" των "Bασικών Παραμέτρων Ηermes", [Toolbox->Εργαλεία Παραμετροποίησης->Παραμετροποίηση Ηermes Web Site->Bασικές Παράμετροι Ηermes] υπάρχει το πεδίο "Διαμόρφωση Site" που περιέχει το "Ενεργό CSS" template. Επιλέγοντας "Διαχείριση Εγγραφής Πίνακα" (εικονίδιο-μολυβάκι) εμφανίζονται όλες οι δυνατές πληροφορίες που αφορούν το "Ενεργό CSS".

Στην επιλογή "Ενέργειες" και στο κάτω δεξια μέρος της οθόνης έχει προσθεθεί η επιλογή "Compile Less" η οποία κάνει compile όλα τα αρχεία less του ενεργού template και παράγει το τελικό css αρχείο στην τοποθεσία που ισοδυναμεί με την τιμή του πεδίου "Όνομα Αρχείου CSS" αντικαθιστώντας το προηγούμενο css αρχείο.
Παράλληλα δημιουργείται backup του προηγούμενου αρχείο για να υπάρχει δυνατότητας επιστροφής σε παλαιότερο επιθυμητο template.

compile_less_001

compile_less_002

Για να γίνει κατανοητή η λειτουργία της επιλογής "Compile Less" θα πρέπει να περιγραφεί η επιθυμητή δομή των φακέλων σε κάθε template:

- Σε κάθε εφαρμογή θα υπάρχει στον server ο φάκελος "/css/default/less/" ο οποίος περιέχει ένα minimum πακέτο styling. Μέσα σε αυτόν το φάκελο θα υπάρχει ένας φάκελος για κάθε εγκατεστημένο module με όνομα της μορφής: pg_moduleName μέσα στον οποίον θα βρίσκονται όλα τα βασικά αρχεία less που αφορούν το συγκεκριμένο Module. πχ: Αν στην εφαρμογή με template_xxx είναι εγκατεστημένο το module Hermes Products, θα υπάρχει στον server στην τοποθεσία "/css/default/less/" ο φάκελος "pg_products" που θα περιέχει όλα τα αρχεία less του module Hermes Products.

compile_less_003

- Κάθε template (template_xxx), με path στον server /css/template_xxx/, θα περιέχει ένα φάκελο με όνομα "less" στον οποίο θα βρίσκονται όλα τα less αρχεία που είναι απαραίτητα για το styling του template_xxx αλλά και για το επιμέρους styling των Hermes Modules που έχουν εγκατασταθεί.


- Μέσα σε αυτόν το φάκελο ("less") θα υπάρχει ένας φάκελος για κάθε εγκατεστημένο module με όνομα της μορφής: pg_moduleName μέσα στον οποίον θα βρίσκονται όλα τα αρχεία less που αφορούν το συγκεκριμένο Module κι έχουν παραμετροποιηθεί (σε σχέση με τα αρχικά - /css/default/less) με βάση τις προτιμήσεις του πελάτη.
πχ: Αν στην εφαρμογή με template_xxx είναι εγκατεστημένο το module Hermes Products, θα υπάρχει στον server στην τοποθεσία "/css/template_xxx/less/" ο φάκελος "pg_products" που θα περιέχει όλα τα αρχεία less του module Hermes Products.


- Επίσης στον φάκελο ("less") θα υπάρχει ένα γενικό less αρχείο, import.less ("/css/template_xxx/less/import.less"), στο οποίο γίνονται import όλοι οι φάκελοι less των εγκατεστημένων modules.

- Τέλος στον φάκελο ("less") θα υπάρχει ένα less αρχείο, template_xxx.less ("/css/template_xxx/less/template_xxx.less"), στο οποίο γίνονται import όλα τα υπόλοιπα αρχεία less που βρίσκονται στον φάκελο κι είναι αυτό στο οποίο θα κάνουμε compile για να παραχθεί το τελικό template_xxx.css.

compile_less_004

Η επιλογή "Compile Less" λειτουργεί ως εξής:

1) Ελέγχεται αν ήδη υπάρχει ενεργό css ("css/template_xxx/template_xxx.css") κι αν υπάρχει δημιουργείται ένα backup αρχείο της μορφής ("css/template_xxx/template_xxx_backup_date(Ymd)_time(Hms).css").

2) Ελέγχεται αν υπάρχουν όλοι οι αντίστοιχοι φάκελοι less των modules που έχουν εγκατασταθεί (pg_moduleName) στην τοποθεσία "/css/template_xxx/less/" κι αν υπάρχουν καταγράφονται στο αρχείο import.less.

3) Αν δεν ισχύει το (2) τότε ελέγχεται αν υπάρχουν όλοι οι αντίστοιχοι φάκελοι less των modules που έχουν εγκατασταθεί (pg_moduleName) στην τοποθεσία "/css/default/less/" κι αν υπάρχουν καταγράφονται στο αρχείο import.less.

4) Ελέγχεται αν υπάρχει το αρχείο template_xxx.less, κι αν ναι τότε γίνεται compile και παράγεται το τελικό CSS ("/css/template_xxx/template_xxx.css").

5) Όταν ολοκληρωθεί το compile εμφανίζεται αντίστοιχο ενημερωτικό μήνυμα.

compile_less_005

compile_less_006

Ημερομηνία  28/04/2016
Σχετικά Aρθρα
How to Skin, Δημιουργία νέου CSS
Pegasus Hermes και less dynamic stylesheet language
Pegasus Hermes και Bootstrap
  • Μεσογείων 274, 3ος όροφος, 15562, Eλλάδα
  • +30 210-7489589
  • Επικοινωνία
  • Επικοινωνία
  • Downloads
  • Sitemap
  • Όροι Χρήσης
Εξελίξεις Λογισμικών
Pegasus ERP Updates: 2820
Pegasus Web App Updates: 10871

Τεχνικά Θέματα εφαρμογών Pegasus: Εγκατάσταση και Παραμετροποίηση module Web App Notification
Μαρ28,2023
Τεχνικά Θέματα εφαρμογών Pegasus: Μεταφορά εφαρμογής Champion (τοπικής ή Web App) σε Pegasus Gym Web App
Μαρ23,2023
Pegasus Web App και Τεχνικά Θέματα: Παραμετροποίηση και Λειτουργία του module Phone
Μαρ14,2023
Pegasus Gym: Αυτόματες Ενημερώσεις
Φεβ14,2023
Pegasus Web App και Τεχνικά Θέματα: Μεταφορά Τοπικής Εφαρμογής σε Web App
Φεβ13,2023
Δείτε όλες τις Πρότυπες Μελέτες >>
ΑΜΕΑΑΜΕΑ
-A+
© Copyright TESAE SA - Γ.Ε.ΜΗ : 2120301000
  Powered by Pegasus Technology   
ΕΣΠΑ 2014-2020ΕΣΠΑ 2014-2020