entity.Metadata = @"res://*/Data.System.csdl|res://*/Data.System.ssdl|res://*/Data.System.msl"; entity.Metadata = "res://*/";
namespace AngularJSAuthentication.API.Controllers
{
[RoutePrefix("api/Orders")]
public class OrdersController : ApiController
{
[Authorize]
[Route("")]
public IHttpActionResult Get()
{
ClaimsPrincipal principal = Request.GetRequestContext().Principal as ClaimsPrincipal;
var userName = principal.Claims.Where(c => c.Type == "sub").Single().Value;
return Ok(Order.CreateOrders());
}
}
}
'use strict';
app.factory('authInterceptorService', ['$q', '$location',
'localStorageService', function ($q, $location, localStorageService) {
var authInterceptorServiceFactory = {};
var _request = function (config) {
config.headers = config.headers || {};
var authData = localStorageService.get('authorizationData');
if (authData) {
config.headers.Authorization = 'Bearer ' + authData.token;
}
return config;
}
var _responseError = function (rejection) {
if (rejection.status === 401) {
$location.path('/login');
}
return $q.reject(rejection);
}
authInterceptorServiceFactory.request = _request;
authInterceptorServiceFactory.responseError = _responseError;
return authInterceptorServiceFactory;
}]);
_request” will be fired before $http sends the request to the back-end API, so this is the right place to read the token from local storage and set it into “Authorization” header with each request. Note that I’m checking if the local storage object is nothing so in this case this means the user is anonymous and there is no need to set the token with each XHR request._responseError” will be hit after we receive a response from the back-end API and only if there is failure status returned. So we need to check the status code, in case it was 401 we’ll redirect the user to the log-in page where he’ll be able to authenticate again.app.config(function ($httpProvider) {
$httpProvider.interceptors.push('authInterceptorService');
});
$httpor $resource. public IHttpActionResult GetKontakti(int page = 1,int itemsPerPage = 30,
string sortBy = "Naziv",bool reverse = false, string search = null)
{
String sort = sortBy + (reverse ? " descending" : "").ToString();
var data = db.Kontakti.OrderBy(sort);
// paging
var usersPaged = data.Skip(((page - 1) * itemsPerPage)).Take(itemsPerPage);
// json result
var json = new
{
count = data.Count(),
Kontakti = usersPaged
};
return Ok(json);
}
using System.Linq.Dynamic;
function getKontakti() {
kontaktiService.getkontakti(function (results) {
$scope.kontakti = results.kontakti;
$scope.pagingInfo.totalItems = results.count;
}, $scope.pagingInfo)
}
function inittable() {
$scope.pagingInfo = {
page: 1,
itemsPerPage: 5,
sortBy: 'Naziv',
reverse: false,
search: '',
totalItems: 0
};
// You are watching here for sort event
$scope.$on('ngGridEventSorted', function (event, sortInfo) {
$scope.pagingInfo.sortBy = sortInfo.fields[0];
if (sortInfo.directions[0] == 'asc') $scope.pagingInfo.reverse = false; else $scope.pagingInfo.reverse = true;
});
// Load data here because event sort runs MULTIPLE times
$scope.$watch('pagingInfo', function () {
loadData();
}, true);
$scope.search = function () {
$scope.pagingInfo.page = 1;
loadData();
};
$scope.sort = function (sortBy) {
if (sortBy === $scope.pagingInfo.sortBy) {
$scope.pagingInfo.reverse = !$scope.pagingInfo.reverse;
} else {
$scope.pagingInfo.sortBy = sortBy;
$scope.pagingInfo.reverse = false;
}
$scope.pagingInfo.page = 1;
loadData();
};
$scope.selectPage = function (page) {
$scope.pagingInfo.page = page;
loadData();
};
function loadData() {
getKontakti();
}
// initial table load
loadData();
}
inittable();
function getkontakti(callback, pagingInfo) {
if (pagingInfo == undefined)
$http.get(url).success(callback);
else $http.get(url, { params: pagingInfo }).success(callback);
}
//ng-grid:<div class="gridStyle" ng-grid="gridOptions"></div> //regular table:<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<th><a href="" ng-click="sort('Naziv')">Naziv</a></th>
<th><a href="" ng-click="sort('OpcinaID')">Opcina</a></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="kontakt in kontakti">
<td>{{kontakt.naziv}}</td>
<td>{{kontakt.opcinaID}}</td>
</tr>
</tbody>
</table>
<pagination page="pagingInfo.page"
total-items="pagingInfo.totalItems"
items-per-page="pagingInfo.itemsPerPage"
on-select-page="selectPage(page)"
max-size="10"
rotate="false"
boundary-links="true"></pagination>
$scope.gridOptions = {
data: 'kontakti',
showGroupPanel: true,
columnDefs: [{ field: 'id', displayName: 'Id', width: '20px' },
{ field: 'naziv', displayName: 'Naziv:', width: '50px' },
{ field: 'datumRodjenja', displayName: 'Datum rodjenja:', width: '130px' },
{ field: 'email', displayName: 'Email:', width: '50px' },
{ displayName: 'Options', cellTemplate: '<input type="button" ng-click="setScope(row.entity,\'edit\')" name="edit" value="Edit"> <input type="button" ng-click="DeleteUser(row.entity.id)" name="delete" value="Delete">', width: '25%' }
]
};
$http.get('api/user', {params: {id: '5'}
}).success(function(data, status, headers, config) {
// Do something successful.
}).error(function(data, status, headers, config) {
// Handle the error
});
var postData = {text: 'long blob of text'};
// The next line gets appended to the URL as params
// so it would become a post request to /api/user?id=5
var config = {params: {id: '5'}};
$http.post('api/user', postData, config
).success(function(data, status, headers, config) {
// Do something successful
}).error(function(data, status, headers, config) {
// Handle the error
});
app.directive('datepicker', function() {
return {
restrict: 'A',
require : 'ngModel',
link : function (scope, element, attrs, ngModelCtrl) {
$(function(){
element.datepicker({
dateFormat:'dd/mm/yy',
onSelect:function (date) {
scope.$apply(function () {
ngModelCtrl.$setViewValue(date);
});
}
});
});
}
}
});
<input datepicker="" id="Date" name="Date" type="textbox" />
var Joe = make_person_object("Joe", "Smith", 23); console.log(Joe); //RETURN undefined console.log(window.firstname) // "Joe" (oops)without thenewoperator it will define yourthisattributes on the currentthisobject (generallywindowif you are operating in the browser.)
You MUST use "new" and then you will get your class:
var John = new make_person_object("John", "Smith", 45);
console.log(John); // {firstname: "John", lastname: "Smith", age: 45}
http://stackoverflow.com/questions/5958417/javascript-function-and-object
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/newDouglas Crockford discusses that topic extensively in The Good Parts. He recommends to avoid the new operator to create new objects. Instead he proposes to create customized constructors. For instance:
In Javascript a function is an object, and can be used to construct objects out of together with the new operator. By convention, functions intended to be used as constructors start with a capital letter. You often see things like:var mammal = function (spec) { var that = {}; that.get_name = function ( ) { return spec.name; }; that.says = function ( ) { return spec.saying || ''; }; return that; }; var myMammal = mammal({name: 'Herb'});
In case you forget to use the new operator while instantiating a new object, what you get is an ordinary function call, and this is bound to the global object instead to the new object.function Person() { this.name = "John"; return this; } var person = new Person(); alert("name: " + person.name);**
http://stackoverflow.com/questions/1595611/how-to-properly-create-a-custom-object-in-javascript#1598077