Giter VIP home page Giter VIP logo

phila-vue-comps's Introduction

phila-vue-comps (@phila/vue-comps in npmjs.com)

phila-vue-comps is a library of Vue components that can be used in apps which use Vue.js and Vuex. It includes many data-presentation components such as Vertical Tables or Horizontal Tables, etc.

To Include The Components In Your App

  • in a bundled app, use npm:

    npm install @phila/vue-comps

  • in an html file, use the CDN:

    <script src="//unpkg.com/@phila/[email protected]/dist/phila-vue-comps.js"></script>

Examples

Badge-Custom

Horizontal Table

Usage

Check out the wiki for usage documentation.

Coming Soon

  • The ability to add any component to a Horizontal Table Cell

Publishing

To publish a new version of @phila/vue-comps to NPM:

  1. Commit your changes to master.
  2. Bump the NPM version with npm version major|minor|patch. (Double check this is done from 'master')
  3. Push with tags: git push && git push --tags.
  4. Update wiki docs to reflect new version and/or dependency changes.

3.0.12 - 1/25/2024

  • fixes cells of horizontal tables

3.0.11 - 1/25/2024

  • additions to components for the creation of the voter hub app, which requires translations in all components

3.0.10 - 12/8/2023

  • fixes bug with horizontal tables

3.0.9 - 12/7/2023

  • changes for ux-review and adding new nearby data to atlas

3.0.8 - 11/10/2023

  • all changes to get building certs into atlas.phila.gov

3.0.7 - 4/19/2023

  • fixes hard-coded bug in BadgeSet.vue

3.0.6 - 2/8/2023

  • ran package updates

3.0.5 - 9/9/2022

  • ran package updates

3.0.4 - 8/3/2022

  • fix for translating subtitle of vertical table

3.0.3 - 7/22/2022

  • fixes for vertical tables

3.0.2 - 3/18/2022

  • rolls back to fontawesome 5.15.4 so that it is not ahead of phila-ui

3.0.1 - 3/10/2022

  • upgrades to fontawesome 6.0.0, updates icons.
  • uses fontawesome-svg-core 1.2.36, because 1.3.0 causes errors

3.0.0 - 7/26/2021

  • requires using npm for all package commands

2.1.23 - 2/8/2021

  • changes to VerticalTableLight.vue for pinboard

2.1.22 - 11/12/2020

  • removes files that were specific to real estate tax

2.1.21 - 10/28/2020

  • fixes buttons on HorizontalTable.vue

2.1.20 - 10/23/2020

  • completes BadgeSet.vue component

2.1.19 - 10/23/2020

  • another attempt to push with github actions

2.1.18 - 10/23/2020

  • setting up push with github actions

2.1.17 - 10/23/2020

  • changes to VerticalTableLight.vue for Covid Testing site

2.1.16 - 10/21/2020

  • changes for adding i18n capability to some components

2.1.15 - 10/6/2020

  • ran yarn upgrades

2.1.14 - 9/18/2020

  • changes for layerboard for streetsmart

2.1.13 - 9/17/2020

  • adds back label when checkbox is hidden

2.1.12 - 9/17/2020

  • re-releases due to npm error

2.1.11 - 9/17/2020

  • allows checkboxes to be hidden

2.1.10 - 9/17/2020

  • re-releases due to npm error

2.1.9 - 9/17/2020

  • adds InfoBox.vue

2.1.8 - 9/4/2020

  • changes for WAVE for atlas.phila.gov

2.1.7 - 8/14/2020

  • adds props to IconToolTip.vue

2.1.6 - 8/3/2020

  • fixes optional buttons in HorizontalTable.vue

2.1.5 - 7/29/2020

  • small fixes for making tabs work in atlas with a mapbox map

2.1.4 - 6/14/2020

  • updates comboSearch for Pinboard apps

2.1.3 - 5/27/2020

  • upgrades all packages

2.1.2 - 5/15/2020

  • small changes to vertical table light

2.1.1 - 5/5/2020

  • Fixes bug and re-releases

2.1.0 - 5/5/2020

  • merges changes for use in pinboard and viewerboard

2.0.11 - 3/26/2020

2.0.10 - 3/26/2020

