Improve the editor

system/admin/editor/js/image.js

@@ -0,0 +1,66 @@
+(function () {
+
+	var converter = new Markdown.Converter();
+	var editor = new Markdown.Editor(converter);
+
+	var $dialog = $('#insertImageDialog').dialog({ 
+		autoOpen: false,
+		closeOnEscape: false,
+		open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
+	});
+
+	var $url = $('input[type=text]', $dialog);
+	var $file = $('input[type=file]', $dialog);
+
+	editor.hooks.set('insertImageDialog', function(callback) {
+
+		var dialogClose = function() {
+			$url.val('');
+			$file.val('');
+			$dialog.dialog('close');
+		};
+
+		$dialog.dialog({
+			buttons :  { 
+				"Insert" : {
+					text: "Insert",
+					id: "insert",
+					click: function(){
+						callback($url.val().length > 0 ? $url.val(): null);
+						dialogClose();
+					}   
+				},
+				"Cancel" : {
+					text: "Cancel",
+					id: "cancel",
+					click: function(){
+						dialogClose();
+						callback(null);
+					}   
+				}       
+			} 
+		});
+
+		var uploadComplete = function(response) {
+			if (response.error == '0') {
+				$url.val(base_path + response.path);
+				$("#insert").trigger('click');
+			} else {
+				alert(response.error);
+				$file.val('');
+			}
+		};
+
+		$file.ajaxfileupload({
+			'action': base_path + 'upload.php',
+			'onComplete': uploadComplete,
+		});
+
+		$dialog.dialog('open');
+
+		return true; // tell the editor that we'll take care of getting the image url
+	});
+
+	editor.run();
+
+})();

system/admin/views/add-audio.html.php

@@ -65,64 +65,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/add-image.html.php

@@ -65,64 +65,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/add-link.html.php

@@ -65,64 +65,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/add-page.html.php

@@ -52,64 +52,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/add-post.html.php

@@ -58,64 +58,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/add-quote.html.php

@@ -65,64 +65,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/add-video.html.php

@@ -65,64 +65,6 @@
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-audio.html.php

@@ -102,64 +102,6 @@ $delete = site_url() . date('Y/m', $postdate) . '/' . $oldmd . '/delete?destinat
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-image.html.php

@@ -102,64 +102,6 @@ $delete = site_url() . date('Y/m', $postdate) . '/' . $oldmd . '/delete?destinat
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-        
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-link.html.php

@@ -102,64 +102,6 @@ $delete = site_url() . date('Y/m', $postdate) . '/' . $oldmd . '/delete?destinat
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-page.html.php

@@ -81,64 +81,6 @@ else {
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-post.html.php

@@ -96,64 +96,6 @@ $delete = site_url() . date('Y/m', $postdate) . '/' . $oldmd . '/delete?destinat
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-profile.html.php

@@ -60,64 +60,6 @@ if (file_exists($filename)) {
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-quote.html.php

@@ -102,64 +102,6 @@ $delete = site_url() . date('Y/m', $postdate) . '/' . $oldmd . '/delete?destinat
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/admin/views/edit-video.html.php

@@ -102,64 +102,6 @@ $delete = site_url() . date('Y/m', $postdate) . '/' . $oldmd . '/delete?destinat
 </style>
 </div>
 <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
-<script type="text/javascript">
-    (function () {
-        var converter = new Markdown.Converter();
-        var editor = new Markdown.Editor(converter);
-
-        var $dialog = $('#insertImageDialog').dialog({ 
-            autoOpen: false,
-            closeOnEscape: false,
-            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
-        });
-
-        var $url = $('input[type=text]', $dialog);
-        var $file = $('input[type=file]', $dialog);
-        var base = '<?php echo site_url() ?>';
-
-        editor.hooks.set('insertImageDialog', function(callback) {
-
-            var dialogInsertClick = function() {                                      
-                callback($url.val().length > 0 ? $url.val(): null);
-                dialogClose();
-            };
-
-            var dialogCancelClick = function() {
-                dialogClose();
-                callback(null);
-            };
-
-            var dialogClose = function() {
-                $url.val('');
-                $file.val('');
-                $dialog.dialog('close');
-            };
-
-            $dialog.dialog( 'option', 'buttons', { 
-                'Insert': dialogInsertClick, 
-                'Cancel': dialogCancelClick 
-            });
-
-            var uploadComplete = function(response) {
-                if (response.error == '0') {
-                    $url.val(base + response.path);
-                } else {
-                    alert(response.error);
-                    $file.val('');
-                }
-            };
-
-            $file.ajaxfileupload({
-                'action': '<?php echo site_url() ?>upload.php',
-                'onComplete': uploadComplete,
-            });
-            
-            $dialog.dialog('open');
-
-            return true; // tell the editor that we'll take care of getting the image url
-        });
-
-        editor.run();
-
-    })();
-</script>
+<!-- Declare the base path. Important -->
+<script type="text/javascript">var base_path = '<?php echo site_url() ?>';</script>
+<script type="text/javascript" src="<?php echo site_url() ?>system/admin/editor/js/image.js"></script>

system/includes/functions.php

@@ -1029,10 +1029,10 @@ function tab($p)
     $role = user('role', $user);
     if (isset($p->author)) {
         if ($user === $p->author || $role === 'admin') {
-            echo '<div class="tab" style="margin-bottom:30px;"><ul class="nav nav-tabs"><li role="presentation" class="active"><a href="' . $p->url . '">View</a></li><li><a href="' . $p->url . '/edit?destination=post">Edit</a></li></ul></div>';
+            echo '<div class="tab"><ul class="nav nav-tabs"><li role="presentation" class="active"><a href="' . $p->url . '">View</a></li><li><a href="' . $p->url . '/edit?destination=post">Edit</a></li></ul></div>';
         }
     } else {
-        echo '<div class="tab" style="margin-bottom:30px;><ul class="nav nav-tabs"><li role="presentation" class="active"><a href="' . $p->url . '">View</a><a href="' . $p->url . '/edit?destination=post">Edit</a></li></ul></div>';
+        echo '<div class="tab"><ul class="nav nav-tabs"><li role="presentation" class="active"><a href="' . $p->url . '">View</a><a href="' . $p->url . '/edit?destination=post">Edit</a></li></ul></div>';
     }
 }
 

themes/clean/css/style.css

@@ -137,6 +137,17 @@ h6 {
     border-bottom: 1px solid #E4E7EE;
 }
 
+.tab ul {
+	padding:0;
+	margin:0;
+}
+
+.tab  li {
+    display: inline-block;
+	margin:0;
+	padding:0;
+}
+
 .tab a {
     background: #E4E7EE;
     border-radius: 6px 6px 0px 0;

themes/default/css/style.css

@@ -136,6 +136,17 @@ a:hover {
     border-bottom: 1px solid #E4E7EE;
 }
 
+.tab ul {
+	padding:0;
+	margin:0;
+}
+
+.tab  li {
+    display: inline-block;
+	margin:0;
+	padding:0;
+}
+
 .tab a {
     background: #E4E7EE;
     border-radius: 6px 6px 0px 0;

themes/logs/css/style.css

@@ -130,6 +130,17 @@ a:hover {
     border-bottom: 1px solid #E4E7EE;
 }
 
+.tab ul {
+	padding:0;
+	margin:0;
+}
+
+.tab  li {
+    display: inline-block;
+	margin:0;
+	padding:0;
+}
+
 .tab a {
     background: #E4E7EE;
     border-radius: 6px 6px 0px 0;