@hivegpt/hiveai-angular 0.0.380 → 0.0.382

package/src/lib/components/video-player/video-player.component.scss

@@ -1,262 +0,0 @@
-.video-wrapper {
-  position: relative;
-  &:hover {
-    video {
-      //transform: scale(1.02);
-    }
-  }
-  video {
-    width: 100%;
-    height: 330px;
-    outline: 0;
-    object-fit: cover;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: 0.3s ease-in-out;
-    @media only screen and (max-width: 576px) {
-      //height: 75vh;
-    }
-  }
-  .video-actions {
-    position: absolute;
-    right: 10px;
-    top: 10px;
-    display: flex;
-    flex-direction: column;
-    .action {
-      margin-bottom: 5px;
-      cursor: pointer;
-      color: #fff;
-    }
-  }
-  .author-details {
-    display: flex;
-    position: absolute;
-    bottom: 18px;
-    left: 12px;
-    right: 12px;
-    transition: 0.3s ease-in-out;
-    justify-content: flex-start;
-    flex-direction: column;
-
-    .author-image {
-      // margin-bottom: 5px;
-      margin-right: 6px;
-      width: 34px;
-      height: 34px;
-      border-radius: 50%;
-      overflow: hidden;
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-    .author-name {
-      font-size: 14px;
-      mix-blend-mode: hard-light;
-      color: #ffffff;
-      display: block;
-    }
-
-    .video-title{
-      font-size: 14px;
-      mix-blend-mode: hard-light;
-      color: #ffffff;
-      display: block;
-    }
-  }
-  .connect-btn {
-    width: 100%;
-    position: absolute;
-    bottom: 20px;
-    text-align: center;
-    outline: 0;
-    opacity: 0;
-    transition: 0.3s ease-in-out;
-    @media only screen and (max-width: 576px) {
-      opacity: 1;
-      width: unset;
-      right: 20px;
-    }
-
-    button {
-      margin: auto;
-    }
-  }
-  &:hover {
-    .author-details {
-      opacity: 0;
-      @media only screen and (max-width: 576px) {
-        opacity: 1;
-      }
-    }
-    .connect-btn {
-      opacity: 1;
-    }
-  }
-  .half-opacity {
-    opacity: 0.2;
-  }
-
-  .no-opacity {
-    background-color: transparent;
-  }
-}
-
-.like-btn {
-  text-align: center;
-  margin-bottom: 20px;
-  transition: 0.2s ease-in-out;
-  .count {
-    font-size: 16px;
-    margin-left: 3px;
-  }
-  span {
-    cursor: pointer;
-    font-size: 30px;
-  }
-  &:hover {
-    transform: scale(1.1);
-  }
-
-  &.like {
-    color: #025be7;
-  }
-  &.dislike {
-    color: #8d8d8d;
-  }
-  &.info {
-    color: #aeae3f;
-  }
-}
-
-.full-screen {
-  &.show {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: #1b1a1af5;
-    z-index: 9999;
-    .video-wrapper {
-      video {
-        transition: none;
-        transform: none !important;
-        width: 300px;
-        height: 270px;
-      }
-    }
-  }
-  .close-btn {
-    position: absolute;
-    left: 10px;
-    top: 10px;
-    cursor: pointer;
-    span {
-      color: #fff;
-    }
-  }
-}
-
-.main-controls {
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgb(0 0 0 / 30%);
-
-  .play-pause-btn {
-    // line-height: 0;
-    // color: #fff;
-    // display: flex;
-    // align-items: center;
-    // justify-content: center;
-    line-height: 0;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: none;
-  border: none;
-  position: absolute;
-  top: 34%;
-    &.playing {
-      position: absolute;
-      top: 40%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    span {
-      //font-size: 65px;
-      color: #fff;
-      text-shadow: 0px 0px 6px rgb(47 47 47 / 36%);
-    }
-    }
-    &:focus {
-      outline: none;
-    }
-
-    .material-icons {
-      font-size: 40px;
-    }
-
-    .mat-icon {
-      height: auto;
-      width: auto;
-    }
-  }
-  .half-opacity {
-    opacity: 0.2;
-  }
-
-  .no-opacity {
-    background-color: transparent;
-  }
-}
-
-button.transparent-btn {
-  background: transparent;
-  border: 0 !important;
-}
-
-.pause_btn {
-   width: 100%;
-   height: 100%;
-
-  &:hover {
-    opacity: 1 !important;
-    background-color: #000000bd;
-  }
-
-  opacity: 0.02 !important;
-}
-
-.hide-pause-btn {
-  opacity: 0 !important;
-}
-
-.no-photo{
-  height: 35px;
-  width: 35px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-}
-.overlymask-video {
-  background-image: linear-gradient(#ffffff0f, #0000002e);
-  position: absolute;
-  width: 100%;
-  height: 275px;
-  z-index: 0;
-  background-position: 0 bottom;
-}

package/src/lib/components/video-player/video-player.component.ts

@@ -1,148 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Inject,
-  Input,
-  OnInit,
-  Output,
-  ViewChild,
-} from '@angular/core';
-import { IVideo } from '../../models/video';
-import { DOCUMENT } from '@angular/common';
-
-@Component({
-  selector: 'app-video-player',
-  templateUrl: './video-player.component.html',
-  styleUrls: ['./video-player.component.scss'],
-})
-export class VideoPlayerComponent
-  implements OnInit, AfterViewInit {
-  @Input() currentUserId: string;
-  @Input() user: any;
-  @Input() eventId: string;
-  @Input() videoObj: IVideo;
-  @Input() isDev: boolean;
-  myFollowingList: Array<string>;
-  myPendingSentRequests: Array<string>;
-  @Input() type: string;
-  isMuted: boolean = true;
-  private observer: IntersectionObserver;
-  isFullscreen: boolean = false;
-  @ViewChild('video') video: any;
-  @ViewChild('fullscreenvideo') fullscreenvideo: any;
-  isFullscreenvideoPlaying: boolean = false;
-
-  @Output() connectWithUser = new EventEmitter<string>();
-  @Output() scheduleMeeting = new EventEmitter<any>();
-
-  constructor(
-    @Inject(DOCUMENT) private doc: any,
-    private el: ElementRef,
-    private cdr: ChangeDetectorRef
-  ) {
-  }
-
-  ngOnInit(): void {
-  }
-
-  toggleSound(isMuted = null) {
-    this.isMuted = isMuted != null ? isMuted : !this.isMuted;
-    setTimeout(() => {
-      const video: any = this.doc
-        .getElementById(this.video.id.toString());
-      if (video) {
-        video.muted = this.isMuted;
-        this.video.isMuted = this.isMuted;
-      }
-
-      this.cdr.markForCheck();
-    //this.muteToggle.emit(this.isMuted);
-      })
-}
-
-  togglePlay(playState: boolean, videoEl) {
-    this.videoObj.isPlaying = !this.videoObj.isPlaying;
-    setTimeout(() => {     
-      if (playState) {     
-        this.videoObj.isPlaying =  true;
-        videoEl.play();
-        var pauseBtn = document.getElementById('pause-btn');
-        pauseBtn.classList.add('hide-pause-btn');
-
-        this.toggleSound(false);
-      }
-      else{
-        this.videoObj.isPlaying =  false;
-        videoEl.pause();
-      }
-      this.cdr.markForCheck();
-      })
-  }
-  
-  ngAfterViewInit() {
-    if (window.innerWidth <= 576) {
-      this.observer = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting === true) {
-            this.video.nativeElement.play();
-          } else {
-            this.video.nativeElement.pause();
-          }
-        },
-        {
-          threshold: 0.75,
-        }
-      );
-
-      this.observer.observe(this.el.nativeElement as HTMLElement);
-    }
-  }
-
-  toggleFullscreen() {
-    this.isFullscreen = !this.isFullscreen;
-    if (!this.isFullscreen) {
-      this.fullscreenvideo.nativeElement.pause();
-    }
-  }
-
-  toggleFullscreenPlay() {
-    this.isFullscreenvideoPlaying = !this.isFullscreenvideoPlaying;
-
-    if (this.isFullscreenvideoPlaying) {
-      this.fullscreenvideo.nativeElement.play();
-    } else {
-      this.fullscreenvideo.nativeElement.pause();
-    }
-  }
-
-  followUser(userId) {
-    this.connectWithUser.emit(userId);
-  }
-
-  checkPendingSentRequest(userId) {
-    return this.myPendingSentRequests?.find(a => a == userId);
-  }
-
-  canUnfollowUser() {
-    return false;
-  }
-
-  canFollowUser() {
-    return true;
-  }
-
-  getIniNames(firstName, lastName) {
-    if(!firstName && !lastName) {
-      return '';
-    }
-    
-    if (firstName && lastName)
-      return (
-        firstName.charAt(0).toUpperCase() + lastName.charAt(0).toUpperCase()
-      );
-    else return firstName.charAt(0).toUpperCase();
-  }
-}

