Gecko [ myeducation.co.th ]

Name	Size	Permission
accordion.css	8.51 KB	-rwxr-xr-x
accordion.js	19.7 KB	-rwxr-xr-x
accordion.min.css	6.78 KB	-rwxr-xr-x
accordion.min.js	6.95 KB	-rwxr-xr-x
ad.css	3.81 KB	-rwxr-xr-x
ad.min.css	2.01 KB	-rwxr-xr-x
api.js	38.85 KB	-rwxr-xr-x
api.min.js	14.28 KB	-rwxr-xr-x
breadcrumb.css	1.99 KB	-rwxr-xr-x
breadcrumb.min.css	1.16 KB	-rwxr-xr-x
button.css	109.89 KB	-rwxr-xr-x
button.min.css	88.08 KB	-rwxr-xr-x
card.css	23.76 KB	-rwxr-xr-x
card.min.css	16.99 KB	-rwxr-xr-x
checkbox.css	16.45 KB	-rwxr-xr-x
checkbox.js	25.47 KB	-rwxr-xr-x
checkbox.min.css	12.42 KB	-rwxr-xr-x
checkbox.min.js	11.12 KB	-rwxr-xr-x
colorize.js	8.24 KB	-rwxr-xr-x
colorize.min.js	3.18 KB	-rwxr-xr-x
comment.css	4.74 KB	-rwxr-xr-x
comment.min.css	2.87 KB	-rwxr-xr-x
container.css	2.88 KB	-rwxr-xr-x
container.min.css	1.87 KB	-rwxr-xr-x
dimmer.css	5.18 KB	-rwxr-xr-x
dimmer.js	21.06 KB	-rwxr-xr-x
dimmer.min.css	3.43 KB	-rwxr-xr-x
dimmer.min.js	7.9 KB	-rwxr-xr-x
divider.css	7.59 KB	-rwxr-xr-x
divider.min.css	5.95 KB	-rwxr-xr-x
dropdown.css	35.06 KB	-rwxr-xr-x
dropdown.js	138.66 KB	-rwxr-xr-x
dropdown.min.css	25.07 KB	-rwxr-xr-x
dropdown.min.js	49.76 KB	-rwxr-xr-x
embed.css	2.93 KB	-rwxr-xr-x
embed.js	19.43 KB	-rwxr-xr-x
embed.min.css	1.79 KB	-rwxr-xr-x
embed.min.js	7.43 KB	-rwxr-xr-x
feed.css	5.42 KB	-rwxr-xr-x
feed.min.css	3.5 KB	-rwxr-xr-x
flag.css	20.89 KB	-rwxr-xr-x
flag.min.css	18.13 KB	-rwxr-xr-x
form.css	27.36 KB	-rwxr-xr-x
form.js	54.6 KB	-rwxr-xr-x
form.min.css	21.05 KB	-rwxr-xr-x
form.min.js	19.99 KB	-rwxr-xr-x
grid.css	69.33 KB	-rwxr-xr-x
grid.min.css	55.97 KB	-rwxr-xr-x
header.css	12.47 KB	-rwxr-xr-x
header.min.css	8.66 KB	-rwxr-xr-x
icon.css	80.21 KB	-rwxr-xr-x
icon.min.css	65.44 KB	-rwxr-xr-x
image.css	5.24 KB	-rwxr-xr-x
image.min.css	3.63 KB	-rwxr-xr-x
input.css	11.89 KB	-rwxr-xr-x
input.min.css	8.48 KB	-rwxr-xr-x
item.css	9.05 KB	-rwxr-xr-x
item.min.css	5.84 KB	-rwxr-xr-x
label.css	26.46 KB	-rwxr-xr-x
label.min.css	19.53 KB	-rwxr-xr-x
list.css	21.03 KB	-rwxr-xr-x
list.min.css	15.71 KB	-rwxr-xr-x
loader.css	6.62 KB	-rwxr-xr-x
loader.min.css	4.58 KB	-rwxr-xr-x
menu.css	42.2 KB	-rwxr-xr-x
menu.min.css	30.74 KB	-rwxr-xr-x
message.css	11.68 KB	-rwxr-xr-x
message.min.css	8.15 KB	-rwxr-xr-x
modal.css	11.9 KB	-rwxr-xr-x
modal.js	31.65 KB	-rwxr-xr-x
modal.min.css	7.82 KB	-rwxr-xr-x
modal.min.js	12.41 KB	-rwxr-xr-x
nag.css	2.52 KB	-rwxr-xr-x
nag.js	14.69 KB	-rwxr-xr-x
nag.min.css	1.44 KB	-rwxr-xr-x
nag.min.js	5.58 KB	-rwxr-xr-x
placeholder.css	5.57 KB	-rwxr-xr-x
placeholder.min.css	4.34 KB	-rwxr-xr-x
popup.css	16.26 KB	-rwxr-xr-x
popup.js	49.55 KB	-rwxr-xr-x
popup.min.css	11.74 KB	-rwxr-xr-x
popup.min.js	18.2 KB	-rwxr-xr-x
progress.css	9.91 KB	-rwxr-xr-x
progress.js	29.56 KB	-rwxr-xr-x
progress.min.css	7.24 KB	-rwxr-xr-x
progress.min.js	12.1 KB	-rwxr-xr-x
rail.css	2.44 KB	-rwxr-xr-x
rail.min.css	1.41 KB	-rwxr-xr-x
rating.css	19.95 KB	-rwxr-xr-x
rating.js	14.02 KB	-rwxr-xr-x
rating.min.css	17.95 KB	-rwxr-xr-x
rating.min.js	5.24 KB	-rwxr-xr-x
reset.css	8.44 KB	-rwxr-xr-x
reset.min.css	2.75 KB	-rwxr-xr-x
reveal.css	7.7 KB	-rwxr-xr-x
reveal.min.css	5.64 KB	-rwxr-xr-x
search.css	9.7 KB	-rwxr-xr-x
search.js	48.54 KB	-rwxr-xr-x
search.min.css	6.72 KB	-rwxr-xr-x
search.min.js	17.22 KB	-rwxr-xr-x
segment.css	18.72 KB	-rwxr-xr-x
segment.min.css	13.42 KB	-rwxr-xr-x
shape.css	3.62 KB	-rwxr-xr-x
shape.js	28.27 KB	-rwxr-xr-x
shape.min.css	2.45 KB	-rwxr-xr-x
shape.min.js	10.56 KB	-rwxr-xr-x
sidebar.css	14.77 KB	-rwxr-xr-x
sidebar.js	32.67 KB	-rwxr-xr-x
sidebar.min.css	10.47 KB	-rwxr-xr-x
sidebar.min.js	13.17 KB	-rwxr-xr-x
site.css	3.63 KB	-rwxr-xr-x
site.js	13.79 KB	-rwxr-xr-x
site.min.css	2.39 KB	-rwxr-xr-x
site.min.js	5.94 KB	-rwxr-xr-x
state.js	20.3 KB	-rwxr-xr-x
state.min.js	7.62 KB	-rwxr-xr-x
statistic.css	12.36 KB	-rwxr-xr-x
statistic.min.css	9.36 KB	-rwxr-xr-x
step.css	22.38 KB	-rwxr-xr-x
step.min.css	18.71 KB	-rwxr-xr-x
sticky.css	1.18 KB	-rwxr-xr-x
sticky.js	30.13 KB	-rwxr-xr-x
sticky.min.css	599 B	-rwxr-xr-x
sticky.min.js	11.59 KB	-rwxr-xr-x
tab.css	1.73 KB	-rwxr-xr-x
tab.js	32.05 KB	-rwxr-xr-x
tab.min.css	1.04 KB	-rwxr-xr-x
tab.min.js	11.24 KB	-rwxr-xr-x
table.css	23.82 KB	-rwxr-xr-x
table.min.css	17.57 KB	-rwxr-xr-x
transition.css	46.01 KB	-rwxr-xr-x
transition.js	34.16 KB	-rwxr-xr-x
transition.min.css	32.73 KB	-rwxr-xr-x
transition.min.js	12.71 KB	-rwxr-xr-x
video.css	2.17 KB	-rwxr-xr-x
video.js	15.35 KB	-rwxr-xr-x
video.min.css	1.29 KB	-rwxr-xr-x
video.min.js	5.94 KB	-rwxr-xr-x
visibility.js	41.86 KB	-rwxr-xr-x
visibility.min.js	15.93 KB	-rwxr-xr-x
visit.js	15.26 KB	-rwxr-xr-x
visit.min.js	5.74 KB	-rwxr-xr-x

