first commit
This commit is contained in:
alazhar
@ -0,0 +1,352 @@
|
||||
/* --------------------------------------------------
|
||||
:: Screen Meta & Menu Icon
|
||||
---------------------------------------------------*/
|
||||
.appearance_page_ot-theme-options #screen-meta { margin-right: 20px; margin-left: 2px; min-width: 533px; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Messages
|
||||
---------------------------------------------------*/
|
||||
.wrap.settings-wrap div.error,
|
||||
.wrap.settings-wrap div.updated { margin: 9px 5px 0px 2px !important; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree Wrappers
|
||||
---------------------------------------------------*/
|
||||
#option-tree-settings-api .metabox-holder { overflow: hidden; }
|
||||
#option-tree-settings-api .postbox { background: #fff; border: none; margin: 0 20px; }
|
||||
#option-tree-settings-api .inside { margin: 0px !important; padding: 0px !important; }
|
||||
#option-tree-settings-api .ui-tabs { background: #fff url(../images/ot-menu-bg.png) repeat-y 0 0; border: 1px solid #ccc; border-top: none; margin: 0px 5px 0 2px; min-width: 533px; padding-bottom: 5px; position: relative; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.05); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Header
|
||||
---------------------------------------------------*/
|
||||
#option-tree-header-wrap { position: relative; }
|
||||
#option-tree-header { background: #464646; color: #ccc; display: block; margin: 11px 5px 0 2px; min-width: 535px; overflow: hidden; position: relative; background-image:-webkit-linear-gradient(bottom, #373737, #464646 5px); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.05); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
|
||||
#option-tree-header li { display: block; float: left; margin: 0px; padding: 0px; }
|
||||
#option-tree-header li a { color: #ccc; text-decoration: none; }
|
||||
#option-tree-header li a:hover { color: #fafafa; }
|
||||
#option-tree-header #option-tree-logo a { background: transparent url(../images/ot-logo.png) no-repeat 13px center; border-right: 1px solid #333; display: block; float: left; height: 24px; line-height: 24px; padding: 3px 12px 3px 13px; text-indent: -9999px; width: 24px; }
|
||||
#option-tree-header li#option-tree-logo:hover { color: #fafafa; background-color: #3a3a3a; background-image: -ms-linear-gradient(bottom,#3a3a3a,#222); background-image: -moz-linear-gradient(bottom,#3a3a3a,#222); background-image: -o-linear-gradient(bottom,#3a3a3a,#222); background-image: -webkit-gradient(linear,left bottom,left top,from(#3a3a3a),to(#222)); background-image: -webkit-linear-gradient(bottom,#3a3a3a,#222); background-image: linear-gradient(bottom,#3a3a3a,#222);-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; }
|
||||
|
||||
#option-tree-header #option-tree-version { }
|
||||
#option-tree-header #option-tree-version span { border-left: 1px solid #555; display: block; float: left; height: 24px; line-height: 24px; padding: 3px 12px 3px 12px; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Sub Header
|
||||
---------------------------------------------------*/
|
||||
#option-tree-sub-header { background: #fafafa url(../images/ot-sub-header-bg.png) repeat-x 0 0; border: 1px solid #ccc; border-top: none; display: block; margin: 0 5px 0 2px; min-width: 523px; overflow: hidden; padding: 5px; position: relative; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.05); }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Tabs
|
||||
---------------------------------------------------*/
|
||||
.wrap.settings-wrap .ui-tabs-nav { background: url(../images/ot-menu-top-bg.png) no-repeat right top; float: left; list-style: none; margin: 0 0 0 -4px; padding: 1em 0; width: 151px; }
|
||||
.wrap.settings-wrap .ui-tabs-nav li { border: 1px solid transparent; border-right-width: 0px; display: block; margin: 0; }
|
||||
.wrap.settings-wrap .ui-tabs-nav li.ui-state-active { background: #fff; border-color: #ccc; color: #000; }
|
||||
.wrap.settings-wrap .ui-tabs-nav li a { color: #21759b; display: block; line-height: 18px; padding: 5px 5px 5px 12px; text-decoration: none; }
|
||||
.wrap.settings-wrap .ui-tabs-nav li a:hover,
|
||||
.wrap.settings-wrap .ui-tabs-nav li.ui-state-active a { color: #000; }
|
||||
.wrap.settings-wrap .ui-tabs-panel { clear: both; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Format Settings
|
||||
---------------------------------------------------*/
|
||||
.format-settings { padding: 10px 0 20px 0; position: relative; width: 100%; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Format Setting Label
|
||||
---------------------------------------------------*/
|
||||
.format-setting-label { border-bottom: 1px dashed #ddd; margin: 0 0 14px 0; padding: 5px 0px 1px 0px; width: 100%; }
|
||||
|
||||
#option-tree-settings-api .description h3,
|
||||
#option-tree-settings-api .format-setting-label .label,
|
||||
.metabox-holder .format-setting-label .label { background: none; border: none; color: #333; cursor: text; display: block; font-family: sans-serif !important; font-size: 1.2em !important; font-weight: bold !important; letter-spacing: 0; padding: 0 0 9px 0 !important; -webkit-user-select: text; text-shadow: none; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Format Setting
|
||||
---------------------------------------------------*/
|
||||
.format-setting { overflow: hidden; position: relative; width: 100%; }
|
||||
.format-setting .format-setting-inner { float: left; position: relative; width: 63%; }
|
||||
|
||||
.format-setting.no-desc .format-setting-inner,
|
||||
.format-setting.wide-desc .format-setting-inner,
|
||||
.option-tree-list-item .format-setting-inner { width: 100%; }
|
||||
.format-setting .description { float: right; padding: 5px 0; width: 35%; }
|
||||
|
||||
.format-setting.no-desc .description,
|
||||
.format-setting.wide-desc .description,
|
||||
.option-tree-list-item .description { float: none; width: 100%; }
|
||||
|
||||
.list-item-description { padding-top: 10px; }
|
||||
#option-tree-settings-api h4 { color: #333; font-size: 1.12em; font-weight: bold; margin: 1em 0 0.5em 0; padding: 0; }
|
||||
#option-tree-settings-api h5 { color: #444; font-size: 1em; font-weight: bold; margin: 1em 0 0.5em 0; padding: 0; }
|
||||
#option-tree-settings-api p { margin: 0 0 1.5em 0 !important; }
|
||||
#post .format-setting-inner p { float: left; width: 100%; margin: 0 0 1.05em 0 !important; }
|
||||
.aside { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; }
|
||||
.deprecated { border-bottom: 1px solid #eee; color: #b94029; padding-bottom: 15px; margin-bottom: 15px; }
|
||||
.warning { color: #b94029; }
|
||||
.docs-ul { line-height: 1.3em; margin: 0; padding: 0 0 1em 0; }
|
||||
.docs-ul li { list-style-type: square; margin-left: 20px; }
|
||||
#contextual-help-setting { float: left; padding: 10px 0 5px 0; width: 100%; }
|
||||
#contextual-help-label { float: left; padding-top: 20px; width: 100%; }
|
||||
#option_tree_settings_help { float: left; width: 100%; }
|
||||
#option-tree-settings-api blockquote { font-style: italic; padding-left: 15px; position: relative; }
|
||||
#option-tree-settings-api blockquote:before { color: #ccc; content: "\201C"; display: block; font-size: 400%; font-style: normal; left: -10px; position: absolute; top: 10px; }
|
||||
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
.format-setting .description,
|
||||
.format-setting .format-setting-inner { width: 100%; }
|
||||
.format-setting .description { padding-top: 0px; }
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Code formatting
|
||||
---------------------------------------------------*/
|
||||
#option-tree-settings-api code { background-color: #f1f1f1; color: #000; }
|
||||
#option-tree-settings-api pre { font-size: 13px; padding: 0; margin: 1.5em 0; line-height: 18px; overflow: auto; overflow-Y: hidden; padding-top: 18px; background: #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; color: #000; white-space:pre-wrap; word-wrap:break-word; }
|
||||
#option-tree-settings-api pre code { padding: 0 18px 18px 18px; display: block; background: url(../images/ot-pre-bg.gif) repeat left top; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Input & Upload
|
||||
---------------------------------------------------*/
|
||||
input.option-tree-ui-upload-input,
|
||||
input.option-tree-ui-input { background: #fff; border: 1px solid #ccc !important; line-height: 17px; font-size: 12px; margin-bottom: 5px; padding: 7px 6px; position: relative; width: 100%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); }
|
||||
|
||||
input:focus.option-tree-ui-upload-input,
|
||||
input:focus.option-tree-ui-input { border-color: #bbb !important; }
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
.option-tree-ui-input,
|
||||
.option-tree-ui-upload-input { padding: 5px 6px !important; }
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Upload
|
||||
---------------------------------------------------*/
|
||||
div.option-tree-ui-media-wrap { margin: 5px 63px 0 0; min-height: 35px; position: relative; }
|
||||
.option-tree-ui-media-wrap img { background: #fafafa; border: 1px solid #ccc; padding: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; float: left; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
|
||||
.option-tree-ui-upload-parent { width: auto !important; margin-right: 53px; padding: 0px; position: relative; }
|
||||
.format-setting .ot_upload_media { top: 0px; margin: 0px !important; position: absolute; right: -53px; }
|
||||
.option-tree-ui-media-wrap a.option-tree-ui-remove-media { float: none !important; margin: 0px !important; position: absolute !important; right: -63px; top: 1px; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Textarea
|
||||
---------------------------------------------------*/
|
||||
.fill-area .description,
|
||||
.fill-area .format-setting-inner { width: 100% !important; }
|
||||
|
||||
.wp-editor-area { display: block;}
|
||||
.textarea,
|
||||
.ot-metabox-wrapper textarea { width: 99.9%; border: 1px solid #ccc; font-family: Consolas, Monaco, monospace; line-height: 150%; outline: 0; padding: 10px; resize: vertical; }
|
||||
.ot-metabox-wrapper .wp-editor-container { border: none; }
|
||||
.ot-metabox-wrapper textarea:focus { border-color: #bbb !important; }
|
||||
|
||||
@media only screen and (max-width: 1105px) { .type-textarea .description, .type-textarea .format-setting-inner { width: 100%; } }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Setting Item with Drag & Drop
|
||||
---------------------------------------------------*/
|
||||
.option-tree-setting-wrap { margin-top: 0px; }
|
||||
.option-tree-setting-wrap li { margin: 4px 0px; }
|
||||
.option-tree-setting { border: 1px solid #ccc; cursor: move; overflow: hidden; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
|
||||
.ui-state-disabled .option-tree-setting { cursor: default; }
|
||||
.option-tree-setting a { text-decoration: none; }
|
||||
.option-tree-setting .open { background: #fafafa; line-height: 21px; height: 21px; padding: 10px 100px 10px 10px; display: block; }
|
||||
.option-tree-setting .open:hover { background: #fafafa url(../images/ot-dots.png) no-repeat 4px 15px; }
|
||||
|
||||
.button-section { position: absolute; right: 0px; top: 1px; }
|
||||
|
||||
.option-tree-setting.is-section .open { background: #e9f2fb; }
|
||||
.option-tree-setting.is-section .open:hover { background: #e9f2fb url(../images/ot-dots.png) no-repeat 4px 15px; }
|
||||
|
||||
.format-setting .ui-sortable-helper
|
||||
.option-tree-setting .open { background: #fff url(../images/ot-dots.png) no-repeat 4px 15px; }
|
||||
|
||||
.ui-state-highlight { border: 1px dashed #ccc; line-height: 21px; height: 21px; padding: 10px 0px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||||
|
||||
.option-tree-setting-body { background: #fff; border-top: 1px solid #ccc; display: none; padding: 10px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
|
||||
|
||||
li ul .format-settings { padding: 0 0 10px 0; }
|
||||
li ul .format-setting-label { border: none; padding: 0px; margin: 0px; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Layouts
|
||||
---------------------------------------------------*/
|
||||
#option_tree_layouts { display: none; padding-top: 12px; }
|
||||
#option-tree-options-layouts-form { left: 13px; position: absolute; top: 40px; z-index: 100; }
|
||||
.option-tree-save-layout { width: 250px; overflow: hidden; }
|
||||
.option-tree-save-layout .widefat { float: left; width: 128px !important; }
|
||||
.option-tree-save-layout button { margin: 0 0 0 10px; }
|
||||
.option-tree-active-layout { }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Select
|
||||
---------------------------------------------------*/
|
||||
.select-group { margin-right: 53px; overflow: hidden; width: auto; }
|
||||
.select-wrapper { background: #fff url(../images/ot-select.png) no-repeat right center; border: 1px solid #ccc; display: block; float: left; font-size: 12px; height: 27px; margin: 0 5px 5px 0; width: auto; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); }
|
||||
.select-wrapper:hover { background-image: url(../images/ot-select-hover.png); border-color: #bbb; }
|
||||
select.option-tree-ui-select { cursor: pointer; filter: alpha(opacity: 0); font-size: 14px; height: 29px; margin: 0; -moz-opacity: 0; opacity: 0; padding: 0 !important; position: relative; width: inherit; z-index: 4; min-width: 118px; }
|
||||
select.option-tree-ui-select option { padding: 3px 15px !important; }
|
||||
.select-wrapper span { height: 27px; line-height: 27px; padding-left: 7px; position: absolute; z-index: 2; }
|
||||
|
||||
#option-tree-options-layouts-form .select-wrapper { left: 244px; position: absolute; top: 0; float: none; }
|
||||
|
||||
.type-measurement select.option-tree-ui-select { min-width: 68px !important; }
|
||||
.type-measurement .select-wrapper { position: absolute; right: 0px; top: 0px; }
|
||||
|
||||
/* FireFox */
|
||||
@-moz-document url-prefix() {
|
||||
#option-tree-options-layouts-form .select-wrapper { left: 250px; }
|
||||
}
|
||||
|
||||
/* Webkit */
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
.select-wrapper span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Opera 11 */
|
||||
@media not screen and (1) {
|
||||
.select-wrapper {
|
||||
height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Measurement
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-measurement-input-wrap { margin-right: 80px; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Checkbox & Radio
|
||||
---------------------------------------------------*/
|
||||
.format-setting.type-checkbox input,
|
||||
.format-setting.type-radio input { float: left; margin: 2px 5px 0 1px; }
|
||||
.format-setting.type-checkbox label,
|
||||
.format-setting.type-radio label { float: left; max-width: 90%; padding: 0px; }
|
||||
#option-tree-settings-api .format-setting.type-checkbox p,
|
||||
#option-tree-settings-api .format-setting.type-radio p { float: left; margin: 0.5em 0 !important; width: 100%; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Radio Images
|
||||
---------------------------------------------------*/
|
||||
.type-radio-image .option-tree-ui-radio-images { float: left; margin: 0 10px 10px 0px; }
|
||||
.type-radio-image .option-tree-ui-radio-images img { background: #fff; border: 1px solid #ccc; cursor: pointer; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
|
||||
.type-radio-image .option-tree-ui-radio-images img.option-tree-ui-radio-image-selected,
|
||||
.type-radio-image .option-tree-ui-radio-images img:hover { border-color: #464646; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.05); }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Colorpicker
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-colorpicker-input-wrap{ margin-right: 53px; position: relative; width: auto; }
|
||||
.format-settings .cp_box { background: #f1f1f1; border: 1px solid #ccc; bottom: 5px; height: 27px; position: absolute; right: -53px; width: 46px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
|
||||
.colorpicker { width: 342px; height: 170px; overflow: hidden; position: absolute; background: #fafafa url(../images/colorpicker/color_bg.png); font-family: Arial, Helvetica, sans-serif; display: none; border: 1px solid #bbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.05); z-index: 100; }
|
||||
.colorpicker_color { width: 150px; height: 150px; left: 10px; top: 10px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; }
|
||||
.colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../images/colorpicker/color_overlay.png); }
|
||||
.colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/colorpicker/color_select.gif); margin: -5px 0 0 -5px; }
|
||||
.colorpicker_hue { position: absolute; top: 10px; left: 164px; width: 35px; height: 150px; cursor: n-resize; }
|
||||
.colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../images/colorpicker/color_indicator.png) left top; margin: -5px 0 0 0; }
|
||||
.colorpicker_new_color { position: absolute; width: 60px; height: 30px; right: 80px; top: 10px; background: #f00; }
|
||||
.colorpicker_current_color { position: absolute; width: 60px; height: 30px; right: 10px; top: 10px; background: #f00; }
|
||||
.colorpicker input { background-color: transparent !important; border: 1px solid transparent !important; position: absolute !important; font-size: 10px !important; font-family: Arial, Helvetica, sans-serif !important; color: #666 !important; top: 0px !important; right: 12px !important; text-align: right !important; margin: 0 !important; padding: 0 !important; height: 22px !important;line-height: 22px !important; }
|
||||
.colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../images/colorpicker/color_hex.png) top; left: 201px; bottom: 9px; }
|
||||
.colorpicker_hex input { left: 13px; height: 22px; line-height: 22px; padding: 10px; }
|
||||
.colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; }
|
||||
.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; }
|
||||
.colorpicker_rgb_r { background-image: url(../images/colorpicker/color_rgb_r.png); top: 49px; left: 201px; }
|
||||
.colorpicker_rgb_g { background-image: url(../images/colorpicker/color_rgb_g.png); top: 79px; left: 201px; }
|
||||
.colorpicker_rgb_b { background-image: url(../images/colorpicker/color_rgb_b.png); top: 109px; left: 201px; }
|
||||
.colorpicker_hsb_h { background-image: url(../images/colorpicker/color_hsb_h.png); top: 49px; right: 9px; }
|
||||
.colorpicker_hsb_s { background-image: url(../images/colorpicker/color_hsb_s.png); top: 79px; right: 9px }
|
||||
.colorpicker_hsb_b { background-image: url(../images/colorpicker/color_hsb_b.png); top: 109px; right: 9px; }
|
||||
.colorpicker_submit { position: absolute; width: 16px; height: 16px; background: url(../images/colorpicker/color_wheel.png) top; right: 10px; bottom: 10px; overflow: hidden; }
|
||||
.colorpicker_focus { background-position: center; }
|
||||
.colorpicker_hex.colorpicker_focus { background-position: bottom; }
|
||||
.colorpicker_submit.colorpicker_focus { background-position: bottom; }
|
||||
.colorpicker_slider { background-position: bottom; }
|
||||
|
||||
@media not screen and (1) {
|
||||
.format-settings .cp_box { height: 26px; }
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree UI Buttons
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-buttons { background: #fff; border: 1px solid #ccc; margin: 11px 5px 0 2px; min-width: 523px; overflow: hidden; padding: 5px; position: relative; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||||
.option-tree-ui-buttons.alt { background: #f5f5f5; border-color: #dfdfdf;}
|
||||
.option-tree-ui-buttons:before,
|
||||
.option-tree-ui-buttons:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
|
||||
.option-tree-ui-buttons:after { clear: both; }
|
||||
.option-tree-ui-buttons { zoom: 1; }
|
||||
.option-tree-ui-button { background: #f5f5f5; border: 1px solid #ccc; color: #444; cursor: pointer; display: inline-block; float: left; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; margin: 5px; padding: 0px 14px; position: relative; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,0.7); background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); background: linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: border-color .20s; -moz-transition: border-color .20s; -o-transition: border-color .20s; transition: border-color .20s; -webkit-user-select: none; z-index: 1; }
|
||||
button.option-tree-ui-button { height: 29px; line-height: 11px; padding: 7px 14px 9px 14px; }
|
||||
.option-tree-ui-button.right { float: right; }
|
||||
.option-tree-ui-button.hug-left { margin-left: 0px; }
|
||||
.option-tree-ui-button.hug-right { margin-right: 0px; }
|
||||
.option-tree-ui-button.pad { padding: 0px 21px; }
|
||||
.option-tree-ui-button.left-item { margin: 5px 0 5px 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
|
||||
.option-tree-ui-button.center-item { margin: 5px 0 5px -1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
|
||||
.option-tree-ui-button.right-item { margin: 5px 5px 5px -1px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
|
||||
.option-tree-ui-button:hover,
|
||||
.option-tree-ui-button:focus { background: #f8f8f8; border-color: #c6c6c6; color: #333; background: -moz-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); background: linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f1f1f1',GradientType=0 ); box-shadow: 0px 1px 1px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0,0,0, 0.1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0, 0.1); z-index: 2; }
|
||||
.option-tree-ui-button:active { box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.1); z-index: 3; }
|
||||
.option-tree-ui-button.active,
|
||||
.option-tree-ui-button.active:hover,
|
||||
.option-tree-ui-button.active:active { background: #eee; border-color: #c6c6c6; cursor: default; background: -moz-linear-gradient(top, #eee 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #eee 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #eee 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #eee 0%,#e5e5e5 100%); background: linear-gradient(top, #eee 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#e5e5e5',GradientType=0 ); box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0, 0.1); z-index: 3; }
|
||||
.option-tree-ui-button.disabled,
|
||||
.option-tree-ui-button.disabled:hover,
|
||||
.option-tree-ui-button.disabled:active{ background: #f5f5f5; border: 1px solid #dadada; color: #bbb; cursor: default; background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); background: linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
|
||||
.option-tree-ui-button:focus { outline: none; }
|
||||
button.reset-settings { position: relative; top: -45px; left: 8px; }
|
||||
|
||||
|
||||
@media not screen and (1) {
|
||||
.option-tree-ui-button { height: 26px; }
|
||||
button.option-tree-ui-button { height: 28px !important; }
|
||||
}
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree UI Button Colors
|
||||
---------------------------------------------------*/
|
||||
|
||||
/* Blue */
|
||||
.option-tree-ui-button.blue { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); border-color: #0080f0; background: #2c95ff; background: -moz-linear-gradient(top, #2c95ff 0%, #288cef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c95ff), color-stop(100%,#288cef)); background: -webkit-linear-gradient(top, #2c95ff 0%,#288cef 100%); background: -o-linear-gradient(top, #2c95ff 0%,#288cef 100%); background: -ms-linear-gradient(top, #2c95ff 0%,#288cef 100%); background: linear-gradient(top, #2c95ff 0%,#288cef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c95ff', endColorstr='#288cef',GradientType=0 ); }
|
||||
.option-tree-ui-button.blue:hover { border-color: #1260b9; background: #2d95ff; background: -moz-linear-gradient(top, #2d95ff 0%, #0081eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d95ff), color-stop(100%,#0081eb)); background: -webkit-linear-gradient(top, #2d95ff 0%,#0081eb 100%); background: -o-linear-gradient(top, #2d95ff 0%,#0081eb 100%); background: -ms-linear-gradient(top, #2d95ff 0%,#0081eb 100%); background: linear-gradient(top, #2d95ff 0%,#0081eb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d95ff', endColorstr='#0081eb',GradientType=0 ); }
|
||||
.option-tree-ui-button.blue:active { border-color: #0083dd; }
|
||||
|
||||
/* Red */
|
||||
.option-tree-ui-button.red { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); border-color: #d94d30; background: #e55033; background: -moz-linear-gradient(top, #e55033 0%, #d94d30 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e55033), color-stop(100%,#d94d30)); background: -webkit-linear-gradient(top, #e55033 0%,#d94d30 100%); background: -o-linear-gradient(top, #e55033 0%,#d94d30 100%); background: -ms-linear-gradient(top, #e55033 0%,#d94d30 100%); background: linear-gradient(top, #e55033 0%,#d94d30 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55033', endColorstr='#d94d30',GradientType=0 ); }
|
||||
.option-tree-ui-button.red:hover { border-color: #b72f11; background: #e65033; background: -moz-linear-gradient(top, #e65033 0%, #cc3d1f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e65033), color-stop(100%,#cc3d1f)); background: -webkit-linear-gradient(top, #e65033 0%,#cc3d1f 100%); background: -o-linear-gradient(top, #e65033 0%,#cc3d1f 100%); background: -ms-linear-gradient(top, #e65033 0%,#cc3d1f 100%); background: linear-gradient(top, #e65033 0%,#cc3d1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65033', endColorstr='#cc3d1f',GradientType=0 ); }
|
||||
.option-tree-ui-button.red:active { border-color: #ce4925; }
|
||||
|
||||
/* Green */
|
||||
.option-tree-ui-button.green { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); border-color: #29691d; background: #3c9300; background: -moz-linear-gradient(top, #3c9300 0%, #398a00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9300), color-stop(100%,#398a00)); background: -webkit-linear-gradient(top, #3c9300 0%,#398a00 100%); background: -o-linear-gradient(top, #3c9300 0%,#398a00 100%); background: -ms-linear-gradient(top, #3c9300 0%,#398a00 100%); background: linear-gradient(top, #3c9300 0%,#398a00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9300', endColorstr='#398a00',GradientType=0 ); }
|
||||
.option-tree-ui-button.green:hover { border-color: #275400; background: #3c9300; background: -moz-linear-gradient(top, #3c9300 0%, #347d00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9300), color-stop(100%,#347d00)); background: -webkit-linear-gradient(top, #3c9300 0%,#347d00 100%); background: -o-linear-gradient(top, #3c9300 0%,#347d00 100%); background: -ms-linear-gradient(top, #3c9300 0%,#347d00 100%); background: linear-gradient(top, #3c9300 0%,#347d00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9300', endColorstr='#347d00',GradientType=0 ); }
|
||||
.option-tree-ui-button.green:active { border-color: #2b7800; }
|
||||
|
||||
/* Grey */
|
||||
.option-tree-ui-button.grey { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,1); border-color: #333; background: #555; background: -moz-linear-gradient(top, #555 0%, #444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#444)); background: -webkit-linear-gradient(top, #555 0%,#444 100%); background: -o-linear-gradient(top, #555 0%,#444 100%); background: -ms-linear-gradient(top, #555 0%,#444 100%); background: linear-gradient(top, #555 0%,#444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#444',GradientType=0 ); }
|
||||
.option-tree-ui-button.grey:hover { border-color: #222; background: #444; background: -moz-linear-gradient(top, #444 0%, #333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333)); background: -webkit-linear-gradient(top, #444 0%,#333 100%); background: -o-linear-gradient(top, #444 0%,#333 100%); background: -ms-linear-gradient(top, #444 0%,#333 100%); background: linear-gradient(top, #444 0%,#333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#333',GradientType=0 ); }
|
||||
.option-tree-ui-button.grey:active { border-color: #111; }
|
||||
|
||||
/* All Active */
|
||||
.option-tree-ui-button.blue:active,
|
||||
.option-tree-ui-button.red:active,
|
||||
.option-tree-ui-button.green:active,
|
||||
.option-tree-ui-button.grey:active { box-shadow: inset 1px 1px 3px rgba(0,0,0, 0.2); -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0, 0.2); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0, 0.2); }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree UI Button Icons
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-button .icon { background: url(../images/ot-ui-sprite.png) no-repeat; display: inline-block; float: left; height: 18px; margin-top: 4px; opacity: 0.65; overflow: hidden; text-indent: -9999px; width: 18px; }
|
||||
button.option-tree-ui-button .icon { margin-top: -3px; }
|
||||
.option-tree-ui-button.light .icon { background-image: url(../images/ot-ui-light-sprite.png); opacity: 0.9; }
|
||||
.option-tree-ui-button.active .icon,
|
||||
.option-tree-ui-button:hover .icon { opacity: 1; }
|
||||
.option-tree-ui-button .icon.right-label { margin-right: 10px; }
|
||||
.option-tree-ui-button .icon.left-label { margin-left: 10px; float: right; }
|
||||
.option-tree-ui-button .upload { background-position: -0px -0px; }
|
||||
.option-tree-ui-button .trash-can { background-position: -18px -0px; }
|
||||
.option-tree-ui-button .pencil { background-position: -36px -0px; }
|
||||
.option-tree-ui-button .check { background-position: -54px -0px; }
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 348 B |
Binary file not shown.
|
After Width: | Height: | Size: 459 B |
Binary file not shown.
|
After Width: | Height: | Size: 417 B |
Binary file not shown.
|
After Width: | Height: | Size: 481 B |
Binary file not shown.
|
After Width: | Height: | Size: 192 B |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 458 B |
Binary file not shown.
|
After Width: | Height: | Size: 492 B |
Binary file not shown.
|
After Width: | Height: | Size: 473 B |
Binary file not shown.
|
After Width: | Height: | Size: 78 B |
Binary file not shown.
|
After Width: | Height: | Size: 892 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 943 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 931 B |
Binary file not shown.
|
After Width: | Height: | Size: 940 B |
Binary file not shown.
|
After Width: | Height: | Size: 48 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 923 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,462 @@
|
||||
/**
|
||||
* Option Tree UI
|
||||
*
|
||||
* Dependencies: jQuery, jQuery UI, ColorPicker
|
||||
*
|
||||
* @author Derek Herman (derek@valendesigns.com)
|
||||
*/
|
||||
;(function($) {
|
||||
OT_UI = {
|
||||
processing: false,
|
||||
init: function() {
|
||||
this.init_hide_body();
|
||||
this.init_sortable();
|
||||
this.init_add();
|
||||
this.init_edit();
|
||||
this.init_remove();
|
||||
this.init_edit_title()
|
||||
this.init_edit_id();
|
||||
this.init_activate_layout();
|
||||
this.init_upload();
|
||||
this.init_upload_remove();
|
||||
this.init_tabs();
|
||||
this.init_radio_image_select();
|
||||
this.init_select_wrapper();
|
||||
this.fix_upload_parent();
|
||||
this.fix_colorpicker();
|
||||
this.fix_textarea();
|
||||
this.replicate_ajax();
|
||||
this.reset_settings();
|
||||
},
|
||||
init_hide_body: function(elm,type) {
|
||||
var css = '.option-tree-setting-body';
|
||||
if ( type == 'parent' ) {
|
||||
$(css).not( elm.parent().parent().children(css) ).hide();
|
||||
} else if ( type == 'child' ) {
|
||||
elm.closest('ul').find(css).not( elm.parent().parent().children(css) ).hide();
|
||||
} else if ( type == 'child-add' ) {
|
||||
elm.children().find(css).hide();
|
||||
} else if ( type == 'toggle' ) {
|
||||
elm.parent().parent().children(css).toggle();
|
||||
} else {
|
||||
$(css).hide();
|
||||
}
|
||||
},
|
||||
init_remove_active: function(elm,type) {
|
||||
var css = '.option-tree-setting-edit';
|
||||
if ( type == 'parent' ) {
|
||||
$(css).not(elm).removeClass('active');
|
||||
} else if ( type == 'child' ) {
|
||||
elm.closest('ul').find(css).not(elm).removeClass('active');
|
||||
} else if ( type == 'child-add' ) {
|
||||
elm.children().find(css).removeClass('active');
|
||||
} else {
|
||||
$(css).removeClass('active');
|
||||
}
|
||||
},
|
||||
init_sortable: function() {
|
||||
$('.option-tree-sortable').each( function() {
|
||||
if ( $(this).children('li').length ) {
|
||||
var elm = $(this);
|
||||
elm.show();
|
||||
elm.sortable({
|
||||
items: 'li:not(.ui-state-disabled)',
|
||||
placeholder: 'ui-state-highlight',
|
||||
stop: function(evt, ui) {
|
||||
setTimeout(
|
||||
function(){
|
||||
OT_UI.update_ids(elm);
|
||||
},
|
||||
200
|
||||
)
|
||||
}
|
||||
});
|
||||
elm.children('li').disableSelection();
|
||||
elm.find('.option-tree-setting-body').bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e) {
|
||||
e.stopImmediatePropagation();
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
init_add: function() {
|
||||
$('.option-tree-section-add').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
OT_UI.add(this,'section');
|
||||
});
|
||||
$('.option-tree-setting-add').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
OT_UI.add(this,'setting');
|
||||
});
|
||||
$('.option-tree-help-add').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
OT_UI.add(this,'contextual_help');
|
||||
});
|
||||
$('.option-tree-choice-add').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
OT_UI.add(this,'choice');
|
||||
});
|
||||
$('.option-tree-list-item-add').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
OT_UI.add(this,'list_item');
|
||||
});
|
||||
$('.option-tree-list-item-setting-add').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
if ( $(this).parents('ul').parents('ul').hasClass('ui-sortable') ) {
|
||||
alert(option_tree.setting_limit);
|
||||
return false;
|
||||
}
|
||||
OT_UI.add(this,'list_item_setting');
|
||||
});
|
||||
},
|
||||
init_edit: function() {
|
||||
$('.option-tree-setting-edit').live('click', function(e) {
|
||||
e.preventDefault();
|
||||
if ( $(this).parents().hasClass('option-tree-setting-body') ) {
|
||||
OT_UI.init_remove_active($(this),'child');
|
||||
OT_UI.init_hide_body($(this),'child');
|
||||
} else {
|
||||
OT_UI.init_remove_active($(this),'parent');
|
||||
OT_UI.init_hide_body($(this), 'parent');
|
||||
}
|
||||
$(this).toggleClass('active');
|
||||
OT_UI.init_hide_body($(this), 'toggle');
|
||||
});
|
||||
},
|
||||
init_remove: function() {
|
||||
$('.option-tree-setting-remove').live('click', function(event) {
|
||||
event.preventDefault();
|
||||
if ( $(this).parents('li').hasClass('ui-state-disabled') ) {
|
||||
alert(option_tree.remove_no);
|
||||
return false;
|
||||
}
|
||||
var agree = confirm(option_tree.remove_agree);
|
||||
if (agree) {
|
||||
var list = $(this).parents('ul');
|
||||
OT_UI.remove(this);
|
||||
setTimeout( function() {
|
||||
OT_UI.update_ids(list);
|
||||
}, 200 );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
},
|
||||
init_edit_title: function() {
|
||||
$('.option-tree-setting-title').live('keyup', function() {
|
||||
OT_UI.edit_title(this);
|
||||
});
|
||||
},
|
||||
init_edit_id: function() {
|
||||
$('.section-id').live('keyup', function(){
|
||||
OT_UI.update_id(this);
|
||||
});
|
||||
},
|
||||
init_activate_layout: function() {
|
||||
$('.option-tree-layout-activate').live('click', function() {
|
||||
var active = $(this).parents('.option-tree-setting').find('.open').text();
|
||||
$('.option-tree-layout-activate').removeClass('active');
|
||||
$(this).toggleClass('active');
|
||||
$('.active-layout-input').attr({'value':active});
|
||||
});
|
||||
$('#option-tree-options-layouts-form select').live('change', function() {
|
||||
var agree = confirm(option_tree.activate_layout_agree);
|
||||
if (agree) {
|
||||
$('#option-tree-options-layouts-form').submit();
|
||||
} else {
|
||||
var active = $('#the_current_layout').attr('value');
|
||||
$('#option-tree-options-layouts-form select option[value="' + active + '"]').attr({'selected':'selected'});
|
||||
$('#option-tree-options-layouts-form select').prev('span').replaceWith('<span>' + active + '</span>');
|
||||
}
|
||||
});
|
||||
},
|
||||
add: function(elm,type) {
|
||||
var self = this,
|
||||
list = '',
|
||||
list_class = '',
|
||||
name = '',
|
||||
post_id = 0,
|
||||
get_option = '',
|
||||
settings = '';
|
||||
if ( type == 'contextual_help' ) {
|
||||
list = $(elm).parent().find('ul:last');
|
||||
list_class = 'list-contextual-help';
|
||||
} else if ( type == 'choice' ) {
|
||||
list = $(elm).parent().children('ul');
|
||||
list_class = 'list-choice';
|
||||
} else if ( type == 'list_item' ) {
|
||||
list = $(elm).parent().children('ul');
|
||||
list_class = 'list-sub-setting';
|
||||
} else if ( type == 'list_item_setting' ) {
|
||||
list = $(elm).parent().children('ul');
|
||||
list_class = 'list-sub-setting';
|
||||
} else {
|
||||
list = $(elm).parent().find('ul:first');
|
||||
list_class = ( type == 'section' ) ? 'list-section' : 'list-setting';
|
||||
}
|
||||
name = list.data('name');
|
||||
post_id = list.data('id');
|
||||
get_option = list.data('getOption');
|
||||
settings = $('#'+name+'_settings_array').val();
|
||||
if ( this.processing === false ) {
|
||||
this.processing = true;
|
||||
var count = parseInt(list.children('li').length);
|
||||
$.ajax({
|
||||
url: option_tree.ajax,
|
||||
type: 'post',
|
||||
data: {
|
||||
action: 'add_' + type,
|
||||
count: count,
|
||||
name: name,
|
||||
post_id: post_id,
|
||||
get_option: get_option,
|
||||
settings: settings,
|
||||
type: type
|
||||
},
|
||||
complete: function( data ) {
|
||||
if ( type == 'choice' || type == 'list_item_setting' ) {
|
||||
OT_UI.init_remove_active(list,'child-add');
|
||||
OT_UI.init_hide_body(list,'child-add');
|
||||
} else {
|
||||
OT_UI.init_remove_active();
|
||||
OT_UI.init_hide_body();
|
||||
}
|
||||
list.append('<li class="ui-state-default ' + list_class + '">' + data.responseText + '</li>');
|
||||
list.children().last().find('.option-tree-setting-edit').toggleClass('active');
|
||||
list.children().last().find('.option-tree-setting-body').toggle();
|
||||
list.children().last().find('.option-tree-setting-title').focus();
|
||||
if ( type != 'contextual_help' ) {
|
||||
OT_UI.update_ids(list);
|
||||
}
|
||||
setTimeout( function() {
|
||||
OT_UI.init_sortable();
|
||||
OT_UI.init_select_wrapper();
|
||||
}, 500);
|
||||
self.processing = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
remove: function(e) {
|
||||
$(e).parent().parent().parent('li').remove();
|
||||
},
|
||||
edit_title: function(e) {
|
||||
if ( this.timer ) {
|
||||
clearTimeout(e.timer);
|
||||
}
|
||||
this.timer = setTimeout( function() {
|
||||
$(e).parent().parent().parent().parent().parent().children('.open').text(e.value);
|
||||
}, 100);
|
||||
return true;
|
||||
},
|
||||
update_id: function(e) {
|
||||
if ( this.timer ) {
|
||||
clearTimeout(e.timer);
|
||||
}
|
||||
this.timer = setTimeout( function() {
|
||||
OT_UI.update_ids($(e).parents('ul'));
|
||||
}, 100);
|
||||
return true;
|
||||
},
|
||||
update_ids: function(list) {
|
||||
var last_section, section, list_items = list.children('li');
|
||||
list_items.each(function(index) {
|
||||
if ( $(this).hasClass('list-section') ) {
|
||||
section = $(this).find('.section-id').val().trim().toLowerCase().replace(/[^a-z0-9]/gi,'_');
|
||||
if (!section) {
|
||||
section = $(this).find('.section-title').val().trim().toLowerCase().replace(/[^a-z0-9]/gi,'_');
|
||||
}
|
||||
if (!section) {
|
||||
section = last_section;
|
||||
}
|
||||
}
|
||||
if ($(this).hasClass('list-setting') ) {
|
||||
$(this).find('.hidden-section').attr({'value':section});
|
||||
}
|
||||
last_section = section;
|
||||
});
|
||||
},
|
||||
init_upload: function() {
|
||||
$('.ot_upload_media').live('click', function() {
|
||||
var field_id = $(this).parent('.option-tree-ui-upload-parent').find('input').attr('id'),
|
||||
post_id = $(this).attr('rel'),
|
||||
backup = window.send_to_editor,
|
||||
btnContent = '',
|
||||
intval = window.setInterval(function() {
|
||||
if ( $('#TB_iframeContent').attr('src').indexOf( "&field_id=" ) !== -1 ) {
|
||||
$('#TB_iframeContent').contents().find('#tab-type_url').hide();
|
||||
}
|
||||
$('#TB_iframeContent').contents().find('.savesend .button').val(option_tree.upload_text);
|
||||
}, 50);
|
||||
tb_show('', 'media-upload.php?post_id='+post_id+'&field_id='+field_id+'&type=image&TB_iframe=1');
|
||||
window.send_to_editor = function(html) {
|
||||
var href = $(html).attr('href');
|
||||
var image = /\.(?:jpe?g|png|gif|ico)$/i;
|
||||
if (OT_UI.url_exists(href)) {
|
||||
if (href.match(image)) {
|
||||
btnContent += '<div class="option-tree-ui-image-wrap"><img src="'+href+'" alt="" /></div>';
|
||||
}
|
||||
btnContent += '<a href="javascript:(void);" class="option-tree-ui-remove-media option-tree-ui-button" title="'+option_tree.remove_media_text+'"><span class="icon trash-can">'+option_tree.remove_media_text+'</span></a>';
|
||||
}
|
||||
$('#'+field_id).val(href);
|
||||
$('#'+field_id+'_media').remove();
|
||||
$('#'+field_id).parent().parent('div').append('<div class="option-tree-ui-media-wrap" id="'+field_id+'_media" />');
|
||||
$('#'+field_id+'_media').append(btnContent).slideDown();
|
||||
OT_UI.fix_upload_parent();
|
||||
tb_remove();
|
||||
window.clearInterval(intval);
|
||||
window.send_to_editor = backup;
|
||||
};
|
||||
return false;
|
||||
});
|
||||
},
|
||||
init_upload_remove: function() {
|
||||
$('.option-tree-ui-remove-media').live('click', function(event) {
|
||||
event.preventDefault();
|
||||
var agree = confirm(option_tree.remove_agree);
|
||||
if (agree) {
|
||||
OT_UI.remove_image(this);
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
},
|
||||
init_upload_fix: function(elm) {
|
||||
var id = $(elm).attr('id'),
|
||||
val = $(elm).val(),
|
||||
img = $(elm).parent().next('option-tree-ui-media-wrap').find('img'),
|
||||
src = img.attr('src'),
|
||||
btnContent = '';
|
||||
if ( val != src ) {
|
||||
img.attr('src', val);
|
||||
}
|
||||
if ( val !== '' && ( typeof src == 'undefined' || src == false ) && OT_UI.url_exists(val) ) {
|
||||
var image = /\.(?:jpe?g|png|gif|ico)$/i;
|
||||
if (val.match(image)) {
|
||||
btnContent += '<div class="option-tree-ui-image-wrap"><img src="'+val+'" alt="" /></div>';
|
||||
}
|
||||
btnContent += '<a href="javascript:(void);" class="option-tree-ui-remove-media option-tree-ui-button" title="'+option_tree.remove_media_text+'"><span class="icon trash-can">'+option_tree.remove_media_text+'</span></a>';
|
||||
$('#'+id).val(val);
|
||||
$('#'+id+'_media').remove();
|
||||
$('#'+id).parent().parent('div').append('<div class="option-tree-ui-media-wrap" id="'+id+'_media" />');
|
||||
$('#'+id+'_media').append(btnContent).slideDown();
|
||||
} else if ( val == '' || ! OT_UI.url_exists(val) ) {
|
||||
$(elm).parent().next('.option-tree-ui-media-wrap').remove();
|
||||
}
|
||||
},
|
||||
init_tabs: function() {
|
||||
$(".wrap.settings-wrap .ui-tabs").tabs({
|
||||
fx: {
|
||||
opacity: "toggle",
|
||||
duration: "fast"
|
||||
}
|
||||
}).bind("tabsselect", function(event, ui) {
|
||||
$("input[name=\'_wp_http_referer\']").val(ui.tab);
|
||||
});
|
||||
},
|
||||
init_radio_image_select: function() {
|
||||
$('.option-tree-ui-radio-image').live('click', function() {
|
||||
$('.option-tree-ui-radio-image').removeClass('option-tree-ui-radio-image-selected');
|
||||
$(this).toggleClass('option-tree-ui-radio-image-selected');
|
||||
$(this).parent().find('.option-tree-ui-radio').attr('checked', true);
|
||||
});
|
||||
},
|
||||
init_select_wrapper: function() {
|
||||
$('.option-tree-ui-select').each(function () {
|
||||
if ( ! $(this).parent().hasClass('select-wrapper') ) {
|
||||
$(this).wrap('<div class="select-wrapper" />');
|
||||
$(this).parent('.select-wrapper.').prepend('<span>' + $(this).find('option:selected').text() + '</span>');
|
||||
}
|
||||
});
|
||||
$('.option-tree-ui-select').live('change', function () {
|
||||
$(this).prev('span').replaceWith('<span>' + $(this).find('option:selected').text() + '</span>');
|
||||
});
|
||||
$('.option-tree-ui-select').bind($.browser.msie ? 'click' : 'change', function(event) {
|
||||
$(this).prev('span').replaceWith('<span>' + $(this).find('option:selected').text() + '</span>');
|
||||
});
|
||||
},
|
||||
bind_colorpicker: function(field_id) {
|
||||
$('#'+field_id).ColorPicker({
|
||||
onSubmit: function(hsb, hex, rgb) {
|
||||
$('#'+field_id).val('#'+hex);
|
||||
},
|
||||
onBeforeShow: function () {
|
||||
$(this).ColorPickerSetColor(this.value);
|
||||
return false;
|
||||
},
|
||||
onChange: function (hsb, hex, rgb) {
|
||||
var bc = $.inArray(hex, [ 'FFFFFF', 'FFF', 'ffffff', 'fff' ]) != -1 ? 'ccc' : hex;
|
||||
$('#cp_'+field_id).css({'backgroundColor':'#'+hex,'borderColor':'#'+bc});
|
||||
$('#cp_'+field_id).prev('input').attr('value', '#'+hex);
|
||||
}
|
||||
})
|
||||
.bind('keyup', function(){
|
||||
$(this).ColorPickerSetColor(this.value);
|
||||
});
|
||||
},
|
||||
fix_upload_parent: function() {
|
||||
$('.option-tree-ui-upload-input').live('focus blur', function(){
|
||||
$(this).parent('.option-tree-ui-upload-parent').toggleClass('focus');
|
||||
OT_UI.init_upload_fix(this);
|
||||
});
|
||||
},
|
||||
remove_image: function(e) {
|
||||
$(e).parent().parent().find('.option-tree-ui-upload-input').attr('value','');
|
||||
$(e).parent('.option-tree-ui-media-wrap').remove();
|
||||
},
|
||||
fix_colorpicker: function() {
|
||||
$('.cp_input').live('blur', function() {
|
||||
$('.cp_input').each( function(index, el) {
|
||||
var val = $(el).val();
|
||||
var reg = /^[A-Fa-f0-9]{6}$/;
|
||||
if( reg.test(val) && val != '' ) {
|
||||
$(el).attr('value', '#'+val)
|
||||
} else if ( val == '' ) {
|
||||
$(this).next('.cp_box').css({'background':'#f1f1f1','border-color':'#ccc'});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
fix_textarea: function() {
|
||||
$('.wp-editor-area').focus( function(){
|
||||
$(this).parent('div').css({borderColor:'#bbb'});
|
||||
}).blur( function(){
|
||||
$(this).parent('div').css({borderColor:'#ccc'});
|
||||
});
|
||||
},
|
||||
replicate_ajax: function() {
|
||||
if (location.href.indexOf("#") != -1) {
|
||||
var url = $("input[name=\'_wp_http_referer\']").val(),
|
||||
hash = location.href.substr(location.href.indexOf("#"));
|
||||
$("input[name=\'_wp_http_referer\']").val( url + hash );
|
||||
this.scroll_to_top();
|
||||
}
|
||||
setTimeout( function() {
|
||||
$(".wrap.settings-wrap .fade").fadeOut("fast");
|
||||
}, 3000 );
|
||||
},
|
||||
reset_settings: function() {
|
||||
$(".reset-settings").live("click", function(event){
|
||||
var agree = confirm(option_tree.reset_agree);
|
||||
if (agree) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
event.preventDefault();
|
||||
});
|
||||
},
|
||||
url_exists: function(url) {
|
||||
var http = new XMLHttpRequest();
|
||||
http.open('HEAD', url, false);
|
||||
http.send();
|
||||
return http.status!=404;
|
||||
},
|
||||
scroll_to_top: function() {
|
||||
setTimeout( function() {
|
||||
$(this).scrollTop(0);
|
||||
}, 50 );
|
||||
}
|
||||
};
|
||||
$(document).ready( function() {
|
||||
OT_UI.init();
|
||||
});
|
||||
})(jQuery);
|
||||
@ -0,0 +1,453 @@
|
||||
/**
|
||||
* Color picker
|
||||
* Author: Stefan Petre www.eyecon.ro
|
||||
*
|
||||
* Dependencies: jQuery
|
||||
*/
|
||||
(function ($) {
|
||||
var ColorPicker = function () {
|
||||
var
|
||||
ids = {},
|
||||
inAction,
|
||||
charMin = 65,
|
||||
visible,
|
||||
tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
|
||||
defaults = {
|
||||
eventName: 'click',
|
||||
onShow: function () {},
|
||||
onBeforeShow: function(){},
|
||||
onHide: function () {},
|
||||
onChange: function () {},
|
||||
onSubmit: function () {},
|
||||
color: 'ff0000',
|
||||
livePreview: true,
|
||||
flat: false
|
||||
},
|
||||
fillRGBFields = function (hsb, cal) {
|
||||
var rgb = HSBToRGB(hsb);
|
||||
$(cal).data('colorpicker').fields
|
||||
.eq(1).val(rgb.r).end()
|
||||
.eq(2).val(rgb.g).end()
|
||||
.eq(3).val(rgb.b).end();
|
||||
},
|
||||
fillHSBFields = function (hsb, cal) {
|
||||
$(cal).data('colorpicker').fields
|
||||
.eq(4).val(hsb.h).end()
|
||||
.eq(5).val(hsb.s).end()
|
||||
.eq(6).val(hsb.b).end();
|
||||
},
|
||||
fillHexFields = function (hsb, cal) {
|
||||
$(cal).data('colorpicker').fields
|
||||
.eq(0).val(HSBToHex(hsb)).end();
|
||||
},
|
||||
setSelector = function (hsb, cal) {
|
||||
$(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
|
||||
$(cal).data('colorpicker').selectorIndic.css({
|
||||
left: parseInt(150 * hsb.s/100, 10),
|
||||
top: parseInt(150 * (100-hsb.b)/100, 10)
|
||||
});
|
||||
},
|
||||
setHue = function (hsb, cal) {
|
||||
$(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10));
|
||||
},
|
||||
setCurrentColor = function (hsb, cal) {
|
||||
$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
|
||||
},
|
||||
setNewColor = function (hsb, cal) {
|
||||
$(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
|
||||
},
|
||||
keyDown = function (ev) {
|
||||
var pressedKey = ev.charCode || ev.keyCode || -1;
|
||||
if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
|
||||
return false;
|
||||
}
|
||||
var cal = $(this).parent().parent();
|
||||
if (cal.data('colorpicker').livePreview === true) {
|
||||
change.apply(this);
|
||||
}
|
||||
},
|
||||
change = function (ev) {
|
||||
var cal = $(this).parent().parent(), col;
|
||||
if (this.parentNode.className.indexOf('_hex') > 0) {
|
||||
cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
|
||||
} else if (this.parentNode.className.indexOf('_hsb') > 0) {
|
||||
cal.data('colorpicker').color = col = fixHSB({
|
||||
h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
|
||||
s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
|
||||
b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
|
||||
});
|
||||
} else {
|
||||
cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
|
||||
r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
|
||||
g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
|
||||
b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
|
||||
}));
|
||||
}
|
||||
if (ev) {
|
||||
fillRGBFields(col, cal.get(0));
|
||||
fillHexFields(col, cal.get(0));
|
||||
fillHSBFields(col, cal.get(0));
|
||||
}
|
||||
setSelector(col, cal.get(0));
|
||||
setHue(col, cal.get(0));
|
||||
setNewColor(col, cal.get(0));
|
||||
cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
|
||||
},
|
||||
blur = function (ev) {
|
||||
var cal = $(this).parent().parent();
|
||||
cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus')
|
||||
},
|
||||
focus = function () {
|
||||
charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
|
||||
$(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
|
||||
$(this).parent().addClass('colorpicker_focus');
|
||||
},
|
||||
downIncrement = function (ev) {
|
||||
var field = $(this).parent().find('input').focus();
|
||||
var current = {
|
||||
el: $(this).parent().addClass('colorpicker_slider'),
|
||||
max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
|
||||
y: ev.pageY,
|
||||
field: field,
|
||||
val: parseInt(field.val(), 10),
|
||||
preview: $(this).parent().parent().data('colorpicker').livePreview
|
||||
};
|
||||
$(document).bind('mouseup', current, upIncrement);
|
||||
$(document).bind('mousemove', current, moveIncrement);
|
||||
},
|
||||
moveIncrement = function (ev) {
|
||||
ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
|
||||
if (ev.data.preview) {
|
||||
change.apply(ev.data.field.get(0), [true]);
|
||||
}
|
||||
return false;
|
||||
},
|
||||
upIncrement = function (ev) {
|
||||
change.apply(ev.data.field.get(0), [true]);
|
||||
ev.data.el.removeClass('colorpicker_slider').find('input').focus();
|
||||
$(document).unbind('mouseup', upIncrement);
|
||||
$(document).unbind('mousemove', moveIncrement);
|
||||
return false;
|
||||
},
|
||||
downHue = function (ev) {
|
||||
var current = {
|
||||
cal: $(this).parent(),
|
||||
y: $(this).offset().top
|
||||
};
|
||||
current.preview = current.cal.data('colorpicker').livePreview;
|
||||
$(document).bind('mouseup', current, upHue);
|
||||
$(document).bind('mousemove', current, moveHue);
|
||||
},
|
||||
moveHue = function (ev) {
|
||||
change.apply(
|
||||
ev.data.cal.data('colorpicker')
|
||||
.fields
|
||||
.eq(4)
|
||||
.val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
|
||||
.get(0),
|
||||
[ev.data.preview]
|
||||
);
|
||||
return false;
|
||||
},
|
||||
upHue = function (ev) {
|
||||
fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
||||
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
||||
$(document).unbind('mouseup', upHue);
|
||||
$(document).unbind('mousemove', moveHue);
|
||||
return false;
|
||||
},
|
||||
downSelector = function (ev) {
|
||||
var current = {
|
||||
cal: $(this).parent(),
|
||||
pos: $(this).offset()
|
||||
};
|
||||
current.preview = current.cal.data('colorpicker').livePreview;
|
||||
$(document).bind('mouseup', current, upSelector);
|
||||
$(document).bind('mousemove', current, moveSelector);
|
||||
},
|
||||
moveSelector = function (ev) {
|
||||
change.apply(
|
||||
ev.data.cal.data('colorpicker')
|
||||
.fields
|
||||
.eq(6)
|
||||
.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
|
||||
.end()
|
||||
.eq(5)
|
||||
.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
|
||||
.get(0),
|
||||
[ev.data.preview]
|
||||
);
|
||||
return false;
|
||||
},
|
||||
upSelector = function (ev) {
|
||||
fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
||||
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
||||
$(document).unbind('mouseup', upSelector);
|
||||
$(document).unbind('mousemove', moveSelector);
|
||||
return false;
|
||||
},
|
||||
enterSubmit = function (ev) {
|
||||
$(this).addClass('colorpicker_focus');
|
||||
},
|
||||
leaveSubmit = function (ev) {
|
||||
$(this).removeClass('colorpicker_focus');
|
||||
},
|
||||
clickSubmit = function (ev) {
|
||||
var cal = $(this).parent();
|
||||
var col = cal.data('colorpicker').color;
|
||||
cal.data('colorpicker').origColor = col;
|
||||
setCurrentColor(col, cal.get(0));
|
||||
cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col));
|
||||
cal.hide();
|
||||
},
|
||||
show = function (ev) {
|
||||
var cal = $('#' + $(this).data('colorpickerId'));
|
||||
cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
|
||||
var pos = $(this).offset();
|
||||
var viewPort = getViewport();
|
||||
var top = pos.top + this.offsetHeight;
|
||||
var left = pos.left;
|
||||
if (top + 176 > viewPort.t + viewPort.h) {
|
||||
top -= this.offsetHeight + 176;
|
||||
} else {
|
||||
top += 5;
|
||||
}
|
||||
if (left + 356 > viewPort.l + viewPort.w) {
|
||||
left -= 356;
|
||||
}
|
||||
cal.css({left: left + 'px', top: top + 'px'});
|
||||
if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
|
||||
cal.show();
|
||||
}
|
||||
$(document).bind('mousedown', {cal: cal}, hide);
|
||||
return false;
|
||||
},
|
||||
hide = function (ev) {
|
||||
if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
|
||||
if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
|
||||
ev.data.cal.hide();
|
||||
}
|
||||
$(document).unbind('mousedown', hide);
|
||||
}
|
||||
},
|
||||
isChildOf = function(parentEl, el, container) {
|
||||
if (parentEl == el) {
|
||||
return true;
|
||||
}
|
||||
if (parentEl.contains) {
|
||||
return parentEl.contains(el);
|
||||
}
|
||||
if ( parentEl.compareDocumentPosition ) {
|
||||
return !!(parentEl.compareDocumentPosition(el) & 16);
|
||||
}
|
||||
var prEl = el.parentNode;
|
||||
while(prEl && prEl != container) {
|
||||
if (prEl == parentEl)
|
||||
return true;
|
||||
prEl = prEl.parentNode;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
getViewport = function () {
|
||||
var m = document.compatMode == 'CSS1Compat';
|
||||
return {
|
||||
l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
|
||||
t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
|
||||
w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
|
||||
h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
|
||||
};
|
||||
},
|
||||
fixHSB = function (hsb) {
|
||||
return {
|
||||
h: Math.min(360, Math.max(0, hsb.h)),
|
||||
s: Math.min(100, Math.max(0, hsb.s)),
|
||||
b: Math.min(100, Math.max(0, hsb.b))
|
||||
};
|
||||
},
|
||||
fixRGB = function (rgb) {
|
||||
return {
|
||||
r: Math.min(255, Math.max(0, rgb.r)),
|
||||
g: Math.min(255, Math.max(0, rgb.g)),
|
||||
b: Math.min(255, Math.max(0, rgb.b))
|
||||
};
|
||||
},
|
||||
fixHex = function (hex) {
|
||||
var len = 6 - hex.length;
|
||||
if (len > 0) {
|
||||
var o = [];
|
||||
for (var i=0; i<len; i++) {
|
||||
o.push('0');
|
||||
}
|
||||
o.push(hex);
|
||||
hex = o.join('');
|
||||
}
|
||||
return hex;
|
||||
},
|
||||
HexToRGB = function (hex) {
|
||||
var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
|
||||
return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
|
||||
},
|
||||
HexToHSB = function (hex) {
|
||||
return RGBToHSB(HexToRGB(hex));
|
||||
},
|
||||
RGBToHSB = function (rgb) {
|
||||
var hsb = {};
|
||||
hsb.b = Math.max(Math.max(rgb.r,rgb.g),rgb.b);
|
||||
hsb.s = (hsb.b <= 0) ? 0 : Math.round(100*(hsb.b - Math.min(Math.min(rgb.r,rgb.g),rgb.b))/hsb.b);
|
||||
hsb.b = Math.round((hsb.b /255)*100);
|
||||
if((rgb.r==rgb.g) && (rgb.g==rgb.b)) hsb.h = 0;
|
||||
else if(rgb.r>=rgb.g && rgb.g>=rgb.b) hsb.h = 60*(rgb.g-rgb.b)/(rgb.r-rgb.b);
|
||||
else if(rgb.g>=rgb.r && rgb.r>=rgb.b) hsb.h = 60 + 60*(rgb.g-rgb.r)/(rgb.g-rgb.b);
|
||||
else if(rgb.g>=rgb.b && rgb.b>=rgb.r) hsb.h = 120 + 60*(rgb.b-rgb.r)/(rgb.g-rgb.r);
|
||||
else if(rgb.b>=rgb.g && rgb.g>=rgb.r) hsb.h = 180 + 60*(rgb.b-rgb.g)/(rgb.b-rgb.r);
|
||||
else if(rgb.b>=rgb.r && rgb.r>=rgb.g) hsb.h = 240 + 60*(rgb.r-rgb.g)/(rgb.b-rgb.g);
|
||||
else if(rgb.r>=rgb.b && rgb.b>=rgb.g) hsb.h = 300 + 60*(rgb.r-rgb.b)/(rgb.r-rgb.g);
|
||||
else hsb.h = 0;
|
||||
hsb.h = Math.round(hsb.h);
|
||||
return hsb;
|
||||
},
|
||||
HSBToRGB = function (hsb) {
|
||||
var rgb = {};
|
||||
var h = Math.round(hsb.h);
|
||||
var s = Math.round(hsb.s*255/100);
|
||||
var v = Math.round(hsb.b*255/100);
|
||||
if(s == 0) {
|
||||
rgb.r = rgb.g = rgb.b = v;
|
||||
} else {
|
||||
var t1 = v;
|
||||
var t2 = (255-s)*v/255;
|
||||
var t3 = (t1-t2)*(h%60)/60;
|
||||
if(h==360) h = 0;
|
||||
if(h<60) {rgb.r=t1; rgb.b=t2; rgb.g=t2+t3}
|
||||
else if(h<120) {rgb.g=t1; rgb.b=t2; rgb.r=t1-t3}
|
||||
else if(h<180) {rgb.g=t1; rgb.r=t2; rgb.b=t2+t3}
|
||||
else if(h<240) {rgb.b=t1; rgb.r=t2; rgb.g=t1-t3}
|
||||
else if(h<300) {rgb.b=t1; rgb.g=t2; rgb.r=t2+t3}
|
||||
else if(h<360) {rgb.r=t1; rgb.g=t2; rgb.b=t1-t3}
|
||||
else {rgb.r=0; rgb.g=0; rgb.b=0}
|
||||
}
|
||||
return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
|
||||
},
|
||||
RGBToHex = function (rgb) {
|
||||
var hex = [
|
||||
rgb.r.toString(16),
|
||||
rgb.g.toString(16),
|
||||
rgb.b.toString(16)
|
||||
];
|
||||
$.each(hex, function (nr, val) {
|
||||
if (val.length == 1) {
|
||||
hex[nr] = '0' + val;
|
||||
}
|
||||
});
|
||||
return hex.join('');
|
||||
},
|
||||
HSBToHex = function (hsb) {
|
||||
return RGBToHex(HSBToRGB(hsb));
|
||||
};
|
||||
return {
|
||||
init: function (options) {
|
||||
options = $.extend({}, defaults, options||{});
|
||||
if (typeof options.color == 'string') {
|
||||
options.color = HexToHSB(options.color);
|
||||
} else if (options.color.r != undefined && options.color.g != undefined && options.color.b != undefined) {
|
||||
options.color = RGBToHSB(options.color);
|
||||
} else if (options.color.h != undefined && options.color.s != undefined && options.color.b != undefined) {
|
||||
options.color = fixHSB(options.color);
|
||||
} else {
|
||||
return this;
|
||||
}
|
||||
options.origColor = options.color;
|
||||
return this.each(function () {
|
||||
if (!$(this).data('colorpickerId')) {
|
||||
var id = 'collorpicker_' + parseInt(Math.random() * 1000);
|
||||
$(this).data('colorpickerId', id);
|
||||
var cal = $(tpl).attr('id', id);
|
||||
if (options.flat) {
|
||||
cal.appendTo(this).show();
|
||||
} else {
|
||||
cal.appendTo(document.body);
|
||||
}
|
||||
options.fields = cal
|
||||
.find('input')
|
||||
.bind('keydown', keyDown)
|
||||
.bind('change', change)
|
||||
.bind('blur', blur)
|
||||
.bind('focus', focus);
|
||||
cal.find('span').bind('mousedown', downIncrement);
|
||||
options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector);
|
||||
options.selectorIndic = options.selector.find('div div');
|
||||
options.hue = cal.find('div.colorpicker_hue div');
|
||||
cal.find('div.colorpicker_hue').bind('mousedown', downHue);
|
||||
options.newColor = cal.find('div.colorpicker_new_color');
|
||||
options.currentColor = cal.find('div.colorpicker_current_color');
|
||||
cal.data('colorpicker', options);
|
||||
cal.find('div.colorpicker_submit')
|
||||
.bind('mouseenter', enterSubmit)
|
||||
.bind('mouseleave', leaveSubmit)
|
||||
.bind('click', clickSubmit);
|
||||
fillRGBFields(options.color, cal.get(0));
|
||||
fillHSBFields(options.color, cal.get(0));
|
||||
fillHexFields(options.color, cal.get(0));
|
||||
setHue(options.color, cal.get(0));
|
||||
setSelector(options.color, cal.get(0));
|
||||
setCurrentColor(options.color, cal.get(0));
|
||||
setNewColor(options.color, cal.get(0));
|
||||
if (options.flat) {
|
||||
cal.css({
|
||||
position: 'relative',
|
||||
display: 'block'
|
||||
});
|
||||
} else {
|
||||
$(this).bind(options.eventName, show);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
showPicker: function() {
|
||||
return this.each( function () {
|
||||
if ($(this).data('colorpickerId')) {
|
||||
show.apply(this);
|
||||
}
|
||||
});
|
||||
},
|
||||
hidePicker: function() {
|
||||
return this.each( function () {
|
||||
if ($(this).data('colorpickerId')) {
|
||||
$('#' + $(this).data('colorpickerId')).hide();
|
||||
}
|
||||
});
|
||||
},
|
||||
setColor: function(col) {
|
||||
if (typeof col == 'string') {
|
||||
col = HexToHSB(col);
|
||||
} else if (col.r != undefined && col.g != undefined && col.b != undefined) {
|
||||
col = RGBToHSB(col);
|
||||
} else if (col.h != undefined && col.s != undefined && col.b != undefined) {
|
||||
col = fixHSB(col);
|
||||
} else {
|
||||
return this;
|
||||
}
|
||||
return this.each(function(){
|
||||
if ($(this).data('colorpickerId')) {
|
||||
var cal = $('#' + $(this).data('colorpickerId'));
|
||||
cal.data('colorpicker').color = col;
|
||||
cal.data('colorpicker').origColor = col;
|
||||
fillRGBFields(col, cal.get(0));
|
||||
fillHSBFields(col, cal.get(0));
|
||||
fillHexFields(col, cal.get(0));
|
||||
setHue(col, cal.get(0));
|
||||
setSelector(col, cal.get(0));
|
||||
setCurrentColor(col, cal.get(0));
|
||||
setNewColor(col, cal.get(0));
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}();
|
||||
$.fn.extend({
|
||||
ColorPicker: ColorPicker.init,
|
||||
ColorPickerHide: ColorPicker.hide,
|
||||
ColorPickerShow: ColorPicker.show,
|
||||
ColorPickerSetColor: ColorPicker.setColor
|
||||
});
|
||||
})(jQuery);
|
||||
@ -0,0 +1,63 @@
|
||||
<?php
|
||||
/**
|
||||
* Initialize the meta boxes.
|
||||
*/
|
||||
add_action( 'admin_init', '_custom_meta_boxes' );
|
||||
|
||||
/**
|
||||
* Meta Boxes demo code.
|
||||
*
|
||||
* You can find all the available option types
|
||||
* in demo-theme-options.php.
|
||||
*
|
||||
* @return void
|
||||
*
|
||||
* @access private
|
||||
* @since 2.0
|
||||
*/
|
||||
function _custom_meta_boxes() {
|
||||
|
||||
/**
|
||||
* Create a custom meta boxes array that we pass to
|
||||
* the OptionTree Meta Box API Class.
|
||||
*/
|
||||
$my_meta_box = array(
|
||||
'id' => 'my_meta_box',
|
||||
'title' => 'Demo Meta Box',
|
||||
'desc' => '',
|
||||
'pages' => array( 'post' ),
|
||||
'context' => 'normal',
|
||||
'priority' => 'high',
|
||||
'fields' => array(
|
||||
array(
|
||||
'label' => 'Background',
|
||||
'id' => 'my_background',
|
||||
'type' => 'background',
|
||||
'desc' => 'BlahLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => ''
|
||||
),
|
||||
array(
|
||||
'label' => 'Category Checkbox',
|
||||
'id' => 'my_category_checkbox',
|
||||
'type' => 'category-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => ''
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
/**
|
||||
* Register our meta boxes using the
|
||||
* ot_register_meta_box() function.
|
||||
*/
|
||||
ot_register_meta_box( $my_meta_box );
|
||||
|
||||
}
|
||||
@ -0,0 +1,473 @@
|
||||
<?php
|
||||
/**
|
||||
* Initialize the options before anything else.
|
||||
*/
|
||||
add_action( 'admin_init', '_custom_theme_options', 1 );
|
||||
|
||||
/**
|
||||
* Theme Mode demo code of all the available option types.
|
||||
*
|
||||
* @return void
|
||||
*
|
||||
* @access private
|
||||
* @since 2.0
|
||||
*/
|
||||
function _custom_theme_options() {
|
||||
|
||||
/**
|
||||
* Get a copy of the saved settings array.
|
||||
*/
|
||||
$saved_settings = get_option( 'option_tree_settings', array() );
|
||||
|
||||
/**
|
||||
* Create a custom settings array that we pass to
|
||||
* the OptionTree Settings API Class.
|
||||
*/
|
||||
$custom_settings = array(
|
||||
'contextual_help' => array(
|
||||
'content' => array(
|
||||
array(
|
||||
'id' => 'general_help',
|
||||
'title' => 'General',
|
||||
'content' => '<p>Help content goes here!</p>'
|
||||
)
|
||||
),
|
||||
'sidebar' => '<p>Sidebar content goes here!</p>'
|
||||
),
|
||||
'sections' => array(
|
||||
array(
|
||||
'title' => 'General',
|
||||
'id' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'title' => 'Miscellaneous ',
|
||||
'id' => 'miscellaneous'
|
||||
)
|
||||
),
|
||||
'settings' => array(
|
||||
array(
|
||||
'label' => 'Background',
|
||||
'id' => 'my_background',
|
||||
'type' => 'background',
|
||||
'desc' => 'BlahLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Category Checkbox',
|
||||
'id' => 'my_category_checkbox',
|
||||
'type' => 'category-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Category Select',
|
||||
'id' => 'my_category_select',
|
||||
'type' => 'category-select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Checkbox',
|
||||
'id' => 'my_checkbox',
|
||||
'type' => 'checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'choices' => array(
|
||||
array (
|
||||
'label' => 'Yes',
|
||||
'value' => 'Yes'
|
||||
)
|
||||
),
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Colorpicker',
|
||||
'id' => 'my_colorpicker',
|
||||
'type' => 'colorpicker',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'CSS',
|
||||
'id' => 'my_css',
|
||||
'type' => 'css',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '20',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Custom Post Type Checkbox',
|
||||
'id' => 'my_custom_post_type_checkbox',
|
||||
'type' => 'custom-post-type-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => 'post',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Custom Post Type Select',
|
||||
'id' => 'my_custom_post_type_select',
|
||||
'type' => 'custom-post-type-select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => 'post',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'List Item',
|
||||
'id' => 'my_list_item',
|
||||
'type' => 'list-item',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'settings' => array(
|
||||
array(
|
||||
'label' => 'Upload',
|
||||
'id' => 'my_list_item_upload',
|
||||
'type' => 'upload',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => ''
|
||||
),
|
||||
array(
|
||||
'label' => 'Text',
|
||||
'id' => 'my_list_item_text',
|
||||
'type' => 'text',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => ''
|
||||
),
|
||||
array(
|
||||
'label' => 'Textarea Simple',
|
||||
'id' => 'my_list_item_textarea_simple',
|
||||
'type' => 'textarea-simple',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '10',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => ''
|
||||
)
|
||||
),
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Measurement',
|
||||
'id' => 'my_measurement',
|
||||
'type' => 'measurement',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Page Checkbox',
|
||||
'id' => 'my_page_checkbox',
|
||||
'type' => 'page-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Page Select',
|
||||
'id' => 'my_page_select',
|
||||
'type' => 'page-select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Post Checkbox',
|
||||
'id' => 'my_post_checkbox',
|
||||
'type' => 'post-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Post Select',
|
||||
'id' => 'my_post_select',
|
||||
'type' => 'post-select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'general_default'
|
||||
),
|
||||
array(
|
||||
'label' => 'Radio',
|
||||
'id' => 'my_radio',
|
||||
'type' => 'radio',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'choices' => array(
|
||||
array(
|
||||
'label' => 'Yes',
|
||||
'value' => 'yes'
|
||||
),
|
||||
array(
|
||||
'label' => 'No',
|
||||
'value' => 'no'
|
||||
),
|
||||
array(
|
||||
'label' => 'Maybe',
|
||||
'value' => 'maybe'
|
||||
)
|
||||
),
|
||||
'std' => 'yes',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Radio Image',
|
||||
'id' => 'my_radio_image',
|
||||
'type' => 'radio-image',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => 'right-sidebar',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Select',
|
||||
'id' => 'my_select',
|
||||
'type' => 'select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'choices' => array(
|
||||
array(
|
||||
'label' => 'Yes',
|
||||
'value' => 'yes'
|
||||
),
|
||||
array(
|
||||
'label' => 'No',
|
||||
'value' => 'no'
|
||||
),
|
||||
array(
|
||||
'label' => 'Maybe',
|
||||
'value' => 'maybe'
|
||||
)
|
||||
),
|
||||
'std' => 'maybe',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Slider',
|
||||
'id' => 'my_slider',
|
||||
'type' => 'slider',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Tag Checkbox',
|
||||
'id' => 'my_tag_checkbox',
|
||||
'type' => 'tag-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Tag Select',
|
||||
'id' => 'my_tag_select',
|
||||
'type' => 'tag-select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Taxonomy Checkbox',
|
||||
'id' => 'my_taxonomy_checkbox',
|
||||
'type' => 'taxonomy-checkbox',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => 'category,post_tag',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Taxonomy Select',
|
||||
'id' => 'my_taxonomy_select',
|
||||
'type' => 'taxonomy-select',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => 'category,post_tag',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Text',
|
||||
'id' => 'my_text',
|
||||
'type' => 'text',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Textarea',
|
||||
'id' => 'my_textarea',
|
||||
'type' => 'textarea',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '15',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Textarea Simple',
|
||||
'id' => 'my_textarea_simple',
|
||||
'type' => 'textarea-simple',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '10',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Textblock',
|
||||
'id' => 'my_textblock',
|
||||
'type' => 'textblock',
|
||||
'desc' => '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Textblock Titled',
|
||||
'id' => 'my_textblock_titled',
|
||||
'type' => 'textblock-titled',
|
||||
'desc' => '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Typography',
|
||||
'id' => 'my_typography',
|
||||
'type' => 'typography',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
),
|
||||
array(
|
||||
'label' => 'Upload',
|
||||
'id' => 'my_upload',
|
||||
'type' => 'upload',
|
||||
'desc' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
||||
'std' => '',
|
||||
'rows' => '',
|
||||
'post_type' => '',
|
||||
'taxonomy' => '',
|
||||
'class' => '',
|
||||
'section' => 'miscellaneous'
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
/* settings are not the same update the DB */
|
||||
if ( $saved_settings !== $custom_settings ) {
|
||||
update_option( 'option_tree_settings', $custom_settings );
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user