Skip to content

Commit

Permalink
= 0.2 - may 20, 2017 =
Browse files Browse the repository at this point in the history
* [update] Change design for build profile and my profile page.
  • Loading branch information
asaquzzaman committed May 19, 2017
2 parents d146b9f + 6ac5905 commit e524659
Show file tree
Hide file tree
Showing 22 changed files with 455 additions and 161 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
plugin-deploy.sh
.svnignore
node_modules
70 changes: 70 additions & 0 deletions Gruntfile.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
'use strict';
module.exports = function(grunt) {
var pkg = grunt.file.readJSON('package.json');

grunt.initConfig({
// setting folder templates
dirs: {
css: 'assets/css',
js: 'assets/js',
less: 'assets/less'
},

// Compile all .less files.
less: {

admin: {
files: {
'<%= dirs.css %>/admin/admin.css': '<%= dirs.less %>/admin/admin.less',
'<%= dirs.css %>/admin/profile-builder.css': '<%= dirs.less %>/admin/profile-builder.less',
'<%= dirs.css %>/front-end/front-end.css': '<%= dirs.less %>/front-end/front-end.less',
}
}
},

uglify: {
minify: {
files: {
'<%= dirs.js %>/*.min.js': ['<%= dirs.js %>/*.js'],


}
}
},

cssmin: {
options: {
mergeIntoShorthands: false,
roundingPrecision: -1
},
target: {
files: {
'<%= dirs.css %>/style.min.css': ['<%= dirs.css %>/style.css'],
}
}
},

watch: {
less: {
files: ['<%= dirs.less %>/admin/*.less', '<%= dirs.less %>/front-end/*.less' ],
tasks: ['less:admin'],
options: {
livereload: true
}
}
},

});

// Load NPM tasks to be used here
grunt.loadNpmTasks( 'grunt-contrib-less' );
grunt.loadNpmTasks( 'grunt-contrib-watch' );
grunt.loadNpmTasks( 'grunt-contrib-uglify' );
grunt.loadNpmTasks( 'grunt-contrib-cssmin' );

grunt.registerTask('default', ['less']);
grunt.registerTask('release', [
'uglify',
'cssmin'
]);
};
5 changes: 4 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
=== WP Profile Builder ===

Contributors: asaquzzaman

Tags: profile builder, wp profile builder, wordpress profile builder, user profile, profile, user custom field, profile maker, wp profile, wordpress profile
Requires at least: 4.0
Tested up to: 4.7.3
Expand Down Expand Up @@ -74,6 +73,10 @@ A. Yes, any user can access other user's profile from users list page.

== Changelog ==

= 0.2 - may 20, 2017 =

* [update] Change design for build profile and my profile page.

= 0.1 =

