bulma css
parent
42e8976ce8
commit
9069382df0
@ -1,151 +1,22 @@
|
||||
<html><head><title>Google APIs - Sample JS Page</title></head>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Hello Bulma!</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
|
||||
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
|
||||
/***** START BOILERPLATE CODE: Load client library, authorize user. *****/
|
||||
|
||||
// Global variables for GoogleAuth object, auth status.
|
||||
var GoogleAuth;
|
||||
|
||||
/**
|
||||
* Load the API's client and auth2 modules.
|
||||
* Call the initClient function after the modules load.
|
||||
*/
|
||||
function handleClientLoad() {
|
||||
gapi.load('client:auth2', initClient);
|
||||
}
|
||||
|
||||
function initClient() {
|
||||
// Initialize the gapi.client object, which app uses to make API requests.
|
||||
// Get API key and client ID from API Console.
|
||||
// 'scope' field specifies space-delimited list of access scopes
|
||||
|
||||
gapi.client.init({
|
||||
'clientId': '609507875704-ebiu4h3hcjdtbvcqvagu5ejjo2h0ma6n.apps.googleusercontent.com',
|
||||
'discoveryDocs': ['https://www.googleapis.com/discovery/v1/apis/youtube/v3/rest'],
|
||||
'scope': 'https://www.googleapis.com/auth/youtube.force-ssl https://www.googleapis.com/auth/youtubepartner'
|
||||
}).then(function () {
|
||||
GoogleAuth = gapi.auth2.getAuthInstance();
|
||||
|
||||
// Listen for sign-in state changes.
|
||||
GoogleAuth.isSignedIn.listen(updateSigninStatus);
|
||||
|
||||
// Handle initial sign-in state. (Determine if user is already signed in.)
|
||||
setSigninStatus();
|
||||
|
||||
// Call handleAuthClick function when user clicks on "Authorize" button.
|
||||
$('#execute-request-button').click(function() {
|
||||
handleAuthClick(event);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function handleAuthClick(event) {
|
||||
// Sign user in after click on auth button.
|
||||
GoogleAuth.signIn();
|
||||
}
|
||||
|
||||
function setSigninStatus() {
|
||||
var user = GoogleAuth.currentUser.get();
|
||||
isAuthorized = user.hasGrantedScopes('https://www.googleapis.com/auth/youtube.force-ssl https://www.googleapis.com/auth/youtubepartner');
|
||||
// Toggle button text and displayed statement based on current auth status.
|
||||
if (isAuthorized) {
|
||||
defineRequest();
|
||||
}
|
||||
}
|
||||
|
||||
function updateSigninStatus(isSignedIn) {
|
||||
setSigninStatus();
|
||||
}
|
||||
|
||||
function createResource(properties) {
|
||||
var resource = {};
|
||||
var normalizedProps = properties;
|
||||
for (var p in properties) {
|
||||
var value = properties[p];
|
||||
if (p && p.substr(-2, 2) == '[]') {
|
||||
var adjustedName = p.replace('[]', '');
|
||||
if (value) {
|
||||
normalizedProps[adjustedName] = value.split(',');
|
||||
}
|
||||
delete normalizedProps[p];
|
||||
}
|
||||
}
|
||||
for (var p in normalizedProps) {
|
||||
// Leave properties that don't have values out of inserted resource.
|
||||
if (normalizedProps.hasOwnProperty(p) && normalizedProps[p]) {
|
||||
var propArray = p.split('.');
|
||||
var ref = resource;
|
||||
for (var pa = 0; pa < propArray.length; pa++) {
|
||||
var key = propArray[pa];
|
||||
if (pa == propArray.length - 1) {
|
||||
ref[key] = normalizedProps[p];
|
||||
} else {
|
||||
ref = ref[key] = ref[key] || {};
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
return resource;
|
||||
}
|
||||
|
||||
function removeEmptyParams(params) {
|
||||
for (var p in params) {
|
||||
if (!params[p] || params[p] == 'undefined') {
|
||||
delete params[p];
|
||||
}
|
||||
}
|
||||
return params;
|
||||
}
|
||||
|
||||
function executeRequest(request) {
|
||||
request.execute(function(response) {
|
||||
console.log(response);
|
||||
});
|
||||
}
|
||||
|
||||
function buildApiRequest(requestMethod, path, params, properties) {
|
||||
params = removeEmptyParams(params);
|
||||
var request;
|
||||
if (properties) {
|
||||
var resource = createResource(properties);
|
||||
request = gapi.client.request({
|
||||
'body': resource,
|
||||
'method': requestMethod,
|
||||
'path': path,
|
||||
'params': params
|
||||
});
|
||||
} else {
|
||||
request = gapi.client.request({
|
||||
'method': requestMethod,
|
||||
'path': path,
|
||||
'params': params
|
||||
});
|
||||
}
|
||||
executeRequest(request);
|
||||
}
|
||||
|
||||
/***** END BOILERPLATE CODE *****/
|
||||
|
||||
|
||||
function defineRequest() {
|
||||
// See full sample for buildApiRequest() code, which is not
|
||||
// specific to a particular API or API method.
|
||||
|
||||
buildApiRequest('GET',
|
||||
'/youtube/v3/videos',
|
||||
{'id': 'Ks-_Mh1QhMc',
|
||||
'part': 'snippet,contentDetails,statistics'});
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<button id="execute-request-button">Authorize</button>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></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>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h1 class="title">
|
||||
Hello World
|
||||
</h1>
|
||||
<p class="subtitle">
|
||||
My first website with <strong>Bulma</strong>!
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue