Software Público Brasileiro

// The template code
var templateSource = document.getElementById('proposal-template').innerHTML;

// compile the template
var template = Handlebars.compile(templateSource);

var supportProposalTemplate = Handlebars.compile(document.getElementById('support-proposal-template').innerHTML);
var loginTemplate = Handlebars.compile(document.getElementById('login').innerHTML);
var resultsTemplate = Handlebars.compile(document.getElementById('results').innerHTML);

// The div/container that we are going to display the results in
var resultsPlaceholder = document.getElementById('proposal-result');

var topics;

var logged_in = false;

var loginButton;

var participa = true;
if(participa){
  var host = 'http://www.participa.br';
  var private_token = '375bee7e17d0021af7160ce664874618';  //participa
  var proposal_discussion = '92856'; //participa
}else{
  var host = 'http://noosfero.com:3000';
  //var private_token = 'bd8996155f5ea4354e42fee50b4b6891'; //casa
  var private_token = '04c9b36cf0afba52915fe86f182e741c'; //local serpro
  var proposal_discussion = '632'; //local serpro
  //var proposal_discussion = '401'; //casa
}

// Set isProduction to true when at production environment
// Set isProduction to false when at development environment
var isProduction = false; // default is true
if( isProduction ){
  var noosferoAPI = host + '/api/v1/articles/' + proposal_discussion + '?private_token=' + private_token + '&fields=id,children,categories,abstract,body,title,image,url';
} else {
  var noosferoAPI = '/data.json';
}

$.getJSON(noosferoAPI)
  .done(function( data ) {
    data['host'] = host;
    data['private_token'] = private_token;
    resultsPlaceholder.innerHTML = template(data);
    $('.login-container').html(loginTemplate());
    $('.countdown').maxlength({text: '%left caracteres restantes'});

    navigateTo(window.location.hash);

    //Actions for links
    $( '#nav-proposal-categories a' ).click(function(event){
      event.preventDefault();

      var $link = $(this);

      // Update URL and Navigate
      updateHash($link.attr('href'));
    });

    $( '#nav-proposal-group a' ).click(function(event){
      event.preventDefault();

      var $link = $(this);

      // Update URL and Navigate
      updateHash($link.attr('href'));
    });

    $( '.proposal-item a' ).click(function(event){
      var $link = $(this);
      var item = $link.data('target');

      // Update URL and Navigate
      updateHash($link.attr('href'));
    });

    $( '.proposal-category a' ).click(function(event){
      event.preventDefault();

      var $link = $(this);
      var item = $link.data('target');

      // Update URL and Navigate
      updateHash($link.attr('href'));
    });

    $( '.proposal-category .go-back' ).click(function(event){
      event.preventDefault();

      var oldHash = window.location.hash;
      var regexSubpages = /sobre-o-programa$/;
      var isSubpage = regexSubpages.exec(oldHash) !== null;
      var newHash = '#/temas'; // default page

      if(isSubpage){
        // return to proposal page
        newHash = oldHash.split('/sobre-o-programa')[0];
      }

      // Update URL and Navigate
      updateHash(newHash);
    });

    $( '.send-button a' ).click(function(event){
      //display form to send proposal (or login form for non-logged users)
      var $this = $(this);
      loginButton = $this.parents('.send-button');
      loginButton.hide();
      $this.parents('.success-proposal-sent').hide();
      loginCallback(logged_in);
      event.preventDefault();
    });

    $( '#display-contrast' ).click(function(event){
      $('#proposal-result').toggleClass('contrast');
    });

    $( '.show_body a' ).click(function(event){
      event.preventDefault();

      var $link = $(this);
      var item = $link.data('target');

      // Update URL and Navigate
      updateHash($link.attr('href'));
    });

    $( '.go-to-proposal-button a' ).click(function(event){
      event.preventDefault();

      var $link = $(this);
      var item = $link.data('target');

      // Update URL and Navigate
      updateHash($link.attr('href'));
    });

    $( '.proposal-selection' ).change(function(event){
      display_proposal('proposal-item-' + this.value);
    });

    var availableTags = [ ];
    $('#proposal-group li a').each(function(){
      availableTags.push({ label: $(this).text(), value: $(this).attr('href')});
    });

    $( "#search-input" ).autocomplete({
      source: availableTags,
      minLength: 3,
      select: function( event, ui ) {
        updateHash(ui.item.value);
        return false;
      },
      appendTo: '#search-input-container',
      messages: {
        noResults: '',
        results: function() {}
      }
    });


    $('.save-article-form').submit(function (e) {
      e.preventDefault();
      var proposal_id = this.id.split('-').pop();
      var form = this;
      var message = $(form).find('.message');
      message.hide();
      message.text('');
      $.ajax({
        type: 'post',
        url: host + '/api/v1/articles/' + proposal_id + '/children',
        data: $('#'+this.id).serialize() + "&private_token="+private_token+"&fields=id&article[name]=article_"+guid()
      })
      .done(function( data ) {
        form.reset();
        $(form).hide();
        $(form).siblings('.success-sent').show();
      })
      .fail(function( jqxhr, textStatus, error ) {
        var err = textStatus + ", " + error;
        console.log( "Request Failed: " + err );
        message.show();
        message.text('Não foi possível enviar.');
       });
    });

  })
  .fail(function( jqxhr, textStatus, error ) {
    var err = textStatus + ", " + error;
    console.log( "Request Failed: " + err );
  });

