poe_rails 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 10c7417ec14f5b47253d7478feaa9f37bca983b5
-  data.tar.gz: ba2cf0920a75a86ee52fe995a02c44928544f1ad
+  metadata.gz: 7f38753e908c38b35fd2657011a636da29dde688
+  data.tar.gz: 3b5bb2f15ffce6bbf81e3f2de33d9e813bfc012f
 SHA512:
-  metadata.gz: e3bb4522276e803931000c45441529929d46846b8cf7073207fbfbed8653cd79798bbd091994a8a833e4b643d42e3b8bfcd0a9812c5c14fe543ac22caa23f337
-  data.tar.gz: fc1e77450952c6994fed5d2af4a65bf374757130b01c5a31c299d4de60b8af3cd205378ac92eaae284cf5b1930d10e346b7bd465aa8c10b4ab2677ed5b2409da
+  metadata.gz: 8ff4b90a540b8149ae6c76f81452dabe37ea55e32e7f1cb7c134bdb1aaf48c734acbdfe4d439940236ba00601bcf3054acf90e374813619b103731e26a6131b2
+  data.tar.gz: e2fd3c72956c1f3a77eb67f2c68062c7db8de25b2f70c7d2532772adb9e0ce166c6d9ecf42c693658f7a8f3475bd9e2aee14357ab66e8a6c73b1543c9ae077c8

data/app/assets/javascripts/poe_rails/cheat_sheet.js

@@ -1,2 +1,19 @@
-// Place all the behaviors and hooks related to the matching controller here.
-// All this logic will automatically be available in application.js.
+//$ = jQuery
+
+//pluginName = 'poe_pallet'
+//defaults = version: 0.5
+
+var emoji_index = new Array();
+function set_index(name) {
+  emoji_index.push(name);
+}
+
+function set_name(name) {
+  document.getElementById("emoji_name").value = ":" + name + ":";
+}
+
+$(document).ready(function(){
+  $('#tooltip').poe_pallet({
+    data: emoji_index
+  });
+});

data/app/assets/javascripts/poe_rails/poe_pallet.js

@@ -0,0 +1,96 @@
+// the semi-colon before function invocation is a safety net against concatenated
+// scripts and/or other plugins which may not be closed properly.
+;(function ( $, window, document, undefined ) {
+
+  // undefined is used here as the undefined global variable in ECMAScript 3 is
+  // mutable (ie. it can be changed by someone else). undefined isn't really being
+  // passed in so we can ensure the value of it is truly undefined. In ES5, undefined
+  // can no longer be modified.
+
+  // window and document are passed through as local variable rather than global
+  // as this (slightly) quickens the resolution process and can be more efficiently
+  // minified (especially when both are regularly referenced in your plugin).
+
+  // Create the defaults once
+  var pluginName = "poe_pallet",
+      defaults = {
+        version: 0.5
+      };
+
+  // The actual plugin constructor
+  function Plugin( element, options ) {
+    this.element = element;
+
+    // jQuery has an extend method which merges the contents of two or
+    // more objects, storing the result in the first object. The first object
+    // is generally empty as we don't want to alter the default options for
+    // future instances of the plugin
+    this.options = $.extend( {}, defaults, options );
+
+    this._defaults = defaults;
+    this._name = pluginName;
+
+    this.path = "/assets/poe/png20/";
+    this.pallet_html = "";
+
+    this.init();
+  }
+
+  Plugin.prototype = {
+
+    init: function() {
+      // Place initialization logic here
+      // You already have access to the DOM element and
+      // the options via the instance, e.g. this.element
+      // and this.options
+      // you can add more functions like the one below and
+      // call them like so: this.yourOtherFunction(this.element, this.options).
+
+      //this.printElement(this.element);
+      this.create_pallet(this.options.data, this.path);
+      this.set_pallet_element(this.pallet_html);
+    },
+
+    printElement: function(el, options) {
+      // some logic
+      console.log(el);
+    },
+
+    create_pallet: function(emoji_index, path) {
+      var parts_start = "<div>";
+      var parts_end = "</div>";
+      var pallet_html = parts_start;
+
+      for (i = 0; i < emoji_index.length; i++) {
+        pallet_html += "<input type='image' src='" + path + emoji_index[i] +
+                       ".png' onclick='set_name(" + '"'+ emoji_index[i] + '"' + ")'>";
+        if (i < emoji_index.size - 1) {
+          pallet_html += parts_end;
+        } else if (i % 10 == 9) {
+          pallet_html += parts_end;
+          pallet_html += parts_start;
+        }
+      }
+      this.pallet_html = pallet_html;
+    },
+
+    set_pallet_element: function(pallet_html) {
+      $('#tooltip').popover({
+        trigger:'click',
+        content:pallet_html
+      });
+    }
+
+  };
+
+  // A really lightweight plugin wrapper around the constructor,
+  // preventing against multiple instantiations
+  $.fn[pluginName] = function ( options ) {
+    return this.each(function () {
+      if (!$.data(this, "plugin_" + pluginName)) {
+        $.data(this, "plugin_" + pluginName, new Plugin( this, options ));
+      }
+    });
+  };
+
+})( jQuery, window, document );

