From 0e98be999c6402006d147fcdae56e018e5dcfbd4 Mon Sep 17 00:00:00 2001
From: James <james@jongsma.me>
Date: Sat, 7 Mar 2026 13:54:53 -0500
Subject: [PATCH] fix: add org modal HTML was missing from template, wire
 onclick

---
 dealspace                         | Bin 34756760 -> 34756760 bytes
 portal/templates/app/project.html | 132 +++++++++++++++++++++++++++++-
 2 files changed, 128 insertions(+), 4 deletions(-)

diff --git a/dealspace b/dealspace
index 5a9e0baf6fd2a00ba16d241da8c925a031c744cc..cd1e136c7355cd5326df279508f999707d1258c6 100755
GIT binary patch
delta 2693
zcmb`{`F{^|9Ki9%cQf}Ll4yufX<y&3?Yl`i%hssbVM&Q?wwT)zbInnRtRmJq9q4i^
zR9fiLee0y#QK8&N^m_GEe?ULHo{!Jx{p;r_Tf3uf8Le3w-C)Y>RZV8?oHndsey{8W
zZ5tim)M)AYg&U%S8EHks$7L0z4bB}F?h{Fz&>?;3__Vm(l<rBvl$^xk!om@meUp<$
zcFXJ^H#R9hJhos=YFd0~;>eyEMZ>c@ro`n<EKV=Z8r?5Bc~oj7eN18M;NE#NBb8=H
zDg`KtqRD*>Ri-Lbm8wy7szEiW7S*OYRF~>eeL9aCP(x}&=Tl?4fSS;S)RdahMHEZT
zsRgy9i>Vd0rc0;|wWW4+DP2aFQ+v9C;wVTRC`4iENb!_F5lW;a>O@ykXS#~6rY_W#
zx>0xPK|Sdjx|VuTGNsUUluEs+4_!|;P#X26bjqMi%A$UhO*c}1x`_tR&2$S5q+4ka
z4W=B*r92u!`BXr+(NG#jg*2Q-&`26ZqiGC{rEye5x6^pKgC@{KDyB&^nWoTGnnoow
zoo3KXnnicgT{N5K&|JEk=Fxn*hZayN-Anh;{j`u4(F3%YmQWczNDtA&^awplk5M@-
zrN`+BdXk=^Wwe}D(9`q`JxkBg^R$vy(P~;lYiS*=rw#N1y+|8r6K$rK=w*6^w$Q6o
zL9fwP+D6;yb$Wx|q_^m8+ClHoyYwEtPan{S^bvhbpU|iD8GTM)&`$c2zM`+`8~T>M
zqg}L{zNa7PNBW6=reEk++CzJ3AMK~#=y&>q4$wh5M1Rs>beN9NQ94G)=>(mmQ*@fn
z(BE{H&duZPmy$$DwER1ZaaCEWNL8sO)uo2ilv+|->PTIwC-vn#X&?=yk(@7$<pOCU
z7fMrUCKm-N_#Fc4vg^eMgW>j}NNz%6C?_c)7@tsaYCvotqeh$m&O-6wP;OFwBoZGC
z<#p(opPQeM7mg$*gofml$A)hY#Ky!2I|aj~Wd*STXf7?JrCcnnq_tckZKSQVlS}0?
zxm?=I6%r>w=^!BqOGk;91c^wZBuOW^Qaa03a<z1kuF_4qOAqNO*T}WfOOho;u9H;h
zEq&yAxk1vTucS+cWJ;FwlWe(B`pZo+KyH>>WT4zCgJiJeNUr3`5XqMUxlM-3Fe#Mb
zGD1emC>bqdWUPz}RFoAI1<q9buZLgm;Rnn2#!Ly+DlOqsz<9YsCdfo7mPs;MrpQ#8
zCM7amX2?vLC3nhQGF#@zT)A83$$Ys-7D%bwEBDF$vQQSu1F~3_NSQn+56Q#wh&(Ef
zNx3YQ$K?rmQl64!vRqck)AEcwE6>UEvQk#bYFQ&|Wu2^-4f2A#C>v#yY?hbgWqC!m
z$g5HzugO-~Cfnt8c|+cmx8!ZvA@9h$@}9geAIOLDk$fzl$fxp|d@f(ePWe*4lCR|(
z`BuJ@U9wxgmmlOu`AL43U*uQWBYS0^?3dr<clkpO$U!+If68BSSdPe1IVQ*Dgq)O9
za$3&F-*Q&Y1?H86qgVtaN}{Eb#7JeSB2}fDRF@i3Q))?VsUvlzUQ|U%xPDaQ*8czq
C{exBj

delta 2693
zcmb`{`F{>{0KoCrvzhytBPrFAJ866NY_=h67R@;(6J@rskwtEvlA%JYR*{x4MbYVq
zQei?lD@XT57rLl)BKmy#sXw3}KJV}G>-Q*IyF0p!)+~!`u(ip+en%HIPg%HfMaxB%
zc7~S}hSTP+kBrO8$P0%j4NRTdKRcK?pl{pZ;c3aKv3)WJq!$h99m-A5n3@{S?$LE}
zkD}P|DFvbNh2wf=CdN-2lb$uPC_5n|w%w%MUZc8&N9E@XN*i93GctE{QTptpN^_Db
z1t@|d$#oP}rYcmGs!?^SK{crs)uuWWO?9ar)u#q@0X3uxsS#a77gJ-pgf6AaD26Vl
zCUgZgrDoKeT2M=BMXl*dYC~61Te_NJDUN~^Pa#U6L~2J#luRkqo;pxRx`sMYXX-+!
zltx`Covx*B)Sa%Q4C+BWsTcL8KGc^osUP*HEE+)9(?H6mL39HRrXh4A-9$qvhlWuu
z<xxHjrx8>@g*1{z(akiPis%*^Lu2Vy8b{-40!^ezG?}K*RGLO%x{Yq9>2wFppkkUy
zvuHNmNq5oRG>7KWJi3QU=w7;y?x#|EfF7iWXg)2VhiM@_LS^(QEuzP0F)g8`R8Gt2
zae9K5(+YZ$o}!hsik_xt=vjJ>o~IXRHLanww2oe+^|XOrqL*nSy+W_jYqW_r(-x|r
zt@Ju=qwTbV-k>*WC+(u$w1@W6K6;DZrgvyR9iW4Bh~B05=zaQtKBSN6WBP<XrO)Vd
zI!s6C3;L42qOa*2I!edrIDJds(f9NN{YWS1B>hA`(=T+2ex={&clv|=q`&AiouRYz
zH=U#NCA|Gok_d^EfA^xCRhBAJRjNsKsUbC`meiIy5-oM5p468Ha)C6I3#E}<Bo|9#
zxkN6N%K{br4uN&qb%Tk)<hG%t#N7DY{DM$Y+=z<PLt+A1HCq06FFrXgcSJ%kz97CJ
zFFrXTDVUO+7{^!;mtP(eniPnM3MRG>CYP2K#suJUX(CrhQ)wp6rG>PVR?=Fols0me
zw3VwRR^lWm@e+~*NtAYyB*~H@?WKcslxw7ube1lXDrwSH(&bv|Cf(&a$&en>Q+i2n
z=_7q5Q~F7N$&vwby$qCW86-EzU>PDe%1ts<a%7m~N}lA)a2X*5QYa&3l-w+%rATg(
zF)~(em2om&CIl+V3MU56R{XDrU+&?@l^>6q9;j7X%%y<IGDW7!GzrUXa=T2IJ7k6w
z%S@Riv*k{?OYW9AGFRrwJyIg~%6)Rbl*$A0pgbh=Wq~{_3*`|hlSgHdJSK}}i7b_J
zStgIm6S7=Z$dmGvtdv#qv^*ov%5(C(ydbM(jjWY*@}jJl4f2w_EF0w&c~xGMO|n_G
zNQG>b*JYb*mmTtkyeT_nm+Y23vRC%WTk^KNBm3om9F#-yuDmDj%LnqId?X*sC-SL$
zCZEe;IU--km-3Z-E#JsdIVQ*DTlr4DmmlOuIUy(IC;3@^kyG-k{3gH4AM&UCC8y<#
zoRz=joSYAo6o(?11SCQtrIJKRWvL=nrJ7Wi8d6hgNo}bk(NZ^}qBvA9qEYjI0Kk@n
A+yDRo

diff --git a/portal/templates/app/project.html b/portal/templates/app/project.html
index 3a52cb9..f833084 100644
--- a/portal/templates/app/project.html
+++ b/portal/templates/app/project.html
@@ -71,12 +71,11 @@
 
       <!-- Orgs Tab -->
       <div id="tab-orgs" class="hidden">
-        <div class="flex justify-between items-center mb-4">
-          <p class="text-[#94a3b8] text-sm">Organizations and team members in this deal.</p>
-          <button id="addOrgBtn" class="px-3 py-1.5 bg-white/[0.05] hover:bg-white/[0.08] text-white rounded-lg text-sm transition">+ Add Org</button>
+        <div class="flex justify-between items-center mb-6">
+          <p class="text-[#94a3b8] text-sm">Parties participating in this deal and their permissions.</p>
+          <button onclick="openAddOrgModal()" class="px-3 py-1.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-sm transition">+ Add Org</button>
         </div>
         <div id="orgList" class="space-y-3"><div class="text-[#94a3b8] text-sm">Loading...</div></div>
-        <div id="teamMembersSection"></div>
       </div>
     </div>
 
@@ -138,6 +137,131 @@
       </div>
     </div>
   </div>
+
+  <!-- Add Org Modal -->
+  <div id="addOrgModal" class="hidden fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4">
+    <div class="bg-[#0d1f3c] border border-white/[0.08] rounded-xl w-full max-w-lg max-h-[90vh] overflow-y-auto">
+      <div class="p-6 border-b border-white/[0.08] flex items-center justify-between">
+        <h2 class="text-lg font-semibold text-white">Add Organization</h2>
+        <button onclick="closeAddOrgModal()" class="text-[#94a3b8] hover:text-white transition text-2xl leading-none">&times;</button>
+      </div>
+      <div class="p-6 space-y-5">
+        <div id="addOrgError" class="hidden p-3 bg-red-500/10 border border-red-500/20 rounded-lg text-red-400 text-sm"></div>
+        <!-- Org Type -->
+        <div>
+          <label class="block text-sm font-medium text-[#94a3b8] mb-2">Organization Type</label>
+          <div class="grid grid-cols-4 gap-2">
+            <button onclick="setOrgType('buyer',this)" data-type="buyer" class="org-type-btn py-2 rounded-lg text-sm border border-white/[0.08] text-[#94a3b8] hover:border-[#c9a84c] hover:text-[#c9a84c] transition">Buyer</button>
+            <button onclick="setOrgType('seller',this)" data-type="seller" class="org-type-btn py-2 rounded-lg text-sm border border-white/[0.08] text-[#94a3b8] hover:border-[#c9a84c] hover:text-[#c9a84c] transition">Seller</button>
+            <button onclick="setOrgType('ib',this)" data-type="ib" class="org-type-btn py-2 rounded-lg text-sm border border-white/[0.08] text-[#94a3b8] hover:border-[#c9a84c] hover:text-[#c9a84c] transition">IB Advisor</button>
+            <button onclick="setOrgType('advisor',this)" data-type="advisor" class="org-type-btn py-2 rounded-lg text-sm border border-white/[0.08] text-[#94a3b8] hover:border-[#c9a84c] hover:text-[#c9a84c] transition">Advisor</button>
+          </div>
+          <input type="hidden" id="addOrgType" value="buyer">
+        </div>
+        <!-- Org Name with typeahead -->
+        <div class="relative">
+          <label class="block text-sm font-medium text-[#94a3b8] mb-2">Organization Name</label>
+          <input type="text" id="addOrgName" placeholder="Start typing to search or create..." autocomplete="off"
+            oninput="orgNameSearch(this.value)"
+            class="w-full px-4 py-2.5 bg-[#0a1628] border border-white/[0.08] rounded-lg text-white placeholder-[#475569] focus:outline-none focus:border-[#c9a84c] text-sm">
+          <div id="orgNameDropdown" class="hidden absolute left-0 right-0 top-full mt-1 bg-[#0d1f3c] border border-white/[0.12] rounded-lg z-10 max-h-48 overflow-y-auto shadow-xl"></div>
+          <input type="hidden" id="addOrgId" value="">
+        </div>
+        <!-- Members -->
+        <div>
+          <div class="flex items-center justify-between mb-2">
+            <label class="text-sm font-medium text-[#94a3b8]">Team Members</label>
+            <button onclick="addMemberRow()" class="text-xs text-[#c9a84c] hover:underline">+ Add member</button>
+          </div>
+          <div id="memberRows" class="space-y-2"></div>
+        </div>
+        <!-- Permissions -->
+        <div class="border-t border-white/[0.08] pt-4">
+          <p class="text-sm font-medium text-white mb-3">Permissions</p>
+          <div class="space-y-3">
+            <div class="flex items-center justify-between">
+              <span class="text-sm text-[#94a3b8]">Download documents</span>
+              <select id="permDownload" class="px-3 py-1.5 bg-[#0a1628] border border-white/[0.08] rounded-lg text-white text-xs focus:outline-none focus:border-[#c9a84c]">
+                <option value="watermark">Watermarked only</option>
+                <option value="full">Full (no watermark)</option>
+                <option value="none">No access</option>
+              </select>
+            </div>
+            <div class="flex items-center justify-between">
+              <span class="text-sm text-[#94a3b8]">Upload documents</span>
+              <input type="checkbox" id="permUpload" class="w-4 h-4 accent-[#c9a84c]">
+            </div>
+            <div class="flex items-center justify-between">
+              <span class="text-sm text-[#94a3b8]">Add request lists</span>
+              <input type="checkbox" id="permAddLists" class="w-4 h-4 accent-[#c9a84c]">
+            </div>
+            <div class="flex items-center justify-between">
+              <span class="text-sm text-[#94a3b8]">Edit request lists</span>
+              <input type="checkbox" id="permEditLists" class="w-4 h-4 accent-[#c9a84c]">
+            </div>
+            <div class="flex items-center justify-between">
+              <span class="text-sm text-[#94a3b8]">Folder access</span>
+              <select id="permFolderAccess" class="px-3 py-1.5 bg-[#0a1628] border border-white/[0.08] rounded-lg text-white text-xs focus:outline-none focus:border-[#c9a84c]">
+                <option value="assigned">Assigned lists only</option>
+                <option value="all">All request lists</option>
+              </select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="p-6 border-t border-white/[0.08] flex gap-3">
+        <button onclick="closeAddOrgModal()" class="flex-1 py-2.5 bg-white/[0.05] hover:bg-white/[0.08] text-white rounded-lg text-sm font-medium transition">Cancel</button>
+        <button id="addOrgSubmitBtn" onclick="submitAddOrg()" class="flex-1 py-2.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-sm transition">Add to Deal</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Permissions Modal -->
+  <div id="permModal" class="hidden fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4">
+    <div class="bg-[#0d1f3c] border border-white/[0.08] rounded-xl w-full max-w-md">
+      <div class="p-6 border-b border-white/[0.08] flex items-center justify-between">
+        <h2 class="text-lg font-semibold text-white" id="permModalTitle">Permissions</h2>
+        <button onclick="closePermModal()" class="text-[#94a3b8] hover:text-white transition text-2xl leading-none">&times;</button>
+      </div>
+      <div class="p-6 space-y-4">
+        <input type="hidden" id="permModalDealOrgId">
+        <input type="hidden" id="permModalVersion">
+        <input type="hidden" id="permModalOrgId">
+        <input type="hidden" id="permModalRole">
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-[#94a3b8]">Download documents</span>
+          <select id="pmDownload" class="px-3 py-1.5 bg-[#0a1628] border border-white/[0.08] rounded-lg text-white text-xs focus:outline-none focus:border-[#c9a84c]">
+            <option value="watermark">Watermarked only</option>
+            <option value="full">Full (no watermark)</option>
+            <option value="none">No access</option>
+          </select>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-[#94a3b8]">Upload documents</span>
+          <input type="checkbox" id="pmUpload" class="w-4 h-4 accent-[#c9a84c]">
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-[#94a3b8]">Add request lists</span>
+          <input type="checkbox" id="pmAddLists" class="w-4 h-4 accent-[#c9a84c]">
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-[#94a3b8]">Edit request lists</span>
+          <input type="checkbox" id="pmEditLists" class="w-4 h-4 accent-[#c9a84c]">
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-[#94a3b8]">Folder access</span>
+          <select id="pmFolderAccess" class="px-3 py-1.5 bg-[#0a1628] border border-white/[0.08] rounded-lg text-white text-xs focus:outline-none focus:border-[#c9a84c]">
+            <option value="assigned">Assigned lists only</option>
+            <option value="all">All request lists</option>
+          </select>
+        </div>
+      </div>
+      <div class="p-6 border-t border-white/[0.08] flex gap-3">
+        <button onclick="closePermModal()" class="flex-1 py-2.5 bg-white/[0.05] hover:bg-white/[0.08] text-white rounded-lg text-sm font-medium transition">Cancel</button>
+        <button onclick="savePermissions()" class="flex-1 py-2.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-sm transition">Save</button>
+      </div>
+    </div>
+  </div>
 {{end}}
 
 {{define "scripts"}}