PHP UI::imagePicker方法代码示例

         $box = $ui->box()->uiType('primary')->style('margin-bottom:0')->open();
         $ui->input()->name('edit_name' . $sno)->id('edit_name' . $sno)->label('Name')->value($emp_family_details->name)->disabled()->show();
         $ui->select()->name('edit_relationship' . $sno)->id('edit_relationship' . $sno)->label('Relationship')->disabled()->options(array($ui->option()->value("")->text("Choose One")->disabled(), $ui->option()->value("Father")->text("Father")->selected($emp_family_details->relationship == "Father"), $ui->option()->value("Mother")->text("Mother")->selected($emp_family_details->relationship == "Mother"), $ui->option()->value("Spouse")->text("Spouse")->selected($emp_family_details->relationship == "Spouse"), $ui->option()->value("Son")->text("Son")->selected($emp_family_details->relationship == "Son"), $ui->option()->value("Daughter")->text("Daughter")->selected($emp_family_details->relationship == "Daughter")))->show();
         $inrow = $ui->row()->open();
         $ui->datePicker()->name('edit_dob' . $sno)->id('edit_dob' . $sno)->dateFormat('dd-mm-yyyy')->width(4)->t_width(4)->addonRight($ui->icon("calendar"))->value(date('d-m-Y', strtotime($emp_family_details->dob)))->label('DOB')->show();
         $ui->input()->name("edit_profession" . $sno)->id("edit_profession" . $sno)->width(4)->t_width(4)->label('Profession')->value($emp_family_details->profession)->show();
         $status = $ui->input()->name('edit_active' . $sno)->id('edit_active' . $sno)->width(4)->t_width(4)->label('Active/Inactive')->value($emp_family_details->active_inactive);
         if ($emp_family_details->active_inactive == 'Active') {
             $status->addonRight($ui->button()->icon($ui->icon('check')->id('icon'))->id('edit_status_toggle')->uiType('success'));
         } else {
             $status->addonRight($ui->button()->icon($ui->icon('times')->id('icon'))->id('edit_status_toggle')->uiType('danger'));
         }
         $status->extras('readonly')->width(3)->t_width(3)->show();
         $inrow->close();
         $ui->input()->name("edit_address" . $sno)->id("edit_address" . $sno)->value($emp_family_details->present_post_addr)->label('Present Postal Address')->show();
         $ui->imagePicker()->label("Photograph")->containerId('edit_photo_container' . $sno)->id('edit_photo' . $sno)->name('edit_photo' . $sno)->show();
         echo '<center>';
         $ui->button()->uiType('primary')->flat()->submit()->name('save')->value('Save')->icon($ui->icon('floppy-o'))->show();
         $ui->button()->uiType('danger')->flat()->name('cancel')->value('Cancel')->extras('onClick="closeframe();"')->icon($ui->icon('times'))->show();
         echo '</center>';
         $box->close();
         $col->close();
         $row->close();
         $form->close();
     }
     break;
 case 4:
     if ($emp_education_details) {
         $form = $ui->form()->id('edit_emp_education_details')->action('employee/edit/update_old_education_details/' . $sno)->extras('onSubmit="return onclick_save(' . $sno . ');"')->open();
         $row = $ui->row()->open();
         $col = $ui->col()->open();

$studenteditable_details->close();
$photedit_row_0 = $ui->row()->open();
$photoedit_box_1 = $ui->box()->title('Profile Pic')->solid()->uiType('primary')->open();
$photoedit_row_4 = $ui->row()->open();
$photoedit_col_4_1 = $ui->col()->width(4)->open();
$photoedit_col_4_1->close();
$photoedit_col_4_2 = $ui->col()->width(4)->open();
if ($photopath == FALSE || $photopath == "") {
    echo '<img src="' . base_url() . 'assets/images/student/noProfileImage.png" id="view_photo" width="145" height="150"/>';
} else {
    echo '<img src="' . base_url() . 'assets/images/' . $photopath . '" id="view_photo" width="145" height="150"/>';
}
$photoedit_col_4_2->close();
$photoedit_row_4->close();
$photoedit_row_1 = $ui->row()->open();
$upload_img = $ui->imagePicker()->id('photo')->name('photo')->width(12)->show();
$photoedit_row_1->close();
$photoedit_box_1->close();
$photedit_row_0->close();
$student_details_row_2 = $ui->row()->open();
$student_details_2_1 = $ui->col()->width(5)->open();
$student_details_2_1->close();
$ui->button()->submit(true)->value('Submit')->uiType('primary')->id('submit_button_id')->width(2)->show();
$student_details_row_2->close();
$student_details_row_3 = $ui->row()->open();
$student_details_3_1 = $ui->col()->width(11)->open();
$student_details_3_1->close();
?>
<a href= <?php 
echo site_url('student/student_edit');
?>

$ui->callout()->uiType("info")->desc("See wiki for a detailed explanation of creating each type of element.")->show();
$ui->input()->type("text")->label("Text")->placeholder("Text")->show();
$ui->input()->type("text")->label("A textbox with help")->placeholder("Text")->help("Some help text goes here")->show();
$ui->input()->type("text")->label("Text Disabled")->placeholder("Text Disabled")->disabled()->show();
$ui->textarea()->label("Textarea")->placeholder("Textarea")->show();
$ui->input()->type("text")->label("Input with success")->placeholder("Enter text")->uiType("success")->show();
$ui->input()->type("text")->label("Input with warning")->placeholder("Enter text")->uiType("warning")->show();
$ui->input()->type("text")->label("Input with error")->placeholder("Enter text")->uiType("error")->show();
$ui->checkbox()->label("Checkbox")->show();
$ui->checkbox()->label("Disabled Checkbox")->disabled()->show();
$ui->radio()->label("Radio button")->name("sampleRadio")->checked()->show();
$ui->radio()->label("Another Radio Button")->name("sampleRadio")->show();
$ui->select()->label('Select Box')->name('select_box')->options(array($ui->option()->value('0')->text('Select')->disabled(), $ui->option()->value('1')->text('One'), $ui->option()->value('2')->text('Two'), $ui->option()->value('3')->text('Three'), $ui->option()->value('4')->text('Four')->selected(), $ui->option()->value('5')->text('Five')))->show();
$sampleOptions = array($ui->option()->value('0')->text('Select')->disabled(), $ui->option()->value('1')->text('One'), $ui->option()->value('2')->text('Two'), $ui->option()->value('3')->text('Three'), $ui->option()->value('4')->text('Four')->selected(), $ui->option()->value('5')->text('Five'));
$ui->select()->label('Multiple Select Box')->name('multiple_select_box')->multiple()->options($sampleOptions)->show();
$ui->imagePicker()->label("An image picker")->show();
$ui->datePicker()->label("A date picker")->show();
$ui->timePicker()->label("A time picker")->show();
$ui->slider()->id('slider2')->min('0')->label('A slider')->max('100')->step('1')->grid()->value("15")->show();
$ui->slider()->id('slider1')->label('A ranged slider')->min('0')->max('50000')->step('100')->rangeType()->dataFrom('9000')->dataTo('20000')->prefix('$')->show();
?>
<p>To create input elements with smaller widths, create a <code>Row</code> and place the inputs inside it with their <code>width()</code> property:</p>
<pre>
$inputsRow = $ui->row()->open();
    $ui->input()->type("text")->...->width(2)->show();
    $ui->select()->...->width(4)->show();
    $ui->input()->...->width(6)->show();
$inputsRow->close();
</pre>
<?php 
$textRow = $ui->row()->open();

$col2->close();
$col3 = $ui->col()->width(3)->open();
echo '<label>Kashmiri Immigrant<span style= "color:red;"> *</span></label>';
$ui->radio()->name('kashmiri')->value('yes')->label('Yes')->show();
$ui->radio()->name('kashmiri')->value('no')->label('No')->checked()->show();
$col3->close();
$row2->close();
$row5 = $ui->row()->open();
$ui->input()->width(3)->name('father')->required()->label('Father\'s Name<span style= "color:red;"> *</span>')->show();
$ui->input()->width(3)->name('mother')->required()->label('Mother\'s Name<span style= "color:red;"> *</span>')->show();
$row5->close();
$row6 = $ui->row()->open();
$ui->select()->width(3)->name('category')->label('Category<span style= "color:red;"> *</span>')->options(array($ui->option()->value('General')->text('GEN')->selected(), $ui->option()->value('OBC')->text('OBC'), $ui->option()->value('SC')->text('SC'), $ui->option()->value('ST')->text('ST'), $ui->option()->value('Others')->text('Others')))->show();
$ui->input()->width(3)->name('nationality')->required()->value('Indian')->label('Nationality<span style= "color:red;"> *</span>')->show();
$ui->input()->width(3)->name('religion')->required()->label('Religion<span style= "color:red;"> *</span>')->show();
$ui->imagePicker()->width(12)->label("Photograph<span style= \"color:red;\"> *</span>")->required()->id('photo')->name('photo')->show();
$row6->close();
$basic_box->close();
$col->close();
$col = $ui->col()->width(4)->open();
$emp_box = $ui->box()->uiType('primary')->solid()->title('Employment Details')->open();
$ui->select()->name('tstatus')->id('tstatus')->label('Employee Type<span style= "color:red;"> *</span>')->options(array($ui->option()->value('ft')->text('Faculty')->selected(), $ui->option()->value('nfta')->text('Non Faculty (Academic)'), $ui->option()->value('nftn')->text('Non Faculty (Non Academic)')))->show();
$ui->datePicker()->label('Date of Joining<span style= "color:red;"> *</span>')->name('entrance_age')->required()->dateFormat('dd-mm-yyyy')->addonRight($ui->icon("calendar"))->value(date("d-m-Y"))->show();
$ui->select()->name('designation')->label('Designation<span style= "color:red;"> *</span>')->id('des')->show();
$ui->select()->name('department')->label('Department/Section<span style= "color:red;"> *</span>')->id('depts')->show();
$ui->input()->name('research_int')->id('res_int_id')->label('Research Interest')->show();
$ui->select()->name('empnature')->label('Nature of Employment<span style= "color:red;"> *</span>')->options(array($ui->option()->value('permanent')->text('Permanent'), $ui->option()->value('temporary')->text('Temporary'), $ui->option()->value('probation')->text('Probation'), $ui->option()->value('contract')->text('Contract'), $ui->option()->value('others')->text('Others')))->show();
$ui->datePicker()->label('Date of Retirement<span style= "color:red;"> *</span>')->id('retire')->name('retire')->required()->dateFormat('dd-mm-yyyy')->addonRight($ui->icon("calendar"))->show();
$emp_box->close();
$pay_box = $ui->box()->uiType('primary')->solid()->title('Salary Details')->open();
$ui->select()->name('payscale')->id('payscale')->label('Pay Band<span style= "color:red;"> *</span>')->options($pay_options)->required()->show();

$col1->close();
if ($pending_photopath) {
    $col2 = $ui->col()->width(6)->open();
    if ($pending_photopath == FALSE || $pending_photopath == "") {
        echo '<img src="' . base_url() . 'assets/images/employee/noProfileImage.png" id="pending_photo" width="145" height="150"/>';
    } else {
        echo '<img id="pending_photo" src="' . base_url() . 'assets/images/' . $pending_photopath . '"  height="150" />';
    }
    if ($status == 'pending') {
        echo '<br>' . $ui->label()->uiType('info')->text('Pending');
    } else {
        if ($status == 'rejected') {
            echo '<br>' . $ui->label()->uiType('danger')->text('Rejected');
        }
    }
    $col2->close();
}
echo '</div></center>';
$row1->close();
$row2 = $ui->row()->open();
$ui->imagePicker()->width(12)->label("Select New Picture<span style= \"color:red;\"> *</span>")->required()->id('photo')->name('photo')->show();
$row2->close();
echo '<a href="' . site_url('employee/edit') . '">';
$ui->button()->value("Back")->large()->uiType('primary')->icon($ui->icon("arrow-left"))->show();
echo '</a>';
$ui->button()->submit()->classes("pull-right")->value('Save')->name('submit')->large()->uiType('primary')->icon($ui->icon("floppy-o"))->show();
echo "<br />";
$profile_box->close();
$col->close();
$row->close();
$form->close();

$guardinput = $ui->col()->width(4)->t_width(8)->m_width(12)->open();
$ui->input()->id('permanentaddress')->name('permanentaddress')->placeholder('Enter Permanent Address')->addonLeft($ui->icon("building"))->value($details_of_a_guard['permanentaddress'])->required()->show();
$guardinput->close();
$addressRow->close();
$photoRow = $ui->row()->id('photoRow')->open();
$guardlabel = $ui->col()->width(2)->t_width(4)->m_width(12)->open();
echo 'Qualification';
$guardlabel->close();
$guardinput = $ui->col()->width(4)->t_width(8)->m_width(12)->open();
$ui->input()->id('qualification')->name('qualification')->placeholder('Enter Qualification')->addonLeft($ui->icon("book"))->value($details_of_a_guard['qualification'])->required()->show();
$guardinput->close();
$photolabel = $ui->col()->width(2)->t_width(4)->m_width(12)->open();
echo 'Photo';
$photolabel->close();
$photoinput = $ui->col()->width(4)->t_width(8)->m_width(12)->open();
$ui->imagePicker()->name('photo')->id('photo')->addonLeft($ui->icon("upload"))->containerId('edit_photo_container')->show();
echo '(*size less than 1 MB jpeg/bmp/png/jpg/gif)';
$photoinput->close();
$photoRow->close();
$buttonRow = $ui->row()->open();
$abuttonCol = $ui->col()->width(5)->t_width(2)->m_width(4)->open();
$abuttonCol->close();
$bbuttonCol = $ui->col()->width(2)->t_width(8)->m_width(4)->open();
$ui->button()->value('Save')->uiType('primary')->submit()->icon($ui->icon('save'))->name('savesubmit')->show();
$bbuttonCol->close();
$cbuttonCol = $ui->col()->width(5)->t_width(2)->m_width(4)->open();
$cbuttonCol->close();
$buttonRow->close();
$ui->input()->id('Regno')->name('Regno')->extras("type='hidden'")->value($details_of_a_guard['Regno'])->show();
$form->close();
$headingBox->close();

$editable_details_row_1 = $ui->row()->open();
$ui->input()->label('Email')->name('email')->type('email')->required()->width(3)->show();
$ui->input()->label('Alternate Email')->name('alternate_email_id')->id('alternate_email_id')->type('email')->width(3)->show();
$ui->input()->label('Mobile No.')->name('mobile')->id('mobile')->required()->width(3)->show();
$ui->input()->label('Alternate Mobile No.')->name('alternate_mobile')->id('alternate_mobile')->width(3)->show();
$editable_details_row_1->close();
$editable_details_row_2 = $ui->row()->open();
$ui->input()->label('Hobbies')->name('hobbies')->width(3)->id('hobbies')->show();
$ui->input()->label('Favourite Pass Time')->name('favpast')->id('favpast')->width(3)->show();
$ui->input()->label('Extra-Curricular Activities')->name('extra_activity')->id('extra_activity')->width(3)->show();
$ui->input()->label('Any other relevant information')->name('any_other_information')->id('any_other_information')->width(3)->show();
$editable_details_row_2->close();
$student_editable_details_box->close();
$student_photo_details_box = $ui->box()->uiType('primary')->solid()->title('Photograph')->open();
$photo_details_row_1 = $ui->row()->open();
$upload_img = $ui->imagePicker()->id('photo')->width(12)->name('photo')->required()->help("Please use a recent passport size photograph of maximum size 200KB.")->show();
$photo_details_row_1->close();
$student_photo_details_box->close();
$student_password_details_box = $ui->box()->uiType('primary')->solid()->title('Password')->open();
$password_detail_row = $ui->row()->open();
$callCol = $ui->col()->width(12)->open();
$ui->callout()->uiType("warning")->desc("This password is different from that of the Feedback System. This is the password that will be used to login to MIS, once your account has been created.")->show();
$callCol->close();
$ui->input()->type('password')->label('Password')->id('password')->name('password')->required()->width(6)->show();
$ui->input()->type('password')->label('Confirm Password')->id('confirm_password')->name('confirm_password')->required()->width(6)->show();
$password_detail_row->close();
$student_password_details_box->close();
$shift_submit_button_col = $ui->col()->width(5)->open();
$shift_submit_button_col->close();
$ui->button()->submit(true)->value('Submit your details')->uiType('primary')->large()->id('submit_button_id')->show();
?>

$photedit_row_0 = $ui->row()->open();
$photoedit_box_1 = $ui->box()->title('Admission No. ' . $stu_id)->solid()->uiType('primary')->open();
$photoedit_row_4 = $ui->row()->open();
$photoedit_col_4_1 = $ui->col()->width(4)->open();
echo '<label>Previous Profile Pic</label>';
$photoedit_col_4_1->close();
$photoedit_col_4_2 = $ui->col()->width(4)->open();
if ($photopath == FALSE || $photopath == "") {
    echo '<img src="' . base_url() . 'assets/images/student/noProfileImage.png" id="view_photo" width="145" height="150"/>';
} else {
    echo '<img src="' . base_url() . 'assets/images/' . $photopath . '" id="view_photo" width="145" height="150"/>';
}
$photoedit_col_4_2->close();
$photoedit_row_4->close();
$photoedit_row_1 = $ui->row()->open();
$upload_img = $ui->imagePicker()->id('photo')->name('photo')->value('hi')->required()->width(12)->required()->show();
$photoedit_row_1->close();
$photoedit_row_2 = $ui->row()->open();
$photoedit_col_2_1 = $ui->col()->width(5)->open();
$photoedit_col_2_1->close();
$ui->button()->submit(true)->value('Save')->uiType('primary')->width(2)->show();
$photoedit_row_2->close();
$photoedit_row_3 = $ui->row()->open();
$photoedit_col_3_1 = $ui->col()->width(11)->open();
$photoedit_col_3_1->close();
?>

                        <a href= <?php 
echo site_url('student/student_edit');
?>
 ><?php 

    $table->close();
    $box->close();
    $col->close();
    $upRow->close();
}
$form = $ui->form()->id('emp_fam_details')->multipart()->action('employee/add/insert_family_details/' . $add_emp_id)->open();
$row = $ui->row()->open();
$col = $ui->col()->width(12)->open();
$box = $ui->box()->uiType('primary')->title('Add Dependent Family Members Details')->tooltip("Click Add after entering following details")->open();
$row11 = $ui->row()->open();
$ui->input()->name('name3')->label('Name')->placeholder('Enter Full Name')->width(6)->show();
$ui->select()->name('relationship3')->label('Relationship')->width(3)->options(array($ui->option()->value("")->text("Choose One")->disabled()->selected(), $ui->option()->value("Father")->text("Father"), $ui->option()->value("Mother")->text("Mother"), $ui->option()->value("Spouse")->text("Spouse"), $ui->option()->value("Son")->text("Son"), $ui->option()->value("Daughter")->text("Daughter")))->show();
$ui->datePicker()->name('dob3')->dateFormat('dd-mm-yyyy')->addonRight($ui->icon("calendar"))->placeholder("dd-mm-yyyy")->label('DOB')->width(3)->show();
$row11->close();
$row12 = $ui->row()->open();
$ui->input()->name("profession3")->placeholder("Enter Profession")->label('Profession')->width(4)->t_width(5)->show();
$ui->input()->name('active3')->label('Active/Inactive')->value('Active')->addonRight($ui->button()->icon($ui->icon('check')->id('icon'))->id('status_toggle')->uiType('success'))->extras('readonly')->width(3)->t_width(3)->show();
$row12->close();
$row13 = $ui->row()->open();
$ui->input()->name("addr3")->placeholder('Enter Present Postal Address')->label('Present Postal Address')->width(12)->t_width(12)->show();
$row13->close();
$row14 = $ui->row()->open();
$ui->imagePicker()->width(12)->label("Photograph")->id('photo3')->name('photo3')->show();
$row14->close();
$box->close();
$col->close();
$row->close();
$ui->button()->submit()->id('add_btn')->name('submit')->value("Add")->large()->uiType('primary')->icon($ui->icon("plus"))->show();
$ui->button()->submit()->id('next_btn')->classes("pull-right")->value('Next')->name('submit')->large()->uiType('primary')->icon($ui->icon("arrow-right"))->show();
echo "<br />";
$form->close();

$guardlabel->close();
$guardinput = $ui->col()->width(4)->t_width(8)->m_width(12)->open();
$ui->input()->id('permanentaddress')->name('permanentaddress')->addonLeft($ui->icon("building"))->placeholder('Enter Permanent Address')->required()->show();
$guardinput->close();
$addressRow->close();
$photoRow = $ui->row()->id('photoRow')->open();
$guardlabel = $ui->col()->width(2)->t_width(4)->m_width(12)->open();
echo 'Qualification';
$guardlabel->close();
$guardinput = $ui->col()->width(4)->t_width(8)->m_width(12)->open();
$ui->input()->id('qualification')->name('qualification')->addonLeft($ui->icon("book"))->placeholder('Enter Qualification')->required()->show();
$guardinput->close();
$photolabel = $ui->col()->width(2)->t_width(4)->m_width(12)->open();
echo 'Photo';
$photolabel->close();
$photoinput = $ui->col()->width(4)->t_width(8)->m_width(12)->open();
$ui->imagePicker()->name('photo')->id('photo')->addonLeft($ui->icon("upload"))->required()->show();
echo '(*size less than 1 MB jpeg/bmp/png/jpg/gif)';
$photoinput->close();
$photoRow->close();
$buttonRow = $ui->row()->open();
$abuttonCol = $ui->col()->width(5)->t_width(2)->m_width(4)->open();
$abuttonCol->close();
$bbuttonCol = $ui->col()->width(2)->t_width(8)->m_width(4)->open();
$ui->button()->value('Add')->icon($ui->icon('plus'))->uiType('primary')->submit()->name('addsubmit')->show();
$bbuttonCol->close();
$cbuttonCol = $ui->col()->width(5)->t_width(2)->m_width(4)->open();
$cbuttonCol->close();
$buttonRow->close();
$form->close();
$headingBox->close();