Last active
August 29, 2015 14:08
-
-
Save ramrrr/a3dc2cae065c42cc1886 to your computer and use it in GitHub Desktop.
main.tag
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <%@ tag isELIgnored="false" body-content="scriptless" trimDirectiveWhitespaces="true"%> | |
| <%@ attribute name="title" required="true" %> | |
| <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> | |
| <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title><spring:message code="${title}"/></title> | |
| <link rel="icon" href="<spring:url value='/static/img/favicon.ico' />"> | |
| <!-- Styles --> | |
| <link href="<spring:url value='/static/stylesheets/heimdall.css' />" rel="stylesheet"> | |
| <!-- Root javascripts --> | |
| <script src="<spring:url value='/static/javascripts/dependency.js' />" language="JavaScript"></script> | |
| <script src="<spring:url value='/core/messages.js' />" language="JavaScript"></script> | |
| <script src="<spring:url value='/static/javascripts/heimdall.js' />" language="JavaScript"></script> | |
| <script src="${mapServerUrl}"></script> | |
| <!-- include libries(jQuery, bootstrap, fontawesome) --> | |
| <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> | |
| <link href="//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> | |
| <script src="//netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script> | |
| <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> | |
| <!-- include summernote css/js--> | |
| <link href="summernote.css" rel="stylesheet"> | |
| <script src="summernote.min.js"></script> | |
| <!-- currently linking from internet as its dependent images are required --> | |
| <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> | |
| <!--[if lt IE 9]> | |
| <script src="<spring:url value='/static/html5shiv.js' />" type="javascript"></script> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <!-- main content start --> | |
| <jsp:doBody /> | |
| <!-- main content end --> | |
| <script language="JavaScript"> | |
| require("legacy/main"); | |
| <%--OpenLayers.ImgPath = '${fn:replace(pageContext.request.requestURL, pageContext.request.requestURI, pageContext.request.contextPath)}/static/img/'--%> | |
| OpenLayers.ImgPath = '/static/img/' | |
| </script> | |
| <div id="preloader"></div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <%@page isELIgnored="false" trimDirectiveWhitespaces="true" | |
| contentType="text/html;charset=UTF-8"%> | |
| <%@ taglib prefix="h" uri="http://ums.no/heimdall"%> | |
| <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> | |
| <%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%> | |
| <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%> | |
| <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> | |
| <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> | |
| <h:main title="message.configuration.title"> | |
| <h:content> | |
| <h:infoline /> | |
| <div class="menubar"> | |
| <h:menu /> | |
| <h4 class="left-offset-header"> | |
| <spring:message code="message.config.title" /> | |
| </h4> | |
| </div> | |
| <div class="bottom"> | |
| <ul class="nav nav-tabs"> | |
| <li class="active"><a href="#"><spring:message code="message.directory" /></a></li> | |
| </ul> | |
| </div> | |
| <div class="container-border"> | |
| <form:form cssClass="form-horizontal lblalignment" | |
| commandName="messageForm" method="POST" | |
| acceptCharset="UTF-8"> | |
| <div class="container-fluid left-padded"> | |
| <c:if test="${fn:length(messageForm.configuredChannels) > 1 }"> | |
| <c:set var="GSM"> | |
| <spring:message code='message.sms.only.gsm.charset.valid' /> | |
| </c:set> | |
| <spring:bind path="smsMessageForm.smsChannelContent"> | |
| <c:forEach var="error" items="${status.errorMessages}"> | |
| <div class="alert alert-error fade in alert-margin "> | |
| <button type="button" class="close" data-dismiss="alert">×</button> | |
| <i class="icon-red icon-16"></i> | |
| <c:out value="${error}" /> | |
| <c:if test="${error eq GSM }"> | |
| <a href="/static/file/UMS-GSMrecommendation03.38-050413-1502-30.pdf"> | |
| <div class="icon-question-sign icon-red"></div> | |
| </a> | |
| </c:if> | |
| </div> | |
| </c:forEach> | |
| </spring:bind> | |
| <spring:bind | |
| path="emailMessageForm.emailChannelContent"> | |
| <c:forEach var="error" | |
| items="${status.errorMessages}"> | |
| <div class="alert alert-error fade in alert-margin"> | |
| <button type="button" class="close" | |
| data-dismiss="alert">× | |
| </button> | |
| <i class="icon-red icon-16"></i> | |
| <c:out value="${error}" /> | |
| </div> | |
| </c:forEach> | |
| </spring:bind> | |
| <spring:bind | |
| path="emailMessageForm.emailChannelSubject"> | |
| <c:forEach var="error" | |
| items="${status.errorMessages}"> | |
| <div class="alert alert-error fade in alert-margin"> | |
| <button type="button" class="close" | |
| data-dismiss="alert">× | |
| </button> | |
| <i class="icon-red icon-16"></i> | |
| <c:out value="${error}" /> | |
| </div> | |
| </c:forEach> | |
| </spring:bind> | |
| <spring:bind | |
| path="facebookMessageForm.facebookChannelContent"> | |
| <c:forEach var="error" | |
| items="${status.errorMessages}"> | |
| <div class="alert alert-error fade in alert-margin"> | |
| <button type="button" class="close" | |
| data-dismiss="alert">× | |
| </button> | |
| <i class="icon-red icon-16"></i> | |
| <c:out value="${error}" /> | |
| </div> | |
| </c:forEach> | |
| </spring:bind> | |
| <spring:bind | |
| path="twitterMessageForm.twitterChannelContent"> | |
| <c:forEach var="error" | |
| items="${status.errorMessages}"> | |
| <div class="alert alert-error fade in alert-margin"> | |
| <button type="button" class="close" | |
| data-dismiss="alert">× | |
| </button> | |
| <i class="icon-red icon-16"></i> | |
| <c:out value="${error}" /> | |
| </div> | |
| </c:forEach> | |
| </spring:bind> | |
| <spring:bind path="voiceMessageForm.audioId"> | |
| <c:forEach var="message" | |
| items="${status.errorMessages}"> | |
| <div class="alert alert-error fade in alert-margin"> | |
| <a class="close">×</a> | |
| <i class="icon-red icon-16"></i> | |
| <label class="help-inline">${message}</label> | |
| </div> | |
| </c:forEach> | |
| </spring:bind> | |
| </c:if> | |
| <form:hidden path="source" /> | |
| <div class="container-fluid msgHeaderAlign"> | |
| <H4> | |
| <c:choose> | |
| <c:when test="${empty messageForm.id}"> | |
| <spring:message code="message.add.new" /> | |
| </c:when> | |
| <c:otherwise> | |
| <spring:message code="message.edit.existing" /> | |
| </c:otherwise> | |
| </c:choose> | |
| </H4> | |
| </div> | |
| <h:field path="title" required="true" code="message.add.title"> | |
| <spring:message code="placeholder.title" var="placeholderTitle"/> | |
| <form:input cssClass="input-xlarge" path="title" placeholder="${placeholderTitle}" /> | |
| </h:field> | |
| <div style="margin-bottom:-40px"> | |
| <h:field path="owner" code="organization.owner" required="true"> | |
| <c:choose> | |
| <c:when test="${empty messageForm.id}"> | |
| <form:select path="owner"> | |
| <form:options items="${allOrganizations}" itemLabel="name" itemValue="id" /> | |
| </form:select> | |
| </c:when> | |
| <c:otherwise> | |
| <label class="left-align ownerLabelAlign"> | |
| ${messageForm.owner.name} | |
| </label> | |
| <form:hidden path="owner" /> | |
| </c:otherwise> | |
| </c:choose> | |
| </h:field> | |
| </div> | |
| <div class="visibleToChildrenAlign"> | |
| <h:field path="messageForm.visibleToChildren" code="organization.parent" labelRequired="false"> | |
| | |
| <div class="row-fluid form-inline lablehold childrenVisibleDivAlign"> | |
| <input class="checkboxdef" type="checkbox" name="visibleToChildren" | |
| <c:if test='${messageForm.visibleToChildren }'>checked</c:if>> | |
| <label class="childrenVisibleAlign"><spring:message code="organization.visible.children.all" /></label> | |
| </div> | |
| </h:field> | |
| </div> | |
| <div class="row-fluid"> | |
| <div data-main-message="" class="mainMessageAlign"> | |
| <h:field path="mainMessage" required="true" code="message.main.content"> | |
| <spring:message code="placeholder.main.msg" var="placeholderMessage"/> | |
| <form:textarea data-voice-text-limit="#" data-dynamic-text="#" data-message-content="#" | |
| class="textarea-medium span8 mainMessageContentAlign" path="mainMessage" placeholder='${placeholderMessage}' /> | |
| <div class="row-fluid form-inline" style="height:9px !important;"> | |
| <table style="width:69%!important;"><tr><td> | |
| <div class="msgCharLimitAlign"> | |
| <div data-character-limit-SMS="#"> | |
| <label class="muted"> | |
| <spring:message code='message.character.limit.sms' /> | |
| </label> | |
| </div> | |
| <div id="messageLimitReachedError" class="mainMessageErrorMessageDir" | |
| style="display:none;"> | |
| <label style="color:red;"> | |
| <spring:message code='composer.message.main.content.max.length' /> | |
| </label> | |
| </div> | |
| </div></td><td> | |
| <div class="pagination-right"> | |
| <label data-character-counter="#" class="muted" id="char-counter"> | |
| <span>0</span> | |
| <spring:message code="message.characters.typed" /> | |
| </label> | |
| </div> | |
| </td></tr> | |
| </table> | |
| </div> | |
| </h:field> | |
| </div> | |
| </div> | |
| <div class="channelsAlign"> | |
| <h:field path="configuredChannels" code="admin.menu.channels"> | |
| <div class="row-fluid" data-channel-checkboxes="#"> | |
| <form:checkboxes element="div class='span1 checkbox lablehold' style='margin-top: 0;padding-left: 17px;margin-left: 0;width: 78px'" | |
| items="${channelsMap}" cssClass="checkboxdef" path="configuredChannels" /> | |
| </div> | |
| </h:field> | |
| </div> | |
| <div class="row-fluid form-inline channelTabs"> | |
| <div data-content-for="SMS" | |
| class="${fn:contains(messageForm.configuredChannels, 'SMS') ? '' : 'hidden'} disnone"> | |
| <div data-template-for="SMS" class="span8"> | |
| <label data-use-main="#" style="padding-left: 281px;" | |
| class="left-align form-inline checkbox ${fn:length(messageForm.configuredChannels) > 1 ? '' : 'hidden'}"> | |
| <form:checkbox path="smsMessageForm.useMainMessageSms" /> | |
| <label style="margin-left: 3px"> | |
| <spring:message code="message.use.main.content.sms" /> | |
| </label> | |
| </label> | |
| <div data-main-message-content="#" style="margin-left:50px" | |
| class="control-group ${fn:length(messageForm.configuredChannels) > 1 && messageForm.smsMessageForm.useMainMessageSms ? '' : 'hidden'}"> | |
| <label class="rightAlgnControlLbl control-label"> | |
| <spring:message code="message.sms.content" /><span class="required">* </span>: | |
| </label> | |
| <div class="controls"> | |
| <label class="word-break left-align" style="padding-top: 4px;"> | |
| ${messageForm.mainMessage} | |
| </label> | |
| </div> | |
| </div> | |
| <div data-textare-content="#" | |
| class="${(fn:length(messageForm.configuredChannels) > 1 && messageForm.smsMessageForm.useMainMessageSms) ? 'hidden' : ''}"> | |
| <h:sms-content required="true" path="smsMessageForm.smsChannelContent" | |
| code="message.sms.content"> | |
| <spring:message code="placeholder.sms.msg" var="smsMessage" /> | |
| <form:textarea data-copy-main="sms" data-dynamic-text="sms" style="margin-left:0px;height:160px;" | |
| class="textarea-large span12" path="smsMessageForm.smsChannelContent" | |
| placeholder="${smsMessage}" /> | |
| <div id="smsMessageLimitReachedError" | |
| style="display:none;"> | |
| <label style="color:red;text-align: left;"> | |
| <spring:message code='sms.message.max' /> | |
| </label> | |
| </div> | |
| </h:sms-content> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-content-for="Twitter" | |
| class="${fn:contains(messageForm.configuredChannels, 'Twitter') ? '' : 'hidden'} disnone"> | |
| <div data-template-for="Twitter" class="span8"> | |
| <label data-use-main="#" style="padding-left: 281px;" | |
| class="left-align form-inline checkbox ${fn:length(messageForm.configuredChannels) > 1 ? '' : 'hidden'}"> | |
| <form:checkbox path="twitterMessageForm.useMainMessageTwitter" /> | |
| <label style="margin-left: -6px"> | |
| <spring:message code="message.use.main.content.twitter" /> | |
| </label> | |
| </label> | |
| <div data-main-message-content="#" style="margin-left:50px" | |
| class="control-group ${fn:length(messageForm.configuredChannels) > 1 && messageForm.twitterMessageForm.useMainMessageTwitter ? '' : 'hidden'}"> | |
| <label class="rightAlgnControl control-label"> | |
| <spring:message code="message.twitter.content" /> | |
| <span class="required">*</span> : | |
| </label> | |
| <div class="controls"> | |
| <label class="word-break left-align" style="padding-top: 4px;"> | |
| ${messageForm.mainMessage} | |
| </label> | |
| </div> | |
| </div> | |
| <div data-textare-content="#" | |
| class="${(fn:length(messageForm.configuredChannels) > 1 && messageForm.twitterMessageForm.useMainMessageTwitter) ? 'hidden' : ''}"> | |
| <h:twitter-content required="true" path="twitterMessageForm.twitterChannelContent" | |
| code="message.twitter.content"> | |
| <form:textarea data-copy-main="twitter" data-dynamic-text="twitter" style="margin-left:0px;height:160px;width: 83.5%;" | |
| data-twitter-message-content="#" class="textarea-large span12 fixed-font-size" | |
| path="twitterMessageForm.twitterChannelContent" placeholder="Type Twitter message here" /> | |
| </h:twitter-content> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-content-for="Email" | |
| class="${fn:contains(messageForm.configuredChannels, 'Email') ? '' : 'hidden'}"> | |
| <div data-template-for="Email" class="span8" style="margin-top: -11px;"> | |
| <div style="margin-left: -12px;margin-top: 16px;"> | |
| <h:field path="emailMessageForm.emailChannelSubject" required="true" code="email.subject"> | |
| <form:input data-copy-main="emailSubject" cssClass="input-xlarge" path="emailMessageForm.emailChannelSubject" id="emailSubject"/> | |
| <div id="emailSubjectLimitReachedError" | |
| style="display:none;"> | |
| <label style="color:red;text-align: left;"> | |
| <spring:message code='email.message.max' /> | |
| </label> | |
| </div> | |
| </h:field> | |
| </div> | |
| <label data-use-main="#" style="padding-left: 283px;margin-top: -6px;margin-bottom: 10px;" | |
| class="left-align form-inline checkbox ${fn:length(messageForm.configuredChannels) > 1 ? '' : 'hidden'}" data-email-checkbox="#"> | |
| <form:checkbox path="emailMessageForm.useMainMessageEmail" /> | |
| <label class="margin-left-align"> | |
| <spring:message code="message.use.main.content.email" /> | |
| </label> | |
| </label> | |
| <div data-main-message-content="#" style="margin-left:50px" | |
| class="control-group ${fn:length(messageForm.configuredChannels) > 1 && messageForm.emailMessageForm.useMainMessageEmail ? '' : 'hidden'}"> | |
| <label class="rightAlgnControlLbl control-label"> | |
| <spring:message code="message.email.content" /> | |
| <span class="required">*</span> : | |
| </label> | |
| <div class="controls"> | |
| <label class="word-break left-align " style="padding-top: 4px;"> | |
| ${messageForm.mainMessage} | |
| </label> | |
| </div> | |
| </div> | |
| <div data-textare-content="#" style="margin-left: -11px;" | |
| class="${fn:length(messageForm.configuredChannels) > 1 && messageForm.emailMessageForm.useMainMessageEmail ? 'hidden' : ''}"> | |
| <h:email-content required="true" path="emailMessageForm.emailChannelContent" | |
| code="message.email.content"> | |
| <form:textarea data-email-text-limit="#" data-copy-main="email" data-email-message-content="#" style="margin-left:0px;width: 95%;" | |
| class="textarea-large span12 fixed-font-size" path="emailMessageForm.emailChannelContent" | |
| placeholder="Type Email message here" /> | |
| <div id="summernote">Hello Summernote</div> | |
| <div id="emailMessageLimitReachedError" | |
| style="display:none;"> | |
| <label style="color:red;text-align: left;font-size: 14px;"> | |
| <spring:message code='email.message.longer' /> | |
| </label> | |
| </div> | |
| </h:email-content> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-content-for="Facebook" | |
| class="${fn:contains(messageForm.configuredChannels, 'Facebook') ? '' : 'hidden'} disnone"> | |
| <div data-template-for="Facebook" class="span8"> | |
| <label data-use-main="#" style="padding-left: 281px;" | |
| class="left-align form-inline checkbox ${fn:length(messageForm.configuredChannels) > 1 ? '' : 'hidden'}"> | |
| <form:checkbox path="facebookMessageForm.useMainMessageFacebook" /> | |
| <label style="margin-left: -6px"> | |
| <spring:message code="message.use.main.content.facebook" /> | |
| </label> | |
| </label> | |
| <div data-main-message-content="#" | |
| class="control-group ${fn:length(messageForm.configuredChannels) > 1 && messageForm.facebookMessageForm.useMainMessageFacebook ? '' : 'hidden'}" style="margin-left:50px"> | |
| <label class="rightAlgnControlLbl control-label"> | |
| <spring:message code="message.facebook.content" /> | |
| <span class="required">*</span> : | |
| </label> | |
| <div class="controls"> | |
| <label class="word-break left-align " style="padding-top: 4px;"> | |
| ${messageForm.mainMessage} | |
| </label> | |
| </div> | |
| </div> | |
| <div data-textare-content="#" | |
| class="${fn:length(messageForm.configuredChannels) > 1 && messageForm.facebookMessageForm.useMainMessageFacebook ? 'hidden' : ''}"> | |
| <h:facebook-content required="true" | |
| path="facebookMessageForm.facebookChannelContent" | |
| code="message.facebook.content" > | |
| <form:textarea data-copy-main="facebook" data-dynamic-text="facebook" style="width: 85%!important;" | |
| data-facebook-message-content="#" class="textarea-large span12 fbMessageAlign fixed-font-size" | |
| path="facebookMessageForm.facebookChannelContent" | |
| placeholder="Type Facebook message here" /> | |
| </h:facebook-content> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-content-for="Voice" | |
| class="${fn:contains(messageForm.configuredChannels, 'Voice') ? '' : 'hidden'} disnone"> | |
| <div data-template-for="Voice" class="row-fluid"> | |
| <div class="control-group callFlowDivAlign"> | |
| <div class="row-fluid callFlowDiv"> | |
| <h:field path="voiceMessageForm.callFlowid" | |
| code="message.call.flow.configuration" > | |
| <form:select | |
| data-callFlow-select="#" | |
| path="voiceMessageForm.callFlowid"> | |
| <c:forEach | |
| items="${callFlows}" | |
| var="callFlow"> | |
| <form:option | |
| value="${callFlow.callFlowRefId}"> | |
| <spring:message | |
| code="${callFlow.localeKeyName}" /> | |
| </form:option> | |
| </c:forEach> | |
| </form:select> | |
| <input type="button" data-view-href="callFlow" | |
| class="btn btn-tertiary" | |
| value="<spring:message code='message.view.call.flow.view' />"> | |
| </h:field> | |
| </div> | |
| <div class="row-fluid" style="margin-left:-90px"> | |
| <div class="control-group callFlowDivAlign"> | |
| <label class="rightAlgnControlLbl control-label" style="padding-left:33px"> | |
| <spring:message code="message.dynamic.audio.files" /> : | |
| </label> | |
| <div data-step-div="#" class="dataStepDivAlign"> | |
| <c:forEach var="callFlow" items="${callFlows}"> | |
| <div data-call-flow-label-div="${callFlow.callFlowRefId}"> | |
| <c:forEach var="callStepId" items="${callFlow.callStepIds}" | |
| varStatus="status"> | |
| <div data-listen-container="STEP" | |
| data-call-flow-labels="${callFlow.callFlowRefId}" | |
| class="controls left-padded-controls"> | |
| <input data-do-not-reset="#" type="hidden" | |
| name="voiceMessageForm.audioForms[${status.index}].audioParameterId" | |
| value="${callStepId}"> | |
| <form:hidden data-callStep-audioId="#" | |
| path="voiceMessageForm.audioForms[${status.index}].audioId"></form:hidden> | |
| <form:hidden | |
| data-callStep-description="#" | |
| path="voiceMessageForm.audioForms[${status.index}].description"></form:hidden> | |
| <form:hidden | |
| data-callStep-added-by="#" | |
| path="voiceMessageForm.audioForms[${status.index}].addAudioBy"></form:hidden> | |
| <form:hidden | |
| data-callStep-file-name="#" | |
| path="voiceMessageForm.audioForms[${status.index}].name"></form:hidden> | |
| <form:hidden | |
| data-callStep-voice-of="#" | |
| path="voiceMessageForm.audioForms[${status.index}].voiceOf"></form:hidden> | |
| <div class="row-fluid form-horizontal voiceMargin" style="width:900px"> | |
| <div class="span3" style="margin:0 0 0 0"> | |
| <label style="margin:0 0 0 0"> | |
| ${callStepId} | |
| </label> | |
| </div> | |
| <div class="span4"> | |
| <label data-listen-audio="#" | |
| class="left-padded disabled" title="<spring:message code='tooltip.listen' />"> | |
| <spring:message code="common.listen" /> | |
| </label> | |
| <label class="left-padded"> | |
| <label data-select-audio="#" data-edit-text="<spring:message code='common.edit'/>" | |
| data-select-text="<spring:message code='common.select.small'/>" | |
| class="anchor-underline" href="#" title="<spring:message code='tooltip.select'/>"> | |
| <spring:message code="common.select.small" /> | |
| </label> | |
| </label> | |
| </div> | |
| </div> | |
| <div class="control-group" data-audio-id="#" | |
| data-player="#" | |
| style="margin-bottom: 10px; display: none;"> | |
| <jsp:include page="audioPlayerFragment.jsp"> | |
| <jsp:param name="needRecord" value='false' /> | |
| <jsp:param name="inline" value='true' /> | |
| </jsp:include> | |
| </div> | |
| </div> | |
| </c:forEach> | |
| <div data-no-attached-file="#" | |
| class='span4 controls left-padded-controls help-inline error fade in' | |
| style="display: none;"> | |
| <spring:message code="message.voice.no.file.attached" /> | |
| </div> | |
| </div> | |
| </c:forEach> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-audio-select="#" style="background-color: #f0f7fd;"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-channel-content="#" | |
| class="${fn:length(messageForm.configuredChannels) > 1 ? '' : 'hidden'} channelTabSpace"> | |
| <br> | |
| <ul class="nav nav-tabs highlight navigationTabAlign"> | |
| <c:forEach items="${channels}" var="channel"> | |
| <li data-li-for="${channel}" class="${fn:contains(messageForm.configuredChannels, channel) ? '' : 'hidden'}" tabindex="0" | |
| onkeydown="var pressedKeyCode = window.event.keyCode;var channel = '${channel}'; doTabActive(pressedKeyCode, channel);"> | |
| <a class="grey-inactive"> | |
| ${channel} | |
| </a> | |
| </li> | |
| </c:forEach> | |
| </ul> | |
| <div class="tab-content highlight-tab-content" style="overflow:hidden"> | |
| <div data-tab-content-for="SMS" class="hidden" style="margin-left: -29px;"></div> | |
| <div data-tab-content-for="Voice" | |
| class="hidden form-inline inside-tab-content voiceTabContentAlign"> | |
| </div> | |
| <div data-tab-content-for="Email" class="hidden" style="margin-left: -29px;"></div> | |
| <div data-tab-content-for="Facebook" class="hidden" style="margin-left: -29px;"></div> | |
| <div data-tab-content-for="Twitter" class="hidden" style="margin-left: -29px;"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="page-footer" style="padding-right: 35px;"> | |
| <input succmod data-form-submit="#" type="submit" id="messageSubmit" | |
| class="btn btn-primary btn-primary-secondary" | |
| value="<spring:message code='common.save' />" /> | |
| <a href="/message/list" class="btn btn-secondary"> | |
| <spring:message code="common.cancel" /> | |
| </a> | |
| </div> | |
| </form:form> | |
| </div><br> | |
| <div id="wami"></div> | |
| <div id="clip_Modal" selectOrigin="#" class="modal hide" | |
| tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"> | |
| <div class="modal-header"> | |
| <button type="button" class="close" data-dismiss="modal" title="<spring:message code='tooltip.directory.close' />" aria-hidden="true">×</button> | |
| <h3 style="margin-left: 0px;"> | |
| <spring:message code='message.select.clip.directory' /> | |
| </h3> | |
| </div> | |
| <div id='clip_Modal_body' class="modal-body"> | |
| <c:forEach var="audioFile" items="${clipAudios}"> | |
| <div data-listen-container="CLIP"> | |
| <div class="row-fluid"> | |
| <div class="span9" style="margin-left: 0px;"> | |
| <label class="radio left-align"> | |
| <input type="radio" name="clipAudio" value="${audioFile.audioId}" /> | |
| <label class="left-align" | |
| style="padding-top: 4px; padding-left: 2px;"> | |
| ${audioFile.fileName} | |
| </label> | |
| </label> | |
| </div> | |
| <div class="span2"> | |
| <label class="right-align anchor-underline" | |
| style="padding-top: 4px;" data-listen-audio="${audioFile.audioId}"> | |
| <spring:message code="common.listen" /> | |
| </label> | |
| </div> | |
| </div> | |
| <div class="row-fluid"> | |
| <div data-audio-id="${audioFile.audioId}" data-player="${audioFile.audioId}" | |
| style="margin: 0px; display: none;"> | |
| <jsp:include page="audioPlayerFragment.jsp"> | |
| <jsp:param name="needRecord" value='false' /> | |
| <jsp:param name="inline" value='true' /> | |
| </jsp:include> | |
| </div> | |
| </div> | |
| <div id="horizintalLine"> | |
| <div class="horizontal-line" style="margin-left: 0px; border-bottom-color: #cccccc;"></div> | |
| </div> | |
| </div> | |
| </c:forEach> | |
| <br /> | |
| <div style="float: right; padding-right: 7px"> | |
| <a class="btn btn-primary" data-select-clip-audio="#" style="margin-right: 9px" | |
| <c:if test="${fn:length(clipAudios) == 0}">disabled = "disabled"</c:if>> | |
| <spring:message code="common.select" /> | |
| </a> | |
| <a href="#" data-cancel-clip-audio="#" data-dismiss="modal" class="btn btn-tertiary"> | |
| <spring:message code="common.cancel" /> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div id='radioToggle_Modal' class="modal modal-medium hide fade" | |
| tabindex="-1" role="dialog" style="display: none;" data-backdrop="static" data-keyboard="false"> | |
| <div class="modal-header"> | |
| <button type="button" class="close" data-dismiss="modal" title="<spring:message code='tooltip.directory.close' />" aria-hidden="true">×</button> | |
| <h3> | |
| <spring:message code='common.discard.changes' /> | |
| </h3> | |
| </div> | |
| <div id='radioToggle_Modal_body' class="modal-body"> | |
| <div class="row-fluid"> | |
| <div class="span2"> | |
| <i class="icon-16 icon-trash icon-5x"></i> | |
| </div> | |
| <div class="span10" style="margin-left: 0px;"> | |
| <p style="color: red; margin-left: 0px;margin-right: 0px;"> | |
| <spring:message code='message.voice.toggle.radio.button' /> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="radioToggle_Modal_footer" class="modal-footer" style="margin-top: -10px;padding-right: 20px"> | |
| <input type="button" data-toggle-ok="#" style="margin-right: 5px" | |
| class="btn btn-primary btn-primary-secondary" value="<spring:message code='common.ok' />"> | |
| <input type="button" data-dismiss="modal" class="btn btn-secondary" | |
| value="<spring:message code='common.cancel' />"> | |
| </div> | |
| </div> | |
| <div selectPopup="callFlow" class="modal hide fade in" tabindex="-1" role="dialog" | |
| style="margin-top: -150px; width: 500px"> | |
| <div class="modal-header"> | |
| <button type="button" class="close" data-cancel-action="callFlow" title="<spring:message code='tooltip.directory.close' />" aria-hidden="true">×</button> | |
| <h3> | |
| <spring:message code='message.call.flow.description' /> | |
| </h3> | |
| </div> | |
| <div class="modal-body"> | |
| <table> | |
| <tr> | |
| <td style="padding-bottom: 68px"> | |
| <label><spring:message code='entity.common.description' />: </label> | |
| </td> | |
| <td style="border: 1px solid #8C8C8C; padding-top: 6px; padding-bottom: 20px"> | |
| <c:forEach var="callFlow" items="${callFlows}"> | |
| <label style="text-align: left; margin-right: 5px; margin-left: 10px;" | |
| data-callFlow-description="${callFlow.callFlowRefId}"> | |
| <spring:message code='${callFlow.localeKeyDescription}' /> | |
| </label> | |
| </c:forEach> | |
| </td> | |
| </tr> | |
| </table> | |
| <br><br><br> | |
| </div> | |
| <div class="modal-footer" align="center"> | |
| <input type="button" data-dismiss="modal" data-close="#" data-cancel-action="callFlow" class="btn btn-tertiary" | |
| value="<spring:message code='composer.close' />"> | |
| </div> | |
| </div> | |
| <div data-back-div="#" class="modal-backdrop fade in hide"></div> | |
| <div data-voice-template-for="UPLOAD" class="hidden"></div> | |
| <div data-voice-template-for="TTS" class="hidden"></div> | |
| <div data-voice-template-for="RECORD" class="hidden"></div> | |
| <div data-voice-template-for="CLIP" class="hidden"></div> | |
| <div data-template-for-label-divs="#"></div> | |
| <div data-placeholder-audio-select="#" style="display: none;"> | |
| <jsp:include page="voiceMessageFragment.jsp"></jsp:include> | |
| </div> | |
| </h:content> | |
| </h:main> | |
| <script type="text/javascript"> | |
| require('message/messageEdit') | |
| var messageEdit = require('message/messageEdit'); | |
| messageEdit('${messageForm.messageMaxLength}') | |
| $(document).ready(function() { | |
| $('.summernote').summernote({ | |
| height: 300, // set editor height | |
| minHeight: null, // set minimum height of editor | |
| maxHeight: null, // set maximum height of editor | |
| focus: true, // set focus to editable area after initializing summernote | |
| }); | |
| }); | |
| function doTabActive(pressedKeyCode, channel) { | |
| if (pressedKeyCode == 13 || pressedKeyCode == 32) { | |
| var align = true; | |
| $("[data-channel-content]").find('ul').find('li').each( | |
| function (index) { | |
| var currentLi = $("[data-li-for=" + channel + "]"); | |
| if ($(this).attr('data-li-for') == channel) { | |
| $(this).addClass("active").css('margin-left', '0px').find('a').addClass("act-a"); | |
| $($('[data-tab-content-for=' + $(this).attr('data-li-for') + ']')).removeClass('hidden') | |
| } else { | |
| $(this).removeClass("active").css('margin-left', '0px').find('a').removeClass("act-a"); | |
| $($('[data-tab-content-for=' + $(this).attr('data-li-for') + ']')).addClass('hidden') | |
| } | |
| if (align && !$(this).hasClass('hidden')) { | |
| $(this).css('margin-left', '20px') | |
| align = false; | |
| } | |
| }) | |
| } | |
| } | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment