小编Mel*_*Mel的帖子

Rails - 使用font-awesome图标

我有一个rails 4应用程序,我正在尝试使用其中的字体真棒图标(用于社交媒体登录链接).

我有:

 /* application.css.css:
 *= require_framework_and_overrides.css.scss
 *= require_self
 *= require_tree .
 */

/* framework_and_overrides.css.css: */
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";
Run Code Online (Sandbox Code Playgroud)

在我的gemfile中:

gem 'font-awesome-sass', '~> 4.4.0'
Run Code Online (Sandbox Code Playgroud)

我也在使用bootstrap sass.

在我看来,我尝试:

<%= link_to content_tag(icon('facebook', class: 'facebookauth')) %>
Run Code Online (Sandbox Code Playgroud)

它呈现"<>>",两者之间没有任何内容.

我也尝试过:

<%= link_to content_tag icon('facebook', class: 'facebookauth') %>
Run Code Online (Sandbox Code Playgroud)

我犯了同样的错误.

当我尝试:

<%= link_to content_tag(fa_icon('facebook', class: 'facebookauth')) %>
<%= link_to content_tag fa_icon('facebook', class: 'facebookauth') %>
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

undefined method `fa_icon' for
Run Code Online (Sandbox Code Playgroud)

有谁知道如何在Rails中使用font-awesome?

新尝试:

                        <%= link_to  icon('google', id: 'googleauth'), user_omniauth_authorize_path(:google_oauth2) %>

                        <%= link_to icon('linkedin', id: …
Run Code Online (Sandbox Code Playgroud)

css ruby-on-rails font-awesome fontawesome-4.4.0

2
推荐指数
1
解决办法
4878
查看次数

Bootstrap Sass with Rails 4

我正在尝试在我的rails(4.0.0)项目中使用bootstrap-sass(3.1.0.2)和sass-rails(4.0.1).

我的application.css.scss文件如下所示:

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new …
Run Code Online (Sandbox Code Playgroud)

css ruby-on-rails bootstrap-sass

1
推荐指数
1
解决办法
1万
查看次数

Rails - 在Rails 4应用程序 - 资产管道中使用供应商css中的供应商字体

我正在试图找出如何适应在Rails 4中使用的wrap bootstrap主题.

主题使用简单线图标.我试图将这些文件移动到我的app/assets文件夹中的字体文件夹,以及我的vendor/assets/css文件夹中的css文件和vendor/assets/javascript文件夹中的js文件夹.

我不明白如何重写css中的路径,以便以一种能够读取它们的方式引用资产.

例如,其中一个css文件包括以下内容:

@font-face {
  font-family: 'Simple-Line-Icons';
  src: url("../../fonts/Simple-Line-Icons.eot");
  src: url("../../fonts/Simple-Line-Icons.eot?#iefix") format("embedded-opentype"), url("../../fonts/Simple-Line-Icons.woff") format("woff"), url("../../fonts/Simple-Line-Icons.ttf") format("truetype"), url("../../fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)

我知道url(../ ..部分是rails的问题.我无法弄清楚的是如何解决它.

我在我的生产环境中安装了rails-12factor gem.我尝试了一百万种变化(在导轨指南中显示),但我找不到任何有用的东西.

谁能看到该怎么办?

本文建议不要在引用供应商资产字体文件中包含'fonts'文件夹.https://gist.github.com/iamatypeofwalrus/6467148

我已经尝试过包含和排除它,但两种方式都没有效果.

本文建议供应商文件无法在不修改初始化程序的情况下存储字体.我试过了,但它也没有用. 在Rails资产管道中使用字体

Rails.application.config.assets.paths
 => ["/Users/cf3/app/assets/images", "/Users/cf3/app/assets/javascripts", "/Users/cf3/app/assets/stylesheets", "/Users/cf3/vendor/assets/fonts", "/Users/cf3/vendor/assets/javascripts", "/Users/cf3/vendor/assets/stylesheets", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/underscore-rails-1.8.3/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/gmaps4rails-2.1.2/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/chosen-rails-1.4.3/vendor/assets/images", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/chosen-rails-1.4.3/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/chosen-rails-1.4.3/vendor/assets/stylesheets", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/chartkick-1.4.1/app/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/formtastic-2.2.1/app/assets/stylesheets", "/Users/lem/.rvm/gems/ruby-2.3.0/bundler/gems/surveyor-5281b317a559/lib/assets/images", "/Users/lem/.rvm/gems/ruby-2.3.0/bundler/gems/surveyor-5281b317a559/lib/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/bundler/gems/surveyor-5281b317a559/lib/assets/stylesheets", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/dependent-fields-rails-0.4.2/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/cocoon-1.2.6/app/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/jquery-rails-4.0.5/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/coffee-rails-4.1.0/lib/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/bundler/gems/momentjs-rails-eda1b74512db/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/bootstrap-slider-rails-5.3.1/vendor/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/bootstrap-slider-rails-5.3.1/vendor/assets/stylesheets", "Rails/vendor/assets/fonts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.5.1/assets/javascripts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.5.1/assets/fonts", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.5.1/assets/images", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/font-awesome-sass-4.4.0/assets/stylesheets", "/Users/lem/.rvm/gems/ruby-2.3.0/gems/font-awesome-sass-4.4.0/assets/fonts"] 
Run Code Online (Sandbox Code Playgroud)

Heroku的

我现在发现这篇文章,这表明对于生产中的heroku合规性,我需要用资产路径助手替换所有内容并重命名文件以将.erb添加到images和css以及.coffee到js.在我这样做之前,有人可以确认这实际上是必需的,以及如何更改上述css文件以符合heroku要求.

http://joanswork.com/wrapbootstrap-theme-to-rails/

css ruby-on-rails twitter-bootstrap

1
推荐指数
1
解决办法
2047
查看次数

Money-Rails Gem和Instance Currencies

我试图在我的rails 4 app中使用money-rails gem.

我有一个参与者模型,其中包含每个货币和participant_cost的属性.我的目标是让用户为每个实例指定一种货币,以及参与费用的金额.

在我的参与模型中,我有:

货币化:participation_cost,with_model_currency :: amount_currency

在我的表单中,我要求用户选择货币并指定金额,如下所示:

<%= f.input :participation_cost, label: 'What amount will you pay for participation costs?', :label_html => { :class => 'question-participants' }, placeholder: 'Whole numbers only', :input_html => {:style=> 'width: 250px; margin-top: 20px',  class: 'response-participants'} %>

<br><br>
<%= f.input :currency, label: 'Select your costs currency', label_html: {class: 'fundingspace'}, collection: ["AUD Australian Dollars", "GBP British Pounds", "USD US Dollars" ], prompt: "Choose one" %> </div> <br>
Run Code Online (Sandbox Code Playgroud)

在我看来,我想显示货币和金额.我目前有一个字符串如下:

  <%=  "#{@project.scope.try(:participant).try(:participation_cost)} #{@project.scope.try(:participant).try(:currency)}" %>
Run Code Online (Sandbox Code Playgroud)

当我测试这个时,我只得到参与号码的数字.我没有得到货币.

在我的money.rb初始化程序中,我有:

 config.default_currency …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails money-rails

0
推荐指数
1
解决办法
646
查看次数

Rails 4 - 国家选择和简单表单

我正在尝试在 Rails 4 中制作一个应用程序。我对表单使用简单的表单,对国家/地区列表使用 country_select gem。

我有一个地址模型,其中包括这个方法:

def country_name
    self.country = ISO3166::Country[country]
    country.translations[I18n.locale.to_s] || country.name
  end
Run Code Online (Sandbox Code Playgroud)

当我尝试保存新地址时,出现此错误:

undefined method `translations' for "Australia":String
Run Code Online (Sandbox Code Playgroud)

谁能看出这个方法定义有什么问题?

如果我将视图更改为:

<% if @profile.addresses.any? %>
        <%= @profile.addresses.first.country.titlecase %> 
    <% else %>
        <span class="profileeditlink">
            <%= link_to "Add your location", new_address_path %>
        </span>
    <% end %>   
Run Code Online (Sandbox Code Playgroud)

然后记录显示 - 但显示为 AU 而不是澳大利亚(这是地址模型中提供的方法)。

地址表:

create_table "addresses", force: :cascade do |t|
    t.string   "unit"
    t.string   "building"
    t.string   "street_number"
    t.string   "street"
    t.string   "city"
    t.string   "region"
    t.string   "zip"
    t.string   "country"
    t.boolean  "main_address"
    t.boolean  "project_offsite"
    t.string …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails country-codes simple-form

0
推荐指数
1
解决办法
2496
查看次数