mirror of https://github.com/Ombi-app/Ombi
feat: Angular 15 and Dependency upgrades (#4818)
parent
1e0b355731
commit
4816acf6f9
@ -0,0 +1 @@
|
||||
nodeLinker: node-modules
|
@ -1,3 +0,0 @@
|
||||
<div class="small-middle-container" *ngIf="entries">
|
||||
<p-fullCalendar [events]="entries" [options]="options"></p-fullCalendar>
|
||||
</div>
|
@ -1,87 +0,0 @@
|
||||
@import "~styles/variables.scss";
|
||||
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
//Kinda restyled the entire calendar
|
||||
::ng-deep .dark .fc th {
|
||||
background-color:#545454 !important;
|
||||
color: #FFF;
|
||||
border: 1px solid #303030;
|
||||
}
|
||||
|
||||
::ng-deep .dark .fc td.ui-widget-content{
|
||||
background-color:#424242 !important;
|
||||
color: #FFF;
|
||||
border: 1px solid #303030;
|
||||
}
|
||||
|
||||
::ng-deep .dark .fc td.fc-head-container {
|
||||
border: 1px solid #303030;
|
||||
}
|
||||
|
||||
::ng-deep .dark fc-day-grid-event fc-h-event fc-event fc-start fc-end{
|
||||
background:$accent-dark !important;
|
||||
}
|
||||
|
||||
::ng-deep .ui-button {
|
||||
margin-top:10px !important;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
padding: 8px;
|
||||
border: 1px solid rgb(221, 221, 221) !important;
|
||||
display: inline-block;
|
||||
transition: all 0.4s ease 0s;
|
||||
background-color: $accent !important;
|
||||
}
|
||||
|
||||
::ng-deep .dark .ui-button {
|
||||
background-color: $accent-dark !important;
|
||||
border: 1px solid #494949 !important;
|
||||
color: #494949 !important;
|
||||
}
|
||||
|
||||
::ng-deep .dark .ui-button:enabled:hover {
|
||||
color: #303030 !important;
|
||||
background: $accent-dark !important;
|
||||
border-color: $accent-dark !important;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
::ng-deep .input-group-addon{
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
::ng-deep .fc .fc-event{
|
||||
background: $accent !important;
|
||||
color:#FFF !important;
|
||||
font-size:0.9em;
|
||||
font-weight:400;
|
||||
border: 0px solid !important;
|
||||
}
|
||||
|
||||
::ng-deep .dark .fc .fc-event{
|
||||
background:$accent-dark !important;
|
||||
color:#303030 !important;
|
||||
font-size:0.9em;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
::ng-deep .fc-header-toolbar{
|
||||
display:block;
|
||||
}
|
||||
|
||||
::ng-deep .fc-left{
|
||||
float:left;
|
||||
}
|
||||
|
||||
::ng-deep .fc-right{
|
||||
float:right;
|
||||
}
|
||||
|
||||
::ng-deep .fc-center{
|
||||
margin-left:44%;
|
||||
padding-top: 10px;
|
||||
}
|
@ -1,48 +0,0 @@
|
||||
import { Component, OnInit } from "@angular/core";
|
||||
|
||||
import { CalendarService } from "../../services/calendar.service";
|
||||
import { ICalendarModel } from "../../interfaces/ICalendar";
|
||||
|
||||
import dayGridPlugin from '@fullcalendar/daygrid';
|
||||
import interactionPlugin from '@fullcalendar/interaction';
|
||||
|
||||
@Component({
|
||||
templateUrl: "./calendar.component.html",
|
||||
styleUrls: ["./calendar.component.scss"],
|
||||
})
|
||||
export class CalendarComponent implements OnInit {
|
||||
|
||||
public loadingFlag: boolean;
|
||||
events: any[];
|
||||
options: any;
|
||||
entries: ICalendarModel[];
|
||||
|
||||
constructor(private calendarService: CalendarService) { }
|
||||
|
||||
public async ngOnInit() {
|
||||
this.loading()
|
||||
this.options = {
|
||||
plugins: [dayGridPlugin, interactionPlugin],
|
||||
defaultDate: new Date(),
|
||||
header: {
|
||||
left: 'prev,next',
|
||||
center: 'title',
|
||||
right: 'agendaWeek,month'
|
||||
},
|
||||
eventClick: (e: any) => {
|
||||
e.preventDefault();
|
||||
}
|
||||
};
|
||||
|
||||
this.entries = await this.calendarService.getCalendarEntries();
|
||||
this.finishLoading();
|
||||
}
|
||||
|
||||
private loading() {
|
||||
this.loadingFlag = true;
|
||||
}
|
||||
|
||||
private finishLoading() {
|
||||
this.loadingFlag = false;
|
||||
}
|
||||
}
|
@ -1,5 +0,0 @@
|
||||
import { CalendarComponent } from "./calendar.component";
|
||||
|
||||
export const components: any[] = [
|
||||
CalendarComponent,
|
||||
];
|
@ -1,4 +1,4 @@
|
||||
@import "~styles/variables.scss";
|
||||
@import "./styles/variables.scss";
|
||||
|
||||
.top-spacing {
|
||||
margin-top:2%;
|
||||
|
@ -1,32 +1,33 @@
|
||||
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||
{
|
||||
"compileOnSave": false,
|
||||
"compilerOptions": {
|
||||
"baseUrl": "./",
|
||||
"module": "esnext",
|
||||
"outDir": "./dist/out-tsc",
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"strict": true,
|
||||
"noImplicitOverride": true,
|
||||
"noPropertyAccessFromIndexSignature": true,
|
||||
"noImplicitReturns": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"sourceMap": true,
|
||||
"declaration": false,
|
||||
"moduleResolution": "node",
|
||||
"emitDecoratorMetadata": true,
|
||||
"downlevelIteration": true,
|
||||
"experimentalDecorators": true,
|
||||
"target": "es2020",
|
||||
"types": ["node"],
|
||||
"resolveJsonModule":true,
|
||||
"allowSyntheticDefaultImports":true,
|
||||
"typeRoots": [
|
||||
"node_modules/@types"
|
||||
],
|
||||
"moduleResolution": "node",
|
||||
"importHelpers": true,
|
||||
"useDefineForClassFields": false,
|
||||
"target": "ES2022",
|
||||
"module": "ES2022",
|
||||
"lib": [
|
||||
"es2017",
|
||||
"ES2022",
|
||||
"dom"
|
||||
]
|
||||
},
|
||||
"angularCompilerOptions": {
|
||||
"enableI18nLegacyMessageIdFormat": false,
|
||||
"strictInjectionParameters": true,
|
||||
"strictInputAccessModifiers": true,
|
||||
"strictTemplates": true
|
||||
}
|
||||
,
|
||||
"files": [
|
||||
"main.ts",
|
||||
"polyfills.ts"
|
||||
],
|
||||
"include": [
|
||||
"src/**/*.d.ts"
|
||||
]
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -0,0 +1 @@
|
||||
nodeLinker: node-modules
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue