First things first, we need to record some user clicks on our search results. We'll create a new table to store our training data, which are the observed inputs and output of our new relevance function. In a real system, we'd probably have separate tables to record**sessions**,**searches**,**results**,**clicks** and other events, but for simplicity in this example, we'll just record the exact information we need to train our model in a single table. Everytime we perform a search, we'll record the`ts_rank` fortheboth the**title** and**body**, and whether the user**clicked** on the result.

First things first, we need to record some user clicks on our search results. We'll create a new table to store our training data, which are the observed inputs and output of our new relevance function. In a real system, we'd probably have separate tables to record**sessions**,**searches**,**results**,**clicks** and other events, but for simplicity in this example, we'll just record the exact information we need to train our model in a single table. Everytime we perform a search, we'll record the`ts_rank` for both the**title** and**body**, and whether the user**clicked** on the result.

!!! generic

display:flex;

justify-content:space-between;

font-weight:$font-weight-normal;

padding:16px20px;

--bs-btn-border-color:transparent;

--bs-btn-border-width:1px;

--bs-btn-active-color:#{$gray-100};

--bs-btn-hover-color:#{$gray-100};

&.error {

border-color:#{$error};

}

.material-symbols-outlined {

color:#{$neon-shade-100};

}

}

.menu-item {

a {

a,div {

padding:8px12px;

overflow:hidden;

text-overflow:ellipsis;

usecrate::components::navigation::dropdown_link::DropdownLink;

usecrate::components::stimulus::stimulus_target::StimulusTarget;

use pgml_components::component;

use pgml_components::Component;

use sailfish::TemplateOnce;

pubfnnew(links:Vec<StaticNavLink>) ->Self{

pubfnnew() ->Self{

..Default::default()

pubfnnav(links:Vec<StaticNavLink>) ->Self{

let binding = links

.filter(|link| link.active)

let active = binding.first();

let value =ifletSome(active) = active{

active.name.to_owned()

letmut items =Vec::new();

for linkin links{

let item =DropdownLink::new(link);

items.push(item.into());

value:DropdownValue::Text(value.into()),

pubfnitems(mutself,items:Vec<Component>) ->Self{

self.items = items;

pubfntext(mutself,value:Component) ->Self{

self.value =DropdownValue::Text(value);

self.expandable =true;

pubfnvalue_target(mutself,value_target:StimulusTarget) ->Self{

self.value_target = value_target;

data-bs-toggle="dropdown"

data-bs-offset="<%= offset %>"

aria-expanded="false">

<spanclass="btn-dropdown-text"><%+ text %></span>

<spanclass="btn-dropdown-text"<%- value_target %>><%+ text %></span>

<spanclass="material-symbols-outlined">

expand_more

<% } %>

<ulclass="dropdown-menu <%= menu_position %>">

<% for link in links { %>

<liclass="menu-item d-flex align-items-center <% if link.disabled { %>disabled<% } %>">

<% if link.disabled { %>

<atype="button"class="dropdown-item"disabledhref="#"><%= link.name %></a>

<% } else { %>

<atype="button"class="dropdown-item"href="<%- link.href %>"><%= link.name %></a>

<% } %>

<ulclass="dropdown-menu overflow-auto <%= menu_position %>">

<% for item in items { %>

<%+ item %>

<% } %>

pubmod range_group;

pubuse range_group::RangeGroup;

pubmod select;

pubuse select::Select;

pubmod text;

usecrate::components::stimulus::stimulus_action::{StimulusAction,StimulusEvents};

use pgml_components::component;

use pgml_components::Component;

use sailfish::TemplateOnce;

pubfnnew() ->Select{

..Default::default()

"option1".to_owned(),

"option2".to_owned(),

"option3".to_owned(),

pubfnoptions(mutself,values:Vec<String>) ->Self{

letmut options =Vec::new();

self.value = values.first().unwrap().to_owned();

for valuein values{

let item =Option::new(

value,

options.push(item.into());

self.options = options;

pubfnname(mutself,name:&str) ->Self{

self.name = name.to_owned();

pubfntext(mutself,value:String) ->Self{

self.value = value;

pubfncollapsable(mutself) ->Self{

self.collapsable =true;

pubfnmenu_end(mutself) ->Self{

self.menu_position ="dropdown-menu-end".to_owned();

pubfnmenu_start(mutself) ->Self{

self.menu_position ="dropdown-menu-start".to_owned();

pubfnoffset(mutself,offset:&str) ->Self{

self.offset = offset.to_owned();

pubfnoffset_collapsed(mutself,offset:&str) ->Self{

self.offset_collapsed = offset.to_owned();

pubfnexpandable(mutself) ->Self{

self.expandable =true;

pubfnnew(value:String,action:StimulusAction) ->Self{

Option{ value, action}

<liclass="menu-item d-flex align-items-center">

<buttontype="button"class="dropdown-item"data-action="<%- action %>"><%= value %></button>

div[data-controller="inputs-select"] {

}

<%

use crate::components::dropdown::Dropdown;

use crate::components::stimulus::stimulus_target::StimulusTarget;

%>

<divdata-controller="inputs-select">

<% let mut dropdown = Dropdown::new()

.items(options)

.offset(&offset)

.offset_collapsed(&offset_collapsed)

.text(value.clone().into());

if menu_position == "dropdown-menu-end" {

dropdown = dropdown.menu_end();

} else if menu_position == "dropdown-menu-start" {

dropdown = dropdown.menu_start();

}

if collapsable {

dropdown = dropdown.collapsable();

}

if expandable {

dropdown = dropdown.expandable();

}

dropdown = dropdown.value_target(StimulusTarget::new().controller("inputs-select").name("value"));

%>

<%+ dropdown %>

<inputtype="hidden"name="<%= name %>"value="<%= value %>"data-inputs-select-target="input">