initial commit (0170f730) · Commits · Elphel / debugfs-webgui

LICENSE

0 → 100644

+661 −0

File added.

Preview size limit exceeded, changes collapsed.

debugfs.css

0 → 100644

+56 −0

Original line number	Original line	Diff line number	Diff line
			html{
			font-family: Arial;
			font-size: 0.8em;
			}

			body{
			padding: 10px;
			}

			table{
			border-collapse:collapse;
			border-radius: 3px;
			}

			th, td{
			text-align: left;
			padding: 3px 10px 3px 10px;
			border-radius: 0px;
			border: 1px solid rgba(180,180,180,0.5)
			}

			th {
			background-color: rgba(200,200,200,0.5);
			}

			.even {
			background-color: rgba(235,235,235,0.5);
			}

			.odd {
			background-color: rgba(255,255,255,0.5);
			}

			.special {
			background-color: rgba(100,200,100,0.5);
			}

			select {
			border: 1px solid rgba(200,200,200,1);
			border-radius: 2px;
			font-family: Arial;
			font-size: 1em;
			background-color: rgba(200,200,200,0.5);
			margin: 0px;
			padding: 1px;
			}

			input {
			-moz-appearance: none;
			border: 1px solid rgba(200,200,200,1);
			}

			.tp{
			width:20px;
			height:20px;
			}
			No newline at end of file

debugfs.html

0 → 100644

+12 −0

Original line number	Original line	Diff line number	Diff line
			<html>
			<head>
			<script src="js/jquery-2.2.3.min.js"></script>
			<script src="js/jquery.ajax.queue.js"></script>
			<script src="debugfs.js"></script>
			<script src="js/bootstrap/js/bootstrap.min.js"></script>
			<link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="debugfs.css"/>
			</head>
			<body onload='init()'>
			</body>
			</html>
			No newline at end of file

debugfs.js

0 → 100644

+538 −0

