//var gun = Gun(['http://localhost:8080/gun']);
var gun = Gun();
var user = gun.user();

$('#up').on('click', function(e){
    user.create($('#alias').val(), $('#pass').val());
});

$('#sign').on('submit', function(e){
    e.preventDefault();
    user.auth($('#alias').val(), $('#pass').val());
});

user.recall({sessionStorage: true});

gun.on('auth', function(){
    $('#sign').hide();
    $('#logout').show();
  $('.auth_content').show();

  var notes_category =document.querySelector("#your_cat"), notes_category_item;
  notes_category.innerHTML = '';

  user.get('notes').get('category').map().once( function(data, key){
    notes_category_item =  ('<div class="" data-node="'+data._['#']+'" data-node-key="'+key+'">Title: '+data.name+'<br>Color: '+data.color+'</div><br>');
    notes_category.insertAdjacentHTML('beforeend', notes_category_item);

  });
});

$('#logout').on('click', function(e){
  $('#sign').show();
  $('#logout').hide();
  $('.auth_content').hide();
  user.leave();
  //location.reload();
});

document.getElementById("cat_add").addEventListener("click", function(e){
//$('#cat_add').on('click', function(e){
  e.preventDefault();
  if(!user.is){ return alert("login first") }

  var cat_title = document.querySelector('form input[name=cat_title]').value;
  var cat_color = document.querySelector('form select[name=cat_color]').value;
  var objectData = {name: cat_title, color: cat_color};
  console.log(objectData);
  //user.get('notes').get('category').get(Gun.time.is()).put(objectData);
  var $gk = {};
  $gk[Gun.time.is()] = objectData;
    user.get('notes').get('category').put($gk)

  document.querySelector('form input[name="cat_title"]').value = '';
  document.querySelector('form select[name="cat_color"]').selectedIndex = 1;

});

//Delete All data in node "Category"
document.getElementById("cat_all_delete").addEventListener("click", function(e){

  user.get('notes').get('category').put(null);


});