Merge branch 'master' of https://github.com/superlloyd/VueSamples

Conflicts:
	README.txt

Author: superlloyd

README.txt

@@ -1,30 +1,15 @@
-Some Vue JS Sample to test Vue JS MVVM library under various scenario.
-Also use TypeScript and Bootstrap to beautify th code and the UI.
+
+VisualStudio 2015 project show casing VueJS, TypeScript, Bootstrap
 
 - VueJS: http://vuejs.org
 - Bootstrap: http://getbootstrap.com/
 - TypeScript: http://www.typescriptlang.org/
 
+(also requires "Web Compiler" VS Extension to turn .less file into .css)
 
-TODO
-
-VueJS (to comprehend)
-http://vuejs.org/examples/
-
-.less file compiling
-	Install "Web Compiler" VS extension
-	then right click on .less file > Web Compiler > compile file
-
-
-VUE LINKS
-=========
-
-
-
-Validation
-	https://github.com/vuejs/vue-validator
-Image loading animation 
-	http://codepen.io/pespantelis/pen/RWVZxL
+Mostly a collection of simple but progressively complex samples.
+It's an empty MVC project with WebAPI setup in the eventuality of doing some JSON experiment with Vue.
+As well as some advanced sample and reusable control I need for my own projects.
 
 
 TODO:
@@ -35,3 +20,8 @@ https://github.com/vuejs/vue/releases/tag/1.0.0-rc.1
 http://rc.vuejs.org/guide/installation.html
 CDNJS: http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.0-rc.1/vue.min.js
 
+
+LINKS
+======
+Image loading animation 
+	http://codepen.io/pespantelis/pen/RWVZxL

TestApp/Sample.Chosen.html

@@ -48,16 +48,20 @@ <h2>Live Example</h2>
                                     placeholder="chose a book!.."
                                     text-key="name"></vue-chosen>
                         <br />
-                        <span v-repeat="item in selected">{{ item.name }}, </span>
+                        <span v-repeat="item in selected">
+                            {{ item.name }} ({{single.ID}}),
+                        </span>
                     </p>
                     <p>
                         Single Selection
                         <vue-chosen options="{{books}}" v-model="{{@ single}}"
                                     chosen="{{ { width:'20em'} }}"
                                     placeholder="chose a book!.."
                                     text-key="name"></vue-chosen>
-                        <br/>
-                        <span v-if="single">{{single.name}}</span>
+                        <br />
+                        <span v-if="single">
+                            {{single.name}} by {{single.author}}, ratings: {{single.rating}} ({{single.ID}})
+                        </span>
                     </p>
                 </div>
 

TestApp/Sample.ShopCart.html

@@ -64,7 +64,7 @@ <h2>Live Example</h2>
                         <tbody v-repeat='lines'>
                             <tr>
                                 <td width='25%'>
-                                    <select v-model="category" options="categories" v-on="change: product = null">
+                                    <select v-model="category" options="categories">
                                         <option value="">Select...</option>
                                     </select>
                                 </td>

TestApp/Sample.TabControl.html

@@ -10,8 +10,7 @@
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 
     <!-- VueJS (0.12.16) -->
-<!--    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.16/vue.min.js"></script>-->
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.16/vue.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.16/vue.min.js"></script>
 
     <!-- sample styles -->
     <link href="Content/samples.css" rel="stylesheet" />