opt code

Author: zmisgod

dist/build.js

@@ -1 +1 @@
-sessionStorage.setItem("isOption", "1");
+sessionStorage.setItem('isOption', '1');

dist/build.js.map

@@ -22,7 +22,7 @@
     <el-tab-pane label="模拟请求" v-if="isFull" name="sim"><Sim /></el-tab-pane>
     <el-tab-pane label="JsonToGo" name="jsonToGo"><JsonToGo /></el-tab-pane>
     <el-tab-pane label="HtmlShow" name="HtmlShow"><HtmlShow /></el-tab-pane>
-    <el-tab-pane label="Iptv"  v-if="isFull" name="Iptv"><Iptv /></el-tab-pane>
+    <el-tab-pane label="Iptv Checker"  v-if="isFull" name="Iptv"><Iptv /></el-tab-pane>
   </el-tabs>
   </div>
 </template>
@@ -81,10 +81,6 @@ export default {
   width: 100%;
 }
 
-h1, h2 {
-  font-weight: normal;
-}
-
 ul {
   list-style-type: none;
   padding: 0;

js/option.js

@@ -1,20 +1,24 @@
 <template>
   <div class="cal-container">
-    <div>
-      <el-input @input="calResult" class="value1" v-model="value1" placeholder="请输入值1">
+    <div class="cal-formulate">
+      <el-input @input="calResult" size="mini" class="value1" v-model="value1" placeholder="请输入值1">
       </el-input>
-      <el-select @change="calResult" class="cal-type" v-model="cal_type" placeholder="请选择">
+      <el-select @change="calResult" size="mini" class="cal-type"
+        v-model="cal_type" placeholder="请选择">
         <el-option
           v-for="item in cal_options"
           :key="item.value"
           :label="item.label"
           :value="item.value">
         </el-option>
       </el-select>
-      <el-input @input="calResult" class="value2" v-model="value2" placeholder="请输入值2"></el-input>
+      <el-input @input="calResult" size="mini" class="value2" v-model="value2" placeholder="请输入值2">
+      </el-input>
     </div>
     <div>
-      <el-input class="result" v-model="result" placeholder="请输入值2"></el-input>
+      <el-input class="result" size="mini" v-model="result" placeholder="请输入值2">
+      </el-input>
+      <el-link @click="useResult">reuse result</el-link>
     </div>
   </div>
 </template>
@@ -65,19 +69,28 @@ export default {
         this.result = Number(this.value1) % Number(this.value2);
       }
     },
+    useResult() {
+      const { result } = this;
+      this.value1 = result;
+      this.value2 = '';
+      this.result = '';
+    },
   },
 };
 </script>
 
 <style lang="sass" scoped>
 .cal-container
   display: flex;
-  .value1
-    width: 200px;
-    margin-right: 10px
-  .value2
-    width: 200px;
-    margin-right: 10px
-  .cal-type
-    width: 60px;
+  .cal-formulate
+    display: flex;
+    .value1
+      width: 200px;
+      margin-right: 10px
+    .value2
+      width: 200px;
+      margin-right: 10px
+    .cal-type
+      width: 60px;
+      margin-right: 10px
 </style>

src/App.vue

@@ -151,8 +151,7 @@ export default {
             throw new Error('first line is not m3u');
           }
           this.nowCheckCount += 1;
-        }).catch((err) => {
-          console.log(err);
+        }).catch(() => {
           this.list[i].status = 2;
           this.nowCheckCount += 1;
         });
