Implement no_notification switch, used in infolog,tracker and calendar edit dialogs for mobile template

This commit is contained in:
Hadi Nategh 2016-07-06 17:00:16 +02:00
parent 5374b39680
commit c0e480f465
7 changed files with 103 additions and 2 deletions

View File

@ -230,7 +230,7 @@
<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/> <button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
<button statustext="delete this entry" id="button[delete]" onclick="et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/> <button statustext="delete this entry" id="button[delete]" onclick="et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
<buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" id="freetime" label="Freetime" onclick="app.calendar.freetime_search" image="add" background_image="1"/> <buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" id="freetime" label="Freetime" onclick="app.calendar.freetime_search" image="add" background_image="1"/>
<checkbox label="Do not notify" id="no_notifications"/> <checkbox toggle_on=" " toggle_off=" " id="no_notifications" class="notification_check"/>
<textbox type="hidden" id="delete_exceptions"/> <textbox type="hidden" id="delete_exceptions"/>
</hbox> </hbox>
</row> </row>

View File

@ -172,7 +172,7 @@
<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/> <button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
<button statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/> <button statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
<buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/> <buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/>
<checkbox label="do not notify" id="no_notifications"/> <checkbox toggle_on=" " toggle_off=" " id="no_notifications" class="notification_check"/>
<textbox type="integer" id="info_number" readonly="true" class="entry_id"/> <textbox type="integer" id="info_number" readonly="true" class="entry_id"/>
</hbox> </hbox>
</row> </row>

17
pixelegg/images/alarm.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M18.542,0.622c-5.471,0-9.899,4.56-9.899,10.183
s4.428,10.182,9.899,10.182c5.471,0,9.896-4.559,9.896-10.182S24.013,0.622,18.542,0.622z M18.542,11.996
c-0.64,0-1.16-0.533-1.16-1.191c0-0.659,0.521-1.192,1.16-1.192s1.158,0.534,1.158,1.192C19.7,11.463,19.182,11.996,18.542,11.996
z M11.697,20.931v1.886c-2.926-1.896-5.063-4.954-5.779-8.554c0.697-0.554,1.151-1.414,1.151-2.39
c0-1.675-1.318-3.034-2.948-3.034c-1.63,0-2.949,1.358-2.949,3.034c0,1.674,1.317,3.03,2.945,3.033
c0.956,4.416,3.785,8.101,7.58,10.147v3.799c0,1.151,0.765,2.086,1.712,2.086h10.267c0.945,0,1.711-0.935,1.711-2.086v-7.921
c-1.907,1.481-4.271,2.37-6.845,2.37S13.603,22.412,11.697,20.931z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#fafafa" stroke="#696969" stroke-miterlimit="10" d="M18.542,0.622c-5.471,0-9.899,4.56-9.899,10.183
s4.428,10.182,9.899,10.182c5.471,0,9.896-4.559,9.896-10.182S24.013,0.622,18.542,0.622z M18.542,11.996
c-0.64,0-1.16-0.533-1.16-1.191c0-0.659,0.521-1.192,1.16-1.192s1.158,0.534,1.158,1.192C19.7,11.463,19.182,11.996,18.542,11.996
z M11.697,20.931v1.886c-2.926-1.896-5.063-4.954-5.779-8.554c0.697-0.554,1.151-1.414,1.151-2.39
c0-1.675-1.318-3.034-2.948-3.034c-1.63,0-2.949,1.358-2.949,3.034c0,1.674,1.317,3.03,2.945,3.033
c0.956,4.416,3.785,8.101,7.58,10.147v3.799c0,1.151,0.765,2.086,1.712,2.086h10.267c0.945,0,1.711-0.935,1.711-2.086v-7.921
c-1.907,1.481-4.271,2.37-6.845,2.37S13.603,22.412,11.697,20.931z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g>
<g>
<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M18.542,0.622c-5.471,0-9.899,4.56-9.899,10.183
s4.428,10.182,9.899,10.182c5.471,0,9.896-4.559,9.896-10.182S24.013,0.622,18.542,0.622z M18.542,11.996
c-0.64,0-1.16-0.533-1.16-1.191c0-0.659,0.521-1.192,1.16-1.192s1.158,0.534,1.158,1.192C19.7,11.463,19.182,11.996,18.542,11.996
z M11.697,20.931v1.886c-2.926-1.896-5.063-4.954-5.779-8.554c0.697-0.554,1.151-1.414,1.151-2.39
c0-1.675-1.318-3.034-2.948-3.034c-1.63,0-2.949,1.358-2.949,3.034c0,1.674,1.317,3.03,2.945,3.033
c0.956,4.416,3.785,8.101,7.58,10.147v3.799c0,1.151,0.765,2.086,1.712,2.086h10.267c0.945,0,1.711-0.935,1.711-2.086v-7.921
c-1.907,1.481-4.271,2.37-6.845,2.37S13.603,22.412,11.697,20.931z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -8207,6 +8207,29 @@ form[id^="tracker-"] .dialogHeadbar {
body .et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container { body .et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container {
float: right; float: right;
} }
body .et2_checkbox_slideSwitch.notification_check .on {
background-image: url(../images/topmenu_items/mobile/notify_off.svg);
height: 16px;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
body .et2_checkbox_slideSwitch.notification_check .on:before {
content: " ";
width: 1px;
transform: rotateZ(45deg);
background: #bcbcbc;
height: 20px;
display: inline-block;
margin-top: -2px;
}
body .et2_checkbox_slideSwitch.notification_check .off {
background-image: url(../images/topmenu_items/mobile/notify_on.svg);
height: 16px;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
body .cke_inner .cke_toolbox .cke_toolbox_main { body .cke_inner .cke_toolbox .cke_toolbox_main {
height: 30px; height: 30px;
white-space: nowrap; white-space: nowrap;

View File

@ -1341,6 +1341,33 @@
} }
} }
.et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container {float:right} .et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container {float:right}
.et2_checkbox_slideSwitch.notification_check {
.on {
background-image: url(../images/topmenu_items/mobile/notify_off.svg);
height: 16px;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
&:before {
content: " ";
width: 1px;
transform: rotateZ(45deg);
background: #bcbcbc;
height: 20px;
display: inline-block;
margin-top: -2px;
}
}
.off {
background-image: url(../images/topmenu_items/mobile/notify_on.svg);
height: 16px;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
}
/*************** CKEDITOR **************/ /*************** CKEDITOR **************/
/***************************************/ /***************************************/
.cke_inner { .cke_inner {