move giant notes inline script into its own file
This commit is contained in:
Shish
parent
b8ac8b7710
commit
1303a5aa7b
72
contrib/notes/script.js
Normal file
72
contrib/notes/script.js
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
$(function() {
|
||||||
|
$('#main_image').imgNotes(); //If your notes data is is not named notes pass it
|
||||||
|
|
||||||
|
$('#cancelnote').click(function(){
|
||||||
|
$('#main_image').imgAreaSelect({ hide: true });
|
||||||
|
$('#noteform').hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#EditCancelNote').click(function() {
|
||||||
|
$('#main_image').imgAreaSelect({ hide: true });
|
||||||
|
$('#noteEditForm').hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#addnote').click(function(){
|
||||||
|
$('#noteEditForm').hide();
|
||||||
|
$('#main_image').imgAreaSelect({ onSelectChange: showaddnote, x1: 120, y1: 90, x2: 280, y2: 210 });
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.note').click(function() {
|
||||||
|
$('#noteform').hide();
|
||||||
|
var imgOffset = $('#main_image').offset();
|
||||||
|
|
||||||
|
var x1 = parseInt(this.style.left) - imgOffset.left;
|
||||||
|
var y1 = parseInt(this.style.top) - imgOffset.top;
|
||||||
|
var width = parseInt(this.style.width);
|
||||||
|
var height = parseInt(this.style.height);
|
||||||
|
var text = $(this).next('.notep').text().replace(/([^>]?)\\n{2}/g, '$1\\n');
|
||||||
|
var id = $(this).next('.notep').next('.noteID').text();
|
||||||
|
|
||||||
|
$('#main_image').imgAreaSelect({ onSelectChange: showeditnote, x1: x1, y1: y1, x2: x1 + width, y2: y1 + height });
|
||||||
|
setEditNoteData(x1, y1, width, height, text, id);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function showaddnote (img, area) {
|
||||||
|
imgOffset = $(img).offset();
|
||||||
|
form_left = parseInt(imgOffset.left) + parseInt(area.x1);
|
||||||
|
form_top = parseInt(imgOffset.top) + parseInt(area.y1) + parseInt(area.height)+5;
|
||||||
|
|
||||||
|
$('#noteform').css({ left: form_left + 'px', top: form_top + 'px'});
|
||||||
|
$('#noteform').show();
|
||||||
|
$('#noteform').css('z-index', 10000);
|
||||||
|
$('#NoteX1').val(area.x1);
|
||||||
|
$('#NoteY1').val(area.y1);
|
||||||
|
$('#NoteHeight').val(area.height);
|
||||||
|
$('#NoteWidth').val(area.width);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showeditnote (img, area) {
|
||||||
|
imgOffset = $(img).offset();
|
||||||
|
form_left = parseInt(imgOffset.left) + area.x1;
|
||||||
|
form_top = parseInt(imgOffset.top) + area.y2;
|
||||||
|
|
||||||
|
$('#noteEditForm').css({ left: form_left + 'px', top: form_top + 'px'});
|
||||||
|
$('#noteEditForm').show();
|
||||||
|
$('#noteEditForm').css('z-index', 10000);
|
||||||
|
$('#EditNoteX1').val(area.x1);
|
||||||
|
$('#EditNoteY1').val(area.y1);
|
||||||
|
$('#EditNoteHeight').val(area.height);
|
||||||
|
$('#EditNoteWidth').val(area.width);
|
||||||
|
}
|
||||||
|
|
||||||
|
function setEditNoteData(x1, y1, width, height, text, id) {
|
||||||
|
$('#EditNoteX1').val(x1);
|
||||||
|
$('#EditNoteY1').val(y1);
|
||||||
|
$('#EditNoteHeight').val(height);
|
||||||
|
$('#EditNoteWidth').val(width);
|
||||||
|
$('#EditNoteNote').text(text);
|
||||||
|
$('#EditNoteID').val(id);
|
||||||
|
$('#DeleteNoteNoteID').val(id);
|
||||||
|
}
|
||||||
@ -2,25 +2,12 @@
|
|||||||
class NotesTheme extends Themelet {
|
class NotesTheme extends Themelet {
|
||||||
public function note_button($image_id) {
|
public function note_button($image_id) {
|
||||||
return '
|
return '
|
||||||
<script type="text/javascript">
|
<!-- <a href="#" id="addnotelink" >Add a note</a> -->
|
||||||
function confirm_action() {
|
<form action="" method="">
|
||||||
var r=confirm("Are You Sure?");
|
<input type="button" id="addnote" value="Add Note">
|
||||||
if (r==true) {
|
<input type="hidden" name="image_id" value="'.$image_id.'">
|
||||||
return true;
|
</form>
|
||||||
}
|
';
|
||||||
else {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- <a href="#" id="addnotelink" >Add a note</a> -->
|
|
||||||
|
|
||||||
<form action="" method="">
|
|
||||||
<input type="button" id="addnote" value="Add Note">
|
|
||||||
<input type="hidden" name="image_id" value="'.$image_id.'">
|
|
||||||
</form>
|
|
||||||
';
|
|
||||||
}
|
}
|
||||||
public function request_button($image_id) {
|
public function request_button($image_id) {
|
||||||
return make_form(make_link("note/add_request")) . '
|
return make_form(make_link("note/add_request")) . '
|
||||||
@ -31,7 +18,7 @@ class NotesTheme extends Themelet {
|
|||||||
}
|
}
|
||||||
public function nuke_notes_button($image_id) {
|
public function nuke_notes_button($image_id) {
|
||||||
return make_form(make_link("note/nuke_notes")) . '
|
return make_form(make_link("note/nuke_notes")) . '
|
||||||
<input id="noterequest" type="submit" value="Nuke Notes" onclick="return confirm_action()">
|
<input id="noterequest" type="submit" value="Nuke Notes" onclick="return confirm_action(\'Are you sure?\')">
|
||||||
<input type="hidden" name="image_id" value="'.$image_id.'">
|
<input type="hidden" name="image_id" value="'.$image_id.'">
|
||||||
</form>
|
</form>
|
||||||
';
|
';
|
||||||
@ -45,8 +32,8 @@ class NotesTheme extends Themelet {
|
|||||||
}
|
}
|
||||||
|
|
||||||
public function search_notes_page(Page $page) { //IN DEVELOPMENT, NOT FULLY WORKING
|
public function search_notes_page(Page $page) { //IN DEVELOPMENT, NOT FULLY WORKING
|
||||||
$html = '<form method="GET" action="/furpiledbeta/post/list/note=">
|
$html = '<form method="GET" action="'.make_link("post/list/note=").'">
|
||||||
<input id="search_input" type="text" name="search"/>
|
<input placeholder="Search Notes" type="text" name="search"/>
|
||||||
<input type="submit" style="display: none;" value="Find"/>
|
<input type="submit" style="display: none;" value="Find"/>
|
||||||
</form>';
|
</form>';
|
||||||
|
|
||||||
@ -62,109 +49,26 @@ class NotesTheme extends Themelet {
|
|||||||
$page->add_html_header("<script src='$data_href/contrib/notes/jquery.qimgareaselect-0.4.js' type='text/javascript'></script>", 100);
|
$page->add_html_header("<script src='$data_href/contrib/notes/jquery.qimgareaselect-0.4.js' type='text/javascript'></script>", 100);
|
||||||
$page->add_html_header("<script src='$data_href/contrib/notes/jquery.rimgnotes-0.2.js' type='text/javascript'></script>", 101);
|
$page->add_html_header("<script src='$data_href/contrib/notes/jquery.rimgnotes-0.2.js' type='text/javascript'></script>", 101);
|
||||||
|
|
||||||
$html = "<script type='text/javascript'>
|
$to_json = array();
|
||||||
|
|
||||||
notes = [";
|
|
||||||
|
|
||||||
foreach($recovered_notes as $note)
|
foreach($recovered_notes as $note)
|
||||||
{
|
{
|
||||||
$parsedNote = $note["note"];
|
$parsedNote = $note["note"];
|
||||||
$parsedNote = str_replace("\n", "\\n", $parsedNote);
|
$parsedNote = str_replace("\n", "\\n", $parsedNote);
|
||||||
$parsedNote = str_replace("\r", "\\r", $parsedNote);
|
$parsedNote = str_replace("\r", "\\r", $parsedNote);
|
||||||
|
|
||||||
$html .= "{'x1':'".$note["x1"]."', ".
|
$to_json[] = array(
|
||||||
"'y1':'".$note["y1"]."',".
|
'x1': $note["x1"],
|
||||||
"'height':'".$note["height"]."',".
|
'y1': $note["y1"],
|
||||||
"'width':'".$note["width"]."',".
|
'height': $note["height"],
|
||||||
"'note':'".$parsedNote."',".
|
'width': $note["width"],
|
||||||
"'note_id':'".$note["id"].
|
'note': $parsedNote,
|
||||||
"'},";
|
'note_id': $note["id"],
|
||||||
}
|
);
|
||||||
if (count($recovered_notes) > 0)
|
|
||||||
{
|
|
||||||
substr($html, 0, strlen($html) - 1); // remove final comma
|
|
||||||
}
|
}
|
||||||
|
|
||||||
$html .= "];
|
$html = "<script type='text/javascript'>";
|
||||||
";
|
$html .= "notes = " . json_encode($to_json);
|
||||||
|
$html .= "</script>
|
||||||
$html .= "$(document).ready(function() {
|
|
||||||
$('#main_image').imgNotes(); //If your notes data is is not named notes pass it
|
|
||||||
|
|
||||||
$('#cancelnote').click(function(){
|
|
||||||
$('#main_image').imgAreaSelect({ hide: true });
|
|
||||||
$('#noteform').hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#EditCancelNote').click(function() {
|
|
||||||
$('#main_image').imgAreaSelect({ hide: true });
|
|
||||||
$('#noteEditForm').hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#addnote').click(function(){
|
|
||||||
$('#noteEditForm').hide();
|
|
||||||
$('#main_image').imgAreaSelect({ onSelectChange: showaddnote, x1: 120, y1: 90, x2: 280, y2: 210 });
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.note').click(function() {
|
|
||||||
$('#noteform').hide();
|
|
||||||
var imgOffset = $('#main_image').offset();
|
|
||||||
|
|
||||||
var x1 = parseInt(this.style.left) - imgOffset.left;
|
|
||||||
var y1 = parseInt(this.style.top) - imgOffset.top;
|
|
||||||
var width = parseInt(this.style.width);
|
|
||||||
var height = parseInt(this.style.height);
|
|
||||||
var text = $(this).next('.notep').text().replace(/([^>]?)\\n{2}/g, '$1\\n');
|
|
||||||
var id = $(this).next('.notep').next('.noteID').text();
|
|
||||||
|
|
||||||
$('#main_image').imgAreaSelect({ onSelectChange: showeditnote, x1: x1, y1: y1, x2: x1 + width, y2: y1 + height });
|
|
||||||
setEditNoteData(x1, y1, width, height, text, id);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
function showaddnote (img, area) {
|
|
||||||
imgOffset = $(img).offset();
|
|
||||||
form_left = parseInt(imgOffset.left) + parseInt(area.x1);
|
|
||||||
form_top = parseInt(imgOffset.top) + parseInt(area.y1) + parseInt(area.height)+5;
|
|
||||||
|
|
||||||
$('#noteform').css({ left: form_left + 'px', top: form_top + 'px'});
|
|
||||||
|
|
||||||
$('#noteform').show();
|
|
||||||
|
|
||||||
$('#noteform').css('z-index', 10000);
|
|
||||||
$('#NoteX1').val(area.x1);
|
|
||||||
$('#NoteY1').val(area.y1);
|
|
||||||
$('#NoteHeight').val(area.height);
|
|
||||||
$('#NoteWidth').val(area.width);
|
|
||||||
}
|
|
||||||
function showeditnote (img, area) {
|
|
||||||
imgOffset = $(img).offset();
|
|
||||||
form_left = parseInt(imgOffset.left) + area.x1;
|
|
||||||
form_top = parseInt(imgOffset.top) + area.y2;
|
|
||||||
|
|
||||||
$('#noteEditForm').css({ left: form_left + 'px', top: form_top + 'px'});
|
|
||||||
|
|
||||||
$('#noteEditForm').show();
|
|
||||||
|
|
||||||
$('#noteEditForm').css('z-index', 10000);
|
|
||||||
$('#EditNoteX1').val(area.x1);
|
|
||||||
$('#EditNoteY1').val(area.y1);
|
|
||||||
$('#EditNoteHeight').val(area.height);
|
|
||||||
$('#EditNoteWidth').val(area.width);
|
|
||||||
}
|
|
||||||
function setEditNoteData(x1, y1, width, height, text, id)
|
|
||||||
{
|
|
||||||
$('#EditNoteX1').val(x1);
|
|
||||||
$('#EditNoteY1').val(y1);
|
|
||||||
$('#EditNoteHeight').val(height);
|
|
||||||
$('#EditNoteWidth').val(width);
|
|
||||||
$('#EditNoteNote').text(text);
|
|
||||||
$('#EditNoteID').val(id);
|
|
||||||
$('#DeleteNoteNoteID').val(id);
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div id='noteform'>
|
<div id='noteform'>
|
||||||
".make_form(make_link("note/add_note"))."
|
".make_form(make_link("note/add_note"))."
|
||||||
@ -224,7 +128,7 @@ class NotesTheme extends Themelet {
|
|||||||
|
|
||||||
$html .= "</div>";
|
$html .= "</div>";
|
||||||
|
|
||||||
$page->add_block(new Block(null, $html, "main", 1));
|
$page->add_block(new Block(null, $html, "main", 1));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -369,6 +273,5 @@ class NotesTheme extends Themelet {
|
|||||||
|
|
||||||
$this->display_paginator($page, "note/updated", null, $pageNumber, $totalPages);
|
$this->display_paginator($page, "note/updated", null, $pageNumber, $totalPages);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
?>
|
||||||
?>
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user