@@ -206,7 +205,7 @@ export default {
       let value = '';
       while ((m = regex.exec(str)) !== null) {
         if (m.index === regex.lastIndex) {
-          regex.lastIndex++;
+          regex.lastIndex += 1;
         }
         m.forEach((match, groupIndex) => {
           if (groupIndex === 1) {
@@ -223,7 +222,6 @@ export default {
       const contextExp = content.split('\n');
       if (contextExp.length > 0) {
         const firstLine = contextExp[0];
-        console.log(firstLine);
         if (firstLine.replace('#EXTM3U', '') === firstLine) {
           return false;
         }

src/components/Cal.vue

@@ -8,10 +8,9 @@
         v-model="orJson"
       ></el-input>
     </div>
-    <div class="show-json">
+    <div class="show-json" v-if="showJson !== ''">
       <el-input
         type="textarea"
-        v-if="orJson !== ''"
         placeholder="显示的json"
         v-model="showJson"
         :autosize="true"

src/components/Iptv.vue

@@ -10,14 +10,25 @@
                 @click="saveLinkFun" v-if="nowType === 1">保存</el-button>
                 <el-button icon="el-icon-edit" size="mini"
                   v-if="linkList.length > 0 && nowType === 0"
-                @click="editLinkFun">编辑</el-button>
+                @click="editLinkFun">添加/编辑</el-button>
             </div>
             <div style="margin-left: 20px;" v-if="linkList.length > 0 && nowType === 0">
+              <el-button icon="el-icon-s-operation" size="mini"
+                @click="importJsonFun">导入链接</el-button>
                 <el-button icon="el-icon-s-operation" size="mini"
                 @click="exportJsonFun">导出链接</el-button>
             </div>
+       </div>
+       <div class="list-link" v-if="mode == 0">
+         <div class="list-link-item" v-for="(value, index) in linkList" :key="index">
+            <a :href="value.url" target="__blank">
+              {{value.title}}
+              <i class="el-icon-s-promotion"></i>
+            </a>
+         </div>
        </div>
         <el-table
+        v-if="mode == 1"
         :data="linkList"
         style="width: 100%">
         <el-table-column
@@ -52,12 +63,14 @@
             </template>
         </el-table-column>
         </el-table>
-        <el-input
-            type="textarea"
-            :rows="2"
-            v-if="showExport"
-            v-model="exportJson">
-        </el-input>
+        <div v-if="showExport || showImport" class="import-area">
+          <el-input
+              type="textarea"
+              autosize="true"
+              v-model="exportJson">
+          </el-input>
+          <el-button size="mini" v-if="showImport" @click="doImport">点击导入</el-button>
+        </div>
     </div>
 </template>
 <script>
@@ -66,9 +79,11 @@ export default {
     return {
       linkList: [{ url: 'https://regex101.com/', title: '正则' }, { url: 'http://github.com/zhimin-dev/chrome-extension', title: '本插件Github' }],
       showExport: false,
+      showImport: false,
       exportJson: '',
       nowType: 0,
       showDelete: false,
+      mode: 0, // 0 链接 1 显示表格
     };
   },
   created() {
@@ -84,8 +99,33 @@ export default {
   methods: {
     saveLink() {
       localStorage.setItem('linkUrl', JSON.stringify(this.linkList));
+      this.mode = 0;
+    },
+    doImport() {
+      const row = this.exportJson;
+      try {
+        const list = JSON.parse(row);
+        for (let i = 0; i < list.length; i += 1) {
+          if (list[i].url !== undefined && list[i].title !== undefined) {
+            this.linkList.push(this.setObj(list[i].title, list[i].url, true));
+          }
+        }
+        this.saveLink();
+        this.exportJson = '';
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    importJsonFun() {
+      this.showExport = false;
+      if (!this.showImport) {
+        this.showImport = true;
+      } else {
+        this.showImport = false;
+      }
     },
     exportJsonFun() {
+      this.showImport = false;
       if (!this.showExport) {
         this.showExport = true;
         this.exportJson = JSON.stringify(this.linkList);
@@ -94,15 +134,19 @@ export default {
       }
     },
     getEmptyObj() {
+      return this.setObj('', '', true);
+    },
+    setObj(title, url, canEdit) {
       return {
-        title: '',
-        url: '',
-        canEdit: true,
+        title,
+        url,
+        canEdit,
       };
     },
     addLinkFun() {
       this.nowType = 1;
       this.linkList.push(this.getEmptyObj());
+      this.mode = 1;
     },
     saveLinkFun() {
       this.showDelete = false;
@@ -123,9 +167,11 @@ export default {
       for (let i = 0; i < this.linkList.length; i += 1) {
         this.linkList[i].canEdit = true;
       }
+      this.mode = 1;
     },
     deleteRowFun(index) {
       this.linkList.splice(index, 1);
+      this.mode = 1;
     },
     cancelLinkFun() {
       if (this.nowType === 1 && !this.showDelete) {
@@ -136,7 +182,21 @@ export default {
         this.linkList[i].canEdit = false;
       }
       this.showDelete = false;
+      this.mode = 0;
     },
   },
 };
 </script>
+<style lang="sass" scope>
+.list-link
+    display: flex
+    flex-wrap: wrap;
+    .list-link-item
+      margin-right: 15px
+      padding: 10px
+      a
+        color: #000
+        text-decoration: none
+.import-area
+  display: flex;
+</style>

src/components/Json.vue

@@ -1,3 +1,21 @@
+function parseTime(testTime) {
+  const a = testTime.split(' ');
+  const result = {
+    y: 0, m: 0, d: 0, h: 0, mi: 0, s: 0,
+  };
+  if (a.length >= 2) {
+    const ymd = a[0].split('-');
+    result.y = Number(ymd[0]);
+    result.m = Number(ymd[1]);
+    result.d = Number(ymd[2]);
+    const hms = a[1].split(':');
+    result.h = Number(hms[0]);
+    result.mi = Number(hms[1]);
+    result.s = Number(hms[2]);
+  }
+  return result;
+}
+
 setInterval(() => {
   const list = document.getElementsByClassName('content');
   if (list.length === 3) {
@@ -14,7 +32,8 @@ setInterval(() => {
             const timeValueS = timeValue.split(' ');
             if (timeValueS.length === 3 && timeValueS[2] === 'PST') {
               const re = parseTime(timeValue);
-              const stamp = new Date(re.y, re.m - 1, re.d, re.h, re.mi, re.s).getTime() / 1000 + 16 * 3600;
+              const stamp = new Date(re.y, re.m - 1, re.d, re.h, re.mi, re.s).getTime()
+              / 1000 + 16 * 3600;
               j[i].innerText = new Date(stamp * 1000).toLocaleString();
             }
           }
@@ -23,20 +42,3 @@ setInterval(() => {
     }
   }
 }, 1000);
-function parseTime(testTime) {
-  const a = testTime.split(' ');
-  const result = {
-    y: 0, m: 0, d: 0, h: 0, mi: 0, s: 0,
-  };
-  if (a.length >= 2) {
-    const ymd = a[0].split('-');
-    result.y = Number(ymd[0]);
-    result.m = Number(ymd[1]);
-    result.d = Number(ymd[2]);
-    const hms = a[1].split(':');
-    result.h = Number(hms[0]);
-    result.mi = Number(hms[1]);
-    result.s = Number(hms[2]);
-  }
-  return result;
-}