Example of good directory hierarchy:
We never desire a file with too much lines. On our projects, a source file does not exceed 600 lines. We always split a large file into many small files. This habit is good to write maintainable code. A technique used to split file is applying the Mixin pattern.
The $controller service is responsible for instantiating controllers, so we use it to create the "inheritance" with angular.extend(). Every our Angular controllers initialize the authentication controller (named AuthController) as required. Every line of the the authentication controller embed to run first. We think this is a good design pattern.
var AuthController = function($auth, $scope, $http, $warning, $state, $stateParams) {
$scope.isAuthenticated = function() {
return $auth.isAuthenticated();
};
$scope.logout = function() {
if (!$auth.isAuthenticated());
$auth.logout();
};
$scope.login = function() {
var credentials = {
email: $scope.email,
password: $scope.password
};
$auth
.login(credentials)
.then(function(res) {
$auth.setToken(res);
var loginModal = angular.element('#m_login');
if (loginModal.hasClass('in')) {
loginModal.modal('toggle');
}
if ($stateParams.next) {
// logged in, redirect to next state
$state.go($stateParams.next.name);
}
})
.catch(function(res) {
$warning(res);
});
};
}
var EntryCollection = function($scope, $http, $controller, $rootScope, $warning) {
angular.extend(this, $controller('AuthController', {$scope: $scope}));
angular.extend(this, $controller('TagCollection', {$scope: $scope}));
$scope.page_current = 1;
$scope.paginate = function(page_index) {
$http({
url: 'api/entry?page=' + page_index,
method: 'GET'
}).then(function(res) {
$scope.entries = res.data.data;
$scope.page_last = res.data.last_page;
// save current page
$scope.page_current = page_index;
}, function(res) {
$warning(res);
});
};
// start paginating
$scope.paginate($scope.page_current);
};