Original line number	Original line	Diff line number	Diff line
			var CUT_STRING_LIMIT = 20;
			var NLINES = 30;

			var debugfs_data;
			var caret = " <span class='caret'></span>";

			function init(){

			$("body").html("<h3>Linux Kernel Dynamic Debug, DebugFS:</h3>");

			var b0 = $("<button>",{
			id:"b0",
			title: "select/hide files"
			}).html("Edit list");
			b0.prop("state",0);

			b0.click(function(){
			if ($(this).prop("state")==0){
			$(this).prop("state",1)
			$(".hidden_rows").show();
			}else{
			$(this).prop("state",0)
			$(".hidden_rows").hide();
			$(".hidden_content").hide();
			}
			});

			var b1 = $("<button>",{
			id:"b1",
			title:"Copy /tmp/debugfs.json to /<path-to-debugfs.php>/debugfs.json"
			}).css({margin:"0px 0px 0px 10px"}).html("Save to persistent storage");

			b1.click(function(){
			$.ajax({
			url: "debugfs.php?cmd=savetofs",
			queue: true
			});
			});

			var b2 = $("<button>",{
			id:"b2",
			title:"Apply configuration of the selected files in GUI to DebugFS"
			}).css({margin:"0px 0px 0px 10px"}).html("Apply to debugfs");

			b2.click(function(){
			$.ajax({
			url: "debugfs.php?cmd=restore",
			queue: true
			});
			});

			var f0 = $("<span title='Include the function name in the printed message'>");
			var f1 = $("<span title='Include line number in the printed message'>");
			var f2 = $("<span title='Include module name in the printed message'>");
			var f3 = $("<span title='Include thread ID in messages not generated from interrupt context'>");

			var f0_cb = $("<input>",{id:"fflag",type:"checkbox",class:"tp flags_cb"}).css({position:"relative",top:"3px"});
			var f1_cb = $("<input>",{id:"lflag",type:"checkbox",class:"tp flags_cb"}).css({position:"relative",top:"3px"});
			var f2_cb = $("<input>",{id:"mflag",type:"checkbox",class:"tp flags_cb"}).css({position:"relative",top:"3px"});
			var f3_cb = $("<input>",{id:"tflag",type:"checkbox",class:"tp flags_cb"}).css({position:"relative",top:"3px"});

			f0.html("  f ").append(f0_cb);
			f1.html(" l ").append(f1_cb);
			f2.html(" m ").append(f2_cb);
			f3.html(" t ").append(f3_cb);

			var b3 = $("<button>",{
			title: "Enable/disable debug messages for selected files"
			}).css({
			margin:"0px 0px 0px 10px"
			}).html("Switch off debug").click(function(){
			if ($(this).html()=="Switch off debug"){
			$(this).html("Switch on debug");
			$.ajax({
			url: "debugfs.php?cmd=setflag&flag=-p",
			queue: true
			});
			}else{
			$(this).html("Switch off debug");
			$.ajax({
			url: "debugfs.php?cmd=restore",
			queue: true
			});
			}
			});

			$("body").append($("<div>",{id:"control_panel"}).css({
			padding:"15px 20px 20px 20px",
			background: "rgba(100,200,100,1)",
			position: "fixed",
			"z-index": "100",
			border: "1px solid rgba(180,180,180,0.5)"
			}).append(b0).append(b1).append(b2).append(b3).append(f0).append(f1).append(f2).append(f3));

			var shift = $("#control_panel").outerHeight(true)+parseInt($("#control_panel").css("top"),10)+2;

			//list header
			var t = $("<table border=\"1\">").css({
			position:"absolute",
			top: shift+"px"
			}).html("\
			<tr>\
			<th style='display:none;' class='hidden_rows'>Show</th>\
			<th>File</th>\
			</tr>\
			");

			$("body").append(t);

			//everything's initialized on response
			$.ajax({
			url: "debugfs.php",
			success: function(data){
			var r = jQuery.parseJSON(data);
			//global
			debugfs_data = r;

			var l,content,controls;

			//file walk
			for(var i=0;i<r.length;i++){
			l = init_ui_file(r[i],i);
			content = init_ui_content(r[i],i);
			controls = init_ui_controls(r[i],i);
			t.append(l).append(controls).append(content);

			j = init_ui_dropdown(r[i],i);
			if (r[i].file=="drivers/elphel/framepars.c"){
			console.log("Checkpoint");
			console.log(r[i]);
			}
			//line walk
			fill_content(r[i].configs[j].lines,i,content.find("#content_td"));
			}

			fill_content_rebind_events();

			$(".filename").click(function(){
			var index = $(this).attr("index");
			$("#content_"+index).toggle();
			$("#controls_"+index).toggle();
			});

			$(".visibility_cb").change(function(){
			var index = $(this).attr("index");
			if ($(this).prop("checked")){
			$("#row_"+index).removeClass("hidden_rows");
			$("#content_"+index).removeClass("hidden_content");
			$("#controls_"+index).removeClass("hidden_content");
			debugfs_data[index].state = 1;
			}else{
			$("#row_"+index).addClass("hidden_rows");
			$("#content_"+index).addClass("hidden_content");
			$("#controls_"+index).addClass("hidden_content");
			debugfs_data[index].state = 0;
			}
			update_debugfs_config(index);
			});

			$(".flags_cb").change(function(){
			if ($(this).prop("checked")) sign = "%2B";
			else sign = "-";

			flag = $(this).attr("id")[0];

			$.ajax({
			url: "debugfs.php?cmd=setflag&flag="+sign+flag,
			queue: true
			});
			});

			//init flags
			$(".flags_cb").prop("checked",true);
			$(".flags_cb").change();

			//when everything is parsed. do something.
			// apply config to debugfs
			$("#b2").click();
			}
			});
			}

			function fill_content(record,index,target){

			target.html("");

			var table_index=0;

			for (var j=0;j<record.length;j++){
			table_index = Math.floor(j/NLINES);
			//shift because of 'all' checkbox
			if (j==((table_index+1)*NLINES-1)) table_index++;

			if (j%2==0) oddeven = "even";
			else oddeven = "odd";

			//create those tables?!
			if (target.find("#ctbl_"+table_index).length==0) {
			ctbl = $("<table>",{id:"ctbl_"+table_index}).css({margin:"5px 30px 5px 5px",display:"inline"});

			if (table_index==0){
			//add all/none checkbox
			l = "<tr>";
			l += " <td style='text-align:center' title='check/uncheck all'>all</td>";
			l += " <td style='text-align:center'><input id='all_"+index+"' title='check flags' type='checkbox' class='tp debugall' index='"+index+"' /></td>";
			l += " <td></td>";
			l += " <td></td>";
			l += "</tr>";

			ctbl.append(l);
			}

			target.append(ctbl);
			}

			ttl = "module: "+record[j].module+"\n";
			ttl += "function: "+record[j].function+"\n";
			ttl += "format: "+record[j].format;

			if (record[j].flags=="p"){
			checked = "checked";
			}else{
			checked = "";
			}

			if (record[j].function.length>CUT_STRING_LIMIT) cut_function = "...";
			else cut_function = "";

			if (record[j].format.length>CUT_STRING_LIMIT) cut_format = "...";
			else cut_format = "";

			l = "<tr class='"+oddeven+"'>";
			l += " <td style='text-align:center' title='"+ttl+"'>"+record[j].lineno+"</td>";
			l += " <td style='text-align:center'><input title='pflag' type='checkbox' class='tp debug' "+checked+" file='"+record[j].file+"' line='"+record[j].lineno+"' index='"+index+"' subindex='"+j+"' /></td>";
			l += " <td title=\"function: "+record[j].function+"\">"+record[j].function.substr(0,20)+cut_function+"</td>";
			l += " <td title=\"format: "+record[j].format+"\">"+record[j].format.substr(0,20)+cut_format+"</td>";
			l += "</tr>";
			ctbl.append(l);
			}
			}

			function fill_content_rebind_events(){
			//init actions
			$(".debug").off("change");
			$(".debug").change(function(){
			var index = $(this).attr("index");
			var subindex = $(this).attr("subindex");

			var flags = "";
			//if ($("#fflag").prop("checked")) flags += "f";
			//if ($("#lflag").prop("checked")) flags += "l";
			//if ($("#mflag").prop("checked")) flags += "m";
			//if ($("#tflag").prop("checked")) flags += "t";

			if ($(this).prop("checked")) flags = "p"+flags;
			else flags = "_";

			var j = dropdown_active_config(debugfs_data[index]);

			debugfs_data[index].configs[j].lines[subindex].flags = flags;
			//console.log($(this).attr("file")+", "+$(this).attr("line")+", "+$(this).prop("checked"));
			$.ajax({
			url: "debugfs.php?cmd=echo&conf="+j+"&file="+$(this).attr("file")+"&line="+$(this).attr("line")+"&flags="+flags,
			queue: true
			});
			});

			$(".debugall").off("change");
			$(".debugall").change(function(){
			var index = $(this).attr("index");
			var checked = $(this).prop("checked");
			$("#content_"+index).find(".debug").prop("checked",checked).change();
			});

			}

			function init_ui_file(record,index){
			var l = $("<tr>",{id:"row_"+index}).html("\
			<td class='hidden_rows' style='text-align:center;display:none' >\
			<input id='cb_"+index+"' class='tp visibility_cb' type='checkbox' index='"+index+"' >\
			</td>\
			<td class='special filename' id='header_"+index+"' index='"+index+"' >"+record.file+"</td>\
			");

			if (record.state==0){
			l.addClass("hidden_rows").hide();
			l.find("input").prop("checked",false);
			}else{
			l.find("input").prop("checked",true);
			}

			return l;
			}

			function init_ui_content(record,index){
			var content = $("<tr>",{
			id: "content_"+index
			}).css({
			display: "none",
			border: "0px solid rgba(255,255,255,0)"
			});

			if (record.state==0){
			content.addClass("hidden_content").hide();
			}

			content.append(
			$("<td>").addClass("hidden_rows").hide()
			).append(
			$("<td>",{id:"content_td"})
			);

			return content;
			}

			function init_ui_controls(record,index){
			var controls = $("<tr>",{
			id: "controls_"+index
			}).css({
			display: "none",
			border: "0px solid rgba(255,255,255,0)"
			});

			if (record.state==0){
			controls.addClass("hidden_content").hide();
			}

			controls.append(
			$("<td>").addClass("hidden_rows").hide()
			).append(
			$("<td>",{id:"controls_td"})
			);

			var bc0 = $("<button>",{
			id:"bc0_"+index,
			title:"read config from debugfs - updates line numbers, keeps checkboxes from current config",
			file:record.file
			}).css({margin:"5px 5px 5px 5px","font-size":"14px"}).html("read lines from debugfs");

			bc0.click(function(){
			var id = $(this).attr("id");
			id = id.substr(id.indexOf("_")+1);
			file = $(this).attr("file");
			$.ajax({
			url:"debugfs.php?cmd=reread&file="+file,
			queue: true,
			success:function(data){

			//console.log("Welcome "+id+" & "+file);

			rec = jQuery.parseJSON(data);
			target = $("#content_"+id).find("#content_td");

			//apply existing checkboxes to rec
			oldrec = debugfs_data[id];

			//to save to active config
			j = dropdown_active_config(oldrec,id);

			//console.log("Ze Jay is "+j);

			lnew = rec.configs[0].lines.length;
			lold = debugfs_data[id].configs[j].lines.length;

			//restore checkboxes
			for(var i=0;i<lnew;i++){
			if (i<lold) {
			rec.configs[0].lines[i].flags=oldrec.configs[j].lines[i].flags;
			}else{
			rec.configs[0].lines[i].flags=oldrec.configs[j].lines[lold-1].flags;
			}
			}
			//copy back
			oldrec.configs[j].lines = JSON.parse(JSON.stringify(rec.configs[0].lines));

			fill_content(oldrec.configs[j].lines,id,target);
			fill_content_rebind_events();

			update_debugfs_config(id);
			}
			});
			});

			var pre_bc1 = $("<span>",{title:"Current config name"}).html("  config: ");

			var dc0_b = $("<button>",{
			class:"btn btn-default btn-sm btn-success dropdown-toggle",
			type:"button",
			id:"dropdown_"+index,
			index: index,
			"data-toggle":"dropdown",
			"aria-haspopup":"true",
			"aria-expanded":"false"
			}).css({
			display:"inline",
			width: "150px",
			}).html("defaultum <span class='caret'></span>");

			var dc0_ul = $("<ul>",{class:"dropdown-menu"}).css({padding:"5px","min-width":"100px",border:"1px solid rgba(50,50,50,0.5)"});

			var dc0_li_in = $("<input>",{
			type:"text",
			placeholder:"create new",
			myindex:index
			}).css({
			width:"100px"
			});

			dc0_li_in.change(function(){
			//name?
			var value = $(this).val();
			var index = $(this).attr("myindex");

			var configs = debugfs_data[index].configs;

			var exists = false;
			var active = 0;
			var existing = 0;

			for(var i=0;i<configs.length;i++){
			if (value==configs[i].name) {
			exists = true;
			existing = i;
			}
			if (configs[i].state==1){
			active = i;
			}
			}
			if (!exists){

			var arr = debugfs_data[index].configs[active];
			debugfs_data[index].configs[i] = JSON.parse(JSON.stringify(arr));
			debugfs_data[index].configs[i].name = value;

			dropdown_add_list_item(record,index,i);

			existing = i;
			}else{
			//select and restore checkboxes
			console.log("This config already exists, selecting");
			}
			//select anyway
			dropdown_select_config(index,existing);

			$(this).parent().click();
			//check ze name if dose note exist add to list and to config then apply config
			});

			var dc0_li = $("<li>").css({padding:"5px"}).append(dc0_li_in);

			dc0_ul.append(dc0_li);

			var dc0 = $("<div>",{class:"btn-group",role:"group"}).append(dc0_b).append(dc0_ul);

			controls.find("#controls_td").append(bc0).append(pre_bc1).append(dc0);

			return controls;
			}

			function init_ui_dropdown(record,index){
			var res = 0;
			for(var j=0;j<record.configs.length;j++){

			dropdown_add_list_item(record,index,j);

			if (record.configs[j].state==1){
			$("#dropdown_"+index).html(record.configs[j].name+caret);
			res = j;
			}
			}
			return res;
			}

			function dropdown_active_config(record){
			for(var j=0;j<record.configs.length;j++){
			if (record.configs[j].state==1){
			return j;
			}
			}
			return 0;
			}

			function dropdown_add_list_item(record,index,j){
			var lentry = $("<li>",{
			myindex:index,
			confindex:j
			}).html(record.configs[j].name);

			lentry.css({padding:"5px", cursor:"pointer"})
			.hover(function(){
			$(this).addClass("even").removeClass("odd");
			},function(){
			$(this).addClass("odd").removeClass("even");
			});

			lentry.click(function(){
			var index = $(this).attr("myindex");
			var confindex = $(this).attr("confindex");
			dropdown_select_config(index,confindex);
			});

			$("#controls_"+index).find("ul").append(lentry);
			}

			function dropdown_select_config(index,config_index){
			var record = debugfs_data[index];
			var ac = dropdown_active_config(record);

			var name_new = record.configs[config_index].name;
			var name_old = record.configs[ac].name;

			if (name_new==name_old){
			console.log("Already selected, doing nothing");
			}else{
			$("#dropdown_"+index).html(record.configs[config_index].name+caret);
			record.configs[ac].state = 0;
			record.configs[config_index].state = 1;

			var target = $("#content_"+index).find("#content_td");

			fill_content(record.configs[config_index].lines,index,target);
			fill_content_rebind_events();
			//restore checkboxes!
			update_debugfs_config(index);
			}
			}

			function update_debugfs_config(index){
			var file = debugfs_data[index].file;
			console.log("syncing debugfs config");
			//console.log(debugfs_data);
			$.ajax({
			type: "POST",
			url: "debugfs.php?cmd=sync&file="+file,
			data: JSON.stringify(debugfs_data),
			dataType: "json"
			});
			}

debugfs.php

0 → 100644

+299 −0

File added.

Preview size limit exceeded, changes collapsed.

Admin message