Skip to content

Instantly share code, notes, and snippets.

@MacoTasu MacoTasu/index.html
Last active Dec 5, 2018

Embed
What would you like to do?
GoogleドキュメントのいいねAdd-On
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<style type="text/css">
<!--
button {margin: 5px 5px;}
td {padding: 11px 5px;}
table {width: 100%;}
-->
</style>
</head>
<body>
<button class="action" id="postIine">いいね</button>
<div id="iine">
<p>Loading...</p>
</div>
</body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(function() {
google.script.run.withSuccessHandler(drawIine)
.getIine();
});
function drawIine(iine) {
var list = $('#iine');
list.empty();
if (iine[0][0] == "") {
list.append("<p>まだいいねがありません。</p>");
return false;
}
head = '<table><thead><tr><th>ユーザ</th><th>いいね!</th></tr></thead>'
body = '<tbody>'
for (var i = 0; i < iine.length; i++) {
body += '<tr><td>' + iine[i][0] + '</td><td>' + omitIine(iine[i][2]) + '</td><tr>'
}
body += '</tbody></table>'
list.append(head + body);
}
function omitIine(size) {
var threshold = 3;
if (size > threshold) {
return '👍'.repeat(threshold) + "+" + (size - threshold);
} else {
return '👍'.repeat(size);
}
}
$('#postIine').click(function(e) {
google.script.run.withSuccessHandler(drawIine)
.doIine(false);
return false;
});
</script>
</html>
// Replace me
var sheetID = 'xxx';
// ファイルを開いたときに実行
function onOpen(e) {
var ui = DocumentApp.getUi()
ui.createMenu('いいね')
.addItem('いいね する', 'doIine')
.addItem('いいね 一覧', 'showIine')
.addToUi();
}
// インストール時に実行
function OnInstall(e) {
onOpen(e);
}
// いいねみる関数
function showIine() {
var html = HtmlService.createHtmlOutputFromFile('index.html')
.setTitle('いいね一覧')
.setWidth(500);
DocumentApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
.showSidebar(html);
}
// すべてのイイネを取得
function getIine() {
// TODO: URL毎にsheetをわける対応を入れる
var ss = SpreadsheetApp.openById(sheetID);
var sheet = ss.getSheets()[0];
return sheet.getDataRange().getValues();
}
// いいねする関数
function doIine(drawIineView) {
var doc = DocumentApp.getActiveDocument();
var url = doc.getUrl();
var iineUserMail = getSessionUserEmail();
var ss = SpreadsheetApp.openById(sheetID);
var sheet = ss.getSheets()[0];
var values = getIine();
// TODO: URL毎にsheetをわける対応を入れる
// 既にイイネ済みだったらインクリメント
var found = false;
for (var row in values) {
if (values[row][0] == iineUserMail && values[row][1] == url) {
sheet.getRange(row + 1, row + 1, 1, 3).setValues([[values[row][0] , values[row][1], values[row][2] + 1]]);
found = true;
break;
}
}
// 見つからない場合はレコードを追加
if (!found) {
sheet.appendRow([iineUserMail, url, 1]);
}
if (drawIineView !== false) {
showIine();
}
return getIine();
}
// ユーザ情報取得
function getSessionUserEmail() {
return Session.getEffectiveUser().getEmail();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.