Initial version released
Expand Down
3 changes: 3 additions & 0 deletions assets/css/admin/profile-builder.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@
float: left;
width: 65%;
}
.wpup-user-profile-admin .wpup-content-wrap .wpup-profile-builder-btn-wrap {
margin-bottom: 5px;
}
.wpup-user-profile-admin #wpup-settings-panel-wrap {
right: 1%;
left: auto;
Expand Down
151 changes: 116 additions & 35 deletions assets/css/front-end/front-end.css
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,8 @@
}
.wpup-update-individual-field,
.wpup-header-input-field {
border: 1px solid #ccc;
border: 1px solid #ddd !important;
background: #f9f9f9 !important;
border-radius: 3px;
font-family: inherit;
padding: 6px;
Expand All @@ -179,10 +180,6 @@
border-radius: 3px 3px 0 0;
overflow: hidden;
text-align: center;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 12px;
}
.wpup-profile-header-wrap input {
Expand Down Expand Up @@ -309,6 +306,10 @@
.wpup-profile-header-wrap .wpup-header-update-field-wrap .wpup-header-update-field-label {
width: 35%;
margin-left: 10px;
color: #444;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.wpup-profile-header-wrap .wpup-header-update-field-wrap .wpup-header-input-field,
.wpup-profile-header-wrap .wpup-header-update-field-wrap .wpup-header-update-field-label {
Expand Down Expand Up @@ -461,6 +462,7 @@
list-style: none;
font-size: 12px;
width: 30%;
border: 1px solid #eee;
}
#wpup-settings-panel-wrap #wpup-settings-tab-wrap .wpup-settings-parent .wpup-settings-child .wpup-new-col .wpup-width-field-wrap,
#wpup-settings-panel-wrap #wpup-settings-tab-wrap .wpup-settings-parent .wpup-settings-child .wpup-new-field .wpup-width-field-wrap,
Expand Down Expand Up @@ -588,20 +590,20 @@
font-size: 12px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-section {
padding: 4px 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
background: #eee;
padding: 6px 6px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background: #767676;
border-radius: 3px;
font-size: 13px;
color: #fff;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-drop-messsage {
text-align: center;
margin-top: 35px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row {
position: relative;
border: 1px solid #eee;
margin-top: 10px;
border-top: 1px solid #eee;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-col-wrap {
padding: 5px;
Expand All @@ -618,12 +620,23 @@
word-wrap: break-word;
color: #444;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-label-wrap .wpup-label-content {
width: 60%;
word-wrap: break-word;
color: #999;
color: #6f6f6f;
font-size: 12px;
font-family: inherit;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-label-wrap .wpup-help-text {
margin: 5px 0 0 0;
font-size: 12px;
font-style: italic;
padding: 5px 8px;
border: #cee1ef 1px solid;
background-color: #f0f8ff;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-col-wrap {
position: relative;
Expand All @@ -633,14 +646,55 @@
margin-top: 15px;
font-size: 14px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele {
background: #afd23e;
letter-spacing: 1px;
color: #fff;
z-index: 9999;
padding: 0px 5px 0px 0px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-row-move-icon,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-row-move-icon,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-row-move-icon,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-ele-move-icon,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-ele-move-icon,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-ele-move-icon {
width: 12px;
display: inline-block;
cursor: move;
margin: 0;
padding: 0px;
text-align: center;
padding: 0 12px 0 5px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-row-move-icon:hover,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-row-move-icon:hover,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-row-move-icon:hover,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-ele-move-icon:hover,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-ele-move-icon:hover,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-ele-move-icon:hover {
background: #3f94bd;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-row-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-row-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-row-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-ele-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-ele-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-ele-id {
display: inline-block;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row .wpup-ele-edit-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-col .wpup-ele-edit-id,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele .wpup-ele-edit-id {
padding: 0 0px 0 5px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-row {
display: none;
position: absolute;
top: -18px;
z-index: 99999;
font-size: 8px;
background: aliceblue;
padding: 0px 5px 0px 5px;
margin-left: -1px;
cursor: pointer;
font-weight: 800;
Expand All @@ -649,30 +703,16 @@
display: none;
position: absolute;
top: -18px;
z-index: 99999;
font-size: 8px;
background: aliceblue;
padding: 0px 5px 0px 5px;
right: -1px;
font-weight: 800;
cursor: pointer;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-update-ele {
display: none;
position: absolute;
left: 35%;
z-index: 99999;
font-size: 8px;
background: aliceblue;
padding: 0px 5px 0px 5px;
cursor: pointer;
font-weight: 800;
top: -8px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-ele-wrap {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row .wpup-ele-wrap .wpup-el-sort {
padding: 12px 0 12px 0;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-row:hover > .wpup-update-row {
display: block;
Expand All @@ -687,12 +727,9 @@
#wpup-profile-content-wrap #wpup-drop-zone .wpup-border-dashed {
border: 1px dashed;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-ele-wrap:hover .wpup-update-ele {
display: block;
}
#wpup-profile-content-wrap #wpup-drop-zone .wpup-multi-col .wpup-label-wrap .wpup-label,
#wpup-profile-content-wrap #wpup-drop-zone .wpup-multi-col .wpup-label-wrap .wpup-label-content {
width: 100%;
width: 95%;
display: inline-block;
}
#wpup-members {
Expand Down Expand Up @@ -913,3 +950,47 @@
.wpup-single-member-content-wrap .wpup-content-width {
margin: 0 auto;
}
.wpup-profile-wrap {
border: 1px solid #eee;
}
.wpup-btn-white {
text-align: center;
text-decoration: none;
background: #f7f7f7;
color: #0073aa;
padding: 4px 8px;
display: inline-block;
border-radius: 2px;
border: 1px solid #ccc;
cursor: pointer;
}
.wpup-btn-white:hover {
border-color: #008EC2;
background: #00a0d2;
color: #fff;
}
.wpup-btn-white:focus,
.wpup-btn-white:active,
.wpup-btn-white:visited {
border-color: #ccc;
}
.wpup-profile-builder .wpup-ele-wrap .wpup-update-ele {
display: none;
position: absolute;
left: 35%;
font-size: 8px;
cursor: pointer;
font-weight: 800;
top: -17px;
z-index: 99999999;
}
.wpup-profile-builder .wpup-ele-wrap .wpup-el-sort {
margin: 1px;
}
.wpup-profile-builder .wpup-ele-wrap .wpup-el-sort:hover > .wpup-update-ele {
display: block;
}
.wpup-profile-builder .wpup-ele-wrap:hover > .wpup-el-sort {
border: 1px dashed #999;
margin: 0px;
}
10 changes: 5 additions & 5 deletions assets/js/components/date-field/date-field.php
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<div class="wpup-el-sort">
<div v-if="isTemplateMode" @click.self.prevent="elementUpdate( row, col, ele)" class="wpup-update-ele">
<i class="wpup-ele-drag fa fa-arrows-alt" aria-hidden="true"></i>
<?php _e( 'Element', 'wpup' ); ?> #{{ele.id}}
<div v-if="isTemplateMode" @click.prevent="elementUpdate( row, col, ele)" class="wpup-update-ele">
<div class="wpup-row-move-icon"><i class="wpup-ele-drag fa fa-arrows-alt" aria-hidden="true"></i></div>
<div class="wpup-row-id"><?php _e( 'Element', 'wpup' ); ?> #{{ele.id}}</div>
</div>
<div class="wpup-label-wrap">
<div class="wpup-label-wrap wpup-clearfix">

<label class="wpup-label">{{ele.ele_settings_field_val.label}}</label>

Expand All @@ -24,7 +24,7 @@

<div v-if="isUpdateMode" class="wpup-label-content wpup-clearfix">
<input @blur.prevent="daePickerFoucusOut(ele, $event)" :disabled="ele.ele_settings_field_val.disabled" class="wpup-update-individual-field wpup-date-field" :placeholder="ele.ele_settings_field_val.placeholder" v-wpup-datepicker :name="ele.ele_settings_field_val.name" v-model="ele.field_val" type="text">
<div v-if="ele.ele_settings_field.description">{{ ele.ele_settings_field_val.description }}</div>
<div class="wpup-help-text" v-if="ele.ele_settings_field.description != ''">{{ ele.ele_settings_field_val.description }}</div>
</div>
</div>
</div>
Loading

0 comments on commit e524659

Please sign in to comment.