').addClass('modal-window-background');
$screen.appendTo(document.body);
}
};
Hatena.Diary.FixScroll = {
enabled: false,
enable: function() {
if (this.enabled) return;
this._top = $(window).scrollTop();
$(window).bind('scroll', this._scrollHandler);
this.enabled = true;
},
disable: function() {
if (!this.enabled) return;
$(window).unbind('scroll', this._scrollHandler);
this.enabled = false;
},
_top: 0,
_scrollHandler: function(event) {
if ($(window).scrollTop() == Hatena.Diary.FixScroll._top) return;
$(window).scrollTop(Hatena.Diary.FixScroll._top);
}
};
Hatena.Diary.Pages = {
Blogs : {},
Admin : {},
messenger : null,
createForParent : function () {
this.messenger = Messenger.createForParent();
if (Hatena.Diary.data('page') != 'globalheader') {
$('.close').on('click', function (e) {
Hatena.Diary.Pages.send('close', { name : window.name });
return false;
});
$(window).keyup(function (e) {
if (keyString(e) == 'S-ESC') {
Hatena.Diary.Pages.send('close', { name : window.name });
}
});
}
},
createForFrame : function (iframe, url) {
this.messenger = Messenger.createForFrame(iframe, url);
},
send : function (type, obj) {
Hatena.Diary.LOG(['send', type, obj]);
try {
this.messenger.send(type, obj);
} catch(error) {
Hatena.Diary.BUG(error, 'Pages.send(' + type + ')');
}
},
message : function (type, func) {
this.messenger.addEventListener(type, func);
}
};
Hatena.Diary.Devices = {
/*
* PC で見てるユーザには何もしない
* touch で見てるユーザは
* cookie があればそれを見てリダイレクト
* UA があればそれを見てリダイレクト
*/
use : function (device) {
if (this.userAgent() == device) {
document.cookie = 'device=' + encodeURIComponent(device) + '; expires=' + new Date(0).toUTCString() + '; path=/';
} else {
var expires = new Date();
expires.setFullYear(expires.getFullYear() + 1);
document.cookie = 'device=' + encodeURIComponent(device) + '; expires=' + expires.toUTCString() + '; path=/';
}
location.reload();
},
userAgent : function () {
if (/iPhone|iPod|Android.+Mobile|DSi|3DS/.test(navigator.userAgent)) {
return 'touch';
} else {
return 'pc';
}
}
};
// https://github.com/wakaba/opentenjs/blob/master/src/Ten.base.js
Hatena.Diary.Browser = {
isIE: navigator.userAgent.indexOf('MSIE') != -1,
isIE6 : navigator.userAgent.indexOf('MSIE 6.') != -1,
isIE7 : navigator.userAgent.indexOf('MSIE 7.') != -1,
isIE8 : navigator.userAgent.indexOf('MSIE 8.') != -1,
isIE9 : navigator.userAgent.indexOf('MSIE 9.') != -1,
isMozilla: navigator.userAgent.indexOf('Mozilla') != -1 && !/compatible|WebKit/.test(navigator.userAgent),
isOpera: !!window.opera,
isSafari: navigator.userAgent.indexOf('WebKit') != -1 && navigator.userAgent.indexOf('Chrome/') == -1,
isChrome : navigator.userAgent.indexOf('Chrome/') != -1,
isFirefox : navigator.userAgent.indexOf('Firefox/') != -1,
isDSi : navigator.userAgent.indexOf('Nintendo DSi') != -1,
is3DS : navigator.userAgent.indexOf('Nintendo 3DS') != -1,
isWii : navigator.userAgent.indexOf('Nintendo Wii') != -1,
isAndroid : navigator.userAgent.indexOf('Android') != -1,
isIPhone : (navigator.userAgent.indexOf('iPod;') != -1 || navigator.userAgent.indexOf('iPhone;') != -1 || navigator.userAgent.indexOf('iPhone Simulator;') != -1),
isIPad : navigator.userAgent.indexOf('iPad') != -1,
isSupportsXPath : !!document.evaluate,
version: {
string: (/(?:Firefox\/|MSIE |Opera\/|Chrome\/|Version\/)([\d.]+)/.exec(navigator.userAgent) || []).pop(),
valueOf: function() { return parseFloat(this.string) },
toString: function() { return this.string }
}
};
Hatena.Diary.Browser.isTouch = Hatena.Diary.Browser.isIPhone || Hatena.Diary.Browser.isAndroid || Hatena.Diary.Browser.isDSi || Hatena.Diary.Browser.is3DS;
Hatena.Diary.Browser.isSmartPhone = Hatena.Diary.Browser.isIPhone || Hatena.Diary.Browser.isAndroid;
Hatena.Diary.Browser.thirdPartyCookiesBlocked = $.Deferred(); // ブロックされてるか分かったら Hatena.Diary.Pages.Blogs['*'].init で resolveされる ブロックされてたらtrue
// はてな記法展開
// 成功したとき { html } を返すDeferredを返す
Hatena.Diary.extractSyntax = function(hatena_syntax) {
var dfd = $.Deferred();
$.ajax({
url: "/api/support.expand",
type : "POST",
data : {
syntax: hatena_syntax,
rkm: Hatena.Diary.data('rkm'),
rkc: Hatena.Diary.data('rkc')
},
dataType: 'json'
}).done(function(data) {
dfd.resolve({
html : data.html
});
}).fail(function(error) {
dfd.reject(error);
});
return dfd;
};
// fotolifeにアップロード完了すると返されるfotolife記法を:plain形式のHTMLに展開
// 成功したとき { image, syntax, html } を返すDeferredを返す
Hatena.Diary.extractFotolifeSyntax = function (string) {
var ret = $.Deferred();
var match = string.match(/f:id:([^:]+):(\d+)([jpg]):image/);
if (match) {
var syntax = '[' + match[0].replace(':image', ':plain') + ']';
var name = match[1];
var id = match[2];
var type = match[3];
var path = [ name.substring(0, 1), name, id.substring(0, 8), id ].join('/');
var image = 'http://cdn-ak.f.st-hatena.com/images/fotolife/' + path + '_120.jpg';
Hatena.Diary.extractSyntax(syntax).done(function(data) {
ret.resolve({
image : image,
syntax : syntax,
html : data.html
});
}).fail(function(error) {
ret.reject(error);
});
} else {
_.defer(function() {
ret.reject('Invalid format? ' + string);
});
}
return ret.promise();
};
Hatena.Diary.AccessLog = {
ping : function () {
var url = $('html').attr('data-admin-domain') + '/api/log';
var data = {
uri : location.href,
referer : document.referrer
};
$.ajax({
url : url,
type : "get",
cache : false,
data : data,
xhrFields: {
withCredentials: true
}
}).fail(function (e) {
data._ = new Date().getTime();
new Image().src = url + '?' + $.param(data);
});
}
};
// 最大で1秒に1回だけトラック
Hatena.Diary.trackEvent = (function() {
var trackNamesQueue = [];
var timer = null;
var postTrackNames = function () {
timer = null;
var img = new Image();
img.src = (Hatena.Diary.data('admin-domain') || '') + '/api/track?' + $.param({
track_name: trackNamesQueue,
blog : Hatena.Diary.data('blogs-domain') || ('http://' + Hatena.Diary.data('blog'))
});
trackNamesQueue = [];
};
return function(trackNames) {
if (!timer) {
timer = setTimeout(postTrackNames, 1000);
}
_.each($.makeArray(trackNames), function(name) {
trackNamesQueue.push(name);
});
};
})();
// トラッキングは，data-track-selectorにCSSセレクタを書くことによって特定の要素のみでフィルタできる．
// 1つの要素内に複数のaタグがあるが，クリックされた件数の関係で，複数data-track-nameを設定できない場合に有用．
// returns: セレクタがないか，または，セレクタがあるときマッチしたか
Hatena.Diary.trackEvent.checkSelector = function($container, $clicked) {
var selector = $container.attr('data-track-selector');
if (!selector) return true;
// クリックされたとき反応する要素たち
var $candicates = $container.find(selector);
// クリックされた要素が，反応して良い要素たち自身か，反応して良い要素たちに含まれる？
return !!($candicates.is($clicked) || $candicates.find($clicked).get(0));
};
// 指定した要素のdata-track-nameを配列で返す
Hatena.Diary.trackEvent.getDataTrackNames = function($element) {
var dataTrackAttr = $element.attr('data-track-name');
var trackNames = dataTrackAttr.split(/\s+/);
return trackNames;
};
// 今すぐトラック
// イベント名か、イベント名のArrayを渡す
Hatena.Diary.trackEventNow = function(trackNames) {
var img = new Image();
img.src = (Hatena.Diary.data('admin-domain') || '') + '/api/track?' + $.param({
track_name: $.makeArray(trackNames),
blog : Hatena.Diary.data('blogs-domain') || ('http://' + Hatena.Diary.data('blog'))
});
};
Hatena.Diary.setupTrack = function () {
$(document).on('mousedown', '[data-track-name]:not([data-track-once])', function(event) {
if (event.which !== 1) return; // 左クリックのみ
var $element = $(this);
if (!Hatena.Diary.trackEvent.checkSelector($element, $(event.target))) return;
var trackNames = Hatena.Diary.trackEvent.getDataTrackNames($element);
Hatena.Diary.trackEvent(trackNames);
});
$(document).on('mousedown', '[data-track-name][data-track-once]:not([data-track-once-tracked])', function(event) {
if (event.which !== 1) return; // 左クリックのみ
var $element = $(this);
if (!Hatena.Diary.trackEvent.checkSelector($element, $(event.target))) return;
var trackNames = Hatena.Diary.trackEvent.getDataTrackNames($element);
Hatena.Diary.trackEventNow(trackNames);
// これ以降トラッキングしない
$element.attr('data-track-once-tracked', '');
});
};
// jQuery Deferredを使った遅延リスト
Hatena.Diary.LazyList = function () { this.init.apply(this, arguments) };
Hatena.Diary.LazyList.prototype = {
// generator
// 前のLazyListを受け取る
// Deferred Objectを返す
// 値をresolveするかrejectする関数
// prevは前のLazyList 普通は渡さない 途中で分岐させる場合は渡してもよい
init: function (generator, prev) {
if (!$.isFunction(generator)) {
throw("generator must be a function (" + generator + ")");
}
this.generator = generator;
if (prev) {
if (!(prev instanceof Hatena.Diary.LazyList)) {
throw("prev must be a instance of LazyList");
}
this._prev = prev;
}
},
// 値の読み込み，deferredを返す
promise: function() {
if (!this._promise) {
var dfd = this.generator(this.prev());
if (!$.isFunction(dfd.promise)) {
throw("generator must return a Deferred Object (" + dfd + ")");
}
this._promise = dfd.promise();
}
return this._promise;
},
// 前のノードを得る
prev: function() {
return this._prev;
},
// 次のノードを得る
next: function() {
if (!this._next) {
this._next = new Hatena.Diary.LazyList(this.generator, this);
}
return this._next;
},
// 最初のノードを得る
root: function() {
if (this._prev) {
return this._prev.root();
} else {
return this;
}
}
};
Hatena.Diary.EditorConnector = {
// 指定された文字列をエディタに挿入する
// PC，touch，iOSに対応
// 全記法向きのテキストが必要
// Arrayの各行が各要素
// data: { hatena: [], html: [], markdown: [] }
insertLines: function(data) {
this._validate(data);
this._setup();
this._insertLinesImplement(data);
},
// 指定されたURLをwindow.openして通信を待つ
loadServiceOnChildWindow: function(url) {
var self = this;
var curationWindow = window.open();
var messenger = Messenger.createForWindow(curationWindow, url);
messenger.addEventListener('insertLines', function(data) {
self.insertLines(data);
});
},
_validate: function(data) {
_.each(['html', 'hatena', 'markdown'], function(mode) {
if (!data[mode]) throw "missing " + mode;
});
},
_setup: function() {
if (this._insertLinesImplement) return;
// モードに合わせて実装の関数を設定
var isPC = Hatena.Diary && Hatena.Diary.Editor.device === 'pc' && Hatena.Diary.Editor.Support && Hatena.Diary.Editor.Support.currentEditor;
var isTouchEditor = Hatena.Diary && Hatena.Diary.Editor.device === 'touch';
var isChildFrame = window.opener;
// ?ios=1というパラメータついてるときiOS
var isiOS = Hatena.Diary.Util.decodeParam(location.search.substr(1))['ios'];
if (isiOS) {
// 規定のURL開く
this._insertLinesImplement = this._insertLinesOpenURL;
} else if (isPC) {
// PC編集画面
this._insertLinesImplement = this._insertLinesPC;
} else if (isTouchEditor) {
// touch編集画面
this._insertLinesImplement = this._insertLinesTouch;
} else if (isChildFrame) {
// 親フレームにpostMessageで送信
this._insertLinesImplement = this._insertLinesMessenger;
} else {
throw "handling failed";
}
},
_insertLinesPC: function(data) {
var editor = Hatena.Diary.Editor.Support.currentEditor;
var mode = editor.mode;
var lines = data[mode];
editor.insertLines(lines);
},
_insertLinesTouch: function(data) {
var syntax = $('#edit-entry').attr('data-entry-syntax');
// HTMLモードで，contentEditable無効のとき(Androidのデフォルトブラウザなど)，ただのtextareaなので，はてな記法を使う
if (syntax === 'html' && ! Hatena.Diary.Pages.Admin['user-blog-edit'].contentEditableEnabledAndEditorModeIsHTML()) {
syntax = 'hatena';
}
var lines = (data[syntax] || data['hatena'] || data['markdown']);
Hatena.Diary.Pages.Admin['user-blog-edit'].insertText(lines.join("\n"));
},
_insertLinesMessenger: function(data) {
var messenger = Messenger.createForParent();
messenger.send('insertLines', data);
window.close();
},
_insertLinesOpenURL: function(data) {
var html_lines = _.map(data.html, function(line) {
return '
';
});
location.href = 'hatenablog:/entry/body/insert?' + $.param({
hatena: data.hatena.join("\n"),
html: html_lines.join(''),
markdown: data.markdown.join("\n\n"),
version: 1
});
}
};
// フォームを監視し，ページ閉じるときにconfirm出すためのオブジェクト
// フォームなくても使える
Hatena.Diary.FormState = function() {
var self = this;
self.confirmEnabled = false;
var pageLeaveEvent = window.onbeforeunload !== undefined ? 'beforeunload' : 'unload';
$(window).on(pageLeaveEvent, function() {
if (self.confirmEnabled) return Hatena.Locale.text('form.confirm.changed');
});
};
Hatena.Diary.FormState.prototype = {
// ページ閉じるときにconfirm出すモードを有効にする
enableConfirm: function() {
this.confirmEnabled = true;
},
// ページ閉じるときにconfirm出すモードを無効にする
disableConfirm: function() {
this.confirmEnabled = false;
},
// formを監視する 初期状態をセットし，送信を監視
observeForm: function($form) {
var self = this;
this.$form = $form;
this.setFormInitialState();
$form.on('submit', function() {
self.disableConfirm();
});
},
// formのchangeイベントを監視
observeFormChange: function() {
var self = this;
self.$form.on('change', function() {
self.checkFormState();
});
},
// formの状態を確認
checkFormState: function() {
if (this.$form.serialize() !== this.initialState) {
this.enableConfirm();
} else {
this.disableConfirm();
}
},
// 有効かどうかを返す
isConfirmEnabled: function() {
return this.confirmEnabled;
},
// 現在のformの値を初期状態とする
// ここから変わったらconfirmが出る
// ページロード時にJSで値を差し替えたときに呼ぶ
setFormInitialState: function() {
this.initialState = this.$form.serialize();
this.disableConfirm();
}
};
Hatena.Diary.setupProModal = function() {
var openProModal = function() {
var iframeContainer = $('
').appendTo(document.body);
var iframe = $('
').appendTo(iframeContainer);
var uri = (Hatena.Diary.data('admin-domain') || '') + '/guide/pro/modal/ad';
var messenger = Messenger.createForFrame(iframe[0], uri);
messenger.addEventListener('close', function () {
Hatena.Diary.Window.hide(iframeContainer);
});
Hatena.Diary.Window.show(iframeContainer, {
destroy : function () {
iframe.remove();
messenger.destroy();
},
fixScroll: true,
center: true,
showBackground: true
});
};
$('.open-pro-modal').css('visibility', 'visible');
$(document.body).on('click', '.open-pro-modal', function() {
openProModal();
return false;
});
};
// スマートフォンアプリから使うエンドポイントです
Hatena.Diary.AppAPI = {
_setup: function () {
if (this._reloadStarImplement) return;
// 1秒に1回までしか実行しない
this._reloadStarImplement = _.throttle(function () {
// スターを再読み込みする
$body = $(document.body);
$starContainer = $body.find('span.hatena-star-comment-container, span.hatena-star-star-container');
if ($starContainer.length > 0) {
$starContainer.remove();
Hatena.Star.EntryLoader.loadNewEntries($body[0]);
}
}, 1000);
},
reloadStar: function () {
this._setup();
this._reloadStarImplement();
}
};
$(function() {
if (arguments.callee.called) return; arguments.callee.called = true;
var domain = /\.hatena\.ne\.jp(:\d+)?$/.test(location.host) ? "Admin" : "Blogs";
var page = Hatena.Diary.data('page');
Hatena.Diary.SpeedTrack.setDomain(domain);
Hatena.Diary.SpeedTrack.setPage(page);
var func;
try {
Hatena.Diary.LOG('Pages["' + domain + '"]["*"]');
if ((func = Hatena.Diary.Pages[domain]["*"])) {
func();
}
Hatena.Diary.LOG('Pages["' + domain + '"]["*"] done');
Hatena.Diary.SpeedTrack.record('Pages["' + domain + '"]["*"]');
Hatena.Diary.LOG('Pages["' + domain + '"]["' + page + '"]');
if ((func = Hatena.Diary.Pages[domain][page])) {
func();
}
Hatena.Diary.LOG('Pages["' + domain + '"]["' + page + '"] done');
Hatena.Diary.SpeedTrack.record('Pages["' + domain + '"]["' + page + '"]');
} catch (e) {
Hatena.Diary.BUG(e, 'toplevel');
}
Hatena.Diary.setupTrack();
Hatena.Diary.Util.setupTipsy();
if (window != window.parent) {
// クリックジャッキング対策
// iframe で読みこまれて・そのままクリックして送信されてしまうのが問題なので
// iframe の中で読みこまれたときは、submit 時に値の変更チェックをして、変更されてないなら submit できないようにする
$('form').each(function () {
var $this = $(this);
// リスクを承知で、あるいは別の手段によってクリックジャッキング対策が施されており、
// なおかつ、クリックジャッキング対策の実装が衝突する場合に迂回することができる
if ($this.attr('data-pass-through-click-jacking-validation')) return;
var $buttons = $this.find('input[type=submit][name!=delete]');
var $delete_button = $this.find('input[type=submit][name=delete]');
var disable = function() {
$this.addClass('unedited');
$buttons.attr('disabled', 'disabled');
};
var enable = function() {
$this.removeClass('unedited');
$buttons.removeAttr('disabled');
};
var serialize = function($form) {
return $({
elements: $form.find(':input:not([data-ignore-click-jacking])')
}).serialize();
};
disable();
$delete_button.attr('disabled', 'disabled');
var init = serialize($this);
var timer = setInterval(function () {
$delete_button.removeAttr('disabled');
if (init != serialize($this)) {
clearInterval(timer);
enable();
}
}, 1500);
});
}
if (page != 'globalheader') $('a.feedback').on('click', function () {
Hatena.Diary.Feedback.toggle(Hatena.Diary.data('feedback'));
return false;
});
});
// locationのviaをリンクに引き継ぐ
Hatena.Diary.inheritVia = function(via) {
if (!via) return;
$('a[data-inherit-via]').each(function () {
var $self = $(this);
var href = $self.attr('href').split(/\?/);
var query = href[1] || '';
var params = Hatena.Diary.Util.decodeParam(query);
params['via'] = via;
$self.attr('href', href[0] + '?' + $.param(params));
});
};
})(jQuery);
(function($){
Hatena.Diary.Backup = {
// data: {
// modified: epoch,
// data: serializeされたデータ,
// id: formのid
// }
UI: 'default', // or 'touch'
setup: function () {
var self = this;
var target = $('form[data-backup-id]');
self.clearPreviousBackup();
target.each(function () {
var $form = $(this);
self.load($form).done(function(res) {
self.loadDone($form, res);
});
setInterval(function () {
self.save($form).done(function(res) {
self.saveDone($form, res);
});
}, +$form.attr('data-backup-interval') * 1000 || self.defaultInterval());
});
},
defaultInterval: function() {
// localStorage使えたら頻繁に，使えなかったら通信発生するので頻度低く
return this.localStorageEnabled() ? 3000 : 9000;
},
localStorageEnabled: function() {
// localStorageが使えて，かつ，デザイン設定画面でないとき有効
// デザイン設定のプレビューはバックアップを通してやってるため
var enabled = false;
try {
enabled = window.localStorage && Hatena.Diary.data('page') !== 'user-blog-config-design-detail';
} catch(ignore_error) { }
return enabled;
},
localStorageKey: 'backup',
clearPreviousBackup: function() {
// 以前のバックアップを消すようにというあれがあればlocalStorageのバックアップをリセット
// このcookieは記事投稿成功時にセットされ，クリアしたらクライアント側で消す
if (!this.localStorageEnabled()) return;
if (!$.cookie('clear_backup')) return;
localStorage.removeItem(this.localStorageKey);
$.removeCookie('clear_backup', { path: '/' });
},
// ロードに成功したらresolveされるDeferredを返す
load : function ($form) {
var self = this;
var id = $form.attr('data-backup-id');
$form.data('backup', self.serialize($form));
if (self.localStorageEnabled()) {
var loaded = $.Deferred();
// ajaxと互換にするためタイミングずらす
_.defer(function() {
var backup;
try {
backup = JSON.parse(localStorage.getItem(self.localStorageKey));
} catch (ignore_error) { }
if (backup && backup.id === id) {
// バックアップがあり，formのidが一致
loaded.resolve(backup);
} else {
// 失敗
loaded.reject();
}
});
return loaded.promise();
} else {
return $.ajax({
url : '/api/backup',
type : "get",
dataType : 'json',
data : {
id : id
}
});
}
},
// ロード完了時のコールバック
loadDone: function ($form, res) {
var self = this;
if (!res) return;
Hatena.Diary.LOG(['backup.load', res]);
var backupTime = new Date(+res.modified * 1000);
// 古すぎるとき捨てる
if (new Date() - backupTime > 1000 * 60 * 60) return;
// touchではとりあえず手動復元
if (self.shouldAutoRestore[Hatena.Diary.Backup.UI]($form)) {
var prev = self.serialize($form);
self.restoreBackup($form, res.data);
self.promptAutoRestored($form, backupTime, function () {
self.clearRestore($form, prev);
});
} else {
self.promptRestore[Hatena.Diary.Backup.UI]($form, backupTime, function () {
self.restoreBackup($form, res.data);
});
}
},
// 保存に成功したらresolveされるDeferredを返す
save : function ($form, force) {
var self = this;
var id = $form.attr('data-backup-id');
var prev = $form.data('backup');
var now = self.serialize($form);
if (prev == now && !force) {
// フォームの状態が変化していないとき何もしない
return $.Deferred().resolve(null).promise();
}
$form.trigger('backup-presave');
$form.data('backup', now);
if (self.localStorageEnabled()) {
var saved = $.Deferred();
var backupTime = Math.floor(new Date().getTime() / 1000);
backup = {
id: id,
modified: backupTime,
data: now
};
localStorage.setItem(self.localStorageKey, JSON.stringify(backup));
saved.resolve(backup);
return saved.promise();
} else {
return $.ajax({
url : '/api/backup',
type : "post",
dataType : 'json',
data : {
id : id,
data : now,
support : $form.attr('data-backup-support') || '',
rkm : Hatena.Diary.data('rkm'),
rkc : Hatena.Diary.data('rkc')
}
});
}
},
// 保存完了時のコールバック
saveDone : function ($form, res) {
if (!res) return;
Hatena.Diary.LOG(['backup.save', res]);
$form.trigger('backup-save');
},
serialize : function ($form) {
var values = [];
var inputs = $form.find('input[type="text"], textarea, input[data-with-backup], input[type="hidden"].backup, input[type="radio"].backup, input[type="checkbox"].backup-button');
for (var i = 0, it; (it = inputs[i]); i++) {
if (!it.name) continue;
if (it.type == 'radio' && !it.checked) continue;
// selectされてない場合は0を送る
if (it.type == 'checkbox' && !it.checked) {
values.push(encodeURIComponent(it.name) + '=0');
continue;
}
values.push(encodeURIComponent(it.name) + '=' + encodeURIComponent(it.value));
}
$form.find('select').each( function () {
var select = this;
var $select = $(select);
if (select.getAttribute('data-without-backup') !== null) return;
var selectItem = $select.find('option:selected');
if ( selectItem.length === 0 ) return;
values.push(encodeURIComponent(select.name) + '=' + encodeURIComponent($(selectItem[0]).val()));
});
return values.join('&');
},
shouldAutoRestore: {
'default': function ($form) {
// 新規投稿かつタイトルと本文が空のとき自動で復元
var isNewEntry = $form.attr('data-backup-id') === 'user/blog/edit-new';
var $title = $form.find(':input[name="title"]');
var titleIsEmpty = $title[0] && $title.val().length === 0;
var $body = $form.find(':input[name="body"]');
var bodyIsEmpty = $body[0] && $body.val().length === 0;
return isNewEntry && titleIsEmpty && bodyIsEmpty;
},
'touch': function () {
// touch版では自動的に復元せずに、手動で復元する
return false;
}
},
restoreBackup : function ($form, data) {
var self = this;
Hatena.Diary.LOG('restore backup');
self.assignData($form, data);
},
clearRestore : function ($form, prev) {
var self = this;
Hatena.Diary.LOG('clear restore');
self.assignData($form, prev);
},
assignData : function ($form, data) {
var params = Hatena.Diary.Util.decodeParam(data);
for (var name in params) if (params.hasOwnProperty(name)) {
$form.find('input[name="' + name + '"], textarea[name="' + name + '"]').val(params[name]);
}
$form.data('backup', data);
$form.trigger('backup-restore', data);
$form.trigger('backup-restore-params', [ params ]);
},
promptRestore : {
'default' : function ($form, backupTime, callback) {
var $message = Hatena.Diary.Backup.initMessage($form);
$message.prepend(
$(Hatena.Locale.text('backup.notice', '
') +
'
(' + Hatena.Locale.text('backup.restore') + ')')
).show();
Hatena.Locale.updateTimestamps($message[0]);
$message.find('a').click(callback);
},
'touch' : function ($form, backupTime, callback) {
if (confirm(Hatena.Locale.text('backup.notice.ask_restore', backupTime))) {
callback();
}
}
},
promptAutoRestored : function ($form, backupTime, callback) {
var self = this;
var $message = self.initMessage($form);
$message.prepend(
$(Hatena.Locale.text('backup.notice.auto_restored', '
') +
'
(' + Hatena.Locale.text('backup.clear_restore') + ')')
).show();
Hatena.Locale.updateTimestamps($message[0]);
$message.find('a').click(callback);
},
initMessage : function ($form) {
var $message = $('
').hide()
.appendTo($form.find('#editor-main .body'));
var $editarea = $('#editor .editarea');
$message.append($('
'));
// 下部のボーダーをeditareaのボーダーに重ねるために,
// 上部のボーダーを含み, 下部のボーダーを含まないように計算する
var message_height = $message.outerHeight() - (parseInt($message.css('border-width'), 10) || 1);
$message.css('top', parseInt($editarea.css('top'), 10));
$editarea.css('top', '+=' + message_height);
$form.data('backup-message', $message);
var clearMessage = _.once(function () {
$message.remove();
$editarea.css('top', '-=' + message_height);
});
$form.on('backup-restore', function () {
clearMessage();
});
$form.on('backup-presave', function () {
clearMessage();
});
$('.backup-message-close').click(function () {
clearMessage();
});
// 編集タブ以外では隠す
$('#editor-main .ui-tabs').on('tabsactivate', function (event, ui) {
if (ui.newPanel.attr('aria-labelledby') === 'ui-id-1') {
$message.show();
} else {
$message.hide();
}
});
return $message;
}
};
})(jQuery);
(function ($) {
if (!Hatena.Epic) Hatena.Epic = {};
/*
* 特定の DOM ツリーと関連付けられた関数を集めるための名前空間
* 複数のページで使われる処理をまとめるために存在する
* DOM ノードをラップした jQuery オブジェクトを渡すことが強く推奨される
*/
Hatena.Epic.Component = {
//
//
//
// 子要素の iframe で表示する URL を $preview の data-uri に設定する
setupPreviewFrameLocation: function ($preview) {
var locationURI = $preview.attr('data-uri');
var iframeNode = $preview.find('iframe')[0];
iframeNode.contentWindow.location.replace(locationURI);
},
setupTouchViewSuggest: function () {
var suggest_touch_view = !Hatena.Diary.data('no-suggest-touch-view');
var has_touch_view = Hatena.Diary.data('has-touch-view');
var is_touch_agent = Hatena.Diary.Devices.userAgent() === 'touch';
if (suggest_touch_view && has_touch_view && is_touch_agent) {
$('#sp-suggest-link').on('click', function () {
Hatena.Diary.Devices.use('touch');
return false;
});
$('#sp-suggest').show();
}
}
};
})(jQuery);
(function($){
Hatena.Diary.Editor = {
device : 'pc', // pc|touch
id : 'hatena-diary-edit-in-place',
showEditInPlace : function (entry, opts) {
var editinplace = document.getElementById(Hatena.Diary.Editor.id);
if (editinplace) {
editinplace.parentNode.removeChild(editinplace);
}
var container = $(
'
' +
'
' + Hatena.Locale.text('loading') + '
' +
'
').
attr({
id: Hatena.Diary.Editor.id
}).
hide().
appendTo(document.body);
var iframe = $('
').appendTo(container);
var loading = container.find('.loading').hide().click(function () {
return false;
});
setTimeout(function () {
loading.show();
}, 250);
container.
css({
width: $(window).width() - 20,
height: $(window).height() - (37 * 2)
}).
css({
left: ($(window).width() - container.width()) / 2
});
editinplace = iframe[0];
var uri = Hatena.Diary.data('admin-domain') +
'/' + Hatena.Diary.data('author') + '/' + Hatena.Diary.data('blog') + '/edit?' +
'editinplace=1';
if (entry) uri += '&entry=' + encodeURIComponent(entry.attr('data-uuid'));
if (opts.title) uri += '&title=' + encodeURIComponent(opts.title);
if (opts.body) uri += '&body=' + encodeURIComponent(opts.body);
var updated;
var messenger = Messenger.createForFrame(editinplace, uri);
var closeContainerWindow = function () {
Hatena.Diary.Window.hide(container);
};
var onClose = function () {
if (updated && !confirm(Hatena.Locale.text('form.confirm.changed'))) {
return false; // 編集画面を閉じるイベントをキャンセルする
} else {
closeContainerWindow();
}
};
messenger.addEventListener('close', onClose);
messenger.addEventListener('ready', function () {
loading.remove();
});
messenger.addEventListener('update', function (data) {
messenger.removeEventListener('close', onClose);
messenger.addEventListener('close', closeContainerWindow); // submitされたらconfirmを出す必要はない
opts.update(data);
});
messenger.addEventListener('change', function (_updated) {
updated = !!_updated;
});
Hatena.Diary.Window.show(container, {
closeExplicitly: true,
destroy : function () {
iframe.remove();
messenger.destroy();
},
fixScroll: true
});
}
};
Hatena.Diary.Pages.Admin['*'] = function () {
Hatena.Locale.setupTimestampUpdater();
Hatena.Diary.Backup.setup();
$('.blog-title-dropdown > a').click(function () {
var w = $('.blog-title-dropdown-window');
if (w.is(":visible")) {
Hatena.Diary.Window.hide(w);
} else {
Hatena.Diary.Window.show(w);
}
return false;
});
Hatena.Diary.Pages.Blogs['*'].prepareForGlobalHeader();
};
Hatena.Diary.Pages.Admin['*'].saveBlogConfig = function(key, value) {
$.ajax({
url : "config/param",
type : "post",
cache: false,
dataType : 'json',
data : {
key : key,
val : value,
rkm : Hatena.Diary.data('rkm'),
rkc : Hatena.Diary.data('rkc')
},
success : function (res) {
Hatena.Diary.LOG(['config/param', res]);
}
});
};
EditDesign.sections = [
'theme',
'background'
];
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['adminmenu'] = function () {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Util.sendResizeRequest();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['curation-amazon'] = function () {
new Hatena.Diary.Pages.Admin['user-blog-edit'].AmazonSearch({
container: $('#editor-amazon-search')
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['antenna'] = function () {
var setupEntryBox = function ($recentEntryBox) {
var $recentEntries = $recentEntryBox.find('li[class!="more"]');
var $moreButton = $recentEntryBox.find('li[class="more"]');
if ($recentEntries.length <= 3) {
$moreButton.hide();
}
else {
$recentEntryBox.find('li[class!="more"]:gt(2)').hide();
}
};
var $recentEntryBoxes = $('.entry-unit-older-post');
$recentEntryBoxes.each(function () {
setupEntryBox($(this));
});
$('.entry-unit').on('click', '.more', function (e) {
var $button = $(this);
var $recentEntries = $button.siblings('li[class!="more"]:gt(2)');
$recentEntries.slideToggle('fast');
$button.hide();
});
var $closedBlogs = $('.closed-blog');
$closedBlogs.each(function () {
var $closedBlog = $(this);
var antennaUrl = $closedBlog.data("antennaUrl");
$.ajax({
type: 'GET',
url: antennaUrl,
data: { device: 'pc' },
dataType: 'html',
crossDomain: true,
xhrFields: {
withCredentials: true
}
}).done(function (res) {
$closedBlog.empty();
$closedBlog.append(res);
setupEntryBox($closedBlog);
var $blogContents = $closedBlog.find('.js-blog-content');
Hatena.Locale.updateTimestamps($blogContents[0]);
});
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['circle-create'] = function () {
var $form = $('form#create-circle-form');
$form.submit(function () {
Hatena.Diary.Util.preventDuplicateSubmit($form);
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['circle-membership-done'] = function () {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Pages.send('done');
$('.close').on('click', function (e) {
Hatena.Diary.Pages.send('close', { name : window.name });
return false;
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['circle-membership'] = function () {
Hatena.Diary.Pages.createForParent();
$('.close').on('click', function (e) {
Hatena.Diary.Pages.send('close', { name : window.name });
return false;
});
$('form').submit(function (e) {
var $form = $(this);
if (!confirm($form.attr('data-confirm-message'))) {
return false;
}
});
Hatena.Diary.Util.sendResizeRequest();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['curation-gourmet'] = function () {
if ($('#editor-gourmet.enabled').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet({
container: $('#editor-gourmet')
});
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['curation-instagram'] = function () {
if ($('#editor-instagram.enabled').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Instagram({
container: $('#editor-instagram')
});
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['curation-promotion'] = function () {
var PromotionEntriesManager = {
$entries: null,
index: 0,
init: function ($container) {
this.$entries = $container.find('.promotion-entry');
$container.on('click', '.pager .prev', $.proxy(this, 'onPrevPagerClick'));
$container.on('click', '.pager .next', $.proxy(this, 'onNextPagerClick'));
this.update();
},
update: function () {
var index = this.index;
this.$entries.each(function (i) {
if (i === index) {
$(this).show();
} else {
$(this).hide();
}
});
},
onPrevPagerClick: function () {
this.index--;
this.update();
},
onNextPagerClick: function () {
this.index++;
this.update();
}
};
PromotionEntriesManager.init($('.promotion-entries'));
$(document).on('click', '[data-keyword]', function(button) {
var keyword = $(this).attr('data-keyword');
var lines = [ keyword ];
Hatena.Diary.EditorConnector.insertLines({
html: lines,
hatena: lines,
markdown: lines
});
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['curation-twitter'] = function () {
if ($('#editor-twitter.enabled').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Twitter({
container: $('#editor-twitter')
});
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['feedback-iframe'] = function () {
Hatena.Diary.Pages.createForParent();
$('.close').on('click', function (e) {
Hatena.Diary.Pages.send('close', { name : window.name });
return false;
});
$('#button-feedback').on('click', function (e) {
$('.js-show-on-send-feedback').show();
$('#body').focus();
$('.js-hide-on-send-feedback').hide();
Hatena.Diary.Util.sendResizeRequest();
});
if(!!Hatena.Diary.Location.param('thankyou')){
setTimeout(function () {
$('#button-close').click();
}, 3000);
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['globalheader'] = function () {
Hatena.Diary.Pages.createForParent();
var BASE = location.hostname.match(/\.hatena\.[^:]+/)[0];
var header = $(document.getElementById('header'));
var headerUsername = $(document.getElementById('header-username'));
var headerNotify = $(document.getElementById('header-notify'));
var headerLocale = $(document.getElementById('header-locale'));
var blogUri = decodeURIComponent(location.hash.substring(1));
var circleId = Hatena.Diary.Location.param('circle_id');
var loc = Hatena.Diary.data('admin-domain') + '/go?blog=' + encodeURIComponent(blogUri);
var publicUserInfo = $.ajax({
type: 'get',
dataType: 'jsonp',
url: "https://www" + BASE + "/notify/notices.count.json",
data: {
services: 1
}
});
if (!Hatena.Diary.Browser.isIE) {
// IE以外のときはcanvasでドロップダウン画像を合成したりする
var dropdownColor = document.body.getAttribute('data-color');
Hatena.Diary.Pages.Admin['globalheader'].renderDropdown(dropdownColor);
}
header.delegate('.header-dropdown', {
keypress: function (event) {
if (event.which !== 13) return;
$(event.currentTarget).click();
event.preventDefault();
event.stopPropagation();
},
mouseup: function (event) {
event.currentTarget.blur();
}
});
header.find('a.new-entry').click(function () {
Hatena.Diary.Pages.send('new-entry', {});
return false;
});
header.find('a.feedback').click(function () {
Hatena.Diary.Pages.send('feedback', {
left : $(this).offset().left,
uri : Hatena.Diary.data('feedback')
});
return false;
});
header.find('.units').find('a').click(function () {
Hatena.Diary.Pages.send('units', {
left: $(this).offset().left,
uri: '/-/units'
});
return false;
});
headerLocale.find('.header-dropdown').click(function () {
var self = this;
Hatena.Diary.Pages.send('locale', { });
return false;
});
headerUsername.find('.header-dropdown').click(function () {
var self = this;
publicUserInfo.done(function (info) {
Hatena.Diary.Pages.send('username', {
BASE : BASE,
left : $(self).offset().left,
info : info,
location : loc
});
}).
fail(Hatena.Diary.BUG);
return false;
});
headerNotify.find('.header-dropdown').click(function () {
Hatena.Diary.Pages.send('notify', {
BASE : BASE,
left : $(this).offset().left
});
headerNotify.find(".notify-count").text('').hide();
return false;
});
publicUserInfo.done(function (data) {
if (data.count > 0) {
headerNotify.find(".notify-count").text(data.count).show();
} else {
headerNotify.find(".notify-count").text('').hide();
}
});
publicUserInfo.done(Hatena.Diary.Util.needComrule2013);
var params = Hatena.Diary.Location.params();
// Features
var info = {};
Hatena.Diary.Pages.send('initFeature', info);
// We MUST serve public information
var init;
if (circleId) {
init = $.ajax({
url: '/api/init/circle',
type: 'get',
dataType: 'json',
data: {
circle_id: circleId
}
});
} else {
init = $.ajax({
url : '/api/init',
type : "get",
dataType : 'json',
data : {
name : Hatena.Diary.data('name'),
blog : blogUri
}
});
}
init.done(function (res) {
var private_info = res['private'];
delete res['private'];
if (res.self) {
Hatena.Diary.Pages.Admin['globalheader'].initAdminDropdown(BASE);
}
if (private_info) {
Hatena.Diary.Pages.Admin['globalheader'].initMyBlogDropdown(BASE, private_info);
}
Hatena.Diary.Pages.send('init', res);
});
$('.login').attr('href', 'https://www.hatena.ne.jp/login?location=' + encodeURIComponent(loc));
// globalheaderはキャッシュされているので、jsでviaの引き継ぎをする
Hatena.Diary.Pages.message('inheritVia', function (via) {
Hatena.Diary.LOG(['inheritVia', via]);
Hatena.Diary.inheritVia(via);
});
};
Hatena.Diary.Pages.Admin['globalheader'].coloring = function (img) {
img.onload = null;
try {
var canvas = document.createElement('canvas');
canvas.setAttribute('width', img.width);
canvas.setAttribute('height', img.height);
if (!canvas.getContext) return;
var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
ctx.globalCompositeOperation = 'source-in';
ctx.fillStyle = document.body.getAttribute('data-color');
ctx.fillRect(0, 0, img.width, img.height);
if (!canvas.toDataURL) return;
img.src = canvas.toDataURL();
} catch (e) { Hatena.Diary.BUG(e, 'render logo') }
};
Hatena.Diary.Pages.Admin['globalheader'].renderDropdown = function (color) {
var img = new Image();
img.src = '/images/header/dropdown.gif';
img.onload = function () { try {
img.onload = null;
var canvas = document.createElement('canvas');
canvas.setAttribute('width', 12);
canvas.setAttribute('height', 12);
if (!canvas.getContext) return;
var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
ctx.globalCompositeOperation = 'source-in';
ctx.fillStyle = color;
ctx.fillRect(0, 0, 12, 12);
if (!canvas.toDataURL) return;
var data = canvas.toDataURL();
var style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.appendChild(document.createTextNode('#header span.header-dropdown, #header span.header-dropdown-custom { background: url(' + data + ') center right no-repeat; }'));
document.body.appendChild(style);
} catch (e) { Hatena.Diary.BUG(e, 'render logo dropdown') } };
};
Hatena.Diary.Pages.Admin['globalheader'].initAdminDropdown = function (BASE) {
var adminmenu = $('#header-admin');
adminmenu.find('a').
html(function (i, html) {
return $('').html(html);
}).end().
click(function () {
Hatena.Diary.Pages.send('adminmenu', {
BASE: BASE,
left: adminmenu.offset().left
});
return false;
});
};
Hatena.Diary.Pages.Admin['globalheader'].initMyBlogDropdown = function (BASE, info) {
var blogs = info.blogs;
var myblog = $('#header-myblog');
if (blogs && blogs.length > 1) {
myblog.find('a').
attr('href', blogs[0].uri).
html(function (i, html) {
return $('').html(html);
}).end().
click(function () {
Hatena.Diary.Pages.send('myblog', {
BASE: BASE,
left: myblog.offset().left
});
return false;
});
} else if (blogs && blogs.length == 1) {
myblog.find('a').attr('href', blogs[0].uri);
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['index'] = function () {
$('.access-graph[itemscope]').each(function () {
var $this = $(this);
var i = 0; var data = $this.find('meta').map(function () {
return [ [i++, +this.getAttribute('content')] ];
});
$.plot($this, [
{
data : data,
bars: { show: true, lineWidth: 0.7 },
points : { show: false },
legend : { show: false },
shadowSize : 0
}
], {
xaxis : {
min: 0,
ticks: []
},
yaxis : {
min: 1,
autoscaleMargin: 0.1,
ticks: []
},
grid : {
show: false
}
});
});
$(document.body).click(function () {
$('.config-dropdown-window').removeClass('open');
});
$('.dropdown-toggle').click(function () {
var dropdown = $(this).closest('.myblog-box').find('.config-dropdown-window');
if (dropdown.hasClass('open')) {
dropdown.removeClass('open');
} else {
$('.config-dropdown-window').removeClass('open');
dropdown.addClass('open');
}
return false;
});
// cookieもってたら非公開ブログの情報も表示するアンテナ
var $closedBlogs = $('.closed-blog');
$closedBlogs.each(function(){
var $closedBlog = $(this);
var antennaUrl = $closedBlog.data("antennaUrl");
$.ajax({
type: 'GET',
url: antennaUrl,
data: { lite: 1, device: 'pc' },
dataType: 'html',
crossDomain: true,
xhrFields: {
withCredentials: true
}
}).done(function(res){
$closedBlog.empty();
$closedBlog.append(res);
var $blogContents = $closedBlog.find('.js-blog-content');
Hatena.Locale.updateTimestamps($blogContents[0]);
});
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['invite-new'] = function () {
Hatena.Locale.setupTimestampUpdater();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['locale'] = function () {
Hatena.Diary.Pages.createForParent();
$('#locale-window a').on('click', function () {
var $this = $(this);
var lang = $this.attr('data-lang');
Hatena.Locale.setAcceptLang(lang);
Hatena.Diary.Pages.send('reload');
return false;
});
Hatena.Diary.Util.sendResizeRequest();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['myblog'] = function () {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Util.sendResizeRequest();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['plus-quit'] = function () {
$('form').submit(function () {
$(this).find('input:submit').attr('disabled', 'disabled');
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['register'] = function () {
if (!Hatena.Diary.data('name')) return; // guest
var dispatcher = Hatena.Diary.Pages.Admin['register'];
dispatcher.submitButton = $('input[type=submit]');
var $checkmark = $('.domain-checkmark');
var $domain = $('#domain');
var $blogIdInput = $('input[name="id"]');
var requestThreshold = 1000;
dispatcher.STATES = {
progress: {
className: 'progress',
message: $('.domain-check-message.progress')
},
available: {
className: 'check',
message: $('.domain-check-message.check')
},
unavailable: {
className: 'error',
message: $('.domain-check-message.error')
},
invalid: {
className: 'invalid',
message: $('.domain-check-message.invalid')
},
invalidLength: {
className: 'invalid-length',
message: $('.domain-check-message.invalid-length')
}
};
// このStateを見てsubmitButtonの有効化無効化を行う
dispatcher.inputValidStates = {
"id" : true,
"import" : true
};
var fetchBlogIdAvailability = function () {
var blogID = $blogIdInput.val();
var topdomain = $domain.val();
if ( ! blogID ) {
$checkmark.hide();
return;
} else if (blogID.length < 2 || blogID.length > 32) {
Hatena.Diary.Pages.Admin['register'].changeAvailabilityState({
nextState: 'invalidLength',
checkmark: $checkmark
});
return;
} else if (! /^[a-zA-Z0-9][a-zA-Z0-9\-]+$/.test(blogID)) {
Hatena.Diary.Pages.Admin['register'].changeAvailabilityState({
nextState: 'invalid',
checkmark: $checkmark
});
return;
}
$.ajax({
url: '/api/blog/domain_registry',
dataType: 'json',
data: {
blog_ids: JSON.stringify([blogID])
}
}).done(function (data) {
var domain_statuses = data[blogID];
if (domain_statuses !== undefined) {
dispatcher.checkBlogIdAvailability({
blogID: blogID,
topdomain: topdomain,
statuses: domain_statuses
});
}
});
};
$checkmark.hide();
fetchBlogIdAvailability();
$domain.change(fetchBlogIdAvailability);
$blogIdInput.
keyup(_.debounce(fetchBlogIdAvailability, requestThreshold)).
keyup(function () {
$checkmark.show();
dispatcher.changeAvailabilityState({
nextState: 'progress',
checkmark: $checkmark
});
});
var fillinDefault = function() {
var user_name = Hatena.Diary.data('name').toLowerCase().replace(/_/, '-');
$.ajax({
url: '/api/blog/domain_registry',
dataType: 'json',
data: { blog_ids: JSON.stringify([user_name]) }
}).done(function (data) {
var domain_statuses = data[user_name];
if (typeof domain_statuses === 'undefined' || typeof domain_statuses === null) {
domain_statuses = {};
}
var available_domains = Hatena.Diary.Pages.Admin['register'].availableDomains(domain_statuses);
if (_.any(available_domains)) {
var $domain = $('#domain');
var current_domain = $domain.val();
if (! _.include(available_domains, current_domain)) {
$domain.val(available_domains[0]);
}
var idInput = $('input[name=id]');
if (idInput.val() === '') {
// idが空のときuser名からフィルイン
idInput.val(user_name);
Hatena.Diary.Pages.Admin['register'].changeAvailabilityState({
nextState: 'available',
checkmark: $('.domain-checkmark')
});
}
}
});
};
fillinDefault();
if ($('input[name=import]').length) {
$('input[name=permission],input[name=import]').change(function () {
dispatcher.changeImportAvailabilityState();
});
$('.import-error').hide();
dispatcher.changeImportAvailabilityState();
}
};
Hatena.Diary.Pages.Admin['register'].changeAvailabilityState = function (args) {
var dispatcher = Hatena.Diary.Pages.Admin['register'];
var nextState = args.nextState;
var $checkmark = args.checkmark;
if (nextState == 'unavailable' || nextState == 'invalid' || nextState == 'invalidLength') {
dispatcher.inputValidStates['id'] = false;
}
else {
dispatcher.inputValidStates['id'] = true;
}
dispatcher.changeSubmitButtonState();
_.each(Hatena.Diary.Pages.Admin['register'].STATES, function (value, key) {
if (key === nextState) {
if (! $checkmark.hasClass(value.className)) $checkmark.addClass(value.className);
value.message.show();
} else {
if ($checkmark.hasClass(value.className)) $checkmark.removeClass(value.className);
value.message.hide();
}
});
};
Hatena.Diary.Pages.Admin['register'].checkBlogIdAvailability = function (args) {
var topdomain = args.topdomain;
var blogID = args.blogID;
var statuses = args.statuses;
var $checkmark = $('.domain-checkmark');
var inputState = statuses[topdomain];
var availableDomains = Hatena.Diary.Pages.Admin['register'].availableDomains(statuses);
if (inputState === 'unavailable' && _.any(availableDomains)) {
Hatena.Diary.Pages.Admin['register'].suggestAlternativeDomainNames({
blogID: blogID,
availableDomains: availableDomains
});
}
Hatena.Diary.Pages.Admin['register'].changeAvailabilityState({
nextState: inputState,
checkmark: $checkmark
});
};
Hatena.Diary.Pages.Admin['register'].suggestAlternativeDomainNames = function (args) {
var blogID = args.blogID;
var availableDomains = args.availableDomains;
var $message = $('.domain-recommend');
var $domain = $('#domain');
$('.requested-blog-id').text(blogID);
$message.find('ul').detach();
var $alternatives = $('
');
_.each(availableDomains, function (domain) {
$('
').
text(blogID + '.' + domain).
click(function () { $domain.val(domain).change() }).
appendTo($alternatives);
});
$message.append($alternatives).show();
};
// domain_statuses = {
// $domain: 'available' || 'unavailable' || 'invalid'
// ...
// }
Hatena.Diary.Pages.Admin['register'].availableDomains = function (domain_statuses) {
var domains = _.keys(domain_statuses);
var availableDomains = _.select(domains, function (domain) { return domain_statuses[domain] === 'available'; });
return availableDomains;
};
Hatena.Diary.Pages.Admin['register'].changeImportAvailabilityState = function (args) {
var dispatcher = Hatena.Diary.Pages.Admin['register'];
var $checkedPermission = $('input[name=permission]:checked');
var $selectedImport = $('input[name=import]:checked');
var blogPermission = $checkedPermission.val();
var diaryPermission = $selectedImport.attr('data-permission');
var $errorMessage = $('.import-error');
if (diaryPermission == 'private' && blogPermission == 'public') {
$errorMessage.show();
dispatcher.inputValidStates['import'] = false;
dispatcher.changeSubmitButtonState();
}
else {
$errorMessage.hide();
dispatcher.inputValidStates['import'] = true;
dispatcher.changeSubmitButtonState();
}
};
Hatena.Diary.Pages.Admin['register'].changeSubmitButtonState = function (args) {
var dispatcher = Hatena.Diary.Pages.Admin['register'];
var submitButton = dispatcher.submitButton;
var shouldEnabled = _.every(dispatcher.inputValidStates, function (valid) {
return valid;
});
if (shouldEnabled) {
submitButton.attr('disabled', false);
submitButton.removeClass('disabled');
submitButton.addClass('btn-blue');
}
else {
submitButton.attr('disabled', true);
submitButton.removeClass('btn-blue');
submitButton.addClass('disabled');
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['register-iframe'] = function () {
if (!Hatena.Diary.data('name')) return; // guest
var fillinDefault = function() {
var user_name = Hatena.Diary.data('name').toLowerCase().replace(/_/, '-');
var idInput = $('input[name=id]');
if (idInput.val() === '') {
// idが空のときuser名からフィルイン
idInput.val(user_name);
}
};
fillinDefault();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['services'] = function () {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Pages.message('init', function (data) {
// data は危険な内容である可能性がある
var BASE = data.BASE;
var servicesInUse = data.info.services;
var usernameWindow = $('#username-window');
$('
Services in Use').
find('span').text(Hatena.Locale.text('services_in_use')).end().
appendTo(usernameWindow);
// global headerに出すリストを作る
var subdomainsForShow = [];
for (var s in servicesInUse) {
if (servicesInUse[s].is_beta) continue;
if (!servicesInUse[s].portal_top_priority) continue;
subdomainsForShow.push(s);
}
subdomainsForShow.sort(function (a, b) {
return servicesInUse[b].portal_top_priority -
servicesInUse[a].portal_top_priority;
});
for (var i = 0, length = subdomainsForShow.length; i < length; i++) {
var subdomain = subdomainsForShow[i];
var service = servicesInUse[subdomain];
if (!service) continue;
var url = 'http://www' + BASE + '/me/' + service.name + '/';
var favicon = '//www.hatena.com/images/favicon/' + service.name + '.png';
$('
![]()
').
find('a').
find('img').attr('src', favicon).end().
attr('href', url).append(document.createTextNode(service.text)).
end().
appendTo(usernameWindow);
}
$('
Lang').
find('span').text(Hatena.Locale.text('lang')).end().
appendTo(usernameWindow);
var langs = Hatena.Locale.getAvailLangs();
for (var i = 0; i < langs.length; i++) {
var lang = langs[i];
if (langs[i] == Hatena.Locale.getTextLang()) {
$('lang').
find('span').
text(Hatena.Locale.text('lang.' + lang + '.native')).
end().
appendTo(usernameWindow);
} else {
$('
lang').
find('a').
attr('data-lang', lang).
text(Hatena.Locale.text('lang.' + lang + '.native')).
end().
appendTo(usernameWindow);
}
}
usernameWindow.find('a[data-lang]').click(function () {
var lang = $(this).attr('data-lang');
Hatena.Locale.setAcceptLang(lang);
Hatena.Diary.Pages.send('reload');
return false;
});
$('
My Hatena').
find('span').text(Hatena.Locale.text('my_hatena')).end().
appendTo(usernameWindow);
$('
').
find('a').attr('href', 'http://www' + BASE + '/my/').append(Hatena.Locale.text('profile')).end().
appendTo(usernameWindow);
$('
').
find('a').
attr('href', 'http://www' + BASE + '/logout?location=' + encodeURIComponent(data.location)).append(Hatena.Locale.text('logout')).
click(function () {
return confirm(Hatena.Locale.text('really_want_to_logout'));
}).
end().
appendTo(usernameWindow);
Hatena.Diary.Util.sendResizeRequest();
});
Hatena.Diary.Pages.send('init');
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['store-theme-new'] = function () {
var $availableLicenses = $('.available-licenses');
var $showAvailableLicenses = $('.show-more').find('a');
var expandAvailableLicenses = function () {
$availableLicenses.show();
$availableLicenses.attr('data-collapsed', 0);
$showAvailableLicenses.text($showAvailableLicenses.attr('data-collapse-message'));
};
var collapseAvailableLicenses = function () {
$availableLicenses.hide();
$availableLicenses.attr('data-collapsed', 1);
$showAvailableLicenses.text($showAvailableLicenses.attr('data-expand-message'));
};
$availableLicenses.hide();
$showAvailableLicenses.on('click', function (e) {
if ($availableLicenses.attr('data-collapsed') === '1') {
expandAvailableLicenses();
} else {
collapseAvailableLicenses();
}
e.preventDefault();
});
$('.deed').hide();
$('.show-deed').on('click', function (e) {
$($(this).attr('data-target-selector')).toggle();
return false;
});
// 選択してるやつが隠れてたら見せる
if ($('input[name=license]:checked').is(':visible') === false) {
$showAvailableLicenses.click();
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['store-theme-theme_id'] = function () {
if (Hatena.Star) {
Hatena.Star.SiteConfig = {
entryNodes: {
'#container' : {
uri: 'a.permalink',
title: 'h1.theme-name',
container: '.star-container'
}
}
};
}
var self = Hatena.Diary.Pages.Admin['store-theme-theme_id'];
self.$themeContainer = $('#store-container');
self.$installDialog = $('.blog-title-dropdown-window');
self.$installButton = $('#sidebar').find('.install-theme-btn');
self.$installDialog.hide();
self.$installButton.click(function () {
self.$installDialog.slideToggle();
});
$('#theme-detail-tabs').tabs({ active : 0});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['topic-show'] = function () {
$('#topic-entries-tabs').tabs({ active : 0 });
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-about_config'] = function () {
var table = $('#about-config');
var form = $('#form-edit');
var key = $('#key');
var value = $('#value');
var del = $('#delete-button');
function update (key, value) {
var tr = table.find('tr[data-key="' + key + '"]');
if (!tr.length) {
tr = $('
| |
|---|
');
}
tr.attr({
'data-key' : key,
'data-value' : value
});
tr.find('th').text(key);
tr.find('td').text(value);
if (!tr.parent().length) table.find('tbody').append(tr);
}
form.submit(function (e) {
e.preventDefault();
$.ajax({
url : form.attr('action'),
type : 'post',
dataType : 'json',
data: form.serialize(),
success : function (data) {
update(data.key, data.value);
form.hide();
}
});
});
del.click(function (e) {
$.ajax({
url : form.attr('action'),
type : 'post',
dataType : 'json',
data: form.serialize() + '&delete=1',
success : function (data) {
update(data.key, data.value);
form.hide();
}
});
});
$('#button-new-value').click(function () {
key.val('');
value.val('');
del.hide();
form.show();
key.focus();
});
table.find('td').on('click', function () {
var tr = $(this).parent();
key.val(tr.attr('data-key'));
value.val(tr.attr('data-value'));
del.show();
form.show();
value.focus();
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-accesslog'] = function () {
var table = $('#access-counts').remove();
var counts = {};
table.find('tr').each(function () {
var $this = $(this);
var time = +$this.find('td[data-time]').attr('data-time');
var count = +$this.find('td[data-count]').attr('data-count');
counts[time] = count;
});
AccessLog.showGraph(counts, {
parent : $('#access-counts-daily'),
timeformat : '%m/%d',
minTickSize : [1, 'day'],
unit : 24 * 60 * 60 * 1000,
number : 30
});
AccessLog.showGraph(counts, {
parent : $('#access-counts-hourly'),
timeformat : '%d %H:%M',
minTickSize : [1, 'hour'],
unit : 60 * 60 * 1000,
number : 48
});
$('#access-counts-tabs').tabs({ active : 0 });
$('#summary-detail-tabs').tabs({ active : 0 });
$('.summary-box .hosts').delegate('.host', 'click', function() {
$('.summary-box .hosts .selected').removeClass('selected');
$(this).addClass('selected');
var host = $(this).attr('data-site-host');
$('.summary-box .site.selected').removeClass('selected');
$('.summary-box .sites').find('*[data-site-host="' + host + '"]').addClass('selected');
return false;
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-comment-delete-deleted'] = function () {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Pages.send('delete');
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-comment-delete'] = function () {
Hatena.Diary.Pages.createForParent();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-comment-done'] = function () {
Hatena.Diary.Pages.createForParent();
var comment = document.getElementById('posted').value;
Hatena.Diary.Pages.send('update', { comment : comment });
Hatena.Diary.Pages.send('close');
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-comment'] = function () {
Hatena.Diary.Pages.createForParent();
$('#body').focus();
Hatena.Diary.Util.sendResizeRequest();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-comments'] = function () {
$('button[name="mode"][value="delete"]').click(function () {
return confirm(Hatena.Locale.text('admin.comments.delete.confirm'));
});
Hatena.Diary.Util.updateDynamicPieces($('.js-comments-table'));
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'] = function () {
var css = $('#css');
var form = $('#form-design');
var modules = $('#modules');
var preview = $('#preview');
var loading = $('#preview-loading');
var tabs = $('#tabs');
var messenger = Messenger.createForFrame(
preview.find('iframe')[0],
preview.attr('data-uri') + '#init');
var formState = new Hatena.Diary.FormState();
formState.observeForm(form);
formState.observeFormChange();
Hatena.Diary.Pages.Admin['user-blog-config-design']();
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].fadeOutLoading(loading);
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupTabs({
css: css,
form: form,
messenger: messenger,
tabs: tabs,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupPreview({
css: css,
form: form,
loading: loading,
messenger: messenger,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupPreviewTypeButton({
form: form,
loading : loading,
messenger: messenger,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEditor({
form: form,
syntax: 'html',
textarea: $('#header-html')
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEditor({
form: form,
syntax: 'html',
textarea: $('#entry-footer-html')
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEditor({
form: form,
syntax: 'html',
textarea: $('#footer-html')
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEditor({
form: form,
syntax: 'css',
textarea: css
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupBackgroundComponent({
css: css,
form: form,
loading : loading,
messenger: messenger,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupHeaderComponent({
css: css,
form: form,
loading : loading,
messenger: messenger,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEntryComponent({
css: css,
form: form,
loading : loading,
messenger: messenger,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupFooterComponent({
css: css,
form: form,
loading : loading,
messenger: messenger,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].bindSidebarModules({
form: form,
modules: modules,
preview: preview
});
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupAccordion('.accordion-title');
// プロフィールとサークルは通信してformを書き換える，書き換え終わった状態のフォームの値を初期状態としてセットする
var profileUpdated = Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updateProfileModule();
var circlesUpdated = Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updateCirclesModule();
$.when(profileUpdated, circlesUpdated).always(function() {
formState.setFormInitialState();
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupAccordion = function (selector) {
var accordionTitle = $(selector);
accordionTitle.next().hide();
accordionTitle.click(function () {
var $title = $(this);
var $content = $title.next();
if ($content.is(':visible')) {
$content.hide();
$title.removeClass('open');
} else {
$content.show();
$title.addClass('open');
}
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupTabs = function (args) {
var css = args.css;
var form = args.form;
var tabs = args.tabs;
var messenger = args.messenger;
var preview = args.preview;
tabs.tabs().on('tabsactivate', function (e, ui) {
var panelID = ui.newPanel.attr('id');
messenger.send('support-mode', { enabled: /css/.test(panelID) });
});
messenger.addEventListener('support-mode', function (e) {
css.val(css.val().replace(/\n?\n?$/, "\n\n" + e.selector + " {\n\n}\n")).change();
});
var $formResizer = $('#form-design-fold-button');
$formResizer.click( function () {
if ($formResizer.hasClass('open')) {
$formResizer.removeClass('open').addClass('close');
form.hide();
preview.addClass('fold-form');
} else {
$formResizer.removeClass('close').addClass('open');
form.show();
preview.removeClass('fold-form');
}
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].fadeInLoading = function ($loading) {
$loading.fadeIn('fast');
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].fadeOutLoading = function ($loading) {
setTimeout(function () { $loading.fadeOut('fast') }, 1000);
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupPreview = function (args) {
var css = args.css;
var form = args.form;
var loading = args.loading;
var messenger = args.messenger;
var preview = args.preview;
var self = this;
var canonical = function (str) {
return str.replace(/\/\*.*\*\//g, ' ').replace(/\s+/g, ' ');
};
var before = canonical(css.val());
css.change ( function () {
var after = canonical(css.val());
if (before == after) { return }
before = after;
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupPreviewTypeButton = function (args) {
var form = args.form;
var preview = args.preview;
var previewURI = $('#preview-uri');
var previewType = $('.preview-types');
var switchButton = $('.switch-button');
switchButton.click ( function () {
if ( switchButton.hasClass('index') ) {
switchButton.addClass('permalink').removeClass('index');
switchButton.text(Hatena.Locale.text('admin.design.quit_preview_entry_page'));
preview.attr('data-uri', previewURI.attr('permalink-uri'));
} else {
switchButton.addClass('index').removeClass('permalink');
switchButton.text(Hatena.Locale.text('admin.design.preview_entry_page'));
preview.attr('data-uri', previewURI.attr('index-uri'));
}
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
// updatePreviewはbackup-saveが呼ばれないとプレビューが変更されない
// backup-saveはformの内容が変わっていなければ呼ばれないが、
// プレビュー変更ボタンでは内容が変わっていないので明示的にbackup-saveを呼んでおく
form.trigger('backup-save');
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupBackgroundComponent = function (args) {
var css = args.css;
var form = args.form;
var preview = args.preview;
var fileinput = $('input[type="file"].background-image');
var bgImage = $('#background-image');
var imageThumbnail = $('#background-image-thumbnail');
var deleteBgImage = $('a.delete-background-image');
var imageSrc = $('input[name="bg-image-src"]');
var imageId = $('input[name="bg-image-id"]');
var imageSelected = $('input[name="bg-image-selected"]');
var styletemplate = _.template("body{ background-image: url('<%= image %>'); background-repeat: <%= repeat %>; background-color:<%= backgroundColor %>; background-attachment: <%= attachment %>; background-position: <%= position %> top;}");
var bgPosition = $('select[name="background-position"]');
var bgRepeat = $('select[name="background-repeat"]');
var bgAttachment = $('select[name="background-attachment"]');
var showBackgroundImage = function () {
bgImage.show();
};
var hideBackgroundImage = function () {
bgImage.hide();
};
deleteBgImage.click ( function () {
if ( confirm(Hatena.Locale.text('admin.design.stop_header_image_confirm')) ) {
imageId.val('');
imageSrc.val('');
imageSelected.val(0);
setDesignCSS();
hideBackgroundImage();
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
}
return false;
});
imageThumbnail.click ( function () {
setDesignCSS();
if ( ! imageThumbnail.hasClass('ui-selected') ) {
// 背景画像の選択をはずす
var backgroundListItems = $('#backgrounds li');
backgroundListItems.removeClass('ui-selected');
imageThumbnail.addClass('ui-selected');
imageSelected.val(1);
}
});
bgPosition.change ( function () {
setDesignCSS();
});
bgAttachment.change ( function () {
setDesignCSS();
});
bgRepeat.change ( function () {
setDesignCSS();
});
// 背景画像のセット
var setBackgroundImage = function (fid) {
imageId.val(fid);
var match = fid.match(/f:id:([^:]+):(\d+)([jpg]):image/);
if (!match) return;
var name = match[1];
var id = match[2];
var type = match[3];
var extension = { j : '.jpg', p : '.png', g : '.gif' };
var path = [ name.substring(0, 1), name, id.substring(0, 8), id ].join('/');
var image = 'http://cdn-ak.f.st-hatena.com/images/fotolife/' + path + extension[type];
var thumbnail_src = 'http://cdn-ak.f.st-hatena.com/images/fotolife/' + path + '_120.jpg';
imageSrc.val(image);
imageThumbnail.attr('src', thumbnail_src);
showBackgroundImage();
fileinput.prop('disabled', false);
imageThumbnail.trigger('click');
// fileinput.change契機でアップロードしている場合、fileinput.valueを空にしておかないと同じファイルを選択した時にchangeイベントが発火しないため、がんばって空にする
var isSupportedFile = (typeof FormData != 'undefined');
if (isSupportedFile) {
var new_fileinput = fileinput.clone(true);
fileinput.replaceWith(new_fileinput);
fileinput = new_fileinput;
}
};
var setDesignCSS = function () {
var image = imageSrc.val();
var design = new EditDesign(css.val());
var id;
var style;
if ( image ) {
var backgroundColorItem = $('#background-colors li.ui-selected');
var backgroundColor = 'transparent';
// 背景色が選択されていない場合はデフォルトを選択
if ( backgroundColorItem.length === 0 ) {
$('#background-colors li[data-css=""]').addClass('ui-selected');
} else if ( backgroundColorItem.attr('data-id') !== undefined ) {
backgroundColor = '#' + backgroundColorItem.attr('data-id');
}
id = 'custom';
var repeat = bgRepeat.find('option:selected').val();
var position = bgPosition.find('option:selected').val();
var attachment = bgAttachment.find('option:selected').val();
style = styletemplate({
image : image,
backgroundColor : backgroundColor,
repeat : repeat,
position : position,
attachment : attachment
});
} else { // 画像外したときはデフォルトに戻す
id = 'default';
style = $('li[data-id="default"]').attr('data-css');
}
design.setData('background', id, style);
css.val(design.getCSS());
css.trigger('change');
};
var isSupportedFile = (typeof FormData != 'undefined');
if ( isSupportedFile ) {
fileinput.change ( function () {
if ( ! this.files.length ) return;
hideBackgroundImage();
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].uploadImage({
file : this,
folder : "Hatena Blog",
fotosize : 3000,
input : fileinput,
callback : setBackgroundImage
});
});
} else {
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setIframeUploader({
fileinput : fileinput,
fotosize : 3000,
callback : setBackgroundImage
});
}
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupHeaderComponent = function (args) {
var css = args.css;
var form = args.form;
var preview = args.preview;
var header = {};
var initialize = function () {
header.$html = $('#header-html');
header.$option = $('input[name="header-option"]');
header.$imageSrc = $('input[name="image-src"]');
header.$imageId = $('input[name="image-id"]');
header.$displayArea = $('input[name="display-area"]');
header.$fileinput = $('input[type="file"].header-image');
header.$image = $('#header-image');
header.$imageThumbnail = $('#header-image-thumbnail');
header.$deleteHeaderImage = $('a.delete-header-image');
header.$resizer = $("a.resizer");
header.$modalWindow = $("#header-modal-window");
header.$imageReseizer = $('#header-image-resizer');
header.$imageApplyButton = $('#header-image-apply-button');
header.$imageCancelButton = $('#header-image-cancel-button');
header.$dialogOverray = $(".dialog-overray");
header.execUpload = false;
header.isSupportedFile = (typeof FormData != 'undefined');
initializeJcrop();
};
var initializeJcrop = function () {
// ヘッダ画像
header.jcropOptions = {
setSelect : [ 0, 0, 1000, 200 ],
bgOpacity : '0.4',
addClass : 'jcrop-dark',
allowSelect : false,
keySupport : false,
allowResize : false
};
header.jcropApi = $.Jcrop(header.$imageReseizer, header.jcropOptions);
var jcropDivs = header.$modalWindow.find('.jcrop-holder').children('div');
// IE用にクラスを追加 2個目なのはjcrop依存
$(jcropDivs[2]).addClass('jcrop-mask');
// サムネイル
header.jcropThumbnailOptions = {
bgOpacity : '0.4',
addClass : 'jcrop-dark',
allowSelect : false,
allowResize : false,
allowMove : false
};
header.jcropApiThumbnail = $.Jcrop(header.$imageThumbnail, header.jcropThumbnailOptions);
var jcropThumbnailDivs = header.$image.find('.jcrop-holder').children('div');
// IE用にクラスを追加 2個目なのはjcrop依存
$(jcropThumbnailDivs[2]).addClass('jcrop-mask');
// 現在の画像設定をセット
header.jcropApi.setImage(header.$imageSrc.val(), function () {
try {
var area = JSON.parse(header.$displayArea.val());
// 選択範囲の設定
header.jcropApi.setSelect([ area.x, area.y, area.x2, area.y2 ]);
// サムネイルの選択範囲を設定
setThumbnail(header.$imageThumbnail.attr('src'), area);
} catch (e) {
return;
}
});
};
var bindEvents = function () {
// ヘッダHTML
header.$html.change ( function () {
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
});
// ヘッダ画像
if ( header.isSupportedFile ) {
header.$fileinput.change ( function () {
if ( ! this.files.length ) return;
header.$image.hide();
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].uploadImage({
file : this,
folder : "Hatena Blog",
fotosize : 1000,
input : header.$fileinput,
callback : setHeaderImage
});
});
} else {
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setIframeUploader({
fileinput : header.$fileinput,
fotosize : 1000,
callback : setHeaderImage
});
}
header.$image.find('.jcrop-holder').click ( function () {
header.$modalWindow.show();
});
header.$resizer.click ( function () {
header.$modalWindow.show();
return false;
});
header.$imageApplyButton.click ( function () {
if ( header.execUpload ) header.execUpload = false;
header.$modalWindow.hide();
header.$displayArea.val(JSON.stringify(header.jcropApi.tellSelect()));
header.jcropApiThumbnail.setSelect(getThumbnailSelectArea(header.jcropApi.tellSelect()));
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
});
header.$imageCancelButton.click( function () {
selectCancel();
});
header.$dialogOverray.click( function () {
selectCancel();
return false;
});
header.$deleteHeaderImage.click ( function () {
if ( confirm(Hatena.Locale.text('admin.design.stop_header_image_confirm')) ) {
deleteHeaderImage();
header.$image.hide();
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
}
return false;
});
header.$option.change ( function () {
// 画像が設定されてなければ、変更しない
if ( ! header.$imageSrc.val() ) return;
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
});
};
// アップロードした画像をセット
var setHeaderImage = function (fid) {
header.execUpload = true;
header.$imageId.val(fid);
var match = fid.match(/f:id:([^:]+):(\d+)([jpg]):image/);
if (!match) return;
var name = match[1];
var id = match[2];
var type = match[3];
var extension = { j : '.jpg', p : '.png', g : '.gif' };
var path = [ name.substring(0, 1), name, id.substring(0, 8), id ].join('/');
var image = 'http://cdn-ak.f.st-hatena.com/images/fotolife/' + path + extension[type];
var thumbnail_src = 'http://cdn-ak.f.st-hatena.com/images/fotolife/' + path + '_120.jpg';
// ヘッダ画像を設定し、サムネイルにも反映
header.jcropApi.setImage(image, function () {
header.jcropApi.setOptions(header.jcropOptions);
header.$modalWindow.show();
header.$fileinput.prop('disabled', false);
// fileinput.change契機でアップロードしている場合、fileinput.valueを空にしておかないと同じファイルを選択した時にchangeイベントが発火しないため、がんばって空にする
if (header.isSupportedFile) {
var $new_fileinput = header.$fileinput.clone(true);
header.$fileinput.replaceWith($new_fileinput);
header.$fileinput = $new_fileinput;
}
setThumbnail(thumbnail_src, header.jcropApi.tellSelect());
});
header.$imageSrc.val(image);
header.$image.show();
};
// サムネイル画像をセットし、選択範囲を反映
var setThumbnail = function (thumbnail_src, area) {
header.jcropApiThumbnail.setImage( thumbnail_src, function () {
header.jcropApiThumbnail.setSelect(getThumbnailSelectArea(area));
});
};
// サムネイルの選択範囲を画像の選択範囲から算出
var getThumbnailSelectArea = function (area) {
var imageSize = header.jcropApi.getWidgetSize();
var thumbnailSize = header.jcropApiThumbnail.getWidgetSize();
var thumbnailSelectY = area.y / imageSize[1] * thumbnailSize[1];
var thumbnailSelectY2 = area.y2 / imageSize[1] * thumbnailSize[1];
return [0, thumbnailSelectY, thumbnailSize[0], thumbnailSelectY2];
};
// 選択範囲の設定でキャンセル
var selectCancel = function () {
header.$modalWindow.hide();
// 選択範囲を戻す
try {
var area = JSON.parse(header.$displayArea.val());
header.jcropApi.setSelect([ area.x, area.y, area.x2, area.y2 ]);
} catch (e) {
return;
}
// アップロード時はキャンセルを押されても反映する
if ( header.execUpload ) {
header.execUpload = false;
header.jcropApi.setSelect([ 0, 0, 1000, 200 ]);
header.$imageApplyButton.trigger('click');
}
};
// ヘッダ画像を外す
var deleteHeaderImage = function () {
header.jcropApiThumbnail.setImage('');
header.$imageId.val('');
header.$imageSrc.val('');
header.$displayArea.val('');
};
initialize();
bindEvents();
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEntryComponent = function (args) {
var css = args.css;
var form = args.form;
var preview = args.preview;
var switchButton = $('.switch-button');
// 記事下HTML、ソーシャルボタン、ブックマークブログパーツ
$('#entry-footer-html, #hatena-star, #bookmark-button, #fb-like-button, #tweet-button, #plusone-button, #hbblogparts, #line-button, #tumblr-button').change ( function () {
if ( switchButton.length === 0 ) return; // 記事が１記事もない場合
if ( switchButton.hasClass('index') ) return; // トップページをプレビュー中
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
});
// 変数のヘルプ
$('#variable-toggle').click(function(){
$('#variable-help').slideToggle();
return false;
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupFooterComponent = function (args) {
// フッタHTML
$('#footer-html').change ( function () {
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview(args);
});
};
// フォトライフへ画像をアップロード
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].uploadImage = function (args) {
var file = args.file;
var folder = args.folder;
var fotosize = args.fotosize;
var input = args.input;
var callback = args.callback;
input.prop('disabled', true);
var data = new FormData();
data.append('rkm', Hatena.Diary.data('rkm'));
data.append('append', 1);
data.append('fototitle', "");
data.append('folder', folder);
data.append('fotosize', fotosize);
data.append('image', file.files[0]);
var grandparent = $(file).parent().parent();
var progress = grandparent.find('.progress');
progress.show();
var bar = progress.find('div.bar');
bar.width('0%');
var percent = progress.find('div.percent');
var updateProgress = function (progress) {
if (progress > 100) progress = 100;
bar.width(progress + '%');
percent.text(Hatena.Locale.text('uploading'));
};
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", function (e) {
var percent = e.lengthComputable ? (e.loaded / e.total * 100) : NaN;
updateProgress( percent );
}, false);
xhr.addEventListener("load", function (e) {
updateProgress( 100 );
callback(xhr.responseText);
progress.hide();
}, false);
xhr.addEventListener("error", function (e) {
progress.addClass('error');
percent.text('error');
input.prop('disabled', false);
}, false);
xhr.open("POST", "/f/" + Hatena.Diary.data('name') + "/upbysmart");
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.send(data);
};
// IE用にiframeを設置
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setIframeUploader = function (args) {
var fileinput = args.fileinput;
var fotosize = args.fotosize;
var callback = args.callback;
var iframe = $('
');
fileinput.replaceWith(iframe);
var src = "/api/upload/fotolife_smart";
iframe.attr('src', src);
iframe.addClass('uploader');
iframe.load(function () {
var document;
if (iframe[0].contentDocument) {
document = iframe[0].contentDocument;
} else if (iframe[0].contentWindow) {
document = iframe[0].contentWindow.document;
} else {
return;
}
if (document.body.innerHTML.match(/^\s*(f:id:\S+)/)) {
iframe[0].contentWindow.location.replace(src);
}
callback(document.body.innerHTML);
$(document).find('input[name="fotosize"]').val(fotosize);
var images = $(document).find('input[type="file"]');
$(images[0]).change ( function () {
$(document).find('#fotolife-upload-form').submit();
$(images[0]).replaceWith($('
').text(Hatena.Locale.text('uploading')));
});
});
};
// プレビュー時にはバックアップに挿入された CSS を見ている
// バックアップが保存されたイベントが発生してからリロードする必要がある
// See also: Hatena::Epic::Admin::Api::css
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updatePreview = function (args) {
var form = args.form;
var loading = args.loading;
var preview = args.preview;
var messenger = args.messenger;
var self = this;
form.on('backup-save', function () {
preview.find('iframe')[0].contentWindow.location.replace(preview.attr('data-uri'));
self.fadeInLoading(loading);
});
this.fadeOutLoading(loading);
Hatena.Diary.Backup.save(form);
Hatena.Diary.LOG(['preview-update', 'request']);
Hatena.Epic.Component.setupPreviewFrameLocation(preview);
this.fadeInLoading(loading);
};
// FacebookやTwitterとの連携をしているかを確認し、プロフィールモジュールを更新
// 更新が終わるとresolveされるDeferredを返す
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updateProfileModule = function () {
var updated = $.Deferred();
$.ajax({
type: 'GET',
url: '/api/applications_data',
dataType: 'json'
}).done(function (res) {
var data = res;
var profile_module = $('#module-value-component-profile');
if ( data.twitter ) {
profile_module.find('.cannot-twitter-button').remove();
} else {
profile_module.find('.can-twitter-button').remove();
profile_module.find('.cannot-twitter-button').removeClass('cannot-twitter-button').addClass('cannot-twitter-button-display');
}
if ( data.facebook ) {
profile_module.find('.cannot-facebook-follow').remove();
profile_module.find('.cannot-facebook-subscribe').remove();
} else {
profile_module.find('.can-facebook-follow').remove();
profile_module.find('.can-facebook-subscribe').remove();
profile_module.find('.note').remove();
profile_module.find('.cannot-facebook-follow').removeClass('.cannot-facebook-follow').addClass('.cannot-facebook-follow-display');
profile_module.find('.cannot-facebook-subscribe').removeClass('cannot-facebook-subscribe').addClass('cannot-facebook-subscribe-display');
}
updated.resolve();
}).fail(function() {
updated.reject();
});
return updated.promise();
};
// サークルモジュールを更新
// 更新が終わるとresolveされるDeferredを返す
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].updateCirclesModule = function () {
var updated = $.Deferred();
if ($('#module-value-component-circles').length === 0) {
updated.resolve();
return updated.promise();
}
$.ajax({
type: 'GET',
url: '/api/circles',
data: { blog: $('html').attr('data-blogs-domain') },
dataType: 'json'
}).done(function (res) {
var mkSelectCircle = _.template($('#module-circles-select-circles-template').html().replace(/^\s+|\s+$/g, ''));
_.each(res.circles, function (circle) {
$(mkSelectCircle({ circle: circle })).appendTo('#select-circles-container');
});
updated.resolve();
}).fail(function() {
updated.reject();
});
return updated.promise();
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].bindSidebarModules = function (args) {
var preview = args.preview;
var form = args.form;
var modules = args.modules;
var order = $('#module-order');
// formのhidden要素の値を正規化して変更点があればPreviewを更新
(function() {
var canonical = function() {
var text = '';
modules.find('input[type="hidden"]').each(function() { text += $(this).val() });
text += order.text();
return text;
};
var previous = canonical();
form.bind('backup-save', function () {
if (previous == (previous = canonical())) { return }
Hatena.Epic.Component.setupPreviewFrameLocation(preview);
});
})();
// 追加ボタンを押したときにモジュールを追加する
// - 新規作成中のモジュールには編集と区別するためにcreatedクラスが付く
// - モジュール編集画面を閉じるとcreatedクラスは消える
$('#add-module').click(function() {
var newModule = $('#module-clone').find('.module').clone();
newModule.appendTo(modules);
newModule.addClass('created');
$('#modal-window').removeClass('hide-radios');
newModule.find('.edit-module').click();
// サイドバー内を下までスクロールして追加した要素を見せる
var scrolled = $('#tab-customize');
scrolled.scrollTop(scrolled[0].scrollHeight);
return false;
});
// formで送信するモジュールの並び順を以下のタイミングで更新する
// - 初期化時
// - ソート時
// - 削除時
// - モーダルウィンドウ消去時
var setModuleOrder = function () {
var types = [];
modules.find('.module').each(function() {
types.push($(this).attr('data-module-type'));
});
order
.text(types.join(','))
.change();
};
modules.sortable({
containment: 'parent',
stop: setModuleOrder
});
setModuleOrder();
// 削除ボタンを押したときにモジュールの要素を削除する
modules.delegate('.remove-module', 'click', function () {
if ( confirm(Hatena.Locale.text('blog.confirm.delete')) ) {
$(this).closest('.module').remove();
setModuleOrder();
}
});
// 編集ボタンを押したときにモーダルウィンドウを開いて編集する
// - モーダルウィンドウ表示時 => モジュールの値をウィンドウにコピー
// - モーダルウィンドウ消去時 => ウィンドウの値をモジュールにコピー
var self = this;
(function() {
var modalWindow = $('#modal-window');
var dialogBox = modalWindow.find('.dialog-box');
var dialogOverray = modalWindow.find('.dialog-overray');
var applyButton = modalWindow.find('.submit button.apply');
var cancelButton = modalWindow.find('.submit button.cancel');
var radios = modalWindow.find('.radios');
var showPopup = function (module) {
// 編集中のサイドバー内のモジュールにselectedクラスを付ける
modules.find('.module').removeClass('selected');
module.addClass('selected');
cancelButton.toggle(module.hasClass('created'));
if (module.hasClass('created')) {
modalWindow.addClass('created');
}
// 1つしか持てない追加済みモジュール(html以外)のボタンを無効化
// - input[type=radio]をdisabled
// - .radioにdisableクラスを付与
// ------------------------------------------
// pending - 複数持てても良いかもしれない
// var insertedModuleMap = {};
// modules.find('.module').each(function() {
// insertedModuleMap[$(this).attr('id')] = true;
// });
// insertedModuleMap.html = false;
// radios.find('.radio').removeClass('disabled');
// radios.find('input:radio').each(function() {
// if (insertedModuleMap[$(this).attr('value')]) {
// $(this).attr('disabled', 'disabled');
// $(this).parent().addClass('disabled');
// } else {
// $(this).removeAttr('disabled');
// $(this).parent().removeClass('disabled');
// }
// });
// チェックできるいずれかのボタンをチェックしておく
if (!radios.find('input:enabled:checked').length) {
radios.find('input:enabled')
.eq(0)
.prop('checked', true);
}
if (modalWindow.hasClass('hide-radios')) {
modalWindow.find('.module-value-component').hide();
modalWindow.find('#module-value-component-' + module.attr('data-module-type')).show();
} else {
radios.find('input:radio:checked').change();
}
// モーダルウィンドウを表示
modalWindow.show();
dialogBox.find('input[type=text]:visible').focus();
// モーダルウィンドウのサイズ調整
(function() {
var winHeight = $(document).height();
var winWidth = $(window).width();
var dialogTop = winHeight / 2 - dialogBox.height() / 2;
var dialogLeft = (winWidth / 2) - (dialogBox.width() / 2);
dialogBox.css({ top: dialogTop, left: dialogLeft });
dialogOverray.css({ height: winHeight, width: winWidth });
})();
// モジュールの値をウィンドウにコピー
(function() {
dialogBox.find('input[name=module-title]:visible').val(module.find('input[name=module-title]').val());
var val = module.find('input[name=module-value]').val();
if (val) {
val = JSON.parse(val);
for(var name in val) {
if ( dialogBox.find('#module-value-component-link:visible').length > 0 &&
(name === 'link_title' || name === 'link_url')) {
setLinkInput(dialogBox, val, name);
} else {
var inputs = dialogBox.find(':input:visible').filter(function() {
return $(this).attr('name') == name;
});
inputs.eq(0).val(val[name]);
if ( inputs.eq(0).attr('type') == 'checkbox' && val[name]) {
inputs.eq(0).prop('checked', true);
}
}
}
}
})();
};
var setLinkInput = function (dialogBox, val, name) {
var inputs = dialogBox.find(':input:visible').filter(function() {
return $(this).attr('name') == name;
});
var linkInput;
if (val[name] instanceof Array) {
var addInput = val[name].length > inputs.length ? true : false;
var diff = addInput ? val[name].length - inputs.length : inputs.length - val[name].length;
for (var i = 0; i < diff; i++) {
if ( addInput ) {
linkInput = dialogBox.find('.link-input:visible').eq(0).clone();
linkInput.find(':input').val('');
linkInput.insertAfter(dialogBox.find('.link-input').eq(-1));
} else {
linkInput = dialogBox.find('.link-input:visible').eq(-1);
linkInput.remove();
}
}
inputs = dialogBox.find(':input:visible').filter(function() {
return $(this).attr('name') == name;
});
inputs.each(function() { $(this).val(val[name].shift()) });
} else {
// 1つしか要素がない場合、inputを１つにする
while ( inputs.length > 1 ) {
linkInput = dialogBox.find('.link-input:visible').eq(-1);
linkInput.remove();
inputs = dialogBox.find(':input:visible').filter(function() {
return $(this).attr('name') == name;
});
}
inputs.eq(0).val(val[name]);
}
};
var hidePopup = function (isCancel) {
var module = modules.find('.module.selected');
if (isCancel && module.hasClass('created')) {
module.remove();
} else {
// radioボタン表示時(=新規追加時)は更新対象の.moduleのIDと名前を編集する
if (!modalWindow.hasClass('hide-radios')) {
var type = radios.find('input:checked').val();
module.attr('data-module-type', type);
module.addClass(type);
module.find('.title').prepend(Hatena.Locale.text('blog.module.' + type));
module.find('input[type=hidden]').addClass('backup');
}
// ウィンドウの値(titleとvalue)をモジュールにコピー
var moduleTitle = dialogBox.find('input[name=module-title]:visible').val();
// タイトルが未記入の場合、初期値を埋める(HTMLモジュールは埋めない)
if ( ! moduleTitle && module.attr('data-module-type') !== 'html' ) {
moduleTitle = Hatena.Locale.text('blog.module.' + module.attr('data-module-type'));
dialogBox.find('input[name=module-title]:visible').val(moduleTitle);
}
module.find('input[name=module-title]').val(moduleTitle);
module.find('.title').text(
moduleTitle || Hatena.Locale.text('blog.module.' + module.attr('data-module-type'))
);
(function() {
var moduleValue = {};
dialogBox.find(':input:visible').each(function() {
var $self = $(this);
var name = $self.attr('name');
var val = $self.val();
if ($self.attr('type') == 'checkbox') {
if ( $self.prop('checked') ) {
val = 1;
} else {
val = 0;
}
}
if (!name) {
return;
}
if (typeof moduleValue[name] === 'undefined') {
moduleValue[name] = val;
} else if (moduleValue[name] instanceof Array) {
moduleValue[name].push(val);
} else {
moduleValue[name] = [moduleValue[name], val];
}
});
module.find('input[name=module-value]')
.val(JSON.stringify(moduleValue))
.change();
// HTMLモジュールの場合はvalueの中身をsanitizeして.clipped-contentに入れる
var clippedContent = module.find('.clipped-content:visible');
if (clippedContent.length) {
var val = module.find('input[name=module-value]').val();
var hash = JSON.parse(val);
clippedContent.text(
hash['module-title'] ||
self.removeTag(dialogBox.find('textarea[name=module-value]').val()) ||
Hatena.Locale.text('blog.module.html')
);
}
})();
}
setModuleOrder();
modules.find('.module').removeClass('selected').removeClass('created');
modalWindow.removeClass('created');
modalWindow.addClass('hide-radios');
modalWindow.find('textarea, input[type=text]').val('');
modalWindow.hide();
};
modalWindow.appendTo(document.body);
// モーダルウィンドウを消すイベント
applyButton.click(function() { hidePopup(false) });
dialogOverray.click(function() { hidePopup(true) });
cancelButton.click(function() { hidePopup(true) });
$(window).keyup(function (e) {
if (keyString(e) == 'S-ESC') { hidePopup(true) }
});
// IEでもラベル内をクリックした時にラジオボタンをチェックする
modalWindow.find('.radio').click(function() {
$(this).find('input:radio')
.prop('checked', true)
.change();
});
modules.delegate('.edit-module', 'click', function() {
showPopup($(this).closest('.module'));
});
modules.find('.module').each(function() {
var clippedContent = $(this).find('.clipped-content');
if (clippedContent.length) {
var val = $(this).find('input[name=module-value]').val();
if (val) {
var content;
try {
var hash = JSON.parse(val);
content = hash['module-value'];
} catch(e) {
content = val;
}
clippedContent.text(self.removeTag(content));
}
}
});
modules.find('.clipped-content').each(function() {
var val = $(this).closest('.module').find('input[name=module-value]').val();
var text = '';
try {
var hash = JSON.parse(val);
text = hash['module-title'];
} catch(e) {}
text = text || self.removeTag($(this).text()) || Hatena.Locale.text('blog.module.html');
$(this).text(text);
});
// チェックが付いたときのイベント
// - 右カラムを表示する
// - .selected を付け換える
radios.find('input:radio').change(function() {
var checked = radios.find('input:radio:checked');
var type = checked.val();
modalWindow.find('.module-value-component').hide();
modalWindow.find('#module-value-component-' + type).show();
radios.find('.radio').removeClass('selected');
checked.closest('.radio').addClass('selected');
});
modalWindow.addClass('hide-radios');
modalWindow.find('#module-value-component-link').each(function() {
var linkModule = this;
$(linkModule).find('#add-link-input-button').click(function() {
var linkInput = $(linkModule).find('.link-input').eq(0).clone();
linkInput.find(':input').val('');
linkInput.insertAfter($(linkModule).find('.link-input').eq(-1));
var scrolled = $('#modal-window .module-value-box-inner');
scrolled.scrollTop(scrolled[0].scrollHeight);
});
});
modalWindow.delegate('.delete-link-input-button', 'click', function() {
if (modalWindow.find('.link-input').length > 1) {
$(this).closest('.link-input').remove();
}
return false;
});
})();
form.submit(function() {
form.find('#module-clone').remove();
});
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].removeTag = function(str) {
return str && str.replace(/<.*?>/g, '');
};
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].setupEditor = function (args) {
var form = args.form;
var syntax = args.syntax;
var textarea = args.textarea;
var container = document.createElement('div');
$(container)
.css({
position: 'absolute',
top: 'auto',
left: 0,
bottom: 50,
padding: 0,
margin: 0,
borderTop: '1px solid #ccc',
borderBottom: '1px solid #ccc',
width: '500px',
height: '400px',
zIndex: 9999,
background: '#fff'
}).
appendTo(document.body).
hide();
textarea.css({
'font-size': '11px',
'white-space': 'nowrap',
'overflow': 'hidden'
});
var editor = ace.edit(container);
editor.commands.removeCommand('gotoline'); // fucking default keybinding of ace
editor.commands.removeCommand('indent');
editor.commands.removeCommand('outdent');
// editor.renderer.setShowGutter(false);
editor.renderer.setHScrollBarAlwaysVisible(false);
editor.renderer.setPadding(5);
editor.renderer.setShowPrintMargin(false);
editor.setFontSize("10px");
editor.setHighlightActiveLine(false);
editor.setKeyboardHandler(Hatena.Diary.Editor.KeyBinding);
var Mode = require('ace/mode/' + syntax).Mode;
var mode = new Mode();
var session = editor.getSession();
session.setMode(mode);
session.setUseWrapMode(true);
var editorState = new Hatena.Diary.FormState();
textarea.focus(function () {
$(container).show();
editor.resize();
editor.focus();
editorState.enableConfirm();
});
editor.on('blur', function () {
textarea.val(session.getValue());
textarea.trigger('change');
$(container).hide();
editorState.disableConfirm();
});
$(container).click(function () { return false });
form.bind('backup-restore', function () {
session.setValue(textarea.val());
});
session.setValue(textarea.val());
textarea.change(function () {
session.setValue(textarea.val());
});
$('#tabs').on('tabsactivate', function () {
setTimeout(function () { editor.resize() }, 0);
});
$(window).resize(function () { editor.resize() });
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-config-design'] = function () {
var css = $('#css');
var form = $('#form-design');
// themes
var themeListItems = $('#themes li');
themeListItems.addClass('ui-selectee').click(function (e) {
var link = $(this).attr('data-css').replace(/\s+/g, ' ');
var id = $(this).attr('data-id');
var design = new EditDesign(css.val());
design.setData('theme', id, '@import "' + link + '";');
css.val(design.getCSS());
css.trigger('change');
themeListItems.removeClass('ui-selected');
$(this).addClass('ui-selected');
});
var bgImageThumbnail = $('#background-image-thumbnail');
// background-image
var backgroundListItems = $('#backgrounds li');
// background-color
var backgroundColorListItems = $('#background-colors li');
backgroundListItems.addClass('ui-selectee').click(function (e) {
var style = $(this).attr('data-css').replace(/\s+/g, ' ');
var id = $(this).attr('data-id');
var design = new EditDesign(css.val());
design.setData('background', id, style);
css.val(design.getCSS());
css.trigger('change');
backgroundListItems.removeClass('ui-selected');
backgroundColorListItems.removeClass('ui-selected');
$(this).addClass('ui-selected');
// アップロードした背景画像からもクラスを外す
bgImageThumbnail.removeClass('ui-selected');
$('input[name="bg-image-selected"]').val(0);
});
backgroundColorListItems.addClass('ui-selectee').click(function (e) {
var style = $(this).attr('data-css').replace(/\s+/g, ' ');
var id = $(this).attr('data-id');
var design = new EditDesign(css.val());
// カスタム背景画像が選択されていて，かつ，CSSに，背景画像の設定が書かれている場合は、background-colorだけ変える
// CSSに既存の背景画像の設定が書かれていないときは単に背景色を設定する
var backgroundContent = design.getData('background').content;
if ( bgImageThumbnail.hasClass('ui-selected') && backgroundContent ) {
style = backgroundContent.replace(/background-color:(.*?);/, 'background-color:#' + id + ';');
id = "custom";
}
backgroundListItems.removeClass('ui-selected');
design.setData('background', id, style);
css.val(design.getCSS());
css.trigger('change');
backgroundColorListItems.removeClass('ui-selected');
$(this).addClass('ui-selected');
});
var design = new EditDesign(css.val());
// for backward compatibility :: delete later
new function () {
if (/ */\n' + _ + '\n/* */\n';
});
design.css = design.css.replace(RegExp('\n?/\\*system:background\\*/(.*)'), function (_, style) {
changed = true;
design.setData('background', 'unknown', style);
return '';
});
if (changed) {
design.setCSS(design.css);
css.val(design.getCSS());
css.trigger('change');
}
} ();
var currentTheme = design.getData('theme').selected;
if (currentTheme) {
themeListItems.filter('[data-id="' + currentTheme + '"]').addClass('ui-selected');
} else {
themeListItems.removeClass('ui-selected');
}
var currentBackground = design.getData('background').selected;
if (currentBackground) {
backgroundListItems.filter('[data-id="' + currentTheme + '"]').addClass('ui-selected');
} else {
backgroundListItems.removeClass('ui-selected');
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-config-detail'] = function () {
$('.main-tab').find('.user-blog-config-detail').addClass('current-tab');
$('#blog-config-custom-domain .check-validity').click(function (e) {
var $this = $(this);
$this.attr('disabled', 'disabled').addClass('disabled');
$('#blog-config-custom-domain .validity-status').text('-');
$.ajax({
type: 'POST',
url: '/api/custom_domain.check',
data: $this.closest('form').serialize(),
dataType: 'json',
success: function (data) {
$('#blog-config-custom-domain .validity-status').text(data.message);
$('#blog-config-custom-domain .validity-status.detail').text(data.detail || '');
},
complete: function () {
$this.removeAttr('disabled').removeClass('disabled');
}
});
return false;
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-config-permission'] = function () {
var $authconfigs = $('.permission-authconfigs');
var $permission_custom = $('#permission-custom');
$('#new-authconfig').click(function () { $('#create-authconfig').submit(); });
if ($('#viewable-id-select').length > 0) {
// 既存の認証セットあるとき選択にあわせて対応する編集リンクなどを出したり消したりする
$('#viewable-id-select').change(function () {
var selected = $(this).find('option:selected');
var detail_id = selected.attr('data-ac');
$authconfigs.find('.authconfig-detail').addClass('hide');
$authconfigs.find('.' + detail_id).removeClass('hide');
}).change();
} else {
// 既存の認証セットないときは新しい公開範囲を作成ボタンだけ表示
$('.authconfig-detail-new').show();
}
$('[name="permission"]').change(function () {
if ($('#permission-public').prop('checked')) {
$('.config-private-overlay').show();
} else {
$('.config-private-overlay').hide();
}
// 公開範囲設定を隠すのは，カスタムが選択可能で，かつ，チェックされていないとき
if (!$permission_custom.attr('disabled') && !$permission_custom.prop('checked')) {
$('#permission-custom-viewable-id').hide();
} else {
$('#permission-custom-viewable-id').show();
}
}).change();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-config-theme-theme_id-preview'] = function () {
var $preview = $('#preview');
var $loading = $('#preview-loading');
var $form = $('#theme-install-form');
var noticeMessage = $form.find('.notice').text();
Hatena.Diary.Pages.Admin['user-blog-config-theme-theme_id-preview'].updatePreview({
loading: $loading,
preview: $preview
});
$form.on('submit', function () {
return confirm(noticeMessage);
});
};
Hatena.Diary.Pages.Admin['user-blog-config-theme-theme_id-preview'].updatePreview = function (args) {
var $loading = args.loading;
var $preview = args.preview;
Hatena.Epic.Component.setupPreviewFrameLocation($preview);
Hatena.Diary.Pages.Admin['user-blog-config-design-detail'].fadeOutLoading($loading);
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-edit-done'] = function () {
Hatena.Diary.Pages.createForParent();
var entry = document.getElementById('posted').value;
Hatena.Diary.Pages.send('update', { entry : entry });
$('.js-button-focus-this').focus();
// deactivate click-jacking-escape in 1000msec
setTimeout(function () {
$('form').each(function () {
var $this = $(this);
var $buttons = $this.find('input[type=submit]');
$this.removeClass('unedited');
$buttons.removeAttr('disabled');
});
}, 1000);
// SNS投稿input 変化したらlabelにクラス設定
$('.social-buttons input').on('change', function () {
var $input = $(this);
var $label = $input.closest('label');
$label.toggleClass('checked', $input.prop('checked'));
});
// 初期状態
$('.social-buttons input').trigger('change');
// proになりませんかモーダル
Hatena.Diary.setupProModal();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-edit'] = function () {
if (window.parent != window) {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Pages.send('ready');
}
var title = $('#title');
var count = $('#character-count');
var container = $('#editor');
var form = $('#edit-form');
var main = $('#editor-main');
var supportContainer = $('#editor-support-container');
var supportItems = $('#items');
var curations = $('#editor .curation-tab-content');
var formState = new Hatena.Diary.FormState();
formState.observeForm(form);
var editor = new Hatena.Diary.Editor(form);
editor.bind('initialize', function () {
formState.setFormInitialState();
});
editor.trigger('initialize');
editor.bind('change', function () {
formState.checkFormState();
var c = editor.getCharacterCount();
count.text(Hatena.Locale.textN('edit_form.character_count_unit', c, c));
if (window.parent != window) Hatena.Diary.Pages.send('change', formState.isConfirmEnabled());
});
setTimeout(function () { editor.focus() }, 100);
title.on('keydown', function(event) {
if(keyString(event) === 'RET') {
editor.focus();
return false;
}
});
editor.form.submit(function() {
var submitButton = editor.form.find(':submit');
var disable = function() {
editor.form.addClass('unedited');
submitButton.attr('disable', 'disable');
};
var enable = function() {
editor.form.removeClass('unedited');
submitButton.removeAttr('disable');
};
if (editor.getByteCount() > 65535) {
disable();
editor.bind('change', enable);
return false;
} else { // 文字数制限にひっかからず、投稿に成功する場合
Hatena.Diary.Util.preventDuplicateSubmit($(editor.form));
if (window.parent != window) Hatena.Diary.Pages.send('change', false);
}
});
Hatena.Diary.Editor.Support.currentEditor = editor;
Hatena.Diary.currentCategoryEditor =
new Hatena.Diary.Pages.Admin['user-blog-edit'].CategoryEditor(form, '#entry-categories');
new Hatena.Diary.Pages.Admin['user-blog-edit'].DateTimeEditor(form, '#datetime-input');
new Hatena.Diary.Pages.Admin['user-blog-edit'].OgImageEditor(form, '#og-image');
Hatena.Diary.Pages.Admin['user-blog-edit'].EditorSidebar.setup();
Hatena.Diary.Pages.Admin['user-blog-edit'].setupResizeEditor({
main: main,
editor: editor,
curations: curations,
supportItems: supportItems
});
Hatena.Diary.Pages.Admin['user-blog-edit'].setupGooglePicker();
new Hatena.Diary.Pages.Admin['user-blog-edit'].AmazonSearch({
container: $('#editor-amazon-search')
});
// 初心者タブがあるなら、自動的に初心者タブを表示する
var $beginnerTab = $('.curation-bar-itemlist .beginner');
if ( $beginnerTab.length > 0 ) {
if ( ! $beginnerTab.hasClass('active') ) {
$beginnerTab.trigger('click');
}
$('.twitter-open-button').click ( function () {
$('.curation-bar-itemlist .twitter').trigger('click');
return false;
});
}
if ($('#editor-twitter').hasClass('enabled')) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Twitter({
container: $('#editor-twitter')
});
}
new Hatena.Diary.Pages.Admin['user-blog-edit'].HatenaBookmark({
container: $('#editor-hatena-bookmark')
});
Hatena.Diary.Pages.Admin['user-blog-edit'].Fotolife.init();
Hatena.Diary.Pages.Admin['user-blog-edit'].Paint.init();
if ($('#editor-instagram.enabled').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Instagram({
container: $('#editor-instagram')
});
}
if ($('#editor-evernote.enabled').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Evernote({
container: $('#editor-evernote')
});
}
if ($('#editor-pixiv.enabled').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Pixiv({
container: $('#editor-pixiv')
});
}
new Hatena.Diary.Pages.Admin['user-blog-edit'].Miil({
container: $('#editor-miil')
});
new Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet({
container: $('#editor-gourmet')
});
new Hatena.Diary.Pages.Admin['user-blog-edit'].Nicovideo({
container: $('#editor-nicovideo')
});
if ($('.promotion-entry').get(0)) {
new Hatena.Diary.Pages.Admin['user-blog-edit'].Promotion({
$element: $('.promotion-entry-container'),
$button: $('#promotion-button'),
$title: $('#promotion-container .promotion-entry-title'),
$pager: $('.promotion-pager-markers')
});
}
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome();
};
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome = function() {
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome.setupEditMode();
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome.setupButtons();
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome.setupButtonActive();
};
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome.setupEditMode = function() {
var $home = $('#editor-home');
$home.on('click', 'button.toggle-edit-mode', function(event) {
var $button = $(this);
if ($button.text().match(Hatena.Locale.text('edit_tab'))) {
$button.text(Hatena.Locale.text('done'));
} else {
$button.text(Hatena.Locale.text('edit_tab'));
}
$home.find('.config').slideToggle(300);
});
};
// ショートカットボタンを配置するチェックボックスが変化したら記録
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome.setupButtons = function () {
var $home = $('#editor-home');
$home.on('change', 'input', function(event) {
var $input = $(this);
var $service = $input.closest('.service');
var service_id = $service.attr('data-service-id');
var show = $input.prop('checked') ? 1 : 0;
$.ajax({
url: 'edit_sidebar_button',
type: 'POST',
data: {
service_id: service_id,
show: show,
rkm: Hatena.Diary.data('rkm'),
rkc: Hatena.Diary.data('rkc')
}
}).done(function(res) {
$('.curation-bar-itemlist').replaceWith(res);
});
});
};
// サービス名にホバーしたときアイコンにも色つける
Hatena.Diary.Pages.Admin['user-blog-edit'].setupEditorSidebarHome.setupButtonActive = function () {
var $home = $('#editor-home');
$home.on('mouseenter', '.about', function() {
var $about = $(this);
$about.find('.curation-itemlist').addClass('active');
}).on('mouseleave', '.about', function() {
var $about = $(this);
$about.find('.curation-itemlist').removeClass('active');
});
};
Hatena.Diary.Pages.Admin['user-blog-edit'].setupResizeEditor = function (args) {
var main = args.main;
var editor = args.editor;
var supportItems = args.supportItems;
var curations = args.curations;
if (!main) { return }
$(window).resize(_.throttle(function () {
var mainHeight = $(window).height() - main.offset().top;
var buttonsHeight = 100;
editor.setHeight(mainHeight - buttonsHeight);
curations.height(mainHeight);
})).resize();
};
// 編集サイドバーの開閉，サービスの切り替え，configに保存
// publicなメソッドは外から呼んでもよい
Hatena.Diary.Pages.Admin['user-blog-edit'].EditorSidebar = {
setup: function() { // public
this.$editor = $('#editor');
this.$container = $('#editor-support-container');
this.$services = this.$container.find('.services');
this.$header = this.$container.find('.header');
this.$footer = this.$container.find('.footer');
this.bindEvents();
this.restoreLastStatus();
},
bindEvents: function() {
var self = this;
self.$container.on('click', '.curation-bar-toggle', function(event) {
self.toggle();
return false;
});
self.$container.on('click', '[data-support-type]', function(event) {
var clickedType = $(this).attr('data-support-type');
self.openByType(clickedType);
return false;
});
$(window).resize(_.throttle(function () {
var mainHeight = $(window).height() - $('#editor-main').offset().top;
self.$services.height(
mainHeight -
self.$header.outerHeight(true) -
(self.$services.outerHeight(true) - self.$services.height()) * 2
);
})).resize();
},
restoreLastStatus: function() {
var lastStatus = this.$editor.attr('data-support-type');
this.openByType(lastStatus);
},
isOpening: function() {
return $(document.body).hasClass('support-shown');
},
toggle: function() { // public
if (this.isOpening()) {
this.close();
} else {
this.openByType('editor-home');
}
},
openByType: function(type) { // public
if (!type) {
this.close();
return;
}
var $content = this.$container.find('#' + type);
if (!$content.get(0)) return this.close();
// 表示中の要素消す
this.$container.find('.curation-itemlist.active').removeClass('active');
this.$container.find('.curation-tab-content').hide();
// 表示
$(document.body).addClass('support-shown');
var $button = this.$container.find('.curation-itemlist[data-support-type=' + type + ']');
$button.addClass('active');
$content.show();
this.save(type);
},
close: function() { // public
$(document.body).removeClass('support-shown');
this.$container.find('.curation-itemlist.active').removeClass('active');
this.save('0');
},
save: function(value) {
$(window).trigger('resize');
Hatena.Diary.Pages.Admin['*'].saveBlogConfig('support', value);
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].setupGooglePicker = function() {
// picker開くボタン押されるとこれが呼ばれます
// $self: クリックされたボタン
// createBuilder: builderを作って返す ボタンごとに有効にするサービス切り替えるためにここをコールバックみたいにしてる
var clicked = function($self, createBuilder) {
$self.prop('disabled', true);
var googlePickerCallback = function (res) {
$self.prop('disabled', false);
Hatena.Diary.LOG([ 'googlePickerCallback', res ]);
if (res.action !== google.picker.Action.PICKED) return;
var editor = Hatena.Diary.Editor.Support.currentEditor;
for (var i = 0, len = res.docs.length; i < len; i++) {
var doc = res.docs[i];
var html;
var div;
if (doc.type === 'video') {
html = $('
').append(
$('').
attr('src', doc.embedUrl),
$('
'),
$('').attr('href', doc.url).text(doc.name)
).html();
} else if (doc.type === 'photo') {
div = $('');
var url = doc.thumbnails[doc.thumbnails.length - 1].url;
// if (url.match(/\/s\d+\/[^\/+]$/)) {
// // URL内にs+数字
// // /s400/ → /s1280/
// url = url.replace(/\/s\d+\//, '/s1280/');
// } else {
// // /s1280/aaa.jpg
// var fragments = url.split(/\//);
// fragments.splice(fragments.length - 1, 0, 's1280');
// url = fragments.join('/');
// }
var img = $('![]()
').addClass('magnifiable').attr({src: url, itemprop: 'image'});
var span = $('').attr({itemtype: 'http://schema.org/Photograph', itemscope: 'itemscope'});
div.append(span.append(img));
html = div.html();
} else if (doc.embedUrl) {
html = $('').append(
$('').
attr('src', doc.embedUrl),
$('
'),
$('').attr('href', doc.url).text(doc.name)
).html();
} else {
div = $('');
var thumbnail, icon, link;
var thumbnailUrl = doc.thumbnails && doc.thumbnails[doc.thumbnails.length - 1].url;
if (thumbnailUrl) {
thumbnail = $('![]()
').attr({ src: thumbnailUrl, alt: doc.name || '' });
if (doc.url) {
thumbnail = $('').attr('href', doc.url).append(thumbnail);
}
} else if (doc.iconUrl) {
icon = $('![]()
').attr({ src: doc.iconUrl, alt: '' });
}
if (doc.name && doc.url) {
link = $('').attr('href', doc.url).text(doc.name);
}
if (thumbnail) div.append(thumbnail);
if (thumbnail && link) div.append($('
'));
if (icon) div.append(icon);
if (link) div.append(link);
html = div.html();
}
// IE9でGoogle Pickerから挿入しようとすると
// 「internet exploreはクロスサイトスクリプトを防止するために、このページを変更しました」
// と表示されて挿入できないので (tinymce.focus()できなくて、doc.selection.createRange()で落ちる)
// 一旦bodyにfocusを当ててから挿入する
if (navigator.userAgent.indexOf('MSIE') >= 0 && $('#syntax').val() === 'html') {
$('body').trigger('focus');
}
editor.insert(html);
}
};
var launchGooglePicker = function () {
google.load('picker', '1', {
callback: function () {
Hatena.Diary.LOG('picker loaded', arguments);
var builder = createBuilder();
builder.setCallback(googlePickerCallback);
var picker = builder.build();
picker.setVisible(true);
},
language: document.documentElement.getAttribute('lang')
});
};
if (typeof google === 'undefined') {
$('').appendTo(document.getElementsByTagName('head')[0]);
var googleTimer = setInterval(function () {
if (typeof google === 'undefined') return;
clearTimeout(googleTimer);
launchGooglePicker();
}, 20);
} else {
launchGooglePicker();
}
};
$('#launch-google-picker button').click(function () {
clicked($(this), function() {
var builder = new google.picker.PickerBuilder().
enableFeature(google.picker.Feature.MULTISELECT_ENABLED).
addView(google.picker.ViewId.PHOTOS).
addView(new google.picker.PhotosView().setType('camerasync')).
addView(google.picker.ViewId.PHOTO_UPLOAD).
addView(google.picker.ViewId.WEBCAM).
addView(google.picker.ViewId.MAPS).
addView(google.picker.ViewId.VIDEO_SEARCH);
return builder;
});
});
$('#launch-youtube button').click(function () {
clicked($(this), function() {
var builder = new google.picker.PickerBuilder().
enableFeature(google.picker.Feature.MULTISELECT_ENABLED).
addView(google.picker.ViewId.VIDEO_SEARCH);
return builder;
});
});
};
Hatena.Diary.Pages.Admin['user-blog-edit'].Fotolife = {
defaultFolder: 'Hatena Blog',
_setupElements : function() {
this.items = this.$container.find('#items');
this.pasteButton = this.$container.find('.paste-button');
this.footerButtons = this.$container.find('#footer-buttons');
this.upload = this.$container.find('#upload');
this.editorSupportOperations = this.$container.find('#editor-support-operations');
},
_setupUploader : function(upload, uploaderHandler, afterinit) {
Hatena.Diary.Editor.Uploader.setup(upload, uploaderHandler, afterinit);
},
init : function () {
var self = this;
if (self.initialized) return;
self.initialized = true;
self.$container = $('#editor-fotolife');
var editor = Hatena.Diary.Editor.Support.currentEditor;
self._setupElements();
self.editor = editor;
self.syntax = $('#syntax').val();
self.items.delegate('.item', 'click', function (e) {
$(this).toggleClass('selected');
if (self.items.find('.selected').length) {
self.pasteButton.removeClass('disable').addClass('enable');
} else {
self.pasteButton.removeClass('enable').addClass('disable');
}
});
self.items.delegate('.item', 'dblclick', function (e) {
$(this).removeClass('selected');
var attr = (self.syntax == 'html') ? 'data-html' : 'data-syntax';
var syntax = $(this).attr(attr);
Hatena.Diary.trackEvent(self.pasteButton.attr('data-track-name'));
self.editor.insert(syntax);
});
self.pasteButton.addClass('disable').click(function () {
var syntax = self.items.find('.item.selected').map(function () {
if (self.syntax == 'hatena') {
return $(this).removeClass('selected').attr('data-syntax');
} else {
return $(this).removeClass('selected').attr('data-html');
}
}).get().reverse().join("");
self.editor.insert(syntax);
});
function uploaderHandler(uploader) {
var item = self.createItem({
syntax : '',
html : '',
image : '/images/loading.gif'
});
var progress = $('').appendTo(item);
var percent = $('0%
').appendTo(progress);
var bar = $('').appendTo(progress);
var lastProgressTimer, lastProgress = 0, updateProgress = function (progress) {
if (progress > 100) progress = 100;
bar.width(progress + '%');
percent.text(Hatena.Locale.text('uploading'));
};
uploader.on('error', function (e) {
clearInterval(lastProgressTimer);
item.addClass('error');
});
uploader.on('progress', function (e) {
// success が発生するまで 100% にしない
var progress = e.percent * 0.9;
if (e.percent == 100) {
clearInterval(lastProgressTimer);
lastProgressTimer = setInterval(function () {
lastProgress += 0.1;
updateProgress(progress + lastProgress);
}, 100);
} else {
updateProgress(progress);
}
});
uploader.on('success', function (data) {
clearInterval(lastProgressTimer);
item.replaceWith(self.createItem(data));
self.editor.insert(
self.syntax == 'hatena' ? data.syntax : data.html
);
});
self.items.prepend(item);
}
function afterinit() {
self.loadInfo();
}
self._setupUploader(self.upload, uploaderHandler, afterinit);
$(window).resize(_.throttle(function () {
var mainHeight = $(window).height() - $('#editor-main').offset().top;
self.items.height(
mainHeight -
self.editorSupportOperations.outerHeight(true) -
self.footerButtons.outerHeight(true) -
(self.items.outerHeight(true) - self.items.height()) * 2
);
})).resize();
self.load();
},
loadInfo : function () {
var self = this;
$.ajax({
url : "/f/" + Hatena.Diary.data('name') + "/api/info?mode=detail",
type : "get",
cache: false,
dataType : 'json',
success : function (res) {
if (res.error) return Hatena.Diary.BUG(res.error);
res.folder_list.push({ status : 'private', folder : 'Hatena Blog' });
res.folder_list.push({ status : res.is_private ? 'private' : 'public', folder : '' });
var folderMap = {};
var folderList = [];
for (var i = 0, it; (it = res.folder_list[i]); i++) {
folderMap[it.folder] = it;
folderList.push(it.folder);
}
folderList.sort();
var select = $('select[name=folder]', Hatena.Diary.Editor.Uploader.document).empty();
for (var i = 0, len = folderList.length; i < len; i++) {
if (folderList[i] === folderList[i-1]) continue;
var it = folderMap[ folderList[i] ];
var is_private = res.is_private || it.status == 'private';
var option = $('').
attr('value', it.folder).
text( (it.folder || Hatena.Locale.text('fotolife.folder.top')) + (is_private ? ' (private)' : '')).
appendTo(select);
if (it.folder == 'Hatena Blog') {
option.prop('selected', true);
}
}
select.change(function () {
self.load({
folder : $(this).val()
});
});
select.parent().show();
$(window).resize();
},
error : Hatena.Diary.REPORT_BUG('/api/support/fotolife')
});
},
createItem : function (it) {
return $('').attr({
'data-syntax' : it.syntax.replace(/:image/, ':plain'),
'data-html' : it.html,
'style' : 'background-image: url("' + it.image + '")'
});
},
load : function (opts) {
var self = this;
if (!opts) opts = {};
if (!opts.page) opts.page = 1;
if (typeof opts.folder != 'string') opts.folder = self.defaultFolder;
Hatena.Diary.LOG(['load', opts.folder, opts.page]);
var container = self.items;
if (opts.page == 1) {
container.empty();
}
$.ajax({
url : '/api/support/fotolife',
type : "get",
cache: false,
dataType : 'json',
data : {
folder : opts.folder,
page : opts.page
},
success : function (res) {
Hatena.Diary.LOG(res);
if (res.error) return Hatena.Diary.BUG(res.error);
var items = res.items;
for (var i = 0, it; (it = items[i]); i++) {
self.createItem(it).appendTo(container);
}
if (!res.last) {
$('').
click(function () {
$(this).remove();
self.load({
folder : opts.folder,
page : opts.page + 1
});
return false;
}).
appendTo(container);
}
},
error : Hatena.Diary.REPORT_BUG('/api/support/fotolife')
});
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].Paint = {
defaultFolder: 'Hatena Blog Illust',
_setupElements: function() {
this.items = $('#paint-items');
this.pasteButton = $('#paint-button-paste');
this.footerButtons = $('#paint-footer-buttons');
this.upload = $('#paint-upload');
this.editorSupportOperations = $('#paint-editor-support-operations');
},
_setupUploader : function(upload, uploaderHandler, afterinit) {
Hatena.Diary.Editor.Uploader.setupForPaint(upload, uploaderHandler, afterinit);
},
isSupportedCanvas: function() {
return !!document.createElement('canvas').getContext;
},
init: function() {
if (!this.isSupportedCanvas()) {
$('#editor-paint').children().toggle();
return;
}
Hatena.Diary.Pages.Admin['user-blog-edit'].Fotolife.init.call(this);
},
load: Hatena.Diary.Pages.Admin['user-blog-edit'].Fotolife.load,
loadInfo: function() { /* Do nothing. */ },
createItem: Hatena.Diary.Pages.Admin['user-blog-edit'].Fotolife.createItem
};
Hatena.Diary.Pages.Admin['user-blog-edit'].CategoryEditor = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].CategoryEditor.prototype = {
init: function (form, element) {
this.form = $(form);
this.element = $(element);
this.input = this.element.find('input[type="text"]');
this.bind();
},
bind: function () {
var categoryEditor = this;
this.form.bind('backup-restore-params', function (e, params) {
if (params['category']) {
$.each(params['category'], function () {
categoryEditor.append('' + this);
});
}
});
this.element.delegate('.remove-category', 'click', function () {
$(this).closest('[data-category-name]').remove();
categoryEditor.updateExistingCategories();
});
this.element.click(function (e) {
if ($(e.target).is(categoryEditor.element)) {
categoryEditor.input.focus();
}
});
$('#existing-categories').delegate('[data-category-name]', 'click', function() {
var func = $(this).hasClass('selected') ? 'remove' : 'append';
categoryEditor[func]($(this).attr('data-category-name'));
});
$('#new-category').click(function() {
var category = prompt(categoryEditor.element.attr('data-new-category-prompt'));
categoryEditor.append(category);
});
this.input.autocomplete({
source: function (request, response) {
var term = request.term;
var categories = $('#existing-categories [data-category-name]')
.map(function () { return $(this).attr('data-category-name') })
.filter(function () { return this.indexOf(term) === 0 });
var newCategory = {
value: null,
label: categoryEditor.element.attr('data-new-category-label')
};
response(
categories.toArray().concat(term.length > 0 ? [] : [ newCategory ])
);
},
select: function (e, ui) {
var category;
if (ui.item.value) {
category = ui.item.value;
} else if (ui.item.value === null) {
category = prompt(categoryEditor.element.attr('data-new-category-prompt'));
}
if (category) {
categoryEditor.append(category);
$(e.target).val('');
e.stopPropagation();
e.preventDefault();
}
},
minLength: 1,
appendTo: this.element.parent()
});
this.input.keydown(function (e) {
var input = $(this);
if (keyString(e) == 'RET') {
if (input.val().length) {
categoryEditor.input.autocomplete('close');
categoryEditor.append(input.val());
input.val('');
}
return false;
} else if (keyString(e) == 'BS' && input.val().length === 0) {
categoryEditor.remove();
}
});
this.form.submit(function (e) {
if (categoryEditor.input.val()) {
categoryEditor.append(categoryEditor.input.val());
categoryEditor.input.val('');
}
});
$(window).resize(_.throttle(function () {
categoryEditor.resize();
}, 100));
categoryEditor.resize();
},
resize: function () {
$("#existing-categories").height(
$("#editor-category").outerHeight(true) - $('.entry-categories-top').outerHeight(true) - 16
);
},
append: function (name) {
if (!name) return;
var existing = this.element.find('[data-category-name]').filter(
function () { return $(this).attr('data-category-name') == name }
);
if (existing.length) {
existing.insertBefore('#select-category');
} else {
var html = this.element.attr('data-category-html');
var elem = $(html).attr('data-category-name', name);
elem.find('.name').text(name);
elem.append($('').val(name));
elem.insertBefore('#select-category');
}
this.appendToExistingCategories(name);
this.updateExistingCategories();
},
appendToExistingCategories: function (name) {
var isDuplicated = $('#existing-categories [data-category-name]').filter(
function() { return $(this).attr('data-category-name') == name }
).length;
if (!isDuplicated) {
$('')
.attr('data-category-name', name)
.text(name)
.appendTo('#existing-categories');
}
},
updateExistingCategories: function() {
var categoryMap = {};
this.element.find('[data-category-name]').each(function() {
categoryMap[$(this).attr('data-category-name')] = 1;
});
$('#existing-categories [data-category-name]').each(function() {
$(this).toggleClass(
'selected',
!!categoryMap[$(this).attr('data-category-name')]
);
});
},
remove: function (dataCategoryName) {
var targetToDelete = (typeof dataCategoryName === 'undefined') ?
this.element.find('[data-category-name]:last') :
this.element.find('[data-category-name]')
.filter(function() {
return $(this).attr('data-category-name') == dataCategoryName;
});
targetToDelete.remove();
this.updateExistingCategories();
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].DateTimeEditor = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].DateTimeEditor.prototype = {
init: function (form, element) {
this.form = $(form);
this.element = $(element);
this.element.hide();
this.datetimepicker = $('
' +
' ' +
'
');
this.datepicker = this.datetimepicker.find('#datetime-input-date').attr('placeholder', this.todayString());
this.timepicker = this.datetimepicker.find('#datetime-input-time').attr('placeholder', '00:00');
$('#datetime label').attr('for', 'datetime-input-date');
this.element.parent().after(this.datetimepicker);
this.bind();
this.load();
},
bind: function () {
var self = this;
this.form.bind('backup-restore-params', function (e, params) {
self.load();
});
var lang = document.documentElement.getAttribute('lang');
$.datepicker.setDefaults($.datepicker.regional[lang == 'en' ? '' : lang]);
this.datepicker.datepicker({
dateFormat: $.datepicker.W3C,
onSelect: function () {
self.datepicker.change();
if (self.timepicker.val() === '') {
self.timepicker.val('00:00').focus().change();
}
}
});
var timeOptions = [];
for (var i = 0; i < 24; ++i) {
timeOptions.push(('0' + i.toString()).slice(-2) + ':00');
timeOptions.push(('0' + i.toString()).slice(-2) + ':30');
}
this.timepicker.autocomplete({
source: function (request, response) {
if (!request.term.match(/^\d{1,2}:\d{1,2}:(\d{1,2})?$/)) {
response(timeOptions);
}
},
select: function (e, ui) {
if (ui.item.value) {
self.timepicker.val(ui.item.value).change();
if (self.datepicker.val() === '') {
self.datepicker.val(self.todayString());
}
}
},
minLength: 0,
appendTo: this.element.parent()
});
this.timepicker.focus(function () {
$(this).autocomplete('search', '');
});
this.datepicker.change(function () {
self.date = $(this).val();
self.updateValue();
});
this.timepicker.change(function () {
var time = $(this).val();
if (!self.checkTime(time)) {
return;
}
var m = time.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);
self.time = $([1, 2, 3]).map(function () {
return ('0' + (m[this] || '00')).slice(-2);
}).toArray().join(':');
self.updateValue();
});
this.form.submit(function (e) {
self.updateValue();
});
},
load: function () {
var self = this;
var m = this.element.val().match(/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})\+(\d{2}:\d{2})$/);
if (m) {
this.datepicker.val(this.date = m[1]);
this.time = m[2];
var time = this.time.replace(/:00$/, '');
this.timepicker.val(time);
this.timezone = m[3];
}
},
todayString: function () {
var now = new Date();
var date = [];
date.push((1900 + now.getYear()).toString());
date.push(('0' + (1 + now.getMonth()).toString()).slice(-2));
date.push(('0' + now.getDate().toString()).slice(-2));
return date.join('-');
},
checkTime: function (time) {
var match = time.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);
if (match) {
var h = parseInt(match[1], 10);
var m = parseInt(match[2], 10);
var s = parseInt(match[3] || '0', 10);
return 0 <= h && h < 24 && 0 <= m && m < 60 && 0 <= s && s < 60;
}
return false;
},
updateValue: function () {
// 時刻が設定されていないとき 00:00 にする
if (!this.time) this.time = '00:00';
// timezone があったら設定する
var timezone = '';
if (this.timezone) timezone = '+' + this.timezone;
this.element.val(this.date + 'T' + this.time + timezone);
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].OgImageEditor = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].OgImageEditor.prototype = {
init: function (form, element) {
this.$form = $(form);
this.$element = $(element);
this.$input = this.$element.find('#ogimage-input');
this.$imgContainer = this.$element.find('#ogimage-img-container');
this.$current = this.$element.find('.current-og-image');
this.$remove = this.$element.find('.remove-og-image');
this.$items = this.$form.find('.image-items');
this.itemTemplate = _.template(this.$form.find('.ogimage-item-template').html());
this.$indicator = this.$element.find('.indicator');
this.$reload = this.$element.find('.reload');
this.$errorMessage = this.$element.find('.error');
this.isLoading = false;
this.bindEvents();
this.getImageSrcs();
},
bindEvents: function () {
var self = this;
$(window).resize(_.throttle(function () {
self.reloadItems();
}, 100));
self.$element.change( function () {
self.setOgImage();
});
self.$element.on('click', '.image-item', function () {
self.setOgImageInput(this);
self.setOgImage();
});
self.$reload.click( function () {
self.reloadItems();
});
self.$remove.click( function () {
self.removeCurrentImage();
});
},
setOgImage: function (src) {
var self = this;
self.$current.attr('src', self.$input.val());
},
removeCurrentImage: function () {
var self = this;
// chromeだとsrc=""にしても画像が残ってしまうのでimgタグ作りなおす
var $image = $('
![]()
').addClass('current-og-image');
self.$input.val("");
self.$current.remove();
self.$current = $image;
self.$imgContainer.append($image);
self.$items.find('.selected').removeClass('selected');
},
setOgImageInput: function (item) {
var self = this;
var $item = $(item);
self.$items.find('.selected').removeClass('selected');
$item.addClass('selected');
var src = $item.attr('data-image-src');
self.$input.val(src);
},
showItems : function (items) {
var self = this;
var source = "";
_.each(items, function (item) {
source += self.itemTemplate({
item: { image_src: item }
});
});
self.$indicator.before(source);
},
reloadItems: function () {
var self = this;
if (! self.$element.is(':visible')) return;
self.removeImageItems();
self.getImageSrcs();
},
getImageSrcs: function () {
var self = this;
var editor = Hatena.Diary.Editor.Support.currentEditor;
var body = editor.body.val();
if (!body) return;
if (self.isLoading) return;
self.isLoading = true;
self.$indicator.show();
$.ajax({
url: '/api/entry/images',
type: 'POST',
dataType: 'json',
data: {
body: body,
syntax: $('#syntax').val(),
rkm: Hatena.Diary.data('rkm'),
rkc: Hatena.Diary.data('rkc')
}
}).done(function (items) {
self.showItems(items);
self.$errorMessage.hide();
self.setSelectedImage();
}).fail(function (res) {
self.failed = true;
self.$errorMessage.show();
}).always(function () {
self.isLoading = false;
self.$indicator.hide();
});
},
removeImageItems: function () {
var self = this;
self.$items.find('.image-item').remove();
},
// アイキャッチ画像が設定されていたら、selectedクラスを当てる
setSelectedImage: function () {
var self = this;
var inputSrc = self.$input.val();
if ( ! inputSrc ) return;
if ( self.$items.find('.selected').length > 0 ) return;
self.$items.find('.image-item').each( function () {
var $item = $(this);
var $img = $item.find('.image-container img');
if ( $img.attr('src') === inputSrc ) {
$item.addClass('selected');
return false;
}
});
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].AmazonSearch = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].AmazonSearch.prototype = {
// args: { container }
init: function (args) {
var self = this;
self.$container = args.container;
if (!self.$container.get(0)) return;
self.$categorySelect = self.$container.find('.amazon-search-category');
self.$keywordInput = self.$container.find('.amazon-search-keyword');
self.$keywordSubmit = self.$container.find('.amazon-search-keyword-submit');
self.$itemsContainer = self.$container.find('.amazon-search-items');
self.itemTemplate = _.template($('.amazon-search-item-template').html());
self.$indicator = self.$container.find('.indicator');
self.$pasteButton = self.$container.find('.amazon-search-paste-button');
self.$layoutType = self.$container.find('.amazon-search-layout-type');
self.$layoutTypeContainer = self.$container.find('.amazon-search-layout-type-container');
self.$resultIsEmpty = self.$container.find('.amazon-search-result-is-empty');
self.$formats = self.$container.find('.amazon-search-formats input[name="amazon-search-format"]');
self.$formatsContainer = self.$container.find('.amazon-search-formats');
self.$welcomeMessage = self.$container.find('.amazon-search-welcome');
self.$header = self.$container.find('.amazon-search-header');
self.$footer = self.$container.find('.amazon-search-footer');
self.bindEvents();
self.resize();
// 検索クエリ指定されていたら検索する
if ( self.$keywordInput.val() ) {
self.$keywordSubmit.click();
}
},
bindEvents: function () {
var self = this;
self.$keywordSubmit.click(function (event) {
self.searchByInput();
return false;
});
self.$categorySelect.change(function (event) {
self.searchByInput();
return false;
});
self.$keywordInput.keydown(function (event) {
if (keyString(event) == 'RET') {
self.searchByInput();
return false;
}
});
self.$keywordInput.focus(function() {
// 下の貼り付けボタン表示されないことがある
// 原因わからないけどリサイズしたらボタン出てくる
// 検索ボックスにフォーカスしたときにダメ押しでもう1回リサイズ
setTimeout(function() {
self.resize();
}, 0);
});
self.$itemsContainer.delegate('.amazon-search-item', 'click', function (event) {
if ($(event.target).is('a')) return;
$(this).toggleClass('selected');
self.selectedItemsChanged();
});
self.$container.delegate('.amazon-search-item', 'dblclick', function (event) {
if ($(event.target).is('a')) return;
self.insertAsins([$(this).attr('data-asin')]);
$(this).removeClass('selected');
self.selectedItemsChanged();
Hatena.Diary.trackEvent(self.$pasteButton.attr('data-track-name'));
return false;
});
self.$pasteButton.click(function (event) {
var asins = [];
self.$itemsContainer.find('.selected').each(function () {
asins.push($(this).attr('data-asin'));
$(this).removeClass('selected');
});
self.insertAsins(asins);
self.selectedItemsChanged();
});
Hatena.Diary.Util.backupTab({
$container: self.$formatsContainer,
key: 'amazon-formats',
onchange: function($input) {
self.$formatsContainer.find('label.selected').removeClass('selected');
$input.closest('label').addClass('selected');
}
});
Hatena.Diary.Util.backupTab({
$container: self.$layoutTypeContainer,
key: 'amazon-layout',
onchange: function($input) {
self.$itemsContainer.removeClass('layout-thumbnail');
self.$itemsContainer.removeClass('layout-list');
var layout = $input.val();
self.$itemsContainer.addClass('layout-' + layout);
// label class
self.$layoutTypeContainer.find('label.selected').removeClass('selected');
$input.closest('label').addClass('selected');
// リスト表示のときだけtipsy有効，サムネイル表示のときは出さない
self.setTipsyEnabled(layout == 'thumbnail');
}
});
$(window).resize(_.throttle(function () {
self.resize();
}, 100));
},
setTipsyEnabled: function (enable) {
var self = this;
// tipsy-southwestクラスを付けたり外したりします
var $items = self.$itemsContainer.find('.amazon-search-item');
var className = 'tipsy-southeast';
if (enable) {
$items.addClass(className);
} else {
$items.removeClass(className);
}
},
resize: function () {
var self = this;
var mainHeight = $(window).height();
var padding = 0;
padding += parseInt(self.$itemsContainer.css('padding-top'), 10) || 0;
padding += parseInt(self.$itemsContainer.css('padding-bottom'), 10) || 0;
self.$itemsContainer.height(
mainHeight -
self.$container.offset().top -
self.$header.outerHeight(true) -
self.$footer.outerHeight(true) -
padding
);
},
selectedItemsChanged: function() {
var self = this;
if (self.$itemsContainer.find('.selected').length > 0) {
self.$pasteButton.removeClass('disabled').addClass('enabled').prop('disabled', false);
} else {
self.$pasteButton.removeClass('enabled').addClass('disabled').prop('disabled', true);
}
},
searchByInput: function() {
var self = this;
self.search(self.$keywordInput.val(), self.$categorySelect.find('option:selected').val());
},
search: function (keyword, category) {
var self = this;
if (typeof keyword != 'string') return false;
keyword = keyword.replace(/^\s*/, '');
keyword = keyword.replace(/\s*$/, '');
if (keyword.length === 0) return false;
if (self._searchingKeyword == keyword && self._searchingCategory == category) return false;
// ここまで来たら検索開始
self.$welcomeMessage.addClass('disable');
if (self._searchDeferred) {
self._searchDeferred.reject();
}
self.ajaxStarted();
self._searchingKeyword = keyword;
self._searchingCategory = category;
var currentAjax;
var dfd = $.Deferred().done(function() {
}).fail(function() {
if (currentAjax) {
// セッション終了時に前のajaxをキャンセル
currentAjax.abort();
}
}).always(function() {
self.ajaxFinished();
});
self.$itemsContainer.find('.amazon-search-item').remove();
var searchPage = function(page) {
self.ajaxStarted();
currentAjax = $.ajax({
url: '/api/amazon',
data: {
keyword: keyword,
category: category,
page: page
}
}).done(function (res) {
self.showItems(res.items);
if (res.page === 1 && res.items.length === 0) {
self.$resultIsEmpty.show();
} else {
self.$resultIsEmpty.hide();
}
if (!res.has_next) {
dfd.resolve();
return;
}
if (res.page >= 5) {
dfd.resolve();
return;
} else {
searchPage(res.page + 1);
}
}).fail(function (res) {
dfd.reject(res);
});
};
searchPage(1);
self._searchDeferred = dfd;
},
showItems: function (items) {
var self = this;
var source = '';
_.each(items, function (item) {
source += self.itemTemplate({
item: item
});
});
self.$indicator.before(source);
self.setTipsyEnabled(self.$itemsContainer.hasClass('layout-thumbnail'));
},
insertAsins: function (asins) {
var self = this;
var suffix = self.$container.find('[name="amazon-search-format"]:checked').val();
var hatena_syntaxes = _.map(asins, function(asin) {
return '[asin:' + asin + (suffix.length > 0 ? ':' + suffix : '') + ']';
});
var lines = {
html: hatena_syntaxes,
hatena: hatena_syntaxes,
markdown: hatena_syntaxes
};
if (suffix === 'detail') {
// 詳細モードのときは見たまま編集でもはてな記法を出す
Hatena.Diary.EditorConnector.insertLines(lines);
} else {
// 画像または商品名のときはHTML展開してから挿入
var hatena_syntax = hatena_syntaxes.join("\n");
Hatena.Diary.extractSyntax(hatena_syntax).done(function(data) {
lines.html = [data.html];
Hatena.Diary.EditorConnector.insertLines(lines);
}).fail(function(error) {
Hatena.Diary.BUG(error);
Hatena.Diary.EditorConnector.insertLines(lines);
});
}
},
ajaxStarted: function () {
var self = this;
self.isAjaxing = true;
self.$keywordSubmit.prop('disabled', true);
self.$indicator.show();
self.$resultIsEmpty.hide();
},
ajaxFinished: function () {
var self = this;
self.isAjaxing = false;
self.$keywordSubmit.prop('disabled', false);
self.$indicator.hide();
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].Twitter = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].Twitter.prototype = {
pasteReverseOrder: true,
// args: { container }
init: function (args) {
var self = this;
self.$container = args.container;
if (!self.$container.get(0)) return;
self.$itemsContainer = self.$container.find('.twitter-items');
self.$indicator = self.$container.find('.indicator');
self.itemTemplate = _.template($('.twitter-item-template').html());
self.$pasteButton = self.$container.find('.twitter-paste-button');
self.$listTypeContainer = self.$container.find('.twitter-list-type-container');
self.$formatsContainer = self.$container.find('.twitter-formats');
self.$reloadButton = self.$container.find('.reload');
self.$errorMessage = self.$container.find('.error');
self.$detailOnlyMessage = self.$container.find('.twitter-formats-detail-only');
self.$header = self.$container.find('.twitter-header');
self.$footer = self.$container.find('.twitter-footer');
self.bindEvents();
self.resize();
self.loadTweets();
},
bindEvents: function () {
var self = this;
$(window).resize(_.throttle(function () {
self.resize();
self.loadTweets();
}, 100));
self.$itemsContainer.delegate('.twitter-item', 'click', function (event) {
if ($(event.target).is('a')) return;
if ($(this).is('.private')) return;
$(this).toggleClass('selected');
self.selectedItemsChanged();
});
self.$container.delegate('.twitter-item', 'dblclick', function (event) {
if ($(event.target).is('a')) return;
if ($(this).is('.private')) return;
self.insertSyntaxes([{
id_str: $(this).attr('data-id-str'),
screen_name: $(this).attr('data-screen-name'),
text: $(this).attr('data-text')
}]);
$(this).removeClass('selected');
self.selectedItemsChanged();
Hatena.Diary.trackEvent(self.$pasteButton.attr('data-track-name'));
return false;
});
self.$pasteButton.click(function (event) {
var id_strs = [];
self.$itemsContainer.find('.selected').each(function () {
id_strs.push({
id_str: $(this).attr('data-id-str'),
screen_name: $(this).attr('data-screen-name'),
text: $(this).attr('data-text')
});
$(this).removeClass('selected');
});
self.insertSyntaxes(id_strs);
self.selectedItemsChanged();
});
// list type
self.$listTypeContainer.delegate('input', 'change', function () {
if (self.getListType == $(this).val()) return;
self.setListType($(this).val());
self.$listTypeContainer.find('label.selected').removeClass('selected');
$(this).closest('label').addClass('selected');
self.loadTweets();
});
Hatena.Diary.Util.backupTab({
$container: self.$formatsContainer,
key: 'twitter-format',
onchange: function($input) {
self.$formatsContainer.find('label.selected').removeClass('selected');
$input.closest('label').addClass('selected');
}
});
Hatena.Diary.Util.backupTab({
$container: self.$listTypeContainer,
key: 'twitter-list-type',
onchange: function($input) {
self.setListType($input.val());
self.$listTypeContainer.find('label.selected').removeClass('selected');
$input.closest('label').addClass('selected');
self.loadTweets();
// 自分のツイートのときだけ貼り付けフォーマット選べる
if ($input.val() == 'tweets') {
self.$formatsContainer.css('visibility', 'visible');
self.$detailOnlyMessage.hide();
} else {
self.$formatsContainer.css('visibility', 'hidden');
self.$detailOnlyMessage.show();
}
}
});
self.$reloadButton.click(function (event) {
self.loadTweets(null, true);
});
// オートページャ
self.$itemsContainer.scroll(_.throttle(function() {
var rate = ( self.$itemsContainer.scrollTop() + self.$itemsContainer.height() ) / self.$itemsContainer[0].scrollHeight;
if (rate > 0.7) { // 下のほうに行ったらもっと読む
self.loadMore();
}
}, 100));
},
resize: function() {
var self = this;
var mainHeight = $(window).height();
var padding = 0;
padding += parseInt(self.$itemsContainer.css('padding-top'), 10) || 0;
padding += parseInt(self.$itemsContainer.css('padding-bottom'), 10) || 0;
self.$itemsContainer.height(
mainHeight -
self.$container.offset().top -
self.$header.outerHeight(true) -
self.$footer.outerHeight(true) -
padding
);
},
setListType: function(type) {
if (! type.match(/^(tweets|favorites|timeline)$/)) return;
this.listType = type;
},
getListType: function() {
// さっき設定された？
if (this.listType) {
return this.listType;
}
// デフォルト値
return 'tweets';
},
selectedItemsChanged: function() {
var self = this;
if (self.$itemsContainer.find('.selected').length > 0) {
self.$pasteButton.removeClass('disabled').addClass('enabled').prop('disabled', false);
} else {
self.$pasteButton.removeClass('enabled').addClass('disabled').prop('disabled', true);
}
},
loadTweets: function (max_id, force) {
var self = this;
if (self.isLoading) return;
if (! self.$container.is(':visible')) return;
self.isLoading = true;
self.$indicator.show();
if (!max_id) {
self.$itemsContainer.find('.twitter-item').remove();
}
var data = {};
if (max_id) {
data.max_id = max_id;
}
var list_type = self.getListType();
var url = '/api/twitter/' + list_type + (max_id ? '?max_id=' + max_id : '');
self.ajaxGetOrCache(url, force).done(function (items) {
// 通信中にタブ切り替えられてたら結果を捨てて再度通信する
// _.deferしてるのはalwaysが終了してから実行するため
if (self.getListType() != list_type) {
_.defer(function() {
self.loadTweets();
});
return;
}
if (max_id) {
// 1件目は重複
items.shift();
}
self.showItems(items);
self.$errorMessage.hide();
}).fail(function (res) {
self.$errorMessage.show();
}).always(function () {
self.$indicator.hide();
self.isLoading = false;
});
},
showItems: function (items) {
var self = this;
var source = '';
_.each(items, function (item) {
source += self.itemTemplate({
item: item
});
});
self.$indicator.before(source);
},
loadMore: function() {
var self = this;
var $lastItem = self.$itemsContainer.find('.twitter-item:last');
if (!$lastItem.length) return;
var maxId = $lastItem.attr('data-id-str');
self.loadTweets(maxId);
},
// tweet: { screen_name, id_str, text }
insertSyntaxes: function (tweets) {
var self = this;
var format = self.getFormat();
var escape_text_for_syntax = function(text) {
return text.replace(/[\[\]\n]/g, '');
};
var syntaxes = _.map(tweets, function(tweet) {
if (format == "detail") {
return "[https://twitter.com/" + tweet.screen_name + "/status/" + tweet.id_str + ":embed#" + escape_text_for_syntax(tweet.text) + "]";
} else if(format == "text") {
return tweet.text;
}
}).reverse();
Hatena.Diary.EditorConnector.insertLines({
html: syntaxes,
hatena: syntaxes,
markdown: syntaxes
});
},
getFormat: function () {
if (this.getListType() == "tweets") {
return this.$container.find('[name="twitter-format"]:checked').val();
}
return "detail";
},
ajaxGetOrCache : function(url, force_disable_cache) {
// ajax getまたはキャッシュから返す
// タブ切り替えて戻すだけで通信しないようにするためのやつ
// jqXHRではなくDeferredオブジェクトが返ることがあるので使う側で注意すること
var self = this;
// forceじゃなくてキャッシュあったら返す
if (!force_disable_cache && self.ajaxGetOrCacheCache[url]) {
var dfd = $.Deferred();
dfd.resolve(self.ajaxGetOrCacheCache[url]);
return dfd.promise();
}
// thenを追加してキャッシュに保存するというのをやっています
return $.ajax({
url: url
}).done(function(res) {
self.ajaxGetOrCacheCache[url] = res;
});
},
ajaxGetOrCacheCache: {}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].HatenaBookmark = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].HatenaBookmark.prototype = {
// args: { container }
init: function (args) {
var self = this;
self.$container = args.container;
if (!self.$container.get(0)) return;
self.$header = self.$container.find('.header');
self.$itemsContainer = self.$container.find('.items');
self.$indicator = self.$container.find('.indicator');
self.template = _.template(self.$container.find('.template').html());
self.editorTemplate = _.template(self.$container.find('.editor-template').html());
self.$errorMessage = self.$container.find('.error-message');
self.$disabledMessage = self.$container.find('.disabled-message');
self.$footer = self.$container.find('.footer');
self.$pasteButton = self.$container.find('.paste-button');
self.loadedPage = 0;
self.bindEvents();
self.resize();
self.loadItems(1);
},
bindEvents: function () {
var self = this;
$(window).resize(_.throttle(function () {
self.resize();
self.loadItems(1);
}, 100));
self.$itemsContainer.on('click', '.item', function (event) {
if ($(event.target).is('a')) return;
if ($(event.target).parents('a').length > 0) return;
$(this).toggleClass('selected');
self.selectedItemsChanged();
return false;
});
self.$container.on('dblclick', '.item', function (event) {
if ($(event.target).is('a')) return;
if ($(event.target).parents('a').length > 0) return;
self.insertItems([$(this)]);
$(this).removeClass('selected');
self.selectedItemsChanged();
Hatena.Diary.trackEvent(self.$pasteButton.attr('data-track-name'));
return false;
});
self.$pasteButton.click(function (event) {
var items = [];
self.selectedItems().each(function () {
items.push($(this));
$(this).removeClass('selected');
});
self.insertItems(items.reverse());
self.selectedItemsChanged();
});
// オートページャ
// twitterからコピペ
self.$itemsContainer.scroll(_.throttle(function() {
var rate = ( self.$itemsContainer.scrollTop() + self.$itemsContainer.height() ) / self.$itemsContainer[0].scrollHeight;
if (rate > 0.7) { // 下のほうに行ったらもっと読む
self.loadItems(self.loadedPage + 1);
}
}, 100));
},
resize: function() {
var self = this;
var mainHeight = $(window).height() - $('#editor-main').offset().top;
self.$itemsContainer.height(
mainHeight -
self.$header.outerHeight(true) -
self.$footer.outerHeight(true)
);
},
selectedItemsChanged: function() {
var self = this;
if (self.selectedItems().length > 0) {
self.$pasteButton.removeClass('disabled').addClass('enabled').prop('disabled', false);
} else {
self.$pasteButton.removeClass('enabled').addClass('disabled').prop('disabled', true);
}
},
selectedItems: function() {
var self = this;
return self.$itemsContainer.find('.selected');
},
loadItems: function(page) {
var self = this;
if (self.isLoading) return;
if (! self.$container.is(':visible')) return;
if (page > 10) return; // さかのぼりすぎない
if (self.failed) return; // 一度失敗したらあきらめる
if (self.loadedPage > page) return;
self.isLoading = true;
self.$indicator.show();
self.$errorMessage.hide();
$.ajax({
url: '/api/hatena_bookmark/bookmarks?page=' + page,
type: 'GET',
dataType: 'json'
}).done(function (items) {
self.$errorMessage.hide();
if (page === 1 && items.length === 0) {
self.showDisabledMessage();
return;
}
self.showItems(items);
}).fail(function (res) {
self.$errorMessage.show();
self.failed = true;
}).always(function () {
self.$indicator.hide();
self.isLoading = false;
});
self.loadedPage = page;
},
showDisabledMessage: function() {
// ブクマを使いませんかみたいなやつ
var self = this;
self.$disabledMessage.show();
self.$itemsContainer.hide();
self.$footer.hide();
self.failed = true;
},
showItems: function(items) {
var self = this;
var source = '';
_.each(items, function (item) {
source += self.template({
item: item
});
});
self.$indicator.before(source);
Hatena.Locale.updateTimestamps(self.$container[0]);
},
insertItems: function(items) {
var self = this;
var editor = Hatena.Diary.Editor.Support.currentEditor;
var syntax = $('#syntax').val();
var lines = [];
_.each(items, function($item) {
if (syntax == 'html') {
lines.push(self.editorTemplate({
item: {
title: $item.attr('data-title'),
permalink: $item.attr('data-permalink'),
button_url: $item.attr('data-button-url'),
entry_page_url: $item.attr('data-entry-page-url')
}
}));
} else {
lines.push('[' + $item.attr('data-permalink') + ':title:bookmark]');
}
var description = $item.attr('data-description');
if (description) {
lines.push(description);
}
});
editor.insertLines(lines);
}
};
// マイキュレーション親クラス
// extendして使う
Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.prototype = {
// args: { container }
init: function (args) {
var self = this;
self.$container = args.container;
if (!self.$container.get(0)) return;
self.$header = self.$container.find('.header');
self.$itemsContainer = self.$container.find('.items');
self.$tabsContainer = self.$container.find('.tab-container');
self.$indicator = self.$container.find('.indicator');
self.$errorMessage = self.$container.find('.error-message');
self.$disabledMessage = self.$container.find('.disabled-message');
self.$footer = self.$container.find('.footer');
self.$pasteButton = self.$container.find('.paste-button');
var $templateNode = self.$container.find('.template');
if ($templateNode.get(0)) {
self.template = _.template($templateNode.html());
}
var $editorTemplateNode = self.$container.find('.editor-template');
if ($editorTemplateNode.get(0)) {
self.editorTemplate = _.template($editorTemplateNode.html());
}
self.loadedPage = 0;
self.bindEvents();
self.resize();
self.requestLoadItems();
},
// AutoPager使いたいときtrue
// AutoPager有効にすると下までスクロールしたときloadItems(true)が呼ばれる
enableAutoPager: false,
// AutoPager最後まで受信したらtrueにしてください
itemsReachedEnd: false,
// 複数選択貼り付け時に逆順で貼り付けるかどうか
pasteReverseOrder: false,
bindEvents: function () {
var self = this;
$(window).resize(_.throttle(function () {
self.resize();
self.requestLoadItems();
}, 100));
self.$itemsContainer.on('click', '.item', function (event) {
if ($(event.target).is('a')) return;
if ($(event.target).parents('a').length > 0) return;
$(this).toggleClass('selected');
self.selectedItemsChanged();
return false;
});
self.$container.on('dblclick', '.item', function (event) {
if ($(event.target).is('a')) return;
if ($(event.target).parents('a').length > 0) return;
self.insertItems([$(this)]);
$(this).removeClass('selected');
self.selectedItemsChanged();
Hatena.Diary.trackEvent(self.$pasteButton.attr('data-track-name'));
return false;
});
self.$pasteButton.click(function (event) {
var items = [];
self.selectedItems().each(function () {
items.push($(this));
$(this).removeClass('selected');
});
self.insertItems(self.pasteReverseOrder ? items.reverse() : items);
self.selectedItemsChanged();
});
self.tabs = new Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.Tab({
container: self.$tabsContainer,
backupKey: self.serviceName
});
$(self.tabs).on('change', function() {
self.removeItems();
self.requestLoadItems();
});
if (self.enableAutoPager) {
self.$itemsContainer.scroll(_.throttle(function() {
var rate = ( self.$itemsContainer.scrollTop() + self.$itemsContainer.height() ) / self.$itemsContainer[0].scrollHeight;
// 下のほうに行ったらもっと読む
if (rate > 0.7 && !self.itemsReachedEnd) {
self.requestLoadItems(true);
}
}, 100));
}
},
resize: function() {
var self = this;
var mainHeight = $(window).height();
var padding = 0;
padding += parseInt(self.$itemsContainer.css('padding-top'), 10) || 0;
padding += parseInt(self.$itemsContainer.css('padding-bottom'), 10) || 0;
self.$itemsContainer.height(
mainHeight -
self.$container.offset().top -
self.$header.outerHeight(true) -
self.$footer.outerHeight(true) -
padding
);
},
selectedItemsChanged: function() {
var self = this;
if (self.selectedItems().length > 0) {
self.$pasteButton.removeClass('disabled').addClass('enabled').prop('disabled', false);
} else {
self.$pasteButton.removeClass('enabled').addClass('disabled').prop('disabled', true);
}
},
selectedItems: function() {
var self = this;
return self.$itemsContainer.find('.selected');
},
requestLoadItems: function(is_more) {
var self = this;
if (self.isLoading) return;
if (! self.$container.is(':visible')) return;
// 最初からrequestされたけどページ内に要素がある場合は何もしない
if (! is_more && self.getItemsOnPage().length > 0) return;
self._requestLoadItems(is_more);
},
_requestLoadItems: function (is_more) {
var self = this;
self.isLoading = true;
self.$indicator.show();
self.$errorMessage.hide();
self.loadItems(is_more).done(function(feed) {
self.showItems(feed.entries);
}).fail(function(res) {
self.$errorMessage.show();
}).always(function() {
self.$indicator.hide();
self.isLoading = false;
});
},
requestReload: function (is_more) {
var self = this;
if (self.isLoading) return;
self.removeItems();
self._requestLoadItems();
},
getItemsOnPage: function() {
var self = this;
return self.$itemsContainer.find('.item');
},
removeItems: function() {
var self = this;
self.getItemsOnPage().remove();
},
loadItems: function() {
throw "not implemented";
// 上書きして使ってください
},
showItems: function(items) {
var self = this;
var source = '';
_.each(items, function (entry) {
source += self.template({
item: entry
});
});
self.$indicator.before(source);
Hatena.Locale.updateTimestamps(self.$container[0]);
$(self).triggerHandler('items-appended');
},
insertItems: function(items) {
// 必要なら上書きして使ってください
var self = this;
var lines = [];
_.each(items, function($item) {
var permalink = $item.attr('data-permalink');
lines.push('[' + permalink + ':embed]');
});
Hatena.Diary.Editor.Support.currentEditor.insertLines(lines);
}
};
// タブ切り替えイベントの管理
// 変更イベントのディスパッチ
// localStorageにバックアップ
// 変更されたらchangeイベントを発行する
// get()で値を取得
// set(value)で値を設定
// args:
// container: inputを含む要素
// backupKey: バックアップ用のキー localStorageのキーの一部になる
Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.Tab = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.Tab.prototype = {
// args: { container backupKey }
init: function (args) {
var self = this;
self.$container = args.container;
self.backupKey = args.backupKey;
self.localStorageKey = 'MyCuration.Tab.' + self.backupKey;
self.values = self.$container.find('input').map(function() { return $(this).val(); }).toArray();
self.$container.delegate('input', 'change', function () {
self.$container.find('label.selected').removeClass('selected');
$(this).closest('label').addClass('selected');
var value = $(this).val();
self.value = value;
try {
localStorage[self.localStorageKey] = value;
} catch(ignore) {}
$(self).triggerHandler('change');
});
try {
if (localStorage[self.localStorageKey]) {
self.set(localStorage[self.localStorageKey]);
}
} catch(ignore) {}
},
get: function() {
return this.value || this.values[0];
},
set: function(value) {
var self = this;
if (! _.include(self.values, value)) return;
var $input = self.$container.find('input[value="' + value + '"]');
$input.click();
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].Instagram = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].Instagram.prototype = {
parent: Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration,
init: function (args) {
var self = this;
self.parent.prototype.init.call(self, args);
$(self).on('items-appended', function() {
self.setPaddingLeft();
});
},
serviceName: 'Instagram',
enableAutoPager: true,
pasteReverseOrder: true,
loadItems: function(more) {
var self = this;
var data = {};
if (more) {
var $lastItem = self.$itemsContainer.find('.item:last');
data.max_id = $lastItem.attr('data-next-max-id');
}
return $.ajax({
url: '/api/instagram/recent',
data: data,
type: 'GET',
dataType: 'json'
}).fail(function() {
self.pleaseReAuthorize();
}).done(function(res) {
if (res && res.data) {
res.entries = res.data;
// テンプレートにdata-max-id入れるので各エントリに入れる
_.each(res.entries, function(entry) {
entry.next_max_id = res.next_max_id;
});
}
// next_max_idなかったらこれで終わり(autopagerが無効になる)
if (!res.next_max_id) {
self.itemsReachedEnd = true;
}
return res;
});
},
pleaseReAuthorize: function() {
var self = this;
self.$container.find('.disabled-box').show();
},
insertItems: function(items) {
var self = this;
var lines = {
hatena: [],
markdown: []
};
_.each(items, function($item) {
var item = {
permalink: $item.attr('data-permalink'),
caption: $item.attr('data-caption'),
type: $item.attr('data-type')
};
var media_url = item.permalink + 'media/?size=l';
// 動画はiframe(:embedで展開したらiframeになる)，写真はa>img
if (item.type === 'video') {
lines.hatena.push('[' + item.permalink + ':embed]');
lines.markdown.push('[' + item.permalink + ':embed]');
} else {
lines.hatena.push('[' + item.permalink + ':image=' + media_url + ']');
lines.markdown.push('[](' + item.permalink + ')');
}
// captionあったらcaptionでリンク，なかったら単なるリンク
// captionないときmarkdownではタイトル取れないのではてな記法
if (item.caption) {
lines.hatena.push('[' + item.permalink + ':title=' + item.caption + ']');
lines.markdown.push('[' + item.caption + '](' + item.permalink + ')');
} else {
lines.hatena.push('[' + item.permalink + ':title]');
lines.markdown.push('[' + item.permalink + ':title]');
}
});
Hatena.Diary.extractSyntax(lines.hatena.join("\n")).done(function(data) {
lines.html = [data.html];
}).fail(function(error) {
lines.html = lines.hatena;
Hatena.Diary.BUG(error);
}).always(function() {
Hatena.Diary.EditorConnector.insertLines(lines);
});
},
setPaddingLeft: function() {
var self = this;
// itemsが中央に揃うよう幅を調整
// 一列に表示されているitemsの幅の合計から，paddingLeftを決める
//
// |----| |----| padding
// |-------------------------| .itemsContainer
// |---| |---| |---| .item
// ^itemsLeft
// ^itemsRight
//
// padding = itemsContainerの幅 - (itemsRight - itemsLeft) / 2
var $itemsContainer = $('.items');
var $items = $('.item');
var $firstItem = $($items[0]);
var firstItemTop = $firstItem.position().top;
var itemsLeft = $firstItem.position().left;
var itemsRight = itemsLeft + $firstItem.outerWidth();
$items.each(function() {
var $this = $(this);
if ($this.position().top !== firstItemTop) return false;
itemsRight = $this.position().left + $this.outerWidth();
});
var itemsWidthTotal = itemsRight - itemsLeft;
var padding = ($itemsContainer.width() - itemsWidthTotal) / 2;
$itemsContainer.css({
'padding-left': padding + 'px'
});
}
};
Hatena.Diary.Util.extend(Hatena.Diary.Pages.Admin['user-blog-edit'].Instagram.prototype, Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.prototype);
Hatena.Diary.Pages.Admin['user-blog-edit'].Evernote = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Evernote.prototype = {
parent: Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration,
init: function (args) {
var self = this;
self.$keywordInput = args.container.find('.evernote-search-keyword');
self.$keywordSubmit = args.container.find('.evernote-search-keyword-submit');
// $.extend しているので this.constructor とかが正しく追加されていない
self.parent.prototype.init.call(self, args);
},
bindEvents: function () {
var self = this;
// $.extend しているので this.constructor とかが正しく追加されていない
self.parent.prototype.bindEvents.call(self);
// AmazonSearch からだいたいコピペしてきた
self.$keywordSubmit.click(function (event) {
self.searchByInput();
return false;
});
self.$keywordInput.keydown(function (event) {
if (keyString(event) === 'RET') {
self.searchByInput();
return false;
}
});
self.$keywordInput.focus(function() {
// 下の貼り付けボタン表示されないことがある
// 原因わからないけどリサイズしたらボタン出てくる
// 検索ボックスにフォーカスしたときにダメ押しでもう1回リサイズ
setTimeout(function() {
self.resize();
}, 0);
});
self.$itemsContainer.on('show_items', function (event, args) {
_.each(args.notes, function (note) {
var $item = self.$itemsContainer.find('.item[data-item-guid=' + note.guid + ']');
$.ajax({
url: '/api/evernote/note',
data: {
content: 1,
guid: $item.attr('data-item-guid')
},
type: 'GET',
dataType: 'json'
}).done(function (response) {
if (response && response.content) {
var content_type = $('#syntax').val() === 'html' ? 'html' : 'plain';
$item.find('.evernote-search-item-body').text(response.content.extended[content_type]);
$item.find('.evernote-search-item-body-preview').text(response.content.extended.excerpt);
$item.attr('data-loaded-body', true);
if (response.extended.has_resource) {
self.appendResources({ item: $item, resources: response.resources });
self.previewResources({ item : $item, resources : response.resources });
}
}
});
});
});
self.$container.on('insert_items', function (event, args) {
var notes = args.items;
var resources = _.chain(notes).
map(function (note) { return $(note).find('.evernote-item-resource').get(); }).
flatten().
value();
self.requestInsertResources(resources);
var note_title = _.chain(notes).
map(function ($item) { return $item.find('.evernote-search-item-title').text(); }).
find(function (note_title) { return note_title; }).
value();
var entry_title = Hatena.Diary.Editor.Support.currentEditor.title.val();
if (note_title && !entry_title) {
Hatena.Diary.Editor.Support.currentEditor.title.val(note_title);
}
});
},
serviceName: 'Evernote',
syntax: function () {
return $('#syntax').val();
},
loadItems: function () {
var self = this;
var data = {
filter_order: 'created'
};
return $.ajax({
url: '/api/evernote/notes_metadata',
data: data,
type: 'GET',
dataType: 'json'
}).pipe(function(response) {
if (!response) return response;
if (!response.is_error) {
response.entries = response.notes;
} else if (response.is_error && response.error_details.type === 'auth_expired') {
self.$container
.html(self.$container.find('.auth-expired-template').html())
.removeClass('enabled').addClass('disabled');
return response;
}
self.itemsReachedEnd = !response.extended.has_next;
return response;
});
},
previewResources: function (args) {
var self = this;
var $note_item = args.item;
var resources = args.resources;
if (resources.length <= 0) return;
var resource = resources[0];
var $img = $('
![]()
');
$img.attr('src', '/api/evernote/thumbnail?guid=' + resource.guid);
$img.addClass('resource-image');
Hatena.Diary.Util.waitForResource(function () {
return $note_item.attr('data-loaded-body');
}, function () {
$note_item.find('.evernote-image-preview').append($img);
});
},
appendResources: function (args) {
var self = this;
var $item = args.item;
var resources = args.resources;
$item.attr('data-has-resource', true);
$item.addClass('has-resource');
var $resources = _.map(resources, function (resource) {
var $resource_node = $('
');
var attrs = {
'data-guid': resource.guid
};
$resource_node.attr(attrs);
$resource_node.addClass('evernote-item-resource');
return $resource_node.get(0);
});
$item.find('.evernote-item-resources').append($resources);
},
requestInsertResources: function (resources) {
var self = this;
var resource = resources.shift();
if (!resource) return;
var $resource = $(resource);
if ($resource.attr('data-uploaded')) {
self.insertFotolifeImage({
annotation : $resource.attr('data-fotolife-annotation'),
html : $resource.attr('data-fotolife-html'),
hex_body_hash : $resource.attr('data-hex-body-hash')
});
self.requestInsertResources(resources);
} else {
var dfd = self.requestUploadResource($resource);
dfd.done(function () {
self.requestInsertResources(resources);
});
}
},
requestUploadResource: function (resource) {
var self = this;
return $.ajax({
url: '/api/upload/evernote/resource',
data: {
rkm: Hatena.Diary.data('rkm'),
rkc: Hatena.Diary.data('rkc'),
guid: resource.attr('data-guid')
},
dataType: 'json',
type: 'POST'
}).done(_.bind(self.onCompleteUploadingResource, self, resource));
},
onCompleteUploadingResource: function ($resource, response) {
var self = this;
$resource.attr({
'data-uploaded' : 1,
'data-fotolife-annotation' : response.annotation,
'data-fotolife-html' : response.html,
'data-hex-body-hash' : response.hex_body_hash
});
self.insertFotolifeImageByResource($resource);
},
insertFotolifeImageByResource: function ($resource) {
var self = this;
if (! $resource.attr('data-uploaded')) return;
self.insertFotolifeImage({
annotation : $resource.attr('data-fotolife-annotation'),
html : $resource.attr('data-fotolife-html'),
hex_body_hash : $resource.attr('data-hex-body-hash')
});
},
insertFotolifeImage: function (args) {
var self = this;
var annotation = args.annotation;
var hex_body_hash = args.hex_body_hash;
var html = args.html;
var uploadingMessage = Hatena.Locale.text('uploading');
var editor = Hatena.Diary.Editor.Support.currentEditor;
var current_body = editor.body.val();
var placeholder = '[evernote:' + hex_body_hash + ' ' + uploadingMessage + ']';
var image_source = self.syntax() === 'html' ? html : '[' + annotation + ']';
var replaced = current_body.replace(placeholder, image_source);
editor.setValue(replaced);
},
resourcesAreUploaded: function ($item) {
return _.all($item.find('.evernote-resource').get(), function ($resource) {
return $resource.attr('data-uploaded');
});
},
readyToInserted: function ($items) {
var self = this;
return _.all($items, function ($item) {
var loaded_body = $item.attr('data-loaded-body');
var has_resource = $item.attr('data-has-resource');
var upload_completed = has_resource ? self.resourcesAreUploaded($item) : true;
return loaded_body && upload_completed;
});
},
insertItems: function(items) {
var self = this;
Hatena.Diary.Util.waitForResource(function () {
return self.readyToInserted(items);
}, function () {
var uploadingMessage = Hatena.Locale.text('uploading');
var lines = _.map(items, function ($item) {
return $item.find('.evernote-search-item-body').text().replace(/\[evernote:([^\]]*)\]/gm, '[evernote:$1 ' + uploadingMessage + ']');
});
Hatena.Diary.Editor.Support.currentEditor.insertLines(lines);
self.$container.trigger('insert_items', { items: items, lines: lines });
});
},
showItems: function (items) {
var self = this;
self.parent.prototype.showItems.call(self, items);
self.$itemsContainer.trigger('show_items', {notes: items});
},
searchByInput: function () {
var self = this;
self.search(self.$keywordInput.val());
},
search: function (keyword) {
var self = this;
if (typeof keyword != 'string') return false;
keyword = keyword.replace(/^\s*/, '');
keyword = keyword.replace(/\s*$/, '');
// キーワードが空だったらリロード
if (keyword.length === 0) {
self.requestReload();
return false;
}
// AmazonSearch からだいたいコピペ
// if (self._searchingKeyword == keyword && self._searchingCategory == category) return false;
if (self._searchDeferred) {
self._searchDeferred.reject();
}
self.ajaxStarted();
self._searchingKeyword = keyword;
var currentAjax;
var dfd = $.Deferred().done(function() {
}).fail(function() {
if (currentAjax) {
// セッション終了時に前のajaxをキャンセル
currentAjax.abort();
}
}).always(function() {
self.ajaxFinished();
});
self.$itemsContainer.find('.evernote-search-item').remove();
var searchWithOffset = function(offset) {
self.ajaxStarted();
currentAjax = $.ajax({
url: '/api/evernote/notes_metadata',
data: {
offset: offset,
filter_order: 'created',
filter_words: keyword
}
}).done(function (response) {
self.showItems(response.notes);
if (response.extended.has_next && response.extended.next_offset) {
searchWithOffset(response.extended.next_offset);
} else {
dfd.resolve();
return;
}
}).fail(function (response) {
dfd.reject(response);
});
};
searchWithOffset(0);
self._searchDeferred = dfd;
},
ajaxStarted: function () {
var self = this;
self.isAjaxing = true;
self.$keywordSubmit.prop('disabled', true);
self.$indicator.show();
self.$errorMessage.hide();
},
ajaxFinished: function () {
var self = this;
self.isAjaxing = false;
self.$keywordSubmit.prop('disabled', false);
self.$errorMessage.hide();
self.$indicator.hide();
}
};
Hatena.Diary.Util.extend(Hatena.Diary.Pages.Admin['user-blog-edit'].Evernote.prototype, Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.prototype);
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.prototype = {
parent: Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration,
serviceName: 'Miil',
enableAutoPager: true,
pasteReverseOrder: true,
init: function (args) {
var self = this;
self.parent.prototype.init.call(self, args);
self.userManager = new Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.UserManager({
container: self.$container
});
$(self.userManager).on('registered', function() {
self.resetUser();
self.requestLoadItems();
});
$(self.userManager).on('unregistered', function() {
self.resetUser();
});
},
loadItems: function(is_more) {
var self = this;
var dfd = $.Deferred();
if (!(self.userManager && self.userManager.getUser())) {
dfd.reject();
return dfd;
}
var user = self.userManager.getUser();
if (is_more) {
user.forward();
}
user.load().done(function(data) {
var photos = data.photos;
_.each(photos, function(photo) {
photo.thumbnail_url = photo.url + '=s72';
});
dfd.resolve({
entries: photos
});
}).fail(function() {
dfd.reject();
self.itemsReachedEnd = true;
});
return dfd;
},
insertItems: function(items) {
var self = this;
var lines = [];
_.each(items, function($item) {
if ($('#syntax').val() === 'html') {
lines.push(self.editorTemplate({
item: {
permalink_url: $item.attr('data-permalink'),
image_url: $item.attr('data-image-url'),
title: $item.attr('data-title')
}
}));
} else {
lines.push('[' + $item.attr('data-permalink') + ':image=' + $item.attr('data-image-url') + ']');
if ($item.attr('data-title')) {
lines.push($item.attr('data-title'));
}
}
});
Hatena.Diary.Editor.Support.currentEditor.insertLines(lines);
},
resetUser: function() {
var self = this;
self.itemsReachedEnd = false;
self.removeItems();
if (self.userManager && self.userManager.getUser()) {
self.userManager.getUser().rewind();
}
}
};
Hatena.Diary.Util.extend(Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.prototype, Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.prototype);
// ユーザー連携機能，UserLoaderからUserを受け取って保持する，連携UIの管理
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.UserManager = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.UserManager.prototype = {
init: function (args) {
var self = this;
self.$container = args.container;
self.$input = self.$container.find('.miil-user-name');
self.$registerButton = self.$container.find('.register-button');
self.$unregisterButton = self.$container.find('.unregister-button');
self.$userImage = self.$container.find('.user-image');
self.$name = self.$container.find('.user-name');
self.$nameLink = self.$container.find('.user-name-link');
self.$userNotFound = self.$container.find('.user-not-found-error');
self.userLoader = new Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.UserLoader();
self.bindEvents();
self.tryRegisterFromInput();
},
bindEvents: function() {
var self = this;
self.$registerButton.on('click', function() {
self.tryRegisterFromInput();
return false;
});
self.$input.on('keydown', function(event) {
if(keyString(event) === 'RET') {
self.tryRegisterFromInput();
return false;
}
});
self.$unregisterButton.on('click', function() {
self.unregister();
return false;
});
},
// inputに入力された値から認証を試みる
tryRegisterFromInput: function() {
var self = this;
var user_name = self.$input.val();
if (!user_name) return;
self.tryRegister(user_name);
},
// validなユーザーと連携しているときUserのインスタンスを返す
getUser: function() {
var self = this;
return self.currentUser;
},
// 指定された名前のユーザーとの連携を試みる
tryRegister: function(user_name) {
var self = this;
self.userLoader.loadUser(user_name).done(function(user) {
if (user.exists()) {
self.onUserFound(user);
} else {
self.unregister();
self.$userNotFound.show();
}
});
},
// registerするときのいろいろ，状態書き換え，view更新
onUserFound: function(user) {
var self = this;
self.currentUser = user;
self.setUserImage(user.getImage() || self.DEFAULT_UESR_IMAGE);
self.$name.text(user.getName());
self.$nameLink.attr('href', 'http://miil.me/u/' + user.getName());
self.$userNotFound.hide();
self.$container.addClass('registered');
Hatena.Diary.Pages.Admin['*'].saveBlogConfig('miil_user_name', user.getName());
$(self).trigger('registered');
$(window).resize(); // headerの高さ変わるため
},
// 連携解除する
// view更新
unregister: function() {
var self = this;
$(self).trigger('unregistered');
self.currentUser = null;
self.$input.focus();
self.setUserImage(self.DEFAULT_UESR_IMAGE);
self.$userNotFound.hide();
Hatena.Diary.Pages.Admin['*'].saveBlogConfig('miil_user_name', '');
self.$container.removeClass('registered');
$(window).resize(); // headerの高さ変わるため
},
setUserImage: function(url) {
var self = this;
self.$userImage.attr('src', url);
},
DEFAULT_UESR_IMAGE: 'http://assets.miil.me/images/pc/user.jpg'
};
// Userクラスの生成，キャッシュ
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.UserLoader = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.UserLoader.prototype = {
init: function (args) {
var self = this;
self.users = {};
},
loadUser: function(name) {
var self = this;
var dfd = $.Deferred();
if (!self.users[name]) {
self.users[name] = new Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.User(name);
}
self.users[name].load().always(function() {
dfd.resolve(self.users[name]);
});
return dfd;
}
};
// miilのユーザー一人に対応するオブジェクト
// photosの読み込み，プロフィール情報を返す，ページング
// オートページャ対応のためHatena.Diary.LazyListを使っています
// load() → forward() → load() みたいに順番に読むとページングできる
// rewind() → forward() するとページングが最初に戻る
// 最初に戻すには，rewindPhotosCursor()してください
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.User = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Miil.User.prototype = {
init: function (name) {
var self = this;
self.name = name;
// photos_loaderの最初のページ
self.photos_loader_root = new Hatena.Diary.LazyList(_.bind(self._photosLoaderBody, self));
// ページング用のカーソルみたいなやつ
self.photos_loader = self.photos_loader_root;
},
getName: function() {
var self = this;
return self.name;
},
// ユーザーのプロフィール画像のURL
getImage: function() {
var self = this;
return self.basicData.photos[0].user.user_icon_url;
},
// データ読み込み関連
load: function() {
var self = this;
return self.photos_loader.promise();
},
// loaderを進める 次にloadしたら通信が発生するかもしれない
forward: function() {
var self = this;
self.photos_loader = self.photos_loader.next();
},
// loaderを最初に巻き戻す
rewind: function() {
var self = this;
self.photos_loader = self.photos_loader_root;
},
// ユーザーがmiilに存在するか
exists: function() {
var self = this;
return self.photos_loader_root.promise().state() === "resolved";
},
_photosURL: function(data) {
var self = this;
return 'http://api.miil.me/api/users/' + self.name + '/photos/public.json?' + $.param(data);
},
_getNextPageFromReceivedData: function(data) {
if (!data) return;
if (!data.next_url) return;
var match = data.next_url.match(/page=(\d+)/);
if (!match) return;
return match[1];
},
// API読み込みの本体，前のレスポンスから次のURLを決める
_photosLoaderBody: function(prev) {
var self = this;
// データ揃ったらresolve
var photos_loaded = $.Deferred();
// GETするページのURLが決まったらresolve
var page_determined = $.Deferred();
// 前の通信結果から次のページ決める
if (prev) {
prev.promise().done(function(data) {
var next_page = self._getNextPageFromReceivedData(data);
if (!next_page) {
page_determined.reject();
}
page_determined.resolve(next_page);
}).fail(function() {
page_determined.reject();
});
} else {
// 初回はnext_pageなしで通信
page_determined.resolve();
}
page_determined.done(function(next_page) {
var data = {};
if (next_page) {
data.page = next_page;
}
$.ajax({
url: '/api/external/json',
data: {
url: self._photosURL(data)
},
type: 'GET',
dataType: 'json'
}).done(function(data) {
if (data && data.photos && data.photos.length > 0) {
if(!self.basicData) {
// プロフィール画像などは同期的に返せるように入れておく
self.basicData = data;
}
photos_loaded.resolve(data);
} else {
// 通信に成功してもリストが空なら失敗と見なす
photos_loaded.reject();
}
}).fail(function(res) {
photos_loaded.reject();
});
}).fail(function() {
photos_loaded.reject();
});
return photos_loaded;
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].Pixiv = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].Pixiv.prototype = {
parent: Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration,
serviceName: 'Pixiv',
enableAutoPager: true,
page: 1,
init: function (args) {
var self = this;
self.$container = args.container;
self.parent.prototype.init.call(self, args);
},
loadItems: function(is_more) {
var self = this;
return $.ajax({
url: '/api/pixiv/my_works',
data: {
page: self.page++
}
}).success(function(res) {
self.itemsReachedEnd = !(res.entries && res.entries.length > 0);
}).fail(function(res) {
self.pleaseReAuthorize();
self.itemsReachedEnd = true;
});
},
pleaseReAuthorize: function() {
var self = this;
self.$container.find('.disabled-box').show();
},
insertItems: function(items) {
var self = this;
var hatena_syntaxes = [];
_.each(items, function($item) {
var permalink = $item.attr('data-permalink');
hatena_syntaxes.push('[' + permalink + ':embed]');
hatena_syntaxes.push('[' + permalink + ':title]');
});
var lines = {
hatena: hatena_syntaxes,
markdown: hatena_syntaxes,
html: hatena_syntaxes
};
Hatena.Diary.extractSyntax(hatena_syntaxes.join("\n")).done(function(data) {
lines.html = [data.html];
}).fail(function(error) {
lines.html = lines.hatena;
Hatena.Diary.BUG(error);
}).always(function() {
Hatena.Diary.EditorConnector.insertLines(lines);
});
}
};
Hatena.Diary.Util.extend(Hatena.Diary.Pages.Admin['user-blog-edit'].Pixiv.prototype, Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.prototype);
// レストラン検索サイドバー
Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet = function () { this.init.apply(this, arguments) };
Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet.prototype = {
parent: Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration,
serviceName: 'Gourmet',
enableAutoPager: true,
init: function (args) {
var self = this;
self.$container = args.container;
var $searchInput = args.container.find('.gourmet-keyword');
var $searchSubmit = args.container.find('.gourmet-keyword-submit');
self.gourmetSearcher = new Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet.Searcher({
searchInput : $searchInput
});
$searchSubmit.on('click', function() {
self.requestReload();
});
$searchInput.on('keydown', function (e) {
if (keyString(e) === 'RET') {
self.requestReload();
return false;
}
return true;
});
$searchInput.focus(function() {
self.$container.find('.gourmet-description').hide();
});
self.setupFormatSwitcher(); // 貼り付け形式切替
self.parent.prototype.init.call(self, args);
},
loadItems: function(is_more) {
var self = this;
var dfd = $.Deferred();
if (is_more) {
self.gourmetSearcher.forward();
}
else {
self.gourmetSearcher.reset();
self.itemsReachedEnd = false;
}
self.gourmetSearcher.load().done(function(data) {
dfd.resolve(data);
}).fail(function() {
dfd.reject();
}).always(function() {
self.itemsReachedEnd = ! self.gourmetSearcher.has_next;
});
return dfd;
},
insertItems: function(items) {
var self = this;
var lines = [];
var suffix = self.$container.find('[name="gourmet-format"]:checked').val();
_.each(items, function($item) {
var syntax = $item.attr('data-syntax');
syntax = syntax.replace(/\]$/, ":" + suffix + "]");
lines.push(syntax);
});
Hatena.Diary.EditorConnector.insertLines({
hatena: lines,
markdown: lines,
html: lines
});
},
setupFormatSwitcher: function() {
var self = this;
var $formatsContainer = self.$container.find('.gourmet-formats');
$formatsContainer.on('change', function(e) {
var $input = $(e.target);
$formatsContainer.find('label.selected').removeClass('selected');
$input.closest('label').addClass('selected');
});
}
};
Hatena.Diary.Util.extend(Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet.prototype, Hatena.Diary.Pages.Admin['user-blog-edit'].MyCuration.prototype);
// Gourmetの検索を管理するオブジェクト
// load() → forward() → load() みたいに順番に読むとページングできる
// resetすると、ページングや検索wordが設定し直される
Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet.Searcher = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Gourmet.Searcher.prototype = {
init: function (args) {
var self = this;
self.$searchInput = args.searchInput;
self.reset();
},
load: function() {
var self = this;
var dfd = $.Deferred();
var searchKeyword = self.searchKeyword;
if (!searchKeyword) {
dfd.reject();
return dfd;
}
// レストラン検索APIから情報を取ってくる
$.ajax({
url : "/api/gourmet/search",
type : "GET",
data : {
word : searchKeyword,
page : self.page
},
dataType: "json"
}).done(function(data) {
if (data.entries.length === 0) {
// データが無くなったら次ページなし
self.has_next = false;
}
dfd.resolve(data);
}).fail(function() {
// データが取得できなかったら次ページなし
self.has_next = false;
dfd.reject();
});
return dfd;
},
forward: function() {
var self = this;
self.page++;
},
reset: function() {
var self = this;
self.page = 1;
self.has_next = true; // 次がなくなったらfalseに
self.resetSearchKeyword();
},
resetSearchKeyword: function() {
var self = this;
self.searchKeyword = self.$searchInput.val();
}
};
Hatena.Diary.Pages.Admin['user-blog-edit'].Nicovideo = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Nicovideo.prototype = {
init: function (args) {
var self = this;
self.$container = args.container;
self.$itemsContainer = self.$container.find('.items');
self.$input = self.$container.find('.nicovideo-keyword');
self.$inputReset = self.$container.find('.input-text-reset');
self.$pasteButton = self.$container.find('.paste-button');
self.$formatPlayer = self.$container.find('.nicovideo-formats label.player');
self.$formatThumbnail = self.$container.find('.nicovideo-formats label.thumbnail');
self.setupFormatSwitcher('.nicovideo-formats');
self.bindEvents();
},
bindEvents: function () {
var self = this;
self.$input.keyup(_.debounce(function () {
if(self.$input.val().length === 0) return;
self.updateThumb();
}, 500));
self.$input.keydown(function (e) {
if (keyString(e) === 'RET') {
if (self.findItem().length > 0) {
self.insertItem();
Hatena.Diary.trackEvent(self.$pasteButton.attr('data-track-name'));
}
return false;
}
});
self.$pasteButton.click(function () {
self.insertItem();
});
self.setupInputReset();
},
setupInputReset : function () {
var self = this;
self.$inputReset.click(function () {
self.$input.val('');
self.$input.focus();
self.$inputReset.hide();
return false;
});
self.$input.keyup(function (e) {
if (self.$input.val().length > 0) {
self.$inputReset.show();
} else {
self.$inputReset.hide();
}
});
},
findItem: function () {
return this.$container.find('.items > .item');
},
itemChanged: function () {
var self = this;
var $item = self.findItem();
if ($item.length === 0) {
self.setPasteButtonStatus(false);
return;
}
self.setPasteButtonStatus(true);
var $format_player = self.$formatPlayer;
var $format_thumbnail = self.$formatThumbnail;
// videoのとき, 貼り付け形式は'動画' 'サムネイル' 'リンク'
// それ以外のとき, 貼り付け形式は'サムネイル' 'リンク'
if ($item.data('type') === 'video') {
// 左端は'動画'なのでそれにスタイルを当てる
$format_player.addClass('format-left');
$format_thumbnail.removeClass('format-left');
$format_player.show();
} else {
// 左端は'サムネイル'なのでそれにスタイルを当てる
$format_player.removeClass('format-left');
$format_thumbnail.addClass('format-left');
if($format_player.is('.selected')) {
$format_player.removeClass('selected');
$format_player.find('input').prop('checked', false);
$format_thumbnail.addClass('selected');
$format_thumbnail.find('input').prop('checked', true);
}
$format_player.hide();
}
},
setPasteButtonStatus : function (status) {
var self = this;
if (status) {
self.$pasteButton.removeClass('disabled').addClass('enabled').prop('disabled', false);
} else {
self.$pasteButton.addClass('disabled').removeClass('enabled').prop('disabled', true);
}
},
updateThumb: function () {
var self = this;
var input = self.$input.val();
var canonical_input = self.removeParamsFromURL(input);
var info = self.detectInfo(canonical_input);
if (!info) {
return;
}
var source = self.renderPreviewTemplate(info.type, {
id: info.id
});
var $item = $($.trim(source));
$item.data('type', info.type);
$item.data('id', info.id);
self.$itemsContainer.html($item);
self.itemChanged();
},
removeParamsFromURL: function (url) {
return url.replace(/\?.*$/, '');
},
// return: { id: 'sm2168098', type: 'video' }
// 読み取れない場合はfalseを返す
detectInfo: function (input) {
var self = this;
if (self.isNicovideoID(input)) {
return self.detectInfoFromID(input);
} else {
return self.detectInfoFromURL(input);
}
},
detectInfoFromID: function (id) {
var self = this;
return {
id: id,
type: self.detectIDType(id)
};
},
detectInfoFromURL: function (input) {
// コピペミス等を考慮してある程度URLっぽかったら良いことにする
// 正しいURLはこんなの: http://www.nicovideo.jp/watch/sm2168098
var regexps = {
video: new RegExp("nicovideo.jp/watch/(\\w{0,2}\\d+)$"),
community: new RegExp("com.nicovideo.jp/community/(co\\d+)$"),
mylist: new RegExp("nicovideo.jp/mylist/(\\d+)$")
};
var info = false;
_.find(regexps, function (regexp, type) {
var result = regexp.exec(input);
if (result) {
info = { id: result[1], type: type };
return true;
} else {
return false;
}
});
return info;
},
isNicovideoID: function (str) {
// sm2168098, nm20097844など
// 公式チャンネルの動画だと数字のみの場合もある(ex: http://www.nicovideo.jp/watch/1365403220)
return (/^(\w{2})?\d+$/).test(str);
},
// マイリストはprefixがなくて判別不可能なので諦める
detectIDType: function (id) {
var prefix = id.slice(0, 2);
if (prefix === 'co') {
return 'community';
} else {
return 'video';
}
},
renderPreviewTemplate: function (type, data) {
return _.template(this.$container.find('.template-nicovideo-preview-' + type).html(), data);
},
renderTemplate: function (type, format, data) {
var self = this;
var $template = self.$container.find('.template-nicovideo-' + type + '-' + format);
var source = _.template($.trim($template.html()), data);
return source;
},
insertItem: function () {
var self = this;
var lines = [];
var format = self.$container.find('[name="nicovideo-format"]:checked').val();
var $item = self.findItem();
var source = self.renderTemplate($item.data('type'), format, { id: $item.data('id') });
lines.push(source);
var lines_data = {
html: lines,
hatena: lines,
markdown: lines
};
var editor = Hatena.Diary.Editor.Support.currentEditor;
// 見たまま編集モードでかつ貼り付け形式がリンクのとき, 記法展開する
if (editor.mode === 'html' && format === 'link') {
var hatena_syntax = lines.join('\n');
Hatena.Diary.extractSyntax(hatena_syntax).done(function(data) {
lines_data.html = [data.html];
Hatena.Diary.EditorConnector.insertLines(lines_data);
}).fail(function (error) {
Hatena.Diary.BUG(error);
Hatena.Diary.EditorConnector.insertLines(lines_data);
});
} else {
Hatena.Diary.EditorConnector.insertLines(lines_data);
}
},
setupFormatSwitcher: function (format_container_selector) {
var self = this;
var $format_container = self.$container.find(format_container_selector);
$format_container.on('change', function (e) {
var $input = $(e.target);
$format_container.find('label.selected').removeClass('selected');
$input.closest('label').addClass('selected');
});
}
};
// PR記事表示ボタン，記事のリストを管理
Hatena.Diary.Pages.Admin['user-blog-edit'].Promotion = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Promotion.prototype = {
init: function (args) {
var self = this;
self.$element = args.$element;
self.$button = args.$button;
self.$title = args.$title;
self.entries = _.map(self.$element.find('.promotion-entry'), function(entry) {
return new Hatena.Diary.Pages.Admin['user-blog-edit'].Promotion.Entry({
manager: self,
$element: $(entry)
});
});
self.updateButtonStatus();
self.bindEvents();
},
// 未読PR記事があるときボタンをactiveにする
updateButtonStatus: function() {
var self = this;
var unreadEntry = self.getUnreadEntry();
if (unreadEntry) {
self.$button.addClass('active');
self.$title.text(unreadEntry.getTitle());
} else {
var defaultEntry = self.getDefaultEntry();
self.$button.removeClass('active');
self.$title.text(defaultEntry.getTitle());
}
self.$button.show();
},
bindEvents: function() {
var self = this;
self.$button.click(function() {
self.showUnreadEntry();
});
// close
self.$element.on('click', '.promotion-close', function() {
self.hide();
});
// pager
self.$element
.on('click', '[data-target-promotion-index]', function () {
var index = $(this).attr('data-target-promotion-index');
self.showEntryAt(index);
})
.on('click', '[data-rel]', function () {
var rel = $(this).attr('data-rel');
var index = self.getCurrentEntry().$element.attr('data-' + rel);
self.showEntryAt(index);
});
},
show: function () {
var self = this;
self.setPosition();
self.setupBackground();
self.$element.show();
},
hide: function () {
var self = this;
self.$element.hide();
self.removeBackground();
},
showUnreadEntry: function() {
var self = this;
var entry = self.getUnreadEntry() || self.getDefaultEntry();
self.showEntry(entry);
},
showEntryAt: function (index) {
var self = this;
var entry = self.entries[index];
if (entry) {
self.showEntry(entry);
}
},
showEntry: function (entry) {
var self = this;
self.index = entry.getIndex();
self.show();
_.each(self.entries, function(entry) {
entry.hide();
});
entry.show();
self.updatePagerMarker();
self.updateButtonStatus();
},
getCurrentEntry: function () {
var self = this;
return self.entries[self.index];
},
setPosition: function() {
var self = this;
// 中央揃え，ちょっと上のほうに配置します．admin-headerはrelativeになってるのでその分は引く
self.$element.css({
left: ($(document).width() - self.$element.width()) * 0.5 - self.$element.parent().offset().left,
top: ($(document).height() - self.$element.height()) * 0.25 - $('#admin-header').height()
});
},
setupBackground: function() {
var self = this;
var $background = $('.promotion-entry-background');
if (!$background.get(0)) {
$background = $('
').addClass('promotion-entry-background').appendTo(document.body);
}
$background.stop().show().animate({
opacity: 0.3
});
$background.one('click', function() {
self.hide();
});
},
removeBackground: function() {
var self = this;
$('.promotion-entry-background').stop(true).animate({
opacity: 0.0
}, null, null, function() {
$(this).hide();
});
},
updatePagerMarker: function () {
var self = this;
self.$element.find('.promotion-pager-markers .pager-marker').each(function (i) {
$(this).removeClass('selected');
if (i === self.index) {
$(this).addClass('selected');
}
});
},
getUnreadEntry: function() {
var self = this;
return _.find(self.entries, function(entry) {
return ! entry.isRead();
});
},
getDefaultEntry: function() {
var self = this;
// 全て既読のときにデフォルトで表示するエントリはランダムに決める(リロードするたびに変わる)
if (!self.defaultEntry) {
self.defaultEntry = self.entries[Math.floor(Math.random() * self.entries.length)];
}
return self.defaultEntry;
}
};
// PR記事1記事に対応するクラス
Hatena.Diary.Pages.Admin['user-blog-edit'].Promotion.Entry = function () { this.init.apply(this, arguments); };
Hatena.Diary.Pages.Admin['user-blog-edit'].Promotion.Entry.prototype = {
init: function (args) {
var self = this;
self.$element = args.$element;
self.manager = args.manager;
self.bindEvents();
},
bindEvents: function() {
var self = this;
self.$element.on('click', '[data-keyword]', function(button) {
self.manager.hide();
Hatena.Diary.Editor.Support.currentEditor.insert($(this).attr('data-keyword'));
Hatena.Diary.trackEvent('Promotion.Entry.Insert.' + self.entryID());
});
},
isRead: function() {
var self = this;
try {
return localStorage[self.localStorageKey()];
} catch(ignore) {}
},
setAsRead: function() {
var self = this;
try {
localStorage[self.localStorageKey()] = true;
} catch(ignore) {}
},
localStorageKey: function() {
var self = this;
return 'Hatena.Diary.Promotion.Entry.read.' + self.entryID();
},
entryID: function() {
var self = this;
return self.$element.attr('data-promotion-entry-id');
},
show: function() {
var self = this;
self.$element.stop().fadeIn();
Hatena.Diary.trackEvent('Promotion.Entry.Show.' + self.entryID());
self.setAsRead();
},
hide: function() {
var self = this;
self.$element.fadeOut();
},
getTitle: function () {
var self = this;
return self.$element.attr('data-promotion-title');
},
getIndex: function () {
var self = this;
return +self.$element.attr('data-promotion-index');
}
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-friend'] = function () {
Hatena.Diary.Pages.createForParent();
};
})(jQuery);
(function ($) {
function showCategories (superCategory) {
if (superCategory) {
var $categories = $('.categories-container').filter(function () {
return $(this).attr('data-super-category') === superCategory;
}).show();
if ($categories.length > 0) {
$('#super-categories-container').hide();
$('.submit-form-controls').show();
location.hash = '#' + superCategory;
}
$('.back-button').show();
} else {
$('#super-categories-container').show();
$('.categories-container').hide();
$('.submit-form-controls').hide();
$('.back-button').hide();
location.hash = '#';
}
}
Hatena.Diary.Pages.Admin['user-blog-group-official-dialog'] = function () {
$(window).hashchange(function () {
var m = /^#((?:\w|-)+)$/.exec(location.hash);
if (m) {
showCategories(m[1]);
} else {
showCategories(false);
}
}).hashchange();
$('#super-categories-container .select-super-category').click(function () {
var superCategory = $(this).closest('[data-super-category]').attr('data-super-category');
showCategories(superCategory);
return false;
});
$('.back-button').click(function () {
showCategories(false);
return false;
});
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Pages.send('resize', {
height: 620,
width: 620
});
$('.skip-button').click(function () {
Hatena.Diary.Pages.send('close');
return false;
});
$('form').submit(function () {
var $form = $(this);
$.ajax($form.attr('action'), {
method: $form.attr('method'),
data: $form.serialize()
}).always(function () {
Hatena.Diary.Pages.send('close');
});
Hatena.Diary.Pages.send('hide');
return false;
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-import-diary-diary_name'] = function () {
Hatena.Diary.Pages.Admin['user-blog-import'].setupDiaryProgress();
// 上級設定リンク，クリックでトグルするやつ
$('.toggle-hidden-section').click(function() {
$(document.body).find($(this).attr('data-hidden-section-selector')).toggle();
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-import-movable_type'] = function () {
Hatena.Diary.Pages.Admin['user-blog-import-movable_type'].setupMovableTypeProgress();
$('.js-revert-movable-type-import').on('submit', function() {
return confirm(Hatena.Locale.text('admin.import.undo.confirm'));
});
};
Hatena.Diary.Pages.Admin['user-blog-import-movable_type'].setupMovableTypeProgress = function() {
var $progress = $('.js-movable-type-import-progress');
if (!$progress[0]) return;
var $bar = $progress.find('.js-movable-type-import-bar');
var api_url = $progress.attr('data-api-url');
var on_complete_url = $progress.attr('data-on-complete-url');
Hatena.Diary.Pages.Admin['user-blog-import'].setupProgress($bar, api_url, on_complete_url);
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-import'] = function () {
Hatena.Diary.Pages.Admin['user-blog-import'].setupDiaryProgress();
};
Hatena.Diary.Pages.Admin['user-blog-import'].setupDiaryProgress = function () {
var $progress = $('#import-progress');
if (!$progress[0]) return;
var $bar = $progress.find('.bar');
if (!$bar[0]) return;
var api_url = $progress.attr('data-progress-api');
var on_success_url = $progress.attr('data-diary-page');
Hatena.Diary.Pages.Admin['user-blog-import'].setupProgress($bar, api_url, on_success_url);
};
// 定期的にAPI取得してバーを伸ばして完了したらページ遷移
// $bar: のびるelement width: 30% とかになる
// api_url: 定期的にアクセスされるURL
// on_success_url: 完了したときに飛ぶURL
// APIから返る構造
// {
// status: staarted|new|complete|failed
// progress: 0~100
// }
Hatena.Diary.Pages.Admin['user-blog-import'].setupProgress = function ($bar, api_url, on_success_url) {
var progressCheck = function () {
setTimeout(function () {
$.ajax({
url : api_url,
type : 'GET',
cache: false,
dataType : 'json',
success : function (res) {
if (res.progress) {
$bar.css('width', res.progress + '%');
}
if (res.status == 'started' || res.status == 'new') {
progressCheck();
} else if (res.status == 'complete' || res.status == 'failed') {
setTimeout(function() {
location.href = on_success_url;
}, 1500);
}
},
error : function () {
}
});
}, 1000);
};
progressCheck();
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-subscribe-done'] = function () {
Hatena.Diary.Pages.createForParent();
Hatena.Diary.Pages.send('done');
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Admin['user-blog-subscribe'] = function () {
$('#subscribe-form').submit(function () {
Hatena.Diary.Util.preventDuplicateSubmit($(this));
});
Hatena.Diary.Pages.createForParent();
};
})(jQuery);
(function($){
if (Hatena.Star) (function () {
var entryConfig = {
entryNodes: {
'article.entry' : {
uri: 'a.bookmark',
title: 'h1.entry-title',
container: 'div.hatena-star-container'
},
'section li' : {
uri: 'a.entry-title',
title: 'a.entry-title',
container: 'span.star-container'
}
}
};
var commentConfig = {
entryNodes: {
'li.entry-comment' : {
uri: 'p.comment-metadata a.permalink',
title: 'div.comment-content',
container: '.comment-metadata'
}
}
};
Hatena.Star.SiteConfig = entryConfig;
Hatena.Star.EntryLoader.intoCommentScope = function (func) {
Hatena.Star.SiteConfig = commentConfig;
func();
Hatena.Star.SiteConfig = entryConfig;
};
Hatena.Star.User.prototype.userPage = function() {
var uri = Hatena.Diary.data('admin-domain') + '/' + this.name + '/';
return uri;
};
Hatena.Star.AddButton.ImgSrc = '/images/theme/star/hatena-star-add-button.png';
})();
Hatena.Diary.Pages.Blogs['*'] = function () {
Hatena.Diary.AccessLog.ping();
Hatena.Locale.setupTimestampUpdater();
$(document).on('click', 'img.hatena-fotolife, img.magnifiable, img.http-image', function () {
var img = this;
var $img = $(img);
if ($img.data('colorbox')) {
// colorbox is already set up
return;
}
// a要素に含まれ，リンク先が画像のsrcと異なるときは拡大しない
var closest_a = $img.closest('a').get(0);
if (closest_a && closest_a.href !== img.src) {
return;
}
$img.colorbox({
maxWidth : '95%',
maxHeight : '95%',
transition : 'none',
photo: true,
href : $img.attr('src'),
title : ' ',
open : true
});
$('#cboxContent').click(function () {
$.colorbox.close();
});
return false;
});
Hatena.Diary.Pages.Blogs['*'].setupRecentCommentsModule();
Hatena.Diary.Pages.Blogs['*'].setupArchiveModule();
Hatena.Diary.Pages.Blogs['*'].setupCirclesModule();
Hatena.Diary.Pages.Blogs['*'].setupProfileModule();
Hatena.Diary.Pages.Blogs['*'].prepareForGlobalHeader();
Hatena.Diary.Pages.Blogs['*'].setupOndemandCommentDeleteButton();
// archiveとはてなブックマークコメントではスターは小さいやつを使う
if (! _.contains(['archive', 'hatena-bookmark-comment'], Hatena.Diary.data('page'))) {
Hatena.Diary.Pages.Blogs['*'].initBigStar();
Hatena.Diary.Pages.Blogs['*'].initSelectStar();
Hatena.Diary.Pages.Blogs['*'].initStarNavigation();
Hatena.Diary.Pages.Blogs['*'].initDeleteStar();
}
Hatena.Epic.Component.setupTouchViewSuggest();
Hatena.Diary.Pages.Blogs['*'].setupTumblrShareButtons();
};
Hatena.Diary.Pages.Blogs['*'].setupRecentCommentsModule = function () {
var $recentComments = $('.hatena-module-recent-comments');
if ( $recentComments.length === 0 ) return;
var template = _.template($('.recent-comments-template').html());
var max_count = 0;
// コメントモジュールが複数ある場合があるので、最大の数のコメントを取得する
$recentComments.each ( function () {
var $moduleBody = $(this).find('.hatena-module-body');
var count = $moduleBody.attr('data-count');
max_count = _.max([max_count, count]);
});
if ( max_count === 0 ) return;
$.ajax({
url: '/api/recent_comments',
dataType: 'json',
data : {
count: max_count
}
}).done( function (comments) {
$recentComments.each( function () {
var $container = $(this);
var $moduleBody = $container.find('.hatena-module-body');
var count = $moduleBody.attr('data-count');
var comment_source = '';
for ( var i = 0; i < count; i++ ) {
if ( ! comments[i] ) break;
comment_source += template({
comment: comments[i]
});
}
$container.find('.recent-comments').html(comment_source);
Hatena.Diary.Util.updateDynamicPieces($container);
});
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].setupRecentCommentsModule");
});
};
Hatena.Diary.Pages.Blogs['*'].setupArchiveModule = function () {
var $archives = $('.hatena-module-archive');
if ( $archives.length === 0 ) return;
var detectYear = function () {
// archiveのとき, 一番上の日付から年を読む
if (Hatena.Diary.data('page') === 'archive') {
var $entry = $('section.page-archive-section:first');
if ($entry.length > 0) {
var year_month_day = $entry.find('h1 > a > time').attr('datetime');
var year_str = year_month_day.split('-')[0];
return +year_str;
}
return null;
}
// ページにエントリがあるとき, 一番上のエントリの日付から年を読む
var $article = $('article.entry:first');
if ($article.length > 0) {
var date_year_str = $article.find('header time > span.date-year').text();
return +date_year_str;
}
return null;
};
$.ajax({
type: 'get',
url: '/archive_module',
dataType: 'html'
}).done(function(res) {
$archives.find('.hatena-module-body').append(res);
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].setupArchiveModule");
var $open_year;
var year = detectYear();
if (year) {
var $year = $('li.archive-module-year[data-year="' + year + '"]');
$open_year = $year.length > 0 ? $year : null;
}
$open_year = $open_year || $('li.archive-module-year:first');
$open_year.removeClass('archive-module-year-hidden');
$('.archive-module-button').click(function (e) {
e.preventDefault();
var $year = $(this).parent('.archive-module-year');
$year.toggleClass('archive-module-year-hidden');
});
});
};
Hatena.Diary.Pages.Blogs['*'].setupCirclesModule = function () {
var $circles = $('.hatena-module-circles');
if ($circles.length === 0) return;
var mtime = 0, circleIds = [], elems = {};
$circles.find('[data-circle-id][data-circle-mtime]').each(function () {
var $elem = $(this);
var circleId = $elem.attr('data-circle-id');
circleIds.push(circleId);
elems[circleId] = $elem;
var m = Number($elem.attr('data-circle-mtime'));
if (m > mtime) mtime = m;
});
$.ajax({
type: 'GET',
url: '/api/circles',
data: { mtime: mtime, circle_id: circleIds },
traditional: true,
dataType: 'json'
}).done(function (data) {
for (var circleId in data.circles) {
elems[circleId].replaceWith($.parseHTML(data.circles[circleId].html || ' '));
}
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].setupCirclesModule");
});
};
Hatena.Diary.Pages.Blogs['*'].setupProfileModule = function() {
$('div.hatena-module-profile').each(function() {
var $module = $(this);
Hatena.Diary.Util.updateDynamicPieces($module);
});
};
Hatena.Diary.Pages.Blogs['*'].prepareForGlobalHeader = function() {
if (window != window.parent) return null;
if (!Hatena.Diary.Pages.messenger) return null;
Hatena.Diary.Pages.message('new-entry', function (data) {
Hatena.Diary.Pages.Blogs['*'].info.done(function (info) {
if (info.editable) {
Hatena.Diary.Pages.Blogs['*'].newEntry();
} else {
location.href = Hatena.Diary.data('admin-domain') + '/my/?fragment=edit';
}
});
});
Hatena.Diary.Pages.message('units', function (data) {
Hatena.Diary.Dropdown.toggle(data.uri, data);
});
Hatena.Diary.Pages.message('feedback', function (data) {
Hatena.Diary.Feedback.toggle(data.uri);
});
Hatena.Diary.Pages.message('myblog', function (data) {
Hatena.Diary.Dropdown.toggle('/-/myblog', data, 'myblog');
});
Hatena.Diary.Pages.message('adminmenu', function (data) {
var uri = '/-/adminmenu?blog=' + encodeURIComponent(location.href);
Hatena.Diary.Dropdown.toggle(uri, data, 'adminmenu');
});
Hatena.Diary.Pages.message('username', function (data) {
Hatena.Diary.Dropdown.toggle('/-/services', data);
});
var notifyWindow;
Hatena.Diary.Pages.message('notify', function (data) {
var BASE = data.BASE;
if (notifyWindow) {
if (notifyWindow.is(':visible')) {
Hatena.Diary.Window.hide(notifyWindow, function () {
notifyWindow.remove();
notifyWindow = null;
});
return;
} else {
notifyWindow.remove();
notifyWindow = null;
}
}
notifyWindow = $('').
css({
left : data.left - 250 + 32
});
notifyWindow.html("
");
var iframe = $('
').appendTo(notifyWindow);
iframe.attr('src', 'https://www' + BASE + '/notify/notices.iframe?' + new Date().getTime());
iframe.ready(function () {
notifyWindow.find('img').remove();
});
notifyWindow.
// css({
// top: $(document.body).scrollTop() + 37
// }).
hide().
fadeIn('fast').
appendTo(document.body);
Hatena.Diary.Window.show(notifyWindow, {
fixScroll: true
});
});
};
Hatena.Diary.Pages.Blogs['*'].loadGlobalHeader = function () {
var globalheader = document.getElementById('globalheader');
var color = Hatena.Diary.Util.canonicalizeColor($(globalheader).css('color')) || '000000';
if (Hatena.Diary.data('hide-header')) {
$('#globalheader-container').hide();
$(document.body).addClass('globalheader-off');
}
var backgroundColor = null;
var target = globalheader;
while (!backgroundColor && target && target != document.documentElement) {
var css = $(target).css('backgroundColor');
backgroundColor = Hatena.Diary.Util.canonicalizeColor(css);
target = target.parentNode;
}
if (!backgroundColor) backgroundColor = 'ffffff';
var params = {};
var circleId = Hatena.Diary.data('circle-id');
if (circleId) {
params['circle_id'] = circleId;
}
if (Hatena.Diary.data('blog')) {
params['in_user_blog'] = 1;
}
if ($('body').hasClass('global-page')) {
params['in_service_page'] = 1;
}
Hatena.Diary.Pages.createForFrame(
globalheader,
Hatena.Diary.data('admin-domain') + '/-/globalheader/' + encodeURIComponent(color) + '/' + encodeURIComponent(backgroundColor) + '?' + $.param(params) + '#' + encodeURIComponent(location.href)
);
Hatena.Diary.Pages.message('initFeature', function (info) {
Hatena.Diary.LOG(['initFeature', info]);
Hatena.Diary.Pages.Blogs['*'].initFeature(info);
});
Hatena.Diary.Pages.Blogs['*'].info = $.Deferred();
Hatena.Diary.Pages.message('init', function (info) {
$(function() {
Hatena.Diary.LOG(['init', info]);
Hatena.Diary.Pages.Blogs['*'].init(info);
});
});
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].loadGlobalHeader");
};
Hatena.Diary.Pages.Blogs['*'].init = function (info) {
if (arguments.callee.called) return; arguments.callee.called = true;
// globalhaederがキャッシュされているのでこちらからviaを送ってやる
var via = Hatena.Diary.Location.param('via');
if (via) {
Hatena.Diary.Pages.send('inheritVia', via);
}
if (info.message) {
Hatena.Diary.Util.showFlashMessage(info.message);
}
if (info.show_modal) {
var $modalContainer = $('
').appendTo(document.body);
var $iframe = $('
').appendTo($modalContainer);
var messenger = Messenger.createForFrame($iframe[0], info.show_modal.url);
messenger.addEventListener('resize', function (data) {
if (data) {
$modalContainer.css(data);
$(window).trigger('resize'); // reset position
}
});
var destroyed = $.Deferred();
// hide 時はただ隠すだけ、close が呼ばれてはじめて
// iframe を消す
messenger.addEventListener('hide', function () {
Hatena.Diary.Window.hide($modalContainer);
});
messenger.addEventListener('close', function () {
destroyed.done(function () {
$iframe.remove();
messenger.destroy();
});
Hatena.Diary.Window.hide($modalContainer);
});
Hatena.Diary.Window.show($modalContainer, {
destroy: function () {
destroyed.resolve();
},
fixScroll: true,
center: true,
showBackground: true
});
}
var self = this;
self.info.resolve(info);
Hatena.Diary.Browser.thirdPartyCookiesBlocked.resolve(!info.cookie_received);
$('article.entry').each(function () {
var $this = $(this);
self.initEntry($this);
});
if (info.editable) {
var entry, menu, timer;
$(document).on('mouseenter', 'article.entry', function () {
var hovered = $(this);
if (hovered.is(entry)) {
clearTimeout(timer);
return;
}
entry = hovered;
if (!entry.attr('data-uuid')) return;
if (!menu) {
menu = $('');
}
menu.empty();
menu.appendTo(entry.find('.entry-header'));
$('
' + Hatena.Locale.text('edit') + '').
click(function () {
var $target = entry;
Hatena.Diary.Editor.showEditInPlace(entry, {
update : function (data) {
// data.entryは前後に空白を含むので消す
var $newEntry = $(data.entry.replace(/^\s+/, '').replace(/\s+$/, ''));
// 記事を削除した場合は, 削除エントリーを消す
if (!$newEntry.length) {
$target.remove();
return;
}
$target.replaceWith($newEntry);
Hatena.Diary.Pages.Blogs['*'].initEntry($newEntry);
Hatena.Diary.Util.updateDynamicPieces($newEntry.parent());
}
});
}).
appendTo(menu);
menu.show();
menu.click(function () { return false });
});
$(document).on('mouseleave', 'article.entry h1', function () {
clearTimeout(timer);
timer = setTimeout(function () {
entry = null;
menu.fadeOut('fast');
}, 2000);
});
// 新規開設時
if ( info.has_just_registered ) {
_gaq.push(['_trackPageview', '/register.done']);
}
// インデックスページで，プレビューではなくて，グローバルヘッダ表示中のとき
if (Hatena.Diary.data('page') === 'index' && ! Hatena.Diary.Location.param('preview') && $('#globalheader').is(':visible')) {
Hatena.Diary.Pages.Blogs['*'].setupFirstEntry();
}
Hatena.Diary.setupProModal();
}
Hatena.Diary.Pages.Blogs['*'].renderGooglePlusOneButtons();
// ブックマークコメントウィジェット
Hatena.Diary.Pages.Blogs['*'].setupHatenaBookmarkComment($('#container'));
this.initSubscribe(info);
Hatena.Diary.Browser.thirdPartyCookiesBlocked.done(function(blocked) {
if (blocked) {
Hatena.Diary.Pages.Blogs['*'].initStarForThirdPartyCookiesDisabled(info);
}
});
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].init");
};
Hatena.Diary.Pages.Blogs['*'].initFeature = function (info) {
};
Hatena.Diary.Pages.Blogs['*'].setupFirstEntry = function() {
// 1記事もないとき，記事を書こうみたいなツールチップなどを表示する
$('.entry-content').show();
$('.welcome-tooltip-newentry').show();
$('.welcome-tooltip-newentry').click(function() {
Hatena.Diary.Pages.Blogs['*'].newEntry();
});
};
Hatena.Diary.Pages.Blogs['*'].newEntry = function (opts) {
if (!opts) opts = {};
Hatena.Diary.Editor.showEditInPlace(null, {
update : function (data) {
// data.entryは前後に空白を含むので消す
var $newEntry = $(data.entry.replace(/^\s+/, '').replace(/\s+$/, ''));
// 下書き投稿のときは何もしない
if (!$newEntry.length) return;
$newEntry.insertBefore('#main article.entry:first');
Hatena.Diary.Pages.Blogs['*'].initEntry($newEntry);
Hatena.Diary.Util.updateDynamicPieces($newEntry.parent());
$('[data-remove-on-new-entry=1]').remove();
}
});
};
Hatena.Diary.Pages.Blogs['*'].initEntry = function (entry) {
var self = this;
var uuid = entry.attr('data-uuid');
Hatena.Diary.Util.replaceYoutubeURL(entry);
var container = entry.find('.comment-box .comment');
$(container).delegate('.comment-delete-button', 'click', function (e) {
var $button = $(this);
Hatena.Diary.Pages.Blogs['*'].deleteCommentHandler(entry, $button);
return false;
});
var showEntryInfo = function (entry, container, maxCommentsCount) {
return self.loadEntryInfo(entry).done(function (info) {
if (info.footer) {
var $customized_footer = entry.find('.customized-footer');
if ($customized_footer.length > 0 && $customized_footer.children().length === 0) {
var $reference_element = entry.prev();
if (!$reference_element.length) {
$reference_element = entry;
}
self.elementDidAppear($reference_element).done(function () {
$customized_footer.append(info.footer);
Hatena.Diary.Pages.Blogs['*'].renderGooglePlusOneButtons();
// ブックマークコメントウィジェット
Hatena.Diary.Pages.Blogs['*'].setupHatenaBookmarkComment(entry);
// Tumblr
Hatena.Diary.Pages.Blogs['*'].setupTumblrShareButtons(entry);
});
}
}
if (info.comments) {
var $readMoreLine = entry.find('.read-more-comments');
var $readMoreButton = $readMoreLine.find('a');
// readMoreButtonが無いか、maxCommentsCountが0またはコメントの総数がmaxCommentsCountより少ないとき、全件表示
var commentsCount = info.comments.entries.length;
var expandedInThisSession = false;
try {
var entriesExpandedComments = JSON.parse(sessionStorage.getItem('entriesExpandedComments')) || {};
expandedInThisSession = entriesExpandedComments[entry.attr('data-uuid')];
} catch (_ignored) {
}
if ($readMoreLine.length === 0 || maxCommentsCount === 0 || commentsCount <= maxCommentsCount || expandedInThisSession) {
maxCommentsCount = commentsCount;
// すべてのコメントが表示される
// すでに表示されているコメントがあったら消す
// このとき「もっと読む」も消える
container.children().remove();
entry.attr('data-comments-expanded', true);
} else {
// まだ表示されていないコメントがあるから「もっと読む」を表示する
$readMoreLine.show();
}
// コメントのHTMLを連結して一括でDOMにする
var commentHTML = '';
for (var i = 0, len = maxCommentsCount; i < len; i++) {
commentHTML += info.comments.entries[i];
}
var $comments = $(commentHTML);
container.prepend($comments);
// 未表示のコメントの数を表示する
$readMoreButton.text(
Hatena.Locale.text('read_more_comments') + ' (' + (info.comments.entries.length - maxCommentsCount) + ')'
);
if (Hatena.Star) {
Hatena.Diary.Util.waitForResource(function() {
return Hatena.Star && Hatena.Star.WindowObserver.loaded;
}, function() {
Hatena.Star.EntryLoader.intoCommentScope(function () {
Hatena.Diary.Util.updateDynamicPieces(container);
});
});
} else {
Hatena.Diary.Util.updateDynamicPieces(container);
}
}
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].init.showEntryInfo");
}).
fail( Hatena.Diary.REPORT_BUG('loadEntryInfo') );
};
var $readMoreLine = entry.find('.read-more-comments');
var $readMoreButton = $readMoreLine.find('a');
// コメント最初は3件まで表示
showEntryInfo(entry, container, 3);
$readMoreButton.click(function (e) {
// 「もっと読む」がクリックされたらコメント全件表示
showEntryInfo(entry, container, 0).done(function () {
try {
// もっと読むがクリックされた場合 sessionStorage に状態を保存しておく
var map = {};
$('article[data-comments-expanded][data-uuid]').each(function () {
map[$(this).attr('data-uuid')] = true;
});
sessionStorage.setItem('entriesExpandedComments', JSON.stringify(map));
} catch (_ignored) {
}
});
return false;
});
entry.find('.leave-comment-title').click(function () {
var $button = $(this);
Hatena.Diary.Pages.Blogs['*'].leaveCommentHandler(entry, $button);
return false;
});
};
Hatena.Diary.Pages.Blogs['*'].deleteCommentHandler = function ($entry, $button) {
var commentId = $button.closest('li.entry-comment').attr('id');
var uri = Hatena.Diary.data('admin-domain') +
'/' + Hatena.Diary.data('author') + '/' + Hatena.Diary.data('blog') +
'/comment/delete?comment=' + encodeURIComponent(commentId.slice(8));
Hatena.Diary.Browser.thirdPartyCookiesBlocked.done(function(blocked) {
if (blocked) {
Hatena.Diary.Pages.Blogs['*'].deleteCommentHandlerWindow($entry, $button, commentId, uri);
} else {
Hatena.Diary.Pages.Blogs['*'].deleteCommentHandlerIframe($entry, $button, commentId, uri);
}
});
};
Hatena.Diary.Pages.Blogs['*'].deleteCommentHandlerIframe = function ($entry, $button, commentId, uri) {
var iframeContainer = $(
'
' +
'
' +
Hatena.Locale.text('loading') +
'
').appendTo($entry);
var iframe = $('
').appendTo(iframeContainer);
iframeContainer.
css({
width: 440,
height: 120,
position: 'absolute'
}).
offset( $button.offset() );
var loading = iframeContainer.find('.loading').hide();
setTimeout( function () { loading.show() }, 250);
iframe.load(function () { loading.remove() });
var messenger = Messenger.createForFrame(iframe[0], uri);
messenger.addEventListener('delete', function (data) {
$("#" + commentId).fadeOut();
});
messenger.addEventListener('close', function () {
Hatena.Diary.Window.hide(iframeContainer);
});
Hatena.Diary.Window.show(iframeContainer, {
destroy : function () {
iframe.remove();
messenger.destroy();
}
});
};
Hatena.Diary.Pages.Blogs['*'].deleteCommentHandlerWindow = function ($entry, $button, commentId, uri) {
var position = {
width: 300,
height: 150
};
position.left = Math.floor((screen.width - position.width) / 2);
position.top = Math.floor((screen.height - position.height) / 2);
var position_string = Hatena.Diary.Util.positionToPositionString(position);
var delete_comment_window = window.open('', 'delete_comment', position_string);
var messenger = Messenger.createForWindow(delete_comment_window, uri);
var close = function() {
messenger.destroy();
delete_comment_window.close();
};
messenger.addEventListener('delete', function (data) {
$("#" + commentId).fadeOut();
});
messenger.addEventListener('close', close);
$(document.body).one('focus', close);
};
Hatena.Diary.Pages.Blogs['*'].leaveCommentHandler = function ($entry, $button) {
// viewable状態でコメント出来るかどうか決めるため
// bkをtokenとして渡す
var uri = Hatena.Diary.data('admin-domain') +
'/' + Hatena.Diary.data('author') + '/' + Hatena.Diary.data('blog') + '/comment?' +
$.param({
entry : $entry.attr('data-uuid'),
token : $.cookie('bk')
});
Hatena.Diary.Browser.thirdPartyCookiesBlocked.done(function(blocked) {
if (blocked) {
Hatena.Diary.Pages.Blogs['*'].leaveCommentHandlerWindow($entry, $button, uri);
} else {
Hatena.Diary.Pages.Blogs['*'].leaveCommentHandlerIframe($entry, $button, uri);
}
});
};
Hatena.Diary.Pages.Blogs['*'].leaveCommentHandlerWindow = function($entry, $button, uri) {
var position = {
width: 400,
height: 240
};
position.left = Math.floor((screen.width - position.width) / 2);
position.top = Math.floor((screen.height - position.height) / 2);
var position_string = Hatena.Diary.Util.positionToPositionString(position);
var comment_window = window.open('', 'comment', position_string);
var messenger = Messenger.createForWindow(comment_window, uri);
messenger.addEventListener('close', function() {
messenger.destroy();
comment_window.close();
});
messenger.addEventListener('update', function (data) {
Hatena.Diary.Pages.Blogs['*'].appendPostedComment($entry, data.comment);
});
};
Hatena.Diary.Pages.Blogs['*'].leaveCommentHandlerIframe = function($entry, $button, uri) {
var container = $(
'
' +
'
' +
'
' +
Hatena.Locale.text('loading') +
'
' +
'
').
hide().
appendTo(document.body);
var iframe = $('
').appendTo(container);
var loading = container.find('.loading').hide();
setTimeout(function () {
loading.show();
}, 250);
iframe.load(function () {
loading.remove();
});
var offset = $button.offset();
var maxWidth = $(window).width();
var winWidth = 440;
var padding = 20;
if ((maxWidth - offset.left) < (winWidth + padding)) {
offset.left = maxWidth - (winWidth + padding);
}
container.
css({
width: winWidth,
minHeight: 235,
position: 'absolute'
}).
offset(offset);
editinplace = iframe[0];
var messenger = Messenger.createForFrame(editinplace, uri);
messenger.addEventListener('update', function (data) {
Hatena.Diary.Pages.Blogs['*'].appendPostedComment($entry, data.comment);
});
messenger.addEventListener('close', function () {
Hatena.Diary.Window.hide(container);
});
messenger.addEventListener('resize', function (data) {
if (data) {
container.css(data);
}
});
Hatena.Diary.Window.show(container, {
closeExplicitly : true,
destroy : function () {
iframe.remove();
messenger.destroy();
}
});
};
Hatena.Diary.Pages.Blogs['*'].appendPostedComment = function($entry, comment_html) {
var $container = $entry.find('.comment-box .comment');
$container.append(comment_html);
if (Hatena.Star) {
Hatena.Star.EntryLoader.intoCommentScope(function() {
Hatena.Diary.Util.updateDynamicPieces($container);
});
} else {
Hatena.Diary.Util.updateDynamicPieces($container);
}
};
Hatena.Diary.Pages.Blogs['*'].loadEntryInfo = function me (entry) {
if (!me.data) me.data = {
timer : setTimeout(function () {
var data = me.data;
me.data = null;
$.ajax({
url : '/api/entry/info',
type : "get",
dataType : 'json',
cache : false,
data : {
e : data.entries
},
success : function (res) {
var entries = res.entries;
for (var key in entries) if (entries.hasOwnProperty(key)) {
var val = entries[key];
data.deferred[key].resolve(val);
}
Hatena.Diary.Pages.Blogs['*'].showSubscribe(res);
Hatena.Diary.SpeedTrack.record("Pages.Blogs['*'].loadEntryInfo.ajax.success");
}
});
}, 0),
entries : [],
deferred : {}
};
var ret = $.Deferred();
var uuid = entry.attr('data-uuid');
me.data.entries.push(uuid);
me.data.deferred[uuid] = ret;
return ret;
};
// スクロールで要素が表示されたときに何かする
Hatena.Diary.Pages.Blogs['*'].elementDidAppear = function (element) {
var deferred = $.Deferred();
var _window = $(window);
if (_window.scrollTop() > ($(element).offset().top - _window.height())) {
deferred.resolve();
} else {
_window.scroll(_.throttle(function () {
if (_window.scrollTop() > ($(element).offset().top - _window.height())) {
deferred.resolve();
}
}, 200));
}
return deferred.promise();
};
// Google+ボタンを描画 plusone.jsのロードに失敗してるようなら何もしない(なぜか読めてないことがある)
// YouTubeのsubscribeボタンもplusone.jsに入ってるので描画
// https://developers.google.com/+/web/+1button/?hl=ja
Hatena.Diary.Pages.Blogs['*'].renderGooglePlusOneButtons = function() {
if (!window.gapi) return;
window.gapi.plusone.go('container');
window.gapi.ytsubscribe.go('container');
};
// 購読する/しない ボタン
// - 自分のブログ : 非表示
// - 購読済ブログ : "読者をやめる"
// - 未購読ブログ : "読者になる"
Hatena.Diary.Pages.Blogs['*'].initSubscribe = function (info) {
var button = $('.btn-subscribe a.hatena-follow-button');
button.addClass(info.subscribe ? 'unsubscribing' : 'subscribing');
Hatena.Diary.Pages.Blogs['*'].toggleSubscribeButtonView(button);
button.click(function () {
var $button = $(this);
var uri = '' +
Hatena.Diary.data('admin-domain') + '/' +
Hatena.Diary.data('author') + '/' +
Hatena.Diary.data('blog') + '/subscribe';
Hatena.Diary.Browser.thirdPartyCookiesBlocked.done(function(blocked) {
if (blocked) {
Hatena.Diary.Pages.Blogs['*'].subscribeButtonHandlerWindow($button, uri);
} else {
Hatena.Diary.Pages.Blogs['*'].subscribeButtonHandlerIframe($button, uri);
}
});
return false;
});
};
Hatena.Diary.Pages.Blogs['*'].toggleSubscribeButtonView = function ($button) {
if ($button.hasClass('subscribing')) {
$button.removeClass('subscribing');
$button.addClass('unsubscribing');
} else {
$button.removeClass('unsubscribing');
$button.addClass('subscribing');
}
};
Hatena.Diary.Pages.Blogs['*'].subscribeButtonHandlerIframe = function ($button, uri) {
var container = $('');
var loading = $(
'
' +
'
' +
Hatena.Locale.text('loading') +
'
'
);
var iframe = $('
');
var offset = $button.offset();
offset.top = offset.top + $button.height();
var maxWidth = $(window).width();
var winWidth = 300;
var padding = 20;
if ((maxWidth - offset.left) < (winWidth + padding)) {
offset.left = maxWidth - (winWidth + padding);
}
container.
hide().
appendTo(document.body).
css({
width: winWidth,
height: 120,
position: 'absolute'
}).offset(offset);
loading.appendTo(container).hide();
iframe.appendTo(container);
iframe.load(function () { loading.remove() });
setTimeout(function () { loading.show() }, 250);
var messenger = Messenger.createForFrame(iframe[0], uri);
messenger.addEventListener('close', function () {
Hatena.Diary.Window.hide(container);
});
messenger.addEventListener('done', function () {
Hatena.Diary.Pages.Blogs['*'].toggleSubscribeButtonView($button);
});
Hatena.Diary.Window.show(container, {
destroy : function () {
iframe.remove();
messenger.destroy();
}
});
};
Hatena.Diary.Pages.Blogs['*'].subscribeButtonHandlerWindow = function ($button, uri) {
var position = {
width: 300,
height: 150
};
position.left = Math.floor((screen.width - position.width) / 2);
position.top = Math.floor((screen.height - position.height) / 2);
var position_string = Hatena.Diary.Util.positionToPositionString(position);
var subscribe_window = window.open('', 'subscribe', position_string);
var messenger = Messenger.createForWindow(subscribe_window, uri);
var close = function() {
messenger.destroy();
subscribe_window.close();
};
messenger.addEventListener('close', close);
messenger.addEventListener('done', function() {
Hatena.Diary.Pages.Blogs['*'].toggleSubscribeButtonView($button);
close();
});
$(document.body).one('focus', close);
};
Hatena.Diary.Pages.Blogs['*'].showSubscribe = function (info) {
var subscribes = info.subscribes;
if (subscribes >= 1) {
var countbox = $('div.hatena-module-profile .subscription-count-box').show();
countbox.find('.subscription-count').text(Hatena.Locale.textN('epic.subscriber_count', subscribes, subscribes));
}
};
Hatena.Diary.Pages.Blogs['*'].initBigStar = function () {
if (!Hatena.Star) return;
$('body').addClass('big-star');
// スターボタンのデフォルト画像変更
// (ここでは一番地味なのにしておく，initしてから差し替えるため)
Hatena.Star.AddButton.ImgSrc = '/images/theme/star/hatena-star-add-button.png';
// コメントのスターボタンを小さい画像に変える
Hatena.Star.EntryLoader.intoCommentScope = _.wrap(Hatena.Star.EntryLoader.intoCommentScope, function (func, f) {
var original_src = Hatena.Star.AddButton.ImgSrc;
Hatena.Star.AddButton.ImgSrc = 'https://s.hatena.ne.jp/images/add.gif';
func.call(this, f);
Hatena.Star.AddButton.ImgSrc = original_src;
});
// 体裁変更
Hatena.Star.Star.prototype.generateImg = function () {
var img, star_img, user_img, span, user_icon;
user_icon = function (name) {
return "http://cdn1.www.st-hatena.com/users/" + (encodeURI(name.slice(0, 2))) + "/" + (encodeURI(name)) + "/profile.gif";
};
star_img = Hatena.Star.Star.getImage(this.container);
star_img.alt = this.screen_name;
star_img.title = '';
if (this.color && this.color != 'yellow' && this.color != 'temp') {
star_img.alt = star_img.alt + ' (' + this.color + ')';
}
this.img = star_img;
if (this.screen_name) {
if (!Hatena.Star.Star.gotImage[this.screen_name]) {
Hatena.Star.Star.gotImage[this.screen_name] = {};
}
if (!Hatena.Star.Star.gotImage[this.screen_name][this.color]) {
span = document.createElement('span');
span.className = 'hatena-big-star-star-container';
user_img = document.createElement('img');
user_img.src = user_icon(this.screen_name);
user_img.setAttribute('tabIndex', 0);
user_img.className = 'hatena-star-user';
user_img.style.padding = '0';
user_img.style.border = 'none';
span.appendChild(user_img);
span.appendChild(star_img);
Hatena.Star.Star.gotImage[this.screen_name][this.color] = span;
}
this.img = Hatena.Star.Star.gotImage[this.screen_name][this.color].cloneNode(true);
}
};
// posの値の調整
Hatena.Star.AddButton.prototype.showColorPallet = function (e) {
this.clearSelectedColorTimer();
if (!this.pallet) this.pallet = new Hatena.Star.Pallet();
var pos = Ten.Geometry.getElementPosition(this.img);
pos.x += 2;
pos.y += 22;
this.pallet.showPallet(pos, this);
};
// スターボタン押されたら必要な情報をはてなブログのサーバーに送る
Hatena.Star.AddButton.prototype.addStar = _.wrap(Hatena.Star.AddButton.prototype.addStar, function(fun, e) {
fun.apply(this, [e]);
Hatena.Diary.trackEvent('hatena-star-add');
});
};
// スター付けたことない場合、ツールチップを表示する
Hatena.Diary.Pages.Blogs['*'].initStarNavigation = function() {
var TIPSY_ALLOW_OFFSET = 8;
var $tipsy_arrow = $('
').addClass('tipsy-arrow blue'),
$star_navigation_tooltip = $('
').addClass('star-navigation-tooltip tipsy-n')
.append($('
').text(Hatena.Locale.text('star-navigation-message')))
.prepend($tipsy_arrow);
$.getJSON("https://www.hatena.ne.jp/notify/notices.count.json?services=1&callback=?", function (res) {
// スター利用中ならなにもしない
if (res.services.s) return;
// はてなスター利用中ではないけどスターつけた
Hatena.Star.AddButton.prototype.addStar = _.wrap(Hatena.Star.AddButton.prototype.addStar, function(fun, e) {
fun.apply(this, [e]);
Hatena.Diary.trackEvent('hatena-star-add-first');
});
// 既読かどうかを localStorage に保存する
var localStorageKey = 'Hatena.Diary.Blogs.StarNavigation.Read';
var isRead = function () {
try {
return localStorage[localStorageKey] === 'already';
} catch(ignore) {}
};
var setIsRead = function (isRead) {
try {
localStorage[localStorageKey] = isRead ? 'already' : 'not yet';
} catch(ignore) {}
};
// 既読のとき tipsy 出す必要ない
if (isRead()) return;
var wait_for_star_load = function (func) {
setTimeout(function () {
var $star_button = $('.hatena-star-add-button');
if ($star_button.length !== 0) {
func();
return;
}
wait_for_star_load(func);
}, 200);
};
wait_for_star_load(function () {
$('.hatena-star-container').after($star_navigation_tooltip);
$('.tipsy-arrow.blue').each(function () {
$(this).css({ left: $(this).parent().siblings().find('.hatena-star-add-button').offset().left - $star_navigation_tooltip.offset().left + TIPSY_ALLOW_OFFSET });
});
$('.star-navigation-tooltip').click(function () {
setIsRead(true);
$(this).fadeOut(1000);
});
$('.hatena-star-add-button').click(function () {
setIsRead(true);
$('.star-navigation-tooltip').fadeOut(1000);
});
});
});
};
Hatena.Diary.Pages.Blogs['*'].initDeleteStar = function () {
if (!Hatena.Star) return;
Hatena.Star.Star.prototype.setImgObservers = function () {
var self = this;
new Ten.Observer(self.img,'onmouseover',self,'showName');
new Ten.Observer(self.img,'onmouseout',self,'hideName');
};
Hatena.Star.Star.prototype.asElement = _.wrap(Hatena.Star.Star.prototype.asElement, function(func) {
var self = this;
var element = func.call(self);
if ( !Hatena.Star.Config.isStarDeletable ) return element;
// 以下はスターがdocumentにappendされてから実行
// スター削除できるとき成功するDeferredを返す
var checkCanDelete = _.once(function() {
var dfd = $.Deferred();
var uri = Hatena.Star.BaseURL.replace(/^http:/, Hatena.Star.BaseURLProtocol) + 'star.deletable.json';
var data = {
name: self.name,
uri: self.entry.uri
};
if (self.color) data.color = self.color;
if (self.quote) data.quote = self.quote;
$.ajax({
type: 'get',
dataType: 'jsonp',
url: uri,
data: data
}).done(function(res) {
var can_delete = res.result && (res.message || res.confirm_html);
if (can_delete) {
dfd.resolve(res);
} else {
dfd.reject(res);
}
});
return dfd;
});
var $star_container = $(self.anchor);
$star_container.hover(function () {
// 削除可能なとき，右上に削除ボタンを表示
checkCanDelete().done(function(deletion_info) {
var $delete_button = $("![]()
").addClass('star-delete-button').attr("src", '/images/theme/star/star-delete.png');
$star_container.append($delete_button);
var button_position = $delete_button.position();
$delete_button.css({
left: button_position.left - 9,
top : button_position.top
});
//クリックされたら削除確認
$delete_button.click(function () {
if (deletion_info.confirm_html) {
var pos = Ten.Geometry.getElementPosition(self.anchor);
var scr = new Hatena.Star.DeleteConfirmScreen();
scr.showConfirm(deletion_info.confirm_html, self, pos);
} else if (confirm(deletion_info.message)) {
self.deleteStar();
}
return false;
});
});
},
function () {
$(this).find(".star-delete-button").remove();
});
return element;
});
};
Hatena.Diary.Pages.Blogs['*'].initSelectStar = function () {
if (!Hatena.Star) return;
var SELECT_STAR_OPACITY = 0.6, SELECT_STAR_OFFSET = 60, SELECT_STAR_SIZE = 32, GET_BIGGER_SIZE = 24.0;
var $target_article;
var $select_star = $('.select_star_button_container');
var $message_box = $('#select-star-message-box');
var using_select_star = false;
var message_fadeout_timer;
// スターボタンをクリックしたとき
Hatena.Star.AddButton.prototype.addStar = _.wrap(Hatena.Star.AddButton.prototype.addStar, function (func, e) {
this.copySelectedText();
func.call(this, e);
if (this.selectedText !== '') {
Hatena.Diary.trackEvent('hatena-star-add-quote');
}
});
// スター投稿の結果が返ってきたとき
Hatena.Star.AddButton.prototype.receiveResult = _.wrap(Hatena.Star.AddButton.prototype.receiveResult, function (func, args) {
// メッセージを出す位置
var message_box_offset = {
top: $select_star.offset().top,
left: $select_star.offset().left + SELECT_STAR_SIZE
};
if (using_select_star) {
// ログインしてるときのみメッセージを出す
if (args.is_guest) {
var pos = { x: message_box_offset.left, y: message_box_offset.top };
// HatenaStar.js本体でウィンドウ出す位置を調整されるので, その分足し引きして調整を打ち消す
pos.x += 10;
pos.y -= 25;
this.lastPosition = pos;
} else {
$message_box
.stop()
.css(_.extend(message_box_offset, { opacity: 1.0 }))
.show();
if (message_fadeout_timer) {
clearTimeout(message_fadeout_timer);
}
message_fadeout_timer = setTimeout(function () { $message_box.fadeOut(1000); }, 1000);
Hatena.Diary.trackEvent('hatena-star-add-select');
}
}
using_select_star = false;
func.call(this, args);
});
// テキストを選択したとき
$(document).mouseup(function (e) {
var $target = $(e.target);
// deferしないとタイミング的にうまく選択領域を取得できない
_.defer(function () {
var selected_text = Ten.DOM.getSelectedText();
var selection_is_blank = (selected_text === '');
var is_article = $target.closest('article').length > 0;
var is_comment = $target.closest('.comment').length > 0;
var is_select_star = $target.closest('.select_star_button_container').length > 0;
if (is_select_star) {
return;
}
if (!is_article || is_comment || selection_is_blank) {
$select_star.hide();
return;
}
$target_article = $target.closest('article');
$select_star.css({ top: e.pageY, left: $target_article.offset().left - SELECT_STAR_OFFSET });
$select_star.show();
});
});
$select_star.on('mouseenter', function () {
$(this).css({ opacity: 1.0 });
});
$select_star.on('mouseleave', function () {
$(this).css({ opacity: SELECT_STAR_OPACITY });
});
$('.select_star_button').on('click', function (e) {
using_select_star = true;
$(this)
.stop()
.animate({
width: SELECT_STAR_SIZE + GET_BIGGER_SIZE, height: SELECT_STAR_SIZE + GET_BIGGER_SIZE,
top: -GET_BIGGER_SIZE/2, left: -GET_BIGGER_SIZE/2
}, 80)
.animate({width: SELECT_STAR_SIZE, height: SELECT_STAR_SIZE, top: 0, left: 0 }, 400);
});
// HatenaStarから引用スターボタンにクリックハンドラをたてる
Hatena.Star.AddButton.prototype.setupObservers = _.wrap(Hatena.Star.AddButton.prototype.setupObservers, function (func) {
func.call(this);
new Ten.Observer($select_star[0], 'onclick', this, 'beforeAddStar');
});
Hatena.Star.AddButton.prototype.beforeAddStar = function (e) {
if ($target_article.attr('data-uuid') === $(this.entry.entryNode).attr('data-uuid')) {
this.addStar(e);
}
};
};
// サードパーティクッキー送信されてないときmobile用のエントリページを新しいウィンドウで開く
Hatena.Diary.Pages.Blogs['*'].initStarForThirdPartyCookiesDisabled = function (info) {
Hatena.Diary.Util.waitForResource(function() {
return Hatena.Star;
}, function() {
_.extend(Hatena.Star.AddButton.prototype, {
addStar: function() {
var self = this;
// uri: エントリのURI
// location: スターつけたあとのリダイレクト先
var url = 'http://s.hatena.ne.jp/star.add?' + $.param({
uri: self.entry.uri,
location: Hatena.Diary.data('admin-domain') + '/-/close'
});
var position = {
width: 500,
height: 200
};
position.left = Math.floor((screen.width - position.width) / 2);
position.top = Math.floor((screen.height - position.height) / 2);
var position_string = Hatena.Diary.Util.positionToPositionString(position);
var star_window = window.open(url, 'add_star', position_string);
// window閉じられたら読み込みなおす
Hatena.Diary.Util.waitForResource(function() {
return star_window.closed;
}, function() {
Hatena.Diary.Util.updateDynamicPieces([self.entry.entryNode.parentNode]);
});
},
// カラースターつけられないのでパレット開かなくする
showColorPallet: function() {
},
showColorPalletDelay: function() {
}
});
});
};
Hatena.Diary.Pages.Blogs['*'].setupHatenaBookmarkComment = function ($superNode) {
// 上位のノードを指定すること
// ブックマークコメントウィジェットのサイズ調整
var $bookmark_comment = $superNode.find('.hatena-bookmark-comment-iframe');
if ($bookmark_comment.size() > 0) {
var messenger = Messenger.createForFrame($bookmark_comment[0], $bookmark_comment.attr('data-src'));
messenger.addEventListener('resize', function (height) {
$bookmark_comment.css('height', height);
});
}
};
Hatena.Diary.Pages.Blogs['*'].setupOndemandCommentDeleteButton = function() {
$(document).on('mouseenter', '.entry-comment', function(e) {
var $comment = $(this);
if ($comment.find('.comment-delete-button img').size() > 0)
return;
var comment_uuid = $comment.attr('data-comment-uuid');
var blog_uuid = $comment.attr('data-blog-uuid');
var url = Hatena.Diary.data('admin-domain') + '/api/comment.delete.image?comment=' + comment_uuid + '&blog=' + blog_uuid;
var $img = $('![]()
');
$img.attr('src', url);
var handler = function() {
$img.attr('alt', 'delete');
};
$img.load(handler);
$img.error(handler);
$comment.find('.comment-delete-button').append($img);
});
};
// Tumblr 提供のブックマークレット http://www.tumblr.com/apps#bookmarklet_window を
// URL およびタイトルを明に指定できるように改造したもの
Hatena.Diary.Pages.Blogs['*'].setupTumblrShareButtons = function (elem) {
$(elem || document.body).find('a[data-hatenablog-tumblr-share-button]').on('click', function () {
var selection = window.getSelection ? window.getSelection()
: document.getSelection ? document.getSelection()
: document.selection ? document.selection.createRange().text : 0;
var url = 'http://www.tumblr.com/share?' + $.param({
v: 3,
u: $(this).attr('data-share-url') || location.href,
t: $(this).attr('data-share-title') || document.title,
s: selection + ''
});
var go = function () {
if (!window.open(url, 't', 'toolbar=0,resizable=0,status=1,width=450,height=430')) {
location.href = url;
}
};
if (/Firefox/.test(navigator.userAvent)) {
setTimeout(go, 0);
} else {
go();
}
return false;
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Blogs['blog-count-limit-exceeded'] = function () {
Hatena.Diary.Pages.Blogs['*'].info.done(function (info) {
var selector = info.editable ? '.js-message-author' : '.js-message-guest';
$('#container').append($(selector).html());
});
};
})(jQuery);
(function($){
Hatena.Diary.Pages.Blogs['circle'] = function () {
Hatena.Diary.Pages.Blogs['circle'].setupControls();
Hatena.Diary.Pages.Blogs['circle'].setupSidebar();
Hatena.Diary.Pages.Blogs['*'].info.done(function (info) {
if (info.flash && info.flash.has_just_created_circle) {
var closeFlash = function () { $('#flash-created-circle').fadeOut('fast') };
$('#flash-created-circle')
.find('.close').click(function () { closeFlash() }).end()
.show();
$(document.body).on('click', function (e) {
if ($(e.target).closest('#flash-created-circle').length === 0) {
closeFlash();
$(document.body).off('click', arguments.callee);
return false;
}
});
}
});
Hatena.Diary.Util.initScrollFollowedElement($('.js-followed-ad-container'), false);
};
Hatena.Diary.Pages.Blogs['circle'].setupControls = function () {
Hatena.Diary.Pages.Blogs['*'].info.done(function (info) {
if (info.is_admin) {
$('.admin-control').addClass('admin-control-available');
} else {
$('.admin-control').addClass('admin-control-unavailable');
}
if (info.is_member) {
$('.circle-member-control').addClass('circle-member-control-available');
} else {
$('.circle-member-control').addClass('circle-member-control-unavailable');
}
if (info.has_blogs) {
$('.blog-user-control').addClass('blog-user-control-available');
} else {
$('.blog-user-control').addClass('blog-user-control-unavailable');
}
if (info.cookie_received === false) {
// サードパーティークッキー無効のときに出す指定があるものは出るようにクラスをふり直す
$('[data-user-unknown-overrides]')
.removeClass('admin-control-unavailable circle-member-control-unavailable blog-user-control-unavailable')
.addClass('admin-control-available circle-member-control-available blog-user-control-available');
}
});
};
// 可能なら汎用化したい
function createMessenger (url, name, $container) {
return Hatena.Diary.Browser.thirdPartyCookiesBlocked.pipe(function (blocked) {
var messenger;
if (blocked) {
var size = { width: 300, height: 400 };
size.left = Math.floor((screen.width - size.width) / 2);
size.top = Math.floor((screen.height - size.height) / 2);
var subwindow = window.open('', name, Hatena.Diary.Util.positionToPositionString(size));
messenger = Messenger.createForWindow(subwindow, url);
messenger.addEventListener('close', function () {
messenger.destroy();
subwindow.close();
});
} else {
var $iframe = $('