Build script, meta files and toolbar

.gitignore

@@ -0,0 +1,6 @@
+*~
+.[0-9/]*
+\#*\#
+.\#*
+bower_components
+node_modules

.npmignore

@@ -0,0 +1,10 @@
+.*
+*~
+bower.*
+package.in
+Makefile*
+README.in
+examples
+bin
+css/jquery.filebrowser-*.css
+js/jquery.filebrowser-*.js

Makefile

@@ -0,0 +1,47 @@
+VERSION=0.1.0
+COMPRESS=uglifyjs
+SED=sed
+CP=cp
+RM=rm
+CAT=cat
+DATE=`date -uR`
+
+
+ALL: Makefile .$(VERSION) js/jquery.filebrowser-$(VERSION).js js/jquery.filebrowser.js js/jquery.filebrowser-$(VERSION).min.js js/jquery.filebrowser.min.js css/jquery.filebrowser-$(VERSION).css css/jquery.filebrowser-$(VERSION).min.css css/jquery.filebrowser.min.css css/jquery.filebrowser.css README.md bower.json package.json
+
+.$(VERSION): Makefile
+	touch .$(VERSION)
+
+bower.json: bower.in .$(VERSION)
+	$(SED) -e "s/{{VER}}/$(VERSION)/g" bower.in > bower.json
+
+package.json: package.in .$(VERSION)
+	$(SED) -e "s/{{VER}}/$(VERSION)/g" package.in > package.json
+
+js/jquery.filebrowser-$(VERSION).js: js/jquery.filebrowser-src.js .$(VERSION)
+	$(SED) -e "s/{{VER}}/$(VERSION)/g" -e "s/{{DATE}}/$(DATE)/g" js/jquery.filebrowser-src.js > js/jquery.filebrowser-$(VERSION).js
+
+js/jquery.filebrowser.js: js/jquery.filebrowser-$(VERSION).js
+	$(CP) js/jquery.filebrowser-$(VERSION).js js/jquery.filebrowser.js
+
+js/jquery.filebrowser-$(VERSION).min.js: js/jquery.filebrowser-$(VERSION).js
+	$(COMPRESS) -o js/jquery.filebrowser-$(VERSION).min.js --comments --mangle -- js/jquery.filebrowser-$(VERSION).js
+
+js/jquery.filebrowser.min.js: js/jquery.filebrowser-$(VERSION).min.js
+	$(CP) js/jquery.filebrowser-$(VERSION).min.js js/jquery.filebrowser.min.js
+
+css/jquery.filebrowser-$(VERSION).css: css/jquery.filebrowser-src.css .$(VERSION)
+	$(SED) -e "s/{{VER}}/$(VERSION)/g" -e "s/{{DATE}}/$(DATE)/g" css/jquery.filebrowser-src.css > css/jquery.filebrowser-$(VERSION).css
+
+css/jquery.filebrowser.css: css/jquery.filebrowser-$(VERSION).css .$(VERSION)
+	$(CP) css/jquery.filebrowser-$(VERSION).css css/jquery.filebrowser.css
+
+css/jquery.filebrowser.min.css: css/jquery.filebrowser-$(VERSION).min.css
+	$(CP) css/jquery.filebrowser-$(VERSION).min.css css/jquery.filebrowser.min.css
+
+css/jquery.filebrowser-$(VERSION).min.css: css/jquery.filebrowser-$(VERSION).css
+	java -jar bin/yuicompressor-2.4.8.jar css/jquery.filebrowser-$(VERSION).css -o css/jquery.filebrowser-$(VERSION).min.css
+	$(SED) -i -e 's/0,100%/0%,100%/g' css/jquery.filebrowser-$(VERSION).min.css
+
+README.md: README.in .$(VERSION)
+	$(SED) -e "s/{{VER}}/$(VERSION)/g" < README.in > README.md

README.in

