Ticket #3399 - Forum, Attached polls.

modules/boonex/artificer/data/template/bx_forum/css/main.css

@@ -0,0 +1,28 @@
+@import url(../../../../../forum/template/css/main.css);
+
+/*-- Participants --*/
+div.bx-forum-participants.left,
+div.bx-forum-participants.none,
+div.bx-forum-participants.right {
+    float: none;
+}
+div.bx-forum-participants.left {
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+}
+div.bx-forum-participants.right {
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+}
+div.bx-forum-participants .bx-forum-participant {
+    float: none;
+}
+div.bx-forum-participants.left .bx-forum-participant,
+div.bx-forum-participants.none .bx-forum-participant {
+    float: none;
+    margin-right: 0.75rem;
+}
+.bx-forum-participants.right .bx-forum-participant {
+    float: none;
+    margin-left: 0.75rem;
+}

modules/boonex/artificer/data/template/bx_forum/participants.html

@@ -0,0 +1,26 @@
+<div class="bx-forum-participants __float__ flex">
+    <bx_repeat:participants>
+        <div class="bx-forum-participant __class__ relative">
+            __unit__
+            <bx_if:replies_count>
+                <div class="bx-def-unit-alert absolute h-4 w-4 -top-1 bottom-auto left-auto -right-1.5 p-1 box-content bg-red-500">__count__</div>
+            </bx_if:replies_count>
+            <bx_if:last_replier>
+                <div title="__title__" class="bx-forum-participant-alert-last-replier bx-def-unit-alert absolute h-4 w-4 -top-1 bottom-auto -left-1.5 right-auto p-1 box-content bg-green-500">
+                    <i class="sys-icon comments bx-def-font-contrasted"></i>
+                </div>
+            </bx_if:last_replier>
+            <bx_if:author>
+                <div title="__title__" class="bx-forum-participant-alert-author bx-def-unit-alert absolute h-4 w-4 top-auto -bottom-1 -left-1.5 right-auto p-1 box-content bg-green-500">
+                    <i class="sys-icon user bx-def-font-contrasted"></i>
+                </div>
+            </bx_if:author>
+        </div>
+    </bx_repeat:participants>
+    <bx_if:participants_more>
+        <div class="bx-forum-participant h-10 leading-10">
+            <a href="javascript:void(0);" onclick="$('#__id__').dolPopup({pointer:{el:$(this)}})">__title_more__</a>            
+        </div>
+        <div id="__id__" style="display:none;">__popup__</div>
+    </bx_if:participants_more>
+</div>

modules/boonex/artificer/data/template/mod_text/css/polls.css

