<?xml version="1.0" encoding="utf-8"?>
  <!--
          SearchPanel
  -->
  
  <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*"
                  xmlns:ui="*"
                  xmlns:uiSearch="*" 
                  >
                  
          <mx:Metadata>
                  [Event(name="search",type="com.adobe.flickr.events.SearchEvent")]
          </mx:Metadata>                        
                  
          <mx:states>
                  <mx:State name="optionsState">
                          <mx:AddChild position="lastChild">
                                  <mx:Label text="User:" left="10" top="84"/>
                          </mx:AddChild>
                          <mx:SetProperty target="{userName}" name="visible" value="true" />
                          <mx:SetProperty target="{historyGrid}" name="visible" value="false" />
                          <mx:SetProperty target="{optionButton}" name="direction" value="up" />
                          <mx:AddChild position="lastChild">
                                  <mx:Label x="10" y="136" text="Date Taken:"/>
                          </mx:AddChild>
                          <mx:AddChild position="lastChild">
                                  <mx:DateField id="minDateTaken" x="80" y="159"
                                          toolTip="Fill in to set the date of the earliest photos."/>
                          </mx:AddChild>
                          <mx:AddChild position="lastChild">
                                  <mx:DateField id="maxDateTaken" x="80" y="189"
                                          toolTip="Fill in to set the date of the latest photos."/>
                          </mx:AddChild>
                          <mx:AddChild position="lastChild">
                                  <mx:Label x="21" y="161" text="between"/>
                          </mx:AddChild>
                          <mx:AddChild position="lastChild">
                                  <mx:Label x="46" y="191" text="and"/>
                          </mx:AddChild>
                  </mx:State>
          </mx:states>
                  
          <mx:Script>
          <![CDATA[
                  import mx.events.ValidationResultEvent;
                  import com.adobe.flickr.SearchCriteria;
                  import com.adobe.flickr.events.*;
                  import mx.utils.ArrayUtil;
                  import mx.controls.Alert;
                  import mx.core.DragSource;
                  import mx.collections.ArrayCollection;
                  import mx.events.DragEvent;
                  import mx.events.ListEvent;
                  import mx.managers.DragManager;
                  
                  [Bindable]
                  public var criteria:SearchCriteria = new SearchCriteria();
                  
                  // handleGridClick is called when a row from the History grid
                  // as been selected. It clears the tags and replaces it with
                  // the contents of that row.
                  
                  private function handleGridClick( event:ListEvent ) : void
                  {
                          criteria.copyInto(SearchCriteria(event.target.selectedItem));
                  }
                  
                  private function goSearch( save:Boolean=false ) : void
                  {
                          var vr:ValidationResultEvent = validateSearch.validate();
                          if( vr.type == ValidationResultEvent.INVALID ) {
                                  return;
                          }
                          
                          var event:SearchEvent = new SearchEvent();
                          event.criteria = criteria;
                          dispatchEvent( event );
                          
                          if( save ) {
                                  historyGrid.addSearchTerm( criteria );
                          }
                  }
                  
                  public function appendSearch( event:SearchEvent ) : void
                  {
                          if( event.criteria.tags != null ) {
                                  if( tags.text.length > 0 ) tags.text += " ";
                                  tags.text += event.criteria.tags;
                          }
                          if( event.criteria.userName != null ) {
                                  userName.text = event.criteria.userName;
                                  currentState = "optionsState";
                          }
                          if( event.criteria.nsid != null ) {
                                  criteria.nsid = event.criteria.nsid;
                          }
                  }
                  
                  private function showMoreOrLess() : void
                  {
                          if( currentState == "optionsState" ) {
                                  currentState = "";
                          } else {
                                  currentState = "optionsState";
                          }
                  }
                  
                  public function clear() : void
                  {
                          tags.text = "";
                          tagMode.selected = true;
                          userName.text = "";
                          if( minDateTaken != null ) minDateTaken.selectedDate = null;
                          if( maxDateTaken != null ) maxDateTaken.selectedDate = null;
                          
                          criteria.clear();
                  }
                  
                  public function deleteItems( event:TrashcanEvent ) : void
                  {
                          historyGrid.deleteItems(event);
                          clear();
                  }
                  
                  public function deleteSelectedItem() : void
                  {
                          historyGrid.deleteSelectedItem();
                          clear();
                  }
          ]]>
          </mx:Script>
          
          <!-- these bindings automatically transfer the contents of fields
               into the criteria variable.
            -->
          <mx:Binding source="tags.text" destination="criteria.tags" />
          <mx:Binding source="tagMode.selected" destination="criteria.tagMode" />
          <mx:Binding source="userName.text" destination="criteria.userName" />
          <mx:Binding source="minDateTaken.selectedDate" destination="criteria.minDateTaken" />
          <mx:Binding source="maxDateTaken.selectedDate" destination="criteria.maxDateTaken" />
          
          <!-- Validation -->
          
          <mx:Model id="searchModel">
                  <fields>
                          <tags>{tags.text}</tags>
                          <user>{userName.text}</user>
                  </fields>
          </mx:Model>
          
          <ui:actionscript_application_flickr_ui_search_SearchValidator id="validateSearch"
                  userName="{userName.text}" tags="{tags.text}"
                  listener="{tags}" />
          
          <!-- User Interface -->
          
          <mx:Label x="10" y="10" text="Tags:"/>
          
          <mx:TextInput id="tags" left="10" top="27" right="42"
                                  text="{criteria.tags}"
                                  toolTip="Search for tags associated with photos. Separate tags with commas."
                                  enter="goSearch(true)"/>
                                  
          <ui:actionscript_application_flickr_ui_GoButton id="goButton"
                                  right="9" top="29" 
                                  toolTip="Searchs for photos that matches the tags and/or user information"
                                  click="goSearch(true)"/>
                                  
          <mx:CheckBox left="10" top="57" label="All of the tags" 
                                  selected="{criteria.tagMode}" 
                                  toolTip="Check to search for photos that contain all of the tags; uncheck to search for photos with any of the tags."
                                  id="tagMode"/>
                                  
          <ui:actionscript_application_flickr_ui_search_OptionsButton id="optionButton" right="9" top="57"
                                  direction="down"
                                  toolTip="Shows or hides additional search options"
                                  click="showMoreOrLess()" />
                                  
          <mx:TextInput id="userName" left="10" top="103" right="45"
                          text="{criteria.userName}"
                          toolTip="Searchs for photos taken by this Flickr user."
                          visible="false"
                          enter="goSearch(true)"/>
                          
          <ui:actionscript_application_flickr_ui_search_HistoryGrid id="historyGrid" left="10" right="10" top="83" bottom="10"
                                   itemClick="handleGridClick(event)"
                                   dragEnabled="true">
          </ui:actionscript_application_flickr_ui_search_HistoryGrid>
  
  </mx:Canvas>