Created
June 18, 2017 16:41
-
-
Save foyzulkarim/b23b84810d3277345ee6e752dfdc7fe8 to your computer and use it in GitHub Desktop.
Sample Angular UI Router configuration in typescript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module App { | |
| "use strict"; | |
| export class AppConfig { | |
| static $inject = ["$stateProvider", "$urlRouterProvider", "localStorageServiceProvider"]; | |
| constructor($stateProvider: angular.ui.IStateProvider, | |
| $urlRouterProvider: angular.ui.IUrlRouterProvider, | |
| localStorageProvider: angular.local.storage.ILocalStorageServiceProvider | |
| ) | |
| { | |
| $urlRouterProvider.otherwise("/"); | |
| $stateProvider | |
| .state("root", | |
| { | |
| abstract: true, | |
| url: "", | |
| template: "<div ui-view class=\"container-fluid slide\"></div>" | |
| }) | |
| .state("root.signin", | |
| { | |
| url: "/signin", | |
| templateUrl: "partials/account/signin.tpl.html", | |
| controller: "SigninController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.profile", | |
| { | |
| url: "/profile", | |
| templateUrl: "partials/account/profile.tpl.html", | |
| controller: "ProfileController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.employee", | |
| { | |
| url: "/employee/:applicationUserId", | |
| params: { applicationUserId: null }, | |
| templateUrl: "partials/employee/employee-entry.tpl.html", | |
| controller: "EmployeeController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.employees", | |
| { | |
| url: "/employees", | |
| templateUrl: "partials/employee/employee-list.tpl.html", | |
| controller: "EmployeesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.brand", | |
| { | |
| url: "/brand/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/shop/brand-entry.tpl.html", | |
| controller: "BrandController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.brands", | |
| { | |
| url: "/brands", | |
| templateUrl: "partials/shop/brand-list.tpl.html", | |
| controller: "BrandsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.supplier", | |
| { | |
| url: "/supplier/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/shop/supplier-entry.tpl.html", | |
| controller: "SupplierController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.suppliers", | |
| { | |
| url: "/suppliers", | |
| templateUrl: "partials/shop/supplier-list.tpl.html", | |
| controller: "SuppliersController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.supplierhistory", | |
| { | |
| url: "/supplierhistory/:id", | |
| templateUrl: "partials/shop/supplier-history.tpl.html", | |
| controller: "SupplierHistoryController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.customer", | |
| { | |
| url: "/customer/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/customer/customer-entry.tpl.html", | |
| controller: "CustomerController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.customers", | |
| { | |
| url: "/customers", | |
| templateUrl: "partials/customer/customer-list.tpl.html", | |
| controller: "CustomersController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.customerhistory", | |
| { | |
| url: "/customerhistory/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/customer/customer-history.tpl.html", | |
| controller: "CustomerHistoryController", | |
| controllerAs: "vm" | |
| }) | |
| //products | |
| .state("root.productgroup", | |
| { | |
| url: "/productgroup/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/product/product-group-entry.tpl.html", | |
| controller: "ProductGroupController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.productgroups", | |
| { | |
| url: "/productgroups", | |
| templateUrl: "partials/product/product-group-list.tpl.html", | |
| controller: "ProductGroupsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.productcategory", | |
| { | |
| url: "/productcategory/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/product/product-category-entry.tpl.html", | |
| controller: "ProductCategoryController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.productcategories", | |
| { | |
| url: "/productcategories", | |
| templateUrl: "partials/product/product-category-list.tpl.html", | |
| controller: "ProductCategoriesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.productdetail", | |
| { | |
| url: "/productdetail/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/product/product-detail-entry.tpl.html", | |
| controller: "ProductDetailController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.productdetails", | |
| { | |
| url: "/productdetails", | |
| templateUrl: "partials/product/product-detail-list.tpl.html", | |
| controller: "ProductDetailsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.productDetailList", | |
| { | |
| url: "/product-detail/list", | |
| templateUrl: "partials/product/product-detail.list.tpl.html", | |
| controller: "ProductDetailsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.producthistory", | |
| { | |
| url: "/product-history/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/product/product-history.tpl.html", | |
| controller: "ProductHistoryController", | |
| controllerAs: "vm" | |
| }) | |
| //purcahses | |
| .state("root.purchase", | |
| { | |
| url: "/purchase", | |
| templateUrl: "partials/purchase/purchase-entry.tpl.html", | |
| controller: "PurchaseController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.purchases", | |
| { | |
| url: "/purchases", | |
| templateUrl: "partials/purchase/purchase-list.tpl.html", | |
| controller: "PurchasesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.purchasedetail", | |
| { | |
| url: "/purchasedetail/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/purchase/purchase-detail-view.tpl.html", | |
| controller: "PurchaseDetailController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.purchasehistory", | |
| { | |
| url: "/purchasehistory/:purchase", | |
| params: { purchase: null }, | |
| templateUrl: "partials/purchase/purchases-history.tpl.html", | |
| controller: "PurchaseHistoryController", | |
| controllerAs: "vm" | |
| }) | |
| // sale | |
| .state("root.sale", | |
| { | |
| url: "/sale", | |
| templateUrl: "partials/sale/sale-entry.tpl.html", | |
| controller: "SaleController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.saledetail", | |
| { | |
| url: "/saledetail/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/sale/sale-detail-view.tpl.html", | |
| controller: "SaleDetailController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.receipt", | |
| { | |
| url: "/receipt", | |
| params: { receipt: null }, | |
| templateUrl: "partials/sale/receipt-view.tpl.html", | |
| controller: "ReceiptController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.sales", | |
| { | |
| url: "/sales", | |
| templateUrl: "partials/sale/sale-list.tpl.html", | |
| controller: "SalesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.onlinesale", | |
| { | |
| url: "/onlinesale", | |
| templateUrl: "partials/sale/online-sale-entry.tpl.html", | |
| controller: "OnlineSaleController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.onlinesales", | |
| { | |
| url: "/onlinesales", | |
| templateUrl: "partials/sale/online-sale-list.tpl.html", | |
| controller: "OnlineSalesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.salesdelivery", | |
| { | |
| url: "/salesdelivery", | |
| templateUrl: "partials/sale/online-sales-history-deliveryman.tpl.html", | |
| controller: "OnlineSalesDeliverymanController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.newAccounthead", | |
| { | |
| url: "/account-head/new", | |
| templateUrl: "partials/transactions/account-head-entry.tpl.html", | |
| controller: "AccountHeadController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.accountheadList", | |
| { | |
| url: "/account-head/list", | |
| templateUrl: "partials/transactions/account-head-list.tpl.html", | |
| controller: "AccountHeadController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.accounthead", | |
| { | |
| url: "/accounthead/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/transactions/account-head-entry.tpl.html", | |
| controller: "AccountHeadController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.accountheads", | |
| { | |
| url: "/accountheads", | |
| templateUrl: "partials/transactions/account-head-list.tpl.html", | |
| controller: "AccountHeadsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.new-transaction", | |
| { | |
| url: '/new-transaction/:id', | |
| params: { id: null }, | |
| templateUrl: "partials/transactions/transaction.entry.tpl.html", | |
| controller: "TransactionController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.transaction", | |
| { | |
| url: "/transaction/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/transactions/transaction.entry.tpl.html", | |
| controller: "TransactionController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.transactions", | |
| { | |
| url: '/transactions', | |
| templateUrl: "partials/transactions/transaction.list.tpl.html", | |
| controller: "TransactionsController", | |
| controllerAs: "vm" | |
| }) | |
| // superadmin | |
| .state("root.role", | |
| { | |
| url: "/role/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/system/role-entry.tpl.html", | |
| controller: "ApplicationRoleController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.roles", | |
| { | |
| url: "/roles", | |
| templateUrl: "partials/system/role-list.tpl.html", | |
| controller: "ApplicationRoleController", | |
| controllerAs: "vm" | |
| }) | |
| //.state("root.adduser", { | |
| // url: "/users", | |
| // templateUrl: "partials/system/users.tpl.html", | |
| // controller: "ApplicationUsersController", | |
| // controllerAs: "vm" | |
| //}) | |
| .state("root.user", | |
| { | |
| url: "/user/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/system/user-entry.tpl.html", | |
| controller: "ApplicationUserController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.users", | |
| { | |
| url: "/users", | |
| templateUrl: "partials/system/user-list.tpl.html", | |
| controller: "ApplicationUsersController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.adduserrole", | |
| { | |
| url: "/user-roles", | |
| templateUrl: "partials/system/userroles.tpl.html", | |
| controller: "ApplicationUserRolesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.resource", | |
| { | |
| url: "/resource/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/system/resource-entry.tpl.html", | |
| controller: "ApplicationResourceController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.resources", | |
| { | |
| url: "/resources", | |
| templateUrl: "partials/system/resource-list.tpl.html", | |
| controller: "ApplicationResourcesController", | |
| controllerAs: "vm" | |
| }) | |
| //.state("root.permission", { | |
| // url: "/permission/:id", | |
| // params: { id: null }, | |
| // templateUrl: "partials/system/permission-entry.tpl.html", | |
| // controller: "ApplicationPermissionController", | |
| // controllerAs: "vm" | |
| // }) | |
| //.state("root.permissions", { | |
| // url: "/permissions", | |
| // templateUrl: "partials/system/permission-list.tpl.html", | |
| // controller: "ApplicationPermissionsController", | |
| // controllerAs: "vm" | |
| // }) | |
| .state("root.addresource", | |
| { | |
| url: "/resources", | |
| templateUrl: "partials/system/resources.tpl.html", | |
| controller: "ApplicationResourcesController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.permission", | |
| { | |
| url: "/permission", | |
| templateUrl: "partials/system/permission-entry.tpl.html", | |
| controller: "ApplicationPermissionsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.updateResourcePermission", | |
| { | |
| url: "/update-resource-permission", | |
| templateUrl: "partials/system/update-resource-permissions.tpl.html", | |
| controller: "ApplicationPermissionsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.shop", | |
| { | |
| url: "/shop/:id", | |
| params: { id: null }, | |
| templateUrl: "partials/shop/shop-entry.tpl.html", | |
| controller: "ShopController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.shops", | |
| { | |
| url: "/shops", | |
| templateUrl: "partials/shop/shop-list.tpl.html", | |
| controller: "ShopsController", | |
| controllerAs: "vm" | |
| }) | |
| .state("root.denied", | |
| { | |
| url: "/denied", | |
| template: "<h1>Access Denied <a ui-sref=\"root.home\"> back to home </a></h1>" | |
| }); | |
| $urlRouterProvider.otherwise("/"); | |
| localStorageProvider.setPrefix('bizbook').setStorageType('sessionStorage'); | |
| } | |
| } | |
| angular.module("app", ["ngResource", "ngAnimate", "ui.router", "ui.bootstrap", "LocalStorageModule"]); | |
| angular.module("app").config(AppConfig); | |
| //angular.module("app").config(function (localStorageServiceProvider) { | |
| // localStorageServiceProvider | |
| // .setPrefix('bizbook') | |
| // .setStorageType('sessionStorage'); | |
| //}); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment