From 94624866e28568330262ae4dbd2beff2b699e334 Mon Sep 17 00:00:00 2001 From: Steve Nyemba Date: Wed, 26 Oct 2022 11:39:43 -0500 Subject: [PATCH] genomix: avatar studio --- content/_plugins/studio.py | 117 ++++++++++++++++++++++++++ content/dialog.html | 40 +++++++++ content/index.html | 166 +++++++++++++++++++++++++++++++++++++ content/participants.html | 60 ++++++++++++++ static/img/logo.png | Bin 9947 -> 5078 bytes static/img/logo.svg | 2 +- static/js/studio.js | 99 ++++++++++++++++++++++ templates/pane.html | 32 +++++-- 8 files changed, 507 insertions(+), 9 deletions(-) create mode 100644 content/_plugins/studio.py create mode 100644 content/dialog.html create mode 100644 content/index.html create mode 100644 content/participants.html create mode 100644 static/js/studio.js diff --git a/content/_plugins/studio.py b/content/_plugins/studio.py new file mode 100644 index 0000000..3434a8e --- /dev/null +++ b/content/_plugins/studio.py @@ -0,0 +1,117 @@ +""" +This file implements an avatar studio +""" +import py_avataaars as pa +from py_avataaars import PyAvataaar as Avatar +import pandas as pd +import numpy as np +import transport +from transport import providers +from enum import Enum +import io +import base64 +import copy + + +# _map = {'eye type':pa.EyesType,'frame style':pa.AvatarStyle,'race':pa.SkinColor,'hair color':pa.HairColor,'facial hair':pa.FacialHairType, 'facial hair color':pa.HairColor,'hair dress':pa.TopType,'mouth':pa.MouthType,'nose':pa.NoseType,'eyebrows':pa.EyebrowType } +# _vmap= {'eye type':'eye_type','frame style':'style','race':'skin_color','hair color':'hair_color','facial hair color':'facial_hair_color','facial hair':'facial_hair_type','hair dress':'top_type','eyebrows':'eye_brow','nose':'nose_type','mouth':'mouth_type'} +# _omap = {'eye_type':pa.EyesType,'style':pa.AvatarStyle} +_df = [['eye type','eye_type',pa.EyesType],['frame style','style',pa.AvatarStyle],['hair color','hair_color',pa.HairColor],['race','skin_color',pa.SkinColor],['facial hair','facial_hair_type',pa.FacialHairType], +['facial hair color','facial_hair_color',pa.Color],['mouth','mouth_type',pa.MouthType],['hat color','hat_color',pa.Color],['accessory','accessories_type',pa.AccessoriesType],['nose','nose_type',pa.NoseType],['eyebrows','eyebrow_type',pa.EyebrowType], +['hair dress','top_type',pa.TopType],['clothes', 'clothe_type', pa.ClotheType],['clothe color','clothe_color', pa.Color],['clothe graphics','clothe_graphic_type',pa.ClotheGraphicType] +] + +_df = pd.DataFrame(_df,columns=['label','variable','values']) +_df.to_csv('/home/steve/me.avatar.csv',index=False) +def _parameters(): + _out = {'basic':{},'face':{},'clothes':{}} + for _index in np.arange(_df.shape[0]) : + row = _df.iloc[_index] + key = row['label'] + if key in ['race','nose','mouth','eyebrows','eye type'] : + _id = 'basic' + elif 'clothe' in key or key=='accessory': + _id = 'clothes' + else: + _id = 'face' + if len( list(row['values'])) < 2 : + continue + _out[_id][key] = {'values': [{'name':_item.name.replace('_', ' '),'value':_item.value} for _item in row['values']],'variable':row['variable']} + + + return _out +def cast(_args) : + _params = {} + for key in _args : + value = int(_args[key]) + + _info = _df[_df.variable == key].copy() + if _info.shape[0] > 0 : + _params[key] = list(_info['values'].tolist()[0])[value] + # _params[key] = _info['values'].tolist()[value] + return _params +# def _xparameters() : +# """ +# This function returns parameters to be used within an HTML context +# """ +# _orgout = {'basic':{},'extended':{}} +# _out = {} +# for _key in _map : + +# # _out[_key] = {'class':_map[_key].__name__,'values':[],"variable":_vmap[_key]} +# # _out[_key]['values'] = [{'name':_item.name.replace('_', ' '),'value':_item.value} for _item in _map[_key]] +# if _key == 'nose' : +# continue +# if _key in ['race','nose','mouth','eyebrows','eye type'] : +# _out = _orgout['basic'] +# else: +# _out = _orgout['extended'] +# _out[_key] = {'class':_map[_key].__name__,'values':[],"variable":_vmap[_key]} +# _out[_key]['values'] = [{'name':_item.name.replace('_', ' '),'value':_item.value} for _item in _map[_key]] + +# # return _out +# return _orgout + +def _build (_args): + """ + This function builds the avatar with a set of arguments + """ + + _args = cast(_args) + if _args : + + _avatar = Avatar(**_args) + _stream = _avatar.render_png() + _stream =io.BytesIO(_stream) + + _stream = base64.encodebytes(_stream.getvalue()).decode('ascii') + else: + _stream = None + return _stream +def _save(_args): + """ + This function will save the data/candidate to the database + :_args {alias,email,stream} + """ + + writer = transport.factory.instance(provider=providers.MONGO,context='write',db='genomix',doc='participants') + reader = transport.factory.instance(provider=providers.MONGO,context='read',db='genomix',doc='participants') + + # + # Let us make sure the candidate doesn't exist + _df = reader.read(mongo={"find":"participants","filter":{"alias":_args['alias']},"projection":{"_id":0}}) + _info = None + try: + if _df.shape[0] == 0 : + writer.write(_args) + else: + writer.set(_args) + _info = "1" + except Exception as e: + pass + return _info + +def _participants (): + reader = transport.factory.instance(provider=providers.MONGO,context='read',db='genomix',doc='participants') + _df = reader.read(mongo={"find":"participants","limit":10,"projection":{"_id":0}}) + return _df.to_dict(orient='records') \ No newline at end of file diff --git a/content/dialog.html b/content/dialog.html new file mode 100644 index 0000000..64031bf --- /dev/null +++ b/content/dialog.html @@ -0,0 +1,40 @@ + + +
+
+
:title
+
+ +
+
+

