Code Monkey home page Code Monkey logo

collective-ploneboard-vue's Introduction

collective-ploneboard-vue

VueJS Frontend WebApp for https://github.com/collective/collective.ploneboard.

Setup

Requirements

Tested with Plone 5.2.1 & plone.restapi 6.1.0

1. Backend

  • Install https://github.com/collective/collective.ploneboard
  • Enable addons:
    • collective.ploneboard
    • plone.restapi
  • Create new Message Board in your Plone site
    • Do not forget to set permissions accordingly: The WebApp will assume that every authenticated user is allowed to create Conversations and Comments
  • Create a Folder containing Pages with following short names (are loaded from within the WebApp as static pages) & publish those contents:
    • 404: Your 404 message
    • footer: Footer content
    • login: Text displayed above login form
    • welcome: Content of the welcome page

2. Frontend

  • Clone this repository
  • Edit utils/constants.js:
    • BASE_URL: Base url of your Plone site
    • MESSAGE_BOARD_ID: Id (short name) of the Message Board you created
    • STATIC_PAGES_PATH: Id (short name) of the folder containing your static pages
  • Edit vue.config.js:
    • LANGUAGE_CODE: en or de
    • PAGE_TITLE: Title of the page
    • PRODUCTION_URL: URL where the VueJS application (see public/index.html) is reachable
  • In src/assets/ edit:
    • custom-vars.scss to customize the used Bootstrap theme
    • logo.png and favicon.ico
  • Run npm run build (or ./rebuild.sh)
    • Compiled WebApp can then be accessed via: public/index.html

Development

Basic setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

collective-ploneboard-vue's People

Contributors

mbarde avatar

Watchers

 avatar  avatar

collective-ploneboard-vue's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.