Add JavaScript error handling in upload fc2blog#140

Author: uzulla

app/twig_templates/admin/files/ajax_index.twig

@@ -80,7 +80,7 @@
             return false;
         });
 
-        // ファイル削除ボタン
+        // 複数ファイル削除ボタン
         $('#sys-delete-button').click(function () {
             if (!confirm('{{ _('Are you sure you want to delete?') }}')) {
                 return;
@@ -108,6 +108,14 @@
                     // 削除完了後検索処理を実行
                     isAjaxSubmit = isPageChange = true;
                     ajaxSubmit();
+                },
+                error: function( response, status, xhr ) {
+                  if (status === "error") {
+                    alert("エラーが発生しました、ページをリロードしてください。\n" +
+                      "Request failed. Please reload page and retry.");
+                    isAjaxSubmit = isPageChange = true;
+                    ajaxSubmit();
+                  }
                 }
             });
             return false;

app/twig_templates/admin/files/upload.twig

@@ -42,7 +42,7 @@
             common.formEnterNonSubmit('sys-file-form');
 
             // ajaxで一覧情報をロード
-            $('#sys-ajax-files-index').load('{{ url(req, 'Files', 'ajax_index') }}')
+            $('#sys-ajax-files-index').load('{{ url(req, 'Files', 'ajax_index') }}', writeErrToSysAjaxFilesIndex)
         });
 
         // ページ数初期化有無フラグ
@@ -64,7 +64,8 @@
                     success: function (res) {
                         $('#sys-ajax-files-index').html(res);
                         isAjaxSubmit = true;
-                    }
+                    },
+                    error: writeErrToSysAjaxFilesIndex
                 });
                 return;
             }
@@ -85,7 +86,8 @@
                 success: function (res) {
                     $('#sys-ajax-files-index').html(res);
                     isAjaxSubmit = true;
-                }
+                },
+                error: writeErrToSysAjaxFilesIndex
             });
         }
 
@@ -102,5 +104,13 @@
             $('input[name=order]').val(order);
             ajaxSubmit();
         }
+
+        function writeErrToSysAjaxFilesIndex( response, status, xhr ) {
+          if ( status === "error" ) {
+            $('#sys-ajax-files-index')
+              .html("<div style='text-align: center; font-size: 2em; font-weight:bold'>エラーが発生しました、ページをリロードしてください。<br>" +
+                "Loading error. Please reload page.</div>");
+          }
+        }
     </script>
 {% endblock %}