hook up textarea

rudenoise · Apr 29, 2015 · be06710 · be06710
1 parent 930563f
commit be06710
Show file tree

Hide file tree

Showing 19 changed files with 178 additions and 33 deletions.
diff --git a/TextAreas/TextAreas.Shared/TextAreas.Shared.projitems b/TextAreas/TextAreas.Shared/TextAreas.Shared.projitems
@@ -7,5 +7,7 @@
   </PropertyGroup>
   <ItemGroup>
     <Content Include="$(MSBuildThisFileDirectory)js\default.js" />
+    <Content Include="$(MSBuildThisFileDirectory)js\textArea.js" />
+    <Content Include="$(MSBuildThisFileDirectory)js\textBox.js" />
   </ItemGroup>
-</Project>
+</Project>
diff --git a/TextAreas/TextAreas.Shared/js/default.js b/TextAreas/TextAreas.Shared/js/default.js
@@ -15,6 +15,8 @@
                 // TODO: This application has been reactivated from suspension.
                 // Restore application state here.
             }
+            textArea.setUp();
+
             args.setPromise(WinJS.UI.processAll());
         }
     };

diff --git a/TextAreas/TextAreas.Shared/js/textArea.js b/TextAreas/TextAreas.Shared/js/textArea.js
@@ -0,0 +1,18 @@
+(function () {
+    'use strict';
+    var goBtn, textArea, output;
+
+    function getContent() {
+        output.innerHTML = textArea.value.replace(/[\r\n]{1,}/g, '<br></br>');
+    }
+
+    WinJS.Namespace.define('textArea', {
+        setUp: function () {
+            goBtn = document.getElementById('textAreaGo');
+            textArea = document.getElementById('textAreaIn');
+            output = document.getElementById('textAreaOut');
+
+            goBtn.addEventListener('pointerdown', getContent, false);
+        }
+    });
+}());
diff --git a/TextAreas/TextAreas.Shared/js/textBox.js b/TextAreas/TextAreas.Shared/js/textBox.js
@@ -0,0 +1,7 @@
+(function () {
+    'use strict';
+    WinJS.Namespace.define('textBox', {
+        setUp: function () {
+        }
+    });
+}());
diff --git a/TextAreas/TextAreas.Windows/TextAreas.Windows.jsproj.user b/TextAreas/TextAreas.Windows/TextAreas.Windows.jsproj.user
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="12.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <ReferenceCachePath>C:\Users\rudenoise\AppData\Local\Temp\TextAreas.Windows_refcache</ReferenceCachePath>
+  </PropertyGroup>
+</Project>
diff --git a/TextAreas/TextAreas.Windows/bin/Debug/AppX/default.html b/TextAreas/TextAreas.Windows/bin/Debug/AppX/default.html
@@ -11,9 +11,34 @@
 
     <!-- TextAreas.Windows references -->
     <link href="/css/default.css" rel="stylesheet" />
+    <script src="js/textArea.js"></script>
+    <script src="js/textBox.js"></script>
     <script src="/js/default.js"></script>
+
 </head>
 <body>
-    <p>Content goes here</p>
+    <H1>Text Areas</H1>
+    <hr />
+    <h2>Regular text area:</h2>
+    <h3>In</h3>
+    <textarea id="textAreaIn">Paste some content from the web into me...</textarea>
+    <br clear="all" />
+    <button id="textAreaGo">Go</button>
+    <h3>Out</h3>
+    <div id="textAreaOut"></div>
+    <hr />
+    <h2>TextBox</h2>
+    <h3>In</h3>
+    <div id="textBoxContainer">
+        <div id="textBoxIn"
+             role="textbox"
+             contenteditable="true"
+             aria-multiline="true"
+             class="win-textarea">Paste some content from the web into me...</div>
+    </div>
+    <br clear="all" />
+    <button id="textBoxGo">Go</button>
+    <h3>Out</h3>
+    <div id="textBoxOut"></div>
 </body>
 </html>
