ADAM / AIAHTML5

Commit 6b49383e5aae3ceb4ba975b54df5b64d6653ee96

Authored by Mukul Rajput
1 parent 2d231089

Made changes reported in review.

Inline Side-by-side
Showing 6 changed files with 35 additions and 1161 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
  View file @6b49383
... ... @@ -281,7 +281,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
281 281 var view_list = angular.element($event.currentTarget);
282 282 var view_list_male_female = view_list.attr('title');
283 283  
284   -
285 284 $rootScope.Normal = "LeftButtonsDefaultState";
286 285  
287 286 if (view_list_male_female == "Male") {
... ... @@ -2454,8 +2453,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
2454 2453 if ($rootScope.isHighLight) {
2455 2454 //alert('isHighlight: ' + $scope.isHighLight);
2456 2455  
2457   - $('#btnHighLight').removeClass('btn btn-black');
2458   - $('#btnHighLight').addClass('btn-primary');
  2456 + //$('#btnHighLight').removeClass('btn btn-black');
  2457 + //$('#btnHighLight').addClass('btn-primary');
2459 2458  
2460 2459 console.log('highLightBody call from DisableProgressBar')
2461 2460 // $scope.highLightBody();
... ...
400-SOURCECODE/AIAHTML5.Web/index.html
  View file @6b49383
... ... @@ -662,7 +662,7 @@
662 662  
663 663  
664 664 <!--Edit Shape Modal-->
665   - <div class="modal fade" id="editshapestyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" style="z-index:1000000000;width:302px;margin-left:auto;margin-right:auto;overflow:hidden;height:503px;">
  665 + <div class="modal fade" id="editshapestyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" style="z-index:1000000000;width:302px;margin-left:auto;margin-right:auto;overflow:hidden;height:460px;">
666 666 <div class="modal-dialog modal-sm" role="document">
667 667 <div class="modal-content">
668 668 <div class="modal-header annotation-modal-header">
... ... @@ -675,11 +675,11 @@
675 675 <div class="col-sm-12">
676 676 <div class="checkbox no-margin">
677 677 <label>
678   - <input id="fill-option" type="checkbox" checked onclick="filloption()"> Fill Option
  678 + <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option
679 679 </label>
680 680 </div>
681 681 </div>
682   - <div class="col-sm-6 filloptionopacity">
  682 + <div class="col-sm-6 enableDisableOpacity">
683 683 <div class="radio">
684 684 <label>
685 685 <input type="radio" name="filloption" id="filloption1" value="filloption1">
... ... @@ -704,10 +704,10 @@
704 704 </label>
705 705 </div>
706 706 </div>
707   - <div class="col-sm-6 no-padding marginTop10 filloptionopacity">
  707 + <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity">
708 708 <div class="row">
709 709 <label class="pull-left" style="font-weight:normal;">Scale</label>
710   - <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;">
  710 + <div id="edit-slider-3" class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;">
711 711 <div id="slider-range-min-3"></div>
712 712 <!--<p>Your slider has a value of <span id="slider-value"></span></p>-->
713 713 </div>
... ... @@ -715,7 +715,7 @@
715 715  
716 716 <div class="row">
717 717 <label class="pull-left" style="font-weight:normal;">Opacity</label>
718   - <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;">
  718 + <div id="edit-slider-4" class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;">
719 719 <div id="slider-range-min-4"></div>
720 720 </div>
721 721 </div>
... ... @@ -734,17 +734,15 @@
734 734 <div class="col-sm-12">
735 735 <div class="checkbox no-margin">
736 736 <label>
737   - <input id="Outline-Option" onclick="enableDisable()" type="checkbox" checked> Outline Option
  737 + <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option
738 738 </label>
739 739 </div>
740 740 </div>
741   - <div class="col-sm-6 filloutlineopacity">
  741 + <div class="col-sm-6 setEnableDisableForEditShapeStyle">
742 742 <label class="marginTop5">
743 743 <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
744 744 <!--<span class="demo " data-control="hue" style="float:left;">&nbsp;</span>-->
745   -
746   -
747   - <div class="form-group" id="editstylebordercolor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
  745 + <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
748 746  
749 747 <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc">
750 748 </div>
... ... @@ -754,7 +752,7 @@
754 752 </label>
755 753 </div>
756 754  
757   - <div class="col-sm-6 filloutlineopacity">
  755 + <div class="col-sm-6 setEnableDisableForEditShapeStyle">
758 756 <div class="form-horizontal">
759 757 <div class="form-group">
760 758 <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label>
... ... @@ -792,7 +790,7 @@
792 790 </div>
793 791  
794 792 <script>
795   - function filloption()
  793 + function enableDisableFillOption()
796 794 {
797 795  
798 796 if (document.getElementById('fill-option').checked)
... ... @@ -804,8 +802,8 @@
804 802 $("#edit-slider-4").css({ "pointer-events": "auto" });
805 803 $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
806 804 $("#editstyleTexture").css({ "pointer-events": "auto" });
807   - $(".filloptionopacity label").css({ "cursor": "pointer" });
808   - $(".filloptionopacity").css({ "opacity": "1" })
  805 + $(".enableDisableOpacity label").css({ "cursor": "pointer" });
  806 + $(".enableDisableOpacity").css({ "opacity": "1" })
809 807 document.getElementById("filloption1").disabled = false;
810 808 document.getElementById("filloption2").disabled = false;
811 809 document.getElementById("filloption1").style.cursor = "default";
... ... @@ -823,8 +821,8 @@
823 821 $("#edit-slider-4").css({ "pointer-events": "none"});
824 822 $("#editstylebackgroundcolor").css({ "pointer-events": "none"});
825 823 $("#editstyleTexture").css({ "pointer-events": "none" });
826   - $(".filloptionopacity label").css({ "cursor": "default" });
827   - $(".filloptionopacity").css({ "opacity": ".5" })
  824 + $(".enableDisableOpacity label").css({ "cursor": "default" });
  825 + $(".enableDisableOpacity").css({ "opacity": ".5" })
828 826 document.getElementById("filloption1").disabled = true;
829 827 document.getElementById("filloption2").disabled = true;
830 828 document.getElementById("filloption1").style.cursor = "default";
... ... @@ -835,18 +833,18 @@
835 833 }
836 834  
837 835 }
838   - function enableDisable() {
  836 + function enableDisableOutline() {
839 837  
840 838 if (document.getElementById('Outline-Option').checked) {
841 839  
842 840 $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
843   - $("#editstylebordercolor").css({ "pointer-events": "auto" });
844   - $(".filloutlineopacity").css({ "opacity": "1" })
  841 + $("#outlineColor").css({ "pointer-events": "auto" });
  842 + $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" })
845 843 }
846 844 else {
847 845 $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
848   - $("#editstylebordercolor").css({ "pointer-events": "none" });
849   - $(".filloutlineopacity").css({ "opacity": ".5" })
  846 + $("#outlineColor").css({ "pointer-events": "none" });
  847 + $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" })
850 848 }
851 849 }
852 850  
... ... @@ -918,7 +916,11 @@
918 916 <script src="app/controllers/LinkController.js"></script>
919 917 <script src="app/services/DataService.js"></script>
920 918 <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
921   - <script src="libs/colorpicker/jquery.minicolors.min.js"></script>
  919 +
  920 + <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script>
  921 + <!--<script src="libs/colorpicker/jquery.minicolors.min.js"></script>-->
  922 + <script src="libs/color-picker/jquery.minicolors.min.js"></script>
  923 +
922 924 <script src="libs/sketch.js"></script>
923 925 <!--<script type="text/javascript">
924 926 $(function () {
... ...
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js 0 → 100644
  View file @6b49383
  1 +/*
  2 + * jQuery MiniColors: A tiny color picker built on jQuery
  3 + *
  4 + * Copyright Cory LaViska for A Beautiful Site, LLC. (http://www.abeautifulsite.net/)
  5 + *
  6 + * Licensed under the MIT license: http://opensource.org/licenses/MIT
  7 + *
  8 + */jQuery&&function(e){function t(t,n){var r=e('<div class="minicolors" />'),i=e.minicolors.defaults;if(t.data("minicolors-initialized"))return;n=e.extend(!0,{},i,n);r.addClass("minicolors-theme-"+n.theme).toggleClass("minicolors-with-opacity",n.opacity);n.position!==undefined&&e.each(n.position.split(" "),function(){r.addClass("minicolors-position-"+this)});t.addClass("minicolors-input").data("minicolors-initialized",!1).data("minicolors-settings",n).prop("size",7).wrap(r).after('<div class="minicolors-panel minicolors-slider-'+n.control+'">'+'<div class="minicolors-slider">'+'<div class="minicolors-picker"></div>'+"</div>"+'<div class="minicolors-opacity-slider">'+'<div class="minicolors-picker"></div>'+"</div>"+'<div class="minicolors-grid">'+'<div class="minicolors-grid-inner"></div>'+'<div class="minicolors-picker"><div></div></div>'+"</div>"+"</div>");if(!n.inline){t.after('<span class="minicolors-swatch"><span class="minicolors-swatch-color"></span></span>');t.next(".minicolors-swatch").on("click",function(e){e.preventDefault();t.focus()})}t.parent().find(".minicolors-panel").on("selectstart",function(){return!1}).end();n.inline&&t.parent().addClass("minicolors-inline");u(t,!1);t.data("minicolors-initialized",!0)}function n(e){var t=e.parent();e.removeData("minicolors-initialized").removeData("minicolors-settings").removeProp("size").removeClass("minicolors-input");t.before(e).remove()}function r(e){var t=e.parent(),n=t.find(".minicolors-panel"),r=e.data("minicolors-settings");if(!e.data("minicolors-initialized")||e.prop("disabled")||t.hasClass("minicolors-inline")||t.hasClass("minicolors-focus"))return;i();t.addClass("minicolors-focus");n.stop(!0,!0).fadeIn(r.showSpeed,function(){r.show&&r.show.call(e.get(0))})}function i(){e(".minicolors-input").each(function(){var t=e(this),n=t.data("minicolors-settings"),r=t.parent();if(n.inline)return;r.find(".minicolors-panel").fadeOut(n.hideSpeed,function(){r.hasClass("minicolors-focus")&&n.hide&&n.hide.call(t.get(0));r.removeClass("minicolors-focus")})})}function s(e,t,n){var r=e.parents(".minicolors").find(".minicolors-input"),i=r.data("minicolors-settings"),s=e.find("[class$=-picker]"),u=e.offset().left,a=e.offset().top,f=Math.round(t.pageX-u),l=Math.round(t.pageY-a),c=n?i.animationSpeed:0,h,p,d,v;if(t.originalEvent.changedTouches){f=t.originalEvent.changedTouches[0].pageX-u;l=t.originalEvent.changedTouches[0].pageY-a}f<0&&(f=0);l<0&&(l=0);f>e.width()&&(f=e.width());l>e.height()&&(l=e.height());if(e.parent().is(".minicolors-slider-wheel")&&s.parent().is(".minicolors-grid")){h=75-f;p=75-l;d=Math.sqrt(h*h+p*p);v=Math.atan2(p,h);v<0&&(v+=Math.PI*2);if(d>75){d=75;f=75-75*Math.cos(v);l=75-75*Math.sin(v)}f=Math.round(f);l=Math.round(l)}e.is(".minicolors-grid")?s.stop(!0).animate({top:l+"px",left:f+"px"},c,i.animationEasing,function(){o(r,e)}):s.stop(!0).animate({top:l+"px"},c,i.animationEasing,function(){o(r,e)})}function o(e,t){function n(e,t){var n,r;if(!e.length||!t)return null;n=e.offset().left;r=e.offset().top;return{x:n-t.offset().left+e.outerWidth()/2,y:r-t.offset().top+e.outerHeight()/2}}var r,i,s,o,u,f,l,h=e.val(),d=e.attr("data-opacity"),v=e.parent(),g=e.data("minicolors-settings"),y=v.find(".minicolors-swatch"),b=v.find(".minicolors-grid"),w=v.find(".minicolors-slider"),E=v.find(".minicolors-opacity-slider"),S=b.find("[class$=-picker]"),x=w.find("[class$=-picker]"),T=E.find("[class$=-picker]"),N=n(S,b),C=n(x,w),k=n(T,E);if(t.is(".minicolors-grid, .minicolors-slider")){switch(g.control){case"wheel":o=b.width()/2-N.x;u=b.height()/2-N.y;f=Math.sqrt(o*o+u*u);l=Math.atan2(u,o);l<0&&(l+=Math.PI*2);if(f>75){f=75;N.x=69-75*Math.cos(l);N.y=69-75*Math.sin(l)}i=p(f/.75,0,100);r=p(l*180/Math.PI,0,360);s=p(100-Math.floor(C.y*(100/w.height())),0,100);h=m({h:r,s:i,b:s});w.css("backgroundColor",m({h:r,s:i,b:100}));break;case"saturation":r=p(parseInt(N.x*(360/b.width()),10),0,360);i=p(100-Math.floor(C.y*(100/w.height())),0,100);s=p(100-Math.floor(N.y*(100/b.height())),0,100);h=m({h:r,s:i,b:s});w.css("backgroundColor",m({h:r,s:100,b:s}));v.find(".minicolors-grid-inner").css("opacity",i/100);break;case"brightness":r=p(parseInt(N.x*(360/b.width()),10),0,360);i=p(100-Math.floor(N.y*(100/b.height())),0,100);s=p(100-Math.floor(C.y*(100/w.height())),0,100);h=m({h:r,s:i,b:s});w.css("backgroundColor",m({h:r,s:i,b:100}));v.find(".minicolors-grid-inner").css("opacity",1-s/100);break;default:r=p(360-parseInt(C.y*(360/w.height()),10),0,360);i=p(Math.floor(N.x*(100/b.width())),0,100);s=p(100-Math.floor(N.y*(100/b.height())),0,100);h=m({h:r,s:i,b:s});b.css("backgroundColor",m({h:r,s:100,b:100}))}e.val(c(h,g.letterCase))}if(t.is(".minicolors-opacity-slider")){g.opacity?d=parseFloat(1-k.y/E.height()).toFixed(2):d=1;g.opacity&&e.attr("data-opacity",d)}y.find("SPAN").css({backgroundColor:h,opacity:d});a(e,h,d)}function u(e,t){var n,r,i,s,o,u,f,l=e.parent(),d=e.data("minicolors-settings"),v=l.find(".minicolors-swatch"),y=l.find(".minicolors-grid"),b=l.find(".minicolors-slider"),w=l.find(".minicolors-opacity-slider"),E=y.find("[class$=-picker]"),S=b.find("[class$=-picker]"),x=w.find("[class$=-picker]");n=c(h(e.val(),!0),d.letterCase);n||(n=c(h(d.defaultValue,!0),d.letterCase));r=g(n);t||e.val(n);if(d.opacity){i=e.attr("data-opacity")===""?1:p(parseFloat(e.attr("data-opacity")).toFixed(2),0,1);isNaN(i)&&(i=1);e.attr("data-opacity",i);v.find("SPAN").css("opacity",i);o=p(w.height()-w.height()*i,0,w.height());x.css("top",o+"px")}v.find("SPAN").css("backgroundColor",n);switch(d.control){case"wheel":u=p(Math.ceil(r.s*.75),0,y.height()/2);f=r.h*Math.PI/180;s=p(75-Math.cos(f)*u,0,y.width());o=p(75-Math.sin(f)*u,0,y.height());E.css({top:o+"px",left:s+"px"});o=150-r.b/(100/y.height());n===""&&(o=0);S.css("top",o+"px");b.css("backgroundColor",m({h:r.h,s:r.s,b:100}));break;case"saturation":s=p(5*r.h/12,0,150);o=p(y.height()-Math.ceil(r.b/(100/y.height())),0,y.height());E.css({top:o+"px",left:s+"px"});o=p(b.height()-r.s*(b.height()/100),0,b.height());S.css("top",o+"px");b.css("backgroundColor",m({h:r.h,s:100,b:r.b}));l.find(".minicolors-grid-inner").css("opacity",r.s/100);break;case"brightness":s=p(5*r.h/12,0,150);o=p(y.height()-Math.ceil(r.s/(100/y.height())),0,y.height());E.css({top:o+"px",left:s+"px"});o=p(b.height()-r.b*(b.height()/100),0,b.height());S.css("top",o+"px");b.css("backgroundColor",m({h:r.h,s:r.s,b:100}));l.find(".minicolors-grid-inner").css("opacity",1-r.b/100);break;default:s=p(Math.ceil(r.s/(100/y.width())),0,y.width());o=p(y.height()-Math.ceil(r.b/(100/y.height())),0,y.height());E.css({top:o+"px",left:s+"px"});o=p(b.height()-r.h/(360/b.height()),0,b.height());S.css("top",o+"px");y.css("backgroundColor",m({h:r.h,s:100,b:100}))}e.data("minicolors-initialized")&&a(e,n,i)}function a(e,t,n){var r=e.data("minicolors-settings"),i=e.data("minicolors-lastChange");if(!i||i.hex!==t||i.opacity!==n){e.data("minicolors-lastChange",{hex:t,opacity:n});if(r.change)if(r.changeDelay){clearTimeout(e.data("minicolors-changeTimeout"));e.data("minicolors-changeTimeout",setTimeout(function(){r.change.call(e.get(0),t,n)},r.changeDelay))}else r.change.call(e.get(0),t,n);e.trigger("change").trigger("input")}}function f(t){var n=h(e(t).val(),!0),r=b(n),i=e(t).attr("data-opacity");if(!r)return null;i!==undefined&&e.extend(r,{a:parseFloat(i)});return r}function l(t,n){var r=h(e(t).val(),!0),i=b(r),s=e(t).attr("data-opacity");if(!i)return null;s===undefined&&(s=1);return n?"rgba("+i.r+", "+i.g+", "+i.b+", "+parseFloat(s)+")":"rgb("+i.r+", "+i.g+", "+i.b+")"}function c(e,t){return t==="uppercase"?e.toUpperCase():e.toLowerCase()}function h(e,t){e=e.replace(/[^A-F0-9]/ig,"");if(e.length!==3&&e.length!==6)return"";e.length===3&&t&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);return"#"+e}function p(e,t,n){e<t&&(e=t);e>n&&(e=n);return e}function d(e){var t={},n=Math.round(e.h),r=Math.round(e.s*255/100),i=Math.round(e.b*255/100);if(r===0)t.r=t.g=t.b=i;else{var s=i,o=(255-r)*i/255,u=(s-o)*(n%60)/60;n===360&&(n=0);if(n<60){t.r=s;t.b=o;t.g=o+u}else if(n<120){t.g=s;t.b=o;t.r=s-u}else if(n<180){t.g=s;t.r=o;t.b=o+u}else if(n<240){t.b=s;t.r=o;t.g=s-u}else if(n<300){t.b=s;t.g=o;t.r=o+u}else if(n<360){t.r=s;t.g=o;t.b=s-u}else{t.r=0;t.g=0;t.b=0}}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}}function v(t){var n=[t.r.toString(16),t.g.toString(16),t.b.toString(16)];e.each(n,function(e,t){t.length===1&&(n[e]="0"+t)});return"#"+n.join("")}function m(e){return v(d(e))}function g(e){var t=y(b(e));t.s===0&&(t.h=360);return t}function y(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),i=r-n;t.b=r;t.s=r!==0?255*i/r:0;t.s!==0?e.r===r?t.h=(e.g-e.b)/i:e.g===r?t.h=2+(e.b-e.r)/i:t.h=4+(e.r-e.g)/i:t.h=-1;t.h*=60;t.h<0&&(t.h+=360);t.s*=100/255;t.b*=100/255;return t}function b(e){e=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:e>>16,g:(e&65280)>>8,b:e&255}}e.minicolors={defaults:{animationSpeed:50,animationEasing:"swing",change:null,changeDelay:0,control:"hue",defaultValue:"",hide:null,hideSpeed:100,inline:!1,letterCase:"lowercase",opacity:!1,position:"bottom left",show:null,showSpeed:100,theme:"default"}};e.extend(e.fn,{minicolors:function(s,o){switch(s){case"destroy":e(this).each(function(){n(e(this))});return e(this);case"hide":i();return e(this);case"opacity":if(o===undefined)return e(this).attr("data-opacity");e(this).each(function(){u(e(this).attr("data-opacity",o))});return e(this);case"rgbObject":return f(e(this),s==="rgbaObject");case"rgbString":case"rgbaString":return l(e(this),s==="rgbaString");case"settings":if(o===undefined)return e(this).data("minicolors-settings");e(this).each(function(){var t=e(this).data("minicolors-settings")||{};n(e(this));e(this).minicolors(e.extend(!0,t,o))});return e(this);case"show":r(e(this).eq(0));return e(this);case"value":if(o===undefined)return e(this).val();e(this).each(function(){u(e(this).val(o))});return e(this);default:s!=="create"&&(o=s);e(this).each(function(){t(e(this),o)});return e(this)}}});e(document).on("mousedown.minicolors touchstart.minicolors",function(t){e(t.target).parents().add(t.target).hasClass("minicolors")||i()}).on("mousedown.minicolors touchstart.minicolors",".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider",function(t){var n=e(this);t.preventDefault();e(document).data("minicolors-target",n);s(n,t,!0)}).on("mousemove.minicolors touchmove.minicolors",function(t){var n=e(document).data("minicolors-target");n&&s(n,t)}).on("mouseup.minicolors touchend.minicolors",function(){e(this).removeData("minicolors-target")}).on("mousedown.minicolors touchstart.minicolors",".minicolors-swatch",function(t){var n=e(this).parent().find(".minicolors-input");t.preventDefault();r(n)}).on("focus.minicolors",".minicolors-input",function(){var t=e(this);if(!t.data("minicolors-initialized"))return;r(t)}).on("blur.minicolors",".minicolors-input",function(){var t=e(this),n=t.data("minicolors-settings");if(!t.data("minicolors-initialized"))return;t.val(h(t.val(),!0));t.val()===""&&t.val(h(n.defaultValue,!0));t.val(c(t.val(),n.letterCase))}).on("keydown.minicolors",".minicolors-input",function(t){var n=e(this);if(!n.data("minicolors-initialized"))return;switch(t.keyCode){case 9:i();break;case 13:case 27:i();n.blur()}}).on("keyup.minicolors",".minicolors-input",function(){var t=e(this);if(!t.data("minicolors-initialized"))return;u(t,!0)}).on("paste.minicolors",".minicolors-input",function(){var t=e(this);if(!t.data("minicolors-initialized"))return;setTimeout(function(){u(t,!0)},1)})}(jQuery);
