<?xml version="1.0" encoding="UTF-8"?>
-<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://sample-web-application.tizen.org/file-manager" version="2.2.0" viewmodes="maximized">
- <tizen:application id="km8AETYhee.FileManager" package="km8AETYhee" required_version="2.2"/>
- <icon src="icon.png"/>
- <name>File Manager</name>
- <feature name="http://tizen.org/feature/screen.size.normal.720.1280"/>
- <tizen:privilege name="http://tizen.org/privilege/content.read"/>
- <tizen:privilege name="http://tizen.org/privilege/content.write"/>
- <tizen:privilege name="http://tizen.org/privilege/application.launch"/>
- <tizen:privilege name="http://tizen.org/privilege/filesystem.read"/>
- <tizen:privilege name="http://tizen.org/privilege/filesystem.write"/>
- <tizen:setting screen-orientation="portrait" context-menu="disable" background-support="disable" encryption="disable" install-location="auto"/>
+<widget
+ xmlns="http://www.w3.org/ns/widgets"
+ xmlns:tizen="http://tizen.org/ns/widgets"
+ id="http://sample-web-application.tizen.org/file-manager"
+ version="2.2.0"
+ viewmodes="maximized">
+
+ <tizen:application
+ id="km8AETYhee.FileManager"
+ package="km8AETYhee"
+ required_version="2.2"/>
+
+ <icon src="icon.png"/>
+ <name>File Manager</name>
+ <feature name="http://tizen.org/feature/screen.size.normal.720.1280"/>
+ <tizen:privilege name="http://tizen.org/privilege/content.read"/>
+ <tizen:privilege name="http://tizen.org/privilege/content.write"/>
+ <tizen:privilege name="http://tizen.org/privilege/application.launch"/>
+ <tizen:privilege name="http://tizen.org/privilege/filesystem.read"/>
+ <tizen:privilege name="http://tizen.org/privilege/filesystem.write"/>
+
+ <tizen:setting
+ screen-orientation="portrait"
+ context-menu="disable"
+ background-support="disable"
+ encryption="disable"
+ install-location="auto"/>
</widget>
* {
- margin: 0px;
- padding: 0px;
+ margin: 0px;
+ padding: 0px;
}
body {
- overflow: hidden;
+ overflow: hidden;
+ -webkit-user-select: none;
}
#fileList {
- margin: 0;
+ margin: 0;
}
#mainTitle {
- width: 210px;
+ width: 210px;
}
#fileList > li {
- padding-top: 0.3rem;
- padding-bottom: 0.3rem;
- border-top: solid 1px #ddd;
+ padding-top: 0.3rem;
+ padding-bottom: 0.3rem;
+ border-top: solid 1px #ddd;
}
#fileList > li > span.nodename {
- display: inline-block;
- position: absolute;
- line-height: 32px;
- white-space: nowrap;
- text-overflow: ellipsis;
- width: 75%;
- overflow: hidden;
- margin-top: 5px;
+ display: inline-block;
+ position: absolute;
+ line-height: 32px;
+ white-space: pre;
+ text-overflow: ellipsis;
+ width: 75%;
+ overflow: hidden;
+ margin-top: 5px;
+ height: 32px;
}
#fileList > li.gradientBackground > span.nodename {
- color: #fff !important;
+ color: #fff !important;
}
#fileList > li.file img {
- width: 32px;
- height: 32px;
+ width: 32px;
+ height: 32px;
+ padding-top: 5px;
}
#fileList > li.folder img {
- margin-top: 0.1rem;
+ margin-top: 0.1rem;
}
#fileList > li.levelUp {
- padding-left: 47px !important;
- height: 32px;
+ padding-left: 47px !important;
+ height: 32px;
}
.selectAll {
- padding-left: 6px;
- display: inline-block;
+ padding-left: 6px;
+ display: inline-block;
}
.selectAll span.ui-btn-text {
- padding-left: 2rem !important;
- line-height: 40px;
+ line-height: 40px;
}
#navbar {
- height: 16px;
- padding: 2px 10px;
- font-size: 14px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- background-color: rgba(255, 255, 255, 0.5);
- border-top: solid 1px #DDD;
- text-align: left;
+ height: 16px;
+ padding: 2px 10px;
+ font-size: 14px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ background-color: rgba(255, 255, 255, 0.5);
+ border-top: solid 1px #DDD;
+ text-align: left;
}
.ui-pathDiv {
- position: absolute;
- top: 49px;
- left: 0px;
- right: 0px;
- bottom: 0px;
+ position: absolute;
+ top: 49px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
}
#pathDiv {
- padding: 2px 0px 0px 5px;
- border: 0px;
+ padding: 2px 0px 0px 5px;
+ border: 0px;
}
#pathDiv .ui-li-text-main {
- font-size: 18px;
+ font-size: 18px;
}
#morePopup td.text a {
- color:#FFF;
- text-decoration:none;
+ color:#FFF;
+ text-decoration:none;
}
#morePopup td.text {
- padding: 5px;
+ padding: 5px;
}
#morePopup {
- margin: 2px;
+ margin: 2px;
}
#alertPopup .text {
- text-align:left;
- padding:20px;
- min-height: 100px !important;
+ text-align:left;
+ padding:20px;
+ min-height: 100px !important;
}
#alertPopup .alertPopup-button {
- padding-bottom: 10px;
+ padding-bottom: 10px;
}
#confirmPopup .text {
- text-align:left;
- padding:20px;
- font-size: 18px;
+ text-align:left;
+ padding:20px;
+ font-size: 18px;
}
.ui-header.ui-bar-s .ui-btn.standard {
- width: 100%;
- height: 100%;
+ width: 100%;
+ height: 100%;
}
#homeBtn,
#levelUpBtn {
- top:0px;
+ top:0px;
}
.ui-li-1line-bigicon1.ui-li.ui-li-static.ui-body-s.ui-li-has-thumb {
- padding-left: 0.7rem;
- padding-right: 0rem;
+ padding-left: 0.7rem;
+ padding-right: 0rem;
}
.my-ui-checkbox {
- display: inline-block;
- margin-top: 0rem;
- margin-right: 0rem;
- position: relative !important;
- top: -0.7rem;
- left: -1.5rem;
+ display: inline-block;
+ margin-top: 0rem;
+ margin-right: 0rem;
+ position: relative !important;
+ top: -0.7rem;
+ left: -1.5rem;
}
ul.ui-listview > li.ui-li-1line-bigicon1 img.ui-li-bigicon {
- display: inline-block;
- margin-top: 0rem;
- margin-right: 0.7rem;
- position: relative;
- left: 5px;
+ display: inline-block;
+ margin-top: 0rem;
+ margin-right: 0.7rem;
+ position: relative;
+ left: 5px;
}
.ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner {
- line-height: 1.1rem;
- padding: 0 0 0 0rem;
- width: 30px;
+ line-height: 1.1rem;
+ padding: 0 5 0 0rem;
+ width: 30px;
}
.ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner.ui-btn-hastxt {
- width: 100%;
+ width: 100%;
}
.ui-btn-corner-all {
- -webkit-border-radius: 0px;
- bordert-radius: 0px;
+ -webkit-border-radius: 0px;
+ bordert-radius: 0px;
}
.ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- padding: 0px;
+ padding: 0px;
}
input.ui-input-text.new_folder {
- width: 100%;
- height: 50px;
- padding: 0 0 0 .4em;
+ width: 100%;
+ height: 50px;
+ padding: 0 0 0 .4em;
}
.gradientBackground {
- background: -webkit-linear-gradient(top, #5A99BA 0%, #205473 100%) !important; /* from tizen-white */
+ background: -webkit-linear-gradient(top, #5A99BA 0%, #205473 100%) !important; /* from tizen-white */
}
.hidden {
- display: none !important;
+ display: none !important;
}
.vhidden {
- visibility: hidden !important;
+ visibility: hidden !important;
}
.ui-tabbar a {
- color: #999 !important;
+ color: #999 !important;
}
#newFolderName {
- box-sizing: border-box;
- width: 100%;
+ box-sizing: border-box;
+ width: 100%;
}
.ui-header.ui-bar-s > .ui-btn {
- width: 2rem;
+ width: 2rem;
}
-/** workaround to prevent hiding footer caused by broken softkeyboardupdate event**/
-[data-role="footer"] {
- display: block !important;
+/** workaround to prevent hiding footer
+caused by broken softkeyboardupdate event**/
+[data-role='footer'] {
+ display: block !important;
}
.ui-ctxpopup .horizontal a.ui-link {
- display: block;
+ display: block;
}
.ui-footer .ui-btn-text {
- text-transform: uppercase;
+ text-transform: uppercase;
}
-.ui-tabbar:not(.ui-tabbar-persist) a.ui-btn-active .ui-btn-text, .ui-tabbar:not(.ui-tabbar-persist) .ui-btn-show-style .ui-btn-text {
- border:none;
+.ui-tabbar:not(.ui-tabbar-persist) a.ui-btn-active .ui-btn-text,
+.ui-tabbar:not(.ui-tabbar-persist) .ui-btn-show-style .ui-btn-text {
+ border:none;
}
#overlay {
- background-color: rgba(0, 0, 0, 0.5);
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0px;
- top: 0px;
- z-index: 9000;
- display: none;
+ background-color: rgba(0, 0, 0, 0.5);
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ z-index: 9000;
+ display: none;
}
#infoPopup {
- background-color: #fff;
- height: 130px;
- padding: 15px 0px;
- position: absolute;
- text-align: center;
- box-shadow: 0px 0px 20px #444;
- border-radius: 5px;
+ background-color: #fff;
+ height: 130px;
+ padding: 15px 0px;
+ position: absolute;
+ text-align: center;
+ box-shadow: 0px 0px 20px #444;
+ border-radius: 5px;
}
#infoPopup img {
- -webkit-animation: rotation 2s infinite linear;
+ -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(359deg);}
-}
\ No newline at end of file
+ from {-webkit-transform: rotate(0deg);}
+ to {-webkit-transform: rotate(359deg);}
+}
+
+.white-space-pre {
+ white-space: pre !important;
+}
+
+#alertPopup p:first-letter {
+ text-transform: uppercase;
+}
<meta charset="utf-8"/>
<meta name="description" content="file manager"/>
<title>File Manager</title>
- <script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
- <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
- <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js" data-framework-theme="tizen-white" data-framework-viewport-scale="false"></script>
+ <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+ <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+ <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js" data-framework-theme="tizen-white" data-framework-viewport-scale="false"></script>
<script type="text/javascript" src="./js/main.js"></script>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*jslint devel: true*/
/*global $*/
* @class Config
*/
function Clipboard() {
- 'use strict';
- this.mode = this.INACTIVE_MODE;
+ 'use strict';
+ this.mode = this.INACTIVE_MODE;
}
(function () { // strict mode wrapper
- 'use strict';
- Clipboard.prototype = {
- /**
- * Clipboard mode for copying
- */
- COPY_MODE_ID: 0,
-
- /**
- * Clipboard mode for moving
- */
- MOVE_MODE_ID: 1,
-
- /**
- * Clipbboard inactive mode
- */
- INACTIVE_MODE: -1,
-
- /**
- * Clipboard data
- */
- data: [],
-
- /**
- * Clipboard mode: [copy | move | inactive]
- */
- mode: undefined,
-
- /**
- * Returns all paths in clipboard
- * @returns {array}
- */
- get: function Clipboard_get() {
- return this.data;
- },
-
- /**
- * Add new path to clipboard
- * @param {array} paths array of full paths
- * @returns {number} current length of clipboard objects
- */
- add: function Clipboard_add(paths) {
- var len = paths.length,
- i;
-
- // clear clipboard
- this.clear();
- for (i = 0; i < len; i += 1) {
- if (this.has(paths[i]) === false) {
- this.data.push(paths[i]);
- }
- }
-
- return this.data.length;
- },
-
- /**
- * Remove specified path is already in clipboard
- * @param {string} path full path
- * @returns {number} current length of clipboard objects
- */
- remove: function Clipboard_remove(path) {
- var index = $.inArray(path, this.data);
- var length;
- if (index >= 0) {
- this.data.splice(index, 1);
- length = this.data.length;
- if (length === 0) {
- this.mode = this.INACTIVE_MODE;
- }
- }
- return length;
- },
-
- /**
- * Remove specified path and all children paths if already in clipboard
- * @param {string} path full path
- * @returns {number} current length of clipboard objects
- */
- removeRecursively: function Clipboard_removeRecursively(path) {
- var childPattern = new RegExp(path),
- index = this.data.length;
- while (index--) {
- if(childPattern.test(this.data[index])) {
- this.data.splice(index, 1);
- }
- }
- return this.data.length;
- },
-
- /**
- * Checks if specified path is already in clipboard
- * @param {string} path full path
- * @returns {boolean}
- */
- has: function Clipboard_has(path) {
- return $.inArray(path, this.data) === -1 ? false : true;
- },
-
- /**
- * Clears all clipboard data and resets clipboard mode
- */
- clear: function Clipboard_clear() {
- this.data = [];
- this.mode = this.INACTIVE_MODE;
- },
-
- /**
- * Sets clipboard mode
- * @param {number} mode
- * @returns {boolean}
- */
- setMode: function Clipboard_setMode(mode) {
- if ($.inArray(mode, [this.MOVE_MODE_ID, this.COPY_MODE_ID]) === false) {
- console.error('Incorrect clipboard mode');
- return false;
- }
- this.mode = mode;
- return true;
- },
-
- /**
- * @returns {number} mode Clipboard mode
- */
- getMode: function Clipboard_getMode() {
- return this.mode;
- },
-
- /**
- * @returns {boolean}
- */
- isEmpty: function Clipboard_isEmpty() {
- return this.data.length === 0;
- }
- };
+ 'use strict';
+ Clipboard.prototype = {
+ /**
+ * Clipboard mode for copying
+ */
+ COPY_MODE_ID: 0,
+
+ /**
+ * Clipboard mode for moving
+ */
+ MOVE_MODE_ID: 1,
+
+ /**
+ * Clipbboard inactive mode
+ */
+ INACTIVE_MODE: -1,
+
+ /**
+ * Clipboard data
+ */
+ data: [],
+
+ /**
+ * Clipboard mode: [copy | move | inactive]
+ */
+ mode: undefined,
+
+ /**
+ * Returns all paths in clipboard
+ * @returns {array}
+ */
+ get: function Clipboard_get() {
+ return this.data;
+ },
+
+ /**
+ * Add new path to clipboard
+ * @param {array} paths array of full paths
+ * @returns {number} current length of clipboard objects
+ */
+ add: function Clipboard_add(paths) {
+ var len = paths.length,
+ i;
+
+ // clear clipboard
+ this.clear();
+ for (i = 0; i < len; i += 1) {
+ if (this.has(paths[i]) === false) {
+ this.data.push(paths[i]);
+ }
+ }
+
+ return this.data.length;
+ },
+
+ /**
+ * Remove specified path is already in clipboard
+ * @param {string} path full path
+ * @returns {number} current length of clipboard objects
+ */
+ remove: function Clipboard_remove(path) {
+ var index = $.inArray(path, this.data),
+ length;
+ if (index >= 0) {
+ this.data.splice(index, 1);
+ length = this.data.length;
+ if (length === 0) {
+ this.mode = this.INACTIVE_MODE;
+ }
+ }
+ return length;
+ },
+
+ /**
+ * Remove specified path and all children paths if already in clipboard
+ * @param {string} path full path
+ * @returns {number} current length of clipboard objects
+ */
+ removeRecursively: function Clipboard_removeRecursively(path) {
+ var escapeRegExp = function (str) {
+ return str
+ .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+ },
+ childPattern = new RegExp(escapeRegExp(path)),
+ index = this.data.length - 1;
+ while (index >= 0) {
+ if (childPattern.test(this.data[index])) {
+ this.data.splice(index, 1);
+ }
+ index -= 1;
+ }
+ return this.data.length;
+ },
+
+ /**
+ * Checks if specified path is already in clipboard
+ * @param {string} path full path
+ * @returns {boolean}
+ */
+ has: function Clipboard_has(path) {
+ return $.inArray(path, this.data) === -1 ? false : true;
+ },
+
+ /**
+ * Clears all clipboard data and resets clipboard mode
+ */
+ clear: function Clipboard_clear() {
+ this.data = [];
+ this.mode = this.INACTIVE_MODE;
+ },
+
+ /**
+ * Sets clipboard mode
+ * @param {number} mode
+ * @returns {boolean}
+ */
+ setMode: function Clipboard_setMode(mode) {
+ if (
+ $.inArray(
+ mode,
+ [this.MOVE_MODE_ID, this.COPY_MODE_ID]
+ ) === false
+ ) {
+ console.error('Incorrect clipboard mode');
+ return false;
+ }
+ this.mode = mode;
+ return true;
+ },
+
+ /**
+ * @returns {number} mode Clipboard mode
+ */
+ getMode: function Clipboard_getMode() {
+ return this.mode;
+ },
+
+ /**
+ * @returns {boolean}
+ */
+ isEmpty: function Clipboard_isEmpty() {
+ return this.data.length === 0;
+ }
+ };
}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/**
* @class Config
*/
function Config() {
- 'use strict';
+ 'use strict';
}
(function () { // strict mode wrapper
- 'use strict';
- Config.prototype = {
+ 'use strict';
+ Config.prototype = {
- properties: {
- 'templateDir': 'templates',
- 'templateExtension': '.tpl'
- },
+ properties: {
+ 'templateDir': 'templates',
+ 'templateExtension': '.tpl'
+ },
- /**
- * Returns config value
- */
- get: function (value, defaultValue) {
+ /**
+ * Returns config value
+ */
+ get: function (value, defaultValue) {
- if (this.properties.hasOwnProperty(value)) {
- return this.properties[value];
- }
- return defaultValue;
- }
- };
+ if (this.properties.hasOwnProperty(value)) {
+ return this.properties[value];
+ }
+ return defaultValue;
+ }
+ };
}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*jslint devel: true*/
/*global $, jQuery */
* @class Helpers
*/
function Helpers() {
- 'use strict';
+ 'use strict';
}
(function () { // strict mode wrapper
- 'use strict';
- Helpers.prototype = {
-
- extensions: {
- '.bmp': {mime:'image/*', icon:'img.png'},
- '.gif': {mime:'image/*', icon:'img.png'},
- '.jpeg': {mime:'image/*', icon:'img.png'},
- '.jpg': {mime:'image/*', icon:'img.png'},
- '.png': {mime:'image/*', icon:'img.png'},
- '.tiff': {mime:'image/*', icon:'img.png'},
- '.3ga': {mime:'audio/*', icon:'music.png'},
- '.aac': {mime:'audio/*', icon:'music.png'},
- '.ac3': {mime:'audio/*', icon:'music.png'},
- '.amr': {mime:'audio/*', icon:'music.png'},
- '.awb': {mime:'audio/*', icon:'music.png'},
- '.m4a': {mime:'audio/*', icon:'music.png'},
- '.m4p': {mime:'audio/*', icon:'music.png'},
- '.m4r': {mime:'audio/*', icon:'music.png'},
- '.mp3': {mime:'audio/*', icon:'music.png'},
- '.ogg': {mime:'audio/*', icon:'music.png'},
- '.wav': {mime:'audio/*', icon:'music.png'},
- '.wma': {mime:'audio/*', icon:'music.png'},
- '.3gp': {mime:'video/*', icon:'video.png'},
- '.avc': {mime:'video/*', icon:'video.png'},
- '.avi': {mime:'video/*', icon:'video.png'},
- '.m4v': {mime:'video/*', icon:'video.png'},
- '.mkv': {mime:'video/*', icon:'video.png'},
- '.mov': {mime:'video/*', icon:'video.png'},
- '.mp4': {mime:'video/*', icon:'video.png'},
- '.mpeg': {mime:'video/*', icon:'video.png'},
- '.mpg': {mime:'video/*', icon:'video.png'},
- '.ogv': {mime:'video/*', icon:'video.png'},
- '.vc1': {mime:'video/*', icon:'video.png'},
- '.wmv': {mime:'video/*', icon:'video.png'},
- '.doc': {mime:'', icon:'text.png'},
- '.docx': {mime:'', icon:'text.png'},
- '.odt': {mime:'', icon:'text.png'},
- '.ods': {mime:'', icon:'text.png'},
- '.txt': {mime:'', icon:'text.png'},
- '.xls': {mime:'', icon:'text.png'},
- '.xlsx': {mime:'', icon:'text.png'},
- '.vcard': {mime:'text/vcard', icon:'text.png'},
- '.vcf': {mime:'text/vcard', icon:'text.png'},
- '.icalendar': {mime:'text/calendar', icon:'text.png'},
- '.ical': {mime:'text/calendar', icon:'text.png'},
- '.ics': {mime:'text/calendar', icon:'text.png'},
- '.ifb': {mime:'text/calendar', icon:'text.png'},
- '.pdf': {mime:'', icon:'pdf.png'},
- '.odp': {mime:'', icon:'ppt.png'},
- '.ppt': {mime:'', icon:'ppt.png'},
- '.wgt': {mime:'application/widget', icon:'etc.png'}
- },
-
- /**
- * Capitalise the first letter
- *
- * @param {string} text
- * @returns {string}
- */
- UCFirst: function Helpers_UCFirst(text) {
- return text.charAt(0).toUpperCase() + text.slice(1);
- },
-
- /**
- * @param {string} fileName
- * @returns {string} file name without extension
- */
- getFileName: function Helpers_getFileName(fileName) {
- var fileNameLen = fileName.indexOf('.');
- if (fileNameLen !== -1) {
- fileName = fileName.slice(0, fileNameLen);
- }
- return fileName;
- },
-
- /**
- * @param {string} fileName
- * @returns {string} extension for specified file name
- */
- getFileExtension: function Helpers_getFileExtension(fileName) {
- var splittedFileName = fileName.split('.'),
- ext = '';
-
- if (splittedFileName.length > 1) {
- ext = '.' + splittedFileName.pop();
- }
- return ext;
- },
-
- /**
- * Return icon filename for the given extension.
- * For example, for '.mp3' returns 'music.png'
- *
- * @param {string} ext
- * @return {string}
- */
- resolveFileIcon: function Helpers_resolveFileIcon(ext) {
- ext = ext.toLowerCase();
- var info = this.extensions[ext];
- return info ? info.icon : 'etc.png';
- },
-
- /**
- * Resolve file extension to MIME type
- *
- * @param {string} ext File extension
- * @returns {string}
- */
- resolveMimeType: function Helpers_resolveMimeType(ext) {
- ext = ext.toLowerCase();
- var info = this.extensions[ext];
- return info ? info.mime : '';
- },
-
- /**
- * Returns thumbnail URI for specified file
- * @param {string} fileName
- * @param {File} node
- * @returns {string}
- */
- getThumbnailURI: function Helpers_getThumbnailURI(fileName, node) {
- var ext = this.getFileExtension(fileName);
-
- if (!node.thumbnailURIs) {
- return 'images/' + this.resolveFileIcon(ext);
- }
-
- if (node.thumbnailURIs[0] && $.inArray(ext, ['.mp4', '.jpg', '.png', '.gif'])) {
- return node.thumbnailURIs[0];
- }
-
- return 'images/etc.png';
- },
-
- /**
- * File name automatic number increase for copy files
- */
- getCopyFileName: function (sourceName, filesList) {
- var ext = this.getFileExtension(sourceName),
- fileName = this.getFileName(sourceName),
- copyFileName = sourceName,
- i = 1;
-
- while ($.inArray(copyFileName, filesList) !== -1) {
- i += 1;
- copyFileName = fileName + '(' + i + ')' + ext;
- }
- return copyFileName;
- }
- };
+ 'use strict';
+ Helpers.prototype = {
+
+ extensions: {
+ '.bmp': 'img.png',
+ '.gif': 'img.png',
+ '.jpeg': 'img.png',
+ '.jpg': 'img.png',
+ '.png': 'img.png',
+ '.tiff': 'img.png',
+ '.3ga': 'music.png',
+ '.aac': 'music.png',
+ '.ac3': 'music.png',
+ '.amr': 'music.png',
+ '.awb': 'music.png',
+ '.m4a': 'music.png',
+ '.m4p': 'music.png',
+ '.m4r': 'music.png',
+ '.mp3': 'music.png',
+ '.ogg': 'music.png',
+ '.wav': 'music.png',
+ '.wma': 'music.png',
+ '.3gp': 'video.png',
+ '.avc': 'video.png',
+ '.avi': 'video.png',
+ '.m4v': 'video.png',
+ '.mkv': 'video.png',
+ '.mov': 'video.png',
+ '.mp4': 'video.png',
+ '.mpeg': 'video.png',
+ '.mpg': 'video.png',
+ '.ogv': 'video.png',
+ '.vc1': 'video.png',
+ '.wmv': 'video.png',
+ '.doc': 'text.png',
+ '.docx': 'text.png',
+ '.odt': 'text.png',
+ '.ods': 'text.png',
+ '.txt': 'text.png',
+ '.xls': 'text.png',
+ '.xlsx': 'text.png',
+ '.vcard': 'text.png',
+ '.vcf': 'text.png',
+ '.icalendar': 'text.png',
+ '.ical': 'text.png',
+ '.ics': 'text.png',
+ '.ifb': 'text.png',
+ '.pdf': 'pdf.png',
+ '.odp': 'ppt.png',
+ '.ppt': 'ppt.png',
+ '.wgt': 'etc.png'
+ },
+
+ /**
+ * Capitalise the first letter
+ *
+ * @param {string} text
+ * @returns {string}
+ */
+ UCFirst: function Helpers_UCFirst(text) {
+ return text.charAt(0).toUpperCase() + text.slice(1);
+ },
+
+ /**
+ * @param {string} fileName
+ * @returns {string} file name without extension
+ */
+ getFileName: function Helpers_getFileName(fileName) {
+ var fileNameLen = fileName.lastIndexOf('.');
+ if (fileNameLen !== -1) {
+ fileName = fileName.slice(0, fileNameLen);
+ }
+ return fileName;
+ },
+
+ /**
+ * @param {string} fileName
+ * @returns {string} extension for specified file name
+ */
+ getFileExtension: function Helpers_getFileExtension(fileName) {
+ var splittedFileName = fileName.split('.'),
+ ext = '';
+
+ if (splittedFileName.length > 1) {
+ ext = '.' + splittedFileName.pop();
+ }
+ return ext;
+ },
+
+ /**
+ * Return icon filename for the given extension.
+ * For example, for '.mp3' returns 'music.png'
+ *
+ * @param {string} ext
+ * @return {string}
+ */
+ resolveFileIcon: function Helpers_resolveFileIcon(ext) {
+ ext = ext.toLowerCase();
+ return this.extensions[ext] || 'etc.png';
+ },
+
+ /**
+ * Returns thumbnail URI for specified file
+ * @param {string} fileName
+ * @param {File} node
+ * @returns {string}
+ */
+ getThumbnailURI: function Helpers_getThumbnailURI(fileName, node) {
+ var ext = this.getFileExtension(fileName);
+
+ if (!node.thumbnailURIs) {
+ return 'images/' + this.resolveFileIcon(ext);
+ }
+
+ if (
+ node.thumbnailURIs[0] &&
+ $.inArray(ext, ['.mp4', '.jpg', '.png', '.gif'])
+ ) {
+ return node.thumbnailURIs[0];
+ }
+
+ return 'images/etc.png';
+ },
+
+ /**
+ * File name automatic number increase for copy files
+ */
+ getCopyFileName: function Helpers_getCopyFileName(
+ sourceName,
+ filesList
+ ) {
+ var i = 1, copyFileName = sourceName,
+ filesNames = filesList.map(function (element) {
+ return element.name;
+ }),
+ index = filesNames.indexOf(copyFileName),
+ ext = this.getFileExtension(sourceName);
+
+ while (index !== -1) {
+ if (filesList[index].isDirectory) {
+ copyFileName = sourceName + '(' + i + ')';
+ } else {
+ copyFileName = this.getFileName(
+ sourceName
+ ) + '(' + i + ')' + ext;
+ }
+ i += 1;
+ index = filesNames.indexOf(copyFileName);
+ }
+
+ return copyFileName;
+ },
+
+ /**
+ * Fixes invalid URI returned by API's File::toURI() method.
+ * See issue https://bugs.tizendev.org/jira/browse/N_SE-54639
+ */
+ fixURI: function Helpers_fixURI(invaliduri) {
+ var scheme, address, k;
+ invaliduri = invaliduri.split('://');
+ scheme = invaliduri[0];
+ invaliduri.shift();
+ address = invaliduri.join('://').split('/');
+ for (k = address.length - 1; k >= 0; k -= 1) {
+ address[k] = encodeURIComponent(address[k]);
+ }
+ return scheme + '://' + address.join('/');
+ }
+
+ };
}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*jslint devel: true*/
/*global tizen, $, app, Ui, Model, Helpers, Config, Clipboard*/
var App = null;
(function () { // strict mode wrapper
- 'use strict';
-
- /**
- * Creates a new application object
- *
- * @class Application
- * @constructor
- */
- App = function App() {
- };
-
- App.prototype = {
- /**
- * @type Array
- */
- requires: [
- 'js/app.config.js',
- 'js/app.model.js',
- 'js/app.ui.js',
- 'js/app.ui.templateManager.js',
- 'js/app.ui.templateManager.modifiers.js',
- 'js/app.systemIO.js',
- 'js/app.helpers.js',
- 'js/app.clipboard.js'
- ],
-
- /**
- * @type Model
- */
- model: null,
-
- /**
- * @type Ui
- */
- ui: null,
-
- /**
- * @type Config
- */
- config: null,
-
- /**
- * @type SystemIO
- */
- systemIO: null,
-
- /**
- * @type Helpers
- */
- helpers: null,
-
- /**
- * @type {string}
- */
- currentPath: 'root',
-
- /**
- *
- */
- currentDirHandle: null,
-
- /**
- * @type {Clipboard}
- */
- clipboard: null,
-
- /**
- * Initialization
- */
- init: function App_init() {
- this.config = new Config();
- this.model = new Model();
- this.ui = new Ui();
- this.helpers = new Helpers();
- this.clipboard = new Clipboard();
-
- this.initUi();
- },
-
- /**
- * UI initialization
- */
- initUi: function App_initUi() {
- this.ui.init(this.model.getInternalStorages());
- },
-
- /**
- * Displays media storages
- */
- displayStorages: function App_displayStorages() {
- this.currentPath = '';
- if (!this.ui.editMode) {
- this.ui.scrollContentTo(0);
- }
- this.ui.displayStorages(this.model.getInternalStorages());
- },
-
- /**
- * Displays specified folder
- * @param {string} path
- * @param {bool} [refresh=false]
- */
- displayFolder: function App_displayFolder(path, refresh) {
- var self = this;
-
- refresh = refresh || false;
-
- // get folder data and push into rendering method
- this.model.getFolderData(path, function (dir, nodes) {
- // on success
-
- // update current path
- self.currentPath = path;
-
- // update current dir handle
- self.currentDirHandle = dir;
-
- // display folder UI
- if (refresh === undefined) {
- self.ui.scrollContentTo(0);
- }
- self.ui.displayFolder(path, nodes, refresh);
- });
- },
-
- /**
- * Opens specified file
- * @params {string} uri File URI
- */
- openFile: function App_openFile(uri, fullUri) {
- var ext = this.helpers.getFileExtension(uri),
- mime = this.helpers.resolveMimeType(ext);
-
- if (mime !== '') {
- this.model.openFile(fullUri, mime);
- } else {
- console.error('Unsupported mime type for extension ' + ext);
- }
- },
-
- /**
- * Displays parent location
- */
- goLevelUp: function App_goLevelUp() {
- // split current path and get proper path for parent location
- var newPath = this.currentPath.split('/').slice(0, -1).join('/');
-
- if (newPath !== '') {
- this.displayFolder(newPath);
- } else {
- this.displayStorages();
- }
- },
-
- /**
- * creates new dir in currently viewed dir
- * @param {string} dirName
- * @return {boolean} return status
- */
- createDir: function App_createDir(dirName, callback) {
- var status = true;
- if (this.currentDirPath !== '') {
- try {
- this.currentDirHandle.createDirectory(dirName);
- } catch (e) {
- status = false;
- app.ui.alertPopup(e.message, callback);
- }
- this.refreshCurrentPage();
- } else {
- status = false;
- app.ui.alertPopup("You can't create new nodes in the main view");
- }
- return status;
- },
-
- /**
- * Triggers refresh current page
- */
- refreshCurrentPage: function App_refreshCurrentPage(refresh) {
- refresh = refresh || false;
- if (this.currentPath === 'root') {
- return;
- }
- if (this.currentPath !== '') {
- app.model.isStorageExists(this.currentPath,
- app.displayFolder.bind(app, app.model.currentPath, refresh),
- function () {
- $.mobile.popup.active && $.mobile.popup.active.close();
- app.displayStorages();
- setTimeout(
- function(){
- app.ui.alertPopup(
- 'Path "' + app.model.currentPath + '" does no longer exist'
- );
- },
- 200
- );
- });
- } else {
- this.displayStorages();
- }
- },
-
- /**
- * Deletes nodes with specified paths
- * @param {string[]} nodes nodePaths
- */
- deleteNodes: function App_deleteNodes(nodes) {
- this.model.deleteNodes(nodes, this.currentDirHandle, this.ui.removeNodeFromList.bind(this.ui));
- },
-
- /**
- * @param {string[]} paths filepaths
- * @param {number} mode clipboard mode
- */
- saveToClipboard: function App_saveToClipboard(paths, mode) {
- var clipboardLength = this.clipboard.add(paths);
-
- if (clipboardLength > 0) {
- this.clipboard.setMode(mode);
- app.ui.alertPopup('Data saved in clipboard');
- this.ui.clearTabbars();
- } else {
- app.ui.alertPopup('Error occured. Data has not been saved in clipboard');
- }
-
- this.ui.refreshPasteActionBtn(this.clipboard.isEmpty());
- },
-
- /**
- * Paste nodes from clipboard to current dir
- */
- pasteClipboard: function App_pasteClipboard() {
- var clipboardData = this.clipboard.get();
-
- if (clipboardData.length === 0) {
- app.ui.alertPopup('Clipboard is empty');
- return false;
- }
-
- if (this.clipboard.getMode() === this.clipboard.COPY_MODE_ID) {
- this.model.copyNodes(this.currentDirHandle, clipboardData, this.currentPath, this.onPasteClipboardSuccess.bind(this));
- } else {
- this.model.moveNodes(this.currentDirHandle, clipboardData, this.currentPath, this.onPasteClipboardSuccess.bind(this));
- }
-
- this.ui.refreshPasteActionBtn(this.clipboard.isEmpty());
-
- return true;
- },
-
- emptyClipboard: function App_emptyClipboard() {
- return this.clipboard.get().length === 0;
- },
-
- /**
- * Handler for paste clipboard success
- */
- onPasteClipboardSuccess: function App_onPasteClipboardSuccess() {
- this.clipboard.clear();
- this.refreshCurrentPage();
- },
-
- /**
- * App exit
- */
- exit: function App_exit() {
- tizen.application.getCurrentApplication().exit();
- }
- };
+ 'use strict';
+
+ /**
+ * Creates a new application object
+ *
+ * @class Application
+ * @constructor
+ */
+ App = function App() {
+ };
+
+ App.prototype = {
+ /**
+ * @type Array
+ */
+ requires: [
+ 'js/app.config.js',
+ 'js/app.model.js',
+ 'js/app.ui.js',
+ 'js/app.ui.templateManager.js',
+ 'js/app.ui.templateManager.modifiers.js',
+ 'js/app.systemIO.js',
+ 'js/app.helpers.js',
+ 'js/app.clipboard.js'
+ ],
+
+ /**
+ * @type Model
+ */
+ model: null,
+
+ /**
+ * @type Ui
+ */
+ ui: null,
+
+ /**
+ * @type Config
+ */
+ config: null,
+
+ /**
+ * @type SystemIO
+ */
+ systemIO: null,
+
+ /**
+ * @type Helpers
+ */
+ helpers: null,
+
+ /**
+ * @type {string}
+ */
+ currentPath: 'root',
+
+ /**
+ *
+ */
+ currentDirHandle: null,
+
+ /**
+ * @type {Clipboard}
+ */
+ clipboard: null,
+
+ /**
+ * Initialization
+ */
+ init: function App_init() {
+ this.config = new Config();
+ this.model = new Model();
+ this.ui = new Ui();
+ this.helpers = new Helpers();
+ this.clipboard = new Clipboard();
+
+ this.initUi();
+ },
+
+ /**
+ * UI initialization
+ */
+ initUi: function App_initUi() {
+ this.ui.init(this.model.getInternalStorages());
+ },
+
+ /**
+ * Displays media storages
+ */
+ displayStorages: function App_displayStorages() {
+ this.currentPath = '';
+ if (!this.ui.editMode) {
+ this.ui.scrollContentTo(0);
+ }
+ this.ui.displayStorages(this.model.getInternalStorages());
+ },
+
+ /**
+ * Displays specified folder
+ * @param {string} path
+ * @param {bool} [refresh=false]
+ */
+ displayFolder: function App_displayFolder(path, refresh) {
+ var self = this;
+
+ refresh = refresh || false;
+
+ // get folder data and push into rendering method
+ this.model.getFolderData(path, function (dir, nodes) {
+ // on success
+
+ // update current path
+ self.currentPath = path;
+
+ // update current dir handle
+ self.currentDirHandle = dir;
+
+ // display folder UI
+ if (refresh === undefined) {
+ self.ui.scrollContentTo(0);
+ }
+ self.ui.displayFolder(path, nodes, refresh);
+ });
+ },
+
+ /**
+ * Opens specified file
+ * @params {string} uri File URI
+ */
+ openFile: function App_openFile(uri, fullUri) {
+ tizen.filesystem.resolve(
+ fullUri,
+ function (file) {
+ this.model.openFile(fullUri);
+ }.bind(this),
+ function () {
+ // file doesn't exists
+ this.ui.alertPopup('File does no longer exist',
+ this.refreshCurrentPage.bind(this, true));
+ }.bind(this)
+ );
+ },
+
+ /**
+ * Displays parent location
+ */
+ goLevelUp: function App_goLevelUp() {
+ // split current path and get proper path for parent location
+ var newPath = this.currentPath.split('/').slice(0, -1).join('/');
+
+ if (newPath !== '') {
+ this.displayFolder(newPath);
+ } else {
+ this.displayStorages();
+ }
+ },
+
+ /**
+ * creates new dir in currently viewed dir
+ * @param {string} dirName
+ * @return {boolean} return status
+ */
+ createDir: function App_createDir(dirName, callback) {
+ var status = true;
+ if (this.currentDirPath !== '') {
+ try {
+ this.currentDirHandle.createDirectory(dirName);
+ } catch (e) {
+ status = false;
+ app.ui.alertPopup(e.message, callback);
+ }
+ this.refreshCurrentPage();
+ } else {
+ status = false;
+ app.ui.alertPopup(
+ 'You can\'t create new nodes in the main view'
+ );
+ }
+ return status;
+ },
+
+ /**
+ * Triggers refresh current page
+ */
+ refreshCurrentPage: function App_refreshCurrentPage(refresh) {
+ refresh = refresh || false;
+ if (this.currentPath === 'root') {
+ this.ui.toggleInfoPopup();
+ return;
+ }
+ if (this.currentPath !== '') {
+ app.model.isStorageExists(this.currentPath,
+ app.displayFolder.bind(app, app.model.currentPath, refresh),
+ function () {
+ app.ui.popupHardClose();
+ app.displayStorages();
+ setTimeout(
+ function () {
+ app.ui.alertPopup(
+ 'Path "' +
+ app.model.currentPath +
+ '" does no longer exist'
+ );
+ },
+ 200
+ );
+ });
+ } else {
+ this.displayStorages();
+ }
+ },
+
+ /**
+ * Deletes nodes with specified paths
+ * @param {string[]} nodes nodePaths
+ */
+ deleteNodes: function App_deleteNodes(nodes) {
+ this.model.deleteNodes(
+ nodes,
+ this.currentDirHandle,
+ this.ui.removeNodeFromList.bind(this.ui)
+ );
+ },
+
+ /**
+ * @param {string[]} paths filepaths
+ * @param {number} mode clipboard mode
+ */
+ saveToClipboard: function App_saveToClipboard(paths, mode) {
+ var clipboardLength = this.clipboard.add(paths);
+
+ if (clipboardLength > 0) {
+ this.clipboard.setMode(mode);
+ app.ui.alertPopup('Data saved in clipboard');
+ this.ui.clearTabbars();
+ } else {
+ app.ui.alertPopup(
+ 'Error occured. Data has not been saved in clipboard'
+ );
+ }
+
+ this.ui.refreshPasteActionBtn(this.clipboard.isEmpty());
+ },
+
+ /**
+ * Paste nodes from clipboard to current dir
+ */
+ pasteClipboard: function App_pasteClipboard() {
+ var clipboardData = this.clipboard.get();
+
+ if (clipboardData.length === 0) {
+ app.ui.alertPopup('Clipboard is empty');
+ return false;
+ }
+
+ if (this.clipboard.getMode() === this.clipboard.COPY_MODE_ID) {
+ this.model.copyNodes(
+ this.currentDirHandle,
+ clipboardData,
+ this.currentPath,
+ this.onPasteClipboardSuccess.bind(this)
+ );
+ } else {
+ this.model.moveNodes(
+ this.currentDirHandle,
+ clipboardData,
+ this.currentPath,
+ this.onPasteClipboardSuccess.bind(this)
+ );
+ }
+
+ this.ui.refreshPasteActionBtn(this.clipboard.isEmpty());
+
+ return true;
+ },
+
+ emptyClipboard: function App_emptyClipboard() {
+ return this.clipboard.get().length === 0;
+ },
+
+ /**
+ * Handler for paste clipboard success
+ */
+ onPasteClipboardSuccess: function App_onPasteClipboardSuccess() {
+ this.clipboard.clear();
+ this.refreshCurrentPage();
+ },
+
+ /**
+ * App exit
+ */
+ exit: function App_exit() {
+ tizen.application.getCurrentApplication().exit();
+ }
+ };
}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*jslint devel: true*/
/*global tizen, SystemIO, $, app */
* @class Model
*/
function Model() {
- 'use strict';
- this.init();
+ 'use strict';
+ this.init();
}
(function () { // strict mode wrapper
- 'use strict';
- Model.prototype = {
-
- /**
- * file open unlock flag
- * @type {boolean}
- */
- openFileUnLocked: true,
-
- /**
- * @type SystemIO
- */
- systemIO: null,
-
- /**
- * @type Array
- */
- storages: [{label: 'root', type: 'INTERNAL'}],
-
- /**
- * @type String
- */
- currentPath: '',
-
- /**
- * API module initialisation
- */
- init: function Model_init() {
- this.systemIO = new SystemIO();
- },
-
- /**
- * @returns {FileSystemStorage[]} storages
- */
- getInternalStorages: function Model_getInternalStorages() {
- return this.storages;
- },
-
- /**
- * Saves storages
- * @param {function} onSuccess callback
- */
- loadInternalStorages: function Model_loadInternalStorages(onSuccess) {
- var self = this;
-
- this.systemIO.getStorages('INTERNAL', function (storages) {
- self.storages = storages;
- if (typeof onSuccess === 'function') {
- onSuccess();
- }
- }, 'internal0');
- },
-
- /**
- * Returns folder data
- * @param {string} path Node path
- * @param {function} onSuccess Success callback
- * @param {function} onError Error callback
- */
- getFolderData: function Model_getFolderData(path, onSuccess, onError) {
- var self = this,
- onOpenSuccess = function (dir) {
- dir.listFiles(
- function (files) {
- self.currentPath = dir.fullPath;
- onSuccess(dir, files);
- },
- function (e) {
- console.error('Model_getFolderData listFiles error', e);
- }
- );
- },
- onOpenError = function (e) {
- console.error('Model_getFolderData openDir error', e);
- };
-
- this.systemIO.openDir(path, onOpenSuccess, onOpenError);
- },
-
- isStorageExists: function (nodeName, success, error) {
- tizen.filesystem.resolve(nodeName, success, error);
- },
-
- /**
- * Launch a service to open the file
- * @param {string} fullUri ext
- * @param {string} mime uri
- */
- openFile: function Model_openFile(fullUri, mime) {
- if (this.openFileUnLocked) {
- var self = this, serviceReplyCB = {
- onsuccess: function (reply) {
- self.openFileUnLocked = true;
- },
- onfailure: function () {
- self.openFileUnLocked = true;
- console.error('Launch service failed');
- }
- };
- this.openFileUnLocked = false;
- try {
- console.log('Launching view for file "' + fullUri + '" (mime="' + mime + '")...');
- tizen.application.launchAppControl(new tizen.ApplicationControl(
- 'http://tizen.org/appcontrol/operation/view',
- fullUri,
- mime
- ),
- null,
- function () {
- setTimeout(function () {
- self.openFileUnLocked = true;
- }, 500);
- },
- function (e) {
- self.openFileUnLocked = true;
- console.error('Service launch failed. Exception message:' + e.message);
- },
- serviceReplyCB
- );
- } catch (e) {
- self.openFileUnLocked = true;
- console.error('openFile failed', e);
- }
- }
- },
-
- refreshContent: function (path, successCallback, mode) {
- successCallback = successCallback || null;
- mode = mode || 'copy';
- var isDir = true,
- onResolveSuccess;
- if(app.helpers.getFileExtension(path) !== '') {
- isDir = false;
- }
- onResolveSuccess = function () {};
-
- if(isDir) {
- switch (mode) {
- case 'delete':
- tizen.filesystem.resolve(path, onResolveSuccess, successCallback);
- break;
- default:
- tizen.filesystem.resolve(path, successCallback);
- }
- } else {
- tizen.content.scanFile(path, successCallback);
- }
- },
-
- resolveAndRefresh: function (path, successCallback, mode) {
- var self = this;
- tizen.filesystem.resolve(path, function (file) {
- self.refreshContent(file.toURI(), successCallback);
- }, null);
- },
-
- /**
- * @param {File[]} nodes Collection of node objects
- * @param {File} dir Directory handle
- * @param {function} onSuccess
- * @param {function} onError
- */
- deleteNodes: function Model_deleteNodes(nodes, dir, onSuccess, onError) {
- var len = nodes.length,
- self = this,
- onDeleteNodeSuccess = function (node, isDir, fileobject) {
- try {
- this.refreshContent(fileobject.toURI(), function () {
- app.clipboard.removeRecursively(node.uri);
- app.ui.refreshPasteActionBtn();
- if (typeof onSuccess === 'function') {
- onSuccess(node.id);
- }
- }, 'delete');
- } catch (e) {
- console.error(e);
- }
- },
- onDeleteNodeError = function (e) {
- console.error('Folder delete error', e);
- if (typeof onError === 'function') {
- onError();
- }
- },
- i;
-
- for (i = 0; i < len; i = i + 1) {
- tizen.filesystem.resolve(
- nodes[i].uri,
- function (node, fileobject) {
- if (node.folder) {
- dir.deleteDirectory(
- node.uri,
- true,
- onDeleteNodeSuccess.bind(this, node, true, fileobject),
- onDeleteNodeError
- );
- } else {
- dir.deleteFile(
- node.uri,
- onDeleteNodeSuccess.bind(this, node, false, fileobject),
- onDeleteNodeError
- );
- }
- }.bind(this, nodes[i]),
- null
- );
- }
- },
-
- /**
- * Copy specified files to destination path
- * Overwrites existing files
- *
- * @param {File} dir Directory handle
- * @param {string[]} paths Array with absolute virtual file paths
- * @param {string} destinationPath
- * @param {function} onSuccess callback
- */
- copyNodes: function Model_copyNodes(dir, paths, destinationPath, onSuccess) {
- var len = paths.length, self = this,
- scaned = 0,
- scanSuccess = function () {
- scaned += 1;
- if (scaned === len) {
- onSuccess();
- }
- },
- onCopyNodeSuccess = function (file) {
- self.refreshContent(file.toURI(), scanSuccess, 'copy');
- },
- onCopyNodeFailure = function (e) {
- console.error(e);
- setTimeout(function () {
- app.ui.alertPopup('Copying error');
- }, 200);
- },
- i,
- sourceName,
- decision;
-
- this.systemIO.getFilesList(dir, function (filesList) {
- for (i = 0; i < len; i = i + 1) {
- if (destinationPath.indexOf(paths[i]) !== -1) {
- setTimeout(function () {
- app.ui.alertPopup('Copying error');
- }, 200);
- return;
- }
- }
-
- for (i = 0; i < len; i = i + 1) {
- decision = true;
- sourceName = paths[i].split('/').pop();
- sourceName = app.helpers.getCopyFileName(sourceName, filesList);
-
- try {
- dir.copyTo(paths[i], destinationPath + '/' + sourceName, true, onCopyNodeSuccess, onCopyNodeFailure);
- self.resolveAndRefresh(paths[i]);
- } catch (e) {
- console.error(e);
- }
- }
- });
- },
-
- /**
- * Move specified files to destination path
- * Overwrites existing files
- *
- * @param {File} dir Directory handle
- * @param {string[]} paths Array with absolute virtual file paths
- * @param {string} destinationPath
- * @param {function} onSuccess callback
- */
- moveNodes: function Model_moveNodes(dir, paths, destinationPath, onSuccess) {
- var len = paths.length, self = this,
- scaned = 0,
- toScan = len * 2,
- illegalMove = false,
- scanSuccess = function () {
- scaned += 1;
- if (scaned === toScan) {
- onSuccess();
- }
- },
- onMoveNodeSuccess = function (oldfile, file) {
- self.refreshContent(oldfile.toURI(), scanSuccess, 'delete');
- self.refreshContent(file.toURI(), scanSuccess, 'copy');
- },
- onMoveNodeFailure = function () {
- app.ui.alertPopup('Moving error');
- },
- i,
- sourceName,
- decision;
-
- while (len--) {
- if (destinationPath.match(paths[len])) {
- illegalMove = true;
- break;
- }
- }
-
- len = paths.length;
-
- if (illegalMove) {
- setTimeout(function () {
- app.ui.alertPopup('Can not move catalog into itself.');
- }, 200);
- return;
- }
-
- this.systemIO.getFilesList(dir, function (filesList) {
- for (i = 0; i < len; i = i + 1) {
- if (destinationPath.indexOf(paths[i]) !== -1) {
- app.ui.alertPopup('Moving error');
- return;
- }
- }
-
- for (i = 0; i < len; i = i + 1) {
- decision = true;
- sourceName = paths[i].split('/').pop();
- try {
- tizen.filesystem.resolve(
- paths[i],
- function (path, destinationPath, sourceName, oldfile) {
- dir.moveTo(path, destinationPath + '/' + sourceName, false, onMoveNodeSuccess.bind(self, oldfile), onMoveNodeFailure);
- }.bind(self, paths[i], destinationPath, sourceName),
- null
- );
- } catch (e) {
- console.error(e);
- }
- }
- });
- }
- };
+ 'use strict';
+ Model.prototype = {
+
+ /**
+ * file open unlock flag
+ * @type {boolean}
+ */
+ openFileUnLocked: true,
+
+ /**
+ * @type SystemIO
+ */
+ systemIO: null,
+
+ /**
+ * @type Array
+ */
+ storages: [{label: 'root', type: 'INTERNAL'}],
+
+ /**
+ * @type String
+ */
+ currentPath: '',
+
+ /**
+ * API module initialisation
+ */
+ init: function Model_init() {
+ this.systemIO = new SystemIO();
+ },
+
+ /**
+ * @returns {FileSystemStorage[]} storages
+ */
+ getInternalStorages: function Model_getInternalStorages() {
+ return this.storages;
+ },
+
+ /**
+ * Saves storages
+ * @param {function} onSuccess callback
+ */
+ loadInternalStorages: function Model_loadInternalStorages(onSuccess) {
+ var self = this;
+
+ this.systemIO.getStorages('INTERNAL', function (storages) {
+ self.storages = storages;
+ if (typeof onSuccess === 'function') {
+ onSuccess();
+ }
+ }, 'internal0');
+ },
+
+ /**
+ * Returns folder data
+ * @param {string} path Node path
+ * @param {function} onSuccess Success callback
+ * @param {function} onError Error callback
+ */
+ getFolderData: function Model_getFolderData(path, onSuccess, onError) {
+ var self = this,
+ onOpenSuccess = function (dir) {
+ dir.listFiles(
+ function (files) {
+ self.currentPath = dir.fullPath;
+ onSuccess(dir, files);
+ },
+ function (e) {
+ console.error(
+ 'Model_getFolderData listFiles error',
+ e
+ );
+ }
+ );
+ },
+ onOpenError = function (e) {
+ console.error('Model_getFolderData openDir error', e);
+ };
+
+ this.systemIO.openDir(path, onOpenSuccess, onOpenError);
+ },
+
+ isStorageExists: function (nodeName, success, error) {
+ tizen.filesystem.resolve(nodeName, success, error);
+ },
+
+ /**
+ * Launch a service to open the file
+ * @param {string} fullUri ext
+ * @param {string} mime uri
+ */
+ openFile: function Model_openFile(fullUri) {
+ if (this.openFileUnLocked) {
+ var self = this, serviceReplyCB = {
+ onsuccess: function (reply) {
+ self.openFileUnLocked = true;
+ },
+ onfailure: function () {
+ self.openFileUnLocked = true;
+ console.error('Launch service failed');
+ }
+ };
+ this.openFileUnLocked = false;
+ try {
+ console.log('Launching view for file "' + fullUri + '"');
+ tizen.application.launchAppControl(
+ new tizen.ApplicationControl(
+ 'http://tizen.org/appcontrol/operation/view',
+ fullUri
+ ),
+ null,
+ function () {
+ setTimeout(function () {
+ self.openFileUnLocked = true;
+ }, 500);
+ },
+ function (e) {
+ self.openFileUnLocked = true;
+ console.error(
+ 'Service launch failed. Exception message:' +
+ e.message
+ );
+ },
+ serviceReplyCB
+ );
+ } catch (e) {
+ self.openFileUnLocked = true;
+ console.error('openFile failed', e);
+ }
+ }
+ },
+
+ refreshContent: function (path, successCallback, mode) {
+ successCallback = successCallback || null;
+ mode = mode || 'copy';
+ var isDir = true,
+ onResolveSuccess;
+ onResolveSuccess = function () {};
+
+ tizen.filesystem.resolve(path, function (file) {
+ if (file.isFile) {
+ tizen.content.scanFile(path, successCallback);
+ } else {
+ successCallback();
+ }
+ }, null);
+ },
+
+ resolveAndRefresh: function (path, successCallback, mode) {
+ var self = this;
+ tizen.filesystem.resolve(path, function (file) {
+ self.refreshContent(file.toURI(), successCallback);
+ }, null);
+ },
+
+ /**
+ * @param {File[]} nodes Collection of node objects
+ * @param {File} dir Directory handle
+ * @param {function} onSuccess
+ * @param {function} onError
+ */
+ deleteNodes: function Model_deleteNodes(
+ nodes,
+ dir,
+ onSuccess,
+ onError
+ ) {
+ var len = nodes.length,
+ self = this,
+ onDeleteNodeSuccess = function (file) {
+ try {
+ app.clipboard.removeRecursively(file.fullPath);
+ app.ui.refreshPasteActionBtn();
+ if (onSuccess instanceof Function) {
+ onSuccess(file.fullPath);
+ }
+ } catch (e) {
+ console.error(e);
+ }
+ },
+ onDeleteNodeError = function (e) {
+ if (typeof onError === 'function') {
+ onError();
+ }
+ },
+ i,
+ remove = function (file, success, failure) {
+ var parent = file.parent, fullPath = file.fullPath,
+ removeSuccess = function () {
+ if (success instanceof Function) {
+ success(file);
+ }
+ },
+ removeFailure = function (error) {
+ if (failure instanceof Function) {
+ failure(error, file);
+ }
+ };
+
+ if (file.isFile) {
+ parent.deleteFile(
+ fullPath,
+ function () {
+ tizen.content.scanFile(
+ file.toURI(),
+ removeSuccess,
+ removeFailure
+ );
+ },
+ removeFailure
+ );
+ } else {
+ file.listFiles(
+ function (files) {
+ var len = files.length,
+ index = len - 1,
+ counter = 0,
+ removeEmptyDir = function () {
+ parent.deleteDirectory(
+ fullPath,
+ false,
+ removeSuccess,
+ removeFailure
+ );
+ };
+
+ if (len > 0) {
+ while (index >= 0) {
+ remove(
+ files[index],
+ function () {
+ counter += 1;
+ if (counter === len) {
+ removeEmptyDir();
+ }
+ },
+ removeFailure
+ );
+ index -= 1;
+ }
+ } else {
+ removeEmptyDir();
+ }
+ },
+ removeFailure
+ );
+ }
+ };
+
+ for (i = 0; i < len; i = i + 1) {
+ tizen.filesystem.resolve(
+ nodes[i].uri,
+ function (file) {
+ remove(file, onDeleteNodeSuccess, onDeleteNodeError);
+ }.bind(this),
+ null
+ );
+ }
+ },
+
+ /**
+ * Copy specified files to destination path
+ * Overwrites existing files
+ *
+ * @param {File} dir Directory handle
+ * @param {string[]} paths Array with absolute virtual file paths
+ * @param {string} destinationPath
+ * @param {function} onSuccess callback
+ */
+ copyNodes: function Model_copyNodes(
+ dir,
+ paths,
+ destinationPath,
+ onSuccess
+ ) {
+ var len = paths.length, self = this,
+ scaned = 0,
+ scanSuccess = function () {
+ scaned += 1;
+ if (scaned === len) {
+ onSuccess();
+ }
+ },
+ onCopyNodeSuccess = function (file) {
+ self.refreshContent(file.toURI(), scanSuccess, 'copy');
+ },
+ onCopyNodeFailure = function (e) {
+ console.error(e);
+ setTimeout(function () {
+ app.refreshCurrentPage();
+ app.ui.alertPopup('Copying error');
+ }, 200);
+ },
+ i,
+ sourceName,
+ decision;
+
+ this.systemIO.getFilesList(dir, function (filesList) {
+ for (i = 0; i < len; i = i + 1) {
+ if (destinationPath.indexOf(paths[i]) !== -1) {
+ setTimeout(function () {
+ app.ui.alertPopup('Copying error');
+ }, 200);
+ return;
+ }
+ }
+
+ for (i = 0; i < len; i = i + 1) {
+ decision = true;
+ sourceName = paths[i].split('/').pop();
+ sourceName = app.helpers.getCopyFileName(
+ sourceName,
+ filesList
+ );
+
+ try {
+ dir.copyTo(
+ paths[i],
+ destinationPath + '/' + sourceName,
+ true,
+ onCopyNodeSuccess,
+ onCopyNodeFailure
+ );
+ } catch (e) {
+ console.error(e);
+ }
+ }
+ });
+ },
+
+ /**
+ * Move specified files to destination path
+ * Overwrites existing files
+ *
+ * @param {File} dir Directory handle
+ * @param {string[]} paths Array with absolute virtual file paths
+ * @param {string} destinationPath
+ * @param {function} onSuccess callback
+ */
+ moveNodes: function Model_moveNodes(
+ dir,
+ paths,
+ destinationPath,
+ onSuccess
+ ) {
+ var len = paths.length, self = this,
+ scaned = 0,
+ toScan = len * 2,
+ illegalMove = false,
+ scanSuccess = function () {
+ scaned += 1;
+ if (scaned === toScan) {
+ onSuccess();
+ }
+ },
+ onMoveNodeSuccess = function (oldfile, file) {
+ self.refreshContent(oldfile.toURI(), scanSuccess, 'delete');
+ self.refreshContent(file.toURI(), scanSuccess, 'copy');
+ },
+ onMoveNodeFailure = function () {
+ app.ui.alertPopup('Moving error');
+ },
+ i,
+ sourceName,
+ decision;
+
+ len -= 1;
+ while (len >= 0) {
+ if (destinationPath.match(paths[len])) {
+ illegalMove = true;
+ break;
+ }
+ len -= 1;
+ }
+
+ len = paths.length;
+
+ if (illegalMove) {
+ setTimeout(function () {
+ app.ui.alertPopup('Can not move catalog into itself.');
+ }, 200);
+ return;
+ }
+
+ this.systemIO.getFilesList(dir, function (filesList) {
+ var resolveSuccess = function (
+ path,
+ destinationPath,
+ sourceName,
+ oldfile
+ ) {
+ dir.moveTo(
+ path,
+ destinationPath + '/' + sourceName,
+ false,
+ onMoveNodeSuccess.bind(self, oldfile),
+ onMoveNodeFailure
+ );
+ };
+ for (i = 0; i < len; i = i + 1) {
+ if (destinationPath.indexOf(paths[i]) !== -1) {
+ app.ui.alertPopup('Moving error');
+ return;
+ }
+ }
+
+ for (i = 0; i < len; i = i + 1) {
+ decision = true;
+ sourceName = paths[i].split('/').pop();
+ try {
+ tizen.filesystem.resolve(
+ paths[i],
+ resolveSuccess.bind(
+ self,
+ paths[i],
+ destinationPath,
+ sourceName
+ ),
+ onMoveNodeFailure
+ );
+ } catch (e) {
+ console.error(e);
+ }
+ }
+ });
+ }
+ };
}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*jslint devel: true*/
/*global tizen, localStorage */
* @class SystemIO
*/
function SystemIO() {
- 'use strict';
+ 'use strict';
}
(function () { // strict mode wrapper
- 'use strict';
- SystemIO.prototype = {
- /**
- * Creates new empty file in specified location
- *
- * @param {File} directoryHandle
- * @param {string} fileName
- */
- createFile: function SystemIO_createFile(directoryHandle, fileName) {
+ 'use strict';
+ SystemIO.prototype = {
+ /**
+ * Creates new empty file in specified location
+ *
+ * @param {File} directoryHandle
+ * @param {string} fileName
+ */
+ createFile: function SystemIO_createFile(directoryHandle, fileName) {
- try {
- return directoryHandle.createFile(fileName);
- } catch (e) {
- console.error('SystemIO_createFile error:' + e.message);
- return false;
- }
- },
+ try {
+ return directoryHandle.createFile(fileName);
+ } catch (e) {
+ console.error('SystemIO_createFile error:' + e.message);
+ return false;
+ }
+ },
- /**
- * Writes content to file stream
- *
- * @param {File} fileHandle file handler
- * @param {string} fileContent file content
- * @param {function} onSuccess on success callback
- * @param {function} onError on error callback
- * @param {string} content encoding
- */
- writeFile: function SystemIO_writeFile(fileHandle, fileContent, onSuccess, onError, contentEncoding) {
- onError = onError || function () {};
+ /**
+ * Writes content to file stream
+ *
+ * @param {File} fileHandle file handler
+ * @param {string} fileContent file content
+ * @param {function} onSuccess on success callback
+ * @param {function} onError on error callback
+ * @param {string} content encoding
+ */
+ writeFile: function SystemIO_writeFile(
+ fileHandle,
+ fileContent,
+ onSuccess,
+ onError,
+ contentEncoding
+ ) {
+ onError = onError || function () {};
- fileHandle.openStream('w', function (fileStream) {
- if (contentEncoding === 'base64') {
- fileStream.writeBase64(fileContent);
- } else {
- fileStream.write(fileContent);
- }
+ fileHandle.openStream('w', function (fileStream) {
+ if (contentEncoding === 'base64') {
+ fileStream.writeBase64(fileContent);
+ } else {
+ fileStream.write(fileContent);
+ }
- fileStream.close();
+ fileStream.close();
- // launch onSuccess callback
- if (typeof onSuccess === 'function') {
- onSuccess();
- }
- }, onError, 'UTF-8');
- },
+ // launch onSuccess callback
+ if (typeof onSuccess === 'function') {
+ onSuccess();
+ }
+ }, onError, 'UTF-8');
+ },
- /**
- * Opens specified location
- *
- * @param {string} directory path
- * @param {function} on success callback
- * @param {function} on error callback
- * @param {string} mode
- */
- openDir: function SystemIO_openDir(directoryPath, onSuccess, onError, openMode) {
- openMode = openMode || 'rw';
- onSuccess = onSuccess || function () {};
+ /**
+ * Opens specified location
+ *
+ * @param {string} directory path
+ * @param {function} on success callback
+ * @param {function} on error callback
+ * @param {string} mode
+ */
+ openDir: function SystemIO_openDir(
+ directoryPath,
+ onSuccess,
+ onError,
+ openMode
+ ) {
+ openMode = openMode || 'rw';
+ onSuccess = onSuccess || function () {};
- try {
- tizen.filesystem.resolve(directoryPath, onSuccess, onError, openMode);
- } catch (e) {
- }
- },
+ try {
+ tizen.filesystem.resolve(
+ directoryPath,
+ onSuccess,
+ onError,
+ openMode
+ );
+ } catch (e) {
+ }
+ },
- /**
- * Parse specified filepath and returns data parts
- *
- * @param {string} filePath
- * @returns {array}
- */
- getPathData: function SystemIO_getPathData(filePath) {
- var path = {
- originalPath: filePath,
- fileName: '',
- dirName: ''
- },
- splittedPath = filePath.split('/');
+ /**
+ * Parse specified filepath and returns data parts
+ *
+ * @param {string} filePath
+ * @returns {array}
+ */
+ getPathData: function SystemIO_getPathData(filePath) {
+ var path = {
+ originalPath: filePath,
+ fileName: '',
+ dirName: ''
+ },
+ splittedPath = filePath.split('/');
- path.fileName = splittedPath.pop();
- path.dirName = splittedPath.join('/') || '/';
+ path.fileName = splittedPath.pop();
+ path.dirName = splittedPath.join('/') || '/';
- return path;
- },
+ return path;
+ },
- /**
- * Save specified content to file
- *
- * @param {string} file path
- * @param {string} file content
- * @param {string} file encoding
- */
- saveFileContent: function SystemIO_saveFileContent(filePath, fileContent, onSaveSuccess, fileEncoding) {
- var pathData = this.getPathData(filePath),
- self = this,
- fileHandle;
+ /**
+ * Save specified content to file
+ *
+ * @param {string} file path
+ * @param {string} file content
+ * @param {string} file encoding
+ */
+ saveFileContent: function SystemIO_saveFileContent(
+ filePath,
+ fileContent,
+ onSaveSuccess,
+ fileEncoding
+ ) {
+ var pathData = this.getPathData(filePath),
+ self = this,
+ fileHandle;
- function onOpenDirSuccess(dir) {
- // create new file
- fileHandle = self.createFile(dir, pathData.fileName);
- if (fileHandle !== false) {
- // save data into this file
- self.writeFile(fileHandle, fileContent, onSaveSuccess, false, fileEncoding);
- }
- }
+ function onOpenDirSuccess(dir) {
+ // create new file
+ fileHandle = self.createFile(dir, pathData.fileName);
+ if (fileHandle !== false) {
+ // save data into this file
+ self.writeFile(
+ fileHandle,
+ fileContent,
+ onSaveSuccess,
+ false,
+ fileEncoding
+ );
+ }
+ }
- // open directory
- this.openDir(pathData.dirName, onOpenDirSuccess);
- },
+ // open directory
+ this.openDir(pathData.dirName, onOpenDirSuccess);
+ },
- /**
- * Deletes node with specified path
- *
- * @param {string} node path
- * @param {function} success callback
- */
- deleteNode: function SystemIO_deleteNode(nodePath, onSuccess) {
- var pathData = this.getPathData(nodePath),
- self = this;
+ /**
+ * Deletes node with specified path
+ *
+ * @param {string} node path
+ * @param {function} success callback
+ */
+ deleteNode: function SystemIO_deleteNode(nodePath, onSuccess) {
+ var pathData = this.getPathData(nodePath),
+ self = this;
- function onDeleteSuccess() {
- onSuccess();
- }
+ function onDeleteSuccess() {
+ onSuccess();
+ }
- function onDeleteError(e) {
- console.error('SystemIO_deleteNode:_onDeleteError', e);
- }
+ function onDeleteError(e) {
+ console.error('SystemIO_deleteNode:_onDeleteError', e);
+ }
- function onOpenDirSuccess(dir) {
- var onListFiles = function (files) {
- if (files.length > 0) {
- // file exists;
- if (files[0].isDirectory) {
- self.deleteDir(dir, files[0].fullPath, onDeleteSuccess, onDeleteError);
- } else {
- self.deleteFile(dir, files[0].fullPath, onDeleteSuccess, onDeleteError);
- }
- } else {
- onDeleteSuccess();
- }
- };
+ function onOpenDirSuccess(dir) {
+ var onListFiles = function (files) {
+ if (files.length > 0) {
+ // file exists;
+ if (files[0].isDirectory) {
+ self.deleteDir(
+ dir,
+ files[0].fullPath,
+ onDeleteSuccess,
+ onDeleteError
+ );
+ } else {
+ self.deleteFile(
+ dir,
+ files[0].fullPath,
+ onDeleteSuccess,
+ onDeleteError
+ );
+ }
+ } else {
+ onDeleteSuccess();
+ }
+ };
- // check file exists;
- dir.listFiles(onListFiles, function (e) {
- console.error(e);
- }, {
- name: pathData.fileName
- });
- }
+ // check file exists;
+ dir.listFiles(onListFiles, function (e) {
+ console.error(e);
+ }, {
+ name: pathData.fileName
+ });
+ }
- this.openDir(pathData.dirName, onOpenDirSuccess, function (e) {
- console.error('openDir error:' + e.message);
- });
- },
+ this.openDir(pathData.dirName, onOpenDirSuccess, function (e) {
+ console.error('openDir error:' + e.message);
+ });
+ },
- /**
- * Deletes specified file
- *
- * @param {File} dir
- * @param {string} file path
- * @param {function} delete success callback
- * @param {function} delete error callback
- */
- deleteFile: function SystemIO_deleteFile(dir, filePath, onDeleteSuccess, onDeleteError) {
- try {
- dir.deleteFile(filePath, onDeleteSuccess, onDeleteError);
- } catch (e) {
- console.error('SystemIO_deleteFile error: ' + e.message);
- return false;
- }
- },
+ /**
+ * Deletes specified file
+ *
+ * @param {File} dir
+ * @param {string} file path
+ * @param {function} delete success callback
+ * @param {function} delete error callback
+ */
+ deleteFile: function SystemIO_deleteFile(
+ dir,
+ filePath,
+ onDeleteSuccess,
+ onDeleteError
+ ) {
+ try {
+ dir.deleteFile(filePath, onDeleteSuccess, onDeleteError);
+ } catch (e) {
+ console.error('SystemIO_deleteFile error: ' + e.message);
+ return false;
+ }
+ },
- /**
- * Deletes specified directory
- *
- * @param {File} dir
- * @param {string} dirPath dir path
- * @param {function} onDeleteSuccess delete success callback
- * @param {function} onDeleteError delete error callback
- * @returns {boolean}
- */
- deleteDir: function SystemIO_deleteDir(dir, dirPath, onDeleteSuccess, onDeleteError) {
- try {
- dir.deleteDirectory(dirPath, false, onDeleteSuccess, onDeleteError);
- } catch (e) {
- console.error('SystemIO_deleteDir error:' + e.message);
- return false;
- }
+ /**
+ * Deletes specified directory
+ *
+ * @param {File} dir
+ * @param {string} dirPath dir path
+ * @param {function} onDeleteSuccess delete success callback
+ * @param {function} onDeleteError delete error callback
+ * @returns {boolean}
+ */
+ deleteDir: function SystemIO_deleteDir(
+ dir,
+ dirPath,
+ onDeleteSuccess,
+ onDeleteError
+ ) {
+ try {
+ dir.deleteDirectory(
+ dirPath,
+ false,
+ onDeleteSuccess,
+ onDeleteError
+ );
+ } catch (e) {
+ console.error('SystemIO_deleteDir error:' + e.message);
+ return false;
+ }
- return true;
- },
+ return true;
+ },
- /**
- * @param {string} type storage type
- * @param {function} onSuccess on success callback
- * @param {string} excluded Excluded storage
- */
- getStorages: function SystemIO_getStorages(type, onSuccess, excluded) {
- try {
- tizen.filesystem.listStorages(function (storages) {
- var tmp = [],
- len = storages.length,
- i;
+ /**
+ * @param {string} type storage type
+ * @param {function} onSuccess on success callback
+ * @param {string} excluded Excluded storage
+ */
+ getStorages: function SystemIO_getStorages(type, onSuccess, excluded) {
+ try {
+ tizen.filesystem.listStorages(function (storages) {
+ var tmp = [],
+ len = storages.length,
+ i;
- if (type !== undefined) {
- for (i = 0; i < len; i += 1) {
- if (storages[i].label !== excluded) {
- if (storages[i].type === 0 || storages[i].type === type) {
- tmp.push(storages[i]);
- }
- }
- }
- } else {
- tmp = storages;
- }
+ if (type !== undefined) {
+ for (i = 0; i < len; i += 1) {
+ if (storages[i].label !== excluded) {
+ if (
+ storages[i].type === 0 ||
+ storages[i].type === type
+ ) {
+ tmp.push(storages[i]);
+ }
+ }
+ }
+ } else {
+ tmp = storages;
+ }
- if (typeof onSuccess === 'function') {
- onSuccess(tmp);
- }
- });
- } catch (e) {
- console.error('SystemIO_getStorages error:' + e.message);
- }
- },
+ if (typeof onSuccess === 'function') {
+ onSuccess(tmp);
+ }
+ });
+ } catch (e) {
+ console.error('SystemIO_getStorages error:' + e.message);
+ }
+ },
- getFilesList: function SystemIO_getFilesList(dir, onSuccess) {
- try {
- dir.listFiles(
- function (files) {
- var tmp = [],
- len = files.length,
- i;
+ getFilesList: function SystemIO_getFilesList(dir, onSuccess) {
+ try {
+ dir.listFiles(
+ function (files) {
+ var tmp = [],
+ len = files.length,
+ i;
- for (i = 0; i < len; i += 1) {
- tmp.push(files[i].name);
- }
+ for (i = 0; i < len; i += 1) {
+ tmp.push({
+ name: files[i].name,
+ isDirectory: files[i].isDirectory
+ });
+ }
- if (typeof onSuccess === 'function') {
- onSuccess(tmp);
- }
- },
- function (e) {
- console.error('SystemIO_getFilesList dir.listFiles() error:', e);
- }
- );
- } catch (e) {
- console.error('SystemIO_getFilesList error:', e.message);
- }
- }
- };
-}());
\ No newline at end of file
+ if (typeof onSuccess === 'function') {
+ onSuccess(tmp);
+ }
+ },
+ function (e) {
+ console.error(
+ 'SystemIO_getFilesList dir.listFiles() error:',
+ e
+ );
+ }
+ );
+ } catch (e) {
+ console.error('SystemIO_getFilesList error:', e.message);
+ }
+ }
+ };
+}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*jslint devel: true */
-/*global $, app, TemplateManager, Helpers */
+/*global window, tizen, $, app, TemplateManager, Helpers */
/**
* @class Ui
*/
function Ui() {
- 'use strict';
+ 'use strict';
}
(function () { // strict mode wrapper
- 'use strict';
- Ui.prototype = {
- /**
- * root mode
- * @type {boolean}
- */
- root: true,
-
- /**
- * locked folders
- * @type {array}
- */
- lockedFolders: ['ringtones'],
-
- /**
- * UI edit mode
- * @type {boolean}
- */
- editMode: false,
-
- /**
- * @type {bool} block clicks until the page change is completed
- */
- nodeTapBlock: false,
-
- /**
- * @type {TemplateManager}
- */
- templateManager: null,
-
- /**
- * @type Helpers
- */
- helpers: null,
-
- /**
- * @type Info popup lock
- */
- infoPopupVisibility: false,
-
- /**
- * @const {number}
- */
- PATH_DIV_HEIGHT: 20,
-
- /**
- * @const {number}
- */
- SELECT_ALL_HEIGHT: 32,
-
- /**
- * @const {number} header height, set on domReady
- */
- HEADER_HEIGHT: 53,
-
- /**
- * name of row gradient class
- */
- CSS_GRADIENT_CLASS: 'gradientBackground',
-
- /**
- * Standard tabbar actions
- * @type {number}
- */
- STD_TABBAR_EDIT_ACTION: 0,
- STD_TABBAR_MORE_ACTION: 1,
- STD_TABBAR_EXIT_ACTION: 2,
-
- /**
- * Edit tabbar actions
- * @type {number}
- */
- EDIT_TABBAR_DELETE_ACTION: 0,
- EDIT_TABBAR_MOVE_ACTION: 1,
- EDIT_TABBAR_COPY_ACTION: 2,
- EDIT_TABBAR_CANCEL_ACTION: 3,
-
- currentHeaderHeight: null,
- currentScrollPosition: null,
-
- /**
- * UI Initialization
- */
- init: function Ui_init(storages) {
- this.templateManager = new TemplateManager();
- this.helpers = new Helpers();
- // Disable text selection
- $.mobile.tizen.disableSelection(document);
- $(document).ready(this.initDom.bind(this, storages));
- },
-
- initDom: function Ui_initDom(storages) {
- var self = this,
- overlay = $('#overlay'),
- popup = $('#infoPopup'),
- windowWidth,
- windowHeight,
- popWidth;
-
- this.templateManager.loadToCache(['main', 'fileRow', 'folderRow', 'levelUpRow', 'emptyFolder'], function () {
- $('#main').append($(self.templateManager.get('main')).children()).trigger('pagecreate');
- self.addEvents();
- self.displayStorages(storages);
- });
-
- windowWidth = $(window).width();
- windowHeight = $(window).height();
-
- overlay.css({
- 'width': windowWidth + 'px',
- 'height': windowHeight + 'px'
- });
-
- popWidth = windowWidth / 2 + 30;
- popup.css({
- 'width': popWidth + 'px',
- 'left': (windowWidth / 2 - popWidth / 2) + 'px',
- 'top': (windowHeight / 2 - popup.height() / 2) + 'px'
- });
- },
-
- /**
- * Add UI events
- */
- addEvents: function Ui_addEvents() {
- var self = this;
-
- document.addEventListener('webkitvisibilitychange', function () {
- if (document.webkitVisibilityState === 'visible') {
- self.refreshSelectAllStatus();
- app.refreshCurrentPage(true);
- }
- });
-
- window.addEventListener('tizenhwkey', function(e) {
- var uri = $('#navbar span+span').attr('uri');
- if (e.keyName == "back") {
- if (self.infoPopupVisibility) {
- return;
- } else if ($.mobile.popup.active) {
- $.mobile.popup.active.close();
- } else if (self.editMode === true) {
- self.handleCancelEditAction();
- } else if (!uri) {
- if ( app.ui.root === false ) {
- $('#fileList').empty();
- app.ui.prepareFolderRow(0, "root");
- app.ui.root = true;
- } else {
- tizen.application.getCurrentApplication().exit();
- }
- } else {
- app.goLevelUp();
- }
- }
- });
-
- $(window).resize( function () {
- $.mobile.activePage.page('refresh')
- });
-
- // touch events for all nodes
- $('ul#fileList')
- .on('click', 'li.levelUp', function () {
- if (self.editMode === true) {
- self.handleCancelEditAction();
- }
- app.goLevelUp();
- })
- .on('click', 'li.node', function (e) {
- e.preventDefault();
- e.stopPropagation();
- self.handleNodeClick($(this), true);
- })
- .on('change', 'input[type=checkbox]', function (e) {
- self.handleNodeClick($(this).closest('li.node'), false);
- })
- .on('touchstart', 'li', function (event) {
- $(this).addClass(self.CSS_GRADIENT_CLASS);
- })
- .on('touchend touchmove', 'li', function (event) {
- $(this).removeClass(self.CSS_GRADIENT_CLASS);
- });
-
- $('.selectAll input').on('change', this.handleSelectAllChange.bind(this));
-
- // navbar
- $('#navbar').on('click', 'span', function () {
- var uri = $(this).attr('uri');
- if (uri === 'home') {
- if (app.currentPath !== '') {
- app.displayStorages();
- }
- } else if (uri === app.model.currentPath) {
- app.displayFolder(uri,true);
- } else {
- if (self.editMode === true) {
- self.handleCancelEditAction();
- }
- app.displayFolder(uri);
- }
- });
-
- // level up
- $('#levelUpBtn').on('click', function () {
- if (self.editMode === true) {
- self.handleCancelEditAction();
- }
- app.goLevelUp();
- });
-
- $('#homeBtn').on('click', app.displayStorages.bind(app));
-
- // edit action
- $('#editActionBtn').on('click', this.handleEditAction.bind(this));
-
- // delete action
- $('#deleteActionBtn').on('click', this.handleDeleteAction.bind(this));
-
- // cancel edit
- $('#cancelActionBtn').on('click', function (e) {
- e.preventDefault();
- e.stopPropagation();
- self.handleCancelEditAction();
- });
-
- // copy action
- $('#copyActionBtn').on('click', this.handleCopyAction.bind(this));
-
- // move action
- $('#moveActionBtn').on('click', this.handleMoveAction.bind(this));
-
- // paste action
- $('a#pasteActionBtn').on('click', function () {
- if (!self.infoPopupVisibility) {
- self.toggleInfoPopup();
- setTimeout(app.pasteClipboard.bind(app), 100);
- }
- $("#morePopup").popup('close');
- });
-
- // remove active class
- $('[data-role = "tabbar"] li > a').on('click', function () {
- $(this).removeClass('ui-focus, ui-btn-active');
- });
- // exit
- $('.ui-myExit').on('click', app.exit);
-
- // add folder popup actions
- $('#addFolderPopup').on("popupafterclose", function () {
- // clear input value
- $('#newFolderName').val('New folder');
- });
-
- $('#newFolderName').on('click', function () {
- if ($(this).attr('value') === 'New folder') {
- $(this).attr('value', '');
- }
- });
-
- $('#saveNewFolder').on('click', this.saveNewFolder.bind(this));
- $('#newFolderForm').on('submit', this.saveNewFolder.bind(this));
- },
-
- saveNewFolder: function Ui_saveNewFolder(e) {
- var folderName = $('#newFolderName').val().trim(), status = true,
- open = function () {
- $("#addFolderPopup").popup('open', {
- positionTo: "window"
- });
- },
- self = this,
- buttons = $("#addFolderPopup .ui-popup-button-bg a"),
- activePopup;
- e.preventDefault();
- e.stopPropagation();
- buttons.addClass('ui-disabled');
- $("#addFolderPopup").one("popupafterclose", function () {
- if (folderName === '') {
- self.alertPopup("Empty folder name", open);
- status = false;
- } else if (folderName.match(/[\*\.\/\\\?\"\'\:<>|]/)) {
- self.alertPopup("The following special characters "
- +"are not allowed: *./\\?:<>|'\"", open);
- status = false;
- } else {
- status = app.createDir(folderName, open);
- }
- buttons.removeClass('ui-disabled');
- });
- activePopup = $.mobile.popup.active;
- if (
- activePopup &&
- activePopup.element.attr('id') === 'addFolderPopup'
- ) {
- activePopup.close();
- }
- return status;
- },
-
- toggleInfoPopup: function () {
- var overlay = $('#overlay');
-
- if (this.infoPopupVisibility) {
- overlay.hide();
- document.onkeydown = null;
- } else {
- document.onkeydown = function(){return false;}
- overlay.show();
- }
-
- this.infoPopupVisibility = !this.infoPopupVisibility;
- },
-
- alertPopup: function (text, callback) {
- $("#alertPopup .text").text(text);
- $("#alertPopup").popup('open', {'positionTo': 'window'});
- if (callback instanceof Function) {
- $("#alertPopup").one("popupafterclose", function () {
- callback();
- });
- }
- if (this.infoPopupVisibility) {
- this.toggleInfoPopup();
- }
- },
-
- confirmPopup: function (text, confirmCallback, completeCallback) {
- var popup = $("#confirmPopup");
- popup.find(".text").text(text);
- popup.popup('open', {positionTo: 'window'});
- popup.find(".confirm").one("click", function () {
- if (confirmCallback instanceof Function) {
- confirmCallback();
- }
- });
- if (completeCallback instanceof Function) {
- popup.one('popupafterclose', function () {
- completeCallback();
- });
- }
- },
-
- clearTabbars: function Ui_clearTabbars() {
- $('[data-role = "tabbar"] li > a').removeClass('ui-focus, ui-btn-active');
- },
-
- /**
- * Handler for node click
- * @param {File} node
- * @param {boolean} toggleCheckbox
- */
- handleNodeClick: function Ui_handleNodeClick(node, toggleCheckbox) {
- if (this.root) {
- app.model.loadInternalStorages(function () { app.displayStorages(); });
- this.root = false;
- } else if (this.editMode === true) {
- //if edit mode is on toggle checkbox state
- if (toggleCheckbox === true) {
- this.toggleCheckBoxState(node); // select the checkbox
- }
-
- this.refreshSelectAllStatus();
- this.refreshEditMenu();
- } else if (node.hasClass('folder')) {
- // otherwise display folder
- app.displayFolder(node.attr('uri'));
- } else {
- // file
- app.openFile(node.attr('uri'), node.attr('fullUri'));
- }
- },
-
- /**
- * Handler for edit action
- */
- handleEditAction: function Ui_handleEditAction() {
- this.editMode = true;
- this.clearTabbars();
- $('.standardTabbar').hide();
- $('div.editTabbar').show();
- this.disableControlBarButtons($('div.editTabbar'), [this.EDIT_TABBAR_DELETE_ACTION, this.EDIT_TABBAR_COPY_ACTION, this.EDIT_TABBAR_MOVE_ACTION]);
- $('#fileList .folder .nodename, #fileList > li > span.nodename')
- .animate({'width': '70%'});
- this.showEditCheckBoxes();
- },
-
- /**
- * Handler for cancel edit action
- */
- handleCancelEditAction: function Ui_handleCancelEditAction() {
- this.editMode = false;
- this.clearTabbars();
- $('div.editTabbar').hide();
- $('.standardTabbar').show();
- $('#fileList .folder .nodename, #fileList > li > span.nodename')
- .animate({'width': '75%'});
- this.hideEditCheckBoxes();
- if (this.isFileListEmpty()) {
- $('#editActionBtn').addClass('vhidden').blur();
- }
- },
-
- /**
- * Handler for delete action
- */
- handleDeleteAction: function Ui_handleDeleteAction(e) {
- var nodesToDelete = [],
- $rowElement,
- self = this,
- conf;
-
- e.stopPropagation();
- e.preventDefault();
-
- this.confirmPopup('Selected nodes will be deleted. Are you sure?',
- function () {
- $('ul#fileList input:checkbox:checked').each(function (index) {
- $rowElement = $(this).closest('li');
- nodesToDelete.push({
- id: $rowElement.attr('id'),
- uri: $rowElement.attr('uri'),
- name: $rowElement.attr('label'),
- folder: $rowElement.hasClass('folder')
- });
- });
- if (nodesToDelete.length > 0) {
- app.deleteNodes(nodesToDelete);
- self.scrollContentTo(0);
- $('ul#fileList input:checkbox:checked').remove();
- self.refreshEditMenu();
- }
- },
- function () {
- self.clearTabbars();
- }
- );
- },
-
- /**
- * Handler for copy action
- */
- handleCopyAction: function Ui_handleCopyAction(e) {
- var paths = [];
-
- e.stopPropagation();
- e.preventDefault();
-
- if (this.editMode === true) {
- $('ul#fileList input:checkbox:checked').each(function (index) {
- paths.push($(this).closest('li').attr('uri'));
- });
- app.saveToClipboard(paths, app.clipboard.COPY_MODE_ID);
- }
- },
-
- /**
- * Handler for move action
- */
- handleMoveAction: function Ui_handleMoveAction(e) {
- var paths = [];
-
- e.stopPropagation();
- e.preventDefault();
-
- if (this.editMode === true) {
- $('ul#fileList input:checkbox:checked').each(function (index) {
- paths.push($(this).closest('li').attr('uri'));
- });
- app.saveToClipboard(paths, app.clipboard.MOVE_MODE_ID);
- }
- },
-
- /**
- * Handler for paste action
- */
- handlePasteAction: function Ui_handlePasteAction() {
- },
-
- /**
- * Scrolls content to the specified position
- */
- scrollContentTo: function scrollContentTo(value) {
- $('#main [data-role="content"]').scrollview('scrollTo', 0, value);
- },
-
- /**
- * @param {FileSystemStorage[]} nodes Storage elements
- */
- displayStorages: function Ui_displayStorages(nodes) {
- var len = nodes.length, nodeName, i;
-
- this.updateNavbar('');
- $('#fileList').empty();
-
- for (i = 0; i < len; i = i + 1) {
- nodeName = nodes[i].label.trim();
- if (nodeName !== ''
- && (nodes[i].type === 0 || nodes[i].type === 'INTERNAL')
- && nodeName.indexOf('wgt-') === -1
- && $.inArray(nodeName, this.lockedFolders) === -1
- ) {
- if (!this.root) {
- app.model.isStorageExists(nodeName,
- app.ui.prepareFolderRow.bind(app.ui, i, nodeName), null);
- } else {
- this.prepareFolderRow(i, nodeName);
- }
- }
- }
-
- $('#levelUpBtn').addClass('vhidden');
- $('#homeBtn').addClass('vhidden');
-
- $('#editActionBtn').addClass('vhidden').blur();
- $('#moreActionBtn').addClass('vhidden').blur();
- $('h1#mainTitle').html('Media');
-
- if (this.editMode) {
- this.scrollContentTo(0);
- }
-
- this.resetDefaultCheckBoxLabelEvents();
- this.hideSelectAllArea();
- this.handleCancelEditAction();
-
- if (this.infoPopupVisibility) {
- this.toggleInfoPopup();
- }
- },
-
- prepareFolderRow: function (id, name) {
- $(this.templateManager.get('folderRow', {
- id: id,
- name: name,
- uri: name,
- fullUri: name,
- })).appendTo('#fileList');
- },
-
- /**
- * File comparison function using their names (case insensitive)
- *
- * @param {File} x
- * @param {File} y
- * @returns {Number}
- */
- fileComparison: function fileComparison(x, y) {
- if(x.isDirectory !== y.isDirectory) {
- return x.isDirectory ? -1 : 1;
- }
- var a = x.name.toLowerCase(),
- b = y.name.toLowerCase();
- if (a < b) {
- return -1;
- }
- if (a > b) {
- return 1;
- }
- return 0;
- },
-
- /**
- * renders node list for folder
- * @param {string} folderName
- * @param {File[]} nodes
- * @param {bool} [refresh=false]
- */
- displayFolder: function Ui_displayFolder(folderName, nodes, refresh) {
- var len = nodes.length,
- listElements = [this.templateManager.get('levelUpRow')],
- nodeName,
- checkedRows = [],
- checkedRowsLen,
- i;
- refresh = refresh || false;
-
- // update title
- this.updateTitle(this.templateManager.modifiers.escape(folderName));
- // update navbar
- this.updateNavbar(this.templateManager.modifiers.escape(folderName));
- this.refreshPasteActionBtn();
-
- nodes.sort(this.fileComparison);
-
- // render nodes
- for (i = 0; i < len; i = i + 1) {
- nodeName = nodes[i].name;
- if (nodeName !== '') {
- if (nodes[i].isDirectory) {
- // folder
- listElements.push(this.templateManager.get('folderRow', {
- id: i,
- name: nodeName,
- uri: nodes[i].fullPath,
- fullUri: nodes[i].toURI()
- }));
- } else {
- // file
- listElements.push(this.templateManager.get('fileRow', {
- id: i,
- name: nodeName,
- uri: nodes[i].fullPath,
- fullUri: nodes[i].toURI(),
- thumbnailURI: this.helpers.getThumbnailURI(nodeName, nodes[i])
- }));
- }
- }
- }
-
- if (listElements.length === 1) {
- // set content for empty folder
- listElements.push(this.templateManager.get('emptyFolder'));
- // hide edit button for empty content
- $('#editActionBtn').addClass('vhidden').blur();
- this.handleCancelEditAction();
- } else {
- $('#editActionBtn').removeClass('vhidden');
- }
-
- // scroll to top of list
- this.scrollContentTo(0);
-
- $('#levelUpBtn').removeClass('vhidden');
- $('#homeBtn').removeClass('vhidden');
- $('#moreActionBtn').removeClass('vhidden');
-
- if (refresh === true && this.editMode === true) {
- $.each($('#fileList .ui-checkbox input:checked'), function () {
- checkedRows.push($(this).closest('li').attr('uri'));
- });
- }
-
- // update file list
- $('#fileList').html(listElements.join(''))
- .trigger('refresh')
- .trigger('create');
-
- if (this.editMode === true) {
- $('.selectAll').show();
- $('#fileList .folder .nodename, #fileList > li > span.nodename')
- .css('width', '70%');
- $('ul#fileList > li').css('paddingLeft', '2rem');
- $('.my-ui-checkbox').removeClass('hidden');
-
- if (refresh === true) {
- checkedRowsLen = checkedRows.length;
- if (checkedRowsLen) {
- if (checkedRowsLen !== $('#fileList .ui-checkbox input').length) {
- this.setCheckboxValue('.selectAll input', false);
- }
- // restore checked checkboxes
- for (i = 0; i < checkedRowsLen; i += 1) {
- this.setCheckboxValue(
- '#' +
- $('#fileList [uri="' +
- checkedRows[i] +
- '"]').attr('id') +
- ' input:checkbox',
- 'checked'
- );
- }
-
- // if there are no checked checkboxes
- if (!$('#fileList .ui-checkbox input:checked').length) {
- this.clearDeleteMode();
- }
- } else {
- this.clearDeleteMode();
- }
- }
- } else {
- $('.selectAll').hide();
- $('#fileList .folder .nodename, #fileList > li > span.nodename')
- .css('width', '75%');
- $('ul#fileList > li').css('paddingLeft', '0');
- $('.my-ui-checkbox').addClass('hidden');
- this.clearDeleteMode();
- }
- if (!refresh) this.hideSelectAllArea();
-
- if (this.infoPopupVisibility) {
- this.toggleInfoPopup();
- }
-
- this.refreshSelectAllStatus();
- },
-
- /**
- * Clear confirm popup and disable action buttons
- */
- clearDeleteMode: function Ui_clearDeleteMode () {
- if (
- $.mobile.popup.active &&
- $.mobile.popup.active.element.attr('id') === 'confirmPopup'
- ) {
- $.mobile.popup.active.close();
- }
- this.disableControlBarButtons($('div.editTabbar'),
- [this.EDIT_TABBAR_DELETE_ACTION,
- this.EDIT_TABBAR_COPY_ACTION,
- this.EDIT_TABBAR_MOVE_ACTION]
- );
- },
-
- /**
- * Toggle a checkbox associated with a given list element
- * @param {jQuery} listElement
- */
- toggleCheckBoxState: function Ui_toggleCheckBoxState(listElement) {
- var checkboxInput = null;
-
- checkboxInput = listElement.find('form > div.ui-checkbox input');
- this.setCheckboxValue(checkboxInput, !checkboxInput.attr('checked'));
- },
-
- /**
- * Shows item checkboxes and topbar with select all option
- */
- showEditCheckBoxes: function Ui_showEditCheckBoxes() {
- var self = this;
-
- this.showSelectAllArea();
-
- $('ul#fileList > li').animate({paddingLeft: '2rem'}, 500, 'swing', function () {
- self.editMode = true;
- $('.my-ui-checkbox').removeClass('hidden');
- });
- },
-
- /**
- * Hides item checkboxes and topbar with select all option
- * All checkboxes are auto uncheked
- */
- hideEditCheckBoxes: function Ui_hideEditCheckBoxes() {
- var self = this;
-
- this.hideSelectAllArea(); // hide select all option topbar
-
- $('ul#fileList > li').animate({paddingLeft: '0'}, 200, 'swing', function () {
- $('.my-ui-checkbox').addClass('hidden');
- $.mobile.activePage.page('refresh');
- });
-
- // uncheck all checkboxes
- $('ul#fileList input[type=checkbox]').each(function (index) {
- self.setCheckboxValue(this, false);
- });
-
- //uncheck select all input
- this.setCheckboxValue('.ui-header .selectAll input', false);
- },
-
- /**
- * Save current header and content height
- */
- saveHeights: function Ui_saveHeights() {
- this.currentHeaderHeight = $('#main div[data-role="header"]').height();
- this.currentScrollPosition = $('#main div[data-role="content"]').scrollview('getScrollPosition').y;
- },
-
- /**
- * Changes content scroll position after showing/hiding selectAllArea
- */
- changeContentScrollPosition: function Ui_changeContentScrollPosition() {
- var diff;
- if (this.currentScrollPosition !== 0) {
- diff = $('#main div[data-role="header"]').height() - this.currentHeaderHeight;
- $('#main div[data-role="content"]').scrollview('scrollTo', 0, -(this.currentScrollPosition + diff));
- }
- },
-
- /**
- * Shows topbar with select all option
- */
- showSelectAllArea: function Ui_showSelectAllArea() {
- this.saveHeights();
- $('.selectAll').show();
- $.mobile.activePage.page('refresh');
- this.changeContentScrollPosition();
- },
-
- /**
- * Hides topbar with select all option
- */
- hideSelectAllArea: function Ui_hideSelectAllArea() {
- this.saveHeights();
- $('.selectAll').hide();
- $.mobile.activePage.page('refresh');
- this.changeContentScrollPosition();
- },
-
- /**
- * Enable specified options for tabbar
- * @param {object} tabbar
- * @param {array} enableOptions options to enable
- */
- enableControlBarButtons: function Ui_enableControlBarButtons(tabbar, enableOptions) {
- var i = 0,
- len = enableOptions.length;
-
- for (i = 0; i < len; i += 1) {
- tabbar.tabbar('enable', enableOptions[i]);
- }
- },
-
- /**
- * Disable specified options for tabbar
- * @param {object} tabbar controlbar
- * @param {array} disableOptions options to enable
- */
- disableControlBarButtons: function Ui_disableControlBarButtons(tabbar, disableOptions) {
- var i = 0,
- len = disableOptions.length;
-
- for (i = 0; i < len; i += 1) {
- tabbar.tabbar('disable', disableOptions[i]);
- }
- },
-
- /**
- * @param {string} path
- */
- updateTitle: function Ui_updateTitle(path) {
- var regexp = new RegExp('([^\/])+$', 'g'),
- match = path.match(regexp),
- lastDir = match[0] || '(dir)';
- $('h1#mainTitle').html(lastDir);
- },
-
- /**
- * @param {string} path
- */
- updateNavbar: function Ui_updateNavbar(path) {
- var html = ['<span uri="home">Media</span>'],
- splitted,
- len,
- i;
-
- if (typeof path === 'string' && path !== '') {
- splitted = path.split('/');
- len = splitted.length;
-
- for (i = 0; i < len; i = i + 1) {
- html.push('<span uri="' + splitted.slice(0, i + 1).join('/') + '">' + splitted[i] + '</span>');
- }
- }
- $('#navbar').html(html.join(' > '));
- },
-
- handleSelectAllChange: function Ui_handleSelectAllChange() {
- var $selectAllInput = $('.ui-header .selectAll .ui-checkbox input'),
- self = this;
- $selectAllInput.data('checkboxradio').refresh();
-
- if ($selectAllInput.is(':checked')) {
- // check all checkboxes
- $('ul#fileList input[type=checkbox]').each(function (index) {
- self.setCheckboxValue(this, true);
- });
-
- this.enableControlBarButtons($('.editTabbar'), [this.EDIT_TABBAR_DELETE_ACTION, this.EDIT_TABBAR_COPY_ACTION, this.EDIT_TABBAR_MOVE_ACTION]);
- } else {
- $('ul#fileList input[type=checkbox]').each(function (index) {
- self.setCheckboxValue(this, false);
- });
-
- this.disableControlBarButtons($('.editTabbar'), [this.EDIT_TABBAR_DELETE_ACTION, this.EDIT_TABBAR_COPY_ACTION, this.EDIT_TABBAR_MOVE_ACTION]);
- }
- },
-
- /**
- *
- */
- refreshSelectAllStatus: function Ui_refreshSelectAllStatus() {
- var $selectAllInput = $('.ui-header .selectAll .ui-checkbox input');
- // update status of select all checkbox
- if ($('ul#fileList input:checkbox:not(:checked)').length === 0) {
- // all nodes checked
- this.setCheckboxValue($selectAllInput, true);
- } else {
- // some node is not checked
- this.setCheckboxValue($selectAllInput, false);
- }
- },
-
- /**
- * Refresh activity of edit menu
- */
- refreshEditMenu: function () {
- if ($('ul#fileList input:checkbox:checked').length > 0) {
- this.enableControlBarButtons($('.editTabbar'),
- [this.EDIT_TABBAR_DELETE_ACTION, this.EDIT_TABBAR_COPY_ACTION, this.EDIT_TABBAR_MOVE_ACTION]);
- } else {
- this.disableControlBarButtons($('.editTabbar'),
- [this.EDIT_TABBAR_DELETE_ACTION, this.EDIT_TABBAR_COPY_ACTION, this.EDIT_TABBAR_MOVE_ACTION]);
- }
- },
-
- /**
- * Unbinds default events for checkbox labels
- */
- resetDefaultCheckBoxLabelEvents: function Ui_resetDefaultCheckBoxLabelEvents() {
- $('div.ui-checkbox > label')
- .unbind('vmousedown')
- .unbind('vmouseup')
- .unbind('vmouseover')
- .unbind('vclick');
- },
-
- /**
- * Remove html node element from list
- * @param {string} nodeId node id
- */
- removeNodeFromList: function Ui_removeNodeFromList(nodeId) {
- $('ul#fileList > li#' + nodeId).remove();
-
- // hide select All checkbox if removed all elements;
- if ($('ul#fileList > li.node').length === 0) {
- this.hideSelectAllArea();
- }
- },
-
- /**
- * Enable/Disable
- */
- refreshPasteActionBtn: function Ui_refreshPasteActionBtn() {
- if (app.emptyClipboard()) {
- $('#pasteActionBtnRow').addClass('hidden');
- } else {
- $('#pasteActionBtnRow').removeClass('hidden');
- }
- },
-
- isFileListEmpty: function Ui_isFileListEmpty() {
- return ($('ul#fileList').children('.node').length < 1);
- },
-
- setCheckboxValue: function Ui_setCheckboxValue (element, value) {
- var $element = $(element),
- checkboxradio = $element.data('checkboxradio');
-
- $(element).attr('checked', value);
- if (checkboxradio) {
- checkboxradio.refresh();
- }
-
- }
- };
+ 'use strict';
+ Ui.prototype = {
+ /**
+ * root mode
+ * @type {boolean}
+ */
+ root: true,
+
+ /**
+ * locked folders
+ * @type {array}
+ */
+ lockedFolders: ['ringtones'],
+
+ /**
+ * UI edit mode
+ * @type {boolean}
+ */
+ editMode: false,
+
+ /**
+ * @type {bool} block clicks until the page change is completed
+ */
+ nodeTapBlock: false,
+
+ /**
+ * @type {TemplateManager}
+ */
+ templateManager: null,
+
+ /**
+ * @type Helpers
+ */
+ helpers: null,
+
+ /**
+ * @type Info popup lock
+ */
+ infoPopupVisibility: false,
+
+ /**
+ * @const {number}
+ */
+ PATH_DIV_HEIGHT: 20,
+
+ /**
+ * @const {number}
+ */
+ SELECT_ALL_HEIGHT: 32,
+
+ /**
+ * @const {number} header height, set on domReady
+ */
+ HEADER_HEIGHT: 53,
+
+ /**
+ * name of row gradient class
+ */
+ CSS_GRADIENT_CLASS: 'gradientBackground',
+
+ /**
+ * Standard tabbar actions
+ * @type {number}
+ */
+ STD_TABBAR_EDIT_ACTION: 0,
+ STD_TABBAR_MORE_ACTION: 1,
+ STD_TABBAR_EXIT_ACTION: 2,
+
+ /**
+ * Edit tabbar actions
+ * @type {number}
+ */
+ EDIT_TABBAR_DELETE_ACTION: 0,
+ EDIT_TABBAR_MOVE_ACTION: 1,
+ EDIT_TABBAR_COPY_ACTION: 2,
+ EDIT_TABBAR_CANCEL_ACTION: 3,
+
+ currentHeaderHeight: null,
+ currentScrollPosition: null,
+
+ /**
+ * UI Initialization
+ */
+ init: function Ui_init(storages) {
+ this.templateManager = new TemplateManager();
+ this.helpers = new Helpers();
+ // Disable text selection
+ $.mobile.tizen.disableSelection(document);
+ $(document).ready(this.initDom.bind(this, storages));
+ },
+
+ initDom: function Ui_initDom(storages) {
+ var self = this,
+ overlay = $('#overlay'),
+ popup = $('#infoPopup'),
+ windowWidth,
+ windowHeight,
+ popWidth;
+
+ this.templateManager.loadToCache(
+ [
+ 'main',
+ 'fileRow',
+ 'folderRow',
+ 'levelUpRow',
+ 'emptyFolder'
+ ],
+ function () {
+ $('#main')
+ .append($(self.templateManager.get('main')).children())
+ .trigger('pagecreate');
+ self.addEvents();
+ self.displayStorages(storages);
+ }
+ );
+
+ windowWidth = $(window).width();
+ windowHeight = $(window).height();
+
+ overlay.css({
+ 'width': windowWidth + 'px',
+ 'height': windowHeight + 'px'
+ });
+
+ popWidth = windowWidth / 2 + 30;
+ popup.css({
+ 'width': popWidth + 'px',
+ 'left': (windowWidth / 2 - popWidth / 2) + 'px',
+ 'top': (windowHeight / 2 - popup.height() / 2) + 'px'
+ });
+ },
+
+ /**
+ * Add UI events
+ */
+ addEvents: function Ui_addEvents() {
+ var self = this;
+
+ document.addEventListener('webkitvisibilitychange', function () {
+ if (document.webkitVisibilityState === 'visible') {
+ if (self.infoPopupVisibility) {
+ return;
+ }
+ self.toggleInfoPopup();
+ self.refreshSelectAllStatus();
+ app.refreshCurrentPage(true);
+ }
+ });
+
+ window.addEventListener('tizenhwkey', function (e) {
+ var uri = $('#navbar span+span').attr('uri');
+ if (e.keyName === 'back') {
+ if (self.infoPopupVisibility) {
+ return;
+ } else if ($.mobile.popup.active) {
+ $.mobile.popup.active.close();
+ } else if (self.editMode === true) {
+ self.handleCancelEditAction();
+ } else if (!uri) {
+ if (app.ui.root === false) {
+ app.ui.root = true;
+ $('#fileList').empty();
+ app.ui.prepareFolderRow(0, 'root');
+ app.currentPath = 'root';
+ } else {
+ tizen.application.getCurrentApplication().exit();
+ }
+ } else {
+ if (!app.ui.root) {
+ app.goLevelUp();
+ }
+ }
+ }
+ });
+
+ $(window).resize(function () {
+ $.mobile.activePage.page('refresh');
+ });
+
+ // touch events for all nodes
+ $('ul#fileList')
+ .on('click', 'li.levelUp', function () {
+ if (self.editMode === true) {
+ self.handleCancelEditAction();
+ }
+ app.goLevelUp();
+ })
+ .on('click', 'li.node', function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ self.handleNodeClick($(this), true);
+ })
+ .on('change', 'input[type=checkbox]', function (e) {
+ self.handleNodeClick($(this).closest('li.node'), false);
+ })
+ .on('touchstart', 'li', function (event) {
+ $(this).addClass(self.CSS_GRADIENT_CLASS);
+ })
+ .on('touchend touchmove', 'li', function (event) {
+ $(this).removeClass(self.CSS_GRADIENT_CLASS);
+ });
+
+ $('.selectAll input').on(
+ 'change',
+ this.handleSelectAllChange.bind(this)
+ );
+
+ // navbar
+ $('#navbar').on('click', 'span', function () {
+ var uri = $(this).attr('uri');
+ if (uri === 'home') {
+ if (app.currentPath !== '') {
+ app.displayStorages();
+ }
+ } else if (uri === app.model.currentPath) {
+ app.displayFolder(uri, true);
+ } else {
+ if (self.editMode === true) {
+ self.handleCancelEditAction();
+ }
+ app.displayFolder(uri);
+ }
+ });
+
+ // level up
+ $('#levelUpBtn').on('click', function () {
+ if (self.editMode === true) {
+ self.handleCancelEditAction();
+ }
+ app.goLevelUp();
+ });
+
+ $('#homeBtn').on('click', app.displayStorages.bind(app));
+
+ // edit action
+ $('#editActionBtn').on('click', this.handleEditAction.bind(this));
+
+ // delete action
+ $('#deleteActionBtn').on(
+ 'click',
+ this.handleDeleteAction.bind(this)
+ );
+
+ // cancel edit
+ $('#cancelActionBtn').on('click', function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ self.handleCancelEditAction();
+ });
+
+ // copy action
+ $('#copyActionBtn').on('click', this.handleCopyAction.bind(this));
+
+ // move action
+ $('#moveActionBtn').on('click', this.handleMoveAction.bind(this));
+
+ // paste action
+ $('a#pasteActionBtn').on('click', function () {
+ if (!self.infoPopupVisibility) {
+ self.toggleInfoPopup(app.pasteClipboard.bind(app));
+ }
+ $('#morePopup').popup('close');
+ });
+
+ // remove active class
+ $('[data-role = "tabbar"] li > a').on('click', function () {
+ $(this).removeClass('ui-focus, ui-btn-active');
+ });
+ // exit
+ $('.ui-myExit').on('click', app.exit);
+
+ // add folder popup actions
+ $('#addFolderPopup').on('popupafterclose', function () {
+ // clear input value
+ $('#newFolderName').val('New folder');
+ });
+
+ $('#newFolderName').on('focus', function () {
+ if ($(this).attr('value') === 'New folder') {
+ $(this).attr('value', '');
+ }
+ });
+
+ $('#saveNewFolder').on('click', this.saveNewFolder.bind(this));
+ $('#newFolderForm').on('submit', this.saveNewFolder.bind(this));
+ },
+
+ saveNewFolder: function Ui_saveNewFolder(e) {
+ var folderName = $('#newFolderName').val(), status = true,
+ open = function () {
+ $('#addFolderPopup').popup('open', {
+ positionTo: 'window'
+ });
+ },
+ self = this,
+ buttons = $('#addFolderPopup .ui-popup-button-bg a'),
+ aPopup;
+ e.preventDefault();
+ e.stopPropagation();
+ buttons.addClass('ui-disabled');
+ $('#addFolderPopup').one('popupafterclose', function () {
+ if (folderName === '') {
+ self.alertPopup('Empty folder name', open);
+ status = false;
+ } else if (folderName.match(/[\*\.\/\\\?\"\'\:<>|]/)) {
+ self.alertPopup('The following special characters '
+ + 'are not allowed: *./\\?:<>|\'"', open);
+ status = false;
+ } else {
+ status = app.createDir(folderName, open);
+ }
+ buttons.removeClass('ui-disabled');
+ });
+ aPopup = $.mobile.popup.active;
+ if (
+ aPopup && aPopup.element.attr('id') === 'addFolderPopup'
+ ) {
+ aPopup.close();
+ }
+ return status;
+ },
+
+ toggleInfoPopup: function (callback) {
+ var overlay = $('#overlay');
+ if (this.infoPopupVisibility) {
+ overlay.hide();
+ document.onkeydown = null;
+ } else {
+ document.onkeydown = function () { return false; };
+ overlay.show();
+ }
+ this.infoPopupVisibility = !this.infoPopupVisibility;
+ if (callback instanceof Function) {
+ setTimeout(callback, 200);
+ }
+ },
+
+ popupHardClose: function () {
+ var popup = $.mobile.popup.active;
+
+ if (popup) {
+ popup.element.off();
+ popup.close();
+ }
+ },
+
+ alertPopup: function (text, callback) {
+ $('#alertPopup .text').text(text);
+ $('#alertPopup').popup('open', {'positionTo': 'window'});
+ if (callback instanceof Function) {
+ $('#alertPopup').one('popupafteropen', function () {
+ callback();
+ });
+ }
+ if (this.infoPopupVisibility) {
+ this.toggleInfoPopup();
+ }
+ },
+
+ confirmPopup: function (text, confirmCallback, completeCallback) {
+ var popup = $('#confirmPopup');
+ popup.find('.text').text(text);
+ popup.popup('open', {positionTo: 'window'});
+ popup.find('.confirm').one('click', function () {
+ if (confirmCallback instanceof Function) {
+ confirmCallback();
+ }
+ });
+ if (completeCallback instanceof Function) {
+ popup.one('popupafterclose', function () {
+ completeCallback();
+ });
+ }
+ },
+
+ clearTabbars: function Ui_clearTabbars() {
+ $('[data-role = "tabbar"] li > a')
+ .removeClass('ui-focus, ui-btn-active');
+ },
+
+ /**
+ * Handler for node click
+ * @param {File} node
+ * @param {boolean} toggleCheckbox
+ */
+ handleNodeClick: function Ui_handleNodeClick(node, toggleCheckbox) {
+ if (this.root) {
+ app.model.loadInternalStorages(function () {
+ app.displayStorages();
+ });
+ this.root = false;
+ } else if (this.editMode === true) {
+ //if edit mode is on toggle checkbox state
+ if (toggleCheckbox === true) {
+ this.toggleCheckBoxState(node); // select the checkbox
+ }
+
+ this.refreshSelectAllStatus();
+ this.refreshEditMenu();
+ } else if (node.hasClass('folder')) {
+ // otherwise display folder
+ app.displayFolder(node.attr('uri'));
+ } else {
+ // file
+ app.openFile(node.attr('uri'), node.attr('fullUri'));
+ }
+ },
+
+ /**
+ * Handler for edit action
+ */
+ handleEditAction: function Ui_handleEditAction() {
+ this.editMode = true;
+ this.clearTabbars();
+ $('.standardTabbar').hide();
+ $('div.editTabbar').show();
+ this.disableControlBarButtons(
+ $('div.editTabbar'),
+ [
+ this.EDIT_TABBAR_DELETE_ACTION,
+ this.EDIT_TABBAR_COPY_ACTION,
+ this.EDIT_TABBAR_MOVE_ACTION
+ ]
+ );
+ $('#fileList .folder .nodename, #fileList > li > span.nodename')
+ .animate({'width': '70%'});
+ this.showEditCheckBoxes();
+ },
+
+ /**
+ * Handler for cancel edit action
+ */
+ handleCancelEditAction: function Ui_handleCancelEditAction(emptyList) {
+ this.editMode = false;
+ this.clearTabbars();
+ $('div.editTabbar').hide();
+ $('.standardTabbar').show();
+ $('#fileList .folder .nodename, #fileList > li > span.nodename')
+ .animate({'width': '75%'});
+ this.hideEditCheckBoxes();
+ if (this.isFileListEmpty() || emptyList) {
+ $('#editActionBtn').addClass('vhidden').blur();
+ }
+ },
+
+ /**
+ * Handler for delete action
+ */
+ handleDeleteAction: function Ui_handleDeleteAction(e) {
+ var nodesToDelete = [],
+ $rowElement,
+ self = this,
+ conf,
+ listLength = $('ul#fileList li.node').length;
+
+ e.stopPropagation();
+ e.preventDefault();
+
+ this.confirmPopup('Selected nodes will be deleted. Are you sure?',
+ function () {
+ $('ul#fileList input:checkbox:checked')
+ .each(function (index) {
+ $rowElement = $(this).closest('li');
+ nodesToDelete.push({
+ id: $rowElement.attr('id'),
+ uri: $rowElement.attr('uri'),
+ name: $rowElement.attr('label'),
+ folder: $rowElement.hasClass('folder')
+ });
+ }
+ );
+ if (nodesToDelete.length > 0) {
+ app.deleteNodes(nodesToDelete);
+ self.scrollContentTo(0);
+ $('ul#fileList input:checkbox:checked').remove();
+ if (nodesToDelete.length === listLength) {
+ self.handleCancelEditAction(true);
+ } else {
+ self.refreshEditMenu();
+ }
+ }
+ },
+ function () {
+ self.clearTabbars();
+ });
+ },
+
+ /**
+ * Handler for copy action
+ */
+ handleCopyAction: function Ui_handleCopyAction(e) {
+ var paths = [];
+
+ e.stopPropagation();
+ e.preventDefault();
+
+ if (this.editMode === true) {
+ $('ul#fileList input:checkbox:checked').each(function (index) {
+ paths.push($(this).closest('li').attr('uri'));
+ });
+ app.saveToClipboard(paths, app.clipboard.COPY_MODE_ID);
+ }
+ },
+
+ /**
+ * Handler for move action
+ */
+ handleMoveAction: function Ui_handleMoveAction(e) {
+ var paths = [];
+
+ e.stopPropagation();
+ e.preventDefault();
+
+ if (this.editMode === true) {
+ $('ul#fileList input:checkbox:checked').each(function (index) {
+ paths.push($(this).closest('li').attr('uri'));
+ });
+ app.saveToClipboard(paths, app.clipboard.MOVE_MODE_ID);
+ }
+ },
+
+ /**
+ * Handler for paste action
+ */
+ handlePasteAction: function Ui_handlePasteAction() {
+ },
+
+ /**
+ * Scrolls content to the specified position
+ */
+ scrollContentTo: function scrollContentTo(value) {
+ $('#main [data-role="content"]').scrollview('scrollTo', 0, value);
+ },
+
+ /**
+ * @param {FileSystemStorage[]} nodes Storage elements
+ */
+ displayStorages: function Ui_displayStorages(nodes) {
+ var len = nodes.length, nodeName, i;
+
+ this.updateNavbar('');
+ $('#fileList').empty();
+
+ for (i = 0; i < len; i = i + 1) {
+ nodeName = nodes[i].label;
+ if (nodeName !== ''
+ && (nodes[i].type === 0 || nodes[i].type === 'INTERNAL')
+ && nodeName.indexOf('wgt-') === -1
+ && $.inArray(nodeName, this.lockedFolders) === -1) {
+ if (!this.root) {
+ app.model.isStorageExists(
+ nodeName,
+ app.ui.prepareFolderRow.bind(app.ui, i, nodeName),
+ null
+ );
+ } else {
+ this.prepareFolderRow(i, nodeName);
+ }
+ }
+ }
+
+ $('#levelUpBtn').addClass('vhidden');
+ $('#homeBtn').addClass('vhidden');
+
+ $('#editActionBtn').addClass('vhidden').blur();
+ $('#moreActionBtn').addClass('vhidden').blur();
+ $('h1#mainTitle').html('Media');
+
+ if (this.editMode) {
+ this.scrollContentTo(0);
+ }
+
+ this.resetDefaultCheckBoxLabelEvents();
+ this.hideSelectAllArea();
+ this.handleCancelEditAction();
+
+ if (this.infoPopupVisibility) {
+ this.toggleInfoPopup();
+ }
+ },
+
+ prepareFolderRow: function (id, name) {
+ if (!this.root || name === 'root') {
+ $(this.templateManager.get('folderRow', {
+ id: id,
+ name: name,
+ uri: name,
+ fullUri: name,
+ })).appendTo('#fileList');
+ }
+ },
+
+ /**
+ * File comparison function using their names (case insensitive)
+ *
+ * @param {File} x
+ * @param {File} y
+ * @returns {Number}
+ */
+ fileComparison: function fileComparison(x, y) {
+ if (x.isDirectory !== y.isDirectory) {
+ return x.isDirectory ? -1 : 1;
+ }
+ var a = x.name.toLowerCase(),
+ b = y.name.toLowerCase();
+ if (a < b) {
+ return -1;
+ }
+ if (a > b) {
+ return 1;
+ }
+ return 0;
+ },
+
+ /**
+ * renders node list for folder
+ * @param {string} folderName
+ * @param {File[]} nodes
+ * @param {bool} [refresh=false]
+ */
+ displayFolder: function Ui_displayFolder(folderName, nodes, refresh) {
+ var len = nodes.length,
+ listElements = [this.templateManager.get('levelUpRow')],
+ nodeName,
+ checkedRows = [],
+ checkedRowsLen,
+ i;
+ refresh = refresh || false;
+
+ // update title
+ this.updateTitle(
+ this.templateManager.modifiers.escape(folderName)
+ );
+ // update navbar
+ this.updateNavbar(
+ this.templateManager.modifiers.escape(folderName)
+ );
+ this.refreshPasteActionBtn();
+
+ nodes.sort(this.fileComparison);
+
+ // render nodes
+ for (i = 0; i < len; i = i + 1) {
+ nodeName = nodes[i].name;
+ if (nodeName !== '') {
+ if (nodes[i].isDirectory) {
+ // folder
+ listElements.push(this.templateManager.get(
+ 'folderRow',
+ {
+ id: i,
+ name: nodeName,
+ uri: nodes[i].fullPath,
+ fullUri: nodes[i].toURI()
+ }
+ ));
+ } else {
+ // file
+ listElements.push(this.templateManager.get(
+ 'fileRow',
+ {
+ id: i,
+ name: nodeName,
+ uri: nodes[i].fullPath,
+ fullUri: nodes[i].toURI(),
+ thumbnailURI: this.helpers.getThumbnailURI(
+ nodeName,
+ nodes[i]
+ )
+ }
+ ));
+ }
+ }
+ }
+
+ if (listElements.length === 1) {
+ // set content for empty folder
+ listElements.push(this.templateManager.get('emptyFolder'));
+ // hide edit button for empty content
+ $('#editActionBtn').addClass('vhidden').blur();
+ this.handleCancelEditAction();
+ } else {
+ $('#editActionBtn').removeClass('vhidden');
+ }
+
+ // scroll to top of list
+ this.scrollContentTo(0);
+
+ $('#levelUpBtn').removeClass('vhidden');
+ $('#homeBtn').removeClass('vhidden');
+ $('#moreActionBtn').removeClass('vhidden');
+
+ if (refresh === true && this.editMode === true) {
+ $.each($('#fileList .ui-checkbox input:checked'), function () {
+ checkedRows.push($(this).closest('li').attr('uri'));
+ });
+ }
+
+ // update file list
+ $('#fileList').html(listElements.join(''))
+ .trigger('refresh')
+ .trigger('create');
+
+ if (this.editMode === true) {
+ $('.selectAll').show();
+ $('#fileList .folder .nodename, #fileList > li > span.nodename')
+ .css('width', '70%');
+ $('ul#fileList > li').css('paddingLeft', '2rem');
+ $('.my-ui-checkbox').removeClass('hidden');
+
+ if (refresh === true) {
+ checkedRowsLen = checkedRows.length;
+ if (checkedRowsLen) {
+ if (
+ checkedRowsLen !==
+ $('#fileList .ui-checkbox input').length
+ ) {
+ this.setCheckboxValue('.selectAll input', false);
+ }
+ // restore checked checkboxes
+ for (i = 0; i < checkedRowsLen; i += 1) {
+ this.setCheckboxValue(
+ '#' +
+ $('#fileList [uri="' +
+ checkedRows[i] +
+ '"]').attr('id') +
+ ' input:checkbox',
+ 'checked'
+ );
+ }
+
+ // if there are no checked checkboxes
+ if (!$('#fileList .ui-checkbox input:checked').length) {
+ this.clearDeleteMode();
+ }
+ } else {
+ this.clearDeleteMode();
+ }
+ }
+ } else {
+ $('.selectAll').hide();
+ $('#fileList .folder .nodename, #fileList > li > span.nodename')
+ .css('width', '75%');
+ $('ul#fileList > li').css('paddingLeft', '0');
+ $('.my-ui-checkbox').addClass('hidden');
+ this.clearDeleteMode();
+ }
+ if (!refresh) {
+ this.hideSelectAllArea();
+ }
+
+ if (this.infoPopupVisibility) {
+ this.toggleInfoPopup();
+ }
+
+ this.refreshSelectAllStatus();
+ },
+
+ /**
+ * Clear confirm popup and disable action buttons
+ */
+ clearDeleteMode: function Ui_clearDeleteMode() {
+ var aPopup = $.mobile.popup.active;
+ if (aPopup && aPopup.element.attr('id') === 'confirmPopup') {
+ $.mobile.popup.active.close();
+ }
+ this.disableControlBarButtons(
+ $('div.editTabbar'),
+ [
+ this.EDIT_TABBAR_DELETE_ACTION,
+ this.EDIT_TABBAR_COPY_ACTION,
+ this.EDIT_TABBAR_MOVE_ACTION
+ ]
+ );
+ },
+
+ /**
+ * Toggle a checkbox associated with a given list element
+ * @param {jQuery} listElement
+ */
+ toggleCheckBoxState: function Ui_toggleCheckBoxState(listElement) {
+ var checkboxInput = null;
+
+ checkboxInput = listElement.find('form > div.ui-checkbox input');
+ this.setCheckboxValue(
+ checkboxInput,
+ !checkboxInput.attr('checked')
+ );
+ },
+
+ /**
+ * Shows item checkboxes and topbar with select all option
+ */
+ showEditCheckBoxes: function Ui_showEditCheckBoxes() {
+ var self = this;
+
+ this.showSelectAllArea();
+
+ $('ul#fileList > li').animate(
+ {paddingLeft: '2rem'},
+ 500,
+ 'swing',
+ function () {
+ self.editMode = true;
+ $('.my-ui-checkbox').removeClass('hidden');
+ }
+ );
+ },
+
+ /**
+ * Hides item checkboxes and topbar with select all option
+ * All checkboxes are auto uncheked
+ */
+ hideEditCheckBoxes: function Ui_hideEditCheckBoxes() {
+ var self = this;
+
+ this.hideSelectAllArea(); // hide select all option topbar
+
+ $('ul#fileList > li').animate(
+ {paddingLeft: '0'},
+ 200,
+ 'swing',
+ function () {
+ $('.my-ui-checkbox').addClass('hidden');
+ $.mobile.activePage.page('refresh');
+ }
+ );
+
+ // uncheck all checkboxes
+ $('ul#fileList input[type=checkbox]').each(function (index) {
+ self.setCheckboxValue(this, false);
+ });
+
+ //uncheck select all input
+ this.setCheckboxValue('.ui-header .selectAll input', false);
+ },
+
+ /**
+ * Save current header and content height
+ */
+ saveHeights: function Ui_saveHeights() {
+ this.currentHeaderHeight = $('#main div[data-role="header"]')
+ .height();
+ this.currentScrollPosition = $('#main div[data-role="content"]')
+ .scrollview('getScrollPosition').y;
+ },
+
+ /**
+ * Changes content scroll position after showing/hiding selectAllArea
+ */
+ changeContentScrollPosition: function Ui_changeContentScrollPosition() {
+ var diff,
+ contentHeight;
+ if (this.currentScrollPosition !== 0) {
+ contentHeight = $('#main div[data-role="header"]').height();
+ diff = contentHeight - this.currentHeaderHeight;
+ $('#main div[data-role="content"]')
+ .scrollview(
+ 'scrollTo',
+ 0,
+ -(this.currentScrollPosition + diff)
+ );
+ }
+ },
+
+ /**
+ * Shows topbar with select all option
+ */
+ showSelectAllArea: function Ui_showSelectAllArea() {
+ this.saveHeights();
+ $('.selectAll').show();
+ $.mobile.activePage.page('refresh');
+ this.changeContentScrollPosition();
+ },
+
+ /**
+ * Hides topbar with select all option
+ */
+ hideSelectAllArea: function Ui_hideSelectAllArea() {
+ this.saveHeights();
+ $('.selectAll').hide();
+ $.mobile.activePage.page('refresh');
+ this.changeContentScrollPosition();
+ },
+
+ /**
+ * Enable specified options for tabbar
+ * @param {object} tabbar
+ * @param {array} enableOptions options to enable
+ */
+ enableControlBarButtons: function Ui_enableControlBarButtons(
+ tabbar,
+ enableOptions
+ ) {
+ var i = 0,
+ len = enableOptions.length;
+
+ for (i = 0; i < len; i += 1) {
+ tabbar.tabbar('enable', enableOptions[i]);
+ }
+ },
+
+ /**
+ * Disable specified options for tabbar
+ * @param {object} tabbar controlbar
+ * @param {array} disableOptions options to enable
+ */
+ disableControlBarButtons: function Ui_disableControlBarButtons(
+ tabbar,
+ disableOptions
+ ) {
+ var i = 0,
+ len = disableOptions.length;
+
+ for (i = 0; i < len; i += 1) {
+ tabbar.tabbar('disable', disableOptions[i]);
+ }
+ },
+
+ /**
+ * @param {string} path
+ */
+ updateTitle: function Ui_updateTitle(path) {
+ var regexp = new RegExp('([^\/])+$', 'g'),
+ match = path.match(regexp),
+ lastDir = match[0] || '(dir)';
+ $('h1#mainTitle').html(lastDir);
+ },
+
+ /**
+ * @param {string} path
+ */
+ updateNavbar: function Ui_updateNavbar(path) {
+ var html = ['<span uri="home">Media</span>'],
+ splitted,
+ len,
+ i;
+
+ if (typeof path === 'string' && path !== '') {
+ splitted = path.split('/');
+ len = splitted.length;
+
+ for (i = 0; i < len; i = i + 1) {
+ html.push(
+ '<span uri="' +
+ splitted.slice(0, i + 1).join('/') +
+ '">' +
+ splitted[i] +
+ '</span>'
+ );
+ }
+ }
+ $('#navbar').html(html.join(' > '));
+ },
+
+ handleSelectAllChange: function Ui_handleSelectAllChange() {
+ var $selectAllInput = $('.ui-header .selectAll .ui-checkbox input'),
+ self = this;
+ $selectAllInput.data('checkboxradio').refresh();
+
+ if ($selectAllInput.is(':checked')) {
+ // check all checkboxes
+ $('ul#fileList input[type=checkbox]').each(function (index) {
+ self.setCheckboxValue(this, true);
+ });
+
+ this.enableControlBarButtons(
+ $('.editTabbar'),
+ [
+ this.EDIT_TABBAR_DELETE_ACTION,
+ this.EDIT_TABBAR_COPY_ACTION,
+ this.EDIT_TABBAR_MOVE_ACTION
+ ]
+ );
+ } else {
+ $('ul#fileList input[type=checkbox]').each(function (index) {
+ self.setCheckboxValue(this, false);
+ });
+
+ this.disableControlBarButtons(
+ $('.editTabbar'),
+ [
+ this.EDIT_TABBAR_DELETE_ACTION,
+ this.EDIT_TABBAR_COPY_ACTION,
+ this.EDIT_TABBAR_MOVE_ACTION
+ ]
+ );
+ }
+ },
+
+ /**
+ *
+ */
+ refreshSelectAllStatus: function Ui_refreshSelectAllStatus() {
+ var $selectAllInput = $('.ui-header .selectAll .ui-checkbox input');
+ // update status of select all checkbox
+ if ($('ul#fileList input:checkbox:not(:checked)').length === 0) {
+ // all nodes checked
+ this.setCheckboxValue($selectAllInput, true);
+ } else {
+ // some node is not checked
+ this.setCheckboxValue($selectAllInput, false);
+ }
+ },
+
+ /**
+ * Refresh activity of edit menu
+ */
+ refreshEditMenu: function () {
+ if ($('ul#fileList input:checkbox:checked').length > 0) {
+ this.enableControlBarButtons(
+ $('.editTabbar'),
+ [
+ this.EDIT_TABBAR_DELETE_ACTION,
+ this.EDIT_TABBAR_COPY_ACTION,
+ this.EDIT_TABBAR_MOVE_ACTION
+ ]
+ );
+ } else {
+ this.disableControlBarButtons(
+ $('.editTabbar'),
+ [
+ this.EDIT_TABBAR_DELETE_ACTION,
+ this.EDIT_TABBAR_COPY_ACTION,
+ this.EDIT_TABBAR_MOVE_ACTION
+ ]
+ );
+ }
+ },
+
+ /**
+ * Unbinds default events for checkbox labels
+ */
+ resetDefaultCheckBoxLabelEvents: function Ui_resetLabelEvents() {
+ $('div.ui-checkbox > label')
+ .unbind('vmousedown')
+ .unbind('vmouseup')
+ .unbind('vmouseover')
+ .unbind('vclick');
+ },
+
+ /**
+ * Remove html node element from list
+ * @param {string} nodeUri node uri
+ */
+ removeNodeFromList: function Ui_removeNodeFromList(nodeUri) {
+ $('ul#fileList > li[uri="' + nodeUri.replace(/"/g, '\"') + '"]')
+ .remove();
+
+ // hide select All checkbox if removed all elements;
+ if ($('ul#fileList > li.node').length === 0) {
+ this.hideSelectAllArea();
+ }
+ },
+
+ /**
+ * Enable/Disable
+ */
+ refreshPasteActionBtn: function Ui_refreshPasteActionBtn() {
+ if (app.emptyClipboard()) {
+ $('#pasteActionBtnRow').addClass('hidden');
+ } else {
+ $('#pasteActionBtnRow').removeClass('hidden');
+ }
+ },
+
+ isFileListEmpty: function Ui_isFileListEmpty() {
+ return ($('ul#fileList').children('.node').length < 1);
+ },
+
+ setCheckboxValue: function Ui_setCheckboxValue(element, value) {
+ var $element = $(element),
+ checkboxradio = $element.data('checkboxradio');
+
+ $(element).attr('checked', value);
+ if (checkboxradio) {
+ checkboxradio.refresh();
+ }
+
+ }
+ };
}());
+/*
+* Copyright 2013 Samsung Electronics Co., Ltd
+*
+* Licensed under the Flora License, Version 1.1 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://floralicense.org/license/
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
/*global tizen, $, app, ModifierManager */
+
/**
- * @class TemplateManager
- */
+* @class TemplateManager
+*/
function TemplateManager() {
- 'use strict';
- this.init();
+ 'use strict';
+ this.init();
}
(function () { // strict mode wrapper
- 'use strict';
- TemplateManager.prototype = {
-
- /**
- * Template cache
- */
- cache: {},
-
- /**
- * UI module initialisation
- */
- init: function init() {
- this.modifiers = new ModifierManager().getAll();
- },
-
- /**
- * Returns template html (from cache)
- * @param {string} tplName
- * @param {string} tplParams
- */
- get: function TemplateManager_get(tplName, tplParams) {
- if (this.cache[tplName] !== undefined) {
- return this.getCompleted(this.cache[tplName], tplParams);
- }
- return '';
- },
-
- /**
- * Load templates to cache
- * @param {string} tplNames
- * @param {function} onSuccess
- */
- loadToCache: function TemplateManager_loadToCache(tplNames, onSuccess) {
- var self = this,
- cachedTemplates = 0,
- tplName,
- tplPath;
-
- if ($.isArray(tplNames)) {
-
- // for each template
- $.each(tplNames, function (index, fileName) {
-
- // cache template html
- if (self.cache[fileName] === undefined) {
- tplName = [fileName, app.config.get('templateExtension')].join('');
- tplPath = [app.config.get('templateDir'), tplName].join('/');
-
- $.ajax({
- url: tplPath,
- cache: true,
- dataType: 'html',
- async: true,
- success: function (data) {
- // increase counter
- cachedTemplates += 1;
-
- // save to cache
- self.cache[fileName] = data;
-
- // if all templates are cached launch callback
- if (cachedTemplates >= tplNames.length && typeof onSuccess === 'function') {
- onSuccess();
- }
- },
- error: function (jqXHR, textStatus, errorThrown) {
- console.error('templateManagerError: ' + errorThrown);
- }
- });
- } else {
- // template is already cached
- cachedTemplates += 1;
- // if all templates are cached launch callback
- if (cachedTemplates >= tplNames.length && typeof onSuccess === 'function') {
- onSuccess();
- }
- }
- });
-
- }
- },
-
- /**
- * Returns template completed by specified params
- * @param {string} tplHtml
- * @param {string} tplParams
- */
- getCompleted: function TemplateManager_getCompleted(tplHtml, tplParams) {
- var tplParam;
-
- for (tplParam in tplParams) {
- if (tplParams.hasOwnProperty(tplParam)) {
- tplHtml = this.passThruModifiers(tplHtml, tplParam, tplParams[tplParam]);
- }
- }
-
- return tplHtml;
- },
-
- passThruModifiers: function (tplHtml, tplParam, content) {
- var regModOn = new RegExp('%' + tplParam + '\\|([a-zA-Z]){1,}%', 'g'),
- regModOff = new RegExp(['%', tplParam, '%'].join(''), 'g'),
- regModGet = new RegExp('%' + tplParam + '\\|(.+?)%'),
- specRegExp = new RegExp('\\$','g'),
- modifier;
-
- if (content && (typeof content === 'string')) {
- content = content.replace(specRegExp, '$$$$');
- }
-
- if (regModOn.test(tplHtml)) {
- modifier = tplHtml.match(regModGet)[1];
- try {
- content = this.modifiers[modifier](content);
- } catch (error) {
- console.error('unknown modifier: ' + modifier);
- }
- tplHtml = tplHtml.replace(regModOn, content);
- } else {
- tplHtml = tplHtml.replace(regModOff, content);
- }
- return tplHtml;
- }
- };
-
-}());
\ No newline at end of file
+ 'use strict';
+
+ TemplateManager.prototype = {
+
+ /**
+ * Template cache
+ */
+ cache: {},
+
+ /**
+ * UI module initialisation
+ */
+ init: function init() {
+ this.modifiers = new ModifierManager().getAll();
+ },
+
+ /**
+ * Returns template html (from cache)
+ * @param {string} tplName
+ * @param {string} tplParams
+ */
+ get: function TemplateManager_get(tplName, tplParams) {
+ if (this.cache[tplName] !== undefined) {
+ return this.getCompleted(this.cache[tplName], tplParams);
+ }
+ return '';
+ },
+
+ /**
+ * Load templates to cache
+ * @param {string} tplNames
+ * @param {function} onSuccess
+ */
+ loadToCache: function TemplateManager_loadToCache(tplNames, onSuccess) {
+ var self = this,
+ cachedTemplates = 0,
+ tplName,
+ tplPath;
+
+ if ($.isArray(tplNames)) {
+
+ // for each template
+ $.each(tplNames, function (index, fileName) {
+
+ // cache template html
+ if (self.cache[fileName] === undefined) {
+ tplName = [
+ fileName,
+ app.config.get('templateExtension')
+ ].join('');
+ tplPath = [
+ app.config.get('templateDir'),
+ tplName
+ ].join('/');
+
+ $.ajax({
+ url: tplPath,
+ cache: true,
+ dataType: 'html',
+ async: true,
+ success: function (data) {
+ // increase counter
+ cachedTemplates += 1;
+
+ // save to cache
+ self.cache[fileName] = data;
+
+ // if all templates are cached launch callback
+ if (
+ cachedTemplates >= tplNames.length &&
+ typeof onSuccess === 'function'
+ ) {
+ onSuccess();
+ }
+ },
+ error: function (jqXHR, textStatus, errorThrown) {
+ console.error(
+ 'templateManagerError: ' +
+ errorThrown
+ );
+ }
+ });
+ } else {
+ // template is already cached
+ cachedTemplates += 1;
+ // if all templates are cached launch callback
+ if (
+ cachedTemplates >= tplNames.length &&
+ typeof onSuccess === 'function'
+ ) {
+ onSuccess();
+ }
+ }
+ });
+
+ }
+ },
+
+ /**
+ * Returns template completed by specified params
+ * @param {string} tplHtml
+ * @param {string} tplParams
+ */
+ getCompleted: function TemplateManager_getCompleted(
+ tplHtml,
+ tplParams
+ ) {
+ var tplParam;
+
+ for (tplParam in tplParams) {
+ if (tplParams.hasOwnProperty(tplParam)) {
+ tplHtml = this.passThruModifiers(
+ tplHtml,
+ tplParam,
+ tplParams[tplParam]
+ );
+ }
+ }
+
+ return tplHtml;
+ },
+
+ /**
+ * Returns template completed by specified params
+ * including modifiers
+ * @param {string} tplHtml
+ * @param {string} tplParams
+ * @param {string} content
+ */
+ passThruModifiers: function (tplHtml, tplParam, content) {
+ var regModOn = new RegExp('%' + tplParam + '(\\|(.+?)){1,}%', 'g'),
+ regModOff = new RegExp(['%', tplParam, '%'].join(''), 'g'),
+ regModGet = new RegExp('%' + tplParam + '\\|(.+?)%'),
+ regModPut = new RegExp('%' + tplParam + '\\|(.+?)%', 'g'),
+ specRegExp = new RegExp('\\$', 'g'),
+ modifiers,
+ i;
+
+ if (content && (typeof content === 'string')) {
+ content = content.replace(specRegExp, '$$$$');
+ }
+
+ if (regModOn.test(tplHtml)) {
+ modifiers = tplHtml.match(regModGet)[1].split('|');
+ for (i in modifiers) {
+ if (this.modifiers[modifiers[i]] instanceof Function) {
+ content = this.modifiers[modifiers[i]](content);
+ } else {
+ console.error('unknown modifier: ' + modifiers[i]);
+ }
+ }
+ tplHtml = tplHtml.replace(regModPut, content);
+ }
+ tplHtml = tplHtml.replace(regModOff, content);
+
+ return tplHtml;
+ }
+ };
+
+}());
+/*
+ * Copyright 2013 Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.1 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://floralicense.org/license/
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
/*global $*/
/**
* @class ModifierManager
*/
function ModifierManager() {
- 'use strict';
- this.init();
+ 'use strict';
+ this.init();
}
(function () {
- 'use strict';
- ModifierManager.prototype = {
+ 'use strict';
+ ModifierManager.prototype = {
- /**
- * UI module initialisation
- */
- init: function () {
- },
+ /**
+ * UI module initialisation
+ */
+ init: function () {
+ },
- /**
- * @return modifiers object
- */
- getAll: function () {
- return this.modifiers;
- },
+ /**
+ * @return modifiers object
+ */
+ getAll: function () {
+ return this.modifiers;
+ },
- /**
- * modifiers definitions
- */
- modifiers: {
- escape: function escape(str) {
- return $('<span>').text(str).html();
- },
- escapeEncies: function escapeEncies(str) {
- var tagsToReplace = {
- '&': '&',
- '<': '<',
- '>': '>',
- '"': '"'
- };
- return str.replace(/[&<>\"]/g, function(tag) {
- return tagsToReplace[tag] || tag;
- });
- }
- }
- };
+ /**
+ * modifiers definitions
+ */
+ modifiers: {
+ escape: function escape(str) {
+ return $('<span>').text(str).html();
+ },
+ escapeEncies: function escapeEncies(str) {
+ var tagsToReplace = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"'
+ };
+ return str.replace(/[&<>\"]/g, function (tag) {
+ return tagsToReplace[tag] || tag;
+ });
+ }
+ }
+ };
}());
\ No newline at end of file
var app = null;
(function () { // strict mode wrapper
- 'use strict';
+ 'use strict';
- ({
- /**
- * Loader init - load the App constructor
- */
- init: function init() {
- var self = this;
- $.getScript('js/app.js')
- .done(function () {
- // once the app is loaded, create the app object
- // and load the libraries
- app = new App();
- self.loadLibs();
- })
- .fail(this.onGetScriptError);
- },
+ ({
+ /**
+ * Loader init - load the App constructor
+ */
+ init: function init() {
+ var self = this;
+ $.getScript('js/app.js')
+ .done(function () {
+ // once the app is loaded, create the app object
+ // and load the libraries
+ app = new App();
+ self.loadLibs();
+ })
+ .fail(this.onGetScriptError);
+ },
- /**
- * Load dependencies
- */
- loadLibs: function loadLibs() {
- var loadedLibs = 0;
- if ($.isArray(app.requires)) {
- $.each(app.requires, function (index, filename) {
- $.getScript(filename)
- .done(function () {
- loadedLibs += 1;
- if (loadedLibs >= app.requires.length) {
- // All dependencies are loaded - initialise the app
- app.init();
- }
- })
- .fail(this.onGetScriptError);
- });
- }
- },
+ /**
+ * Load dependencies
+ */
+ loadLibs: function loadLibs() {
+ var loadedLibs = 0;
+ if ($.isArray(app.requires)) {
+ $.each(app.requires, function (index, filename) {
+ $.getScript(filename)
+ .done(function () {
+ loadedLibs += 1;
+ if (loadedLibs >= app.requires.length) {
+ // All dependencies are loaded
+ // initialise the app
+ app.init();
+ }
+ })
+ .fail(this.onGetScriptError);
+ });
+ }
+ },
- /**
- * Handle ajax errors
- */
- onGetScriptError: function onGetScriptError(e, jqxhr, setting, exception) {
- app.ui.alertPopup('An error occurred: ' + e.message);
- }
- }).init(); // run the loader
+ /**
+ * Handle ajax errors
+ */
+ onGetScriptError: function onGetScriptError(
+ e,
+ jqxhr,
+ setting,
+ exception
+ ) {
+ app.ui.alertPopup('An error occurred: ' + e.message);
+ }
+ }).init(); // run the loader
}());
<li class="node file ui-li-1line-bigicon1" id="row%id%" label="%name%" uri="%uri|escapeEncies%" fullUri="%fullUri|escapeEncies%">
- <form class="my-ui-checkbox hidden"><input type="checkbox" /></form>
- <img src="%thumbnailURI%" class="ui-li-bigicon"/>
- <span class="ui-li-text-main nodename">%name|escape%</span>
+ <form class="my-ui-checkbox hidden"><input type="checkbox" /></form>
+ <img src="%thumbnailURI%" class="ui-li-bigicon" />
+ <span class="ui-li-text-main nodename">%name|escape%</span>
</li>
\ No newline at end of file
<li class="node folder ui-li-1line-bigicon1" id="row%id%" label="%name%" uri="%uri|escapeEncies%" fullUri="%fullUri|escapeEncies%">
- <form class="my-ui-checkbox hidden"><input type="checkbox" /></form>
-
<img src="images/folder.png" class="ui-li-bigicon" />
- <span class="ui-li-text-main nodename">%name|escape%</span>
- </div>
+ <form class="my-ui-checkbox hidden"><input type="checkbox" /></form>
+ <img src="images/folder.png" class="ui-li-bigicon" />
+ <span class="ui-li-text-main nodename">%name|escape%</span>
+ </div>
</li>
\ No newline at end of file
<li class="levelUp">
- <span class="ui-li-text-main nodename">..</span>
+ <span class="ui-li-text-main nodename">..</span>
</li>
\ No newline at end of file
-
<div data-role="page" id="main">
-
<div data-role="header" data-position="fixed">
- <h1 id="mainTitle"></h1>
-
<a id="homeBtn">Home</a>
-
<a id="levelUpBtn">Up</a>
- <div id="navbar"></div>
-
<div class="selectAll" style="display: none">
- <form>
- <input type="checkbox" name="tizen-check1-1" id="normal-check1" />
- <label for="normal-check1" class="select_all"> Select all</label>
- </form>
- </div>
- </div>
+ <div data-role="page" id="main">
+ <div data-role="header" data-position="fixed">
+ <h1 id="mainTitle" class="white-space-pre"></h1>
+ <a id="homeBtn">Home</a>
+ <a id="levelUpBtn">Up</a>
+ <div id="navbar" class="white-space-pre"></div>
+ <div class="selectAll" style="display: none">
+ <form>
+ <input type="checkbox" name="tizen-check1-1" id="normal-check1" />
+ <label for="normal-check1" class="select_all"> Select all</label>
+ </form>
+ </div>
+ </div>
-
<div data-role="content">
-
<ul id="fileList" data-role="listview"></ul>
-
<div data-role="popup" class="center_title_2btn" id="addFolderPopup">
-
<div class="ui-popup-title">
- <h1>Add new folder<h1>
- </div>
-
<div class="ui-popup-text">
- <form id="newFolderForm">
- <input id="newFolderName" type="text" value="New folder" class="newFolder" maxlength="255" />
- </form>
- </div>
-
<div class="ui-popup-button-bg">
-
<a data-role="button" id="cancelNewFolder" id="btn_textbox_popup_cancel" data-rel="back" data-inline="true">Cancel</a>
-
<a data-role="button" id="saveNewFolder" data-rel="back" data-inline="true">Save</a>
- </div>
- </div>
-
<div data-role="popup" id="alertPopup" class="ui-corner-all">
-
<div class="alertPopup-button">
-
<a href="#" data-role="button" data-inline="true" data-rel="back">OK</a>
- </div>
- </div>
-
<div data-role="popup" id="confirmPopup" class="ui-corner-all">
-
<div class="ui-popup-text">
- </div>
-
<div class="ui-popup-button-bg">
-
<a data-role="button" data-rel="back" data-inline="true">CANCEL</a>
-
<a data-role="button" data-rel="back" data-inline="true" class="confirm">OK</a>
- </div>
- </div>
- </div>
+ <div data-role="content">
+ <ul id="fileList" data-role="listview"></ul>
+ <div data-role="popup" class="center_title_2btn" id="addFolderPopup">
+ <div class="ui-popup-title">
+ <h1>Add new folder<h1>
+ </div>
+ <div class="ui-popup-text">
+ <form id="newFolderForm">
+ <input id="newFolderName" type="text" value="New folder" class="newFolder" maxlength="85" />
+ </form>
+ </div>
+ <div class="ui-popup-button-bg">
+ <a data-role="button" id="cancelNewFolder" id="btn_textbox_popup_cancel" data-rel="back" data-inline="true">Cancel</a>
+ <a data-role="button" id="saveNewFolder" data-rel="back" data-inline="true">Save</a>
+ </div>
+ </div>
+ <div data-role="popup" id="alertPopup" class="ui-corner-all">
+ <p class="text"></p>
+ <div class="alertPopup-button">
+ <a href="#" data-role="button" data-inline="true" data-rel="back">OK</a>
+ </div>
+ </div>
+ <div data-role="popup" id="confirmPopup" class="ui-corner-all">
+ <div class="ui-popup-text">
+ <p class="text"></p>
+ </div>
+ <div class="ui-popup-button-bg">
+ <a data-role="button" data-rel="back" data-inline="true">CANCEL</a>
+ <a data-role="button" data-rel="back" data-inline="true" class="confirm">OK</a>
+ </div>
+ </div>
+ </div>
- <div data-role="footer" data-position="fixed">
- <div class="ui-myToolBar">
- <div data-role="tabbar" class="standardTabbar">
- <ul>
- <li><a id="editActionBtn" href="#">Edit</a></li>
- <li><a id="moreActionBtn" href="#morePopup" data-rel="popup">More</a></li>
- <li id="li-myExit">
- <a id="a-myExit" href="#" class="ui-myExit">Exit</a>
- </li>
- </ul>
- </div>
- <div data-role="tabbar" class="editTabbar" style="display: none">
- <ul>
- <li><a id="deleteActionBtn" href="#">Delete</a></li>
- <li><a id="moveActionBtn" href="#">Move</a></li>
- <li><a id="copyActionBtn" href="#">Copy</a></li>
- <li><a id="cancelActionBtn" href="#">Cancel</a></li>
- </ul>
- </div>
- </div>
- <div id="morePopup" data-role="popup">
- <table>
- <tr id="newFolderActionBtnRow">
- <td class="text">
- <a id="newFolderActionBtn" href="#addFolderPopup" class="newFolder" data-rel="popup" data-position-to="window" data-shadow="true">New folder</a>
- </td>
- </tr>
- <tr id="pasteActionBtnRow">
- <td class="text">
- <a id="pasteActionBtn" data-position-to="window" data-shadow="true">Paste to folder</a>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
\ No newline at end of file
+ <div data-role="footer" data-position="fixed">
+ <div class="ui-myToolBar">
+ <div data-role="tabbar" class="standardTabbar">
+ <ul>
+ <li><a id="editActionBtn" href="#">Edit</a></li>
+ <li><a id="moreActionBtn" href="#morePopup" data-rel="popup">More</a></li>
+ <li id="li-myExit">
+ <a id="a-myExit" href="#" class="ui-myExit">Exit</a>
+ </li>
+ </ul>
+ </div>
+ <div data-role="tabbar" class="editTabbar" style="display: none">
+ <ul>
+ <li><a id="deleteActionBtn" href="#">Delete</a></li>
+ <li><a id="moveActionBtn" href="#">Move</a></li>
+ <li><a id="copyActionBtn" href="#">Copy</a></li>
+ <li><a id="cancelActionBtn" href="#">Cancel</a></li>
+ </ul>
+ </div>
+ </div>
+ <div id="morePopup" data-role="popup">
+ <table>
+ <tr id="newFolderActionBtnRow">
+ <td class="text">
+ <a id="newFolderActionBtn" href="#addFolderPopup" class="newFolder" data-rel="popup"
+ data-position-to="window" data-shadow="true" tabindex="0">New folder</a>
+ </td>
+ </tr>
+ <tr id="pasteActionBtnRow">
+ <td class="text">
+ <a id="pasteActionBtn" data-position-to="window" data-shadow="true" tabindex="0">Paste to folder</a>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
\ No newline at end of file
projects / apps / web / sample / FileManager.git / commitdiff
