rubyang 0.1.0

data/lib/rubyang/restapi.rb

@@ -0,0 +1,4 @@
+# coding: utf-8
+
+require_relative 'restapi/httpd.rb'
+

data/lib/rubyang/restapi/httpd.rb

@@ -0,0 +1,62 @@
+# coding: utf-8
+
+require 'sinatra'
+require 'sinatra/contrib'
+require 'sinatra/reloader'
+require 'json'
+
+require_relative '../../rubyang'
+db = Rubyang::Database.new
+yang_str = <<-EOB
+	module module1 {
+		namespace "http://module1/";
+		prefix module1;
+		container container1 {
+			container container2 {
+				leaf leaf1 { type string; }
+			}
+		}
+	}
+EOB
+db.load_model Rubyang::Model::Parser.parse( yang_str )
+config = db.configure
+config.edit( 'container1' ).edit( 'container2' ).edit( 'leaf1' ).set( 'aaa' )
+
+
+get '/' do
+	respond_to do |f|
+		f.on( 'application/xml' ){
+			config = db.configure
+			config.to_xml( pretty: true )
+		}
+	end
+end
+
+get %r{/api(?:/(.+)[/]?)} do
+	respond_to do |f|
+		f.on( 'application/xml' ){
+			#{ params: ' '+params[:captures][0] }.to_json
+			config = db.configure
+			paths = params[:captures][0].split( '/' )
+			element = paths.inject( config ){ |parent, child| parent.edit( child ) }
+			element.to_xml( pretty: true )
+		}
+	end
+end
+
+post %r{/api(?:/(.+)[/]?)} do
+	body = request.body.read
+	respond_to do |f|
+		f.on( 'application/xml' ){
+			config = db.configure
+			paths = params[:captures][0].split( '/' )
+			element = paths.inject( config ){ |parent, child| parent.edit( child ) }
+		}
+	end
+end
+
+get %r{/api[/]?} do
+	respond_to do |f|
+		f.on( 'application/xml' ){ db.configure.to_xml( pretty: true ) }
+	end
+end

data/lib/rubyang/version.rb

@@ -0,0 +1,3 @@
+module Rubyang
+  VERSION = "0.1.0"
+end

data/lib/rubyang/webui.rb

@@ -0,0 +1,11 @@
+# coding: utf-8
+
+require_relative 'webui/app'
+
+module Rubyang
+	module WebUI
+	end
+end
+
+Rubyang::WebUI::App.run!
+

data/lib/rubyang/webui/app.rb

@@ -0,0 +1,74 @@
+# coding: utf-8
+
+require 'bundler/setup'
+
+require 'sinatra/base'
+require 'sinatra/reloader'
+require 'sinatra/content_for'
+
+require_relative '../../rubyang'
+require_relative 'make_json_schema'
+
+module Rubyang
+	module WebUI
+		class App < Sinatra::Base
+			set :environment, :development
+			set :bind, '0.0.0.0'
+
+			helpers Sinatra::ContentFor
+
+			configure :development do
+				register Sinatra::Reloader
+			end
+
+
+			target_yang = File.expand_path( File.dirname( __FILE__ ) ) + '/target.yang'
+			model = Rubyang::Model::Parser.parse( File.open( target_yang, 'r' ).read )
+			db = Rubyang::Database.new
+			db.load_model model
+
+
+			get '/' do
+				locals = Hash.new
+				erb :index, locals: locals
+			end
+
+			get '/api/reload_model' do
+				target_yang = File.expand_path( File.dirname( __FILE__ ) ) + '/target.yang'
+				model = Rubyang::Model::Parser.parse( File.open( target_yang, 'r' ).read )
+				db = Rubyang::Database.new
+				db.load_model @model
+				'{}'
+			end
+
+			get '/api/schema' do
+				schema_tree = db.configure.schema
+				data = make_json_schema( schema_tree )
+				puts data
+				sleep 0
+				data
+			end
+
+			get '/api/data' do
+				config = db.configure
+				data = config.to_json( pretty: true )
+				puts data
+				sleep 0
+				data
+			end
+
+			post '/api/data' do
+				request.body.rewind
+				data = request.body.read
+				puts data
+				db.configure.load_override_json( data )
+				sleep 1
+				'{}'
+			end
+
+			run! if app_file == $0
+		end
+	end
+end
+
+

data/lib/rubyang/webui/make_json_schema.rb

@@ -0,0 +1,63 @@
+# coding: utf-8
+
+def make_json_schema schema_tree
+	json_schema_tree = Array.new
+	make_json_schema_recursive json_schema_tree, schema_tree
+	return JSON.pretty_generate(json_schema_tree)
+end
+
+def make_json_schema_recursive json_schema_tree, schema_tree
+	case schema_tree.model
+	when nil
+		json_schema_tree.push Hash.new
+		json_schema_tree.last[:root] = Hash.new
+		json_schema_tree.last[:root][:name] = "root"
+		json_schema_tree.last[:root][:description] = "root"
+		json_schema_tree.last[:root][:children] = Array.new
+		schema_tree.children.each{ |child_schema_tree|
+			make_json_schema_recursive json_schema_tree.last[:root][:children], child_schema_tree
+		}
+	when Rubyang::Model::Container
+		json_schema_tree.push Hash.new
+		json_schema_tree.last[:container] = Hash.new
+		json_schema_tree.last[:container][:name] = schema_tree.model.arg
+		json_schema_tree.last[:container][:description] = schema_tree.model.substmt('description').first.arg
+		json_schema_tree.last[:container][:children] = Array.new
+		schema_tree.children.each{ |child_schema_tree|
+			make_json_schema_recursive json_schema_tree.last[:container][:children], child_schema_tree
+		}
+	when Rubyang::Model::List
+		json_schema_tree.push Hash.new
+		json_schema_tree.last[:list] = Hash.new
+		json_schema_tree.last[:list][:key] = schema_tree.model.substmt('key')[0].arg
+		json_schema_tree.last[:list][:name] = schema_tree.model.arg
+		json_schema_tree.last[:list][:description] = schema_tree.model.substmt('description').first.arg
+		json_schema_tree.last[:list][:children] = Array.new
+		schema_tree.children.each{ |child_schema_tree|
+			make_json_schema_recursive json_schema_tree.last[:list][:children], child_schema_tree
+		}
+	when Rubyang::Model::Leaf
+		json_schema_tree.push Hash.new
+		json_schema_tree.last[:leaf] = Hash.new
+		json_schema_tree.last[:leaf][:name] = schema_tree.model.arg
+		json_schema_tree.last[:leaf][:description] = schema_tree.model.substmt('description').first.arg
+		json_schema_tree.last[:leaf][:type] = schema_tree.type.arg
+	end
+end
+
+
+if __FILE__ == $0
+	require 'yaml'
+	require_relative '../../rubyang'
+
+	target_yang = File.expand_path( File.dirname( __FILE__ ) ) + '/target.yang'
+
+	model = Rubyang::Model::Parser.parse( File.open( target_yang, 'r' ).read )
+	db = Rubyang::Database.new
+	db.load_model model
+
+	schema_tree = db.configure.schema
+
+	json = make_json_schema schema_tree
+	puts json
+end

data/lib/rubyang/webui/public/js/webui.js

