千葉県流山市議会議員のイエローページ｜Mash up the Linked Open Data

千葉県流山市議会議員のイエローページ

if (!YP) {
	var YP = {};
}

YP.main = function() {
	this._init.apply(this, arguments);
};

YP.main.prototype = {
	
	_infoList : null,
	_property : null,
	_subjectList : null,
	
	_cons : {
		MAX_ITEM_COUNT			: 10,
		INFO_SELECTOR			: ".info",
		KEY_WORD_SELECTOR		: "#keyword",
		INFO_LIST_SELECTOR		: "#infoList",
		MORE_INFO_SELECTOR		: ".moreInfo",
		TAG_SELECTOR			: ".tag",
		SEARCH_IMAGE_SELECTOR	: ".searchImage",
		EXPAND_ALL_SELECTOR		: ".expandAll",
		EXTRA_INFO_SELECTOR		: ".extraInfo",
		PAGE_TITLE_SELECTOR		: ".pageTitle",
		SHOW_ALL_BUTTON_SELECTOR: ".showAllButton"
		
	},
	
	_init : function() {
		this._infoList = [];
		this._property = new YP.property();
		this._initInfoList();
		this._initView();
		this._initListener();
	},
	
	_initInfoList : function() {
		var self = this, workId = self._property.getWorkId(), fileName = self._property.getFileName();
		var subjectList = LinkData.getSubjects(workId, fileName);
		for (var i = 0; i < subjectList.length; i++) {
			var subject = subjectList[i];
			var info = new YP.info();
			info.setName(LinkData.getObjects(workId, fileName, subject, self._property.getNameProperty())[0]);
			info.setKana(LinkData.getObjects(workId, fileName, subject, self._property.getKanaProperty())[0]);
			info.setBirthday(LinkData.getObjects(workId, fileName, subject, self._property.getBirthdayProperty())[0]);
			info.setChair(LinkData.getObjects(workId, fileName, subject, self._property.getChairProperty())[0]);
			info.setViceChair(LinkData.getObjects(workId, fileName, subject, self._property.getViceChairProperty())[0]);
			info.setGroup(LinkData.getObjects(workId, fileName, subject, self._property.getGroupProperty())[0]);
			info.setParty(LinkData.getObjects(workId, fileName, subject, self._property.getPartyProperty())[0]);
			info.setElected(LinkData.getObjects(workId, fileName, subject, self._property.getElectedProperty())[0]);
			info.setAddress(LinkData.getObjects(workId, fileName, subject, self._property.getAddressProperty())[0]);
			info.setPhone(LinkData.getObjects(workId, fileName, subject, self._property.getPhoneProperty())[0]);
			info.setCellPhone(LinkData.getObjects(workId, fileName, subject, self._property.getCellPhoneProperty())[0]);
			info.setFax(LinkData.getObjects(workId, fileName, subject, self._property.getFaxProperty())[0]);
			info.setEmail(LinkData.getObjects(workId, fileName, subject, self._property.getEmailProperty())[0]);
			info.setHomePage(LinkData.getObjects(workId, fileName, subject, self._property.getHomePageProperty())[0]);
			info.setRemark(LinkData.getObjects(workId, fileName, subject, self._property.getRemarkProperty())[0]);
			info.setDepiction(LinkData.getObjects(workId, fileName, subject, self._property.getDepictionProperty())[0]);
			self._infoList.push(info);
		}
	},
	
	_initView : function() {
		var self = this;
		var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT);
		self._addHtml(infoList);
		$(self._cons.KEY_WORD_SELECTOR).val("");
	},
	
	_initListener : function() {
		this._initPageTitleListener();
		this._initShowAllButtonListener();
		this._initMoreInfoListener();
		this._initAutoCompleter();
		this._initKeywordListener();
		this._initSearchImageListener();
	},
	
	_initPageTitleListener : function() {
		var self = this;
		$(self._cons.PAGE_TITLE_SELECTOR).click(function() {
			$(self._cons.KEY_WORD_SELECTOR).val("");
			var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT);
			self._addHtml(infoList);
		});
	},
	
	_initShowAllButtonListener : function() {
		var self = this;
		$(self._cons.SHOW_ALL_BUTTON_SELECTOR).click(function() {
			$(self._cons.KEY_WORD_SELECTOR).val("");
			var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT);
			self._addHtml(infoList);
		});
	},
	
	_initMoreInfoListener : function() {
		var self = this, page = 2;
		$(self._cons.MORE_INFO_SELECTOR).unbind("click");
		$(self._cons.MORE_INFO_SELECTOR).click(function() {
			var keyword = $(self._cons.KEY_WORD_SELECTOR).val();
			var infoList = self._getInfoListByIndex(page, self._cons.MAX_ITEM_COUNT, keyword);
			if (infoList.length != 0) {
				self._appendHtml(infoList, keyword);
				page++;
			} else {
				$(this).hide();
			}
		});
	},
	
	_initAutoCompleter : function() {
		var self = this;
		$(self._cons.KEY_WORD_SELECTOR).autocomplete({
			minLength: 1,
			source: function(req, res) {
				var keyword = req.term;
				res(self._getMatchWordListByKeyword(keyword));
			},
			select : function(event, ui) {
				var keyword = ui.item.value;
				var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT, keyword);
				self._addHtml(infoList, keyword);
			}
		})
	},
	
	_initKeywordListener : function() {
		var self = this;
		$(self._cons.KEY_WORD_SELECTOR).keydown(function(evt) {
			if (evt.which == 13) {
				$(self._cons.KEY_WORD_SELECTOR).autocomplete("close");
				var keyword = $(this).val();
				var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT, keyword);
				self._addHtml(infoList, keyword);
			}
		});
	},
	
	_initSearchImageListener : function() {
		var self = this;
		$(self._cons.SEARCH_IMAGE_SELECTOR).click(function() {
			$(self._cons.KEY_WORD_SELECTOR).autocomplete("close");
			var keyword = $(self._cons.KEY_WORD_SELECTOR).val();
			var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT, keyword);
			self._addHtml(infoList, keyword);
		});
	},
	
	_initTagListener : function() {
		var self = this;
		$(self._cons.INFO_LIST_SELECTOR + " " + self._cons.TAG_SELECTOR).unbind("click");
		$(self._cons.INFO_LIST_SELECTOR + " " + self._cons.TAG_SELECTOR).click(function() {
			var keyword = $(this).text().trim();
			$(self._cons.KEY_WORD_SELECTOR).val(keyword);
			var infoList = self._getInfoListByIndex(1, self._cons.MAX_ITEM_COUNT, keyword);
			self._addHtml(infoList, keyword);
		});
	},
	
	_initExpandAllListener : function() {
		var self = this;
		$(self._cons.INFO_LIST_SELECTOR + " " + self._cons.EXPAND_ALL_SELECTOR).unbind("click");
		$(self._cons.INFO_LIST_SELECTOR + " " + self._cons.EXPAND_ALL_SELECTOR).click(function() {
			var parent = $(this).closest(self._cons.INFO_SELECTOR);
			$(parent).find(self._cons.EXTRA_INFO_SELECTOR).show();
			$(this).hide();
		});
	},
	
	_addHtml : function(infoList, keyword) {
		var self = this;
		if (infoList.length != 0) {
			var html = self._getContentHtml(infoList, keyword);
			$(self._cons.INFO_LIST_SELECTOR).html(html);
			self._initMoreInfoListener();
			self._initTagListener();
			self._hideUnNecessaryExpandAllButton();
			self._initExpandAllListener();
			$(self._cons.MORE_INFO_SELECTOR).show();
		} else {
			var html = self._getNotFoundHtml();
			$(self._cons.INFO_LIST_SELECTOR).html(html);
			$(self._cons.MORE_INFO_SELECTOR).hide();
		}
	},
	
	_appendHtml : function(infoList, keyword) {
		var self = this;
		var html = self._getContentHtml(infoList, keyword);
		$(self._cons.INFO_LIST_SELECTOR).append(html);
		self._initTagListener();
		self._hideUnNecessaryExpandAllButton();
		self._initExpandAllListener();
	},
	
	_hideUnNecessaryExpandAllButton : function() {
		var self = this;
		$.each($(self._cons.INFO_LIST_SELECTOR + " " + self._cons.EXPAND_ALL_SELECTOR), function() {
			var parent = $(this).closest(self._cons.INFO_SELECTOR);
			var html = $(parent).find(self._cons.EXTRA_INFO_SELECTOR).html();
			if (!html || html.trim().length == 0) {
				$(this).hide();
			}
		});
	},
	
	_getInfoList : function(start, itemCount) {
		var self = this, list = [];
		var workId = self._property.getWorkId(), fileName = self._property.getFileName();
		var sList = self._getSubjectList(start, itemCount);
		for (var i = 0; i < sList.length; i++) {
			var subject = sList[i];
			var info = new YP.info();
			info.setName(LinkData.getObjects(workId, fileName, subject, self._property.getNameProperty())[0]);
			info.setKana(LinkData.getObjects(workId, fileName, subject, self._property.getKanaProperty())[0]);
			info.setBirthday(LinkData.getObjects(workId, fileName, subject, self._property.getBirthdayProperty())[0]);
			info.setChair(LinkData.getObjects(workId, fileName, subject, self._property.getChairProperty())[0]);
			info.setViceChair(LinkData.getObjects(workId, fileName, subject, self._property.getViceChairProperty())[0]);
			info.setGroup(LinkData.getObjects(workId, fileName, subject, self._property.getGroupProperty())[0]);
			info.setParty(LinkData.getObjects(workId, fileName, subject, self._property.getPartyProperty())[0]);
			info.setElected(LinkData.getObjects(workId, fileName, subject, self._property.getElectedProperty())[0]);
			info.setAddress(LinkData.getObjects(workId, fileName, subject, self._property.getAddressProperty())[0]);
			info.setPhone(LinkData.getObjects(workId, fileName, subject, self._property.getPhoneProperty())[0]);
			info.setCellPhone(LinkData.getObjects(workId, fileName, subject, self._property.getCellPhoneProperty())[0]);
			info.setFax(LinkData.getObjects(workId, fileName, subject, self._property.getFaxProperty())[0]);			
			info.setEmail(LinkData.getObjects(workId, fileName, subject, self._property.getEmailProperty())[0]);
			info.setHomePage(LinkData.getObjects(workId, fileName, subject, self._property.getHomePageProperty())[0]);
			info.setRemark(LinkData.getObjects(workId, fileName, subject, self._property.getRemarkProperty())[0]);
			info.setDepiction(LinkData.getObjects(workId, fileName, subject, self._property.getDepictionProperty())[0]);	
			list.push(info);
		}
		return list;
	},
	
	_getMatchWordListByKeyword : function(keyword) {
		var self = this, list = [];
		var infoList = self._getInfoListByIndex(2, self._cons.MAX_ITEM_COUNT, keyword);
		$.each(infoList, function(key, info) {
			if (info.getName().toLowerCase().indexOf(keyword.toLowerCase()) > -1 && $.inArray(info.getName(), list)) {
				list.push(info.getName());
			} 
			if (info.getKana().toLowerCase().indexOf(keyword.toLowerCase()) > -1 && $.inArray(info.getKana(), list)) {
				list.push(info.getKana());
			} 
			if (info.getAddress().toLowerCase().indexOf(keyword.toLowerCase()) > -1 && $.inArray(info.getAddress(), list)) {
				list.push(info.getAddress());
			}
			if (info.getGroup().toLowerCase().indexOf(keyword.toLowerCase()) > -1 && $.inArray(info.getGroup(), list)) {
				list.push(info.getGroup());
			}
			if (info.getParty().toLowerCase().indexOf(keyword.toLowerCase()) > -1 && $.inArray(info.getParty(), list)) {
				list.push(info.getParty());
			}
		});
		return list;
	},
	
	_getInfoListByIndex : function(page, itemCount, keyword) {
		var self = this, list = [], count = 0;
		var end = (page * itemCount) - 1;
		var start = end - itemCount + 1;
		for (var i = 0; i < self._infoList.length; i++) {
			var info = self._infoList[i];
			if ((!keyword || keyword.trim().length == 0) || self._isHitInfo(info, keyword)) {
				if (count >= start && count <= end) {
					list.push(info);
				}
				count++;
			}
			if (list.length == itemCount) {
				return list;
			}
		}
		return list;
	},
	
	_isHitInfo : function(info, keyword) {
		if (!keyword || keyword.trim().length == 0) {
			return false;
		}
		if (info.getName().toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
			return true;
		} else if (info.getKana().toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
			return true;
		} else if (info.getAddress().toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
			return true;
		} else if (info.getGroup().toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
			return true;
		} else if (info.getParty().toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
			return true;
		}
		return false;
	},
	
	_getContentHtml : function(infoList, keyword) {
		var self = this, sb = [];
		for (var i = 0; i < infoList.length; i++) {
			var info = infoList[i];
			sb[sb.length] = "<div class='info cf'>";
			sb[sb.length] = "<div class='profileImageArea left'>";
			sb[sb.length] = "<img class='profileImage' src='" + info.getDepiction() + "'/>";
			sb[sb.length] = "<div class='ribbon-wrapper'>";
			sb[sb.length] = "<div class='ribbon-front'>" + info.getElected() + "</div>";
			sb[sb.length] = "<div class='ribbon-edge-topleft'></div>";
			sb[sb.length] = "<div class='ribbon-edge-topright'></div>";
			sb[sb.length] = "<div class='ribbon-edge-bottomleft'></div>";
			sb[sb.length] = "<div class='ribbon-edge-bottomright'></div>";
			sb[sb.length] = "<div class='ribbon-back-left'></div>";
			sb[sb.length] = "<div class='ribbon-back-right'></div>";
			sb[sb.length] = "</div>";
			sb[sb.length] = "</div>";
			sb[sb.length] = "<div class='profileInfoArea left'>";
			sb[sb.length] = "<div class='name'>" + self._getHighLightKeywordHtml(info.getName(), keyword) + "（" + self._getHighLightKeywordHtml(info.getKana(), keyword) + "）";
			if (info.getChair().trim().length != 0) {
				sb[sb.length] = "<span class='chair'>議長</span>";
			}
			if (info.getViceChair().trim().length != 0) {
				sb[sb.length] = "<span class='chair'>副議長</span>";
			}
			sb[sb.length] = "</div>";
			sb[sb.length] = "<div>";
			if (info.getAddress().trim().length != 0) {
				sb[sb.length] = "<span class='address'>〒" + self._getHighLightKeywordHtml(info.getAddress(), keyword) + "</span>";
			}
			if (info.getGroup().trim().length != 0) {
				sb[sb.length] = "<br><span class='nextTo'>会派：" + self._getHighLightKeywordHtml(info.getGroup(), keyword) + "</span>";
			}
			if (info.getParty().trim().length != 0) {
				sb[sb.length] = "<span>所属政党：" + self._getHighLightKeywordHtml(info.getParty(), keyword) + "</span>";
			}
			sb[sb.length] = "</div>";
			sb[sb.length] = "<div class='cf'>";
			sb[sb.length] = "<div class='expandAll right'>&gt;&gt; もっと見る</div>";
			sb[sb.length] = "</div>";
			sb[sb.length] = "<div class='extraInfo hide'>";
			if (info.getPhone().trim().length != 0) {
				sb[sb.length] = "<span class='nextTo'>電話番号：" + info.getPhone();
				sb[sb.length] = "<span class='callButton' <a href='tel:" + info.getPhone() + "'><i class='icon icon-phone'></i>CALL</a></span></span>";
			}
			if (info.getCellPhone().trim().length != 0) {
				sb[sb.length] = "<span class='nextTo'>携帯番号：" + info.getCellPhone();
				sb[sb.length] = "<span class='callButton' <a href='tel:" + info.getCellPhone() + "'><i class='icon icon-phone'></i>CALL</a></span></span>";
			}
			if (info.getFax().trim().length != 0) {
				sb[sb.length] = "<br><span>FAX番号：" + info.getFax() + "</span>";
			}
			if (info.getBirthday().trim().length != 0) {
				sb[sb.length] = "<br><i class='icon icon-birthday'></i>" + info.getBirthday();
			}
			if (info.getEmail().trim().length != 0) {
				sb[sb.length] = "<br><div><i class='icon icon-envelope'></i>" + "<a href='mailto:" + info.getEmail() + "' class='email'>" + info.getEmail() + "</a></div>";
			}
			if (info.getHomePage().trim().length != 0) {
				sb[sb.length] = "<div>";
				sb[sb.length] = "<i class='icon icon-home'></i><a href='" + info.getHomePage() + "' target='_blank' class='homePage'>ホームページを見る</a>";
				sb[sb.length] = "</div>";
			}
			if (info.getRemark().trim().length != 0) {
				sb[sb.length] = "<div><i class='icon icon-comment'></i><a href='" + info.getRemark() + "' target='_blank' class='homePage'>議会での発言を見る</a>";
				sb[sb.length] = "</div>";
			}
			sb[sb.length] = "</div>";
			sb[sb.length] = "</div>";
			sb[sb.length] = "</div>";
		}
		return sb.join("");
	},
	
	_getHighLightKeywordHtml : function(text, keyword) {
		if (!keyword || keyword.trim().length == 0) {
			return text;
		}
		var regex = new RegExp('(' + keyword + ')', 'gi');
		return text.replace(regex, "<span class='highlight'>$1</span>");
	},
	
	_getNotFoundHtml : function() {
		var sb = [];
		sb[sb.length] = "<div class='info error'>議員は見つかりませんでした</div>";
		return sb.join("");
	},
	
	_getTagListHtml : function(tagList, keyword) {
		var self = this, sb = [];
		for (var i = 0; i < tagList.length; i++) {
			var tag = tagList[i];
			sb[sb.length] = "<span class='tag left'>" + self._getHighLightKeywordHtml(tag.trim(), keyword) + "</span>";
		}
		return sb.join("");
	}
};

