Dixon.php
366 lines
| 1 | <?php |
| 2 | |
| 3 | namespace ProfilePress\Core\Themes\DragDrop\UserProfile; |
| 4 | |
| 5 | use ProfilePress\Core\Admin\SettingsPages\DragDropBuilder\DragDropBuilder; |
| 6 | use ProfilePress\Core\Base; |
| 7 | use ProfilePress\Core\Themes\DragDrop\AbstractTheme; |
| 8 | use ProfilePress\Core\Admin\SettingsPages\DragDropBuilder\Fields; |
| 9 | |
| 10 | class Dixon extends AbstractTheme |
| 11 | { |
| 12 | public static function default_field_listing() |
| 13 | { |
| 14 | Fields\Init::init(); |
| 15 | $standard_fields = DragDropBuilder::get_instance()->standard_fields(); |
| 16 | |
| 17 | return [ |
| 18 | $standard_fields['profile-username'], |
| 19 | $standard_fields['profile-email'], |
| 20 | $standard_fields['profile-first-name'], |
| 21 | $standard_fields['profile-last-name'], |
| 22 | $standard_fields['profile-website'], |
| 23 | $standard_fields['profile-bio'], |
| 24 | ]; |
| 25 | } |
| 26 | |
| 27 | public function appearance_settings($settings) |
| 28 | { |
| 29 | $settings[] = [ |
| 30 | 'id' => 'dixon_profile_header_text', |
| 31 | 'type' => 'select', |
| 32 | 'label' => esc_html__('Header Text', 'wp-user-avatar'), |
| 33 | 'options' => ppress_standard_fields_key_value_pair(), |
| 34 | 'priority' => 10 |
| 35 | ]; |
| 36 | |
| 37 | $settings[] = [ |
| 38 | 'id' => 'dixon_profile_header_byline', |
| 39 | 'type' => 'text', |
| 40 | 'label' => esc_html__('Header Byline', 'wp-user-avatar'), |
| 41 | 'priority' => 12 |
| 42 | ]; |
| 43 | |
| 44 | $settings[] = [ |
| 45 | 'id' => 'dixon_profile_section_header_text', |
| 46 | 'type' => 'text', |
| 47 | 'label' => esc_html__('Profile Header Text', 'wp-user-avatar'), |
| 48 | 'priority' => 15 |
| 49 | ]; |
| 50 | |
| 51 | return $settings; |
| 52 | } |
| 53 | |
| 54 | public function color_settings($settings) |
| 55 | { |
| 56 | $settings2 = [ |
| 57 | [ |
| 58 | 'id' => 'dixon_profile_bg_color', |
| 59 | 'type' => 'color', |
| 60 | 'label' => esc_html__('Background', 'wp-user-avatar') |
| 61 | ], |
| 62 | [ |
| 63 | 'id' => 'dixon_profile_header_bg_color', |
| 64 | 'type' => 'color', |
| 65 | 'label' => esc_html__('Header Background', 'wp-user-avatar') |
| 66 | ], |
| 67 | [ |
| 68 | 'id' => 'dixon_profile_header_text_color', |
| 69 | 'type' => 'color', |
| 70 | 'label' => esc_html__('Header Text', 'wp-user-avatar') |
| 71 | ], |
| 72 | [ |
| 73 | 'id' => 'dixon_profile_header_text_underline_color', |
| 74 | 'type' => 'color', |
| 75 | 'label' => esc_html__('Text Underline', 'wp-user-avatar') |
| 76 | ], |
| 77 | [ |
| 78 | 'id' => 'dixon_profile_avatar_border_color', |
| 79 | 'type' => 'color', |
| 80 | 'label' => esc_html__('Avatar Border', 'wp-user-avatar') |
| 81 | ], |
| 82 | [ |
| 83 | 'id' => 'dixon_profile_info_border_color', |
| 84 | 'type' => 'color', |
| 85 | 'label' => esc_html__('Profile Info Border', 'wp-user-avatar') |
| 86 | ], |
| 87 | [ |
| 88 | 'id' => 'dixon_profile_info_bg_color', |
| 89 | 'type' => 'color', |
| 90 | 'label' => esc_html__('Profile Info Background', 'wp-user-avatar') |
| 91 | ], |
| 92 | [ |
| 93 | 'id' => 'dixon_profile_info_text_color', |
| 94 | 'type' => 'color', |
| 95 | 'label' => esc_html__('Profile Info Text', 'wp-user-avatar') |
| 96 | ] |
| 97 | ]; |
| 98 | |
| 99 | return array_merge($settings, $settings2); |
| 100 | } |
| 101 | |
| 102 | public function metabox_settings($settings, $form_type, $DragDropBuilderInstance) |
| 103 | { |
| 104 | $settings['dixon_profile_social_links'] = [ |
| 105 | 'tab_title' => esc_html__('Social Links', 'wp-user-avatar'), |
| 106 | [ |
| 107 | 'id' => 'dixon_profile_hide_social_links', |
| 108 | 'type' => 'checkbox', |
| 109 | 'label' => esc_html__('Hide Social Links', 'wp-user-avatar'), |
| 110 | 'checkbox_label' => esc_html__('Check to hide', 'wp-user-avatar'), |
| 111 | ] |
| 112 | ]; |
| 113 | |
| 114 | return $settings; |
| 115 | } |
| 116 | |
| 117 | public function default_metabox_settings() |
| 118 | { |
| 119 | $data = parent::default_metabox_settings(); |
| 120 | $data['dixon_profile_header_text'] = 'username'; |
| 121 | $data['dixon_profile_header_byline'] = esc_html__('Profile', 'wp-user-avatar'); |
| 122 | $data['dixon_profile_section_header_text'] = esc_html__('PROFILE DETAILS', 'wp-user-avatar'); |
| 123 | $data['dixon_profile_hide_social_links'] = 'false'; |
| 124 | $data['dixon_profile_bg_color'] = '#ececec'; |
| 125 | $data['dixon_profile_header_bg_color'] = '#196783'; |
| 126 | $data['dixon_profile_header_text_color'] = '#ffffff'; |
| 127 | $data['dixon_profile_avatar_border_color'] = '#ffffff'; |
| 128 | $data['dixon_profile_header_text_underline_color'] = '#52edc7'; |
| 129 | $data['dixon_profile_info_border_color'] = '#ff0000'; |
| 130 | $data['dixon_profile_info_bg_color'] = '#ffffff'; |
| 131 | $data['dixon_profile_info_text_color'] = '#6b6969'; |
| 132 | |
| 133 | return $data; |
| 134 | } |
| 135 | |
| 136 | protected function social_links_block() |
| 137 | { |
| 138 | if ($this->get_meta('dixon_profile_hide_social_links') == 'true') return; |
| 139 | |
| 140 | $asset_url = $this->asset_image_url . '/dixon-fe-profile'; |
| 141 | |
| 142 | $facebook_field = $this->get_profile_field(Base::cif_facebook, true); |
| 143 | $twitter_field = $this->get_profile_field(Base::cif_twitter, true); |
| 144 | $linkedin_field = $this->get_profile_field(Base::cif_linkedin, true); |
| 145 | |
| 146 | ob_start(); |
| 147 | ?> |
| 148 | <div class="dixon-icon"> |
| 149 | <ul> |
| 150 | <?php if ( ! empty($facebook_field)) : ?> |
| 151 | <li> |
| 152 | <a href="<?= $facebook_field ?>"><img src="<?= $asset_url ?>/facebook.png"/></a> |
| 153 | </li> |
| 154 | <?php endif; |
| 155 | if ( ! empty($twitter_field)) : ?> |
| 156 | <li> |
| 157 | <a href="<?= $twitter_field ?>"><img src="<?= $asset_url ?>/twitter.png"/></a> |
| 158 | </li> |
| 159 | <?php endif; ?> |
| 160 | <?php if ( ! empty($linkedin_field)) : ?> |
| 161 | <li> |
| 162 | <a href="<?= $linkedin_field ?>"><img src="<?= $asset_url ?>/linkedin.png"/></a> |
| 163 | </li> |
| 164 | <?php endif; ?> |
| 165 | </ul> |
| 166 | </div> |
| 167 | <?php |
| 168 | return ob_get_clean(); |
| 169 | } |
| 170 | |
| 171 | public function form_structure() |
| 172 | { |
| 173 | $header_text = $this->get_profile_field($this->get_meta('dixon_profile_header_text')); |
| 174 | |
| 175 | $header_byline = $this->get_meta('dixon_profile_header_byline'); |
| 176 | $section_header_text = $this->get_meta('dixon_profile_section_header_text'); |
| 177 | |
| 178 | $social_links_block = $this->social_links_block(); |
| 179 | |
| 180 | $profile_listing = $this->profile_listing() |
| 181 | ->title_start_tag('<div class="dixon-section-left"><span>') |
| 182 | ->title_end_tag('</span></div>') |
| 183 | ->info_start_tag('<div class="dixon-section-right"><span>') |
| 184 | ->info_end_tag('</span></div>') |
| 185 | ->forge() |
| 186 | ->output(); |
| 187 | |
| 188 | return <<<HTML |
| 189 | [pp-form-wrapper class="dixon-wrapper"] |
| 190 | <div class="dixon-header"> |
| 191 | <div class="dixon-container"> |
| 192 | <div class="dixon-img"> |
| 193 | <div class="dixon-avatar"> |
| 194 | <img src="[profile-avatar-url]" /> |
| 195 | </div> |
| 196 | </div> |
| 197 | <div class="dixon-text"> <span>$header_text</span><br> |
| 198 | $header_byline |
| 199 | </div> |
| 200 | $social_links_block |
| 201 | </div> |
| 202 | </div> |
| 203 | <div class="dixon-container"> |
| 204 | <div style="text-align:center;"> |
| 205 | <h3>$section_header_text</h3> |
| 206 | </div> |
| 207 | <div class="dixon-section"> |
| 208 | $profile_listing |
| 209 | </div> |
| 210 | </div> |
| 211 | [/pp-form-wrapper] |
| 212 | HTML; |
| 213 | |
| 214 | } |
| 215 | |
| 216 | public function form_css() |
| 217 | { |
| 218 | $form_id = $this->form_id; |
| 219 | $form_type = $this->form_type; |
| 220 | |
| 221 | $bg_color = $this->get_meta('dixon_profile_bg_color'); |
| 222 | $header_bg_color = $this->get_meta('dixon_profile_header_bg_color'); |
| 223 | $header_text_color = $this->get_meta('dixon_profile_header_text_color'); |
| 224 | $avatar_border_color = $this->get_meta('dixon_profile_avatar_border_color'); |
| 225 | $text_underline_color = $this->get_meta('dixon_profile_header_text_underline_color'); |
| 226 | $info_border_color = $this->get_meta('dixon_profile_info_border_color'); |
| 227 | $profile_info_background = $this->get_meta('dixon_profile_info_bg_color'); |
| 228 | $profile_info_text = $this->get_meta('dixon_profile_info_text_color'); |
| 229 | |
| 230 | return <<<CSS |
| 231 | @import url(https://fonts.googleapis.com/css?family=Lato:300,400,600,700|Raleway:300,400,600,700&display=swap); |
| 232 | |
| 233 | div#pp-$form_type-$form_id.dixon-wrapper * { |
| 234 | -webkit-box-sizing: border-box; |
| 235 | -moz-box-sizing: border-box; |
| 236 | box-sizing: border-box; |
| 237 | } |
| 238 | |
| 239 | div#pp-$form_type-$form_id.dixon-wrapper { |
| 240 | width: 100%; |
| 241 | max-width: 800px; |
| 242 | background: $bg_color; |
| 243 | } |
| 244 | |
| 245 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-left { |
| 246 | float:left; |
| 247 | color:$profile_info_text; |
| 248 | } |
| 249 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-right { |
| 250 | margin-left:30%; |
| 251 | color: $profile_info_text; |
| 252 | } |
| 253 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-container { |
| 254 | margin:auto; |
| 255 | width:100%; |
| 256 | padding-bottom: 10px; |
| 257 | min-height: 240px; |
| 258 | } |
| 259 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-left > span, |
| 260 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-right > span { |
| 261 | padding-bottom:20px; |
| 262 | margin:0; |
| 263 | display: block; |
| 264 | } |
| 265 | |
| 266 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-left > a, |
| 267 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-right > a { |
| 268 | text-decoration:none; |
| 269 | } |
| 270 | |
| 271 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-container h3 { |
| 272 | margin:30px 0; |
| 273 | font-family:Lato, sans-serif; |
| 274 | color: $header_bg_color; |
| 275 | font-size:28px; |
| 276 | } |
| 277 | |
| 278 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-header { |
| 279 | background-color: $header_bg_color; |
| 280 | width:100%; |
| 281 | height:60%; |
| 282 | padding-bottom: 5px; |
| 283 | } |
| 284 | |
| 285 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-aside { |
| 286 | margin-top:30px; |
| 287 | } |
| 288 | |
| 289 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section { |
| 290 | background:$profile_info_background; |
| 291 | padding:40px 20px 10px; |
| 292 | border-top:4px solid $info_border_color; |
| 293 | margin: 0 10px; |
| 294 | } |
| 295 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-img { |
| 296 | padding-top:40px; |
| 297 | position:relative; |
| 298 | float:left; |
| 299 | width: 50%; |
| 300 | } |
| 301 | |
| 302 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-icon > ul > li img { |
| 303 | box-shadow: none; |
| 304 | } |
| 305 | |
| 306 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-text { |
| 307 | text-align:center; |
| 308 | font-size:30px; |
| 309 | color: $header_text_color; |
| 310 | padding-top:50px; |
| 311 | line-height:40px; |
| 312 | font-family:Raleway, sans-serif; |
| 313 | text-transform:uppercase; |
| 314 | } |
| 315 | |
| 316 | |
| 317 | div#pp-$form_type-$form_id.dixon-wrapper div#pp-$form_type-$form_id.dixon-wrapper .dixon-icon ul li::before { |
| 318 | content: none; |
| 319 | } |
| 320 | |
| 321 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-icon li { |
| 322 | display:inline-block; |
| 323 | text-align:center; |
| 324 | } |
| 325 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-icon { |
| 326 | text-align:center; |
| 327 | margin-top:15px; |
| 328 | } |
| 329 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-text span { |
| 330 | border-bottom:1px solid $text_underline_color; |
| 331 | padding-bottom:4px; |
| 332 | } |
| 333 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-aside img { |
| 334 | width:190px; |
| 335 | margin-top:-30px; |
| 336 | } |
| 337 | |
| 338 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-section-right span a { |
| 339 | color:#24758e; |
| 340 | } |
| 341 | |
| 342 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-light { |
| 343 | margin-left:10px; |
| 344 | } |
| 345 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-img-left { |
| 346 | margin-left:5px; |
| 347 | } |
| 348 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-aside-text { |
| 349 | border-bottom: 1px solid #949798; |
| 350 | border-top: 1px solid #949798; |
| 351 | padding:25px 0; |
| 352 | margin-top: 50px; |
| 353 | } |
| 354 | |
| 355 | div#pp-$form_type-$form_id.dixon-wrapper .dixon-avatar > img { |
| 356 | border: 3px solid $avatar_border_color; |
| 357 | border-radius: 50%; |
| 358 | margin: 10px; |
| 359 | width: 70%; |
| 360 | height: auto; |
| 361 | float: left; |
| 362 | } |
| 363 | CSS; |
| 364 | |
| 365 | } |
| 366 | } |