- Time Series Admin
- Jekyll Admin - Documentation
- Quasar Framework
- First Quasar Application
- Quasar Admin Template Example
Time Series AdminAfter decifing to make my next frontend using quasar I first had to read through the following documentations in about 2 days:. It looks a lot but most stuff is real easy so you may go along very fast and come back to these pages while working with it. I used the default Quasar starter kit and first made some layout changes to get ajusted with the framework. My next step was to build a simple layout and checkout the electron wrapper which works really good. My first application should not be any hello world fuss but a really functioning and usable application so I created:. Alinex Admin Portal which should be used as frontend to different administration tasks. My next Task was to add authentication to the client. This is not as easy because I had to think of a way to check that other pages should be only visible if authenticated and make methods which will later connect to the server for the authentication. The mentioned checkAuth method will check if the user is already authenticated through the authentication api module. To get a common display I made a special layout which holds the common part and most of the styles:. As you have seen I already added a lot other things like validation, error message display on demand, autofocus…. My next bigger steps will be to make the REST Server component and make connecting it with the frontend. Blog Develop Code. First Quasar Application 04 January After decifing to make my next frontend using quasar I first had to read through the following documentations in about 2 days: Vue. Starter I used the default Quasar starter kit and first made some layout changes to get ajusted with the framework. I added some npm scripts to call everything I need. The Application My first application should not be any hello world fuss but a really functioning and usable application so I created: Alinex Admin Portal which should be used as frontend to different administration tasks Integrate Authentication My next Task was to add authentication to the client. Routing To work with these I made the following routes: The default route giving a welcome page if nothing is select and user is not authenticated. Posts about: Alinex Redesign of this site Alinex Goals. Posts about: Angular Application Development. Posts about: Exec Development of Exec Library.
Jekyll Admin - Documentation
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. If nothing happens, download GitHub Desktop and try again. If nothing happens, download Xcode and try again. If nothing happens, download the GitHub extension for Visual Studio and try again. These resources have not been created by Quasar Team, nor do we maintain them or financially benefit from them. Do not forget to watch official video tutorials. Skip to content. Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up. Branch: master. Find file. Sign in Sign up. Go back. Launching Xcode If nothing happens, download Xcode and try again. Latest commit. Latest commit a6 Apr 8, Community App Extensions Name Description qmodeltd QModelTd is an UI app extension for Quasar that simplifies the usage of editable or selectable QTd remote-dev-tools Vue remote devtools for Cordova and Electron apps made with Quasar alpaca-forms Alpaca form builder built for Quasar draggable A Quasar extension that makes elements draggable and movable with keyboard. Allows ribbons at the top, corners, bottom etc. It allows you to filter data for each column, Drag and Drop Rows and also allows you to filter data using header filters. It allows you to display data in hierarchy structure on your page. Great for web and PWA solutions. And ready to use the Google Firebase features. With original and offbeat content, the app is based on real time and smart content feed to make it simple and accessible with a scroll. The app geolocates users on a map and give them relevant information based on their needs and situation. For Ethereum payments. Open in a Mobile wallet and receive customer's payments with an intuitive UI.
First Quasar Application
It's built with: Hogan. The configuration is done through hand editing json files, although in the future there might be some kind of a GUI tool for that. Either way the path to the configuration directory should exist. If it doesn't contains any configuration files yet, you'll be prompted to add required information for your database, server port and admin account credentials. All settings related to the default Express Admin views are set inside the settings. The settings. Each table object have:. Each table object contains an array of colums. Each column object have:. All objects in this file are user created. The public key is related entirely to inclusion of custom static files. It's possible to have an object containing only public key in it, as well as object containing an app key only, or both. See the custom views documentation and the examples. The link and the ref keys additionally can contain a schema key, specifying PostgreSQL schema name for the relation table. The link table's parentPk and childPk key can be array as well. The ref table's pk key can be array as well. See compound primary key documentation. Inside the settings. In case One to Many table relationship is referenced by multiple foreign keys, the regular One to Many setting can't be used, as it expects to be put inside an existing column inside the settings. Therefore the following fake column entry must be added to the columns array similar to how Many to Many relationship is configured. The fk key specifies the foreign keys in this table that are referencing the other one. In case tables with multiple primary keys are part of a Many to Many table relationship, the regular Many to Many setting is used, but additionally the parentPk and childPk keys inside the link table, and the pk key inside the ref table, can be set to array of foreign and primary keys respectively to accommodate that design. Same as the regular Many to One setting, but additionally the value for each table listed there can be set to array of foreign keys referencing this table. Same as the regular one to One setting, but additionally the value for each table listed there can be set to array of foreign keys referencing this table. You should either download CKEditor from ckeditor. Your custom editor is initialized here. However there are a few requirements. Here class-name is the same class name you specified inside the settings. The most important bit is that you should always exclude the textareas that are contained inside the hidden row for an inline record. That's easy because all of them have a blank class on their containing row. The hidden textareas are initialized when they are appended to the document body. The onAddInline is an event like global function that is called each time an inline record is appended to the list of records. The rows parameters contain all table rows that's been added. Again we loop through all of them and initialize only those textareas that have the class we specified in settings. You should either download TinyMCE from tinymce. The tr:not. Your custom editors are initialized here. Here based on a specific class-name specified for each column inside the settings. The admin's custom views follow the Modular web applications with Node. You should definitely run the examples from the examples repository as each of the custom views apps presented there is really well commented.