<!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&#x2F;src&#x2F;widgets&#x2F;tabs.rs`."><meta name="keywords" content="rust, rustlang, rust-lang"><title>tabs.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><script src="../../../crates.js"></script><noscript><link rel="stylesheet" href="../../../noscript.css"></noscript><link rel="alternate icon" type="image/png" href="../../../favicon-16x16.png"><link rel="alternate icon" type="image/png" href="../../../favicon-32x32.png"><link rel="icon" type="image/svg+xml" href="../../../favicon.svg"><style type="text/css">#crate-search{background-image:url("../../../down-arrow.svg");}</style></head><body class="rustdoc source"><!--[if lte IE 11]><div class="warning">This old browser is unsupported and will most likely display funky things.</div><![endif]--><nav class="sidebar"><div class="sidebar-menu" role="button">&#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" title="themes"><img width="18" height="18" alt="Pick another theme!" src="../../../brush.svg"></button><div id="theme-choices" role="menu"></div></div><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" id="help-button" title="help">?</button><a id="settings-menu" href="../../../settings.html" title="settings"><img width="18" height="18" alt="Change settings" src="../../../wheel.svg"></a></div></form></nav><section id="main" class="content"><div class="example-wrap"><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>
</pre><pre class="rust"><code><span class="kw">use</span> <span class="ident"><span class="kw">crate</span>::widgets::DEFAULT_CORNER_RADIUS</span>;
<span class="kw">use</span> <span class="kw">crate</span>::{<span class="ident">ButtonBuilder</span>, <span class="ident">EventCtx</span>, <span class="ident">Panel</span>, <span class="ident">Widget</span>};
<span class="kw">use</span> <span class="ident">geom::CornerRadii</span>;

<span class="kw">struct</span> <span class="ident">Tab</span> {
    <span class="ident">tab_id</span>: <span class="ident">String</span>,
    <span class="ident">bar_item</span>: <span class="ident">ButtonBuilder</span><span class="op">&lt;</span><span class="lifetime">&#39;static</span>, <span class="lifetime">&#39;static</span><span class="op">&gt;</span>,
    <span class="ident">content</span>: <span class="ident">Widget</span>,
}

<span class="kw">impl</span> <span class="ident">Tab</span> {
    <span class="kw">fn</span> <span class="ident">new</span>(<span class="ident">tab_id</span>: <span class="ident">String</span>, <span class="ident">bar_item</span>: <span class="ident">ButtonBuilder</span><span class="op">&lt;</span><span class="lifetime">&#39;static</span>, <span class="lifetime">&#39;static</span><span class="op">&gt;</span>, <span class="ident">content</span>: <span class="ident">Widget</span>) -&gt; <span class="self">Self</span> {
        <span class="self">Self</span> {
            <span class="ident">tab_id</span>,
            <span class="ident">bar_item</span>,
            <span class="ident">content</span>,
        }
    }

    <span class="kw">fn</span> <span class="ident">build_bar_item_widget</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="ident">EventCtx</span>, <span class="ident">active</span>: <span class="ident">bool</span>) -&gt; <span class="ident">Widget</span> {
        <span class="self">self</span>.<span class="ident">bar_item</span>
            .<span class="ident">clone</span>()
            .<span class="ident">corner_rounding</span>(<span class="ident">CornerRadii</span> {
                <span class="ident">top_left</span>: <span class="ident">DEFAULT_CORNER_RADIUS</span>,
                <span class="ident">top_right</span>: <span class="ident">DEFAULT_CORNER_RADIUS</span>,
                <span class="ident">bottom_left</span>: <span class="number">0.0</span>,
                <span class="ident">bottom_right</span>: <span class="number">0.0</span>,
            })
            .<span class="ident">disabled</span>(<span class="ident">active</span>)
            .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">tab_id</span>)
    }
}

<span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">TabController</span> {
    <span class="ident">id</span>: <span class="ident">String</span>,
    <span class="ident">tabs</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">Tab</span><span class="op">&gt;</span>,
    <span class="ident">active_tab_idx</span>: <span class="ident">usize</span>,
}

<span class="kw">impl</span> <span class="ident">TabController</span> {
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">new</span>(<span class="ident">id</span>: <span class="kw">impl</span> <span class="ident">Into</span><span class="op">&lt;</span><span class="ident">String</span><span class="op">&gt;</span>) -&gt; <span class="self">Self</span> {
        <span class="self">Self</span> {
            <span class="ident">id</span>: <span class="ident">id</span>.<span class="ident">into</span>(),
            <span class="ident">tabs</span>: <span class="macro">vec!</span>[],
            <span class="ident">active_tab_idx</span>: <span class="number">0</span>,
        }
    }

    <span class="doccomment">/// Add a new tab.</span>
    <span class="doccomment">///</span>
    <span class="doccomment">/// `bar_item`: The button shown in the tab bar</span>
    <span class="doccomment">/// `content`: The content shown when this tab&#39;s `bar_item` is clicked</span>
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">push_tab</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">bar_item</span>: <span class="ident">ButtonBuilder</span><span class="op">&lt;</span><span class="lifetime">&#39;static</span>, <span class="lifetime">&#39;static</span><span class="op">&gt;</span>, <span class="ident">content</span>: <span class="ident">Widget</span>) {
        <span class="kw">let</span> <span class="ident">tab_id</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">tab_id</span>(<span class="self">self</span>.<span class="ident">tabs</span>.<span class="ident">len</span>() <span class="op">+</span> <span class="number">1</span>);
        <span class="kw">let</span> <span class="ident">tab</span> <span class="op">=</span> <span class="ident">Tab::new</span>(<span class="ident">tab_id</span>, <span class="ident">bar_item</span>, <span class="ident">content</span>);
        <span class="self">self</span>.<span class="ident">tabs</span>.<span class="ident">push</span>(<span class="ident">tab</span>);
    }

    <span class="doccomment">/// A widget containing the tab bar and a content pane with the currently active tab.</span>
    <span class="comment">// TODO: Clarify that this can only be called once - maybe `TabBuilder.into_tab_controller()`</span>
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">build_widget</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="ident">EventCtx</span>) -&gt; <span class="ident">Widget</span> {
        <span class="ident">Widget::custom_col</span>(<span class="macro">vec!</span>[
            <span class="self">self</span>.<span class="ident">build_bar_items</span>(<span class="ident">ctx</span>),
            <span class="self">self</span>.<span class="ident">pop_active_content</span>()
                .<span class="ident">container</span>()
                .<span class="ident">tab_body</span>(<span class="ident">ctx</span>)
                .<span class="ident">named</span>(<span class="self">self</span>.<span class="ident">active_content_id</span>()),
        ])
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">handle_action</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="ident">EventCtx</span>, <span class="ident">action</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>, <span class="ident">panel</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">Panel</span>) -&gt; <span class="ident">bool</span> {
        <span class="kw">if</span> <span class="op">!</span><span class="ident">action</span>.<span class="ident">starts_with</span>(<span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">id</span>) {
            <span class="kw">return</span> <span class="bool-val">false</span>;
        }

        <span class="kw">let</span> <span class="ident">tab_idx</span> <span class="op">=</span> <span class="self">self</span>
            .<span class="ident">tabs</span>
            .<span class="ident">iter</span>()
            .<span class="ident">enumerate</span>()
            .<span class="ident">find</span>(<span class="op">|</span>(<span class="ident">_idx</span>, <span class="ident">tab</span>)<span class="op">|</span> <span class="ident">tab</span>.<span class="ident">tab_id</span> <span class="op">==</span> <span class="ident">action</span>)
            .<span class="ident">unwrap_or_else</span>(<span class="op">|</span><span class="op">|</span> <span class="macro">panic!</span>(<span class="string">&quot;invalid tab id: {}&quot;</span>, <span class="ident">action</span>))
            .<span class="number">0</span>;
        <span class="self">self</span>.<span class="ident">activate_tab</span>(<span class="ident">ctx</span>, <span class="ident">tab_idx</span>, <span class="ident">panel</span>);
        <span class="bool-val">true</span>
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">active_tab_idx</span>(<span class="kw-2">&amp;</span><span class="self">self</span>) -&gt; <span class="ident">usize</span> {
        <span class="self">self</span>.<span class="ident">active_tab_idx</span>
    }

    <span class="kw">fn</span> <span class="ident">active_content_id</span>(<span class="kw-2">&amp;</span><span class="self">self</span>) -&gt; <span class="ident">String</span> {
        <span class="macro">format!</span>(<span class="string">&quot;{}_active_content&quot;</span>, <span class="self">self</span>.<span class="ident">id</span>)
    }

    <span class="kw">fn</span> <span class="ident">bar_items_id</span>(<span class="kw-2">&amp;</span><span class="self">self</span>) -&gt; <span class="ident">String</span> {
        <span class="macro">format!</span>(<span class="string">&quot;{}_bar_items&quot;</span>, <span class="self">self</span>.<span class="ident">id</span>)
    }

    <span class="kw">fn</span> <span class="ident">tab_id</span>(<span class="kw-2">&amp;</span><span class="self">self</span>, <span class="ident">tab_index</span>: <span class="ident">usize</span>) -&gt; <span class="ident">String</span> {
        <span class="macro">format!</span>(<span class="string">&quot;{}_tab_{}&quot;</span>, <span class="self">self</span>.<span class="ident">id</span>, <span class="ident">tab_index</span>)
    }

    <span class="kw">fn</span> <span class="ident">pop_active_content</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>) -&gt; <span class="ident">Widget</span> {
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">tmp</span> <span class="op">=</span> <span class="ident">Widget::nothing</span>();
        <span class="macro">assert!</span>(
            <span class="self">self</span>.<span class="ident">tabs</span>.<span class="ident">get</span>(<span class="self">self</span>.<span class="ident">active_tab_idx</span>).<span class="ident">is_some</span>(),
            <span class="string">&quot;must add at least one tab before rendering&quot;</span>
        );
        <span class="ident">std::mem::swap</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>.<span class="ident">tabs</span>[<span class="self">self</span>.<span class="ident">active_tab_idx</span>].<span class="ident">content</span>, <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">tmp</span>);
        <span class="ident">tmp</span>
    }

    <span class="kw">fn</span> <span class="ident">build_bar_items</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="ident">EventCtx</span>) -&gt; <span class="ident">Widget</span> {
        <span class="kw">let</span> <span class="ident">bar_items</span> <span class="op">=</span> <span class="self">self</span>
            .<span class="ident">tabs</span>
            .<span class="ident">iter</span>()
            .<span class="ident">enumerate</span>()
            .<span class="ident">map</span>(<span class="op">|</span>(<span class="ident">idx</span>, <span class="ident">tab</span>)<span class="op">|</span> <span class="ident">tab</span>.<span class="ident">build_bar_item_widget</span>(<span class="ident">ctx</span>, <span class="ident">idx</span> <span class="op">==</span> <span class="self">self</span>.<span class="ident">active_tab_idx</span>))
            .<span class="ident">collect</span>();

        <span class="ident">Widget::row</span>(<span class="ident">bar_items</span>)
            .<span class="ident">container</span>()
            .<span class="ident">named</span>(<span class="self">self</span>.<span class="ident">bar_items_id</span>())
    }

    <span class="kw">fn</span> <span class="ident">activate_tab</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="ident">EventCtx</span>, <span class="ident">tab_idx</span>: <span class="ident">usize</span>, <span class="ident">panel</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">Panel</span>) {
        <span class="kw">let</span> <span class="ident">old_idx</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">active_tab_idx</span>;
        <span class="self">self</span>.<span class="ident">active_tab_idx</span> <span class="op">=</span> <span class="ident">tab_idx</span>;

        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">bar_items</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">build_bar_items</span>(<span class="ident">ctx</span>);
        <span class="ident">panel</span>.<span class="ident">swap_inner_content</span>(<span class="ident">ctx</span>, <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">bar_items_id</span>(), <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">bar_items</span>);

        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">content</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">pop_active_content</span>();
        <span class="ident">panel</span>.<span class="ident">swap_inner_content</span>(<span class="ident">ctx</span>, <span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">active_content_id</span>(), <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">content</span>);
        <span class="self">self</span>.<span class="ident">tabs</span>[<span class="ident">old_idx</span>].<span class="ident">content</span> <span class="op">=</span> <span class="ident">content</span>;
    }
}
</code></pre></div>
</section><section id="search" class="content hidden"></section><div id="rustdoc-vars" data-root-path="../../../" data-current-crate="widgetry" data-search-index-js="../../../search-index.js" data-search-js="../../../search.js"></div>
    <script src="../../../main.js"></script><script src="../../../source-script.js"></script><script src="../../../source-files.js"></script>
</body></html>