Implement a customized Google Calendar with React Js? - javascript

My website currently runs a react-big-calendar Calendar with data I manually manage with graphql / Apollo
I decided to use Google Calendar for data management using the Google Calendar API instead of managing everything on my own database.
However, I was wondering if there was a way to directly include a custom Google Calendar ( the UI I mean ) in my website, so the Front-End part would be also managed by Google Calendar ( can be in an iframe, or a Google Component directly, if such a thing exists ).
This way I would leave most of the calendar front/back end logic to Google only, instead of having to call the Google API everytime I do a change on my react-big-calendar.
I say custom, because I would still need to edit some component, such as the pop-up opening when you want to create an event:
Most of the information have no use for me, and I would like to add others. I would also like to get rid of "search for people" or the create button on the sidebar, as an exemple.
Is there a way to include such a customized Google Calendar in my website? Or do I need to keep using my own react-big-calendar with data from the Google Calendar API?
Thanks in advance.

Unfortunately what you want cannot be achieved as Calendar doesn’t offer the possibility of editing/modifying any of its content.
Hence, the only available options in this situation are:
to embed it as explained in this article here;
make use of the Calendar API and build your own interface for it, just like you mentioned above.

Related

Can I access the Google Calendar API *directly* from javascript running in an HTML page?

I want to get started with the Google Calendar API and my idea was to just setup a simple HTML site I can directly open in the browser.
From this site I want to for example create an event in Google Calendar.
Is this possible (and how), or can I only access the Google Calendar API from a server?
Thanks in advance!
It's possible, but not so well supported by google. If you have a quick look at google developers, you'll find what you need. Including a quickstart and how to insert an event.
Also mind the authorizations you'll need calendar instead of calendar.readonly

Google Calendar Custom Button

we're using Google Apps heavily in my company. Now there is a new requirement to set specific settings (prefilled event name, rooms selected, ...) for the event automatically on creation.
This possibility should be available for all users in the company. So I asked myself (and now you also) if there is the possibility to add a custom button to the calendar app? This button could use the e.g. javascript API to create the new event with the prefilled information.
If this is not possible what other ideas do you have?
thanks & regards,
Dominik
Most Calendar App customisation a these days exist as Chrome extensions/plugins (other browsers are available) However, there is a way to install sidebar type tools via hosted XML. This XML can in turn host simple or elaborate web apps.
https://developers.google.com/google-apps/calendar/gadgets/sidebar/
If you are looking for a button anywhere n the Google Calendar UI other than a sidebar then the browser plugin would be your only option.

Workflow with Google Maps API

I just need to know where to start. I'm developing an app with Meteor framework, where I need to have let's say a custom marker, which I get from user's input, so this marker shows up in a place where user stands through geolocation. I need to get this input when a user taps a button like "i'm here", so what's the best way to make it so? Some JS on button? Any examples would be appreciate, thanks.
Use dburles:google-maps . The documentation is well written and easy to use. Use GoogleMaps.maps.exampleMap.instance to set the current location on the button click.Grab the users location using either HTML5's location ability or a cordova plugin that provides the same functionality, depending on the app's user base. You could also completely eliminate the need of the button and initialize the map with the users location. See the above package documentation.

Location Search Similar to Groupon

I need to implement location search similar to Groupon Location Search. I know about google places api and have gone through it, but i am unable to implement the search only for city and state code ( as Groupon location search do). Also i want to dropdown menu same as groupon do. I know, I can change the css of google location dropdown, but if there is some service other than google how can I do it for.
Desperately looking for help.
Thanks
One possible datasource for locations (cities/countries) is GeoNames.org
You can either download their entire database, install and use it in your web application (http://www.geonames.org/export/) or access their web services (an overview of the available services can be found here: http://www.geonames.org/export/ws-overview.html).
As for the dropdown/typeahead UI, check out Angular Bootstrap (requires AngularJS and Twitter Bootstrap's CSS, http://angular-ui.github.io/bootstrap/) or jQuery UI's AutoComplete (http://jqueryui.com/autocomplete/).

iphone, uiwebview with JS (google maps API)

two question for you:
reading google documentation i've make an html with the JS for make a google maps api call.
I've put this file in my project, and in a TABView i read and render this file in a uiwebview.
Works great but every time i start my app and go to this view i got this message: "appleweb://someID want to use your current location".
Is my fault or is normal? why my authrization is not saved in position auth?
Second: if i must make some other request on my map and passing new data or refreshing existent data is better that i do this via javascript or there's some option in cocoa to refresh my view?
It is surely not your FAULT, and yes it is normal. user location authorization SHOULD NOT be saved because the next time user launches his app he wont be knowing that his current location is being used (just in case he wants to avoid that for whatever reason).
I dont know the answer to you second question but just a suggestion: why don't you use MapKit API provided by apple instead of going with html and js for google maps? It is pretty easy to use and theres enough documentation and sample codes available on ADC.

Categories

Resources