Orbit/app/views/desktop/journal_pages/add.html.erb

<div class="toolbar hh2">
  <div class="fn_g hp">
    <button class="fn_btn hh2 thmc2 thmtxt">Save</button>
    <button class="fn_btn hh2 admbg2">Cancel</button>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2">Entry Year</div>
    <div class="admbg sdm_o">
      <ul>
        <li><a class="hp hh2 admtxt" href="">2012</a></li>
        <li><a class="hp hh2 admtxt" href="">2011</a></li>
        <li><a class="hp hh2 admtxt" href="">2010</a></li>
        <li><a class="hp hh2 admtxt" href="">2009</a></li>
        <li><a class="hp hh2 admtxt" href="">2008</a></li>
      </ul>
    </div>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2">Language</div>
    <div class="admbg sdm_o">
      <ul>
        <li><a class="hp hh2 admtxt" href="">English</a></li>
        <li><a class="hp hh2 admtxt" href="">Chinese</a></li>
      </ul>
    </div>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2">Share</div>
    <div class="admbg sdm_o">
      <ul>
        <li><a class="hp hh2 admtxt" href="">Full</a></li>
        <li><a class="hp hh2 admtxt" href="">Abstract</a></li>
        <li><a class="hp hh2 admtxt" href="">Friends</a></li>
        <li><a class="hp hh2 admtxt" href="">Private</a></li>
        <li><a class="hp hh2 admtxt" href="">Group</a></li>
      </ul>
    </div>
  </div>
  <div class="hh2 hp sdm">
    <div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
  </div>
</div>
<div id="paper_add" class="tinycanvas vp">
  <div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
  <div class="viewport">
    <div class="overview">
      <%= form_for @writing_journal, url: desktop_publications_journal_p_add_path do |f| %>
      <div class="s_grid_con s_form">
        <ul>
          <li class="s_grid_row">
            <%= f.text_area :paper_title, size: "20x2", value: "Paper Title", class: "s_grid_6 s_grid"%>
          </li>
          <li class="s_grid_row">
            <%= f.text_field :journal_title, size: "20" ,value: "Journal Title", class: "s_grid_6 s_grid"%>
            <span class="icon-plus input_append"></span>
          </li>
          <li class="s_grid_row">
          <div class="check_box_g">
            <%= f.label :level_type ,t("personal_journal.level_type")%>
            <ul>
              <% @level_types.each_with_index do |level_type, i| %>
                 <li>
                   <%= check_box_tag "field-#{i}",
                                     level_type.id,
                                     @writing_journal.journal_level_type_ids.include?(level_type.id)
                   %>
                   <%= label_tag("field-#{i}", level_type.title) %>
                   <%= hidden_field_tag "field-#{i}", '' %>
                 </li>
              <% end %>
            </ul>
            <!--<label for="">Journal Level</label>
            <ul>
              <li><input type="checkbox"><label for="">SCI</label></li>
              <li><input type="checkbox"><label for="">SCIE</label></li>
              <li><input type="checkbox"><label for="">SSCI</label></li>
              <li><input type="checkbox"><label for="">AH & HCI</label></li>
              <li><input type="checkbox"><label for="">EI</label></li>
              <li><input type="checkbox"><label for="">CSCI</label></li>
              <li><input type="checkbox"><label for="">CSSCI</label></li>
              <li><input type="checkbox"><label for="">TSCI</label></li>
              <li><input type="checkbox"><label for="">TSSCI</label></li>
              <li><input type="checkbox"><label for="">THCI</label></li>
            </ul>-->
          </div>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "ISSN(ISBN)", class: "s_grid_2 s_grid") %>
            <%= f.text_field :isbn, size: "15" ,value: "829872987", class: "s_grid_4 s_grid"%>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "ISI No.", class: "s_grid_2 s_grid") %>
            <%= f.text_field :isi, size: "20" ,value: "829872987", class: "s_grid_4 s_grid"%>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "Volume No.", class: "s_grid_2 s_grid") %>
            <%= f.text_field :vol_no, size: "20" ,value: "829872987", class: "s_grid_4 s_grid"%>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "Issue No.", class: "s_grid_2 s_grid") %>
            <%= f.text_field :issue_no, size: "20" ,value: "829872987", class: "s_grid_4 s_grid"%>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "Pages", class: "s_grid_2 s_grid") %>
            <%= f.text_field :form_to_start, size: "10" ,value: "1", class: "s_grid_1 s_grid"%>
            <%= label_tag("", "to", class: "s_grid_1 s_grid") %>
            <%= f.text_field :form_to_end, size: "10" ,value: "20", class: "s_grid_1 s_grid"%>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "Reference URL", class: "s_grid_2 s_grid") %>
            <%= f.text_field :url, size: "20" ,value: "www.sample.com", class: "s_grid_4 s_grid"%>
          </li>
        </ul>
      </div>
      <div class="s_grid_con s_form">
        <ul>
          <li class="s_grid_row">
            <%= f.text_area :authors, size: "20x2", value: "Author", class: "s_grid_6 s_grid"%>
          </li>
          <li class="s_grid_row">

            <select name="" id="" class="s_grid s_grid_4">
              <%= options_for_select([["Author Type", 1],
                                      ["First Author", 2],
                                      ["Corresponding Author", 3],
                                      ["Second Author", 4],
                                      ["Third Author", 5],
                                      ["Fourth Author", 6]], 1)
               %>
          </select>

          <select name="" id="" class="s_grid s_grid_2">
            <%= options_for_select([['Status', 1],
                                    ['Published', 2],
                                    ['Pending', 3],
                                    ['Writing', 4]], 1)
             %>
          </select>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "Date of Publication", class: "s_grid_2 s_grid") %>
            <%= f.text_field :url, size: "20", value: "2012 / 05 / 01", class: "s_grid_4 s_grid"%>
          </li>

          <li class="s_grid_row">
             <%= f.text_area :keyword, size: "20x10", value: "May Keywords", class: "s_grid_6 s_grid"%>
          </li>

          <li class="s_grid_row">
            <%= f.text_field :associated_project, size: "20", value: "Associated Project", class: "s_grid s_grid_6" %>
            <span class="icon-plus input_append"></span>
          </li>

          <li class="s_grid_row">
            <%= label_tag("", "Full Text", class: "s_grid_2 s_grid") %>
            <%= f.file_field :file, size: "20", class: "s_grid_4 s_grid"%>
          </li>
        </ul>
      </div>
      <div class="s_grid_con s_form">
        <ul>
          <%= f.text_area :abstract, size: "20x10", class: "s_grid_6 s_grid"%>
          <li class="s_grid_row">
            <%= f.text_area :abstract, size: "20x26", value: "Abstract", class: "s_grid_6 s_grid"%>
          </li>
        </ul>
      </div>
      <%end%>
    </div>
  </div>
</div>