diff options
Diffstat (limited to 'html/processed-views/modals/My_Lists_Add.html')
| -rw-r--r-- | html/processed-views/modals/My_Lists_Add.html | 680 |
1 files changed, 680 insertions, 0 deletions
diff --git a/html/processed-views/modals/My_Lists_Add.html b/html/processed-views/modals/My_Lists_Add.html new file mode 100644 index 0000000..02205b9 --- /dev/null +++ b/html/processed-views/modals/My_Lists_Add.html @@ -0,0 +1,680 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <h2 class="modal__title">Δημιουργία νέας Λίστας</h2> + <p>Επιλέξτε όνομα και εικονίδιο για την Λίστα σας!</p> + <div class="formWrap formWrap--center"> + <form class="form form--s" data-qa="addList"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="listname">Όνομα Λίστας</label> + <input class="field__input" id="listname" type="text"> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + <fieldset> + <legend class="field__label">Εικονίδιο Λίστας</legend> + <div class="radiobuttons radiobuttons--icons radiobuttons--scrollV"> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_0"> + <input class="radiobutton__input" type="radio" id="icon_0" name="icon" + value="Item_0"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_1"> + <input class="radiobutton__input" type="radio" id="icon_1" name="icon" + value="Item_1"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_2"> + <input class="radiobutton__input" type="radio" id="icon_2" name="icon" + value="Item_2"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_3"> + <input class="radiobutton__input" type="radio" id="icon_3" name="icon" + value="Item_3"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_4"> + <input class="radiobutton__input" type="radio" id="icon_4" name="icon" + value="Item_4"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_5"> + <input class="radiobutton__input" type="radio" id="icon_5" name="icon" + value="Item_5"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_6"> + <input class="radiobutton__input" type="radio" id="icon_6" name="icon" + value="Item_6"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_7"> + <input class="radiobutton__input" type="radio" id="icon_7" name="icon" + value="Item_7"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_8"> + <input class="radiobutton__input" type="radio" id="icon_8" name="icon" + value="Item_8"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_9"> + <input class="radiobutton__input" type="radio" id="icon_9" name="icon" + value="Item_9"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_10"> + <input class="radiobutton__input" type="radio" id="icon_10" name="icon" + value="Item_10"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_11"> + <input class="radiobutton__input" type="radio" id="icon_11" name="icon" + value="Item_11"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_12"> + <input class="radiobutton__input" type="radio" id="icon_12" name="icon" + value="Item_12"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_13"> + <input class="radiobutton__input" type="radio" id="icon_13" name="icon" + value="Item_13"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_14"> + <input class="radiobutton__input" type="radio" id="icon_14" name="icon" + value="Item_14"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_15"> + <input class="radiobutton__input" type="radio" id="icon_15" name="icon" + value="Item_15"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_16"> + <input class="radiobutton__input" type="radio" id="icon_16" name="icon" + value="Item_16"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_17"> + <input class="radiobutton__input" type="radio" id="icon_17" name="icon" + value="Item_17"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_18"> + <input class="radiobutton__input" type="radio" id="icon_18" name="icon" + value="Item_18"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_19"> + <input class="radiobutton__input" type="radio" id="icon_19" name="icon" + value="Item_19"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_20"> + <input class="radiobutton__input" type="radio" id="icon_20" name="icon" + value="Item_20"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_21"> + <input class="radiobutton__input" type="radio" id="icon_21" name="icon" + value="Item_21"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_22"> + <input class="radiobutton__input" type="radio" id="icon_22" name="icon" + value="Item_22"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_23"> + <input class="radiobutton__input" type="radio" id="icon_23" name="icon" + value="Item_23"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_24"> + <input class="radiobutton__input" type="radio" id="icon_24" name="icon" + value="Item_24"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_25"> + <input class="radiobutton__input" type="radio" id="icon_25" name="icon" + value="Item_25"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_26"> + <input class="radiobutton__input" type="radio" id="icon_26" name="icon" + value="Item_26"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_27"> + <input class="radiobutton__input" type="radio" id="icon_27" name="icon" + value="Item_27"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_28"> + <input class="radiobutton__input" type="radio" id="icon_28" name="icon" + value="Item_28"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_29"> + <input class="radiobutton__input" type="radio" id="icon_29" name="icon" + value="Item_29"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_30"> + <input class="radiobutton__input" type="radio" id="icon_30" name="icon" + value="Item_30"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_31"> + <input class="radiobutton__input" type="radio" id="icon_31" name="icon" + value="Item_31"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_32"> + <input class="radiobutton__input" type="radio" id="icon_32" name="icon" + value="Item_32"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_33"> + <input class="radiobutton__input" type="radio" id="icon_33" name="icon" + value="Item_33"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_34"> + <input class="radiobutton__input" type="radio" id="icon_34" name="icon" + value="Item_34"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_35"> + <input class="radiobutton__input" type="radio" id="icon_35" name="icon" + value="Item_35"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_36"> + <input class="radiobutton__input" type="radio" id="icon_36" name="icon" + value="Item_36"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_37"> + <input class="radiobutton__input" type="radio" id="icon_37" name="icon" + value="Item_37"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_38"> + <input class="radiobutton__input" type="radio" id="icon_38" name="icon" + value="Item_38"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_39"> + <input class="radiobutton__input" type="radio" id="icon_39" name="icon" + value="Item_39"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_40"> + <input class="radiobutton__input" type="radio" id="icon_40" name="icon" + value="Item_40"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_41"> + <input class="radiobutton__input" type="radio" id="icon_41" name="icon" + value="Item_41"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_42"> + <input class="radiobutton__input" type="radio" id="icon_42" name="icon" + value="Item_42"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_43"> + <input class="radiobutton__input" type="radio" id="icon_43" name="icon" + value="Item_43"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_44"> + <input class="radiobutton__input" type="radio" id="icon_44" name="icon" + value="Item_44"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_45"> + <input class="radiobutton__input" type="radio" id="icon_45" name="icon" + value="Item_45"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_46"> + <input class="radiobutton__input" type="radio" id="icon_46" name="icon" + value="Item_46"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_47"> + <input class="radiobutton__input" type="radio" id="icon_47" name="icon" + value="Item_47"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_48"> + <input class="radiobutton__input" type="radio" id="icon_48" name="icon" + value="Item_48"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_49"> + <input class="radiobutton__input" type="radio" id="icon_49" name="icon" + value="Item_49"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_50"> + <input class="radiobutton__input" type="radio" id="icon_50" name="icon" + value="Item_50"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_51"> + <input class="radiobutton__input" type="radio" id="icon_51" name="icon" + value="Item_51"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_52"> + <input class="radiobutton__input" type="radio" id="icon_52" name="icon" + value="Item_52"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_53"> + <input class="radiobutton__input" type="radio" id="icon_53" name="icon" + value="Item_53"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_54"> + <input class="radiobutton__input" type="radio" id="icon_54" name="icon" + value="Item_54"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_55"> + <input class="radiobutton__input" type="radio" id="icon_55" name="icon" + value="Item_55"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon disabled"> + <label class="radiobutton__label" for="icon_56"> + <input class="radiobutton__input" type="radio" id="icon_56" name="icon" + value="Item_56" disabled=""> + <span class="radiobutton__icon"> + + <figure> + <picture> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/32x32/png/Content/media/sampleColor.png" + alt="Alt text" class="lazy"> + </picture> + </figure> + </span> + </label> + </div> + </div> + </fieldset> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + <fieldset> + <legend class="field__label">Φόντο Λίστας</legend> + <div class="radiobuttons radiobuttons--colors"> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_0"> + <input class="radiobutton__input" type="radio" id="color_0" name="color" + value="Item_0"> + <span class="radiobutton__icon" style="background-color:#895988"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_1"> + <input class="radiobutton__input" type="radio" id="color_1" name="color" + value="Item_1"> + <span class="radiobutton__icon" style="background-color:#979476"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_2"> + <input class="radiobutton__input" type="radio" id="color_2" name="color" + value="Item_2"> + <span class="radiobutton__icon" style="background-color:#269129"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_3"> + <input class="radiobutton__input" type="radio" id="color_3" name="color" + value="Item_3"> + <span class="radiobutton__icon" style="background-color:#550870"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_4"> + <input class="radiobutton__input" type="radio" id="color_4" name="color" + value="Item_4"> + <span class="radiobutton__icon" style="background-color:#216667"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_5"> + <input class="radiobutton__input" type="radio" id="color_5" name="color" + value="Item_5"> + <span class="radiobutton__icon" style="background-color:#163841"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_6"> + <input class="radiobutton__input" type="radio" id="color_6" name="color" + value="Item_6"> + <span class="radiobutton__icon" style="background-color:#249438"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_7"> + <input class="radiobutton__input" type="radio" id="color_7" name="color" + value="Item_7"> + <span class="radiobutton__icon" style="background-color:#122902"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_8"> + <input class="radiobutton__input" type="radio" id="color_8" name="color" + value="Item_8"> + <span class="radiobutton__icon" style="background-color:#662688"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_9"> + <input class="radiobutton__input" type="radio" id="color_9" name="color" + value="Item_9"> + <span class="radiobutton__icon" style="background-color:#108901"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor disabled"> + <label class="radiobutton__label" for="color_10"> + <input class="radiobutton__input" type="radio" id="color_10" name="color" + value="Item_10" disabled=""> + <span class="radiobutton__icon"> + + <figure> + <picture> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/32x32/png/Content/media/sampleColor.png" + alt="Alt text" class="lazy"> + </picture> + </figure> + </span> + </label> + </div> + </div> + </fieldset> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--submit"> + <button data-qa="form_submit" class="button" type="submit">Δημιουργία</button> + </div> + </div> + </form> + </div> + </div> +</div>
\ No newline at end of file |