                   data-bind="css: { 'text-danger': !transformationScripts.isValid() && transformationScripts.isModified() }">No transformation scripts have been defined.
                                </h3>
                            </div>
                        </div>
                        <div data-bind="foreach: transformationScripts">
                            <div class="panel panel-hover item" data-bind="css: { active: $data === $parent.transformationScriptSelectedForEdit() }">
        