YP.property = function() {
	this._init.apply(this, arguments);
};

YP.property.prototype = {
	
	_workId : null,
	_fileName : null,
	_nameProperty : null,
	_birthdayProperty : null,
	_kanaProperty : null,
	_chairProperty : null,
	_viceChairProperty : null,
	_groupProperty : null,
	_pertyProperty : null,
	_electedProperty : null,
	_addressProperty : null,
	_phoneProperty : null,
	_cellPhoneProperty : null,
	_faxProperty : null,
	_emailProperty : null,
	_homePageProperty : null,
	_remarkProperty : null,
	_depictionProperty : null,

_cons : {
		NAME				: "label",
		BIRTHDAY			: "birthday",
		KANA				: "kana",
		CHAIR				: "#chairman",
		VICE_CHAIR			: "#vice-chairman",
		GROUP				: "group",
		PARTY				: "party",
		ELECTED				: "elected",
		ADDRESS				: "address",
		PHONE				: "#phone-number",
		CELL_PHONE			: "#cell-phone-number",
		FAX					: "FAX",
		EMAIL				: "e-mail",
		HOME_PAGE			: "homepage",
		REMARK				: "remark",
		DEPICTION			: "photo"
	},
	
	_init : function() {
		this._initProperty();
	},
	
	_initProperty : function() {
		var self = this;
		$.each(LinkData.getWorks(), function(workKey, workId) {
			$.each(LinkData.getFiles(workId), function(fileKey, fileName) {
				self._workId = workId;
				self._fileName = fileName;
				$.each(LinkData.getProperties(workId, fileName), function(propKey, propValue) {
					if (propValue.indexOf(self._cons.NAME) > -1) {
						self._nameProperty = propValue;
					} else if (propValue.indexOf(self._cons.BIRTHDAY) > -1) {
						self._birthdayProperty = propValue;
					} else if (propValue.indexOf(self._cons.KANA) > -1) {
						self._kanaProperty = propValue;
					} else if (propValue.indexOf(self._cons.CHAIR) > -1) {
						self._chairProperty = propValue;
					} else if (propValue.indexOf(self._cons.VICE_CHAIR) > -1) {
						self._viceChairProperty = propValue;
					} else if (propValue.indexOf(self._cons.GROUP) > -1) {
						self._groupProperty = propValue;
					} else if (propValue.indexOf(self._cons.PARTY) > -1) {
						self._partyProperty = propValue;
					} else if (propValue.indexOf(self._cons.ELECTED) > -1) {
						self._electedProperty = propValue;
					} else if (propValue.indexOf(self._cons.ADDRESS) > -1) {
						self._addressProperty = propValue;
					} else if (propValue.indexOf(self._cons.PHONE) > -1) {
						self._phoneProperty = propValue;
					} else if (propValue.indexOf(self._cons.CELL_PHONE) > -1) {
						self._cellPhoneProperty = propValue;
					} else if (propValue.indexOf(self._cons.EMAIL) > -1) {
						self._emailProperty = propValue;
					} else if (propValue.indexOf(self._cons.HOME_PAGE) > -1) {
						self._homePageProperty = propValue;
					} else if (propValue.indexOf(self._cons.REMARK) > -1) {
						self._remarkProperty = propValue;
					} else if (propValue.indexOf(self._cons.DEPICTION) > -1) {
						self._depictionProperty = propValue;
					}
				});
				return false;
			});
			return false;
		});
	},
	
	getWorkId : function() {
		return this._workId;
	},
	
	getFileName : function() {
		return this._fileName;
	},
	
	getNameProperty : function() {
		return this._nameProperty;
	},
	
	getKanaProperty : function() {
		return this._kanaProperty;
	},
	
	getBirthdayProperty : function() {
		return this._birthdayProperty;
	},
	
	getChairProperty : function() {
		return this._chairProperty;
	},
	
	getViceChairProperty : function() {
		return this._viceChairProperty;
	},
	
	getGroupProperty : function() {
		return this._groupProperty;
	},
	
	getPartyProperty : function() {
		return this._partyProperty;
	},
	
	getElectedProperty : function() {
		return this._electedProperty;
	},
	
	getAddressProperty : function() {
		return this._addressProperty;
	},
	
	getPhoneProperty : function() {
		return this._phoneProperty;
	},
	
	getCellPhoneProperty : function() {
		return this._cellPhoneProperty;
	},
	
	getFaxProperty : function() {
		return this._faxProperty;
	},
	
	getEmailProperty : function() {
		return this._emailProperty;
	},
	
	getHomePageProperty : function() {
		return this._homePageProperty;
	},
	
	getRemarkProperty : function() {
		return this._remarkProperty;
	},
	
	getDepictionProperty : function() {
		return this._depictionProperty;
	}
};

