catarse_full 0.0.1

data/app/assets/javascripts/app/.gitkeep

@@ -0,0 +1 @@
+

data/app/assets/javascripts/app/adm/users.js

@@ -0,0 +1,50 @@
+App.addChild('AdmUsers', {
+  el: '#main_content[data-controller-class="adm::userscontroller"]',
+
+  events: {
+    'click [data-sort]' : 'sort'
+  },
+
+  activate: function(){
+    this.form = this.$('.bootstrap-form form');
+    this.table = this.$('.data-table');
+    this.selectSorting();
+  },
+
+  getSorting: function(){
+    var sortField = this.form.find('[name=order_by]')
+
+    // set sorting default if empty
+    if(sortField.val().length == 0){
+      sortField.val('coalesce(user_totals.sum,0) DESC')
+    }
+    var sort = sortField.val().split(' ');
+    return {field: sort[0], order: sort[1]};
+  },
+
+  selectSorting: function(){
+    var link = this.$('a[data-sort="' + this.getSorting().field + '"]');
+    var sortOrder = link.siblings('span.sort-order');
+    // Clean old sort orders
+    this.$('[data-sort]').siblings('span.sort-order').html('');
+
+    // Add sorting order to header
+    if(this.getSorting().order == 'DESC'){
+      sortOrder.html('(desc)');
+    }
+    else {
+      sortOrder.html('(asc)');
+    }
+  },
+
+  sort: function(event){
+    var link = $(event.target);
+    var sortField = this.form.find('[name=order_by]');
+
+    // Put sorting data in hidden field and select sorting
+    sortField.val(link.data('sort') + ' ' + (this.getSorting().order == 'ASC' ? 'DESC' : 'ASC'));
+    this.selectSorting();
+    this.form.submit();
+    return false;
+  }
+});

data/app/assets/javascripts/app/app.js

@@ -0,0 +1,50 @@
+var App = window.App = Skull.View.extend({
+  el: 'html',
+
+  events: {
+    "click a.my_profile_link" : "toggleMenu"
+  },
+
+  beforeActivate: function(){
+    this.$search = this.$('#pg_search');
+    this.router = new Backbone.Router;
+  },
+
+  activate: function(){
+    this.$(".best_in_place").best_in_place();
+    this.$dropdown = this.$('.dropdown.user');
+    this.flash();
+    this.notices();
+    Backbone.history.start({pushState: false});
+    this.$('input[data-mask]').each(this.maskElement);
+  },
+
+  flash: function() {
+    var that = this;
+    this.$flash = this.$('.flash');
+
+    setTimeout( function(){ that.$flash.slideDown('slow') }, 100)
+    if( ! this.$('.flash a').length) setTimeout( function(){ that.$flash.slideUp('slow') }, 16000)
+    $(window).click(function(){ that.$('.flash a').slideUp() })
+  },
+
+  notices: function() {
+    var that = this;
+    setTimeout( function(){ this.$('.notice-box').fadeIn('slow') }, 100)
+    if(this.$('.notice-box').length) setTimeout( function(){ that.$('.notice-box').fadeOut('slow') }, 16000)
+    $('.notice-box a.notice-close').on('click', function(){ that.$('.notice-box').fadeOut('slow') })
+  },
+
+  maskElement: function(index, el){
+    var $el = this.$(el);
+    $el.mask($el.data('mask') + '');
+  },
+
+  toggleMenu: function(){
+    this.$dropdown.slideToggle('fast');
+  }
+});
+
+$(function(){
+  var app = window.app = new App();
+});

data/app/assets/javascripts/app/backer.js

@@ -0,0 +1,60 @@
+App.addChild('Backer', _.extend({
+  el: 'form#backer_form',
+
+  events: {
+    'change #backer_value' : 'resetReward',
+    'click input[type=radio]' : 'clickReward',
+    'click #backer_anonymous' : 'clickAnonymous',
+    'change #backer_credits' : 'checkCredits'
+  },
+
+  checkCredits: function(event){
+    if(event.currentTarget.checked && parseInt(this.credits.val()) < parseInt(this.value.val())) {
+      this.value.val(this.credits.val());
+      this.resetReward();
+    }
+  },
+
+  clickAnonymous: function(){
+    $('#anonymous_warning').fadeToggle();
+  },
+
+  clickReward: function(event){
+    var option = this.$(event.currentTarget);
+    this.selectReward(option);
+    this.value.val(this.reward().minimum_value);
+  },
+
+  reward: function(){
+    var $reward = this.$('input[type=radio]:checked');
+    if($reward.length > 0){
+      return _.find(this.rewards, function(r){ return r.id == $reward.val() });
+    }
+  },
+
+  selectReward: function(reward){
+    this.choices.removeClass('selected');
+    reward.prop('checked', true);
+    reward.parents('.choice:first').addClass('selected')
+  },
+
+  resetReward: function(event){
+    var reward = this.reward();
+    if(reward){
+      var value = this.value.val();
+      if(!(/^(\d+)$/.test(value)) || (parseInt(value) < reward.minimum_value)){
+        this.selectReward(this.$('#backer_reward_id'));
+      }
+    }
+  },
+
+  activate: function(){
+    this.value = this.$('#backer_value');
+    this.rewards = this.value.data('rewards');
+    this.choices = this.$('li.choice');
+    this.credits = this.$('#credits'); 
+    this.selectReward(this.$('input[type=radio]:checked'));
+    this.setupForm();
+  }
+}, Skull.Form));
+

data/app/assets/javascripts/app/devise/feedback_support.js

@@ -0,0 +1,23 @@
+App.addChild('FeedbackSupport', {
+  el: '#bootstrap-feedback',
+
+  events: {
+    'click .feedback-support[data-toggle="closed"]': 'openFeedbackSupport',
+    'click .feedback-support[data-toggle="opened"] .toggle': 'closeFeedbackSupport',
+  },
+
+  activate: function() {
+    this.$feedbackSupportClosed = this.$('.feedback-support[data-toggle="closed"]').addClass('closed');
+    this.$feedbackSupportOpened = this.$('.feedback-support[data-toggle="opened"]');
+  },
+
+  openFeedbackSupport: function() {
+    this.$feedbackSupportClosed.fadeOut('fast');
+    this.$feedbackSupportOpened.fadeIn('slow');
+  },
+
+  closeFeedbackSupport: function() {
+    this.$feedbackSupportOpened.fadeOut('fast')
+    this.$feedbackSupportClosed.fadeIn('slow');
+  },
+});

data/app/assets/javascripts/app/explore.js

@@ -0,0 +1,65 @@
+App.addChild('Explore', _.extend({
+  el: '#main_content[data-action="index"][data-controller-name="explore"]',
+
+  routeFilters: {
+    recent: { recent: true },
+    expiring: { expiring: true },
+    recommended: { recommended: true },
+    successful: { successful: true }
+  },
+
+  activate: function(){
+    this.$loader = this.$("#loading img");
+    this.$loaderDiv = this.$("#loading");
+    this.$results = this.$(".results");
+    this.path = this.$("#explore_results").data('projects-path');
+
+    this.route('recommended');
+    this.route('expiring');
+    this.route('recent');
+    this.route('successful');
+    this.route('by_category_id/:id');
+    this.route('near_of/:state');
+
+    this.setInitialFilter();
+    this.setupScroll();
+
+    if(window.location.hash == ''){
+      this.fetchPage();
+    }
+  },
+
+  selectLink: function(){
+    this.$('a.selected').removeClass('selected');
+    this.$('a[href="' + window.location.hash + '"]').addClass('selected');
+  },
+
+  followRoute: function(route, name, params){
+    this.filter = {};
+    if(params.length > 0){
+      this.filter[name] = params[0];
+    }
+    else{
+      this.filter[name] = true;
+    }
+    this.firstPage();
+    this.fetchPage();
+    if(this.parent && this.parent.$search.length > 0){
+      this.parent.$search.val('');
+    }
+    this.selectLink();
+  },
+
+  setInitialFilter: function(){
+    var search = null;;
+    if(this.parent && (search = this.parent.$search.val())){
+      this.filter = { pg_search: search };
+    }
+    else{
+      this.filter = {
+        recommended: true,
+        not_expired: true
+      };
+    }
+  }
+}, Skull.InfiniteScroll));

data/app/assets/javascripts/app/mix_panel.js

@@ -0,0 +1,76 @@
+App.addChild('MixPanel', {
+  el: 'body',
+
+  activate: function(){
+    this.user = null;
+    this.trackUserClickOnProjectsImage();
+    this.trackUserClickOnProjectsTitle();
+    this.trackUserClickOnBackButton();
+    this.trackUserClickOnRecommendedProject();
+    this.trackUserClickOnReviewAndMakePayment();
+    this.trackUserClickOnAcceptTerms();
+    this.trackUserClickOnPaymentButton();
+    this.trackUserClickOnReward();
+  },
+
+  identifyUser: function(){
+    this.user = this.$el.data('user');
+    if (this.user){
+      mixpanel.name_tag(this.user.id + '-' + this.user.name);
+      mixpanel.identify(this.user.id);
+    }
+  },
+
+  trackOnMixPanel: function(target, event, text, options){
+    var self = this;
+    this.$(target).on(event, function(){
+      self.identifyUser();
+      var obj     = $(this);
+      var usr     = (self.user != null) ? self.user.id : null;
+      var ref     = (obj.attr('href') != undefined) ? obj.attr('href') : null;
+      var opt     = options || {};
+      var default_options = {
+        'page name':  document.title,
+        'user_id':    usr,
+        'project':    ref,
+        'url':        window.location
+      };
+      var opt     = $.fn.extend(default_options, opt);
+
+      mixpanel.track(text, opt);
+    });
+  },
+
+  trackUserClickOnReward: function(){
+    this.trackOnMixPanel('#rewards .clickable', 'click', 'Clicked on a reward');
+    this.trackOnMixPanel('#rewards .clickable_owner span.avaliable', 'click', 'Clicked on a reward');
+  },
+
+  trackUserClickOnRecommendedProject: function(){
+    this.trackOnMixPanel('#recommended_header h2', 'click', 'Clicked on a recommended banner');
+  },
+
+  trackUserClickOnReviewAndMakePayment: function(){
+    this.trackOnMixPanel('input#backer_submit', 'click', 'Clicked on Review and Make Payment');
+  },
+
+  trackUserClickOnAcceptTerms: function(){
+    this.trackOnMixPanel('label[for="accept"]', 'click', 'Accepted terms of use');
+  },
+
+  trackUserClickOnPaymentButton: function(){
+    this.trackOnMixPanel('form.moip input[type="submit"]', 'click', 'Made a payment')
+  },
+
+  trackUserClickOnBackButton: function(){
+    this.trackOnMixPanel('#back_project_form input', 'click', 'Clicked on Back this project');
+  },
+
+  trackUserClickOnProjectsImage: function(){
+    this.trackOnMixPanel('.box .cover a', 'click', 'Clicked on a projects image @ homepage');
+  },
+
+  trackUserClickOnProjectsTitle: function(){
+    this.trackOnMixPanel('.project_content h4','click', 'Clicked on a project\'s link box');
+  }
+});

data/app/assets/javascripts/app/payment.js

@@ -0,0 +1,23 @@
+App.addChild('Payment', _.extend({
+  el: '#main_content[data-action="create"][data-controller-name="backers"] #payment',
+
+  events: {
+    'click #payment_menu a' : 'onTabClick'
+  },
+
+  activate: function(){
+    this.onTabClick({target: this.$('#payment_menu a:first')});
+    this.on('selectTab', this.updatePaymentMethod);
+  },
+
+  updatePaymentMethod: function() {
+    var $selected_tab = this.$('#payment_menu a.selected');
+    $.post(this.$el.data('update-info-path'), {
+      backer: {
+        payment_method: $selected_tab.prop('id')
+      }
+    })
+  }
+
+}, Skull.Tabs));
+

data/app/assets/javascripts/app/project.js

@@ -0,0 +1,47 @@
+App.addChild('Project', _.extend({
+  el: '#main_content[data-action="show"][data-controller-name="projects"]',
+
+  events: {
+    'click #toggle_warning a' : 'toggleWarning',
+    'click a#embed_link' : 'toggleEmbed'
+  },
+
+  activate: function(){
+    this.$warning = this.$('#project_warning_text');
+    this.$embed= this.$('#project_embed');
+    this.route('about');
+    this.route('updates');
+    this.route('backers');
+    this.route('comments');
+    this.route('edit');
+    this.route('reports');
+  },
+
+  toggleWarning: function(){
+    this.$warning.slideToggle('slow');
+    return false;
+  },
+
+  toggleEmbed: function(){
+    this.loadEmbed();
+    this.$embed.slideToggle('slow');
+    return false;
+  },
+
+  followRoute: function(name){
+    var $tab = this.$('nav#project_menu a[href="' + window.location.hash + '"]');
+    if($tab.length > 0){
+      this.onTabClick({ target: $tab });
+    }
+  },
+
+  loadEmbed: function() {
+    var that = this;
+
+    if(this.$embed.find('.loader').length > 0) {
+      $.get(this.$embed.data('path')).success(function(data){
+        that.$embed.html(data);
+      });
+    }
+  }
+}, Skull.Tabs));

data/app/assets/javascripts/app/project/project_backers.js

@@ -0,0 +1,27 @@
+App.views.Project.addChild('ProjectBackers', _.extend({
+  el: '#project_backers',
+
+  activate: function(){
+    this.$loader = this.$("#backers-loading img");
+    this.$loaderDiv = this.$("#backers-loading");
+    this.$results = this.$(".results");
+    this.path = this.$el.data('path');
+    this.filter = {available_to_count: true};
+    this.setupScroll();
+    this.parent.on('selectTab', this.fetchPage);
+  },
+
+  events:{
+    "click input[type='radio'][name=backer_state]": "showBackers"
+  },
+
+  showBackers: function(){
+    var state = $('input:radio[name=backer_state]:checked').val();
+    this.filter = {};
+    this.filter[state] = true;
+    this.firstPage();
+    this.fetchPage();
+  }
+
+}, Skull.InfiniteScroll));
+

data/app/assets/javascripts/app/project/project_comments.js

@@ -0,0 +1,14 @@
+App.views.Project.addChild('ProjectComments', {
+  el: '#project_comments',
+
+  activate: function(){
+    this.parent.on('selectTab', this.render);
+  },
+
+  render: function(){
+    if(this.$el.is(':visible')){
+      this.$el.html('<div class="fb-comments" data-href=' + (window.location.host + '/' + window.location.pathname.split('/')[2]) + ' data-num-posts=50 data-width="610"></div>');
+      FB.XFBML.parse();
+    }
+  }
+});