package/src/lib/hivegpt.module.ts

@@ -1,18 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatIconModule } from '@angular/material/icon';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { ChatDrawerComponent } from './components/chat-drawer/chat-drawer.component';
-import { ChatBotComponent } from './components/chatbot/chatbot.component';
-import { SafeHtmlPipe } from './pipes/safe-html.pipe';
-import { VideoPlayerComponent } from './components/video-player/video-player.component';
-import { QuillModule } from 'ngx-quill';
-import { BotHtmlEditorComponent } from './components/bot-html-editor/bot-html-editor.component';
-
-@NgModule({
-  declarations: [ChatBotComponent, ChatDrawerComponent, VideoPlayerComponent, SafeHtmlPipe, BotHtmlEditorComponent],
-  imports: [CommonModule, MatIconModule, MatSidenavModule, FormsModule, QuillModule],
-  exports: [ChatBotComponent, ChatDrawerComponent, VideoPlayerComponent]
-})
-export class HiveGptModule { }

package/src/lib/models/video.ts

@@ -1,36 +0,0 @@
-export interface IVideo {
-  id: string;
-  title: string;
-  url: string;
-  thumbnail: string;
-  isPlaying: boolean;
-  userId: string;
-  eventId: string;
-  aoiIds: string[];
-  insertTimeStamp: string;
-  isDeleted: boolean;
-  appropriate: Appropriate[];
-  isIntroVideo: boolean;
-  videoRating: VideoRating[];
-  likes: VideoLike[];
-  vttUrl: string;
-  processedUrls: string;
-  duration: string;
-}
-
-interface VideoRating {
-  userId: string;
-  rateValue: string;
-  insertTimeStamp: string;
-}
-
-interface VideoLike {
-  userId: string;
-  isLiked: boolean;
-  insertTimeStamp: string;
-}
-
-interface Appropriate {
-  userId: string;
-  insertTimeStamp: string;
-}