@@ -0,0 +1,9 @@
+# jQuery File Browser version {{VER}}
+
+jQuery File Browser is a plugin for creating OS like file browsers.
+
+# License
+
+Licensed under [MIT](http://opensource.org/licenses/MIT) license
+
+Copyright (c) 2016 [Jakub Jankiewicz](http://jcubic.pl)

README.md

@@ -0,0 +1,9 @@
+# jQuery File Browser version 0.1.0
+
+jQuery File Browser is a plugin for creating OS like file browsers.
+
+# License
+
+Licensed under [MIT](http://opensource.org/licenses/MIT) license
+
+Copyright (c) 2016 [Jakub Jankiewicz](http://jcubic.pl)

bower.in

@@ -0,0 +1,21 @@
+{
+    "name": "jquery.filebrowser",
+    "version": "{{VER}}",
+    "main": [
+        "js/jquery.filebrowser.min.js",
+        "css/jquery.filebrowser.min.css"
+    ],
+    "description": "jQuery File Browser is a plugin for creating OS like file browsers.",
+    "license": "MIT",
+    "ignore": [
+        "examples",
+        "CHANGELOG",
+        "README.in",
+        "bower.in",
+        "Makefile"
+    ],
+    "dependencies": {
+        "jquery": "~2"
+    },
+    "devDependencies": {}
+}

bower.json

@@ -0,0 +1,21 @@
+{
+    "name": "jquery.filebrowser",
+    "version": "0.1.0",
+    "main": [
+        "js/jquery.filebrowser.min.js",
+        "css/jquery.filebrowser.min.css"
+    ],
+    "description": "jQuery File Browser is a plugin for creating OS like file browsers.",
+    "license": "MIT",
+    "ignore": [
+        "examples",
+        "CHANGELOG",
+        "README.in",
+        "bower.in",
+        "Makefile"
+    ],
+    "dependencies": {
+        "jquery": "~2"
+    },
+    "devDependencies": {}
+}

css/jquery.filebrowser-0.1.0.css

@@ -0,0 +1,121 @@
+/**@license
+ *
+ * jQuery Browse - directory browser jQuery plugin version 0.1.0
+ *
+ * Copyright (c) 2016 Jakub Jankiewicz <http://jcubic.pl>
+ * Released under the MIT license
+ *
+ * Date: Tue, 06 Dec 2016 20:55:45 +0000
+ */
+.browse.hidden, .browse .hidden {
+	visibility: hidden;
+}
+.browse ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+.browse li {
+    display: inline-block;
+    position: relative;
+    width: 64px;
+    box-sizing: border-box;
+    padding-top: 32px;
+    text-align: center;
+    margin: 5px;
+    word-break: break-word;
+    -webkit-user-select: none;  /* Chrome all / Safari all */
+    -moz-user-select: none;     /* Firefox all */
+    -ms-user-select: none;      /* IE 10+ */
+    user-select: none;          /* Likely future */
+}
+.browse .toolbar {
+	background: #6b6b6b;
+	background: -moz-linear-gradient(top, #6b6b6b 0%, #262626 100%);
+	background: -webkit-linear-gradient(top, #6b6b6b 0%,#262626 100%);
+	background: linear-gradient(to bottom, #6b6b6b 0%,#262626 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#262626',GradientType=0 );
+copy
+}
+.browse .toolbar li {
+	width: 40px;
+}
+.browse .toolbar:not(.labels) li{
+	text-indent: -99999px;
+}
+.browse .toolbar li:not(.disabled):hover:before {
+	background-color: #0b93d5;
+	cursor: pointer;
+}
+.browse .toolbar:not(.labels) li {
+	padding-top: 20px;
+}
+.browse li.back:before {
+	background-position: 0 -160px
+}
+.browse li.up:before {
+	background-position: -32px -160px
+}
+.browse li.refresh:before {
+	background-position: -96px -160px
+}
+.browse li:before {
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    text-align: center;
+    background: url(icons.svg) no-repeat;
+    background-clip: content-box;
+    content: "";
+    position: absolute;
+    top: 0;
+    margin: auto;
+    left: 0;
+    right: 0;
+}
+.browse .drive:before {
+	background-position: 0 -128px;
+}
+.browse .file:before {
+	background-position: 0 -96px;
+}
+.browse .svg:before {
+	background-position: -64px 0;
+}
+.browse .txt:before {
+	background-position: -32px -64px;
+}
+.browse .pdf:before {
+	background-position: -96px -64px;
+}
+.browse .php:before {
+	background-position: -32px -32px;
+}
+.browse .html:before {
+	background-position: -64px -32px;
+}
+.browse .js:before {
+	background-position: -96px 0;
+}
+.browse .json:before {
+	background-position: -96px -32px;
+}
+.browse .css:before {
+	background-position: 0 -32px;
+}
+.browse .doc:before, .browse .docx:before {
+	background-position: -64px -64px;
+}
+.browse .xls:before, .browse .xlsx:before {
+	background-position: -32px -96px;
+}
+.browse .ppt:before, .browse .pptx:before {
+	background-position: -64px -96px;
+}
+.browse .jpg:before,
+.browse .jpeg:before,
+.browse .gif:before,
+.browse .bmp:before,
+.browse .png:before {
+	background-position: 0 -64px;
+}

css/jquery.browse-src.css → css/jquery.filebrowser-src.css

@@ -7,7 +7,7 @@
  *
  * Date: {{DATE}}
  */
-.browse.hidden {
+.browse.hidden, .browse .hidden {
 	visibility: hidden;
 }
 .browse ul {
@@ -29,6 +29,36 @@
     -ms-user-select: none;      /* IE 10+ */
     user-select: none;          /* Likely future */
 }
+.browse .toolbar {
+	background: #6b6b6b;
+	background: -moz-linear-gradient(top, #6b6b6b 0%, #262626 100%);
+	background: -webkit-linear-gradient(top, #6b6b6b 0%,#262626 100%);
+	background: linear-gradient(to bottom, #6b6b6b 0%,#262626 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#262626',GradientType=0 );
+copy
+}
+.browse .toolbar li {
+	width: 40px;
+}
+.browse .toolbar:not(.labels) li{
+	text-indent: -99999px;
+}
+.browse .toolbar li:not(.disabled):hover:before {
+	background-color: #0b93d5;
+	cursor: pointer;
+}
+.browse .toolbar:not(.labels) li {
+	padding-top: 20px;
+}
+.browse li.back:before {
+	background-position: 0 -160px
+}
+.browse li.up:before {
+	background-position: -32px -160px
+}
+.browse li.refresh:before {
+	background-position: -96px -160px
+}
 .browse li:before {
     display: inline-block;
     width: 32px;