@@ -0,0 +1,326 @@
+// Global Variables
+id_index = -1;
+list_schema_tree = {};
+
+function next_id(){
+	id_index = id_index + 1;
+	var next_id = 'node' + id_index;
+	return next_id;
+}
+
+function make_form(trees, parent_id){
+	for(var i=0; i<trees.length; i++){
+		var stmt = Object.keys(trees[i])[0];
+		var tree = trees[i][stmt];
+		if(stmt == "root"){
+			var children = tree["children"];
+			make_form(children, parent_id);
+		}else if(stmt == "container"){
+			var child_schema_path = parent_id + '/' + tree["name"];
+			var child_id = next_id();
+			addcontainer(parent_id, child_id, child_schema_path, tree["name"], tree["description"], '');
+			var children = tree["children"];
+			make_form(children, child_id);
+		}else if(stmt == "list"){
+			var child_schema_path = parent_id + '/' + tree["name"];
+			var child_id = next_id();
+			addlist(parent_id, child_id, child_schema_path, tree["name"], tree["description"], '');
+			var children = tree["children"];
+			list_schema_tree[child_id] = children;
+		}else if(stmt == "leaf"){
+			var child_schema_path = parent_id + '/' + tree["name"];
+			var child_id = next_id();
+			addleaf(parent_id, child_id, child_schema_path, tree["name"], tree["description"], 'string', '');
+		}
+	}
+}
+
+function addcontainer(parent_id, id, schemapath, schemaname, description, options){
+	var panel = $('<div>')
+	var panelheading = $('<div>')
+	var panelbody = $('<div>')
+	var container = $('<div>');
+
+	panel.addClass('panel');
+	panel.addClass('panel-default');
+
+	panelheading.addClass('panel-heading');
+	panelheading.html(description);
+
+	panelbody.addClass('panel-body');
+
+	container.attr('id',id);
+	container.addClass('schemanode');
+	container.attr('data-schemanodetype','container');
+	container.attr('data-schemapath',schemapath);
+	container.attr('data-schemaname',schemaname);
+
+	$('#'+parent_id).append(panel);
+	panel.append(panelheading);
+	panel.append(panelbody);
+	panelbody.append(container);
+}
+
+function addlist(parent_id, id, schemapath, schemaname, description, options){
+	var panel = $('<div>')
+	var panelheading = $('<div>')
+	var panelbody = $('<div>')
+	var list = $('<div>');
+	var button = $('<button>');
+	var panelfooter = $('<div>')
+
+	panel.addClass('panel');
+	panel.addClass('panel-default');
+
+	panelheading.addClass('panel-heading');
+	panelheading.html(description);
+
+	panelbody.addClass('panel-body');
+
+	list.attr('id',id);
+	list.addClass('schemanode');
+	list.attr('data-schemanodetype','list');
+	list.attr('data-schemapath',schemapath);
+	list.attr('data-schemaname',schemaname);
+
+	panelfooter.addClass('panel-footer');
+
+	button.addClass('btn');
+	button.addClass('btn-success');
+	button.addClass('button-ok');
+	button.attr('type','button');
+	button.on('click',function(){
+		var child_id = next_id();
+		addlistelement(id,child_id,'');
+		make_form(list_schema_tree[id],child_id);
+	});
+	button.html('Add');
+
+	$('#'+parent_id).append(panel);
+	panel.append(panelheading);
+	panel.append(panelbody);
+	panelbody.append(list);
+	panel.append(panelfooter);
+	panelfooter.append(button);
+}
+
+function addlistelement(parent_id, id, options){
+	var panel = $('<div>')
+	var panelbody = $('<div>')
+	var listelement = $('<div>');
+	var button = $('<button>');
+	var panelfooter = $('<div>')
+
+	panel.addClass('panel');
+	panel.addClass('panel-default');
+
+	panelbody.addClass('panel-body');
+
+	listelement.attr('id',id);
+	listelement.addClass('schemanode');
+	listelement.attr('data-schemanodetype','listelement');
+
+	panelfooter.addClass('panel-footer');
+
+	button.addClass('btn');
+	button.addClass('btn-success');
+	button.addClass('button-ok');
+	button.attr('type','button');
+	button.on('click',function(){
+		$('#'+id).parent().parent().fadeOut('slow', function(){
+			$(this).remove();
+		});
+	});
+	button.html('Del');
+
+	$('#'+parent_id).append(panel);
+	panel.append(panelbody);
+	panelbody.append(listelement);
+	panel.append(panelfooter);
+	panelfooter.append(button);
+}
+
+function addleaflist(parent_id, id, schemapath, schemaname, description, options){
+	var list = $('<div>');
+	var h4 = $('<h4>');
+	var div = $('<div>');
+	var table = $('<table>');
+	var thead = $('<thead>');
+	var theadtr = $('<tr>');
+	var theadth0 = $('<th>');
+	var theadth1 = $('<th>');
+	var tbody = $('<thead>');
+	var tbodytr = $('<tr>');
+	var tbodytd0 = $('<td>');
+	var tbodytd1 = $('<td>');
+	list.attr('id','node4');
+	list.addClass('schemanode');
+	list.addClass('form-group');
+	list.attr('data-schemanodetype','list');
+	list.attr('data-schemapath','/container1/list');
+	list.attr('data-schemaname','list');
+	h4.html('List list');
+	list.append(h4);
+	container1.append(list);
+
+	table.addClass('table');
+	table.addClass('table-striped');
+	table.addClass('table-hover');
+	theadth0.html('col0');
+	theadth1.html('col1');
+	tbodytd0.html('body0');
+	tbodytd1.html('body1');
+	table.append(thead);
+	thead.append(theadtr);
+	theadtr.append(theadth0);
+	theadtr.append(theadth1);
+	table.append(tbody);
+	tbody.append(tbodytr);
+	tbodytr.append(tbodytd0);
+	tbodytr.append(tbodytd1);
+	div.append(table);
+	list.append(div);
+}
+
+function addleaf(parent_id, id, schemapath, schemaname, description, datatype, options){
+	var panel = $('<div>');
+	var panelbody = $('<div>');
+	var leaf = $('<div>');
+	var form = $('<form>')
+	var formgroup = $('<div>')
+	var label = $('<label>');
+	var input;
+
+	var id_form = id + 'form';
+
+	leaf.attr('id',id);
+	leaf.addClass('schemanode');
+	leaf.attr('data-schemanodetype','leaf');
+	leaf.attr('data-schemapath',schemapath);
+	leaf.attr('data-schemaname',schemaname);
+
+	formgroup.addClass('form-group');
+
+	label.attr('for', id_form);
+	label.html(description);
+
+	if(datatype == "string"){
+		input = $('<input>');
+		input.attr('id',id_form);
+		input.addClass('form-control');
+		input.attr('type', 'text');
+	}else if(datatype == "enumration"){
+		input = $('<select>');
+		input.attr('id',id_form);
+		input.addClass('form-control');
+		var option0 = $('<option>');
+		var option1 = $('<option>');
+		var option2 = $('<option>');
+		option1.html('1');
+		option2.html('2');
+		input.append(option0);
+		input.append(option1);
+		input.append(option2);
+	}else{
+	}
+
+	$('#'+parent_id).append(panel);
+	panel.append(panelbody);
+	panelbody.append(leaf);
+	leaf.append(form);
+	form.append(formgroup);
+	formgroup.append(label);
+	formgroup.append(input);
+}
+
+function set_config(trees, id){
+	console.log('set_config start');
+	Object.keys(trees).forEach(function(key){
+		console.log(key);
+		if(key == 'config'){
+			console.log('in config');
+			set_config(trees[key], id);
+		}else{
+			console.log('in else');
+			$('#'+id + ">>>" + ".schemanode").each(function(){
+				if($(this).data('schemaname') == key){
+					var schemanodetype = $(this).data('schemanodetype');
+					if(schemanodetype == 'container'){
+						console.log('container');
+						set_config(trees[key], this.id);
+					}else if(schemanodetype == 'list'){
+						console.log('list');
+						for(var i=0; i<trees[key].length; i++){
+							var child_id = next_id();
+							addlistelement(this.id, child_id, '');
+							make_form(list_schema_tree[this.id],child_id);
+							set_config(trees[key][i], child_id);
+						}
+					}else if(schemanodetype == 'leaf'){
+						console.log('leaf');
+						$(this).find("input").val(trees[key]);
+					}
+				}
+			});
+		}
+	});
+}
+
+function get_config(id){
+	var data = {};
+	if($('#'+id).data('schemanodetype') == "leaf"){
+		var value = $('#'+id).find("input").val();
+		data[$('#'+id).data('schemaname')] = value;
+	}else if($('#'+id).data('schemanodetype') == "container"){
+		var tmp = {};
+		$('#'+id + ">>>" + ".schemanode").each(function(){
+			$.each(get_config(this.id),function(key,value){
+				tmp[key] = value;
+			});
+		});
+		data[$('#'+id).data('schemaname')] = tmp;
+	}else if($('#'+id).data('schemanodetype') == "list"){
+		var tmp = [];
+		$('#'+id + ">>>" + ".schemanode").each(function(){
+			tmp.push(get_config(this.id));
+		});
+		data[$('#'+id).data('schemaname')] = tmp;
+	}else{
+		var tmp = {};
+		$('#'+id + ">>>" + ".schemanode").each(function(){
+			$.each(get_config(this.id),function(key,value){
+				tmp[key] = value;
+			});
+		});
+		if(id == 'root'){
+			data['config'] = tmp;
+		}else{
+			data = tmp;
+		}
+	}
+	return data;
+}
+
+$(".button-ok").on('click',function(){
+	if(window.confirm("Are you sure?")){
+		$('#myModal').modal();
+		var json = JSON.stringify(get_config('root'), " ", 2);
+		console.log(json);
+		//alert(json);
+		$.ajax({
+			type: 'POST',
+			url: "api/data",
+			dataType: 'json',
+			data: json,
+			timeout: 10000
+		}).done(function(data, status, xhr){
+			console.log(data);
+			alert('success');
+			location.reload();
+		}).fail(function(xhr, status, error){
+			alert('failed to send config');
+			$('#myModal').modal('hide');
+		}).always(function(){
+		});
+	}
+});