YP.info = function() {
	this._init.apply(this, arguments);
};

YP.info.prototype = {
	
	_name : null,
	_birthday : null,
	_kana : null,
	_chair : null,
	_viceChair : null,
	_group : null,
	_perty : null,
	_elected : null,
	_address : null,
	_phone : null,
	_cellPhone : null,
	_fax : null,
	_email : null,
	_home : null,
	_remark : null,
	_depiction : null,
	_init : function() {},
	
	getName : function() {
		if (!this._name) {
			this._name = "";
		}
		return this._name;
	},
	
	setName : function(name) {
		this._name = name;
	},
	
	getKana : function() {
		if (!this._kana) {
			this._kana = "";
		}
		return this._kana;
	},
	
	setKana : function(kana) {
		this._kana = kana;
	},
	
	getBirthday : function() {
		if (!this._birthday) {
			this._birthday = "";
		}
		return this._birthday;
	},
	
	setBirthday : function(birthday) {
		this._birthday = birthday;
	},
	
	getChair : function() {
		if (!this._chair) {
			this._chair = "";
		}
		return this._chair;
	},
	
	setChair : function(chair) {
		this._chair = chair;
	},
	
	getViceChair : function() {
		if (!this._viceChair) {
			this._viceChair = "";
		}
		return this._viceChair;
	},
	
	setViceChair : function(viceChair) {
		this._viceChair = viceChair;
	},
	
	getGroup : function() {
		if (!this._group) {
			this._group = "";
		}
		return this._group;
	},
	
	setGroup : function(group) {
		this._group = group;
	},
	
	getParty : function() {
		if (!this._party) {
			this._party = "";
		}
		return this._party;
	},
	
	setParty : function(party) {
		this._party = party;
	},
	
	getElected : function() {
		if (!this._elected) {
			this._elected = "";
		}
		return this._elected;
	},
	
	setElected : function(elected) {
		this._elected = elected;
	},
	
	getAddress : function() {
		if (!this._address) {
			this._address = "";
		}
		return this._address;
	},
	
	setAddress : function(address) {
		this._address = address;
	},
	
	getPhone : function() {
		if (!this._phone) {
			this._phone = "";
		}
		return this._phone;
	},
	
	setPhone : function(phone) {
		this._phone = phone;
	},
	
	getCellPhone : function() {
		if (!this._cellPhone) {
			this._cellPhone = "";
		}
		return this._cellPhone;
	},
	
	setCellPhone : function(cellPhone) {
		this._cellPhone = cellPhone;
	},
	
	getFax : function() {
		if (!this._fax) {
			this._fax = "";
		}
		return this._fax;
	},
	
	setFax : function(fax) {
		this._fax = fax;
	},
	
	getEmail : function() {
		if (!this._email) {
			this._email = "";
		}
		return this._email;
	},
	
	setEmail : function(email) {
		this._email = email;
	},
	
	getHomePage : function() {
		if (!this._homePage) {
			this._homePage = "";
		}
		return this._homePage;
	},
	
	setHomePage : function(homePage) {
		this._homePage = homePage;
	},
	
	getRemark : function() {
		if (!this._remark) {
			this._remark = "";
		}
		return this._remark;
	},
	
	setRemark : function(remark) {
		this._remark = remark;
	},
	
	getDepiction : function() {
		if (!this._depiction) {
			this._depiction = "http://app.linkdata.org/asset/83089598.png";
		}
		return this._depiction;
	},
	
	setDepiction : function(depiction) {
		this._depiction = depiction;
	}
};

$(document).ready(function() {
	new YP.main();
});

body, input {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
	
}

.left {
	float: left;
}

.right {
	float: right;
}

.cf:after {
	display: block;
	content: "";
	clear: both;
}

.hide {
	display: none;
}

.nextTo {
	padding-right: 2em;
}

.icon {
	height: 14px;
	width: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.icon-about,
.icon-contact {
	background-image: url("http://app.linkdata.org/asset/c0b5a191.png");
	margin-right: 0px;
}

.icon-list,
.icon-user,
.icon-comment,
.icon-briefcase,
.icon-envelope,
.icon-home,
.icon-hand-right,
.icon-birthday {
	background-image: url("http://app.linkdata.org/asset/d84209e9.png");
}

.icon-about {
	background-position: -96px -96px;
}

.icon-contact {
	background-position: -72px 0;
}

.icon-briefcase {
	background-position: -432px -144px;
}

.icon-envelope {
	background-position: -72px 0;
}

.icon-comment {
	background-position: -240px -120px;
}

.icon-user {
	background-position: -168px 0;
}

.icon-list {
	background-position: -264px -24px;
	margin-top: 3px;
}

.icon-home {
	background-position: 0 -24px;
}

.icon-hand-right {
	background-position: -144px -144px;
}

.icon-birthday {
	background-position: -24px -120px;
}

.icon-phone {
	height: 16px;
	width: 16px;
	margin-right: 0;
	background-image: url("http://app.linkdata.org/asset/88dd2eb7.png");
}

#pageContainer {
	background-color: #FFF073;
	min-width: 940px;
	width: 100%;
}

