Σύνδεση με Facebook Σύνδεση με Google+ Σύνδεση με Linkedin

ή με

ΤΕΣΑΕ ΑΤΕ
  • H Επιχείρηση
    • το Profil μας
    • Ιστορικό σημείωμα
    • ΤιμοΛογική
    • Τεχνολογία
    • 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 Web App CRM
        • Pegasus e-Commerce
        • Pegasus e-Hotel
        • Pegasus e-Service
        • Pegasus e-Courier
        • Pegasus e-Champion
        • Pegasus e-Transport
        • Pegasus e-Delivery
      • Pegasus Web app
      • Video Παρουσιάσεις
      • Πρότυπες Μελέτες ή Εφαρμογές
      • Ιστορικό αλλαγών Pegasus Web App
      • Hermes Templates
      • WEB App REST API
    • Διαδικτυακές Φιλοξενίες
      • Διαδικτυακών Ονομάτων
      • Διαδικτυακών Χώρων
        • Τυποποιημένα Πακέτα Φιλοξενίας
        • ISP
    Αυτόματο 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
    • Επικοινωνία
    • Επικοινωνία
    • Πείτε μας το Project σας
    • Ευκαιρίες Καριέρας
    • Downloads
    • Sitemap
    • Όροι Χρήσης
    Εξελίξεις Λογισμικών
    Pegasus ERP Updates: 2520
    Pegasus Web App Updates: 7269

    Παραμετροποίηση του module myDATA μέσα από το Pegasus Web App ERP
    Νοε02,2020
    Αποστολή/Παραλαβή παραστατικών μέσω του module myDATA
    Οκτ08,2020
    Εγκατάσταση & Βασική Παραμετροποίηση του module myDATA
    Σεπτ29,2020
    Εγχειρίδιο Χρήσης myDATA & Εγγραφή στο myDATA REST API
    Σεπτ29,2020
    Πρώτα βήματα παραμετροποίησης Pegasus Web App ERP Start Up
    Σεπτ17,2020
    Δείτε όλες τις Πρότυπες Μελέτες >>
    ΤΕΣΑΕ ΑΤΕ
    On-line Users
    Μέλη: 0
    Επισκέπτες: 10
    © Copyright TESAE SA
      Powered by Pegasus Technology