@@ -0,0 +1,232 @@
+/*-- Poll form: Answers custom element --*/
+.bx-form-input-answer {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+}
+.bx-form-input-answer.bx-fi-answer-blank {
+    display: none;
+}
+.bx-form-input-answer-cell.bx-fi-sc-txt {
+    -webkit-flex: 1 1 auto;
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+}
+.bx-form-input-answer-cell.bx-fi-sc-btn {
+    -webkit-flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+}
+.bx-form-input-answer-add {
+    text-align: right;
+}
+.bx-form-input-answer-add .bx-form-input-button {
+    display: inline-block;
+    float: none;
+}
+
+
+/*--- Polls list ---*/
+.bx-base-text-polls {
+    position: relative;
+
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+.bx-base-text-polls .bx-base-text-poll {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+
+    -webkit-box-flex: 0;
+
+    -webkit-flex: 0 0 100%;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+
+    overflow:hidden;
+}
+
+.bx-base-text-polls-showcase {
+    position: relative;
+}
+
+.bx-base-text-polls-showcase .flickity-slider {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+}
+
+.bx-base-text-polls-showcase .bx-base-text-poll {
+    position: relative;
+    width: 100%;
+}
+
+/* Media: phone2 */
+.bx-media-phone2 .bx-layout-column-half .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll,
+.bx-media-phone2 .bx-layout-column-thin .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll {
+    -webkit-flex: 0 0 49.8%;
+    -ms-flex: 0 0 49.8%;
+    flex: 0 0 49.8%;
+}
+
+/* Media: tablet2 */
+.bx-media-tablet2 .bx-layout-column-wide .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll,
+.bx-media-tablet2 .bx-layout-column-fullwidth .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll {
+    -webkit-flex: 0 0 49.8%;
+    -ms-flex: 0 0 49.8%;
+    flex: 0 0 49.8%;
+}
+
+/* Media: desktop */
+.bx-media-desktop .bx-layout-column-wide .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll {
+    -webkit-flex: 0 0 49.8%;
+    -ms-flex: 0 0 49.8%;
+    flex: 0 0 49.8%;
+}
+.bx-media-desktop .bx-layout-column-fullwidth .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll {
+    -webkit-flex: 0 0 33.25%;
+    -ms-flex: 0 0 33.25%;
+    flex: 0 0 33.25%;
+}
+
+
+/*--- Poll item ---*/
+/*+++ Poll item: Actions +++*/
+.bx-base-text-poll-actions li.bx-menu-inter-div {
+    display: none;
+}
+
+/*+++ Poll item: Results +++*/
+div.bx-base-text-pr-graph {
+	display: table;
+	width: 100%;
+}
+div.bx-base-text-pr-graph .bx-base-text-prg-bar,
+div.bx-base-text-pr-graph .bx-base-text-prg-text {
+	display: table-cell;
+}
+div.bx-base-text-pr-graph .bx-base-text-prg-bar {
+    -webkit-animation-fill-mode: both;
+    -moz-animation-fill-mode: both;
+    -o-animation-fill-mode: both;
+    animation-fill-mode: both;
+
+    -webkit-transform-origin: left;
+    -moz-transform-origin: left;
+    -ms-transform-origin: left;
+    -o-transform-origin: left;
+    transform-origin: left;
+
+    -webkit-animation: bx-base-text-prg-bar-anim 1000ms ease-out;
+    -o-animation: bx-base-text-prg-bar-anim 1000ms ease-out;
+    animation: bx-base-text-prg-bar-anim 1000ms ease-out;
+
+    background: #2196F3;
+    background: -moz-linear-gradient(left,#2196F3 0%,#1976D2 100%);
+    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#2196F3),color-stop(100%,#1976D2));
+    background: -webkit-linear-gradient(left,#2196F3 0%,#1976D2 100%);
+    background: -o-linear-gradient(left,#2196F3 0%,#1976D2 100%);
+    background: -ms-linear-gradient(left,#2196F3 0%,#1976D2 100%);
+    background: linear-gradient(to right,#2196F3 0%,#1976D2 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2196F3',endColorstr='#1976D2',GradientType=1);
+}
+div.bx-base-text-pr-graph .bx-base-text-prg-text {
+	white-space: nowrap;
+}
+
+/*--- Poll item embed ---*/
+.bx-base-text-poll-embed {
+    width: 100%;
+    height: 240px;
+}
+
+.bx-page-iframe .bx-base-text-poll {
+    width: 80vw;
+    height: 100vh;
+}
+.bx-page-iframe .bx-base-text-showcase-type-single .bx-base-text-poll {
+    width: 100%;
+}
+.bx-page-iframe .bx-base-text-poll-cnt {
+    height: 100%;
+    box-sizing: border-box;
+}
+.bx-page-iframe .bx-base-text-poll-plate {
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+
+/*--- Animation ---*/
+@-webkit-keyframes bx-base-text-prg-bar-anim {
+    from {
+        -webkit-transform:scaleX(0);
+        -moz-transform:scaleX(0);
+        -ms-transform:scaleX(0);
+        -o-transform:scaleX(0);
+        transform:scaleX(0)
+    }
+    to {
+        -webkit-transform:scaleX(1);
+        -moz-transform:scaleX(1);
+        -ms-transform:scaleX(1);
+        -o-transform:scaleX(1);
+        transform:scaleX(1)
+    }
+}
+@-moz-keyframes bx-base-text-prg-bar-anim {
+    from {
+        -webkit-transform:scaleX(0);
+        -moz-transform:scaleX(0);
+        -ms-transform:scaleX(0);
+        -o-transform:scaleX(0);
+        transform:scaleX(0)
+    }
+    to {
+        -webkit-transform:scaleX(1);
+        -moz-transform:scaleX(1);
+        -ms-transform:scaleX(1);
+        -o-transform:scaleX(1);
+        transform:scaleX(1)
+    }
+}
+@-ms-keyframes bx-base-text-prg-bar-anim {
+    from {
+        -webkit-transform:scaleX(0);
+        -moz-transform:scaleX(0);
+        -ms-transform:scaleX(0);
+        -o-transform:scaleX(0);
+        transform:scaleX(0)
+    }
+    to {
+        -webkit-transform:scaleX(1);
+        -moz-transform:scaleX(1);
+        -ms-transform:scaleX(1);
+        -o-transform:scaleX(1);
+        transform:scaleX(1)
+    }
+}
+@keyframes bx-base-text-prg-bar-anim {
+    from {
+        -webkit-transform:scaleX(0);
+        -moz-transform:scaleX(0);
+        -ms-transform:scaleX(0);
+        -o-transform:scaleX(0);
+        transform:scaleX(0)
+    }
+    to {
+        -webkit-transform:scaleX(1);
+        -moz-transform:scaleX(1);
+        -ms-transform:scaleX(1);
+        -o-transform:scaleX(1);
+        transform:scaleX(1)
+    }
+}

modules/boonex/artificer/data/template/mod_text/poll_item.html

@@ -0,0 +1,20 @@
+<div id="__html_id__" class="bx-base-text-poll p-2 box-border">
+    <div class="bx-base-text-poll-cnt w-full p-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md box-border">
+        <div class="bx-base-text-poll-plate">
+            <div class="bx-base-text-poll-actions flex justify-end pb-2">
+                __action_menu__
+                <bx_if:show_action_embed>
+                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-embed ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.embedPoll(this, __id__);" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon plus-square"></i></a>
+                </bx_if:show_action_embed>
+                <bx_if:show_action_delete>
+                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-delete ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.deletePoll(this, __id__);" title="<bx_text_attribute:_Delete />"><i class="sys-icon times"></i></a>
+                </bx_if:show_action_delete>
+            </div>
+            <div class="bx-base-text-poll-question pb-4 text-2xl font-medium">__text__</div>
+            __content__
+        </div>
+    </div>
+    <bx_if:show_input_hidden>
+        <input type="hidden" name="__name__[]" value="__id__" />
+    </bx_if:show_input_hidden>
+</div>

modules/boonex/artificer/data/template/mod_text/poll_item_answers.html

@@ -0,0 +1,5 @@
+<div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-answers bx-clearfix">
+    <bx_repeat:answers>
+        <div class="bx-base-text-poll-answer mt-4 first:mt-0">__answer__</div>
+    </bx_repeat:answers>
+</div>

modules/boonex/artificer/data/template/mod_text/poll_item_results.html

@@ -0,0 +1,11 @@
+<div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-results">
+    <bx_repeat:answers>
+        <div class="bx-base-text-poll-result mt-4 first:mt-0">
+            <div class="bx-base-text-pr-into">__title__</div>
+            <div class="bx-base-text-pr-graph mt-1">
+                <div class="bx-base-text-prg-bar rounded" style="width:__width__">&nbsp;</div>
+                <div class="bx-base-text-prg-text pl-4 text-gray-500 dark:text-gray-400 text-sm">__votes__&nbsp;__percent__</div>
+            </div>
+        </div>
+    </bx_repeat:answers>
+</div>

modules/boonex/artificer/data/template/mod_text/poll_items_showcase.html

@@ -0,0 +1,6 @@
+<div id="__html_id__" class="bx-base-text-polls-showcase bx-base-text-showcase-type-__type__ -mx-2">__polls__</div>
+<script>
+    $(document).ready(function() {
+        __js_object__.initFlickity('#__html_id__');
+    });
+</script>

modules/boonex/artificer/data/template/system/css/menu.css

@@ -23,7 +23,7 @@ import url(../../../../../../../template/css/menu.css);
 /*--- Interactive Menu ---*/
 .bx-menu-inter li.bx-menu-inter-hidden,
 .bx-menu-inter-vert li.bx-menu-inter-hidden {
-    display: none !important;
+    display: none;
 }
 
 /*--- Custom Menu with More Auto ---*/

modules/boonex/artificer/data/template/system/menu_interactive.html

@@ -0,0 +1,23 @@
+<ul id="bx-menu-inter-__id__" class="bx-menu-inter bx-menu-object-__object__ flex items-center">
+    <bx_repeat:menu_items>
+        <bx_if:show_divider>
+            <li class="bx-menu-inter-div"><span>&#183;</span></li>
+        </bx_if:show_divider>
+        <li id="__id__-act" class="bx-menu-inter-act __class_wrp_act__ group flex items-center bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-white text-sm font-normal shadow-sm">
+            <div class="py-2 px-4 __class__" title="__title_attr__">__title__</div>
+        </li>
+        <li id="__id__-pas" class="bx-menu-inter-pas __class_wrp_pas__ group flex items-center text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 text-sm font-normal rounded-md">
+            <a id="__id__" class="__class__" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
+                <div class="py-2 px-4">__title__</div>
+            </a>
+        </li>
+    </bx_repeat:menu_items>
+</ul>
+<script language="javascript">
+    $(document).ready(function() {
+    	$('#bx-menu-inter-__id__').find('a').bind('click', function() {
+            var sId = $(this).attr('id');
+            $(this).parent().siblings('.bx-menu-inter-act:visible').hide().siblings('.bx-menu-inter-pas:hidden').show().siblings('#' + sId + '-pas:visible').hide().siblings('#' + sId + '-act:hidden').show();
+    	});
+    });
+</script>