2 |
3 |
5 |
6 |
10 |
--------------------------------------------------------------------------------
/DatingApp/DAL/Repositories/OrdersRepository.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using DAL.Models;
7 | using Microsoft.EntityFrameworkCore;
8 | using DAL.Repositories.Interfaces;
9 |
10 | namespace DAL.Repositories
11 | {
12 | public class OrdersRepository : Repository{{'pageHeader.Products' | translate}}
4 |
7 | -- Sample Page --
8 |
9 |
2 |
3 |
5 |
6 |
10 |
--------------------------------------------------------------------------------
/DatingApp/DAL/Repositories/ProductRepository.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using DAL.Models;
7 | using Microsoft.EntityFrameworkCore;
8 | using DAL.Repositories.Interfaces;
9 |
10 | namespace DAL.Repositories
11 | {
12 | public class ProductRepository : Repository{{'pageHeader.Orders' | translate}}
4 |
7 | -- Sample Page --
8 |
9 |
2 |
3 |
5 |
6 |
11 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/assets/themes/journal.scss:
--------------------------------------------------------------------------------
1 | @import '../styles/custom-vendor';
2 |
3 | @import 'node_modules/bootswatch/dist/journal/variables';
4 | @import 'node_modules/bootstrap/scss/bootstrap';
5 | @import 'node_modules/bootswatch/dist/journal/bootswatch';
6 |
7 | @import "app-theme";
8 |
9 |
10 | .about-page {
11 | .bg-features {
12 | .logo {
13 | color: $primary !important;
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/directives/autofocus.directive.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Directive, ElementRef, OnInit } from '@angular/core';
7 |
8 |
9 | @Directive({
10 | selector: '[autofocus]'
11 | })
12 | export class AutofocusDirective implements OnInit {
13 | constructor(public elementRef: ElementRef) { }
14 |
15 | ngOnInit() {
16 | setTimeout(() => this.elementRef.nativeElement['focus'](), 500);
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/customers/customers.component.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Component } from '@angular/core';
7 | import { fadeInOut } from '../../services/animations';
8 |
9 |
10 | @Component({
11 | selector: 'customers',
12 | templateUrl: './customers.component.html',
13 | styleUrls: ['./customers.component.scss'],
14 | animations: [fadeInOut]
15 | })
16 | export class CustomersComponent {
17 |
18 | }
19 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
12 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/about/_about.component.scss:
--------------------------------------------------------------------------------
1 | .pageHeader {
2 | margin-bottom: 30px;
3 | }
4 |
5 | .reduced-font {
6 | line-height: 1.4;
7 | }
8 |
9 | .bg-features {
10 | border-radius: $btn-border-radius;
11 | }
12 |
13 | .bg-features ul {
14 | position: relative;
15 | z-index: 100;
16 | }
17 |
18 | .bg-features .logo {
19 | font-size: 200px;
20 | position: absolute;
21 | top: 2rem;
22 | right: 10px;
23 | }
24 |
--------------------------------------------------------------------------------
/DatingApp/DAL/HttpUnitOfWork.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using DAL.Core;
7 | using Microsoft.AspNetCore.Http;
8 |
9 | namespace DAL
10 | {
11 | public class HttpUnitOfWork : UnitOfWork
12 | {
13 | public HttpUnitOfWork(ApplicationDbContext context, IHttpContextAccessor httpAccessor) : base(context)
14 | {
15 | context.CurrentUserId = httpAccessor.HttpContext?.User.FindFirst(ClaimConstants.Subject)?.Value?.Trim();
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/assets/themes/cerulean.scss:
--------------------------------------------------------------------------------
1 | @import '../styles/custom-vendor';
2 |
3 | @import 'node_modules/bootswatch/dist/cerulean/variables';
4 | @import 'node_modules/bootstrap/scss/bootstrap';
5 | @import 'node_modules/bootswatch/dist/cerulean/bootswatch';
6 |
7 | @import "app-theme";
8 |
9 |
10 |
11 | .app-component {
12 | .navbar {
13 | .popover-header {
14 | color: $headings-color !important;
15 | }
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/DatingApp/DAL/IUnitOfWork.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using DAL.Repositories.Interfaces;
7 | using System;
8 | using System.Collections.Generic;
9 | using System.Linq;
10 | using System.Text;
11 | using System.Threading.Tasks;
12 |
13 | namespace DAL
14 | {
15 | public interface IUnitOfWork
16 | {
17 | ICustomerRepository Customers { get; }
18 | IProductRepository Products { get; }
19 | IOrdersRepository Orders { get; }
20 |
21 |
22 | int SaveChanges();
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/assets/themes/pulse.scss:
--------------------------------------------------------------------------------
1 | @import '../styles/custom-vendor';
2 |
3 | @import 'node_modules/bootswatch/dist/pulse/variables';
4 | @import 'node_modules/bootstrap/scss/bootstrap';
5 | @import 'node_modules/bootswatch/dist/pulse/bootswatch';
6 |
7 | @import "app-theme";
8 |
9 |
10 | .form-group .icon-addon #searchInput.form-control {
11 | border-radius: 0;
12 | }
13 |
14 |
15 | .app-component {
16 | main {
17 | padding-top: 90px !important;
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/DatingApp/DAL/Models/OrderDetail.cs:
--------------------------------------------------------------------------------
1 |
2 | namespace DAL.Models
3 | {
4 | public class OrderDetail : AuditableEntity
5 | {
6 | public int Id { get; set; }
7 | public decimal UnitPrice { get; set; }
8 | public int Quantity { get; set; }
9 | public decimal Discount { get; set; }
10 | public int ProductId { get; set; }
11 | public Product Product { get; set; }
12 | public int OrderId { get; set; }
13 | public Order Order { get; set; }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/DatingApp/DAL/Models/AuditableEntity.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.ComponentModel.DataAnnotations;
3 | using DAL.Models.Interfaces;
4 |
5 | namespace DAL.Models
6 | {
7 | public class AuditableEntity : IAuditableEntity
8 | {
9 | [MaxLength(256)]
10 | public string CreatedBy { get; set; }
11 | [MaxLength(256)]
12 | public string UpdatedBy { get; set; }
13 | public DateTime UpdatedDate { get; set; }
14 | public DateTime CreatedDate { get; set; }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/about/about.component.scss:
--------------------------------------------------------------------------------
1 | .pageHeader {
2 | margin-bottom: 30px;
3 | }
4 |
5 | .reduced-font {
6 | line-height: 1.4;
7 | }
8 |
9 | .bg-features {
10 | border-radius: 0.25rem;
11 | padding: 0.5rem;
12 | margin-bottom: 0.5rem;
13 | }
14 |
15 | .bg-features ul {
16 | position: relative;
17 | z-index: 100;
18 | }
19 |
20 | .bg-features .logo {
21 | font-size: 200px;
22 | position: absolute;
23 | top: 2rem;
24 | right: 10px;
25 | }
26 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/assets/styles/styles-vendor.css:
--------------------------------------------------------------------------------
1 | @import '~ngx-toasta/styles/style-bootstrap.css';
2 | @import '~@swimlane/ngx-datatable/release/assets/icons.css';
3 | @import '~bootstrap-toggle/css/bootstrap-toggle.css';
4 | @import '~bootstrap-select/dist/css/bootstrap-select.css';
5 | @import '~bootstrap-datepicker/dist/css/bootstrap-datepicker3.css';
6 | @import '~font-awesome/css/font-awesome.css';
7 | @import 'alertify.core.css';
8 | @import 'alertify.bootstrap.css';
9 | @import 'bootstrap4-compatibility.css';
10 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compileOnSave": false,
3 | "compilerOptions": {
4 | "baseUrl": "./",
5 | "outDir": "./dist/out-tsc",
6 | "sourceMap": true,
7 | "declaration": false,
8 | "module": "es2015",
9 | "moduleResolution": "node",
10 | "emitDecoratorMetadata": true,
11 | "experimentalDecorators": true,
12 | "target": "es5",
13 | "typeRoots": [
14 | "node_modules/@types"
15 | ],
16 | "lib": [
17 | "es2018",
18 | "dom"
19 | ]
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/controls/search-box.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/models/role.model.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Permission } from './permission.model';
7 |
8 |
9 | export class Role {
10 |
11 | constructor(name?: string, description?: string, permissions?: Permission[]) {
12 |
13 | this.name = name;
14 | this.description = description;
15 | this.permissions = permissions;
16 | }
17 |
18 | public id: string;
19 | public name: string;
20 | public description: string;
21 | public usersCount: number;
22 | public permissions: Permission[];
23 | }
24 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/home/home.component.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Component } from '@angular/core';
7 | import { fadeInOut } from '../../services/animations';
8 | import { ConfigurationService } from '../../services/configuration.service';
9 |
10 |
11 | @Component({
12 | selector: 'home',
13 | templateUrl: './home.component.html',
14 | styleUrls: ['./home.component.scss'],
15 | animations: [fadeInOut]
16 | })
17 | export class HomeComponent {
18 | constructor(public configurations: ConfigurationService) {
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/controls/banner-demo.component.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Component } from '@angular/core';
7 |
8 |
9 |
10 | @Component({
11 | selector: 'banner-demo',
12 | templateUrl: './banner-demo.component.html'
13 | })
14 | export class BannerDemoComponent {
15 | banner1 = require('../../assets/images/demo/banner1.png');
16 | banner2 = require('../../assets/images/demo/banner2.png');
17 | banner3 = require('../../assets/images/demo/banner3.png');
18 | banner4 = require('../../assets/images/demo/banner4.png');
19 | }
20 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/directives/last-element.directive.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Directive, Input, Output, EventEmitter } from '@angular/core';
7 |
8 |
9 | @Directive({
10 | selector: '[lastElement]'
11 | })
12 | export class LastElementDirective {
13 | @Input()
14 | set lastElement(isLastElement: boolean) {
15 |
16 | if (isLastElement) {
17 | setTimeout(() => {
18 | this.lastFunction.emit();
19 | });
20 | }
21 | }
22 |
23 | @Output()
24 | lastFunction = new EventEmitter();
25 | }
26 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/Helpers/LoggingEvents.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using Microsoft.Extensions.Logging;
7 | using System;
8 | using System.Collections.Generic;
9 | using System.Linq;
10 | using System.Text;
11 | using System.Threading.Tasks;
12 |
13 | namespace DatingApp.Helpers
14 | {
15 | public static class LoggingEvents
16 | {
17 | public static readonly EventId INIT_DATABASE = new EventId(101, "Error whilst creating and seeding database");
18 | public static readonly EventId SEND_EMAIL = new EventId(201, "Error whilst sending email");
19 | }
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/models/user-edit.model.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { User } from './user.model';
7 |
8 |
9 | export class UserEdit extends User {
10 | constructor(currentPassword?: string, newPassword?: string, confirmPassword?: string) {
11 | super();
12 |
13 | this.currentPassword = currentPassword;
14 | this.newPassword = newPassword;
15 | this.confirmPassword = confirmPassword;
16 | }
17 |
18 | public currentPassword: string;
19 | public newPassword: string;
20 | public confirmPassword: string;
21 |
22 | }
23 |
--------------------------------------------------------------------------------
/DatingApp/DAL/Models/ProductCategory.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using System;
7 | using System.Collections.Generic;
8 |
9 | namespace DAL.Models
10 | {
11 | public class ProductCategory : AuditableEntity
12 | {
13 | public int Id { get; set; }
14 | public string Name { get; set; }
15 | public string Description { get; set; }
16 | public string Icon { get; set; }
17 | public DateTime DateCreated { get; set; }
18 | public DateTime DateModified { get; set; }
19 |
20 |
21 | public ICollection{{'pageHeader.Customers' | translate}}
4 |
7 |
8 |
10 | {{'pageHeader.NotFound' | translate}}
3 |
6 |
12 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/main.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { enableProdMode } from '@angular/core';
7 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
8 |
9 | import { AppModule } from './app/app.module';
10 | import { environment } from './environments/environment';
11 |
12 | export function getBaseUrl() {
13 | return document.getElementsByTagName('base')[0].href;
14 | }
15 |
16 | const providers = [
17 | { provide: 'BASE_URL', useFactory: getBaseUrl, deps: [] }
18 | ];
19 |
20 |
21 | if (environment.production) {
22 | enableProdMode();
23 | }
24 |
25 | platformBrowserDynamic(providers).bootstrapModule(AppModule)
26 | .catch(err => console.error(err));
27 |
--------------------------------------------------------------------------------
/DatingApp/DAL/Models/Order.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 |
4 | namespace DAL.Models
5 | {
6 | public class Order : AuditableEntity
7 | {
8 | public int Id { get; set; }
9 | public decimal Discount { get; set; }
10 | public string Comments { get; set; }
11 | public DateTime DateCreated { get; set; }
12 | public DateTime DateModified { get; set; }
13 | public string CashierId { get; set; }
14 | public ApplicationUser Cashier { get; set; }
15 | public int CustomerId { get; set; }
16 | public Customer Customer { get; set; }
17 | public ICollection
7 |
11 | {{'notFound.404' | translate}}
8 | {{'notFound.pageNotFound' | translate}}
9 |
10 | Error.
8 |An error occurred while processing your request.
9 | 10 | @if (Model.ShowRequestId) 11 | { 12 |
13 | Request ID: @Model.RequestId
14 |
Development Mode
18 |19 | Swapping to the Development environment displays detailed information about the error that occurred. 20 |
21 |22 | The Development environment shouldn't be enabled for deployed applications. 23 | It can result in displaying sensitive information from exceptions to end users. 24 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 25 | and restarting the app. 26 |
27 | -------------------------------------------------------------------------------- /DatingApp/DatingApp/appsettings.json: -------------------------------------------------------------------------------- 1 | { 2 | "ConnectionStrings": { 3 | "DefaultConnection": "Server=SQLEXPRESS01;Database=DatingApp;Trusted_Connection=True;MultipleActiveResultSets=true" 4 | }, 5 | 6 | //Note: In Production change this to your actual host (e.g. https://quickapp.ebenmonney.com) 7 | "ApplicationUrl": "http://localhost:5050", 8 | "HttpsRedirectionPort": 443, //Set this to enable https redirection 9 | 10 | "SmtpConfig": { 11 | "Host": "mail.ebenmonney.com", 12 | "Port": 25, 13 | "UseSSL": false, 14 | "Name": "DatingApp Template", 15 | "Username": "quickapp@ebenmonney.com", 16 | "EmailAddress": "quickapp@ebenmonney.com", 17 | "Password": "tempP@ss123" 18 | }, 19 | 20 | // LogLevel Severity: "Trace", "Debug", "Information", "Warning", "Error", "Critical", "None" 21 | "Logging": { 22 | "PathFormat": "Logs/log-{Date}.log", 23 | "LogLevel": { 24 | "Default": "Warning" 25 | } 26 | }, 27 | "AllowedHosts": "*" 28 | } 29 | -------------------------------------------------------------------------------- /DatingApp/DatingApp/ClientApp/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | // This file can be replaced during build by using the `fileReplacements` array. 7 | // `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`. 8 | // The list of file replacements can be found in `angular.json`. 9 | 10 | export const environment = { 11 | production: false, 12 | baseUrl: null, // Change this to the address of your backend API if different from frontend address 13 | tokenUrl: null, // For IdentityServer/Authorization Server API. You can set to null if same as baseUrl 14 | loginUrl: '/login' 15 | }; 16 | 17 | /* 18 | * For easier debugging in development mode, you can import the following file 19 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. 20 | * 21 | * This import should be commented out in production mode because it will have a negative impact 22 | * on performance if an error is thrown. 23 | */ 24 | // import 'zone.js/dist/zone-error'; // Included with Angular CLI. 25 | -------------------------------------------------------------------------------- /DatingApp/DatingApp/ClientApp/src/app/services/db-keys.ts: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | import { Injectable } from '@angular/core'; 7 | 8 | @Injectable() 9 | export class DBkeys { 10 | 11 | public static readonly CURRENT_USER = 'current_user'; 12 | public static readonly USER_PERMISSIONS = 'user_permissions'; 13 | public static readonly ACCESS_TOKEN = 'access_token'; 14 | public static readonly REFRESH_TOKEN = 'refresh_token'; 15 | public static readonly TOKEN_EXPIRES_IN = 'expires_in'; 16 | 17 | public static readonly REMEMBER_ME = 'remember_me'; 18 | 19 | 20 | public static readonly LANGUAGE = 'language'; 21 | public static readonly HOME_URL = 'home_url'; 22 | public static readonly THEME_ID = 'themeId'; 23 | public static readonly SHOW_DASHBOARD_STATISTICS = 'show_dashboard_statistics'; 24 | public static readonly SHOW_DASHBOARD_NOTIFICATIONS = 'show_dashboard_notifications'; 25 | public static readonly SHOW_DASHBOARD_TODO = 'show_dashboard_todo'; 26 | public static readonly SHOW_DASHBOARD_BANNER = 'show_dashboard_banner'; 27 | } 28 | -------------------------------------------------------------------------------- /DatingApp/DatingApp/ClientApp/src/app/components/controls/role-editor.component.scss: -------------------------------------------------------------------------------- 1 | .row:not(:last-child) { 2 | /*border-bottom: 1px solid #ccc;*/ 3 | } 4 | 5 | .separator-hr { 6 | margin: 0 5px; 7 | border-top-style: dashed; 8 | } 9 | 10 | .edit-separator-hr { 11 | margin: 10px 5px; 12 | border-top-style: dashed; 13 | } 14 | 15 | .last-separator-hr { 16 | margin-top: 5px; 17 | } 18 | 19 | .edit-last-separator-hr { 20 | margin-top: 15px; 21 | } 22 | 23 | 24 | .form-group { 25 | margin-top: 0; 26 | margin-bottom: 0; 27 | } 28 | 29 | input.form-control { 30 | border-left-width: 5px; 31 | } 32 | 33 | .invalid-feedback { 34 | display: block; 35 | } 36 | 37 | .group-name { 38 | padding-top: 0; 39 | font-weight: 500; 40 | padding-right: 0; 41 | } 42 | 43 | .permissionsColumn { 44 | margin-bottom: 20px; 45 | } 46 | 47 | .permissionsRow { 48 | margin: 0 15px; 49 | } 50 | 51 | 52 | .well-sm { 53 | padding: 0.5rem; 54 | } 55 | 56 | @media (min-width: 992px) { 57 | .user-enabled { 58 | margin-left: 40px; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /DatingApp/DatingApp/Authorization/ViewRoleAuthorizationRequirement.cs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | using DAL.Core; 7 | using Microsoft.AspNetCore.Authorization; 8 | using System.Collections.Generic; 9 | using System.Text; 10 | using System.Threading.Tasks; 11 | 12 | namespace DatingApp.Authorization 13 | { 14 | public class ViewRoleAuthorizationRequirement : IAuthorizationRequirement 15 | { 16 | 17 | } 18 | 19 | 20 | 21 | public class ViewRoleAuthorizationHandler : AuthorizationHandler
17 |
37 |
18 |
36 | 19 | App is Loading... 20 |
21 |
22 |
31 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | 32 | DATING APPLICATION 33 |
34 | 35 |
2 |
53 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/directives/bootstrap-toggle.directive.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Directive, ElementRef, Input, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';
7 | import { Observable, Subscription, fromEvent } from 'rxjs';
8 |
9 |
10 | declare var $: any;
11 |
12 | @Directive({
13 | selector: '[bootstrapToggle]',
14 | exportAs: 'bootstrap-toggle'
15 | })
16 | export class BootstrapToggleDirective implements OnInit, OnDestroy {
17 |
18 | private checkedSubscription: Subscription;
19 |
20 | @Input()
21 | set ngModel(value) {
22 | this.toggle(value);
23 | }
24 |
25 | @Output()
26 | ngModelChange = new EventEmitter();
27 |
28 |
29 | constructor(private el: ElementRef) {
30 | this.checkedSubscription = fromEvent($(this.el.nativeElement), 'change')
31 | .subscribe((e: any) => this.ngModelChange.emit(e.target.checked));
32 | }
33 |
34 |
35 | ngOnInit() {
36 | this.initialize();
37 | }
38 |
39 | ngOnDestroy() {
40 | this.destroy();
41 | }
42 |
43 |
44 | initialize(options?: any) {
45 | $(this.el.nativeElement).bootstrapToggle(options);
46 | }
47 |
48 | destroy() {
49 | if (this.checkedSubscription) {
50 | this.checkedSubscription.unsubscribe();
51 | }
52 |
53 | $(this.el.nativeElement).bootstrapToggle('destroy');
54 | }
55 |
56 | toggleOn() {
57 | $(this.el.nativeElement).bootstrapToggle('on');
58 | }
59 |
60 | toggleOff() {
61 | $(this.el.nativeElement).bootstrapToggle('off');
62 | }
63 |
64 | toggle(value?: boolean) {
65 | if (value == null) {
66 | $(this.el.nativeElement).bootstrapToggle('toggle');
67 | } else {
68 | $(this.el.nativeElement).prop('checked', value).change();
69 | }
70 | }
71 |
72 | enable() {
73 | $(this.el.nativeElement).bootstrapToggle('enable');
74 | }
75 |
76 | disable() {
77 | $(this.el.nativeElement).bootstrapToggle('disable');
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/controls/notifications-viewer.component.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 | ![ASP.NET]()
6 |
15 |
16 | ![Visual Studio]()
17 |
26 |
27 | ![Package Management]()
28 |
37 |
38 | ![Eben Monney]()
39 |
44 |
45 |
46 |
47 |
48 |
7 |
14 | 8 | Learn how to build ASP.NET apps that can run anywhere 9 | 10 | Learn More 11 | 12 |
13 |
18 |
25 | 19 | One platform for building modern web, native mobile and native desktop applications 20 | 21 | Learn More 22 | 23 |
24 |
29 |
36 | 30 | Bring in libraries from NuGet and npm, and bundle with angular/cli 31 | 32 | Learn More 33 | 34 |
35 |
40 |
43 | 41 |
42 |
49 |
52 |
50 |
51 |
2 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | {{getPrintedDate(value)}}
25 |
26 |
27 |
28 |
29 |
30 | {{value}}
31 |
32 |
33 |
34 |
35 |
36 | {{value}}
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/Helpers/Utilities.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using IdentityModel;
7 | using Microsoft.Extensions.Logging;
8 | using System;
9 | using System.Collections.Generic;
10 | using System.IO;
11 | using System.Linq;
12 | using System.Security.Claims;
13 | using System.Text;
14 | using System.Threading.Tasks;
15 |
16 | namespace DatingApp.Helpers
17 | {
18 | public static class Utilities
19 | {
20 | static ILoggerFactory _loggerFactory;
21 |
22 |
23 | public static void ConfigureLogger(ILoggerFactory loggerFactory)
24 | {
25 | _loggerFactory = loggerFactory;
26 | }
27 |
28 |
29 | public static ILogger CreateLogger
2 |
3 |
5 |
6 |
46 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/Authorization/AssignRolesAuthorizationRequirement.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using DAL.Core;
7 | using Microsoft.AspNetCore.Authorization;
8 | using System.Linq;
9 | using System.Security.Claims;
10 | using System.Threading.Tasks;
11 |
12 | namespace DatingApp.Authorization
13 | {
14 | public class AssignRolesAuthorizationRequirement : IAuthorizationRequirement
15 | {
16 |
17 | }
18 |
19 |
20 |
21 | public class AssignRolesAuthorizationHandler : AuthorizationHandler{{'pageHeader.Dashboard' | translate}}
4 |
7 |
45 |
8 |
44 |
9 |
16 |
17 |
10 |
15 | 11 | {{'home.NoWidgets1' | translate}} {{'settings.tab.Preferences' | translate}} 12 | {{'home.NoWidgets2' | translate}} 13 |
14 |
18 |
21 |
22 |
27 |
28 |
23 |
26 | {{'home.StatisticsTitle' | translate}}
24 |
29 |
32 |
33 |
35 |
36 |
43 |
2 |
5 |
6 |
42 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/controls/statistics-demo.component.html:
--------------------------------------------------------------------------------
1 |
7 |
41 | Welcome to Dating Application
8 |This Application build used by following technologies
9 | 10 |Technologies
11 |-
12 |
- Template pages with Angular7 and TypeScript 13 |
- RESTful API Backend using ASP.NET Core 2.2 MVC Web API 14 |
- Database using Entity Framework Core 15 |
- Authentication based on IdentityServer4 and ASP.NET Core Identity 16 |
- API Documentation using Swagger 17 |
- Client-side built on Angular CLI 18 |
- Theming using Bootstrap 4 with Bootswatch 19 |
22 |
40 | Features
23 |-
24 |
- A complete backend and frontend project structure to build on, with login, user and permission-based role management integrated 25 |
- Clean and simple Angular/ASP.NET Core code to serve as a guide 26 |
- Data Access Layer built with the Repository and Unit of Work Pattern 27 |
- Code First Database 28 |
- A RESTful API Design 29 |
- Dialog and Notification Services 30 |
- Configuration Page and Configuration Service 31 |
- Integrated Internationaliztion 32 |
- Theming with SASS 33 |
- Ready-to-use email API 34 |
- Handling Access and Refresh Tokens with WebStorage (Bearer authentication) - No Cookies 35 |
- CRUD APIs 36 |
- etc. 37 |
2 |
61 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/Authorization/UserAccountAuthorizationRequirement.cs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | using DAL.Core;
7 | using Microsoft.AspNetCore.Authorization;
8 | using DatingApp.Helpers;
9 | using System.Collections.Generic;
10 | using System.Security.Claims;
11 | using System.Text;
12 | using System.Threading.Tasks;
13 |
14 | namespace DatingApp.Authorization
15 | {
16 | public class UserAccountAuthorizationRequirement : IAuthorizationRequirement
17 | {
18 | public UserAccountAuthorizationRequirement(string operationName)
19 | {
20 | this.OperationName = operationName;
21 | }
22 |
23 |
24 | public string OperationName { get; private set; }
25 | }
26 |
27 |
28 |
29 | public class ViewUserAuthorizationHandler : AuthorizationHandler
3 |
15 |
4 |
13 |
14 |
16 |
60 |
17 |
18 |
19 |
31 |
32 |
33 | | 21 | | {{label}} | 22 |
|---|---|
| {{d && d.label.split(' ').pop()}} | 27 |{{d && d.data[j]}} | 28 |
34 |
35 |
56 |
57 |
58 |
59 |
2 |
28 |
29 |
30 |
31 | {{value}}
32 |
33 |
34 |
35 |
36 | {{'roles.management.Edit' | translate}}
37 | {{'roles.management.Details' | translate}}
38 | {{canManageRoles ? '|' : ''}}
39 | {{'roles.management.Delete' | translate}}
40 |
41 |
42 |
43 |
60 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/controls/users-management.component.html:
--------------------------------------------------------------------------------
1 |
3 |
18 |
19 |
4 |
8 |
5 | >
6 |
7 |
9 |
16 |
17 |
44 |
59 |
45 |
57 |
58 |
2 |
28 |
29 |
30 |
31 | {{value}}
32 |
33 |
34 |
35 |
36 |
37 |
38 | {{value}}
39 |
40 |
41 |
42 |
43 | {{role}}
44 |
45 |
46 |
47 |
51 |
52 |
53 |
54 |
71 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/polyfills.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | /**
7 | * This file includes polyfills needed by Angular and is loaded before the app.
8 | * You can add your own extra polyfills to this file.
9 | *
10 | * This file is divided into 2 sections:
11 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
12 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
13 | * file.
14 | *
15 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
16 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
17 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
18 | *
19 | * Learn more in https://angular.io/guide/browser-support
20 | */
21 |
22 | /***************************************************************************************************
23 | * BROWSER POLYFILLS
24 | */
25 |
26 | /** IE9, IE10 and IE11 requires all of the following polyfills. **/
27 | // import 'core-js/es6/symbol';
28 | // import 'core-js/es6/object';
29 | // import 'core-js/es6/function';
30 | // import 'core-js/es6/parse-int';
31 | // import 'core-js/es6/parse-float';
32 | // import 'core-js/es6/number';
33 | // import 'core-js/es6/math';
34 | // import 'core-js/es6/string';
35 | // import 'core-js/es6/date';
36 | // import 'core-js/es6/array';
37 | // import 'core-js/es6/regexp';
38 | // import 'core-js/es6/map';
39 | // import 'core-js/es6/weak-map';
40 | // import 'core-js/es6/set';
41 |
42 | /**
43 | * If the application will be indexed by Google Search, the following is required.
44 | * Googlebot uses a renderer based on Chrome 41.
45 | * https://developers.google.com/search/docs/guides/rendering
46 | **/
47 | // import 'core-js/es6/array';
48 |
49 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
50 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
51 |
52 | /** IE10 and IE11 requires the following for the Reflect API. */
53 | // import 'core-js/es6/reflect';
54 |
55 | /**
56 | * Web Animations `@angular/platform-browser/animations`
57 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
58 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
59 | **/
60 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
61 |
62 | /**
63 | * By default, zone.js will patch all possible macroTask and DomEvents
64 | * user can disable parts of macroTask/DomEvents patch by setting following flags
65 | */
66 |
67 | // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
68 | // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
69 | // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
70 |
71 | /*
72 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
73 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
74 | */
75 | // (window as any).__Zone_enable_cross_context_check = true;
76 |
77 | /***************************************************************************************************
78 | * Zone JS is required by default for Angular itself.
79 | */
80 | import 'zone.js/dist/zone'; // Included with Angular CLI.
81 |
82 |
83 | /***************************************************************************************************
84 | * APPLICATION IMPORTS
85 | */
86 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rulesDirectory": [
3 | "node_modules/codelyzer"
4 | ],
5 | "rules": {
6 | "arrow-return-shorthand": true,
7 | "callable-types": true,
8 | "class-name": true,
9 | "comment-format": [
10 | true,
11 | "check-space"
12 | ],
13 | "curly": true,
14 | "deprecation": {
15 | "severity": "warn"
16 | },
17 | "eofline": true,
18 | "linebreak-style": [ true, "CRLF" ],
19 | "forin": true,
20 | "import-blacklist": [
21 | true,
22 | "rxjs/Rx"
23 | ],
24 | "import-spacing": true,
25 | "indent": [
26 | true,
27 | "spaces"
28 | ],
29 | "interface-over-type-literal": true,
30 | "label-position": true,
31 | "max-line-length": [
32 | true,
33 | 140
34 | ],
35 | "member-access": false,
36 | "member-ordering": [
37 | true,
38 | {
39 | "order": [
40 | "static-field",
41 | "instance-field",
42 | "static-method",
43 | "instance-method"
44 | ]
45 | }
46 | ],
47 | "no-arg": true,
48 | "no-bitwise": true,
49 | "no-console": [
50 | true,
51 | "debug",
52 | "info",
53 | "time",
54 | "timeEnd",
55 | "trace"
56 | ],
57 | "no-construct": true,
58 | "no-debugger": true,
59 | "no-duplicate-super": true,
60 | "no-empty": false,
61 | "no-empty-interface": true,
62 | "no-eval": true,
63 | "no-inferrable-types": [
64 | true,
65 | "ignore-params"
66 | ],
67 | "no-misused-new": true,
68 | "no-non-null-assertion": true,
69 | "no-redundant-jsdoc": true,
70 | "no-shadowed-variable": true,
71 | "no-string-literal": false,
72 | "no-string-throw": true,
73 | "no-switch-case-fall-through": true,
74 | "no-trailing-whitespace": true,
75 | "no-unnecessary-initializer": true,
76 | "no-unused-expression": true,
77 | "no-use-before-declare": true,
78 | "no-var-keyword": true,
79 | "object-literal-sort-keys": false,
80 | "one-line": [
81 | true,
82 | "check-open-brace",
83 | "check-catch",
84 | "check-else",
85 | "check-whitespace"
86 | ],
87 | "prefer-const": true,
88 | "quotemark": [
89 | true,
90 | "single"
91 | ],
92 | "radix": true,
93 | "semicolon": [
94 | true,
95 | "always"
96 | ],
97 | "triple-equals": [
98 | true,
99 | "allow-null-check"
100 | ],
101 | "typedef-whitespace": [
102 | true,
103 | {
104 | "call-signature": "nospace",
105 | "index-signature": "nospace",
106 | "parameter": "nospace",
107 | "property-declaration": "nospace",
108 | "variable-declaration": "nospace"
109 | }
110 | ],
111 | "unified-signatures": true,
112 | "variable-name": false,
113 | "whitespace": [
114 | true,
115 | "check-branch",
116 | "check-decl",
117 | "check-operator",
118 | "check-separator",
119 | "check-type"
120 | ],
121 | "no-output-on-prefix": true,
122 | "use-input-property-decorator": true,
123 | "use-output-property-decorator": true,
124 | "use-host-property-decorator": true,
125 | "no-input-rename": true,
126 | "no-output-rename": true,
127 | "use-life-cycle-interface": true,
128 | "use-pipe-transform-interface": true,
129 | "component-class-suffix": true,
130 | "directive-class-suffix": true
131 | }
132 | }
133 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/directives/bootstrap-datepicker.directive.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { Directive, ElementRef, Input, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';
7 | import { Observable, Subscription, fromEvent } from 'rxjs';
8 |
9 |
10 | declare var $: any;
11 |
12 | @Directive({
13 | selector: '[bootstrapDatepicker]',
14 | exportAs: 'bootstrap-datepicker'
15 | })
16 | export class BootstrapDatepickerDirective implements OnInit, OnDestroy {
17 |
18 | private _isShown = false;
19 | private updateTimeout;
20 | private changedSubscription: Subscription;
21 | private shownSubscription: Subscription;
22 | private hiddenSubscription: Subscription;
23 |
24 | get isShown() {
25 | return this._isShown;
26 | }
27 |
28 | @Input()
29 | options = {};
30 |
31 | @Input()
32 | set ngModel(value) {
33 | this.tryUpdate(value);
34 | }
35 |
36 |
37 | @Output()
38 | ngModelChange = new EventEmitter();
39 |
40 |
41 | constructor(private el: ElementRef) {
42 | this.changedSubscription = fromEvent($(this.el.nativeElement), 'change').subscribe((e: any) => setTimeout(() => this.ngModelChange.emit(e.target.value)));
43 | this.shownSubscription = fromEvent($(this.el.nativeElement), 'show').subscribe((e: any) => this._isShown = true);
44 | this.hiddenSubscription = fromEvent($(this.el.nativeElement), 'hide').subscribe((e: any) => this._isShown = false);
45 | }
46 |
47 |
48 |
49 | ngOnInit() {
50 | this.initialize(this.options);
51 | }
52 |
53 | ngOnDestroy() {
54 | this.destroy();
55 | }
56 |
57 |
58 |
59 |
60 | initialize(options?: any) {
61 | $(this.el.nativeElement).datepicker(options);
62 | }
63 |
64 | destroy() {
65 | if (this.changedSubscription) {
66 | this.changedSubscription.unsubscribe();
67 | this.shownSubscription.unsubscribe();
68 | this.hiddenSubscription.unsubscribe();
69 | }
70 |
71 | $(this.el.nativeElement).datepicker('destroy');
72 | }
73 |
74 |
75 |
76 | show() {
77 | $(this.el.nativeElement).datepicker('show');
78 | }
79 |
80 |
81 | hide() {
82 | $(this.el.nativeElement).datepicker('hide');
83 | }
84 |
85 |
86 | toggle() {
87 | this.isShown ? this.hide() : this.show();
88 | }
89 |
90 |
91 | private tryUpdate(value) {
92 |
93 | clearTimeout(this.updateTimeout);
94 |
95 | if (!$(this.el.nativeElement).is(':focus')) {
96 | this.update(value);
97 | } else {
98 | this.updateTimeout = setTimeout(() => {
99 | this.updateTimeout = null;
100 | this.tryUpdate(value);
101 | }, 100);
102 | }
103 | }
104 |
105 | update(value) {
106 | setTimeout(() => $(this.el.nativeElement).datepicker('update', value));
107 | }
108 |
109 |
110 | setDate(value) {
111 | setTimeout(() => $(this.el.nativeElement).datepicker('setDate', value));
112 | }
113 |
114 |
115 | setUTCDate(value) {
116 | setTimeout(() => $(this.el.nativeElement).datepicker('setUTCDate', value));
117 | }
118 |
119 |
120 | clearDates() {
121 | setTimeout(() => $(this.el.nativeElement).datepicker('clearDates'));
122 | }
123 |
124 |
125 | getDate() {
126 | $(this.el.nativeElement).datepicker('getDate');
127 | }
128 |
129 |
130 | getUTCDate() {
131 | $(this.el.nativeElement).datepicker('getUTCDate');
132 | }
133 | }
134 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/login/login.component.html:
--------------------------------------------------------------------------------
1 |
3 |
18 |
19 |
4 |
8 |
5 | >
6 |
7 |
9 |
16 |
17 |
55 |
70 |
56 |
68 |
69 |
2 |
59 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/components/app.component.spec.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | import { TestBed, async } from '@angular/core/testing';
7 | import { RouterTestingModule } from '@angular/router/testing';
8 | import { FormsModule } from '@angular/forms';
9 | import { HttpClientModule } from '@angular/common/http';
10 |
11 | import { AppComponent } from '../components/app.component';
12 | import { LoginComponent } from '../components/login/login.component';
13 | import { NotificationsViewerComponent } from '../components/controls/notifications-viewer.component';
14 |
15 | import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
16 | import { NgxDatatableModule } from '@swimlane/ngx-datatable';
17 | import { ToastaModule } from 'ngx-toasta';
18 | import { ModalModule } from 'ngx-bootstrap/modal';
19 | import { TooltipModule } from 'ngx-bootstrap/tooltip';
20 | import { PopoverModule } from 'ngx-bootstrap/popover';
21 |
22 | import { AuthService } from '../services/auth.service';
23 | import { AppTitleService } from '../services/app-title.service';
24 | import { AppTranslationService, TranslateLanguageLoader } from '../services/app-translation.service';
25 | import { ConfigurationService } from '../services/configuration.service';
26 | import { ThemeManager } from '../services/theme-manager';
27 | import { AlertService } from '../services/alert.service';
28 | import { LocalStoreManager } from '../services/local-store-manager.service';
29 | import { EndpointFactory } from '../services/endpoint-factory.service';
30 | import { NotificationService } from '../services/notification.service';
31 | import { NotificationEndpoint } from '../services/notification-endpoint.service';
32 | import { AccountService } from '../services/account.service';
33 | import { AccountEndpoint } from '../services/account-endpoint.service';
34 |
35 | describe('AppComponent', () => {
36 | beforeEach(async(() => {
37 | TestBed.configureTestingModule({
38 | imports: [
39 | HttpClientModule,
40 | FormsModule,
41 | RouterTestingModule,
42 | TranslateModule.forRoot({
43 | loader: {
44 | provide: TranslateLoader,
45 | useClass: TranslateLanguageLoader
46 | }
47 | }),
48 | NgxDatatableModule,
49 | ToastaModule.forRoot(),
50 | TooltipModule.forRoot(),
51 | PopoverModule.forRoot(),
52 | ModalModule.forRoot()
53 | ],
54 | declarations: [
55 | AppComponent,
56 | LoginComponent,
57 | NotificationsViewerComponent
58 | ],
59 | providers: [
60 | AuthService,
61 | AlertService,
62 | ConfigurationService,
63 | ThemeManager,
64 | AppTitleService,
65 | AppTranslationService,
66 | NotificationService,
67 | NotificationEndpoint,
68 | AccountService,
69 | AccountEndpoint,
70 | LocalStoreManager,
71 | EndpointFactory
72 | ]
73 | }).compileComponents();
74 | }));
75 |
76 | it('should create the app', () => {
77 | const fixture = TestBed.createComponent(AppComponent);
78 | const app = fixture.debugElement.componentInstance;
79 | expect(app).toBeTruthy();
80 | });
81 |
82 | it(`should have as title 'DatingApp'`, () => {
83 | const fixture = TestBed.createComponent(AppComponent);
84 | const app =
3 |
58 |
4 |
57 |
5 | Login
6 |
9 |
10 |
11 |
56 |
12 |
54 |
55 |
2 |
3 |
5 |
6 |
64 |
--------------------------------------------------------------------------------
/DatingApp/DatingApp/ClientApp/src/app/assets/styles/alertify.core.css:
--------------------------------------------------------------------------------
1 | .alertify,
2 | .alertify-show,
3 | .alertify-log {
4 | -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
5 | -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
6 | -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
7 | -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
8 | transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
9 | }
10 | .alertify-hide {
11 | -webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
12 | -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
13 | -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
14 | -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
15 | transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
16 | }
17 | .alertify-log-hide {
18 | -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
19 | -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
20 | -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
21 | -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
22 | transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
23 | }
24 | .alertify-cover {
25 | position: fixed; z-index: 99999;
26 | top: 0; right: 0; bottom: 0; left: 0;
27 | background-color:white;
28 | filter:alpha(opacity=0);
29 | opacity:0;
30 | }
31 | .alertify-cover-hidden {
32 | display: none;
33 | }
34 | .alertify {
35 | position: fixed; z-index: 99999;
36 | top: 50px; left: 50%;
37 | width: 550px;
38 | margin-left: -275px;
39 | opacity: 1;
40 | }
41 | .alertify-hidden {
42 | -webkit-transform: translate(0,-150px);
43 | -moz-transform: translate(0,-150px);
44 | -ms-transform: translate(0,-150px);
45 | -o-transform: translate(0,-150px);
46 | transform: translate(0,-150px);
47 | opacity: 0;
48 | display: none;
49 | }
50 | /* overwrite display: none; for everything except IE6-8 */
51 | :root *> .alertify-hidden {
52 | display: block;
53 | visibility: hidden;
54 | }
55 | .alertify-logs {
56 | position: fixed;
57 | z-index: 5000;
58 | bottom: 10px;
59 | right: 10px;
60 | width: 300px;
61 | }
62 | .alertify-logs-hidden {
63 | display: none;
64 | }
65 | .alertify-log {
66 | display: block;
67 | margin-top: 10px;
68 | position: relative;
69 | right: -300px;
70 | opacity: 0;
71 | }
72 | .alertify-log-show {
73 | right: 0;
74 | opacity: 1;
75 | }
76 | .alertify-log-hide {
77 | -webkit-transform: translate(300px, 0);
78 | -moz-transform: translate(300px, 0);
79 | -ms-transform: translate(300px, 0);
80 | -o-transform: translate(300px, 0);
81 | transform: translate(300px, 0);
82 | opacity: 0;
83 | }
84 | .alertify-dialog {
85 | padding: 25px;
86 | }
87 | .alertify-resetFocus {
88 | border: 0;
89 | clip: rect(0 0 0 0);
90 | height: 1px;
91 | margin: -1px;
92 | overflow: hidden;
93 | padding: 0;
94 | position: absolute;
95 | width: 1px;
96 | }
97 | .alertify-inner {
98 | text-align: center;
99 | }
100 | .alertify-text {
101 | margin-bottom: 15px;
102 | width: 100%;
103 | -webkit-box-sizing: border-box;
104 | -moz-box-sizing: border-box;
105 | box-sizing: border-box;
106 | font-size: 100%;
107 | }
108 | .alertify-buttons {
109 | }
110 | .alertify-button,
111 | .alertify-button:hover,
112 | .alertify-button:active,
113 | .alertify-button:visited {
114 | background: none;
115 | text-decoration: none;
116 | border: none;
117 | /* line-height and font-size for input button */
118 | line-height: 1.5;
119 | font-size: 100%;
120 | display: inline-block;
121 | cursor: pointer;
122 | margin-left: 5px;
123 | }
124 |
125 | @media only screen and (max-width: 680px) {
126 | .alertify,
127 | .alertify-logs {
128 | width: 90%;
129 | -webkit-box-sizing: border-box;
130 | -moz-box-sizing: border-box;
131 | box-sizing: border-box;
132 | }
133 | .alertify {
134 | left: 5%;
135 | margin: 0;
136 | }
137 | }
138 |
--------------------------------------------------------------------------------
{{'pageHeader.Settings' | translate}}
4 |
7 |
63 |
8 |
30 |
62 |
31 |
61 |
32 |
34 |
39 | {{'settings.header.UserProfile' | translate}}
33 |34 |
35 |
37 |
38 |
40 |
42 |
46 | {{'settings.header.UserPreferences' | translate}}
41 |42 |
43 |
45 |
47 |
49 |
53 | {{'settings.header.UsersManagements' | translate}}
48 |49 |
50 |
52 |
54 |
56 |
60 | {{'settings.header.RolesManagement' | translate}}
55 |56 |
57 |
59 |