#pageContainer .body {
	min-height: 700px;
	text-align: center;
}

#pageContainer .header {
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #888888 11%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(11%,#888888), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#888888 11%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#888888 11%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#888888 11%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#888888 11%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4);
}

#pageContainer .footer {
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #888888 11%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(11%,#888888), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#888888 11%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#888888 11%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#888888 11%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#888888 11%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}

#pageContainer .footer a {
	color: #FFF;
}

#pageContainer .body .bodyContainer {
	width: 940px;
}

#pageContainer .header .headerContent {
	width: 900px;
}

#pageContainer .header,
#pageContainer .footer {
	background-color: #999999;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
}

#pageContainer .header .headerContent {
	margin-left: auto;
	margin-right: auto;
}

#pageContainer .header .headerContent .contact,
#pageContainer .header .headerContent .about,
#pageContainer .header .headerContent .pageTitle {
	font-size: 26px;
	font-weight: bold;
	text-shadow: 0 2px 3px #555555;
	padding: 5px;
}

#pageContainer .header .headerContent .pageTitle{
	cursor: pointer;
	margin: 0;
}

#pageContainer .header .headerContent .contact,
#pageContainer .header .headerContent .about{
	cursor: pointer;
	margin: 7px 0 0 20px;
}

#pageContainer .header .headerContent .contact a,
#pageContainer .header .headerContent .about a {
	text-decoration: none;
	color: #FFFFFF;
}

