<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="rustdoc"><meta name="description" content="Source of the Rust file `widgetry/src/widgets/table.rs`."><meta name="keywords" content="rust, rustlang, rust-lang"><title>table.rs - source</title><link rel="stylesheet" type="text/css" href="../../../normalize.css"><link rel="stylesheet" type="text/css" href="../../../rustdoc.css" id="mainThemeStyle"><link rel="stylesheet" type="text/css" href="../../../light.css"  id="themeStyle"><link rel="stylesheet" type="text/css" href="../../../dark.css" disabled ><link rel="stylesheet" type="text/css" href="../../../ayu.css" disabled ><script id="default-settings"></script><script src="../../../storage.js"></script><noscript><link rel="stylesheet" href="../../../noscript.css"></noscript><link rel="icon" type="image/svg+xml" href="../../../favicon.svg">
<link rel="alternate icon" type="image/png" href="../../../favicon-16x16.png">
<link rel="alternate icon" type="image/png" href="../../../favicon-32x32.png"><style type="text/css">#crate-search{background-image:url("../../../down-arrow.svg");}</style></head><body class="rustdoc source"><!--[if lte IE 8]><div class="warning">This old browser is unsupported and will most likely display funky things.</div><![endif]--><nav class="sidebar"><div class="sidebar-menu">&#9776;</div><a href='../../../widgetry/index.html'><div class='logo-container rust-logo'><img src='../../../rust-logo.png' alt='logo'></div></a></nav><div class="theme-picker"><button id="theme-picker" aria-label="Pick another theme!" aria-haspopup="menu"><img src="../../../brush.svg" width="18" alt="Pick another theme!"></button><div id="theme-choices" role="menu"></div></div><script src="../../../theme.js"></script><nav class="sub"><form class="search-form"><div class="search-container"><div><select id="crate-search"><option value="All crates">All crates</option></select><input class="search-input" name="search" disabled autocomplete="off" spellcheck="false" placeholder="Click or press ‘S’ to search, ‘?’ for more options…" type="search"></div><button type="button" class="help-button">?</button>
                <a id="settings-menu" href="../../../settings.html"><img src="../../../wheel.svg" width="18" alt="Change settings"></a></div></form></nav><section id="main" class="content"><pre class="line-numbers"><span id="1">  1</span>
