Skip to content

Instantly share code, notes, and snippets.

@chucknado

chucknado/iframe.html

Created January 20, 2017 18:34
Show Gist options
  • Save chucknado/4666fa172e3aa6f5ea3b9d1a33d3e23b to your computer and use it in GitHub Desktop.
Save chucknado/4666fa172e3aa6f5ea3b9d1a33d3e23b to your computer and use it in GitHub Desktop.
Download ZIP
The iframe of a Zendesk app for the OAuth tutorial at https://support.zendesk.com/hc/en-us/articles/205225558
Raw
iframe.html
<html>
<head>
<link href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">
</head>
<body>
<div id="content"></div>
<script id="start-hdbs" type="text/x-handlebars-template">
<button type="button" id="check-token" class="btn-large btn-primary">Add a task to Asana</button>
</script>
<script id="auth_iframe-hdbs" type="text/x-handlebars-template">
<iframe src="https://my-example-app.herokuapp.com/auth/user_token" frameborder="0">
</iframe>
</script>
<script id="start_auth-hdbs" type="text/x-handlebars-template">
<a id="start-auth" href="https://my-example-app.herokuapp.com/auth/asana?state={{state}}" target="_blank">
<img src="asana-oauth-button-white.png" alt="sign-in button" />
</a>
</script>
<script id="add_task-hdbs" type="text/x-handlebars-template">
<form id="task-form">
<label for="name">Task name</label>
<input type="text" name="name" id="name" maxlength="50" placeholder="50 characters or less" />
<label for="notes">Notes</label>
<textarea name="notes" id="notes" placeholder="optional" />
<input type="hidden" name="project-id" id="project-id" value="your_value" />
<input type="hidden" name="project-name" id="project-name" value="Tech Notes" />
<button id="add-btn" class="btn btn-primary btn-small">Add Task</button>
</form>
</script>
<script src="https://cdn.jsdelivr.net/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<script type="text/javascript" src="https://assets.zendesk.com/apps/sdk/2.0/zaf_sdk.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment