GithubHelp home page GithubHelp logo

zuixjs / zuix-html-pwa Goto Github PK

View Code? Open in Web Editor NEW
155.0 155.0 53.0 6.09 MB

Progressive Web App template with a responsive, touch-first layout.

Home Page: https://zuixjs.github.io/zuix-html-pwa/

License: MIT License

CSS 16.55% HTML 23.53% JavaScript 59.92%
app-builder html javascript progressive-web-app webapp

zuix-html-pwa's People

Contributors

dependabot[bot] avatar genemars avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

zuix-html-pwa's Issues

Posting data to server and rendering results

Hi - great template! I've read the documentation and I believe I understand how to POST data to a server, but I'm not sure I understand how to render the results back to the users.

  • I can make a page with a form on it.
  • I would make a component for that page and register an event handler (to detect when a submit button is pushed)
  • I would create a JS function to gather the data/JSON/etc and ajax POST it to a server

Now, when my function gets the results back, how can i push those results/data to a new page or view to be rendered to the screen?

Any examples or pointers would be greatly appreciated! Thanks!

No a issue but suggestion

May adding the possibilty to load json
data-o-json="http://mywebsite/myjsonfile.json"></div>
with the same structure as rss, title, description, url ect.

Could not get app started

I tried to follow the tutorial, but it looks nothing like your version. and Im not getting any of the news feeds.
Screenshot 2019-03-14 03 10 20
Also the side bar slider is not working, its only working in the offline version. How do I fix it?

Fire an event after all zuix components have loaded?

Hi - great template!

...I am making use of Firestore (google cloud platform) for authentication and some other data elements for this app.

When the user has an active session, it emits a Firestore event (onAuthStateChanged). I have functions for Firestore in index.js ..When this onAuthStateChanged event is emitted, it alters content and calls functions on subsequent pages and components that zuix handles.

For example onAuthStateChanged emits because the user is logged in and can see specific content.

It appears that the Firestore onAuthStateChanged event is emitted BEFORE some of my javascript for sub-pages is finished loading. I am loading those pages like so:
<section data-ui-load="pages/profile" data-ui-options="options.profilePage"></section>

So I get errors like TypeError: Cannot read properties of undefined (reading 'setupMainMenuUI') (which is a function inside of profile.js); I'm assuming it's not available yet because the onAuthStateChanged emits BEFORE the profile page is done loading.

Is there a way to emit an event AFTER all the pages (html, css, and js) are loaded so that I can then define actions for Firestore? (or any tips on how to handle this?)

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.