Admin Management

Single Page Application


Thank you for purchasing my application. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

1. Unzip downloaded file. Open folder AdminManagement.

2. By default the database files are in AdminManagement =>AdminManagement.Client =>App_Data folder. You can run application and no problems. But if you want you can change the database files place. Copy these files and put into C:\Program Files\Microsoft SQL Server\MSSQL10.SQLEXPRESS\MSSQL\DATA folder. Then open application and change you connection string from web.config.

HTML Structure

3. Rebuild application and run it.

4. And now your application is ready to use.

Create user:

  1. Run application, enter username (admin) and password (admin) and login to main page.
  2. You can also enter username (user) and password (123) to see how work permissions.
  3. Click Users from navbar menu.
  4. Click "New User" button for creating a user.
  5. Enter user credentials and click "Submit" button.

Edit user:

  1. Click "Edit" button on table row of user.
  2. By default user status is active. If you want to disable a user uncheck "Active".
  3. For assign roles to user check the roles in list and click "Submit" button.

Change user password:

  1. Click "Change password" button on table row of user.
  2. Enter new password and confirm new password fields and click "Submit" button.
  3. User password has been changed.

Delete user:

  1. Click "Delete" button on table row of user.
  2. If you have permission do this operation you can delete the user.

Create role:

  1. Click Roles from navbar menu.
  2. Click "New Role" button for creating a new role.
  3. Enter rolename (role description field not necessary)
  4. For assign rights to role check the rights in list and click "Submit" button.

Edit role:

  1. Click "Edit" button on table row of role.
  2. For assign rights to role check the rights in list and click "Submit" button.

Delete role:

  1. Click "Delete" button on table row of role.
  2. If you have permission do this operation you can delete the role.

Create right:

  1. Click Rights from navbar menu.
  2. Click "New Right" button for creating a new right.
  3. Enter rightname (right description field not necessary) and click "Submit" button.

Edit right:

  1. Click "Edit" button on table row of right.
  2. Change data and click "Submit" button.
  3. Remember, the RightName is contains a MVC ControllerName + ActionName.

Delete right:

  1. Click "Delete" button on table row of right.
  2. If you have permission do this operation you can delete the right.

This is a single page application , so the application's main file is a index.cshtml file. All links to css and scripts files are in this file.  All of the information within the main content area is nested within a div (<div ui-view></div>). Here is the general structure.

HTML Structure

This application imports following Javascript files:

  1. The bulk of the application is coding by AngularJS.
  2. If you would like to create new angular controller and to add it to index file, you would do the following:
    1. Add new script file to folder app/controllers. (for example: NewController.js)
    2. Open this js file and write your code:
      app.controller("NewCtrl", function ($scope, $http) {
      
          //write here your code
          
      }); 
      
    3. Create link for this NewController.js file in Index.cshtml file.
    4. You can also create anglular directives, services and etc. and add these to index.cshtml.

    I'm using bootstrap.css and my custom css files in this application. As template I chosen the bootswatch SLATE template. You can choose another bootswatch template from site http://bootswatch.com/ and add it to project. For example: (Cerulen, Cosmo and etc.)

     

Web hosting by Somee.com