14153

(AngularJS + Bootstrap) Resource reservation component

Question:

I am writing a simple AngularJS/Bootstrap/Spring-MVC CRUD application that allows me to manage 3 types of objects: <em>person</em>, <em>room</em> and <em>reservation</em>. <em>Reservation</em> type has a relation to both room and person object both in DB and Java backend.

The simple parts have been made and now I need to know what would be the best approach for creating a graphical calendar-style view showing the reservations.

I can imagine it either as a new AngularJS directive (or maybe just simple ng-repeat with extended controller) or a jQuery script module.<br /> The question though is - <strong>what is better performance-wise?</strong>

<ul><li>Should I try to use the HTML5 to draw a canvas on it, or can I simply add 50-150 divs on one page and use those as representations of my entities in the calendar? </li> <li>Won't it kill the browser if I have this many divs each floating atop other? Also each of them needs to have listeners and other dynamic events attached to them so pretty heavy stuff, no?</li> </ul>

Answer1:

There's an angular UI for this on github. <a href="http://angular-ui.github.io/ui-calendar/" rel="nofollow">http://angular-ui.github.io/ui-calendar/</a>

I don't recommend putting 50+ divs(div soup) in any file. It would work but it will be very hard to debug and hard to look at down the road or if someone else has to look at it in the future.

Recommend

  • iOS - Concurrent access to memory resources
  • GNUPLOT: Show a x value given a y value
  • How to display indirectly given unicode character in Swift?
  • How to develop Eclipse GUI plugins
  • How to distinguish field that requires null=True when blank=True is set in Django models?
  • Find substring in string using locale
  • Majority function in SQL
  • How to mock current date?
  • Is it possible to disable certain weekdays in DatePickerDialog?
  • css font-size and line-height not matching the baseline
  • How to get month name with year and list of years between two Date
  • Certain Arabic text gets incorrectly shown while other Arabic text gets showed normally?
  • How to implement Deep Linking in Roku SG application?
  • How to get the date of next specified day of week
  • Find Previous month name using Calender or any classes that in java
  • Python ImageIO Gif Set Delay Between Frames
  • Is there a way to save the selected text and highlight it again once the page is refreshed?
  • Invalid Date on validation Date of js
  • SetWindowsHookEx does not react on media keys
  • Ember.js model to be organised as a tree structure
  • How integrated is Collada to OpenGL ES
  • Create DicomImage from scratch using Dcmtk
  • ActiveRecord query for a count of new users by day
  • How do I alternate colors in Flat List (React Native)
  • Listbox within Listbox and scrolling trouble in Windows Phone 7 Silverlight
  • How to do unit test for HttpContext.Current.Server.MapPath
  • Initializer list vs. initialization method
  • Control modification in presentation layer
  • Sails.js/waterline: Executing waterline queries in toJSON function of a model?
  • Fetching methods from BroadcastReceiver to update UI
  • Timeout for blocking function call, i.e., how to stop waiting for user input after X seconds?
  • jquery mobile loadPage not working
  • Return words with double consecutive letters
  • Unanticipated behavior
  • Cannot Parse HTML Data Using Android / JSOUP
  • How get height of the a view with gone visibility and height defined as wrap_content in xml?
  • Getting Messege Twice Using IMvxMessenger
  • How does Linux kernel interrupt the application?
  • Add sale price programmatically to product variations
  • How to load view controller without button in storyboard?