External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-11 10:00:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

Bundle angular templates for app

Browse Source 
We were already bundling angular templates for node tests; this commit
reuses the same setup to include them in the app; this means any
new-style template (those under js folder) will be included in angular's
template cache when the app loads, thereby skipping the ajax request for
that template. Huzzah!
This commit is contained in:
Joe Fiorini 2015-07-14 13:16:19 -04:00
parent 6555eb8923
commit df8859beb7
3 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
awx/ui/static/js/app.js
View File

@ -86,6 +86,7 @@ var tower = angular.module('Tower', [
dashboard.name,
moment.name,
templateUrl.name,
'templates',
'AuthService',
'Utilities',
'LicenseHelper',

44
awx/ui/static/js/shared/icon/icon.directive.js
View File

@ -1,30 +1,44 @@
export default
[ 'templateUrl',
function(templateUrl) {
'$rootScope',
function(templateUrl, $rootScope) {
return {
restrict: 'E',
templateUrl: templateUrl('shared/icon/icon'),
scope: {
},
link: function(scope, element, attrs) {
var svg = $('svg', element);
var iconPath = '#' + attrs.name;
// Make a copy of the <symbol> tag to insert its contents into this
// element's svg tag
var content = $(iconPath).clone();
function buildSvgs() {
var svg = $('svg', element);
var iconPath = '#' + attrs.name;
// Copy classes & viewBox off the <symbol> so that we preserve any styling
// when we copy the item inline
var classes = $(iconPath).attr('class');
if ($(iconPath).length === 0) {
return;
}
// viewBox needs to be access via native
// javascript's setAttribute function
var viewBox = $(iconPath)[0].getAttribute('viewBox');
// Make a copy of the <symbol> tag to insert its contents into this
// element's svg tag
var content = $(iconPath).clone();
svg[0].setAttribute('viewBox', viewBox);
svg.attr('class', classes)
.html(content.contents());
// Copy classes & viewBox off the <symbol> so that we preserve any styling
// when we copy the item inline
var classes = $(iconPath).attr('class');
// viewBox needs to be access via native
// javascript's setAttribute function
var viewBox = $(iconPath)[0].getAttribute('viewBox');
svg[0].setAttribute('viewBox', viewBox);
svg.attr('class', classes)
.html(content.contents());
}
$rootScope.$on('include-svg.svg-ready', function() {
buildSvgs();
});
buildSvgs();
}
};

3
awx/ui/static/js/shared/icon/include-svg.directive.js
View File

@ -1,4 +1,4 @@
export default ['$http', function($http) {
export default ['$http', '$rootScope', function($http, $rootScope) {
return {
restrict: 'E',
link: function(scope, element, attrs) {
@ -6,6 +6,7 @@ export default ['$http', function($http) {
$http.get(path).then(function(response) {
element.append(response.data);
$rootScope.$emit('include-svg.svg-ready');
});
}
};