data/app/controllers/poe_rails/cheat_sheet_controller.rb

@@ -9,23 +9,23 @@ module PoeRails
       @index = @poe.instance_variable_get("@index")
       @path = '/assets/poe/png64/'
 
-      set_category
+      set_categories
       set_divided_emojis
     end
 
-    def set_category
-      @category = Array.new
+    def set_categories
+      @categories = Array.new
       @index.each do |item|
-        @category << item['category'] if !@category.include?(item['category'])
+        @categories << item['category'] if !@categories.include?(item['category'])
       end
     end
 
     def set_divided_emojis
       @divided_emojis = Array.new
-      @category.each do |item|
+      @categories.each do |category|
         emojis = Array.new
         @index.each do |emoji|
-          if item == emoji['category']
+          if category == emoji['category']
             emojis << emoji
           end
         end

data/app/views/poe_rails/cheat_sheet/index.html.erb

@@ -1,42 +1,58 @@
+<script>
+  <% for i in 0..@categories.size - 1 %>
+    <% @divided_emojis[i].each do |item| %>
+      set_index('<%= item['name'] %>')
+    <% end %>
+  <% end %>
+</script>
+
 <div class="container">
   <div class="row-fluid">
     <div class="span12">
-      <h2 class="text-center">Phantom Open Emoji Cheat Sheet</h2>
+      <div class="row-fluid">
+        <h2 class="text-center">Phantom Open Emoji Cheat Sheet</h2>
+      </div>
       <hr style="border-style:solid;">
-      <ul class="unstyled">
 
-        <% @category.each_with_index do |category_name, i| %>
-          <h3> <%= category_name %> </h3>
+      <div class="row-fluid text-center">
+        <input type="text" id="emoji_name">
+        <input type="image" id="tooltip" src="/assets/poe/png20/grinning.png"
+        data-html="true" data-ttoggle="popover" data-placement="bottom" data-animation="false">
+      </div>
 
-          <div class="row-fluid">
-            <% @divided_emojis[i].each.with_index(1) do |item, j| %>
-              <div class="span6">
-                <div class="span2">
-                  <%= image_tag @path + item['name'] + '.png' %>
-                </div>
-                <div class="span10">
-                  <p class="icon-name">
-                    &nbsp;&nbsp;:&nbsp;&nbsp;<%= item['name'] %>
-                  </p>
-                </div>
-              </div>
+      <div class="row-fluid">
+        <div class="span12">
 
-              <% if (j == @divided_emojis[i].size) && (i == @category.size - 1) %>
-                </div>
-                <hr style="border-style:solid;">
-              <% elsif j == @divided_emojis[i].size %>
-                </div>
-                <hr style="border-style:dashed;">
-              <% elsif j % 2 == 0 %>
+          <% @categories.each_with_index do |category, i| %>
+            <div class="row-fluid">
+              <h3><%= category %></h3>
+            </div>
+            <div class="row-fluid">
+
+              <% @divided_emojis[i].each_with_index do |item, j| %>
+                <% if j % 2 == 0 and j != 0 %>
+                  </div>
+                  <div class="row-fluid mt-l">
+                <% end %>
+                <div class="span6">
+                  <div class="span2">
+                    <%= image_tag @path + item['name'] + '.png' %>
+                  </div>
+                  <div class="span10">
+                    <p class="icon-name">
+                      &nbsp;&nbsp;:<%= item['name'] %>:
+                    </p>
+                  </div>
                 </div>
-                <div class="row-fluid mt-l">
               <% end %>
 
-            <% end %>
-
-        <% end %>
+            </div>
+            <hr style="border-style:dashed;">
+          <% end %>
 
-      </ul>
+          <hr style="border-style:solid;">
+        </div>
+      </div>
     </div>
   </div>
 </div>

data/poe_rails.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'poe_rails'
-  s.version     = '0.0.3'
+  s.version     = '0.0.4'
   s.license     = 'GNU GPLv3 and AGPLv3'
   s.authors     = ['Yukiharu Nakaya', 'Rika Yoshida', 'Rei Kagetsuki']
   s.email       = 'info@genshin.org'
@@ -12,5 +12,5 @@ Gem::Specification.new do |s|
 
   s.add_dependency 'highline'
   s.add_dependency 'phantom_open_emoji'
-  s.add_dependency 'phantom_open_emoji_static'
+  s.add_dependency 'poe_static'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: poe_rails
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Yukiharu Nakaya
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-23 00:00:00.000000000 Z
+date: 2013-06-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: highline
@@ -41,7 +41,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: phantom_open_emoji_static
+  name: poe_static
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '>='
@@ -70,6 +70,7 @@ files:
 - app/assets/javascripts/poe_rails/application.js
 - app/assets/javascripts/poe_rails/bootstrap.min.js
 - app/assets/javascripts/poe_rails/cheat_sheet.js
+- app/assets/javascripts/poe_rails/poe_pallet.js
 - app/assets/stylesheets/poe_rails/application.css
 - app/assets/stylesheets/poe_rails/bootstrap-responsive.min.css
 - app/assets/stylesheets/poe_rails/bootstrap.min.css