azaharafernandezguizan

import { NgModule } from '@angular/core';
import { Routes, RouterModule  } from '@angular/router';



const routes: Routes = [  
  {
    path: 'login',
    loadChildren: './pages/login/login.module#LoginModule'    
  },  

azaharafernandezguizan

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ApiService } from './_services/api.service';
import { CommonsService } from './_services/commons.service';
import { ErrorsService} from './_services/errors.service';
import { RoomService } from './_services/room.service';


@NgModule({
  imports: [

azaharafernandezguizan

import { Injectable } from '@angular/core';
import { HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';
import { ApiService } from './api.service';
import { RoomDataModel, RoomDetail } from '../_models/rooms.model';



@Injectable()
export class RoomService {

azaharafernandezguizan

import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { CommonsService } from '../../_services/commons.service';
import { ErrorsService } from '../../_services/errors.service';
import { RoomService } from 'src/app/_services/room.service';
import { RoomDetail } from 'src/app/_models/rooms.model';


@Component({
  selector: 'app-magical-lessons',

azaharafernandezguizan

import { Component, OnInit } from '@angular/core';
import { CommonsService } from '../../_services/commons.service';
import { ErrorsService } from '../../_services/errors.service';
import { RoomService } from 'src/app/_services/room.service';
import { RoomDataModel } from 'src/app/_models/rooms.model';

@Component({
  selector: 'app-magicalLessons-list',
  templateUrl: './magical.lessons.list.component.html',
  styleUrls: ['./magical.lessons.list.component.css']

azaharafernandezguizan

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './pages/home/home.component';
import { MagicalLessonsListComponent } from './pages/magicalLessons/magical.lessons.list.component';
import { MagicalLessonsComponent } from './pages/magicalLessons/magical.lessons.component';


const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'lessons', component: MagicalLessonsListComponent },

azaharafernandezguizan

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing-module';
import { HomeComponent } from './pages/home/home.component';
import { AuthComponent } from './components/auth/auth.component';
import { ConfirmationComponent } from './components/confirmation/confirmation.component';
import { FooterComponent } from './components/footer/footer.component';
import { HeaderComponent } from './components/header/header.component';
import { CommonModule } from '@angular/common';
import { HttpClientModule, HttpClient } from '@angular/common/http';

azaharafernandezguizan

<div class="dragulaTableNotWorkingFine">
    <ul class="tableHeader">
        <li class="hiddenCell">
            {{'beast.id' | translate}}
        </li>
        <li>
            {{'beast.name' | translate}}
        </li>
        <li>
            {{'beast.description' |translate}}

azaharafernandezguizan

<div class="dragulaTableWorkingFine">
    <ul>
        <li class="tableHeader">
            <div class="hiddenCell">
                {{'beast.id' | translate}}
            </li>
            <li>
                {{'beast.name' | translate}}
            </li>
            <li>

azaharafernandezguizan

onDrop(args): void {
    this.dragulaService.find('fantasticBeastsTable').drake.cancel(true);

    const [labelDragula, el, target, source, sibling] = args;
    let movedItemId = Number(el.children[1].innerText.trim());
    let movedItem = this.fantasticBeastsList.filter(x=>x.id== movedItemId)[0];
    
    let belowItemId= Number(sibling.children[1].innerText.trim());
    let belowItem = this.fantasticBeastsList.filter(x=>x.id== belowItemId)[0];