fossasia/loklak_webclient

'use strict';
/* global $ */
/* jshint unused:false */

var directivesModule = require('./_index.js');

directivesModule.directive('card', ['$timeout', function($timeout) {
    return {
        scope: {
            data: '=',
        },
        templateUrl: 'wall/templates/card.html',
        controller: function($scope) {
            $scope.getClass = function() {
                if ($scope.data.images.length > 0) {
                    return 'col-xs-6';
                } else {
                    if ($scope.data.text.length > 70) {
                        return 'col-xs-4';
                    } else {
                        return 'col-xs-3';
                    }
                }
            };
        },
        link: function(scope, element, attrs) {
            if(attrs.leaderboardenabled === "true"){
                element.find('.card-content-text').css("font-size","2.3vh");
                element.find('.card-content-text').css("line-height","1.3em");
                element.find('.metadata').css("font-size","1.8vh");
            }
            $timeout(function() { //timeout is important
                var i = element.find('.tweet-image'); //find our image
                if (typeof(i) !== 'undefined' && i !== null) //check if it exists
                {
                  i.bind("load", function(e) {  //listen to the load method
                      if((i.parent().width()-this.clientWidth) !== 0) {
                        $(i.parent().parent().children()[1]).css("margin-left",((-1*(i.parent().width()-this.clientWidth))+5).toString() + 'px');
                    }
                  });
                }
            });


        }
    };
}]);