<span id="2">  2</span>
<span id="3">  3</span>
<span id="4">  4</span>
<span id="5">  5</span>
<span id="6">  6</span>
<span id="7">  7</span>
<span id="8">  8</span>
<span id="9">  9</span>
<span id="10"> 10</span>
<span id="11"> 11</span>
<span id="12"> 12</span>
<span id="13"> 13</span>
<span id="14"> 14</span>
<span id="15"> 15</span>
<span id="16"> 16</span>
<span id="17"> 17</span>
<span id="18"> 18</span>
<span id="19"> 19</span>
<span id="20"> 20</span>
<span id="21"> 21</span>
<span id="22"> 22</span>
<span id="23"> 23</span>
<span id="24"> 24</span>
<span id="25"> 25</span>
<span id="26"> 26</span>
<span id="27"> 27</span>
<span id="28"> 28</span>
<span id="29"> 29</span>
<span id="30"> 30</span>
<span id="31"> 31</span>
<span id="32"> 32</span>
<span id="33"> 33</span>
<span id="34"> 34</span>
<span id="35"> 35</span>
<span id="36"> 36</span>
<span id="37"> 37</span>
<span id="38"> 38</span>
<span id="39"> 39</span>
<span id="40"> 40</span>
<span id="41"> 41</span>
<span id="42"> 42</span>
<span id="43"> 43</span>
<span id="44"> 44</span>
<span id="45"> 45</span>
<span id="46"> 46</span>
<span id="47"> 47</span>
<span id="48"> 48</span>
<span id="49"> 49</span>
<span id="50"> 50</span>
<span id="51"> 51</span>
<span id="52"> 52</span>
<span id="53"> 53</span>
<span id="54"> 54</span>
<span id="55"> 55</span>
<span id="56"> 56</span>
<span id="57"> 57</span>
<span id="58"> 58</span>
<span id="59"> 59</span>
<span id="60"> 60</span>
<span id="61"> 61</span>
<span id="62"> 62</span>
<span id="63"> 63</span>
<span id="64"> 64</span>
<span id="65"> 65</span>
<span id="66"> 66</span>
<span id="67"> 67</span>
<span id="68"> 68</span>
<span id="69"> 69</span>
<span id="70"> 70</span>
<span id="71"> 71</span>
<span id="72"> 72</span>
<span id="73"> 73</span>
<span id="74"> 74</span>
<span id="75"> 75</span>
<span id="76"> 76</span>
<span id="77"> 77</span>
<span id="78"> 78</span>
<span id="79"> 79</span>
<span id="80"> 80</span>
<span id="81"> 81</span>
<span id="82"> 82</span>
<span id="83"> 83</span>
<span id="84"> 84</span>
<span id="85"> 85</span>
<span id="86"> 86</span>
<span id="87"> 87</span>
<span id="88"> 88</span>
<span id="89"> 89</span>
<span id="90"> 90</span>
<span id="91"> 91</span>
<span id="92"> 92</span>
<span id="93"> 93</span>
<span id="94"> 94</span>
<span id="95"> 95</span>
<span id="96"> 96</span>
<span id="97"> 97</span>
<span id="98"> 98</span>
<span id="99"> 99</span>
<span id="100">100</span>
<span id="101">101</span>
<span id="102">102</span>
<span id="103">103</span>
<span id="104">104</span>
<span id="105">105</span>
<span id="106">106</span>
<span id="107">107</span>
<span id="108">108</span>
<span id="109">109</span>
<span id="110">110</span>
<span id="111">111</span>
<span id="112">112</span>
<span id="113">113</span>
<span id="114">114</span>
<span id="115">115</span>
<span id="116">116</span>
<span id="117">117</span>
<span id="118">118</span>
<span id="119">119</span>
<span id="120">120</span>
<span id="121">121</span>
<span id="122">122</span>
<span id="123">123</span>
<span id="124">124</span>
<span id="125">125</span>
<span id="126">126</span>
<span id="127">127</span>
<span id="128">128</span>
<span id="129">129</span>
<span id="130">130</span>
<span id="131">131</span>
<span id="132">132</span>
<span id="133">133</span>
<span id="134">134</span>
<span id="135">135</span>
<span id="136">136</span>
<span id="137">137</span>
<span id="138">138</span>
<span id="139">139</span>
<span id="140">140</span>
<span id="141">141</span>
<span id="142">142</span>
<span id="143">143</span>
<span id="144">144</span>
<span id="145">145</span>
<span id="146">146</span>
<span id="147">147</span>
<span id="148">148</span>
<span id="149">149</span>
<span id="150">150</span>
<span id="151">151</span>
<span id="152">152</span>
<span id="153">153</span>
<span id="154">154</span>
<span id="155">155</span>
<span id="156">156</span>
<span id="157">157</span>
<span id="158">158</span>
<span id="159">159</span>
<span id="160">160</span>
<span id="161">161</span>
<span id="162">162</span>
<span id="163">163</span>
<span id="164">164</span>
<span id="165">165</span>
<span id="166">166</span>
<span id="167">167</span>
<span id="168">168</span>
<span id="169">169</span>
<span id="170">170</span>
<span id="171">171</span>
<span id="172">172</span>
<span id="173">173</span>
<span id="174">174</span>
<span id="175">175</span>
<span id="176">176</span>
<span id="177">177</span>
<span id="178">178</span>
<span id="179">179</span>
<span id="180">180</span>
<span id="181">181</span>
<span id="182">182</span>
<span id="183">183</span>
<span id="184">184</span>
<span id="185">185</span>
<span id="186">186</span>
<span id="187">187</span>
<span id="188">188</span>
<span id="189">189</span>
<span id="190">190</span>
<span id="191">191</span>
<span id="192">192</span>
<span id="193">193</span>
<span id="194">194</span>
<span id="195">195</span>
<span id="196">196</span>
<span id="197">197</span>
<span id="198">198</span>
<span id="199">199</span>
<span id="200">200</span>
<span id="201">201</span>
<span id="202">202</span>
<span id="203">203</span>
<span id="204">204</span>
<span id="205">205</span>
<span id="206">206</span>
<span id="207">207</span>
<span id="208">208</span>
<span id="209">209</span>
<span id="210">210</span>
<span id="211">211</span>
<span id="212">212</span>
<span id="213">213</span>
<span id="214">214</span>
<span id="215">215</span>
<span id="216">216</span>
<span id="217">217</span>
<span id="218">218</span>
<span id="219">219</span>
<span id="220">220</span>
<span id="221">221</span>
<span id="222">222</span>
<span id="223">223</span>
<span id="224">224</span>
<span id="225">225</span>
<span id="226">226</span>
<span id="227">227</span>
<span id="228">228</span>
<span id="229">229</span>
<span id="230">230</span>
<span id="231">231</span>
<span id="232">232</span>
<span id="233">233</span>
<span id="234">234</span>
<span id="235">235</span>
<span id="236">236</span>
<span id="237">237</span>
<span id="238">238</span>
<span id="239">239</span>
<span id="240">240</span>
<span id="241">241</span>
<span id="242">242</span>
<span id="243">243</span>
<span id="244">244</span>
<span id="245">245</span>
<span id="246">246</span>
<span id="247">247</span>
<span id="248">248</span>
<span id="249">249</span>
<span id="250">250</span>
<span id="251">251</span>
<span id="252">252</span>
<span id="253">253</span>
<span id="254">254</span>
<span id="255">255</span>
<span id="256">256</span>
<span id="257">257</span>
<span id="258">258</span>
<span id="259">259</span>
<span id="260">260</span>
<span id="261">261</span>
<span id="262">262</span>
<span id="263">263</span>
<span id="264">264</span>
<span id="265">265</span>
<span id="266">266</span>
<span id="267">267</span>
<span id="268">268</span>
<span id="269">269</span>
<span id="270">270</span>
<span id="271">271</span>
<span id="272">272</span>
<span id="273">273</span>
<span id="274">274</span>
<span id="275">275</span>
<span id="276">276</span>
<span id="277">277</span>
<span id="278">278</span>
<span id="279">279</span>
<span id="280">280</span>
<span id="281">281</span>
<span id="282">282</span>
<span id="283">283</span>
<span id="284">284</span>
</pre><div class="example-wrap"><pre class="rust ">
<span class="kw">use</span> <span class="ident">abstutil</span>::<span class="ident">prettyprint_usize</span>;
<span class="kw">use</span> <span class="ident">geom</span>::<span class="ident">Polygon</span>;

