Halaman utama Jelajahi Bantuan
Masuk
control
/
hometab
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Jelajahi Sumber

'added_a_textbox_in_createandeditpage'

eddy 3 tahun lalu
induk
2fda408e0e
melakukan
f5087e2eef
3 mengubah file dengan 45 tambahan dan 22 penghapusan
Unified View Tampilkan Statistik Diff
  1. 3 0
      app/templates/base.html
  2. 20 10
      app/templates/create_bookmark.html
  3. 22 12
      app/templates/edit_bookmark.html

+ 3 - 0
app/templates/base.html
Tampilan Berkas 

@@ -44,6 +44,9 @@
 
         .navbar-nav-right {
 
         .navbar-nav-right {
 
             margin-left: auto;
 
             margin-left: auto;
 
         }
 
         }
 
+        a {
 
+            font-size: 18px;
 
+        }
 
     </style>
 
     </style>
 
     
     
     <body>
 
     <body>

+ 20 - 10
app/templates/create_bookmark.html
Tampilan Berkas 

@@ -1,7 +1,16 @@
 
 {% extends "base.html" %}
 
 {% extends "base.html" %}
 
 
 
 {% block content %}
 
 {% block content %}
 
-
 
+<script type="text/javascript">
 
+  function CheckOtherToShowTextBox(val){
 
+   var element=document.getElementById('web_group');
 
+   if(val=='others')
 
+     element.style.display='block';
 
+   else  
+     element.style.display='none';
 
+  }
 
+  
+</script>  
     <div class="container py-5 h-100">
 
     <div class="container py-5 h-100">
 
       <div class="row d-flex justify-content-center align-items-center h-100">
 
       <div class="row d-flex justify-content-center align-items-center h-100">
 
         <div class="col col-xl-10">
 
         <div class="col col-xl-10">
 
@@ -29,21 +38,22 @@
 
                     </div>
 
                     </div>
 
   
   
                     <div class="form-outline mb-4">
 
                     <div class="form-outline mb-4">
 
-                        <label class="form-label" for="web_name">Name</label>
 
+                      <label class="form-label" for="web_name">Name</label>
 
                       <input type="text" id="web_name" class="form-control form-control-lg" />
 
                       <input type="text" id="web_name" class="form-control form-control-lg" />
 
                     </div>
 
                     </div>
 
 
 
                     <div class="form-outline mb-4">
 
                     <div class="form-outline mb-4">
 
                         <label class="form-label" for="web_group">Group Name</label><br>
 
                         <label class="form-label" for="web_group">Group Name</label><br>
 
-                        <select name="web_group" id="web_group">
 
-                            <option value="Calculator">Calculator</option>
 
-                            <option value="Cipher_Encoder">Cipher Encoder</option> 
-                            <option value="Education">Education</option>     
-                            <option value="Online_food_ordering">Online food ordering</option>
 
-                            <option value="Restaurant">Restaurant</option> 
-                            <option value="Social_Media">Social Media</option> 
-                            <option value="Other">*Other</option>               
+                        <select name="web_group" onchange='CheckOtherToShowTextBox(this.value);'> 
+                          <option value="Calculator">Calculator</option>
 
+                          <option value="Cipher_Encoder">Cipher Encoder</option> 
+                          <option value="Education">Education</option>     
+                          <option value="Online_food_ordering">Online food ordering</option>
 
+                          <option value="Restaurant">Restaurant</option> 
+                          <option value="Social_Media">Social Media</option> 
+                          <option value="others">Others</option>   
                         </select>
 
                         </select>
 
+                        <input type="text" name="web_group" id="web_group" style='display:none;'/>
 
                     </div>  
                     </div>  
                     
                     
                     <div class="form-outline mb-4">
 
                     <div class="form-outline mb-4">

+ 22 - 12
app/templates/edit_bookmark.html
Tampilan Berkas 

@@ -1,7 +1,16 @@
 
 {% extends "base.html" %}
 
 {% extends "base.html" %}
 
 
 
 {% block content %}
 
 {% block content %}
 
-
 
+<script type="text/javascript">
 
+  function CheckOtherToShowTextBox(val){
 
+   var element=document.getElementById('web_group');
 
+   if(val=='others')
 
+     element.style.display='block';
 
+   else  
+     element.style.display='none';
 
+  }
 
+  
+</script>  
     <div class="container py-5 h-100">
 
     <div class="container py-5 h-100">
 
       <div class="row d-flex justify-content-center align-items-center h-100">
 
       <div class="row d-flex justify-content-center align-items-center h-100">
 
         <div class="col col-xl-10">
 
         <div class="col col-xl-10">
 
@@ -9,8 +18,8 @@
 
             <div class="row g-0">
 
             <div class="row g-0">
 
               <div class="col-md-6 col-lg-5 d-none d-md-block">
 
               <div class="col-md-6 col-lg-5 d-none d-md-block">
 
                 <img
 
                 <img
 
-                  src="/static/logo/edit_logo.png"
 
-                  alt="edit_logo"
 
+                  src="/static/logo/bookmark_logo.png"
 
+                  alt="bookmark_logo"
 
                   class="img-fluid" style="border-radius: 1rem 0 0 1rem;"
 
                   class="img-fluid" style="border-radius: 1rem 0 0 1rem;"
 
                 />
 
                 />
 
               </div>
 
               </div>
 
@@ -29,21 +38,22 @@
 
                     </div>
 
                     </div>
 
   
   
                     <div class="form-outline mb-4">
 
                     <div class="form-outline mb-4">
 
-                        <label class="form-label" for="web_name">Name</label>
 
+                      <label class="form-label" for="web_name">Name</label>
 
                       <input type="text" id="web_name" class="form-control form-control-lg" />
 
                       <input type="text" id="web_name" class="form-control form-control-lg" />
 
                     </div>
 
                     </div>
 
 
 
                     <div class="form-outline mb-4">
 
                     <div class="form-outline mb-4">
 
                         <label class="form-label" for="web_group">Group Name</label><br>
 
                         <label class="form-label" for="web_group">Group Name</label><br>
 
-                        <select name="web_group" id="web_group">
 
-                            <option value="Calculator">Calculator</option>
 
-                            <option value="Cipher_Encoder">Cipher Encoder</option> 
-                            <option value="Education">Education</option>     
-                            <option value="Online_food_ordering">Online food ordering</option>
 
-                            <option value="Restaurant">Restaurant</option> 
-                            <option value="Social_Media">Social Media</option> 
-                            <option value="Other">*Other</option>               
+                        <select name="web_group" onchange='CheckOtherToShowTextBox(this.value);'> 
+                          <option value="Calculator">Calculator</option>
 
+                          <option value="Cipher_Encoder">Cipher Encoder</option> 
+                          <option value="Education">Education</option>     
+                          <option value="Online_food_ordering">Online food ordering</option>
 
+                          <option value="Restaurant">Restaurant</option> 
+                          <option value="Social_Media">Social Media</option> 
+                          <option value="others">Others</option>   
                         </select>
 
                         </select>
 
+                        <input type="text" name="web_group" id="web_group" style='display:none;'/>
 
                     </div>  
                     </div>  
                     
                     
                     <div class="form-outline mb-4">
 
                     <div class="form-outline mb-4">