Skip to content

Latest commit

 

History

History

ui

Keel UI

TODO:

  • authentication
  • set authorization headers
  • main dashboard with all the resources
  • detail view of each resource
  • set/update policies
    • minor/major/patch/all
    • glob
    • regexp
  • view approvals
  • approve/reject
  • view all tracked images
  • pause updates
  • SSE client

TODO keel side:

  • SSE server side
  • internal metrics API via https://github.com/rcrowley/go-metrics
  • set/update policies endpoint: /v1/resources/{identifier}/policy
  • new annotation/label to pause deployment updates

Non functional:

  • view stats on received webhooks
  • view stats on update history
  • view webhooks received over time
  • view updates done over time
  • notification system

English | 简体中文

Ant Design Pro Vue

An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue

Backers on Open Collective Sponsors on Open Collective License Release Travis branch

Overview

dashboard + multi-tabs

dashboard + setting

user profile

permission list

Env and dependencies

Note: Yarn package management is recommended, the exact same version loaded with the demo site of this project (yarn.lock) . but you can also use npm

Project setup

  • Clone repo
git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue
  • Install dependencies
yarn install
  • Compiles and hot-reloads for development
yarn run serve
  • Compiles and minifies for production
yarn run build
  • Lints and fixes files
yarn run lint

Other

  • IMPORTANT : About Issue feedback !! when opening Issue read Issue / PR Contributing

  • Vue-cli3 used by the project.

  • Disable Eslint (not recommended): remove eslintConfig field in package.json and vue.config.js field lintOnSave: false

  • Load on Demand: modify /src/main.js L7, append import './core/lazy_use' code.

  • Customize Theme: vue.config.js eg:

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* Less variables, required modifyVars*/

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
  • polyfill

  • remove polyfill:

    Vue CLI Polyfill

    • remove import '@babel/polyfill' field in src/main.js
    • babel.conflg.js remove
      [
        '@babel/preset-env',
        {
          'useBuiltIns': 'entry'
        }
      ]
      

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]