<span class="kw">use</span> <span class="kw">crate</span>::{
    <span class="ident">include_labeled_bytes</span>, <span class="ident">Color</span>, <span class="ident">ControlState</span>, <span class="ident">EventCtx</span>, <span class="ident">GeomBatch</span>, <span class="ident">Key</span>, <span class="ident">Line</span>, <span class="ident">Panel</span>, <span class="ident">Text</span>,
    <span class="ident">TextExt</span>, <span class="ident">Widget</span>,
};

<span class="kw">const</span> <span class="ident">ROWS</span>: <span class="ident">usize</span> <span class="op">=</span> <span class="number">8</span>;

<span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">Table</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span> {
    <span class="ident">data</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">T</span><span class="op">&gt;</span>,
    <span class="ident">label_per_row</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">T</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">String</span><span class="op">&gt;</span>,
    <span class="ident">columns</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">Column</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span><span class="op">&gt;</span><span class="op">&gt;</span>,
    <span class="ident">filter</span>: <span class="ident">Filter</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span>,

    <span class="ident">sort_by</span>: <span class="ident">String</span>,
    <span class="ident">descending</span>: <span class="ident">bool</span>,
    <span class="ident">skip</span>: <span class="ident">usize</span>,
}

<span class="kw">pub</span> <span class="kw">enum</span> <span class="ident">Col</span><span class="op">&lt;</span><span class="ident">T</span><span class="op">&gt;</span> {
    <span class="ident">Static</span>,
    <span class="ident">Sortable</span>(<span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">Vec</span><span class="op">&lt;</span><span class="kw-2">&amp;</span><span class="ident">T</span><span class="op">&gt;</span>)<span class="op">&gt;</span>),
}

<span class="kw">struct</span> <span class="ident">Column</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span><span class="op">&gt;</span> {
    <span class="ident">name</span>: <span class="ident">String</span>,
    <span class="ident">render</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">EventCtx</span>, <span class="kw-2">&amp;</span><span class="ident">A</span>, <span class="kw-2">&amp;</span><span class="ident">T</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">GeomBatch</span><span class="op">&gt;</span>,
    <span class="ident">col</span>: <span class="ident">Col</span><span class="op">&lt;</span><span class="ident">T</span><span class="op">&gt;</span>,
}

<span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">Filter</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span> {
    <span class="kw">pub</span> <span class="ident">state</span>: <span class="ident">F</span>,
    <span class="kw">pub</span> <span class="ident">to_controls</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="kw-2">&amp;</span><span class="ident">A</span>, <span class="kw-2">&amp;</span><span class="ident">F</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Widget</span><span class="op">&gt;</span>,
    <span class="kw">pub</span> <span class="ident">from_controls</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">Panel</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">F</span><span class="op">&gt;</span>,
    <span class="kw">pub</span> <span class="ident">apply</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">F</span>, <span class="kw-2">&amp;</span><span class="ident">T</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">bool</span><span class="op">&gt;</span>,
}