#pageContainer .body .bodyContainer {
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#pageContainer .body .bodyContainer .searchBox {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	background: #FFF;
	width: 500px;
	margin: 50px auto;
	border-radius: 25px;
	padding: 4px 15px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4) inset;
}

#pageContainer .body .bodyContainer .searchBox #keyword {
	width: 470px;
	font-size: 1.4em;
	line-height: 100%;
	float: left;
	border: none;
}

#pageContainer .body .bodyContainer .searchBox input:focus {
	border: none;
	outline:none;
}

#pageContainer .body .bodyContainer .searchBox .searchImage {
	vertical-align: middle;
	cursor: pointer;
	padding: 5px 0;
    width: auto;
}

#pageContainer .body .bodyContainer .showAllButton {
	margin: 0;
	padding: 10px;
	font-size: 1.2em;
	color: #666666;
	cursor: pointer;
	text-decoration: underline;
}

#pageContainer #infoBox {
	margin: 0 90px;
}

#pageContainer #infoList .info {
	margin: 10px 0;
	padding: 20px 40px;
	text-align: left;
	background-color: #FFFFFF;
}

#pageContainer #infoList .error {
	text-align: center;
}

#pageContainer #infoList .info .tagList {
	width: 650px;
}

#pageContainer #infoList .info .highlight {
	color: #0084F7;
}

