1. Import
16151
html/js/Chart.js
vendored
Normal file
10
html/js/ej/ej.web.all.min.js
vendored
Normal file
581
html/js/ej/jsontreegriddata.js
Normal file
@@ -0,0 +1,581 @@
|
||||
var treeGridDataSource = [
|
||||
{
|
||||
"Name": "Windows",
|
||||
"DateModified": new Date("06/26/2014"),
|
||||
"Type": "File Folder",
|
||||
"DateCreated": new Date("06/16/2014"),
|
||||
"Children": [
|
||||
{
|
||||
"Name": "Users",
|
||||
"DateModified": new Date("06/26/2014"),
|
||||
"Type": "File Folder",
|
||||
"DateCreated": new Date("06/16/2014"),
|
||||
"Children": [
|
||||
{
|
||||
"Name": "Public",
|
||||
"DateModified": new Date("06/26/2014"),
|
||||
"Type": "File Folder",
|
||||
"DateCreated": new Date("06/16/2014"),
|
||||
"Children": [
|
||||
{
|
||||
"Name": "Documents ",
|
||||
"DateModified": new Date("06/26/2014"),
|
||||
"Type": "File Folder",
|
||||
"DateCreated": new Date("06/16/2014"),
|
||||
"Children": [
|
||||
{ "Name": "Document 1", "DateModified": new Date("06/26/2014"), "Type": "HTML document", "DateCreated": new Date("06/16/2014"), },
|
||||
{ "Name": "Document 2", "DateModified": new Date("06/26/2014"), "Type": "HTML document", "DateCreated":new Date( "06/16/2014"), },
|
||||
{ "Name": "Document 3", "DateModified": new Date("06/26/2014"), "Type": "HTML document", "DateCreated": new Date("06/16/2014"), }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
var sampleData = [
|
||||
{
|
||||
taskID: 1,
|
||||
taskName: "Planning",
|
||||
startDate: new Date("02/03/2014"),
|
||||
endDate: new Date("02/07/2014"),
|
||||
progress: 100,
|
||||
duration: 5,
|
||||
priority: "Normal",
|
||||
approved: false,
|
||||
subtasks: [
|
||||
{ taskID: 2, taskName: "Plan timeline", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: 100, priority: "Normal", approved: false },
|
||||
{ taskID: 3, taskName: "Plan budget", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: 100, approved: true },
|
||||
{ taskID: 4, taskName: "Allocate resources", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: 100, priority: "Critical", approved: false },
|
||||
{ taskID: 5, taskName: "Planning complete", startDate: new Date("02/07/2014"), endDate: new Date("02/07/2014"), duration: 0, progress: 0, priority: "Low", approved: true }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 6,
|
||||
taskName: "Design",
|
||||
startDate: new Date("02/10/2014"),
|
||||
endDate: new Date("02/14/2014"),
|
||||
duration: 3,
|
||||
progress: 86,
|
||||
priority: "High",
|
||||
approved: false,
|
||||
subtasks: [
|
||||
{ taskID: 7, taskName: "Software Specification", startDate: new Date("02/10/2014"), endDate: new Date("02/12/2014"), duration: 3, progress: 60, priority: "Normal", approved: false },
|
||||
{ taskID: 8, taskName: "Develop prototype", startDate: new Date("02/10/2014"), endDate: new Date("02/12/2014"), duration: 3, progress: 100, priority: "Critical", approved: false },
|
||||
{ taskID: 9, taskName: "Get approval from customer", startDate: new Date("02/13/2014"), endDate: new Date("02/14/2014"), duration: 2, progress: 100, approved: true },
|
||||
{ taskID: 10, taskName: "Design Documentation", startDate: new Date("02/13/2014"), endDate: new Date("02/14/2014"), duration: 2, progress: 100, approved: true },
|
||||
{ taskID: 11, taskName: "Design complete", startDate: new Date("02/14/2014"), endDate: new Date("02/14/2014"), duration: 0, progress: 0, priority: "Normal", approved: true }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 12,
|
||||
taskName: "Implementation Phase",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "Normal",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [
|
||||
{
|
||||
taskID: 13,
|
||||
taskName: "Phase 1",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "High",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [{
|
||||
taskID: 14,
|
||||
taskName: "Implementation Module 1",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "Normal",
|
||||
duration: 11,
|
||||
approved: false,
|
||||
subtasks: [
|
||||
{ taskID: 15, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "High", approved: false },
|
||||
{ taskID: 16, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "Low", approved: true },
|
||||
{ taskID: 17, taskName: "Testing", startDate: new Date("02/20/2014"), endDate: new Date("02/21/2014"), duration: 2, progress: "0", priority: "Normal", approved: true },
|
||||
{ taskID: 18, taskName: "Bug fix", startDate: new Date("02/24/2014"), endDate: new Date("02/25/2014"), duration: 2, progress: "0", priority: "Critical", approved: false },
|
||||
{ taskID: 19, taskName: "Customer review meeting", startDate: new Date("02/26/2014"), endDate: new Date("02/27/2014"), duration: 2, progress: "0", priority: "High", approved: false },
|
||||
{ taskID: 20, taskName: "Phase 1 complete", startDate: new Date("02/27/2014"), endDate: new Date("02/27/2014"), duration: 0, priority: "Low", approved: true }
|
||||
|
||||
]
|
||||
}]
|
||||
},
|
||||
|
||||
{
|
||||
taskID: 21,
|
||||
taskName: "Phase 2",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/28/2014"),
|
||||
priority: "High",
|
||||
approved: false,
|
||||
duration: 12,
|
||||
subtasks: [{
|
||||
taskID: 22,
|
||||
taskName: "Implementation Module 2",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/28/2014"),
|
||||
priority: "Critical",
|
||||
approved: false,
|
||||
duration: 12,
|
||||
subtasks: [
|
||||
{ taskID: 23, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/20/2014"), duration: 4, progress: "50", priority: "Normal", approved: true },
|
||||
{ taskID: 24, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/20/2014"), duration: 4, progress: "50", priority: "Critical", approved: true },
|
||||
{ taskID: 25, taskName: "Testing", startDate: new Date("02/21/2014"), endDate: new Date("02/24/2014"), duration: 2, progress: "0", priority: "High", approved: false },
|
||||
{ taskID: 26, taskName: "Bug fix", startDate: new Date("02/25/2014"), endDate: new Date("02/26/2014"), duration: 2, progress: "0", priority: "Low", approved: false },
|
||||
{ taskID: 27, taskName: "Customer review meeting", startDate: new Date("02/27/2014"), endDate: new Date("02/28/2014"), duration: 2, progress: "0", priority: "Critical", approved: true },
|
||||
{ taskID: 28, taskName: "Phase 2 complete", startDate: new Date("02/28/2014"), endDate: new Date("02/28/2014"), duration: 0, priority: "Normal", approved: false }
|
||||
|
||||
]
|
||||
}]
|
||||
},
|
||||
|
||||
{
|
||||
taskID: 29,
|
||||
taskName: "Phase 3",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "Normal",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [{
|
||||
taskID: 30,
|
||||
taskName: "Implementation Module 3",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "High",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [
|
||||
{ taskID: 31, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "Low", approved: true },
|
||||
{ taskID: 32, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "Normal", approved: false },
|
||||
{ taskID: 33, taskName: "Testing", startDate: new Date("02/20/2014"), endDate: new Date("02/21/2014"), duration: 2, progress: "0", priority: "Critical", approved: true },
|
||||
{ taskID: 34, taskName: "Bug fix", startDate: new Date("02/24/2014"), endDate: new Date("02/25/2014"), duration: 2, progress: "0", priority: "High", approved: false },
|
||||
{ taskID: 35, taskName: "Customer review meeting", startDate: new Date("02/26/2014"), endDate: new Date("02/27/2014"), duration: 2, progress: "0", priority: "Normal", approved: true },
|
||||
{ taskID: 36, taskName: "Phase 3 complete", startDate: new Date("02/27/2014"), endDate: new Date("02/27/2014"), duration: 0, priority: "Critical", approved: false },
|
||||
|
||||
]
|
||||
}]
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
var templateData = [{
|
||||
"Name": "Robert King",
|
||||
"FullName": "Robert King",
|
||||
"Designation": "Chief Executive Officer",
|
||||
"EmployeeID": "EMP001",
|
||||
"Address": "507 - 20th Ave. E.Apt. 2A, Seattle",
|
||||
"Contact": "(206) 555-9857",
|
||||
"Country": "USA",
|
||||
"DOB": new Date("2/15/1963"),
|
||||
"DOJ": new Date("5/1/1983"),
|
||||
|
||||
"Children": [{
|
||||
"Name": "David william",
|
||||
"FullName": "David william",
|
||||
"Designation": "Vice President",
|
||||
"EmployeeID": "EMP004",
|
||||
"Address": "722 Moss Bay Blvd., Kirkland",
|
||||
"Country": "USA",
|
||||
"Contact": "(206) 555-3412",
|
||||
"DOB": new Date("5/20/1971"),
|
||||
"DOJ": new Date("5/1/1991"),
|
||||
|
||||
|
||||
"Children": [{
|
||||
"Name": "Nancy Davolio",
|
||||
"FullName": "Nancy Davolio",
|
||||
"Designation": "Marketing Executive",
|
||||
"EmployeeID": "EMP035",
|
||||
"Address": "4110 Old Redmond Rd., Redmond",
|
||||
"Country": "USA",
|
||||
"Contact": "(206) 555-8122",
|
||||
"DOB": new Date("3/19/1966"),
|
||||
"DOJ": new Date("5/1/1986"),
|
||||
"Children": [
|
||||
{
|
||||
"Name": "Andrew Fuller",
|
||||
"FullName": "Andrew Fuller",
|
||||
"Designation": "Sales Representative",
|
||||
"EmployeeID": "EMP045",
|
||||
"Address": "14 Garrett Hill, London",
|
||||
"Country": "UK",
|
||||
"Contact": "(71) 555-4848",
|
||||
"DOB": new Date("9/20/1980"),
|
||||
"DOJ": new Date("5/1/2000"),
|
||||
},
|
||||
{
|
||||
"Name": "Anne Dodsworth",
|
||||
"FullName": "Anne Dodsworth",
|
||||
"Designation": "Sales Representative",
|
||||
"EmployeeID": "EMP091",
|
||||
"Address": "4726 - 11th Ave. N.E., Seattle",
|
||||
"Country": "USA",
|
||||
"Contact": "(206) 555-1189",
|
||||
"DOB": new Date("10/19/1989"),
|
||||
"DOJ": new Date("5/1/2009"),
|
||||
},
|
||||
{
|
||||
"Name": "Michael Suyama",
|
||||
"FullName": "Michael Suyama",
|
||||
"Designation": "Sales Representative",
|
||||
"EmployeeID": "EMP110",
|
||||
"Address": "Coventry House Miner Rd., London",
|
||||
"Country": "UK",
|
||||
"Contact": "(71) 555-3636",
|
||||
"DOB": new Date("11/02/1987"),
|
||||
"DOJ": new Date("5/1/2007"),
|
||||
},
|
||||
{
|
||||
"Name": "Janet Leverling",
|
||||
"FullName": "Janet Leverling",
|
||||
"Designation": "Sales Coordinator",
|
||||
"EmployeeID": "EMP131",
|
||||
"Address": "Edgeham Hollow Winchester Way, London",
|
||||
"Country": "UK",
|
||||
"Contact": "(71) 555-3636",
|
||||
"DOB": new Date("11/06/1990"),
|
||||
"DOJ": new Date("5/1/2010"),
|
||||
},
|
||||
]
|
||||
|
||||
},
|
||||
{
|
||||
"Name": "Romey Wilson",
|
||||
"FullName": "Romey Wilson",
|
||||
"Designation": "Sales Executive",
|
||||
"EmployeeID": "EMP039",
|
||||
"Address": "7 Houndstooth Rd., London",
|
||||
"Country": "UK",
|
||||
"Contact": "(71) 555-3690",
|
||||
"DOB": new Date("02/02/1980"),
|
||||
"DOJ": new Date("5/1/2000"),
|
||||
"Children": [
|
||||
{
|
||||
"Name": "Margaret Peacock",
|
||||
"FullName": "Margaret Peacock",
|
||||
"Designation": "Sales Representative",
|
||||
"EmployeeID": "EMP213",
|
||||
"Address": "4726 - 11th Ave. N.E., California",
|
||||
"Country": "USA",
|
||||
"Contact": "(206) 555-1989",
|
||||
"DOB": new Date("01/21/1986"),
|
||||
"DOJ": new Date("5/1/2006"),
|
||||
|
||||
},
|
||||
{
|
||||
"Name": "Laura Callahan",
|
||||
"FullName": "Laura Callahan",
|
||||
"Designation": "Sales Coordinator",
|
||||
"EmployeeID": "EMP201",
|
||||
"Address": "Coventry House Miner Rd., London",
|
||||
"Country": "UK",
|
||||
"Contact": "(71) 555-2222",
|
||||
"DOB": new Date("12/01/1990"),
|
||||
"DOJ": new Date("5/1/2010"),
|
||||
},
|
||||
{
|
||||
"Name": "Steven Buchanan",
|
||||
"FullName": "Steven Buchanan",
|
||||
"Designation": "Sales Representative",
|
||||
"EmployeeID": "EMP197",
|
||||
"Address": "200 Lincoln Ave, Salinas, CA 93901",
|
||||
"Country": "USA",
|
||||
"Contact": "(831) 758-7408",
|
||||
"DOB": new Date("03/23/1987"),
|
||||
"DOJ": new Date("5/1/2007"),
|
||||
},
|
||||
{
|
||||
"Name": "Tedd Lawson",
|
||||
"FullName": "Tedd Lawson",
|
||||
"Designation": "Sales Representative",
|
||||
"EmployeeID": "EMP167",
|
||||
"Address": "200 Lincoln Ave, Salinas, CA 93901",
|
||||
"Country": "USA",
|
||||
"Contact": "(831) 758-7368 ",
|
||||
"DOB": new Date("08/09/1989"),
|
||||
"DOJ": new Date("5/1/2009"),
|
||||
},
|
||||
]
|
||||
}]
|
||||
}]
|
||||
}];
|
||||
|
||||
var summaryRowData = [{
|
||||
"FreightID": "CX2389NK",
|
||||
"FreightName": "Maersk Edibles Co.",
|
||||
"TotalUnits": 598,
|
||||
"TotalCosts": 27838,
|
||||
"UnitWeight": 241,
|
||||
"children": [{
|
||||
|
||||
"FreightID": "QW4567OP",
|
||||
"FreightName": "Chang",
|
||||
"TotalUnits": 123,
|
||||
"TotalCosts": 3400,
|
||||
"UnitWeight": 50,
|
||||
}, {
|
||||
"FreightID": "QW3458BH",
|
||||
"FreightName": "Aniseed Syrup",
|
||||
"TotalUnits": 89,
|
||||
"TotalCosts": 5900,
|
||||
"UnitWeight": 87,
|
||||
}, {
|
||||
"FreightID": "QW8967OH",
|
||||
"FreightName": "Chef Anton's Cajun Seasoning",
|
||||
"TotalUnits": 46,
|
||||
"TotalCosts": 9578,
|
||||
"UnitWeight": 54,
|
||||
}, {
|
||||
|
||||
"FreightID": "QW6549NJ",
|
||||
"FreightName": "Chef Anton's Gumbo Mix",
|
||||
"TotalUnits": 340,
|
||||
"TotalCosts": 8960,
|
||||
"UnitWeight": 50,
|
||||
}]
|
||||
},
|
||||
{
|
||||
"FreightID": "DW8954IO",
|
||||
"FreightName": "Aeon fitness inc.",
|
||||
"TotalUnits": 1720,
|
||||
"TotalCosts": 24367,
|
||||
"UnitWeight": 296,
|
||||
"children": [
|
||||
{
|
||||
"FreightID": "UF5647YH",
|
||||
"FreightName": "Reebox CrossFit Back Bay",
|
||||
"TotalUnits": 600,
|
||||
"TotalCosts": 8700,
|
||||
"UnitWeight": 73,
|
||||
},
|
||||
{
|
||||
"FreightID": "UF1290LK",
|
||||
"FreightName": "The Green Microgym",
|
||||
"TotalUnits": 569,
|
||||
"TotalCosts": 8765,
|
||||
"UnitWeight": 90,
|
||||
},
|
||||
{
|
||||
"FreightID": "UF8956KU",
|
||||
"FreightName": "DeFranco's",
|
||||
"TotalUnits": 456,
|
||||
"TotalCosts": 4589,
|
||||
"UnitWeight": 68,
|
||||
},
|
||||
{
|
||||
"FreightID": "UF7464JK",
|
||||
"FreightName": "Westside Barbell",
|
||||
"TotalUnits": 95,
|
||||
"TotalCosts": 2313,
|
||||
"UnitWeight": 65,
|
||||
}],
|
||||
},
|
||||
{
|
||||
"FreightID": "EJ9456KN",
|
||||
"FreightName": "Sun technologies inc",
|
||||
"TotalUnits": 331,
|
||||
"TotalCosts": 22933,
|
||||
"UnitWeight": 192,
|
||||
"children": [
|
||||
{
|
||||
"FreightID": "GH2367OP",
|
||||
"FreightName": "Haier Group",
|
||||
"TotalUnits": 78,
|
||||
"TotalCosts": 6789,
|
||||
"UnitWeight": 23,
|
||||
},
|
||||
{
|
||||
"FreightID": "GH4309TH",
|
||||
"FreightName": "Panda Electronics",
|
||||
"TotalUnits": 90,
|
||||
"TotalCosts": 8999,
|
||||
"UnitWeight": 48,
|
||||
},
|
||||
{
|
||||
"FreightID": "GH3494SD",
|
||||
"FreightName": "Jiangsu Etern",
|
||||
"TotalUnits": 36,
|
||||
"TotalCosts": 4356,
|
||||
"UnitWeight": 56,
|
||||
},
|
||||
{
|
||||
"FreightID": "GH3213FR",
|
||||
"FreightName": "Zhejiang Fuchunjiang",
|
||||
"TotalUnits": 127,
|
||||
"TotalCosts": 2789,
|
||||
"UnitWeight": 65,
|
||||
}],
|
||||
|
||||
}];
|
||||
|
||||
var headerData = [
|
||||
{
|
||||
taskID: 1,
|
||||
taskName: "Planning",
|
||||
startDate: new Date("02/03/2014"),
|
||||
endDate: new Date("02/07/2014"),
|
||||
subtasks: [
|
||||
{ taskID: 2, taskName: "Plan timeline", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: "100", resourceId: "2" },
|
||||
{ taskID: 3, taskName: "Plan budget", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: "100", resourceId:"1" },
|
||||
{ taskID: 4, taskName: "Allocate resources", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: "100", resourceId: "1" },
|
||||
{ taskID: 5, taskName: "Planning complete", startDate: new Date("02/07/2014"), endDate: new Date("02/07/2014"), duration: 0, predecessor: "3FS,4FS,5FS" }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 6,
|
||||
taskName: "Design",
|
||||
startDate: new Date("02/10/2014"),
|
||||
endDate: new Date("02/14/2014"),
|
||||
subtasks: [
|
||||
{ taskID: 7, taskName: "Software Specification", startDate: new Date("02/10/2014"), endDate: new Date("02/12/2014"), duration: 3, progress: "60", predecessor: "6FS", resourceId: "2" },
|
||||
{ taskID: 8, taskName: "Develop prototype", startDate: new Date("02/10/2014"), endDate: new Date("02/12/2014"), duration: 3, progress: "100", predecessor: "6FS", resourceId: "3" },
|
||||
{ taskID: 9, taskName: "Get approval from customer", startDate: new Date("02/13/2014"), endDate: new Date("02/14/2014"), duration: 2, progress: "100", predecessor: "9FS", resourceId: "1" },
|
||||
{ taskID: 10, taskName: "Design complete", startDate: new Date("02/14/2014"), endDate: new Date("02/14/2014"), duration: 0, predecessor: "10FS" }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 11,
|
||||
taskName: "Implementation Phase",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
subtasks: [
|
||||
{
|
||||
taskID: 12,
|
||||
taskName: "Phase",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
subtasks: [{
|
||||
taskID: 13,
|
||||
taskName: "Implementation Module",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
subtasks: [
|
||||
{ taskID: 14, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", predecessor: "11FS", resourceId: "3" },
|
||||
{ taskID: 15, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", predecessor: "11FS", resourceId: "3" },
|
||||
{ taskID: 16, taskName: "Testing", startDate: new Date("02/20/2014"), endDate: new Date("02/21/2014"), duration: 2, progress: "0", predecessor: "15FS,16FS", resourceId: "4" },
|
||||
{ taskID: 17, taskName: "Bug fix", startDate: new Date("02/24/2014"), endDate: new Date("02/25/2014"), duration: 2, progress: "0", predecessor: "17FS", resourceId: "4" },
|
||||
{ taskID: 18, taskName: "Customer review meeting", startDate: new Date("02/26/2014"), endDate: new Date("02/27/2014"), duration: 2, progress: "0", predecessor: "18FS", resourceId: "1" },
|
||||
{ taskID: 19, taskName: "Phase complete", startDate: new Date("02/27/2014"), endDate: new Date("02/27/2014"), duration: 0, predecessor: "19FS" }
|
||||
]
|
||||
}]
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
var projectResources = [
|
||||
{ resourceId: 1, resourceName: "Project Manager" },
|
||||
{ resourceId: 2, resourceName: "Software Analyst" },
|
||||
{ resourceId: 3, resourceName: "Developer" },
|
||||
{ resourceId: 4, resourceName: "Testing Engineer" }
|
||||
];
|
||||
|
||||
var pagingdata = [
|
||||
{
|
||||
taskID: 1,
|
||||
taskName: "Planning",
|
||||
startDate: new Date("02/03/2014"),
|
||||
endDate: new Date("02/07/2014"),
|
||||
progress: 100,
|
||||
duration: 5,
|
||||
priority: "Normal",
|
||||
approved: false,
|
||||
subtasks: [
|
||||
{ taskID: 2, taskName: "Plan timeline", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: 100, priority: "Normal", approved: false },
|
||||
{ taskID: 3, taskName: "Plan budget", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: 100, approved: true },
|
||||
{ taskID: 4, taskName: "Allocate resources", startDate: new Date("02/03/2014"), endDate: new Date("02/07/2014"), duration: 5, progress: 100, priority: "Critical", approved: false },
|
||||
{ taskID: 5, taskName: "Planning complete", startDate: new Date("02/07/2014"), endDate: new Date("02/07/2014"), duration: 0, progress: 0, priority: "Low", approved: true }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 6,
|
||||
taskName: "Design",
|
||||
startDate: new Date("02/10/2014"),
|
||||
endDate: new Date("02/14/2014"),
|
||||
duration: 3,
|
||||
progress: 86,
|
||||
priority: "High",
|
||||
approved: false,
|
||||
subtasks: [
|
||||
{ taskID: 7, taskName: "Software Specification", startDate: new Date("02/10/2014"), endDate: new Date("02/12/2014"), duration: 3, progress: 60, priority: "Normal", approved: false },
|
||||
{ taskID: 8, taskName: "Develop prototype", startDate: new Date("02/10/2014"), endDate: new Date("02/12/2014"), duration: 3, progress: 100, priority: "Critical", approved: false },
|
||||
{ taskID: 9, taskName: "Get approval from customer", startDate: new Date("02/13/2014"), endDate: new Date("02/14/2014"), duration: 2, progress: 100, approved: true },
|
||||
{ taskID: 10, taskName: "Design Documentation", startDate: new Date("02/13/2014"), endDate: new Date("02/14/2014"), duration: 2, progress: 100, approved: true },
|
||||
{ taskID: 11, taskName: "Design complete", startDate: new Date("02/14/2014"), endDate: new Date("02/14/2014"), duration: 0, progress: 0, priority: "Normal", approved: true }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 12,
|
||||
taskName: "Implementation Phase",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "Normal",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [
|
||||
{
|
||||
taskID: 13,
|
||||
taskName: "Phase 1",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "High",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [
|
||||
{ taskID: 15, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "High", approved: false },
|
||||
{ taskID: 16, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "Low", approved: true },
|
||||
{ taskID: 17, taskName: "Testing", startDate: new Date("02/20/2014"), endDate: new Date("02/21/2014"), duration: 2, progress: "0", priority: "Normal", approved: true },
|
||||
{ taskID: 18, taskName: "Bug fix", startDate: new Date("02/24/2014"), endDate: new Date("02/25/2014"), duration: 2, progress: "0", priority: "Critical", approved: false },
|
||||
{ taskID: 19, taskName: "Customer review meeting", startDate: new Date("02/26/2014"), endDate: new Date("02/27/2014"), duration: 2, progress: "0", priority: "High", approved: false },
|
||||
{ taskID: 20, taskName: "Phase 1 complete", startDate: new Date("02/27/2014"), endDate: new Date("02/27/2014"), duration: 0, priority: "Low", approved: true }
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
taskID: 21,
|
||||
taskName: "Phase 2",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/28/2014"),
|
||||
priority: "High",
|
||||
approved: false,
|
||||
duration: 12,
|
||||
subtasks: [
|
||||
{ taskID: 23, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/20/2014"), duration: 4, progress: "50", priority: "Normal", approved: true },
|
||||
{ taskID: 24, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/20/2014"), duration: 4, progress: "50", priority: "Critical", approved: true },
|
||||
{ taskID: 25, taskName: "Testing", startDate: new Date("02/21/2014"), endDate: new Date("02/24/2014"), duration: 2, progress: "0", priority: "High", approved: false },
|
||||
{ taskID: 26, taskName: "Bug fix", startDate: new Date("02/25/2014"), endDate: new Date("02/26/2014"), duration: 2, progress: "0", priority: "Low", approved: false },
|
||||
{ taskID: 27, taskName: "Customer review meeting", startDate: new Date("02/27/2014"), endDate: new Date("02/28/2014"), duration: 2, progress: "0", priority: "Critical", approved: true },
|
||||
{ taskID: 28, taskName: "Phase 2 complete", startDate: new Date("02/28/2014"), endDate: new Date("02/28/2014"), duration: 0, priority: "Normal", approved: false }
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
taskID: 29,
|
||||
taskName: "Phase 3",
|
||||
startDate: new Date("02/17/2014"),
|
||||
endDate: new Date("02/27/2014"),
|
||||
priority: "Normal",
|
||||
approved: false,
|
||||
duration: 11,
|
||||
subtasks: [
|
||||
{ taskID: 31, taskName: "Development Task 1", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "Low", approved: true },
|
||||
{ taskID: 32, taskName: "Development Task 2", startDate: new Date("02/17/2014"), endDate: new Date("02/19/2014"), duration: 3, progress: "50", priority: "Normal", approved: false },
|
||||
{ taskID: 33, taskName: "Testing", startDate: new Date("02/20/2014"), endDate: new Date("02/21/2014"), duration: 2, progress: "0", priority: "Critical", approved: true },
|
||||
{ taskID: 34, taskName: "Bug fix", startDate: new Date("02/24/2014"), endDate: new Date("02/25/2014"), duration: 2, progress: "0", priority: "High", approved: false },
|
||||
{ taskID: 35, taskName: "Customer review meeting", startDate: new Date("02/26/2014"), endDate: new Date("02/27/2014"), duration: 2, progress: "0", priority: "Normal", approved: true },
|
||||
{ taskID: 36, taskName: "Phase 3 complete", startDate: new Date("02/27/2014"), endDate: new Date("02/27/2014"), duration: 0, priority: "Critical", approved: false }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
2
html/js/ej/jsrender.min.js
vendored
Normal file
411
html/js/ej/properties.js
Normal file
@@ -0,0 +1,411 @@
|
||||
// For Properties Panel
|
||||
|
||||
var themes = {
|
||||
"flat": "../content/ejthemes/default-theme/ej.theme.min.css",
|
||||
"flatdark": "../content/ejthemes/flat-azure-dark/ej.theme.min.css",
|
||||
"azure": "../content/ejthemes/default-theme/ej.theme.min.css",
|
||||
"azuredark": "../content/ejthemes/flat-azure-dark/ej.theme.min.css",
|
||||
"lime": "../content/ejthemes/flat-lime/ej.theme.min.css",
|
||||
"limedark": "../content/ejthemes/flat-lime-dark/ej.theme.min.css",
|
||||
"saffron": "../content/ejthemes/flat-saffron/ej.theme.min.css",
|
||||
"saffrondark": "../content/ejthemes/flat-saffron-dark/ej.theme.min.css",
|
||||
"gradient": "../content/ejthemes/gradient-azure/ej.theme.min.css",
|
||||
"gradientdark": "../content/ejthemes/gradient-azure-dark/ej.theme.min.css",
|
||||
"gradientazure": "../content/ejthemes/gradient-azure/ej.theme.min.css",
|
||||
"gradientazuredark": "../content/ejthemes/gradient-azure-dark/ej.theme.min.css",
|
||||
"gradientlime": "../content/ejthemes/gradient-lime/ej.theme.min.css",
|
||||
"gradientlimedark": "../content/ejthemes/gradient-lime-dark/ej.theme.min.css",
|
||||
"gradientsaffron": "../content/ejthemes/gradient-saffron/ej.theme.min.css",
|
||||
"gradientsaffrondark": "../content/ejthemes/gradient-saffron-dark/ej.theme.min.css",
|
||||
"bootstrap": "../content/ejthemes/bootstrap-theme/ej.theme.min.css",
|
||||
"high-contrast-01":"../content/ejthemes/high-contrast-01/ej.theme.min.css",
|
||||
"high-contrast-02": "../content/ejthemes/high-contrast-02/ej.theme.min.css",
|
||||
"material": "../content/ejthemes/material/ej.theme.min.css",
|
||||
"office-365": "../content/ejthemes/office-365/ej.theme.min.css"
|
||||
};
|
||||
|
||||
var core = {
|
||||
"bootstrap": "../content/ejthemes/ej.widgets.core.bootstrap.min.css",
|
||||
"material": "../content/ejthemes/ej.widgets.core.material.min.css",
|
||||
"office-365": "../content/ejthemes/ej.widgets.core.office-365.min.css"
|
||||
};
|
||||
window.isMac = function () {
|
||||
return (/(ipad|iphone|ipod touch)/i).test(navigator.userAgent.toLowerCase()) && !(/trident|windows phone/i.test(navigator.userAgent.toLowerCase()));
|
||||
}
|
||||
window.baseurl = "//js.syncfusion.com/ejServices/";
|
||||
|
||||
|
||||
(function ($, ej, undefined) {
|
||||
|
||||
// Example plugin creation code
|
||||
// sfSample is the plugin name
|
||||
// "ej.Sample" is "namespace.className" will hold functions and properties
|
||||
|
||||
if (window.isMac())
|
||||
window.baseurl="//js.syncfusion.com/ejServices/";
|
||||
else
|
||||
window.baseurl=window.baseurl;
|
||||
|
||||
ej.widget("ejPropertiesPanel", "ej.PropertiesPanel", {
|
||||
_rootCSS: "e-prop",
|
||||
// default model
|
||||
element: null,
|
||||
model: null,
|
||||
header:"Properties",
|
||||
defaults: {
|
||||
delayRender: true
|
||||
},
|
||||
// constructor function
|
||||
_init: function () {
|
||||
if (ej.browserInfo().name == "msie" && this.model.delayRender) {
|
||||
var proxy = this;
|
||||
setTimeout(function () { proxy._initialize(); }, 0);
|
||||
}
|
||||
else this._initialize();
|
||||
},
|
||||
_initialize: function () {
|
||||
this._sfPropertiesPanel = this.element.wrap('<div class="cols-prop-area" />');
|
||||
this._sfPropertyTitlebar = ej.buildTag("div.heading").prependTo(this.element);
|
||||
ej.buildTag("span", this.header).appendTo(this._sfPropertyTitlebar);
|
||||
this.element.find(".heading").next().addClass("content");
|
||||
if (QueryString["theme"] == "bootstrap") $(".e-prop").addClass("e-bootstrap");
|
||||
},
|
||||
|
||||
hide: function () {
|
||||
var panel = this._sfPropertiesPanel;
|
||||
this._setSize();
|
||||
this._setPosition();
|
||||
panel.css({ display: "none" });
|
||||
return this;
|
||||
},
|
||||
_setModel: function () {
|
||||
},
|
||||
_setPosition: function () {
|
||||
if ($(document).find(".samplesection").length > 0) {
|
||||
this._sfPropertiesPanel.appendTo(".samplesection");
|
||||
}
|
||||
//var x = ($(this._sfPropertiesPanel).prev().width()+25);
|
||||
//this._sfPropertiesPanel.css({ left: x });
|
||||
},
|
||||
// all events bound using this._on will be unbind automatically
|
||||
_destroy: function () {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery, Syncfusion);
|
||||
|
||||
// For convert widgets
|
||||
$(function () {
|
||||
convertWidgets();
|
||||
if ($(".cols-sample-area").next('div').length==0)
|
||||
$(".cols-sample-area").css("width","100%");
|
||||
});
|
||||
|
||||
var QueryString = function () {
|
||||
// This function is anonymous, is executed immediately and
|
||||
// the return value is assigned to QueryString!
|
||||
var query_string = {};
|
||||
var query = window.location.search.substring(1);
|
||||
var vars = query.split("&");
|
||||
for (var i = 0; i < vars.length; i++) {
|
||||
var pair = vars[i].split("=");
|
||||
// If first entry with this name
|
||||
if (typeof query_string[pair[0]] === "undefined") {
|
||||
query_string[pair[0]] = pair[1];
|
||||
// If second entry with this name
|
||||
} else if (typeof query_string[pair[0]] === "string") {
|
||||
var arr = [query_string[pair[0]], pair[1]];
|
||||
query_string[pair[0]] = arr;
|
||||
// If third or later entry with this name
|
||||
} else {
|
||||
query_string[pair[0]].push(pair[1]);
|
||||
}
|
||||
}
|
||||
return query_string;
|
||||
}();
|
||||
|
||||
window.updateThemess = function (theme) {
|
||||
if (theme) {
|
||||
var links = $(document.head || document.getElementsByTagName('head')[0]).find("link");
|
||||
for (var i = 0; i < links.length; i++) {
|
||||
if (links[i].href.indexOf("ej.web.all.min.css") != -1) {
|
||||
if ((theme == "bootstrap")||(theme == "material")||(theme == "office-365")) {
|
||||
var corefile = document.createElement("link");
|
||||
corefile.setAttribute("rel", "stylesheet");
|
||||
corefile.setAttribute("type", "text/css");
|
||||
corefile.setAttribute("href", core[theme]);
|
||||
$(corefile).insertAfter(links[i]);
|
||||
}
|
||||
var fileref=document.createElement("link");
|
||||
fileref.setAttribute("rel", "stylesheet");
|
||||
fileref.setAttribute("type", "text/css");
|
||||
fileref.setAttribute("href", themes[theme]);
|
||||
((theme == "bootstrap")||(theme == "material")||(theme =="office-365"))? $(fileref).insertAfter(corefile) : $(fileref).insertAfter(links[i]);
|
||||
window.setTimeout(function () {
|
||||
if ($(".cols-sample-area").find(".e-rte.e-js").length) $(".cols-sample-area").find(".e-rte.e-js").data("ejRTE")._setIframeHeight();
|
||||
if ($(".cols-sample-area").find(".e-fileexplorer.e-js").length) $(".cols-sample-area").find(".e-fileexplorer.e-js").data("ejFileExplorer").adjustSize();
|
||||
},1500);
|
||||
break;
|
||||
}
|
||||
}
|
||||
$(function () {
|
||||
if ((theme.indexOf("dark") != -1)||(theme.indexOf("high-contrast")!=-1))
|
||||
document.body.className = "darktheme";
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
updateThemess(QueryString["theme"]);
|
||||
function loadTheme(sender) {
|
||||
if (!ej.util.isNullOrUndefined(window.orientation) && sender && this.pluginName == "ejChart") { //to modify chart properties for mobile view
|
||||
var model = sender.model,
|
||||
seriesLength = model.series.length;
|
||||
$(".cols-sample-area").css("padding", "0px");
|
||||
model.title.enableTrim = true;
|
||||
model.elementSpacing = 5;
|
||||
model.legend.visible = false;
|
||||
model.size.height = null;
|
||||
model.size.width = null;
|
||||
for (var i=0; i< seriesLength; i++){
|
||||
if (!model.series[i].marker)
|
||||
model.series[i].marker = {};
|
||||
if (!model.series[i].marker.size)
|
||||
model.series[i].marker.size = {};
|
||||
model.series[i].marker.size.width = 6;
|
||||
model.series[i].marker.size.height = 6;
|
||||
}
|
||||
model.primaryXAxis.labelIntersectAction = "rotate45";
|
||||
if (model.primaryXAxis.title)
|
||||
model.primaryXAxis.title.text = "";
|
||||
model.primaryXAxis.edgeLabelPlacement = "hide";
|
||||
model.primaryYAxis.labelIntersectAction = "rotate45";
|
||||
if (model.primaryYAxis.title)
|
||||
model.primaryYAxis.title.text = "";
|
||||
model.primaryYAxis.edgeLabelPlacement = "hide";
|
||||
if (model.axes) {
|
||||
for (var j=0; j< model.axes.length; j++){
|
||||
model.axes[j].labelIntersectAction = "rotate45";
|
||||
if (model.axes[j].title)
|
||||
model.axes[j].title.text = "";
|
||||
model.axes[j].edgeLabelPlacement = "hide";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var theme = window.themestyle + window.themecolor + window.themevarient;
|
||||
if (theme) {
|
||||
switch (theme) {
|
||||
case "flatdark":
|
||||
case "flatazuredark":
|
||||
case "flatlimedark":
|
||||
case "flatsaffrondark":
|
||||
theme = "flatdark";
|
||||
break;
|
||||
case "gradientlight":
|
||||
case "gradientazurelight":
|
||||
case "gradientlimelight":
|
||||
case "gradientsaffronlight":
|
||||
theme = "gradientlight";
|
||||
break;
|
||||
case "gradientdark":
|
||||
case "gradientazuredark":
|
||||
case "gradientlimedark":
|
||||
case "gradientsaffrondark":
|
||||
theme = "gradientdark";
|
||||
break;
|
||||
case "flatbootstraplight":
|
||||
theme = "bootstrap";
|
||||
break;
|
||||
case "flathigh-contrast-01dark":
|
||||
case "flathigh-contrast-02dark":
|
||||
theme = "high-contrast-01";
|
||||
break;
|
||||
case "flatmateriallight":
|
||||
case "flatoffice-365light":
|
||||
theme = "material";
|
||||
break;
|
||||
|
||||
default:
|
||||
theme = "flatlight";
|
||||
break;
|
||||
}
|
||||
sender.model.theme = theme;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function loadOlapChartTheme(sender) {
|
||||
loadTheme(sender);
|
||||
if (sender.model.commonSeriesOptions.type == "pie" || sender.model.commonSeriesOptions.type == "pyramid" || sender.model.commonSeriesOptions.type == "funnel")
|
||||
sender.model.commonSeriesOptions.marker.dataLabel.font.color = sender.model.theme.indexOf("dark") >= 0 ? 'white' : 'black';
|
||||
}
|
||||
|
||||
//Load Bullet theme
|
||||
function loadBulletTheme(sender) {
|
||||
var bulletTheme = window.themestyle + window.themecolor + window.themevarient;
|
||||
if (bulletTheme) {
|
||||
switch (bulletTheme) {
|
||||
case "flatdark":
|
||||
case "flatazuredark":
|
||||
case "flatlimedark":
|
||||
case "flatsaffrondark":
|
||||
case "gradientdark":
|
||||
case "gradientazuredark":
|
||||
case "gradientlimedark":
|
||||
case "gradientsaffrondark":
|
||||
case "flathigh-contrast-01dark":
|
||||
case "flathigh-contrast-02dark":
|
||||
theme = "flatdark";
|
||||
break;
|
||||
case "flatoffice-365light":
|
||||
case "flatmateriallight":
|
||||
theme = "material";
|
||||
break;
|
||||
default:
|
||||
theme = "flatlight";
|
||||
break;
|
||||
}
|
||||
sender.model.theme = theme;
|
||||
}
|
||||
}
|
||||
|
||||
function loadSunBurstTheme(sender) {
|
||||
var SunBurstTheme = window.themestyle + window.themecolor + window.themevarient;
|
||||
SunBurstTheme = SunBurstTheme.toString();
|
||||
if (SunBurstTheme.indexOf("dark") > -1 || SunBurstTheme.indexOf("contrast") > -1)
|
||||
SunBurstTheme = "flatdark";
|
||||
else
|
||||
SunBurstTheme = "flatlight";
|
||||
sender.model.theme = SunBurstTheme;
|
||||
|
||||
}
|
||||
|
||||
|
||||
//Load Gauge Theme
|
||||
function loadGaugeTheme(sender) {
|
||||
|
||||
var theme1 = window.themestyle + window.themecolor + window.themevarient;
|
||||
if (theme1) {
|
||||
switch (theme1) {
|
||||
case "flatdark":
|
||||
case "flatazuredark":
|
||||
case "flatlimedark":
|
||||
case "flatsaffrondark":
|
||||
case "gradientdark":
|
||||
case "gradientazuredark":
|
||||
case "gradientlimedark":
|
||||
case "gradientsaffrondark":
|
||||
theme = "flatdark";
|
||||
break;
|
||||
default:
|
||||
theme = "flatlight";
|
||||
break;
|
||||
}
|
||||
sender.model.theme = theme;
|
||||
updateGuageTheme(theme1,this._id);
|
||||
}
|
||||
}
|
||||
|
||||
function updateGuageTheme(themestyle,id) {
|
||||
var clsname = "";
|
||||
if ($(".e-circulargauge").length > 0) {
|
||||
clsname = "e-circulargauge";
|
||||
}
|
||||
else if ($(".e-lineargauge").length > 0) {
|
||||
clsname = "e-lineargauge";
|
||||
}
|
||||
else if ($(".e-digitalgauge").length > 0) {
|
||||
clsname = "e-digitalgauge";
|
||||
}
|
||||
|
||||
clsname && updateThemeforGauge(clsname, themestyle,id);
|
||||
}
|
||||
function updateThemeforGauge(clsname, themestyle, gaugeid) {
|
||||
var themecolor = themestyle.indexOf("dark") == -1 ? "light" : "dark";
|
||||
var skin = "metro" + themecolor;
|
||||
switch (clsname) {
|
||||
case "e-circulargauge":
|
||||
replaceframesforGauge(gaugeid, themecolor, themestyle, "circular");
|
||||
break;
|
||||
case "e-lineargauge":
|
||||
replaceframesforGauge(gaugeid, themecolor, themestyle, "linear");
|
||||
break;
|
||||
case "e-digitalgauge":
|
||||
replaceframesforGauge(gaugeid, themecolor, themestyle, "digital");
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function replaceframesforGauge(gaugeid, themecolor, themestyle, frameclass) {
|
||||
var lGauge,
|
||||
oirentation,
|
||||
framestyle;
|
||||
if (themestyle.indexOf("gradient") != -1) {
|
||||
if (($(".e-lineargauge").length > 0)){
|
||||
lGauge = $(".e-lineargauge").ejLinearGauge('instance');
|
||||
oirentation = lGauge.model.orientation.toLowerCase();
|
||||
framestyle = themecolor == "light" ? (oirentation == "vertical") ? "lightgradient" : "lightgradient1" : (oirentation == "vertical" ) ? "darkgradient" : "darkgradient1";
|
||||
}
|
||||
else
|
||||
framestyle = themecolor == "light" ? "lightgradient" : "darkgradient";
|
||||
|
||||
if ($("#" + gaugeid).parent().hasClass(frameclass + "lightgradient"))
|
||||
$("#" + gaugeid).parent().removeClass(frameclass + "lightgradient");
|
||||
else if ($("#" + gaugeid).parent().hasClass(frameclass + "lightgradient1"))
|
||||
$("#" + gaugeid).parent().removeClass(frameclass + "lightgradient1");
|
||||
else if ($("#" + gaugeid).parent().hasClass(frameclass + "darkgradient"))
|
||||
$("#" + gaugeid).parent().removeClass(frameclass + "darkgradient");
|
||||
else if ($("#" + gaugeid).parent().hasClass(frameclass + "darkgradient1"))
|
||||
$("#" + gaugeid).parent().removeClass(frameclass + "darkgradient1");
|
||||
frameclass = gaugeid == "thermoLinear" ? "thermo" : frameclass;
|
||||
$("#" + gaugeid).parent().addClass(frameclass + framestyle);
|
||||
}
|
||||
else
|
||||
$("#" + gaugeid).parent()[0].className = "";
|
||||
}
|
||||
|
||||
function convertWidgets() {
|
||||
// declaration
|
||||
$(".cols-prop-area .e-btn").ejButton();
|
||||
$(".cols-prop-area .e-togglebtn").ejToggleButton();
|
||||
$(".cols-prop-area .e-chkbox").ejCheckBox();
|
||||
$(".cols-prop-area .e-radiobutton").ejRadioButton();
|
||||
$(".cols-prop-area .e-ddl").ejDropDownList({ watermarkText: "Select" });
|
||||
}
|
||||
|
||||
// Event Trace popup
|
||||
|
||||
function adjustpopupposition(args) {
|
||||
var offset = $("#selectControls_dropdown").offset();
|
||||
var height = $("#selectControls_wrapper").height();
|
||||
$("#selectControls_popup_list_wrapper").css("top", (offset.top + height + 14) + "px");
|
||||
var left = $("#selectControls_popup_list_wrapper").width() + offset.left;
|
||||
if (left > $(".content-container-fluid").width())
|
||||
left = (offset.left + $("#selectControls_dropdown").width()) - $("#selectControls_popup_list_wrapper").width() - 12;
|
||||
$("#selectControls_popup_list_wrapper").css("left", left + "px");
|
||||
}
|
||||
|
||||
// For event tracer
|
||||
jQuery.addEventLog = function (eventLog) {
|
||||
|
||||
var divEvtTrace = null;
|
||||
if (!$(".sf-event-panel").length > 0) {
|
||||
divEvtTrace = ej.buildTag("div.divEventTrace sf-event-panel");
|
||||
}
|
||||
else {
|
||||
divEvtTrace = $(".sf-event-panel");
|
||||
}
|
||||
$("#EventLog").append(divEvtTrace);
|
||||
var eventHtml = "<span class='eventLog'>" + eventLog + "</span><hr>";
|
||||
$(eventHtml).prependTo($("div.divEventTrace")).slideDown(300, "easeOutQuad");
|
||||
if ($('input[name=themevarient]:checked').length>0 && $('input[name=themevarient]:checked')[0].id == "darktext")
|
||||
$(".eventtracesection hr").addClass("dark-hr");
|
||||
else
|
||||
$(".eventtracesection hr").removeClass("dark-hr");
|
||||
};
|
||||
|
||||
jQuery.clearEventLog = function () {
|
||||
$("div.divEventTrace").html("");
|
||||
}
|
||||
BIN
html/js/images/ui-icons_444444_256x240.png
Normal file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
html/js/images/ui-icons_555555_256x240.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
BIN
html/js/images/ui-icons_777620_256x240.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
html/js/images/ui-icons_777777_256x240.png
Normal file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
html/js/images/ui-icons_cc0000_256x240.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
html/js/images/ui-icons_ffffff_256x240.png
Normal file
|
After Width: | Height: | Size: 6.2 KiB |
18
html/js/index.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>votian</title>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="votian"> <meta name="keywords" content="votian">
|
||||
<meta http-equiv="refresh" content="0; URL=../index.php">
|
||||
<link rel="stylesheet" type="text/css" href="css/phoenix.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFA" leftmargin="1" topmargin="1" marginwidth="0" marginheight="0" link="#990000" vlink="#990000" alink="#990000">
|
||||
<a href="../index.php">Bitte hier klicken, wenn Sie nicht automatisch weitergeleitet werden...</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
4
html/js/jquery-3.1.1.min.js
vendored
Normal file
13
html/js/jquery-ui.custom.min.js
vendored
Normal file
18706
html/js/jquery-ui.js
vendored
Normal file
13
html/js/jquery-ui.min.js
vendored
Normal file
4
html/js/jquery.js
vendored
Normal file
15454
html/js/jquery.mobile-1.4.5.js
Normal file
10
html/js/jquery.mobile-1.4.5.min.js
vendored
Normal file
1
html/js/jquery.mobile-1.4.5.min.map
Normal file
10
html/js/jquery.mobile.min.js
vendored
Normal file
904
html/js/menu_tree.js
Normal file
@@ -0,0 +1,904 @@
|
||||
var labelType, useGradients, nativeTextSupport, animate;
|
||||
|
||||
(function() {
|
||||
var ua = navigator.userAgent,
|
||||
iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
|
||||
typeOfCanvas = typeof HTMLCanvasElement,
|
||||
nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
|
||||
textSupport = nativeCanvasSupport
|
||||
&& (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
|
||||
//I'm setting this based on the fact that ExCanvas provides text support for IE
|
||||
//and that as of today iPhone/iPad current text support is lame
|
||||
labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML';
|
||||
nativeTextSupport = labelType == 'Native';
|
||||
useGradients = nativeCanvasSupport;
|
||||
animate = !(iStuff || !nativeCanvasSupport);
|
||||
})();
|
||||
|
||||
var Log = {
|
||||
elem: false,
|
||||
write: function(text){
|
||||
if (!this.elem)
|
||||
this.elem = document.getElementById('log');
|
||||
this.elem.innerHTML = text;
|
||||
this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
function init(){
|
||||
//init data
|
||||
var json = {
|
||||
id: "node02",
|
||||
name: "0.2",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node13",
|
||||
name: "1.3",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node24",
|
||||
name: "2.4",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node35",
|
||||
name: "3.5",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node46",
|
||||
name: "4.6",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node37",
|
||||
name: "3.7",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node48",
|
||||
name: "4.8",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node49",
|
||||
name: "4.9",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node410",
|
||||
name: "4.10",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node411",
|
||||
name: "4.11",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node312",
|
||||
name: "3.12",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node413",
|
||||
name: "4.13",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node314",
|
||||
name: "3.14",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node415",
|
||||
name: "4.15",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node416",
|
||||
name: "4.16",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node417",
|
||||
name: "4.17",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node418",
|
||||
name: "4.18",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node319",
|
||||
name: "3.19",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node420",
|
||||
name: "4.20",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node421",
|
||||
name: "4.21",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node222",
|
||||
name: "2.22",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node323",
|
||||
name: "3.23",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node424",
|
||||
name: "4.24",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node125",
|
||||
name: "1.25",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node226",
|
||||
name: "2.26",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node327",
|
||||
name: "3.27",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node428",
|
||||
name: "4.28",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node429",
|
||||
name: "4.29",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node330",
|
||||
name: "3.30",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node431",
|
||||
name: "4.31",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node332",
|
||||
name: "3.32",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node433",
|
||||
name: "4.33",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node434",
|
||||
name: "4.34",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node435",
|
||||
name: "4.35",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node436",
|
||||
name: "4.36",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node237",
|
||||
name: "2.37",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node338",
|
||||
name: "3.38",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node439",
|
||||
name: "4.39",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node440",
|
||||
name: "4.40",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node441",
|
||||
name: "4.41",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node342",
|
||||
name: "3.42",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node443",
|
||||
name: "4.43",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node344",
|
||||
name: "3.44",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node445",
|
||||
name: "4.45",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node446",
|
||||
name: "4.46",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node447",
|
||||
name: "4.47",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node348",
|
||||
name: "3.48",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node449",
|
||||
name: "4.49",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node450",
|
||||
name: "4.50",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node451",
|
||||
name: "4.51",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node452",
|
||||
name: "4.52",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node453",
|
||||
name: "4.53",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node354",
|
||||
name: "3.54",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node455",
|
||||
name: "4.55",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node456",
|
||||
name: "4.56",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node457",
|
||||
name: "4.57",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node258",
|
||||
name: "2.58",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node359",
|
||||
name: "3.59",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node460",
|
||||
name: "4.60",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node461",
|
||||
name: "4.61",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node462",
|
||||
name: "4.62",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node463",
|
||||
name: "4.63",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node464",
|
||||
name: "4.64",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node165",
|
||||
name: "1.65",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node266",
|
||||
name: "2.66",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node367",
|
||||
name: "3.67",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node468",
|
||||
name: "4.68",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node469",
|
||||
name: "4.69",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node470",
|
||||
name: "4.70",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node471",
|
||||
name: "4.71",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node372",
|
||||
name: "3.72",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node473",
|
||||
name: "4.73",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node474",
|
||||
name: "4.74",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node475",
|
||||
name: "4.75",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node476",
|
||||
name: "4.76",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node377",
|
||||
name: "3.77",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node478",
|
||||
name: "4.78",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node479",
|
||||
name: "4.79",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node380",
|
||||
name: "3.80",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node481",
|
||||
name: "4.81",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node482",
|
||||
name: "4.82",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node283",
|
||||
name: "2.83",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node384",
|
||||
name: "3.84",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node485",
|
||||
name: "4.85",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node386",
|
||||
name: "3.86",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node487",
|
||||
name: "4.87",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node488",
|
||||
name: "4.88",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node489",
|
||||
name: "4.89",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node490",
|
||||
name: "4.90",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node491",
|
||||
name: "4.91",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node392",
|
||||
name: "3.92",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node493",
|
||||
name: "4.93",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node494",
|
||||
name: "4.94",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node495",
|
||||
name: "4.95",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node496",
|
||||
name: "4.96",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node397",
|
||||
name: "3.97",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node498",
|
||||
name: "4.98",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node399",
|
||||
name: "3.99",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4100",
|
||||
name: "4.100",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4101",
|
||||
name: "4.101",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4102",
|
||||
name: "4.102",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4103",
|
||||
name: "4.103",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node2104",
|
||||
name: "2.104",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node3105",
|
||||
name: "3.105",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4106",
|
||||
name: "4.106",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4107",
|
||||
name: "4.107",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4108",
|
||||
name: "4.108",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node2109",
|
||||
name: "2.109",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node3110",
|
||||
name: "3.110",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4111",
|
||||
name: "4.111",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4112",
|
||||
name: "4.112",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node3113",
|
||||
name: "3.113",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4114",
|
||||
name: "4.114",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4115",
|
||||
name: "4.115",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4116",
|
||||
name: "4.116",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node3117",
|
||||
name: "3.117",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4118",
|
||||
name: "4.118",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4119",
|
||||
name: "4.119",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4120",
|
||||
name: "4.120",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4121",
|
||||
name: "4.121",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node3122",
|
||||
name: "3.122",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4123",
|
||||
name: "4.123",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4124",
|
||||
name: "4.124",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node2125",
|
||||
name: "2.125",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node3126",
|
||||
name: "3.126",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4127",
|
||||
name: "4.127",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4128",
|
||||
name: "4.128",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4129",
|
||||
name: "4.129",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node1130",
|
||||
name: "1.130",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node2131",
|
||||
name: "2.131",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node3132",
|
||||
name: "3.132",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4133",
|
||||
name: "4.133",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4134",
|
||||
name: "4.134",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4135",
|
||||
name: "4.135",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4136",
|
||||
name: "4.136",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4137",
|
||||
name: "4.137",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
id: "node2138",
|
||||
name: "2.138",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node3139",
|
||||
name: "3.139",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4140",
|
||||
name: "4.140",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4141",
|
||||
name: "4.141",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}, {
|
||||
id: "node3142",
|
||||
name: "3.142",
|
||||
data: {},
|
||||
children: [{
|
||||
id: "node4143",
|
||||
name: "4.143",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4144",
|
||||
name: "4.144",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4145",
|
||||
name: "4.145",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4146",
|
||||
name: "4.146",
|
||||
data: {},
|
||||
children: []
|
||||
}, {
|
||||
id: "node4147",
|
||||
name: "4.147",
|
||||
data: {},
|
||||
children: []
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
};
|
||||
//end
|
||||
//init Spacetree
|
||||
//Create a new ST instance
|
||||
var st = new $jit.ST({
|
||||
//id of viz container element
|
||||
injectInto: 'infovis',
|
||||
//set duration for the animation
|
||||
duration: 800,
|
||||
//set animation transition type
|
||||
transition: $jit.Trans.Quart.easeInOut,
|
||||
//set distance between node and its children
|
||||
levelDistance: 50,
|
||||
//enable panning
|
||||
Navigation: {
|
||||
enable:true,
|
||||
panning:true
|
||||
},
|
||||
//set node and edge styles
|
||||
//set overridable=true for styling individual
|
||||
//nodes or edges
|
||||
Node: {
|
||||
height: 20,
|
||||
width: 60,
|
||||
type: 'rectangle',
|
||||
color: '#aaa',
|
||||
overridable: true
|
||||
},
|
||||
|
||||
Edge: {
|
||||
type: 'bezier',
|
||||
overridable: true
|
||||
},
|
||||
|
||||
onBeforeCompute: function(node){
|
||||
Log.write("loading " + node.name);
|
||||
},
|
||||
|
||||
onAfterCompute: function(){
|
||||
Log.write("done");
|
||||
},
|
||||
|
||||
//This method is called on DOM label creation.
|
||||
//Use this method to add event handlers and styles to
|
||||
//your node.
|
||||
onCreateLabel: function(label, node){
|
||||
label.id = node.id;
|
||||
label.innerHTML = node.name;
|
||||
label.onclick = function(){
|
||||
if(normal.checked) {
|
||||
st.onClick(node.id);
|
||||
} else {
|
||||
st.setRoot(node.id, 'animate');
|
||||
}
|
||||
};
|
||||
//set label styles
|
||||
var style = label.style;
|
||||
style.width = 60 + 'px';
|
||||
style.height = 17 + 'px';
|
||||
style.cursor = 'pointer';
|
||||
style.color = '#333';
|
||||
style.fontSize = '0.8em';
|
||||
style.textAlign= 'center';
|
||||
style.paddingTop = '3px';
|
||||
},
|
||||
|
||||
//This method is called right before plotting
|
||||
//a node. It's useful for changing an individual node
|
||||
//style properties before plotting it.
|
||||
//The data properties prefixed with a dollar
|
||||
//sign will override the global node style properties.
|
||||
onBeforePlotNode: function(node){
|
||||
//add some color to the nodes in the path between the
|
||||
//root node and the selected node.
|
||||
if (node.selected) {
|
||||
node.data.$color = "#ff7";
|
||||
}
|
||||
else {
|
||||
delete node.data.$color;
|
||||
//if the node belongs to the last plotted level
|
||||
if(!node.anySubnode("exist")) {
|
||||
//count children number
|
||||
var count = 0;
|
||||
node.eachSubnode(function(n) { count++; });
|
||||
//assign a node color based on
|
||||
//how many children it has
|
||||
node.data.$color = ['#aaa', '#baa', '#caa', '#daa', '#eaa', '#faa'][count];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//This method is called right before plotting
|
||||
//an edge. It's useful for changing an individual edge
|
||||
//style properties before plotting it.
|
||||
//Edge data proprties prefixed with a dollar sign will
|
||||
//override the Edge global style properties.
|
||||
onBeforePlotLine: function(adj){
|
||||
if (adj.nodeFrom.selected && adj.nodeTo.selected) {
|
||||
adj.data.$color = "#eed";
|
||||
adj.data.$lineWidth = 3;
|
||||
}
|
||||
else {
|
||||
delete adj.data.$color;
|
||||
delete adj.data.$lineWidth;
|
||||
}
|
||||
}
|
||||
});
|
||||
//load json data
|
||||
st.loadJSON(json);
|
||||
//compute node positions and layout
|
||||
st.compute();
|
||||
//optional: make a translation of the tree
|
||||
st.geom.translate(new $jit.Complex(-200, 0), "current");
|
||||
//emulate a click on the root node.
|
||||
st.onClick(st.root);
|
||||
//end
|
||||
//Add event handlers to switch spacetree orientation.
|
||||
var top = $jit.id('r-top'),
|
||||
left = $jit.id('r-left'),
|
||||
bottom = $jit.id('r-bottom'),
|
||||
right = $jit.id('r-right'),
|
||||
normal = $jit.id('s-normal');
|
||||
|
||||
|
||||
function changeHandler() {
|
||||
if(this.checked) {
|
||||
top.disabled = bottom.disabled = right.disabled = left.disabled = true;
|
||||
st.switchPosition(this.value, "animate", {
|
||||
onComplete: function(){
|
||||
top.disabled = bottom.disabled = right.disabled = left.disabled = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
top.onchange = left.onchange = bottom.onchange = right.onchange = changeHandler;
|
||||
//end
|
||||
|
||||
}
|
||||
|
||||
|
||||
// <div id="center-container">
|
||||
// <div id="infovis"></div>
|
||||
// </div>
|
||||
5668
html/js/moment.js
Normal file
4874
html/js/prototype.js
vendored
Normal file
55
html/js/thmbnlgllr/css/main.css
Normal file
@@ -0,0 +1,55 @@
|
||||
/* -------------------------------------------
|
||||
MAIN STYLES
|
||||
---------------------------------------------- */
|
||||
|
||||
#wrapper {
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
font-family: Georgia, serif;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.credit {
|
||||
font-style: italic;
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
font-size: 11px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.credit a, .credit a:visited {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
footer {
|
||||
width: 320px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
footer a {
|
||||
padding: 8px;
|
||||
display: block;
|
||||
color: #999;
|
||||
font-size: 24px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer a:visited {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
@media screen and (max-width:680px) {
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
439
html/js/thmbnlgllr/css/normalize.css
vendored
Normal file
@@ -0,0 +1,439 @@
|
||||
/*! normalize.css 2011-08-31T22:02 UTC · http://github.com/necolas/normalize.css */
|
||||
|
||||
/* =============================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Corrects block display not defined in IE6/7/8/9 & FF3
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/*
|
||||
* Prevents modern browsers from displaying 'audio' without controls
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
|
||||
* Known issue: no IE6 support
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
|
||||
* http://clagnut.com/blog/348/#c790
|
||||
* 2. Keeps page centred in all browsers regardless of content height
|
||||
* 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
|
||||
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
|
||||
*/
|
||||
|
||||
html {
|
||||
font-size: 100%; /* 1 */
|
||||
overflow-y: scroll; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 3 */
|
||||
-ms-text-size-adjust: 100%; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses margins handled incorrectly in IE6/7
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses font-family inconsistency between 'textarea' and other form elements.
|
||||
*/
|
||||
|
||||
body,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
a {
|
||||
color: #00e;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #551a8b;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses outline displayed oddly in Chrome
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Improves readability when focused and also mouse hovered in all browsers
|
||||
* people.opera.com/patrickl/experiments/keyboard/test
|
||||
*/
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Addresses styling not present in IE7/8/9, S5, Chrome
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling not present in S5, Chrome
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling not present in IE6/7/8/9
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects font family set oddly in IE6, S4/5, Chrome
|
||||
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
|
||||
*/
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Improves readability of pre-formatted text in all browsers
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Addresses CSS quotes not supported in IE6/7
|
||||
* 2. Addresses quote property not supported in S4
|
||||
*/
|
||||
|
||||
/* 1 */
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
/* 2 */
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Prevents sub and sup affecting line-height in all browsers
|
||||
* gist.github.com/413930
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Lists
|
||||
========================================================================== */
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin: 1em 0;
|
||||
padding: 0 0 0 40px;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
|
||||
nav ul,
|
||||
nav ol {
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* 1. Removes border when inside 'a' element in IE6/7/8/9, F3
|
||||
* 2. Improves image quality when scaled in IE7
|
||||
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0; /* 1 */
|
||||
-ms-interpolation-mode: bicubic; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects overflow displayed oddly in IE9
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Addresses margin not present in IE6/7/8/9, S5, O11
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Corrects margin displayed oddly in IE6/7
|
||||
*/
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Define consistent margin and padding
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Corrects color not being inherited in IE6/7/8/9
|
||||
* 2. Corrects alignment displayed oddly in IE6/7
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
*margin-left: -7px; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Corrects font size not being inherited in all browsers
|
||||
* 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
|
||||
* 3. Improves appearance and consistency in all browsers
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
vertical-align: baseline; /* 3 */
|
||||
*vertical-align: middle; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
|
||||
* 2. Corrects inner spacing displayed oddly in IE6/7
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal; /* 1 */
|
||||
*overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects overlap and whitespace issue for buttons and inputs in IE6/7
|
||||
* Known issue: reintroduces inner spacing
|
||||
*/
|
||||
|
||||
table button,
|
||||
table input {
|
||||
*overflow: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
|
||||
* 2. Corrects inability to style clickable 'input' types in iOS
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
cursor: pointer; /* 1 */
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Addresses box sizing set to content-box in IE8/9
|
||||
* 2. Addresses excess padding in IE8/9
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Addresses appearance set to searchfield in S5, Chrome
|
||||
* 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects inner padding displayed oddly in S5, Chrome on OSX
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects inner padding and border displayed oddly in FF3/4
|
||||
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Removes default vertical scrollbar in IE6/7/8/9
|
||||
* 2. Improves readability and alignment in all browsers
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Remove most spacing between table cells
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
BIN
html/js/thmbnlgllr/img/large/image1.jpg
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
html/js/thmbnlgllr/img/large/image10.jpg
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
html/js/thmbnlgllr/img/large/image2.jpg
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
html/js/thmbnlgllr/img/large/image3.jpg
Normal file
|
After Width: | Height: | Size: 153 KiB |
BIN
html/js/thmbnlgllr/img/large/image4.jpg
Normal file
|
After Width: | Height: | Size: 154 KiB |
BIN
html/js/thmbnlgllr/img/large/image5.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
html/js/thmbnlgllr/img/large/image6.jpg
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
html/js/thmbnlgllr/img/large/image7.jpg
Normal file
|
After Width: | Height: | Size: 64 KiB |
BIN
html/js/thmbnlgllr/img/large/image8.jpg
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
html/js/thmbnlgllr/img/large/image9.jpg
Normal file
|
After Width: | Height: | Size: 130 KiB |
BIN
html/js/thmbnlgllr/img/small/image1.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
html/js/thmbnlgllr/img/small/image10.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
html/js/thmbnlgllr/img/small/image2.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
html/js/thmbnlgllr/img/small/image3.jpg
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
html/js/thmbnlgllr/img/small/image4.jpg
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
html/js/thmbnlgllr/img/small/image5.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
html/js/thmbnlgllr/img/small/image6.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
html/js/thmbnlgllr/img/small/image7.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
html/js/thmbnlgllr/img/small/image8.jpg
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
html/js/thmbnlgllr/img/small/image9.jpg
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb1.jpg
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb10.jpg
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb2.jpg
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb3.jpg
Normal file
|
After Width: | Height: | Size: 7.0 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb4.jpg
Normal file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb5.jpg
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb6.jpg
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb7.jpg
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb8.jpg
Normal file
|
After Width: | Height: | Size: 5.3 KiB |
BIN
html/js/thmbnlgllr/img/thumbs/thumb9.jpg
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
76
html/js/thmbnlgllr/index.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<!doctype html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
|
||||
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
|
||||
<title>jQuery Responsive Thumbnail Gallery Plugin Demo</title>
|
||||
|
||||
<meta name="title" content="jQuery Thumb Gallery Plugin Demo">
|
||||
<meta name="description" content="jQuery Thumb Gallery Plugin Demo">
|
||||
|
||||
<meta name="author" content="John Polacek">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
|
||||
<link rel="shortcut icon" href="_/img/favicon.ico">
|
||||
<link rel="stylesheet" href="_/css/normalize.css">
|
||||
<link rel="stylesheet" href="_/css/main.css">
|
||||
|
||||
<script src="_/js/modernizr-2.0.6.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="wrapper">
|
||||
|
||||
<header>
|
||||
<h1>jQuery Responsive Thumbnail Gallery</h1>
|
||||
</header>
|
||||
|
||||
<article>
|
||||
|
||||
<div id="gallery">
|
||||
<p>Put your alt no-js content here.</p>
|
||||
</div>
|
||||
<p class="credit">
|
||||
Photos by <a href="http://photos.theshotwellcollection.com">Andrew Schmidt</a> via
|
||||
<a href="http://www.publicdomainpictures.net/browse-author.php?a=1081">publicdomainpictures.net</a>
|
||||
</p>
|
||||
|
||||
</article>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>jQuery Responsive Thumbnail Gallery Plugin created by John Polacek</p>
|
||||
<p>
|
||||
<a href="https://johnpolacek.github.com">johnpolacek.github.com</a>
|
||||
<a href="http://johnpolacek.com">johnpolacek.com</a>
|
||||
<a href="http://twitter.com/johnpolacek">@johnpolacek</a>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write("<script src='_/js/jquery.min.js'>\x3C/script>")</script>
|
||||
<script src="_/js/responsivethumbnailgallery.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
var gallery = new $.ThumbnailGallery($('#gallery'));
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
4
html/js/thmbnlgllr/js/jquery.min.js
vendored
Normal file
4
html/js/thmbnlgllr/js/modernizr-2.0.6.min.js
vendored
Normal file
220
html/js/thmbnlgllr/js/responsivethumbnailgallery.js
Normal file
@@ -0,0 +1,220 @@
|
||||
/*
|
||||
jQuery Responsive Thumbnail Gallery Plugin
|
||||
by John Polacek (@johnpolacek)
|
||||
|
||||
Docs: http://johnpolacek.github.com/ResponsiveThumbnailGallery/
|
||||
|
||||
License: http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
$.ThumbnailGallery = function(el, options) {
|
||||
|
||||
var isUnderBreakpoint,
|
||||
currImageNumber,
|
||||
imagesPath,
|
||||
imageWidth,
|
||||
imageHeight,
|
||||
thumbWidth,
|
||||
thumbHeight,
|
||||
gallery,
|
||||
view,
|
||||
mainImage,
|
||||
nav,
|
||||
thumbnails,
|
||||
buttons;
|
||||
|
||||
var defaults = {
|
||||
thumbImages: '_/img/thumbs/thumb',
|
||||
smallImages: '_/img/small/image',
|
||||
largeImages: '_/img/large/image',
|
||||
count: 10,
|
||||
thumbImageType: 'jpg',
|
||||
breakpoint: 600,
|
||||
imageType: 'jpg',
|
||||
shadowStrength: 1
|
||||
}
|
||||
|
||||
var plugin = this;
|
||||
plugin.settings = {}
|
||||
|
||||
var init = function() {
|
||||
plugin.settings = $.extend({}, defaults, options);
|
||||
this.el = el;
|
||||
|
||||
gallery = $(el).empty();
|
||||
|
||||
view = $('<div id="gallery-view"></div>');
|
||||
view.css('margin','0 auto -1px');
|
||||
|
||||
nav = $('<div id="gallery-nav"></div>');
|
||||
nav
|
||||
.css('margin','0 auto')
|
||||
.css('position','relative')
|
||||
.css('background-color','#222');
|
||||
|
||||
thumbnails = $('<div id="nav-thumbnails"></div>');
|
||||
buttons = $('<div id="nav-buttons"></div>');
|
||||
buttons
|
||||
.css('position','absolute')
|
||||
.css('top','0');
|
||||
|
||||
gallery.append(view, nav);
|
||||
nav.append(thumbnails, buttons);
|
||||
|
||||
isUnderBreakpoint = $(window).width() < plugin.settings.breakpoint;
|
||||
imagesPath = isUnderBreakpoint ?
|
||||
plugin.settings.smallImages : plugin.settings.largeImages;
|
||||
|
||||
updateMainImage(1);
|
||||
|
||||
for (var i=0; i<plugin.settings.count; i++) {
|
||||
|
||||
var button = $('<a href="#" class="gallery-button"></a>');
|
||||
button
|
||||
.css('display','block')
|
||||
.css('float','left');
|
||||
|
||||
var thumbImage = $('<img class="thumbnail-image" src="'+(plugin.settings.thumbImages)+(i+1)+'.'+plugin.settings.thumbImageType+'" />');
|
||||
thumbImage
|
||||
.css('display','block')
|
||||
.css('float','left');
|
||||
|
||||
if (i===0) {
|
||||
thumbImage.load(function() {
|
||||
thumbWidth = this.width;
|
||||
thumbHeight = this.height;
|
||||
$('.gallery-button')
|
||||
.css('width',this.width)
|
||||
.css('height',this.height);
|
||||
nav.css('height',thumbHeight);
|
||||
thumbnails.css('height',thumbHeight);
|
||||
updateSize();
|
||||
});
|
||||
} else {
|
||||
button
|
||||
.css('box-shadow','0px 4px 8px rgba(0,0,0,'+ plugin.settings.shadowStrength +') inset')
|
||||
.css('background-color','rgba(0,0,0,'+ plugin.settings.shadowStrength/2 +')');
|
||||
}
|
||||
|
||||
thumbnails.append(thumbImage);
|
||||
buttons.append(button);
|
||||
}
|
||||
|
||||
buttons.delegate('.gallery-button', 'click', function(e){
|
||||
e.preventDefault();
|
||||
$('.gallery-button')
|
||||
.css('box-shadow','0px 4px 8px rgba(0,0,0,'+ plugin.settings.shadowStrength +') inset')
|
||||
.css('background-color','rgba(0,0,0,'+ plugin.settings.shadowStrength/2 +')');
|
||||
$(this)
|
||||
.css('box-shadow','none')
|
||||
.css('background','none');
|
||||
|
||||
updateMainImage($(this).index()+1);
|
||||
});
|
||||
|
||||
$(window).resize(function(e) {
|
||||
updateSize();
|
||||
});
|
||||
}
|
||||
|
||||
function updateMainImage(imageNumber) {
|
||||
currImageNumber = imageNumber;
|
||||
mainImage = $('<img src="'+imagesPath+imageNumber+'.'+plugin.settings.imageType+'" id="main-image" />');
|
||||
mainImage.load(function() {
|
||||
view.empty().append(mainImage);
|
||||
updateSize();
|
||||
});
|
||||
$("<img/>") // Make in memory copy of image to avoid css issues
|
||||
.attr("src", $(mainImage).attr("src"))
|
||||
.load(function() {
|
||||
imageWidth = this.width;
|
||||
imageHeight = this.height;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function updateSize() {
|
||||
if (thumbWidth && imageWidth) {
|
||||
var galleryWidth = gallery.width();
|
||||
|
||||
// check breakpoint
|
||||
if (isUnderBreakpoint != $(window).width() < plugin.settings.breakpoint) {
|
||||
// update main image
|
||||
isUnderBreakpoint = $(window).width() < plugin.settings.breakpoint;
|
||||
imagesPath = isUnderBreakpoint ?
|
||||
plugin.settings.smallImages : plugin.settings.largeImages;
|
||||
updateMainImage(currImageNumber);
|
||||
}
|
||||
|
||||
// set main image size
|
||||
if (galleryWidth < imageWidth) {
|
||||
mainImage
|
||||
.css('width', galleryWidth)
|
||||
.css('height','');
|
||||
} else {
|
||||
galleryWidth = imageWidth;
|
||||
mainImage
|
||||
.css('width',imageWidth)
|
||||
.css('height','');
|
||||
}
|
||||
|
||||
// calculate number of rows
|
||||
var numThumbs = plugin.settings.count;
|
||||
var thumbSize = galleryWidth / numThumbs;
|
||||
var numRows = 1;
|
||||
var thumbScale = thumbSize / thumbWidth;
|
||||
var imageScale = galleryWidth / imageWidth;
|
||||
|
||||
// if thumb is below scale threshold, add new row
|
||||
while (thumbScale < .5) {
|
||||
numRows++;
|
||||
thumbSize = (galleryWidth * numRows) / numThumbs;
|
||||
thumbScale = thumbSize / thumbWidth;
|
||||
}
|
||||
|
||||
// set thumbnail sizes
|
||||
var thumbsRemainder = numThumbs; // tracks thumbs left to scale
|
||||
var thumbIndex = 0; // tracks thumb index to be scaled
|
||||
for (var i=0; i<numRows; i++) {
|
||||
|
||||
var numThumbsInRow = Math.ceil(thumbsRemainder / (numRows-i));
|
||||
// scale thumbs in row
|
||||
for (var j=0; j<numThumbsInRow; j++) {
|
||||
thumbScale = (galleryWidth / numThumbsInRow) / thumbWidth;
|
||||
var newWidth = thumbWidth * thumbScale;
|
||||
var newHeight = thumbHeight * thumbScale;
|
||||
$('.thumbnail-image:eq('+thumbIndex+')')
|
||||
.css('width',newWidth)
|
||||
.css('height',newHeight);
|
||||
$('.thumbnail-image:eq('+thumbIndex+') img')
|
||||
.css('width',newWidth)
|
||||
.css('height',newHeight);
|
||||
$('.gallery-button:eq('+thumbIndex+')')
|
||||
.css('width',newWidth)
|
||||
.css('height',newHeight);
|
||||
$('.gallery-button:eq('+thumbIndex+') img')
|
||||
.css('width',newWidth)
|
||||
.css('height',newHeight);
|
||||
thumbIndex++;
|
||||
}
|
||||
thumbsRemainder -= numThumbsInRow;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// update view size
|
||||
view.width(galleryWidth);
|
||||
view.height(mainImage.height());
|
||||
|
||||
// update nav size
|
||||
nav.width(galleryWidth);
|
||||
nav.height(thumbHeight * thumbScale * numRows);
|
||||
}
|
||||
|
||||
init();
|
||||
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
103
html/js/ticker.js.php
Normal file
@@ -0,0 +1,103 @@
|
||||
|
||||
// *** Ticker (BEGIN) ****************************************************
|
||||
|
||||
var tickerActive = false;
|
||||
var max = 0;
|
||||
|
||||
function textlist() {
|
||||
max = textlist.arguments.length;
|
||||
for (i=0; i<max; i++) {
|
||||
this[i] = textlist.arguments[i];
|
||||
};
|
||||
}
|
||||
|
||||
<?php if ($usedFramework == "2") : ?>
|
||||
|
||||
// Prototype.Request
|
||||
function ticker_request(url, data) {
|
||||
var myAjax = new Ajax.Request(
|
||||
url,
|
||||
{method: 'post', parameters: data, onSuccess: ticker_response}
|
||||
);
|
||||
}
|
||||
|
||||
// Prototype.Response
|
||||
function ticker_response(originalRequest) {
|
||||
eval(originalRequest.responseText);
|
||||
}
|
||||
|
||||
<?php else : ?>
|
||||
|
||||
// JQuery.Request
|
||||
function ticker_request(url, data) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: data,
|
||||
success: function(msg){ticker_response(msg);}
|
||||
});
|
||||
}
|
||||
|
||||
// JQuery.Response
|
||||
function ticker_response(msg) {
|
||||
eval(msg);
|
||||
}
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
||||
<?php
|
||||
include_once ("../include/ajaxReqTickerMsgs.php");
|
||||
?>
|
||||
|
||||
|
||||
var x = 0; pos = 0;
|
||||
var msgLen = 0;
|
||||
if (max > 0) {
|
||||
msgLen = tl[0].length;
|
||||
} else {
|
||||
}
|
||||
var initInterval = 0;
|
||||
|
||||
function ticker(elem_id) {
|
||||
if (tickerActive) {
|
||||
content = ' ' + tl[x].substring(0,pos);
|
||||
if (elem_id == '' || elem_id == undefined) {elem_id = 'tickerOut';};
|
||||
vSetElementContent(elem_id, content);
|
||||
if (pos++ == msgLen) {
|
||||
pos = 0;
|
||||
// setTimeout("ticker()",5000);
|
||||
setTimeout("ticker('"+elem_id+"')",5000);
|
||||
x++;
|
||||
if (x == max) {
|
||||
x = 0;
|
||||
initInterval++;
|
||||
if (initInterval == 5) {
|
||||
ticker_request('../include/ajaxReqTickerMsgs.php', 'tickerHeader=1');
|
||||
initInterval = 0;
|
||||
};
|
||||
};
|
||||
msgLen = tl[x].length;
|
||||
} else {
|
||||
// setTimeout("ticker()",50);
|
||||
setTimeout("ticker('"+elem_id+"')",50);
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
function switchTicker(mode) {
|
||||
if (mode == 'on') {tickerActive = false;};
|
||||
if (mode == 'off') {tickerActive = true;};
|
||||
if (tickerActive) {
|
||||
tickerActive = false;
|
||||
myhide('tickerOut');
|
||||
} else {
|
||||
tickerActive = true;
|
||||
myshow('tickerOut');
|
||||
ticker('tickerOut');
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// *** Ticker (END) ****************************************************
|
||||
24
html/js/xxxx_snip_check_navigator_agent.js
Normal file
@@ -0,0 +1,24 @@
|
||||
|
||||
|
||||
|
||||
Instead of using jquery you can use simple javascript to detect it:
|
||||
|
||||
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
|
||||
// some code..
|
||||
}
|
||||
|
||||
or you can combine them both to make it more accessible through jQuery...
|
||||
|
||||
$.browser.device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
|
||||
|
||||
now $.browser will return "device" for all above devices
|
||||
|
||||
Note: $.browser removed on jQuery v1.9.1
|
||||
|
||||
A more thorough version:
|
||||
|
||||
var isMobile = false; //initiate as false
|
||||
// device detection
|
||||
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
|
||||
|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true;
|
||||
|
||||