How do I download the Angular UI Grid? - angularjs

I can't believe I have to ask this, but how do I download the Angular UI Grid?
From http://ui-grid.info/:
After, I click the Download button (above), I get taken here:
Now what? I don't see a download button. I'm not sure what to do. Somebody please tell me what I must so obviously be missing.

You only get the Download Zip link when at the ui-grid.info/ github page, not below, such as when viewing ui-grid/release/.

UI Grid is still in beta as of this moment and a lot of stuff is still in flux, non-working links from the front page being part of that... I agree it should be fixed.
The easiest way for now would be to go to the bower repo on github and download the zip for a tag.
Example link: https://github.com/angular-ui/bower-ui-grid/tree/v3.0.0-rc.14
Example zip: https://github.com/angular-ui/bower-ui-grid/archive/v3.0.0-rc.14.zip

Another easy way is to get it here:
http://ui-grid.info/release/ui-grid.js
http://ui-grid.info/release/ui-grid.min.js
http://ui-grid.info/release/ui-grid.css
http://ui-grid.info/release/ui-grid.min.css
http://ui-grid.info/release/ui-grid.woff
http://ui-grid.info/release/ui-grid.ttf

You might also want to consider using a package manager like Bower. It will make your life easier, and add consistency to your dependency management.

Related

How to create a ReactJS zoomable image lightbox

I'm creating a gallery of images in ReactJs. There are a lot of examples online, but i didn't find anything that is perfectly responsive on desktop browsers and also completely mobile friendly.
In particular, when an image is opened on the mobile browser, i need to be able to zoom the photo with a double tap, and close the photo when i drag it to the bottom
I already tried all the principal solution that i found online.
For example, i tried all of these https://reactjsexample.com/tag/lightbox/
and much much more.
I also tried different approaches like CSS rules, Viewport rules, create a simple zoomable html div, etc... But nothing worked.
Basically, what i what to achieve is exactly something like this: https://www.lucapetruzzi.com/gallery/1
Created thanks to this library: https://photoswipe.com/ that unfortunately i can't use in React.
(I also tried the react-photoswipe and react-photoswipe-2 libraries but it seems not maintained and not working with new versions of React)
Thank you for any help
So for previous comments, I wrote a snippet for you, check here
Here are the mainly steps:
use npm install photoswipe so DON'T need to include builded js but NEED to include css in index.html (or you can import in App.css)
write the markup in js component
init it by click button or in useEffect

react library that this site using

I'm make a graphical website, so I use three.js for implement it.
For a reference, I searched a lots of site and found some interest site.
https://www.magicleap.com/ is made with React.js.
Connect the site and scroll up/down, it's effect like move forward and backward.
So I wonder that, which library used in this site to implement animation with scroll?
Anyone who know about that, please comment it.
Thanks.
It seems they are using next.js.
Sources:
https://react-etc.net/entry/who-is-using-next-js
https://builtwith.com/?https%3a%2f%2fwww.magicleap.com%2f

Nativescript calendar plugin

Can anyone tell me how to use the calendar plugin in nativescript? And I am using only XML not with typescript. I need the calendar control exactly like as in Bookmyshow.
There are several options for calendar plugin.
The most extended one is the telerik-ui for NativeScript
The calendar is highly customisable and offers a lof of functionality.
You can see more about it here - keep in mind that this is a paid functionality.
Another option is to search for community-made nativescript calendar related plugins. Like this one here! Not familiar with it - it looks easy to work with.
The third option is to use date-picker. IF you are looking for a calendar in Android then you can open your app/App_Resources/Android/values-21 folder and open the file styles.xml and modify the default mode of the date picker from spinner to calendar.
Example:
<item name="android:datePickerMode">calendar</item>
You might be interested in the "Telerik UI for NativeScript" plugin. There is a free and pro version which contains a really slick looking and functioning calendar UI component.
More details about the plugins and their contents can be found here. Additionally you can take a look at the sdk examples regarding the RadCalendar component for both vanila and Angular 2 NativeScript.
I'm using this npm package:
https://www.npmjs.com/package/nativescript-calendar
"nativescript-calendar": "^1.0.7",
I juss created a wrapper over android-lib which help in rendering calendar in nativescript. checkout the plugin
https://www.npmjs.com/package/nativescript-calendar-weekview

PDF generation from AngularJS

I made an AngularJS page with multiple tables, and I need a pdf generation solution. I'm working in a Phonegap context.
The tools I found until now were not able to handle the CSS in my page (like JSpdf).
Do you know some great tools to solve my problem ?
Thanks in advance.
You can try phantomJS. http://phantomjs.org
It provides print to pdf function too.

Where can I find the AngularJS changelog?

It must be in an obvious place but I've net been able to find it. Can someone tell me where it is ? Is this a link on the main page? Seems like something that would be perfect to add to the blog.
A quick google turned up this link to their github repo: https://github.com/angular/angular.js/blob/master/CHANGELOG.md
Here is the changelog hosted on github: https://github.com/angular/angular.js/blob/master/CHANGELOG.md

Resources