Spaces:
Running
Running
| import gradio as gr | |
| import beta_fn | |
| import fns | |
| import generate | |
| import login_discord | |
| import preset_fn | |
| import printing | |
| import rekord | |
| import pre | |
| js_func = """ | |
| function refresh() { | |
| const url = new URL(window.location); | |
| if (url.searchParams.get('__theme') !== 'dark') { | |
| url.searchParams.set('__theme', 'dark'); | |
| window.location.href = url.href; | |
| } | |
| } | |
| """ | |
| animation = """ | |
| function createGradioAnimation() { | |
| var container = document.createElement('div'); | |
| container.id = 'gradio-animation'; | |
| container.style.fontSize = '2em'; | |
| container.style.fontWeight = 'bold'; | |
| container.style.textAlign = 'center'; | |
| container.style.marginTop = '0px'; | |
| container.style.marginBottom = '5px'; | |
| var text = 'Objektify'; | |
| for (var i = 0; i < text.length; i++) { | |
| (function(i){ | |
| setTimeout(function(){ | |
| var letter = document.createElement('span'); | |
| letter.style.opacity = '0'; | |
| letter.style.transition = 'opacity 0.5s'; | |
| letter.innerText = text[i]; | |
| container.appendChild(letter); | |
| setTimeout(function() { | |
| letter.style.opacity = '1'; | |
| }, 50); | |
| }, i * 250); | |
| })(i); | |
| } | |
| var gradioContainer = document.querySelector('.gradio-container'); | |
| gradioContainer.insertBefore(container, gradioContainer.firstChild); | |
| setTimeout(function() { | |
| container.style.transition = 'all 2s'; | |
| container.style.fontSize = '1em'; | |
| container.style.letterSpacing = '0.1em'; | |
| }, 3000); | |
| return 'Animation created'; | |
| } | |
| """ | |
| ga_script = """ | |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-PN1WPS1LV4"></script> | |
| <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1858891192037259" crossorigin="anonymous"></script> | |
| """ | |
| ga_load = """ | |
| function() { | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag(){dataLayer.push(arguments);} | |
| gtag('js', new Date()); | |
| gtag('config', 'G-PN1WPS1LV4'); | |
| } | |
| """ | |
| css = """ | |
| #warning {background-color: #FF0000} | |
| .feedback {Background: #e2dbf2} | |
| .feedback textarea {Background: #e2dbf2} | |
| """ | |
| confirm_horizontal = "(x) => confirm('Apply horizontal mode?')" | |
| def rst(a): | |
| if a == None: | |
| return False | |
| return gr.Checkbox() | |
| def tests(): | |
| print('tests') | |
| def chk_size(img, dummy): | |
| x, y = img.size | |
| if x <= y: | |
| return dummy | |
| else: | |
| return not dummy | |
| theme = gr.themes.Soft( | |
| secondary_hue="violet", | |
| text_size="sm", | |
| spacing_size="sm", | |
| radius_size="md", | |
| ).set( | |
| block_background_fill='*secondary_50' | |
| ) | |
| login_uri = pre.login_uri | |
| with gr.Blocks(theme=theme, js=animation, head=ga_script, analytics_enabled=True, css=css) as demo: # , js=js_func | |
| with gr.Column(): | |
| with gr.Row(): | |
| gr.Markdown( | |
| """ | |
| ### [Join objektify official discord!](https://discord.com/invite/KAuTCUGXpH) | |
| """ | |
| ) | |
| login = gr.Button(size="sm", value="Login to Discord", | |
| link=f"https://discord.com/oauth2/authorize?client_id=1239473790732472370&response_type=code&redirect_uri={login_uri}&scope=guilds.join+identify", | |
| scale=0) | |
| with gr.Row(): | |
| gr.Markdown( | |
| """ | |
| ## Input image and Select Options | |
| """ | |
| ) | |
| preset = gr.Dropdown(scale=0, label='Preset', interactive=True, allow_custom_value=False, type='value', visible=True, info='Login to create preset') | |
| with gr.Tab("Front"): | |
| with gr.Row(): | |
| with gr.Column(): #1 | |
| img_type = gr.Radio(["Image", "Gif"], value="Image", scale=1, label="type") | |
| img_static = gr.Image(label="Image", interactive=True, sources=['upload', 'clipboard'], type="pil", visible=True, scale=10) | |
| img_dynamic_file = gr.File(file_types=[".gif"], visible=False, scale=1, interactive=True, label="Gif File", type="filepath") | |
| img_dynamic_show = gr.Image(label="Gif", interactive=False, sources=['upload', 'clipboard'], type="pil", visible=False, scale=10) | |
| horizontal = gr.Checkbox(visible=False, label='horizontal') | |
| dummy = gr.Checkbox(visible=False, label='dummy') | |
| img_type.change(fn=fns.change_img_type, inputs=[img_type], outputs=[img_static, img_dynamic_file, img_dynamic_show]) | |
| img_static.upload(fn=fns.img2cache_resize, inputs=[img_static, dummy], outputs=[img_static, dummy]) | |
| img_static.change(fn=rst, inputs=img_static, outputs=[horizontal]) | |
| dummy.change(fn=None, js=confirm_horizontal, outputs=horizontal) | |
| horizontal.change(fn=fns.rotate, inputs=img_static, outputs=img_static) | |
| img_dynamic_file.upload(fn=fns.gif2cache, inputs=img_dynamic_file, outputs=img_dynamic_show) | |
| img_dynamic_file.clear(fn=fns.gif_clear, outputs=img_dynamic_show) | |
| with gr.Column(): #2 | |
| with gr.Accordion(label='Colors'): #objekt color | |
| obj_color = gr.Radio(["Atom01", "Binary01", "Cream01", "Divine01", "Special", "OMA1", "OMA2", "Other color", "AI Color"], value="Divine01", label='Objekt Color') | |
| with gr.Row(): | |
| ai_num = gr.Slider(1, 1000, 500, label="AI Serial", visible=False, step=1) | |
| change_ai = gr.Button(value="Change AI", visible=False) | |
| obj_color_picker = gr.ColorPicker(label="Other Objekt Color", visible=False, interactive=True, value="#ffffff") | |
| obj_color.change(fn=fns.obj_color_update, inputs=obj_color, outputs=[obj_color_picker, ai_num, change_ai]) | |
| txt_color = gr.Radio(["White", "Black", "Other"], label="Text Color", value="Black") | |
| txt_color_picker = gr.ColorPicker(label="Other Text Color", value="#ffffff", visible=False, interactive=True) | |
| txt_color.change(fns.txt_color_update, txt_color, txt_color_picker) | |
| with gr.Accordion('Names'): | |
| group_name_radio = gr.Radio(choices=pre.groups_Other, label="Group Name") | |
| group_name_txt = gr.Textbox(label="Other Group name", placeholder="CLASSY", visible=False, interactive=True) | |
| member_name_dropdown = gr.Dropdown(choices=pre.names, label="Member Name", allow_custom_value=True) | |
| with gr.Accordion("Add Objekt Number", open=False): | |
| with gr.Row(): | |
| obj_num = gr.Textbox(label="Objekt Number", placeholder="100", interactive=True, visible=True, scale=1) | |
| obj_alphabet = gr.Radio(["Z", "A", "Other"], label="Z or A", interactive=True, visible=True, scale=1, value='Z') | |
| obj_alphabet_txt = gr.Textbox(label="Alphabet", placeholder="S", interactive=True, visible=False, scale=1) | |
| obj_alphabet.change(fns.alphabet_txt_update, obj_alphabet, obj_alphabet_txt) | |
| with gr.Row(): | |
| obj_serial = gr.Textbox(label="Objekt Serial", placeholder="00001", interactive=True, visible=True, scale=1) | |
| obj_serial_random = gr.Button(value="Random Serial", interactive=True, visible=True, scale=1) | |
| obj_serial_random.click(fn=fns.serial_random, outputs=obj_serial) | |
| generate_btn = gr.Button(value="Generate", elem_classes="feedback") | |
| with gr.Column(): | |
| edited_img = gr.Image(label="Edited Image", scale=10, format='png') | |
| with gr.Tab("Back") as back_tab: | |
| with gr.Row(): | |
| preview = gr.Image(label="Image", interactive=False, format='png') | |
| with gr.Column(): | |
| with gr.Accordion('Contents'): | |
| obj_outline_color = gr.Radio(["White", "Black", "Other"], label="Frame color", value="White") | |
| obj_outline_color_picker = gr.ColorPicker(label="Other Outline Color", value="#ffffff", visible=False, interactive=True) | |
| obj_outline_color.change(fns.frame_color_update, obj_outline_color, obj_outline_color_picker) | |
| logo_radio = gr.Radio(choices=pre.groups, label="Add Logo", interactive=True, value="None") | |
| with gr.Accordion('Texts'): | |
| class_radio = gr.Radio(["Zero", "First", "Double", "Special", "Other"], label="CLASS", visible=True) | |
| class_txt = gr.Textbox(label="Other class", placeholder="Third", visible=False) | |
| class_radio.change(fns.txt_class_visibility, class_radio, class_txt) | |
| season_radio = gr.Radio(["Atom01", "Binary01", "Cream01", "Divine01", "Other"], label="SEASON", type="value") | |
| with gr.Row(): | |
| season_txt = gr.Textbox(label="Other SEASON", interactive=True, visible=False) | |
| season_txt_outline = gr.Textbox(label="Other SEASON Outline", interactive=True, visible=False) | |
| season_radio.change(fns.txt_season_visibility, season_radio, [season_txt, season_txt_outline]) | |
| sign = gr.Dropdown(choices=pre.names, label="Sign", type='value') | |
| with gr.Accordion('QR Options'): | |
| qr_url_dropdown = gr.Dropdown(["tripleS website", "tripleS youtube", "tripleS 𝕏", "tripleS discord"], label="QR url", info="Can write any url", allow_custom_value=True, value='https://objektify.xyz') | |
| qr_Logo_radio = gr.Radio(["tripleS", "None"], label="QR Logo", value="None", interactive=True) | |
| right_btn = gr.Checkbox(label="Add Rights", value=False, interactive=True) | |
| generate_btn_back = gr.Button(value="Generate") | |
| with gr.Column(): | |
| outputs2 = gr.Image(label="Edited Image", scale=10, format='png', interactive=False, type='pil') | |
| with gr.Tab("Export") as ex: | |
| with gr.Row(): | |
| ex_img_f = gr.Image(label="Front", type="pil", interactive=False) | |
| ex_file_f = gr.File(render=True, visible=False) | |
| ex_img_b = gr.Image(label="Back", type="pil", interactive=False) | |
| with gr.Column(): | |
| with gr.Group(): | |
| with gr.Row(): | |
| ex_hide_blur = gr.Checkbox(label="Blur") | |
| ex_hide_blur_range = gr.Slider(1, 20, 5, label="Blur Range", step=1, interactive=False, scale=10) | |
| ex_hide_blur.select(fns.ex_blur, ex_hide_blur, ex_hide_blur_range) | |
| with gr.Group(): | |
| watermark = gr.Textbox(label="Add watermark") | |
| ex_gen_file_count = gr.Radio(["One File", "Two Files"], label="Export Type", value="One File") | |
| ex_btn = gr.Button(value="Export") | |
| with gr.Row(): | |
| ex_img_f_out = gr.Image(label="Front", interactive=False) | |
| ex_img_b_out = gr.Image(label="Back", visible=False, interactive=False) | |
| with gr.Tab('Printing') as printing_tab: | |
| with gr.Row(): | |
| with gr.Column(): | |
| gr.Markdown( | |
| """ | |
| ## 실물 인쇄를 위한 안내 | |
| 이 사이트에서 이미지를 만들고 제출하여 이미지 ID를 받으세요. 그 후, G마켓에서 해당 ID를 입력하여 주문할 수 있습니다. (장당 280원, 18장부터 주문 가능) | |
| - **주의사항:** 약관, 기타 책임 및 라이선스 문제로 인해 로그인을 하셔야 사용 가능합니다. 로그인은 우측 상단에서 할 수 있습니다. | |
| - 기타 인쇄 주의사항은 G마켓의 주의사항을 참고하세요. | |
| """ | |
| ) | |
| submit_printing = gr.Button(value='제출하기', visible=True) | |
| uuid = gr.Textbox(show_copy_button=True, label='ID') | |
| gr.Markdown( | |
| """ | |
| - 이 아이디 전체를 그대로 복사하여 G마켓에 입력 후 주문하세요 | |
| ## [G마켓 구매하러가기](https://link.gmarket.co.kr/zszNeMX2qd) | |
| """ | |
| ) | |
| printing_file_front = gr.File(visible=False) | |
| printing_file_back = gr.File(visible=False) | |
| preview_printing1 = gr.Image(interactive=False, label='preview front') | |
| preview_printing2 = gr.Image(interactive=False, label='preview back') | |
| printing_img_front = gr.Image(type='pil', visible=False) | |
| printing_tab.select(fn=printing.select, inputs=[printing_img_front, outputs2, login], outputs=[printing_file_front, printing_file_back, preview_printing1, preview_printing2]) | |
| submit_printing.click(fn=printing.submit, inputs=[printing_file_front, printing_file_back, login], outputs=uuid) | |
| with gr.Tab("Preset", visible=False) as beta: | |
| gr.Markdown( | |
| """ | |
| ## This is the beta channel for testing new features. | |
| ### Please join [here](https://discord.com/invite/KAuTCUGXpH) to report bugs and provide feedback. | |
| """ | |
| ) | |
| with gr.Row(): | |
| with gr.Column(): | |
| preset_name = gr.Textbox(label="Set preset name", placeholder="aespa winter") | |
| artist_name = gr.Dropdown(label="Artist name", multiselect=True, allow_custom_value=True, info="Press Enter to add more than 1 people (Max 12)", max_choices=12) | |
| group_name = gr.Textbox(label="Group name", placeholder="aespa") | |
| company_name = gr.Textbox(label="Company name", placeholder="SM ent") | |
| top_logo_img = gr.Image(label="Top Logo", type='pil', image_mode='RGBA') | |
| qr_logo_img = gr.Image(label="QR Logo", type='pil', image_mode='RGBA') | |
| with gr.Accordion('Signs', open=True): | |
| with gr.Column(): | |
| sign_img1 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img2 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img3 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img4 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img5 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img6 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img7 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img8 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img9 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img10 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img11 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| sign_img12 = gr.Image(label="Sign", visible=False, interactive=True, type='pil', image_mode='RGBA') | |
| save = gr.Button(value="Save and Apply all") | |
| artist_name.change(fn=fns.custom_name, inputs=artist_name, outputs=[sign_img1, sign_img2, sign_img3, sign_img4, sign_img5, sign_img6, sign_img7, sign_img8, sign_img9, sign_img10, sign_img11, sign_img12]) | |
| with gr.Tab("ReKord", visible=False): | |
| rekord_img = gr.Image(type="filepath") | |
| rekord_member = gr.Dropdown(choices=pre.names, label="Sign", type='index') | |
| rekord_submit = gr.Button() | |
| rekord_out = gr.Textbox() | |
| rekord_submit.click(fn=rekord.upload, inputs=[rekord_img, rekord_member], outputs=rekord_out) | |
| with gr.Tab(label='Dev_preset', visible=False) as rec: | |
| preset_file = gr.File() | |
| preset_file.upload(fn=preset_fn.unzip_file_to_directory, inputs=preset_file) | |
| preset_zip = gr.Button() | |
| preset_zip.click(fn=preset_fn.zip_directory) | |
| with gr.Tab("Dev", visible=False) as dev: | |
| dev_btn = gr.Button(value="refresh", visible=True, interactive=True) | |
| dev_out = gr.Textbox() | |
| dev_drop = gr.Dropdown() | |
| dev_file = gr.File() | |
| dev_btn2 = gr.Button(value="move") | |
| dev_btn3 = gr.Button(value="zip") | |
| dev_btn4 = gr.Button(value="download") | |
| dev_btn5 = gr.Button(value="remove") | |
| dev_btn2.click(fn=fns.dev2, outputs=dev_out) | |
| dev_btn3.click(fn=fns.dev3, inputs=dev_drop, outputs=dev_out) | |
| dev_btn4.click(fn=fns.dev4, inputs=dev_drop, outputs=dev_file) | |
| dev_btn5.click(fn=fns.dev5, inputs=dev_drop, outputs=dev_out) | |
| dev_btn.click(fns.dev, outputs=[dev_out, dev_drop]) | |
| with gr.Column(): | |
| gr.Markdown( | |
| """ | |
| #### Check the objektify official discord for licensing and other data processing policies. | |
| ### [official discord](https://discord.com/invite/KAuTCUGXpH) | |
| """) | |
| with gr.Accordion('About', open=False): | |
| gr.Markdown( | |
| """ | |
| ## Made by hj_sss \n\n | |
| ### [official 𝕏](https://x.com/objektify_card)\n\n | |
| ### [official youtube](https://www.youtube.com/@objektify_official) | |
| """) | |
| userid = gr.Textbox(visible=False) | |
| preset.change(fn=preset_fn.apply, inputs=preset, | |
| outputs=[group_name_radio, member_name_dropdown, logo_radio, sign, qr_Logo_radio, preset]) | |
| group_name_radio.change(fns.group_member_name_update, [group_name_radio, artist_name, preset], [group_name_txt, member_name_dropdown]) | |
| save.click(fn=beta_fn.save, inputs=[preset_name, artist_name, group_name, company_name, top_logo_img, qr_logo_img, sign_img1, sign_img2, sign_img3, sign_img4, sign_img5, sign_img6, sign_img7, sign_img8, sign_img9, sign_img10, sign_img11, sign_img12, userid, login], outputs=[group_name_radio, member_name_dropdown, logo_radio, sign, qr_Logo_radio, preset]) | |
| generate_btn.click(fn=generate.sorting, | |
| inputs=[img_type, img_static, img_dynamic_file, obj_color, obj_color_picker, ai_num, txt_color, | |
| txt_color_picker, member_name_dropdown, group_name_radio, group_name_txt, obj_num, | |
| obj_alphabet, obj_alphabet_txt, obj_serial, horizontal], outputs=[edited_img, ex_img_f, ex_file_f, printing_img_front]) | |
| ex_gen_file_count.change(fns.ex_gen_count, ex_gen_file_count, ex_img_b_out) | |
| change_ai.click(fns.change_ran, obj_color, ai_num) | |
| generate_btn_back.click(fn=generate.back, | |
| inputs=[obj_color, obj_color_picker, ai_num, txt_color, txt_color_picker, group_name_radio, | |
| group_name_txt, member_name_dropdown, obj_num, obj_alphabet, obj_alphabet_txt, | |
| obj_serial, obj_outline_color, obj_outline_color_picker, logo_radio, class_radio, | |
| class_txt, season_radio, season_txt, season_txt_outline, sign, qr_url_dropdown, | |
| qr_Logo_radio, right_btn, preset], outputs=[outputs2, ex_img_b]) | |
| back_tab.select(fn=generate.back, | |
| inputs=[obj_color, obj_color_picker, ai_num, txt_color, txt_color_picker, group_name_radio, | |
| group_name_txt, member_name_dropdown, obj_num, obj_alphabet, obj_alphabet_txt, obj_serial, | |
| obj_outline_color, obj_outline_color_picker, logo_radio, class_radio, class_txt, | |
| season_radio, season_txt, season_txt_outline, sign, qr_url_dropdown, qr_Logo_radio, | |
| right_btn, preset], outputs=[preview, ex_img_b]) | |
| ex_btn.click(fn=generate.ex_gen, inputs=[ex_img_f, ex_file_f, ex_img_b, ex_gen_file_count, ex_hide_blur, ex_hide_blur_range, watermark], outputs=[ex_img_f_out, ex_img_b_out]) | |
| demo.load(fn=login_discord.id_check, outputs=[login, dev, rec, userid, beta, preset]) | |
| demo.load(fn=preset_fn.refresh, outputs=preset) | |
| demo.load(None, js=ga_load) | |
| if __name__ == "__main__": | |
| print("http://localhost:7860") | |
| demo.launch(server_name="0.0.0.0", favicon_path='icon.ico') | |