0 9 \ No newline at end of file
... ...
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/jquery.minicolors.js deleted
View file @2d23108
1   -/*
2   - * jQuery MiniColors: A tiny color picker built on jQuery
3   - *
4   - * Copyright: Cory LaViska for A Beautiful Site, LLC: http://www.abeautifulsite.net/
5   - *
6   - * Contribute: https://github.com/claviska/jquery-minicolors
7   - *
8   - * @license: http://opensource.org/licenses/MIT
9   - *
10   - */
11   -(function (factory) {
12   - /* jshint ignore:start */
13   - if (typeof define === 'function' && define.amd) {
14   - // AMD. Register as an anonymous module.
15   - define(['jquery'], factory);
16   - } else if (typeof exports === 'object') {
17   - // Node/CommonJS
18   - module.exports = factory(require('jquery'));
19   - } else {
20   - // Browser globals
21   - factory(jQuery);
22   - }
23   - /* jshint ignore:end */
24   -}(function ($) {
25   -
26   - 'use strict';
27   -
28   - // Defaults
29   - $.minicolors = {
30   - defaults: {
31   - animationSpeed: 50,
32   - animationEasing: 'swing',
33   - change: null,
34   - changeDelay: 0,
35   - control: 'hue',
36   - dataUris: true,
37   - defaultValue: '',
38   - format: 'hex',
39   - hide: null,
40   - hideSpeed: 100,
41   - inline: false,
42   - keywords: '',
43   - letterCase: 'lowercase',
44   - opacity: false,
45   - position: 'bottom left',
46   - show: null,
47   - showSpeed: 100,
48   - theme: 'default',
49   - swatches: []
50   - }
51   - };
52   -
53   - // Public methods
54   - $.extend($.fn, {
55   - minicolors: function(method, data) {
56   -
57   - switch(method) {
58   -
59   - // Destroy the control
60   - case 'destroy':
61   - $(this).each( function() {
62   - destroy($(this));
63   - });
64   - return $(this);
65   -
66   - // Hide the color picker
67   - case 'hide':
68   - hide();
69   - return $(this);
70   -
71   - // Get/set opacity
72   - case 'opacity':
73   - // Getter
74   - if( data === undefined ) {
75   - // Getter
76   - return $(this).attr('data-opacity');
77   - } else {
78   - // Setter
79   - $(this).each( function() {
80   - updateFromInput($(this).attr('data-opacity', data));
81   - });
82   - }
83   - return $(this);
84   -
85   - // Get an RGB(A) object based on the current color/opacity
86   - case 'rgbObject':
87   - return rgbObject($(this), method === 'rgbaObject');
88   -
89   - // Get an RGB(A) string based on the current color/opacity
90   - case 'rgbString':
91   - case 'rgbaString':
92   - return rgbString($(this), method === 'rgbaString');
93   -
94   - // Get/set settings on the fly
95   - case 'settings':
96   - if( data === undefined ) {
97   - return $(this).data('minicolors-settings');
98   - } else {
99   - // Setter
100   - $(this).each( function() {
101   - var settings = $(this).data('minicolors-settings') || {};
102   - destroy($(this));
103   - $(this).minicolors($.extend(true, settings, data));
104   - });
105   - }
106   - return $(this);
107   -
108   - // Show the color picker
109   - case 'show':
110   - show( $(this).eq(0) );
111   - return $(this);
112   -
113   - // Get/set the hex color value
114   - case 'value':
115   - if( data === undefined ) {
116   - // Getter
117   - return $(this).val();
118   - } else {
119   - // Setter
120   - $(this).each( function() {
121   - if( typeof(data) === 'object' && typeof(data) !== null ) {
122   - if( data.opacity ) {
123   - $(this).attr('data-opacity', keepWithin(data.opacity, 0, 1));
124   - }
125   - if( data.color ) {
126   - $(this).val(data.color);
127   - }
128   - } else {
129   - $(this).val(data);
130   - }
131   - updateFromInput($(this));
132   - });
133   - }
134   - return $(this);
135   -
136   - // Initializes the control
137   - default:
138   - if( method !== 'create' ) data = method;
139   - $(this).each( function() {
140   - init($(this), data);
141   - });
142   - return $(this);
143   -
144   - }
145   -
146   - }
147   - });
148   -
149   - // Initialize input elements
150   - function init(input, settings) {
151   -
152   - var minicolors = $('<div class="minicolors" />'),
153   - defaults = $.minicolors.defaults,
154   - size,
155   - swatches,
156   - swatch,
157   - panel,
158   - i;
159   -
160   - // Do nothing if already initialized
161   - if( input.data('minicolors-initialized') ) return;
162   -
163   - // Handle settings
164   - settings = $.extend(true, {}, defaults, settings);
165   -
166   - // The wrapper
167   - minicolors
168   - .addClass('minicolors-theme-' + settings.theme)
169   - .toggleClass('minicolors-with-opacity', settings.opacity)
170   - .toggleClass('minicolors-no-data-uris', settings.dataUris !== true);
171   -
172   - // Custom positioning
173   - if( settings.position !== undefined ) {
174   - $.each(settings.position.split(' '), function() {
175   - minicolors.addClass('minicolors-position-' + this);
176   - });
177   - }
178   -
179   - // Input size
180   - if( settings.format === 'rgb' ) {
181   - size = settings.opacity ? '25' : '20';
182   - } else {
183   - size = settings.keywords ? '11' : '7';
184   - }
185   -
186   - // The input
187   - input
188   - .addClass('minicolors-input')
189   - .data('minicolors-initialized', false)
190   - .data('minicolors-settings', settings)
191   - .prop('size', size)
192   - .wrap(minicolors)
193   - .after(
194   - '<div class="minicolors-panel minicolors-slider-' + settings.control + '">' +
195   - '<div class="minicolors-slider minicolors-sprite">' +
196   - '<div class="minicolors-picker"></div>' +
197   - '</div>' +
198   - '<div class="minicolors-opacity-slider minicolors-sprite">' +
199   - '<div class="minicolors-picker"></div>' +
200   - '</div>' +
201   - '<div class="minicolors-grid minicolors-sprite">' +
202   - '<div class="minicolors-grid-inner"></div>' +
203   - '<div class="minicolors-picker"><div></div></div>' +
204   - '</div>' +
205   - '</div>'
206   - );
207   -
208   - // The swatch
209   - if( !settings.inline ) {
210   - input.after('<span class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color"></span></span>');
211   - input.next('.minicolors-input-swatch').on('click', function(event) {
212   - event.preventDefault();
213   - input.focus();
214   - });
215   - }
216   -
217   - // Prevent text selection in IE
218   - panel = input.parent().find('.minicolors-panel');
219   - panel.on('selectstart', function() { return false; }).end();
220   -
221   - // Swatches
222   - if (settings.swatches && settings.swatches.length !== 0) {
223   - if (settings.swatches.length > 7) {
224   - settings.swatches.length = 7;
225   - }
226   - panel.addClass('minicolors-with-swatches');
227   - swatches = $('<ul class="minicolors-swatches"></ul>')
228   - .appendTo(panel);
229   - for(i = 0; i < settings.swatches.length; ++i) {
230   - swatch = settings.swatches[i];
231   - swatch = isRgb(swatch) ? parseRgb(swatch, true) : hex2rgb(parseHex(swatch, true));
232   - $('<li class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color"></span></li>')
233   - .appendTo(swatches)
234   - .data('swatch-color', settings.swatches[i])
235   - .find('.minicolors-swatch-color')
236   - .css({
237   - backgroundColor: rgb2hex(swatch),
238   - opacity: swatch.a
239   - });
240   - settings.swatches[i] = swatch;
241   - }
242   -
243   - }
244   -
245   - // Inline controls
246   - if( settings.inline ) input.parent().addClass('minicolors-inline');
247   -
248   - updateFromInput(input, false);
249   -
250   - input.data('minicolors-initialized', true);
251   -
252   - }
253   -
254   - // Returns the input back to its original state
255   - function destroy(input) {
256   -
257   - var minicolors = input.parent();
258   -
259   - // Revert the input element
260   - input
261   - .removeData('minicolors-initialized')
262   - .removeData('minicolors-settings')
263   - .removeProp('size')
264   - .removeClass('minicolors-input');
265   -
266   - // Remove the wrap and destroy whatever remains
267   - minicolors.before(input).remove();
268   -
269   - }
270   -
271   - // Shows the specified dropdown panel
272   - function show(input) {
273   -
274   - var minicolors = input.parent(),
275   - panel = minicolors.find('.minicolors-panel'),
276   - settings = input.data('minicolors-settings');
277   -
278   - // Do nothing if uninitialized, disabled, inline, or already open
279   - if( !input.data('minicolors-initialized') ||
280   - input.prop('disabled') ||
281   - minicolors.hasClass('minicolors-inline') ||
282   - minicolors.hasClass('minicolors-focus')
283   - ) return;
284   -
285   - hide();
286   -
287   - minicolors.addClass('minicolors-focus');
288   - panel
289   - .stop(true, true)
290   - .fadeIn(settings.showSpeed, function() {
291   - if( settings.show ) settings.show.call(input.get(0));
292   - });
293   -
294   - }
295   -
296   - // Hides all dropdown panels
297   - function hide() {
298   -
299   - $('.minicolors-focus').each( function() {
300   -
301   - var minicolors = $(this),
302   - input = minicolors.find('.minicolors-input'),
303   - panel = minicolors.find('.minicolors-panel'),
304   - settings = input.data('minicolors-settings');
305   -
306   - panel.fadeOut(settings.hideSpeed, function() {
307   - if( settings.hide ) settings.hide.call(input.get(0));
308   - minicolors.removeClass('minicolors-focus');
309   - });
310   -
311   - });
312   - }
313   -
314   - // Moves the selected picker
315   - function move(target, event, animate) {
316   -
317   - var input = target.parents('.minicolors').find('.minicolors-input'),
318   - settings = input.data('minicolors-settings'),
319   - picker = target.find('[class$=-picker]'),
320   - offsetX = target.offset().left,
321   - offsetY = target.offset().top,
322   - x = Math.round(event.pageX - offsetX),
323   - y = Math.round(event.pageY - offsetY),
324   - duration = animate ? settings.animationSpeed : 0,
325   - wx, wy, r, phi;
326   -
327   - // Touch support
328   - if( event.originalEvent.changedTouches ) {
329   - x = event.originalEvent.changedTouches[0].pageX - offsetX;
330   - y = event.originalEvent.changedTouches[0].pageY - offsetY;
331   - }
332   -
333   - // Constrain picker to its container
334   - if( x < 0 ) x = 0;
335   - if( y < 0 ) y = 0;
336   - if( x > target.width() ) x = target.width();
337   - if( y > target.height() ) y = target.height();
338   -
339   - // Constrain color wheel values to the wheel
340   - if( target.parent().is('.minicolors-slider-wheel') && picker.parent().is('.minicolors-grid') ) {
341   - wx = 75 - x;
342   - wy = 75 - y;
343   - r = Math.sqrt(wx * wx + wy * wy);
344   - phi = Math.atan2(wy, wx);
345   - if( phi < 0 ) phi += Math.PI * 2;
346   - if( r > 75 ) {
347   - r = 75;
348   - x = 75 - (75 * Math.cos(phi));
349   - y = 75 - (75 * Math.sin(phi));
350   - }
351   - x = Math.round(x);
352   - y = Math.round(y);
353   - }
354   -
355   - // Move the picker
356   - if( target.is('.minicolors-grid') ) {
357   - picker
358   - .stop(true)
359   - .animate({
360   - top: y + 'px',
361   - left: x + 'px'
362   - }, duration, settings.animationEasing, function() {
363   - updateFromControl(input, target);
364   - });
365   - } else {
366   - picker
367   - .stop(true)
368   - .animate({
369   - top: y + 'px'
370   - }, duration, settings.animationEasing, function() {
371   - updateFromControl(input, target);
372   - });
373   - }
374   -
375   - }
376   -
377   - // Sets the input based on the color picker values
378   - function updateFromControl(input, target) {
379   -
380   - function getCoords(picker, container) {
381   -
382   - var left, top;
383   - if( !picker.length || !container ) return null;
384   - left = picker.offset().left;
385   - top = picker.offset().top;
386   -
387   - return {
388   - x: left - container.offset().left + (picker.outerWidth() / 2),
389   - y: top - container.offset().top + (picker.outerHeight() / 2)
390   - };
391   -
392   - }
393   -
394   - var hue, saturation, brightness, x, y, r, phi,
395   -
396   - hex = input.val(),
397   - opacity = input.attr('data-opacity'),
398   -
399   - // Helpful references
400   - minicolors = input.parent(),
401   - settings = input.data('minicolors-settings'),
402   - swatch = minicolors.find('.minicolors-input-swatch'),
403   -
404   - // Panel objects
405   - grid = minicolors.find('.minicolors-grid'),
406   - slider = minicolors.find('.minicolors-slider'),
407   - opacitySlider = minicolors.find('.minicolors-opacity-slider'),
408   -
409   - // Picker objects
410   - gridPicker = grid.find('[class$=-picker]'),
411   - sliderPicker = slider.find('[class$=-picker]'),
412   - opacityPicker = opacitySlider.find('[class$=-picker]'),
413   -
414   - // Picker positions
415   - gridPos = getCoords(gridPicker, grid),
416   - sliderPos = getCoords(sliderPicker, slider),
417   - opacityPos = getCoords(opacityPicker, opacitySlider);
418   -
419   - // Handle colors
420   - if( target.is('.minicolors-grid, .minicolors-slider, .minicolors-opacity-slider') ) {
421   -
422   - // Determine HSB values
423   - switch(settings.control) {
424   -
425   - case 'wheel':
426   - // Calculate hue, saturation, and brightness
427   - x = (grid.width() / 2) - gridPos.x;
428   - y = (grid.height() / 2) - gridPos.y;
429   - r = Math.sqrt(x * x + y * y);
430   - phi = Math.atan2(y, x);
431   - if( phi < 0 ) phi += Math.PI * 2;
432   - if( r > 75 ) {
433   - r = 75;
434   - gridPos.x = 69 - (75 * Math.cos(phi));
435   - gridPos.y = 69 - (75 * Math.sin(phi));
436   - }
437   - saturation = keepWithin(r / 0.75, 0, 100);
438   - hue = keepWithin(phi * 180 / Math.PI, 0, 360);
439   - brightness = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
440   - hex = hsb2hex({
441   - h: hue,
442   - s: saturation,
443   - b: brightness
444   - });
445   -
446   - // Update UI
447   - slider.css('backgroundColor', hsb2hex({ h: hue, s: saturation, b: 100 }));
448   - break;
449   -
450   - case 'saturation':
451   - // Calculate hue, saturation, and brightness
452   - hue = keepWithin(parseInt(gridPos.x * (360 / grid.width()), 10), 0, 360);
453   - saturation = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
454   - brightness = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
455   - hex = hsb2hex({
456   - h: hue,
457   - s: saturation,
458   - b: brightness
459   - });
460   -
461   - // Update UI
462   - slider.css('backgroundColor', hsb2hex({ h: hue, s: 100, b: brightness }));
463   - minicolors.find('.minicolors-grid-inner').css('opacity', saturation / 100);
464   - break;
465   -
466   - case 'brightness':
467   - // Calculate hue, saturation, and brightness
468   - hue = keepWithin(parseInt(gridPos.x * (360 / grid.width()), 10), 0, 360);
469   - saturation = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
470   - brightness = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
471   - hex = hsb2hex({
472   - h: hue,
473   - s: saturation,
474   - b: brightness
475   - });
476   -
477   - // Update UI
478   - slider.css('backgroundColor', hsb2hex({ h: hue, s: saturation, b: 100 }));
479   - minicolors.find('.minicolors-grid-inner').css('opacity', 1 - (brightness / 100));
480   - break;
481   -
482   - default:
483   - // Calculate hue, saturation, and brightness
484   - hue = keepWithin(360 - parseInt(sliderPos.y * (360 / slider.height()), 10), 0, 360);
485   - saturation = keepWithin(Math.floor(gridPos.x * (100 / grid.width())), 0, 100);
486   - brightness = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
487   - hex = hsb2hex({
488   - h: hue,
489   - s: saturation,
490   - b: brightness
491   - });
492   -
493   - // Update UI
494   - grid.css('backgroundColor', hsb2hex({ h: hue, s: 100, b: 100 }));
495   - break;
496   -
497   - }
498   -
499   - // Handle opacity
500   - if( settings.opacity ) {
501   - opacity = parseFloat(1 - (opacityPos.y / opacitySlider.height())).toFixed(2);
502   - } else {
503   - opacity = 1;
504   - }
505   -
506   - updateInput(input, hex, opacity);
507   - }
508   - else {
509   - // Set swatch color
510   - swatch.find('span').css({
511   - backgroundColor: hex,
512   - opacity: opacity
513   - });
514   -
515   - // Handle change event
516   - doChange(input, hex, opacity);
517   - }
518   - }
519   -
520   - // Sets the value of the input and does the appropriate conversions
521   - // to respect settings, also updates the swatch
522   - function updateInput(input, value, opacity) {
523   - var rgb,
524   -
525   - // Helpful references
526   - minicolors = input.parent(),
527   - settings = input.data('minicolors-settings'),
528   - swatch = minicolors.find('.minicolors-input-swatch');
529   -
530   - if( settings.opacity ) input.attr('data-opacity', opacity);
531   -
532   - // Set color string
533   - if( settings.format === 'rgb' ) {
534   - // Returns RGB(A) string
535   -
536   - // Checks for input format and does the conversion
537   - if ( isRgb(value) ) {
538   - rgb = parseRgb(value, true);
539   - }
540   - else {
541   - rgb = hex2rgb(parseHex(value, true));
542   - }
543   -
544   - opacity = input.attr('data-opacity') === '' ? 1 : keepWithin( parseFloat( input.attr('data-opacity') ).toFixed(2), 0, 1 );
545   - if( isNaN( opacity ) || !settings.opacity ) opacity = 1;
546   -
547   - if( input.minicolors('rgbObject').a <= 1 && rgb && settings.opacity) {
548   - // Set RGBA string if alpha
549   - value = 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + parseFloat( opacity ) + ')';
550   - } else {
551   - // Set RGB string (alpha = 1)
552   - value = 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')';
553   - }
554   - } else {
555   - // Returns hex color
556   -
557   - // Checks for input format and does the conversion
558   - if ( isRgb(value) ) {
559   - value = rgbString2hex(value);
560   - }
561   -
562   - value = convertCase( value, settings.letterCase );
563   - }
564   -
565   - // Update value from picker
566   - input.val( value );
567   -
568   - // Set swatch color
569   - swatch.find('span').css({
570   - backgroundColor: value,
571   - opacity: opacity
572   - });
573   -
574   - // Handle change event
575   - doChange(input, value, opacity);
576   - }
577   -
578   - // Sets the color picker values from the input
579   - function updateFromInput(input, preserveInputValue) {
580   -
581   - var hex,
582   - hsb,
583   - opacity,
584   - keywords,
585   - alpha,
586   - value,
587   - x, y, r, phi,
588   -
589   - // Helpful references
590   - minicolors = input.parent(),
591   - settings = input.data('minicolors-settings'),
592   - swatch = minicolors.find('.minicolors-input-swatch'),
593   -
594   - // Panel objects
595   - grid = minicolors.find('.minicolors-grid'),
596   - slider = minicolors.find('.minicolors-slider'),
597   - opacitySlider = minicolors.find('.minicolors-opacity-slider'),
598   -
599   - // Picker objects
600   - gridPicker = grid.find('[class$=-picker]'),
601   - sliderPicker = slider.find('[class$=-picker]'),
602   - opacityPicker = opacitySlider.find('[class$=-picker]');
603   -
604   - // Determine hex/HSB values
605   - if( isRgb(input.val()) ) {
606   - // If input value is a rgb(a) string, convert it to hex color and update opacity
607   - hex = rgbString2hex(input.val());
608   - alpha = keepWithin(parseFloat(getAlpha(input.val())).toFixed(2), 0, 1);
609   - if( alpha ) {
610   - input.attr('data-opacity', alpha);
611   - }
612   - } else {
613   - hex = convertCase(parseHex(input.val(), true), settings.letterCase);
614   - }
615   -
616   - if( !hex ){
617   - hex = convertCase(parseInput(settings.defaultValue, true), settings.letterCase);
618   - }
619   - hsb = hex2hsb(hex);
620   -
621   - // Get array of lowercase keywords
622   - keywords = !settings.keywords ? [] : $.map(settings.keywords.split(','), function(a) {
623   - return $.trim(a.toLowerCase());
624   - });
625   -
626   - // Set color string
627   - if( input.val() !== '' && $.inArray(input.val().toLowerCase(), keywords) > -1 ) {
628   - value = convertCase(input.val());
629   - } else {
630   - value = isRgb(input.val()) ? parseRgb(input.val()) : hex;
631   - }
632   -
633   - // Update input value
634   - if( !preserveInputValue ) input.val(value);
635   -
636   - // Determine opacity value
637   - if( settings.opacity ) {
638   - // Get from data-opacity attribute and keep within 0-1 range
639   - opacity = input.attr('data-opacity') === '' ? 1 : keepWithin(parseFloat(input.attr('data-opacity')).toFixed(2), 0, 1);
640   - if( isNaN(opacity) ) opacity = 1;
641   - input.attr('data-opacity', opacity);
642   - swatch.find('span').css('opacity', opacity);
643   -
644   - // Set opacity picker position
645   - y = keepWithin(opacitySlider.height() - (opacitySlider.height() * opacity), 0, opacitySlider.height());
646   - opacityPicker.css('top', y + 'px');
647   - }
648   -
649   - // Set opacity to zero if input value is transparent
650   - if( input.val().toLowerCase() === 'transparent' ) {
651   - swatch.find('span').css('opacity', 0);
652   - }
653   -
654   - // Update swatch
655   - swatch.find('span').css('backgroundColor', hex);
656   -
657   - // Determine picker locations
658   - switch(settings.control) {
659   -
660   - case 'wheel':
661   - // Set grid position
662   - r = keepWithin(Math.ceil(hsb.s * 0.75), 0, grid.height() / 2);
663   - phi = hsb.h * Math.PI / 180;
664   - x = keepWithin(75 - Math.cos(phi) * r, 0, grid.width());
665   - y = keepWithin(75 - Math.sin(phi) * r, 0, grid.height());
666   - gridPicker.css({
667   - top: y + 'px',
668   - left: x + 'px'
669   - });
670   -
671   - // Set slider position
672   - y = 150 - (hsb.b / (100 / grid.height()));
673   - if( hex === '' ) y = 0;
674   - sliderPicker.css('top', y + 'px');
675   -
676   - // Update panel color
677   - slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: hsb.s, b: 100 }));
678   - break;
679   -
680   - case 'saturation':
681   - // Set grid position
682   - x = keepWithin((5 * hsb.h) / 12, 0, 150);
683   - y = keepWithin(grid.height() - Math.ceil(hsb.b / (100 / grid.height())), 0, grid.height());
684   - gridPicker.css({
685   - top: y + 'px',
686   - left: x + 'px'
687   - });
688   -
689   - // Set slider position
690   - y = keepWithin(slider.height() - (hsb.s * (slider.height() / 100)), 0, slider.height());
691   - sliderPicker.css('top', y + 'px');
692   -
693   - // Update UI
694   - slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: 100, b: hsb.b }));
695   - minicolors.find('.minicolors-grid-inner').css('opacity', hsb.s / 100);
696   - break;
697   -
698   - case 'brightness':
699   - // Set grid position
700   - x = keepWithin((5 * hsb.h) / 12, 0, 150);
701   - y = keepWithin(grid.height() - Math.ceil(hsb.s / (100 / grid.height())), 0, grid.height());
702   - gridPicker.css({
703   - top: y + 'px',
704   - left: x + 'px'
705   - });
706   -
707   - // Set slider position
708   - y = keepWithin(slider.height() - (hsb.b * (slider.height() / 100)), 0, slider.height());
709   - sliderPicker.css('top', y + 'px');
710   -
711   - // Update UI
712   - slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: hsb.s, b: 100 }));
713   - minicolors.find('.minicolors-grid-inner').css('opacity', 1 - (hsb.b / 100));
714   - break;
715   -
716   - default:
717   - // Set grid position
718   - x = keepWithin(Math.ceil(hsb.s / (100 / grid.width())), 0, grid.width());
719   - y = keepWithin(grid.height() - Math.ceil(hsb.b / (100 / grid.height())), 0, grid.height());
720   - gridPicker.css({
721   - top: y + 'px',
722   - left: x + 'px'
723   - });
724   -
725   - // Set slider position
726   - y = keepWithin(slider.height() - (hsb.h / (360 / slider.height())), 0, slider.height());
727   - sliderPicker.css('top', y + 'px');
728   -
729   - // Update panel color
730   - grid.css('backgroundColor', hsb2hex({ h: hsb.h, s: 100, b: 100 }));
731   - break;
732   -
733   - }
734   -
735   - // Fire change event, but only if minicolors is fully initialized
736   - if( input.data('minicolors-initialized') ) {
737   - doChange(input, value, opacity);
738   - }
739   -
740   - }
741   -
742   - // Runs the change and changeDelay callbacks
743   - function doChange(input, value, opacity) {
744   -
745   - var settings = input.data('minicolors-settings'),
746   - lastChange = input.data('minicolors-lastChange'),
747   - obj,
748   - sel,
749   - i;
750   -
751   - // Only run if it actually changed
752   - if( !lastChange || lastChange.value !== value || lastChange.opacity !== opacity ) {
753   -
754   - // Remember last-changed value
755   - input.data('minicolors-lastChange', {
756   - value: value,
757   - opacity: opacity
758   - });
759   -
760   - // Check and select applicable swatch
761   - if (settings.swatches && settings.swatches.length !== 0) {
762   - if(!isRgb(value)) {
763   - obj = hex2rgb(value);
764   - }
765   - else {
766   - obj = parseRgb(value, true);
767   - }
768   - sel = -1;
769   - for(i = 0; i < settings.swatches.length; ++i) {
770   - if (obj.r === settings.swatches[i].r && obj.g === settings.swatches[i].g && obj.b === settings.swatches[i].b && obj.a === settings.swatches[i].a) {
771   - sel = i;
772   - break;
773   - }
774   - }
775   -
776   - input.parent().find('.minicolors-swatches .minicolors-swatch').removeClass('selected');
777   - if (i !== -1) {
778   - input.parent().find('.minicolors-swatches .minicolors-swatch').eq(i).addClass('selected');
779   - }
780   - }
781   -
782   - // Fire change event
783   - if( settings.change ) {
784   - if( settings.changeDelay ) {
785   - // Call after a delay
786   - clearTimeout(input.data('minicolors-changeTimeout'));
787   - input.data('minicolors-changeTimeout', setTimeout( function() {
788   - settings.change.call(input.get(0), value, opacity);
789   - }, settings.changeDelay));
790   - } else {
791   - // Call immediately
792   - settings.change.call(input.get(0), value, opacity);
793   - }
794   - }
795   - input.trigger('change').trigger('input');
796   - }
797   -
798   - }
799   -
800   - // Generates an RGB(A) object based on the input's value
801   - function rgbObject(input) {
802   - var hex = parseHex($(input).val(), true),
803   - rgb = hex2rgb(hex),
804   - opacity = $(input).attr('data-opacity');
805   - if( !rgb ) return null;
806   - if( opacity !== undefined ) $.extend(rgb, { a: parseFloat(opacity) });
807   - return rgb;
808   - }
809   -
810   - // Generates an RGB(A) string based on the input's value
811   - function rgbString(input, alpha) {
812   - var hex = parseHex($(input).val(), true),
813   - rgb = hex2rgb(hex),
814   - opacity = $(input).attr('data-opacity');
815   - if( !rgb ) return null;
816   - if( opacity === undefined ) opacity = 1;
817   - if( alpha ) {
818   - return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + parseFloat(opacity) + ')';
819   - } else {
820   - return 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')';
821   - }
822   - }
823   -
824   - // Converts to the letter case specified in settings
825   - function convertCase(string, letterCase) {
826   - return letterCase === 'uppercase' ? string.toUpperCase() : string.toLowerCase();
827   - }
828   -
829   - // Parses a string and returns a valid hex string when possible
830   - function parseHex(string, expand) {
831   - string = string.replace(/^#/g, '');
832   - if( !string.match(/^[A-F0-9]{3,6}/ig) ) return '';
833   - if( string.length !== 3 && string.length !== 6 ) return '';
834   - if( string.length === 3 && expand ) {
835   - string = string[0] + string[0] + string[1] + string[1] + string[2] + string[2];
836   - }
837   - return '#' + string;
838   - }
839   -
840   - // Parses a string and returns a valid RGB(A) string when possible
841   - function parseRgb(string, obj) {
842   -
843   - var values = string.replace(/[^\d,.]/g, ''),
844   - rgba = values.split(',');
845   -
846   - rgba[0] = keepWithin(parseInt(rgba[0], 10), 0, 255);
847   - rgba[1] = keepWithin(parseInt(rgba[1], 10), 0, 255);
848   - rgba[2] = keepWithin(parseInt(rgba[2], 10), 0, 255);
849   - if( rgba[3] ) {
850   - rgba[3] = keepWithin(parseFloat(rgba[3], 10), 0, 1);
851   - }
852   -
853   - // Return RGBA object
854   - if( obj ) {
855   - return {
856   - r: rgba[0],
857   - g: rgba[1],
858   - b: rgba[2],
859   - a: rgba[3] ? rgba[3] : null
860   - };
861   - }
862   -
863   - // Return RGBA string
864   - if( typeof(rgba[3]) !== 'undefined' && rgba[3] <= 1 ) {
865   - return 'rgba(' + rgba[0] + ', ' + rgba[1] + ', ' + rgba[2] + ', ' + rgba[3] + ')';
866   - } else {
867   - return 'rgb(' + rgba[0] + ', ' + rgba[1] + ', ' + rgba[2] + ')';
868   - }
869   -
870   - }
871   -
872   - // Parses a string and returns a valid color string when possible
873   - function parseInput(string, expand) {
874   - if( isRgb(string) ) {
875   - // Returns a valid rgb(a) string
876   - return parseRgb(string);
877   - } else {
878   - return parseHex(string, expand);
879   - }
880   - }
881   -
882   - // Keeps value within min and max
883   - function keepWithin(value, min, max) {
884   - if( value < min ) value = min;
885   - if( value > max ) value = max;
886   - return value;
887   - }
888   -
889   - // Checks if a string is a valid RGB(A) string
890   - function isRgb(string) {
891   - var rgb = string.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
892   - return (rgb && rgb.length === 4) ? true : false;
893   - }
894   -
895   - // Function to get alpha from a RGB(A) string
896   - function getAlpha(rgba) {
897   - rgba = rgba.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+(\.\d{1,2})?|\.\d{1,2})[\s+]?/i);
898   - return (rgba && rgba.length === 6) ? rgba[4] : '1';
899   - }
900   -
901   - // Converts an HSB object to an RGB object
902   - function hsb2rgb(hsb) {
903   - var rgb = {};
904   - var h = Math.round(hsb.h);
905   - var s = Math.round(hsb.s * 255 / 100);
906   - var v = Math.round(hsb.b * 255 / 100);
907   - if(s === 0) {
908   - rgb.r = rgb.g = rgb.b = v;
909   - } else {
910   - var t1 = v;
911   - var t2 = (255 - s) * v / 255;
912   - var t3 = (t1 - t2) * (h % 60) / 60;
913   - if( h === 360 ) h = 0;
914   - if( h < 60 ) { rgb.r = t1; rgb.b = t2; rgb.g = t2 + t3; }
915   - else if( h < 120 ) {rgb.g = t1; rgb.b = t2; rgb.r = t1 - t3; }
916   - else if( h < 180 ) {rgb.g = t1; rgb.r = t2; rgb.b = t2 + t3; }
917   - else if( h < 240 ) {rgb.b = t1; rgb.r = t2; rgb.g = t1 - t3; }
918   - else if( h < 300 ) {rgb.b = t1; rgb.g = t2; rgb.r = t2 + t3; }
919   - else if( h < 360 ) {rgb.r = t1; rgb.g = t2; rgb.b = t1 - t3; }
920   - else { rgb.r = 0; rgb.g = 0; rgb.b = 0; }
921   - }
922   - return {
923   - r: Math.round(rgb.r),
924   - g: Math.round(rgb.g),
925   - b: Math.round(rgb.b)
926   - };
927   - }
928   -
929   - // Converts an RGB string to a hex string
930   - function rgbString2hex(rgb){
931   - rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
932   - return (rgb && rgb.length === 4) ? '#' +
933   - ('0' + parseInt(rgb[1],10).toString(16)).slice(-2) +
934   - ('0' + parseInt(rgb[2],10).toString(16)).slice(-2) +
935   - ('0' + parseInt(rgb[3],10).toString(16)).slice(-2) : '';
936   - }
937   -
938   - // Converts an RGB object to a hex string
939   - function rgb2hex(rgb) {
940   - var hex = [
941   - rgb.r.toString(16),
942   - rgb.g.toString(16),
943   - rgb.b.toString(16)
944   - ];
945   - $.each(hex, function(nr, val) {
946   - if (val.length === 1) hex[nr] = '0' + val;
947   - });
948   - return '#' + hex.join('');
949   - }
950   -
951   - // Converts an HSB object to a hex string
952   - function hsb2hex(hsb) {
953   - return rgb2hex(hsb2rgb(hsb));
954   - }
955   -
956   - // Converts a hex string to an HSB object
957   - function hex2hsb(hex) {
958   - var hsb = rgb2hsb(hex2rgb(hex));
959   - if( hsb.s === 0 ) hsb.h = 360;
960   - return hsb;
961   - }
962   -
963   - // Converts an RGB object to an HSB object
964   - function rgb2hsb(rgb) {
965   - var hsb = { h: 0, s: 0, b: 0 };
966   - var min = Math.min(rgb.r, rgb.g, rgb.b);
967   - var max = Math.max(rgb.r, rgb.g, rgb.b);
968   - var delta = max - min;
969   - hsb.b = max;
970   - hsb.s = max !== 0 ? 255 * delta / max : 0;
971   - if( hsb.s !== 0 ) {
972   - if( rgb.r === max ) {
973   - hsb.h = (rgb.g - rgb.b) / delta;
974   - } else if( rgb.g === max ) {
975   - hsb.h = 2 + (rgb.b - rgb.r) / delta;
976   - } else {
977   - hsb.h = 4 + (rgb.r - rgb.g) / delta;
978   - }
979   - } else {
980   - hsb.h = -1;
981   - }
982   - hsb.h *= 60;
983   - if( hsb.h < 0 ) {
984   - hsb.h += 360;
985   - }
986   - hsb.s *= 100/255;
987   - hsb.b *= 100/255;
988   - return hsb;
989   - }
990   -
991   - // Converts a hex string to an RGB object
992   - function hex2rgb(hex) {
993   - hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
994   - return {
995   - /* jshint ignore:start */
996   - r: hex >> 16,
997   - g: (hex & 0x00FF00) >> 8,
998   - b: (hex & 0x0000FF)
999   - /* jshint ignore:end */
1000   - };
1001   - }
1002   -
1003   - // Handle events
1004   - $(document)
1005   - // Hide on clicks outside of the control
1006   - .on('mousedown.minicolors touchstart.minicolors', function(event) {
1007   - if( !$(event.target).parents().add(event.target).hasClass('minicolors') ) {
1008   - hide();
1009   - }
1010   - })
1011   - // Start moving
1012   - .on('mousedown.minicolors touchstart.minicolors', '.minicolors-grid, .minicolors-slider, .minicolors-opacity-slider', function(event) {
1013   - var target = $(this);
1014   - event.preventDefault();
1015   - $(document).data('minicolors-target', target);
1016   - move(target, event, true);
1017   - })
1018   - // Move pickers
1019   - .on('mousemove.minicolors touchmove.minicolors', function(event) {
1020   - var target = $(document).data('minicolors-target');
1021   - if( target ) move(target, event);
1022   - })
1023   - // Stop moving
1024   - .on('mouseup.minicolors touchend.minicolors', function() {
1025   - $(this).removeData('minicolors-target');
1026   - })
1027   - // Selected a swatch
1028   - .on('click.minicolors', '.minicolors-swatches li', function(event) {
1029   - event.preventDefault();
1030   - var target = $(this), input = target.parents('.minicolors').find('.minicolors-input'), color = target.data('swatch-color');
1031   - updateInput(input, color, getAlpha(color));
1032   - updateFromInput(input);
1033   - })
1034   - // Show panel when swatch is clicked
1035   - .on('mousedown.minicolors touchstart.minicolors', '.minicolors-input-swatch', function(event) {
1036   - var input = $(this).parent().find('.minicolors-input');
1037   - event.preventDefault();
1038   - show(input);
1039   - })
1040   - // Show on focus
1041   - .on('focus.minicolors', '.minicolors-input', function() {
1042   - var input = $(this);
1043   - if( !input.data('minicolors-initialized') ) return;
1044   - show(input);
1045   - })
1046   - // Update value on blur
1047   - .on('blur.minicolors', '.minicolors-input', function() {
1048   - var input = $(this),
1049   - settings = input.data('minicolors-settings'),
1050   - keywords,
1051   - hex,
1052   - rgba,
1053   - swatchOpacity,
1054   - value;
1055   -
1056   - if( !input.data('minicolors-initialized') ) return;
1057   -
1058   - // Get array of lowercase keywords
1059   - keywords = !settings.keywords ? [] : $.map(settings.keywords.split(','), function(a) {
1060   - return $.trim(a.toLowerCase());
1061   - });
1062   -
1063   - // Set color string
1064   - if( input.val() !== '' && $.inArray(input.val().toLowerCase(), keywords) > -1 ) {
1065   - value = input.val();
1066   - } else {
1067   - // Get RGBA values for easy conversion
1068   - if( isRgb(input.val()) ) {
1069   - rgba = parseRgb(input.val(), true);
1070   - } else {
1071   - hex = parseHex(input.val(), true);
1072   - rgba = hex ? hex2rgb(hex) : null;
1073   - }
1074   -
1075   - // Convert to format
1076   - if( rgba === null ) {
1077   - value = settings.defaultValue;
1078   - } else if( settings.format === 'rgb' ) {
1079   - value = settings.opacity ?
1080   - parseRgb('rgba(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ',' + input.attr('data-opacity') + ')') :
1081   - parseRgb('rgb(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ')');
1082   - } else {
1083   - value = rgb2hex(rgba);
1084   - }
1085   - }
1086   -
1087   - // Update swatch opacity
1088   - swatchOpacity = settings.opacity ? input.attr('data-opacity') : 1;
1089   - if( value.toLowerCase() === 'transparent' ) swatchOpacity = 0;
1090   - input
1091   - .closest('.minicolors')
1092   - .find('.minicolors-input-swatch > span')
1093   - .css('opacity', swatchOpacity);
1094   -
1095   - // Set input value
1096   - input.val(value);
1097   -
1098   - // Is it blank?
1099   - if( input.val() === '' ) input.val(parseInput(settings.defaultValue, true));
1100   -
1101   - // Adjust case
1102   - input.val( convertCase(input.val(), settings.letterCase) );
1103   -
1104   - })
1105   - // Handle keypresses
1106   - .on('keydown.minicolors', '.minicolors-input', function(event) {
1107   - var input = $(this);
1108   - if( !input.data('minicolors-initialized') ) return;
1109   - switch(event.keyCode) {
1110   - case 9: // tab
1111   - hide();
1112   - break;
1113   - case 13: // enter
1114   - case 27: // esc
1115   - hide();
1116   - input.blur();
1117   - break;
1118   - }
1119   - })
1120   - // Update on keyup
1121   - .on('keyup.minicolors', '.minicolors-input', function() {
1122   - var input = $(this);
1123   - if( !input.data('minicolors-initialized') ) return;
1124   - updateFromInput(input, true);
1125   - })
1126   - // Update on paste
1127   - .on('paste.minicolors', '.minicolors-input', function() {
1128   - var input = $(this);
1129   - if( !input.data('minicolors-initialized') ) return;
1130   - setTimeout( function() {
1131   - updateFromInput(input, true);
1132   - }, 1);
1133   - });
1134   -
1135   -}));
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/jquery.minicolors.png deleted
View file @2d23108

67 KB
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/jquery.minicolors.png
View file @6b49383

76.2 KB | W: | H:

75.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin