From db20060368562bc227dfa08ae63e0601d53d4cb9 Mon Sep 17 00:00:00 2001
From: Rachel TORCHET <racheltorchet@users.noreply.github.com>
Date: Thu, 29 Jun 2017 16:21:48 +0200
Subject: [PATCH] Update ProteinDomainComplexTypeForm form and JS to show/hide
 inhibited/stabilized configurations

Former-commit-id: 74e03458a2cbd9c9aaa36c2383664bd869036c3b
---
 ippisite/ippidb/static/css/ippidb.css         |  21 +++++++++-
 .../Inhibited/Customyourown_Apo.png}          | Bin
 .../PPITypes/Inhibited/Customyourown_Holo.png | Bin 0 -> 1387 bytes
 .../Inhibited/Hetero2-merAB_Apo.png}          | Bin
 .../Inhibited/Hetero2-merAB_Holo.png}         | Bin
 .../Inhibited/Homo2-merA2_Apo.png}            | Bin
 .../Inhibited/Homo2-merA2_Holo.png}           | Bin
 .../PPITypes/Stabilized/Customyourown_Apo.png | Bin 0 -> 1387 bytes
 .../Stabilized/Customyourown_Holo.png         | Bin 0 -> 1387 bytes
 .../Stabilized/Hetero2merApo.png              | Bin
 .../Stabilized/Hetero2merHolo.png             | Bin
 .../Stabilized/Homo2merApo.png                | Bin
 .../Stabilized/Homo2merHolo.png               | Bin
 .../Stabilized/Homo3merApo.png                | Bin
 .../Stabilized/Homo3merHolo.png               | Bin
 .../Stabilized/Homo3merInhibitedApo.png       | Bin
 .../Stabilized/Homo3merInhibitedHolo.png      | Bin
 .../Stabilized/Homo4merApo.png                | Bin
 .../Stabilized/Homo4merHolo.png               | Bin
 .../Stabilized/HomoLike2merApo.png            | Bin
 .../Stabilized/HomoLike2merHolo.png           | Bin
 .../Stabilized/RingLikeHomo3merApo.png        | Bin
 .../Stabilized/RingLikeHomo3merHolo.png       | Bin
 .../Stabilized/RingLikeHomo5merApo.png        | Bin
 .../Stabilized/RingLikeHomo5merHolo.png       | Bin
 ippisite/ippidb/static/js/ippidb.js           |  16 +++++++
 .../ProteinDomainComplexTypeForm.html         |  39 +++++++-----------
 ippisite/ippidb/templates/admin-session.html  |   2 +-
 28 files changed, 52 insertions(+), 26 deletions(-)
 rename ippisite/ippidb/static/images/{Other/Plus.png => PPITypes/Inhibited/Customyourown_Apo.png} (100%)
 create mode 100644 ippisite/ippidb/static/images/PPITypes/Inhibited/Customyourown_Holo.png
 rename ippisite/ippidb/static/images/{DimericsPPI/Inhibited/Hetero2merAB_Apo.png => PPITypes/Inhibited/Hetero2-merAB_Apo.png} (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI/Inhibited/Hetero2merAB_Holo.png => PPITypes/Inhibited/Hetero2-merAB_Holo.png} (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI/Inhibited/Homo2merApo.png => PPITypes/Inhibited/Homo2-merA2_Apo.png} (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI/Inhibited/Homo2merHolo.png => PPITypes/Inhibited/Homo2-merA2_Holo.png} (100%)
 create mode 100644 ippisite/ippidb/static/images/PPITypes/Stabilized/Customyourown_Apo.png
 create mode 100644 ippisite/ippidb/static/images/PPITypes/Stabilized/Customyourown_Holo.png
 rename ippisite/ippidb/static/images/{DimericsPPI => PPITypes}/Stabilized/Hetero2merApo.png (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI => PPITypes}/Stabilized/Hetero2merHolo.png (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI => PPITypes}/Stabilized/Homo2merApo.png (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI => PPITypes}/Stabilized/Homo2merHolo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/Homo3merApo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/Homo3merHolo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/Homo3merInhibitedApo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/Homo3merInhibitedHolo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/Homo4merApo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/Homo4merHolo.png (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI => PPITypes}/Stabilized/HomoLike2merApo.png (100%)
 rename ippisite/ippidb/static/images/{DimericsPPI => PPITypes}/Stabilized/HomoLike2merHolo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/RingLikeHomo3merApo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/RingLikeHomo3merHolo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/RingLikeHomo5merApo.png (100%)
 rename ippisite/ippidb/static/images/{MultimericPPI => PPITypes}/Stabilized/RingLikeHomo5merHolo.png (100%)

