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>
   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>
  10   <%= stylesheet_link_tag    "common" %>
  11   <%= stylesheet_link_tag    "work" %>
  12   <%= csrf_meta_tags %>
  13 </head>
  14 <body>\r
  15         <!--[if lt IE 9]>\r
  16                 <script type="text/javascript">\r
  17                                 (function(){\r
  18                                         var     b = document.body || (function(){document.write('&lt;body&gt;');return document.body;})(),\r
  19                                                 x = (function(){\r
  20                                                         try {var t = new ActiveXObject('DXImageTransform.Microsoft.gradient');}catch(e){}\r
  21                                                         return 'pettanr-ActiveX-' +( t ? 'enabled' : 'disabled');\r
  22                                                 })();\r
  23                                         if( !b.className.match(x)) b.className += ( b.className.length === 0 ? '' : ' ') +x;\r
  24                                 })();                           \r
  25                 </script>\r
  26         <![endif]-->\r
  27                 \r
  28                 <!-- 改行コード 取得用 -->\r
  29 <form>\r
  30 <textarea id="shadowTxtarea" style="display:none;">\r
  31 \r
  32 </textarea>\r
  33 </form>\r
  34 <pre id="shadowPre" style="display:none;">\r
  35 \r
  36 </pre>\r
  37 \r
  38                 <div id="header">\r
  39                         <div class="base-content-width" style="position:relative;">\r
  40                                 <h1>pettanR</h1>\r
  41                         <!-- global navi -->\r
  42                                 <div id="global-navi">\r
  43                                         <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
  44                                 </div>\r
  45                         </div>\r
  46                 </div>\r
  47                 \r
  48                 <div id="inner-wrapper" class="base-content-width">\r
  49 \r
  50                         <!-- home -->\r
  51                                 <div id="entrance" class="console-page main">\r
  52                                         <h2>Wellcome to pettanR!</h2>\r
  53                                         <p>Hello, xxxxx.</p>\r
  54                                         <p>This page is login user console.</p>\r
  55                                         <a href="#" onclick="pettanr.view.show('editor')">boot editor</a>\r
  56                                 </div>\r
  57                                 \r
  58                         <!-- setting -->\r
  59                                 <div id="backyard" class="console-page main"></div>\r
  60 \r
  61                         <!-- debug-->\r
  62                                 <div id="debug" class="console-page main">\r
  63                                         <h2>Environment</h2>\r
  64                                         <dl id="useragent" class="dl-table clearfix"></dl>\r
  65 \r
  66                                         <h2>Boot console in debug mode</h2>\r
  67                                         <dl class="dl-table clearfix">\r
  68                                                 <dt>xdomain json</dt>\r
  69                                                 <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>                       \r
  70                                         </dl>\r
  71                                 \r
  72                                         <h2>Boot editor in debug mode</h2>\r
  73                                         <dl class="dl-table clearfix">\r
  74                                                 <dt>General Boot</dt>\r
  75                                                 <dd><a href="work.html?view=editor">Boot Editor</a></dd>\r
  76                                                 <dt>Reversible Image test</dt>\r
  77                                                 <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>\r
  78                                                 <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>\r
  79                                                 <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>\r
  80                                                 <dt>Balloon test</dt>\r
  81                                                 <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>\r
  82                                         </dl>\r
  83                                         \r
  84                                         <h2>XML + XSLT pages</h2>\r
  85                                         \r
  86                                         <dl class="dl-table clearfix">\r
  87                                                 <dt>help documents</dt>\r
  88                                                 <dd><a href="help/jp.xml">jp.xml</a></dd>\r
  89                                                 <dt>xml test</dt>\r
  90                                                 <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>\r
  91                                                 <dt>other</dt>\r
  92                                                 <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>\r
  93                                         </dl>                           \r
  94                                 </div>\r
  95                         </div>\r
  96                         \r
  97                 <!-- comic list -->\r
  98                         <div id="cabinet" class="console-page">\r
  99                                 <div id="cabinet-container" class="finder-container"></div>\r
 100                         </div>\r
 101                         \r
 102                 <!-- image list -->\r
 103                         <div id="gallery" class="console-page"></div>\r
 104                         \r
 105                 </div>\r
 106                 \r
 107         <!-- Editor -->\r
 108                 <div id="editor" class="view-container">\r
 109                 <p id="key-event-log" style="margin-top: 5em;"></p>\r
 110                 <p id="history-log"></p>\r
 111                         <p id="operation-catcher-log"></p>\r
 112                         <p id="tail-log"></p>\r
 113                         <p id="window-log"></p>\r
 114                         \r
 115                 <!-- コマの背景（パターン・塗りつぶし） -->\r
 116         \r
 117                 <!-- グリッド-->\r
 118                         <div id="grid" style="display:none;"></div>\r
 119         \r
 120                 <!-- コマ要素 -->\r
 121                         <div id="comic-element-container"></div>\r
 122 \r
 123                 <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
 124                         <div id="whiteGlass-container">\r
 125                                 <div id="whiteGlass-top"></div>\r
 126                                 <div id="whiteGlass-left"></div>\r
 127                                 <div id="whiteGlass-right"></div>\r
 128                                 <div id="whiteGlass-bottom"></div>\r
 129                         </div>\r
 130                         \r
 131                 <!-- コマ操作ツール-->\r
 132                         <div id="panel-tools-container">\r
 133                         <!-- コマの高さの変更ボタン -->\r
 134                                 <div id="panel-resizer-top">▲</div>\r
 135                                 <div id="panel-resizer-bottom">▼</div>\r
 136                                 \r
 137                         <!-- コミック要素のリサイザ -->\r
 138                                 <div id="comic-element-resizer-container">\r
 139                                         <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
 140                                         <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
 141                                         <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
 142                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
 143                                         <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
 144                                         <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
 145                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
 146                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
 147                                         <div id="balloon-tail-mover"></div>\r
 148                                         \r
 149                                 <!-- コミックオブジェクトコンソール -->\r
 150                                         <div id="comic-element-consol-wrapper">\r
 151                                                 <div id="comic-element-consol-tail"></div>\r
 152                                                 <div id="comic-element-consol-wrapper-when-out">\r
 153                                                         <div id="image-element-consol">\r
 154                                                                 <div id="change-image-button"></div>\r
 155                                                                 <div id="layer-back-button"></div>\r
 156                                                                 <div id="delete-image-button"></div>\r
 157                                                                 <div id="layer-forward-button"></div>\r
 158                                                         </div>\r
 159                                                         <div id="text-element-consol">\r
 160                                                                 <div id="edit-text-button"></div>\r
 161                                                                 <div id="change-text-style-button"></div>\r
 162                                                                 <div id="back-text-button"></div>\r
 163                                                                 <div id="delete-text-button"></div>\r
 164                                                                 <div id="hide-text-tail-button"></div>\r
 165                                                                 <div id="forward-text-button"></div>\r
 166                                                         </div>\r
 167                                                 </div>\r
 168                                         </div>\r
 169                                 </div>\r
 170                         </div>\r
 171 \r
 172                         <div id="window-container"></div>\r
 173                                 \r
 174 \r
 175                         <!-- layer-window -->\r
 176                         <!-- dom-console-window -->\r
 177                         <!-- post-window -->\r
 178                         <!-- wellcome-window -->\r
 179                         \r
 180 \r
 181                 <!-- メニューバー -->\r
 182                         <div id="menu-bar"></div>\r
 183                         \r
 184                 <!-- マウスオペレーションキャッチャー -->\r
 185                         <div id="mouse-operation-catcher" unselectable="on"></div>\r
 186         \r
 187                 <!-- テンプレート -->\r
 188                         <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
 189                                 <div class="comic-element-wrapper image-element"></div>\r
 190                         </script>\r
 191                         \r
 192                         <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
 193                                 <div class="comic-element-wrapper text-element">\r
 194                                         <img>\r
 195                                         <div class="speach">\r
 196                                                 <div class="speach-inner"></div>\r
 197                                         </div>\r
 198                                 </div>\r
 199                         </script>\r
 200                         \r
 201                         <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
 202                                 <div class="comic-element-wrapper text-element">\r
 203                                         <img>\r
 204                                         <div class="speach">\r
 205                                                 <table><tr><td></td></tr></table>\r
 206                                         </div>\r
 207                                 </div>\r
 208                         </script>\r
 209                         \r
 210                         <script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">\r
 211                                 <div class="image-gruop-item">\r
 212                                         <img width="0" height="0">\r
 213                                         <div class="image-gruop-item-title">img-title</div>\r
 214                                 </div>                          \r
 215                         </script>\r
 216                         \r
 217                         <script id="windowTemplete" type="text/x-jquery-tmpl">\r
 218                                 <div class="window-wrapper">\r
 219                                         <div class="window-header">window title</div>\r
 220                                         <div class="window-close-button">x</div>\r
 221                                         <div class="window-body clearfix">\r
 222                                                 <div class="window-body-insert-position"></div>\r
 223                                         </div>\r
 224                                         <div class="window-footer">\r
 225                                                 <div class="window-resize-button">／</div>\r
 226                                         </div>\r
 227                                 </div>\r
 228                         </script>\r
 229                         \r
 230                 <!-- infomation-window -->\r
 231                         <script id="infomation-window" type="text/x-jquery-tmpl">\r
 232                                 <div id="panel-background-information">\r
 233                                         <div id="bg-pattern"></div>\r
 234                                         <div id="select-bg-pattern-button">pattern</div>\r
 235                                         <div id="reset-bg-pattern-button">x</div>\r
 236                                         <div id="bg-color"></div>\r
 237                                         <div id="select-bg-color-button">color</div>\r
 238                                         <div id="reset-bg-color-button">x</div>\r
 239                                         <!-- <div id="bg-pattern-x"></div>\r
 240                                         <div id="bg-pattern-y"></div>\r
 241                                         <div id="bg-pattern-repeat-x"></div>\r
 242                                         <div id="bg-pattern-repeat-y"></div> -->\r
 243                                 </div>\r
 244                         \r
 245                                 <div id="comic-element-infomation">\r
 246                                         <div id="comic-element-x">\r
 247                                                 <span class="comic-element-attribute-label">x:</span>\r
 248                                                 <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
 249                                         </div>\r
 250                                         <div id="comic-element-y">\r
 251                                                 <span class="comic-element-attribute-label">y:</span>\r
 252                                                 <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
 253                                         </div>\r
 254                                         <div id="comic-element-z">\r
 255                                                 <span class="comic-element-attribute-label">z:</span>\r
 256                                                 <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
 257                                         </div>\r
 258                                         <div id="comic-element-a">\r
 259                                                 <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
 260                                                 <span class="comic-element-attribute-label">°</span>\r
 261                                         </div>\r
 262                                         <div id="comic-element-w">\r
 263                                                 <span class="comic-element-attribute-label">w:</span>\r
 264                                                 <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
 265                                         </div>\r
 266                                         <div id="comic-element-h">\r
 267                                                 <span class="comic-element-attribute-label">h:</span>\r
 268                                                 <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
 269                                         </div>\r
 270                                         <div id="comic-element-w-percent">\r
 271                                                 <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
 272                                                 <span class="comic-element-attribute-label">%</span>\r
 273                                         </div>\r
 274                                         <div id="comic-element-h-percent">\r
 275                                                 <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
 276                                                 <span class="comic-element-attribute-label">%</span>\r
 277                                         </div>\r
 278                     <div id="comic-element-keep-aspect"></div>\r
 279                                 </div>\r
 280                         </script>\r
 281 \r
 282                 <!-- toolbox-window -->\r
 283                         <script id="toolbox-window" type="text/x-jquery-tmpl">\r
 284                                 <div id="toolbox-add-image-button">add image</div>\r
 285                                 <div id="toolbox-add-text-button">add text</div>\r
 286                                 <div id="toolbox-edit-bg-button">edit bg</div>\r
 287                                 <div id="toolbox-switch-grid">grid</div>\r
 288                                 <div id="toolbox-popup-help-button">?</div>\r
 289                                 <div id="toolbox-post-button">post</div>\r
 290                         </script>\r
 291                 \r
 292                 <!-- image explorer -->\r
 293                         <script id="image-exproler" type="text/x-jquery-tmpl">\r
 294                                 <div id="image-exproler-container" class="finder-container"></div>\r
 295                         </script>\r
 296                 </div>\r
 297         <!-- Editor -->\r
 298                 \r
 299                 \r
 300         <!-- オーバーレイ -->\r
 301                 <div id="overlay-container" style="display: none;">\r
 302                         <div id="overlay-shadow"></div>\r
 303                         \r
 304                 <!-- テキスト エディタ -->\r
 305                         <div id="speach-editor-wrapper">\r
 306                                 <textarea id="speach-editor"></textarea>\r
 307                                 <div id="speach-edit-complete-button" class="button">OK</div>\r
 308                         </div>\r
 309 \r
 310                 <!-- 画像グループから画像を選択 -->\r
 311                         <div id="image-gruop-wrapper">\r
 312                                 <div id="image-icon-container"></div>\r
 313                                 <div id="gruop-name-display">Group Name</div>\r
 314                                 <div id="image-gruop-button" class="button">cancel</div>\r
 315                         </div>\r
 316                         \r
 317                         <div id="overlay-close-button">x</div>\r
 318                 </div>\r
 319 \r
 320         <!-- Templete Container -->\r
 321                 <div id="templete-container">\r
 322                         \r
 323                 <!-- Finder -->\r
 324                         <div id="templete-finder-container" class="finder-container">\r
 325                         \r
 326                         <!-- Finder Header -->\r
 327                                 <div class="finder-header">\r
 328                                         <ul class="finder-location">\r
 329                                                 <!-- Finder location item-->\r
 330                                                 <li id="templete-finder-location-item" class="finder-location-item">\r
 331                                                         <a href="#"></a>\r
 332                                                 </li>\r
 333                                         </ul>\r
 334                                         <div class="finder-sidebar-switch button">side</div>\r
 335                                         <div class="finder-style-switch button">style</div>\r
 336                                         <div class="finder-action-switch button">action</div>\r
 337                                 </div>\r
 338                                 \r
 339                                 <div class="finder-body">\r
 340                                         <!-- Finder icon -->\r
 341                                         <div id="templete-finder-icon" class="finder-icon">\r
 342                                                 <div class="finder-icon-thumbnail"></div>\r
 343                                                 <div class="finder-icon-filename"></div>\r
 344                                         </div>\r
 345                                         \r
 346                                 </div>\r
 347                         </div>\r
 348                         \r
 349                 </div>\r
 350 <%= yield %>
 351   <%= javascript_include_tag "common" %>
 352   <%= javascript_include_tag "system" %>
 353 <%if current_author %>
 354   <script>
 355     current_author = {
 356       id: <%= current_author.id %>,
 357       name: "<%= h current_author.name %>"
 358     }
 359   </script>
 360 <% end %>
 361   <%= javascript_include_tag "work" %>
 362 \r
 363   </body>\r
 364 </html>