\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\n\nimport { UserComponent } from '../user/user.component';\nimport { BackendService } from '../backend.service';\nimport { RValidators } from '../forms/rvalidators';\n\n@Component({\n selector: 'rana-collection-create',\n templateUrl: './create.component.html',\n})\nexport class CollectionCreateComponent implements OnInit {\n form: FormGroup;\n\n constructor(\n private fb: FormBuilder,\n private backend: BackendService,\n private router: Router,\n private route: ActivatedRoute,\n private user: UserComponent,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n name: [null, RValidators.collectionName],\n });\n }\n\n create() {\n this.backend.createCollection(this.user.user, this.form.value)\n .subscribe(collection => this.router.navigate(['..', collection.name, 'settings'], {relativeTo: this.route}));\n }\n}\n","module.exports = \"Create new collection
\\n\\n
\\n\\n \\n
\\n \\n
\\n\\n
\\n \\n
\\n {{user}} / {{collection.name}}
\\n- \\n
- \\n Statistics\\n \\n
- \\n Sessions\\n \\n
- \\n Settings\\n \\n
\\n \\n
\\n\\n
\\n ‹
\\n ›
\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { Router, ActivatedRoute, Params } from '@angular/router';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\n\nimport { Collection, Shard, BackendService } from '../backend.service';\nimport { UserComponent } from '../user/user.component';\nimport { RValidators } from '../forms/rvalidators';\nimport { ToastyService } from '../toasty/toasty.service';\n\n@Component({\n selector: 'rana-collection-settings',\n templateUrl: './settings.component.html',\n})\nexport class CollectionSettingsComponent implements OnInit {\n form: FormGroup;\n collection: Collection;\n\n shards: Shard[];\n allSize: number;\n\n constructor(\n private backend: BackendService,\n private router: Router,\n private route: ActivatedRoute,\n private fb: FormBuilder,\n private user: UserComponent,\n private toasty: ToastyService,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n id: [null],\n name: [null, RValidators.collectionName],\n });\n this.route.parent.params.forEach((params: Params) => {\n const collectionName = params['collectionName'];\n this.getCollection(collectionName);\n this.getCollectionShards(collectionName);\n });\n }\n\n getCollection(collectionName: string) {\n this.backend\n .getCollection(this.user.user, collectionName)\n .subscribe(collection => {\n this.form.setValue(collection);\n this.collection = collection;\n });\n }\n\n getCollectionShards(collectionName: string) {\n this.backend\n .getCollectionShards(this.user.user, collectionName)\n .subscribe(shards => {\n this.shards = shards;\n this.allSize = shards.reduce((a, b) => a + b.size, 0);\n });\n }\n\n save() {\n this.backend.saveCollection(this.user.user, this.collection.name, this.form.value)\n .subscribe(_ => {\n this.toasty.success('Save success');\n this.router.navigate(['../..', this.form.value.name, 'settings'], {relativeTo: this.route});\n });\n }\n\n delete() {\n this.backend.deleteCollection(this.user.user, this.collection.name)\n .subscribe(_ => {\n this.toasty.success('Delete success');\n this.router.navigate(['../..'], {relativeTo: this.route});\n });\n }\n\n deleteShard(shard: Shard) {\n this.backend\n .deleteCollectionShard(this.user.user, this.collection.name, shard.id)\n .subscribe(_ => {\n this.getCollectionShards(this.collection.name);\n })\n }\n\n}\n","module.exports = \"Settings
\\n\\n
\\n \\n
\\n Tracking code
\\n\\n \\n \\n
\\nBasic settings
\\n\\n
\\n \\n \\n
\\n Storage
\\n\\n
\\n \\n {{shards.length}} shard {{allSize | bytes}}\\n
\\n \\n
\\n - \\n
- \\n \\n {{shard.id}}\\n {{shard.size | bytes}}\\n\\n Delete\\n \\n
Delete collection
\\n\\n
\\n \\n \\n
\\n Teammates
\\nTeammates can read the collection
\\n\\n
\\n\"","import { Component, OnInit, Input } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\n\nimport { Collection, BackendService, Teammate } from '../backend.service';\nimport { UserComponent } from '../user/user.component';\nimport { RValidators } from '../forms/rvalidators';\n\n@Component({\n selector: 'rana-collection-teammates',\n templateUrl: './teammates.component.html',\n})\nexport class TeammatesComponent implements OnInit {\n form: FormGroup;\n @Input() collection: Collection;\n teammates: Teammate[];\n\n constructor(\n private backend: BackendService,\n private fb: FormBuilder,\n private user: UserComponent,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n email: [null, RValidators.email],\n });\n this.getTeammates();\n }\n\n getTeammates() {\n this.backend\n .getTeammates(this.user.user, this.collection.name)\n .subscribe(teammates => this.teammates = teammates);\n }\n\n add() {\n this.backend\n .addTeammate(this.user.user, this.collection.name, this.form.value.email)\n .subscribe(_ => {\n this.getTeammates();\n this.form.reset();\n });\n }\n\n remove(email: string) {\n this.backend\n .removeTeammate(this.user.user, this.collection.name, email)\n .subscribe(_ => this.getTeammates());\n }\n}\n","module.exports = \"- \\n
- \\n {{t.email}}\\n remove\\n \\n
\\n \\n
\\n\\n
\\n\"","import { Component, OnInit, OnDestroy } from '@angular/core';\n\nimport { BackendService, CollectionSumData } from '../backend.service';\n\nimport { CollectionDashboardComponent, Setup } from '../collection-dashboard/dashboard.component';\n\n@Component({\n selector: 'rana-collection-stat',\n templateUrl: './stat.component.html',\n})\nexport class CollectionStatComponent implements OnInit, OnDestroy {\n sums: CollectionSumData;\n\n dashboardSetup: Setup;\n setup = new Setup();\n\n subscription: any;\n\n constructor(\n private backend: BackendService,\n private dashboard: CollectionDashboardComponent,\n ) { }\n\n ngOnInit() {\n this.dashboardSetup = this.dashboard.setup;\n this.getSums(this.dashboard.setup);\n this.subscription = this.dashboard.setup.events.subscribe(setup => {\n this.getSums(setup);\n });\n }\n\n getSums(setup: Setup) {\n this.backend\n .getCollectionStatData(this.dashboard.user, setup.collectionName, setup.from, setup.to, setup.filter)\n .subscribe(sums => {\n this.sums = sums;\n this.setup.set(setup);\n });\n }\n\n ngOnDestroy() {\n this.subscription.unsubscribe();\n }\n\n}\n","module.exports = \"\\n
\\n Statistics
\\n {{setup.from | date:\\\"yyyy.MM.dd HH:mm\\\"}} - {{setup.to | date:\\\"yyyy.MM.dd HH:mm\\\"}}\\n\\n
\\n \\n
\\n \\n
\\n Sessions
\\n {{sums.session_total.count}}\\n \\n
\\n \\n
\\n Pageviews
\\n {{sums.pageview_total.count}}\\n \\n
\\n \\n
\\n Average session length
\\n {{sums.avg_session_length.count/60 | number:\\\"1.0-0\\\"}} m\\n \\n
\\n \\n
\\n Bounce rate
\\n {{sums.bounce_rate.percent | percent:\\\"1.1-1\\\"}}\\n \\n
\\n\\n 1 || sums.query_string_sums[0].name != '')\\\">\\n \\n
\\n Pages
\\nQuery strings
\\nReferrers
\\nHosts
\\n\\n
\\n \\n
\\n Pageviews per session
\\nScreen resolutions
\\nWindow resolutions
\\n\\n
\\n Countries
\\nCities
\\nAS Names
\\n\\n \\n \\n
\\n Device Types
\\nDevice OS
\\nBrowsers
\\nBrowser versions
\\nBrowser Languages
\\n| # | \\n{{name}} | \\nCount | \\n% | \\n
|---|---|---|---|
| {{i+1}} | \\n\\n {{sum.name}}\\n ![](\\\"assets/filter.svg\\\") \\n ![](\\\"assets/filtera.svg\\\") \\n | \\n {{sum.count}} | \\n{{sum.percent | percent:\\\"1.1-1\\\"}} | \\n
| \\n show all\\n | \\n
\\n
\\n\"","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute, Params } from '@angular/router';\n\nimport { Collection, BackendService } from '../backend.service';\n\n@Component({\n selector: 'rana-collection-tracking',\n templateUrl: './tracking.component.html',\n})\nexport class CollectionTrackingComponent implements OnInit {\n @Input() collection: Collection;\n trackingCode: string;\n\n constructor(\n private backend: BackendService,\n private route: ActivatedRoute,\n ) { }\n\n ngOnInit() {\n this.trackingCode = this.getTrackingCode();\n }\n\n getOrigin(): string {\n return window.location.origin;\n }\n\n getTrackingCode(): string {\n return `\n\n\n`;\n }\n\n}\n","module.exports = \"To start tracking, include the following JavaScript on your site:
\\n{{trackingCode}}\\n
\\n\\n \\n
\\n\\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n {{c.user}} / {{c.name}}\\n {{c.name}}\\n
\\n \\n \\n
\\n \\n
\\n \\n
\\n {{c.session_count}} sessions
\\n \\n
\\n {{c.pageview_count}} pageviews
\\n \\n
\\n \\n
\\n \\n
\\n \\n You don't have any collection yet.\\n
\\n \\n Create new\\n
\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\nimport { UserComponent } from '../user/user.component';\nimport { BackendService, CollectionSummary, AuthService } from '../backend.service';\nimport { getDateStrFromUnixTime } from '../utils/date';\n\n@Component({\n selector: 'rana-collection',\n templateUrl: './collection.component.html',\n})\nexport class CollectionComponent implements OnInit {\n collections: CollectionSummary[];\n\n timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n data: {\n labels: string[],\n datasets: {\n label: string,\n borderColor: string,\n fill: boolean,\n data: {x: string, y: number}[],\n }[],\n }[];\n options = {\n tooltips: {mode: 'index', intersect: false},\n hover: {mode: 'nearest', intersect: true},\n legend: {display: false},\n layout: {padding: 5},\n elements: {point: {pointStyle: 'star'}},\n scales: {\n xAxes: [{\n display: false,\n stacked: true\n }],\n yAxes: [\n {\n id: 'session-axis',\n display: false,\n ticks: {\n beginAtZero: true,\n },\n },\n {\n id: 'page-view-axis',\n display: false,\n ticks: {\n beginAtZero: true,\n },\n },\n ]\n }\n };\n\n constructor(\n private backend: BackendService,\n private route: ActivatedRoute,\n private userComp: UserComponent,\n private auth: AuthService,\n ) { }\n\n ngOnInit() {\n this.route.params.forEach(_ => {\n this.getCollections(this.user);\n })\n }\n\n get user(): string {\n return this.userComp.user;\n }\n\n get selfPage(): boolean {\n return this.user === this.auth.user\n }\n\n getCollections(user: string) {\n this.backend.getCollectionSummaries(user, this.timezone)\n .subscribe(collections => {\n this.collections = collections;\n this.setData(collections);\n });\n }\n\n setData(collections: CollectionSummary[]) {\n this.data = collections.map(c => ({\n labels: c.session_sums.map(s => getDateStrFromUnixTime(s.bucket, \"day\")),\n datasets: [\n {\n label: 'Sessions',\n borderColor: 'rgba(0, 255, 0, 0.5)',\n fill: false,\n yAxisID: 'session-axis',\n data: c.session_sums.map(s => ({x: getDateStrFromUnixTime(s.bucket, \"day\"), y: s.count})),\n },\n {\n label: 'Page views',\n borderColor: 'rgba(0, 0, 255, 0.5)',\n fill: false,\n yAxisID: 'page-view-axis',\n data: c.pageview_sums.map(s => ({x: getDateStrFromUnixTime(s.bucket, \"day\"), y: s.count})),\n },\n ]\n }));\n }\n\n\n}\n","module.exports = \"\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\n\nimport { RValidators } from '../forms/rvalidators';\nimport { BackendService } from '../backend.service';\nimport { ToastyService } from '../toasty/toasty.module';\n\n@Component({\n selector: 'rana-forgot-password',\n templateUrl: './forgot-password.component.html',\n})\nexport class ForgotPasswordComponent implements OnInit {\n form: FormGroup;\n\n constructor(\n private fb: FormBuilder,\n private backend: BackendService,\n private toasty: ToastyService,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n email: [null, RValidators.email],\n });\n }\n\n send() {\n this.backend\n .sendResetPassword(this.form.value.email)\n .subscribe(_ => {\n this.toasty.success('Reset password email sent!')\n this.form.reset();\n });\n }\n\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'rana-invalid-username',\n template: `Usernames can contain letters (a-z), numbers (0-9), and dot (.).`,\n})\nexport class InvalidUsernameComponent {}\n\n@Component({\n selector: 'rana-invalid-password',\n template: `Your password must be at least 8 characters long.`,\n})\nexport class InvalidPasswordComponent {}\n\n@Component({\n selector: 'rana-invalid-email',\n template: `Please enter a valid email address!`,\n})\nexport class InvalidEmailComponent {}\n\n@Component({\n selector: 'rana-invalid-collection-name',\n template: `Collection names can contain letters (a-z), numbers (0-9), and dot (.).`,\n })\n export class InvalidCollectionNameComponent {}\n ","import { Validators } from '@angular/forms';\n\nexport class RValidators {\n static password = Validators.compose([Validators.required, Validators.minLength(8)]);\n static collectionName = Validators.compose([Validators.required, Validators.pattern(\"^[a-z0-9.]+$\")]);\n static userName = Validators.compose([Validators.required, Validators.pattern(\"^[a-z0-9.]+$\")]);\n static email = Validators.compose([Validators.required, Validators.email]);\n}\n","module.exports = \"\\n
\\n\\n
\\n Forgot password
\\n\\n
\\n \\n \\n
\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\n\nimport { BackendService } from '../backend.service';\n\n@Component({\n selector: 'rana-home',\n templateUrl: './home.component.html',\n})\nexport class HomeComponent implements OnInit {\n\n constructor(\n private backend: BackendService,\n ) { }\n\n ngOnInit() {\n }\n\n get serverAnnounce(): string {\n return this.backend.config && this.backend.config.server_announce;\n }\n\n}\n","module.exports = \"\\n \\n ![\\\"Fork](\\\"assets/forkme_right_gray_6d6d6d.png\\\")
\\n \\n
\\n \\n \\n \\n ![\\\"Rightana\\\"](\\\"assets/logo.png\\\")
\\n
\\n \\n \\n
\\n\\n {{serverAnnounce}}\\n
\\n \\n
\\nRightAna
\\nRightAna
\\nCarefree web analytics on your server!
\\n\\n
\\n
\\n
\\n \\n
\\n - \\n
- Easy to install \\n
- Easy to use \\n
- Easy to upgrade (guaranteed after version 1.0) \\n
- Space efficient, fast, embedded database \\n
- Written in Go
![](\\\"assets/golang.png\\\")
and Angular ![](\\\"assets/angular.png\\\")
\\n - Open-source, hosted on github
![](\\\"assets/github.png\\\")
\\n
\\n
\\n - \\n
- Visitor friendly (no popups, no cookie consent bar, no nonsense) \\n
- You don't have to sell your visitor's data to a company \\n
- Tracks sessions, not users \\n
- GDPR compliant without any annoying popup \\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { AuthService, BackendService, ServerConfig } from '../backend.service';\nimport { RValidators } from '../forms/rvalidators';\n\n@Component({\n selector: 'rana-login',\n templateUrl: './login.component.html',\n})\nexport class LoginComponent implements OnInit {\n form: FormGroup;\n config: ServerConfig;\n\n constructor(\n private fb: FormBuilder,\n private backend: BackendService,\n private auth: AuthService,\n private router: Router,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n name_or_email: [null, Validators.required],\n password: [null, RValidators.password]\n });\n this.getConfig();\n }\n\n getConfig() {\n this.backend.getConfig()\n .subscribe(config => this.config = config);\n }\n\n login() {\n this.backend\n .createAuthToken(this.form.value.name_or_email, this.form.value.password)\n .subscribe(token => {\n this.auth.set(token.id, token.user_info.name, token.user_info.is_admin);\n this.router.navigateByUrl(token.user_info.name);\n });\n }\n}\n","module.exports = \"\"","import { Component, OnInit } from '@angular/core';\nimport { AuthService, BackendService } from '../backend.service';\nimport { Router } from '@angular/router';\n\nimport { ToastyService } from '../toasty/toasty.module';\n\n@Component({\n selector: 'rana-logout',\n templateUrl: './logout.component.html',\n})\nexport class LogoutComponent implements OnInit {\n\n constructor(\n private auth: AuthService,\n private backend: BackendService,\n private toasty: ToastyService,\n private router: Router,\n ) { }\n\n ngOnInit() {\n this.backend\n .deleteAuthToken(this.auth.token)\n .subscribe(\n () => {\n this.toasty.success('Logout success');\n this.auth.unset();\n this.router.navigate(['/']);\n },\n () => {\n this.auth.unset();\n this.router.navigate(['/']);\n },\n );\n }\n\n}\n","module.exports = \"\\n
\\n\\n
\\n Login
\\n\\n
\\n \\n \\n
\\n \\n Don't have an account? Create one\\n
\\n \\n Forgot password?\\n
\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { AuthService, BackendService } from '../backend.service';\nimport { RValidators } from '../forms/rvalidators';\n\n@Component({\n selector: 'rana-registration',\n templateUrl: './registration.component.html',\n})\nexport class RegistrationComponent implements OnInit {\n form: FormGroup;\n\n constructor(\n private fb: FormBuilder,\n private router: Router,\n private auth: AuthService,\n private backend: BackendService,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n name: [null, RValidators.userName],\n email: [null, RValidators.email],\n password: [null, RValidators.password]\n });\n }\n\n registrate() {\n this.backend\n .createUser(this.form.value)\n .subscribe(() => this.login());\n }\n\n login() {\n this.backend\n .createAuthToken(this.form.value.name, this.form.value.password)\n .subscribe(token => {\n this.auth.set(token.id, token.user_info.name, token.user_info.is_admin);\n this.sendVerifyEmail();\n this.router.navigateByUrl(token.user_info.name);\n });\n }\n\n sendVerifyEmail() {\n this.backend\n .sendVerifyEmail(this.form.value.name).subscribe();\n }\n\n}\n","module.exports = \"\\n
\\n\\n
\\n Registration
\\n\\n
\\n \\n \\n
\\n \\n Already have an account? Login\\n
\\n \\n Forgot password?\\n
\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { ActivatedRoute, Params, Router } from '@angular/router';\n\nimport { UserComponent } from '../user/user.component';\nimport { BackendService, AuthService } from \"../backend.service\"\nimport { RValidators } from '../forms/rvalidators';\nimport { ToastyService } from '../toasty/toasty.module';\n\n@Component({\n selector: 'rana-reset-password',\n templateUrl: './reset-password.component.html',\n})\nexport class ResetPasswordComponent implements OnInit {\n form: FormGroup;\n resetKey: string;\n\n constructor(\n private user: UserComponent,\n private fb: FormBuilder,\n private backend: BackendService,\n private auth: AuthService,\n private toasty: ToastyService,\n private route: ActivatedRoute,\n private router: Router,\n ) { }\n\n ngOnInit() {\n this.route.queryParams.forEach((params: Params) => {\n this.resetKey = params['reset_key'];\n });\n this.form = this.fb.group({\n password: [null, RValidators.password],\n });\n }\n\n resetPassword() {\n this.backend\n .resetPassword(this.user.user, this.resetKey, this.form.value.password)\n .subscribe(_ => {\n this.login();\n this.toasty.success(\"Password change success\");\n });\n }\n\n login() {\n this.backend\n .createAuthToken(this.user.user, this.form.value.password)\n .subscribe(token => {\n this.auth.set(token.id, token.user_info.name, token.user_info.is_admin);\n this.router.navigateByUrl('/'+token.user_info.name);\n });\n }\n\n}\n","module.exports = \"\\n
\\nReset password
\\n\\n
\\n \\n \\n
\\n \\n \\n \\n
\\n
\\n\"","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { ActivatedRoute, Params, Router } from '@angular/router';\n\nimport { BackendService, Session, Pageview } from '../backend.service';\n\nimport { CollectionDashboardComponent, Setup } from '../collection-dashboard/dashboard.component';\n\nclass SessionD extends Session {\n pageviews?: Pageview[];\n showDetails?: boolean;\n}\n\n@Component({\n selector: 'rana-session',\n templateUrl: './session.component.html',\n})\nexport class SessionComponent implements OnInit, OnDestroy {\n sessions: SessionD[];\n\n setup = new Setup();\n\n subscription: any;\n\n actual = 50;\n\n constructor(\n private backend: BackendService,\n private dashboard: CollectionDashboardComponent,\n ) { }\n\n ngOnInit() {\n this.getSessions(this.dashboard.setup);\n this.subscription = this.dashboard.setup.events.subscribe(setup => {\n this.getSessions(setup);\n });\n }\n\n ngOnDestroy() {\n this.subscription.unsubscribe();\n }\n\n getSessions(setup: Setup) {\n this.backend\n .getSessions(this.dashboard.user, setup.collectionName, setup.from, setup.to, setup.filter)\n .subscribe(sessions => {\n this.sessions = sessions;\n this.actual = 50;\n this.setup.set(setup);\n });\n }\n\n toggleDetails(session: SessionD) {\n if (!session.showDetails) {\n session.showDetails = true;\n this.getPageviews(session)\n } else {\n session.showDetails = false;\n }\n }\n\n getPageviews(session: SessionD) {\n this.backend\n .getPageviews(this.dashboard.user, this.setup.collectionName, session.key)\n .subscribe(pageviews => session.pageviews = pageviews);\n }\n\n loadMore() {\n this.actual += 50;\n }\n}\n\n","module.exports = \"\\n
\\n Sessions {{sessions.length}}
\\n {{setup.from | date:\\\"yyyy.MM.dd HH:mm\\\"}} - {{setup.to | date:\\\"yyyy.MM.dd HH:mm\\\"}}\\n| Begin | \\nDuration | \\nDevice | \\nOS | \\nBrowser | \\nLang | \\nScreen | \\nWindow | \\nHostname | \\nLocation | \\nAS Name | \\nPageviews | \\n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {{s.begin / 1000000 | date:\\\"yyyy.MM.dd HH:mm:ss\\\"}} | \\n{{s.duration/60 | number:\\\"1.0-0\\\"}} m | \\n{{s.device_type}} | \\n{{s.device_os}} | \\n{{s.browser_name}} {{s.browser_version}} | \\n{{s.browser_language}} | \\n{{s.screen_resolution}} | \\n{{s.window_resolution}} | \\n{{s.user_hostname}} | \\n{{s.country_code}} {{s.city}} | \\n{{s.as_name}} | \\n{{s.pageview_count}} | \\n
| \\n Begin: {{s.begin / 1000000 | date:\\\"yyyy.MM.dd HH:mm:ss\\\"}} \\n End: {{s.begin / 1000000 + s.duration*1000 | date:\\\"yyyy.MM.dd HH:mm:ss\\\"}} \\n User IP: {{s.user_ip}} \\n User Hostname: {{s.user_hostname}} \\n AS Number: {{s.as_number}} \\n AS Name: {{s.as_name}} \\n User Agent: {{s.user_agent}} \\n Hostname: {{s.hostname}} \\n Referrer: {{s.referrer}} \\n | \\n |||||||||||
\\n
| \\n |||||||||||
| \\n load more\\n | \\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\n\nimport { BackendService, AuthService } from \"../../backend.service\"\nimport { RValidators } from '../../forms/rvalidators';\nimport { ToastyService } from '../../toasty/toasty.module';\n\n@Component({\n selector: 'rana-change-password',\n templateUrl: './change-password.component.html',\n})\nexport class ChangePasswordComponent implements OnInit {\n form: FormGroup;\n\n constructor(\n \tprivate fb: FormBuilder,\n private backend: BackendService,\n private auth: AuthService,\n private toasty: ToastyService,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n currentPassword: [null, RValidators.password],\n password: [null, RValidators.password],\n });\n }\n\n changePassword() {\n const v = this.form.value\n this.backend\n .updateUserPassword(this.auth.user, v.currentPassword, v.password)\n .subscribe(_ => {\n this.form.reset();\n this.toasty.success(\"Password change success\");\n });\n }\n}\n","module.exports = \"\\n
\\nChange password
\\n\\n
\\n \\n \\n
\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\n\nimport { BackendService, AuthService } from \"../../backend.service\"\nimport { RValidators } from '../../forms/rvalidators';\nimport { ToastyService } from '../../toasty/toasty.module';\n\n@Component({\n selector: 'rana-delete-account',\n templateUrl: './delete-account.component.html',\n})\nexport class DeleteAccountComponent implements OnInit {\n form: FormGroup;\n\n constructor(\n private fb: FormBuilder,\n private backend: BackendService,\n private auth: AuthService,\n private toasty: ToastyService,\n private router: Router,\n ) { }\n\n ngOnInit() {\n this.form = this.fb.group({\n password: [null, RValidators.password],\n });\n }\n\n deleteAccount() {\n this.backend\n .deleteUser(this.auth.user, this.form.value.password)\n .subscribe(_ => {\n this.toasty.success('Account delete success');\n this.auth.unset();\n this.router.navigate(['/']);\n });\n }\n}\n","module.exports = \"\\n
\\nDelete your account
\\n\\n
\\n \\n
\\n \\n The operation will delete your account and collections permanently, and CANNOT be undone!\\n
\\n \\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\n\nimport { BackendService, AuthService, UserInfo } from \"../../backend.service\"\nimport { ToastyService } from '../../toasty/toasty.module';\n\n@Component({\n selector: 'rana-profile',\n templateUrl: './profile.component.html',\n})\nexport class ProfileComponent implements OnInit {\n user: UserInfo;\n\n constructor(\n private backend: BackendService,\n private auth: AuthService,\n private toasty: ToastyService,\n ) { }\n\n ngOnInit() {\n this.backend.getUserInfo(this.auth.user)\n .subscribe(user => {\n this.user = user;\n });\n }\n\n sendVerifyEmail() {\n this.backend.sendVerifyEmail(this.auth.user)\n .subscribe(_ => {\n this.toasty.success('Verify Email sent!')\n });\n }\n}\n","module.exports = \"\\n
\\nProfile
\\n\\n
\\n \\n
\\n - \\n
- Username: \\n
- {{user.name}} \\n
- Email: \\n
- \\n {{user.email}}\\n (verified)\\n (not verified)\\n\\n\\n \\n\\n \\n
\\n
\\n\"","import { Component, OnInit } from '@angular/core';\n\nimport { AuthService } from '../backend.service';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'rana-settings',\n templateUrl: './settings.component.html',\n})\nexport class SettingsComponent implements OnInit {\n\n constructor(\n private auth: AuthService,\n private router: Router,\n ) {\n if (!this.auth.loggedIn) {\n this.router.navigateByUrl('/login');\n }\n }\n\n ngOnInit() {\n }\n\n}\n","// Copyright (C) 2016-2017 Sergey Akopkokhyants\n// This project is licensed under the terms of the MIT license.\n// https://github.com/akserg/ng2-toasty\n\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\n\nimport { ToastData } from './toasty.service';\n\n/**\n * A Toast component shows message with title and close button.\n */\n@Component({\n selector: 'ng2-toast',\n template: `\n \\n
\\n\\n
\\n \\n
\\n Settings
\\n \\n\\n
\\n \n \n
`\n})\nexport class ToastComponent {\n\n @Input() toast: ToastData;\n @Output('closeToast') closeToastEvent = new EventEmitter();\n\n /**\n * Event handler invokes when user clicks on close button.\n * This method emit new event into ToastyContainer to close it.\n */\n close($event: any) {\n $event.preventDefault();\n this.closeToastEvent.next(this.toast);\n }\n}\n","// Copyright (C) 2016-2017 Sergey Akopkokhyants\n// This project is licensed under the terms of the MIT license.\n// https://github.com/akserg/ng2-toasty\n\nimport { Component, Input, OnInit } from '@angular/core';\n\nimport { isFunction } from './toasty.utils';\nimport { ToastyService, ToastData, ToastyConfig, ToastyEvent, ToastyEventType } from './toasty.service';\n\n/**\n * Toasty is container for Toast components\n */\n@Component({\n selector: 'ng2-toasty',\n template: `\n \n {{toast.title}}\n
\n {{toast.msg}}\n
\n \n {{toast.msg}}\n
\n
`\n})\nexport class ToastyComponent implements OnInit {\n /**\n * Set of constants defins position of Toasty on the page.\n */\n static POSITIONS: Array