app/views/layouts/application.html.erb

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
   2 <html xmlns:v="urn:schemas-microsoft-com:vml">\r
   3 <head>\r
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
   5   <meta http-equiv="Content-Language" content="ja">\r
   6   <meta http-equiv="Content-Script-Type" content="text/javascript">\r
   7   <meta http-equiv="Content-Style-Type" content="text/css">\r
   8   <meta http-equiv="imagetoolbar" content="no">\r
   9   <title>Pettanr</title>\r
  10   <%= stylesheet_link_tag    "common" %>\r
  11   <%= stylesheet_link_tag    "work" %>\r
  12   <%= csrf_meta_tags %>\r
  13 </head>\r
  14 <body>\r
  15                 <div id="header">\r
  16                         <div class="base-content-width" style="position:relative;">\r
  17                                 <h1><a href="index.html">pettanR</a></h1>\r
  18                         <!-- global navi -->\r
  19                                 <div id="global-navi">\r
  20                                         <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
  21                                 </div>\r
  22                         </div>\r
  23                 </div>\r
  24                 \r
  25                 <div id="inner-wrapper" class="base-content-width">\r
  26 \r
  27                         <!-- home -->\r
  28                         <div id="entrance" class="console-page main" style="display:block;">\r
  29                                 <%= yield %>\r
  30                                 <h3>クイックアクセス</h3>\r
  31                                 <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>\r
  32                                 <p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>\r
  33                                 <p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>\r
  34                                 <p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加（開発用）</a></p>\r
  35                                 <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録（今はすでに登録している場合も操作可能です、、、、）</a></p>\r
  36                                 <h3>座長からのお知らせ</h3>\r
  37                                 <p>メンテナンスについて</p>\r
  38                         </div>\r
  39                         \r
  40                 <!-- setting -->\r
  41                         <div id="backyard" class="console-page main"></div>\r
  42 \r
  43                 <!-- debug-->\r
  44                         <div id="debug" class="console-page main">\r
  45                                 <h2>Environment</h2>\r
  46                                 <dl id="useragent" class="dl-table clearfix"></dl>\r
  47 \r
  48                                 <h2>Boot console in debug mode</h2>\r
  49                                 <dl class="dl-table clearfix">\r
  50                                         <dt>xdomain json</dt>\r
  51                                         <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>                       \r
  52                                 </dl>\r
  53                         \r
  54                                 <h2>Boot editor in debug mode</h2>\r
  55                                 <dl class="dl-table clearfix">\r
  56                                         <dt>General Boot</dt>\r
  57                                         <dd><a href="work.html?view=editor">Boot Editor</a></dd>\r
  58                                         <dt>Reversible Image test</dt>\r
  59                                         <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>\r
  60                                         <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>\r
  61                                         <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>\r
  62                                         <dt>Balloon test</dt>\r
  63                                         <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>\r
  64                                         <dt>ActiveX test</dt>\r
  65                                         <dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>\r
  66                                         <dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>\r
  67                                         <dt>Debug mode</dt>\r
  68                                         <dd><a href="work.html?debug=true">Debug Enabled</a></dd>\r
  69                                         <dd><a href="work.html?debug=false">Debug Disabled</a></dd>\r
  70                                 </dl>\r
  71                                 \r
  72                                 <h2>XML + XSLT pages</h2>\r
  73                                 \r
  74                                 <dl class="dl-table clearfix">\r
  75                                         <dt>help documents</dt>\r
  76                                         <dd><a href="help/jp.xml">jp.xml</a></dd>\r
  77                                         <dt>xml test</dt>\r
  78                                         <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>\r
  79                                         <dt>other</dt>\r
  80                                         <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>\r
  81                                 </dl>                           \r
  82                         </div>\r
  83                 </div>\r
  84                         \r
  85         <!-- comic list -->\r
  86                 <div id="cabinet" class="console-page">\r
  87                         <div id="cabinet-container" class="finder-container"></div>\r
  88                 </div>\r
  89                 \r
  90         <!-- image list -->\r
  91                 <div id="gallery" class="console-page"></div>\r
  92 \r
  93                 \r
  94         <!-- Editor -->\r
  95                 <div id="editor" class="view-container">\r
  96                 <p id="key-event-log" style="margin-top: 5em;"></p>\r
  97                 <p id="history-log"></p>\r
  98                         <p id="operation-catcher-log"></p>\r
  99                         <p id="tail-log"></p>\r
 100                         <p id="window-log"></p>\r
 101                         \r
 102                 <!-- コマの背景（パターン・塗りつぶし） -->\r
 103         \r
 104                 <!-- グリッド-->\r
 105                         <div id="grid" style="display:none;"></div>\r
 106         \r
 107                 <!-- コマ要素 -->\r
 108                         <div id="comic-element-container"></div>\r
 109 \r
 110                 <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
 111                         <div id="whiteGlass-container">\r
 112                                 <div id="whiteGlass-top"></div>\r
 113                                 <div id="whiteGlass-left"></div>\r
 114                                 <div id="whiteGlass-right"></div>\r
 115                                 <div id="whiteGlass-bottom"></div>\r
 116                         </div>\r
 117                         \r
 118                 <!-- コマ操作ツール-->\r
 119                         <div id="panel-tools-container">\r
 120                         <!-- コマの高さの変更ボタン -->\r
 121                                 <div id="panel-resizer-top">▲</div>\r
 122                                 <div id="panel-resizer-bottom">▼</div>\r
 123                                 \r
 124                         <!-- コミック要素のリサイザ -->\r
 125                                 <div id="comic-element-resizer-container">\r
 126                                         <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
 127                                         <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
 128                                         <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
 129                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
 130                                         <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
 131                                         <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
 132                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
 133                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
 134                                         <div id="balloon-tail-mover"></div>\r
 135                                         \r
 136                                 <!-- コミックオブジェクトコンソール -->\r
 137                                         <div id="comic-element-consol-wrapper">\r
 138                                                 <div id="comic-element-consol-tail"></div>\r
 139                                                 <div id="comic-element-consol-wrapper-when-out">\r
 140                                                         <div id="image-element-consol">\r
 141                                                                 <div id="change-image-button"></div>\r
 142                                                                 <div id="layer-back-button"></div>\r
 143                                                                 <div id="delete-image-button"></div>\r
 144                                                                 <div id="layer-forward-button"></div>\r
 145                                                         </div>\r
 146                                                         <div id="text-element-consol">\r
 147                                                                 <div id="edit-text-button"></div>\r
 148                                                                 <div id="change-text-style-button"></div>\r
 149                                                                 <div id="back-text-button"></div>\r
 150                                                                 <div id="delete-text-button"></div>\r
 151                                                                 <div id="hide-text-tail-button"></div>\r
 152                                                                 <div id="forward-text-button"></div>\r
 153                                                         </div>\r
 154                                                 </div>\r
 155                                         </div>\r
 156                                 </div>\r
 157                         </div>\r
 158 \r
 159                         <div id="window-container"></div>\r
 160                                 \r
 161 \r
 162                         <!-- layer-window -->\r
 163                         <!-- dom-console-window -->\r
 164                         <!-- post-window -->\r
 165                         <!-- wellcome-window -->\r
 166                         \r
 167 \r
 168                 <!-- メニューバー -->\r
 169                         <div id="menu-bar"></div>\r
 170                         \r
 171                 <!-- マウスオペレーションキャッチャー -->\r
 172                         <div id="mouse-operation-catcher" unselectable="on"></div>\r
 173         \r
 174                 <!-- テンプレート -->\r
 175                         <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
 176                                 <div class="comic-element-wrapper image-element"></div>\r
 177                         </script>\r
 178                         \r
 179                         <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
 180                                 <div class="comic-element-wrapper text-element">\r
 181                                         <img>\r
 182                                         <div class="speach">\r
 183                                                 <div class="speach-inner">&nbsp;</div>\r
 184                                         </div>\r
 185                                 </div>\r
 186                         </script>\r
 187                         \r
 188                         <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
 189                                 <div class="comic-element-wrapper text-element">\r
 190                                         <img>\r
 191                                         <div class="speach">\r
 192                                                 <table><tr><td>&nbsp;</td></tr></table>\r
 193                                         </div>\r
 194                                 </div>\r
 195                         </script>\r
 196                         \r
 197                         <script id="imageGroupItemTemplete" type="text/x-jquery-tmpl">\r
 198                                 <div class="image-group-item">\r
 199                                         <div class="image-group-item-title">img-title</div>\r
 200                                 </div>                          \r
 201                         </script>\r
 202                         \r
 203                         <script id="windowTemplete" type="text/x-jquery-tmpl">\r
 204                                 <div class="window-wrapper">\r
 205                                         <div class="window-header">window title</div>\r
 206                                         <div class="window-close-button">x</div>\r
 207                                         <div class="window-body clearfix">\r
 208                                                 <div class="window-body-insert-position"></div>\r
 209                                         </div>\r
 210                                         <div class="window-footer">\r
 211                                                 <div class="window-resize-button">／</div>\r
 212                                         </div>\r
 213                                 </div>\r
 214                         </script>\r
 215                         \r
 216                 <!-- infomation-window -->\r
 217                         <script id="infomation-window" type="text/x-jquery-tmpl">\r
 218                                 <div id="panel-background-information">\r
 219                                         <div id="bg-pattern"></div>\r
 220                                         <div id="select-bg-pattern-button">pattern</div>\r
 221                                         <div id="reset-bg-pattern-button">x</div>\r
 222                                         <div id="bg-color"></div>\r
 223                                         <div id="select-bg-color-button">color</div>\r
 224                                         <div id="reset-bg-color-button">x</div>\r
 225                                         <!-- <div id="bg-pattern-x"></div>\r
 226                                         <div id="bg-pattern-y"></div>\r
 227                                         <div id="bg-pattern-repeat-x"></div>\r
 228                                         <div id="bg-pattern-repeat-y"></div> -->\r
 229                                 </div>\r
 230                         \r
 231                                 <div id="comic-element-infomation">\r
 232                                         <div id="comic-element-x">\r
 233                                                 <span class="comic-element-attribute-label">x:</span>\r
 234                                                 <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
 235                                         </div>\r
 236                                         <div id="comic-element-y">\r
 237                                                 <span class="comic-element-attribute-label">y:</span>\r
 238                                                 <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
 239                                         </div>\r
 240                                         <div id="comic-element-z">\r
 241                                                 <span class="comic-element-attribute-label">z:</span>\r
 242                                                 <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
 243                                         </div>\r
 244                                         <div id="comic-element-a">\r
 245                                                 <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
 246                                                 <span class="comic-element-attribute-label">°</span>\r
 247                                         </div>\r
 248                                         <div id="comic-element-w">\r
 249                                                 <span class="comic-element-attribute-label">w:</span>\r
 250                                                 <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
 251                                         </div>\r
 252                                         <div id="comic-element-h">\r
 253                                                 <span class="comic-element-attribute-label">h:</span>\r
 254                                                 <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
 255                                         </div>\r
 256                                         <div id="comic-element-w-percent">\r
 257                                                 <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
 258                                                 <span class="comic-element-attribute-label">%</span>\r
 259                                         </div>\r
 260                                         <div id="comic-element-h-percent">\r
 261                                                 <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
 262                                                 <span class="comic-element-attribute-label">%</span>\r
 263                                         </div>\r
 264                     <div id="comic-element-keep-aspect"></div>\r
 265                                 </div>\r
 266                         </script>\r
 267 \r
 268                 <!-- toolbox-window -->\r
 269                         <script id="toolbox-window" type="text/x-jquery-tmpl">\r
 270                                 <div id="toolbox-add-image-button">add image</div>\r
 271                                 <div id="toolbox-add-text-button">add text</div>\r
 272                                 <div id="toolbox-edit-bg-button">edit bg</div>\r
 273                                 <div id="toolbox-switch-grid">grid</div>\r
 274                                 <div id="toolbox-popup-help-button">?</div>\r
 275                                 <div id="toolbox-post-button">post</div>\r
 276                         </script>\r
 277                 \r
 278                 <!-- image explorer -->\r
 279                         <script id="image-exproler" type="text/x-jquery-tmpl">\r
 280                                 <div id="image-exproler-container" class="finder-container"></div>\r
 281                         </script>\r
 282                 </div>\r
 283         <!-- / Editor -->\r
 284                 \r
 285                 \r
 286         <!-- オーバーレイ -->\r
 287                 <div id="overlay-container" style="display: none;">\r
 288                         <div id="overlay-shadow"></div>\r
 289                         <div id="overlay-close-button">x</div>\r
 290                 </div>\r
 291                 \r
 292         <!-- テキスト エディタ -->\r
 293                 <div id="speach-editor-wrapper">\r
 294                         <textarea id="speach-editor"></textarea>\r
 295                         <div id="speach-edit-complete-button" class="button">OK</div>\r
 296                 </div>\r
 297 \r
 298         <!-- 画像グループから画像を選択 -->\r
 299                 <div id="image-group-wrapper">\r
 300                         <div id="image-group-icon-container"></div>\r
 301                         <div id="image-group-name">NO DATA...</div>\r
 302                         <div id="image-group-button" class="button">close</div>\r
 303                 </div>\r
 304 \r
 305         <!-- 作家登録 -->\r
 306                 <div id="artist-console-wrapper" class="console-wrapper">\r
 307                         <div id="artist-console-header" class="console-header">Register Artist</div>\r
 308                         <div id="artist-console" class="console-inner">\r
 309                                 <div id="register"></div>\r
 310                                 <div class="console-button-container">\r
 311                                         <div id="artist-console-post-button" class="button console-submit-button">register</div>\r
 312                                         <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>\r
 313                                 </div>\r
 314                                 <div id="artist-console-progress" class="console-progress">&nbsp;</div>                                 \r
 315                         </div>\r
 316                 </div>\r
 317 \r
 318         <!-- パネルのポスト（テスト） -->\r
 319                 <div id="panel-console-wrapper" class="console-wrapper">\r
 320                         <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>\r
 321                         <div id="panel-console" class="console-inner">\r
 322                                 <div id="newpanel"></div>\r
 323                                 <div class="console-button-container">\r
 324                                         <div id="panel-console-post-button" class="button console-submit-button">post</div>\r
 325                                         <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>\r
 326                                 </div>\r
 327                                 <div id="panel-console-progress" class="console-progress">&nbsp;</div>                                  \r
 328                         </div>\r
 329                 </div>\r
 330 \r
 331         <!-- 画像のアップロード-->\r
 332                 <div id="upload-console-wrapper" class="console-wrapper">\r
 333                         <div id="upload-console-header" class="console-header">Upload Picture</div>\r
 334                         <div id="upload-console" class="console-inner">\r
 335                                 <div id="uploader"></div>\r
 336                                 <div class="console-button-container">\r
 337                                         <div id="upload-console-post-button" class="button console-submit-button">upload</div>\r
 338                                         <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>\r
 339                                 </div>\r
 340                                 <div id="upload-console-progress" class="console-progress">&nbsp;</div>                                 \r
 341                         </div>\r
 342                 </div>\r
 343 \r
 344         <!-- アウトプットコンソール -->\r
 345                 <div id="output-console-wrapper" class="console-wrapper">\r
 346                         <div id="output-console-header" class="console-header">Output Console</div>\r
 347                         <div id="output-console" class="console-inner">\r
 348                                 <div id="output-console-format" class="field">\r
 349                                         <span class="field-label">Format:</span>\r
 350                                         <span id="output-console-format-value" class="output-console-value combobox"></span>\r
 351                                 </div>\r
 352                                 <div id="output-console-option" class="field">\r
 353                                         <span class="field-label">Options:</span>\r
 354                                         <span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>\r
 355                                 </div>                          \r
 356                                 <div id="output-console-button-container" class="clearfix">\r
 357                                         <div id="output-console-generate-button" class="button console-submit-button">generate</div>\r
 358                                         <div id="output-console-close-button" class="button console-cancel-button">close</div>\r
 359                                 </div>\r
 360                                 <textarea id="output-area" readonly></textarea>\r
 361                         </div>\r
 362                 </div>\r
 363 \r
 364         <!-- コミックの新規作成・編集・削除 -->\r
 365                 <div id="comic-console-wrapper" class="console-wrapper">\r
 366                         <div id="comic-console-header" class="console-header">Create New Comic</div>\r
 367                         <div id="comic-console" class="console-inner">\r
 368                                 <div id="comic-console-title" class="field">\r
 369                                         <span class="field-label">Title:</span>\r
 370                                         <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
 371                                 </div>\r
 372                                 <div id="comic-console-width" class="field">\r
 373                                         <span class="field-label">Default Width:</span>\r
 374                                         <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
 375                                 </div>\r
 376                                 <div id="comic-console-height" class="field">\r
 377                                         <span class="field-label">Default Height:</span>\r
 378                                         <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
 379                                 </div>\r
 380                                 <div id="comic-console-visible" class="field">\r
 381                                         <span class="field-label">Visible:</span>\r
 382                                         <span id="comic-console-visible-value" class="comic-console-value combobox"></span>\r
 383                                 </div>\r
 384                                 <div id="comic-console-editable" class="field">\r
 385                                         <span class="field-label">Editable:</span>\r
 386                                         <span id="comic-console-editable-value" class="comic-console-value combobox"></span>\r
 387                                 </div>\r
 388                                 <div class="console-button-container">\r
 389                                         <div id="comic-console-post-button" class="button console-submit-button">create</div>\r
 390                                         <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>\r
 391                                 </div>\r
 392                                 <div id="comic-console-progress" class="console-progress">&nbsp;</div>\r
 393                         </div>\r
 394                 </div>\r
 395 \r
 396         <!-- Templete Container -->\r
 397                 <div id="templete-container" style="display: none;">\r
 398                         \r
 399                 <!-- Finder -->\r
 400                         <div id="templete-finder-container" class="finder-container">\r
 401                         \r
 402                         <!-- Finder Header -->\r
 403                                 <div class="finder-header">\r
 404                                         <ul class="finder-location">\r
 405                                                 <!-- Finder location item-->\r
 406                                                 <li id="templete-finder-location-item" class="finder-location-item">\r
 407                                                         <a href="#"></a>\r
 408                                                 </li>\r
 409                                         </ul>\r
 410                                         <div class="finder-sidebar-switch button">side</div>\r
 411                                         <div class="finder-style-switch button">style</div>\r
 412                                         <div class="finder-action-switch button">action</div>\r
 413                                 </div>\r
 414                                 \r
 415                                 <div class="finder-body">\r
 416                                         <!-- Finder icon -->\r
 417                                         <div id="templete-finder-icon" class="finder-icon fnder-icon-modern">\r
 418                                                 <span class="finder-icon-handle"></span>\r
 419                                                 <span class="finder-icon-thumbnail"></span>\r
 420                                                 <span class="finder-icon-filename break-word">file name</span>\r
 421                                                 <span class="finder-icon-summary break-word">file descriptiion</span>\r
 422                                                 <div class="finder-icon-console">\r
 423                                                         <a href="#" class="finder-icon-console-action"></a>\r
 424                                                         <a href="#" class="finder-icon-console-editor-apps"></a>\r
 425                                                         <a href="#" class="finder-icon-console-viewer-apps"></a>\r
 426                                                 </div>\r
 427                                         </div>\r
 428                                         \r
 429                                         <div id="templete-finder-icon-ie" class="finder-icon fnder-icon-ie7">\r
 430                                                 <a href="#" class="finder-icon-main">\r
 431                                                         <span class="finder-icon-handle"></span>\r
 432                                                         <span class="finder-icon-thumbnail"></span>\r
 433                                                         <span class="finder-icon-cell finder-icon-ie-filename">\r
 434                                                                 <span class="finder-icon-vertical-middle-outer">  \r
 435                                                                         <span class="finder-icon-vertical-middle-inner">  \r
 436                                                                                 <span class="finder-icon-filename break-word">file name</span> \r
 437                                                                         </span>\r
 438                                                                 </span>\r
 439                                                         </span>\r
 440                                                         <span class="finder-icon-cell finder-icon-ie-summary">\r
 441                                                                 <span class="finder-icon-vertical-middle-outer">  \r
 442                                                                         <span class="finder-icon-vertical-middle-inner">  \r
 443                                                                                 <span class="finder-icon-summary break-word">file descriptiion</span>\r
 444                                                                         </span>\r
 445                                                                 </span>\r
 446                                                         </span>\r
 447                                                 </a>\r
 448                                                 <div class="finder-icon-console">\r
 449                                                         <a href="#" class="finder-icon-console-action"></a>\r
 450                                                         <a href="#" class="finder-icon-console-editor-apps"></a>\r
 451                                                         <a href="#" class="finder-icon-console-viewer-apps"></a>\r
 452                                                 </div>\r
 453                                         </div>\r
 454                                         \r
 455                                 </div>\r
 456                         </div>\r
 457                         \r
 458                 </div>\r
 459                         \r
 460                 <%= javascript_include_tag "common" %>\r
 461                 <%= javascript_include_tag "jquery-1.6.2.min" %>\r
 462                 <% if current_user %>\r
 463                   <script>\r
 464                     current_author = {\r
 465                       id: <%= @author ? @author.id : 0 %>,\r
 466                       name: "<%= @author ? h(@author.name) : '' %>"\r
 467                     }\r
 468                     <% if @artist and @artist.id %>\r
 469                       current_artist = {\r
 470                         id: <%= @artist.id %>,\r
 471                         name: "<%= h(@artist.name) %>"\r
 472                       }\r
 473                     <% end %>\r
 474                   </script>\r
 475                 <% end %>\r
 476                 <%= javascript_include_tag "work" %>\r
 477                 <%= javascript_include_tag "system" %>\r
 478         </body>\r
 479 </html>\r