|
|
|
|
@ -8,10 +8,10 @@ body * {-webkit-user-select: none;font-size: 100%;line-height: 1.6;margin: 0px;} |
|
|
|
|
.add {position: absolute;right:10px;top:10px;width: 24px;height: 24px;background: url(%IMG_PLUS%); cursor: pointer;} |
|
|
|
|
|
|
|
|
|
#quickdial {margin: auto;text-align: center;} |
|
|
|
|
#quickdial div.entry {position: relative;width: %SD-SIZE%px;float: left;border-width: 10px; |
|
|
|
|
#quickdial div.entry {position: relative; float: left;border-width: 10px; |
|
|
|
|
-webkit-border-image: url(%BOX-BORDER%) 10;margin: 5px;} |
|
|
|
|
#quickdial img {display: block;margin: auto;} |
|
|
|
|
#quickdial img[src*=".png"] {width: %SD-SIZE%px;height: auto;} |
|
|
|
|
#quickdial img[src*=".png"] {height: auto;} |
|
|
|
|
#quickdial a {position: absolute;left: 0px;top: 0px;width: 100%;height: 87%;} |
|
|
|
|
|
|
|
|
|
div.entry:hover .edit, div.entry:hover .close, div.entry:hover .reload{display: inline;} |
|
|
|
|
@ -34,7 +34,7 @@ span.reload:hover {border-color: grey; border-radius: 4px;} |
|
|
|
|
.formTable input[type="text"] {width: 100%;-webkit-user-select: auto;} |
|
|
|
|
|
|
|
|
|
.sett {position: absolute;right:36px;top:10px;width: 24px;height: 24px;background: url(%IMG_SETTINGS%); cursor: pointer;} |
|
|
|
|
#settingsBox {position: absolute;right:58px;top:25px;width: 250px;height: auto;background: #eeeeee;margin: 5px;-webkit-box-shadow: 0 0 6px 6px#888;box-shadow: 0 0 6px 6px #888;border-radius: 15px;padding: 8px 15px;border: 1px solid transparent;opacity: 1;z-index:200} |
|
|
|
|
#settingsBox {position: absolute;right:58px;top:25px;width: 250px;height: auto;background: #eeeeee;margin: 5px;border-radius: 15px;padding: 8px 15px;border: 1px solid transparent;opacity: 1;z-index:200} |
|
|
|
|
#settingsBox .content {float:right;} |
|
|
|
|
#settingsBox .thumbhold {margin: 2px;padding: 1px;border-radius: 10px;text-align:center;width: 100px; height: 100px;background: #AAA;} |
|
|
|
|
#settingsBox .thumbhold p {margin: 0;padding: 0;background: #eeeeee url(%IMG_BACKGROUND%) no-repeat center center;background-size: %B_SIZE%;width: 98px;height:98px;border-radius: 10px;position: relative;left: 1px;top: 1px;} |
|
|
|
|
@ -60,10 +60,7 @@ var TITLE_REMOVE = '%TITLE-REMOVE%'; |
|
|
|
|
var TITLE_RELOAD = '%TITLE-RELOAD%'; |
|
|
|
|
var TITLE_FETCHTITLE = '%TITLE-FETCHTITLE%'; |
|
|
|
|
var MAX_PAGES_ROW = %ROW-PAGES%; |
|
|
|
|
|
|
|
|
|
$(document).ready(function () { |
|
|
|
|
$('head').append('<style type="text/css" media="screen">#quickdial div.entry {height: ' + Math.round(%SD-SIZE% / 1.54) + 'px;}</style>'); |
|
|
|
|
}); |
|
|
|
|
var DIAL_WIDTH = %SD-SIZE%; |
|
|
|
|
|
|
|
|
|
var editingId = -1; |
|
|
|
|
|
|
|
|
|
@ -276,10 +273,14 @@ function removeBox(id) { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function alignPage() { |
|
|
|
|
$('#quickdial img[src*=".png"]').css('width', DIAL_WIDTH); |
|
|
|
|
$('#quickdial div.entry').css({'width' : DIAL_WIDTH + 'px', |
|
|
|
|
'height' : Math.round(DIAL_WIDTH / 1.54) + 'px'}); |
|
|
|
|
|
|
|
|
|
var width = $(window).width(); |
|
|
|
|
var height = $(window).height(); |
|
|
|
|
var boxWidth = Math.floor(%SD-SIZE% + 30); |
|
|
|
|
var boxHeight = Math.floor(Math.round(%SD-SIZE% / 1.54) + 40); |
|
|
|
|
var boxWidth = Math.floor(DIAL_WIDTH + 30); |
|
|
|
|
var boxHeight = Math.floor(Math.round(DIAL_WIDTH / 1.54) + 40); |
|
|
|
|
|
|
|
|
|
var maxBoxes = Math.floor(width / boxWidth); |
|
|
|
|
if (maxBoxes > MAX_PAGES_ROW) maxBoxes = MAX_PAGES_ROW; |
|
|
|
|
@ -291,7 +292,9 @@ function alignPage() { |
|
|
|
|
var boxesCount = $("#quickdial").children("div").size(); |
|
|
|
|
var rows = Math.ceil(boxesCount / maxBoxes); |
|
|
|
|
var margintop = (height - rows * boxHeight) / 2; |
|
|
|
|
|
|
|
|
|
if (margintop < 0) margintop = 0; |
|
|
|
|
|
|
|
|
|
$("#quickdial").css('margin-top', margintop + 'px'); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -303,22 +306,15 @@ function bgImageSel() { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function saveSettings() { |
|
|
|
|
<<<<<<< HEAD |
|
|
|
|
var BgImg = document.getElementById('BgImgHold').value; |
|
|
|
|
var BgImgSz = document.getElementById('BgImgSelSiz').value; |
|
|
|
|
MAX_PAGES_ROW = document.getElementById('PgInRow').value; |
|
|
|
|
speeddial.setBackgroundImage(BgImg); |
|
|
|
|
speeddial.setBackgroundImageSize(BgImgSz); |
|
|
|
|
speeddial.setPagesInRow(MAX_PAGES_ROW); |
|
|
|
|
MAX_PAGES_ROW = $('#PgInRow').val(); |
|
|
|
|
DIAL_WIDTH = parseInt($('#SdSize').val()); |
|
|
|
|
|
|
|
|
|
document.getElementById('settingsBox').style.display = 'none'; |
|
|
|
|
alignPage(); |
|
|
|
|
======= |
|
|
|
|
speeddial.setBackgroundImage($('#BgImgHold').val()); |
|
|
|
|
speeddial.setBackgroundImageSize($('#BgImgSelSiz').val()); |
|
|
|
|
speeddial.setPagesInRow($('#PgInRow').val()); |
|
|
|
|
speeddial.setSdSize($('#SdSize').val()); |
|
|
|
|
>>>>>>> 5a9e3ba389b76c5e8b0477483f6298ff5dd53ddc |
|
|
|
|
speeddial.setPagesInRow(MAX_PAGES_ROW); |
|
|
|
|
speeddial.setSdSize(DIAL_WIDTH); |
|
|
|
|
|
|
|
|
|
alignPage(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function bgImgToggle() { |
|
|
|
|
@ -339,7 +335,7 @@ function sdSizeToggle() { |
|
|
|
|
var SdSizeSl = document.getElementById('sliderValueSd'); |
|
|
|
|
SdSize.disabled = (check.checked ? false : true); |
|
|
|
|
SdSize.value = (check.checked ? SdSize.value : 231); |
|
|
|
|
SdSizeSl.innerHTML = (check.checked ? %SD-SIZE% : 231); |
|
|
|
|
SdSizeSl.innerHTML = (check.checked ? DIAL_WIDTH : 231); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function bgImgUpdate() { |
|
|
|
|
@ -356,7 +352,7 @@ function bgImgUpdate() { |
|
|
|
|
$(document).ready(function () { |
|
|
|
|
$('#BgImgSelSiz').val('%B_SIZE%').attr('selected','selected'); |
|
|
|
|
var bgImg = '%IMG_BACKGROUND%'; |
|
|
|
|
var sdSize = '%SD-SIZE%'; |
|
|
|
|
var sdSize = 'DIAL_WIDTH'; |
|
|
|
|
bgImg == '' ? $('#BgImgToggle').prop('checked', false) : $('#BgImgToggle').prop('checked', true) |
|
|
|
|
sdSize == '231' ? $('#SdSizeToggle').prop('checked', false) : $('#SdSizeToggle').prop('checked', true) |
|
|
|
|
$('#BgImgToggle').is(':checked') ? $('#BgImgSel').removeAttr('disabled') : $('#BgImgSel').attr('disabled', 'disabled'); |
|
|
|
|
@ -424,35 +420,11 @@ $("#quickdial").sortable({ |
|
|
|
|
</select> |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
<input class="button" type="button" value="%APPLY%" onClick="saveSettings();$('#fadeOverlay2').fadeOut('slow', function(){window.location.reload();});" /> |
|
|
|
|
<input class="button" type="button" value="%APPLY%" onClick="saveSettings();$('#fadeOverlay2').fadeOut('slow');" /> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="thumbhold"><p id="thumb"></p></div> |
|
|
|
|
</div> |
|
|
|
|
<<<<<<< HEAD |
|
|
|
|
<div class="title"><input type="checkbox" name="sdbackimg" id="BgImgToggle" onchange="bgImgToggle();bgImgUpdate()" /> <label for="BgImgToggle">%TXT_NOTE%</label></div> |
|
|
|
|
<div class="content"> |
|
|
|
|
<p> |
|
|
|
|
<input id="BgImgSel" type="button" class="button" value="%TXT_SELECTIMAGE%" onclick="bgImageSel();bgImgUpdate()" /> |
|
|
|
|
<input id="BgImgHold" type="hidden" value="%IMG_BACKGROUND%" /> |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
<label for="BgImgSelSiz">%TXT_PLACEMENT%</label><br /> |
|
|
|
|
<select id="BgImgSelSiz" name="imgselsize" onchange="bgImgUpdate()"> |
|
|
|
|
<option value="auto">%TXT_AUTO%</option> |
|
|
|
|
<option value="cover">%TXT_COVER%</option> |
|
|
|
|
<option value="contain">%TXT_FIT%</option> |
|
|
|
|
<option value="100% auto">%TXT_FWIDTH%</option> |
|
|
|
|
<option value="auto 100%">%TXT_FHEIGHT%</option> |
|
|
|
|
</select> |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
<input class="button" type="button" value="%APPLY%" onClick="saveSettings();" /> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="thumbhold"><p id="thumb" ></p></div> |
|
|
|
|
======= |
|
|
|
|
>>>>>>> 5a9e3ba389b76c5e8b0477483f6298ff5dd53ddc |
|
|
|
|
</div> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|
|
nowrep
14 years ago