iconly 1.0.0

data/app/models/iconly/package.rb

@@ -0,0 +1,5 @@
+module Iconly
+  class Package < ApplicationRecord
+    include Concerns::Models::Package
+  end
+end

data/app/models/iconly/project.rb

@@ -0,0 +1,5 @@
+module Iconly
+  class Project < ApplicationRecord
+    include Concerns::Models::Project
+  end
+end

data/app/models/iconly/project/downloader.rb

@@ -0,0 +1,50 @@
+module Iconly
+  class Project
+    class Downloader
+      def initialize(project)
+        @project = project
+      end
+
+      def call
+        return unless @project.icons.any?
+        generate
+        zip_file_path
+      rescue => e
+        Rails.logger.error e
+        nil
+      end
+
+      private
+
+      def generate
+        with_glyphs do |path|
+          Project::FontGenerator.new(path, output_path).call
+        end
+        ZipFileGenerator.new(output_path, zip_file_path).write
+      end
+
+      def with_glyphs
+        Dir.mktmpdir do |dir|
+          FileUtils.cp @project.icons.map(&:svg_path), dir
+          yield dir if block_given?
+        end
+      end
+
+      def output_path
+        @output_path ||= Dir.mktmpdir
+      end
+
+      def svg_path
+        unless @svg_path
+          icon      = @project.icons.first
+          @svg_path = File.dirname(Rails.root.join("public#{icon.svg.url}"))
+        end
+        @svg_path
+      end
+
+      def zip_file_path
+        @zip_file_path ||= File.join(Iconly.downloads_folder, "#{@project.slug}_#{Time.current.to_i}.zip")
+      end
+    end
+  end
+end

data/app/models/iconly/project/font_generator.rb

@@ -0,0 +1,65 @@
+module Iconly
+  class Project
+    class FontGenerator
+      include FileUtils::Verbose
+
+      FONT_NAME = 'iconly'.freeze
+
+      def initialize(vectors_path, output_path, font_name = nil)
+        @vectors_path = vectors_path
+        @output_path  = output_path
+        @font_name    = font_name || FONT_NAME
+      end
+
+      def call
+        input = {
+          vectors:   @vectors_path,
+          templates: templates_path
+        }
+
+        raw_options = {
+          debug:        Rails.env.development?,
+          input:        input,
+          templates:    %w(iconly.css),
+          font_name:    @font_name,
+          css_selector: ".#{@font_name}-{{glyph}}",
+          no_hash:      true,
+          verbose:      true,
+          manifest:     manifest_path,
+          output:       {
+            fonts: output_fonts_path,
+            css:   @output_path
+          }
+        }
+
+        run_generators raw_options
+      end
+
+      private
+
+      def run_generators(raw_options)
+        options  = Fontcustom::Options.new(raw_options).options
+        manifest = Fontcustom::Manifest.new(manifest_path, options)
+
+        Fontcustom::Generator::Font.new(manifest.manifest).generate
+        Fontcustom::Generator::Template.new(manifest.manifest).generate
+      end
+
+      def output_fonts_path
+        File.join(@output_path, 'fonts')
+      end
+
+      def manifest_path
+        File.join(config_folder, 'fontcustom_manifest.yml')
+      end
+
+      def templates_path
+        File.join(config_folder, 'templates')
+      end
+
+      def config_folder
+        File.expand_path('../../../../../config/fontcustom', __FILE__)
+      end
+    end
+  end
+end

data/app/models/iconly/project_icon.rb

@@ -0,0 +1,23 @@
+module Iconly
+  class ProjectIcon < ApplicationRecord
+    belongs_to :project, class_name: 'Project'
+    belongs_to :icon, class_name: 'Icon'
+
+    def self.all_projects(user_id, term = nil)
+      user_projects = Project.owned_by(user_id)
+      icons = includes(:icon, :project)
+              .joins(:icon, :project)
+              .merge(user_projects)
+      icons = icons.merge(Icon.search(term)) if term.present?
+      project_icons = icons
+                      .order('iconly_projects.name')
+                      .group_by(&:project)
+
+      if term.blank?
+        projects_without_icons = user_projects.without_icons
+        projects_without_icons.each { |p| project_icons[p] = [] }
+      end
+      project_icons
+    end
+  end
+end

data/app/models/iconly/user.rb

@@ -0,0 +1,5 @@
+module Iconly
+  class User < ApplicationRecord
+    include Concerns::Models::User
+  end
+end

data/app/uploaders/iconly/svg_uploader.rb

@@ -0,0 +1,51 @@
+module Iconly
+  class SvgUploader < CarrierWave::Uploader::Base
+    CarrierWave::SanitizedFile.sanitize_regexp = /[^[:word:]\.\-\+]/
+
+    # Include RMagick or MiniMagick support:
+    # include CarrierWave::RMagick
+    # include CarrierWave::MiniMagick
+
+    # Choose what kind of storage to use for this uploader:
+    storage :file
+    # storage :fog
+
+    # Override the directory where uploaded files will be stored.
+    # This is a sensible default for uploaders that are meant to be mounted:
+    def store_dir
+      "uploads/packages/#{model.package.to_param}/icons"
+    end
+
+    # Provide a default URL as a default if there hasn't been a file uploaded:
+    # def default_url
+    #   # For Rails 3.1+ asset pipeline compatibility:
+    #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
+    #
+    #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
+    # end
+
+    # Process files as they are uploaded:
+    # process scale: [200, 300]
+    #
+    # def scale(width, height)
+    #   # do something
+    # end
+
+    # Create different versions of your uploaded files:
+    # version :thumb do
+    #   process resize_to_fit: [50, 50]
+    # end
+
+    # Add a white list of extensions which are allowed to be uploaded.
+    # For images you might use something like this:
+    def extension_whitelist
+      %w(svg)
+    end
+
+    # Override the filename of the uploaded files:
+    # Avoid using model.id or version_name here, see uploader/store.rb for details.
+    # def filename
+    #   "something.jpg" if original_filename
+    # end
+  end
+end

data/app/views/iconly/packages/_form.html.erb

@@ -0,0 +1,48 @@
+<div class="row">
+  <div class="col-md-6">
+    <%= form_for package, html: { multipart: true } do |f| %>
+      <% if package.errors.any? %>
+        <div class="alert alert-danger">
+          <ul>
+          <% package.errors.full_messages.each do |message| %>
+            <li><%= message %></li>
+          <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <div class="form-group">
+        <%= f.label :name %>
+        <%= f.text_field :name, class: 'form-control', placeholder: 'Choose a name' %>
+      </div>
+
+      <div class="form-group">
+        <%= f.label :icon_files, 'Icons' %>
+        <div class="card">
+          <div class="card-block text-center pt-4 pb-4">
+            <div class="package-files">
+              <div class="in" id="package-files">No files selected</div>
+            </div>
+            <button class="btn btn-smt btn-custom btn-white btn-file">
+              Add files ...
+              <%= f.file_field :icon_files, type: :file, multiple: true, class: 'form-control' %>
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="actions mt-5">
+        <%= f.submit 'Save', class: 'btn btn-success' %> &nbsp;or
+        <%= link_to 'Cancel', path_after_create_package, class: 'text-danger' %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<% content_for :script do %>
+  <script>
+    $(function() {
+      iconly.Package.start('#package_icon_files', '#package-files');
+    });
+  </script>
+<% end %>

data/app/views/iconly/packages/new.html.erb

@@ -0,0 +1,5 @@
+<%= title 'Add Icons' %>
+
+<h1 class="page-header">Add icons</h1>
+
+<%= render 'form', package: @package %>

data/app/views/iconly/projects/_form.html.erb

@@ -0,0 +1,25 @@
+<div class="row">
+  <div class="col-sm-6">
+    <%= form_for project do |f| %>
+      <% if project.errors.any? %>
+        <div class="alert alert-danger">
+          <ul>
+          <% project.errors.full_messages.each do |message| %>
+            <li><%= message %></li>
+          <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <div class="form-group">
+        <%= f.label :name %>
+        <%= f.text_field :name, class: 'form-control', placeholder: 'Choose a name' %>
+      </div>
+
+      <div class="actions mt-5">
+        <%= f.submit 'Save', class: 'btn btn-success' %> &nbsp;or
+        <%= link_to 'Cancel', cancel_path, class: 'text-danger' %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/iconly/projects/_packages.html.erb

@@ -0,0 +1,91 @@
+<div class="row">
+  <div class="col-md-2 hidden-sm-down">
+    <div class="sidebar" id="sticky-packages">
+      <h4 class="text-pale brd-btm">
+        Packages
+        <span class="badge badge-pale float-right"><%= packages.size %></span>
+      </h4>
+
+      <table>
+      <% packages.each do |package, _| %>
+        <tr>
+          <td>
+            <%= link_to package.name, "##{package.to_param}", 'data-scroll-to' => package.to_param, class: 'text-pale text-bold' %>
+          </td>
+          <td class="text-right">
+            <span class="badge badge-pale"><%= package.icon_count %></span>
+          </td>
+        </tr>
+      <% end %>
+      </table>
+    </div>
+  </div>
+
+  <div class="col-md-8 col-sm-12 project-pkg-<%= project.present? %>">
+    <% packages.each do |package, icons| %>
+
+      <div class="row">
+        <div class="col-md-8">
+          <h3 class="font-bold" id="<%= package.to_param %>"><%= package.name %></h3>
+        </div>
+        <div class="col-md-4 text-right inline-links">
+          <% if my_package?(package) %>
+            <%= link_to_share package %>
+
+            <%= link_to package_path(package),
+              method: :delete,
+              class:  'text-danger mt-05 list-inline-item text-sm',
+              title:  'Delete package',
+              data:   { confirm: 'You sure you want to delete this package?', toggle: 'iconly-tooltip' } do %>
+              <span class="iconly-trash text-pale"></span>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="card mb-4">
+        <div class="card-block">
+          <% icons.each do |icon| %>
+            <%= icon_svg icon, project_icons %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+
+    <% if packages.blank? %>
+    <div class="jumbotron text-center">
+      <i class="iconly-baby2 mr-05 font-lg"></i>
+      <h3 class="mb-4">Can't find that icon ...</h3>
+      <%= link_to 'Clear search', project_path(project), class: 'btn btn-lg btn-primary' %>
+    </div>
+    <% end %>
+  </div>
+
+  <div class="col-md-2 hidden-sm-down project-pkg-true">
+    <div id="sticky-project-icons">
+      <h4 class="text-pale brd-btm">
+        Project Icons
+        <span class="badge badge-pale float-right" id="project-icons-count"><%= project.icons.size %></span>
+      </h4>
+      <div id="project-icons">
+        <% project.icons.each do |icon| %>
+          <div class="btn btn-svg btn-sm float-left remove" title="Remove from project" data-action="remove-from-project" data-id="<%= icon.id %>">
+            <%= icon.markup %>
+            <i class="iconly-cross bg-danger text-white rm"></i>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div> <!-- end row -->
+
+<%= content_for :script do %>
+  <script>
+    $(function() {
+      var options = { topSpacing: 70 };
+      $('#sticky-packages').sticky(options);
+      $('#sticky-project-icons').sticky(options);
+      new iconly.Scroller(options)
+    });
+  </script>
+<% end %>

