Προς το περιεχόμενο
  • Εγγραφή

slevinkelevra

Members
  • ΜΗΝΥΜΑΤΑ FORUM

    485
  • ΜΕΛΟΣ

  • ΤΕΛ. ΕΠΙΣΚΕΨΗ

ΑΝΤΙΔΡΑΣΕΙΣ

818 Excellent

Σχετικά με slevinkelevra

  • Κατάταξη
    Senior Member
  • Ημερομηνία γέννησης 21/07/1987

Πληροφορίες προφίλ

  • Φύλο
    Άνδρας

Πρόσφατες Επισκέψεις

4.354 προβολές προφίλ
  1. Καλησπερα. Το σεναριο ειναι απλο. Χρηση φορμας για ανεβασμα μιας εικονας με το ονομα της. Αν ανεβει επιτυχως, τοτε ανανεωσε ενα photogallery. Χρισημοποιω angular6 και το ng-carousel . Προς το παρων ειναι ολα τοπικα σε windows 10 laptop. Η φορμα γινετε κανονικα upload, το κειμενο αποθηκευεται στη βαση κανονικα και η εικονα σωζεται σε φακελο στον Node.js. Βλεπω τις αλλαγες κανονικα και δεν υπαρχει κανενα λαθος στο κομματι της αποθηκευσης εικονας/κειμενου. Ομως μετα την αποθηκευση προσπαθω να χρησιμοποιησω τη νεα εικονα με το URL της για να ανανεωσω το carousel, να την προσθεσω εκ
  2. Καλησπερα Χρησιμοποιω angular 6 και εχω φτιαξει μια reactive form για ανεβασμα textfields μαζι με μια εικονα. Την εικονα μπορεις να την κανεις drop μεσα σε ενα div ή κλικαρωντας στο ιδιο div ανοιγει file picker και επιλεγεις. Ειτε με τον ενα ειτε με τον αλλο τροπο την περνας στο file input και κανεις submit τη φορμα χωρις attach κτλ. Σε vanilla js γενικα το χω, σε angular/typescript που ειμαι μπετοβλακας, θελω τη βοηθεια σας. Να το παραθεσω κομματι-κομματι <form [formGroup]="imageUpload" (ngSubmit)="imageUploadSubmitted()"> <h3>Προσθηκη εικονας</h3> <div
  3. Καλη προταση. Σωστος. Βαζω .carousel-item{ /*this contains the ngb-carousel .carousel-item img*/ width: 100%; height: 50vh; } ngb-carousel .carousel-item img{ width: auto; max-height: 100%; vertical-align: middle; } Τα βασικα θεματα ειναι και παλι πρεπει να εχεις breaking points, φανταζομαι ομως οτι πρεπει να ειναι πολυ λιγοτερα. Ηθελα μια λυση που να στεκει μονη της, χωρις να θελει breaking points. Αν εχεις breaking points τοτε ολο και καποια εικονα θα σου ξεφυγει και δε θα κατσει καλα ή κατα λαθος θα γινει crop. Any how αν δεν υπαρχει αλλη
  4. Καλησπερα Χρησιμοποιω το ng-carousel το οποιο δουλευει με την angular 6. Ολα τα components του περνουν το στιλ τους απο το bootstrap css . Αν βαλω μια landscape εικονα στο carousel ολα ειναι οκ. Αν βαλω μια portrait τοτε το width ειναι οκ, αλλα η εικονα διατηρει το original height , οποτε δε προσαρμοζεται μεσα στα πλαισια του carousel. Ψαχνωντας λιγο το css απο το παραδειγμα του παραπανω link , το στιλ της καθε εικονας στο carousel ειναι ngb-carousel .carousel-item img{ width: 100%; height: auto; vertical-align: middle; } το οποιο δημιουργε
  5. Η ενεργεια του push θελει καποιο χρονο. Μεσα σ αυτο το χρονο γινετε η κληση της last, με αποτελεσμα να δειχνει το τελευταιο στοιχειο του πινακα ο οποιος ομως δεν εχει ενημερωθει ακομα. Οποτε η κληση της last πρεπει να γινει αφου θα τελειωσει το images push. Αρα ας εκμεταλευτουμε μια βασικη....ιδιαιτεροτητα της javascript addpic(){ this.images.push({'link':'https://picsum.photos/900/500/?image=7','name':'added one'}); setTimeout(() => { this.last(); }); }
  6. Κατσε μισο, γιατι μπερδευτηκα πιο πολυ. Πες οτι πχ κανω detect ενα change στην HTML του carousel. Ok, πως ακριβως θατο κανω "refresh" ξερω γω, για να σιγουρευτω οτι.....εκανε render κ την τελευταια εικονα?? Συγνωμη που ξαναγυρναω στο ιδιο θεμα και σου ξαναπεταω το μπαλακι, δε το κανω απο εξυπναδα, το κανω γιατι δε ξερω τη τυφλα μου και δε βγαζω ακρη. Επσιης, αν βοηθαει, εχω αλλαξει τα εξης. Εχω προσθεσει ενα ακομα κουμπι να πηγαινει στη τελευταια εικονα. Οχι οτι αυτο θα ειναι το τελικο μου UI σε καμια περιπτωση, απλα για testing. HTML οπως ηταν συν αυτο στο τελος <but
  7. Καλησπερα. Χρησιμοποιω angular6 μαζι με το ngBootstrap carousel , που ειναι ουσιαστικα bootstrap components ετοιμα για angular. Θελω να προσθετω εικονες δυναμικα στο carousel. Τωρ τεσταρω στατικα προς το παρων με καρφωτες εικονες. Εχω λοιπον το πινακα με καποια json objs μεσα images= [{'link':'https://picsum.photos/900/500/?image=5','name':'first'},{'link':'https://picsum.photos/900/500/?image=574','name':'second'},{'link':'https://picsum.photos/900/500/?image=547','name':'third'}]; και μετα μια απλη function που προσθετει μια εικονα στο τελος του πινακα και πρεπει να παει το
  8. Ναι, ολο αυτο, μαζι με την ngOnInit ειναι μεσα σε μια κλαση export class myComponent { //ngOnInit //other code } και δουλεψε με arrow function -thanks Vamvakaris. Ηταν ενα απλο θεμα context και οχι scope (ακομα και σ αυτο εκανα λαθος). Απλα απο κεκτημενη ταχυτητα νομιζα οτι υπαρχει καποιο θεμα συνδυασμου angular και του πιο δυστροπου και γκαντεμικου API ολων των εποχων, του openlayers. Οκ, τυπικα θα μπορουσα να βαζω πχ private μπροστα απο την οποια getDetails, εχεις δικιο σ αυτο. To πιο περιεργο ειναι οτι μου απαντησε κοσμος μεσα σε ελληνικο φορουμ ενω εχει ηδη
  9. Καλησπερα Angular6/openlayers5 newbie εδω. Εχω φτιαξει μια εφαρμογη σε angular6 και τωρα εχω εισαγει βασικα openlayers5 που φορτωνει καποια geoJSON data, τα περναει ως σημεια στο χαρτη και μπορεις να τα κλικαρεις Ο κωδικας μου ειναι (τα βασικα, σχετικα με τον χαρτη και τα σημεια) ngOnInit() { //ασχετο με openlayers, αλλα δουλευει μεσα στο ngOnInit, ακομα και αν η ιδια η function οριζετε εξω απο αυτο this.getCategories(); //initialize vector layers (openlayers API) this.vectorsource = new VectorSource({}); this.vectorlayer = new VectorLayer({ source: this.vec
  10. Ευχαριστω κα παλι, δοκιμαζω κατι απλο οπως res.cookie('name', 'tobi', { httpOnly:false, secure:false, domain: null, maxAge: new Date(Date.now() + 900000) }); που εχει κ στο παραδειγμα των docs. Εχω δοκιμασει με domain null, localhost, .localhost, ..localhost και χωρις να καθοριζω τιποτα καθολου και δεν βλεπω κανενα cookie ουτε καν στην κονσολα. Υποθετω δηλαδη οτι θα επρεπε να το βλεπω μιας και χω μονιμα false το HttpOnly και το secure. Ειμαι στη φαση που εχω εξαντλησει τι θα μπορουσε να ειναι και απλα δοκιμαζω οτι λυση η συμβουλη βρω μπροστα μου. Παιζει να ειναι και καποια αλλη β
  11. Οχι, ολα καρφωτα τα βαζω , πχ http://localhost:3000/cms/signup Δε ξερω τι αλλο μπορει να παιζει. Και δε ξερω τι αλλο μπορω να τσεκαρω, δε μου κοβει να τσεκαρω κατι αλλο, συν του οτι εχω εκνευριστει, που δε βοηθαει καθολου. Μα και τωρα jwt ειναι, απλα επιλεγω να το αποθηκευσω σε cookie λογω της δυνατοτητας για http-only και αφηνω μονο το user id σε localStorage για πιο ευκολα προσβασιμο. Στη τελικη και να κλαπει δε μπορουν να κανουν και πολλα με ενα id μονο. Το localStorage γενικα δε μου φαινετε κ πολυ ασφαλες, ζηταμε πολλα πραγματα απο κατι που καταρχας εχει συγκεκριμενο q
  12. Ελα, εφτιαχνα form validation. Δεν εχω ιδεα. Πως μπορω να το τσεκαρω αυτο? Μπορω να δω κατι στα settings? Το μονο που ειχα κανει οταν το εστηνα, ηταν να βαλω "outputPath": "../public", στο angular.json για να βαλει την compiled angular στον Public φακελο του Node οταν την κανω compile. Απο κει και περα δεν εχω πειραξει κατι. Επισης στα angular services, τα url τα δινω καρφωτα , πχ return this.http.post('http://localhost:3000/cms/signup'....... Πως μπορω να τσεκαρω αυτο που λες?
  13. Ναι sorry, εχεις δικιο, αμα κανω res.cookie("SESSIONID", token, {httpOnly:true, secure:false}); δουλευει μονο αν κανω Login μεσα απο node (ολα απο localhost : 3000), αλλα μεσω angular παλι δε βλεπω το cookie. Αρα ειναι θεμα domain τωρα πια ? Υπαρχει κανα workaround γ αυτο?
  14. Ελα φιλε. Γιατι οχι cookies? Μια χαρα λυση ειναι. Εχω προσπαθησει και με res.cookie("SESSIONID", token, {httpOnly:false, secure:false}); και παλι δεν εγινε τπτ, ειχα το ιδιο προβλημα. Τεσπα, κατσε να ξαναδοκιμασω
  15. Καταρχας εφτιαξα καποια views στον node και μαζι με τα routes εκανα Login μεσα στον node και οχι απο την angular. Οποτε ολη η λειτουργικοτητα ηταν στο localhost : 3000. Και παλι δε μπορουσα να παρω cookies. Οποτε αυτο σημαινει οτι μαλλον δε φταιει που η angular τρεχει στον δικο της σερβερ και σε αλλη θυρα και ο node τρεχει σε αλλη θυρα. Απο κει και περα, συμφωνα με ενα αλλο παραδειγμα που ειχα δει και ετσι εχω φτιαξει καποια αλλα post, στο profile service εχω κανει getProfile(){ console.log('in profile service'); let headers = new Headers(); headers.append('Conten
  • Δημιουργία νέου...

Με την περιήγησή σας στο insomnia.gr, αποδέχεστε τη χρήση cookies που ενισχύουν σημαντικά την εμπειρία χρήσης.