<span class="kw">impl</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span> <span class="ident">Table</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span> {
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">new</span>(
        <span class="ident">data</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">T</span><span class="op">&gt;</span>,
        <span class="ident">label_per_row</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">T</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">String</span><span class="op">&gt;</span>,
        <span class="ident">default_sort_by</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>,
        <span class="ident">filter</span>: <span class="ident">Filter</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span>,
    ) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Table</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span> {
        <span class="ident">Table</span> {
            <span class="ident">data</span>,
            <span class="ident">label_per_row</span>,
            <span class="ident">columns</span>: <span class="ident">Vec</span>::<span class="ident">new</span>(),
            <span class="ident">filter</span>,

            <span class="ident">sort_by</span>: <span class="ident">default_sort_by</span>.<span class="ident">to_string</span>(),
            <span class="ident">descending</span>: <span class="bool-val">true</span>,
            <span class="ident">skip</span>: <span class="number">0</span>,
        }
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">column</span>(
        <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>,
        <span class="ident">name</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>,
        <span class="ident">render</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">EventCtx</span>, <span class="kw-2">&amp;</span><span class="ident">A</span>, <span class="kw-2">&amp;</span><span class="ident">T</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">GeomBatch</span><span class="op">&gt;</span>,
        <span class="ident">col</span>: <span class="ident">Col</span><span class="op">&lt;</span><span class="ident">T</span><span class="op">&gt;</span>,
    ) {
        <span class="self">self</span>.<span class="ident">columns</span>.<span class="ident">push</span>(<span class="ident">Column</span> {
            <span class="ident">name</span>: <span class="ident">name</span>.<span class="ident">to_string</span>(),
            <span class="ident">render</span>,
            <span class="ident">col</span>,
        });
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">render</span>(<span class="kw-2">&amp;</span><span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">A</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Widget</span> {
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">data</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="kw-2">&amp;</span><span class="ident">T</span><span class="op">&gt;</span> <span class="op">=</span> <span class="ident">Vec</span>::<span class="ident">new</span>();

        <span class="comment">// Filter</span>
        <span class="kw">for</span> <span class="ident">row</span> <span class="kw">in</span> <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">data</span> {
            <span class="kw">if</span> (<span class="self">self</span>.<span class="ident">filter</span>.<span class="ident">apply</span>)(<span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">filter</span>.<span class="ident">state</span>, <span class="ident">row</span>) {
                <span class="ident">data</span>.<span class="ident">push</span>(<span class="ident">row</span>);
            }
        }
        <span class="kw">let</span> <span class="ident">num_filtered</span> <span class="op">=</span> <span class="ident">data</span>.<span class="ident">len</span>();

        <span class="comment">// Sort</span>
        <span class="kw">for</span> <span class="ident">col</span> <span class="kw">in</span> <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">columns</span> {
            <span class="kw">if</span> <span class="ident">col</span>.<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="self">self</span>.<span class="ident">sort_by</span> {
                <span class="kw">if</span> <span class="kw">let</span> <span class="ident">Col</span>::<span class="ident">Sortable</span>(<span class="kw-2">ref</span> <span class="ident">sorter</span>) <span class="op">=</span> <span class="ident">col</span>.<span class="ident">col</span> {
                    (<span class="ident">sorter</span>)(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">data</span>);
                    <span class="kw">break</span>;
                }
                <span class="comment">// TODO Error handling</span>
            }
        }
        <span class="kw">if</span> <span class="self">self</span>.<span class="ident">descending</span> {
            <span class="ident">data</span>.<span class="ident">reverse</span>();
        }

        <span class="comment">// Render the headers</span>
        <span class="kw">let</span> <span class="ident">headers</span> <span class="op">=</span> <span class="self">self</span>
            .<span class="ident">columns</span>
            .<span class="ident">iter</span>()
            .<span class="ident">map</span>(<span class="op">|</span><span class="ident">col</span><span class="op">|</span> {
                <span class="kw">if</span> <span class="self">self</span>.<span class="ident">sort_by</span> <span class="op">=</span><span class="op">=</span> <span class="ident">col</span>.<span class="ident">name</span> {
                    <span class="ident">ctx</span>.<span class="ident">style</span>()
                        .<span class="ident">btn_outline</span>
                        .<span class="ident">icon_text</span>(<span class="string">&quot;tmp&quot;</span>, <span class="kw-2">&amp;</span><span class="ident">col</span>.<span class="ident">name</span>)
                        .<span class="ident">image_bytes</span>(<span class="kw">if</span> <span class="self">self</span>.<span class="ident">descending</span> {
                            <span class="macro">include_labeled_bytes</span><span class="macro">!</span>(<span class="string">&quot;../../icons/arrow_down.svg&quot;</span>)
                        } <span class="kw">else</span> {
                            <span class="macro">include_labeled_bytes</span><span class="macro">!</span>(<span class="string">&quot;../../icons/arrow_up.svg&quot;</span>)
                        })
                        .<span class="ident">label_first</span>()
                        .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="kw-2">&amp;</span><span class="ident">col</span>.<span class="ident">name</span>)
                } <span class="kw">else</span> <span class="kw">if</span> <span class="kw">let</span> <span class="ident">Col</span>::<span class="ident">Sortable</span>(<span class="kw">_</span>) <span class="op">=</span> <span class="ident">col</span>.<span class="ident">col</span> {
                    <span class="ident">ctx</span>.<span class="ident">style</span>().<span class="ident">btn_outline</span>.<span class="ident">text</span>(<span class="kw-2">&amp;</span><span class="ident">col</span>.<span class="ident">name</span>).<span class="ident">build_def</span>(<span class="ident">ctx</span>)
                } <span class="kw">else</span> {
                    <span class="ident">Line</span>(<span class="kw-2">&amp;</span><span class="ident">col</span>.<span class="ident">name</span>).<span class="ident">into_widget</span>(<span class="ident">ctx</span>).<span class="ident">centered_vert</span>()
                }
            })
            .<span class="ident">collect</span>();

        <span class="comment">// Render data</span>
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">rows</span> <span class="op">=</span> <span class="ident">Vec</span>::<span class="ident">new</span>();
        <span class="kw">for</span> <span class="ident">row</span> <span class="kw">in</span> <span class="ident">data</span>.<span class="ident">into_iter</span>().<span class="ident">skip</span>(<span class="self">self</span>.<span class="ident">skip</span>).<span class="ident">take</span>(<span class="ident">ROWS</span>) {
            <span class="ident">rows</span>.<span class="ident">push</span>((
                (<span class="self">self</span>.<span class="ident">label_per_row</span>)(<span class="ident">row</span>),
                <span class="self">self</span>.<span class="ident">columns</span>
                    .<span class="ident">iter</span>()
                    .<span class="ident">map</span>(<span class="op">|</span><span class="ident">col</span><span class="op">|</span> (<span class="ident">col</span>.<span class="ident">render</span>)(<span class="ident">ctx</span>, <span class="ident">app</span>, <span class="ident">row</span>))
                    .<span class="ident">collect</span>(),
            ));
        }

        <span class="comment">// Put together the UI</span>
        <span class="ident">Widget</span>::<span class="ident">col</span>(<span class="macro">vec</span><span class="macro">!</span>[
            (<span class="self">self</span>.<span class="ident">filter</span>.<span class="ident">to_controls</span>)(<span class="ident">ctx</span>, <span class="ident">app</span>, <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">filter</span>.<span class="ident">state</span>),
            <span class="ident">make_table</span>(<span class="ident">ctx</span>, <span class="ident">headers</span>, <span class="ident">rows</span>, <span class="number">0.88</span> <span class="op">*</span> <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">window_width</span>),
            <span class="ident">make_pagination</span>(<span class="ident">ctx</span>, <span class="ident">num_filtered</span>, <span class="self">self</span>.<span class="ident">skip</span>),
        ])
    }

    <span class="comment">// Recalculate if true</span>
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">clicked</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">action</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">bool</span> {
        <span class="kw">if</span> <span class="ident">action</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;previous&quot;</span> {
            <span class="self">self</span>.<span class="ident">skip</span> <span class="op">-</span><span class="op">=</span> <span class="ident">ROWS</span>;
            <span class="kw">return</span> <span class="bool-val">true</span>;
        }
        <span class="kw">if</span> <span class="ident">action</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;next&quot;</span> {
            <span class="self">self</span>.<span class="ident">skip</span> <span class="op">+</span><span class="op">=</span> <span class="ident">ROWS</span>;
            <span class="kw">return</span> <span class="bool-val">true</span>;
        }
        <span class="kw">for</span> <span class="ident">col</span> <span class="kw">in</span> <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">columns</span> {
            <span class="kw">if</span> <span class="ident">col</span>.<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="ident">action</span> {
                <span class="self">self</span>.<span class="ident">skip</span> <span class="op">=</span> <span class="number">0</span>;
                <span class="kw">if</span> <span class="self">self</span>.<span class="ident">sort_by</span> <span class="op">=</span><span class="op">=</span> <span class="ident">action</span> {
                    <span class="self">self</span>.<span class="ident">descending</span> <span class="op">=</span> <span class="op">!</span><span class="self">self</span>.<span class="ident">descending</span>;
                } <span class="kw">else</span> {
                    <span class="self">self</span>.<span class="ident">sort_by</span> <span class="op">=</span> <span class="ident">action</span>.<span class="ident">to_string</span>();
                    <span class="self">self</span>.<span class="ident">descending</span> <span class="op">=</span> <span class="bool-val">true</span>;
                }
                <span class="kw">return</span> <span class="bool-val">true</span>;
            }
        }
        <span class="bool-val">false</span>
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">panel_changed</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">panel</span>: <span class="kw-2">&amp;</span><span class="ident">Panel</span>) {
        <span class="self">self</span>.<span class="ident">filter</span>.<span class="ident">state</span> <span class="op">=</span> (<span class="self">self</span>.<span class="ident">filter</span>.<span class="ident">from_controls</span>)(<span class="ident">panel</span>);
        <span class="self">self</span>.<span class="ident">skip</span> <span class="op">=</span> <span class="number">0</span>;
    }
}

