| [ Index ] |
PHP Cross Reference of vtigercrm-6.1.0 |
[Summary view] [Print] [Text view]
1 {*<!-- 2 /********************************************************************************* 3 ** The contents of this file are subject to the vtiger CRM Public License Version 1.0 4 * ("License"); You may not use this file except in compliance with the License 5 * The Original Code is: vtiger CRM Open Source 6 * The Initial Developer of the Original Code is vtiger. 7 * Portions created by vtiger are Copyright (C) vtiger. 8 * All Rights Reserved. 9 * 10 ********************************************************************************/ 11 -->*} 12 {strip} 13 <html lang="en"> 14 15 <head> 16 <title>Vtiger CRM Setup</title> 17 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 18 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 19 <link REL="SHORTCUT ICON" HREF="layouts/vlayout/skins/images/favicon.ico"> 20 <link rel="stylesheet" href="libraries/bootstrap/css/bootstrap.css" type="text/css" media="screen" /> 21 <link rel="stylesheet" href="libraries/bootstrap/css/bootstrap-responsive.css" type="text/css" media="screen"> 22 <style type="text/css"> 23 {literal} 24 body{ 25 font-family: "Lucida Grande", Tahoma, Verdana; 26 background: #F4FAFC; 27 color : #555; 28 font-size: 13px; 29 min-height: 98%; 30 } 31 p{ 32 font-family: "Lucida Grande", Tahoma,Verdana; 33 font-size: 14px; 34 } 35 .offset2{ 36 position: relative; 37 left: 17% !important; 38 } 39 div{ 40 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 41 -moz-box-sizing: border-box; /* Firefox, other Gecko */ 42 box-sizing: border-box; /* Opera/IE 8+ */ 43 } 44 hr{ 45 border: 1px solid #bbb; 46 border-bottom-color: #eee; 47 border-right: 0; 48 border-left: 0; 49 margin-top: 13px; 50 } 51 .page-container{ 52 width:70%; 53 margin: 10px auto; 54 min-width: 1100px; 55 } 56 .main-container{ 57 background: #fff; 58 border: 1px solid #ddd; 59 border-radius: 3px; 60 box-shadow: 0 0 5px #ccc; 61 min-height: 375px; 62 *padding: 0 15px; 63 } 64 .logo{ 65 padding: 15px 0 ; 66 } 67 68 .inner-container{ 69 padding: 15px 2%; 70 *padding: 15px 0 0; 71 } 72 73 .group-container{ 74 background: #eee; 75 border: 1px solid #ddd; 76 border-radius: 3px; 77 margin-bottom: 25px; 78 padding: 15px; 79 position: relative; 80 height: 215px !important; 81 *margin: 0px !important; 82 *padding: 5px 0; 83 } 84 .selectedContainer{ 85 background: #D9E9EE; 86 } 87 .unSelectedContainer{ 88 background: #eee; 89 } 90 91 .group-container > .row-fluid > .span9{ 92 min-height: 162px; 93 } 94 .group-heading input{ 95 display: inline-block; 96 float: left; 97 } 98 .group-heading h4{ 99 color: #2c69a7; 100 text-shadow: 0px 0px 1px #BBB; 101 display: inline-block; 102 font-size: 16px; 103 vertical-align: bottom; 104 margin-left: 10px\9; 105 margin-top: 8px\9; 106 } 107 .group-heading .basicChkbox{ 108 float:right; 109 width:24px; 110 height:24px; 111 background: url("layouts/vlayout/skins/images/check_radio_sprite.png") no-repeat 0 0; 112 opacity: 0.65; 113 } 114 .group-desc{ 115 padding-bottom:9px; 116 min-height: 130px; 117 } 118 .module_list{ 119 background: #146bae; 120 border-radius: 3px 0; 121 right:0; 122 bottom: 0; 123 position: absolute; 124 color: #fff; 125 font-weight: bold; 126 padding: 3px 10px; 127 text-shadow: 0 0 1px #000; 128 z-index: 605; 129 } 130 .module_list a{ 131 cursor: pointer; 132 text-decoration: none; 133 color: #fff; 134 } 135 .reveal_modules{ 136 position: absolute; 137 height:0; 138 width: 0; 139 z-index: 600; 140 background: #000; 141 opacity: 0; 142 top: 100%; 143 left:100%; 144 bottom: 0; 145 right:0; 146 color: #fff; 147 visibility: hidden; 148 border-radius: 3px; 149 } 150 /** temporary**/ 151 .reveal_modules > div{ 152 padding: 15px 20px; 153 } 154 /****/ 155 .group-container p{ 156 display: inline-block; 157 } 158 .reveal_modules > div p{ 159 margin: 0 30px 3px 0; 160 vertical-align: top; 161 display: inline-block; 162 } 163 .button-container a{ 164 text-decoration: none; 165 } 166 .button-container{ 167 float: right; 168 } 169 .button-container .btn{ 170 margin-left: 15px; 171 min-width: 100px; 172 font-weight: bold; 173 } 174 /* hide the checkboxes and radios */ 175 input[type="checkbox"],input[type="radio"] 176 { 177 opacity: 0; 178 position: absolute; 179 height: 24px; 180 width: 24px; 181 margin:0; 182 margin-top: 2px\9; 183 } 184 label{ 185 display: inline-block; 186 } 187 /* Inline div for placeholder to the checkbox*/ 188 .chkbox, .radiobtn { 189 display: inline; 190 margin-right: 20px\9; 191 } 192 /* Fix for IE */ 193 :root .chkbox, :root .radiobtn { 194 margin-right: 0px\9; 195 } 196 /* we use generated content to create a placeholder for the checkbox*/ 197 input[type="checkbox"] + div::before, 198 input[type="radio"] + div::before 199 { 200 content: ""; 201 display: inline-block; 202 width: 24px; 203 height: 24px; 204 margin-right: 6px; 205 background: url("layouts/vlayout/skins/images/check_radio_sprite.png") no-repeat 0 -24px; 206 vertical-align: middle; 207 } 208 /* hover checkbox (unselected state only) */ 209 input[type="checkbox"]:not(:checked):hover + div::before 210 { 211 background-position: 0 -96px; 212 } 213 /* selected checkbox */ 214 input[type="checkbox"]:checked + div::before 215 { 216 background-position: 0 0; 217 } 218 {/literal} 219 </style> 220 </head> 221 222 <body> 223 <script type="text/javascript" src="libraries/jquery/jquery.min.js"></script> 224 <script> 225 {literal} 226 jQuery(document).ready(function() { 227 var timeout; 228 jQuery('.module_list').mouseenter(function(e) { 229 thisDiv = jQuery(this); 230 timeout = window.setTimeout(function() { 231 hoverHeight = thisDiv.parent(".group-container").height() + 30; 232 hoverWidth = thisDiv.parent(".group-container").width() + 30; 233 thisDiv.siblings('div.reveal_modules').css({'visibility': 'visible', opacity: '0.9'}); 234 thisDiv.siblings('div.reveal_modules').stop(true, true).animate({left: '0', top: '0', height: hoverHeight, width: hoverWidth}, 300, function() { 235 jQuery(this).css({'z-index': 610}); 236 }); 237 }, 250); 238 }).parent('div.group-container').mouseleave(function(e) { 239 jQuery(this).children('div.reveal_modules').stop(true, true).animate({left: '100%', top: '100%', height: 0, width: 0, opacity: 0}, 200, function() { 240 jQuery(this).css({'z-index': 600, 'visibility': 'hidden'}); 241 }); 242 timeout = window.clearTimeout(timeout); 243 }); 244 jQuery(".selectAll").click(function() { 245 if (jQuery(this).is(':checked')) { 246 jQuery("input[type='checkbox']").attr('checked', true); 247 jQuery('.group-container').not(jQuery('.js-basePack')).removeClass('unSelectedContainer').addClass('selectedContainer'); 248 249 } else { 250 jQuery("input[type='checkbox']").attr('checked', false); 251 jQuery('.group-container').not(jQuery('.js-basePack')).removeClass('selectedContainer').addClass('unSelectedContainer'); 252 } 253 }); 254 jQuery("input[type='checkbox']").not(jQuery('.selectAll')).click(function() { 255 if (jQuery(this).is(':checked')) { 256 jQuery(this).closest('.group-container').removeClass('unSelectedContainer').addClass('selectedContainer'); 257 } else { 258 jQuery(this).closest('.group-container').removeClass('selectedContainer').addClass('unSelectedContainer'); 259 jQuery(".selectAll").attr('checked', false); 260 } 261 if (jQuery("input[type='checkbox']:checked").size() === jQuery("input[type='checkbox']").size()-1){ 262 jQuery(".selectAll").attr('checked', true); 263 } 264 }); 265 }); 266 {/literal} 267 </script> 268 <div class="container-fluid page-container"> 269 <div class="row-fluid"> 270 <div class="span6"> 271 <div class="logo"> 272 <img src="test/logo/vtiger-crm-logo.png" alt="Vtiger Logo"/> 273 </div> 274 </div> 275 <div class="span6"></div> 276 </div> 277 <div class="row-fluid main-container"> 278 <div class="span12 inner-container"> 279 <div class="row-fluid"> 280 <div class="span8"> 281 <h3 style="display: inline-block;float:left;"> What would you like to use Vtiger CRM for? </h3> 282 <p style="display: inline-block;float:left;margin-top:4px;"> (Select features you want to enable)</p> 283 </div> 284 <div class="span4"> 285 <div class="pull-right"><label for="checkbox-1" style="vertical-align:bottom;margin:0;margin-top:8px\9;margin-left:10px\9;font-size:15px;"><strong> Select All</strong></label> <input type="checkbox" name="selectAll" class="selectAll"/><div class="chkbox"></div></div> 286 </div> 287 </div> 288 <hr> 289 <form id="SystemSetup" class="form" method="POST" action="index.php?module=Users&action=SystemSetupSave"> 290 {assign var=COUNTER value=0} 291 {foreach from=$PACKAGES_LIST key=PACKAGE_NAME item=PACKAGE_INFO} 292 {if $COUNTER eq 0 || $COUNTER mod 2 eq 1} 293 <div class="row-fluid"> 294 {/if} 295 <div class="group-container {if $COUNTER eq 0} span12 selectedContainer js-basePack {else} span6 {/if}"> 296 <div class="module_list"><a> View Modules </a></div> 297 <div class="row-fluid"> 298 <div class="{if $COUNTER eq 0} span2 {else} span3 {/if}"> 299 <img src="layouts/vlayout/skins/images/{$PACKAGE_INFO.imageName}" alt="Vtiger Logo"/> 300 </div> 301 <div class="{if $COUNTER eq 0} span10 {else} span9 {/if}"> 302 <div class="group-heading"> 303 304 <h4>{$PACKAGE_INFO.label}</h4> 305 {if $COUNTER neq 0} 306 <div class="pull-right"> 307 <input type="checkbox" name="packages[{$PACKAGE_NAME}]"/><div class="chkbox"></div> 308 </div> 309 {else} 310 <div class="basicChkbox"></div> 311 {/if} 312 </div> 313 <div class="group-desc"> 314 <br> 315 <p>{$PACKAGE_INFO.description}</p> 316 </div> 317 </div> 318 </div> 319 {if $COUNTER eq 0} 320 <div class="row-fluid"> 321 <div class="offset2 span10"> 322 <input type="hidden" name="packages[{$PACKAGE_NAME}]" value="on"/> 323 <strong> This feature will be installed by default </strong></label> 324 </div> 325 </div> 326 {/if} 327 <div class="reveal_modules"> 328 <div> 329 {* Vtranslate did not supported here *} 330 <strong>These Modules will be enabled for this feature</strong><hr> 331 <div> 332 {assign var=ITEMCOUNTER value=0} 333 {foreach from=$PACKAGE_INFO.modules item=MODULE_NAME} 334 <p style="width:25%">{$MODULE_NAME}</p> 335 {assign var=ITEMCOUNTER value=$ITEMCOUNTER+1} 336 {if $ITEMCOUNTER eq 3} 337 <br> 338 {assign var=ITEMCOUNTER value=0} 339 {/if} 340 {/foreach} 341 </div> 342 </div> 343 </div> 344 </div> 345 {assign var=COUNTER value=$COUNTER+1} 346 {if $COUNTER eq 0 || $COUNTER mod 2 eq 1} 347 </div> 348 {/if} 349 {/foreach} 350 <div class="row-fluid"> 351 <div class="span12"> 352 </div> 353 </div> 354 <div class="row-fluid"> 355 <div class="span9"> 356 <strong>Note: </strong> You can Enable/Disable modules from module manager later 357 </div> 358 <div class="span3"> 359 <div class="button-container"> 360 <button type="submit" class="btn btn-large btn-primary next" value="Next"> Next </button> 361 </div> 362 </div> 363 </div> 364 </form> 365 </div> 366 </div> 367 </div> 368 </body> 369 </html> 370 {/strip}
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Fri Nov 28 20:08:37 2014 | Cross-referenced by PHPXref 0.7.1 |