diff --git a/TextAreas/TextAreas.Windows/bin/Debug/AppX/js/default.js b/TextAreas/TextAreas.Windows/bin/Debug/AppX/js/default.js
@@ -15,6 +15,8 @@
                 // TODO: This application has been reactivated from suspension.
                 // Restore application state here.
             }
+            textArea.setUp();
+
             args.setPromise(WinJS.UI.processAll());
         }
     };

diff --git a/TextAreas/TextAreas.Windows/bin/Debug/AppX/js/textArea.js b/TextAreas/TextAreas.Windows/bin/Debug/AppX/js/textArea.js
@@ -0,0 +1,18 @@
+(function () {
+    'use strict';
+    var goBtn, textArea, output;
+
+    function getContent() {
+        output.innerHTML = textArea.value.replace(/[\r\n]{1,}/g, '<br></br>');
+    }
+
+    WinJS.Namespace.define('textArea', {
+        setUp: function () {
+            goBtn = document.getElementById('textAreaGo');
+            textArea = document.getElementById('textAreaIn');
+            output = document.getElementById('textAreaOut');
+
+            goBtn.addEventListener('pointerdown', getContent, false);
+        }
+    });
+}());
diff --git a/TextAreas/TextAreas.Windows/bin/Debug/AppX/js/textBox.js b/TextAreas/TextAreas.Windows/bin/Debug/AppX/js/textBox.js
@@ -0,0 +1,7 @@
+(function () {
+    'use strict';
+    WinJS.Namespace.define('textBox', {
+        setUp: function () {
+        }
+    });
+}());
diff --git a/...pX/microsoft.system.package.metadata/S-1-5-21-4259653920-248258531-352719529-1001.pckgdep b/...pX/microsoft.system.package.metadata/S-1-5-21-4259653920-248258531-352719529-1001.pckgdep
diff --git a/TextAreas/TextAreas.Windows/bin/Debug/AppX/resources.pri b/TextAreas/TextAreas.Windows/bin/Debug/AppX/resources.pri
diff --git a/TextAreas/TextAreas.Windows/bin/Debug/AppX/vs.appxrecipe b/TextAreas/TextAreas.Windows/bin/Debug/AppX/vs.appxrecipe
@@ -7,7 +7,7 @@
     <SolutionConfiguration>Debug|AnyCPU</SolutionConfiguration>
     <PackageArchitecture>neutral</PackageArchitecture>
     <PackageIdentityName>8c1c0527-1fb1-4a4f-9075-8b376b2f900b</PackageIdentityName>
-    <IntermediateOutputPath>C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\</IntermediateOutputPath>
+    <IntermediateOutputPath>C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\</IntermediateOutputPath>
     <RegisteredManifestChecksum>579C0883092A5D8BF263621583549DCC7DB27795C1513FA79D550D1027369C04</RegisteredManifestChecksum>
     <RegisteredPackageMoniker>8c1c0527-1fb1-4a4f-9075-8b376b2f900b_1.0.0.0_neutral__81jn6d9hc2h0c</RegisteredPackageMoniker>
     <RegisteredUserModeAppID>8c1c0527-1fb1-4a4f-9075-8b376b2f900b_81jn6d9hc2h0c!App</RegisteredUserModeAppID>
@@ -17,48 +17,56 @@
     <JitOptimizationSuppressed>True</JitOptimizationSuppressed>
   </PropertyGroup>
   <ItemGroup>
-    <AppXManifest Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\AppxManifest.xml">
+    <AppXManifest Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\AppxManifest.xml">
       <PackagePath>AppxManifest.xml</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2015-04-29T08:53:29.236</Modified>
+      <Modified>2015-04-29T09:21:26.428</Modified>
     </AppXManifest>
   </ItemGroup>
   <ItemGroup>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\default.html">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\default.html">
       <PackagePath>default.html</PackagePath>
