tdiary 3.2.2.20130507

data/js/caretposition.js

@@ -0,0 +1,170 @@
+/*
+
+caretposition.js
+
+Copyright (c) 2012- Hiroki Akiyama http://akiroom.com/
+caretposition.js is free software distributed under the terms of the MIT license.
+*/
+
+Measurement = new function() {
+	this.caretPos = function(textarea, mode) {
+		var targetElement = textarea;
+		if (typeof jQuery != 'undefined') {
+			if (textarea instanceof jQuery) {
+				targetElement = textarea.get(0);
+			}
+		}
+		// HTML Sanitizer
+		var escapeHTML = function (s) {
+			var obj = document.createElement('pre');
+			obj[typeof obj.textContent != 'undefined'?'textContent':'innerText'] = s;
+			return obj.innerHTML;
+  		};
+  		
+		// Get caret character position.
+		var getCaretPosition = function (element) {
+			var CaretPos = 0;
+			var startpos = -1;
+			var endpos = -1;
+			if (document.selection) {
+				// IE Support(not yet)
+				var docRange = document.selection.createRange();
+				var textRange = document.body.createTextRange();
+				textRange.moveToElementText(element);
+				
+				var range = textRange.duplicate();
+				range.setEndPoint('EndToStart', docRange);
+				startpos = range.text.length;
+				
+				var range = textRange.duplicate();
+				range.setEndPoint('EndToEnd', docRange);
+				endpos = range.text.length;
+			} else if (element.selectionStart || element.selectionStart == '0') {
+				// Firefox support
+				startpos = element.selectionStart;
+				endpos = element.selectionEnd;
+			}
+			return {start: startpos, end: endpos};
+		};
+		
+		// Get element css style.
+		var getStyle = function (element) {
+			var style = element.currentStyle || document.defaultView.getComputedStyle(element, '');
+			return style;
+		};
+		
+		// Get element absolute position
+		var getElementPosition = function (element) {
+			// Get scroll amount.
+			var html = document.documentElement;
+			var body = document.body;
+			var scrollLeft = (body.scrollLeft || html.scrollLeft);
+			var scrollTop  = (body.scrollTop || html.scrollTop);
+		
+			// Adjust "IE 2px bugfix" and scroll amount.
+			var rect = element.getBoundingClientRect();
+			var left = rect.left - html.clientLeft + scrollLeft;
+			var top = rect.top - html.clientTop + scrollTop;
+			var right = rect.right - html.clientLeft + scrollLeft;
+			var bottom = rect.bottom - html.clientTop + scrollTop;
+			return {left: parseInt(left), top: parseInt(top),
+					right: parseInt(right), bottom:parseInt(bottom)};
+		};
+		
+		/***************************\
+		* Main function start here! *
+		\***************************/
+		
+		var undefined;
+		var salt = "salt.akiroom.com";
+		var textAreaPosition = getElementPosition(targetElement);
+		var dummyName = targetElement.id + "_dummy";
+		var dummyTextArea = document.getElementById(dummyName);
+		if (!dummyTextArea) {
+			// Generate dummy textarea.
+			dummyTextArea = document.createElement("div");
+			dummyTextArea.id = dummyName;
+			var textAreaStyle = getStyle(targetElement)
+			dummyTextArea.style.cssText = textAreaStyle.cssText;
+			
+			// Fix for browser differece.
+			var isWordWrap = false;
+			if (targetElement.wrap == "off") {
+				// chrome, firefox wordwrap=off
+				dummyTextArea.style.overflow = "auto";
+				dummyTextArea.style.whiteSpace = "pre";
+				isWordWrap = false;
+			} else if (targetElement.wrap == undefined) {
+				if (textAreaStyle.wordWrap == "break-word")
+					// safari, wordwrap=on
+					isWordWrap = true;
+				else
+					// safari, wordwrap=off
+					isWordWrap = false;
+			} else {
+				// firefox wordwrap=on
+				dummyTextArea.style.overflowY = "auto";
+				isWordWrap = true;
+			}
+			dummyTextArea.style.visibility = 'hidden';
+			dummyTextArea.style.position = 'absolute';
+			dummyTextArea.style.top = '0px';
+			dummyTextArea.style.left = '0px';
+			
+			// Firefox Support
+			dummyTextArea.style.width = textAreaStyle.width;
+			dummyTextArea.style.height = textAreaStyle.height;
+			dummyTextArea.style.fontSize = textAreaStyle.fontSize;
+			dummyTextArea.style.maxWidth = textAreaStyle.width;
+			dummyTextArea.style.backgroundColor = textAreaStyle.backgroundColor;
+			dummyTextArea.style.fontFamily = textAreaStyle.fontFamily;
+			
+			targetElement.parentNode.appendChild(dummyTextArea);
+		}
+		
+		// Set scroll amount to dummy textarea.
+		dummyTextArea.scrollLeft = targetElement.scrollLeft;
+		dummyTextArea.scrollTop = targetElement.scrollTop;
+		
+		// Set code strings.
+		var codeStr = targetElement.value;
+		
+		// Get caret character position.
+		var selPos = getCaretPosition(targetElement);
+		var leftText = codeStr.slice(0, selPos.start);
+		var selText = codeStr.slice(selPos.start, selPos.end);
+		var rightText = codeStr.slice(selPos.end, codeStr.length);
+		if (selText == '') selText = "a";
+		
+		// Set keyed text.
+		var processText = function (text) {
+			// Get array of [Character reference] or [Character] or [NewLine].
+			var m = escapeHTML(text).match(/((&|<|>|"|')|.|\n)/g);
+			if (m)
+				return m.join('<wbr>').replace(/\n/g, '<br>');
+			else
+				return '';
+		};
+		
+		// Set calculation text for in dummy text area.
+		dummyTextArea.innerHTML = (processText(leftText) +
+								  '<wbr><span id="' + dummyName + '_i">' + processText(selText) + '</span><wbr>' +
+								  processText(rightText));
+		
+		// Get caret absolutely pixel position.
+		var dummyTextAreaPos = getElementPosition(dummyTextArea);
+		var caretPos = getElementPosition(document.getElementById(dummyName+"_i"));
+		switch (mode) {
+			case 'self':
+				// Return absolutely pixel position - (0,0) is most top-left of TEXTAREA.
+				return {left: caretPos.left-dummyTextAreaPos.left, top: caretPos.top-dummyTextAreaPos.top};
+			case 'body':
+			case 'screen':
+			case 'stage':
+			case 'page':
+			default:
+				// Return absolutely pixel position - (0,0) is most top-left of PAGE.
+				return {left: textAreaPosition.left+caretPos.left-dummyTextAreaPos.left, top: textAreaPosition.top+caretPos.top-dummyTextAreaPos.top};
+		}
+	};
+};

data/js/category.js

@@ -0,0 +1,29 @@
+/*
+ category.js: javascript for category.rb plugin of tDiary
+
+ Copyright (C) 2011 by TADA Tadashi <t@tdtds.jp>
+ You can redistribute it and/or modify it under GPL2.
+ */
+
+$(function(){
+	// insert clicked category item into textarea of update form
+	function insertCategoryItem(item) {
+		$('#body').insertAtCaret( '[' + item.text() + ']' );
+	}
+
+	$('.category-item')
+	.hover(function(){
+		$(this).css('cursor', 'pointer');
+	}, function(){
+		$(this).css('cursor', 'default');
+	})
+	.click(function(){
+		insertCategoryItem($(this));
+	});
+
+	$('#category-candidate').change(function(){
+		$('option:selected', this).each(function(){
+			insertCategoryItem($(this));
+		});
+	});
+});

data/js/category_autocomplete.js

@@ -0,0 +1,96 @@
+/*
+ * category_autocomplete.js : Support the automatic input of the category,
+ *                            using jQuery UI autocomplete.
+ *
+ * Copyright (C) 2012 by tamoot <tamoot+tdiary@gmail.com>
+ * You can distribute it under GPL.
+ */
+
+$(function() {
+  var config = $tDiary.plugin.category_autocomplete;
+  var support = false;
+  var regrep  = ""
+  
+  if ( $tDiary.style == "tdiary" ){
+    support = true;
+    regrep  = "^ *\\[.*";
+  } else if ( $tDiary.style == 'gfm' ) {
+    support = true;
+    regrep  = "^# *\\[.*";
+  } else if ( $tDiary.style == "wiki" ){
+    support = true;
+    regrep  = "^! *\\[.*";
+  }
+  
+  function widgetPosition(){
+     var caretPosition = Measurement.caretPos($("#body"));
+     return {left: caretPosition.left + "px",
+             top:  caretPosition.top + 20 + "px",
+             width: "auto"};
+  }
+  
+  function matchedCategory(val){
+    if(support == false){
+      return false;
+    }
+    
+    terms = val.split("\n");
+    term  = terms[ terms.length - 1];
+    var matched = term.match(regrep);
+    if( matched == null ){
+      return false;
+    }
+    
+    return true;
+    
+  }
+  
+  function typedCategory( term ) {
+    var array = term.split("[");
+    return array[ array.length - 1 ];
+  }
+  
+  $( "#body" )
+    .bind( "keydown", function( event ) {
+      if ( event.keyCode === $.ui.keyCode.TAB &&
+           $( this ).data( "autocomplete" ).menu.active ) {
+        event.preventDefault();
+      }
+    })
+    .autocomplete({
+      
+      delay: 500,
+      
+      //filtering
+      source: function( request, response ) {
+        if(matchedCategory(request.term)){
+          response( $.ui.autocomplete.filter(
+            config.candidates, typedCategory( request.term ) ) );
+        }
+      },
+      
+      // prevent value inserted on focus
+      focus: function() {
+        return false;
+      },
+      
+      // replace textarea
+      select: function( event, ui ) {
+        var terms = this.value.split("[");
+        // remove the current typed category
+        terms.pop();
+        // add the selected item
+        terms.push( ui.item.value );
+        this.value = terms.join( "[" ) + "]";
+        return false;
+      },
+      
+      // re-positioning supports excluding IE. 
+      open: function(){
+         if (! document.uniqueID) {
+            $(".ui-autocomplete").css(widgetPosition())
+         }
+      }
+   });
+});
+

data/js/comment_ajax.js

@@ -0,0 +1,27 @@
+/**
+ * comment_ajax.js:
+ *
+ * Copyright (C) 2013 by MATSUOKA Kohei <kohei@machu.jp>
+ * You can distribute it under GPL.
+ */
+
+$(function() {
+	$(document).on('submit', 'form.comment', function(e) {
+		e.preventDefault();
+		var form = $(this);
+		$('<input type="hidden">').attr('name', 'comment').appendTo(form);
+		$(':submit', form).attr('disabled', 'disabled');
+		$('div.button input', form).hide();
+		$('div.button', form).append('<div id="loading-button"><img src="theme/loading.gif">')
+		$.post(form.attr('action'), form.serialize(), function(data) {
+			$('#loading-button').remove();
+			$('div.button input', form).show();
+			form[0].reset();
+			$(':submit', form).removeAttr('disabled');
+			// $(data) is a diary HTML of the day
+			$('div.comment:first', form.parents('div.day'))
+				.after($('div.comment', $(data)))
+				.remove();
+		}, 'html');
+	});
+});

data/js/draft.js

@@ -0,0 +1,149 @@
+/*
+ * draft.js: save draft data to Web Storage automatically
+ * 
+ * Copyright (c) MATSUOKA Kohei <http://www.machu.jp/>
+ * Distributed under the GPL
+ */
+$(function() {
+
+if (!localStorage) { return; }
+
+var Draft = function(storage, text) {
+  // 保存先のストレージ
+  this.storage = storage;
+  // 下書きの保存件数
+  this.maxCount = 10;
+  // 下書き一覧
+  this.items = [];
+
+  this.initialize(text);
+};
+
+Draft.prototype = {
+  // ローカルストレージから下書きを読み込む
+  initialize: function(text) {
+    this.items = this.storage.drafts ? JSON.parse(this.storage.drafts) : new Array();
+    // 下書きに空の日記・テキストエリアと同じ日記が存在すれば削除する
+    this.items = $.grep(this.items, function(item, index) {
+      // 改行と空白文字を無視して比較（プレビュー時に末尾へ改行が付加されるため)
+      if (item.value == "" || DraftUtils.trim(item.value) == DraftUtils.trim(text)) {
+        return false;
+      }
+      return true;
+    });
+    this.save(text, true);
+    // console.log("Draft.initialized");
+  },
+
+  // ローカルストレージに下書きを保存する
+  // append が true の場合は、下書き一覧の末尾に追加する
+  // append が false の場合は、最後の下書きに上書きする
+  save: function(text, append) {
+    if (!append) {
+      this.items.pop();
+    }
+    this.items.push({
+      date: new Date().getTime(),
+      value: text
+    });
+    // 最大でmaxCount件数の履歴を保持
+    if (this.items.length > this.maxCount) {
+      this.items.shift();
+    }
+    this.storage.drafts = JSON.stringify(this.items);
+  },
+
+  // 下書き一覧から index 番目の下書きを取得する
+  // 取得した下書きは一覧の末尾に移動する
+  load: function(index) {
+    var item = this.items.splice(index, 1)[0];
+    this.items.push(item);
+    return item.value;
+  },
+
+  // 下書きのタイトル一覧の配列を返す（表示用）
+  // タイトルは textarea の先頭1行目 + 更新日時
+  titles: function() {
+    return $.map(this.items, function(item) {
+      var date = new Date(item.date);
+      date = DraftUtils.dateToString(date);
+      var title = "No-Name";
+      if (item.value && typeof item.value == "string") {
+        title = item.value.match(/.*/)[0];
+      }
+      return title + " (" + date + ")";
+    });
+  }
+
+};
+
+// ユーティリティ関数
+var DraftUtils = {
+  // 日付を YYYY-mm-dd HH:MM:SS 形式に変換する
+  dateToString: function(date) {
+      var d = date || new Date();
+      var year = d.getFullYear();
+      var month = zp(d.getMonth() + 1);
+      date = zp(d.getDate());
+      var hour = zp(d.getHours());
+      var min = zp(d.getMinutes());
+      var sec = zp(d.getSeconds());
+      return year + "-" + month + "-" + date + " " + hour + ":" + min + ":" + sec;
+
+      function zp(s, l) {
+        s = String(s); l = l || 2;
+        while (s.length < l) { s = "0" + s; }
+        return s;
+      }
+  },
+  // 文字列から改行と空白文字を取り除く
+  trim: function(str) {
+    return str.replace(/\s+/g, "");
+  }
+};
+
+// ---------------------------------------
+// ここからDOMの初期化処理
+// ---------------------------------------
+
+// 保存対象のテキストエリア
+var textarea = $("[name=body]");
+// 下書き一覧を表示するセレクトボックス
+var select = $("[name=drafts]");
+// 自動保存の間隔（ミリ秒）
+var autoSaveInterval = 5 * 1000;
+
+var draft = new Draft(localStorage, textarea.val());
+
+// 下書き保存
+saveDraft = function() {
+  draft.save(textarea.val());
+  showSelectForm(true);
+};
+// 下書き読み込み
+loadDraft = function() {
+  textarea.val(draft.load(select.val()));
+  showSelectForm(false);
+};
+// 下書き選択用のセレクトボックスを描画
+showSelectForm = function(keepIndex) {
+  var index = select.val();
+  select.empty();
+  $.each(draft.titles(), function(i, title) {
+    select.append($("<option/>").attr("value", i).text(title));
+    select.val(i);
+  });
+  if (keepIndex) {
+    select.val(index);
+  }
+};
+
+// DOMイベント設定
+$("#draft_load").click(loadDraft);
+setInterval(saveDraft, autoSaveInterval);
+textarea.change(saveDraft);
+
+showSelectForm(false);
+// console.log("ready");
+
+});