* Finish task #42143.

module/misc/view/features.html.php

@@ -1,43 +1,48 @@
 <?php include '../../common/view/header.lite.html.php';?>
 <?php include '../../common/view/carousel.html.php';?>
+<?php js::set('features', $features);?>
 <main id='features'>
   <header>
     <ul class='nav nav-simple' id='featuresNav'>
-      <li class='active'><a class='slide-feature-to' data-slide-to='0' href='#featuresCarousel'><?php echo $lang->misc->feature->introduction; ?></a></li>
-      <li><a class='slide-feature-to' data-slide-to='1' href='#featuresCarousel'><?php echo $lang->misc->feature->tutorial; ?></a></li>
-      <li><a class='slide-feature-to' data-slide-to='2' href='#featuresCarousel'><?php echo $lang->misc->feature->brandBlueTheme; ?></a></li>
+      <?php foreach($features as $key => $feature): ?>
+      <li <?php echo $key == 0 ? "class='active'" : '';?>><a class='slide-feature-to' data-slide-to='<?php echo $key;?>' href='#featuresCarousel'><?php echo $lang->misc->feature->$feature; ?></a></li>
+      <?php endforeach;?>
     </ul>
   </header>
 
   <div id='featuresCarousel' class='carousel slide' data-ride='carousel' data-interval='false'>
     <ol class='carousel-indicators'>
-      <li data-target='#featuresCarousel' data-slide-to='0' class='active'></li>
-      <li data-target='#featuresCarousel' data-slide-to='1'></li>
-      <li data-target='#featuresCarousel' data-slide-to='2'></li>
+      <?php foreach($features as $key => $feature): ?>
+      <li data-target='#featuresCarousel' data-slide-to='<?php echo $key;?>' <?php echo $key == 0 ? "class='active'" : ''?>></li>
+      <?php endforeach;?>
     </ol>
 
     <div class='carousel-inner'>
-      <div class='item active' style='height: 400px'>
-        <div class='article-content'>
-          <img src='http://openzui.com/docs/img/slide1.jpg'>
-          <div style='position:relative'>
-            <p>禅道15系列功能介绍</p>
-            <div style='position:absolute;right:0;bottom:0'>
-              <a href="###">下载新版本功能介绍文档</a>
+      <?php foreach($features as $key => $feature): ?>
+      <div class='item <?php echo $key == 0 ? 'active' : '';?>' style='height: 400px'>
+        <?php if($feature == 'introduction'):?>
+        <div class='article-content text-center'>
+          <video src="<?php echo $lang->install->guideVideo;?>" height="320px" controls ="controls"></video>
+          <div class='text-center' style='position:relative'>
+            <p><?php echo $lang->install->introduction;?></p>
+            <div style='position: absolute; right: 0; bottom: 0;'>
+              <a href='https://dl.cnezsoft.com/zentao/zentaoconcept.pdf' target='_blank'><?php echo $lang->misc->feature->downloadFile;?></a>
             </div>
           </div>
         </div>
-      </div>
-      <div class='item' style='height: 400px'>
-        <img src='http://openzui.com/docs/img/slide2.jpg'>
-        <div class='carousel-caption'>
-          此页面包含整张图片，文字呈现在图片之上
+        <?php elseif($feature == 'tutorial'):?>
+        <div class='text-center'>
+          <?php echo $lang->misc->feature->tutorialDesc;?>
+          <img class='text-center' src='<?php echo $config->webRoot . 'theme/default/images/main/tutorial.png';?>' />
         </div>
+        <?php elseif($feature == 'youngBlueTheme'):?>
+        <div class='text-center'>
+          <?php echo $lang->misc->feature->themeDesc;?>
+          <img class='text-center' src='<?php echo $config->webRoot . 'theme/default/images/main/new_theme.png';?>' />
+        </div>
+        <?php endif;?>
       </div>
-      <div class='item' style='height: 400px'>
-        <img alt='Third slide' src='http://openzui.com/docs/img/slide3.jpg'>
-        <div class='carousel-caption'></div>
-      </div>
+      <?php endforeach;?>
     </div>
   </div>
   <footer>