just getting it her
This commit is contained in:
nathan wagner
199
bin/main/static/js/albums.js
Normal file
199
bin/main/static/js/albums.js
Normal file
@@ -0,0 +1,199 @@
|
||||
angular.module('albums', ['ngResource', 'ui.bootstrap']).
|
||||
factory('Albums', function ($resource) {
|
||||
return $resource('albums');
|
||||
}).
|
||||
factory('Album', function ($resource) {
|
||||
return $resource('albums/:id', {id: '@id'});
|
||||
}).
|
||||
factory("EditorStatus", function () {
|
||||
var editorEnabled = {};
|
||||
|
||||
var enable = function (id, fieldName) {
|
||||
editorEnabled = { 'id': id, 'fieldName': fieldName };
|
||||
};
|
||||
|
||||
var disable = function () {
|
||||
editorEnabled = {};
|
||||
};
|
||||
|
||||
var isEnabled = function(id, fieldName) {
|
||||
return (editorEnabled['id'] == id && editorEnabled['fieldName'] == fieldName);
|
||||
};
|
||||
|
||||
return {
|
||||
isEnabled: isEnabled,
|
||||
enable: enable,
|
||||
disable: disable
|
||||
}
|
||||
});
|
||||
|
||||
function AlbumsController($scope, $modal, Albums, Album, Status) {
|
||||
function list() {
|
||||
$scope.albums = Albums.query();
|
||||
}
|
||||
|
||||
function clone (obj) {
|
||||
return JSON.parse(JSON.stringify(obj));
|
||||
}
|
||||
|
||||
function saveAlbum(album) {
|
||||
Albums.save(album,
|
||||
function () {
|
||||
Status.success("Album saved");
|
||||
list();
|
||||
},
|
||||
function (result) {
|
||||
Status.error("Error saving album: " + result.status);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
$scope.addAlbum = function () {
|
||||
var addModal = $modal.open({
|
||||
templateUrl: 'templates/albumForm.html',
|
||||
controller: AlbumModalController,
|
||||
resolve: {
|
||||
album: function () {
|
||||
return {};
|
||||
},
|
||||
action: function() {
|
||||
return 'add';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
addModal.result.then(function (album) {
|
||||
saveAlbum(album);
|
||||
});
|
||||
};
|
||||
|
||||
$scope.updateAlbum = function (album) {
|
||||
var updateModal = $modal.open({
|
||||
templateUrl: 'templates/albumForm.html',
|
||||
controller: AlbumModalController,
|
||||
resolve: {
|
||||
album: function() {
|
||||
return clone(album);
|
||||
},
|
||||
action: function() {
|
||||
return 'update';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
updateModal.result.then(function (album) {
|
||||
saveAlbum(album);
|
||||
});
|
||||
};
|
||||
|
||||
$scope.deleteAlbum = function (album) {
|
||||
Album.delete({id: album.id},
|
||||
function () {
|
||||
Status.success("Album deleted");
|
||||
list();
|
||||
},
|
||||
function (result) {
|
||||
Status.error("Error deleting album: " + result.status);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
$scope.setAlbumsView = function (viewName) {
|
||||
$scope.albumsView = "templates/" + viewName + ".html";
|
||||
};
|
||||
|
||||
$scope.init = function() {
|
||||
list();
|
||||
$scope.setAlbumsView("grid");
|
||||
$scope.sortField = "name";
|
||||
$scope.sortDescending = false;
|
||||
};
|
||||
}
|
||||
|
||||
function AlbumModalController($scope, $modalInstance, album, action) {
|
||||
$scope.albumAction = action;
|
||||
$scope.yearPattern = /^[1-2]\d{3}$/;
|
||||
$scope.album = album;
|
||||
|
||||
$scope.ok = function () {
|
||||
$modalInstance.close($scope.album);
|
||||
};
|
||||
|
||||
$scope.cancel = function () {
|
||||
$modalInstance.dismiss('cancel');
|
||||
};
|
||||
};
|
||||
|
||||
function AlbumEditorController($scope, Albums, Status, EditorStatus) {
|
||||
$scope.enableEditor = function (album, fieldName) {
|
||||
$scope.newFieldValue = album[fieldName];
|
||||
EditorStatus.enable(album.id, fieldName);
|
||||
};
|
||||
|
||||
$scope.disableEditor = function () {
|
||||
EditorStatus.disable();
|
||||
};
|
||||
|
||||
$scope.isEditorEnabled = function (album, fieldName) {
|
||||
return EditorStatus.isEnabled(album.id, fieldName);
|
||||
};
|
||||
|
||||
$scope.save = function (album, fieldName) {
|
||||
if ($scope.newFieldValue === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
album[fieldName] = $scope.newFieldValue;
|
||||
|
||||
Albums.save({}, album,
|
||||
function () {
|
||||
Status.success("Album saved");
|
||||
list();
|
||||
},
|
||||
function (result) {
|
||||
Status.error("Error saving album: " + result.status);
|
||||
}
|
||||
);
|
||||
|
||||
$scope.disableEditor();
|
||||
};
|
||||
|
||||
$scope.disableEditor();
|
||||
}
|
||||
|
||||
angular.module('albums').
|
||||
directive('inPlaceEdit', function () {
|
||||
return {
|
||||
restrict: 'E',
|
||||
transclude: true,
|
||||
replace: true,
|
||||
|
||||
scope: {
|
||||
ipeFieldName: '@fieldName',
|
||||
ipeInputType: '@inputType',
|
||||
ipeInputClass: '@inputClass',
|
||||
ipePattern: '@pattern',
|
||||
ipeModel: '=model'
|
||||
},
|
||||
|
||||
template:
|
||||
'<div>' +
|
||||
'<span ng-hide="isEditorEnabled(ipeModel, ipeFieldName)" ng-click="enableEditor(ipeModel, ipeFieldName)">' +
|
||||
'<span ng-transclude></span>' +
|
||||
'</span>' +
|
||||
'<span ng-show="isEditorEnabled(ipeModel, ipeFieldName)">' +
|
||||
'<div class="input-append">' +
|
||||
'<input type="{{ipeInputType}}" name="{{ipeFieldName}}" class="{{ipeInputClass}}" ' +
|
||||
'ng-required ng-pattern="{{ipePattern}}" ng-model="newFieldValue" ' +
|
||||
'ui-keyup="{enter: \'save(ipeModel, ipeFieldName)\', esc: \'disableEditor()\'}"/>' +
|
||||
'<div class="btn-group btn-group-xs" role="toolbar">' +
|
||||
'<button ng-click="save(ipeModel, ipeFieldName)" type="button" class="btn"><span class="glyphicon glyphicon-ok"></span></button>' +
|
||||
'<button ng-click="disableEditor()" type="button" class="btn"><span class="glyphicon glyphicon-remove"></span></button>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</span>' +
|
||||
'</div>',
|
||||
|
||||
controller: 'AlbumEditorController'
|
||||
};
|
||||
});
|
||||
14
bin/main/static/js/app.js
Normal file
14
bin/main/static/js/app.js
Normal file
@@ -0,0 +1,14 @@
|
||||
angular.module('SpringMusic', ['albums', 'errors', 'status', 'info', 'ngRoute', 'ui.directives']).
|
||||
config(function ($locationProvider, $routeProvider) {
|
||||
// $locationProvider.html5Mode(true);
|
||||
|
||||
$routeProvider.when('/errors', {
|
||||
controller: 'ErrorsController',
|
||||
templateUrl: 'templates/errors.html'
|
||||
});
|
||||
$routeProvider.otherwise({
|
||||
controller: 'AlbumsController',
|
||||
templateUrl: 'templates/albums.html'
|
||||
});
|
||||
}
|
||||
);
|
||||
37
bin/main/static/js/errors.js
Normal file
37
bin/main/static/js/errors.js
Normal file
@@ -0,0 +1,37 @@
|
||||
angular.module('errors', ['ngResource']).
|
||||
factory('Errors', function ($resource) {
|
||||
return $resource('errors', {}, {
|
||||
kill: { url: 'errors/kill' },
|
||||
throw: { url: 'errors/throw' }
|
||||
});
|
||||
});
|
||||
|
||||
function ErrorsController($scope, Errors, Status) {
|
||||
$scope.kill = function() {
|
||||
Errors.kill({},
|
||||
function () {
|
||||
Status.error("The application should have been killed, but returned successfully instead.");
|
||||
},
|
||||
function (result) {
|
||||
if (result.status === 502)
|
||||
Status.error("An error occurred as expected, the application backend was killed: " + result.status);
|
||||
else
|
||||
Status.error("An unexpected error occurred: " + result.status);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
$scope.throwException = function() {
|
||||
Errors.throw({},
|
||||
function () {
|
||||
Status.error("An exception should have been thrown, but was not.");
|
||||
},
|
||||
function (result) {
|
||||
if (result.status === 500)
|
||||
Status.error("An error occurred as expected: " + result.status);
|
||||
else
|
||||
Status.error("An unexpected error occurred: " + result.status);
|
||||
}
|
||||
);
|
||||
};
|
||||
}
|
||||
8
bin/main/static/js/info.js
Normal file
8
bin/main/static/js/info.js
Normal file
@@ -0,0 +1,8 @@
|
||||
angular.module('info', ['ngResource']).
|
||||
factory('Info', function ($resource) {
|
||||
return $resource('appinfo');
|
||||
});
|
||||
|
||||
function InfoController($scope, Info) {
|
||||
$scope.info = Info.get();
|
||||
}
|
||||
38
bin/main/static/js/status.js
Normal file
38
bin/main/static/js/status.js
Normal file
@@ -0,0 +1,38 @@
|
||||
angular.module('status', []).
|
||||
factory("Status", function () {
|
||||
var status = null;
|
||||
|
||||
var success = function (message) {
|
||||
this.status = { isError: false, message: message };
|
||||
};
|
||||
|
||||
var error = function (message) {
|
||||
this.status = { isError: true, message: message };
|
||||
};
|
||||
|
||||
var clear = function () {
|
||||
this.status = null;
|
||||
};
|
||||
|
||||
return {
|
||||
status: status,
|
||||
success: success,
|
||||
error: error,
|
||||
clear: clear
|
||||
}
|
||||
});
|
||||
|
||||
function StatusController($scope, Status) {
|
||||
$scope.$watch(
|
||||
function () {
|
||||
return Status.status;
|
||||
},
|
||||
function (status) {
|
||||
$scope.status = status;
|
||||
},
|
||||
true);
|
||||
|
||||
$scope.clearStatus = function () {
|
||||
Status.clear();
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user