clickermonkey / dayspan-vuetify Goto Github PK
View Code? Open in Web Editor NEWA collection of components that visualizes DaySpan Calendars and Schedules using Vuetify
License: MIT License
A collection of components that visualizes DaySpan Calendars and Schedules using Vuetify
License: MIT License
When I click on an event in month view, the calendar mistakes my click for a drag, and does not open the edit dialog. However, tapping the event on my touchscreen works as expected.
This is on a Dell XPS 15.
Following the install instructions, I get errors that .fonts/*.woff
etc. are not found from *.css.min
. I was able to work around this by copying the fonts
directory into the lib
directory so that the relative imports line up. Should the imports in the .min.css
be changed to ../fonts/*.woff
etc. or am I doing something wrong on how I import it?
Schedule type set a few values that the other types don't have, the calendar is messed up after that.
First of all, this is a great project. Thank you for making this nice library.
I see that currently the library uses only Local Storage to store "events".
Is there any plan to support an option for database instead?
I am happy to create a pull request for it too. And I believe the changes should be made in src/app.vue
since that's the only place I can find localStorage
?
Tested On:
Browser: Firefox 61.0.1
OS : Ubuntu 18.04 and Ubuntu 16.04 (64-bit)
When I drag on multiple cells, it just opens the dialog to create an event on the day I started to drag the mouse from. It works like a click event.
This works in chrome (68.0.344). It opens a modal with multiple day selected, as expected.
Please let me know if you need additional information to replicate the issue.
`
I did like this, but I got wrong. how can I fix it?
If not doable, implement as dialog.
This will allow the user to select day, week, month, or year from a dropdown instead of only using next.
Before the following actions, they should be able to specify whether they want the user prompted with an "Are you sure? Yes/No".
The prompt should be slotted.
The actions:
When click on event in Firefox in responsive mode viewing it as Apple iPhone 6 Plus it thinks we want to move the event, which is equally as silly.
This will be up to the user to implement which events are visible and which apply - but this library will update the visible flag and refresh the calendar.
This library will provide the search bar, and optional filter area.
ds-event
Either add event to first/last day - or hide the button if today is not in the calendar.
Also ensure change
triggers AFTER schedules are modified and calendar is updated.
Save button is gray
Right side of popover goes to far making boxes too wide
Title is not aligned properly
This will be an option in ds-schedule-actions
and it will trigger an event. The default implementation of the event will be very lacking - the user should override this.
I think it is not clear how to getting started. I think examples would help.
Allows the user to add an event based on guest availability.
Based on a group of events, show each group as a column with their list of events.
Clicking on a day in month view results in a page navigate. Since there's no URL set as the href
value, it simply reloads the page.
Adding the .prevent
modifier to the a
tag in the Day.vue
component should fix this problem.
This will be another option when you move an event, but will rely entirely upon the user
I am looking to customize calendar. I need to add and remove some fields in the create event pop up and load event when the calendar starts, But it is not mentioned anywhere in the doc and am very confused.
Are there any docs or links I can get started on?
You can publish the code you are using for the example somewhere, that can be helpful to me.
Has this project moved? I get a 404 on npm: https://www.npmjs.com/search?q=dayspan-vuetify
{ lastDayOfMonth: [1] }
{ lastDayOfMonth: [1], month: 1 }
{ lastWeekspanOfMonth: [0], dayOfWeek: 1, month: 1 }
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.