Skip to content

PHPWine Boiler plate with bootstrap front end framework grid

Notifications You must be signed in to change notification settings

nielsoffice/PHPWine-Boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

PHPWine-Boilerplate

PHPWine Boiler plate with bootstrap front end framework grid

 // Child Boilerplate wine v1.3.1.0 
 // Bootstrap container 
 
 echo div([ CHILD => [

    ['div', ATTR  => ['class'=>'container']
          , VALUE => [ div(function() {
            
           $wine_touched = '';

           $wine_touched .= div([ CHILD => [
                
             ['h1', VALUE => ['Child 1 Heading']],
             ['p',  VALUE => ['Child 1 Descript']]

             ]
            ],[['class'],['col-12']]);

            $wine_touched .= div([ CHILD => [
              
             ['h1', VALUE => ['Child 2 Heading']],
             ['p',  VALUE => ['Child 2 Descript']]

             ]
            ],[['class'],['col-12']]);
             
          return ($wine_touched);
            
        },[['class'],['row']])]
    ]
  ]
 ],[['class'],['fluid-container']]);
 
<!-- End result -->
<div class="fluid-container">
<div class="container">

  <div class="row">

   <div class="col-12">
     <h1>Child 1 Heading</h1>
     <p>Child 1 Descript</p>
   </div>
   <div class="col-12">
     <h1>Child 2 Heading</h1>
     <p>Child 2 Descript</p>
   </div>
   
  </div>

</div>
</div>

Class Child element VALUE Layered array @ wine v 1.3.1.1

   echo div([ CHILD => [

   ['div', ATTR  => ['class' => 'container']
         , VALUE => [(new Class {

            public function rendered_output() {

              return  wine_extract([
                
                $this->layer_first_column(),
                $this->layer_second_column()
    
              ]);
    
            }

            private function layer_first_column() {
                
                return div([ CHILD => [

                    ['h3'],
                    ['p']
                   
                ]],[['class'],['col-12']]); 

            }

            private function layer_second_column() {
                
                return div([ CHILD => [

                    ['h3'],
                    ['p']
                   
                ]],[['class'],['col-12']]); 

            }
            
         })->rendered_output()],[['class'],['row']]
   
   ]
   
   ]],[['class'],['fluid-container']]);
<!-- End result -->
<div class="fluid-container">
 <div class="container">
  
  <!-- col 1 -->
  <div class="col-12">
    <h3></h3>
    <p></p>
  </div>

  <!-- col 2 -->
  <div class="col-12">
    <h3></h3>
    <p></p>
  </div>
  
</div>
</div>
 // Loop VALUE childElement array must be string! 
 echo div([ CHILD => [
    
    ['div', VALUE => [ (new class {

      public array $data = [1,2,3,4];

      public function pp() {

        $bb = []; foreach($this->data as $val ) {

          $bb[] = $val;
           
        }

        return implode('',  $bb);
    
      }

    })->pp()]]

  ]]);
 <!-- end result -->
<div>
 <div> 1234 </div>
</div>

Wine working with arrays of data and loop into html Elements wine v1.3.1.1

 // Data as array
$data = array(
  
   'name'   => [ 'john', 'Mark', 'Steve', 'Myla'],
   'mobile' => [ '123', '456', '789', '987'],
   'email'  => [ '[email protected]','[email protected]', '[email protected]','[email protected]']

);

 $appened = [];
 
 foreach (  $data as $key => $value) {
    
   $appened[] = div(function() use ($value,  $key) {

       $appenedChild = [];

       foreach ($value as $request_d) {

           $appenedChild[] = div([ CHILD => [

               ['h1', VALUE => [$key] ],
               ['p',  VALUE => [$request_d] ]
               
           ]]);

       }

       return wine_extract($appenedChild);
   
    },[['class'],['make-ap']]);
   
 }

echo  wine_extract($appened);
<!-- End result -->

<div class="make-app">
  <div>
   <h1>name</h1>
    <p>john</p>
  </div>

  <div>
   <h1>name</h1>
   <p>Mark</p>
  </div>
 
</div> 
<!-- and so on... -->

<div class="make-app">
  <div>
    <h1>mobile</h1>
    <p>123</p>
  </div>
  
 <div>
   <h1>mobile</h1>
   <p>456</p>
 </div>

</div>
  <!-- and so on... -->
   
<div class="make-app">

 <div>
   <h1>email</h1>
   <p>[email protected]</p>
</div>

 <div>
    <h1>email</h1>
    <p>[email protected]</p>
  </div>

</div>
  <!-- and so on... -->
 $condition_statement = 0; // condition_statement true or false

 echo div([ CHILD => [
     
    ['div', ATTR  => ['class' => 'container']
          , VALUE => [(new class {

            public function rendered_output($condition_statement) {

                return  wine_extract([
                  
                  $this->layer1_condition_statement($condition_statement)
      
                ]);
      
            }

            public function layer1_condition_statement( bool $condition_statement ) : string {

              return  div(function() use ( $condition_statement ) { $val = ''; 
                
                  if( $condition_statement ) {

                    $val = div(
                         
                       ELEM('img')
                      .ELEM('p','True')
                        
                    ,[['class','style'],['avatar-container','background-color: #f89727']]);
            
                    } else {
            
                     $val .= div(
                         
                       ELEM('img')
                      .ELEM('p','False')
                            
                     ,[['class','style'],['avatar-container','background-color: #239727']]);
                
                    }
                 
                    return $val;
                    
                },[['class'],['col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4']]);

            }

          })->rendered_output($condition_statement)

      ]]

   ]]

,[['class'],['flud-container']]);
<!-- nothing special if you get false or ELSE result -->
<div class="flud-container">
 <div class="container">
   <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
    <div class="avatar-container" style="background-color: #239727">
     
     <img>
     <p>False</p>
     
    </div>
   </div>
 </div>
</div>

Thanks To:

Github : To allow me to upload my PHPWine plugin Vanilla Flavour to repository
php.net : To oppurtunity Develop web application using corePHP - PHPFrameworks



Would you like me to treat a cake and coffee ?
Become a donor, Because with you! We can build more...

Donate:
GCash : +639650332900
Paypal account: [email protected]



Thanks and good luck!

PHPWine Boilerplate with bootstrap front end framework grid

About

PHPWine Boiler plate with bootstrap front end framework grid

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages