IgorDePaula/slide.html

## slide.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><!DOCTYPE html>
        <html>
        <head>
            <title>Google Slides API Quickstart</title>
            <meta charset="utf-8" />
        </head>
<body>
<p>Google Slides API Quickstart</p>

<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize_button" style="display: none;">Authorize</button>
<button id="signout_button" style="display: none;">Sign Out</button>

<pre id="content" style="white-space: pre-wrap;"></pre>

<script type="text/javascript">
    // Client ID and API key from the Developer Console
    var CLIENT_ID = 'xxxxxxxxxxxxxxxxxxx'
    var API_KEY = 'xxxxxxxxxxxxxxxxxx'

    // Array of API discovery doc URLs for APIs used by the quickstart
    var DISCOVERY_DOCS = ["https://slides.googleapis.com/$discovery/rest?version=v1"];

    // Authorization scopes required by the API; multiple scopes can be
    // included, separated by spaces.
    var SCOPES = "https://www.googleapis.com/auth/presentations";

    var authorizeButton = document.getElementById('authorize_button');
    var signoutButton = document.getElementById('signout_button');

    /**
     *  On load, called to load the auth2 library and API client library.
     */
    function handleClientLoad() {
        gapi.load('client:auth2', initClient);
    }

    /**
     *  Initializes the API client library and sets up sign-in state
     *  listeners.
     */
    function initClient() {
        gapi.client.init({
            apiKey: API_KEY,
            clientId: CLIENT_ID,
            discoveryDocs: DISCOVERY_DOCS,
            scope: SCOPES
        }).then(function () {
            // Listen for sign-in state changes.
            gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

            // Handle the initial sign-in state.
            updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
            authorizeButton.onclick = handleAuthClick;
            signoutButton.onclick = handleSignoutClick;
        }, function(error) {
            appendPre(JSON.stringify(error, null, 2));
        });
    }

    /**
     *  Called when the signed in status changes, to update the UI
     *  appropriately. After a sign-in, the API is called.
     */
    function updateSigninStatus(isSignedIn) {
        if (isSignedIn) {
            authorizeButton.style.display = 'none';
            signoutButton.style.display = 'block';
            listSlides();
        } else {
            authorizeButton.style.display = 'block';
            signoutButton.style.display = 'none';
        }
    }

    /**
     *  Sign in the user upon button click.
     */
    function handleAuthClick(event) {
        gapi.auth2.getAuthInstance().signIn();
    }

    /**
     *  Sign out the user upon button click.
     */
    function handleSignoutClick(event) {
        gapi.auth2.getAuthInstance().signOut();
    }

    /**
     * Append a pre element to the body containing the given message
     * as its text node. Used to display the results of the API call.
     *
     * @param {string} message Text to be placed in pre element.
     */
    function appendPre(message) {
        var pre = document.getElementById('content');
        var textContent = document.createTextNode(message + '\n');
        pre.appendChild(textContent);
    }

    /**
     * Prints the number of slides and elements in a sample presentation:
     * https://docs.google.com/presentation/d/1EAYk18WDjIG-zp_0vLm3CsfQh_i8eXc67Jo2O9C6Vuc/edit
     */
    function listSlides() {


         gapi.client.slides.presentations.get({
            presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4'
        }).then(function(response) {
            console.log('response 1',response.result.slides)
            response.result.slides.forEach(slide =>{
                gapi.client.slides.presentations.pages.getThumbnail({
                    presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4',
                    pageObjectId: slide.objectId
                }).then(function(response) {
                    console.log('response 2',response)

                }, function(response) {
                    appendPre('Error: ' + response.result.error.message);
                });
            })

        }, function(response) {
            appendPre('Error: ' + response.result.error.message);
        });

       /* gapi.client.slides.presentations.pages.getThumbnail({
            presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4',
            pageObjectId: 'p2'
        }).then(function(response) {
            console.log(response.result.contentUrl)
          /!* var presentation = response.result;
            var length = presentation.slides.length;
            appendPre('The presentation contains ' + length + ' slides:');
            for (i = 0; i < length; i++) {
                var slide = presentation.slides[i];
                //console.log(slide)
                appendPre('- Slide #' + (i + 1) + ' contains ' +
                    slide.pageElements.length + ' elements.')
            }*!/
        }, function(response) {
            appendPre('Error: ' + response.result.error.message);
        });*/
    }

</script>

<script async defer src="https://apis.google.com/js/api.js"
        onload="this.onload=function(){};handleClientLoad()"
        onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>
</body>
</html></title>
</head>
<body>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title><!DOCTYPE html>
	<html>
	<head>
	<title>Google Slides API Quickstart</title>
	<meta charset="utf-8" />
	</head>
	<body>
	<p>Google Slides API Quickstart</p>

	<!--Add buttons to initiate auth sequence and sign out-->
	<button id="authorize_button" style="display: none;">Authorize</button>
	<button id="signout_button" style="display: none;">Sign Out</button>

	<pre id="content" style="white-space: pre-wrap;"></pre>

	<script type="text/javascript">
	// Client ID and API key from the Developer Console
	var CLIENT_ID = 'xxxxxxxxxxxxxxxxxxx'
	var API_KEY = 'xxxxxxxxxxxxxxxxxx'

	// Array of API discovery doc URLs for APIs used by the quickstart
	var DISCOVERY_DOCS = ["https://slides.googleapis.com/$discovery/rest?version=v1"];

	// Authorization scopes required by the API; multiple scopes can be
	// included, separated by spaces.
	var SCOPES = "https://www.googleapis.com/auth/presentations";

	var authorizeButton = document.getElementById('authorize_button');
	var signoutButton = document.getElementById('signout_button');

	/**
	* On load, called to load the auth2 library and API client library.
	*/
	function handleClientLoad() {
	gapi.load('client:auth2', initClient);
	}

	/**
	* Initializes the API client library and sets up sign-in state
	* listeners.
	*/
	function initClient() {
	gapi.client.init({
	apiKey: API_KEY,
	clientId: CLIENT_ID,
	discoveryDocs: DISCOVERY_DOCS,
	scope: SCOPES
	}).then(function () {
	// Listen for sign-in state changes.
	gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

	// Handle the initial sign-in state.
	updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
	authorizeButton.onclick = handleAuthClick;
	signoutButton.onclick = handleSignoutClick;
	}, function(error) {
	appendPre(JSON.stringify(error, null, 2));
	});
	}

	/**
	* Called when the signed in status changes, to update the UI
	* appropriately. After a sign-in, the API is called.
	*/
	function updateSigninStatus(isSignedIn) {
	if (isSignedIn) {
	authorizeButton.style.display = 'none';
	signoutButton.style.display = 'block';
	listSlides();
	} else {
	authorizeButton.style.display = 'block';
	signoutButton.style.display = 'none';
	}
	}

	/**
	* Sign in the user upon button click.
	*/
	function handleAuthClick(event) {
	gapi.auth2.getAuthInstance().signIn();
	}

	/**
	* Sign out the user upon button click.
	*/
	function handleSignoutClick(event) {
	gapi.auth2.getAuthInstance().signOut();
	}

	/**
	* Append a pre element to the body containing the given message
	* as its text node. Used to display the results of the API call.
	*
	* @param {string} message Text to be placed in pre element.
	*/
	function appendPre(message) {
	var pre = document.getElementById('content');
	var textContent = document.createTextNode(message + '\n');
	pre.appendChild(textContent);
	}

	/**
	* Prints the number of slides and elements in a sample presentation:
	* https://docs.google.com/presentation/d/1EAYk18WDjIG-zp_0vLm3CsfQh_i8eXc67Jo2O9C6Vuc/edit
	*/
	function listSlides() {


	gapi.client.slides.presentations.get({
	presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4'
	}).then(function(response) {
	console.log('response 1',response.result.slides)
	response.result.slides.forEach(slide =>{
	gapi.client.slides.presentations.pages.getThumbnail({
	presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4',
	pageObjectId: slide.objectId
	}).then(function(response) {
	console.log('response 2',response)

	}, function(response) {
	appendPre('Error: ' + response.result.error.message);
	});
	})

	}, function(response) {
	appendPre('Error: ' + response.result.error.message);
	});

	/* gapi.client.slides.presentations.pages.getThumbnail({
	presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4',
	pageObjectId: 'p2'
	}).then(function(response) {
	console.log(response.result.contentUrl)
	/!* var presentation = response.result;
	var length = presentation.slides.length;
	appendPre('The presentation contains ' + length + ' slides:');
	for (i = 0; i < length; i++) {
	var slide = presentation.slides[i];
	//console.log(slide)
	appendPre('- Slide #' + (i + 1) + ' contains ' +
	slide.pageElements.length + ' elements.')
	}*!/
	}, function(response) {
	appendPre('Error: ' + response.result.error.message);
	});*/
	}

	</script>

	<script async defer src="https://apis.google.com/js/api.js"
	onload="this.onload=function(){};handleClientLoad()"
	onreadystatechange="if (this.readyState === 'complete') this.onload()">
	</script>
	</body>
	</html></title>
	</head>
	<body>
	</body>
	</html>