UI for adding a ssh or rsync remote

2 files changed, 45 insertions, 7 deletions

diff --git a/templates/configurators/addssh.hamlet b/templates/configurators/addssh.hamlet
new file mode 100644
index 000000000..a0ee9a7ca
--- /dev/null
+++ b/templates/configurators/addssh.hamlet
@@ -0,0 +1,38 @@
+<div .span9 .hero-unit>
+  <h2>
+    Adding a remote server using ssh or rsync
+  <p>
+    Clone this repository to a ssh or rsync server. Your data will be #
+    uploaded to the server. If you set up other devices to use the same #
+    server, they will all be kept in sync, using the server as a central #
+    hub.
+  <p>
+    You can use nearly any server that has ssh or rsync. For example, you #
+    could use a <a href="http://linode.com/">Linode</a> or another VPS, or #
+    an account on a friend's server.
+  <p>
+    $case status
+      $of UnusableServer msg
+        <div .alert .alert-error>
+          <i .icon-warning-sign></i> #{msg}
+      $of _
+        <i .icon-warning-sign></i> Do keep in mind that all your data #
+        will be synced to the server, so make sure it has enough available #
+        disk space, bandwidth, and that you trust it with your data.
+  <p>
+    <form .form-horizontal enctype=#{enctype}>
+      <fieldset>
+        ^{form}
+        ^{authtoken}
+        <div .form-actions>
+          <button .btn .btn-primary type=submit :willTest status:onclick="$('#testmodal').modal('show');">
+            #{buttonText status}
+$if willTest status
+  <div .modal .fade #testmodal>
+    <div .modal-header>
+      <h3>
+        Testing server ...
+    <div .modal-body>
+      <p>
+        Making a ssh connection to the server to check it. #
+        You may be prompted for your password to log into the server.
diff --git a/templates/configurators/repositories.hamlet b/templates/configurators/repositories.hamlet
index b853befcf..06c1b3299 100644
--- a/templates/configurators/repositories.hamlet
+++ b/templates/configurators/repositories.hamlet
@@ -15,7 +15,7 @@
     <div .span4>
       <h3>
         <a href="@{AddDriveR}">
-          <i .icon-plus></i> Removable drive
+          <i .icon-plus-sign></i> Removable drive
       <p>
         Clone this repository to a USB drive, memory stick, or other #
         removable media.
@@ -25,7 +25,7 @@
         between computers. 
     <div .span4>
       <h3>
-        <i .icon-plus></i> Local computer
+        <i .icon-plus-sign></i> Local computer
       <p>
         Pair with a local computer to automatically keep files in sync #
         between computers on your local network.
@@ -33,7 +33,7 @@
         For easy sharing with family and friends, or between your devices.
     <div .span4>
       <h3>
-        <i .icon-plus></i> Phone
+        <i .icon-plus-sign></i> Phone
       <p>
         Save photos and recordings from your phone.
       <p>
@@ -41,7 +41,7 @@
   <div .row-fluid>
     <div .span4>
       <h3>
-        <i .icon-plus></i> The cloud
+        <i .icon-plus-sign></i> The cloud
       <p>
         Store your data on a third-party cloud platform, #
         including Amazon S3, Box.com, and Rsync.net.
@@ -50,10 +50,10 @@
         With strong encryption to protect your privacy.
     <div .span4>
       <h3>
-        <a href="@{AddRemoteServerR}">
-          <i .icon-plus></i> Remote server
+        <a href="@{AddSshR}">
+          <i .icon-plus-sign></i> Remote server
       <p>
         Set up a repository on a remote server using #
         <tt>ssh</tt> or <tt>rsync</tt>.
       <p>
-        To use your own personal cloud.
+        To build your own personal cloud.