<span class="kw">impl</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span><span class="op">&gt;</span> <span class="ident">Filter</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, ()<span class="op">&gt;</span> {
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">empty</span>() <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Filter</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, ()<span class="op">&gt;</span> {
        <span class="ident">Filter</span> {
            <span class="ident">state</span>: (),
            <span class="ident">to_controls</span>: <span class="ident">Box</span>::<span class="ident">new</span>(<span class="op">|</span><span class="kw">_</span>, <span class="kw">_</span>, <span class="kw">_</span><span class="op">|</span> <span class="ident">Widget</span>::<span class="ident">nothing</span>()),
            <span class="ident">from_controls</span>: <span class="ident">Box</span>::<span class="ident">new</span>(<span class="op">|</span><span class="kw">_</span><span class="op">|</span> ()),
            <span class="ident">apply</span>: <span class="ident">Box</span>::<span class="ident">new</span>(<span class="op">|</span><span class="kw">_</span>, <span class="kw">_</span><span class="op">|</span> <span class="bool-val">true</span>),
        }
    }
}

<span class="comment">// Simpler wrappers than column(). The more generic case exists to allow for icons and non-text</span>
<span class="comment">// things.</span>
<span class="kw">impl</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>: <span class="lifetime">&#39;static</span>, <span class="ident">F</span><span class="op">&gt;</span> <span class="ident">Table</span><span class="op">&lt;</span><span class="ident">A</span>, <span class="ident">T</span>, <span class="ident">F</span><span class="op">&gt;</span> {
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">static_col</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>, <span class="ident">to_str</span>: <span class="ident">Box</span><span class="op">&lt;</span><span class="kw">dyn</span> <span class="ident">Fn</span>(<span class="kw-2">&amp;</span><span class="ident">T</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">String</span><span class="op">&gt;</span>) {
        <span class="self">self</span>.<span class="ident">column</span>(
            <span class="ident">name</span>,
            <span class="ident">Box</span>::<span class="ident">new</span>(<span class="kw">move</span> <span class="op">|</span><span class="ident">ctx</span>, <span class="kw">_</span>, <span class="ident">x</span><span class="op">|</span> <span class="ident">Text</span>::<span class="ident">from</span>(<span class="ident">Line</span>((<span class="ident">to_str</span>)(<span class="ident">x</span>))).<span class="ident">render</span>(<span class="ident">ctx</span>)),
            <span class="ident">Col</span>::<span class="ident">Static</span>,
        );
    }
}

