Upgrade to Bootstrap 3
This commit is contained in:
benweet
parent
50d5e32dde
commit
5e03ebbc35
@ -1,9 +1,26 @@
|
||||
define(["utils"], function(utils) {
|
||||
define([
|
||||
"underscore",
|
||||
"utils",
|
||||
"fileSystem"
|
||||
], function(_, utils, fileSystem) {
|
||||
|
||||
function FolderDescriptor(folderIndex, name, fileList) {
|
||||
this.folderIndex = folderIndex;
|
||||
this._name = name || localStorage[folderIndex + ".name"];
|
||||
this.fileList = fileList || {};
|
||||
// Retrieve file list from localStorage
|
||||
this.fileList = {};
|
||||
_.each(utils.retrieveIndexArray(folderIndex + ".files"), function(fileIndex) {
|
||||
try {
|
||||
var fileDesc = fileSystem[fileIndex];
|
||||
fileDesc.folder = this;
|
||||
this.fileList[fileIndex] = fileDesc;
|
||||
}
|
||||
catch(e) {
|
||||
// localStorage can be corrupted
|
||||
// Remove file from folder
|
||||
utils.removeIndexFromArray(folderIndex + ".files", fileIndex);
|
||||
}
|
||||
}, this);
|
||||
Object.defineProperty(this, 'name', {
|
||||
get: function() {
|
||||
return this._name;
|
||||
@ -16,11 +33,13 @@ define(["utils"], function(utils) {
|
||||
}
|
||||
|
||||
FolderDescriptor.prototype.addFile = function(fileDesc) {
|
||||
fileDesc.folder = this;
|
||||
utils.appendIndexToArray(this.folderIndex + ".files", fileDesc.fileIndex);
|
||||
this.fileList[fileDesc.fileIndex] = fileDesc;
|
||||
};
|
||||
|
||||
FolderDescriptor.prototype.removeFile = function(fileDesc) {
|
||||
fileDesc.folder = undefined;
|
||||
utils.removeIndexFromArray(this.folderIndex + ".files", fileDesc.fileIndex);
|
||||
delete this.fileList[fileDesc.fileIndex];
|
||||
};
|
||||
|
||||
@ -13,9 +13,10 @@ define([
|
||||
"extensions/dialogManagePublication",
|
||||
"extensions/dialogManageSynchronization",
|
||||
"extensions/dialogOpenHarddrive",
|
||||
"extensions/documentSelector",
|
||||
"extensions/documentManager",
|
||||
"extensions/documentTitle",
|
||||
"extensions/documentSelector",
|
||||
"extensions/documentPanel",
|
||||
"extensions/documentManager",
|
||||
"extensions/workingIndicator",
|
||||
"extensions/notifications",
|
||||
"extensions/markdownExtra",
|
||||
@ -141,6 +142,9 @@ define([
|
||||
addEventHook("onContentChanged");
|
||||
addEventHook("onTitleChanged");
|
||||
|
||||
// Operations on folders
|
||||
addEventHook("onFoldersChanged");
|
||||
|
||||
// Sync events
|
||||
addEventHook("onSyncRunning");
|
||||
addEventHook("onSyncSuccess");
|
||||
|
||||
@ -4,9 +4,10 @@ define([
|
||||
"utils",
|
||||
"classes/Extension",
|
||||
"classes/FolderDescriptor",
|
||||
"folderList",
|
||||
"fileSystem",
|
||||
"config"
|
||||
], function($, _, utils, Extension, FolderDescriptor, fileSystem) {
|
||||
], function($, _, utils, Extension, FolderDescriptor, folderList, fileSystem) {
|
||||
|
||||
var documentManager = new Extension("documentManager", 'Document Manager', false, true);
|
||||
|
||||
@ -20,12 +21,10 @@ define([
|
||||
eventMgr = eventMgrParameter;
|
||||
};
|
||||
|
||||
var documentListElt = undefined;
|
||||
var selectFileDesc = undefined;
|
||||
var folderList = {};
|
||||
var folderEltTmpl = [
|
||||
'<a href="#" class="list-group-item folder clearfix" data-folder-index="<%= folderDesc.folderIndex %>" data-toggle="collapse" data-target=".modal-document-manager .nav.<%= id %>">',
|
||||
'<label class="checkbox" title="Select"><input type="checkbox"></label>',
|
||||
'<button class="btn btn-default button-delete" title="Delete"><i class="icon-trash"></i></button>',
|
||||
'<button class="btn btn-default button-rename" title="Rename"><i class="icon-pencil"></i></button>',
|
||||
'<div class="pull-right file-count"><%= _.size(folderDesc.fileList) %></div>',
|
||||
'<div class="name"><i class="icon-folder"></i> ',
|
||||
@ -33,24 +32,130 @@ define([
|
||||
'<input type="text" class="input-rename form-control hide"></a>',
|
||||
'<ul class="nav collapse <%= id %>"><%= fileListHtml %></ul>'
|
||||
].join('');
|
||||
var orphanEltTmpl = [
|
||||
var documentEltTmpl = [
|
||||
'<li class="list-group-item file clearfix" data-file-index="<%= fileDesc.fileIndex %>">',
|
||||
'<label class="checkbox" title="Select"><input type="checkbox"></label>',
|
||||
'<button class="btn btn-default button-delete" title="Delete"><i class="icon-trash"></i></button>',
|
||||
'<button class="btn btn-default button-rename" title="Rename"><i class="icon-pencil"></i></button>',
|
||||
'<div class="name"><%= fileDesc.composeTitle() %></div>',
|
||||
'<input type="text" class="input-rename form-control hide"></li>',
|
||||
].join('');
|
||||
var buildManager = function() {
|
||||
var selectFolderEltTmpl = [
|
||||
'<a href="#" class="list-group-item folder clearfix" data-folder-index="<%= folderDesc.folderIndex %>">',
|
||||
'<div class="pull-right file-count"><%= _.size(folderDesc.fileList) %></div>',
|
||||
'<div class="name"><i class="icon-forward"></i> ',
|
||||
'<%= folderDesc.name %></div></a>',
|
||||
].join('');
|
||||
var selectedDocumentEltTmpl = [
|
||||
'<li class="list-group-item file clearfix">',
|
||||
'<div class="name"><%= fileDesc.composeTitle() %></div></li>',
|
||||
].join('');
|
||||
|
||||
var documentListHtml = '';
|
||||
var isVisible = false;
|
||||
var modalElt = undefined;
|
||||
var documentListElt = undefined;
|
||||
var selectedDocumentList = [];
|
||||
var selectedFolderList = [];
|
||||
function doSelect() {
|
||||
selectedFolderList = [];
|
||||
selectedDocumentList = [];
|
||||
_.each(documentListElt.querySelectorAll('input[type="checkbox"]:checked'), function(checkboxElt) {
|
||||
var parentElt = $(checkboxElt.parentNode.parentNode);
|
||||
var folderDesc = folderList[parentElt.data('folderIndex')];
|
||||
var fileDesc = fileSystem[parentElt.data('fileIndex')];
|
||||
if(folderDesc !== undefined) {
|
||||
selectedFolderList.push(folderDesc);
|
||||
}
|
||||
else if(fileDesc !== undefined) {
|
||||
selectedDocumentList.push(fileDesc);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Add orphan documents
|
||||
documentListHtml += '<ul class="nav">' + _.chain(fileSystem).filter(function(fileDesc) {
|
||||
return fileDesc.folder === undefined;
|
||||
}).sortBy(function(fileDesc) {
|
||||
var selectedDocumentListElt = undefined;
|
||||
function doDeleteConfirmation() {
|
||||
// Don't ask user confirmation if we delete only folders
|
||||
if(_.size(selectedDocumentList) === 0) {
|
||||
doDelete();
|
||||
return;
|
||||
}
|
||||
|
||||
// Build the selected document list
|
||||
var selectedDocumentListHtml = _.chain(selectedDocumentList).sortBy(function(fileDesc) {
|
||||
return fileDesc.title.toLowerCase();
|
||||
}).reduce(function(result, fileDesc) {
|
||||
return result + _.template(orphanEltTmpl, {
|
||||
return result + _.template(selectedDocumentEltTmpl, {
|
||||
fileDesc: fileDesc,
|
||||
});
|
||||
}, '').value();
|
||||
selectedDocumentListElt.innerHTML = '<ul class="nav">' + selectedDocumentListHtml + '</ul>';
|
||||
|
||||
// Ask user confirmation
|
||||
$(modalElt.querySelectorAll('.document-list')).addClass('hide');
|
||||
$(modalElt.querySelectorAll('.confirm-delete, .selected-document-list')).removeClass('hide');
|
||||
}
|
||||
|
||||
function doDelete() {
|
||||
// Delete files
|
||||
_.each(selectedDocumentList, function(fileDesc) {
|
||||
fileDesc.folder && fileDesc.folder.removeFile(fileDesc);
|
||||
fileMgr.deleteFile(fileDesc);
|
||||
});
|
||||
|
||||
// Delete folders
|
||||
_.each(selectedFolderList, function(folderDesc) {
|
||||
utils.removeIndexFromArray("folder.list", folderDesc.folderIndex);
|
||||
delete folderList[folderDesc.folderIndex];
|
||||
});
|
||||
eventMgr.onFoldersChanged();
|
||||
|
||||
refreshManager();
|
||||
}
|
||||
|
||||
var liMoveElt = undefined;
|
||||
var liDeleteElt = undefined;
|
||||
function doActiveButtons() {
|
||||
doSelect();
|
||||
|
||||
liMoveElt.toggleClass('disabled', _.size(folderList) === 0 || _.size(selectedDocumentList) === 0);
|
||||
liDeleteElt.toggleClass('disabled', _.size(selectedFolderList) === 0 && _.size(selectedDocumentList) === 0);
|
||||
}
|
||||
|
||||
var orphanDocumentList = undefined;
|
||||
var documentCountElt = undefined;
|
||||
var folderCountElt = undefined;
|
||||
var refreshManager = function() {
|
||||
if(isVisible === false) {
|
||||
return;
|
||||
}
|
||||
|
||||
doActiveButtons();
|
||||
|
||||
// Refresh file/folder counters
|
||||
documentCountElt.text(_.size(fileSystem));
|
||||
folderCountElt.text(_.size(folderList) + 1);
|
||||
|
||||
// List orphan documents
|
||||
orphanDocumentList = _.filter(fileSystem, function(fileDesc) {
|
||||
return fileDesc.folder === undefined;
|
||||
});
|
||||
|
||||
// Root folder
|
||||
var documentListHtml = [
|
||||
'<a href="#" class="list-group-item folder clearfix" data-toggle="collapse" data-target=".modal-document-manager .nav.root-folder">',
|
||||
'<label class="checkbox" title="Select"><input type="checkbox"></label>',
|
||||
'<div class="pull-right file-count">',
|
||||
_.size(orphanDocumentList),
|
||||
'</div>',
|
||||
'<div class="name"><i class="icon-folder"></i> ',
|
||||
'ROOT folder</div></a>',
|
||||
].join('');
|
||||
|
||||
// Add orphan documents
|
||||
documentListHtml += '<ul class="nav collapse root-folder">' + _.chain(orphanDocumentList).sortBy(function(fileDesc) {
|
||||
return fileDesc.title.toLowerCase();
|
||||
}).reduce(function(result, fileDesc) {
|
||||
return result + _.template(documentEltTmpl, {
|
||||
fileDesc: fileDesc,
|
||||
});
|
||||
}, '').value() + '</ul>';
|
||||
@ -62,7 +167,9 @@ define([
|
||||
var fileListHtml = _.chain(folderDesc.fileList).sortBy(function(fileDesc) {
|
||||
return fileDesc.title.toLowerCase();
|
||||
}).reduce(function(result, fileDesc) {
|
||||
return result + '<li><a href="#">' + fileDesc.composeTitle() + '</a></li>';
|
||||
return result + _.template(documentEltTmpl, {
|
||||
fileDesc: fileDesc,
|
||||
});
|
||||
}, '').value();
|
||||
documentListHtml += _.template(folderEltTmpl, {
|
||||
folderDesc: folderDesc,
|
||||
@ -73,10 +180,32 @@ define([
|
||||
|
||||
documentListElt.innerHTML = documentListHtml;
|
||||
|
||||
// Set delete event listeners
|
||||
_.each(documentListElt.querySelectorAll('.button-delete'), function(buttonElt) {
|
||||
buttonElt = $(buttonElt);
|
||||
buttonElt.click(function(e) {
|
||||
e.stopPropagation();
|
||||
var parentElt = buttonElt.parent();
|
||||
var folderDesc = folderList[parentElt.data('folderIndex')];
|
||||
var fileDesc = fileSystem[parentElt.data('fileIndex')];
|
||||
selectedDocumentList = [];
|
||||
selectedFolderList = [];
|
||||
if(folderDesc) {
|
||||
selectedFolderList.push(folderDesc);
|
||||
selectedDocumentList = folderDesc.fileList;
|
||||
}
|
||||
else if(fileDesc) {
|
||||
selectedDocumentList.push(fileDesc);
|
||||
}
|
||||
doDeleteConfirmation();
|
||||
});
|
||||
});
|
||||
|
||||
// Set rename event listeners
|
||||
_.each(documentListElt.querySelectorAll('.button-rename'), function(buttonElt) {
|
||||
buttonElt = $(buttonElt);
|
||||
buttonElt.click(function() {
|
||||
buttonElt.click(function(e) {
|
||||
e.stopPropagation();
|
||||
var parentElt = buttonElt.parent();
|
||||
var name = undefined;
|
||||
var folderDesc = folderList[parentElt.data('folderIndex')];
|
||||
@ -100,11 +229,11 @@ define([
|
||||
var fileDesc = fileSystem[parentElt.data('fileIndex')];
|
||||
if(name && folderDesc && name != folderDesc.name) {
|
||||
folderDesc.name = name;
|
||||
buildManager();
|
||||
refreshManager();
|
||||
}
|
||||
else if(name && fileDesc && name != fileDesc.title) {
|
||||
fileDesc.title = name;
|
||||
buildManager();
|
||||
refreshManager();
|
||||
eventMgr.onTitleChanged(fileDesc);
|
||||
}
|
||||
else {
|
||||
@ -126,34 +255,53 @@ define([
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
documentManager.onFileSelected = function(fileDesc) {
|
||||
selectFileDesc = fileDesc;
|
||||
buildManager();
|
||||
};
|
||||
|
||||
documentManager.onFileCreated = buildManager;
|
||||
documentManager.onFileDeleted = buildManager;
|
||||
documentManager.onTitleChanged = buildManager;
|
||||
documentManager.onSyncExportSuccess = buildManager;
|
||||
documentManager.onSyncRemoved = buildManager;
|
||||
documentManager.onNewPublishSuccess = buildManager;
|
||||
documentManager.onPublishRemoved = buildManager;
|
||||
|
||||
documentManager.onInit = function() {
|
||||
// Retrieve folder descriptors from localStorage
|
||||
_.each(utils.retrieveIndexArray("folder.list"), function(folderIndex) {
|
||||
folderList[folderIndex] = new FolderDescriptor(folderIndex);
|
||||
// Set folder checkbox special behavior
|
||||
_.each(documentListElt.querySelectorAll('.folder .checkbox'), function(checkboxElt) {
|
||||
checkboxElt = $(checkboxElt);
|
||||
checkboxElt.click(function(e) {
|
||||
e.stopPropagation();
|
||||
}).find('[type=checkbox]').change(function() {
|
||||
var documentCheckboxElts = checkboxElt.parent().next().find('[type=checkbox]');
|
||||
if(this.checked) {
|
||||
documentCheckboxElts.prop('checked', true).prop('disabled', true);
|
||||
}
|
||||
else {
|
||||
documentCheckboxElts.prop('checked', false).prop('disabled', false);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Set checkbox event listeners
|
||||
$(documentListElt.querySelectorAll('[type=checkbox]')).change(doActiveButtons);
|
||||
};
|
||||
|
||||
documentManager.onFileCreated = refreshManager;
|
||||
documentManager.onFileDeleted = refreshManager;
|
||||
documentManager.onTitleChanged = refreshManager;
|
||||
documentManager.onSyncExportSuccess = refreshManager;
|
||||
documentManager.onSyncRemoved = refreshManager;
|
||||
documentManager.onNewPublishSuccess = refreshManager;
|
||||
documentManager.onPublishRemoved = refreshManager;
|
||||
|
||||
documentManager.onReady = function() {
|
||||
var modalElt = document.querySelector('.modal-document-manager');
|
||||
modalElt = document.querySelector('.modal-document-manager');
|
||||
documentListElt = modalElt.querySelector('.list-group.document-list');
|
||||
$('.action-create-folder').click(function() {
|
||||
documentCountElt = $(modalElt.querySelectorAll('.document-count'));
|
||||
folderCountElt = $(modalElt.querySelectorAll('.folder-count'));
|
||||
selectedDocumentListElt = modalElt.querySelector('.list-group.selected-document-list');
|
||||
var selectFolderListElt = modalElt.querySelector('.list-group.select-folder-list');
|
||||
|
||||
// Create new folder
|
||||
// Only refresh manager if visible (costly)
|
||||
$(modalElt).on('show.bs.modal', function() {
|
||||
isVisible = true;
|
||||
refreshManager();
|
||||
}).on('hide.bs.modal', function() {
|
||||
isVisible = false;
|
||||
});
|
||||
|
||||
// Create folder action
|
||||
$(modalElt.querySelectorAll('.action-create-folder')).click(function() {
|
||||
var folderIndex = undefined;
|
||||
do {
|
||||
folderIndex = "folder." + utils.randomString();
|
||||
@ -168,12 +316,95 @@ define([
|
||||
utils.appendIndexToArray("folder.list", folderIndex);
|
||||
folderList[folderIndex] = folderDesc;
|
||||
|
||||
buildManager();
|
||||
refreshManager();
|
||||
|
||||
// Edit the name when folder has just been created
|
||||
var renameButtonElt = $(modalElt.querySelector('[data-folder-index="' + folderIndex + '"] .button-rename')).click();
|
||||
modalElt.scrollTop = modalElt.scrollTop + renameButtonElt.offset().top;
|
||||
modalElt.scrollTop = modalElt.scrollTop + renameButtonElt.offset().top - 50;
|
||||
});
|
||||
|
||||
// Selection dropdown menu actions
|
||||
$(modalElt.querySelectorAll('.action-select-all')).click(function() {
|
||||
$(documentListElt.querySelectorAll('input[type="checkbox"]')).prop('checked', true).change();
|
||||
});
|
||||
$(modalElt.querySelectorAll('.action-unselect-all')).click(function() {
|
||||
$(documentListElt.querySelectorAll('input[type="checkbox"]')).prop('checked', false).change();
|
||||
});
|
||||
|
||||
// Delete selection actions
|
||||
var aDeleteElt = $(modalElt.querySelectorAll('.action-delete-items')).click(function() {
|
||||
if(liDeleteElt.hasClass('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
doSelect();
|
||||
doDeleteConfirmation();
|
||||
});
|
||||
liDeleteElt = aDeleteElt.parent();
|
||||
|
||||
// Delete confirmation actions
|
||||
$(modalElt.querySelectorAll('.action-delete-items-confirm')).click(function() {
|
||||
doDelete();
|
||||
|
||||
$(modalElt.querySelectorAll('.document-list')).removeClass('hide');
|
||||
$(modalElt.querySelectorAll('.confirm-delete, .selected-document-list')).addClass('hide');
|
||||
});
|
||||
|
||||
// Move selection actions
|
||||
var aMoveElt = $(modalElt.querySelectorAll('.action-move-items')).click(function() {
|
||||
if(liMoveElt.hasClass('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
doSelect();
|
||||
|
||||
// Build the destination folder list
|
||||
var selectFolderListHtml = [
|
||||
'<a href="#" class="list-group-item folder clearfix">',
|
||||
'<div class="pull-right file-count">',
|
||||
_.size(orphanDocumentList),
|
||||
'</div>',
|
||||
'<div class="name"><i class="icon-forward"></i> ',
|
||||
'ROOT folder</div></a>',
|
||||
].join('');
|
||||
selectFolderListHtml += _.chain(folderList).sortBy(function(folderDesc) {
|
||||
return folderDesc.name.toLowerCase();
|
||||
}).reduce(function(result, folderDesc) {
|
||||
return result + _.template(selectFolderEltTmpl, {
|
||||
folderDesc: folderDesc,
|
||||
});
|
||||
}, '').value();
|
||||
selectFolderListElt.innerHTML = selectFolderListHtml;
|
||||
|
||||
// Set selection event listeners
|
||||
_.each(selectFolderListElt.querySelectorAll('.folder'), function(folderElt) {
|
||||
folderElt = $(folderElt);
|
||||
folderElt.click(function() {
|
||||
var folderDesc = folderList[folderElt.data('folderIndex')];
|
||||
_.each(selectedDocumentList, function(fileDesc) {
|
||||
fileDesc.folder && fileDesc.folder.removeFile(fileDesc);
|
||||
folderDesc && folderDesc.addFile(fileDesc);
|
||||
});
|
||||
eventMgr.onFoldersChanged();
|
||||
|
||||
refreshManager();
|
||||
|
||||
$(modalElt.querySelectorAll('.document-list')).removeClass('hide');
|
||||
$(modalElt.querySelectorAll('.choose-folder, .select-folder-list')).addClass('hide');
|
||||
});
|
||||
});
|
||||
|
||||
// Ask user for destination folder
|
||||
$(modalElt.querySelectorAll('.document-list')).addClass('hide');
|
||||
$(modalElt.querySelectorAll('.choose-folder, .select-folder-list')).removeClass('hide');
|
||||
});
|
||||
liMoveElt = aMoveElt.parent();
|
||||
|
||||
// Cancel button
|
||||
$(modalElt.querySelectorAll('.action-cancel')).click(function() {
|
||||
$(modalElt.querySelectorAll('.document-list')).removeClass('hide');
|
||||
$(modalElt.querySelectorAll('.confirm-delete, .choose-folder, .selected-document-list, .select-folder-list')).addClass('hide');
|
||||
});
|
||||
};
|
||||
|
||||
return documentManager;
|
||||
|
||||
@ -40,33 +40,11 @@ define([
|
||||
var selectFileDesc = undefined;
|
||||
var buildSelector = function() {
|
||||
|
||||
function composeTitle(fileDesc) {
|
||||
var result = [];
|
||||
var syncAttributesList = _.values(fileDesc.syncLocations);
|
||||
var publishAttributesList = _.values(fileDesc.publishLocations);
|
||||
var attributesList = syncAttributesList.concat(publishAttributesList);
|
||||
_.chain(attributesList).sortBy(function(attributes) {
|
||||
return attributes.provider.providerId;
|
||||
}).each(function(attributes) {
|
||||
var classes = 'icon-provider-' + attributes.provider.providerId;
|
||||
if(attributes.isRealtime === true) {
|
||||
classes += " realtime";
|
||||
}
|
||||
result.push('<i class="' + classes + '"></i>');
|
||||
});
|
||||
result.push(" ");
|
||||
result.push(fileDesc.title);
|
||||
return result.join("");
|
||||
}
|
||||
|
||||
liMap = {};
|
||||
dropdownElt.empty();
|
||||
var documentPanelSelectorElt = $(".document-panel > .panel-content > .list-group");
|
||||
documentPanelSelectorElt.find('.list-group-item').remove();
|
||||
_.chain(fileSystem).sortBy(sortFunction).each(function(fileDesc) {
|
||||
var a = $('<a href="#">').html(composeTitle(fileDesc));
|
||||
var documentPanelItemElt = a.clone().addClass('list-group-item action-close-panel');
|
||||
documentPanelItemElt.add(a).click(function() {
|
||||
var aElt = $('<a href="#">').html(fileDesc.composeTitle());
|
||||
aElt.click(function() {
|
||||
if(!liMap[fileDesc.fileIndex].is(".disabled")) {
|
||||
fileMgr.selectFile(fileDesc);
|
||||
}
|
||||
@ -74,14 +52,12 @@ define([
|
||||
$("#wmd-input").focus();
|
||||
}
|
||||
});
|
||||
var li = $("<li>").append(a);
|
||||
liMap[fileDesc.fileIndex] = li;
|
||||
var liElt = $("<li>").append(aElt);
|
||||
liMap[fileDesc.fileIndex] = liElt;
|
||||
if(fileDesc === selectFileDesc) {
|
||||
li.addClass("disabled");
|
||||
documentPanelItemElt.addClass("active");
|
||||
liElt.addClass("disabled");
|
||||
}
|
||||
dropdownElt.append(li);
|
||||
documentPanelSelectorElt.append(documentPanelItemElt);
|
||||
dropdownElt.append(liElt);
|
||||
});
|
||||
liArray = _.values(liMap);
|
||||
};
|
||||
|
||||
@ -17,28 +17,9 @@ define([
|
||||
return;
|
||||
}
|
||||
|
||||
function composeTitle(fileDesc) {
|
||||
var result = [];
|
||||
var syncAttributesList = _.values(fileDesc.syncLocations);
|
||||
var publishAttributesList = _.values(fileDesc.publishLocations);
|
||||
var attributesList = syncAttributesList.concat(publishAttributesList);
|
||||
_.chain(attributesList).sortBy(function(attributes) {
|
||||
return attributes.provider.providerId;
|
||||
}).each(function(attributes) {
|
||||
var classes = 'icon-provider-' + attributes.provider.providerId;
|
||||
if(attributes.isRealtime === true) {
|
||||
classes += " realtime";
|
||||
}
|
||||
result.push('<i class="' + classes + '"></i>');
|
||||
});
|
||||
result.push(" ");
|
||||
result.push(fileDesc.title);
|
||||
return result.join("");
|
||||
}
|
||||
|
||||
var title = fileDesc.title;
|
||||
document.title = "StackEdit - " + title;
|
||||
$(".file-title-navbar").html(composeTitle(fileDesc));
|
||||
$(".file-title-navbar").html(fileDesc.composeTitle());
|
||||
$(".file-title").text(title);
|
||||
$(".input-file-title").val(title);
|
||||
|
||||
|
||||
@ -126,6 +126,11 @@ define([
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".content");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".sync");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".publish");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".selectTime");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".editorStart");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".editorEnd");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".editorScrollTop");
|
||||
localStorage.removeItem(fileDesc.fileIndex + ".previewScrollTop");
|
||||
|
||||
eventMgr.onFileDeleted(fileDesc);
|
||||
};
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
// The fileSystem module is empty when created. It's filled by fileMgr when loading.
|
||||
// syncLocations and publishLocations are respectively loaded by synchronizer and publisher.
|
||||
define([
|
||||
"underscore",
|
||||
"utils",
|
||||
|
||||
@ -127,6 +127,10 @@ define([
|
||||
connect(task);
|
||||
authenticate(task);
|
||||
task.onRun(function() {
|
||||
if(newChangeId === 0) {
|
||||
// Add time for the first synchronization
|
||||
task.timeout = ASYNC_TASK_LONG_TIMEOUT;
|
||||
}
|
||||
function retrievePageOfChanges() {
|
||||
client.pullChanges(newChangeId, function(error, pullChanges) {
|
||||
if(error) {
|
||||
|
||||
@ -297,6 +297,10 @@ define([
|
||||
authenticate(task);
|
||||
task.onRun(function() {
|
||||
var nextPageToken = undefined;
|
||||
if(newChangeId === 0) {
|
||||
// Add time for the first synchronization
|
||||
task.timeout = ASYNC_TASK_LONG_TIMEOUT;
|
||||
}
|
||||
function retrievePageOfChanges() {
|
||||
var request = undefined;
|
||||
if(nextPageToken === undefined) {
|
||||
|
||||
@ -132,17 +132,16 @@
|
||||
<i class="icon-folder-open"></i> <i class="icon-right-dir"></i>
|
||||
</button>
|
||||
<div class="panel-content">
|
||||
<div class="list-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="icon-search"></i></span><input
|
||||
type="text" class="form-control"></input>
|
||||
<div class="input-group-btn">
|
||||
<a data-toggle="modal" data-target=".modal-document-manager"
|
||||
class="btn btn-default action-close-panel"
|
||||
title="Manage documents"><i class="icon-archive"></i></a>
|
||||
</div>
|
||||
class="btn btn-default action-close-panel" title="Manage documents"><i
|
||||
class="icon-layers"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-group document-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -157,26 +156,46 @@
|
||||
<h3 class="modal-title">Manage documents</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p class="clearfix document-list">
|
||||
<button class="btn btn-default pull-right">
|
||||
<i class="icon-check"></i> Selection
|
||||
</button>
|
||||
<button class="btn btn-default pull-right action-create-folder">
|
||||
<i class="icon-folder"></i> Create folder
|
||||
</button>
|
||||
</p>
|
||||
<div></div>
|
||||
<ul class="nav nav-pills document-list">
|
||||
<li class="pull-right dropdown"><a href="#"
|
||||
data-toggle="dropdown"><i class="icon-check"></i> Selection <b
|
||||
class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#" class="action-select-all"><i
|
||||
class="icon-check"></i> Select all</a></li>
|
||||
<li><a href="#" class="action-unselect-all"><i
|
||||
class="icon-check-empty"></i> Unselect all</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#" class="action-move-items"><i
|
||||
class="icon-forward"></i> Move to folder</a></li>
|
||||
<li><a href="#" class="action-delete-items"><i
|
||||
class="icon-trash"></i> Delete</a></li>
|
||||
</ul></li>
|
||||
<li class="pull-right"><a href="#"
|
||||
class="action-create-folder"> <i class="icon-folder"></i>
|
||||
Create folder
|
||||
</a></li>
|
||||
<li class="disabled"><a><i class="icon-file"></i> <span
|
||||
class="document-count">0</span></a></li>
|
||||
<li class="disabled"><a><i class="icon-folder"></i> <span
|
||||
class="folder-count">0</span></a></li>
|
||||
</ul>
|
||||
<div class="list-group document-list"></div>
|
||||
<p class="clearfix document-list">
|
||||
<button class="btn btn-default pull-right">
|
||||
<i class="icon-check"></i> Selection
|
||||
</button>
|
||||
<button class="btn btn-default pull-right action-create-folder">
|
||||
<i class="icon-folder"></i> Create folder
|
||||
</button>
|
||||
</p>
|
||||
<p class="confirm-delete hide">The following documents will be
|
||||
deleted locally:</p>
|
||||
<p class="choose-folder hide">Please choose a destination
|
||||
folder:</p>
|
||||
<div class="list-group selected-document-list hide"></div>
|
||||
<div class="list-group select-folder-list hide"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
||||
<a href="#"
|
||||
class="btn btn-default confirm-delete choose-folder action-cancel hide">Cancel</a>
|
||||
<a href="#"
|
||||
class="btn btn-primary confirm-delete action-delete-items-confirm hide">OK</a>
|
||||
<a href="#" class="btn btn-primary document-list"
|
||||
data-dismiss="modal">Close</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -598,12 +598,6 @@
|
||||
"code": 59719,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "f8aa663c489bcbd6e68ec8147dca841e",
|
||||
"css": "folder",
|
||||
"code": 59433,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "b091a8bd0fdade174951f17d936f51e4",
|
||||
"css": "folder-empty",
|
||||
@ -1858,6 +1852,12 @@
|
||||
"code": 59661,
|
||||
"src": "iconic"
|
||||
},
|
||||
{
|
||||
"uid": "d2c499942f8a7c037d5a94f123eeb478",
|
||||
"css": "layers",
|
||||
"code": 59433,
|
||||
"src": "iconic"
|
||||
},
|
||||
{
|
||||
"uid": "f1ecd8633b0ec659877c02cd796df1fd",
|
||||
"css": "chart-bar",
|
||||
@ -1888,6 +1888,12 @@
|
||||
"code": 59551,
|
||||
"src": "elusive"
|
||||
},
|
||||
{
|
||||
"uid": "9eece2885134734c5bc085fdd4955af1",
|
||||
"css": "folder",
|
||||
"code": 59607,
|
||||
"src": "elusive"
|
||||
},
|
||||
{
|
||||
"uid": "838db85de51df09e2d0c34a17dc30ff6",
|
||||
"css": "code",
|
||||
|
||||
3
js/libs/fontello/css/fontello-codes.css
vendored
3
js/libs/fontello/css/fontello-codes.css
vendored
@ -56,6 +56,7 @@
|
||||
.icon-resize-horizontal:before { content: '\e873'; } /* '' */
|
||||
.icon-eject:before { content: '\e8a6'; } /* '' */
|
||||
.icon-trash:before { content: '\e89f'; } /* '' */
|
||||
.icon-folder:before { content: '\e8d7'; } /* '' */
|
||||
.icon-star-half:before { content: '\e80a'; } /* '' */
|
||||
.icon-ok-circled2:before { content: '\e81a'; } /* '' */
|
||||
.icon-cancel-circled2:before { content: '\e86f'; } /* '' */
|
||||
@ -111,6 +112,7 @@
|
||||
.icon-barcode:before { content: '\e8cb'; } /* '' */
|
||||
.icon-ajust:before { content: '\e8cd'; } /* '' */
|
||||
.icon-tint:before { content: '\e8ce'; } /* '' */
|
||||
.icon-layers:before { content: '\e829'; } /* '' */
|
||||
.icon-magnet:before { content: '\e8d6'; } /* '' */
|
||||
.icon-move:before { content: '\e874'; } /* '' */
|
||||
.icon-link:before { content: '\e83f'; } /* '' */
|
||||
@ -286,7 +288,6 @@
|
||||
.icon-credit-card:before { content: '\e965'; } /* '' */
|
||||
.icon-briefcase:before { content: '\e8c7'; } /* '' */
|
||||
.icon-floppy:before { content: '\e966'; } /* '' */
|
||||
.icon-folder:before { content: '\e829'; } /* '' */
|
||||
.icon-folder-open:before { content: '\e81e'; } /* '' */
|
||||
.icon-doc:before { content: '\e857'; } /* '' */
|
||||
.icon-calendar:before { content: '\e866'; } /* '' */
|
||||
|
||||
15
js/libs/fontello/css/fontello-embedded.css
vendored
15
js/libs/fontello/css/fontello-embedded.css
vendored
File diff suppressed because one or more lines are too long
3
js/libs/fontello/css/fontello-ie7-codes.css
vendored
3
js/libs/fontello/css/fontello-ie7-codes.css
vendored
@ -56,6 +56,7 @@
|
||||
.icon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-eject { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-folder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-ok-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
@ -111,6 +112,7 @@
|
||||
.icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-ajust { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-tint { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-layers { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
@ -286,7 +288,6 @@
|
||||
.icon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-floppy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-folder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-doc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
|
||||
3
js/libs/fontello/css/fontello-ie7.css
vendored
3
js/libs/fontello/css/fontello-ie7.css
vendored
@ -67,6 +67,7 @@
|
||||
.icon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-eject { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-folder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-ok-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
@ -122,6 +123,7 @@
|
||||
.icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-ajust { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-tint { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-layers { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
@ -297,7 +299,6 @@
|
||||
.icon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-floppy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-folder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-doc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
|
||||
15
js/libs/fontello/css/fontello.css
vendored
15
js/libs/fontello/css/fontello.css
vendored
@ -1,10 +1,10 @@
|
||||
@font-face {
|
||||
font-family: 'fontello';
|
||||
src: url('../font/fontello.eot?59297981');
|
||||
src: url('../font/fontello.eot?59297981#iefix') format('embedded-opentype'),
|
||||
url('../font/fontello.woff?59297981') format('woff'),
|
||||
url('../font/fontello.ttf?59297981') format('truetype'),
|
||||
url('../font/fontello.svg?59297981#fontello') format('svg');
|
||||
src: url('../font/fontello.eot?65226408');
|
||||
src: url('../font/fontello.eot?65226408#iefix') format('embedded-opentype'),
|
||||
url('../font/fontello.woff?65226408') format('woff'),
|
||||
url('../font/fontello.ttf?65226408') format('truetype'),
|
||||
url('../font/fontello.svg?65226408#fontello') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@ -14,7 +14,7 @@
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: 'fontello';
|
||||
src: url('../font/fontello.svg?59297981#fontello') format('svg');
|
||||
src: url('../font/fontello.svg?65226408#fontello') format('svg');
|
||||
}
|
||||
}
|
||||
*/
|
||||
@ -107,6 +107,7 @@
|
||||
.icon-resize-horizontal:before { content: '\e873'; } /* '' */
|
||||
.icon-eject:before { content: '\e8a6'; } /* '' */
|
||||
.icon-trash:before { content: '\e89f'; } /* '' */
|
||||
.icon-folder:before { content: '\e8d7'; } /* '' */
|
||||
.icon-star-half:before { content: '\e80a'; } /* '' */
|
||||
.icon-ok-circled2:before { content: '\e81a'; } /* '' */
|
||||
.icon-cancel-circled2:before { content: '\e86f'; } /* '' */
|
||||
@ -162,6 +163,7 @@
|
||||
.icon-barcode:before { content: '\e8cb'; } /* '' */
|
||||
.icon-ajust:before { content: '\e8cd'; } /* '' */
|
||||
.icon-tint:before { content: '\e8ce'; } /* '' */
|
||||
.icon-layers:before { content: '\e829'; } /* '' */
|
||||
.icon-magnet:before { content: '\e8d6'; } /* '' */
|
||||
.icon-move:before { content: '\e874'; } /* '' */
|
||||
.icon-link:before { content: '\e83f'; } /* '' */
|
||||
@ -337,7 +339,6 @@
|
||||
.icon-credit-card:before { content: '\e965'; } /* '' */
|
||||
.icon-briefcase:before { content: '\e8c7'; } /* '' */
|
||||
.icon-floppy:before { content: '\e966'; } /* '' */
|
||||
.icon-folder:before { content: '\e829'; } /* '' */
|
||||
.icon-folder-open:before { content: '\e81e'; } /* '' */
|
||||
.icon-doc:before { content: '\e857'; } /* '' */
|
||||
.icon-calendar:before { content: '\e866'; } /* '' */
|
||||
|
||||
@ -342,395 +342,396 @@ body {
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe89f" class="the-icons span3"><i class="icon-trash"></i> <span class="i-name">icon-trash</span><span class="i-code">0xe89f</span></div>
|
||||
<div title="Code: 0xe8d7" class="the-icons span3"><i class="icon-folder"></i> <span class="i-name">icon-folder</span><span class="i-code">0xe8d7</span></div>
|
||||
<div title="Code: 0xe80a" class="the-icons span3"><i class="icon-star-half"></i> <span class="i-name">icon-star-half</span><span class="i-code">0xe80a</span></div>
|
||||
<div title="Code: 0xe81a" class="the-icons span3"><i class="icon-ok-circled2"></i> <span class="i-name">icon-ok-circled2</span><span class="i-code">0xe81a</span></div>
|
||||
<div title="Code: 0xe86f" class="the-icons span3"><i class="icon-cancel-circled2"></i> <span class="i-name">icon-cancel-circled2</span><span class="i-code">0xe86f</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe86f" class="the-icons span3"><i class="icon-cancel-circled2"></i> <span class="i-name">icon-cancel-circled2</span><span class="i-code">0xe86f</span></div>
|
||||
<div title="Code: 0xe939" class="the-icons span3"><i class="icon-help-circled"></i> <span class="i-name">icon-help-circled</span><span class="i-code">0xe939</span></div>
|
||||
<div title="Code: 0xe93a" class="the-icons span3"><i class="icon-info-circled"></i> <span class="i-name">icon-info-circled</span><span class="i-code">0xe93a</span></div>
|
||||
<div title="Code: 0xe815" class="the-icons span3"><i class="icon-th-large"></i> <span class="i-name">icon-th-large</span><span class="i-code">0xe815</span></div>
|
||||
<div title="Code: 0xe832" class="the-icons span3"><i class="icon-eye"></i> <span class="i-name">icon-eye</span><span class="i-code">0xe832</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe832" class="the-icons span3"><i class="icon-eye"></i> <span class="i-name">icon-eye</span><span class="i-code">0xe832</span></div>
|
||||
<div title="Code: 0xe833" class="the-icons span3"><i class="icon-eye-off"></i> <span class="i-name">icon-eye-off</span><span class="i-code">0xe833</span></div>
|
||||
<div title="Code: 0xe834" class="the-icons span3"><i class="icon-tag"></i> <span class="i-name">icon-tag</span><span class="i-code">0xe834</span></div>
|
||||
<div title="Code: 0xe835" class="the-icons span3"><i class="icon-tags"></i> <span class="i-name">icon-tags</span><span class="i-code">0xe835</span></div>
|
||||
<div title="Code: 0xe814" class="the-icons span3"><i class="icon-camera-alt"></i> <span class="i-name">icon-camera-alt</span><span class="i-code">0xe814</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe814" class="the-icons span3"><i class="icon-camera-alt"></i> <span class="i-name">icon-camera-alt</span><span class="i-code">0xe814</span></div>
|
||||
<div title="Code: 0xe844" class="the-icons span3"><i class="icon-code"></i> <span class="i-name">icon-code</span><span class="i-code">0xe844</span></div>
|
||||
<div title="Code: 0xe942" class="the-icons span3"><i class="icon-print"></i> <span class="i-name">icon-print</span><span class="i-code">0xe942</span></div>
|
||||
<div title="Code: 0xe943" class="the-icons span3"><i class="icon-retweet"></i> <span class="i-name">icon-retweet</span><span class="i-code">0xe943</span></div>
|
||||
<div title="Code: 0xe84a" class="the-icons span3"><i class="icon-comment"></i> <span class="i-name">icon-comment</span><span class="i-code">0xe84a</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe84a" class="the-icons span3"><i class="icon-comment"></i> <span class="i-name">icon-comment</span><span class="i-code">0xe84a</span></div>
|
||||
<div title="Code: 0xe84b" class="the-icons span3"><i class="icon-chat"></i> <span class="i-name">icon-chat</span><span class="i-code">0xe84b</span></div>
|
||||
<div title="Code: 0xe853" class="the-icons span3"><i class="icon-location"></i> <span class="i-name">icon-location</span><span class="i-code">0xe853</span></div>
|
||||
<div title="Code: 0xe859" class="the-icons span3"><i class="icon-archive"></i> <span class="i-name">icon-archive</span><span class="i-code">0xe859</span></div>
|
||||
<div title="Code: 0xe865" class="the-icons span3"><i class="icon-basket"></i> <span class="i-name">icon-basket</span><span class="i-code">0xe865</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe865" class="the-icons span3"><i class="icon-basket"></i> <span class="i-name">icon-basket</span><span class="i-code">0xe865</span></div>
|
||||
<div title="Code: 0xe868" class="the-icons span3"><i class="icon-login"></i> <span class="i-name">icon-login</span><span class="i-code">0xe868</span></div>
|
||||
<div title="Code: 0xe949" class="the-icons span3"><i class="icon-logout"></i> <span class="i-name">icon-logout</span><span class="i-code">0xe949</span></div>
|
||||
<div title="Code: 0xe90d" class="the-icons span3"><i class="icon-resize-full"></i> <span class="i-name">icon-resize-full</span><span class="i-code">0xe90d</span></div>
|
||||
<div title="Code: 0xe871" class="the-icons span3"><i class="icon-resize-small"></i> <span class="i-name">icon-resize-small</span><span class="i-code">0xe871</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe871" class="the-icons span3"><i class="icon-resize-small"></i> <span class="i-name">icon-resize-small</span><span class="i-code">0xe871</span></div>
|
||||
<div title="Code: 0xe875" class="the-icons span3"><i class="icon-zoom-in"></i> <span class="i-name">icon-zoom-in</span><span class="i-code">0xe875</span></div>
|
||||
<div title="Code: 0xe876" class="the-icons span3"><i class="icon-zoom-out"></i> <span class="i-name">icon-zoom-out</span><span class="i-code">0xe876</span></div>
|
||||
<div title="Code: 0xe877" class="the-icons span3"><i class="icon-down-circled2"></i> <span class="i-name">icon-down-circled2</span><span class="i-code">0xe877</span></div>
|
||||
<div title="Code: 0xe878" class="the-icons span3"><i class="icon-up-circled2"></i> <span class="i-name">icon-up-circled2</span><span class="i-code">0xe878</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe878" class="the-icons span3"><i class="icon-up-circled2"></i> <span class="i-name">icon-up-circled2</span><span class="i-code">0xe878</span></div>
|
||||
<div title="Code: 0xe879" class="the-icons span3"><i class="icon-down-open"></i> <span class="i-name">icon-down-open</span><span class="i-code">0xe879</span></div>
|
||||
<div title="Code: 0xe87a" class="the-icons span3"><i class="icon-left-open"></i> <span class="i-name">icon-left-open</span><span class="i-code">0xe87a</span></div>
|
||||
<div title="Code: 0xe87b" class="the-icons span3"><i class="icon-right-open"></i> <span class="i-name">icon-right-open</span><span class="i-code">0xe87b</span></div>
|
||||
<div title="Code: 0xe87c" class="the-icons span3"><i class="icon-up-open"></i> <span class="i-name">icon-up-open</span><span class="i-code">0xe87c</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe87c" class="the-icons span3"><i class="icon-up-open"></i> <span class="i-name">icon-up-open</span><span class="i-code">0xe87c</span></div>
|
||||
<div title="Code: 0xe897" class="the-icons span3"><i class="icon-refresh"></i> <span class="i-name">icon-refresh</span><span class="i-code">0xe897</span></div>
|
||||
<div title="Code: 0xe89d" class="the-icons span3"><i class="icon-play-circled2"></i> <span class="i-name">icon-play-circled2</span><span class="i-code">0xe89d</span></div>
|
||||
<div title="Code: 0xe8a1" class="the-icons span3"><i class="icon-to-end-alt"></i> <span class="i-name">icon-to-end-alt</span><span class="i-code">0xe8a1</span></div>
|
||||
<div title="Code: 0xe8a3" class="the-icons span3"><i class="icon-to-start-alt"></i> <span class="i-name">icon-to-start-alt</span><span class="i-code">0xe8a3</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8a3" class="the-icons span3"><i class="icon-to-start-alt"></i> <span class="i-name">icon-to-start-alt</span><span class="i-code">0xe8a3</span></div>
|
||||
<div title="Code: 0xe8aa" class="the-icons span3"><i class="icon-inbox"></i> <span class="i-name">icon-inbox</span><span class="i-code">0xe8aa</span></div>
|
||||
<div title="Code: 0xe8b6" class="the-icons span3"><i class="icon-font"></i> <span class="i-name">icon-font</span><span class="i-code">0xe8b6</span></div>
|
||||
<div title="Code: 0xe8b5" class="the-icons span3"><i class="icon-bold"></i> <span class="i-name">icon-bold</span><span class="i-code">0xe8b5</span></div>
|
||||
<div title="Code: 0xe8b4" class="the-icons span3"><i class="icon-italic"></i> <span class="i-name">icon-italic</span><span class="i-code">0xe8b4</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8b4" class="the-icons span3"><i class="icon-italic"></i> <span class="i-name">icon-italic</span><span class="i-code">0xe8b4</span></div>
|
||||
<div title="Code: 0xe8b7" class="the-icons span3"><i class="icon-text-height"></i> <span class="i-name">icon-text-height</span><span class="i-code">0xe8b7</span></div>
|
||||
<div title="Code: 0xe8b8" class="the-icons span3"><i class="icon-text-width"></i> <span class="i-name">icon-text-width</span><span class="i-code">0xe8b8</span></div>
|
||||
<div title="Code: 0xe95d" class="the-icons span3"><i class="icon-align-left"></i> <span class="i-name">icon-align-left</span><span class="i-code">0xe95d</span></div>
|
||||
<div title="Code: 0xe95e" class="the-icons span3"><i class="icon-align-center"></i> <span class="i-name">icon-align-center</span><span class="i-code">0xe95e</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe95e" class="the-icons span3"><i class="icon-align-center"></i> <span class="i-name">icon-align-center</span><span class="i-code">0xe95e</span></div>
|
||||
<div title="Code: 0xe95f" class="the-icons span3"><i class="icon-align-right"></i> <span class="i-name">icon-align-right</span><span class="i-code">0xe95f</span></div>
|
||||
<div title="Code: 0xe960" class="the-icons span3"><i class="icon-align-justify"></i> <span class="i-name">icon-align-justify</span><span class="i-code">0xe960</span></div>
|
||||
<div title="Code: 0xe8b9" class="the-icons span3"><i class="icon-list"></i> <span class="i-name">icon-list</span><span class="i-code">0xe8b9</span></div>
|
||||
<div title="Code: 0xe8ba" class="the-icons span3"><i class="icon-indent-left"></i> <span class="i-name">icon-indent-left</span><span class="i-code">0xe8ba</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ba" class="the-icons span3"><i class="icon-indent-left"></i> <span class="i-name">icon-indent-left</span><span class="i-code">0xe8ba</span></div>
|
||||
<div title="Code: 0xe8bb" class="the-icons span3"><i class="icon-indent-right"></i> <span class="i-name">icon-indent-right</span><span class="i-code">0xe8bb</span></div>
|
||||
<div title="Code: 0xe963" class="the-icons span3"><i class="icon-off"></i> <span class="i-name">icon-off</span><span class="i-code">0xe963</span></div>
|
||||
<div title="Code: 0xe964" class="the-icons span3"><i class="icon-road"></i> <span class="i-name">icon-road</span><span class="i-code">0xe964</span></div>
|
||||
<div title="Code: 0xe8c9" class="the-icons span3"><i class="icon-list-alt"></i> <span class="i-name">icon-list-alt</span><span class="i-code">0xe8c9</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8c9" class="the-icons span3"><i class="icon-list-alt"></i> <span class="i-name">icon-list-alt</span><span class="i-code">0xe8c9</span></div>
|
||||
<div title="Code: 0xe8ca" class="the-icons span3"><i class="icon-qrcode"></i> <span class="i-name">icon-qrcode</span><span class="i-code">0xe8ca</span></div>
|
||||
<div title="Code: 0xe8cb" class="the-icons span3"><i class="icon-barcode"></i> <span class="i-name">icon-barcode</span><span class="i-code">0xe8cb</span></div>
|
||||
<div title="Code: 0xe8cd" class="the-icons span3"><i class="icon-ajust"></i> <span class="i-name">icon-ajust</span><span class="i-code">0xe8cd</span></div>
|
||||
<div title="Code: 0xe8ce" class="the-icons span3"><i class="icon-tint"></i> <span class="i-name">icon-tint</span><span class="i-code">0xe8ce</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ce" class="the-icons span3"><i class="icon-tint"></i> <span class="i-name">icon-tint</span><span class="i-code">0xe8ce</span></div>
|
||||
<div title="Code: 0xe829" class="the-icons span3"><i class="icon-layers"></i> <span class="i-name">icon-layers</span><span class="i-code">0xe829</span></div>
|
||||
<div title="Code: 0xe8d6" class="the-icons span3"><i class="icon-magnet"></i> <span class="i-name">icon-magnet</span><span class="i-code">0xe8d6</span></div>
|
||||
<div title="Code: 0xe874" class="the-icons span3"><i class="icon-move"></i> <span class="i-name">icon-move</span><span class="i-code">0xe874</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe83f" class="the-icons span3"><i class="icon-link"></i> <span class="i-name">icon-link</span><span class="i-code">0xe83f</span></div>
|
||||
<div title="Code: 0xe912" class="the-icons span3"><i class="icon-share"></i> <span class="i-name">icon-share</span><span class="i-code">0xe912</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe841" class="the-icons span3"><i class="icon-hdd"></i> <span class="i-name">icon-hdd</span><span class="i-code">0xe841</span></div>
|
||||
<div title="Code: 0xe82b" class="the-icons span3"><i class="icon-link-ext"></i> <span class="i-name">icon-link-ext</span><span class="i-code">0xe82b</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8d0" class="the-icons span3"><i class="icon-check-empty"></i> <span class="i-name">icon-check-empty</span><span class="i-code">0xe8d0</span></div>
|
||||
<div title="Code: 0xe837" class="the-icons span3"><i class="icon-bookmark-empty"></i> <span class="i-name">icon-bookmark-empty</span><span class="i-code">0xe837</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe860" class="the-icons span3"><i class="icon-phone-squared"></i> <span class="i-name">icon-phone-squared</span><span class="i-code">0xe860</span></div>
|
||||
<div title="Code: 0xe85d" class="the-icons span3"><i class="icon-rss"></i> <span class="i-name">icon-rss</span><span class="i-code">0xe85d</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8dd" class="the-icons span3"><i class="icon-certificate"></i> <span class="i-name">icon-certificate</span><span class="i-code">0xe8dd</span></div>
|
||||
<div title="Code: 0xe891" class="the-icons span3"><i class="icon-left-circled"></i> <span class="i-name">icon-left-circled</span><span class="i-code">0xe891</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe892" class="the-icons span3"><i class="icon-right-circled"></i> <span class="i-name">icon-right-circled</span><span class="i-code">0xe892</span></div>
|
||||
<div title="Code: 0xe893" class="the-icons span3"><i class="icon-up-circled"></i> <span class="i-name">icon-up-circled</span><span class="i-code">0xe893</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe894" class="the-icons span3"><i class="icon-down-circled"></i> <span class="i-name">icon-down-circled</span><span class="i-code">0xe894</span></div>
|
||||
<div title="Code: 0xe8de" class="the-icons span3"><i class="icon-tasks"></i> <span class="i-name">icon-tasks</span><span class="i-code">0xe8de</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8df" class="the-icons span3"><i class="icon-filter"></i> <span class="i-name">icon-filter</span><span class="i-code">0xe8df</span></div>
|
||||
<div title="Code: 0xe870" class="the-icons span3"><i class="icon-resize-full-alt"></i> <span class="i-name">icon-resize-full-alt</span><span class="i-code">0xe870</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8e0" class="the-icons span3"><i class="icon-beaker"></i> <span class="i-name">icon-beaker</span><span class="i-code">0xe8e0</span></div>
|
||||
<div title="Code: 0xe858" class="the-icons span3"><i class="icon-docs"></i> <span class="i-name">icon-docs</span><span class="i-code">0xe858</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe861" class="the-icons span3"><i class="icon-menu"></i> <span class="i-name">icon-menu</span><span class="i-code">0xe861</span></div>
|
||||
<div title="Code: 0xe8bc" class="the-icons span3"><i class="icon-list-bullet"></i> <span class="i-name">icon-list-bullet</span><span class="i-code">0xe8bc</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8bd" class="the-icons span3"><i class="icon-list-numbered"></i> <span class="i-name">icon-list-numbered</span><span class="i-code">0xe8bd</span></div>
|
||||
<div title="Code: 0xe8be" class="the-icons span3"><i class="icon-strike"></i> <span class="i-name">icon-strike</span><span class="i-code">0xe8be</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8bf" class="the-icons span3"><i class="icon-underline"></i> <span class="i-name">icon-underline</span><span class="i-code">0xe8bf</span></div>
|
||||
<div title="Code: 0xe8c2" class="the-icons span3"><i class="icon-table"></i> <span class="i-name">icon-table</span><span class="i-code">0xe8c2</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8e1" class="the-icons span3"><i class="icon-magic"></i> <span class="i-name">icon-magic</span><span class="i-code">0xe8e1</span></div>
|
||||
<div title="Code: 0xe8e3" class="the-icons span3"><i class="icon-money"></i> <span class="i-name">icon-money</span><span class="i-code">0xe8e3</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8c3" class="the-icons span3"><i class="icon-columns"></i> <span class="i-name">icon-columns</span><span class="i-code">0xe8c3</span></div>
|
||||
<div title="Code: 0xe8ec" class="the-icons span3"><i class="icon-sort"></i> <span class="i-name">icon-sort</span><span class="i-code">0xe8ec</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ed" class="the-icons span3"><i class="icon-sort-down"></i> <span class="i-name">icon-sort-down</span><span class="i-code">0xe8ed</span></div>
|
||||
<div title="Code: 0xe8ee" class="the-icons span3"><i class="icon-sort-up"></i> <span class="i-name">icon-sort-up</span><span class="i-code">0xe8ee</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe805" class="the-icons span3"><i class="icon-mail-alt"></i> <span class="i-name">icon-mail-alt</span><span class="i-code">0xe805</span></div>
|
||||
<div title="Code: 0xe8f6" class="the-icons span3"><i class="icon-gauge"></i> <span class="i-name">icon-gauge</span><span class="i-code">0xe8f6</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe84c" class="the-icons span3"><i class="icon-comment-empty"></i> <span class="i-name">icon-comment-empty</span><span class="i-code">0xe84c</span></div>
|
||||
<div title="Code: 0xe84d" class="the-icons span3"><i class="icon-chat-empty"></i> <span class="i-name">icon-chat-empty</span><span class="i-code">0xe84d</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8f7" class="the-icons span3"><i class="icon-sitemap"></i> <span class="i-name">icon-sitemap</span><span class="i-code">0xe8f7</span></div>
|
||||
<div title="Code: 0xe8c6" class="the-icons span3"><i class="icon-paste"></i> <span class="i-name">icon-paste</span><span class="i-code">0xe8c6</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe86d" class="the-icons span3"><i class="icon-lightbulb"></i> <span class="i-name">icon-lightbulb</span><span class="i-code">0xe86d</span></div>
|
||||
<div title="Code: 0xe957" class="the-icons span3"><i class="icon-exchange"></i> <span class="i-name">icon-exchange</span><span class="i-code">0xe957</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe83d" class="the-icons span3"><i class="icon-download-cloud"></i> <span class="i-name">icon-download-cloud</span><span class="i-code">0xe83d</span></div>
|
||||
<div title="Code: 0xe83e" class="the-icons span3"><i class="icon-upload-cloud"></i> <span class="i-name">icon-upload-cloud</span><span class="i-code">0xe83e</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8fc" class="the-icons span3"><i class="icon-user-md"></i> <span class="i-name">icon-user-md</span><span class="i-code">0xe8fc</span></div>
|
||||
<div title="Code: 0xe8fd" class="the-icons span3"><i class="icon-stethoscope"></i> <span class="i-name">icon-stethoscope</span><span class="i-code">0xe8fd</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8c8" class="the-icons span3"><i class="icon-suitcase"></i> <span class="i-name">icon-suitcase</span><span class="i-code">0xe8c8</span></div>
|
||||
<div title="Code: 0xe84f" class="the-icons span3"><i class="icon-bell-alt"></i> <span class="i-name">icon-bell-alt</span><span class="i-code">0xe84f</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8f9" class="the-icons span3"><i class="icon-coffee"></i> <span class="i-name">icon-coffee</span><span class="i-code">0xe8f9</span></div>
|
||||
<div title="Code: 0xe8fa" class="the-icons span3"><i class="icon-food"></i> <span class="i-name">icon-food</span><span class="i-code">0xe8fa</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe945" class="the-icons span3"><i class="icon-doc-text"></i> <span class="i-name">icon-doc-text</span><span class="i-code">0xe945</span></div>
|
||||
<div title="Code: 0xe902" class="the-icons span3"><i class="icon-building"></i> <span class="i-name">icon-building</span><span class="i-code">0xe902</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe901" class="the-icons span3"><i class="icon-hospital"></i> <span class="i-name">icon-hospital</span><span class="i-code">0xe901</span></div>
|
||||
<div title="Code: 0xe8fe" class="the-icons span3"><i class="icon-ambulance"></i> <span class="i-name">icon-ambulance</span><span class="i-code">0xe8fe</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ff" class="the-icons span3"><i class="icon-medkit"></i> <span class="i-name">icon-medkit</span><span class="i-code">0xe8ff</span></div>
|
||||
<div title="Code: 0xe8b2" class="the-icons span3"><i class="icon-fighter-jet"></i> <span class="i-name">icon-fighter-jet</span><span class="i-code">0xe8b2</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8fb" class="the-icons span3"><i class="icon-beer"></i> <span class="i-name">icon-beer</span><span class="i-code">0xe8fb</span></div>
|
||||
<div title="Code: 0xe900" class="the-icons span3"><i class="icon-h-sigh"></i> <span class="i-name">icon-h-sigh</span><span class="i-code">0xe900</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe821" class="the-icons span3"><i class="icon-plus-squared"></i> <span class="i-name">icon-plus-squared</span><span class="i-code">0xe821</span></div>
|
||||
<div title="Code: 0xe885" class="the-icons span3"><i class="icon-angle-double-left"></i> <span class="i-name">icon-angle-double-left</span><span class="i-code">0xe885</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe886" class="the-icons span3"><i class="icon-angle-double-right"></i> <span class="i-name">icon-angle-double-right</span><span class="i-code">0xe886</span></div>
|
||||
<div title="Code: 0xe887" class="the-icons span3"><i class="icon-angle-double-up"></i> <span class="i-name">icon-angle-double-up</span><span class="i-code">0xe887</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe888" class="the-icons span3"><i class="icon-angle-double-down"></i> <span class="i-name">icon-angle-double-down</span><span class="i-code">0xe888</span></div>
|
||||
<div title="Code: 0xe87d" class="the-icons span3"><i class="icon-angle-left"></i> <span class="i-name">icon-angle-left</span><span class="i-code">0xe87d</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe87e" class="the-icons span3"><i class="icon-angle-right"></i> <span class="i-name">icon-angle-right</span><span class="i-code">0xe87e</span></div>
|
||||
<div title="Code: 0xe87f" class="the-icons span3"><i class="icon-angle-up"></i> <span class="i-name">icon-angle-up</span><span class="i-code">0xe87f</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe880" class="the-icons span3"><i class="icon-angle-down"></i> <span class="i-name">icon-angle-down</span><span class="i-code">0xe880</span></div>
|
||||
<div title="Code: 0xe95a" class="the-icons span3"><i class="icon-desktop"></i> <span class="i-name">icon-desktop</span><span class="i-code">0xe95a</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe95b" class="the-icons span3"><i class="icon-laptop"></i> <span class="i-name">icon-laptop</span><span class="i-code">0xe95b</span></div>
|
||||
<div title="Code: 0xe95c" class="the-icons span3"><i class="icon-tablet"></i> <span class="i-name">icon-tablet</span><span class="i-code">0xe95c</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8a9" class="the-icons span3"><i class="icon-mobile"></i> <span class="i-name">icon-mobile</span><span class="i-code">0xe8a9</span></div>
|
||||
<div title="Code: 0xe8d2" class="the-icons span3"><i class="icon-circle-empty"></i> <span class="i-name">icon-circle-empty</span><span class="i-code">0xe8d2</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe842" class="the-icons span3"><i class="icon-quote-left"></i> <span class="i-name">icon-quote-left</span><span class="i-code">0xe842</span></div>
|
||||
<div title="Code: 0xe843" class="the-icons span3"><i class="icon-quote-right"></i> <span class="i-name">icon-quote-right</span><span class="i-code">0xe843</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8f8" class="the-icons span3"><i class="icon-spinner"></i> <span class="i-name">icon-spinner</span><span class="i-code">0xe8f8</span></div>
|
||||
<div title="Code: 0xe8d1" class="the-icons span3"><i class="icon-circle"></i> <span class="i-name">icon-circle</span><span class="i-code">0xe8d1</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe845" class="the-icons span3"><i class="icon-reply"></i> <span class="i-name">icon-reply</span><span class="i-code">0xe845</span></div>
|
||||
<div title="Code: 0xe85a" class="the-icons span3"><i class="icon-folder-empty"></i> <span class="i-name">icon-folder-empty</span><span class="i-code">0xe85a</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe85b" class="the-icons span3"><i class="icon-folder-open-empty"></i> <span class="i-name">icon-folder-open-empty</span><span class="i-code">0xe85b</span></div>
|
||||
<div title="Code: 0xe822" class="the-icons span3"><i class="icon-plus-squared-small"></i> <span class="i-name">icon-plus-squared-small</span><span class="i-code">0xe822</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe827" class="the-icons span3"><i class="icon-minus-squared-small"></i> <span class="i-name">icon-minus-squared-small</span><span class="i-code">0xe827</span></div>
|
||||
<div title="Code: 0xe903" class="the-icons span3"><i class="icon-smile"></i> <span class="i-name">icon-smile</span><span class="i-code">0xe903</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe904" class="the-icons span3"><i class="icon-frown"></i> <span class="i-name">icon-frown</span><span class="i-code">0xe904</span></div>
|
||||
<div title="Code: 0xe905" class="the-icons span3"><i class="icon-meh"></i> <span class="i-name">icon-meh</span><span class="i-code">0xe905</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe849" class="the-icons span3"><i class="icon-gamepad"></i> <span class="i-name">icon-gamepad</span><span class="i-code">0xe849</span></div>
|
||||
<div title="Code: 0xe944" class="the-icons span3"><i class="icon-keyboard"></i> <span class="i-name">icon-keyboard</span><span class="i-code">0xe944</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe93d" class="the-icons span3"><i class="icon-flag-empty"></i> <span class="i-name">icon-flag-empty</span><span class="i-code">0xe93d</span></div>
|
||||
<div title="Code: 0xe93e" class="the-icons span3"><i class="icon-flag-checkered"></i> <span class="i-name">icon-flag-checkered</span><span class="i-code">0xe93e</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe907" class="the-icons span3"><i class="icon-terminal"></i> <span class="i-name">icon-terminal</span><span class="i-code">0xe907</span></div>
|
||||
<div title="Code: 0xe840" class="the-icons span3"><i class="icon-reply-all"></i> <span class="i-name">icon-reply-all</span><span class="i-code">0xe840</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe80b" class="the-icons span3"><i class="icon-star-half-alt"></i> <span class="i-name">icon-star-half-alt</span><span class="i-code">0xe80b</span></div>
|
||||
<div title="Code: 0xe854" class="the-icons span3"><i class="icon-direction"></i> <span class="i-name">icon-direction</span><span class="i-code">0xe854</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8c4" class="the-icons span3"><i class="icon-crop"></i> <span class="i-name">icon-crop</span><span class="i-code">0xe8c4</span></div>
|
||||
<div title="Code: 0xe8da" class="the-icons span3"><i class="icon-fork"></i> <span class="i-name">icon-fork</span><span class="i-code">0xe8da</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe82a" class="the-icons span3"><i class="icon-unlink"></i> <span class="i-name">icon-unlink</span><span class="i-code">0xe82a</span></div>
|
||||
<div title="Code: 0xe828" class="the-icons span3"><i class="icon-help"></i> <span class="i-name">icon-help</span><span class="i-code">0xe828</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe93b" class="the-icons span3"><i class="icon-info"></i> <span class="i-name">icon-info</span><span class="i-code">0xe93b</span></div>
|
||||
<div title="Code: 0xe850" class="the-icons span3"><i class="icon-attention-alt"></i> <span class="i-name">icon-attention-alt</span><span class="i-code">0xe850</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8c0" class="the-icons span3"><i class="icon-superscript"></i> <span class="i-name">icon-superscript</span><span class="i-code">0xe8c0</span></div>
|
||||
<div title="Code: 0xe8c1" class="the-icons span3"><i class="icon-subscript"></i> <span class="i-name">icon-subscript</span><span class="i-code">0xe8c1</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe908" class="the-icons span3"><i class="icon-eraser"></i> <span class="i-name">icon-eraser</span><span class="i-code">0xe908</span></div>
|
||||
<div title="Code: 0xe909" class="the-icons span3"><i class="icon-puzzle"></i> <span class="i-name">icon-puzzle</span><span class="i-code">0xe909</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe94a" class="the-icons span3"><i class="icon-mic"></i> <span class="i-name">icon-mic</span><span class="i-code">0xe94a</span></div>
|
||||
<div title="Code: 0xe94b" class="the-icons span3"><i class="icon-mute"></i> <span class="i-name">icon-mute</span><span class="i-code">0xe94b</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe90a" class="the-icons span3"><i class="icon-shield"></i> <span class="i-name">icon-shield</span><span class="i-code">0xe90a</span></div>
|
||||
<div title="Code: 0xe867" class="the-icons span3"><i class="icon-calendar-empty"></i> <span class="i-name">icon-calendar-empty</span><span class="i-code">0xe867</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe90b" class="the-icons span3"><i class="icon-extinguisher"></i> <span class="i-name">icon-extinguisher</span><span class="i-code">0xe90b</span></div>
|
||||
<div title="Code: 0xe8db" class="the-icons span3"><i class="icon-rocket"></i> <span class="i-name">icon-rocket</span><span class="i-code">0xe8db</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe881" class="the-icons span3"><i class="icon-angle-circled-left"></i> <span class="i-name">icon-angle-circled-left</span><span class="i-code">0xe881</span></div>
|
||||
<div title="Code: 0xe882" class="the-icons span3"><i class="icon-angle-circled-right"></i> <span class="i-name">icon-angle-circled-right</span><span class="i-code">0xe882</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe883" class="the-icons span3"><i class="icon-angle-circled-up"></i> <span class="i-name">icon-angle-circled-up</span><span class="i-code">0xe883</span></div>
|
||||
<div title="Code: 0xe884" class="the-icons span3"><i class="icon-angle-circled-down"></i> <span class="i-name">icon-angle-circled-down</span><span class="i-code">0xe884</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe906" class="the-icons span3"><i class="icon-anchor"></i> <span class="i-name">icon-anchor</span><span class="i-code">0xe906</span></div>
|
||||
<div title="Code: 0xe830" class="the-icons span3"><i class="icon-lock-open-alt"></i> <span class="i-name">icon-lock-open-alt</span><span class="i-code">0xe830</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe90c" class="the-icons span3"><i class="icon-bullseye"></i> <span class="i-name">icon-bullseye</span><span class="i-code">0xe90c</span></div>
|
||||
<div title="Code: 0xe961" class="the-icons span3"><i class="icon-ellipsis"></i> <span class="i-name">icon-ellipsis</span><span class="i-code">0xe961</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe962" class="the-icons span3"><i class="icon-ellipsis-vert"></i> <span class="i-name">icon-ellipsis-vert</span><span class="i-code">0xe962</span></div>
|
||||
<div title="Code: 0xe85e" class="the-icons span3"><i class="icon-rss-squared"></i> <span class="i-name">icon-rss-squared</span><span class="i-code">0xe85e</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe89c" class="the-icons span3"><i class="icon-play-circled"></i> <span class="i-name">icon-play-circled</span><span class="i-code">0xe89c</span></div>
|
||||
<div title="Code: 0xe8d8" class="the-icons span3"><i class="icon-ticket"></i> <span class="i-name">icon-ticket</span><span class="i-code">0xe8d8</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe825" class="the-icons span3"><i class="icon-minus-squared"></i> <span class="i-name">icon-minus-squared</span><span class="i-code">0xe825</span></div>
|
||||
<div title="Code: 0xe826" class="the-icons span3"><i class="icon-minus-squared-alt"></i> <span class="i-name">icon-minus-squared-alt</span><span class="i-code">0xe826</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe898" class="the-icons span3"><i class="icon-level-up"></i> <span class="i-name">icon-level-up</span><span class="i-code">0xe898</span></div>
|
||||
<div title="Code: 0xe955" class="the-icons span3"><i class="icon-level-down"></i> <span class="i-name">icon-level-down</span><span class="i-code">0xe955</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe81b" class="the-icons span3"><i class="icon-ok-squared"></i> <span class="i-name">icon-ok-squared</span><span class="i-code">0xe81b</span></div>
|
||||
<div title="Code: 0xe848" class="the-icons span3"><i class="icon-pencil-squared"></i> <span class="i-name">icon-pencil-squared</span><span class="i-code">0xe848</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe82c" class="the-icons span3"><i class="icon-link-ext-alt"></i> <span class="i-name">icon-link-ext-alt</span><span class="i-code">0xe82c</span></div>
|
||||
<div title="Code: 0xe846" class="the-icons span3"><i class="icon-export-alt"></i> <span class="i-name">icon-export-alt</span><span class="i-code">0xe846</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe855" class="the-icons span3"><i class="icon-compass"></i> <span class="i-name">icon-compass</span><span class="i-code">0xe855</span></div>
|
||||
<div title="Code: 0xe958" class="the-icons span3"><i class="icon-collapse"></i> <span class="i-name">icon-collapse</span><span class="i-code">0xe958</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe899" class="the-icons span3"><i class="icon-collapse-top"></i> <span class="i-name">icon-collapse-top</span><span class="i-code">0xe899</span></div>
|
||||
<div title="Code: 0xe89a" class="the-icons span3"><i class="icon-expand"></i> <span class="i-name">icon-expand</span><span class="i-code">0xe89a</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8e4" class="the-icons span3"><i class="icon-euro"></i> <span class="i-name">icon-euro</span><span class="i-code">0xe8e4</span></div>
|
||||
<div title="Code: 0xe8e5" class="the-icons span3"><i class="icon-pound"></i> <span class="i-name">icon-pound</span><span class="i-code">0xe8e5</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8e6" class="the-icons span3"><i class="icon-dollar"></i> <span class="i-name">icon-dollar</span><span class="i-code">0xe8e6</span></div>
|
||||
<div title="Code: 0xe8e7" class="the-icons span3"><i class="icon-rupee"></i> <span class="i-name">icon-rupee</span><span class="i-code">0xe8e7</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8e8" class="the-icons span3"><i class="icon-yen"></i> <span class="i-name">icon-yen</span><span class="i-code">0xe8e8</span></div>
|
||||
<div title="Code: 0xe8e9" class="the-icons span3"><i class="icon-renminbi"></i> <span class="i-name">icon-renminbi</span><span class="i-code">0xe8e9</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ea" class="the-icons span3"><i class="icon-won"></i> <span class="i-name">icon-won</span><span class="i-code">0xe8ea</span></div>
|
||||
<div title="Code: 0xe8eb" class="the-icons span3"><i class="icon-bitcoin"></i> <span class="i-name">icon-bitcoin</span><span class="i-code">0xe8eb</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe946" class="the-icons span3"><i class="icon-file"></i> <span class="i-name">icon-file</span><span class="i-code">0xe946</span></div>
|
||||
<div title="Code: 0xe947" class="the-icons span3"><i class="icon-doc-text-inv"></i> <span class="i-name">icon-doc-text-inv</span><span class="i-code">0xe947</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8f1" class="the-icons span3"><i class="icon-sort-name-up"></i> <span class="i-name">icon-sort-name-up</span><span class="i-code">0xe8f1</span></div>
|
||||
<div title="Code: 0xe8f2" class="the-icons span3"><i class="icon-sort-name-down"></i> <span class="i-name">icon-sort-name-down</span><span class="i-code">0xe8f2</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ef" class="the-icons span3"><i class="icon-sort-alt-up"></i> <span class="i-name">icon-sort-alt-up</span><span class="i-code">0xe8ef</span></div>
|
||||
<div title="Code: 0xe8f0" class="the-icons span3"><i class="icon-sort-alt-down"></i> <span class="i-name">icon-sort-alt-down</span><span class="i-code">0xe8f0</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8f3" class="the-icons span3"><i class="icon-sort-number-up"></i> <span class="i-name">icon-sort-number-up</span><span class="i-code">0xe8f3</span></div>
|
||||
<div title="Code: 0xe8f4" class="the-icons span3"><i class="icon-sort-number-down"></i> <span class="i-name">icon-sort-number-down</span><span class="i-code">0xe8f4</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe839" class="the-icons span3"><i class="icon-thumbs-up-alt"></i> <span class="i-name">icon-thumbs-up-alt</span><span class="i-code">0xe839</span></div>
|
||||
<div title="Code: 0xe83a" class="the-icons span3"><i class="icon-thumbs-down-alt"></i> <span class="i-name">icon-thumbs-down-alt</span><span class="i-code">0xe83a</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe951" class="the-icons span3"><i class="icon-down"></i> <span class="i-name">icon-down</span><span class="i-code">0xe951</span></div>
|
||||
<div title="Code: 0xe954" class="the-icons span3"><i class="icon-up"></i> <span class="i-name">icon-up</span><span class="i-code">0xe954</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe953" class="the-icons span3"><i class="icon-right"></i> <span class="i-name">icon-right</span><span class="i-code">0xe953</span></div>
|
||||
<div title="Code: 0xe952" class="the-icons span3"><i class="icon-left"></i> <span class="i-name">icon-left</span><span class="i-code">0xe952</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe80f" class="the-icons span3"><i class="icon-female"></i> <span class="i-name">icon-female</span><span class="i-code">0xe80f</span></div>
|
||||
<div title="Code: 0xe80e" class="the-icons span3"><i class="icon-male"></i> <span class="i-name">icon-male</span><span class="i-code">0xe80e</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8ac" class="the-icons span3"><i class="icon-sun"></i> <span class="i-name">icon-sun</span><span class="i-code">0xe8ac</span></div>
|
||||
<div title="Code: 0xe8af" class="the-icons span3"><i class="icon-moon"></i> <span class="i-name">icon-moon</span><span class="i-code">0xe8af</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe85c" class="the-icons span3"><i class="icon-box"></i> <span class="i-name">icon-box</span><span class="i-code">0xe85c</span></div>
|
||||
<div title="Code: 0xe8dc" class="the-icons span3"><i class="icon-bug"></i> <span class="i-name">icon-bug</span><span class="i-code">0xe8dc</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe812" class="the-icons span3"><i class="icon-picture"></i> <span class="i-name">icon-picture</span><span class="i-code">0xe812</span></div>
|
||||
<div title="Code: 0xe8ab" class="the-icons span3"><i class="icon-globe"></i> <span class="i-name">icon-globe</span><span class="i-code">0xe8ab</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8b3" class="the-icons span3"><i class="icon-leaf"></i> <span class="i-name">icon-leaf</span><span class="i-code">0xe8b3</span></div>
|
||||
<div title="Code: 0xe801" class="the-icons span3"><i class="icon-glass"></i> <span class="i-name">icon-glass</span><span class="i-code">0xe801</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8d4" class="the-icons span3"><i class="icon-gift"></i> <span class="i-name">icon-gift</span><span class="i-code">0xe8d4</span></div>
|
||||
<div title="Code: 0xe811" class="the-icons span3"><i class="icon-videocam"></i> <span class="i-name">icon-videocam</span><span class="i-code">0xe811</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe86b" class="the-icons span3"><i class="icon-headphones"></i> <span class="i-name">icon-headphones</span><span class="i-code">0xe86b</span></div>
|
||||
<div title="Code: 0xe810" class="the-icons span3"><i class="icon-video"></i> <span class="i-name">icon-video</span><span class="i-code">0xe810</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8a7" class="the-icons span3"><i class="icon-target"></i> <span class="i-name">icon-target</span><span class="i-code">0xe8a7</span></div>
|
||||
<div title="Code: 0xe959" class="the-icons span3"><i class="icon-award"></i> <span class="i-name">icon-award</span><span class="i-code">0xe959</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe93f" class="the-icons span3"><i class="icon-thumbs-up"></i> <span class="i-name">icon-thumbs-up</span><span class="i-code">0xe93f</span></div>
|
||||
<div title="Code: 0xe940" class="the-icons span3"><i class="icon-thumbs-down"></i> <span class="i-name">icon-thumbs-down</span><span class="i-code">0xe940</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe80c" class="the-icons span3"><i class="icon-user"></i> <span class="i-name">icon-user</span><span class="i-code">0xe80c</span></div>
|
||||
<div title="Code: 0xe80d" class="the-icons span3"><i class="icon-users"></i> <span class="i-name">icon-users</span><span class="i-code">0xe80d</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe965" class="the-icons span3"><i class="icon-credit-card"></i> <span class="i-name">icon-credit-card</span><span class="i-code">0xe965</span></div>
|
||||
<div title="Code: 0xe8c7" class="the-icons span3"><i class="icon-briefcase"></i> <span class="i-name">icon-briefcase</span><span class="i-code">0xe8c7</span></div>
|
||||
<div title="Code: 0xe966" class="the-icons span3"><i class="icon-floppy"></i> <span class="i-name">icon-floppy</span><span class="i-code">0xe966</span></div>
|
||||
<div title="Code: 0xe829" class="the-icons span3"><i class="icon-folder"></i> <span class="i-name">icon-folder</span><span class="i-code">0xe829</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe966" class="the-icons span3"><i class="icon-floppy"></i> <span class="i-name">icon-floppy</span><span class="i-code">0xe966</span></div>
|
||||
<div title="Code: 0xe81e" class="the-icons span3"><i class="icon-folder-open"></i> <span class="i-name">icon-folder-open</span><span class="i-code">0xe81e</span></div>
|
||||
<div title="Code: 0xe857" class="the-icons span3"><i class="icon-doc"></i> <span class="i-name">icon-doc</span><span class="i-code">0xe857</span></div>
|
||||
<div title="Code: 0xe866" class="the-icons span3"><i class="icon-calendar"></i> <span class="i-name">icon-calendar</span><span class="i-code">0xe866</span></div>
|
||||
<div title="Code: 0xe90f" class="the-icons span3"><i class="icon-chart-bar"></i> <span class="i-name">icon-chart-bar</span><span class="i-code">0xe90f</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe90f" class="the-icons span3"><i class="icon-chart-bar"></i> <span class="i-name">icon-chart-bar</span><span class="i-code">0xe90f</span></div>
|
||||
<div title="Code: 0xe831" class="the-icons span3"><i class="icon-pin"></i> <span class="i-name">icon-pin</span><span class="i-code">0xe831</span></div>
|
||||
<div title="Code: 0xe82d" class="the-icons span3"><i class="icon-attach"></i> <span class="i-name">icon-attach</span><span class="i-code">0xe82d</span></div>
|
||||
<div title="Code: 0xe8cc" class="the-icons span3"><i class="icon-book"></i> <span class="i-name">icon-book</span><span class="i-code">0xe8cc</span></div>
|
||||
<div title="Code: 0xe85f" class="the-icons span3"><i class="icon-phone"></i> <span class="i-name">icon-phone</span><span class="i-code">0xe85f</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe85f" class="the-icons span3"><i class="icon-phone"></i> <span class="i-name">icon-phone</span><span class="i-code">0xe85f</span></div>
|
||||
<div title="Code: 0xe967" class="the-icons span3"><i class="icon-megaphone"></i> <span class="i-name">icon-megaphone</span><span class="i-code">0xe967</span></div>
|
||||
<div title="Code: 0xe83c" class="the-icons span3"><i class="icon-upload"></i> <span class="i-name">icon-upload</span><span class="i-code">0xe83c</span></div>
|
||||
<div title="Code: 0xe83b" class="the-icons span3"><i class="icon-download"></i> <span class="i-name">icon-download</span><span class="i-code">0xe83b</span></div>
|
||||
<div title="Code: 0xe8a8" class="the-icons span3"><i class="icon-signal"></i> <span class="i-name">icon-signal</span><span class="i-code">0xe8a8</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8a8" class="the-icons span3"><i class="icon-signal"></i> <span class="i-name">icon-signal</span><span class="i-code">0xe8a8</span></div>
|
||||
<div title="Code: 0xe813" class="the-icons span3"><i class="icon-camera"></i> <span class="i-name">icon-camera</span><span class="i-code">0xe813</span></div>
|
||||
<div title="Code: 0xe956" class="the-icons span3"><i class="icon-shuffle"></i> <span class="i-name">icon-shuffle</span><span class="i-code">0xe956</span></div>
|
||||
<div title="Code: 0xe94c" class="the-icons span3"><i class="icon-volume-off"></i> <span class="i-name">icon-volume-off</span><span class="i-code">0xe94c</span></div>
|
||||
<div title="Code: 0xe869" class="the-icons span3"><i class="icon-volume-down"></i> <span class="i-name">icon-volume-down</span><span class="i-code">0xe869</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe869" class="the-icons span3"><i class="icon-volume-down"></i> <span class="i-name">icon-volume-down</span><span class="i-code">0xe869</span></div>
|
||||
<div title="Code: 0xe86a" class="the-icons span3"><i class="icon-volume-up"></i> <span class="i-name">icon-volume-up</span><span class="i-code">0xe86a</span></div>
|
||||
<div title="Code: 0xe803" class="the-icons span3"><i class="icon-search"></i> <span class="i-name">icon-search</span><span class="i-code">0xe803</span></div>
|
||||
<div title="Code: 0xe8d9" class="the-icons span3"><i class="icon-key"></i> <span class="i-name">icon-key</span><span class="i-code">0xe8d9</span></div>
|
||||
<div title="Code: 0xe82e" class="the-icons span3"><i class="icon-lock"></i> <span class="i-name">icon-lock</span><span class="i-code">0xe82e</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe82e" class="the-icons span3"><i class="icon-lock"></i> <span class="i-name">icon-lock</span><span class="i-code">0xe82e</span></div>
|
||||
<div title="Code: 0xe82f" class="the-icons span3"><i class="icon-lock-open"></i> <span class="i-name">icon-lock-open</span><span class="i-code">0xe82f</span></div>
|
||||
<div title="Code: 0xe84e" class="the-icons span3"><i class="icon-bell"></i> <span class="i-name">icon-bell</span><span class="i-code">0xe84e</span></div>
|
||||
<div title="Code: 0xe836" class="the-icons span3"><i class="icon-bookmark"></i> <span class="i-name">icon-bookmark</span><span class="i-code">0xe836</span></div>
|
||||
<div title="Code: 0xe8d5" class="the-icons span3"><i class="icon-fire"></i> <span class="i-name">icon-fire</span><span class="i-code">0xe8d5</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8d5" class="the-icons span3"><i class="icon-fire"></i> <span class="i-name">icon-fire</span><span class="i-code">0xe8d5</span></div>
|
||||
<div title="Code: 0xe864" class="the-icons span3"><i class="icon-wrench"></i> <span class="i-name">icon-wrench</span><span class="i-code">0xe864</span></div>
|
||||
<div title="Code: 0xe8f5" class="the-icons span3"><i class="icon-hammer"></i> <span class="i-name">icon-hammer</span><span class="i-code">0xe8f5</span></div>
|
||||
<div title="Code: 0xe86c" class="the-icons span3"><i class="icon-clock"></i> <span class="i-name">icon-clock</span><span class="i-code">0xe86c</span></div>
|
||||
<div title="Code: 0xe8e2" class="the-icons span3"><i class="icon-truck"></i> <span class="i-name">icon-truck</span><span class="i-code">0xe8e2</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div title="Code: 0xe8e2" class="the-icons span3"><i class="icon-truck"></i> <span class="i-name">icon-truck</span><span class="i-code">0xe8e2</span></div>
|
||||
<div title="Code: 0xe86e" class="the-icons span3"><i class="icon-block"></i> <span class="i-name">icon-block</span><span class="i-code">0xe86e</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Binary file not shown.
@ -63,6 +63,7 @@
|
||||
<glyph glyph-name="resize-horizontal" unicode="" d="M1000 350q0-15-11-25l-143-143q-11-11-25-11t-25 11-11 25l0 71-571 0 0-71q0-15-11-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 143q11 11 25 11t25-11 11-25l0-71 571 0 0 71q0 15 11 25t25 11 25-11l143-143q11-11 11-25z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="eject" unicode="" d="M8 304l396 396q11 11 25 11t25-11l396-396q11-11 7-18t-18-7l-821 0q-15 0-18 7t7 18z m814-311l-786 0q-15 0-25 11t-11 25l0 143q0 15 11 25t25 11l786 0q15 0 25-11t11-25l0-143q0-15-11-25t-25-11z" horiz-adv-x="858.259" />
|
||||
<glyph glyph-name="trash" unicode="" d="M0 633l0 141 289 0 0 76 246 0 0-76 289 0 0-141-824 0z m43-783l0 676 738 0 0-676-738 0z" horiz-adv-x="824" />
|
||||
<glyph glyph-name="folder" unicode="" d="M0-52l0 715 139 0 68 90 217 0 68-90 508 0 0-715-1000 0z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="star-half" unicode="" d="M464 832l0-747-251-132q-12-7-22-7-12 0-18 8t-6 20q0 3 1 11l48 279-203 198q-14 15-14 27 0 21 31 26l280 41 126 254q11 23 27 23z" horiz-adv-x="500" />
|
||||
<glyph glyph-name="ok-circled2" unicode="" d="M653 396l-235-235q-11-11-25-11t-25 11l-164 164q-11 11-11 25t11 25l57 57q11 11 25 11t25-11l82-82 153 153q11 11 25 11t25-11l57-57q11-11 11-25t-11-25z m79-46q0 83-41 152t-110 110-152 41-152-41-110-110-41-152 41-152 110-110 152-41 152 41 110 110 41 152z m125 0q0-117-57-215t-156-156-215-57-215 57-156 156-57 215 57 215 156 156 215 57 215-57 156-156 57-215z" horiz-adv-x="857.143" />
|
||||
<glyph glyph-name="cancel-circled2" unicode="" d="M612 248l-81-81q-6-6-13-6t-13 6l-76 76-76-76q-6-6-13-6t-13 6l-81 81q-6 6-6 13t6 13l76 76-76 76q-6 6-6 13t6 13l81 81q6 6 13 6t13-6l76-76 76 76q6 6 13 6t13-6l81-81q6-6 6-13t-6-13l-76-76 76-76q6-6 6-13t-6-13z m120 102q0 83-41 152t-110 110-152 41-152-41-110-110-41-152 41-152 110-110 152-41 152 41 110 110 41 152z m125 0q0-117-57-215t-156-156-215-57-215 57-156 156-57 215 57 215 156 156 215 57 215-57 156-156 57-215z" horiz-adv-x="857.143" />
|
||||
@ -118,6 +119,7 @@
|
||||
<glyph glyph-name="barcode" unicode="" d="M35-7l-35 0 0 786 35 0 0-786z m35 1l-18 0 0 785 18 0 0-785z m52 0l-17 0 0 785 17 0 0-785z m88 0l-17 0 0 785 17 0 0-785z m88 0l-35 0 0 785 35 0 0-785z m70 0l-17 0 0 785 17 0 0-785z m35 0l-17 0 0 785 17 0 0-785z m35 0l-17 0 0 785 17 0 0-785z m88 0l-35 0 0 785 35 0 0-785z m88 0l-35 0 0 785 35 0 0-785z m70 0l-35 0 0 785 35 0 0-785z m70 0l-35 0 0 785 35 0 0-785z m52 0l-35 0 0 785 35 0 0-785z m105 0l-52 0 0 785 52 0 0-785z m35 0l-18 0 0 785 18 0 0-785z m52-1l-35 0 0 786 35 0 0-786z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="ajust" unicode="" d="M429 46l0 607q-83 0-152-41t-110-110-41-152 41-152 110-110 152-41z m429 304q0-117-57-215t-156-156-215-57-215 57-156 156-57 215 57 215 156 156 215 57 215-57 156-156 57-215z" horiz-adv-x="857.143" />
|
||||
<glyph glyph-name="tint" unicode="" d="M286 207q0 20-11 39-1 1-9 13t-14 21-14 25-12 28q-2 9-12 9t-12-9q-4-13-12-28t-14-25-14-21-9-13q-11-18-11-39 0-30 21-50t50-21 50 21 21 50z m286 71q0-118-84-202t-202-84-202 84-84 202q0 81 45 153 3 5 35 50t56 84 56 99 46 112q5 17 19 26t28 9 29-9 19-26q16-52 46-112t56-99 56-84 35-50q45-71 45-153z" horiz-adv-x="571.429" />
|
||||
<glyph glyph-name="layers" unicode="" d="M18 183l446-112 447 112 0-112-447-111-446 111 0 112z m0 223l446-112 447 112 0-112-447-111-446 111 0 112z m0 223l446 112 447-112 0-111-447-112-446 112 0 111z" horiz-adv-x="928" />
|
||||
<glyph glyph-name="magnet" unicode="" d="M857 386l0-71q0-112-55-202t-153-140-221-50-221 50-153 140-55 202l0 71q0 15 11 25t25 11l214 0q15 0 25-11t11-25l0-71q0-29 13-50t30-32 40-17 36-7 25-1 25 1 36 7 40 17 30 32 13 50l0 71q0 15 11 25t25 11l214 0q15 0 25-11t11-25z m-571 357l0-214q0-15-11-25t-25-11l-214 0q-15 0-25 11t-11 25l0 214q0 15 11 25t25 11l214 0q15 0 25-11t11-25z m571 0l0-214q0-15-11-25t-25-11l-214 0q-15 0-25 11t-11 25l0 214q0 15 11 25t25 11l214 0q15 0 25-11t11-25z" horiz-adv-x="857.143" />
|
||||
<glyph glyph-name="move" unicode="" d="M1000 350q0-15-11-25l-143-143q-11-11-25-11t-25 11-11 25l0 71-214 0 0-214 71 0q15 0 25-11t11-25-11-25l-143-143q-11-11-25-11t-25 11l-143 143q-11 11-11 25t11 25 25 11l71 0 0 214-214 0 0-71q0-15-11-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 143q11 11 25 11t25-11 11-25l0-71 214 0 0 214-71 0q-15 0-25 11t-11 25 11 25l143 143q11 11 25 11t25-11l143-143q11-11 11-25t-11-25-25-11l-71 0 0-214 214 0 0 71q0 15 11 25t25 11 25-11l143-143q11-11 11-25z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="link" unicode="" d="M8 96q-17 66 0 132t67 115l131 131q49 49 115 67t132 0 115-67q20-20 20-50t-20-50-50-20-50 20q-34 34-82 34t-81-34l-131-131q-33-34-33-82t33-82q34-33 81-33t81 33l27 27q78-38 164-35l-91-91q-49-49-115-67t-132 0-115 67-67 115z m291 179q0 29 21 50 20 20 50 20t50-20q33-34 81-34t82 34l131 131q34 34 34 82t-34 81q-33 34-81 34t-82-34l-27-26q-77 37-163 35l91 91q49 49 115 66t132 0 115-66q49-49 67-115t0-132-67-115l-131-131q-49-49-115-67t-132 0-114 67q-21 20-21 50z" horiz-adv-x="887.207" />
|
||||
@ -293,7 +295,6 @@
|
||||
<glyph glyph-name="credit-card" unicode="" d="M982 779q37 0 63-26t26-63l0-679q0-37-26-63t-63-26l-893 0q-37 0-63 26t-26 63l0 679q0 37 26 63t63 26l893 0z m-893-71q-7 0-13-5t-5-13l0-125 929 0 0 125q0 7-5 13t-13 5l-893 0z m893-714q7 0 13 5t5 13l0 339-929 0 0-339q0-7 5-13t13-5l893 0z m-839 71l0 71 143 0 0-71-143 0z m214 0l0 71 214 0 0-71-214 0z" horiz-adv-x="1071.429" />
|
||||
<glyph glyph-name="briefcase" unicode="" d="M357 707l286 0 0 71-286 0 0-71z m643-357l0-268q0-37-26-63t-63-26l-821 0q-37 0-63 26t-26 63l0 268 375 0 0-89q0-15 11-25t25-11l179 0q15 0 25 11t11 25l0 89 375 0z m-429 0l0-71-143 0 0 71 143 0z m429 268l0-214-1000 0 0 214q0 37 26 63t63 26l196 0 0 89q0 22 16 38t38 16l321 0q22 0 38-16t16-38l0-89 196 0q37 0 63-26t26-63z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="floppy" unicode="" d="M214-7l429 0 0 214-429 0 0-214z m500 0l71 0 0 500q0 8-6 21t-11 19l-157 157q-6 6-19 11t-22 6l0-232q0-22-16-38t-38-16l-321 0q-22 0-38 16t-16 38l0 232-71 0 0-714 71 0 0 232q0 22 16 38t38 16l464 0q22 0 38-16t16-38l0-232z m-214 518l0 179q0 7-5 13t-13 5l-107 0q-7 0-13-5t-5-13l0-179q0-7 5-13t13-5l107 0q7 0 13 5t5 13z m357-18l0-518q0-22-16-38t-38-16l-750 0q-22 0-38 16t-16 38l0 750q0 22 16 38t38 16l518 0q22 0 49-11t42-27l156-156q16-16 27-42t11-49z" horiz-adv-x="857.143" />
|
||||
<glyph glyph-name="folder" unicode="" d="M929 511l0-393q0-51-37-88t-88-37l-679 0q-51 0-88 37t-37 88l0 536q0 51 37 88t88 37l179 0q51 0 88-37t37-88l0-18 375 0q51 0 88-37t37-88z" horiz-adv-x="928.571" />
|
||||
<glyph glyph-name="folder-open" unicode="" d="M1313 632l-1235 0q9 48 27 67 16 17 31 17l4 0q4-1 8-1 12 0 26 4 18 6 25 29l24 72q77 29 208 29 89 0 164-29l25-72q24-23 33-26t44-3l485 0q84 0 110-22 12-11 22-65z m78-164l0-10-68-523q-5-35-34-61t-65-26l-1058 0q-36 0-66 26t-34 61l-67 523q-1 3-1 10 0 33 23 55t56 22l1235 0q33 0 56-22t23-55z" horiz-adv-x="1391" />
|
||||
<glyph glyph-name="doc" unicode="" d="M71-7l571 0 0 429-232 0q-22 0-38 16t-16 38l0 232-286 0 0-714z m357 500l210 0q-6 16-12 23l-175 175q-7 7-23 12l0-210z m286-18l0-500q0-22-16-38t-38-16l-607 0q-22 0-38 16t-16 38l0 750q0 22 16 38t38 16l357 0q22 0 49-11t42-27l174-174q16-16 27-42t11-49z" horiz-adv-x="714.286" />
|
||||
<glyph glyph-name="calendar" unicode="" d="M71-79l161 0 0 161-161 0 0-161z m196 0l179 0 0 161-179 0 0-161z m-196 196l161 0 0 179-161 0 0-179z m196 0l179 0 0 179-179 0 0-179z m-196 214l161 0 0 161-161 0 0-161z m411-411l179 0 0 161-179 0 0-161z m-214 411l179 0 0 161-179 0 0-161z m429-411l161 0 0 161-161 0 0-161z m-214 196l179 0 0 179-179 0 0-179z m-196 482l0 161q0 7-5 13t-13 5l-36 0q-7 0-13-5t-5-13l0-161q0-7 5-13t13-5l36 0q7 0 13 5t5 13z m411-482l161 0 0 179-161 0 0-179z m-214 214l179 0 0 161-179 0 0-161z m214 0l161 0 0 161-161 0 0-161z m18 268l0 161q0 7-5 13t-13 5l-36 0q-7 0-13-5t-5-13l0-161q0-7 5-13t13-5l36 0q7 0 13 5t5 13z m214 36l0-714q0-29-21-50t-50-21l-786 0q-29 0-50 21t-21 50l0 714q0 29 21 50t50 21l71 0 0 54q0 37 26 63t63 26l36 0q37 0 63-26t26-63l0-54 214 0 0 54q0 37 26 63t63 26l36 0q37 0 63-26t26-63l0-54 71 0q29 0 50-21t21-50z" horiz-adv-x="928.571" />
|
||||
|
||||
|
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 144 KiB |
Binary file not shown.
Binary file not shown.
@ -7,6 +7,7 @@
|
||||
@menu-panel-width: 280px;
|
||||
@document-panel-width: 330px;
|
||||
@panel-bg: @bg-navbar-hover;
|
||||
@folder-color: #555;
|
||||
@transparent: fade(#000, 0%);
|
||||
|
||||
/* Bootstrap */
|
||||
@ -15,6 +16,8 @@
|
||||
@dropdown-border: #ddd;
|
||||
@pre-border-color: #ddd;
|
||||
@navbar-bg: #ddd;
|
||||
@nav-disabled-link-color: #ccc;
|
||||
@nav-disabled-link-hover-color: #bbb;
|
||||
@dropdown-link-hover-bg: #888;
|
||||
@dropdown-link-active-color: #fff;
|
||||
@list-group-border: @transparent;
|
||||
@ -35,6 +38,7 @@
|
||||
@modal-header-border-color: #e8e8e8;
|
||||
@modal-content-border-color: #e8e8e8;
|
||||
@modal-footer-border-color: #e8e8e8;
|
||||
@modal-content-separator-color: #eee;
|
||||
|
||||
|
||||
body {
|
||||
@ -73,6 +77,9 @@ body {
|
||||
color: @btn-default-color;
|
||||
border-radius: 0;
|
||||
}
|
||||
&.active:hover {
|
||||
background-color: @list-group-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -286,9 +293,6 @@ body {
|
||||
margin-right: 5px;
|
||||
color: inherit;
|
||||
}
|
||||
.input-group {
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -343,6 +347,27 @@ body {
|
||||
}
|
||||
.panel-content {
|
||||
border-left: 5px solid @preview-bg-light;
|
||||
.icon-layers {
|
||||
font-size: 135%;
|
||||
}
|
||||
.input-group {
|
||||
background-color: @list-group-bg;
|
||||
padding: 15px 5px 15px 20px;
|
||||
}
|
||||
}
|
||||
.list-group-item {
|
||||
margin: 0;
|
||||
}
|
||||
.folder {
|
||||
font-weight: bold;
|
||||
color: @folder-color;
|
||||
font-size: 15px;
|
||||
border-bottom-color: @modal-content-separator-color;
|
||||
}
|
||||
.list-group .nav {
|
||||
border: 0;
|
||||
margin: 0 20px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -358,6 +383,61 @@ body {
|
||||
}
|
||||
|
||||
|
||||
/**************************
|
||||
* Document manager
|
||||
**************************/
|
||||
|
||||
.modal-document-manager {
|
||||
.nav-pills {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.list-group .nav {
|
||||
margin-left: 40px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.list-group-item {
|
||||
padding: 3px;
|
||||
margin: 0;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.btn {
|
||||
float: right;
|
||||
i {
|
||||
margin: 0;
|
||||
font-size: 105%;
|
||||
&.icon-pencil {
|
||||
font-size: 115%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.folder {
|
||||
font-weight: bold;
|
||||
color: @folder-color;
|
||||
font-size: 15px;
|
||||
border-bottom-color: @modal-content-separator-color;
|
||||
}
|
||||
.checkbox {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
input {
|
||||
cursor: pointer;
|
||||
margin: 0 16px;
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
.input-rename {
|
||||
width: 220px;
|
||||
}
|
||||
.name, .file-count {
|
||||
padding: 9px 20px 9px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/********************
|
||||
* Extensions buttons
|
||||
********************/
|
||||
@ -454,52 +534,6 @@ body {
|
||||
}
|
||||
|
||||
|
||||
/**************************
|
||||
* Document manager
|
||||
**************************/
|
||||
|
||||
.modal-document-manager {
|
||||
.list-group-item {
|
||||
padding: 0;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.folder {
|
||||
font-weight: bold;
|
||||
}
|
||||
.file{
|
||||
&:nth-child(odd) {
|
||||
background-color: fade(#000, 3%);
|
||||
}
|
||||
}
|
||||
.checkbox {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
input {
|
||||
cursor: pointer;
|
||||
margin: 0 20px;
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
.input-rename {
|
||||
width: 300px;
|
||||
}
|
||||
.name, .file-count {
|
||||
padding: 9px 25px 9px 15px;
|
||||
}
|
||||
.button-rename {
|
||||
float: right;
|
||||
i {
|
||||
font-size: 115%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**************************
|
||||
* Settings dialog
|
||||
**************************/
|
||||
@ -786,8 +820,7 @@ div.dropdown-menu textarea {
|
||||
line-height: 14px;
|
||||
vertical-align: middle;
|
||||
background-repeat: no-repeat;
|
||||
&.icon-white,
|
||||
.dropdown-menu > li:hover > a > & {
|
||||
&.icon-white {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user