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 {
|
.top-spacing {
|
||||||
margin-top:2%;
|
margin-top:2%;
|
||||||
|
@ -1,32 +1,33 @@
|
|||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
{
|
{
|
||||||
"compileOnSave": false,
|
"compileOnSave": false,
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"baseUrl": "./",
|
"baseUrl": "./",
|
||||||
"module": "esnext",
|
|
||||||
"outDir": "./dist/out-tsc",
|
"outDir": "./dist/out-tsc",
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"strict": true,
|
||||||
|
"noImplicitOverride": true,
|
||||||
|
"noPropertyAccessFromIndexSignature": true,
|
||||||
|
"noImplicitReturns": true,
|
||||||
|
"noFallthroughCasesInSwitch": true,
|
||||||
"sourceMap": true,
|
"sourceMap": true,
|
||||||
"declaration": false,
|
"declaration": false,
|
||||||
"moduleResolution": "node",
|
"downlevelIteration": true,
|
||||||
"emitDecoratorMetadata": true,
|
|
||||||
"experimentalDecorators": true,
|
"experimentalDecorators": true,
|
||||||
"target": "es2020",
|
"moduleResolution": "node",
|
||||||
"types": ["node"],
|
"importHelpers": true,
|
||||||
"resolveJsonModule":true,
|
"useDefineForClassFields": false,
|
||||||
"allowSyntheticDefaultImports":true,
|
"target": "ES2022",
|
||||||
"typeRoots": [
|
"module": "ES2022",
|
||||||
"node_modules/@types"
|
|
||||||
],
|
|
||||||
"lib": [
|
"lib": [
|
||||||
"es2017",
|
"ES2022",
|
||||||
"dom"
|
"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