!!! %html %head %meta{charset: "UTF-8"} %meta{http: {equiv: "X-UA-Compatible"},content: "IE=edge"} %title= Settings.app.title = stylesheet_link_tag "theme_#{@color}", media: 'all', 'data-turbolinks-track' => true = stylesheet_link_tag('logo_image', media: 'all', 'data-turbolinks-track' => true) if Settings.app.image = javascript_include_tag 'application', 'data-turbolinks-track' => true /[if lt IE 9] = javascript_include_tag 'for_ie8', 'data-turbolinks-track' => true %body{style: "padding-top: 0;margin-bottom: 0;"} = navbar do = navbar_header do .navbar-brand= navbar_brand_html = navbar_collapse do = navbar_group do = navbar_item t(".menu"),"#" .container %ol.breadcrumb %li= link_to t(".breadcrumb_1"),"#" %li= link_to t(".breadcrumb_2"),"#" %li= t(".breadcrumb_3") .panel.panel-default .panel-heading %h3.panel-title= t(".button_sample") .panel-body %a.btn.btn-default{:href => "#"} Default %a.btn.btn-primary{:href => "#"} Primary %a.btn.btn-success{:href => "#"} Success %a.btn.btn-info{:href => "#"} Info %a.btn.btn-warning{:href => "#"} Warning %a.btn.btn-danger{:href => "#"} Danger %a.btn.btn-primary.disabled{:href => "#"} Disabled %a.btn.btn-link{:href => "#"} Link .btn-group %button.btn.btn-default.dropdown-toggle{"data-toggle" => "dropdown", :type => "button"} Dropdown %span.caret %ul.dropdown-menu %li %a{:href => "#"} Action %li %a{:href => "#"} Another action %li %a{:href => "#"} Something else here %li.divider %li %a{:href => "#"} Separated link %a.btn.btn-info{:href => "#"} %i.glyphicon.glyphicon-map-marker Icon .panel.panel-default .panel-heading %h3.panel-title= t(".form_sample") .panel-body %form.form-horizontal .row .col-md-6 .form-group %label.col-md-4.col-sm-3.control-label{:for => "input_text"}= t(".input.text") .col-md-8.col-sm-9 %input#input_text.form-control{:placeholder => t(".input.text"), :type => "text"} .form-group %label.col-md-4.col-sm-3.control-label{:for => "input_password"}= t(".input.password") .col-md-8.col-sm-9 %input#input_password.form-control{:placeholder => t(".input.password"), :type => "password"} .col-md-6 .form-group %label.col-md-4.col-sm-3.control-label{:for => "input_select"}= t(".input.select") .col-md-8.col-sm-9 %select#input_select.form-control %option 1 %option 2 %option 3 %option 4 %option 5 .form-group %label.col-md-4.col-sm-3.control-label{:for => "input_datepicker"}= t(".input.datepicker") .col-md-8.col-sm-9 %input#input_datepicker.form-control.datepicker{:placeholder => t(".input.datepicker"), :type => "text"} .col-md-12 .form-group .col-sm-offset-3.col-sm-9.col-md-offset-2.col-md-10 .checkbox %label %input{:type => "checkbox"} = t(".input.checkbox") .form-group %label.col-sm-3.col-md-2.control-label{:for => "input_radio"}= t(".input.radio") .col-sm-9.col-md-10 %label.radio-inline %input#inlineRadio1{:name => "inlineRadioOptions", :type => "radio", :value => "option1"} 1 %label.radio-inline %input#inlineRadio2{:name => "inlineRadioOptions", :type => "radio", :value => "option2"} 2 %label.radio-inline %input#inlineRadio3{:name => "inlineRadioOptions", :type => "radio", :value => "option3"} 3 .form-group %label.col-sm-3.col-md-2.control-label{:for => "input_text_long"}= t(".input.text_long") .col-sm-9.col-md-10 %input#input_text.form-control{:placeholder => t(".input.text_long"), :type => "text"} .form-group %label.col-sm-3.col-md-2.control-label{:for => "input_textarea"}= t(".input.textarea") .col-sm-9.col-md-10 %textarea#input_textarea.form-control{:placeholder => t(".input.textarea")} .col-md-12 .form-group .col-sm-offset-3.col-sm-9.col-md-offset-2.col-md-10 %button.btn.btn-default{:type => "button"}= t(".input.submit")