mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-29 02:10:08 +00:00
several minot UI tweaks + updated Makefile...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
49cd566d2e
commit
68029c11aa
74
ui/Makefile
74
ui/Makefile
@ -1,3 +1,4 @@
|
||||
#**********************************************************************
|
||||
# TODO: build to a BUILD_DIR...
|
||||
# TODO: build all target platforms...
|
||||
# - Windows (AppJS)
|
||||
@ -20,6 +21,9 @@ APP_NAME=ImageGrid.Viewer
|
||||
uglifyjs $< -c -o $@
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
|
||||
# get all the .less files to process...
|
||||
CSS_FILES := $(patsubst %.less,%.css,$(wildcard *.less))
|
||||
|
||||
@ -35,52 +39,82 @@ JS_MIN_FILES := $(patsubst %.js,%.min.js,$(wildcard *.js))
|
||||
LOGS := *.log
|
||||
|
||||
BUILD_DIR=build
|
||||
WIN_BUILD_DIR=build/Win32
|
||||
MAC_BUILD_DIR=build/MacOSX
|
||||
ANDROID_BUILD_DIR=build/Android
|
||||
IOS_BUILD_DIR=build/iOS
|
||||
|
||||
DIST_DIR=dist
|
||||
|
||||
# XXX add version
|
||||
WIN_DIST_ZIP=$(DIST_DIR)/$(APP_NAME)-win32.zip
|
||||
|
||||
|
||||
APP_ZIP=$(BUILD_DIR)/app.zip
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
|
||||
all: dev
|
||||
|
||||
|
||||
css: $(CSS_FILES)
|
||||
|
||||
minify: $(JS_MIN_FILES)
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
# build dependencies...
|
||||
# XXX can make auto-create directories???
|
||||
|
||||
build_dir:
|
||||
$(BUILD_DIR):
|
||||
mkdir -p $(BUILD_DIR)
|
||||
$(WIN_BUILD_DIR):
|
||||
mkdir -p $(WIN_BUILD_DIR)
|
||||
$(MAC_BUILD_DIR):
|
||||
mkdir -p $(MAC_BUILD_DIR)
|
||||
$(ANDROID_BUILD_DIR):
|
||||
mkdir -p $(ANDROID_BUILD_DIR)
|
||||
$(IOS_BUILD_DIR):
|
||||
mkdir -p $(IOS_BUILD_DIR)
|
||||
|
||||
app_zip: css build_dir
|
||||
zip -r $(BUILD_DIR)/app.zip $(NW_PROJECT_FILE) $(JS_FILES) $(CSS_FILES) $(HTML_FILES) $(LIB_DIR) $(EXT_LIB_DIR)
|
||||
$(DIST_DIR):
|
||||
mkdir -p $(DIST_DIR)
|
||||
|
||||
|
||||
$(APP_ZIP): $(CSS_FILES) $(BUILD_DIR)
|
||||
zip -r $(APP_ZIP) $(NW_PROJECT_FILE) $(JS_FILES) $(CSS_FILES) $(HTML_FILES) $(LIB_DIR) $(EXT_LIB_DIR)
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
# dev env...
|
||||
|
||||
dev: css
|
||||
dev: $(CSS_FILES)
|
||||
unzip -uj $(wildcard targets/node-webkit/node-webkit-*-win-ia32.zip) -d .
|
||||
chmod +x *.{exe,dll}
|
||||
|
||||
dev-targets:
|
||||
mkdir -p targets/node-webkit
|
||||
wget
|
||||
#dev-targets:
|
||||
# mkdir -p targets/node-webkit
|
||||
# wget
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
# build targets...
|
||||
|
||||
# node-webkit win32
|
||||
win32: app_zip build_dir
|
||||
unzip -uj $(wildcard targets/node-webkit/node-webkit-*-win-ia32.zip) -d $(BUILD_DIR)
|
||||
cat $(BUILD_DIR)/app.zip >> $(BUILD_DIR)/nw.exe
|
||||
mv $(BUILD_DIR)/nw.exe $(BUILD_DIR)/$(APP_NAME).exe
|
||||
chmod +x $(BUILD_DIR)/*.{exe,dll}
|
||||
rm -f $(BUILD_DIR)/app.zip
|
||||
|
||||
mac: css minify
|
||||
|
||||
phonegap-remote: css minify
|
||||
win32: $(APP_ZIP) $(WIN_BUILD_DIR)
|
||||
unzip -uj $(wildcard targets/node-webkit/node-webkit-*-win-ia32.zip) -d $(WIN_BUILD_DIR)
|
||||
cat $(APP_ZIP) >> $(WIN_BUILD_DIR)/nw.exe
|
||||
mv $(WIN_BUILD_DIR)/nw.exe $(WIN_BUILD_DIR)/$(APP_NAME).exe
|
||||
chmod +x $(WIN_BUILD_DIR)/*.{exe,dll}
|
||||
win32-dist: win32 $(DIST_DIR)
|
||||
zip -rj $(WIN_DIST_ZIP) $(WIN_BUILD_DIR)
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
# cleanup...
|
||||
|
||||
clean-dev:
|
||||
@ -95,3 +129,5 @@ clean: clean-build
|
||||
clean-all: clean clean-dev
|
||||
|
||||
|
||||
|
||||
#**********************************************************************
|
||||
|
||||
@ -990,6 +990,13 @@ function fitNImages(n, fixed_proportions){
|
||||
var w = image.outerWidth(true)
|
||||
var h = image.outerHeight(true)
|
||||
|
||||
// XXX needs testing -- might be wrong for fit-viewer + different
|
||||
// viewer proportions...
|
||||
if(fixed_proportions){
|
||||
w = Math.min(w, h)
|
||||
h = w
|
||||
}
|
||||
|
||||
var W = viewer.innerWidth()
|
||||
var H = viewer.innerHeight()
|
||||
|
||||
|
||||
@ -426,8 +426,9 @@ function getBaseURL(){
|
||||
//
|
||||
// NOTE: mode can be either 'absolute' (default) or 'relative'...
|
||||
function normalizePath(url, base, mode){
|
||||
mode = mode == null ? 'absolute' : mode
|
||||
base = base == null ? getBaseURL() : base
|
||||
//mode = /^\./.test(base) && mode == null ? 'relative' : null
|
||||
mode = mode == null ? 'absolute' : mode
|
||||
|
||||
// windows path...
|
||||
// - replace all '\\' with '/'...
|
||||
|
||||
@ -424,7 +424,9 @@ var KEYBOARD_CONFIG = {
|
||||
|
||||
|
||||
// zooming...
|
||||
'#1': doc('Fit image', function(){ fitNImages(1) }),
|
||||
'#1': doc('Fit image to screen', function(){ fitNImages(1) }),
|
||||
'#2': doc('Show big image', function(){ fitNImages(1.5, true) }),
|
||||
'#3': doc('Show small image', function(){ fitNImages(3, true) }),
|
||||
|
||||
'-': doc('Zoom in', function(){ zoomOut() }),
|
||||
'=': doc('Zoom out', function(){ zoomIn() }),
|
||||
|
||||
@ -848,17 +848,17 @@ body {
|
||||
.dark.viewer .overlay-block .background {
|
||||
background: #0a0a0a;
|
||||
}
|
||||
.large.marks-visible.viewer:not(.single-image-mode) .current.image {
|
||||
.large.viewer:not(.single-image-mode) .current.image {
|
||||
border-width: 3px;
|
||||
}
|
||||
.large.marks-visible.viewer:not(.single-image-mode) .marked.image:after {
|
||||
.large.viewer:not(.single-image-mode) .marked.image:after {
|
||||
-webkit-transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
|
||||
-moz-transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
|
||||
-o-transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
|
||||
-ms-transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
|
||||
transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
|
||||
}
|
||||
.small.marks-visible.viewer:not(.single-image-mode) .marked.image:after {
|
||||
.small.viewer:not(.single-image-mode) .marked.image:after {
|
||||
-webkit-transform: rotate(0deg) scaleY(1.8) scaleX(1.8);
|
||||
-moz-transform: rotate(0deg) scaleY(1.8) scaleX(1.8);
|
||||
-o-transform: rotate(0deg) scaleY(1.8) scaleX(1.8);
|
||||
|
||||
@ -846,14 +846,14 @@ body {
|
||||
}
|
||||
|
||||
|
||||
.large.marks-visible.viewer:not(.single-image-mode) .current.image {
|
||||
.large.viewer:not(.single-image-mode) .current.image {
|
||||
border-width: 3px;
|
||||
}
|
||||
.large.marks-visible.viewer:not(.single-image-mode) .marked.image:after {
|
||||
.large.viewer:not(.single-image-mode) .marked.image:after {
|
||||
.scale(0.7);
|
||||
}
|
||||
|
||||
.small.marks-visible.viewer:not(.single-image-mode) .marked.image:after {
|
||||
.small.viewer:not(.single-image-mode) .marked.image:after {
|
||||
.scale(1.8);
|
||||
}
|
||||
|
||||
|
||||
@ -46,6 +46,9 @@ function loadMarkedOnlyData(cmp, no_cleanout_marks){
|
||||
DATA.current = getGIDBefore(cur, 0)
|
||||
reloadViewer()
|
||||
toggleMarkesView('off')
|
||||
// XXX FIX: for some reason not all previews get updated to the
|
||||
// right size...
|
||||
updateImages()
|
||||
return DATA
|
||||
}
|
||||
|
||||
@ -58,6 +61,9 @@ function loadAllImages(){
|
||||
// returning from marks only view...
|
||||
DATA.current = cur
|
||||
reloadViewer()
|
||||
// XXX FIX: for some reason not all previews get updated to the
|
||||
// right size...
|
||||
updateImages()
|
||||
return DATA
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user