(feat) date selector should validate date and adapt code as per review

src/app/common/common.module.ts

@@ -101,7 +101,7 @@ import { SettingsService } from '../modules/settings/settings.service';
 import { ThemeService } from './services/theme.service';
 import { HorizontalInfiniteScroll } from './components/infinite-scroll/horizontal-infinite-scroll.component';
 import { ReferralsLinksComponent } from '../modules/wallet/tokens/referrals/links/links.component';
-import { PosterDateSelectorComponent } from './components/poster-date-selector/poster-date-selector.component';
+import { PosterDateSelectorComponent } from './components/poster-date-selector/selector.component';
 import { ShareModalComponent } from '../modules/modals/share/share';
 
 @NgModule({

src/app/common/components/poster-date-selector/poster-date-selector.component.spec.ts → src/app/common/components/poster-date-selector/selector.component.spec.ts

@@ -5,7 +5,7 @@ import {
  fakeAsync,
  tick,
 } from '@angular/core/testing';
-import { PosterDateSelectorComponent } from './poster-date-selector.component';
+import { PosterDateSelectorComponent } from './selector.component';
 import { MaterialDateTimePickerDirective } from '../../directives/material/datetimepicker.directive';
 import { FormsModule } from '@angular/forms';
 import { MockComponent } from '../../../utils/mock';

src/app/common/components/poster-date-selector/poster-date-selector.component.ts → src/app/common/components/poster-date-selector/selector.component.ts

@@ -4,18 +4,25 @@ import { DatePipe } from '@angular/common';
 @Component({
  moduleId: module.id,
  selector: 'm-poster-date-selector',
- templateUrl: 'poster-date-selector.component.html',
+ templateUrl: 'selector.component.html',
  providers: [DatePipe],
 })
 export class PosterDateSelectorComponent {
  @Input() date: string;
  @Output() dateChange: EventEmitter<any> = new EventEmitter<any>();
+ @Output() onError: EventEmitter<String> = new EventEmitter<String>();
 
  @Input() dateFormat: string = 'short';
 
  tooltipDate: string;
 
  onDateChange(newDate) {
+ const validation = this.validate(newDate);
+ if (validation !== true) {
+ this.onError.emit(validation);
+ return;
+ }
+
  this.date = this.tooltipDate = newDate;
  newDate = new Date(newDate).getTime();
  newDate = Math.floor(+newDate / 1000);
@@ -25,4 +32,22 @@ export class PosterDateSelectorComponent {
  hasDateSelected() {
  return this.tooltipDate && this.tooltipDate !== '';
  }
+
+ validate(newDate) {
+ const date = new Date(newDate);
+ 
+ const threeMonths = new Date();
+ threeMonths.setMonth(threeMonths.getMonth() + 3);
+ if (date >= threeMonths) {
+ return "Scheduled date can't be 3 months or more";
+ }
+
+ const fiveMinutes = new Date();
+ fiveMinutes.setMinutes(fiveMinutes.getMinutes() + 5);
+ if (date < fiveMinutes) {
+ return "Scheduled date can't be less than 5 minutes";
+ }
+
+ return true;
+ }
 }

src/app/modules/blogs/edit/edit.html

@@ -173,6 +173,7 @@
  <m-poster-date-selector
  [date]="blog.time_created"
  (dateChange)="onTimeCreatedChange($event)"
+ (onError)="posterDateSelectorError($event)"
  ></m-poster-date-selector>
  </div>
 

src/app/modules/blogs/edit/edit.ts

@@ -239,6 +239,10 @@ export class BlogEdit {
  return true;
  }
 
+ posterDateSelectorError(msg) {
+ this.error = msg;
+ }
+
  save() {
  if (!this.canSave) return;
 

src/app/modules/channels/sorted/sorted.component.ts

@@ -74,7 +74,7 @@ export class ChannelSortedComponent implements OnInit {
  protected clientMetaService: ClientMetaService,
  @SkipSelf() injector: Injector,
  protected cd: ChangeDetectorRef,
- public client: Client
+ public client: Client,
  ) {
  this.clientMetaService
  .inherit(injector)

src/app/modules/legacy/components/cards/activity/activity.html

@@ -183,6 +183,7 @@
  <m-poster-date-selector
  [date]="activity.time_created"
  (dateChange)="onTimeCreatedChange($event)"
+ (onError)="posterDateSelectorError($event)"
  ></m-poster-date-selector>
  <button
  class="mdl-button mdl-button--raised mdl-color--blue-grey-100"

src/app/modules/legacy/components/cards/activity/activity.ts

@@ -569,4 +569,8 @@ export class Activity implements OnInit {
  onTimeCreatedChange(newDate) {
  this.activity.time_created = newDate;
  }
+
+ posterDateSelectorError(msg) {
+ throw new Error(msg);
+ }
 }

src/app/modules/newsfeed/poster/poster.component.html

@@ -99,6 +99,7 @@
  <m-poster-date-selector
  [date]="meta.time_created"
  (dateChange)="onTimeCreatedChange($event)"
+ (onError)="posterDateSelectorError($event)"
  ></m-poster-date-selector>
 
  <button

src/app/modules/newsfeed/poster/poster.component.ts

@@ -296,4 +296,8 @@ export class PosterComponent {
  onTimeCreatedChange(newDate) {
  this.meta.time_created = newDate;
  }
+
+ posterDateSelectorError(msg) {
+ this.errorMessage = msg;
+ }
 }