data/app/views/iconly/projects/edit.html.erb

@@ -0,0 +1,5 @@
+<%= title 'Editing Project' %>
+
+<h1 class="page-header">Editing Project</h1>
+
+<%= render 'form', project: @project, cancel_path: project_path(@project) %>

data/app/views/iconly/projects/index.html.erb

@@ -0,0 +1,37 @@
+<%= title 'Projects' %>
+
+<h1 class="page-header">Projects</h1>
+
+<% @projects.each do |project, project_icons| %>
+
+  <h3 class="font-bold text-dark"><%= link_to project.name, project_path(project) %></h3>
+  <div class="card mb-4">
+    <div class="card-block">
+      <% project_icons.each do |project_icon| %>
+        <div class="btn btn-svg float-left" title="<%= project_icon.icon.name %>">
+          <%= project_icon.icon.contents.html_safe %>
+        </div>
+      <% end %>
+
+      <% if project_icons.blank? %>
+        <div class="text-pale">No icons added yet.</div>
+      <% end %>
+    </div>
+  </div>
+
+<% end %>
+
+<% if @projects.blank? %>
+<div class="jumbotron text-center">
+  <i class="iconly-baby2 mr-05 font-lg"></i>
+  <% if params[:q].present? %>
+    <h3 class="mb-4">Can't find that icon ...</h3>
+    <%= link_to 'Clear search', projects_path, class: 'btn btn-lg btn-primary' %>
+  <% else %>
+    <h3>No projects created yet</h3>
+    <hr/>
+    <p>No worries, there's still time.</p>
+    <%= link_to 'Start now', new_project_path, class: 'btn btn-lg btn-primary' %>
+  <% end %>
+</div>
+<% end %>

data/app/views/iconly/projects/new.html.erb

@@ -0,0 +1,5 @@
+<%= title 'Projects' %>
+
+<h1 class="page-header">New Project</h1>
+
+<%= render 'form', project: @project, cancel_path: projects_path %>

data/app/views/iconly/projects/show.html.erb

@@ -0,0 +1,53 @@
+<%= title @project.name %>
+
+<div class="row page-header">
+  <div class="col-sm-6">
+    <h1><%= @project.name %></h1>
+  </div>
+  <div class="col-sm-6 text-right">
+    <a class="dropdown-toggle m-a-0 btn btn-default" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
+      <i class="iconly-menu"></i>
+    </a>
+
+    <div class="dropdown-menu dropdown-menu-right">
+      <%= link_to edit_project_path(@project), class: 'dropdown-item' do %>
+        <i class="iconly-pencil mr-05 text-info"></i>
+        Edit Project
+      <% end %>
+      <%= link_to project_path(@project),
+        method: :delete,
+        data: { confirm: 'Are you sure you want to delete this project?' },
+        class: 'dropdown-item' do %>
+        <i class="iconly-trash mr-05 text-danger"></i>
+        Delete Project
+      <% end %>
+
+      <div class="dropdown-divider"></div>
+
+      <%= link_to generate_font_project_path(@project), class: 'dropdown-item', data: { method: :post } do %>
+        <i class="iconly-folder-download text-primary mr-05"></i>
+        Generate Font
+      <% end %>
+
+      <div class="dropdown-divider"></div>
+
+      <%= link_to new_project_path, class: 'dropdown-item' do %>
+        <i class="iconly-file-add mr-05 text-info"></i>
+        New Project
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<%= render partial: 'packages', locals: {
+  packages:      @packages,
+  project:       @project,
+  project_icons: @project.project_icons.map(&:icon_id) } %>
+
+<%= content_for :script do %>
+<script>
+  $(function() {
+    iconly.Project.start('<%= @project.id %>', '<%= project_icons_path %>');
+  });
+</script>
+<% end %>