15 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/shared/directives/scrollable/scrollable.directive.ts:
--------------------------------------------------------------------------------
1 | import { OnInit, Directive, Input, ElementRef } from '@angular/core';
2 | declare var $: any;
3 |
4 | @Directive({
5 | selector: 'scrollable'
6 | })
7 | export class ScrollableDirective implements OnInit {
8 |
9 | @Input() height: number;
10 | defaultHeight = 250;
11 |
12 | constructor(public element: ElementRef) { }
13 |
14 | ngOnInit() {
15 | $(this.element.nativeElement).slimScroll({
16 | height: (this.height || this.defaultHeight)
17 | });
18 | }
19 |
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/layout/layout.component.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
2 |
3 |
10 |
11 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/routes/extras/votelinks/votelinks.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-votelinks',
5 | templateUrl: './votelinks.component.html',
6 | styleUrls: ['./votelinks.component.scss']
7 | })
8 | export class VotelinksComponent implements OnInit {
9 |
10 | vCount1 = 10;
11 | vCount2 = 20;
12 | vCount3 = 27;
13 | vCount4 = 10;
14 | vCount5 = 5;
15 | vCount6 = 10;
16 | vCount7 = -1;
17 | vCount8 = 300;
18 |
19 | constructor() { }
20 |
21 | ngOnInit() { }
22 |
23 | }
24 |
--------------------------------------------------------------------------------
/src/assets/codemirror/mode/tiki/tiki.css:
--------------------------------------------------------------------------------
1 | .cm-tw-syntaxerror {
2 | color: #FFF;
3 | background-color: #900;
4 | }
5 |
6 | .cm-tw-deleted {
7 | text-decoration: line-through;
8 | }
9 |
10 | .cm-tw-header5 {
11 | font-weight: bold;
12 | }
13 | .cm-tw-listitem:first-child { /*Added first child to fix duplicate padding when highlighting*/
14 | padding-left: 10px;
15 | }
16 |
17 | .cm-tw-box {
18 | border-top-width: 0px !important;
19 | border-style: solid;
20 | border-width: 1px;
21 | border-color: inherit;
22 | }
23 |
24 | .cm-tw-underline {
25 | text-decoration: underline;
26 | }
--------------------------------------------------------------------------------
/src/assets/i18n/es_AR.json:
--------------------------------------------------------------------------------
1 | {
2 | "header": {
3 | "search": {
4 | "PLACEHOLDER": "Escribe y presiona enter.."
5 | }
6 | },
7 | "offsidebar": {
8 | "setting": {
9 | "SETTINGS": "Configuración"
10 | }
11 | },
12 | "sidebar": {
13 | "WELCOME": "Bienvenido",
14 | "heading": {
15 | "HEADER": "Cabecera Menu"
16 | },
17 | "nav": {
18 | "SINGLEVIEW": "Vista Simple"
19 | }
20 | },
21 | "dashboard": {
22 | "WELCOME": "Bienvenido"
23 | }
24 | }
--------------------------------------------------------------------------------
/src/app/routes/tables/extended/extended.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ColorsService } from '../../../shared/colors/colors.service';
3 |
4 | @Component({
5 | selector: 'app-extended',
6 | templateUrl: './extended.component.html',
7 | styleUrls: ['./extended.component.scss']
8 | })
9 | export class ExtendedComponent implements OnInit {
10 |
11 | constructor(public colors: ColorsService) { }
12 |
13 | ngOnInit() {
14 | }
15 |
16 | colorByName(name) {
17 | return this.colors.byName(name);
18 | }
19 |
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/layout/header/navsearch/navsearch.component.html:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
--------------------------------------------------------------------------------
/src/app/layout/sidebar/userblock/userblock.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable()
4 | export class UserblockService {
5 | public userBlockVisible: boolean;
6 | constructor() {
7 | // initially visible
8 | this.userBlockVisible = true;
9 | }
10 |
11 | getVisibility() {
12 | return this.userBlockVisible;
13 | }
14 |
15 | setVisibility(stat = true) {
16 | this.userBlockVisible = stat;
17 | }
18 |
19 | toggleVisibility() {
20 | this.userBlockVisible = !this.userBlockVisible;
21 | }
22 |
23 | }
24 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_reset-text.scss:
--------------------------------------------------------------------------------
1 | @mixin reset-text() {
2 | font-family: $font-family-base;
3 | // We deliberately do NOT reset font-size.
4 | font-style: normal;
5 | font-weight: normal;
6 | letter-spacing: normal;
7 | line-break: auto;
8 | line-height: $line-height-base;
9 | text-align: left; // Fallback for where `start` is not supported
10 | text-align: start;
11 | text-decoration: none;
12 | text-shadow: none;
13 | text-transform: none;
14 | white-space: normal;
15 | word-break: normal;
16 | word-spacing: normal;
17 | word-wrap: normal;
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_border-radius.scss:
--------------------------------------------------------------------------------
1 | // Single side border-radius
2 |
3 | @mixin border-top-radius($radius) {
4 | border-top-right-radius: $radius;
5 | border-top-left-radius: $radius;
6 | }
7 | @mixin border-right-radius($radius) {
8 | border-bottom-right-radius: $radius;
9 | border-top-right-radius: $radius;
10 | }
11 | @mixin border-bottom-radius($radius) {
12 | border-bottom-right-radius: $radius;
13 | border-bottom-left-radius: $radius;
14 | }
15 | @mixin border-left-radius($radius) {
16 | border-bottom-left-radius: $radius;
17 | border-top-left-radius: $radius;
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/routes/pages/maintenance/maintenance.component.html:
--------------------------------------------------------------------------------
1 |
12 |
14 |
2 |
13 |
--------------------------------------------------------------------------------
/src/app/layout/sidebar/userblock/userblock.component.html:
--------------------------------------------------------------------------------
1 |
3 |
12 |
4 |
11 | 5 | 6 | 7 |
8 |SITE IS UNDER MAINTENANCE
9 | We'll back online shortly!
10 |
2 |
3 |
15 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/file-upload.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: file-upload
3 | ========================================================================== */
4 |
5 | .file-upload {
6 | display: block;
7 | overflow: hidden;
8 | position: relative;
9 |
10 | [type=file] {
11 | cursor: pointer;
12 | display: block;
13 | filter: alpha(opacity=0);
14 | min-height: 100%;
15 | min-width: 100%;
16 | opacity: 0;
17 | position: absolute;
18 | right: 0;
19 | text-align: right;
20 | top: 0;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/routes/extras/contacts/contacts.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-contacts',
5 | templateUrl: './contacts.component.html',
6 | styleUrls: ['./contacts.component.scss']
7 | })
8 | export class ContactsComponent implements OnInit {
9 |
10 | favContact1 = false;
11 | favContact2 = true;
12 | favContact3 = false;
13 | favContact4 = false;
14 | favContact5 = true;
15 | favContact6 = true;
16 | favContact7 = false;
17 | favContact8 = false;
18 | favContact9 = false;
19 |
20 | constructor() { }
21 |
22 | ngOnInit() {
23 | }
24 |
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_pagination.scss:
--------------------------------------------------------------------------------
1 | // Pagination
2 |
3 | @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
4 | > li {
5 | > a,
6 | > span {
7 | padding: $padding-vertical $padding-horizontal;
8 | font-size: $font-size;
9 | line-height: $line-height;
10 | }
11 | &:first-child {
12 | > a,
13 | > span {
14 | @include border-left-radius($border-radius);
15 | }
16 | }
17 | &:last-child {
18 | > a,
19 | > span {
20 | @include border-right-radius($border-radius);
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_responsive-visibility.scss:
--------------------------------------------------------------------------------
1 | // Responsive utilities
2 |
3 | //
4 | // More easily include all the states for responsive-utilities.less.
5 | // [converter] $parent hack
6 | @mixin responsive-visibility($parent) {
7 | #{$parent} {
8 | display: block !important;
9 | }
10 | table#{$parent} { display: table !important; }
11 | tr#{$parent} { display: table-row !important; }
12 | th#{$parent},
13 | td#{$parent} { display: table-cell !important; }
14 | }
15 |
16 | // [converter] $parent hack
17 | @mixin responsive-invisibility($parent) {
18 | #{$parent} {
19 | display: none !important;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_panels.scss:
--------------------------------------------------------------------------------
1 | // Panels
2 |
3 | @mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
4 | border-color: $border;
5 |
6 | & > .panel-heading {
7 | color: $heading-text-color;
8 | background-color: $heading-bg-color;
9 | border-color: $heading-border;
10 |
11 | + .panel-collapse > .panel-body {
12 | border-top-color: $border;
13 | }
14 | .badge {
15 | color: $heading-bg-color;
16 | background-color: $heading-text-color;
17 | }
18 | }
19 | & > .panel-footer {
20 | + .panel-collapse > .panel-body {
21 | border-bottom-color: $border;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_wells.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: $well-bg;
12 | border: 1px solid $well-border;
13 | border-radius: $border-radius-base;
14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: $border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: $border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/src/vendor.ts:
--------------------------------------------------------------------------------
1 |
2 | import './modernizr.js'; // 'npm run modernizr' to create this file
3 |
4 | import '../node_modules/ika.jvectormap/jquery-jvectormap-1.2.2.min.js';
5 | import '../node_modules/ika.jvectormap/jquery-jvectormap-world-mill-en.js';
6 | import '../node_modules/ika.jvectormap/jquery-jvectormap-us-mill-en.js';
7 |
8 | import '../node_modules/jquery-slimscroll/jquery.slimscroll.js';
9 |
10 | import '../node_modules/codemirror/lib/codemirror.js';
11 | import '../node_modules/codemirror/mode/javascript/javascript.js';
12 | import '../node_modules/codemirror/mode/xml/xml.js';
13 | import '../node_modules/codemirror/mode/htmlmixed/htmlmixed.js';
14 | import '../node_modules/codemirror/mode/css/css.js';
15 |
--------------------------------------------------------------------------------
/src/assets/server/chart/splinev2.json:
--------------------------------------------------------------------------------
1 | [{
2 | "label": "Hours",
3 | "color": "#23b7e5",
4 | "data": [
5 | ["Jan", 70],
6 | ["Feb", 20],
7 | ["Mar", 70],
8 | ["Apr", 85],
9 | ["May", 59],
10 | ["Jun", 93],
11 | ["Jul", 66],
12 | ["Aug", 86],
13 | ["Sep", 60],
14 | ["Oct", 60],
15 | ["Nov", 12],
16 | ["Dec", 50]
17 | ]
18 | }, {
19 | "label": "Commits",
20 | "color": "#7266ba",
21 | "data": [
22 | ["Jan", 20],
23 | ["Feb", 70],
24 | ["Mar", 30],
25 | ["Apr", 50],
26 | ["May", 85],
27 | ["Jun", 43],
28 | ["Jul", 96],
29 | ["Aug", 36],
30 | ["Sep", 80],
31 | ["Oct", 10],
32 | ["Nov", 72],
33 | ["Dec", 31]
34 | ]
35 | }]
--------------------------------------------------------------------------------
/src/app/layout/header/navsearch/navsearch.component.spec.ts:
--------------------------------------------------------------------------------
1 | // /* tslint:disable:no-unused-variable */
2 |
3 | // import { TestBed, async, inject } from '@angular/core/testing';
4 | // import { NavsearchComponent } from './navsearch.component';
5 |
6 | // import { ElementRef } from '@angular/core';
7 |
8 | // describe('Component: Navsearch', () => {
9 |
10 | // beforeEach(() => {
11 | // TestBed.configureTestingModule({
12 | // providers: [ElementRef]
13 | // }).compileComponents();
14 | // });
15 |
16 | // it('should create an instance', () => {
17 | // let component = new NavsearchComponent(new ElementRef({}));
18 | // expect(component).toBeTruthy();
19 | // });
20 | // });
21 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_hide-text.scss:
--------------------------------------------------------------------------------
1 | // CSS image replacement
2 | //
3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4 | // mixins being reused as classes with the same name, this doesn't hold up. As
5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6 | //
7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8 |
9 | // Deprecated as of v3.0.1 (has been removed in v4)
10 | @mixin hide-text() {
11 | font: 0/0 a;
12 | color: transparent;
13 | text-shadow: none;
14 | background-color: transparent;
15 | border: 0;
16 | }
17 |
18 | // New mixin to use as of v3.0.1
19 | @mixin text-hide() {
20 | @include hide-text;
21 | }
22 |
--------------------------------------------------------------------------------
/src/assets/codemirror/filetree.json:
--------------------------------------------------------------------------------
1 | [{
2 | "name": "ProjectX",
3 | "expanded": true,
4 | "children": [
5 | {
6 | "name": "css",
7 | "expanded": true,
8 | "children": [{
9 | "name": "style.css",
10 | "path": "source/css/style.css",
11 | "hasChildren": false
12 | }]
13 | }, {
14 | "name": "ts",
15 | "children": [{
16 | "name": "script.ts",
17 | "path": "source/ts/script.ts",
18 | "hasChildren": false
19 | }]
20 | }, {
21 | "name": "index.html",
22 | "path": "source/index.html"
23 | }
24 | ]
25 | }]
--------------------------------------------------------------------------------
/src/app/layout/sidebar/userblock/userblock.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { UserblockService } from './userblock.service';
4 |
5 | @Component({
6 | selector: 'app-userblock',
7 | templateUrl: './userblock.component.html',
8 | styleUrls: ['./userblock.component.scss']
9 | })
10 | export class UserblockComponent implements OnInit {
11 | user: any;
12 | constructor(public userblockService: UserblockService) {
13 |
14 | this.user = {
15 | picture: 'assets/img/user/01.jpg'
16 | };
17 | }
18 |
19 | ngOnInit() {
20 | }
21 |
22 | userBlockIsVisible() {
23 | return this.userblockService.getVisibility();
24 | }
25 |
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/layout/footer/footer.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 |
3 | import { TestBed, async, inject } from '@angular/core/testing';
4 | import { FooterComponent } from './footer.component';
5 |
6 | import { SettingsService } from '../../core/settings/settings.service';
7 |
8 | describe('Component: Footer', () => {
9 |
10 | beforeEach(() => {
11 | TestBed.configureTestingModule({
12 | providers: [SettingsService]
13 | }).compileComponents();
14 | });
15 |
16 | it('should create an instance', async(inject([SettingsService], (settingsService) => {
17 | let component = new FooterComponent(settingsService);
18 | expect(component).toBeTruthy();
19 | })));
20 | });
21 |
--------------------------------------------------------------------------------
/src/app/layout/sidebar/userblock/userblock.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 |
3 | import { TestBed, async, inject } from '@angular/core/testing';
4 |
5 | import { UserblockComponent } from './userblock.component';
6 | import { UserblockService } from './userblock.service';
7 |
8 | describe('Component: Userblock', () => {
9 |
10 | beforeEach(() => {
11 | TestBed.configureTestingModule({
12 | providers: [UserblockService]
13 | }).compileComponents();
14 | });
15 |
16 | it('should create an instance', async(inject([UserblockService], (userBlockService) => {
17 | let component = new UserblockComponent(userBlockService);
18 | expect(component).toBeTruthy();
19 | })));
20 | });
21 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_responsive-embed.scss:
--------------------------------------------------------------------------------
1 | // Embeds responsive
2 | //
3 | // Credit: Nicolas Gallagher and SUIT CSS.
4 |
5 | .embed-responsive {
6 | position: relative;
7 | display: block;
8 | height: 0;
9 | padding: 0;
10 | overflow: hidden;
11 |
12 | .embed-responsive-item,
13 | iframe,
14 | embed,
15 | object,
16 | video {
17 | position: absolute;
18 | top: 0;
19 | left: 0;
20 | bottom: 0;
21 | height: 100%;
22 | width: 100%;
23 | border: 0;
24 | }
25 | }
26 |
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 | padding-bottom: 56.25%;
30 | }
31 |
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 | padding-bottom: 75%;
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_clearfix.scss:
--------------------------------------------------------------------------------
1 | // Clearfix
2 | //
3 | // For modern browsers
4 | // 1. The space content is one way to avoid an Opera bug when the
5 | // contenteditable attribute is included anywhere else in the document.
6 | // Otherwise it causes space to appear at the top and bottom of elements
7 | // that are clearfixed.
8 | // 2. The use of `table` rather than `block` is only necessary if using
9 | // `:before` to contain the top-margins of child elements.
10 | //
11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12 |
13 | @mixin clearfix() {
14 | &:before,
15 | &:after {
16 | content: " "; // 1
17 | display: table; // 2
18 | }
19 | &:after {
20 | clear: both;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/assets/codemirror/theme/neat.css:
--------------------------------------------------------------------------------
1 | .cm-s-neat span.cm-comment { color: #a86; }
2 | .cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
3 | .cm-s-neat span.cm-string { color: #a22; }
4 | .cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
5 | .cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
6 | .cm-s-neat span.cm-variable { color: black; }
7 | .cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
8 | .cm-s-neat span.cm-meta { color: #555; }
9 | .cm-s-neat span.cm-link { color: #3a3; }
10 |
11 | .cm-s-neat .CodeMirror-activeline-background { background: #e8f2ff; }
12 | .cm-s-neat .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
13 |
--------------------------------------------------------------------------------
/src/app/shared/directives/now/now.directive.ts:
--------------------------------------------------------------------------------
1 | import { OnInit, OnDestroy, Directive, Input, ElementRef } from '@angular/core';
2 | import * as moment from 'moment';
3 |
4 | @Directive({
5 | selector: '[now]'
6 | })
7 | export class NowDirective implements OnInit, OnDestroy {
8 |
9 | @Input() format;
10 | intervalId;
11 |
12 | constructor(public element: ElementRef) { }
13 |
14 | ngOnInit() {
15 | this.updateTime();
16 | this.intervalId = setInterval(this.updateTime.bind(this), 1000);
17 | }
18 |
19 | updateTime() {
20 | let dt = moment().format(this.format);
21 | this.element.nativeElement.innerHTML = dt;
22 | }
23 |
24 | ngOnDestroy() {
25 | clearInterval(this.intervalId);
26 | }
27 |
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/routes/account/account.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 |
5 | import { SharedModule } from '../../shared/shared.module';
6 | import { AccountComponent } from './account/account.component';
7 |
8 | const routes: Routes = [
9 | { path: '', component: AccountComponent }
10 | ];
11 |
12 | @NgModule({
13 | imports: [
14 | SharedModule,
15 | RouterModule.forChild(routes),
16 | AgmCoreModule.forRoot({
17 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
18 | })
19 | ],
20 | declarations: [AccountComponent],
21 | exports: [
22 | RouterModule
23 | ]
24 | })
25 | export class AccountModule { }
26 |
--------------------------------------------------------------------------------
/src/app/routes/widgets/widgets.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 |
5 | import { SharedModule } from '../../shared/shared.module';
6 | import { WidgetsComponent } from './widgets/widgets.component';
7 |
8 | const routes: Routes = [
9 | { path: '', component: WidgetsComponent }
10 | ];
11 |
12 | @NgModule({
13 | imports: [
14 | SharedModule,
15 | RouterModule.forChild(routes),
16 | AgmCoreModule.forRoot({
17 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
18 | })
19 | ],
20 | declarations: [WidgetsComponent],
21 | exports: [
22 | RouterModule
23 | ]
24 | })
25 | export class WidgetsModule { }
26 |
--------------------------------------------------------------------------------
/src/assets/server/chart/splinev3.json:
--------------------------------------------------------------------------------
1 | [{
2 | "label": "Home",
3 | "color": "#1ba3cd",
4 | "data": [
5 | ["1", 38],
6 | ["2", 40],
7 | ["3", 42],
8 | ["4", 48],
9 | ["5", 50],
10 | ["6", 70],
11 | ["7", 145],
12 | ["8", 70],
13 | ["9", 59],
14 | ["10", 48],
15 | ["11", 38],
16 | ["12", 29],
17 | ["13", 30],
18 | ["14", 22],
19 | ["15", 28]
20 | ]
21 | }, {
22 | "label": "Overall",
23 | "color": "#3a3f51",
24 | "data": [
25 | ["1", 16],
26 | ["2", 18],
27 | ["3", 17],
28 | ["4", 16],
29 | ["5", 30],
30 | ["6", 110],
31 | ["7", 19],
32 | ["8", 18],
33 | ["9", 110],
34 | ["10", 19],
35 | ["11", 16],
36 | ["12", 10],
37 | ["13", 20],
38 | ["14", 10],
39 | ["15", 20]
40 | ]
41 | }]
--------------------------------------------------------------------------------
/src/app/routes/elements/sweetalert/sweetalert.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { SweetalertComponent } from './sweetalert.component';
4 |
5 | describe('SweetalertComponent', () => {
6 | let component: SweetalertComponent;
7 | let fixture: ComponentFixture
4 |
9 |
10 |
5 | ![Avatar]()
6 |
7 |
8 |
11 | {{ 'sidebar.WELCOME' | translate }} John
12 | Programmer
13 |
14 | Infinite Scroll
2 | Total items: {{sum + sum2}}
3 |
4 | Scroll in element
5 |
6 |
10 |
7 |
9 | Item #{{i}}
8 | Page scroll
11 |
12 |
18 |
--------------------------------------------------------------------------------
/src/app/routes/commentmanager/commentmanager.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 |
5 | import { SharedModule } from '../../shared/shared.module';
6 | import { CommentManagerComponent } from './commentmanager/commentmanager.component';
7 |
8 | const routes: Routes = [
9 | { path: '', component: CommentManagerComponent }
10 | ];
11 |
12 | @NgModule({
13 | imports: [
14 | SharedModule,
15 | RouterModule.forChild(routes),
16 | AgmCoreModule.forRoot({
17 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
18 | })
19 | ],
20 | declarations: [CommentManagerComponent],
21 | exports: [
22 | RouterModule
23 | ]
24 | })
25 | export class CommentManagerModule { }
26 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/slim-scroll.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: slim-scroll
3 | ========================================================================== */
4 |
5 | $slim-scroll-bar-bg: fade-out(#000, 0.65);
6 | $slim-scroll-rail-bg: fade-out(#000, 0.85);
7 |
8 | // New scrollable element
9 | scrollable {
10 | display: block;
11 | }
12 |
13 | // Important to override js inline styles
14 | .slimScrollBar {
15 | opacity: 1 !important;
16 | background-color: $slim-scroll-bar-bg !important;
17 | border: 0 !important;
18 | border-radius: 1px !important;
19 | }
20 |
21 | .slimScrollRail {
22 | opacity: 1 !important;
23 | background-color: $slim-scroll-rail-bg !important;
24 | border: 0 !important;
25 | border-radius: 0 !important;
26 | bottom: 0;
27 | }
--------------------------------------------------------------------------------
/src/assets/codemirror/theme/elegant.css:
--------------------------------------------------------------------------------
1 | .cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom { color: #762; }
2 | .cm-s-elegant span.cm-comment { color: #262; font-style: italic; line-height: 1em; }
3 | .cm-s-elegant span.cm-meta { color: #555; font-style: italic; line-height: 1em; }
4 | .cm-s-elegant span.cm-variable { color: black; }
5 | .cm-s-elegant span.cm-variable-2 { color: #b11; }
6 | .cm-s-elegant span.cm-qualifier { color: #555; }
7 | .cm-s-elegant span.cm-keyword { color: #730; }
8 | .cm-s-elegant span.cm-builtin { color: #30a; }
9 | .cm-s-elegant span.cm-link { color: #762; }
10 | .cm-s-elegant span.cm-error { background-color: #fdd; }
11 |
12 | .cm-s-elegant .CodeMirror-activeline-background { background: #e8f2ff; }
13 | .cm-s-elegant .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
14 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_list-group.scss:
--------------------------------------------------------------------------------
1 | // List Groups
2 |
3 | @mixin list-group-item-variant($state, $background, $color) {
4 | .list-group-item-#{$state} {
5 | color: $color;
6 | background-color: $background;
7 |
8 | // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
9 | }
10 |
11 | a.list-group-item-#{$state},
12 | button.list-group-item-#{$state} {
13 | color: $color;
14 |
15 | .list-group-item-heading {
16 | color: inherit;
17 | }
18 |
19 | &:hover,
20 | &:focus {
21 | color: $color;
22 | background-color: darken($background, 5%);
23 | }
24 | &.active,
25 | &.active:hover,
26 | &.active:focus {
27 | color: #fff;
28 | background-color: $color;
29 | border-color: $color;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/app/core/core.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule, Optional, SkipSelf } from '@angular/core';
2 |
3 | import { SettingsService } from './settings/settings.service';
4 | import { ThemesService } from './themes/themes.service';
5 | import { TranslatorService } from './translator/translator.service';
6 | import { MenuService } from './menu/menu.service';
7 |
8 | import { throwIfAlreadyLoaded } from './module-import-guard';
9 |
10 | @NgModule({
11 | imports: [
12 | ],
13 | providers: [
14 | SettingsService,
15 | ThemesService,
16 | TranslatorService,
17 | MenuService
18 | ],
19 | declarations: [
20 | ],
21 | exports: [
22 | ]
23 | })
24 | export class CoreModule {
25 | constructor( @Optional() @SkipSelf() parentModule: CoreModule) {
26 | throwIfAlreadyLoaded(parentModule, 'CoreModule');
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/core/translator/translator.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { TranslateService } from '@ngx-translate/core';
3 |
4 | @Injectable()
5 | export class TranslatorService {
6 |
7 | private defaultLanguage: string = 'en';
8 |
9 | private availablelangs = [
10 | { code: 'en', text: 'English' },
11 | { code: 'es_AR', text: 'Spanish' }
12 | ];
13 |
14 | constructor(public translate: TranslateService) {
15 |
16 | if (!translate.getDefaultLang())
17 | translate.setDefaultLang(this.defaultLanguage);
18 |
19 | this.useLanguage();
20 |
21 | }
22 |
23 | useLanguage(lang: string = null) {
24 | this.translate.use(lang || this.translate.getDefaultLang());
25 | }
26 |
27 | getAvailableLanguages() {
28 | return this.availablelangs;
29 | }
30 |
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/routes/extras/forum/forumdiscussion/forumdiscussion.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, OnDestroy } from '@angular/core';
2 | import { ActivatedRoute } from '@angular/router';
3 |
4 | @Component({
5 | selector: 'app-forumdiscussion',
6 | templateUrl: './forumdiscussion.component.html',
7 | styleUrls: ['./forumdiscussion.component.scss']
8 | })
9 | export class ForumdiscussionComponent implements OnInit {
10 |
11 | answerCollapsed = false;
12 | topid: number;
13 | private sub: any;
14 |
15 | constructor(public route: ActivatedRoute) { }
16 |
17 | ngOnInit() {
18 | this.sub = this.route.params.subscribe(params => {
19 | this.topid = +params['topid']; // (+) converts string param to a number
20 | });
21 | }
22 |
23 | ngOnDestroy() {
24 | this.sub.unsubscribe();
25 | }
26 |
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_breadcrumbs.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Breadcrumbs
3 | // --------------------------------------------------
4 |
5 |
6 | .breadcrumb {
7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
8 | margin-bottom: $line-height-computed;
9 | list-style: none;
10 | background-color: $breadcrumb-bg;
11 | border-radius: $border-radius-base;
12 |
13 | > li {
14 | display: inline-block;
15 |
16 | + li:before {
17 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115
18 | $nbsp: "\00a0";
19 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
20 | padding: 0 5px;
21 | color: $breadcrumb-color;
22 | }
23 | }
24 |
25 | > .active {
26 | color: $breadcrumb-active-color;
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/_bootstrap-mincer.scss:
--------------------------------------------------------------------------------
1 | // Mincer asset helper functions
2 | //
3 | // This must be imported into a .css.ejs.scss file.
4 | // Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation.
5 |
6 |
7 | @function twbs-font-path($path) {
8 | // do something like following
9 | // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>"
10 | // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>"
11 | // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>"
12 | @return "<%- asset_path("#{$path}".replace(/[#?].*$/, '')) + "#{$path}".replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>";
13 | }
14 |
15 | @function twbs-image-path($file) {
16 | @return "<%- asset_path("#{$file}") %>";
17 | }
18 |
19 | $bootstrap-sass-asset-helper: true;
20 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/mixins/_table-row.scss:
--------------------------------------------------------------------------------
1 | // Tables
2 |
3 | @mixin table-row-variant($state, $background) {
4 | // Exact selectors below required to override `.table-striped` and prevent
5 | // inheritance to nested tables.
6 | .table > thead > tr,
7 | .table > tbody > tr,
8 | .table > tfoot > tr {
9 | > td.#{$state},
10 | > th.#{$state},
11 | &.#{$state} > td,
12 | &.#{$state} > th {
13 | background-color: $background;
14 | }
15 | }
16 |
17 | // Hover states for `.table-hover`
18 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 | .table-hover > tbody > tr {
20 | > td.#{$state}:hover,
21 | > th.#{$state}:hover,
22 | &.#{$state}:hover > td,
23 | &:hover > .#{$state},
24 | &.#{$state}:hover > th {
25 | background-color: darken($background, 5%);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/routes/forms/upload/upload.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FileUploader } from 'ng2-file-upload';
3 |
4 | const URL = 'https://evening-anchorage-3159.herokuapp.com/api/';
5 |
6 | @Component({
7 | selector: 'app-upload',
8 | templateUrl: './upload.component.html',
9 | styleUrls: ['./upload.component.scss']
10 | })
11 | export class UploadComponent implements OnInit {
12 |
13 | public uploader: FileUploader = new FileUploader({ url: URL });
14 | public hasBaseDropZoneOver: boolean = false;
15 | public hasAnotherDropZoneOver: boolean = false;
16 |
17 | public fileOverBase(e: any): void {
18 | this.hasBaseDropZoneOver = e;
19 | }
20 |
21 | public fileOverAnother(e: any): void {
22 | this.hasAnotherDropZoneOver = e;
23 | }
24 |
25 | constructor() { }
26 |
27 | ngOnInit() {
28 | }
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/routes/replymanager/replymanager.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 | import { TagInputModule } from 'ng2-tag-input';
5 |
6 | import { SharedModule } from '../../shared/shared.module';
7 | import { ReplyManagerComponent } from './replymanager/replymanager.component';
8 |
9 | const routes: Routes = [
10 | { path: '', component: ReplyManagerComponent }
11 | ];
12 |
13 | @NgModule({
14 | imports: [
15 | SharedModule,
16 | TagInputModule,
17 | RouterModule.forChild(routes),
18 | AgmCoreModule.forRoot({
19 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
20 | })
21 | ],
22 | declarations: [ReplyManagerComponent],
23 | exports: [
24 | RouterModule
25 | ]
26 | })
27 | export class ReplyManagerModule { }
28 |
--------------------------------------------------------------------------------
/protractor.conf.js:
--------------------------------------------------------------------------------
1 | // Protractor configuration file, see link for more information
2 | // https://github.com/angular/protractor/blob/master/lib/config.ts
3 |
4 | /*global jasmine */
5 | const { SpecReporter } = require('jasmine-spec-reporter');
6 |
7 | exports.config = {
8 | allScriptsTimeout: 11000,
9 | specs: [
10 | './e2e/**/*.e2e-spec.ts'
11 | ],
12 | capabilities: {
13 | 'browserName': 'chrome'
14 | },
15 | directConnect: true,
16 | baseUrl: 'http://localhost:4200/',
17 | framework: 'jasmine',
18 | jasmineNodeOpts: {
19 | showColors: true,
20 | defaultTimeoutInterval: 30000,
21 | print: function() {}
22 | },
23 | beforeLaunch: function() {
24 | require('ts-node').register({
25 | project: 'e2e/tsconfig.e2e.json'
26 | });
27 | },
28 | onPrepare() {
29 | jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
30 | }
31 | };
32 |
--------------------------------------------------------------------------------
/modernizr-config.json:
--------------------------------------------------------------------------------
1 | {
2 | "classPrefix": "",
3 | "options": [
4 | "setClasses"
5 | ],
6 | "feature-detects": [
7 | "css/backgroundposition-shorthand",
8 | "css/backgroundposition-xy",
9 | "css/backgroundrepeat",
10 | "css/backgroundsizecover",
11 | "css/borderradius",
12 | "css/animations",
13 | "css/calc",
14 | "css/transforms",
15 | "css/transforms3d",
16 | "css/transformstylepreserve3d",
17 | "css/transitions",
18 | "css/flexboxtweener",
19 | "css/fontface",
20 | "svg",
21 | "svg/asimg",
22 | "svg/clippaths",
23 | "svg/filters",
24 | "svg/foreignobject",
25 | "svg/inline",
26 | "svg/smil",
27 | "storage/localstorage",
28 | "storage/sessionstorage",
29 | "storage/websqldatabase",
30 | "css/multiplebgs"
31 | ]
32 | }
--------------------------------------------------------------------------------
/src/app/shared/colors/colors.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable()
4 | export class ColorsService {
5 |
6 | APP_COLORS = {
7 | 'primary': '#5d9cec',
8 | 'success': '#27c24c',
9 | 'info': '#23b7e5',
10 | 'warning': '#ff902b',
11 | 'danger': '#f05050',
12 | 'inverse': '#131e26',
13 | 'green': '#37bc9b',
14 | 'pink': '#f532e5',
15 | 'purple': '#7266ba',
16 | 'dark': '#3a3f51',
17 | 'yellow': '#fad732',
18 | 'gray-darker': '#232735',
19 | 'gray-dark': '#3a3f51',
20 | 'gray': '#dde6e9',
21 | 'gray-light': '#e4eaec',
22 | 'gray-lighter': '#edf1f2'
23 | };
24 |
25 | constructor() { }
26 |
27 | byName(name) {
28 | // console.log(name +' -> ' + this.APP_COLORS[name])
29 | return (this.APP_COLORS[name] || '#fff');
30 | }
31 |
32 | }
33 |
--------------------------------------------------------------------------------
/src/app/routes/routes.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule } from '@angular/router';
3 | import { TranslatorService } from '../core/translator/translator.service';
4 | import { MenuService } from '../core/menu/menu.service';
5 | import { SharedModule } from '../shared/shared.module';
6 | import { PagesModule } from './pages/pages.module';
7 |
8 | //import { ReplyManagerComponent } from './replymanager/replymanager.module';
9 |
10 | import { menu } from './menu';
11 | import { routes } from './routes';
12 |
13 | @NgModule({
14 | imports: [
15 | SharedModule,
16 | RouterModule.forRoot(routes),
17 | PagesModule
18 | ],
19 | declarations: [],
20 | exports: [
21 | RouterModule
22 | ]
23 | })
24 |
25 | export class RoutesModule {
26 | constructor(public menuService: MenuService, tr: TranslatorService) {
27 | menuService.addMenu(menu);
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/routes/maps/maps.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 |
5 | import { SharedModule } from '../../shared/shared.module';
6 | import { GoogleComponent } from './google/google.component';
7 | import { VectorComponent } from './vector/vector.component';
8 |
9 | const routes: Routes = [
10 | { path: 'google', component: GoogleComponent },
11 | { path: 'vector', component: VectorComponent }
12 | ];
13 |
14 | @NgModule({
15 | imports: [
16 | SharedModule,
17 | RouterModule.forChild(routes),
18 | AgmCoreModule.forRoot({
19 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
20 | })
21 | ],
22 | declarations: [
23 | GoogleComponent,
24 | VectorComponent
25 | ],
26 | exports: [
27 | RouterModule
28 | ]
29 | })
30 | export class MapsModule { }
--------------------------------------------------------------------------------
/src/assets/img/angular.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
17 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/breadcrumbs.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: breadcrumbs
3 | ========================================================================== */
4 |
5 | .breadcrumb {
6 | font-weight: normal;
7 | border-radius: 0;
8 | color: $text-muted;
9 | padding: 10px 20px;
10 | }
11 |
12 | .content-heading {
13 | // Breadcrumb next to view title
14 | + .breadcrumb {
15 | margin: -25px -25px 20px -20px;
16 | background-color: $content-heading-bg;
17 | border-top: 1px solid $content-heading-border;
18 | border-bottom: 1px solid $content-heading-border;
19 | }
20 | // Breadcrumb below title
21 | > .breadcrumb {
22 | background: transparent;
23 | font-size: 13px;
24 | border: 0;
25 | padding: 10px 10px 0 0;
26 | margin-bottom: 0;
27 | // Breadcrumb right aligned
28 | &.pull-right {
29 | margin: -2px 0 0;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/app/layout/header/header.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 |
3 | import { TestBed, async, inject } from '@angular/core/testing';
4 | import { HeaderComponent } from './header.component';
5 |
6 | import { UserblockService } from '../sidebar/userblock/userblock.service';
7 | import { SettingsService } from '../../core/settings/settings.service';
8 | import { MenuService } from '../../core/menu/menu.service';
9 |
10 | describe('Component: Header', () => {
11 |
12 | beforeEach(() => {
13 | TestBed.configureTestingModule({
14 | providers: [MenuService, UserblockService, SettingsService]
15 | }).compileComponents();
16 | });
17 |
18 | it('should create an instance', async(inject([MenuService, UserblockService, SettingsService], (menuService, userblockService, settingsService) => {
19 | let component = new HeaderComponent(menuService, userblockService, settingsService);
20 | expect(component).toBeTruthy();
21 | })));
22 | });
23 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_close.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Close icons
3 | // --------------------------------------------------
4 |
5 |
6 | .close {
7 | float: right;
8 | font-size: ($font-size-base * 1.5);
9 | font-weight: $close-font-weight;
10 | line-height: 1;
11 | color: $close-color;
12 | text-shadow: $close-text-shadow;
13 | @include opacity(.2);
14 |
15 | &:hover,
16 | &:focus {
17 | color: $close-color;
18 | text-decoration: none;
19 | cursor: pointer;
20 | @include opacity(.5);
21 | }
22 |
23 | // [converter] extracted button& to button.close
24 | }
25 |
26 | // Additional properties for button version
27 | // iOS requires the button element instead of an anchor tag.
28 | // If you want the anchor version, it requires `href="#"`.
29 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
30 | button.close {
31 | padding: 0;
32 | cursor: pointer;
33 | background: transparent;
34 | border: 0;
35 | -webkit-appearance: none;
36 | }
37 |
--------------------------------------------------------------------------------
/src/assets/server/chart/line.json:
--------------------------------------------------------------------------------
1 | [{
2 | "label": "Complete",
3 | "color": "#5ab1ef",
4 | "data": [
5 | ["Jan", 188],
6 | ["Feb", 183],
7 | ["Mar", 185],
8 | ["Apr", 199],
9 | ["May", 190],
10 | ["Jun", 194],
11 | ["Jul", 194],
12 | ["Aug", 184],
13 | ["Sep", 74]
14 | ]
15 | }, {
16 | "label": "In Progress",
17 | "color": "#f5994e",
18 | "data": [
19 | ["Jan", 153],
20 | ["Feb", 116],
21 | ["Mar", 136],
22 | ["Apr", 119],
23 | ["May", 148],
24 | ["Jun", 133],
25 | ["Jul", 118],
26 | ["Aug", 161],
27 | ["Sep", 59]
28 | ]
29 | }, {
30 | "label": "Cancelled",
31 | "color": "#d87a80",
32 | "data": [
33 | ["Jan", 111],
34 | ["Feb", 97],
35 | ["Mar", 93],
36 | ["Apr", 110],
37 | ["May", 102],
38 | ["Jun", 93],
39 | ["Jul", 92],
40 | ["Aug", 92],
41 | ["Sep", 44]
42 | ]
43 | }]
--------------------------------------------------------------------------------
/src/app/routes/replymanager/replymanager/replymanager.component.html:
--------------------------------------------------------------------------------
1 |
13 |
17 |
14 |
16 | {{i}}
15 |Reply Manager
2 |
3 |
23 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_component-animations.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Component animations
3 | // --------------------------------------------------
4 |
5 | // Heads up!
6 | //
7 | // We don't use the `.opacity()` mixin here since it causes a bug with text
8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9 |
10 | .fade {
11 | opacity: 0;
12 | @include transition(opacity .15s linear);
13 | &.in {
14 | opacity: 1;
15 | }
16 | }
17 |
18 | .collapse {
19 | display: none;
20 |
21 | &.in { display: block; }
22 | // [converter] extracted tr&.in to tr.collapse.in
23 | // [converter] extracted tbody&.in to tbody.collapse.in
24 | }
25 |
26 | tr.collapse.in { display: table-row; }
27 |
28 | tbody.collapse.in { display: table-row-group; }
29 |
30 | .collapsing {
31 | position: relative;
32 | height: 0;
33 | overflow: hidden;
34 | @include transition-property(height, visibility);
35 | @include transition-duration(.35s);
36 | @include transition-timing-function(ease);
37 | }
38 |
--------------------------------------------------------------------------------
/src/app/routes/charts/charts.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { ChartsModule as Ng2ChartsModule } from 'ng2-charts/ng2-charts';
4 |
5 | import { SharedModule } from '../../shared/shared.module';
6 | import { ChartjsComponent } from './chartjs/chartjs.component';
7 | import { FlotComponent } from './flot/flot.component';
8 | import { RadialComponent } from './radial/radial.component';
9 |
10 | const routes: Routes = [
11 | { path: 'flot', component: FlotComponent },
12 | { path: 'radial', component: RadialComponent },
13 | { path: 'chartjs', component: ChartjsComponent }
14 | ];
15 |
16 | @NgModule({
17 | imports: [
18 | SharedModule,
19 | RouterModule.forChild(routes),
20 | Ng2ChartsModule
21 | ],
22 | declarations: [
23 | FlotComponent,
24 | RadialComponent,
25 | ChartjsComponent
26 | ],
27 | exports: [
28 | RouterModule
29 | ]
30 | })
31 | export class ChartsModule { }
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_utilities.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | @include clearfix;
11 | }
12 | .center-block {
13 | @include center-block;
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | @include text-hide;
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | }
48 |
49 |
50 | // For Affix plugin
51 | // -------------------------
52 |
53 | .affix {
54 | position: fixed;
55 | }
56 |
--------------------------------------------------------------------------------
/src/assets/server/chart/barstacked.json:
--------------------------------------------------------------------------------
1 | [{
2 | "label": "Tweets",
3 | "color": "#51bff2",
4 | "data": [
5 | ["Jan", 56],
6 | ["Feb", 81],
7 | ["Mar", 97],
8 | ["Apr", 44],
9 | ["May", 24],
10 | ["Jun", 85],
11 | ["Jul", 94],
12 | ["Aug", 78],
13 | ["Sep", 52],
14 | ["Oct", 17],
15 | ["Nov", 90],
16 | ["Dec", 62]
17 | ]
18 | }, {
19 | "label": "Likes",
20 | "color": "#4a8ef1",
21 | "data": [
22 | ["Jan", 69],
23 | ["Feb", 135],
24 | ["Mar", 14],
25 | ["Apr", 100],
26 | ["May", 100],
27 | ["Jun", 62],
28 | ["Jul", 115],
29 | ["Aug", 22],
30 | ["Sep", 104],
31 | ["Oct", 132],
32 | ["Nov", 72],
33 | ["Dec", 61]
34 | ]
35 | }, {
36 | "label": "+1",
37 | "color": "#f0693a",
38 | "data": [
39 | ["Jan", 29],
40 | ["Feb", 36],
41 | ["Mar", 47],
42 | ["Apr", 21],
43 | ["May", 5],
44 | ["Jun", 49],
45 | ["Jul", 37],
46 | ["Aug", 44],
47 | ["Sep", 28],
48 | ["Oct", 9],
49 | ["Nov", 12],
50 | ["Dec", 35]
51 | ]
52 | }]
--------------------------------------------------------------------------------
/src/app/routes/dashboard/dashboard.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { SharedModule } from '../../shared/shared.module';
4 |
5 | import { Dashboardv1Component } from './dashboardv1/dashboardv1.component';
6 | import { Dashboardv2Component } from './dashboardv2/dashboardv2.component';
7 | import { Dashboardv3Component } from './dashboardv3/dashboardv3.component';
8 |
9 | const routes: Routes = [
10 | { path: '', component: Dashboardv2Component },
11 | { path: 'v1', component: Dashboardv1Component },
12 | { path: 'v2', redirectTo: 'dashboard' },
13 | { path: 'v3', component: Dashboardv3Component },
14 | ];
15 |
16 | @NgModule({
17 | imports: [
18 | SharedModule,
19 | RouterModule.forChild(routes)
20 | ],
21 | declarations: [
22 | Dashboardv1Component,
23 | Dashboardv2Component,
24 | Dashboardv3Component
25 | ],
26 | exports: [
27 | RouterModule
28 | ]
29 | })
30 | export class DashboardModule { }
31 |
--------------------------------------------------------------------------------
/src/app/routes/extras/projects/projects.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { ColorsService } from '../../../shared/colors/colors.service';
4 |
5 | @Component({
6 | selector: 'app-projects',
7 | templateUrl: './projects.component.html',
8 | styleUrls: ['./projects.component.scss']
9 | })
10 | export class ProjectsComponent implements OnInit {
11 |
12 | sparkOptionsInfo = {
13 | type: 'pie',
14 | sliceColors: [this.colors.byName('gray-lighter'), this.colors.byName('info')],
15 | height: 24
16 | };
17 |
18 | sparkOptionsWarning = {
19 | type: 'pie',
20 | sliceColors: [this.colors.byName('gray-lighter'), this.colors.byName('warning')],
21 | height: 24
22 | };
23 |
24 | sparkOptionsSuccess = {
25 | type: 'pie',
26 | sliceColors: [this.colors.byName('gray-lighter'), this.colors.byName('success')],
27 | height: 24
28 | };
29 |
30 | constructor(public colors: ColorsService) { }
31 |
32 | ngOnInit() {
33 | }
34 |
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_thumbnails.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 |
6 | // Mixin and adjust the regular image class
7 | .thumbnail {
8 | display: block;
9 | padding: $thumbnail-padding;
10 | margin-bottom: $line-height-computed;
11 | line-height: $line-height-base;
12 | background-color: $thumbnail-bg;
13 | border: 1px solid $thumbnail-border;
14 | border-radius: $thumbnail-border-radius;
15 | @include transition(border .2s ease-in-out);
16 |
17 | > img,
18 | a > img {
19 | @include img-responsive;
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
25 |
26 | // Image captions
27 | .caption {
28 | padding: $thumbnail-caption-padding;
29 | color: $thumbnail-caption-color;
30 | }
31 | }
32 |
33 | // Add a hover state for linked versions only
34 | a.thumbnail:hover,
35 | a.thumbnail:focus,
36 | a.thumbnail.active {
37 | border-color: $link-color;
38 | }
39 |
--------------------------------------------------------------------------------
/src/app/routes/extras/mailbox/compose/compose.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | declare var $: any;
3 |
4 | @Component({
5 | selector: 'app-compose',
6 | templateUrl: './compose.component.html',
7 | styleUrls: ['./compose.component.scss']
8 | })
9 | export class ComposeComponent implements OnInit {
10 |
11 | showCC = false;
12 | showBCC = false;
13 | contents: string;
14 |
15 | constructor() { }
16 |
17 | ngOnInit() {
18 | // Summernote is currently not ported as a native angular2 module
19 | // For a quick use it we use the component a wrapper
20 | // Plugin events can be used to keep component props
21 | // in sync with the editor content
22 | $('#summernote').summernote({
23 | height: 230,
24 | dialogsInBody: true,
25 | callbacks: {
26 | onChange: (contents, $editable) => {
27 | this.contents = contents;
28 | // console.log(contents);
29 | }
30 | }
31 | });
32 |
33 | }
34 |
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/vector-map.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: vector-map
3 | ========================================================================== */
4 |
5 | $vmap-label-bg: #313232;
6 | $vmap-zoom-ctrl-bg: #515253;
7 |
8 | body { // adds priority
9 |
10 | .jvectormap-label {
11 | position: absolute;
12 | display: none;
13 | border: solid 1px $vmap-label-bg;
14 | border-radius: 2px;
15 | background: $vmap-label-bg;
16 | color: white;
17 | padding: 3px 6px;
18 | opacity: 0.9;
19 | z-index: 1100;
20 | }
21 |
22 | .jvectormap-zoomin,
23 | .jvectormap-zoomout {
24 | position: absolute;
25 | left: 10px;
26 | width: 22px;
27 | height: 22px;
28 | border-radius: 2px;
29 | background: $vmap-zoom-ctrl-bg;
30 | padding: 5px;
31 | color: white;
32 | cursor: pointer;
33 | line-height: 10px;
34 | text-align: center;
35 | }
36 | .jvectormap-zoomin {top: 10px;}
37 | .jvectormap-zoomout {top: 30px;}
38 | }
39 |
--------------------------------------------------------------------------------
/src/app/routes/abusedusers/abusedusers.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 | import { AgGridModule } from 'ag-grid-angular/main';
5 |
6 | import { SharedModule } from '../../shared/shared.module';
7 | import { AbusedUsersComponent } from './abusedusers/abusedusers.component';
8 |
9 | import { DataTableModule } from 'angular2-datatable';
10 | import { Ng2TableModule } from 'ng2-table/ng2-table';
11 |
12 | const routes: Routes = [
13 | { path: '', component: AbusedUsersComponent }
14 | ];
15 |
16 | @NgModule({
17 | imports: [
18 | SharedModule,
19 | RouterModule.forChild(routes),
20 | DataTableModule,
21 | Ng2TableModule,
22 | AgGridModule.withComponents([AbusedUsersComponent]),
23 | AgmCoreModule.forRoot({
24 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
25 | })
26 | ],
27 | declarations: [AbusedUsersComponent],
28 | exports: [
29 | RouterModule
30 | ]
31 | })
32 | export class AbusedUsersModule { }
33 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/chart-easypie.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: chart-easypie
3 | ========================================================================== */
4 |
5 | // Makes possible to show the percetage
6 | // centered in the middle of the pie
7 | .easypie-chart {
8 | display: inline-block;
9 | position: relative;
10 | padding: 0 6px;
11 |
12 | span {
13 | display: block;
14 | position: absolute;
15 | left: 50%;
16 | top: 50%;
17 | width: 100%;
18 | margin-left: -50%;
19 | height: 30px;
20 | margin-top: -15px;
21 | font-size: 20px;
22 | }
23 | canvas {
24 | max-width: 100%;
25 | }
26 |
27 | &.easypie-chart-lg {
28 | span {
29 | font-size: 40px;
30 | margin-top: -25px;
31 | line-height: 40px;
32 | }
33 | }
34 |
35 | &.easypie-chart-md {
36 | span {
37 | font-size: 30px;
38 | margin-top: -25px;
39 | line-height: 40px;
40 | }
41 | }
42 | }
--------------------------------------------------------------------------------
/src/app/routes/configuration/configuration.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 | import { AgGridModule } from 'ag-grid-angular/main';
5 |
6 | import { SharedModule } from '../../shared/shared.module';
7 | import { ConfigurationComponent } from './configuration/configuration.component';
8 |
9 | import { DataTableModule } from 'angular2-datatable';
10 | import { Ng2TableModule } from 'ng2-table/ng2-table';
11 |
12 | const routes: Routes = [
13 | { path: '', component: ConfigurationComponent }
14 | ];
15 |
16 | @NgModule({
17 | imports: [
18 | SharedModule,
19 | RouterModule.forChild(routes),
20 | DataTableModule,
21 | Ng2TableModule,
22 | AgGridModule.withComponents([ConfigurationComponent]),
23 | AgmCoreModule.forRoot({
24 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
25 | })
26 | ],
27 | declarations: [ConfigurationComponent],
28 | exports: [
29 | RouterModule
30 | ]
31 | })
32 | export class ConfigurationModule { }
33 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_pager.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: $line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | @include clearfix;
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: $pager-bg;
19 | border: 1px solid $pager-border;
20 | border-radius: $pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: $pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: $pager-disabled-color;
50 | background-color: $pager-bg;
51 | cursor: $cursor-disabled;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/app/layout/sidebar/sidebar.component.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 | import { TestBed, async, inject } from '@angular/core/testing';
3 | import { SidebarComponent } from './sidebar.component';
4 | import { RouterModule, Router } from '@angular/router';
5 |
6 | import { MenuService } from '../../core/menu/menu.service';
7 | import { SettingsService } from '../../core/settings/settings.service';
8 |
9 | describe('Component: Sidebar', () => {
10 | let mockRouter = {
11 | navigate: jasmine.createSpy('navigate')
12 | };
13 | beforeEach(() => {
14 | TestBed.configureTestingModule({
15 | providers: [
16 | MenuService,
17 | SettingsService,
18 | { provide: Router, useValue: mockRouter }
19 | ]
20 | }).compileComponents();
21 | });
22 |
23 | it('should create an instance', async(inject([MenuService, SettingsService, Router], (menuService, settingsService, router) => {
24 | let component = new SidebarComponent(menuService, settingsService, router);
25 | expect(component).toBeTruthy();
26 | })));
27 | });
28 |
--------------------------------------------------------------------------------
/src/app/routes/abusedcomments/abusedcomments.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AgmCoreModule } from '@agm/core';
4 | import { AgGridModule } from 'ag-grid-angular/main';
5 |
6 | import { SharedModule } from '../../shared/shared.module';
7 | import { AbusedCommentsComponent } from './abusedcomments/abusedcomments.component';
8 |
9 | import { DataTableModule } from 'angular2-datatable';
10 | import { Ng2TableModule } from 'ng2-table/ng2-table';
11 |
12 | const routes: Routes = [
13 | { path: '', component: AbusedCommentsComponent }
14 | ];
15 |
16 | @NgModule({
17 | imports: [
18 | SharedModule,
19 | RouterModule.forChild(routes),
20 | DataTableModule,
21 | Ng2TableModule,
22 | AgGridModule.withComponents([AbusedCommentsComponent]),
23 | AgmCoreModule.forRoot({
24 | apiKey: 'AIzaSyBNs42Rt_CyxAqdbIBK0a5Ut83QiauESPA'
25 | })
26 | ],
27 | declarations: [AbusedCommentsComponent],
28 | exports: [
29 | RouterModule
30 | ]
31 | })
32 | export class AbusedCommentsModule { }
33 |
--------------------------------------------------------------------------------
/src/assets/server/chart/barstackedv2.json:
--------------------------------------------------------------------------------
1 | [{
2 | "label": "Pending",
3 | "color": "#9289ca",
4 | "data": [
5 | ["Pj1", 86],
6 | ["Pj2", 136],
7 | ["Pj3", 97],
8 | ["Pj4", 110],
9 | ["Pj5", 62],
10 | ["Pj6", 85],
11 | ["Pj7", 115],
12 | ["Pj8", 78],
13 | ["Pj9", 104],
14 | ["Pj10", 82],
15 | ["Pj11", 97],
16 | ["Pj12", 110],
17 | ["Pj13", 62]
18 | ]
19 | }, {
20 | "label": "Assigned",
21 | "color": "#7266ba",
22 | "data": [
23 | ["Pj1", 49],
24 | ["Pj2", 81],
25 | ["Pj3", 47],
26 | ["Pj4", 44],
27 | ["Pj5", 100],
28 | ["Pj6", 49],
29 | ["Pj7", 94],
30 | ["Pj8", 44],
31 | ["Pj9", 52],
32 | ["Pj10", 17],
33 | ["Pj11", 47],
34 | ["Pj12", 44],
35 | ["Pj13", 100]
36 | ]
37 | }, {
38 | "label": "Completed",
39 | "color": "#564aa3",
40 | "data": [
41 | ["Pj1", 29],
42 | ["Pj2", 56],
43 | ["Pj3", 14],
44 | ["Pj4", 21],
45 | ["Pj5", 5],
46 | ["Pj6", 24],
47 | ["Pj7", 37],
48 | ["Pj8", 22],
49 | ["Pj9", 28],
50 | ["Pj10", 9],
51 | ["Pj11", 14],
52 | ["Pj12", 21],
53 | ["Pj13", 5]
54 | ]
55 | }]
--------------------------------------------------------------------------------
/src/app/core/translator/translator.service.spec.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable:no-unused-variable */
2 |
3 | import { TestBed, async, inject } from '@angular/core/testing';
4 | import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
5 | import { HttpModule, Http } from '@angular/http';
6 |
7 | import { TranslatorService } from './translator.service';
8 | import { createTranslateLoader } from '../../app.module';
9 |
10 | describe('Service: Translator', () => {
11 | beforeEach(() => {
12 | TestBed.configureTestingModule({
13 | imports: [
14 | HttpModule,
15 | TranslateModule.forRoot({
16 | loader: {
17 | provide: TranslateLoader,
18 | useFactory: (createTranslateLoader),
19 | deps: [Http]
20 | }
21 | })
22 | ],
23 | providers: [TranslatorService]
24 | });
25 | });
26 |
27 | it('should ...', inject([TranslatorService], (service: TranslatorService) => {
28 | expect(service).toBeTruthy();
29 | }));
30 | });
31 |
--------------------------------------------------------------------------------
/src/assets/codemirror/theme/neo.css:
--------------------------------------------------------------------------------
1 | /* neo theme for codemirror */
2 |
3 | /* Color scheme */
4 |
5 | .cm-s-neo.CodeMirror {
6 | background-color:#ffffff;
7 | color:#2e383c;
8 | line-height:1.4375;
9 | }
10 | .cm-s-neo .cm-comment { color:#75787b; }
11 | .cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }
12 | .cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; }
13 | .cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; }
14 | .cm-s-neo .cm-string { color:#b35e14; }
15 | .cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; }
16 |
17 |
18 | /* Editor styling */
19 |
20 | .cm-s-neo pre {
21 | padding:0;
22 | }
23 |
24 | .cm-s-neo .CodeMirror-gutters {
25 | border:none;
26 | border-right:10px solid transparent;
27 | background-color:transparent;
28 | }
29 |
30 | .cm-s-neo .CodeMirror-linenumber {
31 | padding:0;
32 | color:#e0e2e5;
33 | }
34 |
35 | .cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
36 | .cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }
37 |
38 | .cm-s-neo .CodeMirror-cursor {
39 | width: auto;
40 | border: 0;
41 | background: rgba(155,157,162,0.37);
42 | z-index: 1;
43 | }
44 |
--------------------------------------------------------------------------------
/src/app/routes/elements/buttons/buttons.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-buttons',
5 | templateUrl: './buttons.component.html',
6 | styleUrls: ['./buttons.component.scss']
7 | })
8 | export class ButtonsComponent implements OnInit {
9 | // buttons
10 | public singleModel: boolean = true;
11 | public radioModel: string = 'Middle';
12 | public checkModel: any = { left: false, middle: true, right: false };
13 |
14 | // pagination/pager
15 | public totalItems: number = 64;
16 | public currentPage: number = 4;
17 |
18 | public maxSize: number = 5;
19 | public bigTotalItems: number = 175;
20 | public bigCurrentPage: number = 1;
21 |
22 | public setPage(pageNo: number): void {
23 | this.currentPage = pageNo;
24 | };
25 | smallnumPages;
26 | numPages;
27 |
28 | public pageChanged(event: any): void {
29 | console.log('Page changed to: ' + event.page);
30 | console.log('Number items per page: ' + event.itemsPerPage);
31 | };
32 |
33 | constructor() { }
34 |
35 | ngOnInit() {
36 | }
37 |
38 | }
39 |
--------------------------------------------------------------------------------
/src/app/routes/blog/blog.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { SelectModule } from 'ng2-select';
4 |
5 | import { SharedModule } from '../../shared/shared.module';
6 | import { ListComponent } from './list/list.component';
7 | import { PostComponent } from './post/post.component';
8 | import { ArticlesComponent } from './articles/articles.component';
9 | import { ArticleviewComponent } from './articleview/articleview.component';
10 |
11 | const routes: Routes = [
12 | { path: 'list', component: ListComponent },
13 | { path: 'post', component: PostComponent },
14 | { path: 'articles', component: ArticlesComponent },
15 | { path: 'articleview', component: ArticleviewComponent }
16 | ];
17 |
18 | @NgModule({
19 | imports: [
20 | SharedModule,
21 | RouterModule.forChild(routes),
22 | SelectModule
23 | ],
24 | declarations: [
25 | ListComponent,
26 | PostComponent,
27 | ArticlesComponent,
28 | ArticleviewComponent
29 | ],
30 | exports: [
31 | RouterModule
32 | ]
33 | })
34 | export class BlogModule { }
--------------------------------------------------------------------------------
/src/app/routes/pages/recover/recover.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { SettingsService } from '../../../core/settings/settings.service';
3 | import { FormGroup, FormBuilder, Validators } from '@angular/forms';
4 | import { CustomValidators } from 'ng2-validation';
5 |
6 | @Component({
7 | selector: 'app-recover',
8 | templateUrl: './recover.component.html',
9 | styleUrls: ['./recover.component.scss']
10 | })
11 | export class RecoverComponent implements OnInit {
12 |
13 | valForm: FormGroup;
14 |
15 | constructor(public settings: SettingsService, fb: FormBuilder) {
16 | this.valForm = fb.group({
17 | 'email': [null, Validators.compose([Validators.required, CustomValidators.email])]
18 | });
19 | }
20 |
21 | submitForm($ev, value: any) {
22 | $ev.preventDefault();
23 | for (let c in this.valForm.controls) {
24 | this.valForm.controls[c].markAsTouched();
25 | }
26 | if (this.valForm.valid) {
27 | console.log('Valid!');
28 | console.log(value);
29 | }
30 | }
31 |
32 | ngOnInit() {
33 | }
34 |
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/media-queries.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: media-queries
3 | ========================================================================== */
4 |
5 | // Taken from bootstrap variables
6 | // to match all components media queries
7 |
8 | $mq-desktop-lg: $screen-lg-desktop; // Usually 1200px
9 | $mq-desktop: $screen-desktop; // Usually 992px
10 | $mq-tablet: $screen-sm-min; // Usually 768px
11 | $mq-mobile: $screen-phone; // Usually 480px
12 |
13 | // Inverse version media queries (for use with max-width)
14 | // Some components needs to be strictly defined only for mobile
15 |
16 | $mq-up-to-desktop-lg: ($screen-lg-desktop - 1); // Usually 1199px
17 | $mq-up-to-desktop: ($screen-desktop - 1); // Usually 991px
18 | $mq-up-to-tablet: ($screen-sm-min - 1); // Usually 767px
19 | $mq-up-to-mobile: ($screen-phone - 1); // Usually 479px
20 |
21 |
--------------------------------------------------------------------------------
/src/app/routes/extras/search/search.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-search',
5 | templateUrl: './search.component.html',
6 | styleUrls: ['./search.component.scss']
7 | })
8 | export class SearchComponent implements OnInit {
9 |
10 | public items: Array
4 |
5 |
7 |
8 |
9 |
22 |
10 |
20 |
21 |
11 |
19 |
12 |
16 |
17 |
18 | Tables
2 | An Advanced Datagrid for AngularJS
3 |
4 |
5 |
6 |
8 |
9 |
10 |
21 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------------------------------
3 |
4 | // Utilities
5 | @import "mixins/hide-text";
6 | @import "mixins/opacity";
7 | @import "mixins/image";
8 | @import "mixins/labels";
9 | @import "mixins/reset-filter";
10 | @import "mixins/resize";
11 | @import "mixins/responsive-visibility";
12 | @import "mixins/size";
13 | @import "mixins/tab-focus";
14 | @import "mixins/reset-text";
15 | @import "mixins/text-emphasis";
16 | @import "mixins/text-overflow";
17 | @import "mixins/vendor-prefixes";
18 |
19 | // Components
20 | @import "mixins/alerts";
21 | @import "mixins/buttons";
22 | @import "mixins/panels";
23 | @import "mixins/pagination";
24 | @import "mixins/list-group";
25 | @import "mixins/nav-divider";
26 | @import "mixins/forms";
27 | @import "mixins/progress-bar";
28 | @import "mixins/table-row";
29 |
30 | // Skins
31 | @import "mixins/background-variant";
32 | @import "mixins/border-radius";
33 | @import "mixins/gradients";
34 |
35 | // Layout
36 | @import "mixins/clearfix";
37 | @import "mixins/center-block";
38 | @import "mixins/nav-vertical-align";
39 | @import "mixins/grid-framework";
40 | @import "mixins/grid";
41 |
--------------------------------------------------------------------------------
/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/dist/long-stack-trace-zone';
4 | import 'zone.js/dist/proxy.js';
5 | import 'zone.js/dist/sync-test';
6 | import 'zone.js/dist/jasmine-patch';
7 | import 'zone.js/dist/async-test';
8 | import 'zone.js/dist/fake-async-test';
9 | import { getTestBed } from '@angular/core/testing';
10 | import {
11 | BrowserDynamicTestingModule,
12 | platformBrowserDynamicTesting
13 | } from '@angular/platform-browser-dynamic/testing';
14 |
15 | // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
16 | declare var __karma__: any;
17 | declare var require: any;
18 |
19 | // Prevent Karma from running prematurely.
20 | __karma__.loaded = function () {};
21 |
22 | // First, initialize the Angular testing environment.
23 | getTestBed().initTestEnvironment(
24 | BrowserDynamicTestingModule,
25 | platformBrowserDynamicTesting()
26 | );
27 | // Then we find all the tests.
28 | const context = require.context('./', true, /\.spec\.ts$/);
29 | // And load the modules.
30 | context.keys().map(context);
31 | // Finally, start Karma to run the tests.
32 | __karma__.start();
33 |
--------------------------------------------------------------------------------
/src/app/shared/styles/app/progress-extra.scss:
--------------------------------------------------------------------------------
1 | /* ========================================================================
2 | Component: progress-extra
3 | ========================================================================== */
4 |
5 | // Different size of Progress bars
6 |
7 | $progress-height-sm: 15px;
8 | $progress-height-xs: 8px;
9 |
10 | .progress-sm.progress,
11 | .progress-sm .progress {
12 | height: $progress-height-sm;
13 | }
14 |
15 | .progress-xs.progress,
16 | .progress-xs .progress {
17 | height: $progress-height-xs;
18 | }
19 |
20 | .m0 .progress {
21 | margin: 0;
22 | }
23 | // Progress color variants
24 |
25 | .progress-bar-purple {
26 | @include progress-bar-variant($brand-purple);
27 | }
28 | .progress-bar-inverse {
29 | @include progress-bar-variant($brand-inverse);
30 | }
31 | .progress-bar-green {
32 | @include progress-bar-variant($brand-green);
33 | }
34 | .progress-bar-pink {
35 | @include progress-bar-variant($brand-pink);
36 | }
37 | .progress-bar-yellow {
38 | @include progress-bar-variant($brand-yellow);
39 | }
40 |
41 | // progress-% classes for simple usage
42 |
43 | @for $i from 1 through 100 {
44 | .progress-#{$i} {
45 | width: percentage($i/100);
46 | }
47 | }
--------------------------------------------------------------------------------
/src/app/routes/abusedusers/abusedusers/abusedusers.component.html:
--------------------------------------------------------------------------------
1 | Basic Example
7 |Filter Example
11 |
12 |
16 |
13 |
14 |
15 | Pinning Example
19 |Abused Users
2 |
3 |
4 |
5 |
25 |
26 |
6 |
7 |
23 |
24 |
8 |
10 |
20 |
21 |
22 | Basic Example
27 |Abused Comments
2 |
3 |
4 |
5 |
25 |
26 |
6 |
7 |
23 |
24 |
8 |
10 |
20 |
21 |
22 | Basic Example
27 |Type something..
'; 34 | 35 | constructor(public router: Router) { } 36 | 37 | routeIsActive(routePath: string) { 38 | return this.router.url == routePath; 39 | } 40 | 41 | ngOnInit() { 42 | } 43 | 44 | } 45 | -------------------------------------------------------------------------------- /src/app/routes/extras/mailbox/folder/folder.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit, OnDestroy } from '@angular/core'; 2 | import { ActivatedRoute } from "@angular/router"; 3 | import { Http } from '@angular/http'; 4 | 5 | @Component({ 6 | selector: 'app-folder', 7 | templateUrl: './folder.component.html', 8 | styleUrls: ['./folder.component.scss'] 9 | }) 10 | export class FolderComponent implements OnInit, OnDestroy { 11 | 12 | folder: string = null; 13 | mails: Array
2 |
33 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_jumbotron.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Jumbotron
3 | // --------------------------------------------------
4 |
5 |
6 | .jumbotron {
7 | padding-top: $jumbotron-padding;
8 | padding-bottom: $jumbotron-padding;
9 | margin-bottom: $jumbotron-padding;
10 | color: $jumbotron-color;
11 | background-color: $jumbotron-bg;
12 |
13 | h1,
14 | .h1 {
15 | color: $jumbotron-heading-color;
16 | }
17 |
18 | p {
19 | margin-bottom: ($jumbotron-padding / 2);
20 | font-size: $jumbotron-font-size;
21 | font-weight: 200;
22 | }
23 |
24 | > hr {
25 | border-top-color: darken($jumbotron-bg, 10%);
26 | }
27 |
28 | .container &,
29 | .container-fluid & {
30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
31 | padding-left: ($grid-gutter-width / 2);
32 | padding-right: ($grid-gutter-width / 2);
33 | }
34 |
35 | .container {
36 | max-width: 100%;
37 | }
38 |
39 | @media screen and (min-width: $screen-sm-min) {
40 | padding-top: ($jumbotron-padding * 1.6);
41 | padding-bottom: ($jumbotron-padding * 1.6);
42 |
43 | .container &,
44 | .container-fluid & {
45 | padding-left: ($jumbotron-padding * 2);
46 | padding-right: ($jumbotron-padding * 2);
47 | }
48 |
49 | h1,
50 | .h1 {
51 | font-size: $jumbotron-heading-font-size;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/app/routes/tables/tables.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { DataTableModule } from 'angular2-datatable';
4 | import { Ng2TableModule } from 'ng2-table/ng2-table';
5 | import { AgGridModule } from 'ag-grid-angular/main';
6 |
7 | import { SharedModule } from '../../shared/shared.module';
8 | import { StandardComponent } from './standard/standard.component';
9 | import { ExtendedComponent } from './extended/extended.component';
10 | import { DatatableComponent } from './datatable/datatable.component';
11 | import { AngulargridComponent } from './angulargrid/angulargrid.component';
12 |
13 | const routes: Routes = [
14 | { path: 'standard', component: StandardComponent },
15 | { path: 'extended', component: ExtendedComponent },
16 | { path: 'datatable', component: DatatableComponent },
17 | { path: 'aggrid', component: AngulargridComponent }
18 | ];
19 |
20 | @NgModule({
21 | imports: [
22 | SharedModule,
23 | RouterModule.forChild(routes),
24 | DataTableModule,
25 | Ng2TableModule,
26 | AgGridModule.withComponents([AngulargridComponent])
27 | ],
28 | declarations: [
29 | StandardComponent,
30 | ExtendedComponent,
31 | DatatableComponent,
32 | AngulargridComponent
33 | ],
34 | exports: [
35 | RouterModule
36 | ]
37 | })
38 | export class TablesModule { }
39 |
--------------------------------------------------------------------------------
/src/app/routes/account/account/account.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { ColorsService } from '../../../shared/colors/colors.service';
4 |
5 | @Component({
6 | selector: 'app-account',
7 | templateUrl: './account.component.html',
8 | styleUrls: ['./account.component.scss']
9 | })
10 | export class AccountComponent implements OnInit {
11 |
12 | lat: number = 33.790807;
13 | lng: number = -117.835734;
14 | zoom: number = 14;
15 | scrollwheel = false;
16 |
17 | sparkOptions1 = {
18 | barColor: this.colors.byName('primary'),
19 | height: 20,
20 | barWidth: 3,
21 | barSpacing: 2
22 | };
23 |
24 | sparkOptions2 = {
25 | type: 'line',
26 | height: 80,
27 | width: '100%',
28 | lineWidth: 2,
29 | lineColor: '#dddddd',
30 | spotColor: '#bbbbbb',
31 | fillColor: '',
32 | highlightLineColor: '#fff',
33 | spotRadius: 3,
34 | resize: true
35 | };
36 |
37 | sparkOptions3 = {
38 | barColor: '#fff',
39 | height: 50,
40 | barWidth: 6,
41 | barSpacing: 6
42 | };
43 |
44 | sparkOptions4 = {
45 | barColor: this.colors.byName('primary'),
46 | height: 30,
47 | barWidth: 6,
48 | barSpacing: 6
49 | };
50 |
51 | constructor(public colors: ColorsService) { }
52 |
53 | ngOnInit() {
54 | }
55 |
56 | }
57 |
--------------------------------------------------------------------------------
/src/app/routes/widgets/widgets/widgets.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { ColorsService } from '../../../shared/colors/colors.service';
4 |
5 | @Component({
6 | selector: 'app-widgets',
7 | templateUrl: './widgets.component.html',
8 | styleUrls: ['./widgets.component.scss']
9 | })
10 | export class WidgetsComponent implements OnInit {
11 |
12 | lat: number = 33.790807;
13 | lng: number = -117.835734;
14 | zoom: number = 14;
15 | scrollwheel = false;
16 |
17 | sparkOptions1 = {
18 | barColor: this.colors.byName('primary'),
19 | height: 20,
20 | barWidth: 3,
21 | barSpacing: 2
22 | };
23 |
24 | sparkOptions2 = {
25 | type: 'line',
26 | height: 80,
27 | width: '100%',
28 | lineWidth: 2,
29 | lineColor: '#dddddd',
30 | spotColor: '#bbbbbb',
31 | fillColor: '',
32 | highlightLineColor: '#fff',
33 | spotRadius: 3,
34 | resize: true
35 | };
36 |
37 | sparkOptions3 = {
38 | barColor: '#fff',
39 | height: 50,
40 | barWidth: 6,
41 | barSpacing: 6
42 | };
43 |
44 | sparkOptions4 = {
45 | barColor: this.colors.byName('primary'),
46 | height: 30,
47 | barWidth: 6,
48 | barSpacing: 6
49 | };
50 |
51 | constructor(public colors: ColorsService) { }
52 |
53 | ngOnInit() {
54 | }
55 |
56 | }
57 |
--------------------------------------------------------------------------------
/src/app/shared/directives/jqcloud/jqcloud.directive.ts:
--------------------------------------------------------------------------------
1 | import { Directive, Input, OnInit, OnDestroy, ElementRef, OnChanges, SimpleChange } from '@angular/core';
2 | declare var $: any;
3 |
4 | @Directive({
5 | selector: '[jqcloud]'
6 | })
7 | export class JqcloudDirective implements OnInit, OnDestroy, OnChanges {
8 |
9 | @Input() words;
10 | @Input() width;
11 | @Input() height;
12 | @Input() steps;
13 | $elem: any;
14 | options: any;
15 | initialized = false; // flag to not update before plugin was initialized
16 |
17 | constructor(element: ElementRef) {
18 | this.$elem = $(element.nativeElement);
19 | this.options = $.fn.jQCloud.defaults.get();
20 | }
21 |
22 | ngOnInit() {
23 | let opts: any = {};
24 | if (this.width) {
25 | opts.width = this.width;
26 | }
27 | if (this.height) {
28 | opts.height = this.height;
29 | }
30 | if (this.steps) {
31 | opts.steps = this.steps;
32 | }
33 |
34 | $.extend(this.options, opts);
35 | this.$elem.jQCloud(this.words, opts);
36 | this.initialized = true;
37 | }
38 |
39 | ngOnChanges(changes: { [propertyName: string]: SimpleChange }) {
40 | if (this.initialized && this.words && changes['words']) {
41 | this.$elem.jQCloud('update', this.words);
42 | }
43 | }
44 |
45 | ngOnDestroy() {
46 | this.$elem.jQCloud('destroy');
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/app/shared/styles/bootstrap/bootstrap/_labels.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Labels
3 | // --------------------------------------------------
4 |
5 | .label {
6 | display: inline;
7 | padding: .2em .6em .3em;
8 | font-size: 75%;
9 | font-weight: bold;
10 | line-height: 1;
11 | color: $label-color;
12 | text-align: center;
13 | white-space: nowrap;
14 | vertical-align: baseline;
15 | border-radius: .25em;
16 |
17 | // [converter] extracted a& to a.label
18 |
19 | // Empty labels collapse automatically (not available in IE8)
20 | &:empty {
21 | display: none;
22 | }
23 |
24 | // Quick fix for labels in buttons
25 | .btn & {
26 | position: relative;
27 | top: -1px;
28 | }
29 | }
30 |
31 | // Add hover effects, but only for links
32 | a.label {
33 | &:hover,
34 | &:focus {
35 | color: $label-link-hover-color;
36 | text-decoration: none;
37 | cursor: pointer;
38 | }
39 | }
40 |
41 | // Colors
42 | // Contextual variations (linked labels get darker on :hover)
43 |
44 | .label-default {
45 | @include label-variant($label-default-bg);
46 | }
47 |
48 | .label-primary {
49 | @include label-variant($label-primary-bg);
50 | }
51 |
52 | .label-success {
53 | @include label-variant($label-success-bg);
54 | }
55 |
56 | .label-info {
57 | @include label-variant($label-info-bg);
58 | }
59 |
60 | .label-warning {
61 | @include label-variant($label-warning-bg);
62 | }
63 |
64 | .label-danger {
65 | @include label-variant($label-danger-bg);
66 | }
67 |
--------------------------------------------------------------------------------
/src/app/routes/maps/google/google.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-google',
5 | templateUrl: './google.component.html',
6 | styleUrls: ['./google.component.scss']
7 | })
8 | export class GoogleComponent implements OnInit {
9 |
10 | lat: number = 33.790807;
11 | lng: number = -117.835734;
12 | zoom: number = 14;
13 | scrollwheel = false;
14 |
15 | // custom map style
16 | mapStyles = [{ 'featureType': 'water', 'stylers': [{ 'visibility': 'on' }, { 'color': '#bdd1f9' }] }, { 'featureType': 'all', 'elementType': 'labels.text.fill', 'stylers': [{ 'color': '#334165' }] }, { featureType: 'landscape', stylers: [{ color: '#e9ebf1' }] }, { featureType: 'road.highway', elementType: 'geometry', stylers: [{ color: '#c5c6c6' }] }, { featureType: 'road.arterial', elementType: 'geometry', stylers: [{ color: '#fff' }] }, { featureType: 'road.local', elementType: 'geometry', stylers: [{ color: '#fff' }] }, { featureType: 'transit', elementType: 'geometry', stylers: [{ color: '#d8dbe0' }] }, { featureType: 'poi', elementType: 'geometry', stylers: [{ color: '#cfd5e0' }] }, { featureType: 'administrative', stylers: [{ visibility: 'on' }, { lightness: 33 }] }, { featureType: 'poi.park', elementType: 'labels', stylers: [{ visibility: 'on' }, { lightness: 20 }] }, { featureType: 'road', stylers: [{ color: '#d8dbe0', lightness: 20 }] }];
17 |
18 | constructor() { }
19 |
20 | ngOnInit() {
21 | }
22 |
23 | }
24 |
--------------------------------------------------------------------------------
/src/app/routes/blog/post/post.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-post',
5 | templateUrl: './post.component.html',
6 | styleUrls: ['./post.component.scss']
7 | })
8 | export class PostComponent implements OnInit {
9 |
10 | words: Array
3 |
4 |
32 |
5 |
13 |
23 |
6 |
7 |
8 | 500
9 | Oh! Something went wrong :(
10 |Don't worry, we're now checking this.
11 |In the meantime, please try one of those links below or come back in a moment
12 |
24 | ©
25 | {{ settings.app.year }}
26 | -
27 | {{ settings.app.name }}
28 |
29 | {{ settings.app.description }} 30 |
31 | 29 | {{ settings.app.description }} 30 |