Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 .bower.json { "name": "chocolat", "version": "0.4.10", "main": [ "dist/css/chocolat.css", "dist/js/jquery.chocolat.js" ], "license": "CC-BY-2.0", "dependencies": { "jquery": "~1.8.2" }, "devDependencies": { "coffee-script": "^1.9.3", "chai": "^3.0.0", "gulp": "^3.9.0", "gulp-coffee": "^2.3.1", "gulp-mocha-phantomjs": "^0.6.1", "gulp-util": "^3.0.6" }, "authors": [ { "name": "Nicolas Turlais", "email": "nicolas@insipi.de", " homepage": "http://nicolasturlais.com" } ], "homepage": "http://chocolat.insipi.de", "repository": { "type": "git", "url": "git://github.com/nicolas-t/Chocolat.git" }, "_release": "0.4.10", "_resolution": { "type": "version", "tag": "0.4.10", "commit": "329db4f5475ee5cbcdd79cb0c4f261934862511b" }, "_source": "git://github.com/nicolas-t/Chocolat.git", "_target": "~0.4.10", "_originalSource": "chocolat" }	944 B	2026-02-12 14:54
📄 .gitignore node_modules test/test.chocolat.js	34 B	2026-02-12 14:54
📄 .travis.yml language: node_js node_js: - "0.10" install: - npm install phantomjs - npm install https://github.com/metaskills/mocha-phantomjs/archive/v3.5.3.tar.gz - npm install before_script: - phantomjs --version - mocha-phantomjs --version - gulp compile-coffee & - sleep 5 script: - mocha-phantomjs test/index.html	323 B	2026-02-12 14:54
📄 bower.json { "name": "chocolat", "version": "0.4.10", "main": [ "dist/css/chocolat.css", "dist/js/jquery.chocolat.js" ], "license": "CC-BY-2.0", "dependencies": { "jquery": "~1.8.2" }, "devDependencies": { "coffee-script": "^1.9.3", "chai": "^3.0.0", "gulp": "^3.9.0", "gulp-coffee": "^2.3.1", "gulp-mocha-phantomjs": "^0.6.1", "gulp-util": "^3.0.6" }, "authors": [ { "name": "Nicolas Turlais", "email": "nicolas@insipi.de", " homepage": "http://nicolasturlais.com" } ], "homepage": "http://chocolat.insipi.de", "repository": { "type": "git", "url": "git://github.com/nicolas-t/Chocolat.git" } }	682 B	2026-02-12 14:54
📁 dist	-	2026-02-12 14:54
📄 gulpfile.coffee gulp = require 'gulp' gutil = require 'gulp-util' rename = require 'gulp-rename'; uglify = require 'gulp-uglify' coffee = require 'gulp-coffee' bump = require 'gulp-bump' mochaPhantomJS = require 'gulp-mocha-phantomjs' jshint = require 'gulp-jshint' gulp.task 'compile-coffee', -> gulp.src './test/.coffee' .pipe coffee({bare: true}).on('error', gutil.log) .pipe gulp.dest './test/' gulp.task 'testing', -> gulp.src('./test/index.html') .pipe(mochaPhantomJS()); gulp.task 'build-js', -> gulp.src('./src/js/jquery.chocolat.js') .pipe gulp.dest('./dist/js/') .pipe(rename('jquery.chocolat.min.js')) .pipe(uglify()) .pipe gulp.dest('./dist/js/') gulp.task 'build-css', -> gulp.src('./src/css/chocolat.css') .pipe gulp.dest('./dist/css/') gulp.task 'build-images', -> gulp.src('./src/images/') .pipe gulp.dest('./dist/images/') gulp.task 'lint', -> gulp.src('./src/js/jquery.chocolat.js') .pipe(jshint()) .pipe(jshint.reporter('default')) gulp.task 'bump', -> gulp.src(['./package.json', './bower.json']) .pipe(bump()) .pipe gulp.dest('./') gulp.task 'watch-test',-> gulp.watch(['./test/.coffee', './src/js/.js', './src/css/.css'], ['test']) gulp.task 'watch-src',-> gulp.watch(['./src/js/.js', './src/css/*.css'], ['build-js', 'build-css']) gulp.task 'test', [ 'lint' 'build' 'compile-coffee' 'testing' 'watch-test' ] gulp.task 'build', [ 'build-js' 'build-css' 'build-images' ] gulp.task 'default', [ 'lint' 'build' 'watch-src' ]	1.55 KB	2026-02-12 14:54
📄 package.json { "name": "chocolat", "version": "0.4.10", "description": " Responsive jQuery Lightbox Plugin", "main": [ "css/chocolat.css", "js/jquery.chocolat.js" ], "directories": { "test": "test" }, "dependencies": { "jquery": "~1.8.2" }, "devDependencies": { "chai": "^3.0.0", "coffee-script": "^1.9.3", "gulp": "^3.9.0", "gulp-bump": "^0.3.1", "gulp-coffee": "^2.3.1", "gulp-jshint": "^1.11.2", "gulp-mocha-phantomjs": "^0.6.1", "gulp-rename": "^1.2.2", "gulp-uglify": "^1.2.0", "gulp-util": "^3.0.6" }, "scripts": { "test": "make test" }, "repository": { "type": "git", "url": "git+https://github.com/nicolas-t/Chocolat.git" }, "keywords": [ "jquery", "lightbox", "plugin", "responsive" ], "author": "Nicolas Turlais", "license": "ISC", "bugs": { "url": "https://github.com/nicolas-t/Chocolat/issues" }, "homepage": "https://github.com/nicolas-t/Chocolat#readme" }	989 B	2026-02-12 14:54
📄 readme.md ##Chocolat [![Build Status](https://travis-ci.org/nicolas-t/Chocolat.svg?branch=master)](https://travis-ci.org/nicolas-t/Chocolat) ----------- Chocolat is a responsive jQuery lightbox plugin What you are looking for is in the `/dist/` folder. #### Dependencies It expects jQuery to work (either 1.x or 2.x): https://github.com/jquery/jquery #### Compatibility recent browsers such as : IE 7+, Safari, Firefox & Chrome. ##Markup ----------- ```html <div id="example1" data-chocolat-title="Set title"> <a class="chocolat-image" href="img/a.jpg" title="image caption a"> A <!-- you can display a thumbnail here : <img src="thumb/a.jpg" /> --> </a> <a class="chocolat-image" href="img/b.jpg" title="image caption b"> B <!-- you can display a thumbnail here : <img src="thumb/b.jpg" /> --> </a> </div> ``` ```js $(document).ready(function(){ $('#example1').Chocolat(); }); ``` ##Documentation ----------- ### Parameters container : `default:window` Sets whether viewer will open and fill the whole page (`default`) , or whether it should open in a particular block of the page. For example ` #container2` in this case the height and width of the block must be defined. values can be : window, selector, jQuery element, or a node imageSelector : `default : '.chocolat-image'` Selector to find images in the parent element (on which chocolat is called) linkImages : `default : true ` Sets whether we can switch from one image to another, within the same call, without closing the viewer (`true`) , or if the images remain independent (`false`). Warning: if `LinkImage`: is `false` then `displayAsALink` must be worth `false` too. Otherwise we can only view the first image in the set. setTitle : `default : ''` Title of the set. Can also be defined from the html, with the `data-chocolat-title` attribute className : `default : ''` Add a custom css class to the parent of the lightbox imageSize : `default : 'default'` Can be `'default'`, `'contain'`, `'native'`, or `'cover'`. `default` : if the image is bigger than the window it's resized to fit, else if the image is smaller than the window it's not streched, only displayed at native dimensions `'contain'` : if the image is bigger than the window it's resized to fit, else if the image is smaller than the window it's streched, to fit the window `'cover'` : the image cover the window, no white space are displayed. more informations & exemple about contain/cover : https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images `'native'` : the image is never streched nor shrinked, always displayed at native dimensions fullScreen : `default : false` HTML5 new feature. Hides the browser. loop : `default : false` Last image + 1 leads to first image & first image - 1 leads to last image. duration : `default : 300` Animations duration firstImage : `default : 0` Index of the image that you want to start the series. lastImage : `default : 0` Index of the image that you want to end the series. separator2 : `default : '/'` Text between the number of the image and the number of images in the set, does not matter. images : `default : []` Array of object representing the set images `[{src:'img1.jpg'}, {src:'img1.jpg'}, ...]` You can also specify image title `[{src:'img1.jpg', title: 'title'}, ..]` setIndex : `default : 0` Set index. yes. ### API ###### Syntax Call chocolat like this : ```js $(document).ready(function(){ var instance = $('#example1').Chocolat().data('chocolat'); }); ``` Then API calls can be made like this (open for exemple): ```js instance.api().open(); ``` ###### Methods open : `param (optionnal) : i` Open the lightbox on the image whose index is `i`. By default on the first image (i=0). Returns a $.Deferred object. close : Close the lightbox. Returns a $.Deferred object. prev : Change image backward. Returns a $.Deferred object. next : Change image forward. Returns a $.Deferred object. goto : `param : i` (Alias of open) go to image whose index is `i` on an already opened ligthbox. Returns a $.Deferred object. place : Center the image in its parent. Returns a $.Deferred object. destroy : Destroy the current instance. Remove elements, unbind events, clear data. set : `params : property, value` Classic setter get : `param : property` Classic getter getElem : `param : name` Returns a jQuery object composing the lightbox. Ex: for the next arrow : `instance.api().getElem('right')` current : Returns the index of the current image. ### CSS Classes .chocolat-open : Set to the container when the lightbox is open. .chocolat-in-container : Set to the container when chocolat is open in a block (`container != window`) .chocolat-cover : Set to the container when chocolat `imageSize` is set to `'cover'` .chocolat-zoomable : Set to the container when chocolat is zoomable .chocolat-zoomed : Set to the container when chocolat is zoomed ##Contributing ----------- Feel free to contribute by forking then making a pull request. Edit files in the `/src/` folder, run `gulp` to copy/minify into the `/dist/` folder and to watch for changes. ##Testing To test, run `gulp test`, if you don't have all packages installed then run `npm install` Tests are written in `test/src/test.chocolat.coffee` ##Angular (ng-chocolat) An angular directive of Chocolat.js exists thanks to @beuted: https://github.com/beuted/ng-chocolat	5.44 KB	2026-02-12 14:54
📁 src	-	2026-02-12 14:54
📁 test	-	2026-02-12 14:54

Terminal