function loadRandomProposal(topic_id, private_token) {
  $(".no-proposals").hide();
  $(".loading").show();
  $('.random-proposal').html('');
  var url = host + '/api/v1/articles/' + topic_id + '/children' + '?private_token=' + private_token + '&limit=1&order=random()&_='+new Date().getTime()+'&fields=id,name,abstract,created_by&content_type=ProposalsDiscussionPlugin::Proposal';
  $.getJSON(url).done(function( data ) {
    $(".loading").hide();

    if(data.articles.length == 0) {
      $(".no-proposals").show();
      return;
    }

    var article = data.articles[0];
    $('.random-proposal').html(supportProposalTemplate(article));
    // $(".abstract").dotdotdot();
    $(document.body).off('click', '.vote-actions .skip');
    $(document.body).on('click', '.vote-actions .skip', function(e) {
      loadRandomProposal(topic_id, private_token);
      e.preventDefault();
    });
    $(document.body).off('click', '.vote-actions .like');
    $(document.body).on('click', '.vote-actions .like', function(e) {
      $.ajax({
        type: 'post',
        url: host + '/api/v1/articles/' + article.id + '/vote',
        data: {
          value: $(this).data('vote-value'),
          private_token: private_token
        }
      }).done(function( data ) {
        loadRandomProposal(topic_id, private_token);
      });
      e.preventDefault();
    });

    $(document.body).off('click', '.vote-result');
    $(document.body).on('click', '.vote-result', function(e) {
      $('.results-container').toggle();
      if($('.results-container').is(":visible")) {
        $('.results-container .loading').show();
        $('.results-container .results-content').hide();
        var url = host + '/api/v1/articles/' + topic_id + '/children' + '?private_token=' + private_token + '&limit=10&order=votes_score&fields=id,name,abstract,votes_for,votes_against&content_type=ProposalsDiscussionPlugin::Proposal';
        $.getJSON(url).done(function( data ) {
          $('.results-container').html(resultsTemplate(data));
          $('.results-container .loading').hide();
          $('.results-container .results-content').show();
          $("html, body").animate({ scrollTop: $(document).height() }, "fast");
        });
        $('.experience-proposal-container').hide();
        $('.talk-proposal-container').hide();
      } else {
        $('.experience-proposal-container').show();
        $('.talk-proposal-container').show();
      }
      e.preventDefault();
    });
  });
}

jQuery(document).ready(function($) {
  if($.cookie('_dialoga_session')) {
    var url = host + '/api/v1/users/me?private_token=' + $.cookie('_dialoga_session');
    $.getJSON(url).done(function( data ) {
      logged_in = true;
      private_token = $.cookie('_dialoga_session');
    });
  }
});

function loginCallback(loggedIn, token) {
  logged_in = loggedIn;
  $('.login .message').text('');

  if(logged_in) {
    if(token) private_token = token;
    loginButton.siblings('.save-article-form').show();
    loginButton.siblings('.save-article-form .message').show();
    loginButton.siblings('.login-container').hide();
    $.cookie('_dialoga_session', private_token);
  } else {
    loginButton.siblings('.save-article-form').hide();
    loginButton.siblings('.login-container').show();
  }
}

function oauthPluginHandleLoginResult(loggedIn, token) {
  loginCallback(loggedIn, token);
}

jQuery(document).ready(function($) {
  $(document).on('click', '.login-action', function(e) {
    var message = $('.login .message')
    message.hide();
    message.text('');
    $.ajax({
      type: 'post',
      url: host + '/api/v1/login',
      data: $(this).parents('.login').serialize(),
      xhrFields: {
        //withCredentials: true
      }
    }).done(function(data) {
      loginCallback(true, data.private_token);
    }).fail(function(data) {
      message.show();
      message.text('Não foi possível logar');
    });
    e.preventDefault();
  });
});

