widget-configurator.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [],
   "source": [
    "import ipywidgets as widgets\n",
    "from IPython.display import display"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 122,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "0d65356babe0454cb41786fe6115afe5",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Dropdown(description='Widget', options=(('Suwak liczb całkowitych', {'desc': 'Suwak do określania liczby całko…"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "c01aae621a4c47b1ad98763aadfe3f69",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Label(value='Suwak do określania liczby całkowitej z wybranego zakresu')"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "6fefec4424794fc6a8c1de8aa79560a5",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "VBox(children=(IntText(value=0, description='value', description_tooltip='wybrana wartość suwaka'), IntText(va…"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "5507e04c4789486b90b4af85ff06eed8",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Button(description='Generuj', icon='check', style=ButtonStyle())"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "d8b7fd338b4948b4ae6cfe871ad05b56",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Output(layout=Layout(border='1px solid black'))"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "widget_repo = {'Suwak liczb całkowitych': \n",
    "                    {'desc': 'Suwak do określania liczby całkowitej z wybranego zakresu',\n",
    "                     'cons': 'IntSlider({})',\n",
    "                     'cat' : 'numeric',\n",
    "                     'props': {'value': \n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'wybrana wartość suwaka',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'min': \n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'wartość minimalna suwaka',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'max':\n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'wartość maksymalna suwaka',\n",
    "                                     'def' : 100\n",
    "                                    },\n",
    "                               'step': \n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'skok suwaka',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'description': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis/etykieta wyświetlany przy suwaku',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'description_tooltip':\n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis wyświetlany przy najechaniu kursorem na suwak',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'disabled': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy suwak jest wyłączony/nieaktywny',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'continuous_update': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wartość zmienia się podczas przeciągania myszą lub dopiero po puszczeniu',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'orientation': \n",
    "                                    {'type': 'horizontal|vertical',\n",
    "                                     'desc': 'orientracja pozioma lub pionowa',\n",
    "                                     'def' : 'horizontal'\n",
    "                                    },\n",
    "                               'readout': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wyświetlać aktualną wartość w postaci liczbowej',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'readout_format': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'string formatujący wartość liczbową',\n",
    "                                     'def' : 'd'\n",
    "                                    }\n",
    "                              }\n",
    "                    }, \n",
    "              'Suwak liczb rzeczywistych':\n",
    "                    {'desc': 'Suwak do określania liczby rzeczywistej z wybranego zakresu',\n",
    "                     'cons': 'FloatSlider({})',\n",
    "                     'cat' : 'numeric',\n",
    "                     'props': {'value': \n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'wybrana wartość suwaka',\n",
    "                                     'def' : 0.0\n",
    "                                    },\n",
    "                               'min': \n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'wartość minimalna suwaka',\n",
    "                                     'def' : 0.0\n",
    "                                    },\n",
    "                               'max':\n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'wartość maksymalna suwaka',\n",
    "                                     'def' : 100.0\n",
    "                                    },\n",
    "                               'step': \n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'skok suwaka',\n",
    "                                     'def' : 0.1\n",
    "                                    },\n",
    "                               'description': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis/etykieta wyświetlany przy suwaku',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'description_tooltip':\n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis wyświetlany przy najechaniu kursorem na suwak',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'disabled': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy suwak jest wyłączony/nieaktywny',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'continuous_update': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wartość zmienia się podczas przeciągania myszą lub dopiero po puszczeniu',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'orientation': \n",
    "                                    {'type': 'horizontal|vertical',\n",
    "                                     'desc': 'orientracja pozioma lub pionowa',\n",
    "                                     'def' : 'horizontal'\n",
    "                                    },\n",
    "                               'readout': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wyświetlać aktualną wartość w postaci liczbowej',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'readout_format': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'string formatujący wartość liczbową',\n",
    "                                     'def' : '.2f'\n",
    "                                    }\n",
    "                              }\n",
    "                    },  \n",
    "              'Suwak wykładniczy rzeczywistych':\n",
    "                    {'desc': 'Suwak do określania liczby rzeczywistej w postaci wykładniczej z wybranego zakresu',\n",
    "                     'cons': 'FloatLogSlider({})',\n",
    "                     'cat' : 'numeric',\n",
    "                     'props': {'value': \n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'wybrana wartość suwaka',\n",
    "                                     'def' : 0.0\n",
    "                                    },\n",
    "                               'base':\n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'podstawa liczby wykładniczej',\n",
    "                                     'def' : 10.0                                        \n",
    "                                    },\n",
    "                               'min': \n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'wartość minimalna wykładnika',\n",
    "                                     'def' : 0.0\n",
    "                                    },\n",
    "                               'max':\n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'wartość maksymalna wykładnika',\n",
    "                                     'def' : 10000.0\n",
    "                                    },\n",
    "                               'step': \n",
    "                                    {'type': 'float',\n",
    "                                     'desc': 'skok wykładnika liczby',\n",
    "                                     'def' : 0.1\n",
    "                                    },\n",
    "                               'description': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis/etykieta wyświetlany przy suwaku',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'description_tooltip':\n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis wyświetlany przy najechaniu kursorem na suwak',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'disabled': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy suwak jest wyłączony/nieaktywny',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'continuous_update': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wartość zmienia się podczas przeciągania myszą lub dopiero po puszczeniu',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'orientation': \n",
    "                                    {'type': 'horizontal|vertical',\n",
    "                                     'desc': 'orientracja pozioma lub pionowa',\n",
    "                                     'def' : 'horizontal'\n",
    "                                    },\n",
    "                               'readout': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wyświetlać aktualną wartość w postaci liczbowej',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'readout_format': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'string formatujący wartość liczbową',\n",
    "                                     'def' : '.2f'\n",
    "                                    }\n",
    "                              }\n",
    "                    },  \n",
    "              'Zakres liczb całkowitych': \n",
    "                    {'desc': 'Suwak do określania zakresu liczb całkowitych - zwraca tuple dwóch liczb',\n",
    "                     'cons': 'IntRangeSlider({})',\n",
    "                     'cat' : 'numeric',\n",
    "                     'props': {'value': \n",
    "                                    {'type': 'range',\n",
    "                                     'desc': 'wybrana wartość suwaka - zwraca tuple 2 liczb',\n",
    "                                     'def' : '25|75'\n",
    "                                    },\n",
    "                               'min': \n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'wartość minimalna wykładnika',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'max':\n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'wartość maksymalna wykładnika',\n",
    "                                     'def' : 100\n",
    "                                    },\n",
    "                               'step': \n",
    "                                    {'type': 'int',\n",
    "                                     'desc': 'skok wykładnika liczby',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'description': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis/etykieta wyświetlany przy suwaku',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'description_tooltip':\n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'opis wyświetlany przy najechaniu kursorem na suwak',\n",
    "                                     'def' : ''\n",
    "                                    },\n",
    "                               'disabled': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy suwak jest wyłączony/nieaktywny',\n",
    "                                     'def' : 0\n",
    "                                    },\n",
    "                               'continuous_update': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wartość zmienia się podczas przeciągania myszą lub dopiero po puszczeniu',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'orientation': \n",
    "                                    {'type': 'horizontal|vertical',\n",
    "                                     'desc': 'orientracja pozioma lub pionowa',\n",
    "                                     'def' : 'horizontal'\n",
    "                                    },\n",
    "                               'readout': \n",
    "                                    {'type': 'bool',\n",
    "                                     'desc': 'czy wyświetlać aktualną wartość w postaci liczbowej',\n",
    "                                     'def' : 1\n",
    "                                    },\n",
    "                               'readout_format': \n",
    "                                    {'type': 'string',\n",
    "                                     'desc': 'string formatujący wartość liczbową',\n",
    "                                     'def' : '.2f'\n",
    "                                    }\n",
    "                              }\n",
    "                    },  \n",
    "              'Zakres liczb rzeczywistych': '',\n",
    "              'Progress (integer)': '',\n",
    "              'Progress (float)': '',\n",
    "              'Bounded text (integer)': '',\n",
    "              'Bounded text (float)': '',\n",
    "              'Text (integer)': '',\n",
    "              'Text (float)': '',\n",
    "              'Toggle button': '',\n",
    "              'Checkbox': '',\n",
    "              'Valid (read-only)': '',\n",
    "              'Dropdown': '',\n",
    "              'Radio buttons': '',\n",
    "              'Select': '',\n",
    "              'Selection slider': '',\n",
    "              'Selection range slider': '',\n",
    "              'Toggle buttons': '',\n",
    "              'Select multiple': '',\n",
    "              'Text': '',\n",
    "              'Text area': '',\n",
    "              'Label': '',\n",
    "              'HTML': '',\n",
    "              'HTML Math': '',\n",
    "              'Image': '',\n",
    "              'Button': '',\n",
    "              'Output': '',\n",
    "              'Play animation': '',\n",
    "              'Date picker': '',\n",
    "              'Color picker': '',\n",
    "              'File upload': '',\n",
    "              }\n",
    "\n",
    "widget_select = widgets.Dropdown(options=widget_repo.items(), description= 'Widget')\n",
    "widget_desc = widgets.Label(value = widget_select.value['desc'])\n",
    "widget_props = widgets.VBox()\n",
    "out = widgets.Output(layout={'border': '1px solid black'})\n",
    "props = {}\n",
    "\n",
    "\n",
    "def on_widget_select_change(change):\n",
    "    global widget_desc, widget_repo, widget_props, props, out\n",
    "    \n",
    "    props.clear()\n",
    "    out.clear_output()\n",
    "    widget_desc.value = change['new']['desc']\n",
    "    for prop, var in widget_select.value['props'].items():\n",
    "        if var['type'] == 'int':\n",
    "            c = widgets.IntText(value = var['def'])\n",
    "        elif var['type'] == 'float':\n",
    "            c = widgets.FloatText(value = var['def'])\n",
    "        elif var['type'] == 'bool':\n",
    "            c = widgets.Checkbox(value=bool(var['def']))\n",
    "        elif var['type'] == 'string':\n",
    "            c = widgets.Text(value = var['def'])\n",
    "        elif var['type'] == 'range':\n",
    "            c = widgets.Text(value=var['def'])\n",
    "        elif '|' in var['type']:\n",
    "            c = widgets.Dropdown(options=var['type'].split('|'))\n",
    "            c.value = var['def']\n",
    "        c.description = prop\n",
    "        c.description_tooltip = var['desc']\n",
    "        props[prop] = c\n",
    "    widget_props.children = tuple(props.values())\n",
    "\n",
    "\n",
    "def btn_generuj_on_click(b):\n",
    "    global props, widget_select, widget_repo, out\n",
    "    s = ''\n",
    "    for prop, var in widget_select.value['props'].items():\n",
    "        if props[prop].value != var['def']:\n",
    "            if (var['type'] == 'string') or ('|' in var['type']):\n",
    "                s = s + \"{0}='{1}', \".format(prop, props[prop].value) \n",
    "            elif var['type'] == 'bool':\n",
    "                s = s + '{0}={1}, '.format(prop, bool(props[prop].value)) \n",
    "            elif var['type'] == 'range':\n",
    "                s = s + '{0}=({1}), '.format(prop, props[prop].value.replace('|',','))\n",
    "            else:\n",
    "                s = s + '{0}={1!s}, '.format(prop, props[prop].value)\n",
    "    wynik = widget_select.value['cons'].format(s[:-2])\n",
    "    out.clear_output()\n",
    "    with out:\n",
    "        print(wynik)\n",
    "        exec('display(widgets.{})'.format(wynik))\n",
    "\n",
    "widget_select.observe(on_widget_select_change, names='value')\n",
    "\n",
    "s = {'new': widget_select.value}\n",
    "on_widget_select_change(s)\n",
    "button = widgets.Button(description='Generuj', icon='check')\n",
    "button.on_click(btn_generuj_on_click)\n",
    "display(widget_select, widget_desc, widget_props, button, out)\n",
    "    \n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}