picky-generators 4.12.5 → 4.12.6

data/prototypes/client/sinatra/stylesheets/images/cancel.svg

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="64px" viewBox="0 0 32 64" enable-background="new 0 0 32 64" xml:space="preserve">
-<path fill="#C0C0C8" d="M16,2C8.268,2,2,8.268,2,16s6.268,14,14,14s14-6.268,14-14S23.732,2,16,2z M24.5,21.5l-3,3L16,19l-5.5,5.5
-	l-3-3L13,16l-5.5-5.5l3-3L16,13l5.5-5.5l3,3L19,16L24.5,21.5z"/>
-<path fill="#A0A0A8" d="M16,34C8.268,34,2,40.268,2,48s6.268,14,14,14s14-6.268,14-14S23.732,34,16,34z M24.5,53.5l-3,3L16,51
-	l-5.5,5.5l-3-3L13,48l-5.5-5.5l3-3L16,45l5.5-5.5l3,3L19,48L24.5,53.5z"/>
-</svg>

data/prototypes/client/sinatra/stylesheets/picky.css

@@ -1,277 +0,0 @@
-/* Form */
-form
-{
-  display: block;
-  position: relative;
-  height: 46px;
-  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.08))), rgba(255,255,255,0.4);
-  background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.08)), rgba(255,255,255,0.4);
-  border-radius: 99px;
-  box-shadow: inset 0 1px 0 rgba(0,0,0,0.08), inset 0 0 4px rgba(0,0,0,0.6), 0 0px 0 rgba(255,255,255,0.6);
-  -webkit-user-select: none;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-}
-form input[type=search],
-form input[type=button],
-form .status
-{
-  height: 46px;
-  border: 1px solid #98989f;
-  -webkit-appearance: none;
-  border-radius: 99px;
-  box-shadow: inset 0 2px 4px rgba(0,0,0,0.12);
-  background: #fff;
-  line-height: 1;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-form input[type=search] {
-  font-size: 30px;
-  z-index: 3;
-  display: block;
-  position: absolute;
-  margin: 0 0 0 2em;
-  padding: 0 8px 0 13px;
-  width: 526px;
-}
-form input[type=search]::-webkit-input-placeholder
-{
-  color: #c0c0c8;
-  font-size: 30px;
-  line-height: 36px;  /* Fixes placeholder vertical alignment in Chrome and Webkit Nightly (535.*) */
-}
-form input[type=search]:-moz-placeholder
-{
-  color: #c0c0c8;
-}
-form input[type=search]:focus
-{
-  outline: none;
-  border-color: #6e96c7;
-  box-shadow: inset 0 0 4px #6e96c7, inset 0 0 4px #6e96c7, 0 0 4px #6e96c7, 0 0 4px #6e96c7, inset 0 2px 4px rgba(0,0,0,0.16);
-}
-form input[type=search]::-webkit-search-cancel-button
-{
-  z-index: 9;
-  position: absolute;
-  right: 6px;
-  top: 6px;
-  width: 32px;
-  height: 32px;
-  margin: 0;
-  padding: 0;
-  background: url(images/cancel.svg);
-  -webkit-appearance: none;
-}
-form input[type=search]::-webkit-search-cancel-button:active
-{
-  background-position: 0 -32px;
-}
-form input[type=search]::-webkit-search-cancel-button
-{
-/*  outline: 1px dashed red !important;*/
-}
-form input[type=button]
-{
-  background: rgba(0,0,0,0.01);
-  font-size: 1.2em;
-  z-index: 2;
-  display: block;
-  position: absolute;
-  padding-right: 0.8em;
-  right: 0;
-  width: 130px;
-  color: #606068;
-  text-align: right;
-  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-  -webkit-transition: background 0.15s ease-in;
-}
-form input[type=button]:active
-{
-  background: rgba(0,0,0,0.08);
-  -webkit-transition-duration: 0;
-}
-form .status {
-  background: rgba(0,0,0,0.0);
-  z-index: 2;
-  display: block;
-  position: absolute;
-  left: 0;
-  width: 100px;
-  line-height: 46px;
-  padding-right: 2em;
-  text-align: right;
-  font-size: 1.5em;
-}
-.picky form.empty .status {
-  background-color: hsl(215, 51%, 70%); }
-.picky form.empty .feedback {
-  background-color: #d0e2ff; }
-.picky form.none .status {
-  background-color: hsl(6, 51%, 70%); }
-.picky form.none .feedback {
-  background-color: #ffdddd; }
-.picky form.support .status {
-  background-color: hsl(29, 51%, 70%); }
-.picky form.support .feedback {
-  background-color: #faf3d0; }
-.picky form.ok .status {
-  background-color: hsl(82, 51%, 70%); }
-.picky form.ok .feedback {
-  background-color: #bcf0b3; }
-.picky form .feedback {
-  width: 85%;
-  float: left;
-  border: 1px solid #cccccc;
-  padding: 0;
-  margin: 0; }
-    
-/* To the top */
-.picky .header .tothetop {
-  float: right;
-}
-.picky .header .tothetop a {
-  display: block;
-  width: 20px;
-  height: 20px;
-  text-align: center;
-  margin-left: 1em;
-  border-radius: 5px;
-  background-color: #EEE;
-  text-decoration: none;
-  font-size: 1em;
-  font-weight: bold;
-  color: #777;
-} 
-.picky .header .tothetop a:hover {
-  background-color: white;
-}
-
-/* Addination */
-.picky .addination {
-  line-height: 2em;
-  text-align: center;
-  cursor: pointer;
-}
-.picky .addination:hover {
-  background-color: #eee;
-}
-
-/* Allocations */
-.picky .allocations ol {
-  margin-bottom: 10px;
-}
-.picky ol {
-  cursor: pointer;
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-.picky li:hover {
-  background-color: #eee;
-}
-.picky ol.more,
-.picky ol.hidden {
-  margin-top: 3px;
-}
-.picky .allocations ol.hidden {
-  display: none; }
-.picky .allocations ol.more:hover {
-  background-color: #ccc;
-  cursor: pointer; }
-.picky .allocations ol {
-  list-style-position: outside;
-  list-style: none;
-  padding: 0;}
-  
-.picky .allocations li {
-  font-size: 1.2em;
-  padding: 24px;
-  overflow: hidden;
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-.picky .allocations li:last-child {
-  border-bottom: 0px;
-  margin-bottom: 0;
-}
-.picky .allocations .text {
-  max-width: 90%;
-  float: left; }
-.picky .allocations .count {
-  float: right;
-  color: #cccccc; }
-
-.picky .results .header {
-  padding: 0.5em;
-  background-color: rgba(0, 0, 0, 0.04);
-  background: -webkit-gradient(radial, 0% 100%, 90, 0% 100%, 600, from(rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.1)));
-  text-align: right;
-}
-.picky .allocations,
-.picky .no_results,
-.picky .results,
-.picky .more {
-  display: none;
-  margin: 0 1.5em;
-  padding: 0 0 0 0;
-  background-color: rgba(0, 0, 0, 0.02);
-  border-bottom-left-radius: 1em;
-  border-bottom-right-radius: 1em;
-  border-bottom: solid 1px #b8b8ba;
-  box-shadow: inset 0 1px 3px rgba(255,255,255,0), 0 1px 3px rgba(0,0,0,0.16);
-}
-.picky ol.more, .picky .no_results {
-  display: none;
-}
-.picky ol.more h3, .picky .no_results h3 {
-  margin: 0;
-  text-align: center;
-}
-.picky .allocations .more {
-  position: absolute;
-  font-weight: bold;
-  line-height: 1.1em;
-  padding: 0.2em 1em 0.4em;
-  margin: 0 16.5%;
-  -moz-border-radius-bottomleft: 20px;
-  -webkit-border-bottom-left-radius: 20px;
-  -o-border-bottom-left-radius: 20px;
-  -ms-border-bottom-left-radius: 20px;
-  -khtml-border-bottom-left-radius: 20px;
-  border-bottom-left-radius: 20px;
-  -moz-border-radius-bottomright: 20px;
-  -webkit-border-bottom-right-radius: 20px;
-  -o-border-bottom-right-radius: 20px;
-  -ms-border-bottom-right-radius: 20px;
-  -khtml-border-bottom-right-radius: 20px;
-  border-bottom-right-radius: 20px;
-  border-left-width: 1px;
-  border-right-width: 1px;
-  border-bottom-width: 2px;
-}
-
-/* Results */
-.picky .results li {
-  margin: 0;
-  padding: 1em;
-  border-bottom: 1px solid #aaa;
-}
-.picky .results li:last-child {
-  border-bottom: 0px;
-}
-.picky .results li h3 {
-  margin-top: 0;
-}
-.picky .results li h3 a:link,
-.picky .results li h3 a:visited {
-  color: black;
-  text-decoration: none;
-}
-.picky .results li h3 a:hover {
-  text-decoration: underline;
-}
-.picky .no_results {
-  padding: 1em;
-}

data/prototypes/client/sinatra/views/search.haml

@@ -1,311 +0,0 @@
-!!!
-%html{ :lang => 'en' }
-  %head
-    %link{ :href => "stylesheets/application.css", :media => "screen", :rel => "stylesheet", :type => "text/css" }/
-    %link{ :href => "stylesheets/picky.css", :media => "screen", :rel => "stylesheet", :type => "text/css" }/
-    %script{ :src => 'javascripts/jquery-1.5.0.min.js', :type => 'text/javascript' }
-    %script{ :src => 'javascripts/history.min.js', :type => 'text/javascript' }
-    %script{ :src => 'javascripts/history.adapter.jquery.min.js', :type => 'text/javascript' }
-    %script{ :src => 'javascripts/picky.min.js', :type => 'text/javascript' }
-  %body
-    %hgroup
-      / Replace these headers with your code
-      %img{ :class => 'picky', :src => "images/picky.png"}/
-      %h1 Picky
-      %h2
-        Scaffold: A great start into your
-        %em fantastic
-        search engine!
-        ☛
-        %a{ :href => "http://florianhanke.com/picky" } Picky Homepage
-    .content
-      = Picky::Helper.cached_interface
-      %section
-        %h1 Examples:
-        %p
-          %a{:href => "", :onclick => "pickyClient.insert('alan');"} alan
-          finds Alan in the title, and Alans who wrote books. The title is ranked higher due to weighing.
-        %p
-          %a{:href => "", :onclick => "pickyClient.insert('title:women');"} title:women
-          finds "women*" just in titles.
-        %p
-          %a{:href => "", :onclick => "pickyClient.insert('pinchn~');"} pinchn~
-          finds the similar "pynchon".
-        %p
-          %a{:href => "", :onclick => "pickyClient.insert('title:lyterature~');"} title:lyterature~
-          finds similar titles.
-        %p
-          %a{:href => "", :onclick => "pickyClient.insert('sp');"} sp
-          finds "sp*" in multiple categories. Choose the one you're looking for.
-        %p
-          %a{:href => "", :onclick => "pickyClient.insert('soc* p');"} soc* p
-          means "find something that starts with soc, and another thing starting with p".
-      %section
-        %h1 Already made it this far? You're good!
-        %p I think you're ready for configuring me for your own purposes.
-        %h2 Configuring the Picky client.
-        %p
-          There are two places where you configure the Picky client:
-          %ol
-            %li
-              %a{ :href => '#controller' } In the controller.
-              (client to Picky server)
-            %li
-              %a{ :href => '#view' } In the view.
-              (javascript client interface)
-        %h2#controller Controller
-        %p
-          Open the file
-          %strong app.rb
-          and take a peek inside.
-        %p
-          First you need both a client instance for a
-          %strong full
-          or a
-          %strong live search
-          depending on what you need (Full gets results with IDs, Live without and is used for updating the counter).
-        %p
-          In the example, I called it
-          %strong BookSearch
-          \.
-          %code
-            %pre
-              :preserve
-                BookSearch = Picky::Client.new host: 'localhost',
-                                               port: 8080,
-                                               path: '/books'
-        %p
-          Both clients offer the options:
-          %dl
-            %dt
-              %strong host
-            %dd The Picky search server host.
-            %dt
-              %strong port
-            %dd The Picky search server port (see unicorn.rb in the server).
-            %dt
-              %strong path
-            %dd The Picky search path (see app.rb in the server).
-        %p
-          Then, use these Client instances in your actions. For example like this:
-          %code
-            %pre
-              :preserve
-                get '/search/full' do
-                  results = BookSearch.search params[:query],
-                                              :ids => params[:ids],
-                                              :offset => params[:offset]
-                  results.extend Picky::Convenience
-                  results.populate_with Book do |book|
-                    book.to_s
-                  end
-                  ActiveSupport::JSON.encode results
-                end
-        %p
-          This part gets a
-          %strong hash
-          with the results:
-          %code
-            %pre
-              :preserve
-                results = BookSearch.search params[:query],
-                                            :ids => params[:ids],
-                                            :offset => params[:offset]
-        %p
-          This part takes the
-          %strong hash
-          and extends it with a few useful and convenient methods:
-          %code
-            %pre results.extend Picky::Convenience
-        %p
-          One of these methods is the
-          %strong populate_with
-          method which takes a
-          %strong model
-          as parameter, and then gets the corresponding
-          %strong model instances
-          for each id in the result.
-          %code
-            %pre
-              :preserve
-                results.populate_with Book do |book|
-                  book.to_s
-                end
-          The
-          %strong book.to_s
-          simulates rendering a book.
-          You can do whatever with the book instance if you just return a rendered thing that's supposed to be shown in the front end.
-        %p
-          If you don't want to render in the controller, you can do so in a view. In the controller just call
-          %code
-            %pre
-              results.populate_with Book
-          and then render the books in a view using:
-          %code
-            %pre
-              :preserve
-                results.entries do |book|
-                  render book # or book.to_s, or however you like to render the book.
-                end
-        %p
-          At the end, encode the hash in JSON:
-          %code
-            %pre
-              ActiveSupport::JSON.encode results
-          That's it for the controller.
-        %p
-          All the steps in one:
-          %code
-            %pre
-              :preserve
-                BookSearch = Picky::Client.new host: 'localhost', 
-                                               port: 8080,
-                                               path: '/books'
-
-                get '/search/full' do
-                  results = BookSearch.search params[:query],
-                                              ids: params[:ids],
-                                              offset: params[:offset]
-
-                  results.extend Picky::Convenience
-                  results.populate_with Book do |book|
-                    book.to_s
-                  end
-
-                  ActiveSupport::JSON.encode results
-                end
-        %h2#view View
-        %p
-          The view is even easier. Just add the line
-          %code
-            %pre
-              :preserve
-                = Picky::Helper.cached_interface
-          if you use just one language, or
-          %code
-            %pre
-              :preserve
-                = Picky::Helper.interface button: 'search',
-                                          no_results: 'No results!',
-                                          more: 'more'
-          if you use multiple languages.
-          (You'd use the options
-          %code
-            %pre
-              :preserve
-                button: t(:'search.button'), 
-                no_results: t(:'search.no_results'),
-                more: t(:'search.more')
-          of course, with proper i18n)
-          The same options can be used for
-          %strong #cached_interface
-          but they will be cached, so you can only set them once and then reused.
-        %p
-          You're almost finished. Take a look at the file
-          %strong views/search.haml
-          where you'll find javascript at the end. It looks something like this:
-          %code
-            %pre
-              :preserve
-                :javascript
-                  pickyClient = new PickyClient({
-                    // A full query displays the rendered results.
-                    //
-                    full: '/search/full',
-
-                    // etc.
-          Just take a look at the possible javascript client options in that file.
-        %p
-          %strong Good luck my friend!
-          %em *waves several stubby pink tentacles*
-      %footer
-        Website design by
-        %a{ :href => 'http://twitter.com/thijs' } Thijs van der Vossen
-        of
-        %a{ :href => 'http://fngtps.com' } Fingertips
-        with modifications by
-        = succeed('.') do
-          %a{ :href => 'http://twitter.com/hanke' } Florian Hanke
-      :javascript
-        $(window).load(function() {
-          pickyClient = new PickyClient({
-            // A full query displays the rendered results.
-            //
-            full: '/search/full',
-            // fullResults: 100, // Optional. Amount of ids to search for, default 20.
-
-            // A live query just updates the count.
-            //
-            live: '/search/live',
-            // liveResults: 0, // Optional. Amount of ids to search for, default 0.
-
-            // showResultsLimit: 100, // Optional. Default is 10.
-
-            // Wrap each li group (like author-title, or title-isbn etc.) of results
-            // in this element.
-            // Optional. Default is '<ol class="results"></ol>'.
-            //
-            // wrapResults: '<div class="hello"><ol class="world"></ol></div>',
-
-            // before: function(query, params) {  }, // Optional. Before Picky sends any data. Return modified query.
-            // success: function(data, query) {  }, // Optional. Just after Picky receives data. (Get a PickyData object)
-            // after: function(data, query) {  }, // Optional. After Picky has handled the data and updated the view.
-
-            // This is used to generate the correct query strings, localized. E.g. "subject:war".
-            // Optional. If you don't give these, the field identifier given in the Picky server is used.
-            //
-            qualifiers: {
-              en:{
-                subjects:  'subject'
-              }
-            },
-
-            // Use this to group the choices (those are used when Picky needs more feedback).
-            // If a category is missing, it is appended in a virtual group at the end.
-            // Optional. Default is [].
-            //
-            groups: [['author', 'title', 'subjects']],
-            // This is used for formatting inside the choice groups.
-            //
-            // Use %n$s, where n is the position of the category in the key.
-            // Optional. Default is {}.
-            //
-            choices: {
-              en:{
-                'title': {
-                  format: "Called <strong>%1$s</strong>",
-                  filter: function(text) { return text.toUpperCase(); },
-                  ignoreSingle: true
-                },
-                'author': 'Written by %1$s',
-                'subjects': 'Being about %1$s',
-                'publisher': 'Published by %1$s',
-                'author,title':    'Called %1$s, written by %2$s',
-                'title,author':    'Called %2$s, written by %1$s',
-                'title,subjects':  'Called %1$s, about %2$s',
-                'author,subjects': '%1$s who wrote about %2$s'
-              }
-            },
-
-            // This is used to explain the preceding word in the suggestion text (if it
-            // has not yet been defined by the choices above), localized. E.g. "Peter (author)".
-            // Optional. Default are the field identifiers from the Picky server.
-            //
-            explanations: {
-              en:{
-                title:     'titled',
-                author:    'written by',
-                year:      'published in',
-                publisher: 'published by',
-                subjects:  'with subjects'
-              }
-            }
-          });
-
-          // An initial search text, prefilled
-          // this one is passed through the query param q.
-          //
-          // Example: www.mysearch.com/?q=example
-          //
-          pickyClient.insertFromURL('#{@query}');
-        });