Frontend Project for Open-source Multi & Hybrid Cloud Management Platform

Cloudforet

Last update: Dec 29, 2022

Overview

Cloudforet Console

Front-end Project for Cloudforet. Components made with Vue2 Composition API.

How to Use

Run dev server

npm install

npm run serve

Chart License

The console internally uses amCharts for all charts.
Before using the console, look carefully at amCharts' license.
If you want to purchase the amCharts license that suits you and use it on your console, follow the instructions below.

Add your license key to `public/config/default.json`

{
 "AMCHARTS_LICENSE": {
  "CHARTS": "",
  "MAPS": "",
  "TIMELINE": ""
 }
}

🧩 Mirinae - Cloudforet Design System

Mirinae storybook

👨‍👩‍👧 Author

See our OWNERS file.

📝 License

This project is Apache 2.0 licensed.

Comments

fix(cost-explorer): change filters' type from `object` to `object[]`
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

작업 분류

[ ] 신규 기능

[ ] 버그 수정

[ ] 기능 개선

[x] 리팩토링 및 구조 변경

[ ] 기타 (문서, CI/CD 워크플로 변경 등)

체크리스트

[x] Error / Warning / Lint / Type

작업 내용

cost-explorer > cost-analysis 스토어에서 filters의 타입을 object에서 object[]로 바꾸었습니다.

바꾸게 된 이유 기존에 저장되던 데이터는 이렇습니다.

{ region_code: ['ap-north-02', 'ap-south-01'], provider: ['aws', 'google_cloud'], }

그러나 tags와 additional_info 등, key:value 타입의 데이터가 들어오게 되면서, 다음과 같이 바꾸게 되었습니다.

[ { category: 'region_code', resourceName: 'ap-north-02', value: 'ap-north-02' }, { category: 'region_code', resourceName: 'ap-south-01', value: 'ap-south-01' }, // tags의 경우 { category: 'tags', resourceName: 'tags.team', key: 'team', value: 'spaceOne' }, ]

생각해볼 점

object[]가 그대로 url에 들어가게 되는데 너무 데이터가 커서 좀 걱정입니다;; url로 보낼 땐 데이터를 다시 이렇게 컨버팅할까 생각중이에요.

{ region_code: ['ap-north-02', 'ap-south-01'], provider: ['aws', 'google_cloud'], 'tags.team': ['spaceOne'], }
opened by yuda110 3
feat(widget-frame): create widgetFrame (only markup)
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

작업 분류

[x] 신규 기능

[ ] 버그 수정

[ ] 기능 개선

[ ] 리팩토링 및 구조 변경

[ ] 기타 (문서, CI/CD 워크플로 변경 등)

체크리스트

[x] Error / Warning / Lint / Type

작업 내용

Widget Frame의 마크업위주의 작업입니다.

디자인 시스템의 PCard를 사용하지 않고 직접 작성하였습니다.

header: header right 슬롯이 존재합니다. 아직 디자인 작업 진행중이라 슬롯이 아닌 selectButton(ds 없는 기능으로 추가되어야 함)으로 대체될 수 있습니다.

body: 위젯의 차트와 테이블이 추가 될 default슬롯입니다.

footer: 위젯의 필터입니다.

오늘 회의하시는거 조금 들었는데, 아마 goupby같은 필터가 추가될 수 있다고 합니다.

date는 type이 range로 되어있습니다. (혹시 다른 타입 커스텀이 필요하다면 props를 뚫겠습니다)

footer-right 슬롯이 존재합니다.

생각해볼 문제
opened by sulmoJ 2
chore(language): update ko/jp languages
KO/JP

To Reviewers

[ ] Skip (style, chore ONLY)

[x] Not that difficult

작업 분류

[ ] 신규 기능

[ ] 버그 수정

[ ] 기능 개선

[ ] 리팩토링 및 구조 변경

[x] 기타 (문서, CI/CD 워크플로 변경 등)

체크리스트

[ ] Error / Warning / Lint / Type

작업 내용

KO/JP Updated

생각해볼 문제
opened by jbokyung2 2
feat(variable-selector): apply context-menu-controller & bind customize page
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

Type of Change

[x] New feature

[ ] Bug fixes

[x] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[ ] Error / Warning / Lint / Type

Description

SSIA

Delete button has been added.

Since data received as props and type actually used are different, it goes through a complicated two-way conversion process in onMounted, watch.

MenuItem is a temporary code that will soon be deleted.

https://user-images.githubusercontent.com/83635051/209894836-3afb2a17-df90-4c52-8402-5cf55eef1d24.mov
opened by piggggggggy 1
feat(pinia): add pinia libray and use it
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

Type of Change

[x] New feature

[ ] Bug fixes

[x] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[x] Error / Warning / Lint / Type

Description

🍍Pinia🍍 is comming to console!

⚠️ Pinia store is automatically removed when components unmounted. (doc)

Things to Talk About

Pinia supports both Composition API and Options API. I don't know which is better yet.😅
opened by yuda110 1
build(deps): bump jsonwebtoken from 8.5.1 to 9.0.0
Bumps jsonwebtoken from 8.5.1 to 9.0.0.

Changelog

Sourced from jsonwebtoken's changelog.

9.0.0 - 2022-12-21

Breaking changes: See Migration from v8 to v9

Breaking changes

Removed support for Node versions 11 and below.

The verify() function no longer accepts unsigned tokens by default. ([834503079514b72264fd13023a3b8d648afd6a16]https://github.com/auth0/node-jsonwebtoken/commit/834503079514b72264fd13023a3b8d648afd6a16)

RSA key size must be 2048 bits or greater. ([ecdf6cc6073ea13a7e71df5fad043550f08d0fa6]https://github.com/auth0/node-jsonwebtoken/commit/ecdf6cc6073ea13a7e71df5fad043550f08d0fa6)

Key types must be valid for the signing / verification algorithm

Security fixes

security: fixes Arbitrary File Write via verify function - CVE-2022-23529

security: fixes Insecure default algorithm in jwt.verify() could lead to signature validation bypass - CVE-2022-23540

security: fixes Insecure implementation of key retrieval function could lead to Forgeable Public/Private Tokens from RSA to HMAC - CVE-2022-23541

security: fixes Unrestricted key type could lead to legacy keys usage - CVE-2022-23539

Commits

e1fa9dc Merge pull request from GHSA-8cf7-32gw-wr33

5eaedbf chore(ci): remove github test actions job (#861)

cd4163e chore(ci): configure Github Actions jobs for Tests & Security Scanning (#856)

ecdf6cc fix!: Prevent accidental use of insecure key sizes & misconfiguration of secr...

8345030 fix(sign&verify)!: Remove default none support from sign and verify met...

7e6a86b Upload OpsLevel YAML (#849)

74d5719 docs: update references vercel/ms references (#770)

d71e383 docs: document "invalid token" error

3765003 docs: fix spelling in README.md: Peak -> Peek (#754)

a46097e docs: make decode impossible to discover before verify

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by julien.wollscheid, a new releaser for jsonwebtoken since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
fix(widget-add-modal): add preview image of widgets
To Reviewers

[ ] Skip (style, chore ONLY)

[x] Not that difficult

Type of Change

[ ] New feature

[ ] Bug fixes

[x] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[x] Error / Warning / Lint / Type

Description

Things to Talk About

I use !important in css to fix style bug
opened by yuda110 1
fix(notification): check pending state of `checkNotification()`
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

Type of Change

[ ] New feature

[ ] Bug fixes

[x] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[x] Error / Warning / Lint / Type

Description

SSIA

Things to Talk About
opened by yuda110 1
fix(vertical-page-layout): fix overflow property for search scroll event
To Reviewers

[ ] Skip (style, chore ONLY)

[x] Not that difficult

Type of Change

[ ] New feature

[x] Bug fixes

[ ] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[ ] Error / Warning / Lint / Type

Description

'scroll event(for hide contextMenu)' did not work intermittently on components using the existing useFixedMenu. Even if the scroll event is bound in the VerticalPageLayout of each existing PageContainer, it does not work, so I modified it.

Things to Talk About
opened by sulmoJ 1
refactor(dashboard): rename config constants & directory
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

Type of Change

[ ] New feature

[ ] Bug fixes

[ ] Feature improvement

[x] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[ ] Error / Warning / Lint / Type

Description

Rename config constants

'ENTIRE' -> 'DOMAIN' / 'SINGLE' -> 'PROJECT'

Refine directory position. Because it is used commonly at dashboards

dashboard-create/config.ts -> dashboards/config.ts

dashboard-create/type.ts -> dashboards/type.ts

Things to Talk About
opened by minseolee 1
build(deps): bump d3-color, @amcharts/amcharts4 and d3-interpolate
Bumps d3-color to 3.1.0 and updates ancestor dependencies d3-color, @amcharts/amcharts4 and d3-interpolate. These dependencies need to be updated together.

Updates d3-color from 1.4.1 to 3.1.0

Release notes

Sourced from d3-color's releases.

v3.1.0

Add rgb.clamp and hsl.clamp. #102

Add color.formatHex8. #103

Fix color.formatHsl to clamp values to the expected range. #83

Fix catastrophic backtracking when parsing colors. #89 #97 #99 #100 SNYK-JS-D3COLOR-1076592

v3.0.1

Make build reproducible.

v3.0.0

Adopt type: module.

This package now requires Node.js 12 or higher. For more, please read Sindre Sorhus’s FAQ.

v2.0.0

This release adopts ES2015 language features such as for-of and drops support for older browsers, including IE. If you need to support pre-ES2015 environments, you should stick with d3-color 1.x or use a transpiler.

Commits

7a1573e 3.1.0

75c19c4 update LICENSE

ef94e01 update dependencies

5e9f757 method shorthand

e4bc34e formatHex8 (#103)

ac660c6 {rgb,hsl}.clamp() (#102)

70e3a04 clamp HSL format (#101)

994d8fd avoid backtracking (#100)

7d61bbe 3.0.1

93bc4ff related d3/d33; extract copyrights from LICENSE

Additional commits viewable in compare view

Updates @amcharts/amcharts4 from 4.10.10 to 4.10.32

Release notes

Sourced from @amcharts/amcharts4's releases.

4.10.32

[4.10.32] - 2022-12-14

Fixed

Image export was broken in some cases since 4.10.31.

4.10.31

[4.10.31] - 2022-12-13

Fixed

When exporting chart with external elements (e.g. external legend), export would leave some stray canvas elements in the DOM.

PieSeries's labels were arranged incorrectly in some cases, if maxWidth and wrap was set on the label template.

4.10.30

[4.10.30] - 2022-11-14

Changed

Upgraded xlsx package to version 0.18.5.

Fixed

Stacked series were not being displayed correctly if it was hidden during data update.

4.10.29

[4.10.29] - 2022-10-11

Changed

Panning an XYChart with a CategoryAxis using mouse wheel will snap to categories so that after the pan full axis cell at the beginning and end of the axis will be visible.

4.10.28

[4.10.28] - 2022-09-19

Added

"p" number formatting modifier added. Works the same way as "%" except it treats numbers as absolute values and does not multiply them by 100.

Changed

"%" number formatting modifier will now consider locale when choosing whether percent sign goes before or after the number. At this moment only tr_TR (Turkish) locale is placing percent sign before number.

Fixed

Pressing ENTER while PieSeries was focused would not toggle it.

SankeyLink middle line was not drawn in it was a straight line.

Legend's scrollbar was not adjusting thumb size if the div of a chart changed its height.

4.10.27

[4.10.27] - 2022-08-18

Added

Slovak locale/translation.

Changed

All D3 libraries are updated to the latest version.

... (truncated)

Commits

b181d6a Version 4.10.32

1ed95fb Version 4.10.31

584e1af Version 4.10.30

2342438 Version 4.10.29

23e9ab6 Version 4.10.28

ef399b5 Version 4.10.27

16ebf80 Version 4.10.26

7118b63 Version 4.10.25

a5c2751 Version 4.10.24

097703c Version 4.10.23

Additional commits viewable in compare view

Updates d3-interpolate from 1.4.0 to 3.0.1

Release notes

Sourced from d3-interpolate's releases.

v3.0.1

Update dependencies.

Make build reproducible.

v3.0.0

Adopt type: module.

This package now requires Node.js 12 or higher. For more, please read Sindre Sorhus’s FAQ.

v2.0.1

Add interpolateZoom.rho. (#25)

Allow d3.piecewise to default to using d3.interpolate. #90

Change d3.interpolateTransformCss to use DOMMatrix and require absolute units. #83

This release adopts ES2015 language features such as for-of and drops support for older browsers, including IE. If you need to support pre-ES2015 environments, you should stick with d3-interpolate 1.x or use a transpiler.

Commits

6562b85 3.0.1

f5f6b74 update dependencies

9569bdb related d3/d33; extract copyrights from LICENSE

38346a4 3.0.0

47f9564 Adopt type=module (#93)

e8cddfd Update README.

df0475a v2.0.1

0ef66dc Merge pull request #88 from d3/two

1d48123 v2.0.0-rc.1

2db2773 avoid CIRCULAR_DEPENDENCY warning

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
feat(monthly-cost-widget): add api binding
To Reviewers

[ ] Skip (style, chore ONLY)

[X] Not that difficult

Type of Change

[ ] New feature

[ ] Bug fixes

[X] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[X] Error / Warning / Lint / Type

Description

SSIA

Things to Talk About
opened by song2kim 0
feat: add DashboardContainerWidgetInfo that has widgetKey
To Reviewers

[ ] Skip (style, chore ONLY)

[ ] Not that difficult

Type of Change

[ ] New feature

[ ] Bug fixes

[x] Feature improvement

[ ] Refactor

[ ] Others (performance improvement, refactoring, CI/CD, etc.)

Checklist

[x] Error / Warning / Lint / Type

Description

Use DashboardContainerWidgetInfo in DashboardWidgetContainer.vue to use widgetKey as widget element's id not to initiate every time when drag & drop occurs.

https://user-images.githubusercontent.com/26986739/210030891-4a3bfe0b-72d6-4d75-ae96-91c3dbfcefa4.mov

Things to Talk About
opened by WANZARGEN 0
Alert Details Page Renewal
Add timeline to check alert history

Add account field to base information

Show image using Image_url

Change to show multiple resources

Merge Additional Responder and Project Dependency

Change Note's text editor to WYSIWYG (reference: Notice)

enhancement
opened by whdalsrnt 0

Owner

Cloudforet

Open Source Cloud Management Platform

GitHub

The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.

Vue Storefront - Headless PWA for any eCommerce Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommer

10.2k Jan 2, 2023

Open source, headless, multi-tenant eCommerce platform built with .NET Core, MongoDB, AWS DocumentDB, Azure CosmosDB, Vue.js.

GrandNode 2.0 Headless, Cloud friendly, All-in-One, Open-Source, Free e-Commerce Platform Explore the project » View Demo · Report Bug · Request Featu

640 Dec 31, 2022

Open source, headless, multi-tenant eCommerce platform built with .NET Core, MongoDB, AWS DocumentDB, Azure CosmosDB, Vue.js.

641 Jan 2, 2023

A sleek Open-Source, Non-Custodial, and Multi-Chain Crypto/Web3 wallet.

Vulture is an open-source cryptocurrency wallet that aims to become a general interface for blockchain, primarily made for Aleph Zero, but with a strong focus on supporting multi-chain.

5 Sep 6, 2022

The frontend service for user management module of EdgeGallery platform.

user_management Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build

22 Jan 5, 2022

Hybrid mobile template built with Ionic Vue using capacitor for native builds

Ionic Vue Mobile Template 04 Hybrid mobile template built with Ionic Vue using capacitor for native builds. Template is inspired by the new Capitec Ba

1 Feb 13, 2022

Cloud-native platform for building an NFT Marketplace on top of Algorand blockchain.

Built on OpenAlgoNFT OpenAlgoNFT is an open-source cloud-native platform for building an NFT Marketplace on top of Algorand blockchain. Learn more on

111 Dec 7, 2022

🚀 A self-hosted cloud platform application.

Dynamo [IN DEV] You are most likely tired of large corporates selling your data or charging you a lot of money for small cloud services? This is where

7 Nov 20, 2022

☀️ Free [Tencent cloud OSS] for map bed, PDF files and other attachment management

Tauri is not finished yet, you can use the Web side map bed, I will release the Tauri version later Live Demo English | 简体中文 Features ☀️ Free [Tencent

7 Dec 13, 2022

Ruqqus Vue 3 - Ruqqus is an open-source platform for independent internet communities.

Ruqqus Ruqqus is an open-source platform for independent internet communities. Features Moderator power limited by design No ads US-based servers Mobi

14 Nov 24, 2021

Simply Diary is an open source platform for an online diary, its really just a diary.

Simply Diary is an open source platform for an online diary, its really just a diary. Each diary has its own code, who knows the code also has access to the diary. Completely free and without registration.

19 Oct 14, 2022

Hermes CI is an open-source continuous integration platform

Hermes CI Hermes CI is an open-source continuous integration platform mainly written in Go. Name Hermes is the winged herald and messenger of the Olym

23 Jun 10, 2022

Simply Diary is an open source platform for an online diary.

Simply Diary is an open source platform to write online diary. Each diary has its own short code making it easily idenfiable for collaborators and diary contributors. Simply Diary is completely free and works without registration, just remember your diary identification codes.

19 Oct 14, 2022

Frontend Project for Open-source Multi & Hybrid Cloud Management Platform

Related tags

Overview

Cloudforet Console

How to Use

Run dev server

Chart License

Add your license key to public/config/default.json

🧩 Mirinae - Cloudforet Design System

👨‍👩‍👧 Author

📝 License

Comments

To Reviewers

작업 분류

체크리스트

작업 내용

생각해볼 점

To Reviewers

작업 분류

체크리스트

작업 내용

생각해볼 문제

To Reviewers

작업 분류

체크리스트

작업 내용

생각해볼 문제

To Reviewers

Type of Change

Checklist

Description

To Reviewers

Type of Change

Checklist

Description

Things to Talk About

9.0.0 - 2022-12-21

Breaking changes

Security fixes

To Reviewers

Type of Change

Checklist

Description

Things to Talk About

To Reviewers

Type of Change

Checklist

Description

Things to Talk About

To Reviewers

Type of Change

Checklist

Description

Things to Talk About

To Reviewers

Type of Change

Checklist

Description

Things to Talk About

v3.1.0

v3.0.1

v3.0.0

v2.0.0

4.10.32

[4.10.32] - 2022-12-14

Fixed

4.10.31

[4.10.31] - 2022-12-13

Fixed

4.10.30

[4.10.30] - 2022-11-14

Changed

Fixed

4.10.29

[4.10.29] - 2022-10-11

Changed

4.10.28

[4.10.28] - 2022-09-19

Added

Changed

Add your license key to `public/config/default.json`