2.0.9 - 1/31/2020

  • pushes to @phila/vue-comps instead of @philly/vue-comps

2.0.8 - 1/30/2020

  • allows hiding badges

2.0.7 - 1/24/2020

  • builds for push to npm

2.0.6 - 1/24/2020

  • Linting ran

2.0.5 - 1/24/2020

  • Fixes small bug in collection summary for PDE

2.0.4 - 1/10/2020

  • More fixes for csv export

2.0.3 - 1/7/2020

  • Fixes csv export for fields that are number format instead of string

2.0.2 - 1/5/2020

  • Message slot changed to allow html code
  • Prop added to prevent data change when button clicked

2.0.1 - 12/30/2019

  • Fixes bug with pdf and csv export buttons

2.0.0 - 12/17/2019

  • Merges all changes necessary for Property Data Explorer

1.0.48 - 12/09/2019

  • Fixes generation of xml for epay

1.0.47 - 11/04/2019

  • Adds form labels to combo search

1.0.46 - 10/24/2019

  • fixes more bugs caused new date-fns

1.0.45 - 10/22/2019

  • fixes bugs caused by new date-fns

1.0.44 - 10/22/2019

  • ran all pull requests created by dependabot

1.0.43 - 10/22/2019

push failed due to linting

1.0.42 - 10/9/2019

  • Allows legends (used in StreetSmart) to have style passed to them

1.0.41 - 10/8/2019

  • Removes connections to pvd from ComboSearch

1.0.40 - 10/7/2019

  • Fixes bug with removal of old "ConfigurableInput" component

1.0.39 - 10/7/2019

  • Monthly package upgrades

1.0.38 - 9/20/2019

  • Changes to make polyline work in pvm

1.0.37 - 9/6/2019

  • Monthly package upgrades

1.0.36 - 8/9/2019

  • Adds border to address search

1.0.35 - 8/9/2019

  • Gives ids to horizontal and vertical tables

1.0.34 - 8/9/2019

  • Monthly package upgrades

1.0.33 - 7/11/2019

  • Upgrades lodash-es and lodash.defaultsdeep

1.0.32 - 6/20/2019

  • changes for Pinboard

1.0.31 - 6/2/2019

  • Uses axios 0.19.0 to fix security bug
  • Moves badge color to slots

1.0.30 - 5/30/2019

  • Small changes made in CheckboxSet.vue to fix a bug with filtering layers in Openmaps, which was introduced when work was done on layerboard for StreetSmart.
  • Small changes made in Checkbox.vue to fix the alignment of checkboxes in Openmaps if a datasource is not in Benny.

1.0.29 - 5/30/2019

  • A large number of changes that were made over the initial development of StreetSmart, and were used in the original release of the StreetSmart site as commits of pvc.
  • A number of changes that were made over the continued development of CleanPhl.

phila-vue-comps's People

Contributors

ajrothwell avatar cirinocarvalho avatar dependabot-preview[bot] avatar dependabot[bot] avatar karissademi avatar stevetotheizz0 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

phila-vue-comps's Issues

Make sure components are not reliant on a $config

The following components requre a $config object and do not handle for if there is not one

AddressCandidateList.vue
AddressInput.vue
Checkbox.vue
Greeting.vue
Topic.vue
TopicComponent.vue
TopicSet.vue

Now that the library is supposed to be useable by things other than Mapboard, every component should at least handle for being put into an template without being passed an object called $config

fontawesome dependency broken on npm

npm install @cityofphiladelphia/phila-vue-comps

throws:

error Couldn't find package "@fortawesome/pro-light-svg-icons@^5.5.0" required by "@cityofphiladelphia/phila-vue-comps" on the "npm" registry.

TopicComponent should be renamed

the mixin TopicComponent was originated when developing mapboard, and all components were included within Topics.

In future apps, components should be able to be added without being included within Topics. The mixin should still be included in all components, but it does not make sense for all components in an app without Topics to have a mixin called "TopicComponent"

"ComponentMixin" or something that would be generic like that would be a better name

TopicComponentGroup should be renamed

The TopicComponentGroup concept - which allows an array of components written out in a config file to be converted to components - should be useable without using Topics.

"ComponentGroup" might be the simplest solution

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.