diff --git a/wise-webapp/src/main/webapp/css/mindmapList.less b/wise-webapp/src/main/webapp/css/mindmapList.less index be5b8118..6199b5ca 100644 --- a/wise-webapp/src/main/webapp/css/mindmapList.less +++ b/wise-webapp/src/main/webapp/css/mindmapList.less @@ -362,3 +362,29 @@ abbr[title] { padding: 8px 15px; white-space: nowrap; } + +#iconGroup > div > button { + background: #eee; + border: 1px solid #ccc !important; +} + +.bs-glyphicons { + width: 800%; +} + +.bs-glyphicons > ul { + padding-left: 10px; + overflow-x: hidden; +} + +.bs-glyphicons > ul > li { + float: left; + width: 12%; + height: 25%; + padding: 10px; + font-size: 10px; + line-height: 1.4; + text-align: center; + border: 1px solid #fff; + background-color: #f9f9f9; +} diff --git a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp index 2f5566cb..dd556d75 100644 --- a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp +++ b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp @@ -346,6 +346,179 @@ <span class="input-group-addon colorInput"><i></i></span> </div> </div> + <div id="iconGroup" class="form-group"> + <label class="col-md-3 control-label" for="defaultIcon"><spring:message code="ICON"/>:</label> + <div class="col-md-1"> + <button type="button" id="defaultIcon" class="btn dropdown-toggle" data-toggle="dropdown"> + <i class="glyphicon glyphicon-tag"></i> + </button> + + <div class="dropdown-menu bs-glyphicons"> + <ul class="bs-glyphicons-list"> + <li class="glyphicon glyphicon-asterisk"></li> + <li class="glyphicon glyphicon-plus"></li> + <li class="glyphicon glyphicon-euro"></li> + <li class="glyphicon glyphicon-minus"></li> + <li class="glyphicon glyphicon-cloud"></li> + <li class="glyphicon glyphicon-envelope"></li> + <li class="glyphicon glyphicon-pencil"></li> + <li class="glyphicon glyphicon-glass"></li> + <li class="glyphicon glyphicon-music"></li> + <li class="glyphicon glyphicon-search"></li> + <li class="glyphicon glyphicon-heart"></li> + <li class="glyphicon glyphicon-star"></li> + <li class="glyphicon glyphicon-star-empty"></li> + <li class="glyphicon glyphicon-user"></li> + <li class="glyphicon glyphicon-film"></li> + <li class="glyphicon glyphicon-ok"></li> + <li class="glyphicon glyphicon-remove"></li> + <li class="glyphicon glyphicon-zoom-in"></li> + <li class="glyphicon glyphicon-zoom-out"></li> + <li class="glyphicon glyphicon-off"></li> + <li class="glyphicon glyphicon-signal"></li> + <li class="glyphicon glyphicon-cog"></li> + <li class="glyphicon glyphicon-trash"></li> + <li class="glyphicon glyphicon-home"></li> + <li class="glyphicon glyphicon-file"></li> + <li class="glyphicon glyphicon-time"></li> + <li class="glyphicon glyphicon-road"></li> + <li class="glyphicon glyphicon-download-alt"></li> + <li class="glyphicon glyphicon-download"></li> + <li class="glyphicon glyphicon-upload"></li> + <li class="glyphicon glyphicon-inbox"></li> + <li class="glyphicon glyphicon-play-circle"></li> + <li class="glyphicon glyphicon-repeat"></li> + <li class="glyphicon glyphicon-refresh"></li> + <li class="glyphicon glyphicon-list-alt"></li> + <li class="glyphicon glyphicon-lock"></li> + <li class="glyphicon glyphicon-flag"></li> + <li class="glyphicon glyphicon-headphones"></li> + <li class="glyphicon glyphicon-volume-off"></li> + <li class="glyphicon glyphicon-volume-down"></li> + <li class="glyphicon glyphicon-volume-up"></li> + <li class="glyphicon glyphicon-qrcode"></li> + <li class="glyphicon glyphicon-barcode"></li> + <li class="glyphicon glyphicon-tag"></li> + <li class="glyphicon glyphicon-tags"></li> + <li class="glyphicon glyphicon-book"></li> + <li class="glyphicon glyphicon-bookmark"></li> + <li class="glyphicon glyphicon-print"></li> + <li class="glyphicon glyphicon-camera"></li> + <li class="glyphicon glyphicon-font"></li> + <li class="glyphicon glyphicon-bold"></li> + <li class="glyphicon glyphicon-italic"></li> + <li class="glyphicon glyphicon-text-height"></li> + <li class="glyphicon glyphicon-text-width"></li> + <li class="glyphicon glyphicon-list"></li> + <li class="glyphicon glyphicon-indent-left"></li> + <li class="glyphicon glyphicon-indent-right"></li> + <li class="glyphicon glyphicon-facetime-video"></li> + <li class="glyphicon glyphicon-picture"></li> + <li class="glyphicon glyphicon-map-marker"></li> + <li class="glyphicon glyphicon-adjust"></li> + <li class="glyphicon glyphicon-tint"></li> + <li class="glyphicon glyphicon-edit"></li> + <li class="glyphicon glyphicon-share"></li> + <li class="glyphicon glyphicon-check"></li> + <li class="glyphicon glyphicon-move"></li> + <li class="glyphicon glyphicon-chevron-left"></li> + <li class="glyphicon glyphicon-chevron-right"></li> + <li class="glyphicon glyphicon-plus-sign"></li> + <li class="glyphicon glyphicon-minus-sign"></li> + <li class="glyphicon glyphicon-remove-sign"></li> + <li class="glyphicon glyphicon-ok-sign"></li> + <li class="glyphicon glyphicon-question-sign"></li> + <li class="glyphicon glyphicon-info-sign"></li> + <li class="glyphicon glyphicon-screenshot"></li> + <li class="glyphicon glyphicon-remove-circle"></li> + <li class="glyphicon glyphicon-ok-circle"></li> + <li class="glyphicon glyphicon-ban-circle"></li> + <li class="glyphicon glyphicon-arrow-left"></li> + <li class="glyphicon glyphicon-arrow-right"></li> + <li class="glyphicon glyphicon-arrow-up"></li> + <li class="glyphicon glyphicon-arrow-down"></li> + <li class="glyphicon glyphicon-share-alt"></li> + <li class="glyphicon glyphicon-resize-full"></li> + <li class="glyphicon glyphicon-resize-small"></li> + <li class="glyphicon glyphicon-exclamation-sign"></li> + <li class="glyphicon glyphicon-gift"></li> + <li class="glyphicon glyphicon-leaf"></li> + <li class="glyphicon glyphicon-fire"></li> + <li class="glyphicon glyphicon-eye-open"></li> + <li class="glyphicon glyphicon-eye-close"></li> + <li class="glyphicon glyphicon-warning-sign"></li> + <li class="glyphicon glyphicon-plane"></li> + <li class="glyphicon glyphicon-calendar"></li> + <li class="glyphicon glyphicon-random"></li> + <li class="glyphicon glyphicon-comment"></li> + <li class="glyphicon glyphicon-magnet"></li> + <li class="glyphicon glyphicon-chevron-up"></li> + <li class="glyphicon glyphicon-chevron-down"></li> + <li class="glyphicon glyphicon-retweet"></li> + <li class="glyphicon glyphicon-shopping-cart"></li> + <li class="glyphicon glyphicon-folder-close"></li> + <li class="glyphicon glyphicon-folder-open"></li> + <li class="glyphicon glyphicon-resize-vertical"></li> + <li class="glyphicon glyphicon-resize-horizontal"></li> + <li class="glyphicon glyphicon-hdd"></li> + <li class="glyphicon glyphicon-bullhorn"></li> + <li class="glyphicon glyphicon-bell"></li> + <li class="glyphicon glyphicon-certificate"></li> + <li class="glyphicon glyphicon-thumbs-up"></li> + <li class="glyphicon glyphicon-thumbs-down"></li> + <li class="glyphicon glyphicon-hand-right"></li> + <li class="glyphicon glyphicon-hand-left"></li> + <li class="glyphicon glyphicon-hand-up"></li> + <li class="glyphicon glyphicon-hand-down"></li> + <li class="glyphicon glyphicon-circle-arrow-right"></li> + <li class="glyphicon glyphicon-circle-arrow-left"></li> + <li class="glyphicon glyphicon-circle-arrow-up"></li> + <li class="glyphicon glyphicon-circle-arrow-down"></li> + <li class="glyphicon glyphicon-globe"></li> + <li class="glyphicon glyphicon-wrench"></li> + <li class="glyphicon glyphicon-tasks"></li> + <li class="glyphicon glyphicon-filter"></li> + <li class="glyphicon glyphicon-briefcase"></li> + <li class="glyphicon glyphicon-fullscreen"></li> + <li class="glyphicon glyphicon-dashboard"></li> + <li class="glyphicon glyphicon-paperclip"></li> + <li class="glyphicon glyphicon-heart-empty"></li> + <li class="glyphicon glyphicon-link"></li> + <li class="glyphicon glyphicon-phone"></li> + <li class="glyphicon glyphicon-pushpin"></li> + <li class="glyphicon glyphicon-usd"></li> + <li class="glyphicon glyphicon-gbp"></li> + <li class="glyphicon glyphicon-sort"></li> + <li class="glyphicon glyphicon-unchecked"></li> + <li class="glyphicon glyphicon-expand"></li> + <li class="glyphicon glyphicon-collapse-down"></li> + <li class="glyphicon glyphicon-collapse-up"></li> + <li class="glyphicon glyphicon-log-in"></li> + <li class="glyphicon glyphicon-flash"></li> + <li class="glyphicon glyphicon-log-out"></li> + <li class="glyphicon glyphicon-new-window"></li> + <li class="glyphicon glyphicon-record"></li> + <li class="glyphicon glyphicon-saved"></li> + <li class="glyphicon glyphicon-send"></li> + <li class="glyphicon glyphicon-floppy-disk"></li> + <li class="glyphicon glyphicon-transfer"></li> + <li class="glyphicon glyphicon-cutlery"></li> + <li class="glyphicon glyphicon-header"></li> + <li class="glyphicon glyphicon-compressed"></li> + <li class="glyphicon glyphicon-earphone"></li> + <li class="glyphicon glyphicon-phone-alt"></li> + <li class="glyphicon glyphicon-tower"></li> + <li class="glyphicon glyphicon-stats"></li> + <li class="glyphicon glyphicon-copyright-mark"></li> + <li class="glyphicon glyphicon-registration-mark"></li> + <li class="glyphicon glyphicon-cloud-download"></li> + <li class="glyphicon glyphicon-cloud-upload"></li> + <li class="glyphicon glyphicon-tree-conifer"></li> + <li class="glyphicon glyphicon-tree-deciduous"></li> + </ul> + </div> + </div> + </div> </fieldset> </form> </div>