<span class="kw">fn</span> <span class="ident">make_pagination</span>(<span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">total</span>: <span class="ident">usize</span>, <span class="ident">skip</span>: <span class="ident">usize</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Widget</span> {
    <span class="kw">let</span> <span class="ident">next</span> <span class="op">=</span> <span class="ident">ctx</span>
        .<span class="ident">style</span>()
        .<span class="ident">btn_next</span>()
        .<span class="ident">disabled</span>(<span class="ident">skip</span> <span class="op">+</span> <span class="number">1</span> <span class="op">+</span> <span class="ident">ROWS</span> <span class="op">&gt;</span><span class="op">=</span> <span class="ident">total</span>)
        .<span class="ident">hotkey</span>(<span class="ident">Key</span>::<span class="ident">RightArrow</span>);
    <span class="kw">let</span> <span class="ident">prev</span> <span class="op">=</span> <span class="ident">ctx</span>
        .<span class="ident">style</span>()
        .<span class="ident">btn_prev</span>()
        .<span class="ident">disabled</span>(<span class="ident">skip</span> <span class="op">=</span><span class="op">=</span> <span class="number">0</span>)
        .<span class="ident">hotkey</span>(<span class="ident">Key</span>::<span class="ident">LeftArrow</span>);

    <span class="ident">Widget</span>::<span class="ident">row</span>(<span class="macro">vec</span><span class="macro">!</span>[
        <span class="ident">prev</span>.<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;previous&quot;</span>),
        <span class="macro">format</span><span class="macro">!</span>(
            <span class="string">&quot;{}-{} of {}&quot;</span>,
            <span class="kw">if</span> <span class="ident">total</span> <span class="op">&gt;</span> <span class="number">0</span> {
                <span class="ident">prettyprint_usize</span>(<span class="ident">skip</span> <span class="op">+</span> <span class="number">1</span>)
            } <span class="kw">else</span> {
                <span class="string">&quot;0&quot;</span>.<span class="ident">to_string</span>()
            },
            <span class="ident">prettyprint_usize</span>((<span class="ident">skip</span> <span class="op">+</span> <span class="number">1</span> <span class="op">+</span> <span class="ident">ROWS</span>).<span class="ident">min</span>(<span class="ident">total</span>)),
            <span class="ident">prettyprint_usize</span>(<span class="ident">total</span>)
        )
        .<span class="ident">text_widget</span>(<span class="ident">ctx</span>)
        .<span class="ident">centered_vert</span>(),
        <span class="ident">next</span>.<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;next&quot;</span>),
    ])
}