+ +

+
+ :message + + +
+

+

+ +

+
+
+
Okay
+
+
+
\ No newline at end of file diff --git a/content/index.html b/content/index.html new file mode 100644 index 0000000..0826a1e --- /dev/null +++ b/content/index.html @@ -0,0 +1,166 @@ + + +
+ + +
+
+ +
+
+
+
+ + Save & Continue +
+
+
+
+
+ + {%set _params = routes['api/studio/_parameters']() %} + {%set sections = _params.keys() %} +
+ {%for _name in sections %} +
{{_name}}
+ {%endfor%} +
+
+ +

+

+

+ {%for _key in _params %} + + {%set _iparams = _params[_key] %} +
+ +
+ {%for _name in _iparams%} + +
+
{{_name|safe}}
+ {%set values = _iparams[_name]['values'] %} +
+ +
+ +
+ + {%endfor%} +
+ {% if loop.index == 3 %} + + {%endif%} +
+ {%endfor%} + + + +
+ +
+
+ + + + diff --git a/content/participants.html b/content/participants.html new file mode 100644 index 0000000..f6d55cc --- /dev/null +++ b/content/participants.html @@ -0,0 +1,60 @@ + + + + + + + + + + +
+ + {%set _participants = routes['api/studio/_participants']()%} +
+
+ +
+
+ +
+
+
{{_participants|length}}
+
+
+
+ +
+ + {%for _user in _participants %} + +
+
+ +
+
+
{{_user.alias}}
+
{{_user.email}}
+
+
+ {%endfor%} +
+ +
+
diff --git a/static/img/logo.png b/static/img/logo.png index eb64b3a0c2684fd4497b564eb4421a45ac6036bc..7f3c48f4e583fcad9c5133c425c9c43960a5fd13 100644 GIT binary patch literal 5078 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 swOS~zRFpx4fC$Ju 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 B{qO() diff --git a/static/img/logo.svg b/static/img/logo.svg index 06b19c8..abaf927 100644 --- a/static/img/logo.svg +++ b/static/img/logo.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/static/js/studio.js b/static/js/studio.js new file mode 100644 index 0000000..8d6b471 --- /dev/null +++ b/static/js/studio.js @@ -0,0 +1,99 @@ +var _build = function(){ + var _nodes = $('.selected_item :selected') + var _body = {} + jx.utils.patterns.visitor(_nodes,function(_item){ + if (_item.selected == true){ + var _name = _item.parentNode.name ; + var _value = _item.value + _body[_name] = parseInt(_value) + } + }) + // + // Let us submit the payload and and render the image + var http = HttpClient.instance() + http.setHeader('Content-Type','application/json') + http.setData (JSON.stringify(_body)) + http.post('/api/studio/_build',function(x){ + stream = 'data:image/png;base64,' + x.responseText + jx.dom.set.attribute('image','src',stream) + // jx.dom.set.attribute('_avatar2','src',stream) + }) + +} + +var _open = function(_id){ + $('.studio .section').hide() + $('.studio .'+_id.trim()).slideDown() + jx.dom.set.value('section-label',_id) + if (_id == 'login'){ + $('.button').hide() + }else{ + $('.button').show() + } + + +} + +_save = function(){ + var _stream = jx.dom.get.attribute('image','src') + var _alias = jx.dom.get.value('alias').trim().toLowerCase() + var _email= jx.dom.get.value('email').trim().toLowerCase() + var _body = {email:_email,alias:_alias,png:_stream,'_args':{}} + var _nodes = $('.selected_item :selected') + if (_alias.match(/^[a-z]{3,}$/) == null || _email.match(/^[a-z,0-9,.,-]+\@[a-z,0-9,-]{2,}\.[a-z]{2,3}$/) == null){ + _message = (['The alias and/or email are invlaid, Please enter correct alias and/or email','
  • alias must be at least 3 characters
  • Email must be properly formatted
']).join('') + _dialog('Error found','fa-solid fa-xmark',_message) + return + } + jx.utils.patterns.visitor(_nodes,function(_item){ + if (_item.selected == true){ + var _name = _item.parentNode.name ; + var _value = _item.value + _body._args[_name] = parseInt(_value) + } + }) + http = HttpClient.instance() + http.setHeader('content-type','application/json') + http.setData(JSON.stringify(_body)) + http.post('/api/studio/_save',function(x){ + if(x.status == 200){ + // + // + _message = (['An avatar for ',_alias,'has been saved/updated']).join(' ') + + _icon = 'fa-solid fa-floppy-disk' + _pointer = function(){_reset(); $('.jxmodal').slideUp()} + + }else{ + _message = (['An avatar for ',_alias,'has failed to be added']).join(' ') + _icon = 'fa-solid fa-xmark' + _pointer = null; + } + _dialog('New Avatar',_icon,_message) + }) +} + +var _dialog = function(title,icon,msg,_pointer){ + var http = HttpClient.instance() + http.setHeader('uri','dialog.html') + http.setHeader('dom','_dialog') + http.post('/page',function(x){ + var _html = x.responseText.replace(/:title/,title).replace(/:message/,msg).replace(/:icon/,icon) + jx.modal.show({html:_html,id:'_dialog'}) + if (_pointer == null){ + _pointer = function(){$('.jxmodal').slideUp()} + + } + + $('.dialog .button').on('click',function(){ + _pointer() + }) + }) +} + +var _reset = function(){ + $("option:selected").prop("selected", false) + // jx.dom.set.attribute('image','src','') + _open('basic') + _build() +} \ No newline at end of file diff --git a/templates/pane.html b/templates/pane.html index 19eb620..a0fb378 100644 --- a/templates/pane.html +++ b/templates/pane.html @@ -1,10 +1,26 @@ -
-
Latest News
+ +
+
New here ?
+
    +
  • Create an Avatar
    • +
  • Save the avatar, and continue to the experiment
    • +
+

-
-
- -
- _anouncement -
\ No newline at end of file +
+
About Genomix Privacy
+
    +
  • Experiments around decision making
    • +
+
+

+ +
+
Existing Avatars
+ + +
+