package/src/lib/pipes/safe-html.pipe.ts

@@ -1,16 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-
-@Pipe({
-  name: 'safeHtml',
-})
-export class SafeHtmlPipe implements PipeTransform {
-
-  constructor(private sanitizer: DomSanitizer) {
-  }
-
-  transform(html): unknown {
-    return html ? this.sanitizer.bypassSecurityTrustHtml(html) : '';
-  }
-
-}

package/src/lib/utils/utils.ts

@@ -1,37 +0,0 @@
-const formatHoursAndMinutes = (date: Date) => {
-  let hours = date.getHours() % 12;
-  const minutes = date.getMinutes();
-  const amPm = date.getHours() < 12 ? 'AM' : 'PM';
-  if(hours === 0) hours = 12;
-
-  const formattedHours = hours < 10 ? `0${hours}` : hours;
-  const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;
-
-  return `${formattedHours}:${formattedMinutes} ${amPm}`;
-};
-
-export const formatNow = (timezone?: string) => {
-  const now = new Date();
-  if (timezone) {
-    const options: any = {
-      hour12: true,
-      hour: 'numeric',
-      minute: 'numeric',
-      timeZone: timezone,
-    };
-    return now.toLocaleString('en-US', options);
-  }
-  return formatHoursAndMinutes(now);
-};
-
-export const formatTimeStamps = (timezone: string, timestamps: any) => {
-  const date = new Date(timestamps + 'Z');
-
-  const options: any = {
-    hour12: true,
-    hour: 'numeric',
-    minute: 'numeric',
-    timeZone: timezone,
-  };
-  return date.toLocaleString('en-US', options);
-};

package/tsconfig.lib.json

@@ -1,25 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../out-tsc/lib",
-    "target": "es2015",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "enableIvy": false
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/tslint.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../../tslint.json",
-  "rules": {
-    "directive-selector": [
-      true,
-      "attribute",
-      "lib",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "lib",
-      "kebab-case"
-    ]
-  }
-}