<span class="kw">fn</span> <span class="ident">make_table</span>(
    <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>,
    <span class="ident">headers</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">Widget</span><span class="op">&gt;</span>,
    <span class="ident">rows</span>: <span class="ident">Vec</span><span class="op">&lt;</span>(<span class="ident">String</span>, <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">GeomBatch</span><span class="op">&gt;</span>)<span class="op">&gt;</span>,
    <span class="ident">total_width</span>: <span class="ident">f64</span>,
) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Widget</span> {
    <span class="kw">let</span> <span class="ident">total_width</span> <span class="op">=</span> <span class="ident">total_width</span>;
    <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">width_per_col</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">f64</span><span class="op">&gt;</span> <span class="op">=</span> <span class="ident">headers</span>.<span class="ident">iter</span>().<span class="ident">map</span>(<span class="op">|</span><span class="ident">w</span><span class="op">|</span> <span class="ident">w</span>.<span class="ident">get_width_for_forcing</span>()).<span class="ident">collect</span>();
    <span class="kw">for</span> (<span class="kw">_</span>, <span class="ident">row</span>) <span class="kw">in</span> <span class="kw-2">&amp;</span><span class="ident">rows</span> {
        <span class="kw">for</span> (<span class="ident">col</span>, <span class="ident">width</span>) <span class="kw">in</span> <span class="ident">row</span>.<span class="ident">iter</span>().<span class="ident">zip</span>(<span class="ident">width_per_col</span>.<span class="ident">iter_mut</span>()) {
            <span class="kw-2">*</span><span class="ident">width</span> <span class="op">=</span> <span class="ident">width</span>.<span class="ident">max</span>(<span class="ident">col</span>.<span class="ident">get_dims</span>().<span class="ident">width</span>);
        }
    }
    <span class="kw">let</span> <span class="ident">extra_margin</span> <span class="op">=</span> ((<span class="ident">total_width</span> <span class="op">-</span> <span class="ident">width_per_col</span>.<span class="ident">clone</span>().<span class="ident">into_iter</span>().<span class="ident">sum</span>::<span class="op">&lt;</span><span class="ident">f64</span><span class="op">&gt;</span>())
        <span class="op">/</span> (<span class="ident">width_per_col</span>.<span class="ident">len</span>() <span class="op">-</span> <span class="number">1</span>) <span class="kw">as</span> <span class="ident">f64</span>)
        .<span class="ident">max</span>(<span class="number">0.0</span>);

    <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">col</span> <span class="op">=</span> <span class="macro">vec</span><span class="macro">!</span>[<span class="ident">Widget</span>::<span class="ident">custom_row</span>(
        <span class="ident">headers</span>
            .<span class="ident">into_iter</span>()
            .<span class="ident">enumerate</span>()
            .<span class="ident">map</span>(<span class="op">|</span>(<span class="ident">idx</span>, <span class="ident">w</span>)<span class="op">|</span> {
                <span class="kw">let</span> <span class="ident">margin</span> <span class="op">=</span> <span class="ident">extra_margin</span> <span class="op">+</span> <span class="ident">width_per_col</span>[<span class="ident">idx</span>] <span class="op">-</span> <span class="ident">w</span>.<span class="ident">get_width_for_forcing</span>();
                <span class="kw">if</span> <span class="ident">idx</span> <span class="op">=</span><span class="op">=</span> <span class="ident">width_per_col</span>.<span class="ident">len</span>() <span class="op">-</span> <span class="number">1</span> {
                    <span class="ident">w</span>.<span class="ident">margin_right</span>((<span class="ident">margin</span> <span class="op">-</span> <span class="ident">extra_margin</span>) <span class="kw">as</span> <span class="ident">usize</span>)
                } <span class="kw">else</span> {
                    <span class="ident">w</span>.<span class="ident">margin_right</span>(<span class="ident">margin</span> <span class="kw">as</span> <span class="ident">usize</span>)
                }
            })
            .<span class="ident">collect</span>(),
    )];

    <span class="comment">// TODO Maybe can do this now simpler with to_geom</span>
    <span class="kw">for</span> (<span class="ident">label</span>, <span class="ident">row</span>) <span class="kw">in</span> <span class="ident">rows</span> {
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">batch</span> <span class="op">=</span> <span class="ident">GeomBatch</span>::<span class="ident">new</span>();
        <span class="ident">batch</span>.<span class="ident">autocrop_dims</span> <span class="op">=</span> <span class="bool-val">false</span>;
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">x1</span> <span class="op">=</span> <span class="number">0.0</span>;
        <span class="kw">for</span> (<span class="ident">col</span>, <span class="ident">width</span>) <span class="kw">in</span> <span class="ident">row</span>.<span class="ident">into_iter</span>().<span class="ident">zip</span>(<span class="ident">width_per_col</span>.<span class="ident">iter</span>()) {
            <span class="ident">batch</span>.<span class="ident">append</span>(<span class="ident">col</span>.<span class="ident">translate</span>(<span class="ident">x1</span>, <span class="number">0.0</span>));
            <span class="ident">x1</span> <span class="op">+</span><span class="op">=</span> <span class="kw-2">*</span><span class="ident">width</span> <span class="op">+</span> <span class="ident">extra_margin</span>;
        }

        <span class="kw">let</span> <span class="ident">rect</span> <span class="op">=</span> <span class="ident">Polygon</span>::<span class="ident">rectangle</span>(<span class="ident">total_width</span>, <span class="ident">batch</span>.<span class="ident">get_dims</span>().<span class="ident">height</span>);
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">hovered</span> <span class="op">=</span> <span class="ident">GeomBatch</span>::<span class="ident">new</span>();
        <span class="ident">hovered</span>.<span class="ident">push</span>(<span class="ident">Color</span>::<span class="ident">hex</span>(<span class="string">&quot;#7C7C7C&quot;</span>), <span class="ident">rect</span>.<span class="ident">clone</span>());
        <span class="ident">hovered</span>.<span class="ident">append</span>(<span class="ident">batch</span>.<span class="ident">clone</span>());

        <span class="ident">col</span>.<span class="ident">push</span>(
            <span class="ident">ctx</span>.<span class="ident">style</span>()
                .<span class="ident">btn_plain</span>
                .<span class="ident">btn</span>()
                .<span class="ident">custom_batch</span>(<span class="ident">batch</span>, <span class="ident">ControlState</span>::<span class="ident">Default</span>)
                .<span class="ident">custom_batch</span>(<span class="ident">hovered</span>, <span class="ident">ControlState</span>::<span class="ident">Hovered</span>)
                .<span class="ident">no_tooltip</span>()
                .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="kw-2">&amp;</span><span class="ident">label</span>),
        );
    }

    <span class="ident">Widget</span>::<span class="ident">custom_col</span>(<span class="ident">col</span>)
}
</pre></div>
</section><section id="search" class="content hidden"></section><section class="footer"></section><script>window.rootPath = "../../../";window.currentCrate = "widgetry";</script><script src="../../../main.js"></script><script src="../../../source-script.js"></script><script src="../../../source-files.js"></script><script defer src="../../../search-index.js"></script></body></html>