OSDN Git Service

Client is version0.4.29, added exportConsole.
[pettanr/pettanr.git] / app / views / layouts / application.html.erb
index d7106a6..b78281b 100644 (file)
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Pettanr</title>
-  <%= stylesheet_link_tag    "application" %>
-  <%= javascript_include_tag "application" %>
-  <%= csrf_meta_tags %>
-</head>
-<body>
-
-<a href="/">ぺったんR</a>
-<div>
-<% if user_signed_in? %>
-  <%= link_to "my home", :controller => '/home' %>
-  <%= link_to "my comics", :controller => '/home', :action => :comic %>
-  <%= link_to "my pictures", :controller => '/home', :action => :picture %>
-  <%= link_to "config", :controller => '/home', :action => :configure %>
-  <%= link_to "ログアウト", destroy_user_session_path, :method => :delete %>
-<% else %>
-  <%= link_to "ログイン", new_user_session_path %>
-<% end %>
-</div>
-<div>
- <p class="notice"><%= notice %></p>
- <p class="alert"><%= alert %></p>
-</div>
-<%= yield %>
-
-<div>
-<% if admin_signed_in? %>
-  <%= link_to "system", :controller => '/system' %>
-  <%= link_to "ログアウト", destroy_admin_session_path, :method => :delete %>
-<% else %>
-  <%= link_to "管理者", new_admin_session_path %>
-<% end %>
-</div>
-</body>
-</html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
+<html xmlns:v="urn:schemas-microsoft-com:vml">\r
+<head>\r
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
+  <meta http-equiv="Content-Language" content="ja">\r
+  <meta http-equiv="Content-Script-Type" content="text/javascript">\r
+  <meta http-equiv="Content-Style-Type" content="text/css">\r
+  <meta http-equiv="imagetoolbar" content="no">\r
+  <title>Pettanr</title>\r
+  <%= stylesheet_link_tag    "common" %>\r
+  <%= stylesheet_link_tag    "work" %>\r
+  <%= csrf_meta_tags %>\r
+</head>\r
+<body>\r
+               <div id="header">\r
+                       <div class="base-content-width" style="position:relative;">\r
+                               <h1><a href="index.html">pettanR</a></h1>\r
+                       <!-- global navi -->\r
+                               <div id="global-navi">\r
+                                       <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
+                               </div>\r
+                       </div>\r
+               </div>\r
+               \r
+               <div id="inner-wrapper" class="base-content-width">\r
+\r
+                       <!-- home -->\r
+                       <div id="entrance" class="console-page main" style="display:block;">\r
+                               <%= yield %>\r
+                               <h3>クイックアクセス</h3>\r
+                               <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>\r
+                               <p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>\r
+                               <p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>\r
+                               <p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加(開発用)</a></p>\r
+                               <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録(今はすでに登録している場合も操作可能です、、、、)</a></p>\r
+                               <h3>座長からのお知らせ</h3>\r
+                               <p>メンテナンスについて</p>\r
+                       </div>\r
+                       \r
+               <!-- setting -->\r
+                       <div id="backyard" class="console-page main"></div>\r
+\r
+               <!-- debug-->\r
+                       <div id="debug" class="console-page main">\r
+                               <h2>Environment</h2>\r
+                               <dl id="useragent" class="dl-table clearfix"></dl>\r
+\r
+                               <h2>Boot console in debug mode</h2>\r
+                               <dl class="dl-table clearfix">\r
+                                       <dt>xdomain json</dt>\r
+                                       <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>                       \r
+                               </dl>\r
+                       \r
+                               <h2>Boot editor in debug mode</h2>\r
+                               <dl class="dl-table clearfix">\r
+                                       <dt>General Boot</dt>\r
+                                       <dd><a href="work.html?view=editor">Boot Editor</a></dd>\r
+                                       <dt>Reversible Image test</dt>\r
+                                       <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>\r
+                                       <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>\r
+                                       <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>\r
+                                       <dt>Balloon test</dt>\r
+                                       <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>\r
+                                       <dt>ActiveX test</dt>\r
+                                       <dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>\r
+                                       <dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>\r
+                                       <dt>Debug mode</dt>\r
+                                       <dd><a href="work.html?debug=true">Debug Enabled</a></dd>\r
+                                       <dd><a href="work.html?debug=false">Debug Disabled</a></dd>\r
+                               </dl>\r
+                               \r
+                               <h2>XML + XSLT pages</h2>\r
+                               \r
+                               <dl class="dl-table clearfix">\r
+                                       <dt>help documents</dt>\r
+                                       <dd><a href="help/jp.xml">jp.xml</a></dd>\r
+                                       <dt>xml test</dt>\r
+                                       <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>\r
+                                       <dt>other</dt>\r
+                                       <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>\r
+                               </dl>                           \r
+                       </div>\r
+               </div>\r
+                       \r
+       <!-- comic list -->\r
+               <div id="cabinet" class="console-page">\r
+                       <div id="cabinet-container" class="finder-container"></div>\r
+               </div>\r
+               \r
+       <!-- image list -->\r
+               <div id="gallery" class="console-page"></div>\r
+\r
+               \r
+       <!-- Editor -->\r
+               <div id="editor" class="view-container">\r
+               <p id="key-event-log" style="margin-top: 5em;"></p>\r
+               <p id="history-log"></p>\r
+                       <p id="operation-catcher-log"></p>\r
+                       <p id="tail-log"></p>\r
+                       <p id="window-log"></p>\r
+                       \r
+               <!-- コマの背景(パターン・塗りつぶし) -->\r
+       \r
+               <!-- グリッド-->\r
+                       <div id="grid" style="display:none;"></div>\r
+       \r
+               <!-- コマ要素 -->\r
+                       <div id="comic-element-container"></div>\r
+\r
+               <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
+                       <div id="whiteGlass-container">\r
+                               <div id="whiteGlass-top"></div>\r
+                               <div id="whiteGlass-left"></div>\r
+                               <div id="whiteGlass-right"></div>\r
+                               <div id="whiteGlass-bottom"></div>\r
+                       </div>\r
+                       \r
+               <!-- コマ操作ツール-->\r
+                       <div id="panel-tools-container">\r
+                       <!-- コマの高さの変更ボタン -->\r
+                               <div id="panel-resizer-top">▲</div>\r
+                               <div id="panel-resizer-bottom">▼</div>\r
+                               \r
+                       <!-- コミック要素のリサイザ -->\r
+                               <div id="comic-element-resizer-container">\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
+                                       <div id="balloon-tail-mover"></div>\r
+                                       \r
+                               <!-- コミックオブジェクトコンソール -->\r
+                                       <div id="comic-element-consol-wrapper">\r
+                                               <div id="comic-element-consol-tail"></div>\r
+                                               <div id="comic-element-consol-wrapper-when-out">\r
+                                                       <div id="image-element-consol">\r
+                                                               <div id="change-image-button"></div>\r
+                                                               <div id="layer-back-button"></div>\r
+                                                               <div id="delete-image-button"></div>\r
+                                                               <div id="layer-forward-button"></div>\r
+                                                       </div>\r
+                                                       <div id="text-element-consol">\r
+                                                               <div id="edit-text-button"></div>\r
+                                                               <div id="change-text-style-button"></div>\r
+                                                               <div id="back-text-button"></div>\r
+                                                               <div id="delete-text-button"></div>\r
+                                                               <div id="hide-text-tail-button"></div>\r
+                                                               <div id="forward-text-button"></div>\r
+                                                       </div>\r
+                                               </div>\r
+                                       </div>\r
+                               </div>\r
+                       </div>\r
+\r
+                       <div id="window-container"></div>\r
+                               \r
+\r
+                       <!-- layer-window -->\r
+                       <!-- dom-console-window -->\r
+                       <!-- post-window -->\r
+                       <!-- wellcome-window -->\r
+                       \r
+\r
+               <!-- メニューバー -->\r
+                       <div id="menu-bar"></div>\r
+                       \r
+               <!-- マウスオペレーションキャッチャー -->\r
+                       <div id="mouse-operation-catcher" unselectable="on"></div>\r
+       \r
+               <!-- テンプレート -->\r
+                       <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="comic-element-wrapper image-element"></div>\r
+                       </script>\r
+                       \r
+                       <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="comic-element-wrapper text-element">\r
+                                       <img>\r
+                                       <div class="speach">\r
+                                               <div class="speach-inner">&nbsp;</div>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+                       \r
+                       <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
+                               <div class="comic-element-wrapper text-element">\r
+                                       <img>\r
+                                       <div class="speach">\r
+                                               <table><tr><td>&nbsp;</td></tr></table>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+                       \r
+                       <script id="imageGroupItemTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="image-group-item">\r
+                                       <div class="image-group-item-title">img-title</div>\r
+                               </div>                          \r
+                       </script>\r
+                       \r
+                       <script id="windowTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="window-wrapper">\r
+                                       <div class="window-header">window title</div>\r
+                                       <div class="window-close-button">x</div>\r
+                                       <div class="window-body clearfix">\r
+                                               <div class="window-body-insert-position"></div>\r
+                                       </div>\r
+                                       <div class="window-footer">\r
+                                               <div class="window-resize-button">/</div>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+                       \r
+               <!-- infomation-window -->\r
+                       <script id="infomation-window" type="text/x-jquery-tmpl">\r
+                               <div id="panel-background-information">\r
+                                       <div id="bg-pattern"></div>\r
+                                       <div id="select-bg-pattern-button">pattern</div>\r
+                                       <div id="reset-bg-pattern-button">x</div>\r
+                                       <div id="bg-color"></div>\r
+                                       <div id="select-bg-color-button">color</div>\r
+                                       <div id="reset-bg-color-button">x</div>\r
+                                       <!-- <div id="bg-pattern-x"></div>\r
+                                       <div id="bg-pattern-y"></div>\r
+                                       <div id="bg-pattern-repeat-x"></div>\r
+                                       <div id="bg-pattern-repeat-y"></div> -->\r
+                               </div>\r
+                       \r
+                               <div id="comic-element-infomation">\r
+                                       <div id="comic-element-x">\r
+                                               <span class="comic-element-attribute-label">x:</span>\r
+                                               <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-y">\r
+                                               <span class="comic-element-attribute-label">y:</span>\r
+                                               <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-z">\r
+                                               <span class="comic-element-attribute-label">z:</span>\r
+                                               <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-a">\r
+                                               <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                               <span class="comic-element-attribute-label">°</span>\r
+                                       </div>\r
+                                       <div id="comic-element-w">\r
+                                               <span class="comic-element-attribute-label">w:</span>\r
+                                               <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-h">\r
+                                               <span class="comic-element-attribute-label">h:</span>\r
+                                               <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-w-percent">\r
+                                               <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                               <span class="comic-element-attribute-label">%</span>\r
+                                       </div>\r
+                                       <div id="comic-element-h-percent">\r
+                                               <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                               <span class="comic-element-attribute-label">%</span>\r
+                                       </div>\r
+                    <div id="comic-element-keep-aspect"></div>\r
+                               </div>\r
+                       </script>\r
+\r
+               <!-- toolbox-window -->\r
+                       <script id="toolbox-window" type="text/x-jquery-tmpl">\r
+                               <div id="toolbox-add-image-button">add image</div>\r
+                               <div id="toolbox-add-text-button">add text</div>\r
+                               <div id="toolbox-edit-bg-button">edit bg</div>\r
+                               <div id="toolbox-switch-grid">grid</div>\r
+                               <div id="toolbox-popup-help-button">?</div>\r
+                               <div id="toolbox-post-button">post</div>\r
+                       </script>\r
+               \r
+               <!-- image explorer -->\r
+                       <script id="image-exproler" type="text/x-jquery-tmpl">\r
+                               <div id="image-exproler-container" class="finder-container"></div>\r
+                       </script>\r
+               </div>\r
+       <!-- / Editor -->\r
+               \r
+               \r
+       <!-- オーバーレイ -->\r
+               <div id="overlay-container" style="display: none;">\r
+                       <div id="overlay-shadow"></div>\r
+                       <div id="overlay-close-button">x</div>\r
+               </div>\r
+               \r
+       <!-- テキスト エディタ -->\r
+               <div id="speach-editor-wrapper">\r
+                       <textarea id="speach-editor"></textarea>\r
+                       <div id="speach-edit-complete-button" class="button">OK</div>\r
+               </div>\r
+\r
+       <!-- 画像グループから画像を選択 -->\r
+               <div id="image-group-wrapper">\r
+                       <div id="image-group-icon-container"></div>\r
+                       <div id="image-group-name">NO DATA...</div>\r
+                       <div id="image-group-button" class="button">close</div>\r
+               </div>\r
+\r
+       <!-- 作家登録 -->\r
+               <div id="artist-console-wrapper" class="console-wrapper">\r
+                       <div id="artist-console-header" class="console-header">Register Artist</div>\r
+                       <div id="artist-console" class="console-inner">\r
+                               <div id="register"></div>\r
+                               <div class="console-button-container">\r
+                                       <div id="artist-console-post-button" class="button console-submit-button">register</div>\r
+                                       <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="artist-console-progress" class="console-progress">&nbsp;</div>                                 \r
+                       </div>\r
+               </div>\r
+\r
+       <!-- パネルのポスト(テスト) -->\r
+               <div id="panel-console-wrapper" class="console-wrapper">\r
+                       <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>\r
+                       <div id="panel-console" class="console-inner">\r
+                               <div id="newpanel"></div>\r
+                               <div class="console-button-container">\r
+                                       <div id="panel-console-post-button" class="button console-submit-button">post</div>\r
+                                       <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="panel-console-progress" class="console-progress">&nbsp;</div>                                  \r
+                       </div>\r
+               </div>\r
+\r
+       <!-- 画像のアップロード-->\r
+               <div id="upload-console-wrapper" class="console-wrapper">\r
+                       <div id="upload-console-header" class="console-header">Upload Picture</div>\r
+                       <div id="upload-console" class="console-inner">\r
+                               <div id="uploader"></div>\r
+                               <div class="console-button-container">\r
+                                       <div id="upload-console-post-button" class="button console-submit-button">upload</div>\r
+                                       <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="upload-console-progress" class="console-progress">&nbsp;</div>                                 \r
+                       </div>\r
+               </div>\r
+\r
+       <!-- アウトプットコンソール -->\r
+               <div id="output-console-wrapper" class="console-wrapper">\r
+                       <div id="output-console-header" class="console-header">Output Console</div>\r
+                       <div id="output-console" class="console-inner">\r
+                               <div id="output-console-format" class="field">\r
+                                       <span class="field-label">Format:</span>\r
+                                       <span id="output-console-format-value" class="output-console-value combobox"></span>\r
+                               </div>\r
+                               <div id="output-console-option" class="field">\r
+                                       <span class="field-label">Options:</span>\r
+                                       <span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>\r
+                               </div>                          \r
+                               <div id="output-console-button-container" class="clearfix">\r
+                                       <div id="output-console-generate-button" class="button console-submit-button">generate</div>\r
+                                       <div id="output-console-close-button" class="button console-cancel-button">close</div>\r
+                               </div>\r
+                               <textarea id="output-area" readonly></textarea>\r
+                       </div>\r
+               </div>\r
+\r
+       <!-- コミックの新規作成・編集・削除 -->\r
+               <div id="comic-console-wrapper" class="console-wrapper">\r
+                       <div id="comic-console-header" class="console-header">Create New Comic</div>\r
+                       <div id="comic-console" class="console-inner">\r
+                               <div id="comic-console-title" class="field">\r
+                                       <span class="field-label">Title:</span>\r
+                                       <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
+                               </div>\r
+                               <div id="comic-console-width" class="field">\r
+                                       <span class="field-label">Default Width:</span>\r
+                                       <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
+                               </div>\r
+                               <div id="comic-console-height" class="field">\r
+                                       <span class="field-label">Default Height:</span>\r
+                                       <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
+                               </div>\r
+                               <div id="comic-console-visible" class="field">\r
+                                       <span class="field-label">Visible:</span>\r
+                                       <span id="comic-console-visible-value" class="comic-console-value combobox"></span>\r
+                               </div>\r
+                               <div id="comic-console-editable" class="field">\r
+                                       <span class="field-label">Editable:</span>\r
+                                       <span id="comic-console-editable-value" class="comic-console-value combobox"></span>\r
+                               </div>\r
+                               <div class="console-button-container">\r
+                                       <div id="comic-console-post-button" class="button console-submit-button">create</div>\r
+                                       <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="comic-console-progress" class="console-progress">&nbsp;</div>\r
+                       </div>\r
+               </div>\r
+\r
+       <!-- Templete Container -->\r
+               <div id="templete-container" style="display: none;">\r
+                       \r
+               <!-- Finder -->\r
+                       <div id="templete-finder-container" class="finder-container">\r
+                       \r
+                       <!-- Finder Header -->\r
+                               <div class="finder-header">\r
+                                       <ul class="finder-location">\r
+                                               <!-- Finder location item-->\r
+                                               <li id="templete-finder-location-item" class="finder-location-item">\r
+                                                       <a href="#"></a>\r
+                                               </li>\r
+                                       </ul>\r
+                                       <div class="finder-sidebar-switch button">side</div>\r
+                                       <div class="finder-style-switch button">style</div>\r
+                                       <div class="finder-action-switch button">action</div>\r
+                               </div>\r
+                               \r
+                               <div class="finder-body">\r
+                                       <!-- Finder icon -->\r
+                                       <div id="templete-finder-icon" class="finder-icon fnder-icon-modern">\r
+                                               <span class="finder-icon-handle"></span>\r
+                                               <span class="finder-icon-thumbnail"></span>\r
+                                               <span class="finder-icon-filename break-word">file name</span>\r
+                                               <span class="finder-icon-summary break-word">file descriptiion</span>\r
+                                               <div class="finder-icon-console">\r
+                                                       <a href="#" class="finder-icon-console-action"></a>\r
+                                                       <a href="#" class="finder-icon-console-editor-apps"></a>\r
+                                                       <a href="#" class="finder-icon-console-viewer-apps"></a>\r
+                                               </div>\r
+                                       </div>\r
+                                       \r
+                                       <div id="templete-finder-icon-ie" class="finder-icon fnder-icon-ie7">\r
+                                               <a href="#" class="finder-icon-main">\r
+                                                       <span class="finder-icon-handle"></span>\r
+                                                       <span class="finder-icon-thumbnail"></span>\r
+                                                       <span class="finder-icon-cell finder-icon-ie-filename">\r
+                                                               <span class="finder-icon-vertical-middle-outer">  \r
+                                                                       <span class="finder-icon-vertical-middle-inner">  \r
+                                                                               <span class="finder-icon-filename break-word">file name</span> \r
+                                                                       </span>\r
+                                                               </span>\r
+                                                       </span>\r
+                                                       <span class="finder-icon-cell finder-icon-ie-summary">\r
+                                                               <span class="finder-icon-vertical-middle-outer">  \r
+                                                                       <span class="finder-icon-vertical-middle-inner">  \r
+                                                                               <span class="finder-icon-summary break-word">file descriptiion</span>\r
+                                                                       </span>\r
+                                                               </span>\r
+                                                       </span>\r
+                                               </a>\r
+                                               <div class="finder-icon-console">\r
+                                                       <a href="#" class="finder-icon-console-action"></a>\r
+                                                       <a href="#" class="finder-icon-console-editor-apps"></a>\r
+                                                       <a href="#" class="finder-icon-console-viewer-apps"></a>\r
+                                               </div>\r
+                                       </div>\r
+                                       \r
+                               </div>\r
+                       </div>\r
+                       \r
+               </div>\r
+                       \r
+               <%= javascript_include_tag "common" %>\r
+               <%= javascript_include_tag "jquery-1.6.2.min" %>\r
+               <% if current_user %>\r
+                 <script>\r
+                   current_author = {\r
+                     id: <%= @author ? @author.id : 0 %>,\r
+                     name: "<%= @author ? h(@author.name) : '' %>"\r
+                   }\r
+                   <% if @artist and @artist.id %>\r
+                     current_artist = {\r
+                       id: <%= @artist.id %>,\r
+                       name: "<%= h(@artist.name) %>"\r
+                     }\r
+                   <% end %>\r
+                 </script>\r
+               <% end %>\r
+               <%= javascript_include_tag "work" %>\r
+               <%= javascript_include_tag "system" %>\r
+       </body>\r
+</html>\r