123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209 |
- $(document).ready(function(){
- jQuery(function($) {
- $('.easy-pie-chart.percentage').each(function(){
- var $box = $(this).closest('.infobox');
- var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
- var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
- var size = parseInt($(this).data('size')) || 50;
- $(this).easyPieChart({
- barColor: barColor,
- trackColor: trackColor,
- scaleColor: false,
- lineCap: 'butt',
- lineWidth: parseInt(size/10),
- animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
- size: size
- });
- })
-
- $('.sparkline').each(function(){
- var $box = $(this).closest('.infobox');
- var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
- $(this).sparkline('html', {tagValuesAttribute:'data-values', type: 'bar', barColor: barColor , chartRangeMin:$(this).data('min') || 0} );
- });
-
-
-
-
- var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
- var data = [
- { label: "social networks", data: 38.7, color: "#68BC31"},
- { label: "search engines", data: 24.5, color: "#2091CF"},
- { label: "ad campaigns", data: 8.2, color: "#AF4E96"},
- { label: "direct traffic", data: 18.6, color: "#DA5430"},
- { label: "other", data: 10, color: "#FEE074"}
- ]
- function drawPieChart(placeholder, data, position) {
- $.plot(placeholder, data, {
- series: {
- pie: {
- show: true,
- tilt:0.8,
- highlight: {
- opacity: 0.25
- },
- stroke: {
- color: '#fff',
- width: 2
- },
- startAngle: 2
- }
- },
- legend: {
- show: true,
- position: position || "ne",
- labelBoxBorderColor: null,
- margin:[-30,15]
- }
- ,
- grid: {
- hoverable: true,
- clickable: true
- }
- })
- }
- drawPieChart(placeholder, data);
- placeholder.data('chart', data);
- placeholder.data('draw', drawPieChart);
- var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
- var previousPoint = null;
-
- placeholder.on('plothover', function (event, pos, item) {
- if(item) {
- if (previousPoint != item.seriesIndex) {
- previousPoint = item.seriesIndex;
- var tip = item.series['label'] + " : " + item.series['percent']+'%';
- $tooltip.show().children(0).text(tip);
- }
- $tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
- } else {
- $tooltip.hide();
- previousPoint = null;
- }
-
- });
- var d1 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.5) {
- d1.push([i, Math.sin(i)]);
- }
-
- var d2 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.5) {
- d2.push([i, Math.cos(i)]);
- }
-
- var d3 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.2) {
- d3.push([i, Math.tan(i)]);
- }
-
-
- var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
- $.plot("#sales-charts", [
- { label: "Domains", data: d1 },
- { label: "Hosting", data: d2 },
- { label: "Services", data: d3 }
- ], {
- hoverable: true,
- shadowSize: 0,
- series: {
- lines: { show: true },
- points: { show: true }
- },
- xaxis: {
- tickLength: 0
- },
- yaxis: {
- ticks: 10,
- min: -2,
- max: 2,
- tickDecimals: 3
- },
- grid: {
- backgroundColor: { colors: [ "#fff", "#fff" ] },
- borderWidth: 1,
- borderColor:'#555'
- }
- });
-
-
- $('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
- function tooltip_placement(context, source) {
- var $source = $(source);
- var $parent = $source.closest('.tab-content')
- var off1 = $parent.offset();
- var w1 = $parent.width();
-
- var off2 = $source.offset();
- var w2 = $source.width();
-
- if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
- return 'left';
- }
-
-
- $('.dialogs,.comments').slimScroll({
- height: '300px'
- });
-
-
- //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
- //so disable dragging when clicking on label
- var agent = navigator.userAgent.toLowerCase();
- if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
- $('#tasks').on('touchstart', function(e){
- var li = $(e.target).closest('#tasks li');
- if(li.length == 0)return;
- var label = li.find('label.inline').get(0);
- if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
- });
-
- $('#tasks').sortable({
- opacity:0.8,
- revert:true,
- forceHelperSize:true,
- placeholder: 'draggable-placeholder',
- forcePlaceholderSize:true,
- tolerance:'pointer',
- stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
- $(ui.item).css('z-index', 'auto');
- }
- }
- );
- $('#tasks').disableSelection();
- $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
- if(this.checked) $(this).closest('li').addClass('selected');
- else $(this).closest('li').removeClass('selected');
- });
-
- });
- //设置样式
- function addTab(subtitle, url) {
- if (!$('#tt').tabs('exists', subtitle)) {
- $('#tt').tabs('add', {
- title: subtitle,
- content: createFrame(url),
- closable: true
- });
- $('#tt').tabs('getSelected').css('width', 'auto');
- $('#tt').tabs('getSelected').height($(window).height());
- }
- tabClose();
- $('#tt').tabs('getSelected').css('width', 'auto');
- }
-
- function createFrame(url) {
- var heights=$(window).height()-85;
- var s = '<iframe id="frame_con" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%; height:'+ heights+'px"></iframe>';
- return s;
- }
- function tabClose() {
- /*双击关闭TAB选项卡*/
- $(".tabs-inner").dblclick(function() {
- var subtitle = $(this).children("span").text();
- $('#tt').tabs('close', subtitle);
- });
- }
- });
|