Fixed an issue with the copy function , added support for connect

Fixed some references in the components for the JQM page build.

Gruntfile.coffee

@@ -30,6 +30,22 @@ module.exports = (grunt) ->
         ].join('&&')
 
 
+  # rename JQM css files to my liking
+      renamecss:
+        command:['cd assets/css/',
+          'ren  jquery.mobile.min.css jquery-mobile-min.css '
+          'echo css JQM files renamed'                
+        ].join('&&')
+
+
+  # rename JQM JS files to my liking
+      renamejs:
+        command:['cd assets/js',
+          'ren jquery.mobile.min.js jquery-mobile-min.js '
+          'echo js JQM files renamed'                
+        ].join('&&')
+
+
   # copy over our end distribution resources
     copy:
       jqmcss:
@@ -85,7 +101,8 @@ module.exports = (grunt) ->
       connect:
         server:
           options:
-            port:9001
+            protocol:'http'
+            port:8000
             base:''
 
 
@@ -134,7 +151,12 @@ module.exports = (grunt) ->
 
   grunt.registerTask('build-jqm-js', ['copy:jqmjs']);
 
+  grunt.registerTask('rename-jqm-css', ['shell:renamecss']);
+
+  grunt.registerTask('rename-jqm-js', ['shell:renamejs']);
+
+
 # Tak setups and runs the install grunt command for JQM package, setups all the assets, and then fires the watch command start coding.
-  grunt.registerTask('setup-jqm', ['get-jqm', 'setup-jquery', 'setup-jqm-node', 'build-jqm',  'build-jqm-css', 'build-jqm-js', 'default']);
+  grunt.registerTask('setup-jqm', ['get-jqm', 'setup-jquery', 'setup-jqm-node', 'build-jqm',  'build-jqm-css', 'build-jqm-js', 'rename-jqm-css', 'rename-jqm-js', 'default']);
 
   grunt.registerTask('default', ['connect', 'watch']);

package.json

@@ -22,6 +22,7 @@
     "grunt-shell": "~0.3.1",
     "grunt-contrib-connect": "~0.5.0",
     "grunt-bake": "~0.2.1",
+    "connect-livereload": "~0.3.0",
     "grunt-contrib-less": "~0.7.0"
   },
   "engine": "node >= 0.4.1"

resources/custom/components/base.html

@@ -14,6 +14,7 @@
   <!-- Custom JS Files -->
   <script src="assets/js/app.js"></script>
 
+
   <!-- Core JQM CSS Files -->
   <link rel="stylesheet"  href="assets/css/jquery-mobile-min.css">
 

resources/custom/components/page1.html

@@ -4,14 +4,14 @@
   <div data-role="page" id="page1">
 
     <div data-role="header">
-      <h1>Foo</h1>
+      <h1>THE FIRST PAGE MY FRIEND</h1>
     </div>
 
     <div data-role="content">
-      <p>Demo output Changed</p>
+      <p>Changed Output - NEW</p>
       <p>Roll content into me I rock</p>
       <p>I'm first in the source order so I'm shown as the page.</p>
-      <p>View internal page called <a href="#bar">bar</a></p>
+      <p>View internal page called <a href="#page3">page3</a></p>
     </div>
 
     <div data-role="footer">

resources/custom/components/page2.html

@@ -9,7 +9,7 @@ <h1>Foo</h1>
 
     <div data-role="content">
       <p>I'm first in the source order so I'm shown as the page.</p>
-      <p>View internal page called <a href="#bar">bar</a></p>
+      <p>View internal page called <a href="#page1">Page 1</a></p>
     </div>
 
     <div data-role="footer">

resources/custom/components/page3.html

@@ -11,7 +11,7 @@ <h1>Foo</h1>
       <p>brandon</p>
       <p>Roll content into me I rock</p>
       <p>I'm first in the source order so I'm shown as the page.</p>
-      <p>View internal page called <a href="#bar">bar</a></p>
+      <p>View internal page called <a href="#page2">page2</a></p>
     </div>
 
     <div data-role="footer">