david
946162f5d0
git-svn-id: https://192.168.0.254/svn/Rodax.redmine_rodax_crm/trunk@2 ff88604e-da85-c949-a72f-fc3aa3ba3724
325 lines
9.1 KiB
JavaScript
325 lines
9.1 KiB
JavaScript
// Some parts of code based on original part of the code from redmine_tags of Aleksey V Zapparov
|
|
// and provided exclusively to Kirill Bezrukov under terms of MIT license.
|
|
//
|
|
// Copyright (c) 2010-2011 Aleksey V Zapparov <http://www.ixti.net/>
|
|
// Copyright (c) 2011 Kirill Bezrukov
|
|
|
|
|
|
var phoneFieldCount = 1;
|
|
function addPhoneField() {
|
|
if (phoneFieldCount >= 5) return false
|
|
phoneFieldCount++;
|
|
|
|
var l = document.createElement("label");
|
|
l.appendChild(document.createTextNode(""));
|
|
|
|
var d = document.createElement("input");
|
|
d.name = "contact[phones][]";
|
|
d.type = "text";
|
|
d.size = "30";
|
|
|
|
p = document.getElementById("phones_fields");
|
|
|
|
k = p.insertBefore(document.createElement("p"));
|
|
k.appendChild(l);
|
|
k.appendChild(d);
|
|
|
|
}
|
|
|
|
|
|
var noteFileFieldCount = 1;
|
|
|
|
function addNoteFileField() {
|
|
if (noteFileFieldCount >= 10) return false
|
|
noteFileFieldCount++;
|
|
var f = document.createElement("input");
|
|
f.type = "file";
|
|
f.name = "note_attachments[" + noteFileFieldCount + "][file]";
|
|
f.size = 30;
|
|
var d = document.createElement("input");
|
|
d.type = "text";
|
|
d.name = "note_attachments[" + noteFileFieldCount + "][description]";
|
|
d.size = 60;
|
|
|
|
p = document.getElementById("note_attachments_fields");
|
|
p.appendChild(document.createElement("br"));
|
|
p.appendChild(f);
|
|
p.appendChild(d);
|
|
}
|
|
|
|
function removeField(link) {
|
|
Effect.Fade($(link).up(),{duration:0.5});
|
|
$(link).previous().value = '';
|
|
}
|
|
|
|
function addField(link, content) {
|
|
$(link).up().insert({
|
|
before: content
|
|
})
|
|
}
|
|
|
|
var Redmine = Redmine || {};
|
|
|
|
Redmine.TagsInput = Class.create({
|
|
initialize: function(element) {
|
|
this.element = $(element);
|
|
this.input = new Element('input', { 'type': 'text', 'autocomplete': 'off', 'size': 20 });
|
|
this.button = new Element('span', { 'class': 'tag-add icon icon-add' });
|
|
this.tags = new Hash();
|
|
|
|
Event.observe(this.button, 'click', this.readTags.bind(this));
|
|
Event.observe(this.input, 'keypress', this.onKeyPress.bindAsEventListener(this));
|
|
|
|
this.element.insert({ 'after': this.input });
|
|
this.input.insert({ 'after': this.button });
|
|
this.addTagsList(this.element.value);
|
|
},
|
|
|
|
readTags: function() {
|
|
this.addTagsList(this.input.value);
|
|
this.input.value = '';
|
|
},
|
|
|
|
onKeyPress: function(event) {
|
|
if (Event.KEY_RETURN == event.keyCode) {
|
|
this.readTags(event);
|
|
Event.stop(event);
|
|
}
|
|
},
|
|
|
|
addTag: function(tag) {
|
|
if (tag.blank() || this.tags.get(tag)) return;
|
|
|
|
var button = new Element('span', { 'class': 'tag-delete icon icon-del' });
|
|
var label = new Element('span', { 'class': 'tag-label' }).insert(tag).insert(button);
|
|
|
|
this.tags.set(tag, 1);
|
|
this.element.value = this.getTagsList();
|
|
this.element.insert({ 'before': label });
|
|
|
|
Event.observe(button, 'click', function(){
|
|
this.tags.unset(tag);
|
|
this.element.value = this.getTagsList();
|
|
label.remove();
|
|
}.bind(this));
|
|
},
|
|
|
|
addTagsList: function(tags_list) {
|
|
var tags = tags_list.split(',');
|
|
for (var i = 0; i < tags.length; i++) {
|
|
this.addTag(tags[i].strip());
|
|
}
|
|
},
|
|
|
|
getTagsList: function() {
|
|
return this.tags.keys().join(',');
|
|
},
|
|
|
|
autocomplete: function(container, url) {
|
|
new Ajax.Autocompleter(this.input, container, url, {
|
|
'minChars': 1,
|
|
'frequency': 0.5,
|
|
'paramName': 'q',
|
|
'updateElement': function(el) {
|
|
this.input.value = el.getAttribute('name');
|
|
this.readTags();
|
|
}.bind(this)
|
|
});
|
|
}
|
|
});
|
|
|
|
function observeContactTagsField(url) {
|
|
new Redmine.TagsInput('contact_tag_list').autocomplete('contact_tag_candidates', url);
|
|
}
|
|
|
|
function observeTagsField(url, tag_list, tag_candidates) {
|
|
new Redmine.TagsInput(tag_list).autocomplete(tag_candidates, url);
|
|
}
|
|
|
|
//
|
|
// CheckContactsAndDeals
|
|
//
|
|
|
|
function checkAllContacts(field)
|
|
{
|
|
for (i = 0; i < field.length; i++) {
|
|
field[i].checked = true;
|
|
Element.up(field[i], 'tr').addClassName('context-menu-selection');
|
|
}
|
|
}
|
|
|
|
function uncheckAllContacts(field)
|
|
{
|
|
for (i = 0; i < field.length; i++) {
|
|
field[i].checked = false;
|
|
Element.up(field[i], 'tr').removeClassName('context-menu-selection');
|
|
}
|
|
}
|
|
|
|
|
|
function toggleContact(event, element)
|
|
{
|
|
if (event.shiftKey==1)
|
|
{
|
|
if (element.checked) {
|
|
checkAllContacts($$('.contacts.index td.checkbox input'));
|
|
}
|
|
else
|
|
{
|
|
uncheckAllContacts($$('.contacts.index td.checkbox input'));
|
|
}
|
|
}
|
|
else
|
|
{
|
|
Element.up(element, 'tr').toggleClassName('context-menu-selection');
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
* basic color picker
|
|
* <label for="picker-1">
|
|
* <input class="colorpicker" value="#ccffcc" />
|
|
* </label>
|
|
*
|
|
* $$('.colorpicker').each(function(el){var p = new ColorPicker(el)});
|
|
*/
|
|
var ColorPicker = Class.create({
|
|
colors: [],
|
|
element: null,
|
|
|
|
initialize: function(element, trigger) {
|
|
this.colourArray = new Array();
|
|
this.element = $(element);
|
|
|
|
this.buildTable();
|
|
|
|
this.element.observe('click', this.togglePicker.bindAsEventListener(this));
|
|
this.element.setStyle({backgroundColor: this.element.value});
|
|
},
|
|
|
|
buildTable: function(){
|
|
this.initColors();
|
|
var table = new Element('table');
|
|
|
|
for( var i = 0, len = this.colors.length; i < len; i++ ){
|
|
var color = this.colors[i];
|
|
|
|
if( i % 8 == 0 ){
|
|
row = new Element('tr');
|
|
table.insert( row );
|
|
}
|
|
|
|
row.insert( '<td style="'
|
|
+ 'border: 1px solid #D7D7D7;'
|
|
+ 'background-color:#'
|
|
+ color
|
|
+ ';text-indent:-10em;overflow:hidden;width:1em;height:1em;'
|
|
+'"><a class="colorpicker-color" style="display:block;text-indent:-10em;overflow:hidden;" href="#'
|
|
+ color + '">'
|
|
+ color
|
|
+ '</a></td>' );
|
|
}
|
|
|
|
table.setStyle('top:0;width:15em;border: 1px solid #D7D7D7;');
|
|
|
|
var holder = new Element( 'div', {style:'position:relative;'})
|
|
this.element.up().insert(holder.insert(table.hide()));
|
|
|
|
table.select('a').invoke('observe', 'click', this.onClick.bindAsEventListener(this));
|
|
},
|
|
|
|
onClick: function( evt ){
|
|
var color = '#' + evt.element().href.split('#').pop();
|
|
this.element.value = color;
|
|
this.element.setStyle({backgroundColor: color});
|
|
evt.findElement('table').hide();
|
|
evt.stop();
|
|
},
|
|
|
|
togglePicker: function( evt ){
|
|
evt.element().up().down('table').show();
|
|
|
|
},
|
|
|
|
initColors: function() {
|
|
var colourMap = new Array('00', '33', '66', '99', 'AA', 'CC', 'EE', 'FF');
|
|
for(i = 0; i < colourMap.length; i++) {
|
|
this.colors.push(colourMap[i] + colourMap[i] + colourMap[i]);
|
|
}
|
|
|
|
// Blue
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 0 && i != 4 && i != 6) {
|
|
this.colors.push(colourMap[0] + colourMap[0] + colourMap[i]);
|
|
}
|
|
}
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 2 && i != 4 && i != 6 && i != 7) {
|
|
this.colors.push(colourMap[i] + colourMap[i] + colourMap[7]);
|
|
}
|
|
}
|
|
|
|
// Green
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 0 && i != 4 && i != 6) {
|
|
this.colors.push(colourMap[0] + colourMap[i] + colourMap[0]);
|
|
}
|
|
}
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 2 && i != 4 && i != 6 && i != 7) {
|
|
this.colors.push(colourMap[i] + colourMap[7] + colourMap[i]);
|
|
}
|
|
}
|
|
|
|
// Red
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 0 && i != 4 && i != 6) {
|
|
this.colors.push(colourMap[i] + colourMap[0] + colourMap[0]);
|
|
}
|
|
}
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 2 && i != 4 && i != 6 && i != 7) {
|
|
this.colors.push(colourMap[7] + colourMap[i] + colourMap[i]);
|
|
}
|
|
}
|
|
|
|
// Yellow
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 0 && i != 4 && i != 6) {
|
|
this.colors.push(colourMap[i] + colourMap[i] + colourMap[0]);
|
|
}
|
|
}
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 2 && i != 4 && i != 6 && i != 7) {
|
|
this.colors.push(colourMap[7] + colourMap[7] + colourMap[i]);
|
|
}
|
|
}
|
|
|
|
// Cyan
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 0 && i != 4 && i != 6) {
|
|
this.colors.push(colourMap[0] + colourMap[i] + colourMap[i]);
|
|
}
|
|
}
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 2 && i != 4 && i != 6 && i != 7) {
|
|
this.colors.push(colourMap[i] + colourMap[7] + colourMap[7]);
|
|
}
|
|
}
|
|
|
|
// Magenta
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 0 && i != 4 && i != 6) {
|
|
this.colors.push(colourMap[i] + colourMap[0] + colourMap[i]);
|
|
}
|
|
}
|
|
for(i = 1; i < colourMap.length; i++) {
|
|
if(i != 2 && i != 4 && i != 6 && i != 7) {
|
|
this.colors.push(colourMap[7] + colourMap[i] + colourMap[i]);
|
|
}
|
|
}
|
|
}
|
|
}); |