fab-manager/app/assets/javascripts/directives/settings/text-setting.js.erb

Application.Directives.directive('textSetting', ['Setting', 'growl', '_t',
  function (Setting, growl, _t) {
    return ({
      restrict: 'E',
      scope: {
        name: '@',
        label: '@',
        settings: '=',
        classes: '@',
        faIcon: '@',
        placeholder: '@',
        required: '<',
        type: '@'
      },
      templateUrl: '<%= asset_path "admin/settings/text.html" %>',
      link ($scope, element, attributes) {
        // if type is not specified, use text as default
        if (typeof $scope.type === 'undefined') {
          $scope.type = 'text';
        }
        // The setting
        $scope.setting = {
          name: $scope.name,
          value: $scope.settings[$scope.name]
        };

        $scope.$watch(`settings.${$scope.name}`, function (newValue, oldValue, scope) {
          if (newValue !== oldValue) {
            $scope.setting.value = newValue;
          }
        });

        /**
         * Callback to save the setting value to the database
         * @param setting {{value:*, name:string}} note that the value will be stringified
         */
        $scope.save = function (setting) {
          let { value } = setting;

          Setting.update(
            { name: setting.name },
            { value },
            function () {
              growl.success(_t('app.admin.settings.customization_of_SETTING_successfully_saved', { SETTING: _t(`app.admin.settings.${setting.name}`) }));
              $scope.settings[$scope.name] = value;
            },
            function (error) {
              if (error.status === 304) return;

              growl.error(_t('app.admin.settings.an_error_occurred_saving_the_setting'));
              console.log(error);
            }
          );
        };
      }
    });
  }
]);