Calendar with Outlook like functionality - javascript

I am trying to do the following for managing appointments.
When the user opens the app, show him a calendar control which will fetch his schedule from the sql server database. If the user is scheduled to meet Mr. A,X and Z on 15th, then the calendar control should display three links in that calendar for that particular day. Clicking on these links will take the user to the details of the person he is supposed to meet. Similarly do for other dates too.
I can use ASP.NET, AJAX, jQuery anything. Are you aware of any existing project or code that exists for the same?

a fully existing project you will not find no,
but you can however use jquery and its vast plugin database for some of your front end functionalities.
however this would just be a small help, as you would still need to do many manual coding,
this just shows a calendar with data. if you provide the data of course.
all server side code would still be your work and possibly the custom front end stuff too, login system, clicking the link opening the calendar on the right spot. etc etc.
if you are interested in doing it this way,
here is a hand full of calendar plugins you could use
ical calendars
Plans
FullCalendar
these are just a few, you can find many more on the net
if you choose not to take this path, there are probably serverside controls you could use,
like telerik's rad Calendar, of course this option comes with a price. i have no knowledge of free alternatives (and defenately not whether those are as flexible as previously mentioned solutions)

telerik.com RadScheduler. I use it alot and its pretty good an flexible. You can do your links scenario with either their Appointment Template or the new jQuery templates.

Related

How to create a template creator with moveable objects?

Good day,
I am currently working on an automatic system that generates invoices with data that it receives from an API. I am currently doing this with Django (Python) to create some variation. Well, I want to create a system with which you can easily create templates for these invoices. You have seen these kinds of systems before. You can move blocks with items such as a logo or text wherever you want. Well I know that these templates are further stored as HTML. Only nowhere I can find clear information about how I can easily assemble such a system or how such a system works. Below I show a GIF of the system what I want. If anyone has any information on this I will be very happy if you can share that with me :)
Only nowhere I can find clear information about how I can easily assemble such a system
Yes, because making such a system is not an easy feat. You shouldn't do it yourself unless you know what you're doing and you are ready to deal with a lot of edge cases.
That being said, there are libraries that enable you to create such interfaces. One being https://interactjs.io/ (not affiliated with them). Then you need a WYSIWYG/Markdown editor that can be enabled on click as a tooltip. For example, https://www.tiny.cloud/
Then you need to find a way to save and load everything. Depending on the library you use, you might be able to get away saving and loading the HTML. However, it's more likely you'll need to implement a proprietary way of saving data. For example, using JSON or XML.
Best of luck!

Any cool Workflow builder tools that I can integrate with?

I already have a backend prepared, which stores data with datatypes, attributes etc. All the present frontend is done on Backbone.js. Need to convert my Add Field button click UX to a kind of Drag and Drop and graphical visualisation.
I have tried to make the Workflow Builder on my own using the present backend on BackboneJS as we have an SPA Webapp. Had some plans ready, but it is going to take a lot of time. Hence searching for a ready-made workflow code that I can tweak with.

Programmatically Create New HTML Page based on Template and User Input

I am working on a project/idea, my use case is for my significant other's blog/craft/recipe website. I want to create a personalized service that uses Firebase to host, and I want people (like my significant other) who have no coding/html/firebase experience to be able to upload new pages when they please (this will be done on the backend with firebase's hosting API, and on the front end with a customized UI and form).
I have most of this worked out, but I have a remaining question that I have been unable to find a direct answer on:
What is the best way to create a new html file, based on a template, just with new information gathered from the above mentioned form?
For instance: Given a recipe website, where each recipe has its own page and route. The form above would, theoretically gather all information needed to name this page, and gather all information needed to add to this page to make it complete.
I would imagine that I would need to have a template html page and copy then add information to it, upload and serve via Firebase API, etc.
Is there a specific templating engine that assists with this already? I am having a hard time trying to extend the existing templating engines that I know about into this use case.
TL;DR - I know this is a long-winded question, but in the end, I am looking for the best, most efficient way to programmatically create a new HTML file that will be based off of a given template, add custom information, and upload/serve via the firebase API - using Node/Google Cloud Functions, of course.
I do NOT need any code written for me, just looking to be pointed in the right direction, as I have been researching this for about a month prior to asking here, and this has been my last resort - I am just frustrated because I know there is a way to do this, but have been unable to find what I need.

About implementing filters on event database website

Good day to you,
I've started my journey with code few weeks ago, currently mastering CSS and slowly proceeding to JS. I understand that the most efficient way to learn is actually through trying to develop your own products.
So I'm going to create website where you can find variety of information about very specific events around the world. Not going into unnecessary details... I need to know what are next skills to acquire to be able to launch such project. The design is such it should be simple landing page with lots of filters such as ticket price, country location, chosen date (based on information in the code or/and connected directly to Facebook events). The user can also choose to geolocate events via interactive map where all options are visible. The purpose is to show the results to user after filtering the rest of the data out. After this user can click on events that match his requirements and proceed to subpages to gather more specific information.
How to manage this? Could this be deployed on vanilla JS/jQuery or I will need to also learn some PHP and create some kind of database? Maybe needed data about the events can be put directly in the lines of code using pure CSS/JS? Also, do you think that launching this one on Wordpress could be helpful taking in mind some helpful plugins or should I build everything from scratch?
Sorry if this question sounds very noobie in style but I'm completely fresh in this and very eager to start project from which I can learn. At the same time need some support about what next language is most critical I need to know to make this happen.
Thanks

Simple BPM or Workflow in Javascript

I have a requirement to route between different pages in a mobile app (hybrid) based on the output from one page. The routing should be configurable, able to be updated independently of the App and ideally be able to edited visually.
Server-side this is handled by BPM Solutions (jBPM, IBM BPM, etc), however on the client-side I can't find anything suitable.
What I need is a JSON based set of rules that define which page to route to if a set of conditions are met. For example, if on page1 I have 2 fields: name and age and the User clicks Next then the rules might define that if age >= 21 then route to page2, however if age < 21 route to page3.
Is there any technology out there that currently does this? I've seen that there are Javscript Rules Engines such as Nools, but they aren't BPM-like enough. Please don't suggest writing it myself - that's already being seriously considered.
BPM isn't designed for "page flow". Most do include some sort of page flow technology for their own UIs, but I don't know of any that really promote that as a feature for building UIs in other technologies.
Fundamentally, what you are looking for is an MVC framework. You have your pages (views) and assumably you have your model already, but you are looking for a controller to link them together.
I'm aware of Cordova conceptually, but I don't have any hands-on experience so I don't feel comfortable making a flat out recommendation. I do know that Sencha Touch has some MVC functionality, and that it works fairly well with Cordova/PhoneGap, so that might be a direction for you to start in. Even if that doesn't work out for you, I can see that "Cordova MVC" and "PhoneGap MVC" provide several links and examples that seem very close to your use case.

Categories