one-time introductory popup [fixes SCI-336]

app/assets/javascripts/projects/introdutory_popup.js

@@ -1,10 +1,10 @@
 (function(){
   // display introductory modal
-  if( Cookies.get('popup-already-shown') !== 'yes'){
+  // if( Cookies.get('popup-already-shown') !== 'yes'){
     $("#introductory-popup-modal").modal('show',{
       backdrop: true,
       keyboard: false,
     });
-    Cookies.set('popup-already-shown', 'yes');
-  }
+  //  Cookies.set('popup-already-shown', 'yes');
+  // }
 })();

app/views/projects/index/_introductory_popup.html.erb

@@ -7,7 +7,15 @@
         <h4 class="modal-title" id="introductory-modal-label"><%=t 'introductory.popup-title' %></h4>
       </div>
       <div class="modal-body">
-        // TODO
+        <p><%= t('introductory.sentence_one_html') %></p>
+        <%= image_tag 'introductory_popup/image2.png', class: 'img-responsive' %>
+        <p><%=t 'introductory.sentence_two_html' %></p>
+        <%= image_tag 'introductory_popup/image1.jpg', class: 'img-responsive' %>
+        <p><%=t 'introductory.sentence_three_html' %></p>
+        <p><%=t 'introductory.sentence_four_html' %></p>
+        <p><%=t 'introductory.sentence_five_html' %></p>
+        <p><%=t 'introductory.sentence_six_html' %></p>
+        <%= image_tag 'introductory_popup/image3.png', class: 'img-responsive' %>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal"><%=t 'general.cancel' %></button>

config/locales/en.yml

@@ -1482,6 +1482,12 @@ en:
 
   introductory:
     popup-title: "Dear sciNote user,"
+    sentence_one_html: "To give you more flexibility in organization of your work, we have added a new feature to your sciNote: <strong>Experiment level</strong>. Now you are able to organize your Tasks and Workflows into different Experiments inside of an individual project. When you open a project you will see experiments displayed as thumbnails."
+    sentence_two_html: "You can see the changes in the hierarchy in the navigation panel as well."
+    sentence_three_html: "All your existing Tasks and Workflows are now in a single Experiment called \"My first experiment\". You can always rename it, create new Experiments and move workflows between them. To move a Task or a Workflow to a different experiment, do the following:"
+    sentence_four_html: "1. Open experiment that contains a workflow you would like to move and click Edit experiment."
+    sentence_five_html: "2. In the Options dropdown of any task select Move workflow to another experiment."
+    sentence_six_html: "3. Select experiment from the dropdown and click Move workflow. The workflow is now part of the selected experiment. So you can still have multiple workflows in one experiment."
   # This section contains general words that can be used in any parts of
   # application.