"Fancybox" Global jQuery plugin implementation with JSPM / System.js as module: -


i got 'fancybox' working module, can import import fancybox 'fancybox'; inside main app js file. cannot work 'helper' js files, extend functionality of main fancybox function.

jspm package.json in overrides section exports 'fancybox' function main 'source/jquery.fancybox.pack.js' file. should extended helper files.

{   "jspm": {     "configfile": "config.js",     "dependencies": {       "fancybox": "bower:fancybox@^2.1.5",     },     "overrides": {       "bower:fancybox@2.1.5": {         "main": "source/jquery.fancybox.pack.js",         "format": "global",         "files": [           "source/jquery.fancybox.pack.js",           "source/helpers/jquery.fancybox-buttons.js",           "source/helpers/jquery.fancybox-media.js",           "source/helpers/jquery.fancybox-thumbs.js"         ],         "shim": {           "source/jquery.fancybox.pack.js": {             "deps": [               "jquery"             ],             "exports": "fancybox"           },           "source/helpers/jquery.fancybox-buttons.js": {             "deps": [               "jquery"             ],             "exports": "*"           },           "source/helpers/jquery.fancybox-media.js": {             "deps": [               "jquery"             ],             "exports": "*"           },           "source/helpers/jquery.fancybox-thumbs.js": {             "deps": [               "jquery"             ],             "exports": "*"           }         }       }     }   } }

main app entery point main.js: 

import jquery 'jquery'; import fancybox 'fancybox';  jquery(document).ready(function() {     /*      *  simple image gallery. uses default settings      */      if (typeof jquery('.fancybox').fancybox !== 'undefined') {             // variable defined               jquery('.fancybox').fancybox();               /*              *  different effects              */               // change title type, overlay closing speed              jquery(".fancybox-effects-a").fancybox({                  helpers: {                      title : {                          type : 'outside'                      },                      overlay : {                          speedout : 0                      }                  }              });  // ..... & other helpers , configurations.               /*              *  thumbnail helper. disable animations, hide close button, arrows , slide next gallery item if clicked              */              jquery('.fancybox-thumbs').fancybox({                  preveffect : 'none',                  nexteffect : 'none',                   closebtn  : false,                  arrows    : false,                  nextclick : true,                   helpers : {                      thumbs : {                          width  : 50,                          height : 50                      }                  }              });  } });

i'm not sure how combine helpers main function. thanks

i've installed latest beta version of jspm 0.17 ... followed documentation version, lot of trial , error, seems fulfill requirement. in package specific file filename@version.json jspm creates i've altered below code. , jspm install caused saved in package.json. after possible import package page, i.e. import 'fancybox; without exports.

    {   "main": "source/helpers/jquery.fancybox-thumbs.js",   "format": "global",   "meta": {     "source/jquery.fancybox.pack.js": {       "deps": [         "./helpers/jquery.fancybox-thumbs.css!",         "./helpers/jquery.fancybox-buttons.css!",         "./jquery.fancybox.css!"       ],       "format": "global",       "globals": {         "jquery": "jquery"       }     },     "source/helpers/jquery.fancybox-buttons.js": {       "format": "global",       "globals": {         "jquery": "jquery",         "fancybox": "../jquery.fancybox.pack.js"       }     },     "source/helpers/jquery.fancybox-media.js": {       "format": "global",       "globals": {         "fancybox": "./jquery.fancybox-buttons.js"       }     },     "source/helpers/jquery.fancybox-thumbs.js": {       "format": "global",       "globals": {         "fancybox": "./jquery.fancybox-media.js"       }     }   },   "map": {} }

Comments

Post a Comment

Popular posts from this blog

jOOQ update returning clause with Oracle -

according http://www.jooq.org/doc/3.8/manual/sql-building/sql-statements/update-statement/ jooq doesn't support returning clause in update statements databases except firebird , postgres. does know, still correct oracle jooq? according oracle's documentation, oracle db supports returning clase delete, insert, or update statements. incorrect manual you're right - manual wrong , should fixed: https://github.com/jooq/jooq/issues/5470 single row update returning jooq 3.8 added support single row update .. returning statements. internally, uses callablestatement , pl/sql block of form: begin update "my_table" set "my_table"."column" = 'xyz' "my_table"."id" = 1 returning "my_table"."id", "my_table"."column" ?, ?; ? := sql%rowcount; end; the relevant issue is: https://github.com/jooq/jooq/issues/5190 multi row update returning a...
Read more

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

i have entity inherits other. on other hand, i'm using lombok project reduce boilerplate code, put @data annotation. annotation @data inheritance produces next warning: generating equals/hashcode implementation without call superclass, though class not extend java.lang.object. if intentional, add '@equalsandhashcode(callsuper=false)' type. is advisable add annotation @equalsandhashcode (callsuper = true) or @equalsandhashcode (callsuper = false) ? if not added, 1 callsuper=false or callsuper=true ? the default value false . 1 if don't specify , ignore warning. yes, recommended add @equalsandhashcode annotation on @data annotated classes extend else object. cannot tell if need true or false , depends on class hierarchy, , need examined on case-by-case basis. however, project or package, can configure in lombok.config call super methods if not direct subclass of object. lombok.equalsandhashcode.callsuper = call for configuration system ...
Read more

java - BasicPathUsageException: Cannot join to attribute of basic type -

i using java 8 jpa (hibernate 5.2.1). have clause works perfectly, until introduce clause make use foreign key table values too. i getting following error: basicpathusageexception: cannot join attribute of basic type i think problem related fact have join table, , not sure how create join using join table. employee - employee_category - category model (employee.java): @manytomany(cascade = cascadetype.all, fetch=fetchtype.eager) @jointable ( name="employee_category", joincolumns={ @joincolumn(name="emp_id", referencedcolumnname="id") }, inversejoincolumns={ @joincolumn(name="cat_id", referencedcolumnname="id") } ) private set<category> categories; model (category.java): @id private string id; jpa when introduce following code, fails error above (i think problem new piece of code): join<t, category> category = from.join("id"); predicates.add(criteriabuilder.like(category....
Read more