function guid() {
  function s4() {
    return Math.floor((1 + Math.random()) * 0x10000)
      .toString(16)
      .substring(1);
  }
  return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
    s4() + '-' + s4() + s4() + s4();
}

function display_category_tab(){
  $('#proposal-group').hide();
  $('#proposal-categories').show();
  $('#nav-proposal-categories a').addClass('active');
  $('#nav-proposal-group a').removeClass('active');
  $('.proposal-category-items').hide();
  $('.proposal-category .arrow-box').hide();
  $('.proposal-detail').hide();

  $('#content').show();
  $('nav').show();
}

function display_proposals_tab(){
  $('#proposal-categories').hide();
  $('#proposal-group').show();
  $('#nav-proposal-group a').addClass('active');
  $('#nav-proposal-categories a').removeClass('active');
  $(".proposal-item p").dotdotdot();

  $('#content').show();
  $('nav').show();
}

function display_proposal(proposal_id){
  $('#proposal-categories').hide();
  $('#proposal-group').hide();
  $('nav').hide();
  $('#content').hide();
  $('.make-proposal-form').hide();
  $('.login-container').hide();
  $('.proposal-detail').hide();

  $('.proposal-detail-base').hide();
  $('#' + proposal_id).show();
  $('.proposal-header').show();
  $('.make-proposal-container').show();
  $('.support-proposal-container').show();
  $('.results-container').show();
  $('.experience-proposal-container').show();
  $('.talk-proposal-container').show();

  var topic_id = proposal_id.split('-').pop();
  loadRandomProposal(topic_id, private_token);
}

function display_proposal_detail(){
  $('#proposal-categories').hide();
  $('#proposal-group').hide();
  $('nav').hide();
  $('#content').hide();
  $('.make-proposal-form').hide();
  $('.proposal-header').hide();
  $('.make-proposal-container').hide();
  $('.support-proposal-container').hide();
  $('.results-container').hide();
  $('.experience-proposal-container').hide();
  $('.talk-proposal-container').hide();

  $('.body').show();
  $("html, body").animate({ scrollTop: 0 }, "fast");
}

function display_proposal_by_category(item){
  var $item = $('#' + item);
  
  if($item.hasClass('proposal-category-items')){
    //Display Topics or Discussion by category
    $('nav').show();
    $('#content').show();
    $('#proposal-categories').show();
    $('#nav-proposal-categories a').addClass('active');
    $('#nav-proposal-group a').removeClass('active');
    $('.proposal-category-items').hide();
    $('.proposal-detail').hide();
    $item.show();
    $(".proposal-item p").dotdotdot();
    $('.proposal-category .arrow-box').hide();
    var categorySlug = $item.data('category');
    $('#proposal-category-' + categorySlug).find('.arrow-box').show();
  }
}

function updateHash(hash){
  var id = hash.replace(/^.*#/, '');
  var elem = document.getElementById(id);

  if ( !elem ) {
    window.location.hash = hash;
    return;
  }

  elem.id = id+'-tmp';
  window.location.hash = hash;
  elem.id = id;
}

function locationHashChanged(){
  var hash = location.hash;
  navigateTo(hash);
}

function navigateTo(hash){
  var regexProposals = /#\/programas/;
  var regexCategory = /#\/temas/;
  var parts = hash.split('/');
  
  var isProposal = regexProposals.exec(hash) !== null;
  var isCategory = regexCategory.exec(hash) !== null;

  if( isProposal ){
    
    // go to proposal 
    var proposalId = parts[2];
    navigateToProposal(proposalId);

    return;
  }

  if( isCategory ){
    
    // go to category 
    var categoryId = parts[3];
    navigateToCategory(categoryId);

    return;
  }

  // default
  // show the 'index' -> category tab
  display_category_tab();
  console.log('route not handled', hash);
}

function navigateToProposal(proposalId){  
  if(proposalId === undefined){
    display_proposals_tab();
  }else{
    display_proposal('proposal-item-' + proposalId);

    // show sub-page
    var regexSubpages = /sobre-o-programa$/;
    var m;
    if((m = regexSubpages.exec(window.location.hash)) !== null ){
      display_proposal_detail();
    }
  }
}

function navigateToCategory(categoryId){
  if(categoryId === undefined){
    display_category_tab();
  }else{
    display_proposal_by_category('proposal-item-' + categoryId)
  }
}

if("onhashchange" in window){
  window.onhashchange = locationHashChanged;
}else{
  console.log('The browser not supports the hashchange event!');
}