432 lines
14 KiB
JavaScript
432 lines
14 KiB
JavaScript
// Start the application code itself.
|
|
quayApp = angular.module('quay', ['restangular', 'angularMoment', 'angulartics', 'angulartics.mixpanel', '$strap.directives'], function($provide) {
|
|
$provide.factory('UserService', ['Restangular', function(Restangular) {
|
|
var userResponse = {
|
|
verified: false,
|
|
anonymous: true,
|
|
username: null,
|
|
email: null,
|
|
askForPassword: false,
|
|
}
|
|
|
|
var userService = {}
|
|
var currentSubscription = null;
|
|
|
|
userService.load = function() {
|
|
var userFetch = Restangular.one('user/');
|
|
userFetch.get().then(function(loadedUser) {
|
|
userResponse = loadedUser;
|
|
|
|
if (!userResponse.anonymous) {
|
|
mixpanel.identify(userResponse.username);
|
|
mixpanel.people.set({
|
|
'$email': userResponse.email,
|
|
'$username': userResponse.username,
|
|
'verified': userResponse.verified
|
|
});
|
|
mixpanel.people.set_once({
|
|
'$created': new Date()
|
|
})
|
|
}
|
|
});
|
|
};
|
|
|
|
userService.resetCurrentSubscription = function() {
|
|
currentSubscription = null;
|
|
};
|
|
|
|
userService.getCurrentSubscription = function(callback, failure) {
|
|
if (currentSubscription) { callback(currentSubscription); }
|
|
|
|
var getSubscription = Restangular.one('user/plan');
|
|
getSubscription.get().then(function(sub) {
|
|
currentSubscription = sub;
|
|
callback(sub);
|
|
}, failure);
|
|
};
|
|
|
|
userService.currentUser = function() {
|
|
return userResponse;
|
|
}
|
|
|
|
// Load the user the first time.
|
|
userService.load();
|
|
|
|
return userService;
|
|
}]);
|
|
|
|
$provide.factory('KeyService', ['$location', function($location) {
|
|
var keyService = {}
|
|
|
|
if ($location.host() === 'quay.io') {
|
|
keyService['stripePublishableKey'] = 'pk_live_P5wLU0vGdHnZGyKnXlFG4oiu';
|
|
keyService['githubClientId'] = '5a8c08b06c48d89d4d1e';
|
|
} else {
|
|
keyService['stripePublishableKey'] = 'pk_test_uEDHANKm9CHCvVa2DLcipGRh';
|
|
keyService['githubClientId'] = 'cfbc4aca88e5c1b40679';
|
|
}
|
|
|
|
return keyService;
|
|
}]);
|
|
|
|
$provide.factory('PlanService', ['Restangular', 'KeyService', function(Restangular, KeyService) {
|
|
var plans = null;
|
|
var planDict = {};
|
|
var planService = {}
|
|
|
|
planService.verifyLoaded = function(callback) {
|
|
if (plans) {
|
|
callback(plans);
|
|
return;
|
|
}
|
|
|
|
var getPlans = Restangular.one('plans');
|
|
getPlans.get().then(function(data) {
|
|
for(var i = 0; i < data.plans.length; i++) {
|
|
planDict[data.plans[i].stripeId] = data.plans[i];
|
|
}
|
|
plans = data.plans;
|
|
callback(plans);
|
|
}, function() { callback([]); });
|
|
};
|
|
|
|
planService.getPlanList = function(callback) {
|
|
planService.verifyLoaded(callback);
|
|
};
|
|
|
|
planService.getPlan = function(planId, callback) {
|
|
planService.verifyLoaded(function() {
|
|
callback(planDict[planId]);
|
|
});
|
|
};
|
|
|
|
planService.getMinimumPlan = function(privateCount, callback) {
|
|
planService.verifyLoaded(function() {
|
|
for (var i = 0; i < plans.length; i++) {
|
|
var plan = plans[i];
|
|
if (plan.privateRepos >= privateCount) {
|
|
callback(plan);
|
|
return;
|
|
}
|
|
}
|
|
|
|
callback(null);
|
|
});
|
|
};
|
|
|
|
planService.showSubscribeDialog = function($scope, planId, started, success, failed) {
|
|
var submitToken = function(token) {
|
|
$scope.$apply(function() {
|
|
started();
|
|
});
|
|
|
|
mixpanel.track('plan_subscribe');
|
|
|
|
var subscriptionDetails = {
|
|
token: token.id,
|
|
plan: planId,
|
|
};
|
|
|
|
var createSubscriptionRequest = Restangular.one('user/plan');
|
|
$scope.$apply(function() {
|
|
createSubscriptionRequest.customPUT(subscriptionDetails).then(success, failed);
|
|
});
|
|
};
|
|
|
|
planService.getPlan(planId, function(planDetails) {
|
|
StripeCheckout.open({
|
|
key: KeyService.stripePublishableKey,
|
|
address: false,
|
|
amount: planDetails.price,
|
|
currency: 'usd',
|
|
name: 'Quay ' + planDetails.title + ' Subscription',
|
|
description: 'Up to ' + planDetails.privateRepos + ' private repositories',
|
|
panelLabel: 'Subscribe',
|
|
token: submitToken
|
|
});
|
|
});
|
|
};
|
|
|
|
return planService;
|
|
}]);
|
|
}).
|
|
directive('match', function($parse) {
|
|
return {
|
|
require: 'ngModel',
|
|
link: function(scope, elem, attrs, ctrl) {
|
|
scope.$watch(function() {
|
|
return $parse(attrs.match)(scope) === ctrl.$modelValue;
|
|
}, function(currentValue) {
|
|
ctrl.$setValidity('mismatch', currentValue);
|
|
});
|
|
}
|
|
};
|
|
}).
|
|
directive('onresize', function ($window, $parse) {
|
|
return function (scope, element, attr) {
|
|
var fn = $parse(attr.onresize);
|
|
|
|
var notifyResized = function() {
|
|
scope.$apply(function () {
|
|
fn(scope);
|
|
});
|
|
};
|
|
|
|
angular.element($window).on('resize', null, notifyResized);
|
|
|
|
scope.$on('$destroy', function() {
|
|
angular.element($window).off('resize', null, notifyResized);
|
|
});
|
|
};
|
|
}).
|
|
config(['$routeProvider', '$locationProvider', '$analyticsProvider',
|
|
function($routeProvider, $locationProvider, $analyticsProvider) {
|
|
|
|
$analyticsProvider.virtualPageviews(true);
|
|
|
|
$locationProvider.html5Mode(true);
|
|
|
|
// WARNING WARNING WARNING
|
|
// If you add a route here, you must add a corresponding route in thr endpoints/web.py
|
|
// index rule to make sure that deep links directly deep into the app continue to work.
|
|
// WARNING WARNING WARNING
|
|
$routeProvider.
|
|
when('/repository/:namespace/:name', {templateUrl: '/static/partials/view-repo.html', controller: RepoCtrl, reloadOnSearch: false}).
|
|
when('/repository/:namespace/:name/tag/:tag', {templateUrl: '/static/partials/view-repo.html', controller: RepoCtrl}).
|
|
when('/repository/:namespace/:name/image/:image', {templateUrl: '/static/partials/image-view.html', controller: ImageViewCtrl}).
|
|
when('/repository/:namespace/:name/admin', {templateUrl: '/static/partials/repo-admin.html', controller:RepoAdminCtrl}).
|
|
when('/repository/', {title: 'Repositories', templateUrl: '/static/partials/repo-list.html', controller: RepoListCtrl}).
|
|
when('/user/', {title: 'User Admin', templateUrl: '/static/partials/user-admin.html', controller: UserAdminCtrl}).
|
|
when('/guide/', {title: 'User Guide', templateUrl: '/static/partials/guide.html', controller: GuideCtrl}).
|
|
when('/plans/', {title: 'Plans and Pricing', templateUrl: '/static/partials/plans.html', controller: PlansCtrl}).
|
|
when('/signin/', {title: 'Signin', templateUrl: '/static/partials/signin.html', controller: SigninCtrl}).
|
|
when('/new/', {title: 'Create new repository', templateUrl: '/static/partials/new-repo.html', controller: NewRepoCtrl}).
|
|
|
|
when('/organization/:orgname', {templateUrl: '/static/partials/org-view.html', controller: OrgViewCtrl}).
|
|
when('/organization/:orgname/admin', {templateUrl: '/static/partials/org-admin.html', controller: OrgAdminCtrl}).
|
|
when('/organization/:orgname/teams', {templateUrl: '/static/partials/org-teams.html', controller: OrgTeamsCtrl}).
|
|
when('/organization/:orgname/teams/:teamname', {templateUrl: '/static/partials/team-view.html', controller: TeamViewCtrl}).
|
|
|
|
when('/v1/', {title: 'Activation information', templateUrl: '/static/partials/v1-page.html', controller: V1Ctrl}).
|
|
|
|
when('/', {title: 'Hosted Private Docker Registry', templateUrl: '/static/partials/landing.html', controller: LandingCtrl}).
|
|
otherwise({redirectTo: '/'});
|
|
}]).
|
|
config(function(RestangularProvider) {
|
|
RestangularProvider.setBaseUrl('/api/');
|
|
});
|
|
|
|
quayApp.directive('repoCircle', function () {
|
|
var directiveDefinitionObject = {
|
|
priority: 0,
|
|
templateUrl: '/static/directives/repo-circle.html',
|
|
replace: false,
|
|
transclude: false,
|
|
restrict: 'C',
|
|
scope: {
|
|
'repo': '=repo'
|
|
},
|
|
controller: function($scope, $element) {
|
|
}
|
|
};
|
|
return directiveDefinitionObject;
|
|
});
|
|
|
|
|
|
quayApp.directive('organizationHeader', function () {
|
|
var directiveDefinitionObject = {
|
|
priority: 0,
|
|
templateUrl: '/static/directives/organization-header.html',
|
|
replace: false,
|
|
transclude: false,
|
|
restrict: 'C',
|
|
scope: {
|
|
'organization': '=organization',
|
|
'teamName': '=teamName'
|
|
},
|
|
controller: function($scope, $element) {
|
|
}
|
|
};
|
|
return directiveDefinitionObject;
|
|
});
|
|
|
|
|
|
quayApp.directive('entitySearch', function () {
|
|
var number = 0;
|
|
var directiveDefinitionObject = {
|
|
priority: 0,
|
|
templateUrl: '/static/directives/entity-search.html',
|
|
replace: false,
|
|
transclude: false,
|
|
restrict: 'C',
|
|
scope: {
|
|
'organization': '=organization',
|
|
'inputTitle': '=inputTitle',
|
|
'entitySelected': '=entitySelected'
|
|
},
|
|
controller: function($scope, $element) {
|
|
if (!$scope.entitySelected) { return; }
|
|
|
|
number++;
|
|
|
|
var input = $element[0].firstChild;
|
|
$scope.organization = $scope.organization || '';
|
|
$(input).typeahead({
|
|
name: 'entities' + number,
|
|
remote: {
|
|
url: '/api/entities/%QUERY',
|
|
replace: function (url, uriEncodedQuery) {
|
|
url = url.replace('%QUERY', uriEncodedQuery);
|
|
if ($scope.organization) {
|
|
url += '?organization=' + encodeURIComponent($scope.organization);
|
|
}
|
|
return url;
|
|
},
|
|
filter: function(data) {
|
|
var datums = [];
|
|
for (var i = 0; i < data.results.length; ++i) {
|
|
var entity = data.results[i];
|
|
datums.push({
|
|
'value': entity.name,
|
|
'tokens': [entity.name],
|
|
'entity': entity
|
|
});
|
|
}
|
|
return datums;
|
|
}
|
|
},
|
|
template: function (datum) {
|
|
template = '<div class="entity-mini-listing">';
|
|
if (datum.entity.kind == 'user') {
|
|
template += '<i class="fa fa-user fa-lg"></i>';
|
|
} else if (datum.entity.kind == 'team') {
|
|
template += '<i class="fa fa-group fa-lg"></i>';
|
|
}
|
|
template += '<span class="name">' + datum.value + '</span>';
|
|
|
|
if (datum.entity.outside_org) {
|
|
template += '<div class="alert-warning warning">This user is outside your organization</div>';
|
|
}
|
|
|
|
template += '</div>';
|
|
return template;
|
|
},
|
|
});
|
|
|
|
$(input).on('typeahead:selected', function(e, datum) {
|
|
$(input).typeahead('setQuery', '');
|
|
$scope.entitySelected(datum.entity);
|
|
});
|
|
|
|
$scope.$watch('inputTitle', function(title) {
|
|
input.setAttribute('placeholder', title);
|
|
});
|
|
}
|
|
};
|
|
return directiveDefinitionObject;
|
|
});
|
|
|
|
|
|
quayApp.directive('namespaceSelector', function () {
|
|
var directiveDefinitionObject = {
|
|
priority: 0,
|
|
templateUrl: '/static/directives/namespace-selector.html',
|
|
replace: false,
|
|
transclude: false,
|
|
restrict: 'C',
|
|
scope: {
|
|
'user': '=user',
|
|
'namespace': '=namespace'
|
|
},
|
|
controller: function($scope, $element) {
|
|
$scope.setNamespace = function(namespaceObj) {
|
|
if (!namespaceObj) {
|
|
namespaceObj = {'name': '', 'gravatar': ''};
|
|
}
|
|
$scope.namespaceObj = namespaceObj;
|
|
$scope.namespace = namespaceObj.name || namespaceObj.username;
|
|
};
|
|
$scope.setNamespace($scope.user);
|
|
|
|
$scope.$watch('user', function(user) {
|
|
$scope.setNamespace(user);
|
|
});
|
|
}
|
|
};
|
|
return directiveDefinitionObject;
|
|
});
|
|
|
|
|
|
quayApp.directive('buildStatus', function () {
|
|
var directiveDefinitionObject = {
|
|
priority: 0,
|
|
templateUrl: '/static/directives/build-status.html',
|
|
replace: false,
|
|
transclude: false,
|
|
restrict: 'C',
|
|
scope: {
|
|
'build': '=build'
|
|
},
|
|
controller: function($scope, $element) {
|
|
$scope.getBuildProgress = function(buildInfo) {
|
|
switch (buildInfo.status) {
|
|
case 'building':
|
|
return (buildInfo.current_command / buildInfo.total_commands) * 100;
|
|
break;
|
|
|
|
case 'pushing':
|
|
var imagePercentDecimal = (buildInfo.image_completion_percent / 100);
|
|
return ((buildInfo.current_image + imagePercentDecimal) / buildInfo.total_images) * 100;
|
|
break;
|
|
|
|
case 'complete':
|
|
return 100;
|
|
break;
|
|
|
|
case 'initializing':
|
|
case 'starting':
|
|
case 'waiting':
|
|
return 0;
|
|
break;
|
|
}
|
|
|
|
return -1;
|
|
};
|
|
|
|
$scope.getBuildMessage = function(buildInfo) {
|
|
switch (buildInfo.status) {
|
|
case 'initializing':
|
|
return 'Starting Dockerfile build';
|
|
break;
|
|
|
|
case 'starting':
|
|
case 'waiting':
|
|
case 'building':
|
|
return 'Building image from Dockerfile';
|
|
break;
|
|
|
|
case 'pushing':
|
|
return 'Pushing image built from Dockerfile';
|
|
break;
|
|
|
|
case 'complete':
|
|
return 'Dockerfile build completed and pushed';
|
|
break;
|
|
|
|
case 'error':
|
|
return 'Dockerfile build failed: ' + buildInfo.message;
|
|
break;
|
|
}
|
|
};
|
|
}
|
|
};
|
|
return directiveDefinitionObject;
|
|
});
|
|
|
|
quayApp.run(['$location', '$rootScope', function($location, $rootScope) {
|
|
$rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
|
|
if (current.$$route.title) {
|
|
$rootScope.title = current.$$route.title;
|
|
}
|
|
});
|
|
}]);
|