敦賀市のごみ収集日令和２年度版

fullscreen

GD_WING

福井県敦賀市のごみ収集日です。 2020年3月31日時点の敦賀市のオープンデータを利用しています。 forked:ソート＆検索可能なデータテーブル

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

var LV = LV || {};

// ※表示タイトル
LV.title = "敦賀市のごみ収集日<br>令和２年度版";

// ※テーブルの項目名とプロパティの対応の設定
LV.property = [
	["ID", "0"],	/* 必須 */
	["町・地区名", "町・地区名"],
	["読み仮名", "読み仮名"],
	["燃やせるごみ", "燃やせるごみ"],
	["資源ごみ", "資源ごみ"],
	["古紙", "古紙"],
	["ビン", "燃やせるごみ "],
	["小型複合ごみ", "小型複合ごみ"],
	["水銀含有ごみ", "水銀含有ごみ"],
	["スプレー缶・ライター類", "スプレー缶・ライター類"],
	["埋立ごみ", "埋立ごみ"],
	["キーワード", "キーワード"],
	["備考", "備考"]
]
	
window.onload = function() {
	$("#result").append("<h1>" + LV.title + "</h1>");
	$("#result").append("<table class='display' id='data_list'></table>" );

var colList=[];
	$('#data_list').dataTable({
		"aoColumns": setColName(colList),
		"asSorting": [[0,"desc"]],
		"bJQueryUI": true,
		"bAutoWidth": false,
		"bJQueryUI": true,
		
		/* 空の値が来たらハイフン表示（alert対策） */
		"columnDefs": [{
   			 "defaultContent": "-",
			"targets": "_all"
		}],
		/* 日本語化 */
		"language": {
  			"emptyTable" : "データが登録されていません。",
  			"info" : "_TOTAL_ 件中 _START_ 件から _END_ 件までを表示",
			"infoEmpty" : "",
			"infoFiltered" : "(_MAX_ 件からの絞り込み表示)",
			"infoPostFix" : "",
			"thousands" : ",",
			"lengthMenu" : "1ページあたりの表示件数: _MENU_",
			"loadingRecords" : "ロード中",
			"processing" : "処理中...",
			"search" : "検索：",
			"zeroRecords" : "該当するデータが見つかりませんでした。",
			"paginate" : {
				"first" : "先頭",
				"previous" : "前へ",
				"next" : "次へ",
				"last" : "末尾"
			}
		}

});
	
	/* LinkDataからデータを取得 */
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		var propList = stringToUri(LV.property, workValue);
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var dataList = [];
				
				/* ID列のデータ取得 */
				var sharp = decodeURIComponent(subjValue).split("#");
				var slash = sharp[sharp.length-1].split("/");
				var id = slash[slash.length-1];
				dataList[0] = id;
				
				/* その他の列のデータを取得 */
				$.each( LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
					$.each (propList, function(i, propUri){
						if (propUri == propValue) {
							var objList = [];
							$.each( LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objkey, objValue) {
								objList.push(objValue);
							});
							dataList[i+1] = addHtml(objList.toString());
						}
					});
				});
				/* テーブルにデータを追加 */
				$('#data_list').dataTable().fnAddData(dataList);
			});
		});
	});
}

/* プロパティがリテラルで指定された場合にURIに変換 */
function stringToUri (p, workId) {
	var arr = [];
	$.each (p, function(){
		if(this[1] != 0) {
			if(this[1].indexOf("http") != 0){
				arr.push("http://linkdata.org/property/" + workId + "#" + encodeURIComponent(this[1]));
			} else {
				arr.push(this[1]);
			}
		}
	})
	return arr;
}

/* カラム名を設定 */
function setColName(arr) {
	$.each(LV.property, function(){
		var col = {};
		col.sTitle = this[0];
		arr.push(col);
	})
	return arr;
}

/* データの値がURLの場合の処理 */
function addHtml(str) {
	if (str.indexOf("http") == 0) {
		if ((str.indexOf(".jpg" )>0 || str.indexOf(".gif" )>0 || str.indexOf(".png" )>0) || (str.indexOf(".JPG" )>0 || str.indexOf(".GIF" )>0 || str.indexOf(".PNG" )>0)) {
		str = '<img src="' + str + '" />';
		} else {
			str = '<a href="' + str + '" target="_blank">' + str + '</a>';
		}
	}
	return str;
}

Initial content

Fork this app as your new one download

Web Search

Contributor Send Message	GD_WING
Forked from (Parent App)	GD_WING 's 敦賀市のごみ分別表令和２年度版
Run count	251
Website	https://gd-wing.com/
License
Fork count	0
Created date	Apr 25, 2020
Last update date	Apr 25, 2020

Forked from (Parent App)

敦賀市のごみ分別表令和２年度版 Contributor: GD_WING Update: Apr 25, 2020 357 runs

Input Data
Related Ideas

This application does not using any data or contains private/limited data.

News Feed

linkdata.org に関するツイート

Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

敦賀市のごみ収集日令和２年度版

Application

Forked from (Parent App)

News Feed

Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

敦賀市のごみ収集日 令和２年度版

Application

Forked from (Parent App)

News Feed

敦賀市のごみ収集日令和２年度版