#pageContainer .bodyContainer .moreInfo,
#pageContainer #infoList .info {
	border: 1px solid #666666;
	border-radius: 10px;
}

#pageContainer #infoList .info .profileImageArea {
	margin-right: 40px;
	min-width: 70px;
	position: relative;
}

#pageContainer #infoList .info .profileImageArea .profileImage {
	width: 60px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
}

#pageContainer #infoList .info .profileInfoArea {
	width: 560px;
}

#pageContainer #infoList .info .profileInfoArea .chair {
	background-color: #FFFCE2;
	border: 1px solid #E6CB00;
	color: #E6CB00;
	font-size: 0.7em;
	font-weight: normal;
	margin-top: -5px;
	padding: 0 5px;
	position: absolute;
	top: 8px;
}

#pageContainer #infoList .info .profileInfoArea .name {
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
}

#pageContainer #infoList .info .profileInfoArea .orgName {
	margin-right: 20px;
}

#pageContainer #infoList .info .profileInfoArea .achievement,
#pageContainer #infoList .info .profileInfoArea .homePage,
#pageContainer #infoList .info .profileInfoArea .email {
	text-decoration: underline;
	color: #E6CB00;
}

#pageContainer #infoList .info .profileInfoArea .achievement:hover,
#pageContainer #infoList .info .profileInfoArea .homePage:hover,
#pageContainer #infoList .info .profileInfoArea .email:hover {
	text-decoration: none;
}

#pageContainer #infoList .info .profileInfoArea .tag {
	background-color: #FFFCE2;
	border: 1px solid #E6CB00;
	color: #E6CB00;
	margin: 3px 3px 3px 0;
	padding: 0 3px;
	border-radius: 5px;
	cursor: pointer;
}