-      <Modified>2015-04-29T08:52:53.946</Modified>
+      <Modified>2015-04-29T09:21:56.598</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\logo.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\logo.png">
       <PackagePath>images\logo.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2014-06-02T17:38:24.000</Modified>
+      <Modified>2015-04-29T08:57:50.271</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\smalllogo.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\smalllogo.png">
       <PackagePath>images\smalllogo.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2014-06-02T17:38:24.000</Modified>
+      <Modified>2015-04-29T08:57:50.287</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\splashscreen.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\splashscreen.png">
       <PackagePath>images\splashscreen.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2014-06-02T17:38:24.000</Modified>
+      <Modified>2015-04-29T08:57:50.287</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\storelogo.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\storelogo.png">
       <PackagePath>images\storelogo.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2014-06-02T17:38:24.000</Modified>
+      <Modified>2015-04-29T08:57:50.287</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\css\default.css">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\css\default.css">
       <PackagePath>css\default.css</PackagePath>
-      <Modified>2014-06-02T17:38:24.000</Modified>
+      <Modified>2015-04-29T08:57:50.271</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Shared\js\default.js">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Shared\js\default.js">
       <PackagePath>js\default.js</PackagePath>
-      <Modified>2015-04-29T08:52:53.728</Modified>
+      <Modified>2015-04-29T09:21:56.564</Modified>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\ReverseMap\resources.pri">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Shared\js\textArea.js">
+      <PackagePath>js\textArea.js</PackagePath>
+      <Modified>2015-04-29T09:29:08.254</Modified>
+    </AppxPackagedFile>
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Shared\js\textBox.js">
+      <PackagePath>js\textBox.js</PackagePath>
+      <Modified>2015-04-29T09:21:21.755</Modified>
+    </AppxPackagedFile>
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\ReverseMap\resources.pri">
       <PackagePath>resources.pri</PackagePath>
-      <Modified>2015-04-29T08:53:29.017</Modified>
+      <Modified>2015-04-29T09:21:26.318</Modified>
     </AppxPackagedFile>
   </ItemGroup>
   <ItemGroup>

diff --git a/TextAreas/TextAreas.Windows/bin/Debug/ReverseMap/resources.pri b/TextAreas/TextAreas.Windows/bin/Debug/ReverseMap/resources.pri
diff --git a/TextAreas/TextAreas.Windows/bin/Debug/TextAreas.Windows.build.appxrecipe b/TextAreas/TextAreas.Windows/bin/Debug/TextAreas.Windows.build.appxrecipe
@@ -7,41 +7,47 @@
     <SolutionConfiguration>Debug|AnyCPU</SolutionConfiguration>
     <PackageArchitecture>neutral</PackageArchitecture>
     <PackageIdentityName>8c1c0527-1fb1-4a4f-9075-8b376b2f900b</PackageIdentityName>
-    <IntermediateOutputPath>C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\</IntermediateOutputPath>
+    <IntermediateOutputPath>C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\</IntermediateOutputPath>
   </PropertyGroup>
   <ItemGroup>
-    <AppXManifest Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\AppxManifest.xml">
+    <AppXManifest Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\AppxManifest.xml">
       <PackagePath>AppxManifest.xml</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
     </AppXManifest>
   </ItemGroup>
   <ItemGroup>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\default.html">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\default.html">
       <PackagePath>default.html</PackagePath>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\logo.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\logo.png">
       <PackagePath>images\logo.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\smalllogo.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\smalllogo.png">
       <PackagePath>images\smalllogo.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\splashscreen.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\splashscreen.png">
       <PackagePath>images\splashscreen.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\images\storelogo.png">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\images\storelogo.png">
       <PackagePath>images\storelogo.png</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\css\default.css">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\css\default.css">
       <PackagePath>css\default.css</PackagePath>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Shared\js\default.js">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Shared\js\default.js">
       <PackagePath>js\default.js</PackagePath>
     </AppxPackagedFile>
