mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
2 years ago
committed by
GitHub
GitHub
16 changed files with 456 additions and 100 deletions
@ -0,0 +1,20 @@ |
|||
import { NgModule } from '@angular/core'; |
|||
import { RouterModule, Routes } from '@angular/router'; |
|||
import { AuthGuard } from '@ghostfolio/client/core/auth.guard'; |
|||
|
|||
import { OpenSourceSoftwareFriendsPageComponent } from './oss-friends-page.component'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
canActivate: [AuthGuard], |
|||
component: OpenSourceSoftwareFriendsPageComponent, |
|||
path: '', |
|||
title: 'OSS Friends' |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
exports: [RouterModule], |
|||
imports: [RouterModule.forChild(routes)] |
|||
}) |
|||
export class OpenSourceSoftwareFriendsPageRoutingModule {} |
|||
@ -0,0 +1,145 @@ |
|||
import { Component, OnDestroy } from '@angular/core'; |
|||
import { Subject } from 'rxjs'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
selector: 'gf-oss-friends-page', |
|||
styleUrls: ['./oss-friends-page.scss'], |
|||
templateUrl: './oss-friends-page.html' |
|||
}) |
|||
export class OpenSourceSoftwareFriendsPageComponent implements OnDestroy { |
|||
public ossFriends = [ |
|||
{ |
|||
description: 'Build build custom software on top of your data.', |
|||
name: 'Appsmith', |
|||
url: 'https://www.appsmith.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'BoxyHQ’s suite of APIs for security and privacy helps engineering teams build and ship compliant cloud applications faster.', |
|||
name: 'BoxyHQ', |
|||
url: 'https://boxyhq.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'Cal.com is a scheduling tool that helps you schedule meetings without the back-and-forth emails.', |
|||
name: 'Cal.com', |
|||
url: 'https://cal.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'Centralize community, product, and customer data to understand which companies are engaging with your open source project.', |
|||
name: 'Crowd.dev', |
|||
url: 'https://www.crowd.dev' |
|||
}, |
|||
{ |
|||
description: |
|||
'The Open-Source DocuSign Alternative. We aim to earn your trust by enabling you to self-host the platform and examine its inner workings.', |
|||
name: 'Documenso', |
|||
url: 'https://documenso.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'The Open-Source HubSpot Alternative. A single XOS enables to create unique and life-changing experiences that work for all types of business.', |
|||
name: 'Erxes', |
|||
url: 'https://erxes.io' |
|||
}, |
|||
{ |
|||
description: |
|||
'Survey granular user segments at any point in the user journey. Gather up to 6x more insights with targeted micro-surveys. All open-source.', |
|||
name: 'Formbricks', |
|||
url: 'https://formbricks.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'GitWonk is an open-source technical documentation tool, designed and built focusing on the developer experience.', |
|||
name: 'GitWonk', |
|||
url: 'https://gitwonk.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'Open-source authentication and user management for the passkey era. Integrated in minutes, for web and mobile apps.', |
|||
name: 'Hanko', |
|||
url: 'https://www.hanko.io' |
|||
}, |
|||
{ |
|||
description: |
|||
'HTMX is a dependency-free JavaScript library that allows you to access AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML.', |
|||
name: 'HTMX', |
|||
url: 'https://htmx.org' |
|||
}, |
|||
{ |
|||
description: |
|||
'Open source, end-to-end encrypted platform that lets you securely manage secrets and configs across your team, devices, and infrastructure.', |
|||
name: 'Infisical', |
|||
url: 'https://infisical.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'Mockoon is the easiest and quickest way to design and run mock REST APIs.', |
|||
name: 'Mockoon', |
|||
url: 'https://mockoon.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'The open-source notification infrastructure for developers. Simple components and APIs for managing all communication channels in one place.', |
|||
name: 'Novu', |
|||
url: 'https://novu.co' |
|||
}, |
|||
{ |
|||
description: |
|||
'Democratizing investment research through an open source financial ecosystem. The OpenBB Terminal allows everyone to perform investment research, from everywhere.', |
|||
name: 'OpenBB', |
|||
url: 'https://openbb.co' |
|||
}, |
|||
{ |
|||
description: |
|||
'Sniffnet is a network monitoring tool to help you easily keep track of your Internet traffic.', |
|||
name: 'Sniffnet', |
|||
url: 'https://www.sniffnet.net' |
|||
}, |
|||
{ |
|||
description: 'Software localization from A to Z made really easy.', |
|||
name: 'Tolgee', |
|||
url: 'https://tolgee.io' |
|||
}, |
|||
{ |
|||
description: |
|||
'Create long-running Jobs directly in your codebase with features like API integrations, webhooks, scheduling and delays.', |
|||
name: 'Trigger.dev', |
|||
url: 'https://trigger.dev' |
|||
}, |
|||
{ |
|||
description: |
|||
'Typebot gives you powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.', |
|||
name: 'Typebot', |
|||
url: 'https://typebot.io' |
|||
}, |
|||
{ |
|||
description: |
|||
'A modern CRM offering the flexibility of open-source, advanced features and sleek design.', |
|||
name: 'Twenty', |
|||
url: 'https://twenty.com' |
|||
}, |
|||
{ |
|||
description: |
|||
'Open-source enterprise-grade serverless CMS. Own your data. Scale effortlessly. Customize everything.', |
|||
name: 'Webiny', |
|||
url: 'https://www.webiny.com' |
|||
}, |
|||
{ |
|||
description: 'Webstudio is an open source alternative to Webflow', |
|||
name: 'Webstudio', |
|||
url: 'https://webstudio.is' |
|||
} |
|||
]; |
|||
|
|||
private unsubscribeSubject = new Subject<void>(); |
|||
|
|||
public constructor() {} |
|||
|
|||
public ngOnDestroy() { |
|||
this.unsubscribeSubject.next(); |
|||
this.unsubscribeSubject.complete(); |
|||
} |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
<div class="container"> |
|||
<div class="mb-5 row"> |
|||
<div class="col"> |
|||
<h3 class="d-none d-sm-block mb-3 text-center"> |
|||
<ng-container i18n>Our</ng-container> OSS Friends |
|||
</h3> |
|||
<div class="row"> |
|||
<div |
|||
*ngFor="let ossFriend of ossFriends" |
|||
class="col-xs-12 col-md-4 mb-3" |
|||
> |
|||
<mat-card appearance="outlined" class="d-flex flex-column h-100"> |
|||
<mat-card-header> |
|||
<mat-card-title class="h4" |
|||
><a target="_blank" [href]="ossFriend.url" |
|||
>{{ ossFriend.name }}</a |
|||
></mat-card-title |
|||
> |
|||
</mat-card-header> |
|||
<mat-card-content class="flex-grow-1"> |
|||
<p>{{ ossFriend.description }}</p> |
|||
</mat-card-content> |
|||
<mat-card-actions class="justify-content-end"> |
|||
<a mat-button target="_blank" [href]="ossFriend.url"> |
|||
<span |
|||
><ng-container i18n>Visit</ng-container> {{ ossFriend.name |
|||
}}</span |
|||
><ion-icon class="ml-1" name="arrow-forward-outline"></ion-icon> |
|||
</a> |
|||
</mat-card-actions> |
|||
</mat-card> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,19 @@ |
|||
import { CommonModule } from '@angular/common'; |
|||
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; |
|||
|
|||
import { OpenSourceSoftwareFriendsPageRoutingModule } from './oss-friends-page-routing.module'; |
|||
import { OpenSourceSoftwareFriendsPageComponent } from './oss-friends-page.component'; |
|||
import { MatCardModule } from '@angular/material/card'; |
|||
import { MatButtonModule } from '@angular/material/button'; |
|||
|
|||
@NgModule({ |
|||
declarations: [OpenSourceSoftwareFriendsPageComponent], |
|||
imports: [ |
|||
CommonModule, |
|||
MatButtonModule, |
|||
MatCardModule, |
|||
OpenSourceSoftwareFriendsPageRoutingModule |
|||
], |
|||
schemas: [CUSTOM_ELEMENTS_SCHEMA] |
|||
}) |
|||
export class OpenSourceSoftwareFriendsPageModule {} |
|||
@ -0,0 +1,3 @@ |
|||
:host { |
|||
display: block; |
|||
} |
|||
Loading…
Reference in new issue