fossasia/loklak_webclient

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

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

/**
 * @ngInject
 */

directivesModule.directive('searchModal', ['$location', '$timeout', '$rootScope', 'HelloService', 'AppSettings',  function($location, $timeout, $rootScope, HelloService, AppSettings) {
    return {
        scope: {
            modalData: '=',
            switchToSwipe: '=',
            tweetModalShow: '=',
        },
        templateUrl: 'search-modal.html',
        controller: function($scope, $element) {
            $scope.showMoreAction = false;

            // Modal can be closed by clicking around the modal
            $scope.closeModal = function(event) {
                if (event.target.className === "modal-wrapper modal-show") {
                    $scope.tweetModalShow = false;
                    $scope.showMoreAction = false;
                }
            };

            // Show more action when click on the three dots
            $scope.toggleShowMoreAction = function() {
                $scope.showMoreAction = !$scope.showMoreAction;
            };

            // Actions in the 'more actions' groups
            $scope.openSingleTweet = function(status_id) {
                var newPath = '/tweet';
                var queryargs = {
                    q: 'id:' + status_id
                };
                $location.path(newPath).search(queryargs);
            };

            $scope.retweet = function(id) {
                console.log(id);
                $rootScope.root.hello('twitter').api('me/share', 'POST', {
                    id : id
                });
            };

            $scope.favorite = function(id) {
                console.log("Search Modal");
                console.log(id);
                $rootScope.root.hello('twitter').api('me/like', 'POST', {
                    id : id
                });
            };
        },
        link: function(scope, element, attrs) {
            // Modal can be closed by 'ESC' keydown
            angular.element(document).bind("keydown", function(event) {
                if (event.keyCode === 27) {
                    scope.$apply(function() {
                        scope.tweetModalShow = false;   
                        scope.showMoreAction = false;
                    });
                }
            });
        },
      };
}]);