-    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\ReverseMap\resources.pri">
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Shared\js\textArea.js">
+      <PackagePath>js\textArea.js</PackagePath>
+    </AppxPackagedFile>
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Shared\js\textBox.js">
+      <PackagePath>js\textBox.js</PackagePath>
+    </AppxPackagedFile>
+    <AppxPackagedFile Include="C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\ReverseMap\resources.pri">
       <PackagePath>resources.pri</PackagePath>
     </AppxPackagedFile>
   </ItemGroup>

diff --git a/TextAreas/TextAreas.Windows/bld/Debug/ProjectArchitectures.txt b/TextAreas/TextAreas.Windows/bld/Debug/ProjectArchitectures.txt
@@ -1 +1 @@
-C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\TextAreas.Windows.jsproj;neutral
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\TextAreas.Windows.jsproj;neutral
diff --git a/TextAreas/TextAreas.Windows/bld/Debug/TextAreas.Windows.jsproj.FileListAbsolute.txt b/TextAreas/TextAreas.Windows/bld/Debug/TextAreas.Windows.jsproj.FileListAbsolute.txt
@@ -13,3 +13,18 @@ C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\q
 C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\qualifiers.txt.intermediate
 C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\MultipleQualifiersPerDimensionFound.txt
 C:\Users\rudenoise\Documents\2\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\ProjectArchitectures.txt
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\ReverseMap\resources.pri
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\AppxManifest.xml
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bin\Debug\TextAreas.Windows.build.appxrecipe
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\priconfig.xml
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\priconfig.xml.intermediate
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\layout.resfiles
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\layout.resfiles.intermediate
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\resources.resfiles
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\resources.resfiles.intermediate
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\pri.resfiles
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\pri.resfiles.intermediate
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\qualifiers.txt
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\qualifiers.txt.intermediate
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\MultipleQualifiersPerDimensionFound.txt
+C:\Users\rudenoise\Documents\TextAreas\TextAreas\TextAreas.Windows\bld\Debug\ProjectArchitectures.txt
diff --git a/TextAreas/TextAreas.Windows/bld/Debug/layout.resfiles b/TextAreas/TextAreas.Windows/bld/Debug/layout.resfiles
@@ -1,4 +1,6 @@
 js\default.js
+js\textArea.js
+js\textBox.js
 css\default.css
 default.html
 images\logo.png

diff --git a/TextAreas/TextAreas.Windows/bld/Debug/layout.resfiles.intermediate b/TextAreas/TextAreas.Windows/bld/Debug/layout.resfiles.intermediate
@@ -1,4 +1,6 @@
 js\default.js
+js\textArea.js
+js\textBox.js
 css\default.css
 default.html
 images\logo.png

diff --git a/TextAreas/TextAreas.Windows/default.html b/TextAreas/TextAreas.Windows/default.html
@@ -11,9 +11,34 @@
 
     <!-- TextAreas.Windows references -->
     <link href="/css/default.css" rel="stylesheet" />
+    <script src="js/textArea.js"></script>
+    <script src="js/textBox.js"></script>
     <script src="/js/default.js"></script>
+
 </head>
 <body>
-    <p>Content goes here</p>
+    <H1>Text Areas</H1>
+    <hr />
+    <h2>Regular text area:</h2>
+    <h3>In</h3>
+    <textarea id="textAreaIn">Paste some content from the web into me...</textarea>
+    <br clear="all" />
+    <button id="textAreaGo">Go</button>
+    <h3>Out</h3>
+    <div id="textAreaOut"></div>
+    <hr />
+    <h2>TextBox</h2>
+    <h3>In</h3>
+    <div id="textBoxContainer">
+        <div id="textBoxIn"
+             role="textbox"
+             contenteditable="true"
+             aria-multiline="true"
+             class="win-textarea">Paste some content from the web into me...</div>
+    </div>
+    <br clear="all" />
+    <button id="textBoxGo">Go</button>
+    <h3>Out</h3>
+    <div id="textBoxOut"></div>
 </body>
 </html>