Marionette.js. Drag&Drop model sorting in the collection

Written by pharrell
Swapping elements in a list is a common task. But as a rule it is often made in a thorny way, especially if it’s Drag&Drop. And now I am going to tell you about a very easy and flexible way to do it using Marionette.js and jQuery UI Sortable. Installing jQuery UI We will need part of Sortable only, so in order to save the traffic, I cleared all the ticks for you here . You just need to download it. Pay attention We are using a reference to Marionette in the code below: var Marionette=Backbone.Marionette; Creating Behavior template This functionality will be implemented with Behaviors. Here’s the behavior code that will be in charge of capacity to sort models inside the collection: Behaviors.Sortable=Marionette.Behavior.extend({ onRender:function(){ var collection=this.view.collection // Close the collection ,items=this.view.children._views // Get the list of child elements ,view ; for(var v in items){ view=items[v] // Hook the element

World of Minecraft: full-scale model of Denmark

Written by ilya42

The Danish GeoData Agency launched a full-scale model of Denmark. The model is very detailed and was generated with real geographical data — it includes not only relief but also buildings, vegetation, parks and attractions Only the location of rocks and minerals on the ground and color facades of...

Hack: Facebook's new programming language for HHVM

Written by sferrka

Facebook has presented Hack – a new programming language based on the PHP syntax and intended for implementation with HHVM (HipHop Virtual Machine). Applications written on Hack can seamlessly interact and go with an existing code written on PHP, as the HHVM environment supports the...

PHP
  •  
  • 671

Erlang/OTP 17.0 has been released on April 9

Written by saa

Erlang — is a general-purpose concurrent, garbage-collected programming language and runtime system. The release has a lot of new different features and changes. The first thing is that the versioning scheme has been changed. Previously it was R15B, R16B, etc. New data type —...

Erlang
  •  
  • 932

bcat: pipe to browser utility

Written by MaGIc2laNTern

Great find! bcat is a small utility to pipe console's output to browser. Do you have a script which outputs HTML? bcat! Do you need to preview a README file with Markdown formatting? bcat! Is your script fetching web pages and you want to see the result? bcat! Do you just simply want to say...

*nix
  •  
  • 1241

Introduction to the Wolfram Language

Written by Himura

During the last 30 years, Wolfram Research was working on a new multi-paradigm programming language. Please, welcome, — Wolfram Language ! The language is very large, with emphasis on functional programming, symbolic computation, and rule-based programming, touching on numerous domains,...

Amazon Dash: The Magic Wand

Written by alizar

Amazon Dash — new gadget from Amazon to simplify online shopping. Now you don't have to choose products from huge catalogs. It's a 6.375x1.125 inches tool, which easily fits in your hand and boasts a built-in microphone and barcode scanner allowing you to quickly add items to your shopping...

Why is the mouse cursor slightly tilted and not straight?

Written by alizar

One of the users of StackExchange asked a question, which at first glance may look weird: why is the mouse cursor slightly tilted and not straight? Indeed, why the cursor is not vertical? The answer was given by an expert, who is familiar with the history of computer hardware. He...

UI
  •  
  • 1818
  • 1

At Stanford University a paper microscope has been developed that costs less than a dollar

Written by ilya42
The main motive for the creation of the microscope was the struggle against malaria — in the developing countries about a billion microscopic examinations of the blood samples per year have to be carried out for malaria diagnosis. A standard laboratory microscope is an expensive and fragile device. Stanford scientists have managed to construct a microscope with magnification up to the 2000x, while the cost of all the components in a mass production will be 97 cents. The microscope body is cut out and folded from a sheet of thick paper. Other components are a flat battery, a LED switch, a piece of conductive copper tape and a glass or a sapphire ball lens. Paper microscope fits easily in your one's pocket, weighs less than ten grams, can be used for brightfield, darkfield, polarized and fluorescent microscopy, and even work as a projector. One battery lasts for 50 hours.
DIY
  •  
  • 4145

How To Backup Google Apps for Business

Written by Freya Jordan
Google, when introduces a service it serves to be efficient to an extent that we cannot imagine how we worked before. Google Apps is one of the services introduced by Google. It is a suite of Google applications that brings together essential features in order to help users in their businesses. It is a hosted service that allows businesses and organizations to use a variety of Google products like Email, Google Doc, Google Talk and much more on a unique domain. Lots of companies, be it small scale or large scale, are employing Google Apps to get their business done. However, what’s bothering them is the sole dependency they are having on the service without a plan B. So here is how to backup Google Apps for business. Why Do I Need To Back Up My Google Apps Account? The ability to work from anywhere is the greatest benefit that
IT
  • -1
  • 143
  • 2