import {ReactiveFormsModule, FormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {MaterialModule} from '../material-module';
-import {InformationModalComponent} from '../modals/information-modal/information-modal.component';
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
import {MatTooltipModule} from '@angular/material/tooltip';
import {MatExpansionModule} from '@angular/material/expansion';
declarations: [
PagesComponent,
SearchComponent,
- InformationModalComponent,
ConfirmationModalComponent,
SelfComponent,
SuccessModalComponent,
jqxChartModule,
RdpModule
],
- entryComponents: [DialogOverviewExampleDialog, InformationModalComponent, SuccessModalComponent, ErrorModalComponent, SelfComponent, ConfirmationModalComponent],
+ entryComponents: [DialogOverviewExampleDialog, SuccessModalComponent, ErrorModalComponent, SelfComponent, ConfirmationModalComponent],
exports: [
],
providers: []
import {RolesComponent} from './roles/roles.component';
import {NewRoleComponent} from './roles/new-role/new-role.component'
import { UserService } from '../shared/services/user/user.service';
+import { InformationModalComponent } from '../modals/information-modal/information-modal.component';
@NgModule({
- declarations: [AdminComponent, CacheAdminComponent, RoleFunctionsComponent, RolesComponent, NewRoleComponent],
+ declarations: [AdminComponent, CacheAdminComponent, RoleFunctionsComponent, RolesComponent, NewRoleComponent, InformationModalComponent],
imports: [
CommonModule,
MenusModule,
MatPaginatorModule,
MatInputModule
],
- entryComponents: [NewRoleComponent],
+ entryComponents: [NewRoleComponent, InformationModalComponent],
exports: [
],
providers: [UserService]
}
.footer {
- position: fixed;
+ position: relative;
bottom: 0;
- // background-color: $topnav-background-color;
width: 100%;
- // height: 7.5em;
z-index: 1002;
- // bottom: 0px;
- // right: 0px;
- // width: 84%;
- margin-bottom: -.5rem;
+ //margin-bottom: -0.5rem;
+ margin-top: calc(100vh - 250px);
}
.footer-logo {
<div class="sidebar" [ngClass]="{'siderbar-height': showHeader, 'siderbar-height-noHeader': !showHeader}" >
- <div class="sidebar-list" [ngClass]="{collapsed: collapsed}">
+ <div class="sidebar-list" [ngClass]="{collapsed: collapsed, 'remove-header-margin': showHeader == false}">
<nav [ngClass]="{sidebarPushRight: isActive, collapsed: collapsed}">
</div>
</nav>
</div>
- <div class="toggle-button" [ngClass]="{collapsed: collapsed}" (click)="toggleCollapsed()">
+ <div class="toggle-button" [ngClass]="{collapsed: collapsed, 'toggle-button-no-header': showHeader == false }" (click)="toggleCollapsed()">
<!-- <i class="fa fa-angle-double-{{collapsed?'right':'left'}}"></i> -->
<i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i>
<i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i>
left: 235px;
width: 235px;
//height: 100%;
- height: 76%;
+ height: 84%;
margin-left: -235px;
//margin-bottom: 48px;
margin-bottom: 0px;
}
}
}
+
+ .remove-header-margin{
+ top: 4.2em;
+ }
.nested-menu {
.list-group-item {
}
.toggle-button {
position: fixed;
- width: 236px;
+ width: 235px;
cursor: pointer;
padding: 12px;
// bottom: 5.5em;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
+
+ .toggle-button-no-header{
+ top: 8px;
+ }
.collapsed {
width: 60px;
</section>
</div>
-<section class="main-container" [ngClass]="{collapsed: collapedSideBar}">
+<section class="main-container" [ngClass]="{'collapsed': collapedSideBar , 'remove-header': showHeader == false }">
<app-sidebar (collapsedEvent)="receiveCollapsed($event)"></app-sidebar>
<router-outlet></router-outlet>
position: relative;
overflow: hidden;
}
+
+.remove-header{
+ margin-top: -9px;
+}
+
.collapsed {
margin-left: 60px;
}
deleteReport(reportId : string) : Observable<any>
{
- return this._http.get(environment.baseUrl + "/raptor.htm?action=report.delete&c_master=" + reportId);
+ return this._http.get(environment.baseUrl + "raptor.htm?action=report.delete&c_master=" + reportId);
}
getAllReports():Observable<any>{
return this._http.get(environment.baseUrl + "raptor.htm?action=report.search.execute&r_page=0&show_all=true");