August 13, 2017

Git Notes

441  git init
  442  git config user.name myusername
  443  git config user.email my@gmail.com
  444  git config user.name
  445  git config user.email
  446  git remote add origin https://github.com/myusername
  452  git pull origin master
  453  git add .
  454  git commit -m "Inisialisasi project"
  455  git push origin master

VueJS Example

Just an example, not a full article

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
 <div id="app">
  <!-- Button trigger modal -->
  <button id="validate-trigger-1" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
   Launch demo modal
  </button>

  <button id="validate-trigger-2">Validate</button>

  <!-- Modal -->
  <div id="myModal" class="modal fade" tabindex="-1" role="dialog">
   <div class="modal-dialog" role="document">
    <div class="modal-content">
     <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">Pilih BBB</h4>
     </div>
     <div class="modal-body">

    <?php /* {{-- Start milih --}} */ ?>
      <select v-on:change="milih_a" v-model="pil_a" name="bbb" id="bbb">

      <option value="">-- Pilih Salah Satu --</option>
       <option v-for="pil in pilihan" :value="pil.value">{{pil.option}}</option>
      </select>

      <div v-if="pil_a != ''">
       <select v-on:change="milih_jk" v-model="pil_jk" name="jkjkjk" id="jkjkjk">
        <option value="">-- Pilih GGG --</option>
        <option v-for="k in jk" :value="k.value">{{k.option}}</option>
       </select>
      </div>

      <div v-if="pil_jk != ''">
       <select v-model="pil_d" name="ppp" id="ppp">
        <option value="">-- Pilih PPP --</option>
        <option v-for="d in dikum" :value="d">{{d}}</option>
       </select>
      </div>

      <div v-if="pil_d != ''">
       <input type="" name="jjj" id="jjj" placeholder="Isi dengan jjj">
       <div v-if="pil_a == 'ugl'">
        <select v-model="pil_skill" name="kkk" id="kkk">
         <option value="">-- Pilih KKK --</option>
         <option v-for="s in kkk" :value="s">{{s}}</option>
        </select>
       </div>
       <div v-if="pil_a == 'aaa'">
        <select v-model="pil_olga" name="ooo" id="ooo">
         <option value="">-- Pilih OOO --</option>
         <option v-for="o in ooo" :value="o">{{o}}</option>
        </select>
       </div>
      </div>
      <?php /* {{-- End of pilihan --}} */ ?>
     </div>
     <div class="modal-footer">
      <span class="pull-left">Klik simpan</span>
      <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
      <button id="save-pilihan" type="button" class="btn btn-primary">Simpan</button>
     </div>
    </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
 </div>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
 <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script src="https://unpkg.com/vue"></script>
 <script>
  $(document).ready(function(){
   $('#save-pilihan').on('click', function(event){
    $.ajax({
                    type : "POST",
                    url  : 'test2post.php',
                    data :  {
                        ordinal: 1,
                        bbb: $('#bbb').val(),
      jkjkjk: $('#jkjkjk').val(),
      ppp: $('#ppp').val(),
      jjj: $('#jjj').val(),
      kkk: $('#kkk').val(),
      ooo: $('#ooo').val()
                    },
                    dataType : 'json',
                    complete : function(data){
                     console.log(data.responseText);
                     if(data.responseText == '1'){
                      $('#myModal').modal('hide');
                     }
                    }
                });
   });
  });
  
  new Vue({
   el: '#app',
   data: {
    pilihan: [],
    jk: [],
    didi: [ "U" , "A"],
    kkk: [],
    ooo: [],
    pil_a: "",
    pil_jk: "",
    pil_d: "",
    pil_skill: "",
    pil_olga: ""
   },
   methods: {
    milih_jk: function (event) {
     console.log(this.pil_jk);
     if(this.pil_a == 'ugl'){
      if(this.pil_jk == 'a'){
       this.kkk = ["a","b"];
      }
      if(this.pil_jk == 'b'){
       this.kkk = ["MC"];
      }
     }
    }
   }
  })
 </script>
</body>
</html>