diff --git a/ippisite/ippidb/static/css/ippidb.css b/ippisite/ippidb/static/css/ippidb.css
index a82486f9..204111fe 100644
--- a/ippisite/ippidb/static/css/ippidb.css
+++ b/ippisite/ippidb/static/css/ippidb.css
@@ -643,7 +643,6 @@ body {
     display:inline-block;
 }
 
-
 /* BUTTONS */
 
 /* IdForm*/
@@ -745,6 +744,9 @@ body {
     overflow: hidden;
     width: 600px;
     padding-bottom: 5px;
+    background-image: url('/static/images/PPITypes/Inhibited/{{radio.choice_label|cut:" "}}_Apo.png');
+    background-position: center;
+    background-repeat: no-repeat;
 }
 
 #id_ProteinDomainComplexTypeForm-inhibited label span{
@@ -754,6 +756,7 @@ body {
   border: 1px solid #8D8888;
   height: 180px;
   font-size: 12px;
+
 } 
 
 #id_ProteinDomainComplexTypeForm-inhibited input {
@@ -779,8 +782,24 @@ body {
     border-right: 1px solid #E3E9EB;
 }
 
+.image-inhibited label span{
+    background-image: url('/static/images/PPITypes/Inhibited/{{radio.choice_label|cut:" "}}_Apo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.image-inhibited label span:hover {
+    background-image: url('/static/images/PPITypes/Inhibited/{{radio.choice_label|cut:" "}}_Halo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
 /* Stabilized */
 
+#stabilized{
+  display:none;
+}
+
 #id_ProteinDomainComplexTypeForm-stabilized {
     overflow: hidden;
     width: 600px;
diff --git a/ippisite/ippidb/static/images/Other/Plus.png b/ippisite/ippidb/static/images/PPITypes/Inhibited/Customyourown_Apo.png
similarity index 100%
rename from ippisite/ippidb/static/images/Other/Plus.png
rename to ippisite/ippidb/static/images/PPITypes/Inhibited/Customyourown_Apo.png
diff --git a/ippisite/ippidb/static/images/PPITypes/Inhibited/Customyourown_Holo.png b/ippisite/ippidb/static/images/PPITypes/Inhibited/Customyourown_Holo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3726d3e314ccb7c3e948171be5bd96293090c455
GIT binary patch
literal 1387
zcmV-x1(f=UP)<h;3K|Lk000e1NJLTq001KZ001Kh1^@s69@(>5000CHX+uL$Nkc;*
zP;zf(X>4Tx062|}Rb6NtRTMtEb7vzY&QokOg><Mt4J8eeRy3isx_{l>Hg1+lHrgWS
zWcKdPn90sKGrRqvPeo9CG3uKX#J{(IASm?@+di}}l?o-=)F3E6wD^Ni=!>T7nL9I?
zX}YoAW$t|Qo$sD|?zw001?ah|SeB6#0T!CBEf+H4bBB+JJu8rehoBb*p;u8ID_yBf
z0ya+zcePvJL&AGs+11_tpRKn>9TgyPA7ZoSs0)aX0r00)%XR^J`jH<$>RKN5V(7Oq
zK*TS4xZz{h!*f1<jcI1&EaKCM1yxgOh?fwL%*FUd4Er&#)?c7aYU`@#<)UJnb={z`
zaPMLMpKZZth4XF0r_Y(6K7{XKT>C3ECFkK$#7nA@pGN!$;%jYvwjAKwmYb0gKL(K8
z-kPtb5${A?tlI~wzMrJ6wTdBr=Y%%%EaEMQ&o}4FQ^DA)s*}Z>!FI&AHCpoWI|RUq
zx?7s@$8!5^Q=anY<?1z>%X@i5{QA6kNcMelpE>R6eCYFpmMsVTrI(b06~u#xf1yS}
z_UGdMvD``!0~u-><w<`olA{h=FXLTprs&U03>P=lA4?YN`hilQ|3tHka)7T{2CGqw
zjZfMwx$5irQN_*|e4l)UHmiYuz74Yp1t^#>hrJ3-SOXDcC_o0^7T9R1gAN8V6s;5)
zieI5-7aQlmJn}lUna#nz!j%5V$X|o`xX!dHWQRV27P1=rj;t2bW$~+pTw@bIek?Zv
zKPDL<64`^#UNTAck#RBsB6*5DP4<%<vJ+(Q`q)ZrMP58N*8RMUGg79TMcp~HyP#nI
zGb&76Q`f944z`9P%PIQ>UA_FqU$I>2EH_cM;u)Q~SI+rg`Rn{L_AC5qq~L$#SMj%U
z$6Cz0vP{G5Y*=%5RT^yu;}-DInZ=349rJPV<W~<yewN9Z=dbi#JXvop4o0k(1^R0F
zRvAu>M6C3K^oO)8y(fJr{l>k`ead~!ea?NsT>_Ci%bnxC;Vy6=b6>{xYV#Ue-+LB$
z7`JEXmTRm^AtP)R9u{)KHsMiWGV&)32xCG~*nyU<>-!d;FP=Re4r3qYr~6#KE>;1F
z`>_J_P5xC?ROxV(DIHdCO*p<m6O1H7WQ>$HRQI@7^PwV@Pvuf+5K}u-6REM(K@W$s
zrgorh0{i?O)v0c>QtHxU-hBdD(>iYJ4b2sIOVX2K8m~4gmYVA5h^QEb$V`rCQ-|7Z
zS{nuL-t>?3n=-o(6I(7vocj#GzCZEo`!3>+v;dYIfPu#&ZWzzX2i^rZ^Mu;6+rb@?
zNPG+6)c5T6zxpzGe*M(x+{AON=PiJ>H#?ob-|uwRK0yDg0B4PV0id6JRZw95ZvX%Q
z32;bRa{vGr5&!@f5&>tQ(oz5b0R%}zK~z`??U+3Z0znLg^K`}18(7&YHVWH{g;((o
z)_Mayl44<D<xi;|z)sjA1{9Q89y`+rLZ-^Rc^kq<*!h7Zj^47Et4OEnGeA!JX=7I9
z`(Dq!Co!=VG8WN6wHF)nBo$MuPWn5C7sFUP87IRCFx`9RFUX*~Di%=bvuaB^Bv;i|
zNe=`7cTrgfGM_?r8AOIEI^wQi#Wtsy@h*50<9&Hh_XcLPoQ#uU1eoqU!^mW!dbN}M
znHfS|6>U3^H$%NN2Obc;lyoAP_hvufw9#D_+nC#dZ3i2>s^lrzy=NFLC*x!o0j7J;
tI2lHO>B)~pfF3MaohAI}di=z3(G#B$Fmvu7%R&GE002ovPDHLkV1ltum#hE)

literal 0
HcmV?d00001

diff --git a/ippisite/ippidb/static/images/DimericsPPI/Inhibited/Hetero2merAB_Apo.png b/ippisite/ippidb/static/images/PPITypes/Inhibited/Hetero2-merAB_Apo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Inhibited/Hetero2merAB_Apo.png
rename to ippisite/ippidb/static/images/PPITypes/Inhibited/Hetero2-merAB_Apo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Inhibited/Hetero2merAB_Holo.png b/ippisite/ippidb/static/images/PPITypes/Inhibited/Hetero2-merAB_Holo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Inhibited/Hetero2merAB_Holo.png
rename to ippisite/ippidb/static/images/PPITypes/Inhibited/Hetero2-merAB_Holo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Inhibited/Homo2merApo.png b/ippisite/ippidb/static/images/PPITypes/Inhibited/Homo2-merA2_Apo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Inhibited/Homo2merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Inhibited/Homo2-merA2_Apo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Inhibited/Homo2merHolo.png b/ippisite/ippidb/static/images/PPITypes/Inhibited/Homo2-merA2_Holo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Inhibited/Homo2merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Inhibited/Homo2-merA2_Holo.png
diff --git a/ippisite/ippidb/static/images/PPITypes/Stabilized/Customyourown_Apo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Customyourown_Apo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3726d3e314ccb7c3e948171be5bd96293090c455
GIT binary patch
literal 1387
zcmV-x1(f=UP)<h;3K|Lk000e1NJLTq001KZ001Kh1^@s69@(>5000CHX+uL$Nkc;*
zP;zf(X>4Tx062|}Rb6NtRTMtEb7vzY&QokOg><Mt4J8eeRy3isx_{l>Hg1+lHrgWS
zWcKdPn90sKGrRqvPeo9CG3uKX#J{(IASm?@+di}}l?o-=)F3E6wD^Ni=!>T7nL9I?
zX}YoAW$t|Qo$sD|?zw001?ah|SeB6#0T!CBEf+H4bBB+JJu8rehoBb*p;u8ID_yBf
z0ya+zcePvJL&AGs+11_tpRKn>9TgyPA7ZoSs0)aX0r00)%XR^J`jH<$>RKN5V(7Oq
zK*TS4xZz{h!*f1<jcI1&EaKCM1yxgOh?fwL%*FUd4Er&#)?c7aYU`@#<)UJnb={z`
zaPMLMpKZZth4XF0r_Y(6K7{XKT>C3ECFkK$#7nA@pGN!$;%jYvwjAKwmYb0gKL(K8
z-kPtb5${A?tlI~wzMrJ6wTdBr=Y%%%EaEMQ&o}4FQ^DA)s*}Z>!FI&AHCpoWI|RUq
zx?7s@$8!5^Q=anY<?1z>%X@i5{QA6kNcMelpE>R6eCYFpmMsVTrI(b06~u#xf1yS}
z_UGdMvD``!0~u-><w<`olA{h=FXLTprs&U03>P=lA4?YN`hilQ|3tHka)7T{2CGqw
zjZfMwx$5irQN_*|e4l)UHmiYuz74Yp1t^#>hrJ3-SOXDcC_o0^7T9R1gAN8V6s;5)
zieI5-7aQlmJn}lUna#nz!j%5V$X|o`xX!dHWQRV27P1=rj;t2bW$~+pTw@bIek?Zv
zKPDL<64`^#UNTAck#RBsB6*5DP4<%<vJ+(Q`q)ZrMP58N*8RMUGg79TMcp~HyP#nI
zGb&76Q`f944z`9P%PIQ>UA_FqU$I>2EH_cM;u)Q~SI+rg`Rn{L_AC5qq~L$#SMj%U
z$6Cz0vP{G5Y*=%5RT^yu;}-DInZ=349rJPV<W~<yewN9Z=dbi#JXvop4o0k(1^R0F
zRvAu>M6C3K^oO)8y(fJr{l>k`ead~!ea?NsT>_Ci%bnxC;Vy6=b6>{xYV#Ue-+LB$
z7`JEXmTRm^AtP)R9u{)KHsMiWGV&)32xCG~*nyU<>-!d;FP=Re4r3qYr~6#KE>;1F
z`>_J_P5xC?ROxV(DIHdCO*p<m6O1H7WQ>$HRQI@7^PwV@Pvuf+5K}u-6REM(K@W$s
zrgorh0{i?O)v0c>QtHxU-hBdD(>iYJ4b2sIOVX2K8m~4gmYVA5h^QEb$V`rCQ-|7Z
zS{nuL-t>?3n=-o(6I(7vocj#GzCZEo`!3>+v;dYIfPu#&ZWzzX2i^rZ^Mu;6+rb@?
zNPG+6)c5T6zxpzGe*M(x+{AON=PiJ>H#?ob-|uwRK0yDg0B4PV0id6JRZw95ZvX%Q
z32;bRa{vGr5&!@f5&>tQ(oz5b0R%}zK~z`??U+3Z0znLg^K`}18(7&YHVWH{g;((o
z)_Mayl44<D<xi;|z)sjA1{9Q89y`+rLZ-^Rc^kq<*!h7Zj^47Et4OEnGeA!JX=7I9
z`(Dq!Co!=VG8WN6wHF)nBo$MuPWn5C7sFUP87IRCFx`9RFUX*~Di%=bvuaB^Bv;i|
zNe=`7cTrgfGM_?r8AOIEI^wQi#Wtsy@h*50<9&Hh_XcLPoQ#uU1eoqU!^mW!dbN}M
znHfS|6>U3^H$%NN2Obc;lyoAP_hvufw9#D_+nC#dZ3i2>s^lrzy=NFLC*x!o0j7J;
tI2lHO>B)~pfF3MaohAI}di=z3(G#B$Fmvu7%R&GE002ovPDHLkV1ltum#hE)

literal 0
HcmV?d00001

diff --git a/ippisite/ippidb/static/images/PPITypes/Stabilized/Customyourown_Holo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Customyourown_Holo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3726d3e314ccb7c3e948171be5bd96293090c455
GIT binary patch
literal 1387
zcmV-x1(f=UP)<h;3K|Lk000e1NJLTq001KZ001Kh1^@s69@(>5000CHX+uL$Nkc;*
zP;zf(X>4Tx062|}Rb6NtRTMtEb7vzY&QokOg><Mt4J8eeRy3isx_{l>Hg1+lHrgWS
zWcKdPn90sKGrRqvPeo9CG3uKX#J{(IASm?@+di}}l?o-=)F3E6wD^Ni=!>T7nL9I?
zX}YoAW$t|Qo$sD|?zw001?ah|SeB6#0T!CBEf+H4bBB+JJu8rehoBb*p;u8ID_yBf
z0ya+zcePvJL&AGs+11_tpRKn>9TgyPA7ZoSs0)aX0r00)%XR^J`jH<$>RKN5V(7Oq
zK*TS4xZz{h!*f1<jcI1&EaKCM1yxgOh?fwL%*FUd4Er&#)?c7aYU`@#<)UJnb={z`
zaPMLMpKZZth4XF0r_Y(6K7{XKT>C3ECFkK$#7nA@pGN!$;%jYvwjAKwmYb0gKL(K8
z-kPtb5${A?tlI~wzMrJ6wTdBr=Y%%%EaEMQ&o}4FQ^DA)s*}Z>!FI&AHCpoWI|RUq
zx?7s@$8!5^Q=anY<?1z>%X@i5{QA6kNcMelpE>R6eCYFpmMsVTrI(b06~u#xf1yS}
z_UGdMvD``!0~u-><w<`olA{h=FXLTprs&U03>P=lA4?YN`hilQ|3tHka)7T{2CGqw
zjZfMwx$5irQN_*|e4l)UHmiYuz74Yp1t^#>hrJ3-SOXDcC_o0^7T9R1gAN8V6s;5)
zieI5-7aQlmJn}lUna#nz!j%5V$X|o`xX!dHWQRV27P1=rj;t2bW$~+pTw@bIek?Zv
zKPDL<64`^#UNTAck#RBsB6*5DP4<%<vJ+(Q`q)ZrMP58N*8RMUGg79TMcp~HyP#nI
zGb&76Q`f944z`9P%PIQ>UA_FqU$I>2EH_cM;u)Q~SI+rg`Rn{L_AC5qq~L$#SMj%U
z$6Cz0vP{G5Y*=%5RT^yu;}-DInZ=349rJPV<W~<yewN9Z=dbi#JXvop4o0k(1^R0F
zRvAu>M6C3K^oO)8y(fJr{l>k`ead~!ea?NsT>_Ci%bnxC;Vy6=b6>{xYV#Ue-+LB$
z7`JEXmTRm^AtP)R9u{)KHsMiWGV&)32xCG~*nyU<>-!d;FP=Re4r3qYr~6#KE>;1F
z`>_J_P5xC?ROxV(DIHdCO*p<m6O1H7WQ>$HRQI@7^PwV@Pvuf+5K}u-6REM(K@W$s
zrgorh0{i?O)v0c>QtHxU-hBdD(>iYJ4b2sIOVX2K8m~4gmYVA5h^QEb$V`rCQ-|7Z
zS{nuL-t>?3n=-o(6I(7vocj#GzCZEo`!3>+v;dYIfPu#&ZWzzX2i^rZ^Mu;6+rb@?
zNPG+6)c5T6zxpzGe*M(x+{AON=PiJ>H#?ob-|uwRK0yDg0B4PV0id6JRZw95ZvX%Q
z32;bRa{vGr5&!@f5&>tQ(oz5b0R%}zK~z`??U+3Z0znLg^K`}18(7&YHVWH{g;((o
z)_Mayl44<D<xi;|z)sjA1{9Q89y`+rLZ-^Rc^kq<*!h7Zj^47Et4OEnGeA!JX=7I9
z`(Dq!Co!=VG8WN6wHF)nBo$MuPWn5C7sFUP87IRCFx`9RFUX*~Di%=bvuaB^Bv;i|
zNe=`7cTrgfGM_?r8AOIEI^wQi#Wtsy@h*50<9&Hh_XcLPoQ#uU1eoqU!^mW!dbN}M
znHfS|6>U3^H$%NN2Obc;lyoAP_hvufw9#D_+nC#dZ3i2>s^lrzy=NFLC*x!o0j7J;
tI2lHO>B)~pfF3MaohAI}di=z3(G#B$Fmvu7%R&GE002ovPDHLkV1ltum#hE)

literal 0
HcmV?d00001

diff --git a/ippisite/ippidb/static/images/DimericsPPI/Stabilized/Hetero2merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Hetero2merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Stabilized/Hetero2merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Hetero2merApo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Stabilized/Hetero2merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Hetero2merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Stabilized/Hetero2merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Hetero2merHolo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Stabilized/Homo2merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo2merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Stabilized/Homo2merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo2merApo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Stabilized/Homo2merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo2merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Stabilized/Homo2merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo2merHolo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merApo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merHolo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merInhibitedApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merInhibitedApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merInhibitedApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merInhibitedApo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merInhibitedHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merInhibitedHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo3merInhibitedHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo3merInhibitedHolo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo4merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo4merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo4merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo4merApo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo4merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/Homo4merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/Homo4merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/Homo4merHolo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Stabilized/HomoLike2merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/HomoLike2merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Stabilized/HomoLike2merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/HomoLike2merApo.png
diff --git a/ippisite/ippidb/static/images/DimericsPPI/Stabilized/HomoLike2merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/HomoLike2merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/DimericsPPI/Stabilized/HomoLike2merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/HomoLike2merHolo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo3merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo3merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo3merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo3merApo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo3merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo3merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo3merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo3merHolo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo5merApo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo5merApo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo5merApo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo5merApo.png
diff --git a/ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo5merHolo.png b/ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo5merHolo.png
similarity index 100%
rename from ippisite/ippidb/static/images/MultimericPPI/Stabilized/RingLikeHomo5merHolo.png
rename to ippisite/ippidb/static/images/PPITypes/Stabilized/RingLikeHomo5merHolo.png
diff --git a/ippisite/ippidb/static/js/ippidb.js b/ippisite/ippidb/static/js/ippidb.js
index f6a87790..084b2751 100644
--- a/ippisite/ippidb/static/js/ippidb.js
+++ b/ippisite/ippidb/static/js/ippidb.js
@@ -15,4 +15,20 @@ $(document).ready(function() {
     $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
         e.preventDefault(); $(this).parent('div').remove(); x--;
     })
+});
+
+
+$(document).ready(function(){
+    $('#id_ProteinDomainComplexTypeForm-archi').on('change', function() {
+      if ( this.value === "stabilized")
+      {
+        $("#stabilized").show();
+        $("#inhibited").hide();
+      }
+      else
+      {
+        $("#stabilized").hide();
+        $("#inhibited").show();
+      }
+    });
 });
\ No newline at end of file
diff --git a/ippisite/ippidb/templates/ProteinDomainComplexTypeForm.html b/ippisite/ippidb/templates/ProteinDomainComplexTypeForm.html
index 4833ceeb..6b3c93c9 100644
--- a/ippisite/ippidb/templates/ProteinDomainComplexTypeForm.html
+++ b/ippisite/ippidb/templates/ProteinDomainComplexTypeForm.html
@@ -30,36 +30,27 @@ If your PPI complex is not among them, please select « Create you Own »</p>
 	{% for form in wizard.form.forms %}
 	{% endfor %}
 {% else %}
-	<div id='archi' name='archi'>{{ wizard.form.archi }}</div>
+	{{ wizard.form.archi }}
 	<div id='inhibited' name='inhibited' class="type_style">
-		<div class="type_title"><h1>Inhibited</h1></div>
-		<div id="id_ProteinDomainComplexTypeForm-inhibited">
-				{{ wizard.form.inhibited.0.tag }}
-				<label for="{{  wizard.form.inhibited.0.id_for_label }}">
-	        		<span>{{ wizard.form.inhibited.0.choice_label}}</span>
-	        	</label>
-		</div>	
-		<div id="id_ProteinDomainComplexTypeForm-inhibited">
-				{{ wizard.form.inhibited.1.tag }}
-				<label for="{{  wizard.form.inhibited.1.id_for_label }}">
-	        		<span>{{ wizard.form.inhibited.1.choice_label}}</span>
-	        	</label>
-		</div>	
-		<div id="id_ProteinDomainComplexTypeForm-inhibited">
-				{{ wizard.form.inhibited.2.tag }}
-				<label for="{{  wizard.form.inhibited.2.id_for_label }}">
-	        		<span>{{ wizard.form.inhibited.2.choice_label}}</span>
-	        	</label>
-		</div>	
-		
+		<div class="type_title">
+			<h1>Inhibited</h1>
+		</div>
+		<div id="id_ProteinDomainComplexTypeForm-inhibited" class="image-inhibited">
+			{% for radio in wizard.form.inhibited %}
+	    	  	{{ radio.tag }}
+	        	<label for="{{ radio.id_for_label }}">
+	        		<span>{{ radio.choice_label}}</span>
+	    		</label>
+			{% endfor %}
+		</div>
 	</div>
-	<div id='stabilized' name= 'stabilized' class="type_style">
+	<div id="stabilized" class="type_style">
 		<div class="type_title"><h1>Stabilized</h1></div>
 		<div id="id_ProteinDomainComplexTypeForm-stabilized">
 			{% for radio in wizard.form.stabilized %}
 	    	  	{{ radio.tag }}
-	        	<label style="background-image: url('/static/images/DimericsPPI/Stabilized/{{radio.choice_value}}.png');" for="{{ radio.id_for_label }}">
-	        		<span>{{ radio.choice_label }}</span>
+	        	<label style="background-image: url('/static/images/DimericsPPI/Stabilized/{{radio.choice_label|cut:" "}}.png');" for="{{ radio.id_for_label }}">
+	        		<span>{{ radio.choice_label}}</span>
 	    		</label>
 			{% endfor %}
 		</div>
diff --git a/ippisite/ippidb/templates/admin-session.html b/ippisite/ippidb/templates/admin-session.html
index 3b5136cc..74c5f3ad 100644
--- a/ippisite/ippidb/templates/admin-session.html
+++ b/ippisite/ippidb/templates/admin-session.html
@@ -12,7 +12,7 @@
                     <a hfref="/admin-session/view">View Content</a>
                 </li>
                 <li>
-                    <a href="/admin-session/add">Add New Content</a>
+                    <a href="/admin-session/add/IdForm">Add New Content</a>
                 </li>
                 <li>
                     <a hfref="/admin-session/update">Update Content</a>
-- 
GitLab