taigrr/wtf
1
0
Fork 0
mirror of https://github.com/taigrr/wtf synced 2025-01-18 04:03:14 -08:00
Code Issues Projects Releases Wiki Activity
wtf/_site/public/modules/google/gcal/index.html
Chris Cummer a5c2bc37d9 Link the Credits link right to contributors
2018-08-15 13:29:21 -07:00

546 lines
20 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<title>WTF - the terminal dashboard</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="generator" content="Hugo 0.46" />
<title>Google Calendar :: WTF - the terminal dashboard</title>
<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/nucleus.css" rel="stylesheet">
<link href="/theme-flex/style.css" rel="stylesheet">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/jquery-2.x.min.js"></script>
<script type="text/javascript">
var baseurl = "\/";
</script>
<meta name="description" content="">
<link rel="stylesheet" href="/css/custom.css">
</head>
<body data-url="/modules/google/gcal/">
<header>
<div class="logo">
<a class="baselink" href="/">WTF - the terminal dashboard</a>
</div>
<div class="burger"><a href="javascript:void(0);" style="font-size:15px;">&#9776;</a></div>
<nav class="shortcuts">
<li class="" role="">
<a href="https://github.com/senorprogrammer/wtf" rel="noopener">
<i class='fa fa-github'></i> <label>WTF on Github</label>
</a>
</li>
<li class="" role="">
<a href="https://github.com/senorprogrammer/wtf/releases" rel="noopener">
<i class='fa fa-cloud-download'></i> <label>Download WTF</label>
</a>
</li>
<li class="" role="">
<a href="https://github.com/senorprogrammer/wtf/blob/master/README.md#contributors" rel="noopener">
<i class='fa fa-bullhorn'></i> <label>Credits</label>
</a>
</li>
</nav>
</header>
<article>
<aside>
<ul class="menu">
<li data-nav-id="/" class="dd-item">
<a href="/">
<i class="fa fa-fw fa-home"></i>
</a>
</li>
<li data-nav-id="/getting_started/" class="dd-item haschildren
">
<div>
<a href="/getting_started/">Getting Started</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/getting_started/installation/" class="dd-item">
<div>
<a href="/getting_started/installation/">
Installation
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/getting_started/glossary/" class="dd-item">
<div>
<a href="/getting_started/glossary/">
Glossary
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/configuration/" class="dd-item haschildren
">
<div>
<a href="/configuration/">Configuration</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/configuration/attributes/" class="dd-item">
<div>
<a href="/configuration/attributes/">
Attributes
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/configuration/iterm2/" class="dd-item">
<div>
<a href="/configuration/iterm2/">
iTerm2
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/modules/" class="dd-item parent haschildren
">
<div>
<a href="/modules/">Modules</a>
<i class="fa fa-angle-down fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/modules/bamboohr/" class="dd-item">
<div>
<a href="/modules/bamboohr/">
BambooHR
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/circleci/" class="dd-item">
<div>
<a href="/modules/circleci/">
CircleCI
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/clocks/" class="dd-item">
<div>
<a href="/modules/clocks/">
Clocks
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/cmdrunner/" class="dd-item">
<div>
<a href="/modules/cmdrunner/">
CmdRunner
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/gerrit/" class="dd-item">
<div>
<a href="/modules/gerrit/">
Gerrit
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/git/" class="dd-item">
<div>
<a href="/modules/git/">
Git
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/github/" class="dd-item">
<div>
<a href="/modules/github/">
GitHub
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/gitlab/" class="dd-item">
<div>
<a href="/modules/gitlab/">
GitLab
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/gitter/" class="dd-item">
<div>
<a href="/modules/gitter/">
Gitter
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/hackernews/" class="dd-item">
<div>
<a href="/modules/hackernews/">
Hacker News
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/jenkins/" class="dd-item">
<div>
<a href="/modules/jenkins/">
Jenkins
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/jira/" class="dd-item">
<div>
<a href="/modules/jira/">
Jira
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/logger/" class="dd-item">
<div>
<a href="/modules/logger/">
Logger
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/newrelic/" class="dd-item">
<div>
<a href="/modules/newrelic/">
New Relic
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/opsgenie/" class="dd-item">
<div>
<a href="/modules/opsgenie/">
OpsGenie
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/power/" class="dd-item">
<div>
<a href="/modules/power/">
Power
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/security/" class="dd-item">
<div>
<a href="/modules/security/">
Security
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/textfile/" class="dd-item">
<div>
<a href="/modules/textfile/">
Textfile
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/todo/" class="dd-item">
<div>
<a href="/modules/todo/">
Todo
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/todoist/" class="dd-item">
<div>
<a href="/modules/todoist/">
Todoist
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/travisci/" class="dd-item">
<div>
<a href="/modules/travisci/">
TravisCI
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/trello/" class="dd-item">
<div>
<a href="/modules/trello/">
Trello
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/twitter/" class="dd-item">
<div>
<a href="/modules/twitter/">
Twitter
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/zendesk/" class="dd-item">
<div>
<a href="/modules/zendesk/">
Zendesk
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
</ul>
<section>
</section>
</aside>
<section class="page">
<div class="nav-select">
<center>Navigation :
<select onchange="javascript:location.href = this.value;">
<option value="/getting_started/" >
Getting Started</option>
<option value="/configuration/" >
Configuration</option>
<option value="/modules/" >
Modules</option>
<option value="/modules/bamboohr/" >- BambooHR</option>
<option value="/modules/circleci/" >- CircleCI</option>
<option value="/modules/clocks/" >- Clocks</option>
<option value="/modules/cmdrunner/" >- CmdRunner</option>
<option value="/modules/cryptocurrencies/" >
-
Crypo Currencies</option>
<option value="/modules/gerrit/" >- Gerrit</option>
<option value="/modules/git/" >- Git</option>
<option value="/modules/github/" >- GitHub</option>
<option value="/modules/gitlab/" >- GitLab</option>
<option value="/modules/gitter/" >- Gitter</option>
<option value="/modules/google/" >
-
Google Apps</option>
<option value="/modules/google/gcal/" selected>-- Google Calendar</option>
<option value="/modules/google/gspreadsheet/" >-- Google Spreadsheets</option>
<option value="/modules/hackernews/" >- Hacker News</option>
<option value="/modules/ipaddress/" >
-
IP Addresses</option>
<option value="/modules/jenkins/" >- Jenkins</option>
<option value="/modules/jira/" >- Jira</option>
<option value="/modules/logger/" >- Logger</option>
<option value="/modules/newrelic/" >- New Relic</option>
<option value="/modules/opsgenie/" >- OpsGenie</option>
<option value="/modules/power/" >- Power</option>
<option value="/modules/security/" >- Security</option>
<option value="/modules/textfile/" >- Textfile</option>
<option value="/modules/todo/" >- Todo</option>
<option value="/modules/todoist/" >- Todoist</option>
<option value="/modules/travisci/" >- TravisCI</option>
<option value="/modules/trello/" >- Trello</option>
<option value="/modules/twitter/" >- Twitter</option>
<option value="/modules/weather_services/" >
-
Weather Services</option>
<option value="/modules/zendesk/" >- Zendesk</option>
</select>
</center>
</div>
<div>
<div class="searchbox">
<input data-search-input id="search-by" type="text" placeholder="Search...">
</div>
<script type="text/javascript" src="/js/lunr.min.js"></script>
<script type="text/javascript" src="/js/auto-complete.js"></script>
<link href="/css/auto-complete.css" rel="stylesheet">
<script type="text/javascript">
var baseurl = "\/";
</script>
<script type="text/javascript" src="/js/search.js"></script>
</div>
<h1>Google Calendar</h1>
<p><img class="screenshot" src="/imgs/modules/gcal.png" width="320" height="389" alt="gcal screenshot" /></p>
<p>Displays your upcoming Google calendar events.</p>
<p><strong>Not:</strong> Setting up access to Google Calendars for Go is a bit unobvious. Check out Google&rsquo;s <a href="https://developers.google.com/calendar/quickstart/go">Go Quickstart</a>
first and if you have problems, then take a look at this <a href="https://github.com/senorprogrammer/wtf/issues/83#issuecomment-393665229">comment by WesleydeSouza</a> which offers a slightly different approach.</p>
<h2 id="source-code">Source Code</h2>
<div class="highlight"><pre style="color:#272822;background-color:#fafafa;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">wtf/gcal/</code></pre></div>
<h2 id="configuration">Configuration</h2>
<div class="highlight"><pre style="color:#272822;background-color:#fafafa;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yaml" data-lang="yaml">gcal<span style="color:#111">:</span>
colors<span style="color:#111">:</span>
title<span style="color:#111">:</span> <span style="color:#d88200">&#34;red&#34;</span>
description<span style="color:#111">:</span> <span style="color:#d88200">&#34;lightblue&#34;</span>
highlights<span style="color:#111">:</span>
- <span style="color:#111">[</span><span style="color:#d88200">&#39;1on1|1\/11&#39;</span><span style="color:#111">,</span> <span style="color:#d88200">&#39;green&#39;</span><span style="color:#111">]</span>
- <span style="color:#111">[</span><span style="color:#d88200">&#39;apple|google|aws&#39;</span><span style="color:#111">,</span> <span style="color:#d88200">&#39;blue&#39;</span><span style="color:#111">]</span>
- <span style="color:#111">[</span><span style="color:#d88200">&#39;interview|meet&#39;</span><span style="color:#111">,</span> <span style="color:#d88200">&#39;magenta&#39;</span><span style="color:#111">]</span>
- <span style="color:#111">[</span><span style="color:#d88200">&#39;lunch&#39;</span><span style="color:#111">,</span> <span style="color:#d88200">&#39;yellow&#39;</span><span style="color:#111">]</span>
past<span style="color:#111">:</span> <span style="color:#d88200">&#34;gray&#34;</span>
conflictIcon<span style="color:#111">:</span> <span style="color:#d88200">&#34;🚨&#34;</span>
currentIcon<span style="color:#111">:</span> <span style="color:#d88200">&#34;💥&#34;</span>
displayResponseStatus<span style="color:#111">:</span> <span style="color:#00a8c8">true</span>
email<span style="color:#111">:</span> <span style="color:#d88200">&#34;chriscummer@me.com&#34;</span>
enabled<span style="color:#111">:</span> <span style="color:#00a8c8">true</span>
eventCount<span style="color:#111">:</span> <span style="color:#ae81ff">12</span>
multiCalendar<span style="color:#111">:</span> <span style="color:#00a8c8">true</span>
position<span style="color:#111">:</span>
top<span style="color:#111">:</span> <span style="color:#ae81ff">0</span>
left<span style="color:#111">:</span> <span style="color:#ae81ff">0</span>
height<span style="color:#111">:</span> <span style="color:#ae81ff">4</span>
width<span style="color:#111">:</span> <span style="color:#ae81ff">1</span>
refreshInterval<span style="color:#111">:</span> <span style="color:#ae81ff">300</span>
secretFile<span style="color:#111">:</span> <span style="color:#d88200">&#34;~/.config/wtf/gcal/client_secret.json&#34;</span>
showDeclined<span style="color:#111">:</span> <span style="color:#00a8c8">true</span>
withLocation<span style="color:#111">:</span> <span style="color:#00a8c8">true</span></code></pre></div>
<h3 id="attributes">Attributes</h3>
<p><code>colors.title</code> <br />
The default colour for calendar event titles. <br />
Values: Any <a href="https://en.wikipedia.org/wiki/X11_color_names">X11 color</a> name.</p>
<p><code>colors.description</code> <br />
The default color for calendar event descriptions. <br />
Values: Any <a href="https://en.wikipedia.org/wiki/X11_color_names">X11 color</a> name.</p>
<p><code>colors.highlights</code> <br />
A list of arrays that define a regular expression pattern and a color.
If a calendar event title matches a regular expression, the title will
be drawn in that colour. Over-rides the default title colour. <br />
Values: [a valid regular expression, any <a href="https://en.wikipedia.org/wiki/X11_color_names">X11 color</a> name.]</p>
<p><code>colors.past</code> <br />
The color for calendar events that have passed. <br />
Values: Any <a href="https://en.wikipedia.org/wiki/X11_color_names">X11 color</a> name.</p>
<p><code>conflictIcon</code> <br />
The icon displayed beside calendar events that have conflicting times
(they intersect or overlap in some way). <br />
Values: Any displayable unicode character.</p>
<p><code>currentIcon</code> <br />
The icon displayed beside the current calendar event. <br />
Values: Any displayable unicode character.</p>
<p><code>displayLocation</code> <br />
Whether or not to display the location of the calendar event. <br />
Values: <code>true</code>, <code>false</code>.</p>
<p><code>displayResponseStatus</code> <br />
Whether or not to display your response status to the calendar event.
<br />
Values: <code>true</code>, <code>false</code>.</p>
<p><code>email</code> <br />
The email address associated with your Google account. Necessary for
determining <code>responseStatus</code>. <br />
Values: A valid email address string.</p>
<p><code>enabled</code> <br />
Whether or not this module is executed and if its data displayed onscreen. <br />
Values: <code>true</code>, <code>false</code>.</p>
<p><code>eventCount</code> <br />
The number of calendar events to display. <br />
Values: A positive integer, <code>0..n</code>.</p>
<p><code>multiCalendar</code> <br />
Whether or not to display your primary calendar or all calendars you
have access to. <br />
Values: <code>true</code>, or <code>false</code></p>
<p><code>position</code> <br />
Where in the grid this module&rsquo;s widget will be displayed. <br /></p>
<p><code>refreshInterval</code> <br />
How often, in seconds, this module will update its data. <br />
Values: A positive integer, <code>0..n</code>.</p>
<p><code>secretFile</code> <br />
Your <a href="https://developers.google.com/calendar/quickstart/go">Google client secret</a> JSON file. <br />
Values: A string representing a file path to the JSON secret file.</p>
<p><code>showDeclined</code> <br />
<em>Optional</em>. Whether or not to display events you&rsquo;ve declined to attend. <br />
Values: <code>true</code>, or <code>false</code></p>
<p><code>withLocation</code> <br />
Whether or not to show the location of the appointment. <br />
Values: <code>true</code>, or <code>false</code></p>
<div class="chevrons">
<div id="navigation">
<a class="nav nav-prev" href="/modules/google/" title="Google Apps"> <i class="fa fa-chevron-left"></i><label>Google Apps</label></a>
<a class="nav nav-next" href="/modules/google/gspreadsheet/" title="Google Spreadsheets" style="margin-right: 0px;"><label>Google Spreadsheets</label><i class="fa fa-chevron-right"></i></a></div>
</div>
</section>
</article>
<footer>
<div class="footline">
<div class="date">
<i class='fa fa-calendar'></i> Last update on 10/05/2018
</div>
<div class="github-link">
<a href="https://github.com/vjeantet/hugo-theme-docdock/edit/master/exampleSite/content/modules/google/gcal.md" target="blank"><i class="fa fa-code-fork"></i>
Improve this page</a>
</div>
</div>
<div>
</div>
</footer>
<script src="/js/clipboard.min.js"></script>
<link href="/css/featherlight.min.css" rel="stylesheet">
<script src="/js/featherlight.min.js"></script>
<script src="/theme-flex/script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink