import template from "./Textarea.html";
import style from "antd/lib/input/style/index.css";
angular.module("esNgAntd").directive("antdTextarea", ["esNgAntd", function (esNgAntd) {
  return {
    template: template,
    restrict: "E",
    replace: true,
    transclude: true,
    scope: {
      value: "@",
      placeholder: "@",
      showCount: "=",
      maxLength: "=",
      onChange: "&"
    },
    controller: function ($scope) {
      $scope.state = {
        value: $scope.value,
        count: 0,
        maxLength: $scope.maxLength || "off"
      };

      $scope.handleKeyup = function (event) {
        if (!$scope.event) {
          $scope.event = event;
        }

        if ($scope.state.maxLength === "off") {
          return;
        }

        let target = event.target;
        $scope.state.count = target.value.length;
      };

      $scope.handleClick = function (event) {
        if (!$scope.event) {
          $scope.event = event;
        }
      };

      $scope.handleChange = function () {
        $scope.onChange({
          event: $scope.event
        });
      };
    },
    link: function ($scope) {
      esNgAntd.createStyle("ant-input", style);
    }
  };
}]);