From 45d217e579761dcabca44709f06b566b806ca552 Mon Sep 17 00:00:00 2001
From: manolobevia <manolobevia@440791e1-c2bf-4c1e-ad7c-caf3f8b0ebe8>
Date: Mon, 5 Dec 2011 00:41:33 +0000
Subject: [PATCH] NIHVIVO-3419: Improved UX for adding individuals in a first
 time VITRO installation

---
 webapp/web/css/admin.css                      |  12 ++++++++
 .../web/images/siteAdmin/addClassBubble.png   | Bin 0 -> 745 bytes
 webapp/web/js/siteAdmin/siteAdminUtils.js     |  27 ++++++++++++++++++
 .../body/siteAdmin/siteAdmin-dataInput.ftl    |  13 +++++++--
 4 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 webapp/web/images/siteAdmin/addClassBubble.png
 create mode 100644 webapp/web/js/siteAdmin/siteAdminUtils.js

diff --git a/webapp/web/css/admin.css b/webapp/web/css/admin.css
index 8bc8f1fad..eb086d3af 100644
--- a/webapp/web/css/admin.css
+++ b/webapp/web/css/admin.css
@@ -42,4 +42,16 @@
 }
 #alertIcon {
     vertical-align:middle
+}
+/* BUBBLE ALERT FOR ADDING INDIVIDUAL CLASSES -----> */
+#addClassBubble p{
+    width: 258px;
+    height: 64px;
+    font-size: 13px;
+    line-height: 1.3em;
+    padding: 25px 5px 5px 13px;
+    background: #fff url('../images/siteAdmin/addClassBubble.png') 0 0 no-repeat; 
+    color: #797979;
+    padding-bottom: 0;
+    margin-bottom: 0;
 }
\ No newline at end of file
diff --git a/webapp/web/images/siteAdmin/addClassBubble.png b/webapp/web/images/siteAdmin/addClassBubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..41fdb5e92e1876ab29c8523aee7a4a774bb1ef03
GIT binary patch
literal 745
zcmeAS@N?(olHy`uVBq!ia0y~yU}OTaBRSZB<kdp03qVS;#5JNMI6tkVJh3R1!7(L2
zDOJHUH!(dmC^a#qvhZZ84FdyHx2KC^NX4x;x6gL_7Rns|SiD}dQ)APG*c)2DoubmF
z+8Y(xA`=r0HUBr*I~+OYB_<X&Z`qr)ROho<UT2-WG?x~8YkJ=7SoeOtrTg-eBHtex
zJl_-d^(9|Y-t+MH&*r@@V{3N&X8!AMo!OF?H>TbAwBf(Q`s=3~KF(hCuv(^fZqL~x
z+m6mV9(Ocv_n!-W0y6z~yWg(-bMM}xj|p$Q-gGB7JZn>Mec+k%+Uox2nw(<6=KemW
zS>jD!l{Q@4`KZwD+s#6UVy6$w1y>wXu<hS@quib8>+64yIi~m>m$T%%@k3F<jA?1`
z#@03S%8eR0TN18tsLW2<ys>@b+&(t5Fpgt_jjKeOtvAN@vA;5W)&EdEssFe{<E5C7
zcl3_!vr_v}?_7}MB&ac0Q||mRwmvSk<&&TPG^p4AyZrz4jc-kDj_=-hx{vD>@4=;y
z+&>?_`6`{c;aP=zbl2UkwSV+jUi$sLob%P$$>DQs?_H1hDetA0Y=0-_!VvYe>gT52
zJdVE@F7&)+T3c+qZFlreeTFUmyZ9}l+a5H$W?XA}cWnq`#&X%%>kI-+4jc@M3@roB
zND#3<CGaJdJ7X<>D#yH?Vi%&iQ#sZh-M3Tjf|d71@l=j`$DUozX1&fDrF>Ut$Ao<=
z?&<82w-%~?{LA67ZO7aGz25t0M15{Qy|H$q^Hj#OA2h!iZ427N^<(Me=Q~d`>wXVz
bU}Rvs=<`l@Mt3YQ?J{_}`njxgN@xNAMAR}U

literal 0
HcmV?d00001

diff --git a/webapp/web/js/siteAdmin/siteAdminUtils.js b/webapp/web/js/siteAdmin/siteAdminUtils.js
new file mode 100644
index 000000000..f6493f14f
--- /dev/null
+++ b/webapp/web/js/siteAdmin/siteAdminUtils.js
@@ -0,0 +1,27 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+  
+/*Display bubble message letting the user knows that it is necessary to create class groups and associate classes with class groups when there is no individual classes to select in Data Input section and 
+hide it when there are classes*/
+    
+$(document).ready(function(){
+    
+     var classesInSelectList = $('#addIndividualClass option').length;
+     
+     if (classesInSelectList == 0) {
+         $('#addIndividualClass input[type="submit"]').css('opacity','.4').click(function(event){
+             event.preventDefault();
+             $('#addClassBubble').effect( "shake", {times:2, direction:"up", distance:5}, 50 );
+          });
+          
+         $('#VClassURI').css('width','150px');
+         
+         $('#addClassBubble').show();
+         
+     }else{
+         $('#addIndividualClass input[type="submit"]').removeClass('opacity');
+         
+         $('#VClassURI').removeClass('width');
+         
+         $('#addClassBubble').hide();
+     }
+});
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/body/siteAdmin/siteAdmin-dataInput.ftl b/webapp/web/templates/freemarker/body/siteAdmin/siteAdmin-dataInput.ftl
index 5be180e1b..77698cd89 100644
--- a/webapp/web/templates/freemarker/body/siteAdmin/siteAdmin-dataInput.ftl
+++ b/webapp/web/templates/freemarker/body/siteAdmin/siteAdmin-dataInput.ftl
@@ -8,12 +8,21 @@
     <section class="pageBodyGroup" role="region">
         <h3>Data Input</h3>
 
-        <form action="${dataInput.formAction}" method="get">
+        <form id="addIndividualClass" action="${dataInput.formAction}" method="get">
             <select id="VClassURI" name="typeOfNew" class="form-item" role="select">
                 <@form.optionGroups groups=dataInput.groupedClassOptions />
             </select>
             <input type="hidden" name="editForm" value="edu.cornell.mannlib.vitro.webapp.edit.n3editing.configuration.generators.NewIndividualFormGenerator" role="input" />
             <input type="submit" id="submit" value="Add individual of this class" role="button" />
         </form>
+        
+        <section id="addClassBubble" role="region">
+            <p>Please create a <a title="Create a class gorup" href="${urls.base}/editForm?controller=Classgroup">class group</a> and associate classes with the group created.</p>
+        </section>
     </section>
-</#if>
\ No newline at end of file
+</#if>
+
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/js/jquery-ui/css/smoothness/jquery-ui-1.8.9.custom.css" />')}
+
+${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
+              '<script type="text/javascript" src="${urls.base}/js/siteAdmin/siteAdminUtils.js"></script>')}
\ No newline at end of file