update

lib/framework/static/js/ff_ui1.js

@@ -1,3 +1,74 @@
+function m_button_group(h) {
+  var str = '<div class="btn-group btn-group-sm flex-wrap mr-2" role="group">';
+  str += h
+  str += '</div>';
+  return str;
+}
+
+// primary, secondary, success, danger, warning, info, light, dark, white
+function m_button(id, text, data={}, color='success', outline=true, small=false) {
+  var str = '<button id="'+id+'" name="'+id+'" class="btn btn-sm btn';
+  if (outline) {
+    str += '-outline';
+  }
+  str += '-' + color+'';
+  if (small) {
+    str += ' py-0" style="font-size: 0.8em;"';
+  } else {
+    str += '" ';
+  }
+  for ( var key in data) {
+    str += ' data-' + key + '="' + data[key]+ '" '
+  }
+  str += '>' + text + '</button>';
+  return str;
+}
+
+function m_button_small(id, text, data={}, color='success', outline=true) {
+  return m_button(id, text, data, color, outline, true);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 // javascript에서 화면 생성
 function text_color(text, color='red') {
   return '<span style="color:'+color+'; font-weight:bold">' + text + '</span>';
@@ -89,40 +160,6 @@ function m_col_wide(w, h, align='left') {
 }
 
 
-function m_button_group(h) {
-  var str = '<div class="btn-group btn-group-sm flex-wrap mr-2" role="group">';
-  str += h
-  str += '</div>';
-  return str;
-}
-
-function m_button(id, text, data) {
-  var str = '<button id="'+id+'" name="'+id+'" class="btn btn-sm btn-outline-success" '
-  for ( var i in data) {
-    str += ' data-' + data[i].key + '="' + data[i].value+ '" '
-  }
-  str += '>' + text + '</button>';
-  return str;
-}
-
-function m_button_small(id, text, data, color='danger') {
-  var str = '<button id="'+id+'" name="'+id+'" class="btn btn-sm btn-'+color+' py-0" style="font-size: 0.8em;" '
-  for ( var i in data) {
-    str += ' data-' + data[i].key + '="' + data[i].value+ '" '
-  }
-  str += '>' + text + '</button>';
-  return str;
-}
-
-function m_button2(id, text, data, outline_color) {
-  var str = '<button id="'+id+'" name="'+id+'" class="btn btn-sm btn-outline-'+outline_color+'" '
-  for ( var i in data) {
-    str += ' data-' + data[i].key + '="' + data[i].value+ '" '
-  }
-  str += '>' + text + '</button>';
-  return str;
-}
-