#pageContainer #infoList .info .profileInfoArea .expandAll, 
#pageContainer #infoList .info .callButton {
	background-color: #F7DA00;
	border: 1px solid #E6CB00;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 0 5px;
	margin: -20px 0 0 0;
	cursor: pointer;
	font-size: 0.9em;
}

#pageContainer #infoList .info .callButton {
	font-size: 0.8em;
	margin: 0 5px;
	text-decoration: none;
}

#pageContainer #infoList .info .profileInfoArea .mainPaper {
	max-width: 700px;
	margin: 0 0 7px;
}

#pageContainer .bodyContainer .moreInfo {
	margin: 20px 0 50px;
	padding: 10px;
	background-color: #CCCCCC;
	color: #666666;
	font-weight: bold;
	cursor: pointer;
}

#pageContainer .bodyContainer .dlExcel {
	margin: 20px;
	display: block;
}

#pageContainer .bodyContainer .dlExcel a {
	color: #666666;
}

#pageContainer .bodyContainer .dlExcel a:hover {
	font-weight: bold;
}
/* ribbon style */

.profileImageArea .ribbon-wrapper {
	position: absolute;
	bottom: -10px;
}
.profileImageArea  .ribbon-front {
	background-color: #F7DA00;
	color: #FFFFFF;
	font-size: 0.9em;
	height: 16px;
	left: -3px;
	letter-spacing: 1em;
	position: relative;
	text-align: center;
	text-indent: 1em;
	width: 72px;
	z-index: 1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.profileImageArea  .ribbon-front,
.profileImageArea  .ribbon-back-left,
.profileImageArea  .ribbon-back-right
{
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.profileImageArea  .ribbon-edge-topleft,
.profileImageArea  .ribbon-edge-topright,
.profileImageArea  .ribbon-edge-bottomleft,
.profileImageArea  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

.profileImageArea  .ribbon-edge-topleft,
.profileImageArea  .ribbon-edge-topright {
}

.profileImageArea  .ribbon-edge-bottomleft,
.profileImageArea  .ribbon-edge-bottomright {
	top: 15px;
}

.profileImageArea  .ribbon-edge-topleft,
.profileImageArea  .ribbon-edge-bottomleft {
	left: -3px;
	border-color: transparent #CCB400 transparent transparent;
}

.profileImageArea  .ribbon-edge-topleft {
	top: -3px;
	border-width: 3px 3px 0 0;
}
.profileImageArea  .ribbon-edge-bottomleft {
	border-width: 0 3px 0px 0;
}

.profileImageArea  .ribbon-edge-topright,
.profileImageArea  .ribbon-edge-bottomright {
	left: 66px;
	border-color: transparent transparent transparent #CCB400;
}

.profileImageArea  .ribbon-edge-topright {
	top: -3px;
	border-width: 3px 0 0 3px;
}
.profileImageArea  .ribbon-edge-bottomright {
	border-width: 0 0 0px 3px;
}

.profileImageArea  .ribbon-back-left {
	position: absolute;
	top: -3px;
	left: -15px;
	width: 15px;
	height: 15px;
	background-color: #F7DA00;	z-index: 0;
}

.profileImageArea  .ribbon-back-right {
	position: absolute;
	top: -3px;
	right: -10px;
	width: 15px;
	height: 15px;
	background-color: #F7DA00;	z-index: 0;
}

実行画面
入力データ
概要
保存した実行結果

同じデータを使っているアプリケーション

作者:
更新日:
評価指数

データ作品	テーブルデータ
千葉県流山市議会議員一覧作者:Sayoko Shimoyama 更新日:2013年2月20日 390 ダウンロード, 1 アプリケーション千葉県流山市議会で公開されている、議員紹介のCSVデータを利用して作成しました。<br> こちらのデータを利用する時は、<a href="http://www.nagareyamagikai.jp/doc/2013021300019/" target="_blank">流山市議会公式ホームページ</a>の利用条件に従って下さい。<br>	city_council_member

データ作品

テーブルデータ

千葉県流山市議会議員一覧

作者:Sayoko Shimoyama 更新日:2013年2月20日 390 ダウンロード, 1 アプリケーション千葉県流山市議会で公開されている、議員紹介のCSVデータを利用して作成しました。<br> こちらのデータを利用する時は、<a href="http://www.nagareyamagikai.jp/doc/2013021300019/" target="_blank">流山市議会公式ホームページ</a>の利用条件に従って下さい。<br>

city_council_member

データ作品を追加する

Link http://app.linkdata.org/run/app1s287i?tab=readme