openstack/horizon
Code Issues Proposed changes

Merge "JSCS Cleanup - style guide cleanup for Util > Bind Scope"

Browse Source
This commit is contained in:
Jenkins 2015-07-03 09:11:46 +00:00 committed by Gerrit Code Review
commit 9156d5c179
3 changed files with 106 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
horizon/static/framework/util/bind-scope/bind-scope.directive.js Normal file
View File

@ -0,0 +1,67 @@
/*
* (c) Copyright 2015 Hewlett-Packard Development Company, L.P.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
(function () {
'use strict';
/**
* @ngdoc directive
* @name horizon.framework.util.bind-scope.directive:bindScope
* @element ng-repeat
* @description
* The `bindScope` directive injects the scope where it is
* instantiated into the transclusion function so that the
* transcluded content is rendered correctly. The content
* is then append to the element where 'bind-scope-target'
* is defined.
*
* @restrict A
*
* @example
* ```
* <tr ng-repeat bind-scope>
* <td></td>
* <td class="detail" bind-scope-target>
* </td>
* </tr>
* ```
*/
angular
.module('horizon.framework.util.bind-scope')
.directive('bindScope', bindScope);
function bindScope() {
var directive = {
restrict: 'A',
link: link
};
return directive;
//////////
function link(scope, element, attrs, ctrl, transclude) {
if (transclude) {
transclude(scope, function (clone) {
var detailElt = element.find('[bind-scope-target]');
if (detailElt.length) {
detailElt.append(clone);
}
});
}
}
}
})();

59
horizon/static/framework/util/bind-scope/bind-scope.js
View File

@ -1,59 +0,0 @@
(function () {
'use strict';
/**
* @ngdoc overview
* @name horizon.framework.util.bind-scope
* @description
*
* # horizon.framework.util.bind-scope
*
* This utility widget supports binding the scope where the directive is
* instantiated with the transcluded content. This is useful when trying
* to display transcluded content using the `ngRepeat` scope.
*
* | Directives |
* |--------------------------------------------------------------------------|
* | {@link horizon.framework.util.bind-scope.directive:bindScope `bindScope`} |
*
*/
angular.module('horizon.framework.util.bind-scope', [])
/**
* @ngdoc directive
* @name horizon.framework.util.bind-scope.directive:bindScope
* @element ng-repeat
* @description
* The `bindScope` directive injects the scope where it is
* instantiated into the transclusion function so that the
* transcluded content is rendered correctly. The content
* is then append to the element where 'bind-scope-target'
* is defined.
*
* @restrict A
*
* @example
* ```
* <tr ng-repeat bind-scope>
* <td></td>
* <td class="detail" bind-scope-target>
* </td>
* </tr>
* ```
*/
.directive('bindScope', function () {
return {
restrict: 'A',
link: function (scope, element, attrs, ctrl, transclude) {
if (transclude) {
transclude(scope, function (clone) {
var detailElt = element.find('[bind-scope-target]');
if (detailElt.length) {
detailElt.append(clone);
}
});
}
}
};
});
})();

39
horizon/static/framework/util/bind-scope/bind-scope.module.js Normal file
View File

@ -0,0 +1,39 @@
/*
* (c) Copyright 2015 Hewlett-Packard Development Company, L.P.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
(function () {
'use strict';
/**
* @ngdoc overview
* @name horizon.framework.util.bind-scope
* @description
*
* # horizon.framework.util.bind-scope
*
* This utility widget supports binding the scope where the directive is
* instantiated with the transcluded content. This is useful when trying
* to display transcluded content using the `ngRepeat` scope.
*
* | Directives |
* |--------------------------------------------------------------------------|
* | {@link horizon.framework.util.bind-scope.directive:bindScope `bindScope`} |
*
*/
angular
.module('horizon.framework.util.bind-scope', []);
})();