Code Editor : colorize.js

/*!
 * # Semantic UI 2.0.0 - Colorize
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

;(function ( $, window, document, undefined ) {

"use strict";

$.fn.colorize = function(parameters) {
    var
      settings          = ( $.isPlainObject(parameters) )
        ? $.extend(true, {}, $.fn.colorize.settings, parameters)
        : $.extend({}, $.fn.colorize.settings),
      // hoist arguments
      moduleArguments = arguments || false
    ;
    $(this)
      .each(function(instanceIndex) {

var
          $module         = $(this),

mainCanvas      = $('<canvas />')[0],
          imageCanvas     = $('<canvas />')[0],
          overlayCanvas   = $('<canvas />')[0],

backgroundImage = new Image(),

// defs
          mainContext,
          imageContext,
          overlayContext,

image,
          imageName,

width,
          height,

// shortcuts
          colors    = settings.colors,
          paths     = settings.paths,
          namespace = settings.namespace,
          error     = settings.error,

// boilerplate
          instance   = $module.data('module-' + namespace),
          module
        ;

module = {

checkPreconditions: function() {
            module.debug('Checking pre-conditions');

if( !$.isPlainObject(colors) || $.isEmptyObject(colors) ) {
              module.error(error.undefinedColors);
              return false;
            }
            return true;
          },

async: function(callback) {
            if(settings.async) {
              setTimeout(callback, 0);
            }
            else {
              callback();
            }
          },

getMetadata: function() {
            module.debug('Grabbing metadata');
            image     = $module.data('image') || settings.image || undefined;
            imageName = $module.data('name')  || settings.name  || instanceIndex;
            width     = settings.width        || $module.width();
            height    = settings.height       || $module.height();
            if(width === 0 || height === 0) {
              module.error(error.undefinedSize);
            }
          },

initialize: function() {
            module.debug('Initializing with colors', colors);
            if( module.checkPreconditions() ) {

module.async(function() {
                module.getMetadata();
                module.canvas.create();

module.draw.image(function() {
                  module.draw.colors();
                  module.canvas.merge();
                });
                $module
                  .data('module-' + namespace, module)
                ;
              });
            }
          },

redraw: function() {
            module.debug('Redrawing image');
            module.async(function() {
              module.canvas.clear();
              module.draw.colors();
              module.canvas.merge();
            });
          },

change: {
            color: function(colorName, color) {
              module.debug('Changing color', colorName);
              if(colors[colorName] === undefined) {
                module.error(error.missingColor);
                return false;
              }
              colors[colorName] = color;
              module.redraw();
            }
          },

canvas: {
            create: function() {
              module.debug('Creating canvases');

mainCanvas.width     = width;
              mainCanvas.height    = height;
              imageCanvas.width    = width;
              imageCanvas.height   = height;
              overlayCanvas.width  = width;
              overlayCanvas.height = height;

mainContext    = mainCanvas.getContext('2d');
              imageContext   = imageCanvas.getContext('2d');
              overlayContext = overlayCanvas.getContext('2d');

$module
                .append( mainCanvas )
              ;
              mainContext    = $module.children('canvas')[0].getContext('2d');
            },
            clear: function(context) {
              module.debug('Clearing canvas');
              overlayContext.fillStyle = '#FFFFFF';
              overlayContext.fillRect(0, 0, width, height);
            },
            merge: function() {
              if( !$.isFunction(mainContext.blendOnto) ) {
                module.error(error.missingPlugin);
                return;
              }
              mainContext.putImageData( imageContext.getImageData(0, 0, width, height), 0, 0);
              overlayContext.blendOnto(mainContext, 'multiply');
            }
          },

draw: {

image: function(callback) {
              module.debug('Drawing image');
              callback = callback || function(){};
              if(image) {
                backgroundImage.src    = image;
                backgroundImage.onload = function() {
                  imageContext.drawImage(backgroundImage, 0, 0);
                  callback();
                };
              }
              else {
                module.error(error.noImage);
                callback();
              }
            },

colors: function() {
              module.debug('Drawing color overlays', colors);
              $.each(colors, function(colorName, color) {
                settings.onDraw(overlayContext, imageName, colorName, color);
              });
            }

debug: function(message, variableName) {
            if(settings.debug) {
              if(variableName !== undefined) {
                console.info(settings.name + ': ' + message, variableName);
              }
              else {
                console.info(settings.name + ': ' + message);
              }
            }
          },
          error: function(errorMessage) {
            console.warn(settings.name + ': ' + errorMessage);
          },
          invoke: function(methodName, context, methodArguments) {
            var
              method
            ;
            methodArguments = methodArguments || Array.prototype.slice.call( arguments, 2 );

if(typeof methodName == 'string' && instance !== undefined) {
              methodName = methodName.split('.');
              $.each(methodName, function(index, name) {
                if( $.isPlainObject( instance[name] ) ) {
                  instance = instance[name];
                  return true;
                }
                else if( $.isFunction( instance[name] ) ) {
                  method = instance[name];
                  return true;
                }
                module.error(settings.error.method);
                return false;
              });
            }
            return ( $.isFunction( method ) )
              ? method.apply(context, methodArguments)
              : false
            ;
          }

};
        if(instance !== undefined && moduleArguments) {
          // simpler than invoke realizing to invoke itself (and losing scope due prototype.call()
          if(moduleArguments[0] == 'invoke') {
            moduleArguments = Array.prototype.slice.call( moduleArguments, 1 );
          }
          return module.invoke(moduleArguments[0], this, Array.prototype.slice.call( moduleArguments, 1 ) );
        }
        // initializing
        module.initialize();
      })
    ;
    return this;
  };

$.fn.colorize.settings = {
    name      : 'Image Colorizer',
    debug     : true,
    namespace : 'colorize',

onDraw    : function(overlayContext, imageName, colorName, color) {},

// whether to block execution while updating canvas
    async     : true,
    // object containing names and default values of color regions
    colors    : {},

metadata: {
      image : 'image',
      name  : 'name'
    },

error: {
      noImage         : 'No tracing image specified',
      undefinedColors : 'No default colors specified.',
      missingColor    : 'Attempted to change color that does not exist',
      missingPlugin   : 'Blend onto plug-in must be included',
      undefinedHeight : 'The width or height of image canvas could not be automatically determined. Please specify a height.'
    }

};

})( jQuery, window , document );

${this.title}

Code Editor : colorize.js